@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Regular.woff2') format('woff2'),
        url('fonts/Roboto-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Roboto';
    src: url('fonts/Roboto-Bold.woff2') format('woff2'),
        url('fonts/Roboto-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
  font-family: 'MyriadPro-Regular';
   src: url('fonts/MyriadPro-Regular.eot') format('embedded-opentype');
  src:  url('fonts/MyriadPro-Regular.otf')  format('opentype'),
       url('fonts/MyriadPro-Regular.woff') format('woff'), url('MyriadPro-Regular.ttf')  format('truetype'), url('MyriadPro-Regular.svg#MyriadPro-Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}
body{padding: 0;margin: 0}
.header{width: 100%;}
.container{width: 1100px;margin: 0 auto}
.header-left{float: left;width: 40%;transition: all .15s ease;}
.header-right{float: right;width: 60%;text-align: right;margin-top: 26px;}
.header-right ul{margin: 0;padding: 0;list-style: none;}
.header-right ul li{display: inline-block;padding: 0;position: relative;}
.header-right ul li a{color: #000;padding: 0 20px;font-weight: 400;font-size: 16px;display: block;line-height: 24px;text-transform: capitalize;font-family: "Roboto", Sans-serif;text-decoration: none;	}
.header-right ul li ul{background-color: #000;color: #fff;list-style: none;padding-left: 0;position: absolute;display: none;width: 260px;left: 0;text-align: left;z-index: 99999;}
.header-right ul li ul li{display: block;}
.header-right ul li ul li a{color: #fff;display: block;font-size: 15px;line-height: 1.2;text-shadow: none;/*padding: calc( .5 * 1rem) calc( 24px + 1rem) calc( .5 * 1rem) 1rem;*/padding: 12px 10px}
.header-right ul li a:hover{color: #f3b500}
.banner{width: 100%;overflow: hidden;}
.container-1{margin: 0 auto;width: 100%}
.reliable{width: 100%;overflow: hidden;padding: 40px 0px 40px 0px}
.reliable-block{width: 100%;float: left;}
.reliable-block h2{font-family: 'Roboto';font-size: 25px;text-transform: capitalize;text-align: center;}
.reliable-block p{font-family: 'Roboto';font-size: 18px;text-transform: capitalize;text-align: center;font-weight: 400;margin: 7px 0 0 0;line-height: 31px}
.brand{width: 100%;overflow: hidden;padding: 0px 0 60px 0}
.brand-block{width: 100%;float: left;}
.brand-block h2{font-family: 'Roboto';font-size: 25px;text-transform: capitalize;text-align: center;}
.brand-block-left{width: 33.33%;float: left;text-align: center;}
.brand-block-center{width: 33.333%;float: left;text-align: center;}
.brand-block-right{width: 33.333%;float: left;text-align: center;}
.brand-block-left img {width: 100%;}
.brand-block-center img {width: 100%;}
.brand-block-right img {width: 100%;}
.product-vertical{width: 100%;overflow: hidden;background-color: #E9B311;padding: 20px 0 0 0}
.product-vertical-block h2{font-family: 'Roboto';font-size: 30px;text-transform: capitalize;text-align: center;font-weight: 500;}
.product-vertical-block p{font-family: 'Roboto';font-size: 18px;text-transform: capitalize;text-align: center;font-weight: 400;margin: 15px 0 0 0}
.product-vertical-block-one{width: 100%;float: left;padding: 40px 0 40px 0}
.product-vertical-block-one-one{width: 33.333%;float: left;text-align: center;min-height: 450px}
.product-vertical-block-one-one-one{width: 100%;float: left;}
.product-vertical-block-one-one-two{width: 100%;float: left;}
.product-vertical-block-one-one-two ul{margin: 0;padding: 0;list-style: none;}
.product-vertical-block-one-one-two ul li{padding: 9px;font-size: 15px;position: relative;color: #fff;text-shadow: 0 0 2px #717171;font-family: 'Roboto';}
.product-vertical-block-one-one-two h2{font-family: 'Roboto';color: #000000;font-size: 1.6875em;margin: 10px 0 10px 0}
.estimated-customer-block h2{font-family: 'Roboto';font-size: 30px;text-transform: capitalize;text-align: center;font-weight: 500;color: #ff9900}
.estimated-customer-block p{font-family: 'Roboto';font-size: 16px;text-transform: capitalize;text-align: center;font-weight: 400;margin: 15px 0 30px 0;line-height: 27px}
.location{width: 100%;overflow: hidden;background-image: url(../images/bottom-banner.jpg);background-repeat: no-repeat;background-size: cover;}
.location-block{width: 100%;float: left;padding-top: 30px}
.location-block h2{color: #fff;text-transform: uppercase;font-size: 25px;text-align: center;font-weight: 500;font-family: "Roboto", Sans-serif;}
.location-block p{color: #fff;margin: 0 7%;text-align: center;font-family: "Roboto", Sans-serif;line-height: 25px;font-size: 18px}
.location-block p a{display: inline-block;padding: 5px 25px;border-radius: 30px;color: #000;font-size: 14px;background: #e2d800;text-decoration: none;margin: 25px 0 20px 0}
.location-block p a:hover{color: #fff;background: #f3b500;}
.footer{background-color: #000;font-weight: 500;padding: 20px 0 20px 0;color: #ffffff;text-align: center;font-size: 18px;position: relative;font-family: "Roboto", Sans-serif;}
.footer-block{width: 100%;}
.footer-block p{padding: 0;margin: 0}
.footer-block p a{color: #f3b500;text-decoration: none;}
.footer-block p a:hover{color: #005177}
.estimated-customer-block {padding-bottom: 25px;}
.banner-1{width: 100%;overflow: hidden;color: #fff;padding: 80px 0 80px;position: relative;margin-bottom: 30px;text-align: center;background-color: #000;background-image: url(../images/inner-banner.jpg);background-position: right center;background-size: cover;background-repeat: no-repeat;}
.banner-1-block{width: 100%;float: left;}
.banner-1-block h2{letter-spacing: 2px;margin: 0 auto;color: #fff;font-weight: 400;font-size: 35px;line-height: 45px;padding: 20px;font-family: "Roboto", Sans-serif;}
.about-us{width: 100%;overflow: hidden;}
.about-us-block{width: 100%;float: left;}
.about-us-block p{font-family: "Roboto", Sans-serif;font-weight: 400;color: #232323;font-size: 17px;line-height: 27px;}
.about-us-block p span{font-weight: 600}
.about-us-block-left{width: 50%;float: left;}
.about-us-block-right{width: 50%;float: right;text-align: right;}
.about-us-block-center{width: 100%;float: left;padding-top: 20px}
.about-us-block-center p{font-family: "Roboto", Sans-serif;font-weight: 600;color: #232323;font-size: 17px;line-height: 27px;}
.about-us-block-center ul{margin: 0;padding: 0;list-style: none;}
.about-us-block-center ul li{    padding: 8px;font-size: 15px; position: relative;padding-left: 20px;    font-family: "Roboto", Sans-serif;
    font-weight: 400;}
.about-us-block-center ul li:before {
    content: "\f101";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 25px;
    color: #ff7e00;
    font-family: FontAwesome;
}
.Bang-group{width: 100%;overflow: hidden;padding: 30px 0 10px 0}
.Bang-group p{font-family: "Roboto", Sans-serif;font-weight: 600;color: #232323;font-size: 17px;line-height: 27px;}
.why-us{width: 100%;overflow: hidden;}
.why-us-block{width: 100%;float: left;padding-top: 20px;padding-bottom: 20px}
.why-us-block p{font-family: "Roboto", Sans-serif;font-weight: 400;color: #232323;font-size: 17px;line-height: 27px;}
.why-us-block p span{font-weight: 600}
.why-us-block-left{width: 60%;float: left;}
.why-us-block-right{width: 35%;float: right;}
.why-us-block-right img{width: 100%;padding-bottom: 20px}
.why-us-block-left h4{font-family: "Roboto", Sans-serif;font-weight: bolder;padding-bottom: 20px}
.why-us-block-left ul{margin: 0;padding: 0;list-style: none;}
.why-us-block-left ul li{    padding: 8px;font-size: 15px; position: relative;padding-left: 20px;    font-family: "Roboto", Sans-serif;
    font-weight: 400;}
.why-us-block-left ul li:before {
    content: "\f101";
    position: absolute;
    top: 0;
    left: 0;
    font-size: 25px;
    color: #ff7e00;
    font-family: FontAwesome;
}
.gallery-block {
    width: 100%;
    float: left;
    text-align: center;
}
.gallery-block h2{font-family: "Roboto", Sans-serif;font-size: 35px;padding-bottom: 30px}
.contact{width: 100%;overflow: hidden;}
.contact-block{width: 100%;float: left;}
.contact-block-left{width: 50%;float: left;}
.contact-block-left h2{font-family: "Roboto", Sans-serif;padding-bottom: 20px}
.contact-block-left p{font-family: "Roboto", Sans-serif;line-height: 25px;font-size: 16px}
label.contact-form {display: block;font-family: "Roboto", Sans-serif;line-height: 25px;font-size: 16px;padding-top: 9px;font-weight: 500}
.banner-text{background: none;border: solid 1px #ccc;margin-bottom: 0px;box-sizing: border-box;outline: none;line-height: 40px;height: 40px;padding: 10px 15px;outline-offset: 0;color: #000;border-radius: 5px;width: 100%;display: block;font-family: "Roboto", Sans-serif;}
textarea.banner-text-one {background: none;border: solid 1px #ccc;margin-bottom: 0px;box-sizing: border-box;outline: none;padding: 10px 15px;outline-offset: 0;color: #000;border-radius: 5px;width: 100%;display: block;font-family: "Roboto", Sans-serif;}
button.banner-submit {
    transition: background 150ms ease-in-out;
    background: #29176f;
    border: none;
    font-size: 15px;
    line-height: 24px;
    border-radius: 5px;
    box-sizing: border-box;
    color: #fff;
    text-transform: capitalize;
    outline: none;
    padding: 8px 15px;
    text-decoration: none;
    vertical-align: bottom;
    margin-top: 20px;
    margin-bottom: 20px;font-family: "Roboto", Sans-serif;
}
.banner-submit:hover{background-color: #ea8f40;cursor: pointer;}
.contact-block-right{width: 48%;float: right;}
.contact-block-right-one{width: 50%;float: left;}
.contact-block-right-one h2{font-family: "Roboto", Sans-serif;font-size: 30px}
.contact-block-right-one p{font-family: "Roboto", Sans-serif;font-size: 16px;color: #232323;line-height: 25px}
.contact-block-right-one p span{font-weight: 600}
.contact-block-right-one p a{color: #232323;text-decoration: none;}
.product{width: 100%;overflow: hidden;}
.product-block{width: 100%;float: left;}
.product-block p{font-family: "Roboto", Sans-serif;font-size: 16px;line-height: 25px}
.product-block ul{padding: 0;margin: 0 -15px;list-style: none;}
.product-block ul li{width: 25%;float: left;padding: 0 15px;padding-bottom: 30px}
.product-image {margin: 0;border: 1px solid #f2f2f2;}
.product-description {
    padding: 0 15px;
    border: 1px solid #f2f2f2;
}
.product-description h3 {
    margin: 10px 0;
    color: #000000;
    line-height: 1;
    font-size: 20px;
    font-weight: 400;
    text-transform: capitalize;
    display: inline-block;font-family: "Roboto", Sans-serif;
}
.product-description p{line-height: 1.3;color: #4d4d4d;font-weight: 400;font-size: 16px}
.read {
    text-align: right;
}
.read p a{color: #f3b500;text-decoration: none;}
.product-image img {
    width: 100%;}
.header-right ul li:hover ul{display: block;}
.header-right ul li:hover ul li ul{display: none;}
.header-right ul li ul li:hover ul{display: block}
.header-right ul li ul li:hover{background-color: #e5ab00;color: white}
.header-right ul li ul li a:hover{color: white}
.single-block-wrap{width: 100%;overflow: hidden;padding: 30px 0}
.product-inner-left {width: 75%;float: left;padding-right: 20px;}
.product-inner-left h2 {font-weight: 600;font-size: 25px;margin: 15px 0;color: #363636;font-family: "Roboto", Sans-serif;}
.product-images {overflow: hidden;}
.product-images img {text-align: center;}
.product-content p{line-height: 1.5;color: #4d4d4d;font-weight: 400;font-size: 16px;font-family: "Roboto", Sans-serif;}
.product-content tr {border-bottom: 1px solid #ddd;}
.product-content table td {padding: 8px;border: 0;text-align: left;font-size: 16px;line-height: 25px;font-family: "Roboto", Sans-serif;}
.product-content table td strong{font-weight: bolder}
.product-content table {margin-top: 30px;}
.product-inner-right{width: 25%;float: right;}
.product-inner-right-block h2 {font-size: 16px;color: #000000;font-weight: 600;padding: 30px 0 10px 0;margin: 0 0 20px;text-transform: uppercase;border-bottom: 1px solid#ddd;position: relative;font-family: "Roboto", Sans-serif;}
.product-inner-right-block ul {padding: 0;margin: 0;list-style: none;}
.product-inner-right-block ul li{border-bottom: 1px solid#f3f3f3;padding: 10px 0;position: relative;padding-left: 15px}
.product-inner-right-block ul li a{color: #7d7d7d;text-decoration: none;font-family: "Roboto", Sans-serif;font-size: 16px}
.product-inner-right-block ul li:before{width: 5px;height: 5px;content: "";display: block;left: 0;background: #f3b500;top: 17px;position: absolute;}    
.product-inner-right-block ul li:last-child{border-bottom: 0}
.product-inner-right-block ul li a:hover{color: #f3b500}
.product-content table tr:last-child{border: none;}
.text-wid-block-one-img img {width: 100%;}
.text-wid-block-one-img {width: 50%;float: left;}
.text-wid-block-one {margin-bottom: .5em;line-height: 1.5;overflow: hidden;border-bottom: 1px solid#ddd}
.text-wid-block-one-content{width: 50%;float: right;}
.text-wid-block-one-content h2{font-size: 13px;border: none;padding: 10px 0 0 0;margin-bottom: 10px;text-transform: capitalize;}
.text-wid-block-one-content p{font-family: "Roboto", Sans-serif;font-size: 10px;font-weight: 600}
.text-wid-block-one-content h2 a:hover{text-decoration: none;}
.related-product{width: 100%;overflow: hidden;padding-top: 80px}
.related-product-block{width: 100%;float: left;}
.related-product-block ul{padding: 0;margin: 0 -15px;list-style: none;}
.related-product-block ul li{width: 25%;float: left;padding: 0 15px;padding-bottom: 30px}
.related-product-block p{font-family: "Roboto", Sans-serif;}
.related-product-block h2 {font-weight: 400;font-size: 25px;margin: 15px 0;color: #363636;font-family: "Roboto", Sans-serif;}
.read p a:hover{color: #005177}
.estimated-customer-block img{width: 100%}
.mobinav,.navclsbtn {display: none;}
.navbar-toggle {
    padding: 0;
    margin-right: 0;
    width: 24px;
    height: 16px;
    background: 0 0;
    border: none;
    background: 0 0!important;
    box-shadow: none;
    transition: margin-bottom .3s,margin-top .3s;
    transform: translate3d(0,0,0);
    margin: 26px 26px
}
.navbar-toggle .icon-bar {
    height: 1px;
    width: 100%;
    position: absolute;
    left: 0;
    margin-top: 0!important;
    transition: all .3s;
    -ms-transform-origin: 50% 50% 50%;
    transform-origin: 50% 50% 50%;
    transform: translate3d(0,0,0);
    box-shadow: none;
    background-color: #e9ad2f;
}
.navbar-toggle .icon-bar:nth-child(1) {
    top: 0;
}
.navbar-toggle .icon-bar:nth-child(2) {
    top: 50%;
    opacity: 1;
}
.navbar-toggle .icon-bar:nth-child(3) {
    top: 100%;
}
.product-content {
    padding-top: 20px;
}
.map{width: 100%;overflow: hidden;padding-top: 20px}