@charset "iso-8859-1";
/* CSS Document */

/* ====================================================================================================== IMPORTING FONTS ======================== */
/* font-family:'Poppins', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Poppins:400,300,500,600,700);

/* font awesome */
@import url(fonts/font-awesome.css);


/* ====================================================================================================== TRANSITIONS ======================== */
a,
button,
input:focus,
input[type="button"],
input[type="reset"],
input[type="submit"],
textarea:focus,
.button,
.top-bar,
.orbit-container .orbit-prev > span,
.scroll, .scroll:hover, .scroll .fa,
.featart{
	-webkit-transition:all 0.4s ease-in-out;
	-moz-transition:all 0.4s ease-in-out;
	-ms-transition:all 0.4s ease-in-out;
	-o-transition:all 0.4s ease-in-out;
	transition:all 0.4s ease-in-out;}
	
@-webkit-viewport{ width:device-width;}
@-moz-viewport{ width:device-width;}
@-ms-viewport{ width:device-width;}
@-o-viewport{ width:device-width;}
@viewport{ width:device-width;}

body{padding-top:70px;}
body.services section.top-bar-section ul li:nth-child(1) a{color:#000;}
body.tools section.top-bar-section ul li:nth-child(2) a{color:#000;}
body.about section.top-bar-section ul li:nth-child(3) a{color:#000;}
body.contact section.top-bar-section ul li:nth-child(4) a{color:#000;}

.ttuc{text-transform:uppercase;}
.blue{color:#008fcb;}
.red{color:#f04124;}

.scrolltop{
	display:none;
	width:100%;
	margin:0 auto;
	position:fixed;
	bottom:0.33rem;
	right:0.33rem;}

.scroll{
	position:absolute;
	right:0.25rem;
	bottom:0.25rem;
	background:rgba(178, 178, 178, 0.5);
	padding:0 0.33rem;
	text-align:center;
	margin:0 0 0 0;
	cursor:pointer;}

.scroll:hover{
	background:rgba(178, 178, 178, 1.0);}

.scroll:hover .fa{color:white;}

.scroll .fa{
	font-size:30px;}


/* ====================================================================================================== HEADER/TOPBAR/SLIDER ======================== */
header{background:rgba(255,255,255,1); height:70px; position:fixed; top:0; transition:top 0.4s ease-in-out; width:100%; z-index:2000;}

header .logo{width:auto; max-width:294px;}

.nav-up{top:-70px;}

ul.mainslider li img{margin:0 auto;}

.slidersub{background:#008fcb; color:rgba(255,255,255,1); padding:1rem; font-weight:300; font-size:0.9rem;}

.slidersub h5{font-size:1.2rem; font-weight:300; margin-bottom:1.23rem; color:#fff; text-transform:none;}


/* ====================================================================================================== MCA ======================== */
.mca{background:rgba(255,255,255,1); position:relative; z-index:1; border-bottom:58px solid #80a0b6;}

img.pib{width:auto; min-width:100%; height:auto; margin-bottom:2rem; margin-top:-2rem;}

.wording{padding-top:2rem; padding-bottom:1.5rem;}

.wording strong{font-weight:600;}

h5{text-transform:uppercase; color:#008fcb; font-size:1rem;}
h2{font-size:1.7rem;}
h4{font-weight:600; font-size:1rem; margin-bottom:0.12rem;}
p{font-size:0.95rem;}

.left-img{width:auto; max-width:80%; margin:0 auto 2.34rem 0;}
.left-img.value{width:auto; max-width:35%;}
.left-img.strategy{margin-top:1rem; margin-bottom:0;}
.left-img.contact{width:auto; max-width:20%;}

.line{width:auto; height:2px; background:#ebf0f4; margin:2rem 0;}

ul.plus{list-style:none;}
ul.plus li{background:url(../images/plus.png) 0 2px no-repeat; padding-left:20px; background-size:1.1rem;}
ul.dash{list-style:none; margin:0; padding:0;}
ul.dash li{background:url(../images/dash.png) 0 6px no-repeat; padding-left:20px; background-size:1.1rem;}

.thick-line{width:auto; height:15px; background:#f3f6f9;}
.thick-line:last-child{margin-bottom:1rem;}
article.quote{padding:1.5rem 0;}
article.quote h3{font-size:1rem; color:#008fcb;}
article.quote p{text-transform:uppercase; font-size:0.9rem; font-weight:500;}
article.quote ul.plus{list-style:none; margin:auto 0; padding:0;}
article.quote ul.plus li{background:url(../images/plus.png) 0 2px no-repeat; padding-left:20px; background-size:1.1rem; color:#008fcb;}
.inset-img{border-top:15px solid #008fcb; border-bottom:15px solid #008fcb; margin:1rem 0; width:auto; min-width:100%; height:auto;}
img.brain{margin-top:1rem;}

.contactform{background:#f3f6f9; border:2px solid rgba(0,0,0,0.08); margin:1rem auto 2rem; padding-top:1rem;}

/* ~ featured article ~ */
.featart{background:#ac956b; color:rgba(255,255,255,1); margin-bottom:2rem; padding-top:1rem; padding-bottom:1rem;}
.featart h2{font-weight:600; margin-bottom:0;}
.featart h5{text-transform:none; color:rgba(255,255,255,1); margin-top:0; font-size:1.05rem;}
.featart:hover{background:Tan;}


/* ====================================================================================================== FOOTER ======================== */
footer{border-top:2px solid #80a0b6; padding:2rem 0; color:#80a0b6;}

footer a{color:#80a0b6;}
	
footer h2{text-transform:uppercase; font-size:1.23rem; font-weight:500; margin:0;}
	
footer ul{margin:0; padding:0;}
	
footer ul li{list-style:none; font-size:0.9rem;}

footer ul li a{color:#80a0b6;}

footer ul li a:hover{color:#000;}

footer ul li.logo img{width:auto; max-width:50px; margin-top:0.5rem;}

footer .small-12{margin-bottom:1.5rem;}

footer .small-12:last-child{margin-bottom:0;}


/* ====================================================================================================== MQ ======================== */
/* +++++++++++++++++++++++++++++++++++++++++++++++ Small Screens +++++++++++++++++++++++ */
@media only screen {
    /*body{
		background:DarkCyan;}*/
			
} /* Define mobile styles */

@media only screen and (max-width: 40em) {
    /*body{
		background:YellowGreen;}*/
		
	/* HEADER/TOPBAR/SLIDER */
	header .logo{width:auto; max-width:50px; margin-left:0.5rem;}
	
	.top-bar-section ul li > a{font-size:1rem;}
	
	/* MCA */
	.sub-nav dt,
	.sub-nav dd{margin-left:0.0rem; font-size:0.85rem; font-weight:500;}
	.sub-nav dt a,
	.sub-nav dd a{padding:0.1875rem 0.55rem;}
			
} /* max-width 640px, mobile-only styles, use when QAing mobile issues */

@media only screen and (max-width: 40em) and (orientation: portrait) {
    /*body{
		background:DarkSlateBlue;}*/
		
	/* HEADER/TOPBAR/SLIDER */
	.slidersub{padding:0.6rem 0; font-weight:400; font-size:0.55rem;}
	
	.slidersub h5{font-size:0.95rem; font-weight:400; margin-bottom:1.23rem;}
	
	/* MCA */
	.left-img{width:auto; max-width:100%; margin:0 auto 2.34rem 0;}
	.left-img.value{width:auto; max-width:55%;}
				
} /* orientation: portrait | max-width 640px, mobile-only styles, use when QAing mobile issues */

@media only screen and (max-width: 40em) and (orientation: landscape) {
    /*body{
		background:ForestGreen;}*/
		
	/* HEADER/TOPBAR/SLIDER */
	.slidersub{padding:0.6rem 0.2rem; font-weight:400; font-size:0.7rem;}
	
	.slidersub h5{font-size:1rem; font-weight:400; margin-bottom:1.23rem;}
	
	/* MCA */
	.left-img{width:auto; max-width:90%; margin:0 auto 2.34rem 0;}
				
} /* orientation: landscape | max-width 640px, mobile-only styles, use when QAing mobile issues */

/* +++++++++++++++++++++++++++++++++++++++++++++++ Medium Screens +++++++++++++++++++++++ */
@media only screen and (min-width: 40.063em) {
    /*body{
		background:RosyBrown;}*/
		
} /* min-width 641px, medium screens */

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	/*body{
		background:Pink;}*/ /* my screen size 2 (FF) */
		
	/* HEADER/TOPBAR/SLIDER */
	header .logo{width:auto; max-width:400px; margin-left:0.5rem;}
	
	.top-bar-section ul li > a{font-size:1rem;}
	
	.slidersub{font-weight:400; font-size:1rem;}
	
	.slidersub h5{font-size:1.4rem; font-weight:400; margin-bottom:1.23rem;}
	
	/* MCA */
	.sub-nav dt,
	.sub-nav dd{margin-left:0.15rem; font-size:0.8rem; font-weight:500;}
	.sub-nav dt a,
	.sub-nav dd a{padding:0.1875rem 0.55rem;}
		
} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

/* +++++++++++++++++++++++++++++++++++++++++++++++ Large Screens +++++++++++++++++++++++ */
@media only screen and (min-width: 64.063em) {
    /*body{
		background:Azure;}*/
		
} /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    /*body{
		background:LightGrey;}*/ /* my screen size 2 (IE) */
			
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* +++++++++++++++++++++++++++++++++++++++++++++++ XLarge Screens +++++++++++++++++++++++ */
@media only screen and (min-width: 90.063em) {
    /*body{
		background:LavenderBlush;}*/
			
} /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) {
    /*body{
		background:SlateGrey;}*/ /* my screen size 1 */
		
	/* HEADER/TOPBAR/SLIDER */
	header .logo{width:auto; max-width:527px;}
	
	.top-bar .title-area{padding-top:0.65rem;}
	
	.top-bar-section ul li > a{font-size:1rem;}
	
	.top-bar-section li:not(.has-form) a:not(.button){padding-left:1rem; padding-right:1rem;}
	
	ul.mainslider li img{width:100%; height:auto;}
	
	.slidersub{font-size:1rem;}
	
	.slidersub h5{font-size:1.75rem; font-weight:300; margin-bottom:1.23rem;}
	
	/* MCA */
	.sub-nav dt,
	.sub-nav dd{font-size:1.05rem; font-weight:400;}
	.sub-nav dt a,
	.sub-nav dd a{padding:0.1875rem 1.23rem;}
		
} /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */


/* +++++++++++++++++++++++++++++++++++++++++++++++ XXLarge Screens +++++++++++++++++++++++ */
@media only screen and (min-width: 120.063em) {
    /*body{
		background:IndianRed;}*/
		
	/* HEADER/TOPBAR/SLIDER */
	header .logo{width:auto; max-width:527px;}
	
	.top-bar .title-area{padding-top:0.65rem;}
	
	.top-bar-section ul li > a{font-size:1rem;}
	
	.top-bar-section li:not(.has-form) a:not(.button){padding-left:1rem; padding-right:1rem;}
	
	ul.mainslider li img{width:100%; height:auto;}
	
	.slidersub{font-size:1rem;}
	
	.slidersub h5{font-size:1.65rem; font-weight:300; margin-bottom:1.23rem;}
	
	/* MCA */
	.sub-nav dt,
	.sub-nav dd{font-size:1.05rem; font-weight:400;}
	.sub-nav dt a,
	.sub-nav dd a{padding:0.1875rem 1.23rem;}
		
} /* min-width 1921px, xxlarge screens */


/* +++++++++++++++++++++++++++++++++++++++++++++++ Laptops & Smaller Resolutions +++++++++++++++++++++++ */
/* Non-Retina Screens */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 1) {
	/*body{
		background:DarkTurquoise;}*/ /* my screen size 2 (GC) */
}

/* Retina Screens */
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) and (-webkit-min-device-pixel-ratio: 2) and (min-resolution: 192dpi) {
	/*body{
		background:MidnightBlue;}*/ /* my screen size 2 (GC) */
		
}


/* +++++++++++++++++++++++++++++++++++++++++++++++ TABLETS +++++++++++++++++++++++ */
/* Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
	/*body{
		background:Thistle;}*/
		
	/* MCA */
	.sub-nav dt,
	.sub-nav dd{margin-left:0rem; font-size:0.68rem; font-weight:400;}
	.sub-nav dt a,
	.sub-nav dd a{padding:0.1875rem 0.12rem;}
	.sub-nav dd a.selected{color:rgba(255,255,255,1);}
}

/* Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) {
	/*body{
		background:LawnGreen;}*/		
}


/* +++++++++++++++++++++++++++++++++++++++++++++++ FIREFOX +++++++++++++++++++++++ */
@-moz-document url-prefix() {
	body,
	.top-bar-section ul li > a{
		/*background:PeachPuff;*/
		font-weight:normal;
		font-family:'Century Gothic', CenturyGothic, AppleGothic, sans-serif;}

}