/* Coxco Brand Colours */
/* #fbb731 Yellow */
/* #023f88 Blue */
/* #464646 Grey Text */
/* #252525 Grey Navbar */

/* Full Page Height
================================================== */
html,
body {
	margin:0;
	padding:0;
	height:100%;
}

.bgwrapper{min-height:100%;margin-bottom: -245px; }
.bgwrapper:after {
  content: "";
  display: block;
}
.footer, .bgwrapper:after {
  height: 245px; 
}
img, div, a, input, span, p { behavior: url(/iepngfix.htc) }
.nomarg {
    display:inline;
    float:left;
    margin-left:0px;
    margin-right:0px;
    margin-bottom:0px;
}
/* PAGE 
================================================== */
.content {margin-left:20px;}
.showmob {display: none;}
.cleartop40 {margin-top:40px;}
.cleartop60 {margin-top:60px;}
.cleartop80 {margin-top:80px;}
.applybutton {font-family: "myriad-pro-condensed",sans-serif;
  font-size: 20px;
  padding: 12px 18px;
  margin: 25px 0 5px 0;
  color: #fff;
  background-color: #023f88;
  text-transform: uppercase;
}
a .applybutton:hover {color: #fbb731;}
/* ===============================================================
Swiper Default Styles 
================================================================*/
.swiper-container {
	margin:0 auto;
	float:left;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */
	z-index:1;
}
.swiper-wrapper {
	position:relative;
	width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;
}
.swiper-free-mode > .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.swiper-slide {
	float: left;
}

/* IE10 Windows Phone 8 Fixes */
.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}
.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}

/* Swiper Custom Styles
================================================== */
#swiper { position:relative; top:-20px; left:0px;background-color: #fff; margin:0 auto 0px auto;height: 450px;}
.swiper-container {
  width: 100%;
  height: 450px;
  color: #000;
  position: relative;
  margin:0px auto;
}
.swiper-slide  {
  position: relative;
  height: 450px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  }
.swiper-slide img {
  width:100%;
  z-index: 2;
}
.pagination {
  position:absolute;
  z-index: 20;
  left: 30px;
  bottom: 30px;
  text-align: left;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 15px;
  background: none;
  margin-right: 5px;
  opacity: 0.8;
  border: 2px solid #fff;
  cursor: pointer;
}
.swiper-visible-switch {
  background: #fff;
}
.swiper-active-switch {
  background: #fff;
}
/* HEADER 
================================================== */
#header {position:relative;width:100%;height:180px;margin:0px 0px 0px 0px;z-index:999;}
#header .topnav{position:absolute;width:100%;height:40px;top:100px;background-color: #252525;}
#header .toplogo-badge{width:90%;height:155px;background: #023f88 url(../images/coxco-logo.png) no-repeat center center; background-size: 80%;margin-right:0%;margin-left:10%;z-index:999;}
#header .toplogo-badge a{width:100%;height:155px;display:block;}
.round {-webkit-border-bottom-right-radius: 18px;-webkit-border-bottom-left-radius: 18px; -moz-border-radius-bottomright: 18px;-moz-border-radius-bottomleft: 18px;border-bottom-right-radius: 18px;border-bottom-left-radius: 18px; }
#header .topnav .navi {width:60%;height:100px;text-align:center;float:left;margin:0px;}
#header .tophead h1 {
  font-family: "myriad-pro-condensed",sans-serif;
  font-size: 40px;
  line-height: 45px;
  margin: 45px 0 5px 0;
  padding-bottom: 5px;
  color: #023f88;
  text-transform: uppercase;
}
.toplogo-badge-mobile {display:none;}


/* HEADER Home 
================================================== */
#headerhome {width:100%;height:140px;margin:0px 0px 0px 0px;z-index:999;background-color: #023f88;}
#headerhome .toplogo {width:80%;height:140px;background: #023f88 url(../images/coxco-logo.png) no-repeat left center; background-size: 80%;margin-right:10%;margin-left:0px;z-index:999;}
#headerhome .toplogo a{width:230px;height:140px;display:block;}
#headerhome .topnav .navi {width:60%;height:100px;text-align:center;float:left;margin:0px;}
#headerhome .tophead {
  height: 140px;
  padding-top: 90px;
  padding-bottom: 5px;

}

.hometile{width:49.5%;float:left;position:relative;margin:1px;background-color: #252525;}
.hometile h2 {
  position:absolute;
  bottom:0px;
  left:0px;
  font-family: "myriad-pro-condensed",sans-serif;
  font-size: 20px;
  width:100%;
  background-image: url(../images/homeh2-bg.png);
  line-height: 25px;
  margin:0;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
  text-indent: 20px;
  text-transform: uppercase;
}
.hometile h2:hover {
  background-color: #023f88;
  color: #fbb731;
  background-image: none;
}

/* TOP NAVIGATION
================================================== */
ul#menu1  { margin: 0px 0 0px 0;float:right;}
ul#menu1 li { margin: 0 10px 0 10px; padding: 10px 0 15px 0;display:inline-block;text-align: center;}
ul#menu1 li a {color: #d7d7d7;font-size: 15px;font-weight:normal;padding: 5px 0 5px 0;font-family: "myriad-pro",sans-serif;text-transform: uppercase;}
ul#menu1 li a.section,
ul#menu1 li a.current,
ul#menu1 li a.section:hover,
ul#menu1 li a.current:hover,
ul#menu1 li.section,
ul#menu1 li.current,
ul#menu1 li.section:hover,
ul#menu1 li.current:hover {color: #fbb731;}
ul#menu1 li a:hover {z-index:200; position:relative;color: #fbb731; }
ul#menu1 li:hover {position:relative; z-index:200;}
ul#menu1 li:hover > a {}
ul#menu1 li:hover > a.sub {}
ul#menu1 li.section a,
ul#menu1 li.current a {color: #fbb731;}
ul#menu1 li a.sub {width:; }
ul#menu1 li.current a.sub {color: #cf2630;}
ul#menu1 :hover ul {left:-20px; top:40px;background-image: url(../images/topnav-sub-bg.png);}
ul#menu1 ul, 
ul#menu1 :hover ul ul {position:absolute; left:-9999px; top:-9999px; margin:0; padding:0; list-style:none;padding:10px 10px 10px 20px;}
ul#menu1 :hover ul :hover ul{ }
ul#menu1 :hover ul li {float:left; margin: 1px 0 1px 0; padding: 4px 0 4px 0; width:200px; text-align: left; }
ul#menu1 :hover ul li a {color: #e0ded6;width:;font-weight:500;font-size: 1.0em; line-height: 1.0em;}
ul#menu1 :hover ul li a.fly { }
ul#menu1 :hover ul :hover {color: #fbb731;}
ul#menu1 :hover ul :hover a.fly {color: #fbb731;}
.drop {margin: 0px 0 0px 0px;font-size: 20px; }
/* #Mobile Menu Core Style
================================================== */
#slick_box {position:relative;margin-top:-40px;z-index:9999;}
.slicknav_menu {display:none;}
.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; padding: 0.438em 1.625em 0.438em 0.625em; line-height: 1.125em; cursor: pointer; font-family: "myriad-pro",sans-serif;margin:-50px 0 0 0;}
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.2em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 20px; height: 4px; -webkit-box-shadow: 0 3px 0 rgba(225, 225, 225, 1.0); -moz-box-shadow: 0 3px 0 rgba(225, 225, 225, 1.0); box-shadow: 0 3px 0 rgba(225, 225, 225, 1.0); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both;}
.slicknav_nav ul,
.slicknav_nav li { display: block; }
.slicknav_nav .slicknav_arrow { font-size: 1.2em; position:relative;top:0px;left:10px;color: #fff; font-weight:700; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* #Mobile Modified Styles
================================================== */
.slicknav_menu {font-size:15px; width:100%;}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	float:right;font-family: "myriad-pro-condensed",sans-serif;color: #fff;font-weight: 500;font-size: 26px;line-height:1.0em;margin-top:4px;margin-left:5px;}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {background-color: none;margin:3px 0 0 0;}
.slicknav_menu {padding:0px;margin:0px 0 0 0;}
.slicknav_nav {width:100%;margin:30px 0 0 0;padding:20px 0 20px 0;font-size:0.875em;background-color: #023f88;}
.slicknav_nav, .slicknav_nav ul {list-style: none;overflow:hidden; width:100%;}
.slicknav_nav ul {float:left;padding:0 0px 20px 0;margin:5px 20px 0 20px;color: #273589; width:100%;;text-transform:none;font-size: 15px; line-height: 0.9em;}
.slicknav_nav .slicknav_item {padding:5px 10px;margin:10px 10px;}
.slicknav_nav a{padding:5px 10px;margin:10px 10px;text-decoration:none; text-transform: uppercase; font-family: "myriad-pro",sans-serif;color: #e0ded6;font-size: 18px;}
.slicknav_nav .slicknav_item a {padding:0;margin:0;}

.slicknav_nav a:hover{color: #c2c9b1;}
.slicknav_nav .slicknav_txtnode {margin-left:15px; padding-top:15px;  }

/* SIDEBAR 
================================================== */
#Sidebar { margin:0px 20px 10px 25px; }
#Sidebar ul li { line-height: 1.2em;margin:0px;font-size: 18px;}
/* #464646 Grey Text */
/* #252525 Grey Navbar */
/* #b7b7b7 Grey side */
#Sidebar .Menu2 { float:left; position:relative; margin:0px 0px 30px 0px; width:100%; border-top: 1px solid #ccc;  }
#Sidebar .Menu2 li { font-size: 18px;list-style:none; background:none;margin:10px 0px 10px 0px;padding:0px 0px 10px 0px!important; vertical-align:middle;line-height: 1.1em; font-style: normal;border-bottom: 1px solid #ccc;}
#Sidebar .Menu2 ul { margin-top:0px; margin-left:0px; }
#Sidebar .Menu2 li a { color: #b7b7b7;
			font-size: 15px; 
			text-transform: uppercase;
			font-weight:400;
			padding: 0px 0 0px 0;
			margin:0px;
			font-family: "myriad-pro",sans-serif;}
#Sidebar .Menu2 li .arrow { margin-left:0px; margin-right:5px; }
#Sidebar .Menu2 li .text { text-indent: 10px; margin-right:0px; }
#Sidebar .Menu2 li a:hover { color: #464646; }
#Sidebar .Menu2 li a.current { color: #464646; }
#Sidebar .Menu2 li a.section, 
#Sidebar .Menu2 li a.section:hover{ color: #000;}
#Sidebar .Menu2 li ul { position: relative; margin: 10px 0px 10px 10px; padding: 0px; }
#Sidebar .Menu2 li ul li { margin: 0px 0px 0px 10px; }
#Sidebar .Menu2 li.current ul { margin: 10px 0px 10px 10px; }
#Sidebar .Menu2 li.current ul li, #Sidebar .Menu2 li.section ul li{ margin: 5px 0px 10px 5px; }
#Sidebar .Menu2 li ul li .text{ border-bottom:0px; border-right:0px; line-height: 1.1em; margin:0!important; padding:5px 0 5px 0px!important; vertical-align:middle; font-size: 16px; font-style: normal; font-weight:normal; }
#Sidebar .Menu2 li ul li ul { margin-left: 0; }
#Sidebar .Menu2 li li a.current, #Sidebar .Menu2 li li a.section, #Sidebar .Menu2 li li a.section:hover, #Sidebar .Menu2 li li a.current:hover { color: #000; font-weight:bold;}
#Sidebar .Menu2 li li ul { margin: 0 0 0 0px; padding: 0; }
#Sidebar .Menu2 li li ul .roundWhite { margin-bottom: -10px; }
/* Sub Menu */
#Sidebar .Menu2 li a.levelb { margin-left: 0px; font-weight:normal; }
#Sidebar .Menu2 li a.levelb:hover, .Menu2 li li a.current, .Menu2 li li a.current:hover, .Menu2 li li a.section, .Menu2 li li a.section:hover { color: #1fa9af; }

.profile{float:left;position:relative;width:100%;margin-bottom:30px;}
.profile img{float:left;width:15%;}
.profile .profilecopy{float:right;width:83%;}

/* FOOTER 
================================================== */
.footer {
    background: #023f88;
    padding: 0px 0;
	height:245px;
	margin-top:30px;
	width:100%;
	text-align: center;
}
	.footer p {
	    color: #fff;
	    font-size: 17px;
	    font-weight: 100;
    	text-align: center;
	}

.footer img.logo {
    width:135px;
    padding: 20px 0 0px 0;
}


.footer ul{list-style: none;float:none; margin:0 auto 8px auto; display:inline-block;}
.footer ul li{display:inline;list-style: none;padding-left:0;}
.footer ul li a {
	    color: #fff;
	    font-family: "myriad-pro",sans-serif;
	    font-weight: 100;
	    font-size: 18px;
	    padding: 0 8px 0 8px;
	    text-decoration: none;
	    line-height: 1.6em;
}
.footer ul li:after {
	    padding: 0;
	    content: '|';
	    color: #fff;
}
.footer ul li:last-child:after {
	    content: '';
}

.footer ul li a:hover,
.footer ul li a.section,
.footer ul li a.current{color: #fbb731;}

/* BREAKPOINTS 
================================================== */
@media only screen and (min-width: 960px) and (max-width: 1160px) {
	
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
	.container12 .column6{margin:0px 0px 0px 0px;}
	.swiper-container,
	#swiper { height: 400px; }
	#contact .column3 {width:50%;float:left;margin:0;}
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
	.js #menu {display:none;}
	.js .slicknav_menu {display:block;}
	#menu1 {display:none;}
	#header {background-color: #023f88;height:140px;}
	#header .topnav{display:none;}
	#header .toplogo-badge{display:none;}
	#headerhome .toplogo{display:none;}
	.round {-webkit-border-bottom-right-radius: 0px;-webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; }
	#header .topnav .navi {width:60%;height:100px;text-align:center;float:left;margin:0px;}
	.toplogo-badge-mobile {display:block;position:absolute; top:0px; left:0px;width:200px;height:100px;margin:20px auto;z-index:9999;background: #023f88 url(../images/coxco-logo.png) no-repeat center center; background-size: 80%;}
	.toplogo-badge-mobile a {width:200px;height:100px;display:block;}
	.slicknav_btn { margin:-20px 20px 0 0;}
 	.hidemob {display:none;}
	.showmob {display: block;}
	.container12 .column6{margin:0px 0px 0px 0px;}
	.cleartop40,
	.cleartop60,
	.cleartop80{margin-top:40px;}
	.hometile{width:100%;margin:1px;}
	#Sidebar { margin:10px 0px 10px 0px; }
	.swiper-container,
	#swiper { height: 280px;top:5px; }
	.swiper-slide img {}
	.profile img{float:left;width:40%;}
	.profile .profilecopy{width:55%;}
	.footer p {font-size: 13px;text-align: center;}
	.footer img.logo {padding: 10px 0 0px 0;}
	.footer ul li a {font-size: 15px;padding: 0 8px 0 8px;line-height: 1.2em;}
	#contact .column3 {width:50%;float:left;margin:0;}
}

@media only screen and (min-width: 320px) and (max-width: 479px) {
	.js #menu {display:none;}
	.js .slicknav_menu {display:block;}
	#menu1 {display:none;}
	.slicknav_btn { padding: 0.438em 0.3em 0.438em 0.625em;margin-right:20px;}
	#header {background-color: #023f88;height:140px;}
	#header .topnav{display:none;}
	#header .toplogo-badge{display:none;}
	#headerhome .toplogo{display:none;}
	.round {-webkit-border-bottom-right-radius: 0px;-webkit-border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px;-moz-border-radius-bottomleft: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; }
	#header .topnav .navi {width:60%;height:100px;text-align:center;float:left;margin:0px;}
	.toplogo-badge-mobile {display:block;position:absolute; top:0px; left:0px;width:200px;height:100px;margin:20px auto;z-index:9999;background: #023f88 url(../images/coxco-logo.png) no-repeat center center; background-size: 80%;}
	.toplogo-badge-mobile a {width:200px;height:100px;display:block;}
	.slicknav_btn { margin:-20px 20px 0 0;}
	.hidemob {display:none;}
	.showmob {display: block;}
	#swiper { height: 200px;top:10px; }
	.swiper-container {height: 200px;}
	#Sidebar { margin:10px 0px 10px 0px; }
	.container12 .column6{margin:0px 0px 0px 0px;}
	.cleartop40,
	.cleartop60,
	.cleartop80{margin-top:40px;}
	.hometile{width:100%;margin:1px;}
	.profile img{float:none;width:60%;margin-bottom:20px;}
	.profile .profilecopy{float:left;width:100%;}
	.footer p {font-size: 13px;text-align: center;}
	.footer img.logo {padding: 10px 0 0px 0;}
	.footer li {display:inline;}
	.footer ul li a {font-size: 15px;padding: 0 8px 0 8px;line-height: 1.2em;}
	#contact .column3 {width:100%;float:left;margin:0;}
}