@import url('https://fonts.googleapis.com/css?family=Muli:300,400,600,700,700i');

body {background: #fff; font-family: 'Muli', sans-serif; font-weight: 400; font-size: 16px; color: #221f1f; line-height: 1.6; position: relative;
-webkit-font-smoothing: antialiased; }

.container {width: 100%; max-width: 1170px;}

h1{font-size: 28px; color: #006CB7; text-align: center; margin: 30px 0;}
h2{font-size: 24px; margin-bottom: 20px;}
h3{font-size: 20px;}

ul{padding-left: 15px;}

/*p {margin-bottom: 20px;}*/

.margin-top-30{margin-top: 30px; }
.margin-top-40{margin-top: 40px; }
.margin-top{margin-top: 50px; }
.margin-o{ margin: 0; }
.section {padding: 20px 0 40px;}
.white-section{ background-color: #fefefe;}
.red-section{background-color: #006CB7; color: #fff;}
.red-section h2 {margin-bottom: 30px; font-size: 26px; text-align: left;}
.xs-left{text-align: left;}

.black-bg {background-color: rgba(51, 51, 51, 0.7);}
.white-bg{ background-color: #fff;}
.dark-bg{ background-color: #221f1f; }
.grey-bg{background-color: #f0f0f0;}

.red-button{ border: 1px solid #e2e2e2; padding: 8px 20px; color: #006CB7; display: inline-block; }
.red-button:hover{ color: #fff; background-color: #006CB7; border: 1px solid #006CB7;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; }

.white-button{ border: 1px solid #fff; padding: 8px 20px; margin-top: 20px; color: #fff; display: inline-block; }
.white-button:hover{ color: #221f1f; background-color: #fff; border: 1px solid #006CB7; 
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;}

a{ color: #221f1f; }
a:hover{ color: #006CB7; }
a:hover, a:focus{ text-decoration: none; }


#contact i { margin: 0 !important; }

/*-----header------*/

.header{ position: relative; top: 0; left: 0; right: 0; z-index: 1;}
.contact-link{ float: right; display: none; }
.contact-link ul{ margin: 0; }
.contact-link ul li{ display: inline-block; padding: 10px 0 10px 10px;color: #fff;}
.contact-link ul li a{ color: #fff; text-decoration: none; }
.contact-link img{ display: inline-block; }

.mobile-contact{font-size: 16px;}
.mobile-contact img{ display: inline-block; }
.mobile-contact p{  color: #221f1f; margin-left: 10px; }
.mobile-contact a{ color: #221f1f; }

.header-logo{ margin: 22px 0; float: left; }
/*.header-logo img{ width: 230px }*/
.mobile-heading{ color: #006CB7; font-weight: bold; margin: 25px 10px 0; display: block; }

.navs{ float: right;}
.navs ul{padding: 0;border-bottom: 1px solid #d6d6d6; }
.navs li{ border-left: 0; padding: 0; font-weight: 600; display: block;}
.navs li a{color: #221f1f;display: block;  padding: 10px; }
.navs li a: last-child{padding-right: 0;}
.navs li a:hover{background-color: #f5f5f5; color: #006CB7; text-decoration: none; }
.navs{ right: 0;position: fixed; overflow: auto;
right: -250px;
width: 250px;
top: 0px;
bottom: 0;
z-index: 1000; background: #f9f9f9; }

.dropbtn {
padding: 16px;
font-size: 16px;
border: none;}

.dropdown {
position: static;
display: inline-block;}

.dropdown-content {
display: none;
position: relative;
background-color: #f5f5f5;
min-width: 160px;
z-index: 1;
border-bottom: 3px solid #006CB7;}

.dropdown-content a {
padding: 12px 16px !important;
display: block;}

.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content { display: block;}
.dropdown:hover .dropbtn {}

.caret{margin: 10px 0; float: right;}

.controlar {float: right; margin: 36px 0 10px 0; cursor:pointer }
.controlar span{height: 3px; width: 20px; background-color: #333; display: block; margin: 3px; }
.glyphicon{ margin: 30px 10px 0 !important; }

/*----- header-and -----*/

.carousel{ top: 0; }
.carousel-control.right, .carousel-control.left{ background-image: none; }

/*----- slider-and -----*/

.banner-text{ background-color: rgba(0, 108, 183, 0.82); top: -60px; text-align: center; color: #fff; padding: 20px 10px; position: static; left: 0;right: 0; }
.banner-text p{ font-size: 18px; line-height: 20px; margin: 0; }

.products-text{ padding: 20px 0 0;}
.products-col img{ border-bottom: 2px solid #006CB7; margin-top: 20px;}

.footer-section{ text-align: center; color: #909090; padding: 30px 0 10px; }
.footer-manu{ border-bottom: 1px solid #2c2828; }
.footer-manu li{ display: inline-block; padding: 0 10px 10px;  }
.footer-manu li a{ color: #909090; }
.footer-manu li a:hover { color: #fff; }

.footer-content{ margin-top: 20px; }

.social-icon{ background-color: #262323; margin: 20px 0; }
.social-icon p{ display: inline-block; }
.social-icon ul{margin: auto; display: inline-block; padding: 0; }
.social-icon ul li{ list-style: none; float: left; padding: 10px 5px 3px; }
.copyright{display: inline-block;}

/*-----inner page-----*/
.gallery img{margin-top: 30px;}
.sl-overlay{background-color: #000;}

@media (min-width: 320px) {
}

@media (min-width: 768px) {
	/*.header-logo img{ width: 270px; }*/
	.header{ position: absolute; }
	.navs ul {border: none;}
	.mobile-contact{ display: none; }
	.contact-link{ display: block; }
	.banner-text p{ font-size: 22px; }
	.red-section h2{text-align: center;}
	.xs-left{text-align: center;}
}

@media (min-width: 1024px) {
	.banner-text{position: absolute;}
}

@media (min-width: 1000px) {
	.controlar{ display: none; }
	.navs ul {display: inline;}
	.navs li{ display: table-cell;border-left: 1px solid #e7e7e7;}
	.navs li a{ padding: 30px 15px; }
	.navs{ position: static; width: auto; background-color: transparent; }
	.dropdown-content{position: absolute;}
	.banner-text p{ font-size: 28px; }
	.mobile-heading{display: none;}
}

@media (min-width: 480px) {
	/*.controlar{ margin-top: 30px; }*/
}