body {font-family: 'Century Gothic', sans-serif; border-top: 3px solid #000; font-size: 17px;}
.color1 {color: #0071bb}
.color1-bgrd {background-color: #0071bb}
.color2-bgrd {background-color: #fff200 !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}
.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: #f6f6f6; }
.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: #3b80b2; font-size: 31px; margin-top: 0; margin-bottom: 30px; font-weight: 600;}
h2 {color: #000000; font-size: 25px; font-weight: bold}
h3 {color: #3b80b2; font-size: 25px}
h4 {color: #3b80b2; font-size: 23px}
h5 {color: #3b80b2; font-size: 20px}
h6 {color: #3b80b2; font-size: 18px}

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

#header {background-color:#fff; position: relative; padding: 30px 0 0 0; border-bottom:10px solid #0071bb; }
#headerphone {float: right;  color: #0e70b1; font-size: 25px; font-weight: bold} 
#headerphone .fas { -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); margin-right: 10px} 
#headerphone a, #headervisit a { color: #0e70b1; 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; }

#navbar { padding-left:0; padding-right: 0; float: right}
.navbar-nav>li>a { color: #0071bb; font-size: 16px; font-weight: bold; padding: 0 16px; transition: color 0.5s ease; }
.nav>li>a:focus, .nav>li>a:hover { background: none; color: #000 }
.navbar-nav>li>a.last { padding-right: 0;}
.navbar { min-height:auto; margin-top: 20px; margin-bottom: 20px;}
#navbar2 { float: right}
#navbar2 { float: right}

/* Carousel&Navbar */
.carousel-inner .item{min-height:570px !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-family:'Open Sans', sans-serif !important; 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-family:'Open Sans', sans-serif !important;  font-size:18px !important; }
.carousel-control.left,.carousel-control.right { background:none !important; }

.spotlight { border-bottom: 4px solid #000; padding: 0; overflow: hidden}
/*.spotlight:after { width: 100%;  height: 6px; background-color:#000  }*/
.spotlightline1 {font-size: 68px; text-shadow: 2px 2px 1px #000; font-family: 'Century Gothic', sans-serif;font-weight: 700;}
.spotlightline2 {font-size: 24px; text-shadow: 2px 2px 1px #000; font-family: 'Century Gothic', sans-serif;font-weight: 500; }
.spotlightline3 {font-size: 10px}


.roundbox {border-radius: 6px; border: 1px solid #999; margin-bottom: 30px;}
.roundboxtitle { background-color: #0071bb; padding: 10px 0; text-align: center }
.roundboxtitle h3 { color: #FFF; margin: 0; padding: 0 }
.roundboxcontent {padding: 10px;}

.homecat {height:230px; position:relative; margin-botom:20px; background-color:#0e70b1; border-radius: 10px; transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; }
.homecat .inner { padding: 20px; text-align: center; width: 100%; z-index: 2 }
.homecat h3 { font-size:23px; font-weight: bold; text-shadow: 2px 2px 1px #000;; color: #FFF; margin-top: 20px; margin-bottom: 20px  }
.homecat h3 a { color: #FFF;} 
.homecat p { color: #FFF;   text-shadow: 1px 1px 1px #000;}
.homecat .bg { position: absolute; height: 100%; width: 100%; color: #FFF; font-size: 200px; z-index: 1; top: 0; }
.homecat .fas { position: absolute; bottom: 0; right: -20px; opacity: 0.2; }
/*.homecat:hover {transform: scale(1.05); -moz-transform: scale(1.05); }*/
.homecat:hover { background-color: #000;}


.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; color:#545454; margin-bottom: 50px; }

.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; margin-right: 5px;}
.fa-facebook:hover { color: #4A70BF;}
.fa-linkedin { color: #FFF; font-size: 32px;}
.fa-linkedin:hover { color: #0073B0;}
#ft a { font-size: 13px; color: #fff; }
#ft p, #ft a { color: #ddd; }
.footerleft { padding-top: 100px;}
.footerright { padding-top: 38px;}

@media (min-width: 992px) and (max-width: 1200px) {
	.navbar { margin-top: 24px; float: right}
	#navbar2 { padding: 0; float: right; width: 100%}
	/*#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: #222; padding: 6px 12px; border-radius: 10px; color: #FFF; font-size: 16px; font-weight: bold; margin:0; }
	.icon-bar { background-color: #fff;}
	.secondnav { display: block !important; background-color: #0071bb }
	#navbar { width: 100%; padding-top: 20px;}
	.navbar-nav { margin: 0; width: 100%;}
	.navbar-nav>li>a { padding: 8px 0 8px 0; color: #FFF; border-bottom: 1px solid #438ebf; }
	.navbar-nav>li { float: none; width: 90%}
	.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;}
}

@media only screen and (max-width: 767px) { 
	.sitelogo { margin-bottom: 20px;}
	.mobheaderspacer { height: 20px; }
	.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: 15px; }
	.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: 300px !important; }
	.spotlightline1 { font-size: 50px; }
	.spotlightline2 { font-size: 20px; }
	/*#header { background: yellow !important}*/
}