/*
===============================================
Copyright 2020 Zebo Graphics - ChristopherAcebo.com. All rights reserved.
===============================================
*/

/*
===========================================
*************************   GENERAL FEATURES   *************************
===========================================
*/
html, body { 
    width: 100%; height: 100%; 
    margin: 0; padding: 0;
	max-width: 100%;
}
body {
	overflow-x: hidden;
	position: relative;
	background-color: #e0e0e0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; color: #454545;
}

.ca-row  { margin-left: 0 !important;  margin-right: 0 !important; }
.ca-cont { padding-left: 0 !important; padding-right: 0 !important; }

.lft  { text-align: left; }
.rght { text-align: right; }
.ctr  { text-align: center; }



p    { font-size: 1em; }
img  { border: none 0; }

a:link    { color: #004990; text-decoration: underline; }
a:visited { color: #004990; text-decoration: underline; }
a:hover   { color: #3370ac; text-decoration: none; }


table { border: none 0; }
td    { vertical-align: top; }


h1, h2, h3, h4, h5, h6, 
.h1, .h2, .h3, .h4, .h5, .h6 { 
    font-family: Quicksand;
}
h1 {
    line-height: 1.8;
    text-transform: uppercase;
}
h1.ca-title {
    font-size: 2em;
    font-weight: bold;
    line-height: 35px;
    margin: 0 0 12px 0; padding: 0;
    border-bottom: double 3px #5dc9ec;
}


.main_h {
    width: 100%;
    position: fixed;
    z-index: 999;
    margin: 0; padding: 0;
    background-color: rgba(0, 0, 0, 1);
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.ca-header {
    width: 100%;
    max-width: 1200px;
    position: relative;
    margin: 0; padding: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.ca-header-trim {
    width: 100%; height: 12px;
    margin: 0; padding: 0;
	background-color: #00759b;
    border-bottom: solid 1px #5dc9ec;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.ca_logobox {
    width: 100%; height: auto;
	text-align: center;
	padding: 8px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.ca_logo {
    width: 60%; height: auto;
}
h1.ca-headline {
    width: 80%; height: auto;
	margin: 5px auto;
	text-align: center;
	font-size: 1.35em;
	line-height: 20px;
	color: #fff;
}





@media (min-width:768px){
.ca-header .col-md-3 { width: 320px; }
.ca_logo { width: 65%; }

h1.ca-headline {
    width: 300px;
	position: absolute;
	top: -70px; left: 300px;
	text-align: left;
	font-size: 1.5em;
	line-height: 25px;
}

}





@media (min-width:992px){
.ca-header .col-md-3 { width: 25%; }
.ca_logo { width: 75%; }

h1.ca-headline {
    width: auto;
	position: relative;
	top: auto; left: auto;
	margin: 5px 0 7px 0;
	text-align: left;
	font-size: 1.5em;
	line-height: 25px;
}

}





@media (min-width:1200px){
.main_h {
    background-color: rgba(0, 0, 0, 0);
	background-image: url(../images/bg_main_h.png);
	background-repeat: repeat-x;
	background-position: left top;
}   
.ca-header { margin: 0 auto; }

.ca_logobox {
    width: 230px; height: auto;
    position: absolute; top: -8px; left: 0;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-align: center;
	margin: 0; padding: 1px;
    border: solid 1px transparent;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#595959+11,000000+89 */
	background: #595959; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #595959 11%, #000000 89%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #595959 11%,#000000 89%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #595959 11%,#000000 89%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595959', endColorstr='#000000',GradientType=1 ); 
	/* IE6-9 fallback on horizontal gradient */
}
.ca_logobox_inr {
    width: 100%; height: 85px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-align: center;
	padding: 12px 0 0 0;
	background-color: #000;
}

h1.ca-headline {
    border-bottom: solid 1px #5dc9ec;
}



.sticky {
    background-color: rgba(0, 0, 0, 0.8);
	background-image: none;
    opacity: 1;
    top: 0;
}
.sticky .ca-header-trim {
    width: 100%; height: 8px;
}
.sticky .ca_logobox {
    width: 200px; height: auto;
    position: absolute; top: 0;
    border: none 0;
	background: rgba(0, 0, 0, 0);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	padding-top: 7px;
}

.sticky .ca_logobox_inr {
    width: 100%; height: auto;
    border: none 0; padding: 0;
	background: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.sticky h1.ca-headline { border-bottom: none 0; }

.sticky .navbar { min-height: 42px; }

.sticky .col-md-3 { width: 20%; }
.sticky .col-md-9 { width: 70%; }


.ca_logo { width: 85%; height: auto; }


}




*        { box-sizing: border-box; }
.content { padding: 220px 0 0 0; }
.content-inr {
    width: 95%;
	margin: 0 auto 35px auto;
	padding: 0;
}


@-webkit-keyframes scroll {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }
}


@keyframes scroll {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}




@media (min-width: 768px) {
.content { padding: 150px 0 0 0; }
.content-inr {
	min-height: 500px;
	max-width: 1200px;
}

}




@media (min-width: 992px) {
.content { padding: 100px 0 0 0; }
.content-inr {

}

}




@media (min-width: 1200px) {
.content { padding: 120px 0 0 0; }
.content-inr {

}

}




/* ***** Main Navbar ***** */
.ca-navbar {
    margin-bottom: 0;
}

.ca-navbar .navbar-brand { display: none; }

.ca-navbar-nav { /* nav bar */
	text-transform: uppercase;
	margin: 0 -15px !important;
	background-color: transparent !important;
}
.ca-navbar-header {
	background-color: #222;
	border-top: solid 1px #5dc9ec;
	border-bottom: solid 1px #5dc9ec;
	border-left: none 0;
	border-right: none 0;
}
.ca-navbar-inverse {
    background-color: transparent;  
	border-bottom: solid 1px #5dc9ec;
	border-left: none 0;
	border-right: none 0;
}
.ca-navbar-collapse {
    background-color: transparent;  
}


.ca-navbar-toggle { /* nav button */
	float: left;
    margin-left: 12px;
	-webkit-border-radius: 6px !important;
	-moz-border-radius: 6px !important;
	border-radius: 6px !important;
	border-top: solid 1px #636363 !important;
	border-left: solid 1px #636363 !important;
	border-bottom: solid 1px #015b78 !important;
	border-right: solid 1px #015b78 !important;
}
.ca-navbar-inverse .ca-navbar-toggle .icon-bar {
    background-color: #5dc9ec !important;
}


.ca-navbar-nav > li { /* drop down list rows */
	background: rgba(0, 0, 0, 0.7);
}

.ca-navbar-inverse .navbar-nav a, .ca-navbar-inverse .navbar-nav a:link, 
.ca-navbar-inverse .navbar-nav>.active>a, 
.ca-navbar-inverse .navbar-nav>.active>a:focus { 
    background-color: transparent !important;
	-webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.ca-navbar-inverse .ca-navbar-nav a:hover { /* Main nav bar hover */
	background: rgba(93,200,236,0.35);
	background: -moz-linear-gradient(top, rgba(93,200,236,0.35) 6%, rgba(0,0,0,0.04) 88%, rgba(0,0,0,0) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(6%, rgba(93,200,236,0.35)), color-stop(88%, rgba(0,0,0,0.04)), color-stop(100%, rgba(0,0,0,0)));
	background: -webkit-linear-gradient(top, rgba(93,200,236,0.35) 6%, rgba(0,0,0,0.04) 88%, rgba(0,0,0,0) 100%);
	background: -o-linear-gradient(top, rgba(93,200,236,0.35) 6%, rgba(0,0,0,0.04) 88%, rgba(0,0,0,0) 100%);
	background: -ms-linear-gradient(top, rgba(93,200,236,0.35) 6%, rgba(0,0,0,0.04) 88%, rgba(0,0,0,0) 100%);
	background: linear-gradient(to bottom, rgba(93,200,236,0.35) 6%, rgba(0,0,0,0.04) 88%, rgba(0,0,0,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dc8ec', endColorstr='#000000', GradientType=0 );
}
.ca-navbar-collapse .ca-navbar-nav li a, .ca-navbar-collapse .ca-navbar-nav li a:link,
.ca-navbar-collapse .ca-navbar-nav li a:visited, 
.ca-navbar-inverse .navbar-nav .open .dropdown-menu>li>a { 
	text-decoration: none !important;
	text-transform: uppercase;
	color: #fff;
}

.ca-navbar-inverse .ca-navbar-nav .ca-dropdown-menu a:hover { 
	background: rgba(41, 41, 41, 1) !important;
	border-radius: 0;
}


.ca-navbar-nav>li>.dropdown-menu { 
    background: #000 !important;
	border: none 0 !important;
}



.ca-navbar-right { display: none; }
.ca-navbar-right a, .ca-navbar-right a:link, .ca-navbar-right a:visited { 
    color: #fff !important;
	text-decoration: none !important;
}
.ca-navbar-right a:hover { color: #5dc9ec !important; }




@media screen and (min-width: 768px){
.ca-navbar            { min-height: 0 !important; }
.ca-navbar-nav>li>a   { padding: 8px 10px !important; }
.ca-navbar-right>li>a { padding: 8px 5px !important; }

.ca-navbar-inverse {
    background-color: #1e1e1e;  
    border-top: solid 1px #5dc9ec;
	border-radius: 0 !important;
}

.ca-navbar-nav > li { /* drop down list rows */
	background: transparent !important;
}

.ca-navbar-right { 
    display: block;
	margin-right: -10px;
}

}





@media screen and (min-width: 992px){
.ca-navbar-nav        { margin: 0 -15px 0 -25px !important; }
.ca-navbar-nav>li>a   { padding: 8px 12px !important; }
.ca-navbar-right>li>a { padding: 8px !important; }
.ca-navbar-inverse {
    background-color: transparent;  
    border-top: none 0;  
    border-bottom: none 0; 
    border-left: none 0;  
    border-right: none 0;   
}
.ca-navbar-inverse .ca-navbar-nav a:hover { /* Main nav bar hover */
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.ca-navbar-nav>li>.dropdown-menu { 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.ca-navbar-nav li a:hover { 
    color: #5dc9ec !important;
}
.ca-dropdown-menu li a:hover { 
    background: none !important;
} 





  .dropdown:hover .dropdown-menu, .btn-group:hover .dropdown-menu {
        display: block;
    }
    .dropdown-menu {
        margin-top: 0;
    }
    .dropdown-toggle {
        margin-bottom: 2px;
    }
    .navbar .dropdown-toggle, .nav-tabs .dropdown-toggle {
        margin-bottom: 0;
    }
}




@media screen and (min-width: 1200px){
.ca-navbar { top: -5px; }
.ca-navbar-nav {
    position: relative;
    left: -15px;
	margin: 0 !important;
}
.ca-navbar-nav>li>a   { padding: 4px 15px 5px 15px !important; }

.ca-navbar-nav .caret {
    display: none;
}

.ca-dropdown-menu     { top: 90%; }
.ca-navbar-right      { margin-top: -3px; margin-right: -25px; }
.ca-navbar-right .fa  { font-size: 1.2em; }
}








/* Social Nav Icons */
.a2a_floating_style {
	width: 100%; 
	position: fixed;
	left: 0; bottom: 0;
	margin: 0; padding: 0;
	z-index: 9999995;
	animation: none; 
}
.a2a_svg   { width: 16.66666667%; height: 35px; float: left; }
.a2a_label { display: none; }
.a2a_s_linkedin, .a2a_s_facebook, .a2a_s_flickr, .a2a_s_twitter, .a2a_s_instagram, .a2a_s_youtube {
	background-repeat: no-repeat !important; background-position: center center;
}
.a2a_s_linkedin  { background-color: #0072b1; background-image: url(../images/icons_li.png) !important; }
.a2a_s_facebook  { background-color: #43609c; background-image: url(../images/icons_fb.png) !important; }
.a2a_s_flickr    { background-color: #ff0084; background-image: url(../images/icons_fli.png) !important; }
.a2a_s_twitter   { background-color: #1dcaff; background-image: url(../images/icons_twt.png) !important; }
.a2a_s_instagram { background-color: #8134af; background-image: url(../images/icons_inst.png) !important; }
.a2a_s_youtube   { background-color: #e62117; background-image: url(../images/icons_ytu.png) !important; }




@media (min-width: 768px) {
.a2a_floating_style { display: none; }

}













/* **** Browser scroll bar (right) **** */
body::-webkit-scrollbar { width: 1em; } 
body::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	background-color: #00759b;
} 
body::-webkit-scrollbar-thumb {
    background-color: #000;
    border: solid 1px #5dc9ec;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
}





/* **** Footer **** */
.footer {
	width: 100%;
	min-height: 100px;
	bottom: 0; left: 0; right: 0;
	margin: 0 auto 35px auto;
	border-top: solid 3px #5dc9ec;
	background-color: #000;
	color: #fff;
}
.footer .col-md-1, .footer .col-md-4 { display: none; }
.footer .col-md-7 { text-align: center; }

.footer-row {
	width: 95%;
	min-height: 80px;
	max-width: 1200px;
	margin: 10px auto !important;
}
.footer-row a:link, .footer-row a:visited { color: #fff; text-decoration: underline; background-color: transparent; }
.footer-row a:hover { text-decoration: none; background-color: transparent; }

.footer-row-dis {
	width: 100%;
	margin: 0; padding: 5px 0;
	background-color: #00759b;
	border-top: solid 1px #5dc9ec;
	text-align: center;
}
.footer-row-dis p {
	width: 90%;
	font-size: 0.85em;
	margin: 0 auto; padding: 0;
}
.footer-row-dis a:link, .footer-row-dis a:visited { color: #fff; text-decoration: none; }
.footer-row-dis a:hover { text-decoration: underline; }





/* Footer navigation */
.footer-nav ul {
	width: 100%;
	font-size: 1.1em;
	text-transform: uppercase;
	list-style: none;
	margin: 0 0 5px 0; padding: 0;
}
.footer-nav ul li {
    display: inline;
    padding: 0 15px;
}
.footer-nav ul li.last  { border-right: none 0 !important; }

.footer-nav ul li a:link, .footer-nav ul li a:visited { color: #fff; text-decoration: none; }
.footer-nav ul li a:hover { text-decoration: underline; }

.footer-nav-right ul li a, .footer-nav-right ul li a:link, .footer-nav-right ul li a:visited { 
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}




@media (min-width: 768px) {
.footer     { margin: 0 auto 0 auto; }
.footer-row { margin: 15px auto !important; }

.footer .col-md-1 { display: block; }
.footer .col-md-1 {
	width: 105px; height: auto;
	border-right: solid 1px #fff;
	text-align: center;
}
.footer .col-md-7 { 
    width: 560px; 
	text-align: left;
	margin-left: 25px !important;
}
.footer .col-md-1, .footer .col-md-7 { float: left; }

.footer .col-md-7 ul { font-size: 1em; }
.footer .col-md-7 p  { font-size: 0.9em; }

.ca_initials {
	width: 60px; height: auto;
	margin: 0 auto;
	padding: 0;
}

.footer-nav ul    { margin: 8px 0; }
.footer-nav ul li { border-right: solid 1px #fff; }
.footer-nav ul li.first { padding: 0 15px 0 0 !important; }

.footer-row-dis p { width: 100%; margin: 0; }

}



@media (min-width: 992px) {
.footer .col-md-4 { 
    width: 250px;
	display: block;
}
.footer .col-md-4 ul { float: right; }

}



@media (min-width: 1200px) {
.footer .col-md-7 { width: 700px; }
.footer-nav-right ul li a:hover { background: none; }

}








/* General button styles */
a.ca-btn01, a.ca-btn01:visited { /* black/dk. blue gradient, aqua border */
    width: 100%; display: inline; 
	color: #fff; text-decoration: none;
	line-height: 19px;
	background: rgba(25,80,100,1);
    background: linear-gradient(0deg, rgba(0,0,0,1) 7%, rgba(25,80,100,1) 93%);
	-webkit-border-radius: 27px;
	-moz-border-radius: 27px;
	border-radius: 27px;
	border: solid 3px #5dc9ec;
	white-space: normal;
	padding: 6px 25px; 
	-webkit-box-shadow: 10px 10px 5px -7px rgba(0,0,0,0.5);
	-moz-box-shadow: 10px 10px 5px -7px rgba(0,0,0,0.5);
	box-shadow: 10px 10px 5px -7px rgba(0,0,0,0.5);
	-webkit-transition: all .6s ease-in;
	-moz-transition: all .6s ease-in;
	-ms-transition: all .6s ease-in;
	-o-transition: all .6s ease-in;
	transition: all .6s ease-in;
}
a.ca-btn01:hover { /* black/dk. grey gradient, white border */
	color: #5dc9ec; 
	background: rgba(115,115,115,1);
    background: linear-gradient(0deg, rgba(0,0,0,1) 7%, rgba(115,115,115,1) 93%);
	border: solid 3px #fff;
}


a.ca-btn_sml { font-size: 1em; }



