/*
 Theme Name:   Relativity Child
 Theme URI:    http://relativity-adagency.com
 Description:  Tigershark Child Theme
 Author:       Relativity Advertising Agency
 Author URI:   http://relativity-adagency.com
 Template:     relativity
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  relativity-child
*/
@import 'fonts/stylesheet.css'; 

@font-face {
    font-family: 'open_sanslight';
    src: url('/wp-content/themes/relativity-child//wp-content/themes/relativity-child/fonts/opensans-light-webfont.woff2') format('woff2'),
         url('/wp-content/themes/relativity-child/fonts/opensans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'antro_vectrabolder';
    src: url('/wp-content/themes/relativity-child//wp-content/themes/relativity-child/fonts/antro_vectra_bolder-webfont.woff2') format('woff2'),
         url('/wp-content/themes/relativity-child/fonts/antro_vectra_bolder-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'antro_vectraregular';
    src: url('/wp-content/themes/relativity-child//wp-content/themes/relativity-child/fonts/antro_vectra-webfont.woff2') format('woff2'),
         url('/wp-content/themes/relativity-child/fonts/antro_vectra-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/***
 * RELATIVITY CUSTOM STYLE
 ***/
div#nf-field-214-container {
    width: 20%;
}
div#nf-field-168-container {
    width: 77.3%;
}
select#nf-field-214 {
    border-radius: 4px;
}
.theme-font{
	font-family: 'oswaldlight' !important;
}
.antro{
	font-family: 'antro_vectraregular';
}
.antro-bold{
	font-family: 'antro_vectrabolder';
}
.uppercase{
	text-transform: uppercase;
}

/* Theme Text Style */
.theme-title{
	text-transform: uppercase;
	margin-bottom: 30px;
}
.theme-button {
	background-color: #f07f06 !important;
	color: #fff !important;
	padding: 8px 30px;
	text-transform: uppercase;
	transition: all .5s;
	border: 2px solid #f07f06;
	display: inline-block;
	border-radius: 3px;
	font-size: 20px;
	font-family: 'oswaldlight';
}
.theme-button:hover {
	background-color: transparent !important;
	color: #ef9544 !important;
}
.theme-button::after {
	background-image: url('/wp-content/themes/relativity-child/img/arrow-white.png');
	background-size: 15px 15px;
	display: inline-block;
	width: 15px;
	height: 15px;
	content: "";
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: right;
	transition: all .5s;
}
.theme-button:hover::after {
	background-image: url('/wp-content/themes/relativity-child/img/arrow-orange.png');
	padding-left: 35px;
}

/* Animated header text */
.hidden{
	display: none;
}
.animated-text-container{
	position: relative;
	float: right;
	width: 100%;
	overflow: hidden;
	height: 100vh;
	padding-top: 240px;
}
.animated-area{
	position: absolute;
	width: 100%;
	bottom: 15vh;
}
.animated-text{
	display: block;
	left: -100%;
	position: relative;
	text-align: right;
	opacity: 0;
	padding-right: 3vw;
	font-family: 'oswaldextralight' !important;
	font-size: 3vw;
	line-height: 3.5vw;
	color: #5a5b5d;
}
.animated-text a{
	display: inline-block;
	font-family: 'oswaldextralight' !important;
	position: relative;
	z-index: 9;
}
.animated-text strong, .animated-text strong a{
	font-family: 'oswaldmedium' !important;
}
.animated-text .antro{
	line-height:0;
}
.green-text{
	color: #39aca7 !important;
}
.yellow-green-text{
	color: #73a97e !important;
}
.moss-green-text{
	color: #557b81 !important;
}
.dark-green-text{
	color: #345c64 !important;
}
.light-green-text{
	color: #8aac8f !important;
}
.light-blue-text{
	color: #69b3bf !important;
}
.text-1{
	font-size: 5vw;
	line-height: 4.5vw;
}
.text-2{
	font-size: 4vw;
	line-height: 3.8vw;
}
.text-3{
	font-size: 2vw;
	line-height: 2vw;
}
.theme-blue-bg{
	background-color: #2E3574;
	color: #fff;
}
.theme-blue-bg a, .theme-blue-bg p{
	color: #fff !important;
}

/ HOMEPAGE /
.email-ico{
	display: inline-block;
	font-size: 70px;
	line-height: 100px;
	height: 100px;
	width: 100px;
	font-family: 'oswaldlight' !important;
	border-radius: 50%;
	background-color: #e6eec2;
	color: #4ea2a8;
	transition: all .5s;
}
.email-ico:hover{
	background-color: #a2ecae;
}
.background-video{
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 104vh;
}
#html5Loader{
	top:0;
	left:0;
	position: absolute;
    height: 104vh;
    width: 100%;
	z-index:9;
}
.main-video{
	position:relative;
}
.main-video video{
	position: absolute;
	top: 0;
	width: 100vw;
	left: 0;
	position: fixed;
	height: 104vh;
	object-fit: cover;
}
.video-text-slider-container{
	position: relative;
	z-index: 99;
	top: 0;
	height: 104vh;
	width: 97vw;
	left: 0;
	padding: 30vh 0 10vh;
	margin: 0;
}
.header-text-slider{
	position: relative;
	float: right;
}
.header-text-slider span{ 
	font-family: 'oswaldlight' !important;
}
.text-slider-1 .slide-one-text-1{
	display: block;
	color: #5a5b5d;
	font-size: 5vw;
	font-family: 'oswaldlight' !important;
	margin-top: 15vw;
	text-align: right;
}
.text-slider-1 .slide-one-text-2{
	font-size: 7vw;
	color: #39aca7;
	font-family: 'oswaldmedium' !important;
	line-height: 7vw;
	text-align: right;
}
.text-slider-2 .slide-two-text-1{
	display: block;
	font-size: 4vw;
	font-family: 'oswaldlight' !important;
	color: #5a5b5d;
	line-height: 4vw;
	margin-top: 10vw
}
.text-slider-2 .slide-two-text-2{
	display: block;
	font-family: 'oswaldmedium' !important;
	font-size: 6vw;
	color: #39aca7;
	line-height: 6vw;
}
.text-slider-2 .slide-two-text-3{
	display: block;
	font-size: 6vw;
	line-height: 6vw;
	color: #73a97e;
	font-family: 'oswaldmedium' !important;
	text-align: left;
}
.text-slider-2 .slide-two-text-4{
	font-family: 'oswaldlight';
	font-size: 4vw;
	color: #5b5b5b;
	line-height: 4vw;
}
.text-slider-2 .slide-two-text-5{
	color: #557b81;
	font-family: 'oswaldmedium' !important;
	font-size: 6vw;
	line-height: 6vw;
}
#scroll{
	width: 80px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	top: 80vh;
    bottom: 0;
	cursor: pointer;
	transition: all .3s;
	color: #fff;
	-webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
    -moz-animation: ca3_fade_move_down 2s ease-in-out infinite;
    animation: ca3_fade_move_down 2s ease-in-out infinite;
	z-index:3;
}
.lined-link{
	margin-top: 30px;
	display: block;
	width: 110px;
	border-bottom: 2px solid;
	padding-bottom: 5px;
	color: #39aca7 !important;
	text-align: center;
	font-size: 22px;
	font-family: 'oswaldlight' !important;
	transition: all .5s;
}
.lined-link:hover{
	color: #487883 !important;
}
.stand-section h2{
	font-size: 4vw;
}
.home #slider_44{
	margin-top: 30px;
}
.main-title{
	font-family: 'oswaldmedium';
	font-size: 1.5vw;
	color: #5a5b5d;
	line-height: 1.5vw;
}
/* .service-carousel .no-overflow div, */
.feature-work-title .no-overflow div{
	padding-left: 30px;
}
.feature-work .featured-item{
	min-height: 24vw;
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
	padding: 5vw 20px 3.5vw;
	text-align: center;
}
.feature-work .featured-item h4{
	font-size: 1.4vw;
	font-weight: 500;
	font-family: 'oswaldlight';
	margin-bottom: 2vw;
	display: inline-block;
	border-bottom: 1px solid #a0d6a9;
	padding-bottom: 3px;
}
.feature-work .featured-item .feature-service{
	display: block;
	max-width: 300px;
	margin: 0 auto 2vw;
}
.feature-work .featured-item .featured-item-circle{
	height: 4vw;
	width: 4vw;
	display: inline-block;
	border-radius: 50%;
	cursor: pointer;
	z-index: 2;
	position: relative;
}
.feature-work #featured-item-1 .featured-item-circle{
	background-color: #39aca7;
}
.feature-work #featured-item-2 .featured-item-circle{
	background-color: #82be8c;
}
.feature-work #featured-item-3 .featured-item-circle{
	background-color: #c0cc89;
}
.feature-work{
	cursor: pointer;
}
.feature-work .featured-item label{
	position: absolute;
	margin-left: -2vw;
	margin-top: 1.3vw;
	font-size: 1.2vw;
}
.border-bottom-black{
	border-bottom: 1px solid rgba(0,0,0,0.25);
}
.work-item{
	opacity: 0;
	transition: all 1s;
	position: relative;
	z-index: 2;
}
.over-black{
	opacity: 0;
	position: absolute;
	background-color: rgba(0,0,0,.5);
	width: 100vw;
	height: 100%;
	top: 0;
	transition: all .5s;
}
.featured-item:hover .over-black{
	opacity: 1;
}
.featured-item:hover .work-item{
	opacity: 1 !important;
}
.arrowdown{
	height: 10px;
}
/* .featured-item-circle:hover .work-item{
	opacity: 1;
} */
.testimonial-section{
	background-size: 100%;
	background-repeat: no-repeat;
	min-height: 35vw;
}
.testimonies-container{
	max-width: 1000px;
	margin: 25vw auto 0;
}
.strong-view.default .testimonial-inner,
.strong-view.default.slider-container.slider-adaptive:not(.slider-mode-horizontal) .wpmslider-viewport{
	border: none !important;
}
.project-link{
	display: inline-block;
	font-size: 2vw;
	border: 1px solid;
	padding: 10px 3vw;
	font-family: 'oswaldlight';
	float: right;
}
a.project-link-center{
	display: block;
	font-size: 2vw;
	border: 1px solid;
	padding: 10px 3vw;
	font-family: 'oswaldlight';
	color: #fff !important;
	max-width: 20vw;
	margin: 0 auto;
	text-align: center;
}
a.project-link-center:hover{
	background-color: #39aea8;
	color: #fff !important;
}
.home-blog{
	max-width: 1200px;
	position: relative;
	margin: 0 auto;
}
.home .post-thumb{
	position: relative;
	height: 240px;
	overflow: hidden;
}
.home .post-thumb img{
	position: absolute;
	left: 0;
	height: 100%;
	width: auto !important;
}
.single-post #section-1,
.admin-bar #section-1,
#section-1
.post #section-1,
.blog #section-1{
	padding-top: 250px !important;
}
.post-text{
	padding: 20px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;;
	text-align: left;
}
.post-text h4{
	font-family: 'oswaldmedium' !important;
	font-size: 1.5vw
}
.post-text h4 a{
	font-family: 'oswaldlight' !important
}
.post-text p{
	margin-bottom: 0;
	position:relative;
}
/* .blog-section .more-link{
	position: absolute;
	bottom: 40px;
	width: 100%;
} */
.entry-date{
	font-size: 14px;
	font-style: italic;
	color: #888;
	margin: 10px 0;
	display: inline-block
}
.blog-link,
a.more-link{
	display: block;
	margin-top: 20px;
	background-color: #222;
	padding: 10px 20px;
	color: #fff !important;
	text-transform: uppercase;
	font-family: 'oswaldlight';
	letter-spacing: 2px;
	text-align: center;
}
.blog-link{
	width: 150px;
	margin: 30px auto 0;
}
.blog-title{
	margin-bottom: 2vw;
	font-size: 3vw;
	font-family: 'oswaldmedium' !important;
	letter-spacing: 2px
}
#footer-widget-area{
	background-color: #072a47;	
	color: #fff;
}
#footer-widget-area section{
	padding-top: 6vh;
	padding-bottom: 6vh
}
.widget-area .widget{
	width: 100%;
}
.footer-section h4{
	color: #00c9b9;
	font-size: 20px;
	letter-spacing: 0;
	font-family: ralewaylight;
}
.footer-section h4::after {
	content: " ";
	display: block;
	position: absolute;
	height: 2px;
	background: #ef9544;
	width: 74px;
	left: 100%;
	top: calc(50% - 2px);
	left: 14px;
	top: 30px;
}
#footer-widget-area p{
	font-size: 14px;
}
.footer-social ul li {
	text-align: center;
	display: inline-block;
}
.footer-social-links a{
	display: inline-block;
	margin-right: 0;
	text-decoration: none;
	box-shadow: 0 0 0 0 currentColor;
}
.footer-social-links span{
	font-size: 20px;
	transition: all .5s;
}
.footer-social-links span:hover{
	color: #fff !important;
}
footer a,
.footer-nav a{
	color: #fff !important;
	text-decoration: none !important;
	transition: all .5s;
	padding: 0 5px 5px 5px;
	display: inline-block;
}
.footer-nav a:hover{
	color: #37c5bf !important;
}
.textwidget a{
	box-shadow: none !important;
}
.footer-email{
	color: #fff !important;
}

/ custom masonry /
#work-gallery [class*="col-"]{
	padding: 0 !important;
	min-height: 22vw;
	background-size: cover;
	margin: 0;
	background-position:center; 
	overflow: hidden;
}
.no-gutter [class*="col-"]{
	padding-left: 0;
	padding-right: 0;
}

.cover-bg{
	min-height: 28vw;
	background-size: cover;
	background-position: center;
}
.left-positioned{
	background-position: left;
}
.right-positioned{
	background-position: right;
}
.bottom-positioned{
	background-position: bottom;
}
.top-positioned{
	background-position: top;
}
.center-positioned{
	background-position: center;
}
.work-content h1{
	font-family: 'oswaldlight' !important;
	font-size: 2rem;
}
.work-content h4{
	font-family: 'oswaldlight' !important;
	color: #577b83;
}
.work-overlay{
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	
	transition: all .8s;
	min-height: inherit;
}
.green-overlay{
	background-color: rgba(57, 172, 167, 0.67);
}
.yellow-green-overlay{
	background-color: rgba(161, 215, 169, 0.67);
}
.dark-green-overlay{
	background-color: rgba(85, 123, 129, 0.7);
}
.yellow-overlay{
	background-color: rgba(230, 238, 194, 0.78);
}
#work-gallery .row{
	overflow: hidden;
}
.work-item-img{
	transition: all .8s;
	overflow: hidden;
}
.work-item-img:hover{
/* 	transform: scale(1.1); */
	
}
.work-item-img:hover .work-overlay{
/* 	background-color: transparent; */
	width: 0;
}
.work-hover{
	background-color: #39aca7;
	border: 5px solid #39aca7;
	display: inline-block;
	z-index: 9;
	height: 130px;
	width: 130px;
	border-radius: 50%;
	position: absolute;
	margin: auto;
	opacity: 0;
	transition: all .5s;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
}
.hover-icon{
	position: absolute;
	height: 70px;
	width: auto;
	margin: 25px 40px;
}
.work-item-img:hover .work-hover{
	opacity: 1;
}
.work-item-img .work-hover:hover{
	background-color: #cadc90;
	border: 5px solid #fff;
}
.work-portfolio,
.work-portfolio .row{
	min-height: 27vw;
}
.work-page-item{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	position: relative;
	float: left;
	width: 100%;
	height: 90%;
}
.work-page-item.full{
	height: 100%;
}
.work-portfolio h4{
	text-align: center;
	padding: 15px 20px;
	font-size: 24px;
	font-family: 'oswaldlight' !important;
	font-weight: 400 !important;
	color: #555050;
	text-transform: uppercase;
}
.section-padded-bottom{
	padding-bottom: 3vw;
}
.work-next-section .section-content-side-twice{
	min-height: 25vw;
}
.percentage-circle{}
.next-work{
	position: absolute;
	height: 10vw;
	width: 10vw;
	background-color: #39aea8;
	color: #fff;
	border-radius: 50%;
	margin-top: 4.5vw;
	transition: all .5s;
}
.next-work:hover{
	background-color: #577b83;
}
.next-work span{
	display: block;
	text-align: center;
	width: 100%;
	margin-top: 3vw;
	font-size: 2.2vw;
	font-family: 'oswaldlight' !important
}
.next-work label{
	font-size: 1.2vw;
	display: block;
	text-align: center;
	font-family: 'oswaldlight' !important
}
.video-icon{
/* 	opacity: 0; */
	position: absolute;
	height: 120px;
	width: 120px;
	border-radius: 50%;
	border: 5px solid #fff;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	margin: auto;
	transition: all .5s;
	cursor: pointer;
}
.video-icon span{	
	color: #fff;
	font-size: 50px;
	margin-top: 30px;
	margin-left: 30px;
	transition: all .5s;
	cursor: pointer;
}
.video-icon:hover{
	
	background: #39aca7;
}
.video-icon:hover span{
	
}
.work-item-img:hover .video-icon{
/* 	opacity: 1; */
}
.video-title{
	font-weight: 700;
	text-align: center;
	text-transform: uppercase;
}
.overlay-img{
	display: none;
	background-color: rgba(220, 220, 220, 0.74);
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 9999;
}
.loading,
.full-image{
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.center-element{
	margin: auto !important;
	top: 0 !important;
	left: 0 !important;
	right: 0 !important;
	bottom: 0 !important;
}


/*
 * About Page
 */
.parallax-bg.amped-goal-bg .row,
.parallax-bg.amped-goal-bg{
	min-height: 5vw !important;
}
.amped-goal-overlay{
	background-color: rgba(0, 128, 128, 0.5); 
	padding: 5vh 0;
}
.amped-goal-bg h3 {
	text-align: center;
	font-size: 56px;
	margin-bottom: 30px;
	font-family: 'antro_vectraregular' !important;
}
.client-logo ul {
    margin-bottom: 50px;
    display: block;
    width: 100%;
    float: left;
	margin-left: 0;
}
.client-logo ul li{
	list-style: none;
	display: inline-block;
	width: 16.66%;
	margin-top: 30px;
	float: left;
}
.center-clogo{
	margin-left: 33%;
}
.page-template-about .parallax-bg .staff-section.row,
.page-template-about .parallax-bg .staff-section.row .row{
	min-height: 1vw;
}
.staff-section{
	margin-bottom: 5vw !important;
}
.staff-image{
	padding-right: 3vw;
	max-width: 350px;
}
.staff-text{
	padding: 3vw 0;
}
.staff-text h4{
    font-family: 'oswaldlight' !important;
    font-size: 36px;
    margin-bottom: 20px;
	text-transform: uppercase;
}
.light-blue-bg{
	background-color: rgba(255,255,255,.9);
}
.about-header h2{
	color: #4f404a;
}

.about-header h4{
	color: #333;
}
.fullscreen-header-text{
	position: relative;
	float: left;
	width: 100%;
	height: 100%;
	padding-top: 15vw;
	padding-left: 5vw;
	padding-right: 5vw;
	padding-bottom: 5vw;
}
.fullscreen-header-text h2,
.header-text-1{
	font-size: 4vw;
	width: 20vw;
	margin-bottom: 3vw;
	font-family: 'oswaldlight' !important;
}
.fullscreen-header-text h3{
	text-align: right;
	font-size: 1.8vw;
	width: 18vw;
	color: #333;
	line-height: 1.3em;
	font-family: 'oswaldlight' !important;
}
.fullscreen-header-text h4{
	font-size: 30px;
	width: 18vw;
	line-height: 30px;
	font-family: 'oswaldlight' !important;
	margin-right: 0;
	margin-top: 10vw;
}
.header-text-2{
	float: left;
}
.header-text-3{
	float: right;
	text-align: right;
}
.da-thumbs{
	float: left;
	margin: 0 auto;
	width: 100%;
	margin-left: 3%
}
.da-thumbs li {
	float: left;
	margin: .5vw;
	background: #fff;
	position: relative;
	list-style: none;
	max-width: 16vw;
	display: inline-block;
	cursor:pointer;
}
.da-thumbs li ,
.da-thumbs li a img {
	display: block;
	position: relative;
}
.da-thumbs li {
	overflow: hidden;
}
.da-thumbs li div {
	position: absolute;
	background: rgba(0,0,0,0.68);
	width: 100%;
	height: 100%;
	color: #fff;
	text-align: center;
}
.da-thumbs span,
.da-thumbs label{
	display: block;
	font-family: 'oswaldlight';
	text-transform: uppercase;
	font-size: 18px;
}
.da-thumbs label{
	font-size: 22px !important;
	line-height: 20px;
	margin-top: 7vw;
}
.about-section-title{
	text-align: center;
	background-color: #3aada8;
	color: #fff;
	margin-top: -3.5vw;
	padding: 2.5vw 5vw !important;
}
.about-section-title h3{
	margin-bottom: 0;
}
.page-template-about .about-video-bg span,
.page-template-about .about-video-bg label{
	color: #4f404a !important;
}
.page-template-about .work-content h2{
	font-size: 3rem;
}
.border-top{
	border-top: 1px solid rgba(0,0,0,.25);
}
.about-video-bg,
.about-video-bg .row{
	min-height: 25vw;
}
.above-section li a {
	font-size: 24px;
	font-family: 'oswaldlight' !important;
	padding: 10px 20px;
}

/*
 * EXPERTISE STYLE 
 */
#slider_44 .owl-item div{
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}
#expertise.parallax-bg{
	background-position: top center;
	background-size: 100%;
	min-height: 33vw;
}
div.white{
	border: none !important;
}
.large-text{
	font-size: 4vw;
}
.expertise-url{
	color: #111 !important;
}
.expertise-url::after {
    content: "\25b6";
    margin-left: 10px;
    font-size: 14px;
}
.expertise-h2{
	font-size: 3vw;
}
.expertise-h2 span{
	font-size: 8vw;
}
.expertise-bg-1{
	background-color: #a1d7a9;
}
.expertise-bg-2{
	background-color: #e6efc2;
}
.expertise-gray-bg{
	background-color: #353536;
	color: #fff;
}
.light-gray-bg{
	background-color: #e2e2e1;
}
.light-brown-bg{
	background-color: #e6dddd;
}
.light-brown-bg h2{
	color: #937676 !important;
}
.yellow-green-bg{
	background-color: #e7efc4;
}
.yellow-green-bg h2{
	color: #768533 !important;
}
.pale-green-bg{
	background-color: #b9e1df;
}
.pale-green-bg h2{
	color: #19746f !important;
}
.expertise-services h2{
	color: #2d6135;
}
.expertise-quote{
	font-size: 24px;
	height: inherit;
}
.expertise-quote span{
	font-family: 'oswaldlight' !important;
	color: #719c9a;
	font-size: 6vw;
}
.expertise-quote label{
	font-family: 'oswaldlight' !important;
	font-size: 4vw;
	display: inline-block;
}
.expertise-quote p{
	padding-left: 2.5vw;
	margin-top: -20px;
}
.scroll-to-next-row{
	max-height: 80px;
	position: absolute;
	margin-top: -3vw;
	cursor: pointer;
}
img.scroll-to-next-row {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
img.scroll-to-next-row {
    -webkit-animation: mover 1s infinite  alternate;
    animation: mover 1s infinite  alternate;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-20px); }
}

p.barline::after,
p.barline::before{
	background-color: #5a5b5d;
	content: "";
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle;
	width: 20%;
	margin: 0 20px;
}
p.barline{
	color: #5a5b5d;
}
.page-split-header.split-header-content-45{
	width: 45vw !important;
}
.page-split-header.split-header-content-30{
	width: 30vw !important;
}
.page-title{
	font-family: 'oswaldlight';
	font-size: 4vw;
	color: #a1d7a9;
	margin-bottom: 30px;
}
.expretise-icon{
	max-height: 130px;
}
.expertise-parallax h2,
.expertise-parallax h4{
	margin-left: 80px;
	z-index: 2;
}
.expertise-parallax h4{
	margin-top: -40px;
}
.expertise-parallax h3{
	margin-left: 30px;
}
.expertise-widget{
	overflow: hidden;
}
.expertise-widget video{
	position: absolute;
	top: 0;
	width: 100vw;
	object-fit: cover;
	min-height: 30vw;
}
.expertise-widget-button{
	float: right;
	display: inline-block;
	font-size: 2vw;
	font-family: 'oswaldlight';
	margin-right: 5vw;
	border: 2px solid #487883;
	padding: 5px 30px;
	font-weight: 600;
	background: #487883;
	color: #fff !important;
	border-radius: 5px;
	transition: all .3s;
}
.expertise-widget-button:hover{
	background: transparent;
	color: #487883 !important;
}
.expertise-parallax{
	min-height: 20vh;
	padding-bottom: 5vh;
}
div.white{
	background: transparent !important;
}
.header-button{
	font-size: 26px;
	font-family: 'oswaldlight';
	margin-top: 50px;
	display: inline-block;
	border: 2px solid #fff;
	color: #fff !important;
	padding: 10px 30px;
	text-decoration: none !important;
}
.page-template-expertise-aerial-drones .expertise-parallax h3,
.page-template-expertise-video-production .expertise-parallax h3,
.page-template-expertise-branding .expertise-parallax h3{
	font-size:3vw;
}
.page-template-expertise-aerial-drones .expertise-parallax h4,
.page-template-expertise-video-production .expertise-parallax h4,
.page-template-expertise-branding .expertise-parallax h4{
	font-size: 2vw;
	margin-top: 0;
}
.page-template-expertise-aerial-drones .expretise-icon,
.page-template-expertise-video-production .expretise-icon{
	max-height: 130px;
	position: absolute;
	right: 16vw;
	margin-top: -40px;
	z-index: 1;
}
.page-template-expertise-aerial-drones .expertise-parallax h2,
.page-template-expertise-video-production .expertise-parallax h2,
.page-template-expertise-branding .expertise-parallax h2{
	z-index: 2;
	position: relative;
}
.page-template-expertise-website .page-split-header h1,
.page-template-expertise-website .page-split-header h2{
	color: #e1ab6b !important;
}
.page-template-expertise-video-production .page-split-header{
	background-color: rgba(43, 80, 78, 0.88) !important;
}
.page-template-expertise-branding .page-split-header{
	background-color: rgba(0, 11, 33, 0.79);
	float: left;
}
.page-template-expertise-branding .expretise-icon{
	max-height: 130px;
	position: absolute;
	z-index: 1;
}
.page-template-expertise-branding .expertise-parallax h4{
	margin-left: 170px;
	padding-bottom: 20px;
	position: absolute !important;
}
h1.page-title.pale-yellow-text{
	color: rgb(249, 255, 202) !important;
}
.page-template-expertise-branding .expertise-parallax h2{
	margin-top: 40px !important;
}
.page-template-expertise-aerial-drones .page-split-header{
	float: left;
	background-color: rgba(43, 80, 78, 0.88);
}
.page-template-expertise-aerial-drones .dark-green-bg{
	background-color: #253940;
}
.start-project-circle{
	position: relative;
	height: 190px;
	width: 190px;
	background-color: #8bbd91;
	color: #fff;
	border-radius: 50%;
	transition: all .5s;
	margin: 0 auto;
	cursor: pointer;
	border: 1px solid #fff;
}
.start-project-circle:hover{
	background-color: #577b83;
}
.start-project-circle span{
	display: block;
	text-align: center;
	width: 100%;
	margin-top: 45px;
	font-size: 48px;
	font-family: 'oswaldlight' !important;
	position: absolute;
}
.start-project-circle label{
	font-size: 26px;
	display: block;
	text-align: center;
	font-family: 'oswaldlight' !important;
	bottom: 50px;
	position: absolute;
	margin: auto;
	left: 0;
	right: 0;
	z-index: 9
}
.header-button-circle{
	margin-top: 50px;
	display: inline-block;
	height: 110px;
	width: 110px;
	font-family: 'oswaldlight' !important;
	vertical-align: middle;
	padding: 20px;
	border-radius: 50%;
	transition: all .5s;
	background-color: #8bbd91;
	border: 2px solid #fff;
}
.header-button-circle:hover{
	background-color: #39aca7;
}
.header-button-circle span{
	color: #fff;
	font-size: 36px;
	font-family: 'oswaldlight' !important;
	line-height: 30px;
	display: block;
	margin-top: 10px;
}
.header-button-circle label{
	font-family: 'oswaldlight' !important;
	color: #fff;
	display: block
}
.page-template-expertise-digital-advertising .expertise-slogan-container h4{
	margin-top: -50px;
	margin-left: 70px;
	font-size: 30px;
}
.page-template-expertise-digital-advertising .expertise-slogan-container h3{
	margin-left: 130px;
	font-size: 36px;
	margin-bottom: 0;
}
.page-template-expertise-digital-advertising .expertise-slogan-container h2{
	margin-left: 60px;
	font-size: 60px;
}
.conclusion-container{
    background-color: #f8f9fa;
/*     color: #fff; */ 
}
.conclusion-container h2{
    margin-bottom: 20px;
    color: teal;
    font-weight: 500;
    font-family: 'oswaldlight' !important;
    font-size: 36px;
}
.page-template-expertise-seo .page-split-header{
	float: left;
	background-color: rgba(28, 31, 32, 0.79);
}
.page-template-expertise-seo h1.page-title,
.page-template-expertise-seo h2.page-title{
	color: #e6eec2 !important;
}
.page-template-expertise-seo .header-button-circle{
	background-color: #bb9c42;
}
.page-template-expertise-print .page-split-header{
	background-color: rgba(0, 11, 33, 0.79);
}
.expertise-green{
	color: #2b948f;
}
.expertise-slogan-container{
	position: relative;
	width: 350px;
	background-color: rgba(255, 255, 255, 0.77);
	height: 350px;
	padding: 70px 30px;
	border-radius: 50%;
}
.psychology-text-container{
	padding: 20px;
	background-color: rgba(255,255,255,.5);
}
.page-template-expertise-media-buy .expertise-parallax h3 {
	margin-left: 100px;
}
.page-template-expertise-media-buy .expertise-parallax h2{
	font-size: 55px;
	margin-left: 80px;
}
.page-template-expertise-media-buy .expertise-text-2{
	background-color: #39ada7;
}
.page-template-expertise-digital-advertising .page-split-header,
.page-template-expertise-graphic-design .page-split-header,
.page-template-expertise-media-buy .page-split-header{
	float: left;
}
.page-template-expertise-digital-advertising .page-split-header{
	background-color: rgba(25, 74, 162, 0.85);
	color: #fff;
}
.page-template-expertise-digital-advertising .split-header-content h1,
.page-template-expertise-digital-advertising .split-header-content h2{
	color: #39ada7 !important;
}
.page-template-expertise-digital-advertising .split-header-content p{
	color: #fff !important;	
}
.page-template-expertise-digital-advertising .expertise-text-2 {
	background-color: #39ada7;
}

.page-template-expertise-seo .expertise-parallax h4 {
	margin-top: -80px;
}
.page-template-expertise-seo .expertise-text-2{
	background-color: #5a7e6e;
	color: #fff;
}
.page-template-expertise-graphic-design .page-split-header{
	background-color: rgba(28, 31, 32, 0.79);
}
.page-template-expertise-graphic-design a.header-button-circle{
	background-color: #98c059 !important;
}
.graphic-design-comic-section{
	min-height: 100vh;
	background-size: cover;
	background-position: left bottom;
	float:left;
	width: 100%;
}
.graphic-design-color-section{
	min-height: 35vw;
	background-size: cover;
	background-position: left bottom;
	background-repeat: no-repeat;
}
.graphic-design-color-section h2{
	font-size: 3.6vw;
	text-align: right;
}
.color-content{
	height:400px;
}
.color-switcher-content {
  position: relative;
  display: none;
  margin: 0 auto;
  background-color: transparent;
  color: #222;
  text-align: center;
  width: 400px;
  height: 400px;
}

.color-switcher-content:after {
  display: block;
  padding-bottom: 100%;
  width: 100%;
  height: 0;
  border-radius: 50%;
  background-color: rgba(255,255,255,.84);
  content: "";
}

.circle__inner {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.circle__wrapper {
  display: table;
  width: 100%;
  height: 100%;
}

.circle__content {
  display: table-cell;
  padding: 3em;
  vertical-align: middle;
}
.color-option-container{
	display:none;
	padding: 3em;
	top:40px;
	left:0px;
	position: absolute;
}
.color-option-container p{
	font-size: 20px;
}
.color-option-container span{
	font-size: 12px;
	margin-bottom: 20px;
	display: block
}
.color-option-container label{
	font-size: 14px;
}
.color-option{
	height: 30px;
	width: 30px;
	border-radius: 50%;
	border: 1px solid #000;
	display: inline-block;
	margin: 0 5px;
	cursor: pointer;
}
.color-switcher {
    padding: 30px;
    text-align: center;
    max-width: 410px;
    margin: 0 auto;
    position: relative;
    padding-top:60px;
}
.mouse {
    width: 40px;
    position: absolute;
    top: 25px;
    transition: right 500ms;
}
.mouse img{

}
.color-red{
	background-color: #ff0000;
}
.color-orange{
	background-color: #fe6f35;
}
.color-yellow{
	background-color: #fff200;
}
.color-green{
	background-color: #91c449;
}
.color-blue{
	background-color: #2d3690;
}
.color-brown{
	background-color: #a2764a;
}
.color-gray{
	background-color: #868686;
}
.color-black{
	background-color: #000000;
}

#color-red strong{
	color: #ff0000;
}
#color-orange strong{
	color: #fe6f35;
}
#color-yellow strong{
	color: #fff200;
}
#color-green strong{
	color: #91c449;
}
#color-blue strong{
	color: #2d3690;
}
#color-brown strong{
	color: #a2764a;
}
#color-gray strong{
	color: #868686;
}
#color-black strong{
	color: #000000;
}
/* position the mouse as to where it should be located */
.mouse#color-red{
	right: 340px;
}
.mouse#color-orange{
	right: 295px;
}
.mouse#color-yellow{
	right: 250px;
}
.mouse#color-green{
	right: 207px;
}
.mouse#color-blue{
	right: 162px;
}
.mouse#color-brown{
	right: 120px;
}
.mouse#color-gray{
	right: 76px;
}
.mouse#color-black{
	right: 31px;
}
.split-header-content-40{
	width: 40%;
}
.split-header-content-45{
	width: 45%;
}
.page-template-expertise-social-media .split-header-content-40{
	background-color: #4c4e4f;
	width: 40%;
	float: left;
}
.page-template-expertise-social-media .split-header-content-60{
	height: 106.5vh;
	padding-top: 180px;
	background-size: cover;
	width: 60%;
	float: left;
	background-position: top center;
	background-repeat: no-repeat;
}
.blue-bg{
	background-color: #03405d;
}
.page-template-expertise-social-media .header-button-circle{
	background-color: #489289;

}
.page-template-expertise-social-media .header-button-circle:hover{
	background-color:#a0d6a9 !important;
}
.page-template-expertise-social-media .expertise-parallax{
	padding-bottom: 0;
	min-height: 400px;
	height: 400px;
}
.page-template-expertise-social-media .parallax-bg .row{
	min-height: 400px;
	height: 400px;
}
.page-template-expertise-social-media .expertise-parallax .col-lg-12{
	position: relative;
	width: 100%;
	height: 400px;
}
.expertise-circle-text-container{
	height: 450px;
	width: 450px;
	border-radius: 50%;
	position: absolute;
	background-color: rgba(255,255,255,.77);
	top: -25px;
	z-index: 0;
	left: 5vw;
}
.expertise-circle-text{
	padding: 80px;
	margin-top: 50px;
}
.expertise-circle-text-container img{
	position: absolute;
	left: -30px;
	top: 150px;
}
.expertise-circle-text-container span{
	margin-left: 80px;
	display: inline-block;
	font-size: 22px;
}
.expertise-circle-text-container  h3{
	margin-left: 80px;
	color: #2b948f;
	font-size: 40px;
	margin-bottom: 30px;
}
.counter-title h3{
	padding-left: 30px;
}
.hashtag{
	font-size: 70px;
	display: inline-block;
	color: #fff;
	font-family: 'oswaldlight' !important;
	top: 90px;
	position: absolute;
	margin-left: -40px;
}
.drone-play-button{
	font-size: 150px;
	color: #395f65;
	background-image: radial-gradient(at center, #FFF 25%, transparent 25%);
	transition: all .5s;
}
.drone-play-button:hover{
	color: #42adc5;
}
.drone-video-icon{
	display: block;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 150px;
	height: 150px;
	cursor: pointer;
}

/* Square Hover */
.square.individual label,label:visited,
.square.individual label:hover,
.square.individual label:active{
    -webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	position: relative;
	transition: 0.4s color ease;
	text-decoration: none;
	font-size: 30px;
	line-height: 24px;
	font-family: 'oswaldlight' !important;
	margin: 0;
	cursor: pointer;
}
.square.individual label:hover{
	color:#487883;
}
.square.individual label.before:before,
.square.individual label.after:after{
  content: "";
  transition:0.4s all ease;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  position:absolute;
}
.square.individual label.before:before{
  top:-0.18em;
}
.square.individual label.after:after{
  bottom:-0.18em;
}
.square.individual label.before:before,
.square.individual  label.after:after{
  height: 5px;
  height:0.15rem;
  width:0;
  background: #487883;
}
.above-section li{
	padding: 20px 0;
}
.square.individual label.before:hover:before,
.square.individual label.after:hover:after{
  width:100%;
}
.square{
  box-sizing:border-box;
  margin-left:-0.4em;
  position:relative;
  overflow:hidden;
}
.square label{
  position:static;
  font-size:100%;
  padding:0.2em 0.4em;
}
.square:before,.square:after{
  content: "";
  box-sizing:border-box;
  transition:0.20s all ease;
  -webkit-backface-visibility:hidden;
          backface-visibility:hidden;
  position:absolute;
  width:5px;
  width:0.15rem;
  height:0;
  background:#487883;
}
.square:before {
	left: 0;
	bottom: -.2em;
}
.square.individual:before{
  transition-delay:0.5s;
}
.square:after{
  right:0;
  top:-0.3em;
}
.square.individual:after{
  transition-delay:0.1s;
}
.square label:before{
  left:0;
  transition:0.25s all ease;
}
.square label:after{
  right:0;
  transition:0.25s all ease;
}
.square.individual labela:after{
  transition:0.25s all ease 0.4s;
}
.square:hover:before,.square:hover:after{
  height:calc(100% + 0.5em);
}
.square:hover label:before,.square:hover label:after{
  width:100%;
}



/*
 * MAIN STYLE 
 */
body{
	font-family: 'open_sanslight';
	font-size: 15px;
	color: #191919;
	font-size: 15px;
    line-height: 25px;
}
.widget_recent_entries a{
	text-decoration: underline;
}
.page-split-header a,
.section a.light-teal{
	color:#e2e7e7 !important;
	text-decoration: underline;
}
p, div, a, li, label, span{
	font-family: 'open_sanslight';
}
.sans{
	font-family: 'open_sanslight';
}
.belleza{
	font-family: 'Belleza', sans-serif !important;	
}
.yellow-green-bg{
	background-color: #e6efc2;
}
.dark-green-bg{
	background-color: #557b81;
}
.theme-green{
	color: #3b908c;
}
.theme-lighter-green{
	color: #39aca7;
}
.yellow-green-bg{
	background-color: #e6efc2;
}
.light-green{
	color: #74a97e;
}
.light-text{ 
	color: #fff; 
}
.dark-text{
	color: #1d1d1d;
}
.default-bg, .white-bg{
	background-color: #fff !important;
}
a{
	transition: all .3s;
	text-decoration: none; 
}
a:hover {
/*     color: #257B89 !important; */
	text-decoration: none !important; 
}
video{
	margin-bottom: 0 !important;
}
.no-padding{
	padding: 0 !important;
}
.page-template-promotional video{
	min-height: 100vh;
	position: absolute;
	top: 0;
	opacity: .4;
}

#full-screen-header{
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	min-height: 106vh;
	max-width: 100vw;
	position: relative;
	background-position: center;
}
#theme-page-header{
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	height: 78vh;
	width: 100vw;
	position: relative;
	background-position: center;
}
.theme-page-title{
	position: absolute;
	margin-top: 25vh;
	padding: 0 10vw;
	font-family: 'oswaldmedium' !important;
	color: #39aca7;
	font-size: 7vw;	
}
.theme-page-title span{
	color: #5a5b5d;
	font-family: 'oswaldlight';
	font-size: 5vw;
	display: block;
	line-height: 3vw
}

/* tigershark */
.page-template-work-tigershark .video-icon{
	height: 100px;
	width: 100px;
	top: 150px;
}
.page-template-work-tigershark .video-icon span{
	font-size: 40px;
	margin-top: 25px;
	margin-left: 25px;
}

/ header /
.header-contact a{
	display: inline-block;
	margin-right: 1vw;
	transition: all .5s;
}
.header-contact span{
	font-size: 22px;
	transition: all .5s;
}
.header-contact span:hover,
.header-contact a:hover span{
	color: #444 !important;
}
#header-container{
	position: relative;
	float: left;
}
body:not(.custom-background-image).admin-bar::before {
    top: 0;
}
body:not(.custom-background-image)::before, body:not(.custom-background-image)::after {
    height: 0;
}
.site-content {
    padding: 4vh 4.5455%;
}
.site-branding{
	padding: 0;
}

#why-it-works,
.header-content a{
    color: #fff;
    border: 1px solid;
    padding: 5px 20px;
    border-radius: 15px;
    font-size: 15px;
	margin-top: 20px;
	display: inline-block;
	transition: all .3s;
	text-decoration: none !important;
}
#why-it-works:hover,
.header-content a:hover{
    text-decoration: none;
    background-color: #487883;
    color: #fff !important;
}
.admin-bar .site-header {
	top: 32px;
}
.site-header {
    padding: 0;
    background-color: rgba(21, 55, 77, 0.4);
	position: fixed;
	width: 100%;
	padding-right:0;
	padding-left:0;
	z-index: 998;
	top: 0;
	transition: all .5s;
}
.wp-custom-logo .site-header-main{
	padding: 0 30px;
}
.site-branding, .site-header-menu, .header-image {
    margin-top: 1vw;
    margin-bottom: 1vw;
}
.site-branding .logo{
    max-height: 90px;
}
.main-navigation a{
	text-transform: uppercase;
	font-family: 'open_sanssemibold';
}
.header-contact{
	text-align: right;
	font-family: 'oswaldlight' !important;
}
.header-contact a{
	color: #000;
	font-family: 'oswaldlight' !important;
	font-size: 20px;
}
.header-contact a:hover{
	color: #487883;
	text-decoration: none;
}
.talk-to-us{
    color: #000;
    border: 1px solid;
    padding: 5px 20px;
    border-radius: 15px;
    font-size: 14px;
    display: inline-block;
	margin-left: 20px;
	transition: all .5s;
}
.section .talk-to-us{
	padding: 7px 20px;
	min-width: 150px;
	text-align: center;
}
.talk-to-us:hover{
    background-color: #487883;
    color: #fff !important;
    text-decoration: none;
	border-color: #487883;
}

.scroll {
    position: absolute;
    z-index: 1;
    right: 48%;
	bottom: 10px;
    cursor: pointer;
	transition: all .3s;
	color: #fff;
	-webkit-animation: ca3_fade_move_down 2s ease-in-out infinite;
    -moz-animation: ca3_fade_move_down 2s ease-in-out infinite;
    animation: ca3_fade_move_down 2s ease-in-out infinite;
}
.scroll-text {
    font-size: 40px;
    text-transform: uppercase;
    font-weight: 400;
	transition: all .3s;
	color: #fff;
}
.scroll-line {
    transform: rotate(90deg);
    display: inherit;
    margin-top: 5px;
    width: 20px;
    margin-left: 10px;
	transition: all .3s;
}
.no-overflow{
	overflow: hidden;
}
.scroll:hover,
.scroll:hover .scroll-line hr,
.scroll:hover .scroll-text{
	color: #487883;
	border-color: #487883;
}
.scroll:hover .scroll-line hr{
	border-top: 1px solid #487883;
}

/ page /
.page-template-default .page-template{
	margin-top: 80px;
	padding: 5vh;
	background-color: #fafafa;
}
.section-content-side-twice{
	padding: 8vh 5vw;
	float: left;
	width: 100%
}
.home .nf-form-cont{
	float: none;
}
.section-content-no-side{
	padding: 6vh 0;

}
.section-content{
	padding: 6vh 5vh;
	float: left;
	width: 100%;
}
.section-content-image{
	padding: 6vh 30px;
}
.section-content-image img{
	margin-bottom: 30px;
}
.page-header-bg{
	min-height: 60vh;
}
.section{
	position: relative;
	float: left;
	width: 100%;
	height: inherit;
}
.section .row{
	margin-left: 0;
	margin-right: 0;
}
.page-template {
    margin-top: -30px;
    float: left;
    width: 100%;
    position: relative;
}
.page-wrapper{
	max-width: 90%;
	margin: 0 auto;
}
.parallax-bg, #video-section{
	background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;	
	min-height: 20vw;
	margin: 0;
}
#footer-parallax, 
#footer-parallax .row{
	min-height: 30vh;
}
.parallax-right-bg{
	min-height: 28vw;
	background-size: 100%;	
	background-position: right;
	background-repeat: no-repeat;
}
.parallax-right-bg .row{
	min-height: 28vw;
}
.parallax-bg .row{
	min-height: 20vw;
}
.parallax-bg .align-items-center .center-content{
	min-height: 25vw;
}
.page-template-about .parallax-bg .row .transparent-white-bg,
.page-template-about .parallax-bg .row,
.page-template-about .parallax-bg{
	min-height: 20vw;
	margin: 0;
}
#testimonials{
	min-height: 24vw;
	overflow: hidden;
}
.bg-position-bottom{
	background-position: center bottom !important;
}
.fixed-bg{
	min-height: 47vh;
	background-size: cover;
	background-repeat: no-repeat;
}
.fixed-bg .row{
	min-height: 47vh;
}
.dark-bg{
	background-color: #212121;
}
.gray-bg{
	background-color: #353536;
}
.darkgray-bg{
	background-color: #212121;	
}
.dark-green-bg{
	background-color: #3c4e52;
}
.light-gray-bg{
	background-color: #e8e8e8;
}
.transparent-white-bg{
	background-color: rgba(255,255,255,.9);
}
.transparent-dark-bg{
	background-color: rgba(0,0,0,.63);
}
.gradient-white-left-bg{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
	background: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
/* .fullheight-header{
	height: 100vh;
} */
.dark-text{
	color: #212121;
}
.white-text{
	color: #fff !important;
}
.light-text{
	color:#dcdcdc;
}
.capitalize{
	text-transform: uppercase;
}
h1[id="page-title\ green-text"],
.green-text{
	color: #4b7e87;
}
.light-text{
	color: #fefefe;
}
.center-button{
	margin: 0 auto;
}
.template-title, .section-title{
	font-size: 40px;
	line-height: 44px;
	font-family: 'Belleza', sans-serif !important;	
}
.play-button-center{
	position: absolute;
	left: 40%;
	top: 35%;
	background-color: rgba(0,0,0,.5);
	z-index: 99;
}
.play-button{
    background-image: url(https://ampedm.com/tigershark/wp-content/uploads/2018/05/play.png);
    height: 100px;
    width: 100px;
    display: block;
    margin: 20px auto 0;
    border-radius: 50%;    
    border: 1px solid #fff;
    margin-top: 20px;
	cursor: pointer;
	transition: background-color 0.5s ease;
}
.section-two-image:hover .play-button,
.play-button:hover{
	background-color: #257B89;	
}
.overlay{
	display: none;
	background-color: rgba(191, 191, 191, 0.65);
	height: 100%;
	width: 100%;
	position: fixed;
	top: 0;
	z-index: 9999;
	overflow-y: scroll;
}
.video-wrapper{
	max-width: 80%;
	margin: 5vh auto;
}
.close-overlay,
.close-button{
    display: block;
    top: 40px;
    right: -20px;
    position: absolute; 
    cursor: pointer;
	z-index: 999;
	max-width: 60%;
}
.close-overlay img,
.close-button img{
	max-width: 80%;
}
.content-padding{
	padding: 5vh;
}
#section-4-2 h2{
	font-size: 3vw;
	text-align: center;
	margin-bottom: 4vh;
	color: #fff;
}
.logo-title {
    background-image: url(https://ampedm.com/tigershark/wp-content/uploads/2018/05/logo-sm.png);
    width: 70px;
    height: 61px;
    margin: 0 1vw;
    display: inline-block;
}
/* .logo-title::before{
	content: url(https://ampedm.com/tigershark/wp-content/uploads/2018/05/logo-sm.png);
	width: 70px;
	height: 70px;
	position: absolute;
	margin-left: -100px;
}
.logo-title::after{
	content: url(https://ampedm.com/tigershark/wp-content/uploads/2018/05/logo-sm.png);
	width: 70px;
	height: 70px;
	position: absolute;
	margin-left: 30px;
} */
.title-lined{
	text-align: center;
	color: #fff;
}
.title-line-holder{
	width: 100%;
}
.title-line-holder p::before, .title-line-holder p::after {
    background-color: rgba(158,166,168,0.5);
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
.title-line-holder p::before {
    right: 1.5em;
    margin-left: -50%;
}
.title-line-holder p::after {
    left: 1.5em;
    margin-right: -50%;
}
.right-bg-image{
	background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
	height: 84vh;
}
.right-bg-image .row{
	height: 40vh;
}
.center-bg-image{
	background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.center-bg-image .row{
	min-height: 30vw;
}
.center-bg-image span{
	color: #00bdd6;
}
.admin-bar #section-1,
#section-1{
	padding-top: 140px;
}
.home #section-1{
	padding-top: 60px;
}
.section-image-bg{
	background-size: cover;
	background-position:center; 
}
.widget button.search-submit{
	height: 35px;
}

/ Video Page /
.page-template-video div#section-1.section.right-bg-image{
	min-height: 104vh;
	top: 0;
	padding-top: 30vh;
}
.page-template-video .right-bg-image .row{
	height: auto;
}
.page-template-video #video-pagelist p::before,
.page-template-video #video-pagelist p::after{
	background-color: rgba(158, 166, 168, 0.5);
	content: "";
	display: inline-block;
	height: 1px;
	position: relative;
	vertical-align: middle;
	width: 30%;
	margin: 0 20px;
}

/* home form button */

#gform_submit_button_7{
	background-color: #7d7d7d!important;
    color: #fff!important;
    padding: 9px 40px!important;
    font-family: 'oswaldlight'!important;
    font-size: 20px!important;
    font-weight: normal!important;
	height:unset!important;
	width:unset!important;
}

/* Gravity form */

#input_7_21{
	display:flex;
	flex-direction:row !important;
	
}
#input_7_21_3_container{
	width:50%;
	flex: 1 !important;
	display:flex;
	
}
#input_7_21_6_container{
	
	width:50%;
	flex: 1 !important;
	display:flex;
}


.gform_wrapper label{
	font-size:12px !important;
	white-space: pre-wrap;
	color: #000;
}

.gform_wrapper ul li::before{
	display:none!important;
}

.gform_wrapper ul li span.fa-fw {
    display: none !important;
}

#gform_wrapper_9 .gfield input, .gfield select {
    font-size: 14px!important;
    font-weight: 400!important;
}

#gform_wrapper_9 ul li#field_9_5 label{
	margin-bottom:7px;
}

#gform_wrapper_9 ul#input_9_6 {
	padding:0!important;
}

#gform_wrapper_9 ul#input_9_6 label{
	padding-left: 15px;
	padding-top:10px;
}

/* gravity buttons */

#gform_submit_button_9,#gform_submit_button_3,#gform_submit_button_10{
	background-color: #7d7d7d!important;
    color: #fff!important;
    padding: 12px 40px 9px !important;
    font-family: 'oswaldlight'!important;
    font-size: 20px!important;
    font-weight: normal!important;
	height:unset!important;
	width:unset!important;
}

.gform_wrapper .validation_message {
    color: #e80000!important;
    font-weight: 300!important;
    letter-spacing: normal;
    font-size: 12px !important;
}


.gform_wrapper .instruction {
    display: none !important;
}

.gform_wrapper li.gfield_error div.ginput_complex.ginput_container label, .gform_wrapper li.gfield_error ul.gfield_checkbox, .gform_wrapper li.gfield_error ul.gfield_radio{
	color:#000!important;
}

.gform_wrapper .gfield_error .gfield_label {
    color: #000!important;
}

.gform_wrapper div.validation_error{
	display:none!important;
}

.gform_wrapper select#input_9_5{
	width:98%!important;
}

.gform_wrapper .gfield_required {
    display: none;
}

.gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield.gfield_error.gfield_contains_required label.gfield_label {
    margin-bottom: 7px;
}

.gform_wrapper .top_label .gfield_label, .gform_wrapper legend.gfield_label {
    margin-bottom: 7px;
}

.gform_wrapper li.gfield_error input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]), .gform_wrapper li.gfield_error textarea {
    border: 1px solid #e80000!important;
}


#gform_wrapper_3 .top_label li.gfield.gf_left_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container), .gform_wrapper .top_label li.gfield.gf_right_half .ginput_container:not(.gfield_time_hour):not(.gfield_time_minute):not(.gfield_time_ampm):not(.ginput_container_date):not(.ginput_quantity):not(.datepicker):not(.gfield_signature_container){
	width:100%!important;
}

#gform_wrapper_3 input[type="date"], input[type="time"], input[type="datetime-local"], input[type="week"], input[type="month"], input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="tel"], input[type="number"], textarea, select {
    font-size: 14px !important;
    font-weight: 300 !important;
}
#gform_wrapper_3 ul.gfield_checkbox, .gform_wrapper ul.gfield_radio{
	padding:0!important;
}

#gform_wrapper_3 ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li {
    padding: 0!important;
    width: 25%;
	height:40px;
}

#gform_wrapper_3 .gfield_checkbox li label, .gform_wrapper .gfield_radio li label {
    font-size: 14px !important;
	margin-top: 12px !important;
    margin-left: 5px !important;
}

#gform_wrapper_3 #input_3_5{
	margin:0 !important;
}

#gform_wrapper_3 #field_3_5{
	margin-top:5px !important;
}

#gform_wrapper_3 #field_3_5 label{
	margin-bottom:-6px!important;
}

#gform_wrapper_3 #input_3_8, #input_3_9{
	width:100%;
}

#gform_wrapper_3 li#field_3_13{
    text-align: left;
    padding: 10px 0 0 !important;
}

#gform_wrapper_3 li#field_3_13 p{
    margin-bottom:0!important;
}

#gform_wrapper_3 #input_3_14::placeholder{
	color:#e80000!important;
}

#gform_wrapper_3 #input_3_15::placeholder{
	color:#e80000!important;
}

#gform_wrapper_3 #input_3_3::placeholder{
	color:#e80000!important;
}

#gform_wrapper_3 #input_3_4::placeholder{
	color:#e80000!important;
}

#gform_wrapper_3 #input_3_6::placeholder{
	color:#e80000!important;
}

.gform_footer{
	padding: 0px 0 10px 0!important;
    margin: 0px 0 0 0!important;
}

#gform_wrapper_10 .gform_title{
    font-size: 30px;
	color:#fff!important;
    font-weight: 500;
    line-height: 40px;
    font-weight: 700;
	margin-bottom:10px !important;
	text-align:center;
}

#gform_wrapper_10 .gform_heading{
	margin-bottom:0!important;
}

#gform_submit_button_5{
	background-color: #e80016!important;
    color: #fff!important;
    padding: 9px 20px!important;
    text-align: center;
    font-family: 'oswaldlight'!important;
    font-size: 20px!important;
    font-weight: normal;
    width: 100% !important;
    display: block;
	height: 40px!important;
}

#gform_wrapper_5 ul.gform_fields{
	width:inherit;
}

#gform_wrapper_5 .gform_footer{
	width:35%!important;
	margin: -10px 0 0 0px !important;
}

#gform_wrapper_5 #input_5_1{
	height:40px !important;
	width:100%!important;
}

#gform_wrapper_5 h3.gform_title {
    color: #fff!important;
    font-size: 14px !important;
}

#gform_wrapper_5 #validation_message_5_1{
	padding-top:5px!important;
}


#gform_wrapper_5 .gform_heading{
	display:none!important;
}

#gform_wrapper_5 #gform_5{
	display:flex;
	align-items:center;
	height: 45px !important;
}

#gform_wrapper_3 li.hidden_label input{
	margin-top:0 !important;
	margin-bottom:10px !important;
}

#gform_wrapper_3 .gfield select{
	padding-left:3px !important;
}

#gform_wrapper_3 .gfield input, .gfield select{
	height:35px!important;
}

#gform_wrapper_3 ul#gform_fields_3{
	padding:0!important;
}

#gform_wrapper_3 #validation_message_3_6{
	margin-top:10px;
}

#gform_wrapper_3 .gform_footer{
	margin-top:10px;
}

    

/ what page /
.page-template-what{
	font-family: 'open_sanslight';
}
.page-template-what #section-1{
	padding-top:140px;
}
.what-header {
    font-size: 22px;
    line-height: 27px;
}
.what-header span{
	font-size: 28px;
}
.what-header h4{
	font-size: 28px;
}
.center-bg-image .row{
	min-height: 30vw;
}
.page-template-what video {
    object-fit: cover;
    min-height: 300px;
    height: 60vh;
    max-height: 60vh;
    width: 100%;
}
.section-75{
	width: 75%;
}
.section-60{
	width: 60%;
}
.section-half{
	width: 65%;
	margin: 0 auto;
}


/* home page form */

#gform_wrapper_7 textarea.medium{
	height:90px!important;
}

#gform_wrapper_7 .gfield input, .gfield select{
	margin: 0 0 10px 0!important;
}

#gform_wrapper_7 #input_7_6{
	padding:5px 0 0 !important;
	margin:0 !important;
}
	



/ home page /
.zooming-bg{
	float: left;
	position: relative;
	width: 100%;
	height: 100%;
	transition: all 3s;
	background-size: cover;
	background-position: center;
}
.section-two-image{
	padding:0 !important;
}

.zooming-bg:hover,
.zooming-bg:focus{
  transform: scale(1.1);
}
.section-two-text{
	padding: 3vw 5vw !important;
}
#video-section{
	color: #fff;
	text-shadow: 1px 1px 2px #777;
}
.service-section{
	padding: 3vh 5vh;
}
.service-section-light{
	background-color: #fff;
}
.service-section-gray{
	background-color: #f2f2f2;
}
.service-section img{
	max-width: 50px;
}
.service-section .mt-0{
	font-family: 'Belleza', sans-serif !important;	
}
.service-section .media{
	margin-bottom: 20px;
}
.section-two-text{
	color: #201f1f;
}
.section-two-text h2{
	font-size: 4vh;
}
.section-two-text em{
	color: #6a6a6a;
	font-size: 22px;
}

/ slider content /
#animation {
  min-height: 140px;
  width: 100%;
}
#animation ul {
  position: relative;
  text-align: center;
  width: 100%;
	list-style: none;
	padding: 0;
	margin: 0;
}
#animation li {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: 0;
  padding: 10px;
}
#animation li:nth-of-type(1) {
  animation: fadeinContent 10s ease-in-out 0s infinite;
}
#animation li:nth-of-type(2) {
	animation: fadeinContent 10s ease-in-out 5s infinite;
}
@keyframes fadeinContent {
  0% {
    opacity: 0;
  }
  30% { 
    opacity: 1;
  }
  40% { 
    opacity: 1;
  }
  55% { 
    opacity: 0;
  }
}
@-webkit-keyframes ca3_fade_move_down {
    0% {
        -webkit-transform: translate(0, -20px);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -webkit-transform: translate(0, 20px);
        opacity: 0;
    }
}

@-moz-keyframes ca3_fade_move_down {
    0% {
        -moz-transform: translate(0, -20px);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        -moz-transform: translate(0, 20px);
        opacity: 0;
    }
}

@keyframes ca3_fade_move_down {
    0% {
        transform: translate(0, -20px);
        opacity: 0;
    }

    50% {
        opacity: 1;
    }

    100% {
        transform: translate(0, 20px);
        opacity: 0;
    }
}

/ seo page /
div.page-split-header.align-left{
	float: left;
}

/ why page /
.page-template-why{
	font-family: 'open_sanslight';
}
.page-template-why #section-1{
	padding-top: 0;
}
.page-split-header{
	padding-top: 180px;
	background-color: rgba(0,0,0,.75);
	width: 50%;
	float: right;	
}
#why-video-text-container{
	background-color: rgba(0,0,0,.3);
	position: relative;
	z-index: 9;
}
.split-header-content{
	font-size: 20px;
	line-height: 42px;
	color: #b7b7b7;
	font-family: 'open_sanssemibold_italic';
	text-transform: none;
	
}
.split-header-content h1,
.split-header-content h2{
  color: #b2c9fa;
  font-size: 42px;
  font-family: 'oswaldlight' !important;
}
.section-two-left-content{
	color: #dcdcdc;
	font-family: 'open_sanslight';
}	
.section-two-left-content h2{
	font-size: 42px;
    font-family: 'oswaldlight' !important;
	color: #fff;
}
.section-content-top-twice{
	padding: 10vh 5vh;
}
.section-three-left-content h2{
	color: #4b7e87;
}	
.section-three-right-content h2{
	color: #3e595d;
}	
.page-template-why #section-4{
	color: #fff;
}
.fixed-bg-image {
    min-height: 50vh;
    background-size: cover;
    background-position: right center;
    background-repeat: no-repeat;
}
.talk-to-us-dark{
    display: inline-block;
    margin-top: 50px;
    padding: 8px 50px;
    color: #fff;
    border: 2px solid #54949f;
    font-size: 22px;
    border-radius: 10px;
	transition: all .3s;
}
.endorsement-btn:hover,
.talk-to-us-dark:hover{
	background-color: #54949f;
	text-decoration: none;
	color: #fff !important;
}
.endorsement-section{
	min-height: 60vh;
	overflow: hidden;
}
.endorsement{
    font-size: 40px;
    text-align: center;
    display: inline-block;
    margin: -60px auto 0;
    background-color: #000;
    color: #fff;
    padding: 10px 50px;
	font-family: 'Belleza', sans-serif !important;
}
.endorsement-section h1{
	font-family: 'Belleza', sans-serif !important;  	
	font-size: 58px;
	line-height: 64px;
	color: #fff;
}
.endorsement-section h2{
	color: #cfeff6;
	font-family: 'Belleza', sans-serif !important;  	
	font-size: 40px;
}

.endorsement-btn{
    display: inline-block;
    margin-top: 50px;
    padding: 10px 50px;
    font-size: 30px;
    border: 2px solid #54949f;
    color: #212121;
	font-family: 'Belleza', sans-serif !important;
}
.endorsement-section{
	color: #e0dfdf;
	background-color: #333;
	min-height: 60vh;	
}
.endorsement-section .row{
	min-height: 60vh;
}
.endorsement-section video{	
    object-fit: cover;
    min-height: 80vh;
	height: 80vh;
    max-height: 100vh;
    width: 100%;
	margin: 0 !important;
	position: absolute;
	z-index: 1;
	top: 0
}

/* graph section */
#chart-section{
	min-height: 34vw;
}
.section-sm{
	position: relative;	
	padding: 5vh;
	font-size: 15px;
	float: left;	
	margin-bottom: 7vh;
}
.section-sm h3{
	color: #fff;
	text-align: center;
	font-family: 'Belleza', sans-serif;	
}
.section-sm h4{
    font-size: 25px;
    text-transform: uppercase;
    font-weight: 600;
}
.section-sm em{
	font-size: 22px;
}
.section-sm span{
	color: #2b7986;
}
.section-left{
	background-color: #fff;
	margin-top: 13vh;	
	z-index: 2;
	margin-right: 150px;
	margin-left: -150px;
	float: right;
	width: 100%;
	max-width: 700px;
}
.section-right{
	background-color: #000;
	margin-top: 7vh;
	float: left;	
	margin-right: -150px;
	margin-left: 150px;
/* 	height: 24vw;
	width: 30vw; */
	height: inherit;
    width: 90%;
}
.pie-chart{
	text-align: center;
}
.pie-chart img {
    text-align: center;
    max-width: 16vw;
	min-width: 240px;
    display: block;
    margin: 0 auto 20px;
}

/ video list /
#video-list-section{
	display: none;
    position: absolute;
    float: left;
    width: 100%;
    height: 100%;
	text-align: center;
	top: 0;
}
.video-list-wrapper{
	max-width: 1400px;
	margin: 2vh auto;
}
.video-player{
	height: 100vh;
	position: relative;
	width: 100%;
	float: left;
	margin: 0;
	padding:0;
}
#page-video{
	min-height: 240px;
}
#video-pagelist{
	position: absolute;
    bottom: 50px;
    width: 90%;
    text-align: center;
    left: 5%;
	z-index: 9;
	max-width: 100%;
}
#video-list {
    position: absolute;
    bottom: 30px;
    width: 70%;
    text-align: center;
    left: 15%;
}
#video-pagelist .col,
#video-list .col{
	margin-right: 10px;
	text-align: center;
}
#video-pagelist .col:last-child,
#video-list .col:last-child{
	margin-right: 0;
}
.video-list-logo{
	margin-top: 5vh;
}
.video-page-playlist,
.video-playlist{
	cursor: pointer;
	border: 3px solid;
}
#video-pagelist .col::before,
#video-list .col::before{
	content: url(https://ampedm.com/tigershark/wp-content/uploads/2018/05/play-50.png);
	position: absolute; 
	opacity: 0; 
	z-index: 10;
	background-color: rgba(255, 255, 255, 0.50);
	height: 100%;
	width: 100%;
	padding-top: 3.7vh;
}
.video-playlist:hover{
	border: 3px solid #257B89;	
}
#video-pagelist .col::before,
#video-pagelist .col::after,
#video-list .col::before,
#video-list .col::after{
	transition: all 0.5s;
    -webkit-transition: all 0.5s;
}
#video-pagelist .col::after,
#video-list .col:after {
    content:'\A';
    width:100%; 
	height:100%;
    top:0; 
	left:0;
    background:rgba(0,0,0,0.6);
}
#video-pagelist .col:hover::before,
#video-pagelist.col:hover::after,
#video-list .col:hover::after, 
#video-list .col:hover::before {
    opacity:1;
	cursor: pointer;
}
#video-pagelist span,
#video-list span{
    color: #fff;    
    display: block;
    z-index: 11;
    position: absolute;
    width: 100%;
	font-size: 11px;
	padding: 5px;
}
#video-pagelist .col:hover span,
#video-list .col:hover span{
	background-color: #257B89;
}
.video-content-text{
    max-width: 450px;
    position: absolute;
    top: 20%;
    left: 5%;
    color: #fff;
}
.button-center{
	margin-top: 20px !important;
	position: absolute;
	z-index: 9;
	left: 47.5%;
	background-color: rgba(0,0,0,.35); 
}
.play-button-middle{
	display: inline-block;
	position: absolute;
	width: 100%;
	text-align: center;
	color: #fff;
	font-weight: 600;
}
.white-talk{
	color: #fff !important;
    position: absolute;
    right: 30px;
    top: 110px;
}

/ slide content /
.service-carousel-section h3{
	font-family: 'Belleza', sans-serif !important;
	margin-bottom: 20px;
	font-size: 35px;
}
#carousel {
	position: relative;
	width:100%;
	margin:0 auto;
}
.slider-title{
	height: 15vh;
}
/* .slider-content{
	display: none;
}  */
/* .btn-bar{
	display: none;
}
#slides {
overflow: hidden;
position: relative;
width: 100%;
height: 250px;
}
#slides {
overflow: hidden;
position: relative;
width: 100%;
height: 250px;
}

#slides ul {
list-style: none;
width:100%;
height:250px;
margin: 0;
padding: 0;
position: relative;
}

 #slides li {
width:100%;
height:250px;
float:left;
text-align: center;
position: relative;
font-family:lato, sans-serif;
} */
/* .slider-content{    
    opacity: 0;
	right: -50%;
	position: absolute; 
} */
/* .slide-item{
	opacity: 0;
	right: -50%;
	position: absolute;
	margin-bottom: 20px;
} */

/ widget /
.comments-area, .sidebar, .content-bottom-widgets .widget-area, .widecolumn {
    margin-bottom: 30px;
}
.widget{
	border-top: none;
}

/* footer */
.site-footer{
    padding: 10px 20px;
	font-size: 12px;
    text-align: center;
    background-color: #001c40;
	position: relative;
	width: 100%;
	float: left;
}
.footer-logo{
	height: 150px;
}
.site-info{
	width: 100%;
	color: #fff;
}
.site-footer .site-title{
	text-transform: uppercase;
}
.site-footer .site-title::after {
    content: "";
}
#footer-widget-area section{
	float: left;
	font-size: 16px;
	padding-top: 6vh;
}
#custom_html-2{
	width: 45%;
}
#custom_html-3, #custom_html-4{
	width: 27.5%;
}
#footer-widget-area p{
	margin-bottom: 15px;
}
#custom_html-4 span{
    display: inline-block;
    width: 50%;
    float: left;
}
#custom_html-4 li{
	line-height: 30px;
}
#custom_html-4 li a{
	color: #000;
	text-decoration: none;
	box-shadow: none;
	text-transform: uppercase;
}
.circle ul {
    position: relative;
    margin: 0 0 0 10px;
}
.circle ul li {
    padding-left: 15px;
}
.circle li::before {
    height: 5px;
    width: 5px;
    background-color: #000;
    border-radius: 50%;
    display: inline-block;
    left: 0;
    content: " ";
    margin-top: 15px;
    position: absolute;
}
.footer-social {
	display: inline-block;
	box-shadow: none !important;
	text-decoration: none;
	padding: 20px 0;
	float: left;
	width: 30%;
	text-align: left;
}
#footer-widget-area .page-wrapper {
    max-width: 94vw;
    padding: 0 3vw;
}
a.footer-button{
	font-family: 'Belleza', sans-serif !important;
	font-size: 40px;
	color: #fff;
	padding: 10px 30px;
	border: 1px solid;
}
a.footer-button:hover{
	color: #33adc1 !important;	
}

/* section hover */
.sectionHover {
    position: relative;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
	-webkit-animation-duration: .3s;
	-moz-animation-duration: .3s;
	-o-animation-duration: .3s;
	animation-duration: .3s;
	float: left;
    width: 100%;
    height: 100%;
}
.sectionHover:hover {
/*     box-shadow: 0 25px 50px rgba(0,0,0,.2);
    border-color: #fff;
        border-top-color: rgb(255, 255, 255);
    background-color: #fff;
    z-index: 99; */
	background-color: #5b838b;
    color: #fff;
}

/* text slide to right */
.text-to-right{
	opacity: 1;
	-webkit-animation: fadeRight 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
	-moz-animation: fadeRight 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
	-o-animation: fadeRight 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
	animation: fadeRight 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
}

/* testimonials */
#testimonials h2{
	font-size: 34px;
	font-family: 'Belleza', sans-serif !important;
	font-weight: 800;
}
.testimonial-heading{
	display: none;
}
.strong-view.modern .testimonial-image img {
    border-radius: 0 !important;
}
.strong-view.modern .testimonial-content::before, 
.strong-view.modern .testimonial-content::after {
	content: " " !important;	
}
.strong-view.modern .testimonial-company {
    text-transform: uppercase;
}

/* spinner */
.spinner {
	-webkit-mask-box-image: -webkit-radial-gradient(
		center,ellipse cover, rgba(0,0,0,1) 68%, rgba(0,0,0,0) 69.5%);
	background: #eee;
	width: 200px;
	height: 200px;
	position: relative;
	border-radius: 50%;
	overflow: hidden;
	overflow: hidden;
	margin: 20px auto;
}

.spinner-inner {
	position: absolute;
	top: 0;
	left: 0;
	background: transparent;
	border-width: 100px;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-top-color: #00afc5;
	-webkit-transform: rotate(-45deg);
	-webkit-animation: inner 15s linear infinite;
}

.spinner-mask {
	position: absolute;
	top: 1px;
	left: 0px;
	background: transparent;
	border-width: 100px;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-top-color: #eee;
	-webkit-transform: rotate(-45deg);
	-webkit-animation: mask 15s linear infinite;
}
.spinner-mask:after, .spinner-mask-two {
	display: block;
	content: '';
	opacity: 0;
	position: absolute;
	top: 1px;
	left: 0px;
	background: transparent;
	border-width: 100px;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent;
	border-top-color: rgba(200,200,200,1);
	-webkit-transform: rotate(45deg);
	-webkit-animation: mask-two 15s linear infinite;
}

@-webkit-keyframes inner {
	0% {
		-webkit-transform: rotate(-45deg);
	}
	25% {border-left-color:transparent;}
	26% {
		border-left-color:  rgba(200,200,200,1);
	}
	50% {border-bottom-color:transparent;}
	51% {
		border-bottom-color:  rgba(200,200,200,1);
	}
	75% {border-right-color:transparent;}
	76% {
		border-right-color:  rgba(200,200,200,1);
	}
	100% {
		-webkit-transform: rotate(315deg);
		border-left-color:  rgba(200,200,200,1);
		border-bottom-color:  rgba(200,200,200,1);
		border-right-color:  rgba(200,200,200,1);
	}
}

@-webkit-keyframes mask {
	0% {
		-webkit-transform: rotate(-45deg);
	}
	75% {
		-webkit-transform: rotate(-45deg);
	}
	100% {
		-webkit-transform: rotate(45deg);
	}
}

@-webkit-keyframes mask-two {
	0% {
		opacity: 0;
	}
	25% {
		opacity: 0;
	}
	26% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}

@-webkit-keyframes whee {
	from {
		-webkit-transform: rotate(0deg);
		-webkit-filter: sepia() hue-rotate(0deg) contrast(95%);
	}
	to {
		-webkit-transform: rotate(360deg);
		-webkit-filter: sepia() hue-rotate(360deg) contrast(95%);
	}
}



/* zoom */
@keyframes breath {
  0%   { background-size: 100% auto; }
  50% { background-size: 110% auto; }
  100% { background-size: 100% auto; }
}



/ section eight /
.call-section {
	font-family: 'Belleza', sans-serif !important;
	font-weight: 800;
	z-index: 10;
}
.call-icon{
	
}
.call-section a{
    font-family: 'Belleza', sans-serif !important;
    font-size: 3.5vw;
    color: #000;
    border: 2px solid #000;
    padding: 10px 25px;
    font-weight: 800;
    letter-spacing: 3px;
	background-color: #42adc5;
}
.call-section a:hover{
	text-decoration: none;
	background-color: transparent;
	color: #232728;
	border: 2px solid #232728;
}
.call-section h2{
    font-size: 5vh;
    font-weight: 800;
    margin-bottom: 0px !important;
}
.call-section h3 {
    font-family: 'Belleza', sans-serif !important;
    margin-bottom: 20px;
}

/ content animation /
.content {
	padding: 30px 0;
	margin: 20px auto;
	overflow: hidden;
}
.fade-in {
	opacity: 0;
}

.slide-top{
	opacity: 0;
	margin-top: 150px;
}
.slide-right {
	opacity: 0;
	margin-right: 300px;
	margin-left: -300px;
}
.slide-left {
	opacity: 0;
	margin-right: -300px;
	margin-left: 300px;
}
.slide-center {	
	opacity: 0;
	margin-right: -100%;
	margin-left: 100%;
}
.load-center {	
	opacity: 0;
	margin-right: -100%;
	margin-left: 100%;
}
.owl-item div,
.owl-item{
/*  	min-height: 300px !important; */
/* 	max-height: 480px !important; */
	overflow: hidden;
}
.owl-item div{
	transition: all 5s;
	-webkit-filter: grayscale(1);
    filter: grayscale(1);
	transform:scale(1);
	background-size: cover !important;
}
.owl-item:hover div{
	transform: scale(1.05);
	-webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.owl-item h4 {
    position: absolute;
    bottom: 0;
    color: #fff;
    background-color: rgba(0,0,0,.5);
    padding: 10px;
    font-family: 'oswaldlight' !important;
    font-weight: 400;
    font-size: 22px;
    display: block;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    margin: 0;
    transition: all .5s;
	transform:scale(1);
	z-index: 2;
}

/* .sa_owl_theme .owl-nav .owl-next{
	right: -15px !important;
} */
.sa_owl_theme .owl-nav .owl-prev{
    left: -30px !important;
} 

.owl-item:hover h4 {
	background-color: #00AFC5;
	transform:scale(1);
}
.owl-dots{
	display: none;
}
.sa_owl_theme .owl-nav .owl-next{
	right: -50px !important;
}
#slider_238 .own-nav{
	display: none;
}
#slider_238 .owl-item div{
	transition: all 5s;
	-webkit-filter: grayscale(0);
    filter: grayscale(0);
}
#slider_238 .owl-item:hover div{
	transform: scale(1);
}
#slider_238 .owl-prev{
	left: 30px !important;
}
#slider_238 .owl-next{
	right: 30px !important;
}

#slider_180, 
#slider_180 .sa_hover_container,
#slider_180 .owl-item {
	min-height: 200px !important;
	margin-bottom: 0 !important;
}
#slider_180 .owl-item h4{
	font-size: 20px;
	line-height: 22px;
	z-index: 9;
}

div.sa_hover_buttons{
	top: 20% !important;
	left: 34% !important;
	cursor: pointer;
}
.sa_owl_theme .owl-item .sa_hover_container .sa_hover_buttons{
	display: none !important;
}

/* @-webkit-keyframes fadein {
  0% { opacity: 0; }
  50% { opacity: 1; }
  100% { opacity: 1; }
}
 */
.white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon,
.home .white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon{
	
}
/* .show-icon {
	opacity: 1;
	animation-name: fadeInOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 1s;
}

@keyframes fadeInOpacity {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
} */

.hide-icon {
	opacity: 0;
	animation-name: fadeOutOpacity;
	animation-iteration-count: 1;
	animation-timing-function: ease-in;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@keyframes fadeOutOpacity {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}
/* .visible-logo{
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
    -webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}

@-webkit-keyframes fadeOutOpacity {
	to {opacity: 0;}
	
}

@keyframes fadeOutOpacity {
	to {opacity: 0;}
	
}

.hide-icon {
	-webkit-animation-name: fadeOutOpacity;
	animation-name: fadeOutOpacity;
} */
/* .hide-icon {
	-webkit-animation-name: fadeOutOpacity;
	animation-name: fadeOutOpacity;
} */
.sa_hover_container:hover .sa_slide_link_icon{
	
}

.white .sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_slide_link_icon,
.white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon {
    background: transparent url('img/services-hover-logo.png');
	height: 120px;
	width: 120px;
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
	z-index: 1;	
}
.white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon:hover{
	background-color: rgba(0,0,0, 0.0) !important;
}
.owl-item{
	cursor: pointer;
}

.home .white .sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_slide_link_icon,
.home .white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon {
    background: transparent url('img/services-hover-logo.png');
	height: 160px;
	width: 160px;
	background-size: contain;
	background-repeat: no-repeat;
	cursor: pointer;
}
#slider_110 div.sa_hover_buttons{
	left: 28% !important;
}

#slider_367 .owl-item h4{
	font-size: 12px;
	line-height: 15px;
	padding: 5px 10px;
}
.page-template-video .white .sa_owl_theme .owl-item .sa_hover_container .always_visible .sa_slide_link_icon, 
.page-template-video .white .sa_owl_theme .owl-item .sa_hover_container:hover .sa_hover_buttons .sa_slide_link_icon{
	height: 70px;
	width: 70px;
	margin: 0 auto;
}
#slider_367 div.sa_hover_buttons{
	left: 25%;
	top: 10px;
}
#slider_367 .sa_hover_buttons{
	margin-top: -10px !important;
}

/ Subpage Service /
#subpage-split-header,
#subpage-split-header .split-header-content{
	min-height: 90vh;
}
#subpage-split-header .split-header-content{
	font-size: 16px; 
	line-height: 25px;
}
#subpage-split-header .split-header-content h1,
#subpage-split-header .split-header-content h2{
	font-size: 42px;
	color: #fdfdfd;
}
.zooming-img{
	transition: all .5s;
	transform:scale(1);
}
.zoomed{
	transform:scale(1.09);
}
.page-template-service-media-buys .section-half-image,
.page-template-service-media-buys .section-half-image .row,
.page-template-service-media-buys .section-half-image .section-image{
	min-height: 50vh;
}
.section-half-image, 
.section-half-image .row,
.section-image-bg,
.section-half-image .section-image{
	min-height: 45vh;
	background-size: cover;
	background-position: center;
}

/ Promotional /
#fullwidth-video-text{
	position: relative;
	z-index: 9;
	width: 100%;
	padding-top: 160px;
	font-weight: 500;
	background-color: rgba(255, 255, 255, 0.2);
	min-height: 104vh;
}
#fullwidth-video-text h4{
	font-weight: 800;
	font-family: 'Belleza', sans-serif !important;	
}
#fullwidth-video-text h5{
	font-family: 'Belleza', sans-serif !important;	
	margin-bottom: 20px;
}
.page-template-promotional .call-section{
	border-top: 150px solid #444;
}
.download-file{
	position: relative;
	width: 250px;
	float: left;
	text-align: left;
	height: 220px;
}
.download-file label{
	font-weight: 700;
	font-size: 20px;
}
.download-file img{
	position: absolute;
	left: 0;
}
.download-file p{
	position: absolute;
	bottom: 0;
}
.download-file .main-dl-img{
	transition: all .5s;
}
.download-file a:hover .main-dl-img,
.download-file .main-dl-img:hover{
	opacity: 0;
}



/* ======================================================================= 
 * ANIMATION - WAYPOINTS
 * ======================================================================= */

@-webkit-keyframes et_pb_slideLeft {
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes et_pb_slideLeft {
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.et_animated.slideLeft {
    -webkit-animation-name: et_pb_slideLeft;
    animation-name: et_pb_slideLeft
}
/*--------FROM LEFT----------*/
.left-animated.et-animated {
    opacity: 1;
    -webkit-animation: fadeLeft 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -moz-animation: fadeLeft 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -o-animation: fadeLeft 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    animation: fadeLeft 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
}
@-webkit-keyframes fadeTOLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-10%)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}

@-moz-keyframes fadeTOLeft {
    0% {
        opacity: 0;
        -moz-transform: translateX(-10%)
    }

    100% {
        opacity: 1;
        -moz-transform: translateX(0)
    }
}

@-o-keyframes fadeTOLeft {
    0% {
        opacity: 0;
        -o-transform: translateX(-10%)
    }

    100% {
        opacity: 1;
        -o-transform: translateX(0)
    }
}

@keyframes fadeTOLeft {
    0% {
        opacity: 0;
        transform: translateX(-10%)
    }

    100% {
        opacity: 1;
        transform: translateX(0)
    }
}

/*--------FROM RIGHT---------*/
.right-animated.et-animated {
    opacity: 1;
    -webkit-animation: fadeRight 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -moz-animation: fadeRight 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -o-animation: fadeRight 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    animation: fadeRight 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
}

/*---------FROM TOP----------*/
.top-animated.et-animated {
    opacity: 1;
    -webkit-animation: fadeTop 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -moz-animation: fadeTop 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -o-animation: fadeTop 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    animation: fadeTop 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
}

/*--------FROM BOTTOM--------*/
.bottom-animated.et-animated {
    opacity: 1;
    -webkit-animation: fadeBottom 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -moz-animation: fadeBottom 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -o-animation: fadeBottom 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    animation: fadeBottom 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
}

/*---------FADE IN-----------*/
.fadein-animated.et-animated {
    opacity: 1;
    -webkit-animation: fadeIn 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -moz-animation: fadeIn 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    -o-animation: fadeIn 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
    animation: fadeIn 1.0s 1 cubic-bezier(0.44, 0, .52, .94);
}
@-webkit-keyframes et_pb_fade {
    to {
        opacity: 1
    }
}

@keyframes et_pb_fade {
    to {
        opacity: 1
    }
}

.et_animated.fade {
    -webkit-animation-name: et_pb_fade;
    animation-name: et_pb_fade
}
.et_animated {
    opacity: 0;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both !important;
	animation-fill-mode: both !important;
}
@-webkit-keyframes et_pb_slideRight {
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes et_pb_slideRight {
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.et_animated.slideRight {
    -webkit-animation-name: et_pb_slideRight;
    animation-name: et_pb_slideRight
}
.et_pb_module {
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear;
    -o-animation-timing-function: linear;
    animation-timing-function: linear
}

.et_pb_module {
    -webkit-animation-duration: .2s;
    -moz-animation-duration: .2s;
    -o-animation-duration: .2s;
    animation-duration: .2s
}

/ BLOG TEMPLATE /
.main-container{
	max-width: 1400px;
	margin: 0 auto !important;
	padding: 0 30px;
}
.search-form label{
	width: 100%;
}
.content-area{
	width: 90%;
}
.sidebar{
	float: left;
	margin-left: 0;
	padding: 0;
	width: 100%;
}
.entry-title,
.entry-title a{
	color: #487883 !important;
	font-family: 'Belleza', sans-serif;
}

/ Digital Advertising /
.page-template-service-digital-advertising .section-half-image, 
.page-template-service-digital-advertising .section-half-image .row, 
.page-template-service-digital-advertising .section-image-bg, .section-half-image .section-image{
	min-height: 45vh;
}

/* GRAPH */
.circle-chart__circle {
  animation: circle-chart-fill 2s reverse; /* 1 */ 
  transform: rotate(-90deg); /* 2, 3 */
  transform-origin: center; /* 4 */
}
.circle-chart__info {
  animation: circle-chart-appear 2s forwards;
  opacity: 0;
  transform: translateY(0.3em);
}

@keyframes circle-chart-fill {
  to { stroke-dasharray: 0 100; }
}

@keyframes circle-chart-appear {
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/ BLOG /
.post-thumbnail{
	margin: 0 0 1.75em;
}
.entry-header, .entry-summary, .entry-content, .entry-footer, .page-content{
	margin-right: 0;
	margin-left: 0;
}

/ Evaluation Section /
.evaluation-section{
	padding: 0 5vw;
	float: left;
	position: relative;
	width: 100%;
}

/ WHAT PAGE /
.what-video-header {
    min-height: 1200px;
    position: relative;
    overflow-x: hidden;
}
.what-video-content{
	position: absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
}
.what-video-content .row{
	height:100%;
}
.what-video-content .col-lg-4{
	display:flex;
	align-items: center;
}
#what-video{
  position: fixed;
  right: 0; 
  bottom: 0;
  min-width: 100%; 
  min-height: 100%;
  width: auto; 
  height: auto;
  z-index: -100;
}
.arrow-down {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 25px solid #B8C38B;
    margin: 0 auto;
    margin-top: 10px;
	margin-bottom: 10px;
}
.what-video-btn {
    text-transform: uppercase;
    background-color: #DAE5A9;
    margin: 0 auto;
    text-align: center;
    width: 300px;
    height: 300px;
    margin-top: 250px;
    border-radius: 100%;
    border: 2px solid #fff;
    color:#5A5B5D;
    cursor:pointer;
}
.what-video-content .col-lg-4:nth-child(1){
	background-color: rgba(218,229,169,0.5);
}
.what-video-content .col-lg-4:nth-child(2){
	background-color: rgba(57,174,168,0.5);
}
.what-video-content .col-lg-4:nth-child(3){
	background-color: rgba(140,189,144,0.5);
}
.col-lg-4:nth-child(2) .what-video-btn,
.col-lg-4:nth-child(3) .what-video-btn{
	color:#ffffff;	
}
.col-lg-4:nth-child(2) .what-video-btn{
	background-color: #39AEA8;
}
.col-lg-4:nth-child(3) .what-video-btn{
	background-color: #8CBD90;
}
.col-lg-4:nth-child(1) h1{
	color: #DAE5A9;
}
.col-lg-4:nth-child(2) h1{
	color: #39AEA8;
}
.col-lg-4:nth-child(3) h1{
	color: #8CBD90;
}
.col-lg-4:nth-child(2) h2,.col-lg-4:nth-child(3) h2{
	text-align: center;
}
.col-lg-4:nth-child(2) .arrow-down,.col-lg-4:nth-child(3) .arrow-down {
	border-top: 25px solid #8BE4E0;
}
.what-video-btn p{
	padding-top:23px;
}
.what-video-btn span{
	display: block;
}
.what-video-btn-select{
	font-size:22px;
	letter-spacing: 4px;
	font-family:lato, sans-serif;
}
.what-video-btn-title {
    font-size: 80px;
    font-family: 'oswaldlight' !important;
    line-height: 80px;
    padding-top: 20px;
}
.what-video-btn-text{
	font-size:18px;
	letter-spacing: 1px;
	font-family:lato, sans-serif;
}
.what-video-hidden-text {
	display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.9);
    padding-top: 230px;
    padding-left: 70px;
    padding-right: 70px;
    padding-bottom: 70px;
}
.hidden-inner-text{
	background-image:url('http://ampedm.com/relativity/wp-content/themes/relativity-child/img/what-page-circles.png');
	background-repeat: no-repeat;
	background-position: 167px 35px;	
}
.what-video-hidden-text h1 {
    font-size: 110px;
    text-transform: uppercase;
    font-family: 'oswaldmedium' !important;
    line-height: 80px;
    padding-top: 10px;
}
.what-video-hidden-text h2{
	font-size: 37px;
	text-transform: uppercase;	
	font-family: 'oswaldlight' !important;
	color:#89B991;
	padding-bottom: 88px;	
}
.what-video-hidden-text p {
    color: #fff;
    font-family: 'open_sanslight';
    font-size: 16px;
	line-height: 32px;
    min-height: 500px;
}
.what-close-btn{
	cursor: pointer;
}
.what-close-btn.center{
	text-align: center;
}
.what-close-btn.right{
	text-align: right;
}

.what-parallax-button{}
.what-parallax-button a {
    font-family: 'oswaldlight' !important;
    font-size: 4vw;
    background-color: #8CBD90;
    display: inline-block;
    width: 300px;
    height: 300px;
    border-radius: 100%;
    line-height: 60px;
    padding-top: 100px;
    text-transform: uppercase;
    color: #fff;
    border: 2px solid #fff;
}
.what-parallax-button a span{
    font-family: 'oswaldlight' !important;	
	display: block;
	font-size: 2.3vw;
}

/ confetti animation */
body .particletext.confetti > .particle {
  opacity: 0;
  position: absolute;
  -webkit-animation: confetti 3s ease-in infinite;
          animation: confetti 3s ease-in infinite;
}
body .particletext.confetti > .particle.c1 {
  background-color: rgba(255, 255, 255, 0.5);
}
body .particletext.confetti > .particle.c2 {
  background-color: rgba(218, 36, 48, 0.6);
}
@-webkit-keyframes confetti {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0%) rotate(0deg);
            transform: translateY(0%) rotate(0deg);
  }
  10% {
    opacity: 1;
  }
  35% {
    -webkit-transform: translateY(-800%) rotate(270deg);
            transform: translateY(-800%) rotate(270deg);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000%) rotate(1440deg);
            transform: translateY(2000%) rotate(1440deg);
  }
}
@keyframes confetti {
  0% {
    opacity: 0;
    -webkit-transform: translateY(0%) rotate(0deg);
            transform: translateY(0%) rotate(0deg);
  }
  10% {
    opacity: 1;
  }
  35% {
    -webkit-transform: translateY(-800%) rotate(270deg);
            transform: translateY(-800%) rotate(270deg);
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translateY(2000%) rotate(1440deg);
            transform: translateY(2000%) rotate(1440deg);
  }
}
/ End of Confetti styles /

/*
 * Open house Form
 * ****/
span#nf-form-title-17,span.ninja-forms-req-symbol {
    display: none;
}
.openhouse-form .col-md-8 {
    display: block;
    margin: 0px auto;
}
.openhouse-form {
    padding-top: 80px;
}
div#nf-field-124-wrap {
    margin-top: 15px;
}
input#nf-field-125 {
    margin-top: 30px;
}



/*
 * Open house Form
 * ****/


/*
 * Media Queries
 * ****/

@media (max-width:642px){
	#gform_submit_button_5 {
    	padding: 3px 20px!important;
		font-size: 14px!important;
	}
	#gform_wrapper_5 .gform_footer {
    	width: 25%!important;
	}
	#gform_wrapper_5 .gform_body{
		width:100%;
	}
	
	#gform_wrapper_3 ul.gfield_checkbox li, .gform_wrapper ul.gfield_radio li {
    	display: contents;
	}
	
}

@media only screen and (max-width: 767px) {
	.openhouse-form {
        padding-top: 0px;
  }
	.home-mobil-form .ginput_complex label {
    display: none !important;
	}
	.home-mobil-form .ginput_complex input {
    margin-bottom: 20px !important;
	}
	div.home-mobil-form {
		position: relative;
		top: 30px;
		padding-bottom: 40px !important;
	}
	.home-mobil-form .gfield_checkbox {
		padding-left: 0px !important;
   		 padding-right: 0px !important;
	}
	.home-mobil-form .gfield_checkbox input {
		margin-top: -8px !important;
    	margin-right: 15px;
	}
	.home-mobil-form #gform_submit_button_6 {
		font-size: 20px !important;
		text-align: center !important;
		width: 180px !important;
		padding: 0px !important;
		height: 40px !important;
		font-family: 'oswaldlight' !important;
		font-weight: normal !important;
		background-color: #7d7d7d!important;
	}
	.home-mobil-form p {
		margin-bottom:0;
	}
	.landing-form .gform_footer.top_label input[type="submit"] {
    	font-size: 26px !important;
	}
}
@media all and (min-width: 1405px) {
	.client-logo ul li{
		width: 16.66%;
	}
	.center-clogo{
		margin-left: 33%;
	}
}
 
/*** Responsive Styles Standard Desktop Only ***/
@media all and (max-width: 1440px) and (min-width: 1280px){
	.group-blog .content-area,
	.blog .content-area {
		width: 90% !important;
	}
}
@media all and (min-width: 1100px) and (max-width: 1405px) {
	.group-blog .content-area,
	.blog .content-area {
		width: 90% !important;
	}
}
 
/*** Responsive Styles Tablet And Below ***/
@media all and (max-width: 980px) {
	.group-blog .content-area,
	.blog .content-area {
		width: 90% !important;
	}
	.client-logo ul li{
		width: 33%;
	}
	.center-clogo{
		margin-left: 0;
	}
}

@media (min-width: 1800px) { 
	#video-list{
		width: 50%;
		left: 25%;
	}
	.video-list-wraooer{
		max-width: 1200px;
	}
}
@media (max-width: 1800px) { 
	.section-half,
	.section-60,
	.section-75{
		width: 100%;
	}
}
@media (max-width: 1350px) { 
	/*#menu-toggle{
		display: block;
	}
	#site-header-menu{
		display: none;
	}	*/
	.main-navigation a{
		padding: 10px;
		margin-right: 0px;
	}
}
@media (max-width: 1260px) { 
	
	.main-navigation a{
		padding: 10px 12px;
		margin-right: 0px;
		font-size: 14px;
	}
	div.col.header-contact{
		padding-right: 0;
		font-size: 14px;
	}
	.header-contact .talk-to-us{
		font-size: 14px;
		padding: 5px 15px;
		margin-left: 10px;
	}
	.blog #section-1 {
		padding-top: 150px !important;
	}
}
@media (max-width: 1045px) { 
	.client-logo ul li{
		width: 25%;
	}
	.center-clogo {
		margin-left: 25%;
	}
	.page-split-header{
		padding-top: 100px;
	}
	.scroll-to-next-row {
		max-height: 65px;
	}
	.expertise-quote span{
		font-size: 12vw;
	}
	.expertise-quote label{
		font-size: 7vw;
	}
	.expertise-quote p{
		padding-left: 4.5vw;
	}
	.next-work {
		height: 20vw;
		width: 20vw;
	}
	.next-work span {
		margin-top: 5vw;
		font-size: 5vw;
	}
	.next-work label {
		font-size: 3vw;
	}
	div.col.header-contact a,
	.main-navigation a{
		font-size: 16px;
	}
	#menu-toggle{
		padding: 5px 20px;		
		margin: 0;
	}
	.site-header-menu.toggled-on,
	#menu-toggle .toggled-on{
		background-color: rgba(255, 255, 255, 1);
		position: absolute;
		top: 45px;
		width: 100%;
		left: 0;
	}
	.split-header-content{
		padding: 0;
	}
	.site-branding .logo{
		max-height: 35px;
	}
	
	#animation{
		min-height: 170px;
	}
	#animation h1{
		margin-bottom: 0;
	}
	.home .header-content{
		min-height: 100px;
		padding: 20px;
	}
	a.slide-item{
		font-size: 13px;
		padding: 3px 20px;
		margin-bottom: 10px
	}
}
@media all and (max-width: 991px) {
	#why-video-text-container{
		position: relative !important;
	}
	.owl-item h4 {
		font-size:22px;
	}
	.menu-toggle{
		margin: 8px 0;
		padding: 8px 12px;
	}
	.site-branding .logo {
		max-height: 40px;
	}
	.section-two-image{
		height: 60vh;
	}
	.section-two-text {
		padding: 5vw 5vw !important;
	}
	.parallax-bg{
		background-size: cover;
	}
	.content-bottom-widgets{
		width: 100%;
		margin: 0;
	}
	#custom_html-2 {
		width: 36.33%;
	}
	.site-footer nav{
		display: none;
	}
	.section-half,
	.section-60,
	.section-75{
		width: 100%;
	}
	.post-text h4 {
		font-family: 'oswaldmedium' !important;
		font-size: 20px;
		line-height: 30px;
		text-transform: uppercase;
	}
}
@media all and (max-width: 768px) {
	.client-logo ul li{
		width: 50%;
	}
	.staff-image {
		padding-right: 0;
		text-align: center;
		max-width: 300px;
		margin: 0 auto 10px;
	}
	.staff-text h4{
		font-size: 26px;
		text-align: center;
	}
	.text-1{
		font-size: 12vw;
		line-height: 11vw;
	}
	.text-2{
		font-size: 10vw;
		line-height: 9vw;
	}
	.text-3{
		font-size: 8vw;
		line-height: 8vw;
	}
	.animated-text{
		font-size: 7vw;
		line-height: 7vw;
	}
	#scroll {
    	width: 50px;
	}
	.post-text h4 {
		font-family: 'oswaldmedium' !important;
		font-size: 20px;
		line-height: 30px;
		text-transform: uppercase;
	}
	.home .post-thumb img {
		height: auto;
		width: 100% !important;
	}
	.home .post-thumb {
		height: 155px;
	}
	.home .header-content{
		margin: 70vh auto 0;
	}
	.home #header-container{
		top: 0;
/* 		height: auto !important; */
	}
	
	.header-content p {
		font-size: 12px;
	}
	div.site-header-main.row.align-items-center,
	.site-header{
		 background-color: rgba(255, 255, 255, .55);
	}
	.header-contact{
		display: none;
	}
	.menu-toggle{
		margin: 8px 0;
		padding: 8px 12px;
	}
	.site-branding{
		padding: 5px 0;
	}
	.site-branding .logo {
		max-height: 40px;
	}
	.header-content h1 {
		font-size: 5vh;
		line-height: 4.5vh;
	}
	.section-two-image{
		height: 50vw;
	}
	#footer-widget-area section{
		width: 100%;
	}
	.site-footer .main-navigation{
		display: none;
	}
	.header-content a{
		margin-top: 0;
	}
	#custom_html-3{
		padding-top: 0 !important;
		margin-bottom: 0 !important;
		text-align: center;
	}
	#custom_html-4 span{
		width: 42%;
	}
	.section-content-side-twice,
	.section-content {
		padding: 5vh 2vw;
	}
	.section-75{
		width: 100%;
	}
	.page-template-what video {
		object-fit: contain;
		min-height: 100px;
		width: 100%;
		height: 100% !important;
		max-height: 450px;
	}
	.play-button{
		background-size: 100%;
		width: 50px;
		height: 50px;
	}
	#section-8 a{
		font-size: 26px;
	}
	.logo-title{
		width: 30px;
		height: inherit;
	}
	#section-4-2 h2{
		font-size: 20px;
	}
	.page-split-header{
		width: 100%;	
	}
	#animation {
		min-height: 120px;
	}
}
@media all and (max-width: 640px) {
 	.home #header-container{
		height: 104vh !important;
	} 
	.header-content h1 {
		font-size: 20px;
		line-height: 24px;
		margin-bottom: 10px;
	}
	.header-content{
		font-size: 14px;
	}
	.home .header-content {
		margin: 70vh auto 0;
	}
	#animation {
		min-height: 60px;
	}
}
@media all and (max-width: 620px) {
	.header-content a {
		font-size: 11px;
	}
	.parallax-bg{
		background-size: cover;
	}
	.section-sm{
		width: 90%;
		margin: 0 auto;
		float: none;
		height: auto;
	}
	.section-sm {
		width: 90%;
		margin: 20px auto 20px;
		float: none;
		height: auto;
	}
	#nf-form-2-cont {
    	width: 100%;
	}
	.content-padding {
		padding: 5vh 0;
	}
	.testimonial {
		width: 100% !important;
	}
	.custom-form-button{
		width: 100% !important;
	}
	.video-content-text {
		width: 90%;
		max-width: 93%;
		position: relative;
		top: 8%;
	}
	#video-pagelist{
		width: 100%;
		left: 0;
	}
	#page-video {
		min-height: 40vw;
	}
	.white-talk{
		display: none;
	}
	#footer-widget-area img{
		margin: 0 auto;
	}
	.video-player{
		margin-top: 23vh;
		height: inherit;
	}
	.button-center {
		margin-top: 28vh !important;
		left: 40%;
	}
}	
	
	
@media all and (max-width: 480px) {	
/* 	.home #header-container {
		height: auto !important;
	} */
}

@media all and (min-width: 1280px) and (max-width: 1440px){	
	.content-area {
		width: 100%;
	}
	.percentage-circle{
		padding:5vh 2vw;
	}	
	.percentage-circle .col-lg-9{
		padding-left:30px !important;
	}
}

	
	
/ RETINA DISPLAY /
@media
only screen and (-webkit-min-device-pixel-ratio: 3) and ( max-width: 1366px),
only screen and (   min--moz-device-pixel-ratio: 3) and ( max-width: 1366px),
only screen and (-webkit-min-device-pixel-ratio: 2) and ( max-width: 1366px),
only screen and (   min--moz-device-pixel-ratio: 2) and ( max-width: 1366px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and ( max-width: 1366px),
only screen and (        min-device-pixel-ratio: 2) and ( max-width: 1366px),
only screen and (                min-resolution: 192dpi) and ( max-width: 1366px),
only screen and (                min-resolution: 2dppx) and ( max-width: 1366px) { 
	.home #header-container,
	.parallax-bg, 
	#video-section{
		background-attachment: initial;
	}
	.home .header-content {
		margin: 50vh auto 0;
	}
	.parallax-bg, #video-section{
		min-height: 35vh;
	}
	.circle-chart{
		max-width: 200px;
	}
	.header-content h1{
		font-size: 50px;
		line-height: 50px;
	}
/* 	.video-text-half .col-lg-6{
		width: 100% !important;
		max-width: 100% !important;
		flex: 0 0 100% !important;
	} */
	.video-text-half .section-two-image{
		min-height: 500px;
	}
	.video-text-half .section-two-image .play-button{
		margin-top: 50%;
	}
	.footer-logo{
		margin: 0 auto;
	}
	.endorsement-section video{
		min-height: 130vh;
	}
	#slider_238 .owl-item,
	#slider_238 .owl-item div{
		height: 500px;
	}
	.page-template-about #section-4 .row{
/* 		background-color: rgba(255, 255, 255, 0.8); */
	}
/* 	.home #section-3{
		background-position: 0 20%;
	} */
	.content-area {
		width: 90%;
	}
	.work-page-item{
		min-height: 400px;
	}
 	.about-indicator{
		margin-left: 8.5vw !important;
		clear: both;
	} 
	.da-thumbs li {
		max-width: 16vw;
	}
	.da-thumbs span, .da-thumbs label{
		font-size: 16px;
	}
	.parallax-bg, 
	.parallax-bg .row{
		min-height: 35vh;
	}
	.grid__item{
		height: 30vh !important;
	}
	
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px)  { 
	#full-screen-header{
		background-attachment: initial;
	}
	.fullheight-header .row, .fullheight-header{
		min-height: 550px;
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 3) and ( max-width: 768px),
only screen and (   min--moz-device-pixel-ratio: 3) and ( max-width: 768px),
only screen and (-webkit-min-device-pixel-ratio: 2) and ( max-width: 768px),
only screen and (   min--moz-device-pixel-ratio: 2) and ( max-width: 768px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and ( max-width: 768px),
only screen and (        min-device-pixel-ratio: 2) and ( max-width: 768px),
only screen and (                min-resolution: 192dpi) and ( max-width: 768px),
only screen and (                min-resolution: 2dppx) and ( max-width: 768px) { 
	.fullheight-header .row, .fullheight-header{
		min-height: 550px;
	}
/* 	.header-form{
		display: none;
	} */
	#full-screen-header{
		background-attachment: initial;
	}
	.text-1{
		font-size: 12vw;
		line-height: 11vw;
	}
	.text-2{
		font-size: 10vw;
		line-height: 9vw;
	}
	.text-3{
		font-size: 7vw;
		line-height: 7vw;
	}
	.expertise-quote span{
		font-size: 20vw;
	}
	.expertise-quote label{
		font-size: 14vw;
	}
	.expertise-quote p{
		padding-left: 7.5vw;
	}
	.sa_owl_theme .owl-nav .owl-next{
		right: -20px !important;
	}
	.sa_owl_theme .owl-nav .owl-prev{
		left: -20px !important;
	}
	.scroll-to-next-row{
		max-height: 50px;
		margin-top: 2vw;
	}
	.parallax-bg, 
	.parallax-bg .row{
		min-height: 35vh;
	}
	.expertise-services{
		border-bottom: 1px solid #eee;
	}
	.expertise-h2{
		font-size: 6vw;
	}
	.expertise-h2 span{
		font-size: 10vw;
	}
	.about-indicator{
		clear: none !important;
	} 
	.content-area {
		width: 100%;
	}
	div.site-header-main.row.align-items-center, .site-header{
		max-width: 100%;
	}
	#expertise.parallax-bg{
		background-size: cover;
	}
	.page-template-about .parallax-bg .row .transparent-white-bg, 
	.page-template-about .parallax-bg .row, 
	.page-template-about .parallax-bg{
		min-height: 50vw;
	}
	.da-thumbs li{
		margin: 1.5vw !important;
		max-height: 164px;
		max-width: 40vw;
		clear: none !important;
	}
	.contact-title-container{
		width: 100%;
		padding: 30px 30px 50px 30px;
		margin-left: 0;
	}
	.form-container{
		margin-left: 0;
		padding: 30px;
	}
	.contact-phone{
		font-size: 8vw;
	}
	.contact-phone span, .contact-email span{
		font-size: 6vw;
		line-height: 14vw;
	}
	.contact-email{
		font-size: 5vw;
	}
	.contact-email label, .contact-phone label{
		border: 4px solid;
		height: 15vw;
		width: 15vw;
	}
	.contact-bg{
		min-height: 35vw;
	}
	.page-split-header.split-header-content-50,
	.page-split-header.split-header-content-45,
	.page-split-header.split-header-content-30,
	.page-split-header.split-header-content-40{
		width: 100vw !important;
	}
	.expertise-widget video{
		min-height: 80vh;
	}
	.expertise-widget-button{
		font-size: 5vw;
	}
	#expertise.parallax-bg{
		min-height: 50vh;
	}	
	.parallax-bg, #video-section {
		min-height: 35vh;
	}
/* 	.parallax-bg .row {
		min-height: 100vw;
	} */
	.large-text {
		font-size: 6vw;
	}
	.work-page-item{
		height: 50vh;
	}
	.next-work{
		margin-top: 4.5vw;
		height: 30vw;
		width: 30vw;
	}
	.next-work span{
		margin-top: 8vw;
		font-size: 6vw;
	}
	.next-work label{
		font-size: 4vw;
	}
	.work-portfolio h4{
		font-size: 18px;
	}
	.work-content h4{
		font-size: 20px;
	}
	.work-portfolio, .work-portfolio .row {
		min-height: 50vh;
	}
	a.project-link-center{
		font-size: 4.5vw;
		max-width: 40vw;
	}
/* 	.home #header-container{
		min-height: 106vh;
	} */
	.home #header-container,
	.parallax-bg, 
	#video-section{
		background-attachment: initial;
	}
	.page-template-about #section-4 .row{
		background-color: rgba(255, 255, 255, 0.8);
	}
/* 	.home #section-3{
		background-position: 0 20%;
	} */
	.home .header-content {
		margin: 50vh auto 0;
	}
	.header-content h1{
		font-size: 24px;
		line-height: 24px;
	}
	#animation{
		min-height: 80px;
		margin-bottom: 20px;
	}
	.header-content a{
		font-size: 12px !important;
	}
	.scroll-text{
		font-size: 30px;
		right: 46%;
	}
	.content-padding{
		padding: 5vh 30px;
	}
	.download-file{
		width: 50%;
	}
	#fullwidth-video-text{
		position: relative;
	}
	.video-text-half .section-two-image{
		min-height: auto;
	}
	.section-content-side-twice, 
	.section-content{
		padding: 30px 5vw;
	}
	.page-split-header{
		padding-top: 100px;
	}
	div[class*="col-"]{
		padding-left: 0;
		padding-right: 0;
	}
	.endorsement-btn{
		padding: 10px 20px;
	}
	.page-template-why #section-1{
		padding-top: 20px;
	}
	.endorsement{
		margin: 0;
	}
	.endorsement-section h1{
		font-size: 35px;
		line-height: 35px
	}
	.endorsement-section h2,
	.split-header-content h1,
	.split-header-content h2,
	.section-two-left-content h2,
	.endorsement, 
	.template-title, 
	.section-title{
		font-size: 30px;
		line-height: 30px
	}
	.split-header-content{
		font-size: 18px;
		line-height: 30px
	}
	.endorsement-section video{
		display: none;
	}
	.page-template-video #video-pagelist p::before, 
	.page-template-video #video-pagelist p::after{
		max-width: 15%;
	}
	.page-template-video div#section-1.section.right-bg-image{
		padding-top: 120px;
	}
	a.footer-button{
		font-size: 28px;
		padding: 8px 20px;
		width: 90%;
		display: block;
		margin: 0 auto;
	}
	#subpage-split-header .split-header-content h1,
	#subpage-split-header .split-header-content h2{
		font-size: 32px;
		line-height: 35px;
	}
	.page-template-service-outdoor-advertising div#section-3.section.parallax-right-bg{
		background-image: none !important;
	}
	div.col-lg-6.no-padding.section-image-bg{
		min-height: 280px;
	}
	.main-navigation a{
		padding: 15px 20px;
	}
	.content-area{
		width: 100%;
	}
	.admin-bar #section-1, #section-1{
		padding-top: 80px;
	}
	.contact-page-logo{
		max-width: 250px;
	}
	.contact-title{
		font-size: 40px;
	}
	.section-sm h4{
		font-size: 20px;
	}
	#section-4-2 h2,
	.section-two-text h2{
		font-size: 8vw;
	}
	#section-8 a{
		font-size: 8vw;
	}
	div.section-sm.section-left,
	div.section-sm.section-right.pie-chart{
		margin-left: 20px !important;
	}
	.main-navigation a{
		display: block;
	}
	.close-overlay,
	.close-button{
		right: -100px;
	}
	.video-wrapper{
		max-width: 90%;
		margin: 20vh auto;
	}
	.close-overlay img,
	.close-button img{
		max-width: 30%;
		
	}
	div.strong-content.wpmslider-content{
		float: left;
		width: 100% !important;
		height: auto;
	}
	.contact-footer-button img{
		display: block;
		margin: 0 auto;
	}
	
	#work-gallery [class*="col-"]{
		min-height: 300px !important;
	}
	#work-gallery .row{
		height: auto !important;
	}
	.footer-section h4{
/* 		font-size: 3.5vw; */
	}
	.project-link{
		font-size: 5vw;
		margin-top: 10vw;
	}
	.theme-page-title{
		font-size: 15vw;
	}
	.theme-page-title span{
		font-size: 12vw;
		line-height: 6vw
	}
	.main-title{
		font-size: 4vw;
		line-height: 4vw;
		margin-bottom: 20px;
	}
	
	.home #header-container{
		height: 106vh;
	}
	.video-text-slider-container{
		max-height: 104vh;
		padding: 50vh 3vw;
		margin: 0 auto;
		max-width: 80%;
	}
	.text-slider-1 .slide-one-text-1{
		font-size: 14vw; 
		line-height: 14vw;
	}
	.text-slider-1 .slide-one-text-2{
		font-size: 12vw; 
		line-height: 12vw;
	} 
	.text-slider-2 .slide-two-text-1{
		font-size: 14vw; 
		line-height: 14vw;
	}
	.text-slider-2 .slide-two-text-2{
		font-size: 12vw; 
		line-height: 12vw;
	} 
	.text-slider-2 .slide-two-text-3{
		font-size: 13vw; 
		line-height: 13vw;
	} 
	.text-slider-2 .slide-two-text-5{
		font-size: 13vw; 
		line-height: 13vw;
	} 
	.testimonial-section{
		background-size: cover;
		overflow: hidden;
	}
	.testimonies-container {
		max-width: 100%;
		margin: 0;
		padding: 30px 0;
		background-color: rgba(255, 255, 255, 0.8);
	}
	.over-black{
		width: 100%;
		height: 100%;
	}
	.feature-work .featured-item{
		min-height: 20vh;
		padding: 50px 0;
	}
	.feature-work .featured-item h4{
		font-size: 5vw;
	}
	.feature-work .featured-item .featured-item-circle {
		height: 10vw;
		width: 10vw;
	}
	.feature-work .featured-item label {
		margin-left: -6vw;
		font-size: 5vw;
	}
	.site-branding .logo{
		margin-left: 0px;
	}
	.wp-custom-logo .site-header-main{
		padding: 0;
		margin: 0;
	}
	.header-text-1 {
		font-size: 28px;
		width: 100%;
	}
	.fullscreen-header-text{
		padding-top: 45vw;
		height: 106vh;
		background-color: rgba(244, 233, 194, 0.4);
	}
	.fullscreen-header-text h3{
		font-size: 22px;
		width: 40vw;
		line-height: 25px;
	}
	.fullscreen-header-text h4 {
		font-size: 22px;
		width: 40vw;
	}
	#menu-toggle {
		margin: 0 20px 0 0;
	}
	.menu-item a:hover::before, .menu-item a:hover::after, .menu-item a:focus::before, .menu-item a:focus::after{
		opacity: 0;
	}
	
	#scroll{
		width: 50px;
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 3) and ( max-width: 667px),
only screen and (   min--moz-device-pixel-ratio: 3) and ( max-width: 667px),
only screen and (-webkit-min-device-pixel-ratio: 2) and ( max-width: 667px),
only screen and (   min--moz-device-pixel-ratio: 2) and ( max-width: 667px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and ( max-width: 667px),
only screen and (        min-device-pixel-ratio: 2) and ( max-width: 667px),
only screen and ( max-width: 667px),
only screen and ( max-width: 667px) {   
	.why-it-works .col-lg-7,
	.why-it-works .col-lg-5{
		text-align: center !important;
	}
	.why-it-works .col-lg-7{
		font-size: 6vw !important;
		padding-top: 8vw;
	}
	.why-it-works .col-lg-5{
		font-size: 16vw !important;
		margin-top: -20vw;
	}
}
@media
only screen and (-webkit-min-device-pixel-ratio: 3) and ( max-width: 568px),
only screen and (   min--moz-device-pixel-ratio: 3) and ( max-width: 568px),
only screen and (-webkit-min-device-pixel-ratio: 2) and ( max-width: 568px),
only screen and (   min--moz-device-pixel-ratio: 2) and ( max-width: 568px),
only screen and (     -o-min-device-pixel-ratio: 2/1) and ( max-width: 568px),
only screen and (        min-device-pixel-ratio: 2) and ( max-width: 568px),
only screen and ( max-width: 568px),
only screen and ( max-width: 568px) {   
	.wp-custom-logo .site-header-main{
		padding: 5px 0;
		margin: 0;
	}
	.site-branding{
		padding-left: 0;
	}
	.site-header{
		background-color: #fff;
	}
	.what-parallax-button a span {
	    font-size: 18px;
	}	
	.what-parallax-button {
	    padding-top: 50px;
	    padding-bottom: 50px;
	}	
.what-parallax-button a {
    font-size: 30px;
    width: 150px;
    height: 150px;
    line-height: 23px;
    padding-top: 53px;
}	
}
	
	
/* instructor page */
.page-id-10 .section-content-side-twice {
    padding: 0;
}
.page-id-10 .section.parallax-bg > .row {
    padding: 50px 0;
}
.instructor-intro-section {
    padding: 50px 0;
}
.instructor-detail {
    border-top: 5px solid #da1f30;
}
.blue-bg {
    background: url(/wp-content/uploads/2020/10/Michael-J.-Battoe_bg-1.jpg), #0a284cb8;
	background-size:cover;
    padding: 50px 0;
    background-blend-mode: multiply;
}
.white-bg {
	background-color: #fff;
}
.instructor-detail .img-round {
	border-radius: 50%;
	border: 5px solid #da1f30;
}
.instructor-intro-section {
    padding: 50px 0;
}

.instructor-desiganation, .sub-head, .instructor-name {
    font-family: 'proxima_novaregular', sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    margin: 0 !important;
}

.instructor-desiganation, .sub-head {
    font-size: 12px;
    letter-spacing: 1.5px;
}

.instructor-name {
    font-size: 29px !important;
    letter-spacing: 5px;
}
.blue-bg .instructor-name {
    color: #fff;
}
.white-bg, .white-bg h3, .white-bg li {
    color: #12284b;
}
.instructor-info h4 {
    margin: 0;
    padding-top: 10px;
    font-weight: normal;
    font-size: 20px;
}
.instuctor-qoute {
    font-size: 16px;
}
.instructor-info li {
    font-size: 15px;
}

.site-inner .site-content .theme-section-separator-next .section-content-side-twice article .entry-content .top_border{
	border-top: 6px solid #FB0604;
}

.site-inner .site-content .theme-section-separator-next .section-content-side-twice article .entry-content .blue-bg{
	padding: 50px 0 10px !important;
}

.site-inner .site-content .overlayc_bg{
	background-image: linear-gradient(to right,rgba(250,59,74,0.85),rgba(250,59,74,0.80)),url("https://hdstruckdrivinginstitute.com/wp-content/uploads/2020/10/CALL-TODAY-TO-GET-STARTED.jpg") !important;
	padding-top: 3.5rem !important;
}

.site-inner .site-content .overlayc_bg1{
	background-image: linear-gradient(to right,rgba(250,59,74,0.85),rgba(250,59,74,0.80)),url("https://hdstruckdrivinginstitute.com/wp-content/uploads/2025/02/Rectangle-52.png") !important;
	padding-top: 3.5rem !important;
}

.site-inner .site-content .overlayc_bg1 .theme-text-title{color:#fff; font-size:30px;line-height:36px; margin-bottom: 22px;}
.site-inner .site-content .overlayc_bg1 .theme-text-title .call_text{color:#fff;}


.site-inner .site-content .overlayc_bg .call_text{
	color: #fff !important;
}
.site-inner .site-content .theme-section-separator-next .section-content-side-twice article .entry-content .white-bg {
    padding: 50px 0 10px !important;
}	
@media screen and (min-color-index: 0) and (-webkit-min-device-pixel-ratio: 0) {
	@media only screen and ( max-width: 576px) { 

		
	}
}


/* Gravity Forms Custom Styling */
/* Gravity Forms Flex */
 
body .gform_wrapper .gform_fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-align-content: space-around;
  -ms-flex-line-pack: distribute;
  align-content: space-around;
  list-style-type: none;
}
 
.gfield {
  width: 100%;
}
 
body .gform_wrapper .top_label li.gfield.gf_left_half {
  width: 50%;
  margin-right: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}
 
body .gform_wrapper .top_label li.gfield.gf_right_half {
  width: 50%;
  margin-right: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}
 
body .gform_wrapper .top_label li.gfield.gf_left_third {
  width: 33.33333333%;
  margin-right: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}
 
body .gform_wrapper .top_label li.gfield.gf_middle_third {
  width: 33.33333333%;
  margin-right: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}
 
body .gform_wrapper .top_label li.gfield.gf_middle_third input.medium.datepicker {
  width: calc(100% - 21px)!important;
}
 
body .gform_wrapper .top_label li.gfield.gf_right_third {
  width: 33.33333333%;
  margin-right: 0px;
  -webkit-box-flex: 0;
  -webkit-flex: 0 auto;
  -ms-flex: 0 auto;
  flex: 0 auto;
}
 
/* Gravity Forms Flex Responsive */
 
@media (max-width: 479px) {
  body .gform_wrapper .top_label li.gfield.gf_left_half {
    width: 100%;
  }
  body .gform_wrapper .top_label li.gfield.gf_right_half {
    width: 100%;
  }
  body .gform_wrapper .top_label li.gfield.gf_left_third {
    width: 100%;
  }
  body .gform_wrapper .top_label li.gfield.gf_middle_third {
    width: 100%;
  }
  body .gform_wrapper .top_label li.gfield.gf_right_third {
    width: 100%;
  }
}




div.gform_body li,
div.ginput_complex.ginput_container,
div.ginput_complex > span,
div.ginput_container,
div.ginput_container > span
{
	margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0!important;
    padding-bottom: 0 !important;
    min-height: unset!important;
}

.ginput_container > input,
.ginput_complex > input {
    height: 2px!important;
}

.gform_body {
    display: flex;
    flex-direction:  column;
}

div.gform_body ul {
    display: flex!important;
    padding: 15px!important;
    align-self: center!important;
}

div.gform_body ul li {
    display: flex;
    flex-wrap: wrap;
}

div.ginput_complex {
    display: flex!important;
    flex-wrap: wrap;
}

div.ginput_container_phone {
	flex-direction: column;
}

div.ginput_complex > *,
div.ginput_container,
span.ginput_full.address_line_1, 
span.ginput_full.address_line_2 {
    display: flex!important;
    flex: 1 1 100%;
}

span.address_city, 
span.address_state,
span.address_zip,
.ginput_left,
.ginput_right {
display: flex;
flex: 1 3 30%;
}

.gform_wrapper .ginput_complex .ginput_left,
.gform_wrapper .ginput_complex .ginput_right {
	display: flex!important;
	margin: 0px!important;
	padding-right: 0px!important;
}

.ginput_complex.ginput_container.has_street.has_street2.has_city.has_state.has_zip.ginput_container_address {
  flex-wrap:wrap;
}


div.ginput_complex > input {
    background: red!important;
}

.gfield input,
.gfield select {
    background: #fff!important;
    height: 32px!important;
    color: #686868!important;
    font-size: 22px;
    line-height: 24px!important;
    padding-left: 15px!important;
    margin: 0 0 20px 0;
    font-weight:700;
    border: none;


}

.gfield input:focus,
.gfield select:focus {
    background: white!important;
    color: black!important;
    
    /*border: 3px solid black!important;*/
}

option[value=""] {
    display: none!important;
}

.ginput_container.ginput_container_fileupload input {
    background: #fff!important;
}


li.gfield.gfield_html.gfield_html_formatted.gfield_no_follows_desc.field_sublabel_below.field_description_below.gfield_visibility_visible {
    color: #686868!important;
    font-size: 13px!important;
    line-height: 14px;
    text-align: center;
/*     padding: 25px 10% 10px 0!important; */
	padding: 0 10px 20px !important;
}

li label {
    font-size: 14px!important;
    line-height: 15px!important;
    margin: 0px;
    padding: 0px;
    font-weight: normal!important;
}

.gform_footer.top_label {
    margin: 0px;
    padding: 0px;
    display: flex;
    align-content: center;
    justify-content: center;
}

.gform_footer.top_label input[type="submit"] {
    background: #d31f28!important;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    line-height: 16px;
    height: 60px!important;
    width: 380px!important;
    display: flex;
    margin: 0px!important;
    padding: 0px!important;
    align-items: center!important;
    justify-content: center!important;
    -webkit-transition: background .5s ease-out;
    -moz-transition: background .5s ease-out;
    -ms-transition: background .5s ease-out;
    -o-transition: background .5s ease-out;
    transition: background .5s ease-out;
    font-size: 33px!important;
    font-family: 'proxima_novaregular', sans-serif !important;
    letter-spacing: -1px;
    font-weight: 700;  
}

.gform_footer.top_label input[type="submit"]:hover {
    background: #002a4d!important;
}
.gform_wrapper .validation_message,
div.gfield_description.validation_message {
    display: flex;
    flex: 1 1 100%;
    margin-bottom: 10px;
    padding: 0px!important;
    margin: 0px;
    font-size: 13px;
    line-height: 14px;
    background: none!important;
    border: none!important;
}
.gform_wrapper .validation_message {
    color: #d31f28;
    font-weight: 700;
    letter-spacing: normal
}

li.gfield_error {
    border: none!important;
    background: none!important;
}

.validation_error {
    border: none!important;
    margin: 0px!important;
    padding: 5px!important;
    color: #d31f28!important;
}

.gform_wrapper .ginput_complex.ginput_container_address span.ginput_right+span.ginput_left {
	padding-right: 0px!important;
	margin-right: -0px!important;
}
span#input_4_4_5_container {
    padding-right: 0px!important;
}

.gform_wrapper .top_label input.medium,.gform_wrapper .top_label select.medium {
	width: 100% !important;
}

.landing-form .checkbox-container .nf-field-label label {
    font-size: 19px;
    margin-bottom: 30px;
    font-family: 'open_sanslight';
    line-height: 23px;
    color: #212529;
}

label.gfield_consent_label {

    text-align: justify;
    margin: 10px;
    font-size: 19px;
    margin-bottom: 30px;
    font-family: 'open_sanslight';
    line-height: 23px;
}

.gform_confirmation_message {
 
    display: contents !important;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 25px;
    font-size: 25px;
    color: #fff !important;
    font-weight: 700;
    height: 500px;

}


img.gform_ajax_spinner {
    display: none !important;
}

/* - End Gravity Forms Styling -*/


/* gravity forms css  */
#page .slider-form div#gform_wrapper_7 .gform_body input {
    font-family: 'ralewaylight' !important;
    font-size: 14px !important;
    font-weight: 300 !important;
}
#page .slider-form div#gform_wrapper_7 label.gfield_label {
    display: none !important;
}
#page .slider-form div#gform_wrapper_7 ul#input_7_6 {
    padding-left: 0px !important;
	padding-top: 20px !important;
}
#page .slider-form div#gform_wrapper_7 ul#input_7_6 input {
    margin-top: -8px !important;
}
.openhouse-form #gform_wrapper_9 .gfield input {
    margin-top: 0px !important;
}
#page .slider-form div#gform_wrapper_7 label#label_7_6_1 {
    color: #2a2a2a;
    padding-left: 10px !important;
}
#page .slider-form div#gform_wrapper_7 input#input_7_8,
#page .slider-form div#gform_wrapper_7  input#input_7_4 {
    margin-left: 10px !important;
}
#page .slider-form div#gform_wrapper_7 ul#gform_fields_7 {
    padding-top: 0px !important;
	padding-bottom:0px !important;
	width: 100%;
}
#page .slider-form div#gform_wrapper_7 .gform_footer.top_label {
    margin: 0px !important;
    padding-top: 0px !important;
}
#page .slider-form div#gform_wrapper_7 input#gform_submit_button_7 {
    font-size: 20px !important;
    text-align: center !important;
    width: 180px !important;
    padding: 0px !important;
    height: 40px !important;
    font-family: 'oswaldlight' !important;
    font-weight: normal !important;
}
div#gform_wrapper_7 {
    margin-top: -20px !important;
    margin-bottom: 0px !important;
}
rs-module-wrap#rev_slider_1_1_wrapper .home-header-form {
    margin-top: 100px !important;
}
@media only screen and (min-width:768px) {
	.landing-form .ginput_complex span {
	padding-right: 3px;
}
}

/* gravity forms css  */

.footer-form-container .gform_wrapper li.hidden_label input {
	margin-top: 0px;
    height: 38px !important;
    margin-bottom: 14px;
}
.footer-form-container .gform_fields {
	padding-top:0 !important;
	padding-bottom: 5px !important;
}
.footer-gravity-form .gform_wrapper ul.gform_fields li.gfield {
	padding-right:0 !important;
}
.slider-form #label_7_6_1, .openhouse-form #gform_wrapper_9 ul#input_9_6 label {
	max-width: 97%;
}
.slider-form #gform_submit_button_7 {
    margin-top: 20px !important;
}
.slider-form #gform_fields_7 li {
    padding-right: 0 !important;
}
.home-header-form p {
	padding-left: 15px;
    padding-right: 15px;
}
.openhouse-form .gform_wrapper select#input_9_5 {
	width:100% !important;
	border-radius: 5px;
}
#gform_7 select#input_7_9, #gform_6 select#input_6_7 {
	border-radius: 5px !important;
	border:1px solid #d8d8d8 !important;
}
#gform_6 #field_6_7 label {
	display:none !important;
}
#gform_9 #input_9_14 {
	display: flex !important;
    flex-wrap: nowrap !important;
}
#gform_9 #input_9_14 .name_last {
    padding-right: 5px;
}

ul.programs-list.gray span.fa-fw.select-all.fas {
    color: #da1f30;
}