@charset "UTF-8";
:root{
    --header:99;
    --side-nav:98;
    --esmodal-oz:101;
    --esmodal-z:102;
    --esmodal-z1:103;
    --esmodal-bg:#fff;
}
*{box-sizing: border-box;}
html{scroll-behavior: smooth;}
html,body,section{    
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 1;
    color: #B1B1B1;
    background: #121212;
    margin: 0;
    -webkit-text-size-adjust:100%;    
    width: 100%;
}
body.show-modal,body.show-menu{overflow: hidden !important;}
h1,h2,h3,h4,h5,h6,p{margin: 0;margin-bottom: 0.5rem;}
a{text-decoration: none;outline: 0;}ul{list-style: none;margin: 0;padding: 0;}
.df{display: flex;}.aic{align-items: center;}.jcsb{justify-content: space-between;}.flex1{flex: 1;}.jcc{justify-content: center;}
.tac{text-align: center;}.tar{text-align: right;}.ttu{text-transform: uppercase;}.fw{flex-wrap: wrap;}
.twhite{color: #fff;}.tred{color: #ff2626;}.dib{display: inline-block;}.db{display: block;}
.dn{display: none !important;}.txt1{color: #B1B1B1;}.text-nowrap{white-space: nowrap;}
.pr{position: relative;}.pa{position: absolute;}.t-100{top:-100px;}.t-200{top:-200px;}.t-250{top:-250px;}
.w100p{width: 100%;}
h1,h2,h3,h4,h5,h6{font-family: 'Oswald',sans-serif;text-transform: uppercase;color: #fff;}
img{width: 100%;object-fit: cover;height:auto;}figure{margin: 0;}
.ffo{font-family: 'Oswald',sans-serif !important;}
.ffr{font-family: "Roboto", Arial, Helvetica, sans-serif !important;}
.fz14{font-size: 14px !important;}
.fz15{font-size: 15px !important;}
.fz16{font-size: 16px !important;}

.pt5{padding-top: 5px;}.pl5{padding-left: 5px;}.mt5{margin-top: 5px;}.ml5{margin-left: 5px;}
.pt10{padding-top: 10px;}.pl10{padding-left: 10px;}.mt10{margin-top: 10px;}.ml10{margin-left: 10px;}
.pt20{padding-top: 20px;}.pl20{padding-left: 20px;}.mt20{margin-top: 20px;}.ml20{margin-left: 20px;}
.pt30{padding-top: 30px;}.pl30{padding-left: 30px;}.mt30{margin-top: 30px;}.ml30{margin-left: 30px;}
.pt40{padding-top: 40px;}.pl40{padding-left: 40px;}.mt40{margin-top: 40px;}.ml40{margin-left: 40px;}
.pt50{padding-top: 50px;}.pl50{padding-left: 50px;}.mt50{margin-top: 50px;}.ml50{margin-left: 50px;}
.pt60{padding-top: 60px;}.pl60{padding-left: 60px;}.mt60{margin-top: 60px;}.ml60{margin-left: 60px;}
.pt70{padding-top: 70px;}.pl70{padding-left: 70px;}.mt70{margin-top: 70px;}.ml70{margin-left: 70px;}
.pt80{padding-top: 80px;}.pl80{padding-left: 80px;}.mt80{margin-top: 80px;}.ml80{margin-left: 80px;}
.pb5{padding-bottom: 5px;}.pr5{padding-right: 5px;}.mb5{margin-bottom: 5px;}.mr5{margin-right: 5px;}
.pb10{padding-bottom: 10px;}.pr10{padding-right: 10px;}.mb10{margin-bottom: 10px;}.mr10{margin-right: 10px;}
.pb20{padding-bottom: 20px;}.pr20{padding-right: 20px;}.mb20{margin-bottom: 20px;}.mr20{margin-right: 20px;}
.pb30{padding-bottom: 30px;}.pr30{padding-right: 30px;}.mb30{margin-bottom: 30px;}.mr30{margin-right: 30px;}
.pb40{padding-bottom: 40px;}.pr40{padding-right: 40px;}.mb40{margin-bottom: 40px;}.mr40{margin-right: 40px;}
.pb50{padding-bottom: 50px;}.pr50{padding-right: 50px;}.mb50{margin-bottom: 50px;}.mr50{margin-right: 50px;}
.pb60{padding-bottom: 60px;}.pr60{padding-right: 60px;}.mb60{margin-bottom: 60px;}.mr60{margin-right: 60px;}
.pb70{padding-bottom: 70px;}.pr70{padding-right: 70px;}.mb70{margin-bottom: 70px;}.mr70{margin-right: 70px;}
.pb80{padding-bottom: 80px;}.pr80{padding-right: 80px;}.mb80{margin-bottom: 80px;}.mr80{margin-right: 80px;}
.pt0{padding-top: 0px !important;}.pl0{padding-left: 0px !important;}.mt0{margin-top: 0px !important;}.ml0{margin-left: 0px !important;}
.pb0{padding-bottom: 0px !important;}.pr0{padding-right: 0px !important;}.mb0{margin-bottom: 0px !important;}.mr0{margin-right: 0px !important;}

.mratio{width:100%;position: relative;}
.mratio svg{display: block;width: 100%;}
.mratio .mchild{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.bw--btn{
    appearance: none;-webkit-appearance: none;outline: none;box-shadow: none;border: none;background: none;
    padding: 6px 30px;font-weight: 600;color: #fff;background-color: #ff2626;
    display: inline-block;font-family: 'Oswald',sans-serif;text-transform: uppercase;font-size: 16px;
}
.bw--cn,.cbox1{width: 100%;padding-left: 20px;padding-right: 20px;margin-left: auto;margin-right: auto;}
.cbox{width: 100%;margin-left: auto;margin-right: auto;}
.c-1{width: 8.333333333%;}
.c-2{width: 16.666666666%;}
.c-3{width: 25%;}
.c-4{width: 33.3333333333%;}
.c-5{width: 41.6666666666%;}
.c-6{width: 50%;}
.c-7{width: 58.33333333333%;}
.c-8{width: 66.6666666666%;}
.c-9{width: 75%;}
.c-10{width: 83.33333333333%;}
.c-11{width: 91.66666666666%;}
.c-12{width: 100%;}
.fz20{font-size:20px;}
.fz24{font-size:24px;}
.fz12{font-size:12px;}
.fz13{font-size:13px;}
@media (min-width: 768px){
    .df-md{display: flex;}
    .c-md-1{width: 8.333333333%;}
    .c-md-2{width: 16.666666666%;}
    .c-md-3{width: 25%;}
    .c-md-4{width: 33.3333333333%;}
    .c-md-5{width: 41.6666666666%;}
    .c-md-6{width: 50%;}
    .c-md-7{width: 58.33333333333%;}
    .c-md-8{width: 66.6666666666%;}
    .c-md-9{width: 75%;}
    .c-md-10{width: 83.33333333333%;}
    .c-md-11{width: 91.66666666666%;}
    .c-md-12{width: 100%;}
}
@media (min-width: 991px){
    .cbox{ max-width: 1480px;}
    .bw--cn,.cbox1{max-width: 1480px;padding-left: 40px;padding-right: 40px;}
    .df-xl{display: flex;}
    .c-xl-1{width: 8.333333333%;}
    .c-xl-2{width: 16.666666666%;}
    .c-xl-3{width: 25%;}
    .c-xl-4{width: 33.3333333333%;}
    .c-xl-5{width: 41.6666666666%;}
    .c-xl-6{width: 50%;}
    .c-xl-7{width: 58.33333333333%;}
    .c-xl-8{width: 66.6666666666%;}
    .c-xl-9{width: 75%;}
    .c-xl-10{width: 83.33333333333%;}
    .c-xl-11{width: 91.66666666666%;}
    .c-xl-12{width: 100%;}
    .pt10-md{padding-top: 10px;}.pl10-md{padding-left: 10px;}
    .pt20-md{padding-top: 20px;}.pl20-md{padding-left: 20px;}
    .pt30-md{padding-top: 30px;}.pl30-md{padding-left: 30px;}
    .pt40-md{padding-top: 40px;}.pl40-md{padding-left: 40px;}
    .pt50-md{padding-top: 50px;}.pl50-md{padding-left: 50px;}
    .pt60-md{padding-top: 60px;}.pl60-md{padding-left: 60px;}
    .pt70-md{padding-top: 70px;}.pl70-md{padding-left: 70px;}
    .pt80-md{padding-top: 80px;}.pl80-md{padding-left: 80px;}
    .pb10-md{padding-bottom: 10px;}.pr10-md{padding-right: 10px;}
    .pb20-md{padding-bottom: 20px;}.pr20-md{padding-right: 20px;}
    .pb30-md{padding-bottom: 30px;}.pr30-md{padding-right: 30px;}
    .pb40-md{padding-bottom: 40px;}.pr40-md{padding-right: 40px;}
    .pb50-md{padding-bottom: 50px;}.pr50-md{padding-right: 50px;}
    .pb60-md{padding-bottom: 60px;}.pr60-md{padding-right: 60px;}
    .pb70-md{padding-bottom: 70px;}.pr70-md{padding-right: 70px;}
    .pb80-md{padding-bottom: 80px;}.pr80-md{padding-right: 80px;}
    
}
.overlay{position: relative;}
.overlay::before{
    content: "";z-index:1;position: absolute;top: 0;left: 0;width: 100%;height: 100%;
    background-color: rgba(0, 0, 0, 0.575);
}
.overlay > *{position: relative;z-index:2;}
.bw--header{
    --txt1:#B1B1B1;display: flex;color: #fff;border-bottom:1px solid rgba(255, 255, 255, 0.2);
    width: 100%;background-color: #121212;align-items: center;padding: 10px;position: relative;
}
.bw--header.sticky{animation:from-top 500ms ease-in forwards;position: fixed;top: 0;z-index:var(--header);}
.bw--menubtn{font-size: 18px;}
.bw--location{border-right:1px solid rgba(255, 255, 255, 0.2);}
.bw--link{color: #fff;}
.bw--location,.bw--mail{color: var(--txt1);font-size: 14px;padding:0 20px;display: inline-block;}
.bw--header.sticky top-menu{display: none;}
social-nav a{padding:0 6px;color: var(--txt1);display: inline-block;}
.bw--link{padding: 24px 25px;display: inline-block;font-family: Oswald, Arial, Helvetica, sans-serif;font-size: 16px;text-transform: uppercase;}
.bw-link.active{color: #ff2626;}
.bw--menu{list-style: none;margin: 0;padding: 0;}
.bw--icon{padding: 30px 12px;display: block;line-height: 1;}
.bw--icon i{font-size: 22px;color: #fff;}
.bw--header.sticky i{font-size: 18px;}
bottom-menu{padding-left: 18px;padding-right: 40px;}
side-nav{display: none;}

footer{background-color: #000;}
.footer--copy{font-size: 14px;color: #999;line-height: 1.4;}
.top-footer{border-bottom: 1px solid rgba(255, 255, 255, 0.275);flex-direction:column;}
.top-footer h2{line-height: 1.2;font-size: 28px;}
.top-footer a{color: #B1B1B1;padding-right: 10px;padding-top: 10px;padding-bottom: 10px;}
.top-footer i{width: 30px;}

@keyframes empty {to{opacity:1;}}
z-u.fade-out {opacity: 0;}
z-slider {display: block;width: 100%;position: relative;}
z-slider z-box {display: block;overflow: hidden;}
z-slider z-u {display: block;white-space: nowrap;font-size: 0;user-select: none;cursor: grab;animation: empty 7s linear infinite;}
z-slider z-i {display: inline-block;white-space: normal;font-size: 1rem;width: 100%;position: relative;}
z-slider z-u.ts {transition: transform 300ms ease;}
z-slider z-u:hover {animation-play-state: paused;}
z-slider z-u.op {opacity: 0;}
z-slider img {pointer-events: none;}
z-bullets {display: flex;justify-content: center;align-items: center;gap: 0;padding: 20px 5px;}
z-bullets i {width: 40px;height: 2px;background-color: #444;cursor: pointer;transition: all 100ms;}
z-bullets i.a,z-bullets i:hover {background-color: #ff2626;height: 3px;transform: translateY(-0.5px);}
z-l,z-r {position: absolute;color: #fff;cursor: pointer;background-color: #ff2626;padding: 10px;top: 50%;transform: translateY(-50%);z-index:2;
opacity:0;pointer-events: none;transition: opacity 300ms ease;}
z-slider:hover z-l,z-slider:hover z-r{opacity:1;pointer-events: all;}
z-l::after,z-r::after {content: "";width: 10px;height: 10px;border-left: 2px solid currentColor;border-bottom: 2px solid currentColor;display: inline-block;}
z-l::after {transform: rotateZ(45deg);}
z-r::after {transform: rotateZ(225deg);}
z-l {left: 0;}
z-r {right: 0;}

y-slider{display: block;overflow: hidden;width: 100%;position: relative;}
y-slider y-i{white-space:normal;width: 100%;display: inline-block;}
y-slider y-u{display: block;width: 100%;flex-wrap: nowrap;will-change: transform;white-space: nowrap;
    user-select: none;cursor: grab;animation:empty 7s linear infinite;}
y-slider y-u.ts{transition:transform 300ms ease;}
y-slider y-u:hover{animation-play-state: paused;}
y-bullets{display: flex;padding:10px;justify-content: center;align-items: center;}
y-bullets i{background-color:#222;width: 12px;height: 12px;border-radius:50%;transition:all 300ms;margin-right:8px;
    cursor: pointer;}
y-bullets i:hover,y-bullets i.a{background-color:#ff2525;}
y-bullets i.a{transform:scale(1.1);}
y-slider img{width: 100%;height: 100%;object-fit: cover;pointer-events: none;}
y-buttons i{position: absolute;background-color: cadetblue;cursor: pointer;color:#222;top: 50%;
    display: flex;justify-content:center;align-items: center;width:30px;height: 30px;transform:translateY(-50%);}
y-buttons i:first-child:after,y-buttons i:last-child:after{content:"";width: 10px;height: 10px;border-left:2px solid currentColor;
border-bottom:2px solid currentColor;display: inline-block;}
y-buttons i:first-child:after{transform: rotateZ(45deg);}
y-buttons i:last-child:after{transform: rotateZ(225deg);}
y-buttons i:first-child{left: 10px;}
y-buttons i:last-child{right: 10px;}
@media (min-width: 768px){
    y-slider y-i{width: 50%;}
}
@media (min-width: 991px){
    y-slider y-i{width: 33.3333%;}
    y-bullets{padding:30px 10px;}
}
[data-zcollapse]{position: relative;display: block;padding-right: 24px;width: 100%;text-align: left;
box-shadow:none;border:0;outline:0;cursor: pointer;background-color:transparent;}
[data-zcollapse]::after,[data-zcollapse]::before{content:"";position: absolute;background-color: #ff2626;
top: 50%;right: 12px;}
[data-zcollapse]::after{width: 10px;height: 2px;transform:translateY(-50%);}
[data-zcollapse]::before{width: 2px;height: 10px;opacity:0;transform: translate(-4px, -50%);}
.zcollapse{overflow: hidden;transition:height 300ms ease;}
.zcollapse.zcollapsed [data-zcollapse]::before{opacity:1;}
h-r{display: block;color:rgba(255, 255, 255, 0.2);background-color: #222;}
h-r::after{content:"";background-color:currentColor;width:100%;height: 1px;display: block;}

.finput,.hero--form select{height: 50px;-webkit-appearance:none;appearance:none;color: #B1B1B1;
  border: 1px solid rgba(255, 255, 255, 0.1);font-family: "Roboto", Helvetica, sans-serif;
  width:100%;display: inline-block;max-width: 100%;font-size: 0.9em;
  background-color: #333333;outline: none;padding: 0px 30px 0px 15px;
}
textarea.finput{height: 200px;padding-top: 25px;}

m-l{display:flex;align-items: center;justify-content: center;width: 100%;height: 100%;}
es-modal m-l{height: 200px;width:100%;}
m-l::after{
  content:"";position: relative;display: block;width: 2rem;height: 2rem;border-radius:50%;
  animation: grow .75s linear infinite;background-color: #ff2626;opacity:0.5;transform:scale(0)}
m-l#preload{
  position:fixed;background-color: rgba(25, 34, 44, 0.93);z-index:99;
  top: 0;left: 0;width: 100vw;height: 100vh;display: none;
}
body.loading m-l#preload{display: flex;}
es-modal{
  position:fixed;display: block;z-index:var(--esmodal-z);min-width: 200px;min-height: 200px;
  top: 50%;left: 50%;transform-origin: center;pointer-events: none;transition: all 300ms ease;
  transform:scale(0) translate(-50%,-50%);opacity:0;
}
es-wrap{position:fixed;width:100vw;height: 100vh;z-index:var(--esmodal-oz);
  display: none;background-color:rgba(0,0,0,0.8);left: 0;top: 0;}
es-wrap.bg-dark{background-color: #000;}
es-modal es-mbody{
  border:1px solid rgba(0, 0, 0, 0.175);background-color:var(--esmodal-bg);
  border-radius: .5rem;max-height: 90vh;overflow-x:hidden;overflow-y: auto;
}
es-modal .m--close{display: block;height: 30px;text-align: right;padding: 10px;cursor: pointer;}
es-mbody.delete{max-width:600px;width: 100%;}
es-mbody.view{max-width:90vw;width:fit-content;}
body.show-modal es-modal{pointer-events:all;opacity:1;transform: scale(1) translate(-50%,-50%);}
body.show-modal es-wrap{display: block;}
es-modal m-h{border-bottom:1px solid #4e5863;padding: 1em;}
es-modal m-h h5{margin-right:3em;}
es-modal m-f{text-align: right;padding: 1em;}
m-nav,m-foot{position: fixed;right: 0;z-index: var(--esmodal-z1);padding: 20px;display: none;
background-color: rgba(0, 0, 0, 0.575);width: 100%;}
m-nav{top: 0;justify-content: space-between;}
m-foot{bottom: 0;justify-content: center;font-size:20px;color: #fff;text-transform: capitalize;}
m-nav span{display: inline-block;margin-right: 20px;font-size: 20px;cursor: pointer;}
  body.show-modal m-nav,body.show-modal m-foot{display: flex;}
.breadcrumb a{color: #b1b1b1;display: inline-block;margin-right:20px;font-size: 0.9rem;}
.breadcrumb a.a{color: #fff;}
.breadcrumb a.a::before{content: "/";margin-right: 20px;}
.banner{background-repeat: no-repeat;background-size: cover;background-position: center center;
    padding-top: 70px;padding-bottom: 70px;}
.scll{position: relative;}
.scll .scllt{position:absolute;top: -200px;}
.scll .scllt100{position:absolute;top: -100px;}
.targets{scroll-behavior: smooth;}
table{border-collapse: collapse;width: 100%;}td{padding: 8px;border: 1px solid #444;}
@media only screen and (min-width: 200px) and (max-width: 991px)  {
    .flex1-sd{flex: 1;}
    .mob-hide{display: none;}
    body.show-menu bottom-menu.mob-hide{
        flex-direction: column;position: absolute;top: 100%;left: 0;width: 100%;
        height: 90vh;overflow-y: auto;z-index: 99999;background: #000;display: flex;
    }
    body.show-menu bottom-menu .bw--menu{flex-direction: column;text-align: center;}
}
@media (min-width: 768px){
    .df-sd{display: flex;}
    .banner{padding-top: 150px;padding-bottom: 150px;}
    side-nav{position: fixed;top: 50%;transform: translate(100%, -50%);right: 40px;z-index:var(--side-nav);display: block;}
    side-nav a{display: flex;align-items: center;background-color: #121212;color: #ddd;transition: all 300ms ease;border:2px solid #ddd;margin-bottom: 5px;}
    side-nav a i{width:30px;padding: 10px;font-size: 18px;}side-nav a span{padding: 10px;font-size: 14px;}
    side-nav a:hover{color: #fff;background-color: #ff2626;transform: translateX(calc(-100% + 40px));}
}
@media (min-width: 991px){
    .df-md{display: flex;}
    .flex1-md{flex: 1;}social-nav a {padding: 0 16px;}
    .bw--header{padding: 0;align-items: unset;}
    .bw--menubtn{display: none;}
    .bw--logo{padding-left: 20px;padding-right: 20px;border-right:1px solid #444;display: flex;align-items: center;}
    .bw--header.sticky .bw--logo{border-right-color:transparent;}
    top-menu{padding: 14px 40px 14px 20px;border-bottom:1px solid rgba(255, 255, 255, 0.2);}
    .bw--menu li{position: relative;}
    .bw--menu li ul{position: absolute;left: 0;top: 100%;white-space: nowrap;transition:opacity 300ms ease;
        background-color: #121212;z-index: 80;min-width:100%;opacity:0;pointer-events: none;
    }
    .bw--menu li:hover ul{opacity:1;pointer-events: all;}
    .bw--menu li ul .bw--link{padding:12px 24px;}
    z-bullets {padding: 50px 5px;}
}

/* animations */
.hov{position: relative;overflow: hidden;}
.hov::before{
    position: absolute;
    top: 0;left: -100%;display: block;content: '';width: 50%;height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    transform: skewX(-25deg);z-index: 2;
}
.hov:hover::before{animation: slide 1.3s;}
[data-am]{opacity:0;transition: all 500ms ease;}
[data-am="1"]{transform:translate(0,0) scale(1);opacity:1;}
[data-am="ftop"]{transform:translateY(-100px);}
[data-am="fbottom"]{transform:translateY(100px);}
[data-am="fleft"]{transform:translateX(-100px);}
[data-am="fright"]{transform:translateX(100px);}
[data-am="scale"]{transform:translate(0,0) scale(0);}
@keyframes from-top{0%{transform: translateY(-100%);}100%{transform: translateY(0);}}
@keyframes ripple{70%{-webkit-box-shadow:0 0 0 1em rgba(255,255,255,.2);box-shadow:0 0 0 1em rgba(255,255,255,.2)}100%{-webkit-box-shadow:0 0 0 0 rgba(255,255,255,0);box-shadow:0 0 rgba(255,255,255,0)}}
@keyframes grow{50%{opacity:1;transform:scale(1)}100%{opacity: 0.5;transform:scale(1)}}
@keyframes slide{0%{left:-100%;}100%{left:125%}}