html, body {
    height: 100%;
    margin: 0;
    padding: 0;
}
body {
    background-color: #fff;
    color: #2b2b2b;
    /*font-family: 'Cabin', sans-serif;*/
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
    line-height: 16px;
    min-width: 320px;
    /*overflow: hidden;*/
    width: 100%;
}
* {
    margin: 0;
    padding: 0;
}
h1,h2,h3,h4,h5,h6,p{
    margin: 0
}

html, html a {
    -webkit-font-smoothing: antialiased;
    text-shadow: 1px 1px 1px rgba(0,0,0,0.004);

}
a, button {
    text-decoration: none;
    cursor: pointer;
}
a{
    color: #2b2b2b;
}
a, a:hover, a:focus, button:hover, button:focus {
    outline: 0 none !important;
    text-decoration: none;
}
a:focus ,a:hover{
    color: #ba3f15;
}
ul{
    margin: 0;
    padding: 0;
}
#page{
    overflow: hidden;
}
.remove-padd{
    padding-left: 0;
    padding-right: 0;
}
.offspace-15{
    margin-top: 15px;
}
.offspace-45{
    margin-top: 45px;
}
.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
/*top header*/

/*===================================================================================*/
/*	HEADER CONTACT INFORMATION
/*===================================================================================*/

.top-header{background: #000 none repeat scroll 0 0;padding: 12px 0;}

/*top header*/
.top-header {
    background: #000 none repeat scroll 0 0;
    padding: 12px 0;
}
/*..social-grid li a {
    color: #fff;
    display: inline-block;
    font-size: 15px;
    text-align: center;
}*/

.social-left li a{color: #fff;display: inline-block; font-size: 15px;}
.social-grid li a {color: #a9a9ae;display: inline-block;font-size: 16px;}
.social-grid li a:hover{color: #ff4157;}
.social-grid li + li{ margin-left: 25px;}
.info-block{color: #fff;}
.info-block .fa {margin-right: 15px;}

/*social link*/
.social-grid ul li{display: inline;}

/* header */
.header-bar{margin: 20px auto;}
.header-bar .header-right{padding-top: 10px;}

header{width:100%;background:#fff;position:fixed;top:0px;z-index: 20;}
.navbar-top{height: 60px; }
.navbar-top li{width:auto;}
.navbar-top li span{margin-left:6px;line-height: 18px;}
.navbar-top .navbar-title li a{line-height: 17px; color: #8c95a2; height:17px;margin:25px 0px;padding:0px 28px;font-weight: bold;display:inline-block;border-right: 1px solid #e6e6e6}
.navbar-top .navbar-title li a:hover{color: #ba3f15;background:none;}
.navbar-top .navbar-title li a:hover span{border-bottom: 2px solid #ba3f15}
/*.navbar-top .navbar-title>li>a>i{padding-right: 6px;}*/
.progress{height: 2px; margin-bottom: 0px;}
.navb{margin:0px;}
.navbar-top .navbar-title li:hover .twonav {display:block;}
.twonav{position:absolute;top:65px;left:10px;background:#fff;width:auto;display:none;z-index:100; word-break:keep-all; white-space:nowrap;}
.twonav_one{position:absolute;left:-5px;word-break:keep-all; white-space:nowrap;}
.twonav_two{position:absolute;left:5px; word-break:keep-all; white-space:nowrap;}
.navbar-top .navbar-title .twonav a{border-right:0px;font-weight: 400;margin:15px 0px;}
.navbar-top .navbar-title .twonav p{border-bottom: 1px solid #e6e6e6}
/* banner */

.header-pic{position: relative; font-family: 'Roboto Condensed',sans-serif;}
.header-pic p{position: absolute; top: 40%; left: 23%; font-size: 45.18px; color: #ffffff;}
.header-pic p:after{content: '';background-color: #fff; font-size: 1rem; height: 4px; width: 4.8rem; display: block; margin: 1.8rem 0 0;}
/* header */

/* quality */
.que-top{margin-top: 40px; font-family: 'Roboto Condensed',sans-serif;}
.que-top h1{font-size: 32px; line-height: 47.07px; color: #bc4822; font-weight: 700;}
.que-top .que-con{font-family: 'Roboto',sans-serif; font-size: 17px; line-height: 32px; color: #666666;}

.qualitys{margin-top: 20px; margin-bottom: 20px;}
.quality{font-family: 'Roboto',sans-serif; padding: 20px 20px 50px; border-bottom: 1px dashed #000;}
.quality .fb{border: 1px dashed #000;}
.quality .qua-con{padding: 8% 4% 8%;}
.quality .qua-con h1{font-size: 26px; color: #0f0f16;}
.quality .qua-con h1:after{
    content: '';
    background-color: #000000;
    font-size: 1rem;
    height: 2px;
    width: 3rem;
    display: block;
    margin: 1rem 0 0 0;
}
.quality .qua-con p{font-size: 17px; color: #666666; line-height: 21.66px; margin-top: 30px;}
/*.quality .qua-a .first-l .qua-con .x{border: 1px dashed #2fbe1c;}*/



/*footer*/
.footer{background-color: #212022; font-family: 'Roboto',sans-serif;}
.footer .footer-left{margin-top: 85px; padding: 0 20px;}
.footer .footer-left p{font-size: 17px; color: #ffffff; margin: 30px auto 50px; line-height: 26px; word-spacing: 2px;}
.footer .footer-left .foot-sub{margin-left: 0; background-color: #ba3f15; color: #ffffff; font-size: 16px; line-height: 26px; height: 40px; border: 1px solid #ba3f15;}
.footer .footer-left .col-md-5,.col-sm-5{padding: 1px;}

.footer .footer-center{margin-top: 70px; font-family: 'Roboto Condensed',sans-serif; font-size: 16px; line-height: 26px; color: #7b7b7b; padding: 0 5%;}
.footer .footer-center .ft{font-size: 18px; color: #ffffff; font-weight: 500; letter-spacing: 2px;}
.footer .footer-center .contact-info{margin: 0; padding-bottom: 10px; list-style: none; display: block;}
.footer .footer-center .contact-info .color-primary{color: #fff;}
.footer .footer-center .contact-info li{margin-top: 14px;}
.footer .footer-all{margin-bottom: 40px;}
/*.footer .footer-title h4{font-size: 17px; color: #fff; }*/
/*.footer .footer-title p{font-size: 16px; color: #7b7b7b; line-height: 26px; word-spacing: 4px;}*/
/*.footer .footer-title {margin-bottom: 15px;}*/
.soc-ico{padding: 5px 0 10px; overflow: hidden; }
.soc-ico a{display: inline-flex; align-items: center; justify-content: center; background-color: #585858; margin: 2px 4px 2px; width: 26px;height: 26px; text-align: center; border-radius: 50%; box-sizing: border-box;}
.soc-ico a .soc-font-icon{color: #fff;}

.footer .footer-right{margin-top: 70px;}
.footer .footer-bar{border-top: 1px solid #45444b; font-family: 'Roboto',sans-serif;color: #fff;}
.footer .footer-bar .left-bar{padding: 25px;}
.footer .nav-pills>li{float: left;}
.footer .nav-pills>li>a:hover{background-color: #212022;}
.nav>li>a{position: relative; display: block; padding: 25px 10px;}
.footer .nav-pills>li>a{font-size: 14px;color:#fff;}
.footer .nav-pills>li.active>a{background-color: #212022;}
.footer .nav-pills>li.active>a:after{
    content: '';
    background-color: #fff;
    font-size: 1rem;
    height: 1px;
    width: 3rem;
    display: block;
    margin: 0.5rem 0 0 1.2rem;
}

@media screen and (min-width: 1200px) {
    .header-pic{margin-top:225px;}
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
    .about-con .ab-right .bottom{display: none;}
    .header-pic{margin-top:225px;}

}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .header-pic{margin-top:225px;}
    .about-con .ab-right .bottom{display: none;}.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{margin: 0 auto;}
    .que-top{margin: 0 2%; text-align: center;}
}
@media screen and (max-width: 767px) {


    .header-pic{margin-top:160px;}
    .navb{position:relative;}
    .navb #bs-example-navbar-collapse-1{height:300px;position:relative;z-index: 10; overflow: hidden; text-align: center;}
    /*.header-pic{margin-top:160px;}*/
    .navb #bs-example-navbar-collapse-1 a{padding:5px 0px;text-align: left;overflow: hidden;}
    .navb #bs-example-navbar-collapse-1 li{text-align: left;line-height: 30px;}
    .navb #bs-example-navbar-collapse-1 li a{height:30px;text-align: left;margin:0px; padding:0px;line-height: 30px; color: #ff4157;}
    .navbar-top .navbar-title li a{border:0px none;}
    .twonav{position:absolute;top:30px;left:0px;width:100%;}
    .twonav .twxs{padding-left: 20%;}

    .about-con .ab-right .bottom{display:none;}
    .photo-all li{margin-top:10px;}
    .header-bar{margin: 0 auto;}
    .header-pic img{min-height: 150px;}
    .faq-bt{margin: 2%;}
    .que-top{margin: 2%; text-align: center;}
    .que-faq{padding: 0; margin: 2%;}
}