html, body { overflow-x: hidden; } /*important for 100% wide browser bar  */

.full-width-bar { margin: 0 -9999rem;
  /* add back negative margin value */
  padding: 0.25rem 9999rem;
  background: rgba(0, 0, 0, 0.5); }
  
/* IOS TOUCH EVENTS */
element:hover, element:active {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-user-select: none;
	-webkit-touch-callout: none
	}

#bannercontainer { margin: 0px;
	background: transparent;
	background-color: none; }
	
.banner { min-height: 0px;
	padding: 0px; }

#headercontainer, .mob_menu_header_div { border-bottom: 3px solid #48baed;
	background-color: #fff; }

h1, h2, h3, h4, h5, h6, html, body, p, ul, li, .site-content article { font-family: 'Lato', sans-serif;
	-webkit-hyphens: none;
	-moz-hyphens: none;
	-ms-hyphens: none;
	hyphens: none; } 

.site-content { color: #fff; }

.columns { -moz-column-count: 2;
	-moz-column-gap: 15px;
	-webkit-column-count: 2;
	-webkit-column-gap: 15px;
	column-count: 2;
	column-gap: 15px; }


/* ---------- HEADER CSS ---------- */


.site-title h1 { margin: 5px 0 0 0;
	padding: 0 20px 0 0; }
	
@media (max-width: 1000px) { 

	.site-title h1 { margin: 5px 0 0 0;
		padding: 0; }
		
	}
	
.site-title a { font-size: 0; } /*removes header padding */
	
.header_image { height: auto;
	overflow: visible; }

.mobmenul-container img { width: 75px; }

#home_hero_wrap { background-image: url('/wp-content/themes/C_S_Propeller/images/home_BG_blur.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	border-bottom: 3px solid #48baed;
	z-index: -999;
	top: -100px; }
	
.prop_hero { position: relative;
	z-index: 99;
	top: 100px }
	
#hero_wrap { border-bottom: 3px solid #48baed; }
	
	
	/* ---------  PROP HERO MOBILE CSS --------- */
	
		@media (min-width: 260px) {
			
			#home_hero_wrap { top: -30px;
				margin-bottom: -25px; }
			.prop_hero { top: 30px }
			
			}

		/* Smaller than tablet */
		@media (min-width: 750px) {
		
			#home_hero_wrap { top: -50px;
				margin-bottom: -45px; }
			.prop_hero { top: 50px }
			
			}

		/* Larger than desktop */
		@media (min-width: 1000px) {
		
			#home_hero_wrap { top: -70px;
				margin-bottom: -65px; }
			.prop_hero { top: 70px }
			
		}

		/* Larger than Desktop HD */
		@media (min-width: 1200px) {
		
			#home_hero_wrap { top: -90px;
				margin-bottom: -85px; }
			.prop_hero { top: 90px }
			
			}

/* ---------- MAIN MENU CSS ---------- */

header .main-navigation { /*margin: 26px 0 0 0;*/
	margin: 0;
	text-transform: uppercase; }

.main-navigation ul { font-weight: 300; }
	
#menu-main-menu a:link, #menu-main-menu a:visited { color: #111; }

#menu-main-menu a:hover { color: #fff !important;
	background-color: #2e93c4;
	background: rgb(58,183,242);
	cursor: pointer;
	-webkit-box-shadow:inset 2px 2px 3px 0 rgba(0,0,0,.4);
	box-shadow:inset 2px 2px 3px 0 rgba(0,0,0,.4);
	background: -moz-linear-gradient(top,  rgba(58,183,242,1) 0%, rgba(46,147,196,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(58,183,242,1) 0%,rgba(46,147,196,1) 100%);
	background: linear-gradient(to bottom,  rgba(58,183,242,1) 0%,rgba(46,147,196,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3ab7f2', endColorstr='#2e93c4',GradientType=0 );
	 }
	
.main-navigation li { margin: 0; }	

.main-navigation li a { padding: 26px 15px;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out; }

.main-navigation .current-menu-item a, .main-navigation .current-page-item a { 
	background-color: rgba(46, 147, 196, 0.15);
	color: #000 !important;
	/*padding: 2px 10px;*/
	padding: 26px 15px;
	border-radius: 0px; }
	
.site-title h1 a:link, .site-title h1 a:visited { 	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out; }
	
.site-title h1 a:hover { opacity: .6; }
	
	

/* ---------- INTRO CSS ---------- */

.rel { position: relative; }

.intro_header { color: #fff; }

.leading { font-weight: 700;
	font-size: 120%;
	color: #00233a; }
	
#intro { background-color: #fff;
	display: -webkit-box;
	
	  margin: 0 -9999rem;
  /* add back negative margin value */
  padding: 0.25rem 9999rem; }

#intro p { margin-top: 5px;
	color: #111 !important; }
	

#intro .wpb_content_element { margin: 0; padding: 0; }

.sections_wrap { min-height: 162px; }

#body_wrap .sections_wrap a:link,
#body_wrap .sections_wrap a:visited { color: #00233a;
	font-size: 120%;
	text-decoration: none;  }
	
#body_wrap .sections_wrap a:hover { color: #48baed; }
	


h3.sections { float: left;
	color: #00233a !important; 
	font-weight: 700;
	margin: 0 15px 90px 0; }

ul.section_list { padding: 0 0 15px 0;
	margin: -20px 0 0 0; }
	
.section_list li { list-style-type: none;
	white-space: nowrap;
	color: #00233a; 
	margin: 0;
	background-image: url('/wp-content/themes/C_S_Propeller/images/arrow_icon.png');
	background-repeat: no-repeat;
	padding: 7px 0px 7px 50px;
	background-size: 35px;
	background-position: center left; }
	
.ac130_cutout { position: relative;
	width: 110%;
	z-index: 999;
	min-height: 201px;
	/* max-height: 160px; */
	/* height: 150px; */
	top: 0;
	right: 40px; }
	
.trapezoid_top {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 1000px;
	height: 0; 
	border-top: 0 solid;
	border-right: 0 solid rgba(0,0,0,0);
	border-bottom: 20px solid #fff;
	border-left: 20px solid rgba(0,0,0,0);
	font: normal 100%/normal Arial, Helvetica, sans-serif;
	color: rgba(0,0,0,1);
	-o-text-overflow: clip;
	text-overflow: clip;
	position: absolute;
	top: -20px;
	left: -20px;
	margin-bottom: -20px;  }
  
.trapezoid_bottom {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	width: 1000px;
	height: 0; 
	border-top: 0 solid;
	border-right: 0 solid rgba(0,0,0,0);
	border-bottom: 20px solid #00233a;
	border-left: 20px solid rgba(0,0,0,0);
	font: normal 100%/normal Arial, Helvetica, sans-serif;
	color: rgba(0,0,0,1);
	-o-text-overflow: clip;
	text-overflow: clip;
	position: absolute;
	bottom: 0px;
	left: -20px;
	margin-bottom: 0px; }

	
	
@media (max-width: 750px) {

	#intro { display: block;}
	
	.trapezoid_top,
	.trapezoid_bottom { display: none; }
}

@media (max-width: 1000px) {
		
	h3.sections { float: none;
		margin: 0 0 10px 0; }
	}


/* ---------- BODY CSS ---------- */

body { background-color: #00233a;
	background: #00233a; }
	
.site-content { padding: 0px; }

#body_wrap {
	background-image: url('/wp-content/themes/C_S_Propeller/images/c130_BG.jpg');
	background-repeat: no-repeat;
	color: #fff;
	background-size: contain;
	background-position: 0px 100%;
	padding-bottom: 40px;
	margin-bottom: -30px; }
	
.page-id-312 #body_wrap  {  background-image: url('/wp-content/themes/C_S_Propeller/images/AC_130_BG2.jpg');
	background-position: 0px 340px; }


.page-id-14 #body_wrap { background-image: url('/wp-content/themes/C_S_Propeller/images/AC_130_BG2_contact.jpg');
	background-position: 0px 310px; }  
	
.page-id-470 #body_wrap {  background-image:none; }

/* Larger than desktop */
@media (min-width: 800px) {

	.page-id-14 #body_wrap { background-image: url('/wp-content/themes/C_S_Propeller/images/AC_130_BG_wide.jpg');
	background-position: 0px 320px; }  
	
	}

/* Larger than desktop */
@media (min-width: 1300px) {

	.page-id-14 #body_wrap { background-image: url('/wp-content/themes/C_S_Propeller/images/AC_130_BG_wide.jpg');
	background-position: 0px 290px; }  
	
	}
	
#body_wrap p, #body_wrap h2, #body_wrap h3  { color: #fff; }

#body_wrap a:link, #body_wrap a:visited { color: #fff;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out; 	}

#body_wrap a:hover { color: #48baed; }

.home_btn, a.home_btn:link, a.home_btn:visited { display: block;
	border-radius: 3px;
	padding: 8px 20px;
	color: #fff;
	float: right;
	box-shadow: 2px 2px 2px 0px rgba(0,0,0,0.6);
	text-decoration: none;
	font-weight: 300;
	background: rgb(0,49,81);
	background: -moz-linear-gradient(top,  rgba(0,49,81,1) 0%, rgba(0,35,58,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,49,81,1) 0%,rgba(0,35,58,1) 100%);
	background: linear-gradient(to bottom,  rgba(0,49,81,1) 0%,rgba(0,35,58,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003151', endColorstr='#00233a',GradientType=0 ); }
 
.page .entry-title { display: none; }

#body_wrap a.contact_btn:link, a.contact_btn:visited {
	display: block;
	border-radius: 3px;
	padding: 8px 40px;
	color: #fff;
	float: right;
	/*width: 25%; */
	box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.21);
	text-decoration: none;
	font-weight: 700;
	background: rgba(0, 0, 0, 0.29);
	border: 1px solid #fff; }

#body_wrap a.contact_btn:hover { background-color: #48baed;
	color: #fff; }


/* ---------- HOME CSS ---------- */

.home_row { background-color: rgba(0,0,0,0.4);
	padding-top: 15px; }
	

	
.home_row p { color: #fff; }

.home_h2 { color: #fff;
	border-bottom: 2px solid #fff; 
	padding-bottom: 5px;
	margin-bottom: 15px;
	background-image: url('/wp-content/themes/C_S_Propeller/images/plane_icon.png');
	background-repeat: no-repeat;
	background-position: center right;  }
	
	@media (max-width: 750px) { 
	
		.home_h2 { background-position: center left;
			padding-left: 100px;
			font-size: 2rem;
			padding-bottom: 10px; }
		}

.home_row h3 { color: #fff; }

.shadow { box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.6); }

.white_row { background-color: rgba(255,255,255,0.33);
	padding-top: 15px;
	border: 1px solid rgba(255, 255, 255, 0.17);
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.46);
	background-image: url('/wp-content/themes/C_S_Propeller/images/globe_bg.png');
	background-repeat: no-repeat;
	background-position: 113% 18%;
	background-size: auto;   }
	
.white_row h3 { padding-bottom: 10px;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.39);
	margin-bottom: 10px;
	background-color: rgba(0, 0, 0, 0.16);
	padding: 10px;
	border: 1px solid rgba(0, 0, 0, 0.23); }
	
.white_row p {text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.75); }

.bg { background-position: center center; }

.border_white { border: 1px solid rgba(255, 255, 255, 0.28);
	min-height: 218px;
	padding: 15px; }
	
.bottom_right { position: absolute;
	right:35px;
	bottom: 55px; }
	
.contact_ac130 { opacity: 0.2;
	position: relative;
	width: 420px;
	top: -80px;
	margin-bottom: -160px;
	-moz-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
	transform: rotate(9deg); }
	
	
		
/* ---------- PAGE CSS ---------- */

.border_white_pad { border: 1px solid rgba(255, 255, 255, 0.28);
	padding: 25px 0px; }

.content_post h2 { color: #fff;
	border-bottom: 2px solid #fff; 
	padding-bottom: 5px;
	margin-bottom: 15px;  }
	

.plane_p { 
	background-image: url('/wp-content/themes/C_S_Propeller/images/plane_icon.png');
	background-repeat: no-repeat;
	background-position: top right;  }
	
.plane_icon { padding: 0px;
	background-image: url('/wp-content/themes/C_S_Propeller/images/plane_icon.png');
	height: 32px;
	background-repeat: no-repeat;
	width: 93px;
	float: left;
	position: relative;
	top: 11px; }

.content_post { /*background-color: rgba(255, 255, 255, 0.2);
	padding: 20px 0px; 
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.17);
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.46);*/  }
	
.block_list ul { padding: 0px;
	margin: 0px; }
	
.block_list ul li { list-style-type: none;
	margin-left: 25px;
	margin-bottom: 0px;
	font-weight: 300; }
	
.block_list ul h5:first-child { margin-top: 0px; }
	
	
.block_list ul h5 { color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, 0.28);
	margin-bottom: 8px;
	margin-top: 8px;
	font-weight: 700;
	padding-bottom: 8px;
	
	
	/*color: #fff;
	margin-bottom: 5px;
	padding: 8px 10px;;
	background-color: rgba(0, 0, 0, 0.28);*/ } 

	
/* ---------- BLOG CSS ---------- */

.blog_wrap { padding-top: 40px; }

.blog_p { padding-top: 40px; }

#intro { padding-bottom: 0px; }

.post-categories,
address.author.vcard,
.comments-link,
i.fa.fa-pencil { display: none; }

.logo_bg { background-image: url('/wp-content/uploads/2015/12/CS_Logo.png');
	background-repeat: no-repeat;
	background-position: 50% 0%;
	background-size: 75%; }
	
.post { background-color: rgba(255, 255, 255, 0.2);
	padding: 20px; 
	color: #fff;
	border: 1px solid rgba(255, 255, 255, 0.17);
	box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.46);  }
	
.header-meta a:link, .header-meta a:visited { color: #fff; }

.header-meta a:hover { color: #48baed; }

h1.entry-title a:link, h1.entry-title a:visited, h1.entry-title { color: #fff; }

h1.entry-title a:hover { color: #48baed; }

.comment-form-comment textarea { background-color: rgb(9, 22, 38);
	border: 0px;
	box-shadow: 2px 2px 2px 0px rgba(255, 255, 255, 0.06); }
	
	
	
/* ---------- CONTACT CSS ---------- */

.contact_post { background-color: rgba(255, 255, 255, 0.2);
	padding: 15px;
	margin-bottom: 20px;
	color: #fff;  }
	
.contact_form input[type=text], .contact_form input[type=email], .contact_form textarea { 			width: 100%;
 	background-color: #fff;
 	color: #222;
 	border: 1px solid rgba(0, 0, 0, 0.3);
	border-radius: 0px; }
	
.contact_form input[type=text],
.contact_form input[type=email],
.contact_form textarea {  background-color: rgba(0, 0, 0, 0.25);
	color: #fff; }
	
.footer_contact p, .contact_form  p { margin-bottom: 8px; }

.footer_contact input[type=text], .footer_contact input[type=email], .footer_contact textarea { width: 100%;
 	background-color: #131313;
	border: 1px solid rgba(0, 0, 0, 0.3);
	box-shadow: 1px 1px 1px 0px #2d2d2d;
	border-radius: 0px; }
	

	
.footer_contact input[type=submit], .contact_form input[type=submit] {     background-color: #fff;
background: #fff;
    max-width: 250px;
    min-width: 155px;
    white-space: nowrap;
    float: right;
    padding: 8px 25px;
    display: block;
    text-decoration: none;
    font-size: 16px;
    font-weight: 300;
    border: 0px;
    text-align: center;
    color: #00233a;
    border-radius: 3px;
    border: 1px solid #111;
    box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.3); }
    


/* ---------- SIDEBAR CSS ---------- */

input[type=search] { width: 90%;
	padding: 8px 5px;
	margin: 10px 0px;  }


/* ---------- FOOTER CSS ---------- */

#footercontainer { background-color: #171717;
	padding-top: 32px; }

.grey-white-header { text-align: center;
	color: #fff; }
	
	
.angles-container {
    width: 100%;
    margin-bottom: 30px;
}

.box-left {
    float: left;
    background-color: #171717;
    height: 30px;
    width: 42%;
}

.angle-left {
    float: left;
    border-left: solid 30px #171717;
    border-top: solid 30px transparent;
}

.angle-right {
    float: right;
    border-right: solid 30px #171717;
    border-top: solid 30px transparent;
}

.box-right {
    float: right;
    background-color: #171717;
    height: 30px;
    width: 42%;
}

.site-footer {
    clear: both;
    width: 90%;
    /*font-size: 0.8em;
        font-size: 1rem;*/
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 0 0 0;
    padding: 1.875rem 0 0 0;
    color: #fff;
}
	
/* ================================= 
   adjustes col 5 grid for affiliates and authorized to service
========================================== */
.col_of_4 {
    width: 100%;
}

#affiliates {
    padding-top: 75px;
    width: 100%;
}
.col_of_4-container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}
.tosevice-text-block{
    text-align:center;
    padding:0 50px;
    font-size:1.15em;
    font-weigth:bold;
}
.affiliates{
    border:solid 1px #171717;
    width:18.33%;
        -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.toservice_2nd_row{
    width: 18.33%;
    float:left;
    text-align:center;
}
.toservice_1st_row{
    text-align:center;
}
.col_of_4-box,
.toservice_1st_row,
.toservice_2nd_row {
    float: left;
    text-align: center;
    display: block;
    margin: 0 auto;
	width:33%;
    filter: gray;
    /* IE6-9 */
    
    filter: grayscale(1);
    /* Firefox 35+ */
    
    -webkit-filter: grayscale(1);
    /* Google Chrome, Safari 6+ & Opera 15+ */
    
    opacity: 0.4;
    filter: alpha(opacity=40);
    /* For IE8 and earlier */
    
}
.toservice_1st_row img{
    min-height:95px;
}
.toservice_1st_row span,
.toservice_2nd_row span{
    visibility:hidden;
}
.toservice_1st_row:hover span,
.toservice_2nd_row:hover span{
    visibility:visible;

}

/* Disable grayscale on hover */

.col_of_4-box:hover,
.toservice_1st_row:hover,
.toservice_2nd_row:hover {
    filter: none;
    -webkit-filter: grayscale(0);
    opacity: 1;
    filter: alpha(opacity=0);
    /*border: solid 1px #ffcc00;*/

}

.affiliates:hover {
    filter: none;
    -webkit-filter: grayscale(0);
    opacity: 1;
    filter: alpha(opacity=0);
    border: solid 1px #009AFF;
    background-color: #ededed;
}

/* ---------- MOBILE MENU CSS ---------- */

.mob_menu_left_panel { border-right: 2px solid #48baed; }

.mobmenu_content ul { padding: 0;
	padding-left: 8px;
	text-align: center; }
	
.mobmenu_content li:first-child { border-top: 1px solid rgba(255, 255, 255, 0.26); }

.mobmenu_content li a:link, .mobmenu_content li a:visited { 
	border-bottom: 1px solid rgba(255, 255, 255, 0.26); }

.mobmenu_content li a:hover, .mobmenu_content li a:active { background-color: #48baed; }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 400px) {}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {}

/* Smaller than tablet */
@media (max-width: 740px) {

	#intro { display: block;
		max-height: none; }
	
	.wpb_wrapper { text-align: center; }

	.wpb_wrapper div a { text-align: center; }

	h1, h2, h3, h4, h5, h6, .wpb_wrapper li { text-align: left; }

	.wpb_wrapper p { text-align: center; }

	.toservice_1st_row, .toservice_2nd_row { width: 100%; }

	.wpb_text_column p:last-child { margin-bottom: 15px; }
	
	.affiliates{ width:90%;
		text-align:center;
		 }
		
	#body_wrap { background-position: 0px 800px; }
		
	.ac130_cutout { position: static;
    width: 80%;
    z-index: 999;
    min-height: 201px;
    top: 0;
    right: auto; }
    
    .page-id-312 #body_wrap, .page-id-14 #body_wrap {
		background-image: url('/wp-content/themes/C_S_Propeller/images/AC_130_BG_mobile.jpg');
		background-position: 0px 530px; }
		
	}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}