@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/subset-OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/subset-OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/subset-OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/subset-OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Open Sans';
    src: url('subset-OpenSans-SemiBold.woff2') format('woff2'),
        url('subset-OpenSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

body{margin:0; padding:0; font-family:'Open Sans', Arial; font-size:14px; line-height:24px; padding-top:120px; position:relative;}
.section{padding:60px 0;}
#header{position:fixed; width:100%; background:#fff; left:0; top:0; z-index:20; padding:0;}
.header{position:relative;}
.logo{position:absolute; left:10%; top:0; z-index:10;}
.logo img{height:115px; width:auto; padding-top:10px;}
.social{padding:12px 0; text-align:right}
#nav{border:1px solid #eee; border-width:1px 0; text-align:right}
.menu{margin:0; padding:0; list-style:none;}
.menu li{display:inline-block; padding:0 10px; line-height:60px;}
.active{border-bottom:5px solid #0976b2; line-height:50px !important;}
.menu li a{color:#333; font-weight:bold;}
.menu li a:hover, .menu li a:focus{text-decoration:none;}

.banner-head{font-weight:600; padding-top:90px;}
.banner_head1{font-size:34px; letter-spacing:-1px; color:#048ac5;}
.banner_head2{font-size:83px; line-height:60px; letter-spacing:-4px; color:#125291;}
.banner_head3{font-size:68px; line-height:50px; letter-spacing:-4px; color:#125291;}

.button{border-radius:20px; padding:10px 30px; background-color:#00c8cc; color:#fff; margin-top:5px; float:left}
.button:hover{color:#fff; text-decoration:none; background-color:#01bcad}

.d-blue{background-color:#125291; color:#fff;}

hr{width:100px; height:5px; background:#00c8cc; border:none; margin:0 auto; margin-bottom:40px;}

.product{width:20%; padding:0 10px; float:left;}

.loc{background:url(../img/location-icon.jpg) no-repeat left 4px; padding-left:40px;}
.phone{background:url(../img/phone-icon.jpg) no-repeat left 4px; padding-left:40px;}
.mail{background:url(../img/mail-icon.jpg) no-repeat left 4px; padding-left:40px;}

.content p{margin-bottom:20px;}
.contact h3{text-align:center;}

.footer{padding-top:20px; font-size:12px; line-height:20px;}
.footer a{color:#fff; text-decoration:none;}

@media (min-width:320px) and (max-width:800px){
.logo{left:5%;}
.logo img{height:82px; padding-top:10px;}
.social {display:none;}
.menu li{padding:0 5px; line-height:92px; font-size:13px}
#nav .container{padding:0;}
.padding-bottom{padding-bottom:60px;}
.banner_head1{font-size:26px;}
.banner_head2{font-size:64px;}
.banner_head3{font-size:53px;}
.product{width:100%; margin-bottom:20px;} .product img{display:inline-block;}
.content p{text-align:left !important;}
.content h3, .contact h3{text-align:left;}
.content hr, .contact hr{margin-left:0;}
}