/* CSS Document */

*{ margin:0; padding:0;}

body{font-family: 'Roboto', sans-serif;}

img{ border:none;} 

.clear{ clear:both;}

#main-wrapper{ width:100%; margin:0 auto; overflow:hidden}

.strip-top{ padding:5px 0px; color:#fff; background-color:#333333;}

.top-rgt{ padding-right:77px;}

.nav>li>a{ padding: 16px 24px; font-size:13px; font-weight:normal;}

.btn-orange{ background-color:#f1a133; /*padding:1%; */text-align:center; color:#fff; display:inline-block!important; margin:10px 3px; padding: 4px 10px;-webkit-transition: all 0.30s ease-in-out;-moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out;  border-radius:4px;}

.btn-orange a{ padding:0px!important; margin:0px !important; color:#fff !important;}

.btn-orange:hover{ background-color:#000;}

.navbar-default .navbar-nav>li>a{color: #4e4e4e;}

.navbar-brand{padding: 7px 15px;}

.navbar{ min-height:108px;/*margin: 2% 0 0;*/}

.navbar-nav{margin:27px 0px 0px;}

.navbar-default{ background-color:#fff!important;box-shadow: 2px 2px 2px; border-bottom: solid 2px #1a6dbb;}

.banner{ padding-top:108px;}

.banner img{ width:100%}

.about-txt{ padding:0px 0 0 0}

p{line-height: 25px;}

.brandM{margin:0% auto 2%;}

.brandM h2{color: #2d2e2e; font-weight: 600; padding: 0; text-align: center; position: relative; margin-top:0px!important}

.brandM h2::after{   background-color: #1268b9; content:""; display:block; height:1px; margin:10px auto 0; width:150px;}

.product-border-green {background-color: #fff; border: 1px solid #1268b9; border-radius: 50%;  display: block; height: 9px; margin: 0 auto; position: relative;

 top:-15px; width: 9px; z-index: 9;}

.mid-container{ background-color:#fff; color:#000; margin:10px 0 }

.demo-btn{ background-color:#1268b9; border: solid 1px #333; color: #000; padding: 14px 26px;  border-radius:4px; margin:2% 0; font-size:14px; display:table; text-transform:uppercase; margin:10px auto 50px}

.demo-btn a{ color:#fff; text-decoration:none;}

.demo-btn:hover{ background-color:#333333;}

.demo-btn i{ font-size:18px; margin:0 0px 0 10px}	

.footer{height:450px; width:100%; color:#999999; background:url(../images/contact-bg.jpg) no-repeat; background-size: cover; }

.footer h3{ padding-top: 10px;}

.footer-icon{ }

.footer-icon i{ color:#f1a133;font-size:15px;}

.map{ margin:20px 0 0}

.icon{ font-size:30px;}

.icon ul{ list-style-type:none; text-decoration:none;}

.icon li{ float:left; margin:0 10px 0 0px}

.icon .fb{ color:#16458e;}

.icon .fb a{ color:#16458e;}

.icon .twit{ color:#1cb7eb;}

.icon .twit a{ color:#1cb7eb;}

.icon .plus{ color:#e3411f;}

.icon .plus a{ color:#e3411f;}

.icon .in{ color:#1686b0}

.icon .in a{ color:#e3411f;}

.icon .pin{ color:#c61118;}

.icon .pin a{ color:#c61118;}

.icon li a:hover{color:#999999;}

.bottom{ background-color:#000000; color:#838383; padding:10px 0px; text-align:center;}

.separator{ background-color:#393939; height:2px; width:200px; margin:0 0 2% 0}

/*.navbar-nav a::after{ content:"|";}

*/

@media screen and (max-width:1280px) and (max-width:980px) {

.about-section{ height:auto;}

}

@media screen and (max-width:1024px) {

.nav > li > a{ padding:16px;}

}

@media screen and (max-width:768px) {

.about-txt{ padding:0px 20px;}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{  margin-top:33px!important;}

.navbar-toggle{ margin-top: 34px!important;}

.nav > li > a{ padding:16px;}

.btn-orange{ display:inline;}

.about-section{ height:auto;padding-top: 48px;}

.footer{margin-top:0%;}

.map{ width:100%;}

iframe{ width:100%; height: 60%;}

.demo-btn{margin:4% auto;}

.navbar-nav{ margin:13px 0 0!important;}

}

@media screen and (max-width:640px) {

.about-section{ height:auto;padding-top: 48px;}

.demo-btn{margin: 4% auto;}

.map{ display:none;}

}

@media screen and (max-width:480px) {

.about-section{ height:auto;padding-top: 48px;}

.map{ display:none;}

}

@media screen and (max-width:320px) {

.about-section{ height:auto;padding-top: 48px;}

.map{ display:none;}

}