@charset "utf-8";
/* CSS Document */

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

html, body{-webkit-font-smoothing:antialiased}
/*body{ padding:0; margin:0; color:#30323f; font-family: 'Lato', sans-serif; font-weight:400; font-size:13px; line-height:18px;}*/
body{ padding:0; margin:0;  color:#434343; font-family: 'Ubuntu', sans-serif;  font-size:16px; line-height:22px; font-weight:400; overflow-x:hidden;}

div, p, form, ul, li, h1, h2, h3, h4, h5, h6, a, span, form, img, br, input, textarea, label, samp,section, article, aside, figure, figcaption, big, small { padding:0; margin:0; }

a, input { text-decoration:none; outline:none;}

img {border:0; outline:none;}

ul{list-style-type:none;}

*:focus{ outline:none;}
*, ::after, ::before {-webkit-box-sizing: border-box;	-moz-box-sizing: border-box; box-sizing: border-box;}
input, textarea { background:transparent; padding:0px 0 0px 0; border: 0; width: 100%;}
samp, big, small{font-family: 'Ubuntu', sans-serif;}
.block{ display: block;}
/* input::-webkit-input-placeholder {color: red;}
input:-moz-placeholder {color: red;}
input::-moz-placeholder {color: red;}
input:-ms-input-placeholder {color: red;}
textarea::-webkit-input-placeholder {color: green;}
textarea:-moz-placeholder {color: green;}
textarea::-moz-placeholder {color: green;}
textarea:-ms-input-placeholder {color: green;}
input[type="email"]::-webkit-input-placeholder {color: blue;}
input[type="email"]:-moz-placeholder {color: blue;}
input[type="email"]::-moz-placeholder {color: blue;}
input[type="email"]:-ms-input-placeholder {color: blue;} */

.addAnimate{-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;  -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
.fadeOut{opacity:0;}
.fadeIn{opacity:1;}
.fadeOutRight {opacity:0; position:relative; left:50%;}
.fadeInRight{opacity:1; left:0%;}
.fadeOutLeft {opacity:0; position:relative; right:50%;}
.fadeInLeft{opacity:1; right:0%;}
.fadeOutBottom{opacity:0; position:relative; top:50px;}
.fadeInBottom{opacity:1; top:0px;}
.fadeOutTop{opacity:0; position:relative; margin-top:-50%;}
.fadeInTop{opacity:1; margin-top:0%;}



.zoomOut{-webkit-transform: scale(0.2); transform: scale(0.2);opacity:0;}
.zoomIn{ -webkit-transform: scale(1); transform: scale(1); opacity:1;}
.delay1{-webkit-transition-delay:0.2s!important;  transition-delay:0.2s!important;}
.delay2{-webkit-transition-delay:0.25s!important;  transition-delay:0.25s!important;}
.delay3{-webkit-transition-delay:0.3s!important;  transition-delay:0.3s!important;}
.delay4{-webkit-transition-delay:0.35s!important;  transition-delay:0.35s!important;}
.delay{-webkit-transition-delay:1s!important;  transition-delay:1s!important;}


input[type="button"],input[type="submit"],.input-checkbox {-webkit-appearance: none;-moz-appearance: none;appearance: none;}

.transition{-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;  -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
.transition2{-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.transition3{-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.addAnimate{-webkit-transition: all 0.5s ease-in; -moz-transition: all 0.5s ease-in;  -o-transition: all 0.5s ease-in; transition: all 0.5s ease-in-out;}

.zoomOut{-webkit-transform: scale(1.5); transform: scale(1.5);opacity:0;}
.zoomIn{-webkit-transform: scale(1); transform: scale(1);opacity:1;}

header.headerBlack{position:fixed; width:100%; left:0; top:0; background: #FFF; height: 95px; padding: 0 28px; border-bottom:1px solid #e3e3e4; -webkit-box-shadow: 0px 5px 13px -5px rgba(0,0,0,0.05);  -moz-box-shadow: 0px 5px 13px -5px rgba(0,0,0,0.05);  box-shadow: 0px 5px 13px -5px rgba(0,0,0,0.05); z-index:100; }
header.headerBlack:after{content:''; display: block; clear: both;}
header.headerBlack .headerL{ float: left; padding-top: 21px;}
header.headerBlack .headerR{float:right; padding-top: 29px; display:flex; justify-content: center}
header.headerBlack .logo{float: left;  border-right:1px solid #e3e3e4; padding-right: 30px; margin-right: 30px;}
header.headerBlack .logo+h1{float: left; padding:0 60px 0 22px; margin: 10px 30px 0 0; height: 46px;  border-right:1px solid #e3e3e4;}
header.headerBlack .menuTrigger{float: left; font-size: 16px; background: url(../images/nav-triger.png) no-repeat 100% 50%; padding-right: 50px; cursor: pointer; margin-top: 15px;}
header.headerBlack .menuTrigger.menuClose{background: url(../images/nav-triger-close.png) no-repeat 100% 50%;}

header.headerBlack .headerR:after{content:''; display: block; clear: both;}
header.headerBlack .headerR span{ float: left; height: 33px; line-height: 33px;}
header.headerBlack .headerR span:first-of-type{ padding-right: 18px; margin-right: 18px; border-right: 1px solid #f16421;}
header.headerBlack .headerR span a{ font-size: 16px; color: #161616;}
header.headerBlack .headerR span a.icon_fyr{ display: block; padding-left:48px; background: url(../images/bullet.png) no-repeat 0 50%;}

header.headerWhite{position:fixed; width:100vw; left:0; top:0; height: 95px; padding: 0 28px; border-bottom:0; -webkit-box-shadow: 0px 5px 13px -5px rgba(0,0,0,0.0);  -moz-box-shadow: 0px 5px 13px -5px rgba(0,0,0,0.0);  box-shadow: 0px 5px 13px -5px rgba(0,0,0,0.0); z-index:100; display:none; }
header.headerWhite:after{content:''; display: block; clear: both;}
header.headerWhite .headerL{ float: left; padding-top: 21px;}
header.headerWhite .headerR{float:right; padding-top: 29px;}
header.headerWhite .logo{float: left; border-right:1px solid #e3e3e4; padding-right: 30px; margin-right: 30px;}
header.headerWhite .logo+h1{float: left; padding:0 60px 0 22px; margin: 10px 30px 0 0; height: 46px;  border-right:1px solid #e3e3e4;}
header.headerWhite .menuTrigger{float: left; font-size: 16px; background: url(../images/nav-triger-white.png) no-repeat 100% 50%; padding-right: 50px; cursor: pointer; margin-top: 15px;  color: #FFF;}

header.headerWhite .headerR:after{content:''; display: block; clear: both;}
header.headerWhite .headerR span{ float: left; height: 33px; line-height: 33px;}
header.headerWhite .headerR span:first-of-type{ padding-right: 18px; margin-right: 18px; border-right: 1px solid #f16421;}
header.headerWhite .headerR span a{ font-size: 16px; color: #FFF;}
header.headerWhite .headerR span a.icon_fyr{ display: block; padding-left:48px; background: url(../images/bullet-white.png) no-repeat 0 50%;}

@media all and (max-width:1000px){
    header.headerWhite .headerR {display: none;}
    header.headerWhite, header.headerBlack{ padding: 0;}
    .headerL{ width: 100%; padding: 0 15px;}
    header.headerWhite .menuTrigger { float: right;}
    header.headerBlack .menuTrigger { float: right;}

    header.headerBlack .headerR{ float:none; position: fixed; left: 0; bottom: 0; background: #FFF; right: 0; padding: 15px; -webkit-box-shadow: 0px -5px 46px -5px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px -5px 46px -5px rgba(0,0,0,0.3); box-shadow: 0px -5px 46px -5px rgba(0,0,0,0.3);}



}

@media all and (max-width:799px){
    header.headerWhite{ display: none;}
}
/* ===================================== */

/* ----------- navigation start --------------- */

.navWrap{ position: fixed; left: 0; top: 0; right: 0; bottom:0px; margin:auto; background-color: #FFF; z-index:9999; display: flex; overflow: auto;}
.navOverlay{ position: fixed; left: 0; top: 0; right: 0; bottom:0; margin:auto; background-color: rgba(0, 0, 0, 0.8); z-index:9998;}
.navL{flex:none; width:400px; background: #FFF url(../images/nav-lBg.jpg) no-repeat  0 50%; background-size: cover; padding:95px 0 0 75px; }
.navR{background: #FFF /*url(../images/nav-rBg.jpg) no-repeat 100% 100%*/; flex:1; padding:40px 75px 0; height: fit-content;}

.navWrap::-webkit-scrollbar-track { background: rgba(179, 177, 177, 0.4); border-radius: 3px;}
.navWrap::-webkit-scrollbar-thumb {background: rgba(179, 177, 177, 0.8); border-radius: 3px;}
.navWrap::-webkit-scrollbar-thumb:hover { background: rgba(179, 177, 177, 1); border-radius: 3px;}
.navWrap::-webkit-scrollbar-thumb:active { background: rgba(179, 177, 177, 1); border-radius: 3px;  }


.navL1 li{ margin-bottom:30px; position: relative;}
.navL1 li a{color:#5b5b5b; font-size: 18px; font-weight:900; text-transform: uppercase; }
.navL1 li a:hover{color:#f16421;}
.navL1 li.mnA a{color:#f16421;}
.navL1 li.mnA:after{background:#f16421; content:''; width: 50px; height: 3px; position: absolute; top:11px; right: -25px;}

.navL2 h3{ margin-bottom: 15px; font-weight:300; color: #5d5d5d; }
.navL2>ul{ display: flex; flex-wrap: wrap; width: 100%;}
.navL2>ul>li{ width: 33.33333333%; border-top: 1px solid #DDD; padding:30px 0;}

.navL2>ul>li ul{ margin-top: 15px;}
.navL2>ul>li ul li{margin-bottom: 5px;}
.navL2>ul>li ul a{color: #5d5d5d; overflow-wrap:break-word; display: inline-block; width: 70%;}
/*.navL2>ul>li ul a:before{content:'-'; display: inline-block; margin-right: 3px; }*/
.navL2>ul>li ul a:hover{color:#f16421;}
.navL2>ul>li>a{ color: #5d5d5d;  font-size: 16px; font-weight:900; text-transform: uppercase;}

.navClose{ position: absolute; left:70px; top:40px;font-weight:700; font-size: 14px; color: #5d5d5d; cursor: pointer;}
.navClose:before{content:'\2715'; display: inline-block; margin-right: 5px; font-weight: 900;}

.navL1_b{padding-top: 30px;}
.navL1_b a{display: inline-block; margin-right: 3px; font-size: 14px; color: #5d5d5d;  }
.navL1_b a:first-of-type{ margin-right:30px;}
.navL1_b a:before{content:'-'; display: inline-block; margin-right: 3px; }
.navL1_b a:hover{color:#f16421;}

@media all and (max-width:1000px){

    .navWrap{ position: fixed; left: 0; top:95px; right: 0; bottom:10vh; margin:auto; background-color: #f7f7f7; z-index:9999; display: block;}
    .navOverlay{top:95px; }
    .navL{flex:none; width:100%; background: #f7f7f7 none;  padding:40px 30px;  overflow: auto;}
    .navR{background: #FFF none; flex:1; padding:0; position: fixed;  top: 0; right: 0; bottom:100px;  background-color: #FFF; width: 0;}

    .navL2Holder{ position: fixed; left:100%; top:95px; width: 100%;  bottom:10vh; margin:auto; background-color:#f7f7f7;  overflow: auto;  padding:40px 40px 0; -webkit-box-shadow: -3px 0px 32px -13px rgba(0,0,0,0.3);
        -moz-box-shadow: -3px 0px 32px -13px rgba(0,0,0,0.3); box-shadow: -3px 0px 32px -13px rgba(0,0,0,0.3); }
    .navL3Holder{ position: fixed; left:100%; top:95px; width: 100%;   bottom:10vh; margin:auto;  background-color:#f7f7f7;  overflow: auto;  padding:40px 40px 0; -webkit-box-shadow: -3px 0px 32px -13px rgba(0,0,0,0.3);
        -moz-box-shadow: -3px 0px 32px -13px rgba(0,0,0,0.3); box-shadow: -3px 0px 32px -13px rgba(0,0,0,0.3);}

    .navL1 li{ margin-bottom:16px;}
    .navL1 li a{font-size:14px;}

    .navL2>ul{ display:block;  width: 100%; padding-top: 16px;}
    .navL2>ul>li{ width:100%; border-top:0; padding: 0;  margin-bottom:16px;}
    .navL2>ul>li>a { font-size: 14px;}
    .navL1 li.mnA:after{ display: none;}


    .navL3Holder ul{ display:block;  width: 100%; padding-top: 20px;}
    .navL3Holder ul>li{ width:100%;  margin-bottom:10px;}
    .navL3Holder ul>li>a { font-size: 14px; color: #5d5d5d; }
    .navL3Holder ul>li>a:before{content:'-'; display: inline-block; margin-right: 3px; }

    .hasSub{ background:url(../images/arrow2a.png) no-repeat 100% 8px;}

    .menuBack{ cursor: pointer;font-weight:700; font-size: 14px; color: #5d5d5d; text-transform: uppercase; display: inline-block; margin-bottom: 16px;}
    .menuBack:before{content:url(../images/arrow-back.png); display: inline-block; margin-right: 5px; font-weight: 900; position: relative; top: -1px;}
    .navL2 h3{padding: 0; margin-bottom: 0; color: #5d5d5d; font-weight: 900; text-transform: uppercase; font-size: 14px;}
    .navClose{ left:auto; right: 20px; top:20px; display: none;}

    }


/* ----------- navigation end --------------- */

.breadcrumb{ margin-bottom:50px; font-size:13px; color: #000; display: flex; width: 100%;  justify-content: center;  align-items: center;  text-align: right;}
.breadcrumb:after {content: ''; border-top:1px solid rgba(185, 185, 185, 0.5); margin: 0 0 0 10px; flex: 1 0 10px;max-width:70px;}
.breadcrumb:before {content: ''; border-top:1px solid rgba(185, 185, 185, 0.5); margin: 0 10px 0 0; flex: 1 0 10px; }
.breadcrumb a {color: #7e7e7e;}
.breadcrumb a:not(:first-child):before {content:'/'; display: inline-block; padding:0 5px; color: #7e7e7e;}
.breadcrumb span:before {content:'/'; display: inline-block; padding:0 5px; color: #7e7e7e;}

.breadcrumb.bcWhite{color: rgb(255, 255, 255);}
.breadcrumb.bcWhite:after {content: ''; border-top:1px solid rgba(255, 255, 255, 0.5);}
.breadcrumb.bcWhite:before {content: ''; border-top:1px solid rgba(255, 255, 255, 0.5);}
.breadcrumb.bcWhite a {color: #ffffff;}
.breadcrumb.bcWhite span:before {color: #FFF;}

@media all and (max-width:600px){
    .breadcrumb{ text-align: center;}
.breadcrumb:after {max-width:100%;}
}

.breadcrumb2{  font-size:13px; color: rgba(255,255,255,0.66); display: flex; width: 100%;  justify-content: center;  align-items: center;  text-align: right;}
.breadcrumb2:after {content: ''; border-top:1px solid rgba(255, 255, 255, 0.23); margin: 0 0 0 10px; flex: 1 0 10px;max-width:70px;}
.breadcrumb2:before {content: ''; border-top:1px solid rgba(255, 255, 255, 0.23); margin: 0 10px 0 0; flex: 1 0 10px; }
.breadcrumb2 a {color: rgba(255,255,255,0.66); }
.breadcrumb2 a:not(:first-child):before {content:'/'; display: inline-block; padding:0 5px; color: rgba(255,255,255,0.66); }
.breadcrumb2 span:before {content:'/'; display: inline-block; padding:0 5px; color: rgba(255,255,255,0.66); }

.breadcrumb2.bcWhite{color: rgb(255, 255, 255);}
.breadcrumb2.bcWhite:after {content: ''; border-top:1px solid rgba(255, 255, 255, 0.5);}
.breadcrumb2.bcWhite:before {content: ''; border-top:1px solid rgba(255, 255, 255, 0.5);}
.breadcrumb2.bcWhite a {color: #ffffff;}
.breadcrumb2.bcWhite span:before {color: #FFF;}

@media all and (max-width:600px){

    .breadcrumb2{ text-align: center;}
.breadcrumb2:after {max-width:100%;}

}
/* ------------ breadcrumb end ------------ */

.link_btn{  color: #f16421; background: #f3f3f3; font-size:13px; font-weight: 500; line-height:50px; text-transform: uppercase; position:relative; z-index:3; display: inline-block; padding:0 70px 0 30px; border-radius: 25px; border: 1px solid #f16421;}
.link_btn:after{content:''; position: absolute; right:25px; top:18px; width: 11px; height: 12px; background: url(../images/arrow.png) no-repeat -22px 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;  -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; cursor: pointer;}
.link_btn:hover:after{background: url(../images/arrow.png) no-repeat 0 0; }


footer{ padding:45px 35px; background: #e1e1e1;}
.footerA{padding: 0 0 80px; position: relative;}
.footerB{display: flex; justify-content: space-between ;}
.footerB1{position: relative; width: 450px;}
.copyright{ position: absolute; left: 0; bottom: 0;}
.footerB2{display: flex; width:750px;justify-content: space-evenly ;}
.footerB2>div{ border-left:1px solid #c2c2c2; padding: 0 25px;}

.address{ margin-bottom: 18px; font-size: 16px;}
.mail{ margin-bottom: 18px;}
.mail span{font-size: 16px; color: #4e4e4e; font-weight: 500; display: block;}
.mail a{font-size: 14px; color: #525252;}
.mail a:hover{color: #006eb1; }
.sMedia{ margin-bottom: 18px;}
.sMedia span{font-size: 16px; color: #4e4e4e; display: block; font-weight: 500; margin-bottom: 10px;}
.copyright{font-size: 12px; color: #282828;}

.copyright a{ color: #282828; display: inline-block; margin-right:16px; position: relative;}
.copyright a:not(:last-of-type):after{content:''; width:6px; height: 1px; background: #000; position: absolute; top:11px; right: -11px;}
.copyright a:hover{color: #006eb1; }


.sm8:after{ content:''; clear:both; display:block;}
.sm8 li{ float:left; position:relative; width:27px; height:27px; margin:0px 3px; border-radius:50%;}
.sm8 li i{ display:block; width:13px; height:12px; position:absolute; bottom:0; top:0; left:0; right:0; margin:auto; text-indent:-99999px;}
.sm8 li.fb{ border:2px solid #4b76bd;}
.sm8 li.twitter{ border:2px solid #00c6ff;}
.sm8 li.uTube{ border:2px solid #006eb1;}
.sm8 li.fb i{ background:url(../images/sm9.png) no-repeat 0 0;}
.sm8 li.twitter i{ background:url(../images/sm9.png) no-repeat -13px 0;}
.sm8 li.uTube i{ background:url(../images/sm9.png) no-repeat -26px 0;}

.sm8 li.fb:hover{ border:2px solid #4b76bd; background:#4b76bd;}
.sm8 li.twitter:hover{ border:2px solid #00c6ff; background:#00c6ff;}
.sm8 li.uTube:hover{ border:2px solid #006eb1; background:#006eb1;}
.sm8 li.fb:hover i{ background:url(../images/sm9.png) no-repeat 0 100%;}
.sm8 li.twitter:hover i{ background:url(../images/sm9.png) no-repeat -13px 100%;}
.sm8 li.uTube:hover i{ background:url(../images/sm9.png) no-repeat -26px 100%;}


.footerB2>div>ul>li{ margin-bottom: 25px;}
.footerB2 ul>li>strong{font-size: 16px; color: #1c1c1c; font-weight: 500;}
.footerB2 ul>li>strong a{font-size: 16px; color: #1c1c1c; font-weight: 500;}
.footerB2 ul>li>strong a:hover{ color: #006eb1;}
.footerB2>div>ul>li ul{ padding-top: 20px; height:190px;}
.footerB2>div>ul>li ul a{font-size: 14px; color: #525252;}
.footerB2>div>ul>li ul a:hover{color: #006eb1; }

.footerLogo{ display: inline-block;}
.footA1{ display: inline-block; color: #1c1c1c; text-align: center; font-size: 18px; font-weight: 400; list-style: 22px; margin-left: 25px; position: relative; top: -5px;}
.footA2{ position: absolute; right: 15%; top: 25px; color: #dcdcdc; padding:0 15px;  background: #1c1c1c;  font-size: 14px; line-height: 30px; letter-spacing: 7px; font-weight: 600; font-style: italic; height: 30px;}
.footA2:before{content:''; width: 0; height:0; position: absolute; left:-10px; bottom: 0; border: 10px solid transparent; border-bottom: 30px solid #1c1c1c; }
.footA2:after{content:''; width: 0; height:0; position: absolute; right:-10px; top: 0; border: 10px solid transparent; border-top:30px solid #1c1c1c; }
.footerIcon{position: absolute; right:0; top:-100px;}
.quality-at-brunton-box3b1 h3 {
    color: #f16421;
    text-transform: uppercase;
    font-size: 18px;
}

@media all and (max-width:799px){
    footer {padding: 45px 35px 100px;}
    .footerB1{position: relative; width:100%; text-align: center;}
.copyright{ position: relative; left: 0; bottom: 0;}
.footerB2,  .footerIcon { display: none;}
.footA2{ position: relative; right:0; top:0; margin: 25px auto 0; display:block; width: 220px; }
.footerA { padding: 0 0 40px; text-align: center;  }
.sm8 { display: inline-block;}
}

.addAnimate2{-webkit-transition: all 0.7s ease-in-out; -moz-transition: all 0.7s ease-in-out;  -o-transition: all 0.7s ease-in-out; transition: all 0.7s ease-in-out;}
 .fadeOutBottom{opacity:0; position:relative; top:50px;}
 .fadeInBottom{opacity:1; top:0px;}