/*
 Theme Name:   Vantage Child Theme
 description: >-
   A child theme of the Vantage default WordPress theme
 Author:       Lail
 Template:     vantage
 Version:      1.7.12
*/



/* elegant theme icon styles */


@font-face {
	font-family: 'et-line';
	src:url('fonts/et-line.eot');
	src:url('fonts/et-line.eot?#iefix') format('embedded-opentype'),
		url('fonts/et-line.woff') format('woff'),
		url('fonts/et-line.ttf') format('truetype'),
		url('fonts/et-line.svg#et-line') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'et-line';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display:inline-block;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-mobile, .icon-laptop, .icon-desktop, .icon-tablet, .icon-phone, .icon-document, .icon-documents, .icon-search, .icon-clipboard, .icon-newspaper, .icon-notebook, .icon-book-open, .icon-browser, .icon-calendar, .icon-presentation, .icon-picture, .icon-pictures, .icon-video, .icon-camera, .icon-printer, .icon-toolbox, .icon-briefcase, .icon-wallet, .icon-gift, .icon-bargraph, .icon-grid, .icon-expand, .icon-focus, .icon-edit, .icon-adjustments, .icon-ribbon, .icon-hourglass, .icon-lock, .icon-megaphone, .icon-shield, .icon-trophy, .icon-flag, .icon-map, .icon-puzzle, .icon-basket, .icon-envelope, .icon-streetsign, .icon-telescope, .icon-gears, .icon-key, .icon-paperclip, .icon-attachment, .icon-pricetags, .icon-lightbulb, .icon-layers, .icon-pencil, .icon-tools, .icon-tools-2, .icon-scissors, .icon-paintbrush, .icon-magnifying-glass, .icon-circle-compass, .icon-linegraph, .icon-mic, .icon-strategy, .icon-beaker, .icon-caution, .icon-recycle, .icon-anchor, .icon-profile-male, .icon-profile-female, .icon-bike, .icon-wine, .icon-hotairballoon, .icon-globe, .icon-genius, .icon-map-pin, .icon-dial, .icon-chat, .icon-heart, .icon-cloud, .icon-upload, .icon-download, .icon-target, .icon-hazardous, .icon-piechart, .icon-speedometer, .icon-global, .icon-compass, .icon-lifesaver, .icon-clock, .icon-aperture, .icon-quote, .icon-scope, .icon-alarmclock, .icon-refresh, .icon-happy, .icon-sad, .icon-facebook, .icon-twitter, .icon-googleplus, .icon-rss, .icon-tumblr, .icon-linkedin, .icon-dribbble {
	font-family: 'et-line';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display:inline-block;
}
.icon-mobile:before {
	content: "\e000";
}
.icon-laptop:before {
	content: "\e001";
}
.icon-desktop:before {
	content: "\e002";
}
.icon-tablet:before {
	content: "\e003";
}
.icon-phone:before {
	content: "\e004";
}
.icon-document:before {
	content: "\e005";
}
.icon-documents:before {
	content: "\e006";
}
.icon-search:before {
	content: "\e007";
}
.icon-clipboard:before {
	content: "\e008";
}
.icon-newspaper:before {
	content: "\e009";
}
.icon-notebook:before {
	content: "\e00a";
}
.icon-book-open:before {
	content: "\e00b";
}
.icon-browser:before {
	content: "\e00c";
}
.icon-calendar:before {
	content: "\e00d";
}
.icon-presentation:before {
	content: "\e00e";
}
.icon-picture:before {
	content: "\e00f";
}
.icon-pictures:before {
	content: "\e010";
}
.icon-video:before {
	content: "\e011";
}
.icon-camera:before {
	content: "\e012";
}
.icon-printer:before {
	content: "\e013";
}
.icon-toolbox:before {
	content: "\e014";
}
.icon-briefcase:before {
	content: "\e015";
}
.icon-wallet:before {
	content: "\e016";
}
.icon-gift:before {
	content: "\e017";
}
.icon-bargraph:before {
	content: "\e018";
}
.icon-grid:before {
	content: "\e019";
}
.icon-expand:before {
	content: "\e01a";
}
.icon-focus:before {
	content: "\e01b";
}
.icon-edit:before {
	content: "\e01c";
}
.icon-adjustments:before {
	content: "\e01d";
}
.icon-ribbon:before {
	content: "\e01e";
}
.icon-hourglass:before {
	content: "\e01f";
}
.icon-lock:before {
	content: "\e020";
}
.icon-megaphone:before {
	content: "\e021";
}
.icon-shield:before {
	content: "\e022";
}
.icon-trophy:before {
	content: "\e023";
}
.icon-flag:before {
	content: "\e024";
}
.icon-map:before {
	content: "\e025";
}
.icon-puzzle:before {
	content: "\e026";
}
.icon-basket:before {
	content: "\e027";
}
.icon-envelope:before {
	content: "\e028";
}
.icon-streetsign:before {
	content: "\e029";
}
.icon-telescope:before {
	content: "\e02a";
}
.icon-gears:before {
	content: "\e02b";
}
.icon-key:before {
	content: "\e02c";
}
.icon-paperclip:before {
	content: "\e02d";
}
.icon-attachment:before {
	content: "\e02e";
}
.icon-pricetags:before {
	content: "\e02f";
}
.icon-lightbulb:before {
	content: "\e030";
}
.icon-layers:before {
	content: "\e031";
}
.icon-pencil:before {
	content: "\e032";
}
.icon-tools:before {
	content: "\e033";
}
.icon-tools-2:before {
	content: "\e034";
}
.icon-scissors:before {
	content: "\e035";
}
.icon-paintbrush:before {
	content: "\e036";
}
.icon-magnifying-glass:before {
	content: "\e037";
}
.icon-circle-compass:before {
	content: "\e038";
}
.icon-linegraph:before {
	content: "\e039";
}
.icon-mic:before {
	content: "\e03a";
}
.icon-strategy:before {
	content: "\e03b";
}
.icon-beaker:before {
	content: "\e03c";
}
.icon-caution:before {
	content: "\e03d";
}
.icon-recycle:before {
	content: "\e03e";
}
.icon-anchor:before {
	content: "\e03f";
}
.icon-profile-male:before {
	content: "\e040";
}
.icon-profile-female:before {
	content: "\e041";
}
.icon-bike:before {
	content: "\e042";
}
.icon-wine:before {
	content: "\e043";
}
.icon-hotairballoon:before {
	content: "\e044";
}
.icon-globe:before {
	content: "\e045";
}
.icon-genius:before {
	content: "\e046";
}
.icon-map-pin:before {
	content: "\e047";
}
.icon-dial:before {
	content: "\e048";
}
.icon-chat:before {
	content: "\e049";
}
.icon-heart:before {
	content: "\e04a";
}
.icon-cloud:before {
	content: "\e04b";
}
.icon-upload:before {
	content: "\e04c";
}
.icon-download:before {
	content: "\e04d";
}
.icon-target:before {
	content: "\e04e";
}
.icon-hazardous:before {
	content: "\e04f";
}
.icon-piechart:before {
	content: "\e050";
}
.icon-speedometer:before {
	content: "\e051";
}
.icon-global:before {
	content: "\e052";
}
.icon-compass:before {
	content: "\e053";
}
.icon-lifesaver:before {
	content: "\e054";
}
.icon-clock:before {
	content: "\e055";
}
.icon-aperture:before {
	content: "\e056";
}
.icon-quote:before {
	content: "\e057";
}
.icon-scope:before {
	content: "\e058";
}
.icon-alarmclock:before {
	content: "\e059";
}
.icon-refresh:before {
	content: "\e05a";
}
.icon-happy:before {
	content: "\e05b";
}
.icon-sad:before {
	content: "\e05c";
}
.icon-facebook:before {
	content: "\e05d";
}
.icon-twitter:before {
	content: "\e05e";
}
.icon-googleplus:before {
	content: "\e05f";
}
.icon-rss:before {
	content: "\e060";
}
.icon-tumblr:before {
	content: "\e061";
}
.icon-linkedin:before {
	content: "\e062";
}
.icon-dribbble:before {
	content: "\e063";
}


/*hide*/

.hide{
	display:none;
}

/* masthead changes*/

.main-navigation {
	background-color: #fff;
}

.custom-logo, .custom-logo-link{
  max-height: 33px;
  max-width: 126.4px;
  margin: 0px !important;
}



.logo > img {
    max-height: 40px !important; 
    width: auto;
    height: auto;
    max-width: 100%;
}

.logo{
	margin-left: 5px !important;
}

.main-navigation ul, .main-navigation a{
    text-align: right !important;
    font-weight:400 !important;
}


.support-text, #search-icon, .mobile-nav-frame .search{
	display:none !important;
}



#menu-navbar{
	margin-top:0px !important;
	margin-left: 90px !important;
	margin-right: 10px !important;
}

#menu-navbar li:last-of-type a{
	
}

/*form styling*/

.grecaptcha-badge{
	display:none !important;
}

.contactRow .video{
	margin-top: 10%;
}

.contactRow input {
    display: block !important;
    margin-bottom: 3%;
    width: 100%;
    box-sizing: border-box;
    min-width: 100%;
    background: #fff;
    box-shadow: none;
    letter-spacing: 0;
    outline: none;
    line-height: 50px;
    height: 50px;
    padding: 0 20px;
    text-align: left;
    font-family: inherit;
    border-radius: 4px;
    font-weight: 400;
}

.contactRow textarea{
	display: block !important;
	margin-bottom: 4%;
    width: 100%;
    box-sizing: border-box;
    min-width: 100%;
    background: #fff;
    box-shadow: none;
    letter-spacing: 0;
    outline: none;
    padding: 0 20px;
    text-align: left;
    font-family: inherit;
    border-radius: 4px;
    font-weight: 400;
    line-height: 50px;

}


.contactRow button{
-ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-family: Open Sans;
    font-weight: 700;
    font-size: 1.3em;
    padding: 1em 2em;
    background: #60a1d7;
    color: #ffffff !important;
    border: 1px solid #60a1d7;
    border-width: 1px 0;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.05);
    margin-bottom: 5%;
    width:100%;
    /*margin-left: 25%;
    width:50%;*/
}

.contactRow button:hover{
	text-decoration: underline !important;
	}

.contactRow label{
	font-family: 'Open Sans';
	font-size: 1.3rem;
}



/* fix mobile navbar */

.so-mobilenav-mobile + * { 
	display: none !important; 
}

@media screen and (max-width: 780px) { 
	.so-mobilenav-mobile + * { 
		display: block !important; 
	} 
	#menu-navbar{ 
		 display: none !important; 
		} 
	}


/*theme changes*/

#main{
	padding-top:0px;
	padding-bottom: 0px;
	background: #fff!important;
}


.main-navigation.sticky:after {
  box-shadow: none !important;
}
/*video styling*/

.viddler-app-wrap div.viddler-embed div.media-gui div.bottom, .viddler-app-wrap div.viddler-embed div.media-gui div.top {
	z-index: 0 !important;
}


/*changes in the second iteration start here!!! goats */


/*fonts, sizes and colors*/

h1, h2,  h3,  h4,  h5, h6, p, .main-navigation ul, .main-navigation a, ul, li {
	font-family: "Open Sans" !important;
	font-weight: 300 !important;
	color:#3b3c3d;
}

.entry-content p{
	font-size: 1.5rem;
	line-height: 1.8;
	font-weight: 400;
}


.entry-content h6{
	font-size: 1.6rem;
}

.entry-content h5{
	font-size: 1.8rem;
	line-height: 2;
}

.entry-content h4{
	font-size: 2rem;
}


.entry-content h3{
	font-size: 2.2rem;
}

.entry-content h2{
	font-size: 2.5rem;
}

.entry-content h1{
	font-size: 3rem;
}
.small{
	font-size: 16px !important;
}

.red{
	color:#eb5a59 !important;
}

.blue{
	color:#60a1d7 !important;
}

.yellow{
	color:#ffd200 !important;
}

.bold{
	font-weight: 400 !important;
}


/*Front Page */


.panel-grid-cell, .panel-has-style{
	margin:0px !important;
}
  

/* frontpage hero spacing, font-size and margins */



#frontTitle{
	margin-top: 30%;
	margin-bottom: 40%;
	padding-left:20%;
}


#frontTitle h2{
	font-size: 4rem;
	line-height: 0.5rem;
}

#frontTitle h1{
	font-size: 4rem;
	line-height: 0.5rem;
}
	
#frontVideo{
	margin-top: 10%;
}

#blueSpacer{
	height: 0.5% !important;
	background:rgb(120, 186, 219);
}

/* mission statement spacing, font-size */

#missionBox h2{
	font-size: 3rem;
	line-height: 1.2em;
	line-height: 1.2em;
	color: #e0eff6;
}

#missionBox h3{
	line-height: 1.5em;
	color: #e0eff6;
}

#missionBox{
	padding-top:5%;
}

/* frontpage program and platform blocks  */



#introBlock{
	/*height: 20%;*/
	margin-bottom: 0% !important;
	border-top: solid 5px #efefef;
	margin-top: 0%;
}

#introBlock .text{
	text-align: center;
	margin-top: 1%;
}

#introBlock h4{
	font-size: 1.4em;
	line-height: 1.5em !important;
}

#introBlock h3{
	margin-top:0.5% !important;
	line-height: 1.6em !important;
	font-size: 2em;
}


#programs{
	padding: 0% !important;
	margin-bottom: 1% !important;
	border-bottom: solid 5px #efefef;
	margin-top: 1% !important;
}


.programBlock{
	height:450px;
	position: relative;
	overflow: hidden;
	margin-bottom: 10% !important;
}


#informPanel{
	height: 100% !important;
	background-color: #ff6160;
    background-image: url(https://s3.amazonaws.com/viddler-info/site-img/AdobeStock_205284470_mirror_resized4.jpg);
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.5s ease;
}

#informText {
	position: absolute;
	top:0; left:0;
	padding-top:5%;
	padding-left: 2%;
	z-index: 1;
}

#interactPanel{
	height: 100% !important;
    background-color: #ffd001;
    background-image: url(https://s3.amazonaws.com/viddler-info/site-img/AdobeStock_213444742_mirrored-and-resized.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.5s ease;
}

#interactText {
	position: absolute;
	top:0; left:0;
	padding-top:5%;
	padding-left: 2%;
	z-index: 1;
}

#engagePanel{
	height: 100% !important;
    background-color: #ebf8ff;
    background-image: url(https://s3.amazonaws.com/viddler-info/site-img/experiment2.jpg);
    background-position: center left;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.5s ease;
}

#engageText {
	position: absolute;
	top:0; left:0;
	padding-top:5%;
	padding-left: 2%;
	z-index: 1;
}

.programBlock h3{
	 font-size: 2.5rem;
	 margin-left: 10%;
	 margin-top: 10% !important;
	 margin-bottom: 2% !important;

	}

.programBlock h4{
	margin-left: 10%;
	margin-right: 5%;
	font-size: 1.4rem !important;
	line-height: 1.3em !important;
}

#platform{
	height: 30% !important;
}

#platform h3{
	font-size: 2.5rem;
 	margin-top: 10%;	
 	margin-left: 10%;
 	margin-bottom: 0.5%;
 	line-height: 1.3em !important;
}

#platform a{
	color:#3b3c3d;
}

#platform:hover h3{
	font-weight: 400 !important;
}


#platform h4{	
	font-size: 1.4em;
 	margin-left: 10%;
 	line-height: 1.2em !important;
}

.bodyContent a:link:hover{
	text-decoration: none;
}



/* hover effects for program blocks */


.programBlock:hover #informPanel{
	transform: scale(1.1) translateY(1em);
}

.programBlock:hover #informText h3, .programBlock:hover #interactText h3{
	color:#fff; 
}

.programBlock:hover #interactPanel{
	transform: scale(1.1) translateY(1em);
}

.programBlock:hover #engagePanel{
	transform: scale(1.2) translateX(-2em);
}

.programBlock:hover #engageText h3{
	color: #eb5a59;
}

/*client logos*/



#learnLink a{
	color: #e0eff6;
}

#learnLink a:hover{
	text-decoration:none !important;
	font-weight:400;
}

#clientText{
	color:#444444;
	line-height: 1.2em;
	font-size: 20px !important;
	padding-top: 10%;
	margin-top:0px;
}

#SLLOGO{
	padding-left:20%;
}

#EXSLOGO img{
	padding-left:20%;
	padding-top:10%;
}


.clientLogo img{
	padding-top: 15%;
	height: 40% !important;
	margin: 0 auto !important;
}


#headerImage{
	background-size:65%;
	background-position: right top;
	background-repeat:no-repeat !important;
	margin-bottom: 0% !important;
	padding-bottom: 0% !important;
}


 @media only screen and (max-width: 992px) {
	/* frontpage hero spacing, font-size and margins */


			#frontTitle h2{
				font-size: 3rem;

			}

			#frontTitle h1{
				font-size: 3rem;

			}

			.clientLogo img{

				height: 80% !important;

			}

			.clientText{
				padding: 0px;

			}


}  @media only screen and (max-width: 781px) {

		.clientText{
			padding: 0px !important;

		}

		#SLLOGO{
			padding-left:0px !important;
		}

		#EXSLOGO img{
			padding-left: 0px !important;
		}

		#frontTitle{
			margin-top: 20%;
			margin-bottom: 10%;
			padding-left: 0px;
		}

		#frontVideo{
			margin-top: 5%;
		}

		#frontTitle h2{
			font-size: 4.5rem;
		}

		#frontTitle h1{
			font-size: 5rem;
		}

		#headerImage{
			background-size: 100% !important;
			padding:70%;
		}

		#missionBox{
			padding-right:50% !important;
		}
		.programBlock h3{
			font-size: 4rem;
	 		margin-left: 10%;
	 		margin-top: 5% !important;
	 		margin-bottom: 2% !important;
			}

		.programBlock h4{
			margin-left: 10%;
			margin-right: 5%;
			margin-top: 4%; 
			font-size: 1.5rem !important;
			line-height: 1.3em !important;
		}

		.programBlock {
			margin-bottom: 2% !important;

		}

		 #programs {
		 	padding-bottom: 5% !important;
		 }

		 #clientText{
		 	padding-top: 5%;
		 	margin-left: 0% !important;
		 }

		 .clientLogo{
			margin-left: 0% !important;
			margin-top: 2.5% !important;
			margin-bottom: 5% !important;

		}

		#platform{
			padding-left: 35% !important;
		}

		#introBlock h4{
			font-size: 1.2em;
		}
}

 @media only screen and (max-width: 516px) {

 	#frontTilte{
 		margin-top:25% !important;
 	}
 	#frontTitle h1{
			font-size: 3.5rem;
			line-height: 3.5rem;
			margin-top: 5%;
			margin-bottom: 5%;
		}

	#frontTitle h2{
			font-size: 3.5rem;
			margin-top: 7%;
			margin-bottom: 7% !important;
		}
	}



 @media only screen and (max-width: 426px) {

	.programBlock h3{
	 	font-size: 2.6rem;
	 	margin-left: 10%;
	 	margin-top: 10% !important;
	 	margin-bottom: 5% !important;
	}

	.programBlock h4{
		margin-left: 10%;
		margin-right: 5%;
		font-size: 1.4rem !important;
		line-height: 1.3em !important;
	}


	 .clientLogo{
			margin-left: 4% !important;

	}

	 #clientText{
		 	margin-left: 5% !important;
		 }

	#platform{
		padding-left: 45% !important;
	}

	#platform h3{
		font-size: 2rem !important;
	}

	#platform h4{
			font-size:1.3rem !important;
		}


} @media only screen and (max-width: 376px) {

	#frontTitle{
		margin-top: 27%;
	}
 	#frontTitle h1{
			font-size: 3.5rem;
			line-height: 4rem;
			margin-top: 5%;
			margin-bottom: 5%;
		}

	#frontTitle h2{
			font-size: 3rem;
			margin-top: 7%;
			margin-bottom: 7% !important;
		}

	.programBlock h3{
	 	font-size: 2.6rem;
	 	margin-left: 10%;
	 	margin-top: 10% !important;
	 	margin-bottom: 5% !important;
	}

	.programBlock h4{
		margin-left: 10%;
		margin-right: 5%;
		font-size: 1.4rem !important;
		line-height: 1.3em !important;
	}

	#missionBox{
		background: rgb(120, 186, 219) !important;
		padding-left: 10% !important;
		padding-right: 10% !important;
	}

	

}


/* Program page */


.anchor{
	display: block;
    position: relative;
    top: -120px;
    visibility: hidden;
}


.borderRed{
	border-color: #ff6160 !important;
}

.borderYellow{
	border-color: #ffd200 !important;
}

.borderBlue{
	border-color: #60a1d7!important;
}


.sow-features-feature h5{
	padding-top: 0px !important;
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.sow-features-feature p{
	font-size:14px !important;
	font-family: "Open Sans" !important;
	font-weight: 400 !important;
	text-align: center !important;

}

.sow-icon-container{
	margin-bottom: 0px !important;
	height: 80px!important;
}


.contactRow{
	padding-bottom:0px !important;
}

.contactRow h3{
	 bottom-margin: 5px !important;
	 font-size: 45px !important;
	 font-weight: 400 !important;
	}

.contactRow h4{
	 margin-top: 0px !important;
	 margin-bottom: 0px !important;

	}



#pHead{
	background-image: url(https://s3.amazonaws.com/viddler-info/site-img/medical.jpg);
    background-size: 48%;
    background-position: right center;
    background-color: #fff;

}

#pHead .header{
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 15%;
	padding-bottom: 10%
	

}

#pHead h2{
	font-size: 4rem;
}

#pHead h4{
	line-height: 1.5 !important;
	font-size: 1.6rem;
}



.pTitle{
	height: 12% !important;
	
}

.pTitle h3{
	font-size: 3.5rem;
	padding-bottom: 2.5%;
	border-bottom: 2px solid;
	width: 170px;
	margin-bottom: 2% !important;
	margin-top: 5% !important;
}


.pTitle h4{
	margin-top: 0px !important;
	font-size: 2rem;
	line-height: 1.5;
}


.cButton{
	padding-top: 10% !important;
	padding-left: 0% !important;
}


.pBody h6{
	padding-bottom: 1% !important;
	font-size: 1.6rem;
	line-height: 1.5 !important;
}

.pBody h5{
	font-size: 1.8rem;
	line-height: 1.6 !important;
}

.pBody .panel-first-child{
	margin-bottom: 0% !important;
}

.pBody .sow-icon-elegantline{
	font-size: 3.5rem !important;
}

.pBody .sow-features-feature h5{
	font-size: 1.4rem !important;
	line-height: 1.0 !important;
}

.pBody .ptext{
	padding-top: 10% !important;
}

.pBody .features{
	padding-bottom: 5% !important;
}

#eBody h4{
	font-size: 2rem;
	padding-bottom: 5% !important;
	line-height: 1.5 !important;
}

#eBody h5{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	margin-bottom: 2% !important;
}
#eBody h6{
	padding-top: 0px !important;
	margin-top: 0px !important;
	font-size: 1.6rem;
}
#eBody .ptext{
	margin-bottom: 2% !important;
}

#eBody{

	background-size: 90% !important;
	background-color: #fff;
	height: 50% !important;
}

#sText p{
	font-size: 1.7rem;
}



/*#iBody{
	height:50%!important;
	background-size: 95% !important;
	background-color: #e8f6ff;
}*/


#intBody{
	background-color: #abd15a;

}

.testimonial{
	margin-left:2%;
}

.testimonial h3{
	font-size: 1.5em !important;
	border-radius: 4px;
	background-color: #fff;
	padding:30px;
	line-height: 1.4;
	width:80%;
}

.testimonial h4{
	font-size: 1.4rem;
}

#contactForm1{
	position:relative;
	top: -150px;
    visibility: hidden;
}


#sol_Cont form {
	margin-top: 20%;
}



 @media only screen and (max-width: 2560px) {

 	#pHead{
 		background-size: 30% !important;
 		background-position: 80% 20%;
 	}

 	/*#iBody{
		background-size: 78% !important;

	}*/
	#intBody{
		background-size: 130% !important;
	}

	#eBody{
		background-size: 55% !important;


	}
}


@media only screen and (max-width: 1440px) {

 	#pHead{
 		background-size: 40% !important;
 		background-position: 90% 20% !important;
 		
 	}

 /*	#iBody{
 		background-size: 118% !important;	
	}*/
	#intBody{
		background-size: 145% !important;
		
	}

	#eBody{
		background-size: 90% !important;


	}
 }


@media only screen and (max-width: 781px) {

	#pHead{
 		background-size: 65% !important;
 		background-position: 120% 50% !important;
 		
 	}

 	#pHead .header h4{
 		padding-right: 49% !important;
 		
 	}
 	#pHead h2{

 		font-size: 2.7rem;
 		

 	}
 	/*#iBody{
 		background-size: 180% !important;	
 		padding-left: 50% !important;
	}*/

	#iBody{
 		background: #e8f6ff !important;
 		padding-right: 8% !important;
		padding-left: 8% !important;	
	}

	/*#intBody{
		padding-right: 50% !important;
		
	}*/
	#intBody{
		background: #abd15a !important;
		padding-right: 8% !important;
		padding-left: 8% !important;
	}

	#eBody{
		background-size: 190% !important;
		padding-left: 50% !important;


	}

	.pTitle h3{
		padding-bottom: 3.5%;
			
	}


	.pTitle h4{
	font-size: 1.6rem;
}

}@media only screen and (max-width: 426px) {

	#pHead{
 		background:#FFF !important;
 		
 	}
 	
 	#pHead .header h4{
 		padding-right: 0% !important;
 		font-size: 1.6rem;
 		
 	}
 	#pHead .header h3{

 		font-size: 2.5rem !important;
 		
 	}

 	/*#iBody{
 		background: #e8f6ff !important;
 		padding-right: 8% !important;
		padding-left: 8% !important;	
	}
*/
	/*#intBody{
		background: #abd15a !important;
		padding-right: 8% !important;
		padding-left: 8% !important;
	}*/

	#eBody{
		background: #fff !important;
		padding-right: 8% !important;
		padding-left: 8% !important;
	}

	.pTitle h3{
		padding-bottom: 3.5%;
			
	}


	.pTitle h4{
		font-size: 1.6rem;
}

	.pTitle .cButton{
		width: 120px !important;
		margin-left: 15% !important;
	}
	.pTitle h3{
		font-size: 2.6rem;
		padding-bottom: 5%;
		width: 100px !important;
	}

}


/* Platform page */




#playFeatures h4{
	font-size: 1.4em;

}

#playFeatures h5{
	font-size: 1.2em;

}


#pformRow{
	border-top: solid 5px #efefef !important;
	border-bottom: solid 10px #efefef !important;
	background-image: url(https://s3.amazonaws.com/viddler-info/site-img/viddler-platform-white.jpg);
	background-position: bottom right;
    background-size: 42%;
    height: 30% !important;
    background-color: #fcfcfc;
}


#pformRow h3{
	font-size: 2.5rem !important;
	line-height: 1.4 !important;
	margin-bottom: 1%;
}


#playFeatures h3{
	font-size: 2.5rem !important;
	line-height: 1.4 !important;
	margin-bottom: 1%;

}


#pformRow h5{
	font-size:1.9rem;
}

#pformRow .pformText{
	padding-left: 1%;
}

#pformRow h6{
	font-size: 1.7rem;
	line-height: 1.5 !important;
}

#pformRow .smol{
	font-size: 1.6rem;
}

#securRow h3{
	line-height: 1.4 !important;
	font-size: 2.5rem;
}

#securRow h5{
	font-size: 1.7rem;
	line-height: 1.5 !important;
}

#securRow h6{
	font-size: 1.5rem;
}


.iText{
margin-top: 0px !important;
margin-bottom: 0px !important;
line-height: 1.2 !important;
}


.fadedRed{
	color: #f3999b !important;
}


.ic{
	font-size: 4rem;
	text-align: center;
	width:100%;
	padding-bottom: 1%;
}


.ic:hover{
	color:#f3999b;
}

#pFIcons{
	padding-left: 5%;
	padding-right: 5%;
}
#sFacts{
	background:#eef4f8 !important;
	height: 20%;
	text-align: center;
	padding-top: 5%;
}


#plyHro {
	height:10%;
}

#plyHro h2{
	font-size: 5rem !important;
	line-height: 1.4;
	margin-top:0.5%;
	margin-bottom: 0.5%;
}



 @media only screen and (max-width: 780px) {

 	#pformRow{
 		background: #FFF !important;

 	}

 	#plyHro h2{
 		font-size: 4rem !important;
}

	.ic{
		font-size: 3rem;
		text-align: center;
		width:100%;
}

	.iText{
		font-size: 1.2rem !important;
		line-height: 1.2;
}


	#pFIcons{
		padding-left:0px !important;
		padding-right:0px !important;
	}

	.ic:hover{
	 color:#666666;
	}


}




/*contact form page*/

#CPH1{
	text-align: center;
	font-size: 3rem !important;
	line-height: 2;
	margin-top: 15%;
}
#CPH3{
	text-align: center;
	font-size: 2rem !important;
	line-height: 1.5;
}

#textID{
	margin-bottom: 0px !important;
}



/*Learn page*/

#history h1{
	font-size: 4rem !important;
	margin-top: 20% !important;

}


#history h4, #history h5{
	line-height: 1.5;
}

.spacer{
	border-top: solid 25px rgb(235, 248, 255) !important;
	padding-bottom: 0px !important;
}

#cStud h2{
	font-size: 3rem !important;
	margin-bottom: 7% !important;
}

#cStud h3{
	font-size: 1.5em;
}


#hImgL{
	max-width:75% !important;

}



#bp{
	border-top: solid 10px rgb(235, 248, 255) !important;
	padding-top: 5% !important;
	padding-left:0% !important;
	padding-right:0% !important;
}

#bp a:hover{
	text-decoration: underline !important;
}

#bp h4{
	font-size: 1.4em;
}



.bposts{
	position: relative;
	height: 400px !important;
	overflow: hidden;
	margin-bottom: 3%;
}

#inEMDiv{
     height: 100% !important;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
     transition: all 0.5s ease;
     background-image: url(https://viddler-info.s3.amazonaws.com/site-img/AdobeStock_220568903_compressed.jpg);
     padding:0px;
   
}

#storyIDiv{
	 height: 100% !important;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
     transition: all 0.5s ease;
     background-image: url(https://viddler-info.s3.amazonaws.com/site-img/AdobeStock_227205617_colorblocks_compressed.jpg);
     padding:0px;

}

#disengageDiv{
	 height: 100% !important;
     background-size: cover;
     background-repeat: no-repeat;
     background-position: center center;
     transition: all 0.5s ease;
     background-image: url(https://viddler-info.s3.amazonaws.com/site-img/AdobeStock_131478680compressed.jpg);
     padding:0px;

}

.bposts:hover #inEMDiv{
	transform: scale(1.2) translateY(2em) translateX(-2em);
}
.bposts:hover #storyIDiv{
	transform: scale(2.5) translateY(-8em) translateX(-6em);
}
.bposts:hover #disengageDiv{
	transform: scale(1.2) translateX(-2em);
}




#engBT{
	position: absolute;
	top:0; left:0;
	padding-top:5%;
	padding-left: 2%;
	padding-right:45%;
	z-index: 1;
}


#storyPost{
	position: absolute;
	top:0; left:0;
	padding-top:5%;
	padding-left: 2%;
	padding-right:45%;
	z-index: 1;
}

#disengage{
	position: absolute;
	top:0; left:0;
	padding-top:5%;
	padding-left: 2%;
	padding-right:45%;
	z-index: 1;
}



.whiteB{
	background-color: rgba(255, 255, 255, 0.9) !important;
	padding:3% !important;

}


#bp h2{
	font-size: 3rem;
	margin-top:0px;
	padding-top:0px;
	margin-bottom: 3%;
}

#bp h5{
	padding-right:4%;
	padding-bottom:2%;
	text-decoration: underline;
	font-size: 1.8rem;
	margin:0px;
}

/*case study*/

#logoRow{
	padding-top:7% !important;
}

#engageLogo{
	margin-top:8%;
}

#CSKeyStats{
	margin-top: 3%;
	margin-bottom: 3%;
}
#CSKeyStats i{
	font-size:4.5rem;
	color:#60a1d7;
	text-align: center;
	width: 25%;
}
#CSKeyStats{
	text-align: center;
	border-bottom: solid 30px rgb(235, 248, 255) !important;
}

.CSBody{
	border-top: solid 10px rgb(235, 248, 255) !important;
	border-bottom: solid 70px rgb(235, 248, 255) !important;
}

.CSBody h3{
	font-size: 2.5rem;
	text-align: center;
	color:#60a1d7;
	font-weight: 400 !important;
}
.CSBody p{
	line-height: 2;
	font-size: 1.6rem !important;
}

.center{
	text-align:center;
}
.CSBody h4{
	font-size: 1.7rem;
	line-height:2;

}

.CSBody div{
	margin-top:5%;
	margin-bottom: 2%;
	padding-left:2%;
	padding-right:2%;
}

.CSBody .usC{
	margin-bottom: 5%;
}

@media screen and (max-width: 780px) { 
	
	#logoRow img{
		max-width:60% !important;
		margin:auto;
	}
}


/*footer*/

#theme-attribution{
	display: none !important;
}

#footer-widgets{
	padding-top: 2% !important;
}

.widget-title{
	line-height: 1.5 !important;

}

.FText h1,.FText h2,.FText h3,.FText h4,.FText h5,.FText h6{
	color: #e2e2e2 !important;
}


.FText h2{
	font-size:2rem !important;
	padding-bottom: 20px;
	line-height: 1.5;
}

.FText h4{

	font-size: 1.4rem !important;
	padding-bottom: 2% !important;
	line-height: 1.6;
}
/*
.FText{
	margin-top:15% !important;
	margin-bottom: 30% !important;
}
*/
#scroll-to-top{
	display: none !important;
}

#formDiv{
	height: 900px !important;
}

.fsIcon{
	font-size: 2rem !important;
	padding-right: 2%;
}

#CWPT{
	position: relative;
	top: 170px !important;
	left: /*-550px !important*/ -150% !important;
}

#CWPT h3{
	width: 500px !important;
	/*border-top: 0.5px solid #fff;*/
	padding-top:7%;
	padding-left:50%;
	font-size: 1.5rem !important;
}


#colophon h3 {
	padding-bottom: 7% !important;
}



#fph{
	padding-left: 0px !important;
}



#site-info{
	margin-left:10%;
	margin-right:10%;
	margin-top:45px !important;

}


/*blog page*/

.pagination{
	margin-bottom:5% !important;
}

.entry-title{
	font-size: 28px !important;
	font-weight: 400 !important;
	margin-bottom: 2% !important;
}


.page-numbers, .post-navigation a{
	padding:10px 12px !important;
	font-family: Open Sans;
    font-weight: 700;
    font-size: 1.3em;
    padding: 1em 2em;
    background: #60a1d7 !important;
    color: #ffffff !important;
    border: 1px solid #60a1d7 !important;
    box-shadow: none !important;
    margin: 0.5% !important
}


.pagination .current{
	background: #ffffff !important;
	color:#60a1d7 !important;;
}


.post-navigation a{
	font-weight: 400;
    font-size: 1em;

}

.post-navigation a:hover{
	background:#ffffff !important;
    color:#60a1d7 !important;
}


#videoHero{
	padding:0px !important;
}

.play-overlay-button{
	background:none !important;
}

.play-overlay-button span.inner{
	border-left-color:#60a1d7 !important;
}

.viddler-app-wrap div.viddler-embed div.vid-player img {
	background-color:#fefefefe !important;
}


/*#secondary{
	border-left: 5px solid #ebf8ff;
	padding-left:2%;
}*/


/*Landing Pages */


#insightplayer{
	height:600px !important;
}

#insightHero{
padding-top:7%;
}

#insightHero h1{
font-size: 4rem !important;
}


@media screen and (max-width: 413px) { 

	#insightHero h1, #lpCTA h2{
		line-height: 4rem;
	}


	
	#insightPlayer{
		height:200px !important;

	}
}



.circle {
    background:red;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display:inline-block;
    margin: 10px;
}

#info h4{
margin-bottom:5px;
}

#lpCTA{
height:300px;
}

#lpCTA h2{
padding-top:7%;
font-size: 4rem;
}

.scrollHide{
	visibility: hidden;
}


.fadeIn{
	  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}


#page-title, article.post .entry-header h1.entry-title {
	margin-top:5%;
}

#secondary{
	padding: 2%;
	border: solid 2px #f4f4f4;
	background-color: /*#fdfdfd*/ /*#fff*/#fcfcfc;
	margin-top:5%;
}


@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}