@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,700');
body {font-family: 'Open Sans', sans-serif; border-top: 3px solid #000; font-size: 17px;}
.color1 {color: #0071bb}
.color1-bgrd {background-color: #0071bb}
.color2-bgrd {background-color: #0071bb !important}
.whitetxt {color: #FFFFFF !important}
.white-bgrd {background-color: #FFFFFF}
.facebook {margin-right: 5px}
.facebook:hover {color: #5161A8}
.clear {clear: both}
.padleft0 {	padding-left:0}
.padright0 {padding-right:0}
.padright15 {padding-right: 15px}
.nopad {padding:0} 
.padbot5 {padding-bottom: 5px}
.padbot10 {padding-bottom: 10px}
.padbot20 {padding-bottom: 20px}
.padtop5 {padding-top: 5px}
.padtop10 {padding-top: 10px}
.padtop15 {padding-top: 15px}
.padtop20 {padding-top: 20px}
.padtop40 {padding-top: 40px}
.padright0 {padding-right: 0}
.mar0 {margin: 0}
.martop55 {margin-top: 55px}
.marbot10 {margin-bottom: 10px}
.marbot15 {margin-bottom: 15px}
.marbot20 {margin-bottom: 20px}
.marright5 {margin-right: 5px}
.marleft25 { margin-left:25px; }
.spacer0 {clear:both; height: 0px }
.spacer10 {clear:both; height: 10px }
.spacer20 {clear:both; height: 20px }
.spacer25 {clear: both; height: 25px}
.spacer35 {clear:both; height: 35px}
.spacer50 {clear: both; height: 50px}
.spacer75 {clear: both; height: 75px}
.font15 {font-size: 15px}
.font30 {font-size: 30px}
.posrel { position: relative}
.greybg { background-color: #d5d5d5; }
.cursor-pointer { cursor: pointer}
/*#showsite { display: none}*/
#cookieholder { width:100% !important; position:fixed; background:rgba(0,0,0,0.5); background:rgb(0,0,0,0.5); bottom:0px; z-index:999999 }
#cookiefoot { margin:0 auto; padding:10px;}
#cookiefoot p { color:#FFFFFF; text-align:left;}
#cookiefoot a { color:#FFFFFF; text-decoration:underline; text-align:left; }
#cookiefoot p.accept { color:#FFFFFF; text-decoration:none; cursor:pointer; }
#cookieOK { text-align:right !important; float:right !important; font-weight:700 !important; font-size:13px !important  }

h1 {color: #003f58; font-size: 27px; margin-top: 0; margin-bottom: 30px; font-weight: 600;}
h2 {color: #003f58; font-size: 23px; font-weight: 600}
h3 {color: #003f58; font-size: 25px}
h4 {color: #003f58; font-size: 23px}
h5 {color: #003f58; font-size: 20px}
h6 {color: #003f58; font-size: 18px}

#pagecontent a {color: #003f58; font-weight: bold}
#showsite p { margin-bottom: 20px; }

#header {background:#000 url(/images/header-bgrd-new.jpg) repeat-x;  position: relative; padding:0; border-bottom:11px solid #d2d2d2; height: 167px }
#headerphone {float: right;  color: #c0c1c1; font-size: 24px; font-weight: bold; padding-top: 30px;} 
#headerphone .fas { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-right: 10px} 
#headerphone a, #headervisit a { color: #c0c1c1; text-decoration: none}
#headervisit {float: right; width: 200px; background-color:#000; padding: 6px 12px; border-radius: 10px; color: #FFF; font-size: 19px; font-weight: bold; margin-right: 20px;} 
.headervisittxt { float:right;padding-right: 21px; }
.compemail { font-size: 18px;}

#navbar { padding-left:0; padding-right: 0; float: right}
.navbar-nav>li>a { color: #FFFFFF; font-size: 16px; font-weight: bold; padding: 0 16px; padding-bottom: 5px; transition: color 0.5s ease; background-color: transparent !important; }
.nav>li>a:focus, .nav>li>a:hover { background: none; color: #2bc1f3  }
.navbar-nav>li>a.last { padding-right: 0;}
.navbar { min-height:auto; margin-top: 20px; margin-bottom: 20px;}
#navbar2 { float: right}
#navbar2 { float: right}
.navbar-nav>li>a:not(.first):not(.second):before { content: ''; height: 67%; width:2px;position: absolute;left: 0; top:4px;background-color: #FFF; }
.dropdown-menu>li>a { display: block; padding: 7px 20px; clear: both; font-weight: 600; color: #FFF; white-space: nowrap;}


/* Carousel&Navbar */
.carousel-inner .item{min-height:332px !important;}
.carousel-inner .carousel-position-four {background: rgba(0,0,0,0.7) !important; padding:20px; width:39%;  color:#FFF; position:absolute;right:0%; top: 168px; }
.carousel-inner .carousel-position-four h2 { font-weight:normal !important; font-size:40px !important;  color:#FFF; line-height: 30px }
.carousel-position-four h2 .blue, .spotlightline2 .blue { color: #0e70b1; font-weight: bold}
.carousel-inner .carousel-subtitle-v2 { font-size:18px !important; }
.carousel-control.left,.carousel-control.right { background:none !important; }

.spotlight {padding: 0; overflow: hidden}
/*.spotlight:after { width: 100%;  height: 6px; background-color:#000  }*/
.spotlightline1 {font-size: 68px; text-shadow: 2px 2px 1px #000; font-weight: 700;}
.spotlightline2 {font-size: 24px; text-shadow: 2px 2px 1px #000; font-weight: 500; }
.spotlightline3 {font-size: 10px}

.featcat a .grow { transition: transform .3s ease-in-out, -webkit-transform .3s ease-in-out;}
.featcat a:hover .grow {transform: scale(1.15);}
.featcat h3 { background: rgba(0,0,0,0.8); color: #FFF; padding: 10px 0; width: 100%; font-size: 18px !important; font-weight: 600; margin: 0; text-align: center}


.review-slider h2 { margin: 50px 0; font-weight: bold; font-size: 35px;}
.testimonialcontent p { width: 70%; text-align: center; margin: 0 auto; }
.quotation-left { font-size: 70px; color: #ccc !important; float: left; padding-left: 30px; margin-top: 0;}
.quotation-right { font-size: 70px; color: #ccc !important; float: right; padding-right: 40px;  margin-top: 0px;}

.unslider { margin-bottom:20px; }
.unslider-nav li { width:20px !important; height:20px !important; border-radius:19px !important; }
.unslider-nav ol li.unslider-active { background-color:#0071bb !important; }

.gridlayout h2 { margin-top: 0}

.brandedlogos h3 { text-align: center; margin-bottom: 50px; color:#006f9d; font-weight: 600; font-style:italic  }

.sectionheader { border-bottom: 4px solid #000}
.bluetop { margin-top: 1px; border-top:10px solid #0071bb}
.bluetop li { color: #0071bb; font-weight: 700;  font-size: 16px; margin-bottom: 6px;}

#ft { background: #363636; min-height: 202px; padding-top: 20px; color: #FFF; font-size: 13px;}
.fa-facebook { color: #FFF; font-size: 32px;}
#ft a { font-size: 13px; color: #fff; }
#ft p, #ft a { color: #ddd; }
.footerleft { padding-top: 100px;}
.footerright { padding-top: 38px;}
.footer h3 { color:#FFF; font-size: 15px; text-transform: uppercase; font-weight: 600; margin-bottom: 20px;}
.copy { background-color: #000;}
.copy p { margin-bottom: 0 !important}
.footer i {     font-size: 46px;}
ul.list-unstyled { list-style: none; margin: 0; padding: 0;}
.list-unstyled li { margin-left: 0px; padding: 0; list-style: none;}
.list-unstyled li a { font-size: 14px; line-height: 22px;color: #FFFFFF; text-decoration: none;}
.list-unstyled li a:hover { color: #FFF !important; }

.makeleftmob { text-align: right}
.multiimgshallow { height: 320px;}

.btn-primary { background: transparent; border: 2px solid #00aeea; color:#00aeea; font-size: 15px; transition: background 0.6s ease; font-weight: 600 }
.btn-primary:hover { background: #00aeea; color:#fff; text-shadow:none; border: 2px solid #00aeea; }

.cta { background-color: #00aeea; padding-top:30px; padding-bottom: 30px;}
.cta p { font-size: 29px; font-weight: 700; text-align: center;text-shadow:1px 1px #000; color: #FFF;}
.cta .btn-primary { background: transparent; padding: 10px 40px; border: 2px solid #FFF; color:#FFF; font-size: 23px; }
.cta .btn-primary:hover { background: #FFF; color:#00aeea; text-shadow:none }

@media (min-width: 992px) and (max-width: 1200px) {
	#header {  height: 123px;}
	.sitelogo { height: 168px;}
	#headerphone { padding-top: 0;}
	.navbar { margin-top: 8px; float: right}
	#navbar2 { padding: 0; float: right; width: 100%}
	h1 { font-size: 23px;}
	.navbar-nav>li>a { font-size: 14px; }
	.makeleftmob { text-align: left}
	.featcat h3 { font-size: 16px !important;}
	/*#header { background: red !important}*/
}

@media (max-width: 992px) {
	.navbar-collapse.collapse { display: none !important}
	.navbar-collapse.collapse.in { display: block !important}
	.navbar-toggle { display: block !important; background-color: transparent; padding: 6px 0px; border-radius: 10px; color: #FFF; font-size: 16px; font-weight: bold; margin:0; }
	.icon-bar { background-color: #fff;}
	.secondnav { display: block !important; }
	#navbar { width: 100%; padding-top: 20px;}
	.navbar-nav { margin: 0; width: 100%;}
	.navbar-nav>li>a { padding: 12px 0 12px 0; font-size: 18px; color: #FFF; border-bottom: 1px solid #438ebf; text-align: right}
	.navbar-nav>li { float: none;}
	.navbar { margin-top: 0}
	.navbar { margin-bottom: 0;}
	.mobheaderspacer { height: 20px; }
	/*#header { background: blue !important}*/
	.carousel-inner .carousel-position-four { width: 50%; right: 10%;}
	.owl-prev { left: 0 !important; top: 10px !important;}
	.owl-next { right: 0 !important; top: 10px !important;}
	.makeleftmob { text-align: left}
	h1 { font-size: 23px;line-height: 30px;}
	.featcat h3 { font-size: 16px !important;}
	#header { height: 123px;}
	.sitelogo { height: 168px;}
	#headerphone { padding-top: 0; font-size: 20px;}
	.secondnav { position: relative; z-index: 1; }
	.navbar-nav>li>a:not(.first):not(.second):before { display: none}
	.navbar-nav .open .dropdown-menu { position: static; float: none; width: auto; margin-top: 0; background-color: #2580bb !important; border: 0; -webkit-box-shadow: none; box-shadow: none;}
	.dropdown-menu>li>a { text-align: right;  padding: 12px 20px; font-size: 16px;	}
}

@media only screen and (max-width: 767px) { 
	
	.mobheaderspacer { height: 0px; }
	.navbar { margin-bottom: 0;}
	#headerphonemob {float: left;  color: #0e70b1; font-size: 25px; font-weight: bold} 
	#headerphonemob .fas { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-right: 10px} 
	.navbar-toggle { padding: 5px 12px; margin-right: 0; }
	.carousel-inner .carousel-position-four { width: 75%; right: 62px; top: 60px;}
	.owl-prev { left: 0 !important; top: 10px !important;}
	.owl-next { right: 0 !important; top: 10px !important;}
	.footerright { float: left; text-align: left; padding-top: 0; padding-bottom: 20px;}
	.footerleft { padding-top: 28px;}
	.carousel-inner .item { min-height: 160px !important; }
	.spotlightline1 { font-size: 50px; }
	.spotlightline2 { font-size: 20px; }
	#header { height: 96px; border-bottom: 7px solid #d2d2d2}
	.sitelogo { height: 133px;}
	#headerphone { padding-right: 10px; font-size: 18px;}
	.compemail { font-size: 12px;}
	.dropdown-menu>li>a { text-align: right;  padding: 12px 20px !important; font-size: 16px;	}
	.footer .list-unstyled li a { font-size: 15px !important; line-height: 27px;}
}