/* Global */

body {font-family: "Open Sans", Helvetica, Verdana, sans-serif; color:#5c6465;}
img {max-width: 100%;}
a:link {color: #f58220;	text-decoration: none;}
a:hover {color: #bde2df; text-decoration: none;}
a:visited {color: #f58220; text-decoration: none;}

li {line-height:20px; margin:6px 0px;}
.dot2022 li::before { content: "\2022 "; font-size:30px; vertical-align:bottom; margin-right:6px; color:#FFF;}

ul.dot2022 {margin:0px 0; padding:0;}
.dot2022 li {margin: 0px; padding: 0px; text-indent: -18px; margin-left: 18px; }

/* Navigation */

.navbar-brand {height:auto;}

.navigation {text-align:right; list-style: none; margin-top:8px;}
.navigation li {padding:0px 12px 0px 12px; border-bottom:4px solid #FFFFFF; font-size:16px; color:#3d4748; text-transform: uppercase;  margin-bottom: 0px;}
.navigation li.last {border-right:none;}
.navigation li:hover {cursor:pointer; color: #0a7bbf; border-bottom:4px solid #0a7bbf;}
/*.navigation .active {cursor:pointer; color: #0a7bbf; border-bottom:4px solid #0a7bbf;}*/

/* General Slides */ 

/*.slide {background-attachment: fixed; width:100%; height:auto; position: relative; padding:140px 0; overflow:hidden;}*/

/* Slide 1 */ 
#slide1 {}
#slide1 h2 {padding:20px 10px 20px 10px; margin:0px; color:#0059a9; font-size:42px;}
#slide1 h3 {padding:0px 10px 10px 10px; margin:0px; color:#5c6465; font-size:24px;}

.hover-box {position:relative; cursor:pointer;}
.hover-box-top {width:100%; height:220px; background:#d7d7d7; font-size:24px; line-height:32px; color:#636363;}
.hover-box-top img {margin:25px 0px 15px 0px; clear:both;}

.hover-box-hover {position:absolute; bottom:0%; left:0px; width:auto; margin:0px 15px; height:0%; display:flex;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00aeef+0,0054a6+100 */
background: #00aeef; /* Old browsers */
background: -moz-linear-gradient(top, #00aeef 0%, #0054a6 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #00aeef 0%,#0054a6 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #00aeef 0%,#0054a6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aeef', endColorstr='#0054a6',GradientType=0 ); /* IE6-9 */
	
	
	color:#FFF; font-weight:400; font-size:12px; -webkit-transition:0.5s all ease-in-out; -moz-transition:0.5s all ease-in-out; -o-transition:0.5s all ease-in-out; transition:0.5s all ease-in-out; overflow:hidden; text-align:center; padding:0 18px;}
.hover-box-hover h3 {color:rgba(255,255,255,1.00) !important; padding-top: 6px !important;}

.hover-box-hover li {margin-bottom: 4px; line-height: 15px; font-size:13px;}
.hover-box:hover .hover-box-hover {height:100% !important;}
.hover-box-hover ul {margin:0px; padding:4px 8px;}
.hover-box .hover-img {width:100%;}

@media (max-width: 767px) {
.hover-box-top {height:auto; padding-bottom: 10px;}	
.hover-box .hover-img {display:none}

.hover-box-hover h3 {display:none;}
	.hover-box-hover div {padding:10px 4px;}
.hover-box-hover {height:auto; position:relative; margin:0px; top:0%;}
.hover-box:hover .hover-box-hover {height:auto;}
.hover-box-hover li {margin-bottom: 4px; line-height: 18px; font-size:14px;}	
.navigation li {padding:16px 8px; border-bottom:4px solid #FFFFFF; line-height:18px; font-size:14px; color:#3d4748; width:100%; float:none; display:block; text-align:center;}
.youtube {width:400px;}
  }
@media (min-width: 768px) {
.youtube {width:720px;}
	.hover-box-hover div {padding:0px;}	
.hover-box-hover li {margin-bottom: 0px; line-height: 11px; font-size:10px;}		
  }
@media (max-width: 992px) {
.navigation {text-align:right; list-style: none; margin-top:16px;}
.navigation li {padding:16px 4px; border-bottom:4px solid #FFFFFF; line-height:18px; font-size:12px; color:#3d4748;}

}
@media (min-width: 992px) {
.youtube {width:820px;}
.hover-box-hover li {margin-bottom: 4px; line-height: 14px; font-size:12px;}	
  }

@media (min-width: 1200px) {

  }

.rw {margin-bottom:16px !important;}

#slide2 h2 {padding:20px 10px 20px 10px; color:#127abb; font-size:42px;}
.products div {width:100%; max-width:300px; background:#0a7bbf; margin:0px auto 4px auto; color:#FFFFFF; padding:6px 10px; font-size:16px; text-transform:uppercase;}
.products div strong {clear:both; display:block;}
.products a {margin:10px 10px 50px 10px; display:block;}
.products a img {width:50px;}

.jumbotron {position: relative; background: #0d3a5f url(../img/our-company-old.jpg) center center;  width: 100%; height: 100%; background-size: cover; overflow:visible; margin:0px; padding:0px;}
.jumbotron .row {height:150px;}
.company-jumbo {position:relative; bottom:-40px; margin-top:110px; width:80px;}
.company-jumbo-show {display:none;}

@media (max-width: 767px) {
.company-jumbo-show {display:block; width:80px; margin:0px auto -10px auto;}
.our-company p {padding-bottom:16px;}
.company-jumbo {display:none;}
  }

#slide3 h2 {padding:20px 10px 20px 10px; color:#FFFFFF; font-size:42px;}
.our-company-h {background:#0d3a5f; border-bottom:2px solid #FFFFFF; height:80px;}
.our-company-h h2 {margin:0px; padding:10px; line-height:40px; height:40px; color:#FFFFFF;}
.our-company {color:#FFFFFF;}
.our-company-content {background:#0d3a5f; border-top:2px solid #FFFFFF; position:relative; z-index:-1; padding:50px 0px; margin-bottom:30px;}

#slideX h2 {padding:20px 10px 20px 10px; color:#127abb; font-size:42px;}
.alliances-bg {background:#f8f8f8; margin:20px 0px;}
.alliances-bg img {margin:0px auto;}
.alliances p {max-width:880px;}
video, .margin-auto  {margin:0px auto;}

.contacts-bg {background:#0a7bbf;}

#slide4 h2 {padding:20px 10px 20px 10px; color:#127abb; font-size:42px;}
#slide4 h3 {padding:20px 10px 20px 10px; color:#FFFFFF;}
.input-group {width:100%;}
.input-group .form-control {width:100%; height:50px; border:none;}
.input-group textarea {height:180px !important; border:none;}
.btn-default {background:#85bde0; height:50px; width:100%; border-radius:0px; border:none; margin:0px; padding:0px; line-height:50px; font-size:24px !important; color:#FFFFFF;}

.footer-mail {background:#FFFFFF; padding:28px 10px;}
.footer-mail a {color:#0a7bbf; font-size:24px;}
.footer-mail a:hover {color:#0d3a5f;}
.footer-copy {background:#3d4647; padding:12px; font-size:16px; color:#FFFFFF;}

.back-to-top {position: fixed; bottom: 2em; right:20px; text-decoration: none; color: #000000; background-color: rgba(235, 235, 235, 0.80); font-size: 12px; padding: 1em; display: none;}
.back-to-top:hover {background-color: rgba(135, 135, 135, 0.50);}