@import"https://api.fontshare.com/v2/css?f[]=switzer@1,2&f[]=clash-display@1&f[]=sentient@400,401,500&display=swap";
  @import"../fonts/obviously/stylesheet.css";
  @import"../fonts/autograf/stylesheet.css";
  @import"../fonts/bootstrap-icons-1.11.1/font/bootstrap-icons.css";
  @import"../fonts/font-awesome-6.4.2/css/all.css";
  ::-webkit-scrollbar{
  width:5px
}
::-webkit-scrollbar-track{
  background:#fff
}
::-webkit-scrollbar-thumb{
  background:#000;
  border-radius:0
}
::selection {
  background: #d60004;   /* цвет фона выделения */
  color: #ffffff;        /* цвет текста */
}

::-moz-selection {
  background: #d60004;
  color: #ffffff;
}
.main-page-wrapper{
  overflow-x:hidden
}
body{
  font-family:"Switzer",sans-serif;
  font-weight:normal;
  font-size:20px;
  position:relative;
  color:#000
}
h1,h2,h3,h4,h5,h6{
  font-weight:500
}
.font-CD{
  font-family:"Clash Display",sans-serif
}
.font-ON{
  font-family:"Obviously Narrow"
}
p{
  line-height:1.777em
}
.fw-500{
  font-weight:500
}
.fw-600{
  font-weight:600
}
.fs-32{
  font-size:32px;
  line-height:1.428em
}
.fs-28{
  font-size:28px;
  line-height:1.428em
}
.fs-16{
  font-size:16px;
}
.fs-24{
  font-size:24px;
  line-height:1.4583em
}
.border-30{
  border-radius:30px
}
.p-lr-25{
  padding-left:25px;
  padding-right:25px
}
.bg-one{
  background:#c4ccd5
}
.dark-bg-one{
  background:#08090b;
  color:#fff
}
.bg-blur{
  background:hsla(0,0%,100%,.05);
  border:1px solid hsla(0,0%,100%,.1);
  -webkit-backdrop-filter:blur(75px);
  backdrop-filter:blur(75px)
}
.bg-grey{
  background:#efefef
}
.box-layout{
  border-left:1px solid rgba(0,0,0,.1);
  border-right:1px solid rgba(0,0,0,.1)
}
.shapes{
  position:absolute;
  z-index:-1
}
.line-bg{
  display:inline;
  background-image:linear-gradient(to right, #000 0%, #000 100%);
  background-position:0 calc(100% - 0em);
  background-size:0 2px;
  transition:background-size .25s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
  background-repeat:no-repeat;
  text-decoration:none;
  transition:all .3s ease-in-out 0s
}
.line-bg.inverse{
  background-image:linear-gradient(to right, #fff 0%, #fff 100%)
}
.line-bg:hover{
  background-size:100% 2px
}
.project-tag .tag-link{
  color: rgba(0,0,0,.35);
  text-decoration: none;
}
.project-tag .tag-link:hover{
  color: #000;
}
.ctn-preloader{
  height:100%;
  position:fixed;
  left:0;
  top:0;
  width:100%;
  z-index:999999;
  background:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column
}
.ctn-preloader .icon{
  display:inline-block;
  position:relative
}
.ctn-preloader .icon img{
  width:150px
}
.ctn-preloader .txt-loading{
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  margin-top:45px
}
.ctn-preloader .txt-loading .letters-loading{
  font-weight:700;
  letter-spacing:10px;
  display:inline-block;
  color:rgba(0,0,0,.08);
  position:relative;
  font-size:65px;
  line-height:30px
}
.ctn-preloader .txt-loading .letters-loading::before{
  animation:letters-loading 4s infinite;
  color:#000;
  content:attr(data-text-preloader);
  left:0;
  opacity:0;
  top:0;
  line-height:30px;
  position:absolute
}
.ctn-preloader .txt-loading .letters-loading:nth-child(2):before{
  animation-delay:.2s
}
.ctn-preloader .txt-loading .letters-loading:nth-child(3):before{
  animation-delay:.4s
}
.ctn-preloader .txt-loading .letters-loading:nth-child(4):before{
  animation-delay:.6s
}
.ctn-preloader .txt-loading .letters-loading:nth-child(5):before{
  animation-delay:.8s
}
.ctn-preloader .txt-loading .letters-loading:nth-child(6):before{
  animation-delay:1s
}
.ctn-preloader .txt-loading .letters-loading:nth-child(7):before{
  animation-delay:1.2s
}
.ctn-preloader .txt-loading .letters-loading:nth-child(8):before{
  animation-delay:1.4s
}
@keyframes spinner{
  to{
  transform:rotateZ(360deg)
}

}
@keyframes letters-loading{
  0%,75%,100%{
  opacity:0;
  transform:rotateY(-90deg)
}
25%,50%{
  opacity:1;
  transform:rotateY(0deg)
}

}
.scroll-top{
  width:40px;
  height:40px;
  line-height:40px;
  position:fixed;
  bottom:20px;
  right:5px;
  z-index:99;
  text-align:center;
  color:#fff;
  font-size:28px;
  cursor:pointer;
  border-radius:50%;
  background:#d60004;
  transition:all .3s ease-in-out
}
.scroll-top:after{
  position:absolute;
  z-index:-1;
  content:"";
  top:100%;
  left:5%;
  height:10px;
  width:90%;
  opacity:1;
  background:radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%)
}
.tran3s{
  transition:all .3s ease-in-out
}
.tran4s{
  transition:all .4s ease-in-out
}
.tran5s{
  transition:all .5s ease-in-out
}
.tran6s{
  transition:all .6s ease-in-out
}
*{
  margin:0;
  padding:0;
  box-sizing:border-box
}
a{
  text-decoration:none;
  display:inline-block;
  color:inherit
}
a:hover,a:focus,a:visited{
  text-decoration:none;
  outline:none
}
img{
  max-width:100%;
  display:block
}
button{
  border:none;
  outline:none;
  box-shadow:none;
  display:block;
  padding:0;
  cursor:pointer;
  background:rgba(0,0,0,0);
  color:inherit
}
button:focus{
  outline:none
}
input,textarea{
  outline:none;
  box-shadow:none;
  transition:all .3s ease-in-out
}
audio,video,canvas{
  max-width:100%
}
iframe{
  border:none !important
}
.style-none{
  list-style:none;
  padding-left:0;
  margin-bottom:0
}
.p0{
  padding:0 !important
}
.m0{
  margin:0 !important
}
.theme-mb-0{
  margin-bottom:0
}
.theme-pb-0{
  padding-bottom:0
}
.pt-5{
  padding-top:5px !important
}
.pt-10{
  padding-top:10px
}
.pt-15{
  padding-top:15px
}
.pt-20{
  padding-top:20px
}
.pt-25{
  padding-top:25px
}
.pt-30{
  padding-top:30px
}
.pt-35{
  padding-top:35px
}
.pt-40{
  padding-top:40px
}
.pt-45{
  padding-top:45px
}
.pt-50{
  padding-top:50px
}
.pt-55{
  padding-top:55px
}
.pt-60{
  padding-top:60px
}
.pt-65{
  padding-top:65px
}
.pt-70{
  padding-top:70px
}
.pt-75{
  padding-top:75px
}
.pt-80{
  padding-top:80px
}
.pt-85{
  padding-top:85px
}
.pt-90{
  padding-top:90px
}
.pt-95{
  padding-top:95px
}
.pt-100{
  padding-top:100px
}
.pt-110{
  padding-top:110px
}
.pt-120{
  padding-top:120px
}
.pt-130{
  padding-top:130px
}
.pt-140{
  padding-top:140px
}
.pt-150{
  padding-top:150px
}
.pt-160{
  padding-top:160px
}
.pt-170{
  padding-top:170px
}
.pt-180{
  padding-top:180px
}
.pt-190{
  padding-top:190px
}
.pt-200{
  padding-top:200px
}
.pt-225{
  padding-top:225px
}
.pt-250{
  padding-top:250px
}
.pt-300{
  padding-top:300px
}
.pt-350{
  padding-top:350px
}
.pb-5{
  padding-bottom:5px !important
}
.pb-10{
  padding-bottom:10px
}
.pb-15{
  padding-bottom:15px
}
.pb-20{
  padding-bottom:20px
}
.pb-25{
  padding-bottom:25px
}
.pb-30{
  padding-bottom:30px
}
.pb-35{
  padding-bottom:35px
}
.pb-40{
  padding-bottom:40px
}
.pb-45{
  padding-bottom:45px
}
.pb-50{
  padding-bottom:50px
}
.pb-55{
  padding-bottom:55px
}
.pb-60{
  padding-bottom:60px
}
.pb-65{
  padding-bottom:65px
}
.pb-70{
  padding-bottom:70px
}
.pb-75{
  padding-bottom:75px
}
.pb-80{
  padding-bottom:80px
}
.pb-85{
  padding-bottom:85px
}
.pb-90{
  padding-bottom:90px
}
.pb-95{
  padding-bottom:95px
}
.pb-100{
  padding-bottom:100px
}
.pb-110{
  padding-bottom:110px
}
.pb-120{
  padding-bottom:120px
}
.pb-130{
  padding-bottom:130px
}
.pb-140{
  padding-bottom:140px
}
.pb-150{
  padding-bottom:150px
}
.pb-160{
  padding-bottom:160px
}
.pb-170{
  padding-bottom:170px
}
.pb-180{
  padding-bottom:180px
}
.pb-190{
  padding-bottom:190px
}
.pb-200{
  padding-bottom:200px
}
.pb-225{
  padding-bottom:225px
}
.pb-250{
  padding-bottom:250px
}
.pb-300{
  padding-bottom:300px
}
.pb-350{
  padding-bottom:350px
}
.mt-5{
  margin-top:5px !important
}
.mt-10{
  margin-top:10px
}
.mt-15{
  margin-top:15px
}
.mt-20{
  margin-top:20px
}
.mt-25{
  margin-top:25px
}
.mt-30{
  margin-top:30px
}
.mt-35{
  margin-top:35px
}
.mt-40{
  margin-top:40px
}
.mt-45{
  margin-top:45px
}
.mt-50{
  margin-top:50px
}
.mt-55{
  margin-top:55px
}
.mt-60{
  margin-top:60px
}
.mt-65{
  margin-top:65px
}
.mt-70{
  margin-top:70px
}
.mt-75{
  margin-top:75px
}
.mt-80{
  margin-top:80px
}
.mt-85{
  margin-top:85px
}
.mt-90{
  margin-top:90px
}
.mt-95{
  margin-top:95px
}
.mt-100{
  margin-top:100px
}
.mt-110{
  margin-top:110px
}
.mt-120{
  margin-top:120px
}
.mt-130{
  margin-top:130px
}
.mt-140{
  margin-top:140px
}
.mt-150{
  margin-top:150px
}
.mt-160{
  margin-top:160px
}
.mt-170{
  margin-top:170px
}
.mt-180{
  margin-top:180px
}
.mt-190{
  margin-top:190px
}
.mt-200{
  margin-top:200px
}
.mt-225{
  margin-top:225px
}
.mt-250{
  margin-top:250px
}
.mt-300{
  margin-top:300px
}
.mt-350{
  margin-top:350px
}
.mb-5{
  margin-bottom:5px !important
}
.mb-10{
  margin-bottom:10px
}
.mb-15{
  margin-bottom:15px
}
.mb-20{
  margin-bottom:20px
}
.mb-25{
  margin-bottom:25px
}
.mb-30{
  margin-bottom:30px
}
.mb-35{
  margin-bottom:35px
}
.mb-40{
  margin-bottom:40px
}
.mb-45{
  margin-bottom:45px
}
.mb-50{
  margin-bottom:50px
}
.mb-55{
  margin-bottom:55px
}
.mb-60{
  margin-bottom:60px
}
.mb-65{
  margin-bottom:65px
}
.mb-70{
  margin-bottom:70px
}
.mb-75{
  margin-bottom:75px
}
.mb-80{
  margin-bottom:80px
}
.mb-85{
  margin-bottom:85px
}
.mb-90{
  margin-bottom:90px
}
.mb-95{
  margin-bottom:95px
}
.mb-100{
  margin-bottom:100px
}
.mb-110{
  margin-bottom:110px
}
.mb-120{
  margin-bottom:120px
}
.mb-130{
  margin-bottom:130px
}
.mb-140{
  margin-bottom:140px
}
.mb-150{
  margin-bottom:150px
}
.mb-160{
  margin-bottom:160px
}
.mb-170{
  margin-bottom:170px
}
.mb-180{
  margin-bottom:180px
}
.mb-190{
  margin-bottom:190px
}
.mb-200{
  margin-bottom:200px
}
.mb-225{
  margin-bottom:225px
}
.mb-250{
  margin-bottom:250px
}
.mb-300{
  margin-bottom:300px
}
.mb-350{
  margin-bottom:350px
}
@media(max-width: 1399px){
  .xl-p0{
  padding:0 !important
}
.xl-m0{
  margin:0 !important
}
.xl-pt-10{
  padding-top:10px !important
}
.xl-pt-20{
  padding-top:20px !important
}
.xl-pt-30{
  padding-top:30px !important
}
.xl-pt-40{
  padding-top:40px !important
}
.xl-pt-50{
  padding-top:50px !important
}
.xl-pt-60{
  padding-top:60px !important
}
.xl-pt-70{
  padding-top:70px !important
}
.xl-pt-80{
  padding-top:80px !important
}
.xl-pt-90{
  padding-top:90px !important
}
.xl-pt-100{
  padding-top:100px !important
}
.xl-pt-110{
  padding-top:110px !important
}
.xl-pt-120{
  padding-top:120px !important
}
.xl-pt-130{
  padding-top:130px !important
}
.xl-pt-140{
  padding-top:140px !important
}
.xl-pt-150{
  padding-top:150px !important
}
.xl-pt-200{
  padding-top:200px !important
}
.xl-pb-10{
  padding-bottom:10px !important
}
.xl-pb-20{
  padding-bottom:20px !important
}
.xl-pb-30{
  padding-bottom:30px !important
}
.xl-pb-40{
  padding-bottom:40px !important
}
.xl-pb-50{
  padding-bottom:50px !important
}
.xl-pb-60{
  padding-bottom:60px !important
}
.xl-pb-70{
  padding-bottom:70px !important
}
.xl-pb-80{
  padding-bottom:80px !important
}
.xl-pb-90{
  padding-bottom:90px !important
}
.xl-pb-100{
  padding-bottom:100px !important
}
.xl-pb-110{
  padding-bottom:110px !important
}
.xl-pb-120{
  padding-bottom:120px !important
}
.xl-pb-130{
  padding-bottom:130px !important
}
.xl-pb-140{
  padding-bottom:140px !important
}
.xl-pb-150{
  padding-bottom:150px !important
}
.xl-pb-200{
  padding-bottom:200px !important
}
.xl-mt-10{
  margin-top:10px !important
}
.xl-mt-20{
  margin-top:20px !important
}
.xl-mt-30{
  margin-top:30px !important
}
.xl-mt-40{
  margin-top:40px !important
}
.xl-mt-50{
  margin-top:50px !important
}
.xl-mt-60{
  margin-top:60px !important
}
.xl-mt-70{
  margin-top:70px !important
}
.xl-mt-80{
  margin-top:80px !important
}
.xl-mt-90{
  margin-top:90px !important
}
.xl-mt-100{
  margin-top:100px !important
}
.xl-mt-110{
  margin-top:110px !important
}
.xl-mt-120{
  margin-top:120px !important
}
.xl-mt-130{
  margin-top:130px !important
}
.xl-mt-140{
  margin-top:140px !important
}
.xl-mt-150{
  margin-top:150px !important
}
.xl-mt-200{
  margin-top:200px !important
}
.xl-mb-10{
  margin-bottom:10px !important
}
.xl-mb-20{
  margin-bottom:20px !important
}
.xl-mb-30{
  margin-bottom:30px !important
}
.xl-mb-40{
  margin-bottom:40px !important
}
.xl-mb-50{
  margin-bottom:50px !important
}
.xl-mb-60{
  margin-bottom:60px !important
}
.xl-mb-70{
  margin-bottom:70px !important
}
.xl-mb-80{
  margin-bottom:80px !important
}
.xl-mb-90{
  margin-bottom:90px !important
}
.xl-mb-100{
  margin-bottom:100px !important
}
.xl-mb-110{
  margin-bottom:110px !important
}
.xl-mb-120{
  margin-bottom:120px !important
}
.xl-mb-130{
  margin-bottom:130px !important
}
.xl-mb-140{
  margin-bottom:140px !important
}
.xl-mb-150{
  margin-bottom:150px !important
}
.xl-mb-200{
  margin-bottom:200px !important
}

}
@media(max-width: 1199px){
  .lg-p0{
  padding:0 !important
}
.lg-m0{
  margin:0 !important
}
.lg-pt-10{
  padding-top:10px !important
}
.lg-pt-20{
  padding-top:20px !important
}
.lg-pt-30{
  padding-top:30px !important
}
.lg-pt-40{
  padding-top:40px !important
}
.lg-pt-50{
  padding-top:50px !important
}
.lg-pt-60{
  padding-top:60px !important
}
.lg-pt-70{
  padding-top:70px !important
}
.lg-pt-80{
  padding-top:80px !important
}
.lg-pt-90{
  padding-top:90px !important
}
.lg-pt-100{
  padding-top:100px !important
}
.lg-pt-110{
  padding-top:110px !important
}
.lg-pt-120{
  padding-top:120px !important
}
.lg-pt-130{
  padding-top:130px !important
}
.lg-pt-140{
  padding-top:140px !important
}
.lg-pt-150{
  padding-top:150px !important
}
.lg-pt-200{
  padding-top:200px !important
}
.lg-pb-10{
  padding-bottom:10px !important
}
.lg-pb-20{
  padding-bottom:20px !important
}
.lg-pb-30{
  padding-bottom:30px !important
}
.lg-pb-40{
  padding-bottom:40px !important
}
.lg-pb-50{
  padding-bottom:50px !important
}
.lg-pb-60{
  padding-bottom:60px !important
}
.lg-pb-70{
  padding-bottom:70px !important
}
.lg-pb-80{
  padding-bottom:80px !important
}
.lg-pb-90{
  padding-bottom:90px !important
}
.lg-pb-100{
  padding-bottom:100px !important
}
.lg-pb-110{
  padding-bottom:110px !important
}
.lg-pb-120{
  padding-bottom:120px !important
}
.lg-pb-130{
  padding-bottom:130px !important
}
.lg-pb-140{
  padding-bottom:140px !important
}
.lg-pb-150{
  padding-bottom:150px !important
}
.lg-pb-200{
  padding-bottom:200px !important
}
.lg-mt-10{
  margin-top:10px !important
}
.lg-mt-20{
  margin-top:20px !important
}
.lg-mt-30{
  margin-top:30px !important
}
.lg-mt-40{
  margin-top:40px !important
}
.lg-mt-50{
  margin-top:50px !important
}
.lg-mt-60{
  margin-top:60px !important
}
.lg-mt-70{
  margin-top:70px !important
}
.lg-mt-80{
  margin-top:80px !important
}
.lg-mt-90{
  margin-top:90px !important
}
.lg-mt-100{
  margin-top:100px !important
}
.lg-mt-110{
  margin-top:110px !important
}
.lg-mt-120{
  margin-top:120px !important
}
.lg-mt-130{
  margin-top:130px !important
}
.lg-mt-140{
  margin-top:140px !important
}
.lg-mt-150{
  margin-top:150px !important
}
.lg-mt-200{
  margin-top:200px !important
}
.lg-mb-10{
  margin-bottom:10px !important
}
.lg-mb-20{
  margin-bottom:20px !important
}
.lg-mb-30{
  margin-bottom:30px !important
}
.lg-mb-40{
  margin-bottom:40px !important
}
.lg-mb-50{
  margin-bottom:50px !important
}
.lg-mb-60{
  margin-bottom:60px !important
}
.lg-mb-70{
  margin-bottom:70px !important
}
.lg-mb-80{
  margin-bottom:80px !important
}
.lg-mb-90{
  margin-bottom:90px !important
}
.lg-mb-100{
  margin-bottom:100px !important
}
.lg-mb-110{
  margin-bottom:110px !important
}
.lg-mb-120{
  margin-bottom:120px !important
}
.lg-mb-130{
  margin-bottom:130px !important
}
.lg-mb-140{
  margin-bottom:140px !important
}
.lg-mb-150{
  margin-bottom:150px !important
}
.lg-mb-200{
  margin-bottom:200px !important
}

}
@media(max-width: 991px){
  .md-p0{
  padding:0 !important
}
.md-m0{
  margin:0 !important
}
.md-pt-10{
  padding-top:10px !important
}
.md-pt-20{
  padding-top:20px !important
}
.md-pt-30{
  padding-top:30px !important
}
.md-pt-40{
  padding-top:40px !important
}
.md-pt-50{
  padding-top:50px !important
}
.md-pt-60{
  padding-top:60px !important
}
.md-pt-70{
  padding-top:70px !important
}
.md-pt-80{
  padding-top:80px !important
}
.md-pt-90{
  padding-top:90px !important
}
.md-pt-100{
  padding-top:100px !important
}
.md-pt-110{
  padding-top:110px !important
}
.md-pt-120{
  padding-top:120px !important
}
.md-pt-130{
  padding-top:130px !important
}
.md-pt-140{
  padding-top:140px !important
}
.md-pt-150{
  padding-top:150px !important
}
.md-pt-200{
  padding-top:200px !important
}
.md-pb-10{
  padding-bottom:10px !important
}
.md-pb-20{
  padding-bottom:20px !important
}
.md-pb-30{
  padding-bottom:30px !important
}
.md-pb-40{
  padding-bottom:40px !important
}
.md-pb-50{
  padding-bottom:50px !important
}
.md-pb-60{
  padding-bottom:60px !important
}
.md-pb-70{
  padding-bottom:70px !important
}
.md-pb-80{
  padding-bottom:80px !important
}
.md-pb-90{
  padding-bottom:90px !important
}
.md-pb-100{
  padding-bottom:100px !important
}
.md-pb-110{
  padding-bottom:110px !important
}
.md-pb-120{
  padding-bottom:120px !important
}
.md-pb-130{
  padding-bottom:130px !important
}
.md-pb-140{
  padding-bottom:140px !important
}
.md-pb-150{
  padding-bottom:150px !important
}
.md-pb-200{
  padding-bottom:200px !important
}
.md-mt-10{
  margin-top:10px !important
}
.md-mt-20{
  margin-top:20px !important
}
.md-mt-30{
  margin-top:30px !important
}
.md-mt-40{
  margin-top:40px !important
}
.md-mt-50{
  margin-top:50px !important
}
.md-mt-60{
  margin-top:60px !important
}
.md-mt-70{
  margin-top:70px !important
}
.md-mt-80{
  margin-top:80px !important
}
.md-mt-90{
  margin-top:90px !important
}
.md-mt-100{
  margin-top:100px !important
}
.md-mt-110{
  margin-top:110px !important
}
.md-mt-120{
  margin-top:120px !important
}
.md-mt-130{
  margin-top:130px !important
}
.md-mt-140{
  margin-top:140px !important
}
.md-mt-150{
  margin-top:150px !important
}
.md-mt-200{
  margin-top:200px !important
}
.md-mb-10{
  margin-bottom:10px !important
}
.md-mb-20{
  margin-bottom:20px !important
}
.md-mb-30{
  margin-bottom:30px !important
}
.md-mb-40{
  margin-bottom:40px !important
}
.md-mb-50{
  margin-bottom:50px !important
}
.md-mb-60{
  margin-bottom:60px !important
}
.md-mb-70{
  margin-bottom:70px !important
}
.md-mb-80{
  margin-bottom:80px !important
}
.md-mb-90{
  margin-bottom:90px !important
}
.md-mb-100{
  margin-bottom:100px !important
}
.md-mb-110{
  margin-bottom:110px !important
}
.md-mb-120{
  margin-bottom:120px !important
}
.md-mb-130{
  margin-bottom:130px !important
}
.md-mb-140{
  margin-bottom:140px !important
}
.md-mb-150{
  margin-bottom:150px !important
}
.md-mb-200{
  margin-bottom:200px !important
}

}
@media(max-width: 767px){
  .sm-p0{
  padding:0 !important
}
.sm-m0{
  margin:0 !important
}
.sm-pt-10{
  padding-top:10px !important
}
.sm-pt-20{
  padding-top:20px !important
}
.sm-pt-30{
  padding-top:30px !important
}
.sm-pt-40{
  padding-top:40px !important
}
.sm-pt-50{
  padding-top:50px !important
}
.sm-pt-60{
  padding-top:60px !important
}
.sm-pt-70{
  padding-top:70px !important
}
.sm-pt-80{
  padding-top:80px !important
}
.sm-pt-90{
  padding-top:90px !important
}
.sm-pt-100{
  padding-top:100px !important
}
.sm-pt-110{
  padding-top:110px !important
}
.sm-pt-120{
  padding-top:120px !important
}
.sm-pt-130{
  padding-top:130px !important
}
.sm-pt-140{
  padding-top:140px !important
}
.sm-pt-150{
  padding-top:150px !important
}
.sm-pt-200{
  padding-top:200px !important
}
.sm-pb-10{
  padding-bottom:10px !important
}
.sm-pb-20{
  padding-bottom:20px !important
}
.sm-pb-30{
  padding-bottom:30px !important
}
.sm-pb-40{
  padding-bottom:40px !important
}
.sm-pb-50{
  padding-bottom:50px !important
}
.sm-pb-60{
  padding-bottom:60px !important
}
.sm-pb-70{
  padding-bottom:70px !important
}
.sm-pb-80{
  padding-bottom:80px !important
}
.sm-pb-90{
  padding-bottom:90px !important
}
.sm-pb-100{
  padding-bottom:100px !important
}
.sm-pb-110{
  padding-bottom:110px !important
}
.sm-pb-120{
  padding-bottom:120px !important
}
.sm-pb-130{
  padding-bottom:130px !important
}
.sm-pb-140{
  padding-bottom:140px !important
}
.sm-pb-150{
  padding-bottom:150px !important
}
.sm-pb-200{
  padding-bottom:200px !important
}
.sm-mt-10{
  margin-top:10px !important
}
.sm-mt-20{
  margin-top:20px !important
}
.sm-mt-30{
  margin-top:30px !important
}
.sm-mt-40{
  margin-top:40px !important
}
.sm-mt-50{
  margin-top:50px !important
}
.sm-mt-60{
  margin-top:60px !important
}
.sm-mt-70{
  margin-top:70px !important
}
.sm-mt-80{
  margin-top:80px !important
}
.sm-mt-90{
  margin-top:90px !important
}
.sm-mt-100{
  margin-top:100px !important
}
.sm-mt-110{
  margin-top:110px !important
}
.sm-mt-120{
  margin-top:120px !important
}
.sm-mt-130{
  margin-top:130px !important
}
.sm-mt-140{
  margin-top:140px !important
}
.sm-mt-150{
  margin-top:150px !important
}
.sm-mt-200{
  margin-top:200px !important
}
.sm-mb-10{
  margin-bottom:10px !important
}
.sm-mb-20{
  margin-bottom:20px !important
}
.sm-mb-30{
  margin-bottom:30px !important
}
.sm-mb-40{
  margin-bottom:40px !important
}
.sm-mb-50{
  margin-bottom:50px !important
}
.sm-mb-60{
  margin-bottom:60px !important
}
.sm-mb-70{
  margin-bottom:70px !important
}
.sm-mb-80{
  margin-bottom:80px !important
}
.sm-mb-90{
  margin-bottom:90px !important
}
.sm-mb-100{
  margin-bottom:100px !important
}
.sm-mb-110{
  margin-bottom:110px !important
}
.sm-mb-120{
  margin-bottom:120px !important
}
.sm-mb-130{
  margin-bottom:130px !important
}
.sm-mb-140{
  margin-bottom:140px !important
}
.sm-mb-150{
  margin-bottom:150px !important
}
.sm-mb-200{
  margin-bottom:200px !important
}

}
@media(max-width: 575px){
  .xs-p0{
  padding:0 !important
}
.xs-m0{
  margin:0 !important
}
.xs-pt-10{
  padding-top:10px !important
}
.xs-pt-20{
  padding-top:20px !important
}
.xs-pt-30{
  padding-top:30px !important
}
.xs-pt-40{
  padding-top:40px !important
}
.xs-pt-50{
  padding-top:50px !important
}
.xs-pt-60{
  padding-top:60px !important
}
.xs-pt-70{
  padding-top:70px !important
}
.xs-pt-80{
  padding-top:80px !important
}
.xs-pt-90{
  padding-top:90px !important
}
.xs-pt-100{
  padding-top:100px !important
}
.xs-pt-110{
  padding-top:110px !important
}
.xs-pt-120{
  padding-top:120px !important
}
.xs-pt-130{
  padding-top:130px !important
}
.xs-pt-140{
  padding-top:140px !important
}
.xs-pt-150{
  padding-top:150px !important
}
.xs-pt-200{
  padding-top:200px !important
}
.xs-pb-10{
  padding-bottom:10px !important
}
.xs-pb-20{
  padding-bottom:20px !important
}
.xs-pb-30{
  padding-bottom:30px !important
}
.xs-pb-40{
  padding-bottom:40px !important
}
.xs-pb-50{
  padding-bottom:50px !important
}
.xs-pb-60{
  padding-bottom:60px !important
}
.xs-pb-70{
  padding-bottom:70px !important
}
.xs-pb-80{
  padding-bottom:80px !important
}
.xs-pb-90{
  padding-bottom:90px !important
}
.xs-pb-100{
  padding-bottom:100px !important
}
.xs-pb-110{
  padding-bottom:110px !important
}
.xs-pb-120{
  padding-bottom:120px !important
}
.xs-pb-130{
  padding-bottom:130px !important
}
.xs-pb-140{
  padding-bottom:140px !important
}
.xs-pb-150{
  padding-bottom:150px !important
}
.xs-pb-200{
  padding-bottom:200px !important
}
.xs-mt-10{
  margin-top:10px !important
}
.xs-mt-20{
  margin-top:20px !important
}
.xs-mt-30{
  margin-top:30px !important
}
.xs-mt-40{
  margin-top:40px !important
}
.xs-mt-50{
  margin-top:50px !important
}
.xs-mt-60{
  margin-top:60px !important
}
.xs-mt-70{
  margin-top:70px !important
}
.xs-mt-80{
  margin-top:80px !important
}
.xs-mt-90{
  margin-top:90px !important
}
.xs-mt-100{
  margin-top:100px !important
}
.xs-mt-110{
  margin-top:110px !important
}
.xs-mt-120{
  margin-top:120px !important
}
.xs-mt-130{
  margin-top:130px !important
}
.xs-mt-140{
  margin-top:140px !important
}
.xs-mt-150{
  margin-top:150px !important
}
.xs-mt-200{
  margin-top:200px !important
}
.xs-mb-10{
  margin-bottom:10px !important
}
.xs-mb-20{
  margin-bottom:20px !important
}
.xs-mb-30{
  margin-bottom:30px !important
}
.xs-mb-40{
  margin-bottom:40px !important
}
.xs-mb-50{
  margin-bottom:50px !important
}
.xs-mb-60{
  margin-bottom:60px !important
}
.xs-mb-70{
  margin-bottom:70px !important
}
.xs-mb-80{
  margin-bottom:80px !important
}
.xs-mb-90{
  margin-bottom:90px !important
}
.xs-mb-100{
  margin-bottom:100px !important
}
.xs-mb-110{
  margin-bottom:110px !important
}
.xs-mb-120{
  margin-bottom:120px !important
}
.xs-mb-130{
  margin-bottom:130px !important
}
.xs-mb-140{
  margin-bottom:140px !important
}
.xs-mb-150{
  margin-bottom:150px !important
}
.xs-mb-200{
  margin-bottom:200px !important
}

}
.title-one .upper-title{
  margin:10px 0 60px;
  text-transform:uppercase
}
.title-one .upper-title .numb{
  font-family:"Clash Display",sans-serif;
  font-weight:500;
  width:25px
}
.title-one .upper-title .line{
  width:85px;
  height:1px;
  background:#000;
  margin:0 28px 0 16px
}
.title-one .upper-title .sec-title{
  letter-spacing:2px
}
.title-one h2{
  font-family:"Clash Display",sans-serif;
  font-size:72px;
  line-height:1.1111em;
  text-transform:uppercase;
  margin:0
}
.title-one h2 span{
  color:rgba(0,0,0,.35)
}
.title-two h2{
  font-family:"Sentient",serif;
  font-size:82px;
  line-height:1.073em;
  letter-spacing:-1.64px;
  display:inline-block;
  margin:0
}
.title-two h2 span.sticker{
  font-family:"Switzer",sans-serif;
  font-size:30px;
  padding:12px 38px;
  line-height:initial;
  display:inline-block;
  font-weight:normal;
  border-radius:50px;
  letter-spacing:0;
  transform:rotate(13deg)
}
.title-two.xl h2{
  font-size:180px;
  line-height:.833em;
  letter-spacing:-3.6px
}
.title-two p{
  font-size:24px;
  color:rgba(0,0,0,.4)
}
.title-three h2{
  font-family:"Obviously Narrow";
  font-weight:700;
  font-size:290px;
  line-height:1em;
  letter-spacing:-1px;
  text-transform:uppercase;
  margin:0
}
.title-three h2.sm{
  font-size:242px
}
.title-three h2 span{
  display:inline-block;
  vertical-align:middle;
  background:linear-gradient(0.53deg, #C4CCD5 25%, #FFFFFF 113.21%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:rgba(0,0,0,0);
  background-clip:text;
  text-fill-color:rgba(0,0,0,0)
}
.title-three .sec-title{
  font-family:"Obviously Narrow";
  font-weight:700;
  font-size:40px;
  line-height:1em;
  text-transform:uppercase
}
.title-three .sec-title .line{
  width:7px;
  height:30px;
  background:#ff6118;
  margin-top:1px
}
.title-four .upper-title{
  display:inline-block;
  font-size:18px;
  font-weight:500;
  text-transform:uppercase;
  background:#fff;
  padding:11px 25px;
  border-radius:50px;
  margin-bottom:40px
}
.title-four h2{
  font-family:"Obviously Narrow";
  font-weight:700;
  font-size:90px;
  line-height:1.11111em;
  text-transform:uppercase;
  margin:0
}
.title-five .upper-title{
  font-size:18px;
  text-transform:uppercase;
  letter-spacing:5px;
  margin-bottom:15px
}
.title-five h2{
  font-family:"Clash Display",sans-serif;
  font-size:86px;
  line-height:1em;
  color:#fff;
  margin:0
}
.title-five h2 span{
  color:hsla(0,0%,100%,.3)
}
.title-five h3{
  font-family:"Clash Display",sans-serif;
  font-size:78px;
  line-height:1.0512em;
  color:#fff;
  margin:0
}
.title-five h3 span{
  color:hsla(0,0%,100%,.3)
}
.title-five h4{
  font-family:"Clash Display",sans-serif;
  font-size:72px;
  line-height:.958em;
  color:#fff;
  margin:0
}
.title-five h4 span{
  color:hsla(0,0%,100%,.3)
}
.title-six .upper-title{
  font-family:"Obviously Narrow";
  font-weight:600;
  display:inline-block;
  background:#f2f2f2;
  border-radius:50px;
  padding:9px 23px 4px;
  text-transform:uppercase;
  margin-bottom:40px
}
.title-six .upper-title.white-version{
  background:rgba(0,0,0,.2);
  color:#fff
}
.title-six h2{
  font-family:"Obviously Narrow";
  font-weight:700;
  font-size:90px;
  line-height:1em;
  text-transform:uppercase;
  margin:0
}
.title-six h2.xl{
  font-size:170px
}
.title-six.text-white .upper-title{
  background:rgba(0,0,0,.2)
}
.title-seven .upper-title{
  font-size:18px;
  text-transform:uppercase;
  color:rgba(0,0,0,.4);
  letter-spacing:2px;
  margin-bottom:15px
}
.title-seven .upper-title-two{
  display:inline-block;
  font-size:16px;
  font-weight:600;
  text-transform:uppercase;
  color:#000;
  border-bottom:2px solid #000;
  letter-spacing:3px;
  padding-bottom:3px;
  margin-bottom:28px
}
.title-seven h2{
  font-family:"Sentient",serif;
  font-size:78px;
  line-height:1.0512em;
  letter-spacing:-2px
}
.title-eight .upper-title{
  font-size:18px;
  text-transform:uppercase;
  font-weight:500;
  color:rgba(0,0,0,.4);
  letter-spacing:2px;
  margin-bottom:12px
}
.title-eight h2{
  font-size:72px;
  line-height:1.1388em;
  font-weight:600
}
.title-eight h3{
  font-size:64px;
  line-height:1.1875em;
  font-weight:600
}
.title-nine .upper-title{
  font-size:36px;
  font-weight:500
}
.title-nine .upper-title span{
  display:inline-block;
  padding-right:18px
}
.title-nine h2{
  font-size:90px;
  line-height:1em
}
.btn-one{
  font-size:18px;
  font-weight:500;
  line-height:50px;
  padding:0 40px;
  border-radius:40px;
  background:#fff;
  transition:all .3s ease-in-out 0s
}
.btn-one:hover{
  background:#d60004;
  color:#fff
}
@media (max-width: 390.98px) {
  .btn-one {
    font-size: clamp(13px, 4vw, 17px);
    padding: 0 10px;
  }
}
.btn-two{
  font-size:18px;
  font-weight:500;
  line-height:50px;
  padding:0 32px;
  border-radius:40px;
  color:#fff;
  background:#000;
  transition:all .3s ease-in-out 0s
}
.btn-two:hover{
  background:#d60004
}
.btn-two.xl{
  line-height:70px;
  font-size:24px;
  padding:0 55px
}
.btn-two.inverse{
  font-family:"Clash Display",sans-serif;
  background:#fff;
  color:#000
}
.btn-two.inverse:hover{
  background:#d60004;
  color:#fff
}
.btn-three .text{
  font-style:italic;
  padding-bottom:2px;
  border-bottom:2px solid #000
}
.btn-three .text.text-white{
  border-color:#fff
}
.btn-three .icon{
  width:55px;
  height:55px;
  background:#000;
  margin-left:40px;
  padding:15px;
  position:relative
}
.btn-three:hover .icon{
  background:#d60004
}
.btn-four{
  font-size:24px;
  font-weight:500;
  line-height:65px;
  padding:0 45px;
  border-radius:40px;
  text-align:center;
  min-width:185px;
  color:#fff;
  background:#000;
  transition:all .3s ease-in-out 0s
}
.btn-four:hover{
  background:#ff6118
}
.btn-five{
  font-size:"Clash Display",sans-serif;
  font-size:18px;
  font-weight:500;
  color:#fff;
  border:1px solid hsla(0,0%,100%,.2);
  border-radius:40px;
  line-height:48px;
  padding:0 40px;
  transition:all .3s ease-in-out 0s
}
.btn-five:hover{
  background:#d60004
}
.btn-six{
  font-family:"Obviously Narrow";
  font-size:24px;
  font-weight:500;
  text-transform:uppercase;
  color:#fff;
  background:#000;
  border-radius:50px;
  padding:16px 45px 13px;
  transition:all .3s ease-in-out 0s
}
.btn-six:hover{
  background:#d60004
}
.btn-seven{
  font-weight:500;
  background:#fff;
  border-radius:7px;
  border:2px solid #000;
  padding:0 33px;
  line-height:52px;
  transition:all .3s ease-in-out 0s
}
.btn-seven:hover{
  background:#00b134;
  border-color:#00b134;
  color:#fff
}
.btn-eight{
  font-weight:500;
  border: 1px solid #9C9C9C;
  color:#000;
  border-radius:50px;
  line-height:58px;
  text-align:center;
  transition:all .3s ease-in-out 0s
}
.btn-eight:hover{
  border: 1px solid #000;
  background:#000;
  color:#fff;
}
@media (max-width:1199px){
  .btn-eight {
    height: 50px;
    line-height: 50px;
  }
}
.btn-nine{
  font-weight:500;
  background:#F0F0F0;
  border-radius:50px;
  padding:0 42px;
  line-height:60px;
  transition:all .3s ease-in-out 0s
}
.btn-nine:hover{
  background:#395a50;
  color:#fff
}
.btn-telegram{
  font-weight:500;
  background:#0088cc;
  color:#fff;
  border-radius:50px;
  line-height:60px;
  text-align:center;
  transition:all .3s ease-in-out 0s
}
.btn-telegram:hover{
  background: #1b8fc4;
  color: #fff;
}
.btn-whatsapp{
  font-weight:500;
  background:#2cb742;
  color:#fff;
  border-radius:50px;
  line-height:60px;
  text-align:center;
  transition:all .3s ease-in-out 0s
}
.btn-whatsapp:hover{
  background: #1ebe5a;
  color: #fff;
}
.btn-ten{
  font-weight:500;
  background:#000;
  color:#fff;
  border-radius:50px;
  line-height:60px;
  text-align:center;
  transition:all .3s ease-in-out 0s
}
.btn-ten:hover{
  background:#F0F0F0;
  color:#000
}
.btn-eleven span{
  font-size:18px;
  font-weight:500;
  line-height:60px;
  padding:0 38px;
  border-radius:40px;
  color:#fff;
  background:#000;
  transition:all .3s ease-in-out 0s
}
.btn-eleven .icon{
  width:60px;
  line-height:60px;
  border-radius:50%;
  color:#fff;
  background:#000;
  text-align:center;
  margin-left:-5px;
  transition:all .3s ease-in-out 0s
}
.btn-eleven:hover span,.btn-eleven:hover .icon{
  background:#d60004
}
.offcanvas.sidebar-nav{
  width:450px;
  border:none;
  padding:30px 30px 20px;
  max-height:100%;
  overflow-y:auto
}
.offcanvas.sidebar-nav .btn-close{
  box-shadow:none;
  opacity:1;
  background:none
}
.offcanvas.sidebar-nav .sidebar-nav-item{
  padding:30px 0 55px
}
.offcanvas.sidebar-nav .sidebar-nav-item .nav-item>a{
  font-size:22px;
  line-height:2.42em;
  color:#000;
  position:relative;
  transition:all .3s ease-in-out
}
.offcanvas.sidebar-nav .sidebar-nav-item .nav-item:hover>a,.offcanvas.sidebar-nav .sidebar-nav-item .nav-item.active>a{
  color:#d60004
}
.offcanvas.sidebar-nav .sidebar-nav-item .dropdown-toggle::after{
  display:none
}
.offcanvas.sidebar-nav .sidebar-nav-item .dropdown-toggle::before{
  content:"";
  position:absolute;
  margin:0;
  border:none;
  font-size:18px;
  right:-25px;
  top:2px;
  font-family:"bootstrap-icons";
  font-weight:700;
  transition:transform .3s ease-in-out
}
.offcanvas.sidebar-nav .sidebar-nav-item .dropdown-toggle::before.show::before{
  transform:rotate(180deg)
}
.offcanvas.sidebar-nav .sidebar-nav-item .dropdown-menu{
  position:static !important;
  border:none;
  transform:scale(1) !important;
  padding:10px 0 10px 15px
}
.offcanvas.sidebar-nav .sidebar-nav-item .dropdown-menu a{
  font-size:18px;
  line-height:45px;
  color:#000;
  padding:0;
  background:rgba(0,0,0,0);
  transition:all .3s ease-in-out
}
.offcanvas.sidebar-nav .sidebar-nav-item .dropdown-menu a:hover{
  color:#d60004
}
.offcanvas.sidebar-nav .sidebar-nav-item .dropdown-menu a:hover span:before{
  transform:scale(1)
}
.offcanvas.sidebar-nav .sidebar-nav-item .dropdown-menu a span{
  position:relative
}
.offcanvas.sidebar-nav .sidebar-nav-item .dropdown-menu a span::before{
  content:"";
  position:absolute;
  width:100%;
  height:2px;
  left:0;
  bottom:-2px;
  background:#d60004;
  transform:scale(0, 1);
  transform-origin:0 0;
  transition:all .3s ease-in-out
}
.offcanvas.sidebar-nav .title{
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:-1px;
  font-size:22px
}
.offcanvas.sidebar-nav .address-block p a{
  font-size:1.2em;
  font-weight:500;
  color:#000;
  text-decoration:underline
}
.offcanvas.sidebar-nav .social-icon a{
  font-size:1.3em;
  margin:10px 10px 0;
  transition:all .2s ease-in-out 0s
}
.offcanvas.sidebar-nav .social-icon a:hover{
  color:#d60004
}
.offcanvas.sidebar-nav.dark-style{
  background:hsla(0,0%,100%,.01);
  border:1px solid hsla(0,0%,100%,.12);
  -webkit-backdrop-filter:blur(50px);
  backdrop-filter:blur(50px);
  color:#fff
}
.offcanvas.sidebar-nav.dark-style .btn-close{
  color:#fff
}
.offcanvas.sidebar-nav.dark-style .sidebar-nav-item .nav-item>a{
  color:#fff
}
.offcanvas.sidebar-nav.dark-style .sidebar-nav-item .nav-item:hover>a,.offcanvas.sidebar-nav.dark-style .sidebar-nav-item .nav-item.active>a{
  color:#d60004
}
.offcanvas.sidebar-nav.dark-style .sidebar-nav-item .dropdown-menu{
  border-radius:15px;
  background:hsla(0,0%,100%,.08)
}
.offcanvas.sidebar-nav.dark-style .sidebar-nav-item .dropdown-menu a{
  color:#fff
}
.offcanvas.sidebar-nav.dark-style .sidebar-nav-item .dropdown-menu a:hover{
  color:#d60004
}
.offcanvas.sidebar-nav.dark-style .title{
  font-family:"Clash Display",sans-serif;
  font-weight:500;
  letter-spacing:0
}
.offcanvas.sidebar-nav.dark-style .address-block p a{
  color:#fff
}
.theme-main-menu{
  position:relative;
  z-index:999;
  transition:all .4s ease-in-out 0s
}
.theme-main-menu.gap-one{
  padding:30px 0
}
.theme-main-menu.gap-two{
  padding:55px 70px
}
.theme-main-menu.gap-three{
  padding:45px 0
}
.theme-main-menu.gap-four{
  padding:45px 70px
}
.theme-main-menu.gap-five .top-header{
  padding:40px 0
}
.theme-main-menu.menu-overlay{
  position:absolute;
  top:0;
  right:0;
  left:0;
  background:rgba(0,0,0,0)
}
@keyframes sticky{
  0%{
  transform:translateY(-100%)
}
to{
  transform:translateY(0)
}

}
.theme-main-menu.fixed{
  position:fixed !important;
  left:0;
  right:0;
  background:#fff;
  box-shadow:0 13px 35px -12px rgba(35,35,35,.1);
  animation:sticky 1s
}
.theme-main-menu.fixed.gap-one{
  padding-top:10px;
  padding-bottom:10px
}
.theme-main-menu.fixed.gap-three{
  padding-top:15px;
  padding-bottom:15px
}
.theme-main-menu.fixed.gap-four{
  padding-top:15px;
  padding-bottom:15px
}
.theme-main-menu.fixed.menu-style-four{
  background:#151617
}
.theme-main-menu.fixed.gap-five .top-header{
  padding:12px 0
}
.theme-main-menu.fixed.menu-style-seven .top-header.border-bottom{
  border:none !important
}
.theme-main-menu .nav-item .nav-link{
  font-weight:500;
  font-size:20px;
  line-height:initial;
  color:#000;
  padding:10px 0;
  margin:0 23px;
  position:relative;
  transition:all .2s ease-in-out 0s
}
.theme-main-menu .nav-item .dropdown-toggle::after{
  content:"";
  font-family:"bootstrap-icons";
  border:none;
  vertical-align:-1px;
  margin-left:3px;
  font-weight:900;
  font-size:12px;
  transition:all .3s ease-in-out 0s
}
.theme-main-menu .navbar .show.dropdown-toggle::after{
  transform:rotate(180deg)
}
.theme-main-menu.menu-style-one .nav-item .nav-link{
  margin:0 50px 0 0
}
.theme-main-menu.menu-style-one .navbar .dropdown-menu .dropdown-item span:before,.theme-main-menu.menu-style-one .mega-dropdown .home-item span:before{
  background:#fd8e44
}
.theme-main-menu.menu-style-one .navbar .dropdown-menu .dropdown-item:hover,.theme-main-menu.menu-style-one .navbar .dropdown-menu .dropdown-item.active,.theme-main-menu.menu-style-one .mega-dropdown .home-item:hover span{
  color:#fd8e44
}
.theme-main-menu.menu-style-one .navbar .mega-dropdown-sm .dropdown-menu{
  left:-105px
}
.theme-main-menu.menu-style-two .navbar-toggler{
  background:#fff
}
.theme-main-menu.menu-style-two .navbar-toggler:after,.theme-main-menu.menu-style-two .navbar-toggler:before,.theme-main-menu.menu-style-two .navbar-toggler span{
  background:#000
}
.theme-main-menu.menu-style-three .nav-item .nav-link{
  font-size:18px;
  border:1px solid #000;
  border-radius:50px;
  margin:0;
  padding:11px 43px
}
.theme-main-menu.menu-style-three .nav-item:hover .nav-link{
  background:#000;
  color:#fff
}
.theme-main-menu.menu-style-four .nav-item .nav-link{
  font-size:18px;
  color:#fff;
  border-radius:50px;
  margin:0;
  padding:12px 43px
}
.theme-main-menu.menu-style-four .nav-item .nav-link:before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  background:hsla(0,0%,100%,.07);
  -webkit-backdrop-filter:blur(50px);
  backdrop-filter:blur(50px);
  border-radius:50px;
  z-index:-1
}
.theme-main-menu.menu-style-four .nav-item:hover .nav-link{
  background:hsla(0,0%,100%,.1);
  color:#fff
}
.theme-main-menu.menu-style-four .navbar-toggler{
  background:#d60004
}
.theme-main-menu.menu-style-six .top-header.border-bottom{
  border-bottom:1px solid rgba(0,0,0,.1)
}
.theme-main-menu.menu-style-six .navbar-toggler{
  background:#00b134
}
.theme-main-menu.menu-style-seven .top-header.border-bottom{
  border-bottom:1px solid rgba(0,0,0,.1)
}
.theme-main-menu.menu-style-seven .navbar-toggler{
  background:#395a50
}
.theme-main-menu.menu-style-seven .navbar .dropdown-menu .dropdown-item span:before,.theme-main-menu.menu-style-seven .mega-dropdown .home-item span:before{
  background:#395a50
}
.theme-main-menu.menu-style-seven .navbar .dropdown-menu .dropdown-item:hover,.theme-main-menu.menu-style-seven .navbar .dropdown-menu .dropdown-item.active,.theme-main-menu.menu-style-seven .mega-dropdown .home-item:hover span{
  color:#395a50
}
.theme-main-menu.menu-style-eight .top-header.border-bottom{
  border-bottom:1px solid rgba(0,0,0,.1)
}
.theme-main-menu.menu-style-eight .navbar-toggler{
  background:#ff4b33
}
.theme-main-menu .navbar .dropdown-menu .dropdown-item{
  text-transform:capitalize;
  line-height:40px;
  font-size:.9em;
  background:rgba(0,0,0,0);
  position:relative;
  color:#000;
  transition:all .2s ease-in-out 0s
}
.theme-main-menu .navbar .dropdown-menu .dropdown-item span{
  position:relative
}
.theme-main-menu .navbar .dropdown-menu .dropdown-item span:before{
  content:"";
  position:absolute;
  left:0;
  bottom:-2px;
  width:100%;
  height:2px;
  background:#d60004;
  transform:scale(0, 1);
  transform-origin:0 0;
  transition:all .2s ease-in-out 0s
}
.theme-main-menu .navbar .dropdown-menu .dropdown-item:hover span:before,.theme-main-menu .navbar .dropdown-menu .dropdown-item.active span:before{
  transform:scale(1)
}
.theme-main-menu .navbar .dropdown-menu .dropdown-item.active,.theme-main-menu .navbar .dropdown-menu .dropdown-item:hover{
  color:#d60004
}
.theme-main-menu .sidenavbtn{
  width:60px;
  height:50px;
  border-radius:50px;
  background:#fff;
  padding:0 15px
}
.theme-main-menu .sidenavbtn.style-two{
  border:1px solid #000
}
.theme-main-menu .sidenavbtn.style-two:hover{
  background:#000
}
.theme-main-menu .sidenavbtn.style-three{
  background:rgba(0,0,0,0);
  border:1px solid #fff
}
.theme-main-menu .sidenavbtn.style-three span{
  background:#fff
}
.theme-main-menu .sidenavbtn.style-three:hover{
  background:#d60004;
  border-color:#d60004
}
.theme-main-menu .sidenavbtn span{
  display:block;
  height:1px;
  background:#000;
  margin:8px 0;
  transition:all .3s ease-in-out 0s;
  width:27px
}
.theme-main-menu .sidenavbtn span:nth-child(2){
  width:17px
}
.theme-main-menu .sidenavbtn:hover{
  background:#d60004
}
.theme-main-menu .sidenavbtn:hover span:nth-child(2){
  width:27px
}
.theme-main-menu .sidenavbtn:hover span{
  background:#fff
}
.theme-main-menu .lang-dropdown .dropdown-toggle{
  font-weight:500
}
.theme-main-menu .lang-dropdown .dropdown-toggle:after{
  content:url(../images/icon/icon_34.svg);
  border:none;
  width:auto;
  margin:0 0 0 7px;
  vertical-align:initial
}
.theme-main-menu .lang-dropdown .dropdown-menu{
  padding:8px 12px;
  border:2px solid #000
}
.theme-main-menu .lang-dropdown .dropdown-menu li{
  line-height:32px
}
.theme-main-menu .lang-dropdown .dropdown-menu li a:hover{
  text-decoration:underline
}
.theme-main-menu .navbar-toggler{
  width:52px;
  height:50px;
  padding:0;
  box-shadow:none;
  position:relative;
  z-index:99;
  border:none;
  background:#fd8e44
}
.theme-main-menu .navbar-toggler:focus{
  box-shadow:none
}
.theme-main-menu .navbar-toggler::before,.theme-main-menu .navbar-toggler::after{
  content:"";
  position:absolute;
  top:50%;
  left:10px;
  width:32px;
  height:2px;
  pointer-events:none;
  transition:transform .25s;
  transform-origin:50% 50%;
  background:#fff
}
.theme-main-menu .navbar-toggler span{
  position:absolute;
  left:10px;
  overflow:hidden;
  width:32px;
  height:2px;
  margin-top:-1px;
  text-indent:200%;
  transition:opacity .25s;
  background:#fff
}
.theme-main-menu .navbar-toggler::before{
  transform:translate3d(0, -9px, 0) scale3d(1, 1, 1)
}
.theme-main-menu .navbar-toggler::after{
  transform:translate3d(0, 8px, 0) scale3d(1, 1, 1)
}
.theme-main-menu .navbar-toggler[aria-expanded=true] span{
  opacity:0
}
.theme-main-menu .navbar-toggler[aria-expanded=true]::before{
  transform:rotate3d(0, 0, 1, 45deg)
}
.theme-main-menu .navbar-toggler[aria-expanded=true]::after{
  transform:rotate3d(0, 0, 1, -45deg)
}
.theme-main-menu .mega-dropdown,.theme-main-menu .navbar{
  position:static
}
.theme-main-menu .mega-dropdown .col-lg-3{
  max-width:25%;
  width:25%
}
.theme-main-menu .mega-dropdown .home-item{
  text-align:center;
  margin-top:15px
}
.theme-main-menu .mega-dropdown .home-item .img-item{
  border:1px solid #e1e1e1;
  border-radius:15px;
  overflow:hidden;
  margin-bottom:12px;
  box-shadow:0 10px 30px rgba(0,0,0,.08)
}
.theme-main-menu .mega-dropdown .home-item .img-item img{
  transition:all .6s ease-in-out 0s
}
.theme-main-menu .mega-dropdown .home-item span{
  font-size:.9em;
  position:relative;
  display:inline-block;
  padding-bottom:2px;
  transition:all .3s ease-in-out 0s
}
.theme-main-menu .mega-dropdown .home-item span:before{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:100%;
  height:2px;
  background:#d60004;
  transform:scale(0, 1);
  transform-origin:0 0;
  transition:all .2s ease-in-out 0s
}
.theme-main-menu .mega-dropdown .home-item:hover span{
  color:#d60004;
  letter-spacing:.3px
}
.theme-main-menu .mega-dropdown .home-item:hover span:before{
  transform:scale(1)
}
.theme-main-menu .mega-dropdown .home-item:hover .img-item img{
  transform:scale3d(1.1, 1.1, 1);
  filter:blur(1px)
}
.theme-main-menu .navbar [class*=mega-dropdown] .dropdown-menu{
  padding:0 0 15px;
  margin:0;
  right:0
}
.theme-main-menu .navbar .mega-dropdown-sm .dropdown-menu{
  min-width:620px;
  left:-200px;
  padding:10px
}
.theme-main-menu .navbar [class*=mega-dropdown] .menu-column{
  padding:5px 0
}
.theme-main-menu .navbar [class*=mega-dropdown] .menu-column .mega-menu-title{
  font-size:14px;
  text-transform:uppercase;
  letter-spacing:1px;
  font-weight:600;
  display:inline-block;
  position:relative;
  margin:0 0 15px;
  padding-left:15px
}
.theme-main-menu .navbar [class*=mega-dropdown] .menu-column .mega-menu-title:before{
  content:"";
  position:absolute;
  width:calc(100% - 15px);
  height:1px;
  background:#000;
  left:15px;
  bottom:-5px
}
@media screen and (min-width: 992px){
  .theme-main-menu .navbar .dropdown-menu{
  font-size:1em;
  z-index:5;
  background-color:#fff;
  border-radius:10px;
  display:block;
  right:auto;
  left:0;
  padding:10px 5px;
  border:none;
  top:100%;
  visibility:hidden;
  transform:translateY(5px);
  opacity:0;
  min-width:200px;
  box-shadow:0px 50px 100px rgba(0,0,0,.12);
  margin:0;
  transform-origin:0 0;
  transition:all .2s ease-in
}
.theme-main-menu .navbar .dropdown-menu:before{
  content:"";
  position:absolute;
  left:30px;
  top:-17px
}
.theme-main-menu .navbar .dropdown-menu .dropdown-menu{
  left:calc(100% + 5px);
  top:0;
  right:auto;
  min-width:240px;
  box-shadow:0 20px 30px -10px rgba(0,0,0,.15);
  transform:translateY(0)
}
.theme-main-menu .navbar .dropdown:hover>.dropdown-menu{
  opacity:1;
  visibility:visible;
  transform:translateY(0)
}
.theme-main-menu .nav-item .dropdown-toggle::after{
  display:none
}
.theme-main-menu.menu-style-two .navbar{
  position:absolute;
  top:30px;
  left:0;
  right:0;
  justify-content:center
}
.theme-main-menu.menu-style-two .navbar .navbar-collapse{
  flex-grow:initial
}
.theme-main-menu.menu-style-two .nav-item .nav-link{
  position:relative;
  margin:0 48px
}
.theme-main-menu.menu-style-two .nav-item .nav-link:before{
  content:url(../images/shape/shape_01.svg);
  position:absolute;
  top:15px;
  right:-52px
}
.theme-main-menu.menu-style-two .nav-item:last-child .nav-link:before{
  display:none
}
.theme-main-menu.menu-style-two .bg-shape{
  position:absolute;
  top:-5px;
  left:50%;
  transform:translateX(-50%);
  z-index:-1
}

}
@media screen and (max-width: 991px){
  .theme-main-menu .navbar{
  padding:0
}
.theme-main-menu .navbar-collapse .logo{
  margin-bottom:10vh;
  padding-left:12px
}
.theme-main-menu .white-vr .navbar-collapse{
  background-color:#000
}
.theme-main-menu .navbar-collapse{
  position:fixed;
  top:0;
  background-color:#fff;
  left:0;
  height:100vh;
  max-height:100vh;
  overflow-y:auto;
  clear:both;
  width:320px;
  max-width:calc(100vw - 60px);
  z-index:9999;
  transform:translateX(-100%);
  display:block !important;
  padding:20px 0 20px;
  transition:all .3s ease-in-out
}
.theme-main-menu .navbar-collapse.show{
  transform:translateX(0);
  box-shadow:15px 0 25px rgba(35,35,35,.09)
}
.theme-main-menu .navbar .mega-dropdown{
  position:relative
}
.theme-main-menu .navbar .navbar-nav .nav-link{
  margin:0;
  padding:15px 12px;
  border-top:1px dashed rgba(0,0,0,.1)
}
.theme-main-menu.menu-style-three .navbar .navbar-nav .nav-item{
  padding:0 10px
}
.theme-main-menu.menu-style-three .navbar .navbar-nav .nav-item .nav-link{
  border:1px solid #000;
  margin-bottom:5px;
  padding-left:15px
}
.theme-main-menu.menu-style-three .navbar .dropdown-menu{
  border:none
}
.theme-main-menu.menu-style-four .navbar .navbar-nav .nav-item{
  padding:0 10px
}
.theme-main-menu.menu-style-four .navbar .navbar-nav .nav-item .nav-link{
  margin-bottom:5px;
  padding-left:15px;
  color:#fff
}
.theme-main-menu.menu-style-four .navbar .dropdown-menu{
  border:none
}
.theme-main-menu.menu-style-four .navbar-collapse{
  background:rgba(0,0,0,.7);
  border-right:1px solid hsla(0,0%,100%,.12);
  -webkit-backdrop-filter:blur(50px);
  backdrop-filter:blur(50px)
}
.theme-main-menu .navbar .dropdown-menu .dropdown-item{
  line-height:38px;
  font-size:17px
}
.theme-main-menu .navbar .dropdown-menu{
  border:none;
  padding:10px 0;
  border-radius:0;
  margin:0;
  background:#fff;
  border-top:1px dashed rgba(0,0,0,.1)
}
.theme-main-menu .navbar [class*=mega-dropdown] .dropdown-menu{
  padding:0;
  min-width:100%
}
.theme-main-menu .navbar [class*=mega-dropdown] .menu-column{
  padding:0
}
.theme-main-menu .navbar [class*=mega-dropdown] .menu-column .mega-menu-title{
  padding-left:10px;
  margin-top:15px
}
.theme-main-menu .navbar [class*=mega-dropdown] .menu-column .mega-menu-title:before{
  left:10px
}
.theme-main-menu .navbar .dropdown-toggle::after{
  position:absolute;
  right:15px;
  top:0;
  line-height:58px
}

}
.hero-banner-one{
  padding-top:840px
}
.hero-banner-one .hero-heading{
  font-family:"Obviously Narrow";
  font-size:130px;
  font-weight:700;
  line-height:.923em;
  text-transform:uppercase
}
.hero-banner-one .slogan{
  display:flex;
  align-items:center;
  font-size:32px;
  font-weight:300;
  letter-spacing:-0.32px;
  margin-bottom:25px
}
.hero-banner-one .slogan img{
  margin-left:3px
}
.hero-banner-one .slogan span{
  padding-left:5px
}
.hero-banner-one .about-info{
  background:#fff;
  padding:50px 50px 68px;
  max-width:600px;
  margin-left:auto
}
.hero-banner-one .about-info p{
  font-size:36px;
  line-height:1.4444em;
  font-weight:500;
  margin-bottom:50px
}
.hero-banner-one .about-info .email{
  font-size:28px;
  font-weight:500;
  font-style:italic;
  border-bottom:2px solid #000
}
.hero-banner-one .about-info .email:hover{
  color:#ff6118;
  border-color:#fd8e44
}
.hero-banner-one .about-info .discuss-btn{
  position:absolute;
  right:50px;
  bottom:30px;
  font-weight:600;
  line-height:27px;
  color:#fff;
  text-transform:uppercase;
  text-align:center
}
.hero-banner-one .about-info .discuss-btn .text{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%) rotate(-17.67deg)
}
.hero-banner-one .about-info .discuss-btn .main-img{
  animation:rotated 100s infinite linear
}
.hero-banner-one .about-info .discuss-btn:hover .main-img{
  animation:none
}
.hero-banner-one .image-wrapper{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:1
}
.hero-banner-one .image-wrapper:before{
  content:"";
  position:absolute;
  width:100%;
  left:0;
  bottom:0;
  z-index:1;
  height:30%;
  background:linear-gradient(180deg, rgba(196, 204, 213, 0.01) 0%, rgba(196, 204, 213, 0.85) 38.04%, #C4CCD5 89.46%)
}
.hero-banner-one .image-wrapper .avatar-img{
  border-radius:500px 500px 0 0
}
.hero-banner-one .image-wrapper .profession{
  font-family:"Obviously Narrow";
  font-size:450px;
  letter-spacing:-1px;
  font-weight:700;
  text-transform:uppercase;
  line-height:1em;
  position:absolute;
  width:100%;
  left:0;
  top:10%;
  z-index:0;
  background:linear-gradient(0.53deg, #C4CCD5 25%, #FFFFFF 113.21%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:rgba(0,0,0,0);
  background-clip:text;
  text-fill-color:rgba(0,0,0,0)
}
.hero-banner-one .image-wrapper .tags li{
  font-size:32px;
  color:#fff;
  border-radius:50px;
  padding:13px 40px;
  background:#000;
  transform:rotate(17deg);
  position:absolute;
  right:-75px;
  top:11%
}
.hero-banner-one .image-wrapper .tags li:nth-child(2){
  top:26%;
  right:auto;
  left:-125px;
  transform:rotate(-10.85deg)
}
.hero-banner-one .image-wrapper .name{
  font-family:"Autograf PERSONAL USE ONLY";
  font-size:200px;
  line-height:1em;
  color:#7308ff;
  position:absolute;
  width:100%;
  max-width:1720px;
  left:50%;
  top:31%;
  z-index:1;
  transform:translateX(-50%)
}
.hero-banner-two .main-bg{
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  margin-top:25px;
  padding:500px 0 30px;
  text-align:center;
  position:relative;
  z-index:1;
  overflow:hidden
}
.hero-banner-two .main-bg:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:59%;
  z-index:-1;
  background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%)
}
.hero-banner-two .hero-heading{
  font-family:"Clash Display",sans-serif;
  font-size:150px;
  font-weight:700;
  line-height:.8666em;
  text-transform:uppercase;
  color:#fff;
  margin-bottom:25px
}
.hero-banner-two .hero-heading span{
  display:block;
  position:relative;
  z-index:1;
  text-shadow:0 50px 100px rgba(0,0,0,.6)
}
.hero-banner-two .tags{
  position:absolute;
  left:45px;
  bottom:50px
}
.hero-banner-two .tags li{
  font-size:18px;
  font-weight:500;
  color:#fff;
  padding:0 35px;
  line-height:53px;
  border-radius:50px;
  border:1px solid #fff;
  position:relative;
  overflow:hidden
}
.hero-banner-two .tags li:before{
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:-1;
  background:hsla(0,0%,100%,.2);
  -webkit-backdrop-filter:blur(3.5px);
  backdrop-filter:blur(3.5px)
}
.hero-banner-two .slider-arrows{
  position:absolute;
  right:65px;
  bottom:50px;
  z-index:1
}
.hero-banner-two .slider-arrows li{
  width:50px;
  height:50px;
  border:1px solid #fff;
  border-radius:50%;
  background:hsla(0,0%,100%,.2);
  -webkit-backdrop-filter:blur(3.5px);
  backdrop-filter:blur(3.5px);
  text-align:center;
  line-height:48px;
  color:#fff;
  font-size:24px;
  cursor:pointer;
  transition:all .3s ease-in-out 0s
}
.hero-banner-two .slider-arrows li:hover{
  background:#fff;
  color:#000
}
.hero-banner-three .hero-heading{
  font-family:"Sentient",serif;
  font-weight:normal;
  font-size:130px;
  line-height:.9615em;
  letter-spacing:-2.6px
}
.hero-banner-three .hero-heading span{
  font-family:"Switzer",sans-serif;
  font-size:36px;
  padding:15px 35px;
  line-height:initial;
  border-radius:50px;
  letter-spacing:0;
  position:absolute;
  left:-18px;
  top:13px;
  z-index:1;
  transform:rotate(11deg)
}
.hero-banner-three .hero-heading span:last-child{
  left:auto;
  top:auto;
  right:-48px;
  bottom:48px;
  transform:rotate(-11deg)
}
.hero-banner-three .shape_01{
  left:0;
  top:11%;
  max-width:7%;
  animation:jumpThree 5s infinite linear
}
.hero-banner-three .shape_02{
  right:0;
  bottom:25%;
  max-width:7%;
  animation:rotated 100s infinite linear
}
.hero-banner-three .shape_03{
  top:3%;
  left:-60px;
  max-width:none;
  width:calc(100% + 120px);
  animation:jumpTwo 5s infinite linear
}
.hero-banner-three .emoji_shape{
  left:8%;
  bottom:12%;
  max-width:14%;
  animation:jumpTwo 5s infinite linear
}
.hero-banner-three .bottom-info{
  margin-top:-100px
}
.hero-banner-three .bottom-info li{
  margin-left:-12px
}
.hero-banner-three .bottom-info li:first-child{
  margin:0
}
.hero-banner-three .bottom-info li img{
  width:65px;
  height:65px;
  outline:4px solid #fff
}
.hero-banner-three .bottom-info strong{
  font-size:36px;
  font-weight:600;
  display:block;
  margin-bottom:-5px
}
.hero-banner-three .bottom-info .discuss-btn{
  font-size:22px;
  letter-spacing:1px;
  border-bottom:2px solid #000;
  padding-bottom:6px
}
.hero-banner-three .bottom-info .discuss-btn:hover{
  letter-spacing:1.5px
}
.hero-banner-four{
  background:url(../images/assets/bg_01.png) no-repeat center 50px;
  padding:240px 70px 20px;
  background-size:cover
}
.hero-banner-four .hero-heading{
  font-family:"Clash Display",sans-serif;
  font-size:190px;
  line-height:.842em;
  font-weight:600;
  text-transform:uppercase;
  margin:100px 0 85px
}
.hero-banner-four .hero-heading span{
  font-family:"Sentient",serif;
  font-size:240px;
  font-weight:normal;
  font-style:italic;
  letter-spacing:-12px;
  text-transform:capitalize;
  display:block;
  margin-top:-15px
}
.hero-banner-four .cta-group li{
  width:315px;
  height:315px;
  border-radius:50%;
  background:hsla(0,0%,100%,.5);
  margin:0 -35px
}
.hero-banner-four .cta-group li a{
  font-family:"Clash Display",sans-serif;
  font-size:24px;
  font-weight:500;
  line-height:1.375em;
  letter-spacing:2px;
  color:#000;
  text-transform:uppercase;
  display:block;
  width:100%;
  height:100%;
  background:#fff;
  border-radius:50%;
  position:relative;
  z-index:1
}
.hero-banner-four .cta-group li .sticker{
  animation:rotated 100s infinite linear
}
.hero-banner-four .sub-heading{
  position:absolute;
  left:0;
  top:0;
  color:hsla(0,0%,100%,.7);
  max-width:350px;
  text-align:start
}
.hero-banner-four ul .rating-box{
  position:absolute;
  right:0;
  top:-5px
}
.hero-banner-four ul .rating-box h4{
  font-family:"Clash Display",sans-serif;
  font-size:100px;
  line-height:1em;
  margin-bottom:0
}
.hero-banner-four ul .rating-box p{
  font-size:22px;
  color:hsla(0,0%,100%,.6);
  margin:0
}
.hero-banner-four ul .rating-box:nth-child(2){
  top:auto;
  right:auto;
  left:0;
  bottom:75px
}
.hero-banner-four .social-icon-one{
  position:absolute;
  right:0;
  bottom:75px
}
.hero-banner-four .social-icon-one a{
  width:45px;
  height:45px;
  line-height:45px;
  font-size:18px;
  color:#000
}
.hero-banner-four .social-icon-one a:hover{
  background:#d60004;
  color:#fff
}
.hero-banner-five .main-bg{
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  padding:590px 0 140px;
  position:relative;
  z-index:1;
  overflow:hidden
}
.hero-banner-five .hero-heading{
  font-family:"Obviously Narrow";
  font-size:140px;
  line-height:.8571em;
  font-weight:700;
  text-transform:uppercase;
  color:#fff
}
.hero-banner-five .round-shape{
  width:518px;
  height:518px;
  background:#d60004;
  border-radius:50%;
  position:absolute;
  left:-9%;
  bottom:7%;
  z-index:-1;
  animation:plasma 5s infinite linear
}
.hero-banner-five .slider-arrows{
  position:absolute;
  right:100px;
  bottom:135px;
  z-index:1
}
.hero-banner-five .slider-arrows li{
  width:50px;
  height:50px;
  border-radius:50%;
  background:hsla(0,0%,100%,.3);
  text-align:center;
  line-height:48px;
  color:#fff;
  font-size:24px;
  cursor:pointer;
  margin-left:100px;
  transition:all .3s ease-in-out 0s
}
.hero-banner-five .slider-arrows li:hover{
  background:#fff;
  color:#000
}
.hero-banner-five nav{
  position:absolute;
  left:0;
  width:100%;
  top:18%;
  z-index:5
}
.hero-banner-five nav .nav-wrapper{
  margin:0 -8px;
  color:#fff;
  max-width:280px
}
.hero-banner-five nav .nav-wrapper a{
  text-transform:uppercase;
  margin:3px 8px;
  transition:all .3s ease-in-out 0s
}
.hero-banner-five nav .nav-wrapper a:hover{
  color:#d60004
}
.hero-banner-six{
  background:#fff2e6;
  padding:185px 0 150px
}
.hero-banner-six .hero-heading{
  font-family:"Sentient",serif;
  font-size:100px;
  line-height:1em;
  letter-spacing:-2px;
  margin-bottom:35px
}
.hero-banner-six h5{
  font-size:32px;
  padding:62px 0 15px
}
.hero-banner-six form{
  max-width:650px;
  height:70px
}
.hero-banner-six form input{
  width:100%;
  height:100%;
  border:2px solid #000;
  padding:0 90px 0 35px;
  font-size:18px;
  border-radius:10px
}
.hero-banner-six form input::-moz-placeholder{
  color:#000
}
.hero-banner-six form input::placeholder{
  color:#000
}
.hero-banner-six form button{
  position:absolute;
  right:0;
  bottom:0;
  top:0;
  width:90px;
  background:#000;
  border-radius:0 10px 10px 0
}
.hero-banner-six form button:hover{
  background:#00b134
}
.hero-banner-six .card-wrapper{
  position:absolute;
  left:0;
  bottom:48px;
  z-index:1;
  width:290px
}
.hero-banner-six .card-wrapper .main-count{
  font-family:"Sentient",serif;
  font-size:55px;
  font-weight:500;
  letter-spacing:-2px;
  margin-bottom:-12px
}
.hero-banner-seven{
  padding:210px 0 0
}
.hero-banner-seven .hero-heading{
  font-size:110px;
  line-height:.9636em;
  font-weight:600;
  margin-bottom:40px
}
.hero-banner-seven .screen-wrapper{
  background:#f2f2f2;
  border-radius:40px;
  padding:108px 99px 75px
}
.hero-banner-seven .shape_01{
  bottom:0;
  left:10%;
  max-width:87%
}
.hero-banner-eight .hero-heading{
  font-size:190px;
  line-height:.92105em
}
.hero-banner-eight .sticker{
  animation:rotated 100s infinite linear
}
.hero-banner-eight .screen-wrapper .screen_01{
  right:4%;
  bottom:6%;
  z-index:0
}
.hero-banner-eight .shape_01{
  right:0;
  top:7%;
  max-width:48%
}
.fancy-banner-one .bg-wrapper {
  position: relative;
  overflow: hidden;
  padding: 30px 35px;
}

.fancy-banner-one .bg-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 1;
}

/* Контент поверх видео */
.fancy-banner-one .bg-wrapper > *:not(video) {
  position: relative;
  z-index: 2;
}
.fancy-banner-one .info{
  font-family:"Clash Display",sans-serif;
  font-weight:600;
  color:#fff;
  text-transform:uppercase
}
.fancy-banner-one h3{
  font-family:"Clash Display",sans-serif;
  font-size:150px;
  font-weight:700;
  text-transform:uppercase;
  text-align:center;
  color:#fff;
  line-height:.7666em;
  margin:460px 0 25px
}
.fancy-banner-one h3 span{
  display:block;
  position:relative;
  z-index:1;
  text-shadow:0 50px 100px rgba(0,0,0,.6)
}
.fancy-banner-one .tags li{
  font-size:18px;
  font-weight:500;
  color:#fff;
  padding:0 35px;
  line-height:53px;
  border-radius:50px;
  border:1px solid #fff;
  position:relative;
  z-index:1;
  overflow:hidden
}
.fancy-banner-one .tags li:before{
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
  z-index:-1;
  background:hsla(0,0%,100%,.2);
  -webkit-backdrop-filter:blur(2.5px);
  backdrop-filter:blur(2.5px)
}
.fancy-banner-one .icon{
  width:72px;
  height:72px;
  background:#fff
}
.fancy-banner-one .icon:hover{
  background:#d60004
}
.fancy-banner-two{
  text-align:center
}
.fancy-banner-two h2{
  font-family:"Sentient",serif;
  font-size:120px;
  line-height:1em;
  letter-spacing:-4px;
  margin-bottom:55px
}
.fancy-banner-two h2 span{
  display:inline-block;
  position:relative;
  z-index:1
}
.fancy-banner-two h2 span::before{
  content:"";
  position:absolute;
  width:103%;
  height:87%;
  left:-11px;
  top:5px;
  z-index:-1;
  border-radius:13px;
  background:#ff9fe7;
  transform:rotate(-2.87deg)
}
.fancy-banner-two .shape_01{
  right:30%;
  bottom:24%;
  max-width:5%;
  animation:jumpTwo 5s infinite linear
}
.fancy-banner-three h2{
  font-family:"Obviously Narrow";
  font-size:140px;
  font-weight:700;
  line-height:.9285em;
  text-transform:uppercase;
  margin-bottom:50px
}
.fancy-banner-three .round-shape{
  width:465px;
  height:465px;
  background:#d60004;
  border-radius:50%;
  position:absolute;
  left:-6%;
  top:-22%;
  z-index:-1;
  animation:plasma 5s infinite linear
}
.fancy-banner-four .img-wrapper{
  border:2px solid #000;
  border-radius:40px;
  overflow:hidden
}
.fancy-banner-five{
  background:#0b0b0b;
  padding:150px 0 120px
}
.fancy-banner-five h2{
  font-family:"Sentient",serif;
  font-size:140px;
  font-weight:normal;
  color:#fff;
  line-height:1.0714em;
  letter-spacing:-3px;
  margin-bottom:42px
}
.fancy-banner-five h2 img{
  margin:0 15px
}
.fancy-banner-five .btn-six{
  font-family:"Switzer",sans-serif;
  text-transform:capitalize;
  background:hsla(0,0%,100%,.1)
}
.fancy-banner-five .btn-six:hover{
  background:#00b134
}
.fancy-banner-six .bg-wrapper{
  background:#f7f7f7;
  border-radius:40px;
  padding:100px 0 0
}
.fancy-banner-six .bg-wrapper h2{
  font-size:100px;
  font-weight:600;
  line-height:1em
}
.fancy-banner-seven h2{
  font-size:120px;
  line-height:1em;
  margin:0;
  max-width:calc(100% - 400px)
}
.fancy-banner-seven .cta-btn{
  width:350px;
  height:350px;
  background:#ff4b33;
  padding:2%
}
.fancy-banner-seven .cta-btn:hover{
  background:#d60004
}
.fancy-banner-eight .bg-wrapper{
  padding:110px 15px 110px
}
.fancy-banner-eight .btn-four{
  line-height:60px;
  font-size:15px;
  text-transform:uppercase;
  font-weight:500;
  letter-spacing:1px;
  background:#fff;
  color:#000
}
.fancy-banner-eight .btn-four:hover{
  background:#d60004;
  color:#fff
}
.fancy-banner-eight .shape_01{
  right:0;
  bottom:0;
  max-width:38%
}
.inner-banner-one{
  margin-top:25px
}
.inner-banner-one .bg-wrapper{
  background-position:center;
  background-size:cover;
  padding:200px 0 135px
}
.inner-banner-one h2{
  font-family:"Clash Display",sans-serif;
  font-size:80px;
  font-weight:400;
  text-transform:uppercase;
  color:#fff;
  margin-bottom:0;
  text-align:center
}
.inner-banner-two .layer-one{
  padding-bottom:25px
}
.inner-banner-two .layer-one:before{
  content:"";
  position:absolute;
  left:100px;
  right:100px;
  bottom:0;
  top:20px;
  border:2px solid #000;
  border-radius:40px;
  background:#fff
}
.inner-banner-two .layer-two{
  padding-bottom:25px
}
.inner-banner-two .layer-two:before{
  content:"";
  position:absolute;
  left:50px;
  right:50px;
  bottom:0;
  top:20px;
  border:2px solid #000;
  border-radius:40px;
  background:#fff
}
.inner-banner-two .main-bg{
  background:#fff;
  border:2px solid #000;
  border-radius:40px;
  padding:100px 10px 75px;
  text-align:center
}
.inner-banner-two h2{
  font-family:"Sentient",serif;
  font-size:92px;
  line-height:1.073em;
  letter-spacing:-1.84px;
  display:inline-block;
  margin:0 0 22px
}
.inner-banner-two h2 span.sticker{
  font-family:"Switzer",sans-serif;
  font-size:36px;
  padding:12px 38px;
  line-height:initial;
  display:inline-block;
  font-weight:normal;
  border-radius:50px;
  letter-spacing:0;
  transform:rotate(-13deg);
  position:absolute;
  left:-135px;
  top:-23px
}
.inner-banner-two h2 span.sticker.right1{
  left:auto;
  right:-160px;
  transform:rotate(11.28deg)
}
.inner-banner-two .shape_01{
  left:8%;
  top:41%;
  max-width:7%;
  animation:jumpThree 5s infinite linear
}
.inner-banner-two .shape_02{
  right:8%;
  top:40%;
  max-width:6%;
  animation:rotated 100s infinite linear
}
.inner-banner-three{
  padding:260px 0 155px
}
.inner-banner-three h2{
  font-family:"Clash Display",sans-serif;
  font-size:190px;
  line-height:.842em;
  font-weight:600;
  text-transform:uppercase;
  margin:0
}
.inner-banner-three h2 span{
  font-family:"Sentient",serif;
  font-size:240px;
  font-weight:normal;
  font-style:italic;
  letter-spacing:-12px;
  text-transform:capitalize;
  display:inline-block;
  margin-top:-15px
}
.inner-banner-three .shape_01{
  left:0;
  top:0;
  max-width:16%
}
.inner-banner-three .shape_02{
  right:0;
  top:27%;
  max-width:17%
}
.inner-banner-four{
  background:#fff2e6;
  padding:170px 0 90px;
  text-align:center
}
.inner-banner-four h2{
  font-family:"Sentient",serif;
  font-size:100px;
  letter-spacing:-2px;
  margin-bottom:30px
}
.inner-banner-four ul{
  margin:0 -2px
}
.inner-banner-four ul li{
  padding:0 2px 10px;
  font-size:24px;
  color:rgba(0,0,0,.3)
}
.inner-banner-four ul li:last-child{
  color:#000
}
.inner-banner-four ul li:hover a{
  text-decoration:underline
}
.map-banner-one{
  height:535px
}
.map-banner-one .gmap_canvas{
  border-radius:40px;
  overflow:hidden
}
.map-banner-two{
  height:550px
}
.video-banner-one:before{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:62%;
  background:#0b0b0b;
  z-index:-1
}
.video-banner-one .bg-wrapper{
  background:url(../images/media/img_133.jpg) no-repeat center;
  background-size:cover;
  padding:40px;
  border-radius:40px;
  height:825px
}
.video-banner-one .play-btn{
  width:130px;
  height:130px;
  padding:15px;
  background:#fff
}
.video-banner-one .play-btn:hover{
  background:hsla(0,0%,100%,.4);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px)
}
.video-banner-two .bg-wrapper{
  background:url(../images/media/img_142.jpg) no-repeat center;
  background-size:cover;
  padding:40px;
  border-radius:30px;
  height:775px
}
.video-banner-two .play-btn{
  width:210px;
  height:210px;
  padding:30px;
  background:#fff
}
.video-banner-two .play-btn:hover{
  background:hsla(0,0%,100%,.4);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px)
}
.feature-block-one .sec-btn{
  position:absolute;
  right:0;
  top:0
}
.feature-block-one h3{
  font-family:"Clash Display",sans-serif;
  font-size:90px;
  line-height:1em;
  margin:60px 0 25px;
  max-width:880px
}
.feature-block-one .box-wrapper::before{
  content:"";
  position:absolute;
  width:100%;
  height:1px;
  left:0;
  top:50%;
  background:rgba(0,0,0,.2)
}
.feature-block-one .box-wrapper::after{
  content:"";
  position:absolute;
  width:1px;
  height:100%;
  left:50%;
  top:0;
  background:rgba(0,0,0,.2)
}
.feature-block-two .title-two h2 span.sticker{
  position:absolute;
  right:-185px;
  top:17px
}
.feature-block-two .shape_01{
  left:3%;
  top:2%;
  max-width:8%;
  animation:rotated 70s infinite linear
}
.feature-block-two .card-wrapper .card-block{
  width:50%;
  border-radius:40px;
  padding:35px 45px 55px;
  border-bottom:6px solid #000
}
.feature-block-two .card-wrapper .card-block:nth-child(even){
  border-top:6px solid #000;
  border-bottom:none
}
.feature-block-two .card-wrapper .card-block .icon{
  height:138px;
  margin-bottom:88px
}
.feature-block-two .card-wrapper .card-block .icon img{
  max-height:100%
}
.feature-block-two .card-wrapper .card-block h3{
  font-family:"Sentient",serif;
  font-size:36px;
  line-height:1.111em;
  letter-spacing:-0.72px;
  margin-bottom:50px
}
.feature-block-two .card-wrapper .card-block:nth-child(1){
  transform:rotate(4.59deg)
}
.feature-block-two .card-wrapper .card-block:nth-child(2){
  transform:rotate(-2.75deg);
  margin:-32px 0 0 -37px
}
.feature-block-two .card-wrapper .card-block:nth-child(3){
  transform:rotate(3.97deg);
  margin:9px 0 0 -48px
}
.feature-block-two .card-wrapper .card-block:nth-child(4){
  margin:-70px 0 0 -36px
}
.feature-block-two .card-wrapper.style-two .card-block{
  width:100%;
  transform:none !important
}
.feature-block-three .title-two h2 span.sticker{
  transform:rotate(-11.28deg) translateY(-20px)
}
.feature-block-three .layer-one{
  padding-right:25px
}
.feature-block-three .layer-one::before{
  content:"";
  position:absolute;
  width:calc(100% - 40px);
  height:100%;
  background:#fff;
  border:2px solid #000;
  border-radius:30px;
  bottom:0;
  left:40px;
  z-index:-2;
  transform:rotate(7.87deg);
  transform-origin:0%
}
.feature-block-three .layer-two{
  padding-right:25px
}
.feature-block-three .layer-two::before{
  content:"";
  position:absolute;
  width:calc(100% - 40px);
  height:100%;
  background:#fff;
  border:2px solid #000;
  border-radius:30px;
  bottom:0;
  left:40px;
  z-index:-1;
  transform:rotate(3.91deg);
  transform-origin:0%
}
.feature-block-three .shape_01{
  right:33%;
  bottom:0;
  max-width:4%;
  animation:jumpThree 5s infinite linear
}
.feature-block-three .shape_02{
  left:30%;
  bottom:28%;
  max-width:7%;
  animation:rotated 100s infinite linear
}
.feature-block-three .shape_03{
  left:0;
  bottom:0;
  bottom:6%;
  animation:jumpTwo 10s infinite linear
}
.feature-block-four .title-two h2 span.sticker{
  position:absolute;
  right:-167px;
  top:21px
}
.feature-block-four .block-wrapper{
  border:2px solid #000;
  border-radius:50px;
  padding:50px;
  position:relative;
  z-index:1;
  background:#fff
}
.feature-block-four .block-wrapper .line-wrapper{
  width:260px
}
.feature-block-four .block-wrapper .line-wrapper .skill-count{
  height:460px
}
.feature-block-four .block-wrapper .line-wrapper .skill-count div{
  width:100%;
  border-radius:40px;
  border-top:4px solid #000;
  text-align:center;
  font-family:"Sentient",serif;
  font-size:36px;
  padding-top:30px
}
.feature-block-four .block-wrapper .line-wrapper h6{
  font-family:"Sentient",serif;
  font-size:28px;
  margin:25px 0 0
}
.feature-block-four .block-wrapper h3{
  font-family:"Sentient",serif;
  font-size:42px;
  line-height:1.238em;
  letter-spacing:-0.84px;
  margin:20px 0 100px
}
.feature-block-four .block-wrapper h3 span{
  display:inline-block;
  position:relative;
  z-index:1
}
.feature-block-four .block-wrapper h3 span::before{
  content:"";
  position:absolute;
  width:104%;
  height:83%;
  left:-4px;
  top:5px;
  z-index:-1;
  border-radius:13px;
  background:#c0f68e;
  transform:rotate(2.41deg)
}
.feature-block-four .block-wrapper .count-wrapper .main-count{
  font-family:"Sentient",serif;
  font-size:80px;
  line-height:1em
}
.feature-block-four .block-wrapper .count-wrapper p{
  font-size:22px;
  margin:0;
  color:rgba(0,0,0,.6)
}
.feature-block-four .block-wrapper .ils_01{
  right:50px;
  top:50%;
  transform:translateY(-50%);
  max-width:37%
}
.feature-block-four .block-wrapper .avatar li{
  margin-left:-15px
}
.feature-block-four .block-wrapper .avatar li:first-child{
  margin:0
}
.feature-block-four .block-wrapper .avatar img{
  width:75px;
  outline:5px solid #fff
}
.feature-block-four .block-wrapper h4{
  font-family:"Sentient",serif;
  font-size:36px;
  line-height:1.2222em;
  letter-spacing:-0.72px
}
.about-me-section .line-shape:before{
  content:"";
  position:absolute;
  width:100%;
  height:4px;
  left:0;
  top:calc(50% - 2px);
  background:#000;
  z-index:-1
}
.about-me-section .cv-btn{
  position:absolute;
  left:50%;
  bottom:0;
  transform:translate(-50%, 47%);
  font-weight:600;
  line-height:27px;
  text-align:center
}
.about-me-section .cv-btn .text{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%)
}
.about-me-section .cv-btn .main-img{
  animation:rotated 100s infinite linear
}
.about-me-section .cv-btn:hover .main-img{
  animation:none
}
.feature-block-six .bg-wrapper{
  padding:120px 60px 120px
}
.feature-block-six .avatar li{
  margin-left:-10px
}
.feature-block-six .avatar li:first-child{
  margin:0
}
.feature-block-six .avatar li img{
  width:75px;
  height:75px;
  outline:5px solid #0f1012
}
.feature-block-six .card-wrapper .card-block{
  width:455px;
  height:455px;
  background:hsla(0,0%,100%,.04);
  margin:0 -20px
}
.feature-block-six .card-wrapper .card-block .main-count{
  font-family:"Clash Display",sans-serif;
  font-size:110px;
  line-height:1em
}
.feature-block-six .card-wrapper .card-block p{
  font-size:38px;
  margin:15px 0 0
}
.feature-block-six .shape_01{
  right:0;
  top:20%;
  max-width:29%
}
.feature-block-seven .award-wrapper{
  border-bottom:1px solid hsla(0,0%,100%,.15);
  padding:106px 0 22px
}
.feature-block-seven .award-wrapper .year{
  font-size:18px;
  font-weight:500;
  letter-spacing:3px;
  width:19%
}
.feature-block-seven .award-wrapper h5{
  font-family:"Clash Display",sans-serif;
  font-size:32px;
  line-height:1.111em;
  margin:0;
  width:40%
}
.feature-block-seven .award-wrapper p{
  color:hsla(0,0%,100%,.5);
  margin:0 0 0 auto
}
.feature-block-eight .slick-slider{
  margin:0 auto
}
.feature-block-eight .slick-slider .slick-track{
  display:flex;
  justify-content:space-between
}
.feature-block-eight .slick-slider .slick-slide{
  transition:transform .3s ease;
  transform:scale(0.85);
  margin:0;
  float:none
}
.feature-block-eight .slick-slider .slick-slide.slick-center{
  transform:scale(1);
  z-index:3
}
.feature-block-eight .round-shape{
  width:250px;
  height:250px;
  background:#d60004;
  border-radius:50%;
  position:absolute;
  left:-96px;
  bottom:-100px;
  z-index:-1;
  animation:plasma 5s infinite linear
}
.feature-block-nine .round-shape{
  width:325px;
  height:325px;
  background:#d60004;
  border-radius:50%;
  position:absolute;
  right:-40px;
  top:-91px;
  z-index:-1;
  animation:plasma 5s infinite linear
}
.feature-block-nine .list-wrapper{
  border-top:1px solid rgba(0,0,0,.2)
}
.feature-block-nine .list-wrapper .list-item{
  border-bottom:1px solid rgba(0,0,0,.2);
  padding:60px 0
}
.feature-block-nine .list-wrapper .list-item .num{
  font-family:"Obviously Narrow";
  font-size:24px;
  font-weight:600;
  width:17%;
  padding-left:20px
}
.feature-block-nine .list-wrapper .list-item .title{
  width:64%
}
.feature-block-nine .list-wrapper .list-item .title h5{
  font-family:"Obviously Narrow";
  font-size:64px;
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:8px
}
.feature-block-nine .list-wrapper .list-item .title p{
  font-size:22px;
  color:rgba(0,0,0,.6);
  margin:0
}
.feature-block-nine .list-wrapper .list-item .icon{
  font-size:35px;
  width:95px;
  height:95px;
  border:2px solid #000;
  margin:0 25px 0 auto
}
.feature-block-nine .list-wrapper .list-item .icon:hover{
  background:#000;
  color:#fff
}
.feature-block-eleven .wrapper{
  border-top:1px solid #e2e2e2
}
.feature-block-eleven .img-wrapper{
  margin-top:-17px
}
.feature-block-eleven .img-wrapper .shape_01{
  right:-16%;
  bottom:-36%;
  z-index:1
}
.feature-block-eleven .avatar-group ul li{
  margin-right:-10px
}
.feature-block-eleven .avatar-group ul li img{
  width:72px;
  height:72px;
  outline:5px solid #fff
}
.feature-block-eleven .avatar-group p{
  font-size:28px;
  line-height:1.1428em;
  font-weight:500;
  margin:0;
  padding-left:35px
}
.feature-block-eleven .counter-wrapper{
  border-left:1px solid #e2e2e2
}
.feature-block-eleven .counter-wrapper .counter-block{
  border-bottom:1px solid #e2e2e2;
  padding:90px 0
}
.feature-block-eleven .counter-wrapper .counter-block:last-child{
  border:none
}
.feature-block-eleven .counter-wrapper .counter-block .main-count{
  font-family:"Sentient",serif;
  font-size:110px;
  line-height:1em;
  letter-spacing:-4.4px
}
.feature-block-eleven .counter-wrapper .counter-block p{
  font-size:34px;
  margin:10px 0 0
}
.feature-block-eleven .accordion-style-one .accordion-item .accordion-button{
  font-size:28px
}
.feature-block-thirteen .bg-wrapper{
  background:#F0F0F0;
  overflow:hidden
}
.feature-block-thirteen .nav-tab-wrapper{
  border-right:1px solid #e5e5e5;
  max-width:595px
}
.feature-block-thirteen .nav-tab-wrapper .nav-link{
  background:rgba(0,0,0,0);
  padding:55px 40px 45px 45px;
  border-left:5px solid rgba(0,0,0,0);
  color:#000;
  border-radius:0;
  border-bottom:1px solid #e5e5e5
}
.feature-block-thirteen .nav-tab-wrapper .nav-link .icon{
  width:25px
}
.feature-block-thirteen .nav-tab-wrapper .nav-link .text{
  width:calc(100% - 60px);
  padding:0 10px 0 25px;
  text-align:start
}
.feature-block-thirteen .nav-tab-wrapper .nav-link .text strong{
  display:block;
  font-size:28px;
  font-weight:600;
  margin-bottom:22px;
  line-height:1em
}
.feature-block-thirteen .nav-tab-wrapper .nav-link.active{
  border-left-color:#ffc936;
  background:#fff
}
.feature-block-thirteen .tab-content{
  padding:50px 25px
}
.feature-block-thirteen .tab-content .tab-pane{
  height:100%
}
.feature-block-fourteen .img-wrapper{
  background:#F0F0F0;
  border-radius:40px;
  padding:80px 30px
}
.feature-block-fifteen .nav-tab-wrapper{
  border-bottom:2px solid rgba(0,0,0,.1)
}
.feature-block-fifteen .nav-tab-wrapper .nav-link{
  padding:28px 80px;
  font-size:28px;
  color:rgba(0,0,0,.3);
  position:relative;
  transition:all .3s ease-in-out 0s
}
.feature-block-fifteen .nav-tab-wrapper .nav-link:before{
  content:"";
  position:absolute;
  width:100%;
  height:4px;
  left:0;
  bottom:-3px;
  z-index:1;
  background:#ffc936;
  opacity:0;
  transition:all .3s ease-in-out 0s
}
.feature-block-fifteen .nav-tab-wrapper .nav-link.active{
  color:#000
}
.feature-block-fifteen .nav-tab-wrapper .nav-link.active:before{
  opacity:1
}
.feature-block-fifteen .tab-content .icon{
  width:90px;
  height:90px;
  background:#395a50
}
.feature-block-fifteen .tab-content h2{
  font-size:62px;
  font-weight:600;
  line-height:1.0645em;
  margin:42px 0 45px
}
.feature-block-sixteen .row-wrapper{
  margin:0 -20px
}
.feature-block-sixteen .row-wrapper .shape_01{
  left:50%;
  top:50%;
  max-width:12%;
  transform:translate(-50%, -50%)
}
.feature-block-sixteen .row-wrapper .column-wrapper{
  width:50%;
  height:800px;
  border:1px solid rgba(0,0,0,.1);
  margin:-20px;
  text-align:center;
  position:relative;
  z-index:2
}
.feature-block-sixteen .row-wrapper .column-wrapper:last-child{
  border-color:#fff;
  z-index:1
}
.feature-block-sixteen .row-wrapper .column-wrapper blockquote{
  font-size:48px;
  line-height:1.0625em;
  font-weight:500;
  margin-bottom:50px;
  padding:0 15%
}
.feature-block-sixteen .row-wrapper .column-wrapper .name{
  font-size:24px;
  font-weight:500
}
.feature-block-sixteen .row-wrapper .column-wrapper .name span{
  font-weight:normal;
  color:rgba(0,0,0,.4)
}
.feature-block-sixteen .row-wrapper .column-wrapper .main-count{
  font-size:250px;
  line-height:1em;
  margin-bottom:25px
}
.feature-block-sixteen .row-wrapper .column-wrapper .rating li{
  font-size:26px;
  margin:0 5px
}
.feature-block-sixteen .row-wrapper .column-wrapper .cta-btn{
  background:#fff;
  padding:18%
}
.feature-block-sixteen .row-wrapper .column-wrapper .cta-btn:hover{
  background:#fd8e44
}
.feature-block-sixteen .row-wrapper .column-wrapper h3{
  font-size:48px;
  line-height:1.208em;
  margin-bottom:40px
}
.feature-block-sixteen .shape_01{
  right:0;
  top:7%;
  max-width:24%
}
.feature-block-seventeen .shape_01{
  left:0;
  bottom:0;
  bottom:6%;
  animation:jumpTwo 10s infinite linear
}
.feature-block-seventeen .title-two h2 span.sticker{
  position:absolute;
  right:-62px;
  top:-32px
}
.feature-block-eighteen .img-wrapper{
  height:100%;
  margin-left:80px;
  max-width:555px;
  background:url(../images/media/img_140.jpg) no-repeat center center;
  background-size:cover;
  border-radius:30px
}
.feature-block-eighteen .img-wrapper .screen_01{
  left:-80px;
  bottom:-100px;
  border-radius:20px;
  box-shadow:0 35px 70px rgba(0,0,0,.05)
}
.feature-block-nineteen .bg-wrapper{
  overflow:hidden;
  background:#f7f7f7;
  padding:85px 80px 0
}
.feature-block-nineteen .list-style li{
  background:#fff;
  border-radius:20px;
  padding:30px 15px 30px 100px;
  position:relative;
  margin-top:25px
}
.feature-block-nineteen .list-style li span{
  display:block;
  font-size:24px;
  font-weight:600;
  line-height:36px;
  max-width:380px
}
.feature-block-nineteen .list-style li:before{
  content:url(../images/icon/icon_95.svg);
  position:absolute;
  left:45px;
  top:30px
}
.partner-section-one .title-two h2 span.sticker{
  transform:rotate(-14.83deg);
  position:absolute;
  left:-234px;
  top:26px
}
.partner-section-one .logo-wrapper{
  width:110vw;
  position:relative;
  left:50%;
  transform:translateX(-50%)
}
.partner-section-one .logo-wrapper:before{
  content:"";
  position:absolute;
  background:linear-gradient(89.69deg, #fff 13.29%, rgba(255, 255, 255, 0) 99.64%);
  transform:rotate(-180deg);
  right:0;
  height:100%;
  top:0;
  width:20%;
  z-index:1
}
.partner-section-one .logo-wrapper:after{
  content:"";
  position:absolute;
  background:linear-gradient(89.69deg, #fff 13.29%, rgba(255, 255, 255, 0) 99.64%);
  left:0;
  height:100%;
  top:0;
  width:20%;
  z-index:1
}
.partner-section-one .logo-wrapper .logo-box{
  width:200px;
  height:200px;
  border-radius:30px;
  margin:0 auto;
  background:#f2f2f2
}
.partner-section-one .logo-wrapper .logo-box img{
  margin:0 auto;
  max-width:50%
}
.partner-section-two h6{
  font-family:"Obviously Narrow";
  font-size:24px;
  font-weight:700;
  text-transform:uppercase
}
.partner-section-two .logo-box{
  height:328px;
  border-radius:20px;
  background:#fff
}
.partner-section-two .slider-wrapper{
  padding:0 8px
}
.partner-section-two .slider-wrapper .slick-slider{
  margin:0 -8px
}
.partner-section-two .slider-wrapper .slick-slider .item{
  margin:0 8px
}
.partner-section-three .logo-box{
  height:100px
}
.partner-section-four .slider-wrapper{
  width:110vw;
  position:relative;
  left:50%;
  transform:translateX(-50%)
}
.partner-section-four .client-logos .logo{
  margin:0
}
.client-logos .logo{
  width:335px;
  height:335px;
  border:1px solid rgba(0,0,0,.1);
  margin:0 -15px;
  padding:20px
}
.client-logos .logo:before{
  content:"";
  position:absolute;
  top:-1px;
  right:-1px;
  bottom:-1px;
  left:-1px;
  border:2px dashed rgba(0,0,0,.08);
  border-radius:50%;
  z-index:-1;
  opacity:0;
  animation:rotated 50s infinite linear
}
.client-logos .logo:hover{
  border-color:rgba(0,0,0,0)
}
.client-logos .logo:hover img{
  transform:scale(1.2)
}
.client-logos .logo:hover::before{
  opacity:1
}
.client-logos.white-version .logo{
  border-color:hsla(0,0%,100%,.15)
}
.insta-feed .insta-text-slider{
  font-family:"Obviously Narrow";
  font-size:147px;
  font-weight:700;
  text-transform:uppercase
}
.insta-feed .border-style{
  border-bottom:3px solid #000
}
.accordion-style-one{
  border:2px solid #000;
  border-radius:30px;
  background:#fff;
  overflow:hidden;
  padding:0 35px
}
.accordion-style-one .accordion-item{
  border:none;
  border-bottom:1px solid #000;
  border-radius:0
}
.accordion-style-one .accordion-item:last-child{
  border-bottom:none
}
.accordion-style-one .accordion-item .accordion-button{
  font-family:"Sentient",serif;
  font-weight:500;
  font-size:32px;
  line-height:1.55em;
  color:#000;
  padding:34px 0;
  background:rgba(0,0,0,0);
  border-radius:0;
  box-shadow:none
}
.accordion-style-one .accordion-item .accordion-button:not(.collapsed){
  padding-bottom:13px
}
.accordion-style-one .accordion-item .accordion-body{
  padding:0 20px 15px 0
}
.accordion-style-one .accordion-item .accordion-body p{
  color:rgba(0,0,0,.7)
}
.accordion-style-two{
  background:rgba(0,0,0,0);
  border:none
}
.accordion-style-two .accordion-item{
  border:none;
  border-radius:30px;
  background:#fff;
  margin-bottom:20px
}
.accordion-style-two .accordion-item .accordion-button{
  font-family:"Obviously Narrow";
  font-weight:700;
  font-size:150px;
  text-transform:uppercase;
  line-height:1em;
  letter-spacing:-4px;
  color:#000;
  padding:95px 73px 57px;
  background:rgba(0,0,0,0);
  border-radius:0;
  box-shadow:none
}
.accordion-style-two .accordion-item .accordion-button:not(.collapsed){
  padding-bottom:25px
}
.accordion-style-two .accordion-item .accordion-button:not(.collapsed)::before{
  opacity:0;
  transform:rotate(90deg)
}
.accordion-style-two .accordion-item .accordion-button:after{
  content:"";
  width:80px;
  height:3px;
  background:#000;
  position:absolute;
  right:60px;
  top:50%;
  transition:all .3s ease-in-out 0s
}
.accordion-style-two .accordion-item .accordion-button:before{
  content:"";
  width:3px;
  height:80px;
  background:#000;
  position:absolute;
  right:97px;
  top:calc(50% - 40px);
  transition:all .3s ease-in-out 0s
}
.accordion-style-two .accordion-item .accordion-body{
  padding:0 20px 70px 73px
}
.accordion-style-two .accordion-item .accordion-body p{
  font-size:48px;
  line-height:1.208em
}
.accordion-style-three{
  background:rgba(0,0,0,0);
  border:none
}
.accordion-style-three .accordion-item{
  border:none;
  border-top:2px solid #000;
  border-radius:0;
  background:rgba(0,0,0,0)
}
.accordion-style-three .accordion-item:last-child{
  border-bottom:2px solid #000
}
.accordion-style-three .accordion-item .accordion-button{
  font-family:"Obviously Narrow";
  font-weight:600;
  font-size:36px;
  text-transform:uppercase;
  line-height:1.1em;
  color:#000;
  padding:60px 35px 50px 0;
  background:rgba(0,0,0,0);
  border-radius:0;
  box-shadow:none
}
.accordion-style-three .accordion-item .accordion-button:not(.collapsed){
  padding-bottom:15px
}
.accordion-style-three .accordion-item .accordion-button:not(.collapsed)::before{
  opacity:0;
  transform:rotate(90deg)
}
.accordion-style-three .accordion-item .accordion-button:after{
  content:"";
  width:28px;
  height:2px;
  background:#000;
  position:absolute;
  right:0;
  top:50%;
  transition:all .3s ease-in-out 0s
}
.accordion-style-three .accordion-item .accordion-button:before{
  content:"";
  width:2px;
  height:28px;
  background:#000;
  position:absolute;
  right:13px;
  top:calc(50% - 13px);
  transition:all .3s ease-in-out 0s
}
.accordion-style-three .accordion-item .accordion-body{
  padding:0 20px 40px 0
}
.accordion-style-three .accordion-item .accordion-body p{
  font-size:24px;
  line-height:1.583em
}
.accordion-style-four{
  background:#fff;
  overflow:hidden
}
.accordion-style-four .accordion-item{
  border:2px solid #000;
  border-radius:300px;
  margin-bottom:20px;
  transition:all .3s ease-in-out 0s
}
.accordion-style-four .accordion-item .accordion-button{
  font-weight:500;
  font-size:52px;
  line-height:1.55em;
  letter-spacing:-1px;
  color:#000;
  padding:50px 70px;
  background:rgba(0,0,0,0);
  border-radius:0;
  box-shadow:none
}
.accordion-style-four .accordion-item .accordion-button .icon{
  width:55px
}
.accordion-style-four .accordion-item .accordion-button .shape{
  width:115px;
  transition:all .3s ease-in-out 0s
}
.accordion-style-four .accordion-item .accordion-button span{
  width:calc(100% - 160px);
  padding:0 15px 0 35px
}
.accordion-style-four .accordion-item .accordion-button:after{
  display:none
}
.accordion-style-four .accordion-item .accordion-button:not(.collapsed){
  padding-bottom:13px
}
.accordion-style-four .accordion-item .accordion-button:not(.collapsed) .shape{
  opacity:0
}
.accordion-style-four .accordion-item .accordion-body{
  padding:45px 70px 40px 160px
}
.accordion-style-four .accordion-item .accordion-body h6{
  font-size:16px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.96px;
  margin-bottom:30px
}
.accordion-style-four .accordion-item .accordion-body p{
  font-size:36px;
  line-height:1.4444em;
  color:#000;
  margin:0
}
.accordion-style-four .accordion-item .accordion-body .img-wrapper{
  margin-top:-140px
}
.accordion-style-four .accordion-item .accordion-body .img-wrapper .play-btn{
  width:90px;
  height:90px;
  background:#fff;
  border:2px solid #000;
  padding:15px;
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  z-index:1
}
.accordion-style-four .accordion-item .accordion-body .img-wrapper .play-btn:hover{
  background:#00b134
}
.accordion-style-four .accordion-item:has(.show){
  background:#00b134;
  border-radius:70px
}
.accordion-style-five .accordion-item{
  border:1px solid #d9d9d9;
  border-radius:30px;
  margin-bottom:4px;
  background:#fff;
  transition:all .3s ease-in-out 0s
}
.accordion-style-five .accordion-item .accordion-button{
  font-weight:500;
  font-size:150px;
  letter-spacing:-4.5px;
  color:#000;
  padding:50px 55px;
  background:rgba(0,0,0,0);
  border-radius:0;
  box-shadow:none;
  position:relative
}
.accordion-style-five .accordion-item .accordion-button:not(.collapsed)::before{
  transform:rotate(45deg)
}
.accordion-style-five .accordion-item .accordion-button:after{
  display:none
}
.accordion-style-five .accordion-item .accordion-button:before{
  content:"";
  width:150px;
  height:113px;
  background:url(../images/icon/icon_119.svg) no-repeat right center;
  background-size:cover;
  position:absolute;
  right:55px;
  top:calc(50% - 55px);
  transition:all .3s ease-in-out 0s
}
.accordion-style-five .accordion-item .accordion-body{
  padding:0 55px 60px
}
.accordion-style-five .accordion-item .accordion-body p{
  font-size:32px;
  line-height:1.5625em;
  color:#000;
  margin:0
}
.social-icon-one{
  margin:0 -5px
}
.social-icon-one li{
  padding:0 5px
}
.social-icon-one li a{
  width:60px;
  height:60px;
  line-height:60px;
  text-align:center;
  background:#fff;
  border-radius:50%;
  font-size:28px;
  transition:all .3s ease-in-out 0s
}
.social-icon-one li a:hover{
  background:#000;
  color:#fff
}
.social-icon-two{
  margin:0 -5px
}
.social-icon-two li{
  padding:0 5px
}
.social-icon-two li a{
  width:55px;
  height:55px;
  line-height:53px;
  border:1px solid rgba(0,0,0,.3);
  border-radius:50%;
  text-align:center;
  border-radius:50%;
  transition:all .3s ease-in-out 0s
}
.social-icon-two li a:hover{
  background:#000;
  color:#fff
}
.counter-box-one .main-count{
  font-family:"Obviously";
  font-size:140px;
  font-weight:500;
  text-align:center;
  margin-bottom:-35px
}
.counter-box-one .rating li{
  font-size:30px;
  color:#000;
  margin:0 0 0 7px
}
.counter-box-two .main-count{
  font-size:60px;
  font-weight:500;
  margin-bottom:0;
  margin-bottom:-9px
}
.counter-box-two p{
  color:rgba(0,0,0,.6);
  margin:0
}
.pagination-one{
  margin:0 -10px
}
.pagination-one li{
  margin:0 10px;
  font-size:20px;
  font-weight:500;
  text-transform:uppercase;
  letter-spacing:2px
}
.pagination-one li .line{
  width:85px;
  height:1px;
  background:#000
}
.card-style-one .title h4{
  margin:0;
  font-size:32px;
  line-height:1.25em;
  padding-right:40px
}
.card-style-one .title:hover .arrow-icon{
  transform:translate(20px, -10px)
}
.card-style-one .main-count{
  font-family:"Obviously";
  font-weight:500;
  font-size:130px;
  line-height:1em
}
.card-style-one p{
  font-size:32px;
  font-weight:500;
  margin:0
}
.card-style-two .main-count{
  font-family:"Obviously";
  font-weight:500;
  font-size:130px;
  line-height:1em
}
.card-style-two p{
  font-size:32px;
  font-weight:500;
  margin:0
}
.card-style-two .rating{
  margin-top:-70px
}
.card-style-two .rating li{
  font-size:30px;
  color:#000;
  margin:0 0 25px 7px
}
.card-style-three{
  padding:20px 40px 45px
}
.card-style-three .numb{
  font-family:"Clash Display",sans-serif;
  font-weight:500;
  font-size:24px;
  color:hsla(0,0%,100%,.3);
  margin-bottom:60px
}
.card-style-three .icon{
  width:80px;
  height:80px;
  background:hsla(0,0%,100%,.1)
}
.card-style-three .icon img{
  opacity:.2
}
.card-style-three h5{
  font-family:"Clash Display",sans-serif;
  font-size:32px;
  margin:38px 0 30px
}
.card-style-three p{
  color:hsla(0,0%,100%,.7)
}
.card-style-three a{
  font-family:"Clash Display",sans-serif;
  font-size:18px;
  font-weight:500;
  color:hsla(0,0%,100%,.4);
  text-transform:uppercase;
  letter-spacing:2px;
  margin-top:105px
}
.card-style-three a img{
  margin-left:10px;
  opacity:.4
}
.card-style-three a:hover{
  color:#fff
}
.card-style-three a:hover img{
  opacity:1
}
.card-style-three:hover .icon img{
  opacity:1
}
.card-style-four{
  border:2px solid #000;
  border-radius:300px;
  padding:58px 40px 58px 70px;
  transition:all .3s ease-in-out 0s
}
.card-style-four .icon{
  width:75px
}
.card-style-four h3{
  font-size:40px;
  margin:0;
  width:calc(100% - 150px);
  padding:0 5px 0 30px
}
.card-style-four .arrow-btn{
  width:75px;
  height:75px;
  background:#fff
}
.card-style-four:hover{
  background:#00b134
}
.card-style-five{
  background:#fff;
  border-radius:20px;
  padding:43px 38px 47px;
  position:relative
}
.card-style-five .icon{
  width:72px;
  height:72px;
  background:#202020
}
.card-style-five h4{
  font-family:"Clash Display",sans-serif;
  font-size:28px;
  margin:74px 0 0
}
.card-style-five p{
  font-size:18px;
  color:rgba(0,0,0,.7);
  margin:20px 0 68px
}
.card-style-five .arrow{
  opacity:.2
}
.card-style-five:hover{
  transform: translateY(-3px);
}
.card-style-five:hover .icon{
  background:#d60004
}
.card-style-five:hover .arrow{
  opacity:1
}
.card-style-six{
  background:hsla(0,0%,100%,.04);
  padding:60px 15px
}
.card-style-six .icon{
  width:100px;
  height:100px
}
.card-style-six h4{
  font-size:24px;
  font-weight:600;
  color:#fff;
  margin:60px 0 25px
}
.card-style-six p{
  font-size:20px;
  color:hsla(0,0%,100%,.7);
  margin:0 auto 45px;
  max-width:330px
}
.card-style-six:hover{
  background:hsla(0,0%,100%,.07);
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px)
}
.card-style-six.style-two{
  border:1px solid #ddd
}
.card-style-six.style-two h4{
  color:#000
}
.card-style-six.style-two p{
  color:rgba(0,0,0,.7)
}
.card-style-six.style-two:hover{
  background:#fff;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  border-color:#000
}
.card-style-seven .icon{
  width:100px;
  height:100px;
  background:#395a50
}
.card-style-seven h3{
  font-size:28px;
  font-weight:600;
  margin:45px 0 32px
}
.card-style-seven p{
  font-size:18px;
  line-height:34px;
  margin:0 auto 0;
  max-width:350px;
  color:rgba(0,0,0,.7)
}
.card-style-seven a:hover{
  text-decoration:underline
}
.card-style-seven.sm .icon{
  width:70px;
  height:70px
}
.card-style-seven.sm h3{
  font-size:24px;
  margin-bottom:24px
}
.card-style-seven.sm p{
  max-width:400px
}
.card-style-eight{
  height:100%;
  background:#f7f7f7;
  border-radius:20px;
  padding:40px 15px 35px;
  position:relative;
  transition:all .3s ease-in-out 0s
}
.card-style-eight .icon{
  width:100px;
  height:100px
}
.card-style-eight .icon img{
  max-height:100%
}
.card-style-eight h3{
  font-size:28px;
  font-weight:600;
  margin:45px 0 40px
}
.card-style-eight p{
  font-size:18px;
  line-height:34px;
  margin:0 auto 0;
  max-width:350px;
  color:rgba(0,0,0,.7)
}
.card-style-eight:hover{
  transform:translateY(-5px);
  box-shadow:0 15px 20px rgba(0,0,0,.06)
}
.pricing-nav-one .nav{
  width:80px;
  border-radius:50px;
  border:1px solid #d6d6d6;
  background:#fff;
  padding:4px 5px
}
.pricing-nav-one .nav .nav-link{
  width:30px;
  height:30px;
  background:rgba(0,0,0,0);
  padding:0;
  margin:0;
  border:0;
  border-radius:50%;
  position:relative;
  font-size:18px;
  color:rgba(0,0,0,.3)
}
.pricing-nav-one .nav .nav-link.active{
  background:#395a50;
  color:#000
}
.pricing-nav-one .nav .nav-link:nth-child(1):before{
  content:"Billed Monthly";
  position:absolute;
  left:-140px;
  top:1px;
  cursor:pointer
}
.pricing-nav-one .nav .nav-link:nth-child(2):before{
  content:"Billed Yearly";
  position:absolute;
  right:-120px;
  top:1px;
  cursor:pointer
}
.pricing-section-one .tab-content{
  background:#f0f0f0;
  border:2px solid #f0f0f0;
  border-radius:30px;
  overflow:hidden
}
.pricing-section-one .pr-column{
  padding:35px 55px 40px
}
.pricing-section-one .pr-column.active{
  background:#fff;
  border-left:1px solid #F0F0F0;
  border-right:1px solid #F0F0F0
}
.pricing-section-one .pr-column .pr-header{
  border-bottom:1px solid #A6A6A6;
  padding-bottom:17px;
  margin-bottom:30px
}
.pricing-section-one .pr-column .pr-header .plan-name{
  font-size:36px;
  font-weight:600
}
.pricing-section-one .pr-column .pr-header .info{
  line-height:1.55em;
  margin:4px 0 22px
}
.weekly{
  color:rgba(0,0,0,.4);
}
.pricing-section-one .pr-column .pr-header .price{
  font-size:82px;
  font-weight:600;
  letter-spacing:-3px
}
.pricing-section-one .pr-column .pr-header .price sub{
  font-size:16px;
  color:rgba(0,0,0,.4);
  font-weight:normal;
  letter-spacing:initial;
  bottom:6px;
  left:9px
}
.pricing-section-one .pr-column .package-feature li{
  font-size:20px;
  font-weight:400;
  color:#000;
  position:relative;
  padding-left:30px;
  margin-top:18px
}
.pricing-section-one .pr-column .package-feature li::before{
  content:"";
  position:absolute;
  font-family:"bootstrap-icons";
  color:rgba(0,0,0,.35);
  left:0;
  top:1px;
  font-weight:700
}
.pricing-section-one .pr-column .btn-ten:hover{
  background:#EA0000;
  color:#FFF
}
.service-section-one .accordion-container{
  width:100%;
  overflow:hidden
}
.service-section-one .accordion-container .accordion-item{
  flex-grow:1;
  flex-basis:0;
  border-right:1px solid rgba(0,0,0,.2);
  position:relative;
  display:flex
}
.service-section-one .accordion-container .accordion-item:first-child{
  border-left:1px solid rgba(0,0,0,.2)
}
.service-section-one .accordion-container .accordion-item .label{
  font-family:"Clash Display",sans-serif;
  font-size:36px;
  font-weight:500;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  text-align:center;
  width:240px;
  display:flex;
  flex-direction:row-reverse;
  justify-content:space-between;
  align-items:center;
  transition:transform .3s ease;
  cursor:pointer
}
.service-section-one .accordion-container .accordion-item .content{
  opacity:0;
  visibility:hidden;
  width:0;
  transition:opacity .5s ease
}
.service-section-one .accordion-container .accordion-item .content .icon{
  width:48px;
  height:48px;
  background:#000
}
.service-section-one .accordion-container .accordion-item .content .icon:hover{
  background:#d60004
}
.service-section-one .accordion-container .accordion-item .content p{
  margin:140px 0 40px
}
.service-section-one .accordion-container .accordion-item.active{
  flex-grow:5
}
.service-section-one .accordion-container .accordion-item.active .label{
  width:200px
}
.service-section-one .accordion-container .accordion-item.active .content{
  opacity:1;
  visibility:visible;
  padding:0 55px 0 0;
  width:calc(100% - 240px)
}
.service-section-two .accordion-style-two{
  margin-top:-70px
}
.service-section-three .shape_01{
  left:0;
  top:0;
  max-width:27%
}
.service-section-four .round-shape{
  width:270px;
  height:270px;
  background:#d60004;
  border-radius:50%;
  position:absolute;
  right:-40px;
  top:-50px;
  z-index:-1;
  animation:plasma 5s infinite linear
}
.service-section-four .wrapper{
  border:1px solid rgba(0,0,0,.2)
}
.service-section-four .service-block{
  width:25%;
  padding:22px 30px 20px;
  border-right:1px solid rgba(0,0,0,.2);
  font-family:"Obviously Narrow";
  font-weight:600;
  overflow:hidden
}
.service-section-four .service-block:last-child{
  border-right:none
}
.service-section-four .service-block .num{
  font-size:30px
}
.service-section-four .service-block .icon{
  min-height:200px;
  margin:150px 0 250px
}
.service-section-four .service-block .icon img{
  max-height:100%
}
.service-section-four .service-block .arrow-cta{
  font-size:30px;
  text-transform:uppercase;
  justify-content:end
}
.service-section-four .service-block .arrow-cta img{
  margin-bottom:15px;
  display:none
}
.service-section-four .service-block:hover{
  background:#000
}
.service-section-four .service-block:hover .arrow-cta{
  transform:translateX(0);
  color:#fff
}
.service-section-four .service-block:hover .arrow-cta img{
  display:block
}
.service-section-four .service-block:hover .num{
  color:#fff
}
.service-section-five .service-block{
  border:1px solid rgba(0,0,0,.1);
  border-radius:30px;
  padding:50px 55px;
  transition:all .3s ease-in-out 0s
}
.service-section-five .service-block:hover{
  background:#fff;
  border-color:#fff
}
.service-section-five .service-block:hover .cta-btn img{
  transform:rotate(-48deg)
}
.service-section-five .service-block h3{
  font-size:150px;
  letter-spacing:-4.5px
}
.service-section-five .shape_01{
  left:0;
  top:19%;
  max-width:29%
}
.service-section-six .bg-wrapper{
  background:#f0f0f0
}
.service-section-seven{
  background:#0b0b0b
}
.service-section-seven .rating li{
  color:#ffcf25;
  margin:0 4px
}
.service-details-one p{
  font-size:18px;
  line-height:35px;
  color:rgba(0,0,0,.7);
  margin-bottom:35px
}
.service-details-one h4{
  font-size:36px;
  font-weight:600;
  margin-bottom:15px;
  padding-top:15px
}
.service-details-one .list-style-one li{
  position:relative;
  line-height:38px;
  color:rgba(0,0,0,.7);
  padding-left:35px;
  margin-top:18px
}
.service-details-one .list-style-one li span{
  font-weight:700;
  color:#000
}
.service-details-one .list-style-one li:before{
  content:"";
  font-family:"bootstrap-icons";
  position:absolute;
  left:0;
  top:0;
  font-size:18px;
  color:#395a50
}
.service-details-one .list-style-two li{
  position:relative;
  font-weight:500;
  padding-left:40px;
  margin-top:27px
}
.service-details-one .list-style-two li:before{
  content:url(../images/icon/icon_105.svg);
  position:absolute;
  left:0;
  top:2px
}
.service-details-one .card-style-seven{
  background:#f2f2f2;
  border-radius:20px;
  padding:30px 12px 5px
}
.service-details-one .card-style-seven .icon{
  width:60px;
  height:60px
}
.service-details-one .card-style-seven h3{
  font-size:24px;
  margin:39px 0 15px
}
.service-details-one .card-style-seven p{
  line-height:30px;
  max-width:250px
}
.service-details-one .sidebar .service-category{
  background:#ebf3ee;
  border-radius:20px;
  padding:0 25px
}
.service-details-one .sidebar .service-category li{
  border-bottom:1px dashed rgba(10,64,32,.2)
}
.service-details-one .sidebar .service-category li a{
  padding:20px 0
}
.service-details-one .sidebar .service-category li .icon{
  width:40px;
  opacity:.3;
  transition:all .3s ease-in-out 0s
}
.service-details-one .sidebar .service-category li span{
  font-weight:500;
  color:rgba(0,0,0,.4);
  transition:all .3s ease-in-out 0s
}
.service-details-one .sidebar .service-category li a:hover .icon,.service-details-one .sidebar .service-category li a.active .icon{
  opacity:1
}
.service-details-one .sidebar .service-category li a:hover span,.service-details-one .sidebar .service-category li a.active span{
  color:#000
}
.service-details-one .sidebar .service-category li:last-child{
  border-bottom:none
}
.service-details-one .sidebar .sidebar-banner{
  background:#395a50;
  border-radius:20px;
  padding:40px 15px 50px
}
.service-details-one .sidebar .sidebar-banner h3{
  font-size:32px;
  line-height:1.25em;
  color:#fff;
  margin-bottom:20px
}
.service-details-one .sidebar .sidebar-banner .btn-eight{
  line-height:40px;
  font-size:18px
}
.grid-1column{
  margin:0 -25px
}
.grid-1column .grid-sizer,.grid-1column .isotop-item{
  width:100%;
  padding:0 25px
}
.grid-2column{
  margin:0 -25px
}
.grid-2column .grid-sizer,.grid-2column .isotop-item{
  width:50%;
  padding:0 25px
}
.grid-2column.xl{
  margin:0 -50px
}
.grid-2column.xl .grid-sizer,.grid-2column.xl .isotop-item{
  padding:0 50px
}
.grid-3column{
  margin:0 -15px
}
.grid-3column .grid-sizer,.grid-3column .isotop-item{
  width:33.3333%;
  padding:0 15px
}
.grid-3column.xl{
  margin:0 -25px
}
.grid-3column.xl .grid-sizer,.grid-3column.xl .isotop-item{
  padding:0 25px
}
.grid-4column{
  margin:0 -10px
}
.grid-4column .grid-sizer,.grid-4column .isotop-item{
  width:25%;
  padding:0 10px
}
.filter-nav-one .isotop-menu-wrapper{
  margin:0 -5px
}
.filter-nav-one .isotop-menu-wrapper li{
  margin:0 5px 10px;
  font-family:"Clash Display",sans-serif;
  font-size:17px;
  text-transform:uppercase;
  letter-spacing:1px;
  cursor:pointer;
  line-height:38px;
  border-radius:50px;
  padding:0 20px;
  font-weight:500;
  transition:all .3s ease-in-out 0s
}
.filter-nav-one .isotop-menu-wrapper li.is-checked{
  background:#000;
  color:#fff
}
.filter-nav-two .isotop-menu-wrapper{
  margin:0 -5px
}
.filter-nav-two .isotop-menu-wrapper li{
  margin:0 5px 0;
  font-size:43px;
  cursor:pointer;
  text-transform:capitalize;
  line-height:70px;
  color:rgba(0,0,0,.2);
  transition:all .3s ease-in-out 0s
}
.filter-nav-two .isotop-menu-wrapper li.is-checked{
  color:#000
}
.project-section-one .bg-wrapper{
  background:#f0f0f0
}
.project-section-one .carousel-indicators{
  position:static;
  margin:120px 0 0;
  display:block
}
.project-section-one .carousel-indicators button{
  text-indent:initial;
  width:auto;
  height:auto;
  padding:0;
  margin:0 0 12px;
  opacity:1;
  border:none;
  background:rgba(0,0,0,0);
  font-size: clamp(18px, 2.2vw, 36px);
  color:rgba(0,0,0,.2)
}
.project-section-one .carousel-indicators button.active{
  color:#000
}
.project-section-one .arrow-btns{
  position:absolute;
  width:222px;
  left:0;
  bottom:35px
}
.project-section-one .arrow-btns:before{
  content:"";
  position:absolute;
  width:calc(100% - 140px);
  height:2px;
  background:#000;
  top:50%;
  left:50%;
  transform:translateX(-50%)
}
.project-section-one .arrow-btns button{
  position:static;
  opacity:1;
  width:50px;
  height:50px;
  border-radius:50%;
  background:#fff;
  color:#000;
  font-size:24px;
  transition:all .3s ease-in-out 0s
}
.project-section-one .arrow-btns button:hover{
  background:#000;
  color:#fff
}
.project-section-one .carousel-inner{
  max-width:942px;
  margin-left:auto
}
.project-section-one .carousel-inner h4{
  font-size:36px;
  line-height:1.2777em;
  margin:0;
  width:calc(100% - 90px);
  padding-right:15px;
  max-width:695px
}
.project-section-one .carousel-inner .icon{
  width:80px;
  height:80px;
  background:#fff
}
.project-section-two .title-two h2 span.sticker{
  transform:rotate(-12.78deg) translateY(-70px)
}
.project-section-two .slider-wrapper{
  width:calc(100% + 30vw)
}
.project-section-two .slider-wrapper .slick-slider{
  margin:0 -25px
}
.project-section-two .slider-wrapper .slick-slider .item{
  margin:0 25px
}
.project-section-two .slider-arrows li{
  width:75px;
  height:75px;
  cursor:pointer;
  font-size:25px
}
.project-section-two .slider-arrows li:hover{
  background:#000;
  color:#fff
}
.project-section-two .shape_01{
  top:1%;
  right:21%;
  max-width:9%;
  animation:jumpThree 5s infinite linear
}
.project-section-three .title-three{
  margin-bottom:-60px
}
.project-section-four .grid-sizer{
  width:45%
}
.project-section-four .isotop-item.lg{
  width:55%
}
.project-section-four .isotop-item.md{
  width:45%
}
.project-section-four .project-block-one .project-tag{
  color:hsla(0,0%,100%,.4)
}
.project-section-five{
  background:#101010
}
.project-section-five .round-shape{
  width:550px;
  height:550px;
  background:#d60004;
  border-radius:50%;
  position:absolute;
  left:-6%;
  top:90px;
  z-index:-1;
  animation:plasma 5s infinite linear
}
.project-section-five .location{
  color:hsla(0,0%,100%,.5)
}
.project-section-five .project-title{
  font-size:36px;
  line-height:1.388em;
  color:#fff;
  margin:14px 0 0
}
.project-section-five .slider-wrapper{
  width:calc(100% + 38vw)
}
.project-section-five .slider-arrows{
  position:absolute;
  left:-5px;
  bottom:-155px;
  width:calc(100% + 38vw)
}
.project-section-five .slider-arrows:before{
  content:"";
  position:absolute;
  width:calc(100% - 175px);
  height:1px;
  background:hsla(0,0%,100%,.3);
  top:50%;
  right:0
}
.project-section-five .slider-arrows li{
  width:70px;
  height:70px;
  border-radius:50%;
  border:1px solid hsla(0,0%,100%,.3);
  margin:0 5px;
  position:relative;
  z-index:1;
  padding:15px;
  cursor:pointer;
  transition:all .3s ease-in-out 0s
}
.project-section-five .slider-arrows li .icon{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  z-index:1;
  transition:all .3s ease-in-out 0s
}
.project-section-five .slider-arrows li .icon-dark{
  opacity:0
}
.project-section-five .slider-arrows li:hover{
  background:#fff
}
.project-section-five .slider-arrows li:hover .icon-white{
  opacity:0
}
.project-section-five .slider-arrows li:hover .icon-dark{
  opacity:1
}
.project-section-six{
  background:#0b0b0b;
  color:#fff
}
.project-section-six .project-block-one .project-tag{
  color:hsla(0,0%,100%,.4)
}
.project-section-six .more-cta-btn{
  width:320px;
  height:320px;
  padding:30px;
  margin:0 auto;
  background:hsla(0,0%,100%,.05)
}
.project-section-six .more-cta-btn:hover{
  background:#00b134
}
.project-section-seven .border-top{
  border-top:1px solid rgba(0,0,0,.1)
}
.project-block-one .project-title{
  font-size:32px;
  margin:40px 0 10px
}
.project-block-one .project-tag{
  font-size:16px;
  color:rgba(0,0,0,.3)
}
.project-block-two .info{
  position:absolute;
  left:45px;
  bottom:40px
}
.project-block-two .info li:first-child{
  font-family:"Obviously Narrow";
  font-size:32px;
  font-weight:600;
  letter-spacing:1px;
  text-transform:uppercase;
  background:#fff;
  border-radius:50px;
  padding:17px 39px 10px;
  margin-right:15px;
  transition:all .3s ease-in-out 0s
}
.project-block-two .info li a{
  width:75px;
  height:75px;
  font-size:35px;
  background:#fff
}
.project-block-two .info li a:hover{
  background:#ff6118;
  color:#fff
}
.project-block-two:hover .main-img{
  transform:scale(1.1) rotate(3deg)
}
.project-block-two:hover .info li:first-child{
  background:#ff6118;
  color:#fff
}
.project-block-three .img-holder{
  position:relative;
  overflow:hidden;
  border-radius:30px;
  background:#000
}
.project-block-three .icon{
  width:160px;
  height:160px;
  background:#fff;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
  opacity:0;
  transition:all .3s ease-in-out 0s
}
.project-block-three .icon:hover{
  background:#d60004
}
.project-block-three:hover .img-holder .project-img{
  opacity:.45
}
.project-block-three:hover .icon{
  opacity:1
}
.project-block-four{
  position:relative
}
.project-block-four .tags{
  position:absolute;
  right:40px;
  top:40px;
  z-index:1
}
.project-block-four .tags li{
  font-size:17px;
  font-weight:500;
  letter-spacing:2px;
  color:#fff;
  text-transform:uppercase;
  border:1px solid #fff;
  background:hsla(0,0%,100%,.3);
  line-height:48px;
  padding:0 30px;
  border-radius:50px
}
.project-details-one .project-tag{
  display:inline-block;
  font-size:13px;
  /*font-weight:500;*/
  letter-spacing:.65px;
  /*border:1px solid #000;*/
  line-height:23px;
  text-transform:uppercase;
  /*padding:0 13px;*/
  border-radius:30px;
  margin-bottom:25px
}
.project-details-one .social-icon{
  margin:0 -5px
}
.project-details-one .social-icon li{
  padding:0 5px;
  font-size:18px;
  font-weight:500;
  color:#000
}
.project-details-one .social-icon li a{
  width:50px;
  height:50px;
  border:1px solid #d1d1d1;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#000;
  font-size:22px;
  transition:all .3s ease-in-out 0s
}
.project-details-one .social-icon li a:hover{
  background:#000;
  border-color:#000;
  color:#fff
}
.project-details-one .social-icon li:first-child{
  margin-right:20px
}
.project-details-one .social-icon li:first-child i{
  font-size:24px;
  vertical-align:middle;
  margin-right:14px
}
.project-details-one .title-one h2{
  text-transform:initial
}
.project-details-one .project-info{
  padding:35px 45px 60px;
  border-radius:20px;
  background:#f2f2f2
}
.project-details-one .project-info ul{
  margin:0 -15px
}
.project-details-one .project-info ul li{
  padding:0 15px;
  margin-top:30px;
  position:relative
}
.project-details-one .project-info ul li .icon{
  max-width:40px
}
.project-details-one .project-info ul li .text{
  width:calc(100% - 40px);
  padding-left:25px
}
.project-details-one .project-info ul li .text h6{
  font-family:"Switzer",sans-serif;
  font-size:16px;
  font-weight:600;
  text-transform:uppercase;
  margin-bottom:-2px
}
.project-details-one .project-info ul li .text span{
  font-size:18px;
  color:rgba(0,0,0,.5)
}
.project-details-one .project-info ul li:before{
  content:"";
  position:absolute;
  width:2px;
  height:90px;
  background:#000;
  top:-21px;
  left:-15px;
  transform:rotate(18deg)
}
.project-details-one .project-info ul li:first-child:before{
  display:none
}
.project-details-one .project-pagination{
  border-top:1px solid #cbcbcb;
  margin-top:60px;
  padding-top:60px
}
.project-details-one .project-pagination .pr-img{
  width:80px;
  border-radius:10px
}
.project-details-one .project-pagination span{
  font-size:14px;
  color:rgba(0,0,0,.4);
  text-transform:uppercase
}
.project-details-one .project-pagination strong{
  font-size:24px;
  font-weight:500;
  color:#000;
  display:block;
  margin-top:5px
}
.project-details-one .project-pagination .arrow-icon{
  width:60px;
  height:60px;
  background:#000;
  transition:all .3s ease-in-out 0s
}
.project-details-one .project-pagination .arrow-icon:hover{
  background:#d60004
}
.feedback-block .driver-info{
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 35px;
}

.feedback-block .driver-photo{
  width: 63px;
  height: 63px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  background: #f0f0f0;
}

.feedback-block .driver-photo img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.feedback-section-one .feedback-wrapper{
  border:1px solid #e5e4e4;
  padding:65px 60px 0
}
.feedback-section-one .feedback-wrapper blockquote{
  font-size:48px;
  font-weight:500;
  line-height:1.25em;
  padding-right:60px;
  margin-bottom:85px
}
.feedback-section-one .feedback-wrapper h6{
  font-size:24px
}
.feedback-section-one .feedback-wrapper h6+span{
  color:rgba(0,0,0,.4)
}
.feedback-section-one .feedback-wrapper .rating li{
  color:#000;
  margin-right:6px
}
.feedback-section-one .feedback-wrapper .slider-arrows{
  border-top:1px solid #e5e4e4;
  margin-top:35px;
  padding:40px 0
}
.feedback-section-one .feedback-wrapper .slider-arrows li{
  width:50px;
  height:50px;
  background:#fff;
  cursor:pointer;
  box-shadow:0 5px 25px rgba(0,0,0,.05)
}
.feedback-section-one .feedback-wrapper .slider-arrows li:hover{
  background:#000;
  color:#fff
}
.feedback-section-one .feedback-img{
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  width:calc(100% - 30px);
  margin-left:auto
}
.feedback-section-one .feedback-img .rating-cp{
  position:absolute;
  top:47%;
  left:-130px;
  z-index:1;
  transform:translateY(-50%)
}
.feedback-section-one .feedback-img .rating-cp p{
  font-size:28px;
  line-height:1.142em;
  text-align:center;
  font-weight:600;
  color:#fff;
  margin:0;
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%)
}
.feedback-section-one .feedback-img .rating-cp img{
  animation:rotated 140s infinite linear
}
.feedback-section-two .title-two h2 span.sticker{
  transform:rotate(12.97deg) translate(-65px, -20px)
}
.feedback-section-two .layer-one{
  padding-left:25px
}
.feedback-section-two .layer-one::before{
  content:"";
  position:absolute;
  width:calc(100% - 40px);
  height:100%;
  background:#fff;
  border:2px solid #000;
  border-radius:20px;
  bottom:0;
  right:40px;
  z-index:-2;
  transform:rotate(-7deg);
  transform-origin:100%
}
.feedback-section-two .layer-two{
  padding-left:25px
}
.feedback-section-two .layer-two::before{
  content:"";
  position:absolute;
  width:calc(100% - 40px);
  height:100%;
  background:#fff;
  border:2px solid #000;
  border-radius:20px;
  bottom:0;
  right:40px;
  z-index:-1;
  transform:rotate(-3.79deg);
  transform-origin:100%
}
.feedback-section-two .slider-wrapper{
  border:2px solid #000;
  border-radius:20px;
  background:#fff;
  overflow:hidden;
  padding:50px 40px
}
.feedback-section-two .slider-wrapper blockquote{
  font-size:52px;
  line-height:1.1923em;
  font-weight:500;
  margin-bottom:50px
}
.feedback-section-two .slider-wrapper blockquote span{
  display:inline-block;
  position:relative;
  z-index:1
}
.feedback-section-two .slider-wrapper blockquote span::before{
  content:"";
  position:absolute;
  width:102%;
  height:97%;
  left:-4px;
  top:5px;
  z-index:-1;
  border-radius:13px;
  background:#ffe27a
}
.feedback-section-two .slider-wrapper h5{
  font-size:21px
}
.feedback-section-two .slider-wrapper .slick-dots{
  position:absolute;
  right:15px;
  bottom:12px;
  margin:0;
  padding:0
}
.feedback-section-two .slider-wrapper .slick-dots li button{
  width:10px;
  height:10px
}
.feedback-section-two .slider-wrapper .slick-dots li.slick-active button{
  background:#000
}
.feedback-section-two .slider-wrapper .shape_01{
  right:60px;
  top:45px;
  max-width:9%;
  animation:rotated 100s infinite linear
}
.feedback-section-two .shape_02{
  right:6%;
  bottom:2%;
  max-width:9%;
  animation:rotatedTwo 100s infinite linear
}
.feedback-section-two .shape_03{
  left:0;
  top:8%;
  animation:jumpThree 10s infinite linear
}
.feedback-section-three .feedback-wrapper{
  border-bottom:3px solid rgba(0,0,0,.2)
}
.feedback-section-three .feedback-wrapper::before{
  content:"";
  position:absolute;
  width:100%;
  height:34%;
  left:0;
  bottom:-4px;
  background:linear-gradient(178.24deg, rgba(196, 204, 213, 0) 1.79%, #C4CCD5 98.82%)
}
.feedback-section-three .feedback-block{
  border-top:3px solid #000;
  padding:70px 0 80px
}
.feedback-section-three .feedback-block .avatar-img{
  width:450px;
  height:450px;
  margin-left:auto
}
.feedback-section-three .feedback-block .text{
  width:calc(100% - 450px);
  padding-right:30px;
  max-width:1060px
}
.feedback-section-three .feedback-block .text .rating li{
  font-size:18px;
  color:#000;
  margin-right:5px
}
.feedback-section-three .feedback-block .text .rating li:first-child{
  font-weight:500;
  font-size:24px;
  margin-right:10px
}
.feedback-section-three .feedback-block .text blockquote{
  font-size:72px;
  line-height:1.1111em;
  font-weight:600;
  margin:40px 0 70px
}
.feedback-section-three .feedback-block .text .name{
  font-size:28px;
  font-weight:600
}
.feedback-section-four .slider-bg{
  padding:85px
}
.feedback-section-four .slider-bg:before{
  content:"";
  position:absolute;
  width:1px;
  height:74%;
  left:calc(50% - 25px);
  top:50%;
  transform:translateY(-50%);
  background:hsla(0,0%,100%,.1)
}
.feedback-section-four .slider-bg .slider-arrows li{
  width:55px;
  height:55px;
  background:hsla(0,0%,100%,.2);
  cursor:pointer;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  left:-100px
}
.feedback-section-four .slider-bg .slider-arrows li:hover{
  background:#fff;
  color:#000
}
.feedback-section-four .slider-bg .slider-arrows li:last-child{
  left:auto;
  right:-100px
}
.feedback-section-four .slick-slider{
  margin:0 -50px
}
.feedback-section-four .slick-slider .item{
  margin:0 50px
}
.feedback-section-four .feedback-block .rating li{
  font-size:18px;
  color:#eccf70;
  margin-right:10px
}
.feedback-section-four .feedback-block .rating li:last-child{
  font-weight:500;
  letter-spacing:2px;
  font-size:20px;
  color:#fff
}
.feedback-section-four .feedback-block blockquote{
  font-size:42px;
  line-height:1.238em;
  font-weight:500;
  margin:33px 0 52px
}
.feedback-section-four .feedback-block blockquote span{
  color:hsla(0,0%,100%,.4)
}
.feedback-section-four .feedback-block .name{
  font-size:24px
}
.feedback-section-four .shape_01{
  right:0;
  top:40%;
  max-width:46%
}
.feedback-section-five{
  background:#101010
}
.feedback-section-five .round-shape{
  width:328px;
  height:328px;
  background:#d60004;
  border-radius:50%;
  position:absolute;
  left:-2%;
  top:4%;
  z-index:-1;
  animation:plasma 5s infinite linear
}
.feedback-section-five .feedback-wrapper:before{
  content:"";
  position:absolute;
  width:100%;
  height:43%;
  left:0;
  bottom:0;
  background:linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #101010 100%);
  z-index:1
}
.feedback-section-five .feedback-wrapper .avg-rating{
  position:absolute;
  right:-80px;
  bottom:-80px;
  z-index:1;
  font-weight:500;
  font-size:32px
}
.feedback-section-five .feedback-wrapper .avg-rating .sticker{
  animation:rotated 100s infinite linear
}
.feedback-section-five .feedback-wrapper .avg-rating .text{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%)
}
.feedback-section-five .feedback-wrapper .avg-rating .text span{
  display:block;
  font-family:"Obviously Narrow";
  font-weight:600;
  font-size:80px;
  line-height:1em;
  margin-bottom:-13px
}
.feedback-section-five .feedback-wrapper .feedback-block{
  padding:35px
}
.feedback-section-five .feedback-wrapper .feedback-block .media{
  width:37%
}
.feedback-section-five .feedback-wrapper .feedback-block .text{
  width:63%;
  padding-left:95px
}
.feedback-section-five .feedback-wrapper .feedback-block .text blockquote{
  font-size:62px;
  line-height:1.1612em;
  font-weight:500;
  margin:25px 0 120px
}
.feedback-section-five .feedback-wrapper .feedback-block .text .name{
  font-size:24px
}
.feedback-section-five .feedback-wrapper .feedback-block .text .post{
  color:rgba(0,0,0,.5)
}
.feedback-section-five .feedback-wrapper .feedback-block .text .rating{
  margin:0 -4px
}
.feedback-section-five .feedback-wrapper .feedback-block .text .rating li{
  margin:0 4px;
  font-size:19px
}
.feedback-section-five .feedback-wrapper .feedback-block:nth-child(1){
  background:#ffded2
}
.feedback-section-five .feedback-wrapper .feedback-block:nth-child(2){
  background:#ffeee8
}
.feedback-section-five .feedback-wrapper .feedback-block:nth-child(3){
  background:#fff7f4
}
.feedback-section-six .wrapper{
  border-top:1px solid rgba(0,0,0,.1);
  border-bottom:1px solid rgba(0,0,0,.1)
}
.feedback-section-six .feedback-wrapper{
  border-left:1px solid rgba(0,0,0,.1);
  padding:120px 0 120px 120px
}
.feedback-section-six .feedback-wrapper .slick-dots{
  position:absolute;
  margin:0;
  padding:0;
  right:15px;
  bottom:0;
  border:1px solid rgba(0,0,0,.15);
  border-radius:40px;
  padding:15px 15px
}
.feedback-section-six .feedback-wrapper .slick-dots button{
  width:10px;
  height:10px
}
.feedback-section-six .feedback-wrapper .slick-dots .slick-active button{
  background:#000
}
.feedback-section-six .feedback-block blockquote{
  font-size:48px;
  line-height:1.333em;
  font-weight:500;
  margin:25px 0 60px
}
.feedback-section-six .feedback-block .author-img{
  width:85px;
  height:85px
}
.feedback-section-six .rating .main-shape{
  animation:rotated 120s infinite linear
}
.feedback-section-six .rating .text{
  position:absolute;
  z-index:1;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%)
}
.feedback-section-six .rating .text .main-count{
  font-size:200px;
  letter-spacing:-2px;
  line-height:.9em
}
.feedback-section-six .rating .text p{
  font-size:36px;
  font-weight:500;
  margin:0
}
.feedback-section-seven .wrapper{
  background:#f2f2f2;
  border-radius:40px;
  padding:75px
}
.feedback-section-seven .wrapper .man-img{
  position:absolute;
  left:75px;
  bottom:0;
  z-index:-1;
  max-width:41%
}
.feedback-section-seven .feedback-wrapper{
  background:#fff;
  border-radius:30px;
  padding:50px 65px
}
.feedback-section-seven .feedback-block .rating li{
  font-size:18px;
  color:#ffc936;
  margin-right:10px
}
.feedback-section-seven .feedback-block .rating li:last-child{
  font-weight:500;
  font-size:24px;
  margin-left:5px;
  color:rgba(0,0,0,.3)
}
.feedback-section-seven .feedback-block blockquote{
  font-size:32px;
  line-height:1.5em;
  font-weight:400;
  margin:40px 0 50px
}
.feedback-section-seven .feedback-block .name{
  font-size:24px;
  margin-bottom:3px
}
.feedback-section-seven .feedback-block .post{
  color:rgba(0,0,0,.3)
}
.feedback-section-seven .slider-arrows{
  position:absolute;
  right:40px;
  bottom:50px;
  margin:0 -5px;
  background:#fff
}
.feedback-section-seven .slider-arrows li{
  margin:0 5px;
  width:50px;
  height:50px;
  border:1px solid rgba(0,0,0,.1);
  cursor:pointer
}
.feedback-section-seven .slider-arrows li:hover{
  background:#395a50;
  border-color:#395a50;
  color:#fff
}
.feedback-section-eight .title-nine h2{
  font-size:150px
}
.feedback-section-eight .title-nine p{
  font-size:48px;
  line-height:1.20833em;
  font-weight:500;
  margin:22px 0 0
}
.feedback-section-eight .feedback-block{
  background:#fff;
  border-radius:30px;
  padding:50px 40px 30px
}
.feedback-section-eight .feedback-block .c-img{
  width:70px
}
.feedback-section-eight .feedback-block h6{
  font-size:24px;
  margin-bottom:2px
}
.feedback-section-eight .feedback-block span{
  color:rgba(0,0,0,.4)
}
.feedback-section-eight .feedback-block blockquote{
  font-size:28px;
  line-height:1.3571em;
  font-weight:500;
  margin:42px 0 67px
}
.feedback-section-eight .feedback-block .rating li{
  font-size:18px;
  color:#ffcc4a;
  margin-right:6px
}
.feedback-section-eight .shape_01{
  left:0;
  bottom:-40%;
  max-width:43%
}
.feedback-section-nine .feedback-block{
  border:1px solid #e0e0e0;
  border-radius:30px;
  padding:50px 40px 50px 120px
}
.feedback-section-nine .feedback-block .rating li{
  color:#ffc936;
  margin-right:8px;
  font-size:20px
}
.feedback-section-nine .feedback-block blockquote{
  font-size:24px;
  line-height:1.5em;
  margin:45px 0 53px;
  position:relative
}
.feedback-section-nine .feedback-block blockquote:before{
  content:url(../images/icon/icon_96.svg);
  position:absolute;
  top:5px;
  left:-65px
}
.feedback-section-nine .feedback-block .name{
  font-size:24px;
  margin-bottom:0
}
.feedback-section-nine .feedback-block p{
  margin:0;
  color:rgba(0,0,0,.3)
}
.feedback-section-nine .slider-arrows{
  margin:0 -5px;
  background:#fff
}
.feedback-section-nine .slider-arrows li{
  margin:0 15px;
  width:50px;
  height:50px;
  border:1px solid rgba(0,0,0,.1);
  cursor:pointer;
  font-size:24px;
}
.feedback-section-nine .slider-arrows li:hover{
  background:#000;
  border-color:#000;
  color:#fff
}
.blog-section-one .slider-wrapper{
  width:calc(100% + 29vw)
}
.blog-section-one .slider-wrapper .slick-slider{
  margin:0 -25px
}
.blog-section-one .slider-wrapper .slick-slider .item{
  margin:0 25px
}
.blog-section-two .title-two h2 span.sticker{
  transform:rotate(13.11deg);
  position:absolute;
  right:-146px;
  top:16px
}
.blog-section-four .wrapper{
  border-top:1px solid rgba(0,0,0,.1)
}
.blog-meta-one .media img{
  border-radius:40px
}
.blog-meta-one .media .tag{
  position:absolute;
  right:20px;
  top:20px;
  font-size:13px;
  letter-spacing:1px;
  background:#fff;
  padding:8px 22px;
  border-radius:30px
}
.blog-meta-one .media .tag:hover{
  background:#000;
  color:#fff
}
.blog-meta-one .author{
  margin:40px 0 20px
}
.blog-meta-one .author li{
  color:#000;
  margin-right:5px
}
.blog-meta-one .author li:last-child{
  color:rgba(0,0,0,.35)
}
.blog-meta-one .blog-title{
  font-size:36px;
  line-height:1.222em;
  margin:0;
  width:calc(100% - 85px);
  max-width:530px
}
.blog-meta-one .read-more{
  width:72px;
  height:72px;
  background:#eaeaea;
  font-size:30px
}
.blog-meta-one .read-more:hover{
  background:#000;
  color:#fff
}
.blog-meta-two .media{
  width:370px;
  min-height:250px;
  padding:20px
}
.blog-meta-two .media img{
  max-height:100%
}
.blog-meta-two .post-meta{
  width:calc(100% - 400px);
  margin-left:auto;
  padding:50px 55px 55px
}
.blog-meta-two .post-meta .post-text{
  width:calc(100% - 170px);
  padding-right:70px
}
.blog-meta-two .post-meta .post-text .tag{
  display:inline-block;
  font-size:16px;
  text-transform:uppercase;
  background:#fff;
  border-radius:30px;
  border:1px solid #000;
  padding:5px 20px;
  margin-bottom:35px
}
.blog-meta-two .post-meta .post-text .blog-title{
  font-size:48px;
  line-height:1.1666em;
  margin-bottom:25px
}
.blog-meta-two .post-meta .post-text .author li{
  position:relative;
  font-size:22px
}
.blog-meta-two .post-meta .post-text .author li:first-child{
  padding-right:44px
}
.blog-meta-two .post-meta .post-text .author li:first-child:before{
  content:"";
  position:absolute;
  width:30px;
  height:2px;
  background:#000;
  top:49%;
  right:6px
}
.blog-meta-two .post-meta .read-more{
  width:170px;
  height:170px;
  border:1px solid #000
}
.blog-meta-two .post-meta .read-more:hover{
  background:#fff
}
.blog-meta-two .post-meta .read-more:hover img{
  transform:rotate(45deg)
}
.blog-meta-two:nth-child(1) .bg-color{
  background:#e3d7ff
}
.blog-meta-two:nth-child(2) .bg-color{
  background:#ffeab1
}
.blog-meta-two:nth-child(3) .bg-color{
  background:#adffd2
}
.blog-meta-three .author{
  margin:32px 0 20px;
  font-size:17px
}
.blog-meta-three .author li{
  color:hsla(0,0%,100%,.5);
  margin-right:5px
}
.blog-meta-three .blog-title{
  font-family:"Clash Display",sans-serif;
  font-size:36px;
  line-height:1.1111em;
  margin:0;
  max-width:560px
}
.blog-meta-four .author-img img{
  width:60px
}
.blog-meta-four .author-name{
  font-size:20px
}
.blog-meta-four .date{
  color:#aaa;
  font-size:14px
}
.blog-meta-four .media{
  height:330px;
  border-radius:20px;
  background-position:center;
  background-size:cover;
  margin:33px 0 25px
}
.blog-meta-four .blog-title{
  font-size:32px;
  line-height:1.25em;
  margin:0;
  max-width:410px
}
.blog-meta-five{
  background-color:#fff;
  background-size:cover;
  height:720px;
  border-radius:30px;
  padding:35px 35px
}
.blog-meta-five .author-name{
  font-size:20px
}
.blog-meta-five .blog-title{
  font-size:48px;
  line-height:1.125em;
  margin:10px 0 30px;
  max-width:560px
}
.blog-meta-five .tag{
  display:inline-block;
  font-size:15px;
  font-weight:500;
  text-transform:uppercase;
  background:#fff;
  border-radius:30px;
  padding:0 18px;
  line-height:35px;
  letter-spacing:2px
}
.blog-meta-five .cta-btn{
  width:105px;
  height:105px;
  background:#fff
}
.blog-meta-five .cta-btn:hover{
  background:#ff4b33
}
.blog-meta-five.no-bg{
  padding:35px 40px;
  height:455px
}
.blog-meta-five.no-bg .tag{
  border:1px solid #000
}
.blog-meta-five.no-bg .blog-title{
  max-width:420px
}
.more-blog-bg{
  background:url("../images/blog/blog_img_14.jpg") no-repeat center center;
  background-size:cover;
  border-radius:30px;
  height:235px
}
.more-blog-bg a{
  padding:19px 45px;
  background:#fff;
  border-radius:60px;
  font-size:24px;
  font-weight:500
}
.more-blog-bg a:hover{
  background:#ff4b33;
  color:#fff
}
.blog-sidebar .bg-wrapper{
  background:#f0f0f0;
  border-radius:20px;
  padding:30px 25px
}
.blog-sidebar .sidebar-title{
  font-family:"Clash Display",sans-serif;
  font-size:24px;
  font-weight:600;
  text-transform:uppercase;
  margin-bottom:25px
}
.blog-sidebar .sidebar-search form{
  height:65px;
  border-radius:15px;
  overflow:hidden;
  position:relative
}
.blog-sidebar .sidebar-search form input{
  width:100%;
  height:100%;
  padding:0 40px 0 20px;
  border:none;
  background:#fff;
  font-size:18px
}
.blog-sidebar .sidebar-search form button{
  width:40px;
  position:absolute;
  right:0;
  bottom:0;
  top:0
}
.blog-sidebar .blog-category li a{
  line-height:52px
}
.blog-sidebar .blog-category li a span{
  color:rgba(0,0,0,.35)
}
.blog-sidebar .blog-category li a:hover{
  text-decoration:underline
}
.blog-sidebar .recent-news{
  border-bottom:1px solid #dadada;
  padding-bottom:20px;
  margin-bottom:25px
}
.blog-sidebar .recent-news:last-child{
  border:none;
  margin:0;
  padding:0
}
.blog-sidebar .recent-news .date{
  font-size:16px;
  color:#aaa;
  margin-bottom:5px
}
.blog-sidebar .recent-news .blog-title h3{
  font-size:24px;
  font-weight:500;
  line-height:1.1666em
}
.blog-sidebar .recent-news .blog-title h3:hover{
  text-decoration:underline
}
.blog-sidebar .blog-keyword ul{
  margin:0 -4px
}
.blog-sidebar .blog-keyword ul li{
  margin:0 4px 15px
}
.blog-sidebar .blog-keyword ul li a{
  line-height:35px;
  background:#fff;
  border-radius:30px;
  padding:0 16px;
  font-size:15px;
  color:#000;
  transition:all .2s ease-in-out 0s
}
.blog-sidebar .blog-keyword ul li a:hover{
  background:#000;
  color:#fff
}
.blog-details-meta .blog-title{
  margin-bottom:30px
}
.blog-details-meta .post p{
  padding-top:20px
}
.blog-details-meta .quote-wrapper{
  border:1px solid #dfdfdf;
  border-radius:20px;
  padding:52px 48px 50px;
  margin:50px 0 60px
}
.blog-details-meta .quote-wrapper .icon{
  width:55px;
  height:55px;
  background:#000;
  position:absolute;
  left:0;
  top:0
}
.blog-details-meta .quote-wrapper .text{
  padding-left:80px
}
.blog-details-meta .quote-wrapper .text blockquote{
  font-size:36px;
  font-weight:500;
  line-height:1.3888em
}
.blog-details-meta .quote-wrapper .text h6{
  font-size:20px;
  margin:22px 0 0
}
.blog-details-meta .quote-wrapper .text h6 span{
  font-weight:normal;
  color:rgba(0,0,0,.5)
}
.blog-details-meta h4{
  font-size:36px
}
.blog-details-meta .list-style{
  padding:2px 0 20px
}
.blog-details-meta .list-style li{
  position:relative;
  padding-left:32px;
  font-size:22px;
  font-weight:500;
  margin-top:25px
}
.blog-details-meta .list-style li:before{
  content:url(../images/icon/icon_125.svg);
  position:absolute;
  left:0;
  top:0
}
.blog-details-meta .bottom-widget{
  border-bottom:1px solid #e2e2e2;
  padding:30px 0 25px
}
.blog-details-meta .bottom-widget .tags{
  font-size:15px;
  font-weight:500
}
.blog-details-meta .bottom-widget .tags a{
  line-height:26px;
  border-radius:16px;
  background:#f1f1f1;
  padding:0 15px;
  color:#000;
  font-size:14px;
  margin-left:10px;
  transition:all .3s ease-in-out 0s
}
.blog-details-meta .bottom-widget .tags a:hover{
  background:#000;
  color:#fff
}
.blog-details-meta .bottom-widget .share-icon li:first-child{
  font-weight:500;
  font-size:15px;
  color:#000
}
.blog-details-meta .bottom-widget .share-icon a{
  /* width:38px; */
  /* height:38px; */
  /* background:#eeeded; */
  border-radius:50%;
  text-align:center;
  line-height:38px;
  color:#000;
  font-size:38px;
  margin-left:20px;
  transition:all .3s ease-in-out 0s
}
.blog-details-meta .bottom-widget .share-icon a:hover{
  /* background:#000; */
  color:#24A1DE
}
.blog-details-meta .blog-comment-form{
  background:#f0f0f0;
  border-radius:30px;
  padding:50px 50px;
  margin-top:80px
}
.blog-details-meta .blog-comment-form p a{
  color:#000
}
.blog-details-meta .blog-comment-form form label{
  font-size:16px;
  font-weight:normal;
  color:rgba(0,0,0,.5);
  display:block;
  padding-bottom:5px
}
.blog-details-meta .blog-comment-form form input{
  display:block;
  font-size:18px;
  width:100%;
  height:60px;
  border:1px solid #dbdbdb;
  border-radius:8px;
  padding:0 25px;
  background:#fff
}
.blog-details-meta .blog-comment-form form textarea{
  display:block;
  font-size:17px;
  width:100%;
  max-width:100%;
  height:145px;
  border:1px solid #dbdbdb;
  border-radius:8px;
  padding:20px 25px;
  resize:none;
  background:#fff
}
.blog-details-meta .blog-comment-form .btn-four{
  line-height:55px;
  font-family:"Clash Display",sans-serif;
  font-size:16px;
  font-weight:600;
  text-transform:uppercase
}
#contact-form .help-block{
  position:absolute;
  left:0;
  bottom:-18px;
  font-size:13px;
  line-height:20px;
  color:#ff4d44
}
/* --- Freight Quote Form polish (keeps your existing classes) --- */
.blog-details-meta .blog-comment-form{
  background:#f0f0f0;
  border-radius:20px;
  padding:50px 50px;
  margin-top:80px;
}

.blog-details-meta .blog-comment-form .blog-inner-title{
  letter-spacing:-.02em;
}

.blog-details-meta .blog-comment-form p{
  color: rgba(0,0,0,.55);
  /*max-width: 62ch;*/
  margin-bottom: 22px;
}

/* Unified field styles */
.blog-details-meta .blog-comment-form form input,
.blog-details-meta .blog-comment-form form textarea,
.blog-details-meta .blog-comment-form form select{
  display:block;
  width:100%;
  border:1px solid #dbdbdb;
  border-radius:14px;
  padding:0 18px;
  background:#fff;
  font-size:16px;
  transition: all .2s ease;
  outline: none;
}

/* Heights */
.blog-details-meta .blog-comment-form form input,
.blog-details-meta .blog-comment-form form select{
  height:56px;
}

.blog-details-meta .blog-comment-form form textarea{
  height:160px;
  padding:16px 18px;
}

/* Labels */
.blog-details-meta .blog-comment-form form label{
  font-size:14px;
  letter-spacing:.3px;
  color:rgba(0,0,0,.55);
  margin-bottom:8px;
}

/* Focus state (clean black) */
.blog-details-meta .blog-comment-form form input:focus,
.blog-details-meta .blog-comment-form form textarea:focus,
.blog-details-meta .blog-comment-form form select:focus{
  border-color:#000;
  box-shadow: 0 0 0 4px rgba(0,0,0,.08);
}

/* Hover state */
.blog-details-meta .blog-comment-form form input:hover,
.blog-details-meta .blog-comment-form form textarea:hover,
.blog-details-meta .blog-comment-form form select:hover{
  border-color: rgba(0,0,0,.25);
}

/* Select arrow (makes it look designed) */
.blog-details-meta .blog-comment-form form select{
  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  padding-right:46px;
  background-image:
    linear-gradient(45deg, transparent 50%, rgba(0,0,0,.65) 50%),
    linear-gradient(135deg, rgba(0,0,0,.65) 50%, transparent 50%),
    linear-gradient(to right, transparent, transparent);
  background-position:
    calc(100% - 22px) 50%,
    calc(100% - 16px) 50%,
    0 0;
  background-size:
    6px 6px,
    6px 6px,
    100% 100%;
  background-repeat:no-repeat;
}

/* Date input (align with the rest) */
.blog-details-meta .blog-comment-form form input[type="date"]{
  padding-right:18px;
}

/* Placeholder tone */
.blog-details-meta .blog-comment-form form input::placeholder,
.blog-details-meta .blog-comment-form form textarea::placeholder{
  color: rgba(0,0,0,.35);
}

/* Spacing between fields (your mb-* stays, this just makes layout feel tighter) */
.blog-details-meta .blog-comment-form .input-wrapper{
  position: relative;
}

/* Button polish (works with btn-ten) */
.blog-details-meta .blog-comment-form .btn-ten{
  border-radius:999px;
  height:60px;
  font-weight:500;
  letter-spacing:.5px;
  /*box-shadow: 0 10px 20px rgba(0,0,0,.12);*/
  transition: all .3s ease;
}

.blog-details-meta .blog-comment-form .btn-ten:hover{
  background:#EA0000;
  color:#FFF
}

@media (max-width:1199px){
  .blog-details-meta .blog-comment-form .btn-ten {
    height: 50px;
    line-height: 50px;
  }
}

/* Responsive padding */
@media (max-width: 991px){
  .blog-details-meta .blog-comment-form{
    padding:32px 22px;
  }
}
/* Cross-browser form normalization */
.blog-details-meta .blog-comment-form *{
  box-sizing: border-box;
}

.blog-details-meta .blog-comment-form form input,
.blog-details-meta .blog-comment-form form select,
.blog-details-meta .blog-comment-form form textarea{
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  font: inherit;                 /* один и тот же шрифт */
  -webkit-appearance: none;      /* делает select более управляемым */
  appearance: none;
}

/* Fix Safari/iOS vertical alignment issues */
.blog-details-meta .blog-comment-form form input[type="date"]{
  height: 56px;
  line-height: 56px;             /* помогает центровке */
  padding: 0 18px;
  text-align: left;
  background-color: #fff;
}

/* Safari date internal text */
.blog-details-meta .blog-comment-form form input[type="date"]::-webkit-date-and-time-value{
  line-height: 56px;             /* ключ для Safari */
}

/* Make calendar icon not break layout */
.blog-details-meta .blog-comment-form form input[type="date"]::-webkit-calendar-picker-indicator{
  opacity: .65;
  cursor: pointer;
}

/* iOS: stop weird zoom + keep layout stable */
@media (max-width: 768px){
  .blog-details-meta .blog-comment-form form input,
  .blog-details-meta .blog-comment-form form select,
  .blog-details-meta .blog-comment-form form textarea{
    font-size: 16px;             /* iOS safe size */
  }
}
input, select, textarea {
  box-sizing: border-box;
  max-width: 100%;
}
/* Псевдо placeholder для date */
.blog-details-meta .blog-comment-form input[type="date"]:invalid {
  color: rgba(0,0,0,.35);
}
#contact-form .help-block ul{
  margin:0
}
.contact-section-one .title-three h2{
  font-size:480px
}
.contact-section-one .contact-form-bg{
  background:#fff;
  margin-top:-175px
}
.contact-section-one .form-style-one{
  padding:80px 90px 85px 85px
}
.contact-section-one .image-bg{
  background:url(../images/media/img_32.jpg) no-repeat center top/cover;
  width:100%;
  height:100%;
  min-height:360px
}
.form-style-one h3{
  font-family:"Obviously Narrow";
  font-size:90px;
  font-weight:600;
  text-transform:uppercase
}
.form-style-one .input-group-meta label{
  display:block;
  font-weight:500;
  margin-bottom:3px
}
.form-style-one .input-group-meta input{
  width:100%;
  font-size:18px;
  border:none;
  border-bottom:2px solid #000;
  padding-bottom:10px
}
.form-style-one .input-group-meta textarea{
  width:100%;
  font-size:18px;
  border:none;
  border-bottom:2px solid #000;
  height:145px;
  min-height:145px;
  resize:none;
  padding-bottom:10px
}
.form-style-one .btn-four{
  line-height:60px;
  font-size:20px
}
.contact-section-two .contact-form-bg{
  padding:90px 70px 80px
}
.contact-section-two .contact-form-bg h6{
  font-size:20px;
  font-weight:normal;
  color:hsla(0,0%,100%,.3)
}
.contact-section-two .contact-form-bg .tel{
  font-size:28px
}
.form-style-two .input-group-meta label{
  font-size:16px;
  color:hsla(0,0%,100%,.3);
  display:block;
  margin-bottom:3px
}
.form-style-two .input-group-meta input{
  width:100%;
  border:none;
  color:#fff;
  background:rgba(0,0,0,0);
  border-bottom:1px solid hsla(0,0%,100%,.15);
  padding-bottom:10px
}
.form-style-two .input-group-meta input::-moz-placeholder{
  color:#fff
}
.form-style-two .input-group-meta input::placeholder{
  color:#fff
}
.form-style-two .input-group-meta textarea{
  width:100%;
  border:none;
  color:#fff;
  background:rgba(0,0,0,0);
  border-bottom:1px solid hsla(0,0%,100%,.15);
  height:180px;
  min-height:180px;
  resize:none;
  padding-top:10px;
  padding-bottom:10px
}
.form-style-two .btn-four{
  line-height:60px;
  font-size:15px;
  text-transform:uppercase;
  font-weight:500;
  letter-spacing:1px;
  background:#fff;
  color:#000
}
.form-style-two .btn-four:hover{
  background:#d60004;
  color:#fff
}
.contact-section-three h2{
  font-family:"Clash Display",sans-serif;
  font-size:90px;
  line-height:1.0555em;
  text-align:center
}
.contact-section-three .contact-form-bg{
  background:#F0F0F0;
  padding:75px 85px 75px
}
.contact-section-three .form-style-one .input-group-meta label{
  font-size:15px;
  font-weight:normal;
  color:rgba(0,0,0,.5)
}
.contact-section-three .form-style-one .input-group-meta input,.contact-section-three .form-style-one .input-group-meta textarea{
  font-size:18px;
  font-weight:500;
  color:#000;
  background:rgba(0,0,0,0)
}
.contact-section-three .form-style-one .input-group-meta input::-moz-placeholder, .contact-section-three .form-style-one .input-group-meta textarea::-moz-placeholder{
  color:#000
}
.contact-section-three .form-style-one .input-group-meta input::placeholder,.contact-section-three .form-style-one .input-group-meta textarea::placeholder{
  color:#000
}
.contact-section-four .title-two h2 span.sticker{
  position:absolute;
  left:0;
  top:-45px;
  transform:rotate(-5.5deg);
  min-width:225px
}
.contact-section-four .call-btn .icon{
  width:105px
}
.contact-section-four .call-btn span{
  display:block;
  font-size:20px;
  text-transform:uppercase;
  color:rgba(0,0,0,.3)
}
.contact-section-four .call-btn a{
  font-size:36px;
  letter-spacing:-1px;
  border-bottom:2px solid #000;
  padding-bottom:5px
}
.contact-section-four .form-style-one form{
  border:2px solid #000;
  border-radius:30px;
  padding:55px 65px
}
.contact-section-five .round-shape{
  width:520px;
  height:520px;
  background:#d60004;
  border-radius:50%;
  position:absolute;
  left:-3%;
  top:0;
  z-index:-1;
  animation:plasma 5s infinite linear
}
.contact-section-five .call-btn .icon{
  width:90px;
  height:90px;
  background:#F0F0F0
}
.contact-section-five .call-btn span{
  display:block;
  font-size:20px;
  color:rgba(0,0,0,.45);
  margin-bottom:12px
}
.contact-section-five .call-btn a{
  font-family:"Obviously";
  font-size:28px;
  font-weight:500
}
.contact-section-five .form-style-one form{
  background:#ffeee8;
  padding:70px 65px 70px
}
.contact-section-five .form-style-one .input-group-meta label{
  font-family:"Obviously Narrow";
  font-size:20px;
  font-weight:600;
  text-transform:uppercase;
  margin-bottom:8px
}
.contact-section-five .form-style-one .input-group-meta input{
  border:none;
  height:90px;
  padding:0 20px
}
.contact-section-five .form-style-one .input-group-meta textarea{
  border:none;
  height:288px;
  padding:20px
}
.contact-section-six .contact-block .icon{
  width:80px;
  height:80px
}
.contact-section-six .contact-block h5{
  font-family:"Sentient",serif;
  font-size:28px;
  margin:23px 0 11px;
  letter-spacing:-0.28px
}
.contact-section-six .contact-block p{
  font-size:20px;
  line-height:32px;
  color:#878787
}
.contact-section-six .contact-block .tel{
  font-size:24px;
  color:#ff3294
}
.contact-section-six .contact-block .tel:hover{
  text-decoration:underline
}
.contact-section-six .contact-block .email{
  color:#000;
  text-decoration:underline
}
.contact-section-six .form-style-one .input-group-meta label{
  font-size:15px
}
.contact-section-seven .bg-wrapper{
  background:#f6f6f6;
  padding:165px 0
}
.contact-section-seven .bg-wrapper .form-style-one{
  background:#fff;
  border-radius:30px;
  padding:70px 50px
}
.contact-section-seven .bg-wrapper .form-style-one .input-group-meta label{
  font-size:15px;
  color:rgba(0,0,0,.5);
  margin-bottom:5px
}
.contact-section-seven .bg-wrapper .form-style-one .input-group-meta input{
  border-radius:10px;
  border:1px solid #f1f1f1;
  background:#f6f6f6;
  padding:0 20px;
  height:60px
}
.contact-section-seven .bg-wrapper .form-style-one .input-group-meta textarea{
  border-radius:10px;
  border:1px solid #f1f1f1;
  background:#f6f6f6;
  padding:20px;
  height:210px
}
.contact-section-seven .bg-wrapper .form-style-one .btn-eight{
  border-radius:10px;
  font-size:18px
}
.contact-section-eight .shape_01{
  left:0;
  top:22%;
  max-width:29%
}
.contact-section-eight .form-style-one{
  background:#fff;
  border-radius:30px;
  padding:80px 80px 70px
}
.contact-section-eight .form-style-one .input-group-meta label{
  font-size:16px;
  color:rgba(0,0,0,.5);
  margin-bottom:5px
}
.contact-section-eight .form-style-one .input-group-meta textarea{
  height:200px
}
.contact-section-eight .form-style-one .btn-four{
  border-radius:10px
}
.contact-section-eight .address-banner .icon{
  width:64px;
  height:64px;
  background:#000
}
.contact-section-eight .address-banner .text{
  width:calc(100% - 64px);
  padding-left:25px
}
.contact-section-eight .address-banner .text p{
  margin-bottom:3px
}
.contact-section-eight .address-banner .text a{
  color:rgba(22,22,22,.45)
}
.contact-section-eight .address-banner .text a:hover{
  color:#d60004;
  text-decoration:underline
}
.contact-section-eight .address-banner .skew-line:before,.contact-section-eight .address-banner .skew-line:after{
  content:"";
  position:absolute;
  height:70px;
  width:1px;
  transform:rotate(23deg);
  top:0;
  left:-100px;
  background:#000
}
.contact-section-eight .address-banner .skew-line:after{
  left:auto;
  right:-100px
}
.footer-one{
  overflow:hidden;
  padding:180px 0 240px
}
.footer-one .footer-nav{
  margin:0 -15px
}
.footer-one .footer-nav li{
  padding:0 15px;
  font-weight:500;
  position:relative;
  color:#000
}
.footer-one .footer-nav li:before{
  content:".";
  position:absolute;
  left:0;
  bottom:0
}
.footer-one .footer-nav li:first-child:before{
  display:none
}
.footer-one .name{
  font-family:"Obviously Narrow";
  font-weight:700;
  font-size:360px;
  line-height:1em;
  letter-spacing:-1px;
  text-transform:uppercase;
  margin:0;
  position:absolute;
  width:100%;
  text-align:center;
  left:0;
  bottom:-29%;
  z-index:-1
}
.footer-one .name span{
  display:inline-block;
  vertical-align:middle;
  background:linear-gradient(180deg, #C4CCD5 25%, #FFFFFF 113.21%);
  -webkit-background-clip:text;
  -webkit-text-fill-color:rgba(0,0,0,0);
  background-clip:text;
  text-fill-color:rgba(0,0,0,0)
}
.footer-two .bg-wrapper{
  background:#101010;
  overflow:hidden;
  margin-bottom:25px;
  padding:120px 0 0px;
  text-align:center
}
@media (max-width:1199px){
  .footer-two .bg-wrapper{
    padding:80px 0 0px;
  }
}
.footer-two .bg-wrapper .water-mark{
  font-size:350px;
  line-height:.65em;
  letter-spacing:14px;
  position:absolute;
  left:50%;
  bottom:0;
  transform:translate(-50%, 41%)
}
.footer-two .bg-wrapper h2{
  font-size:140px;
  line-height:.9285em
}
.footer-two .bg-wrapper .bottom-footer{
  border-top:1px solid hsla(0,0%,100%,.15);
  border-bottom:1px solid hsla(0,0%,100%,.15);
  margin-top:95px;
  padding:55px 0 110px
}
.footer-two .bg-wrapper .bottom-footer .email{
  font-size:36px
}
.footer-two .bg-wrapper .bottom-footer .tel{
  font-family:"Obviously";
  font-size:72px
}
.footer-two .bg-wrapper .bottom-footer p{
  line-height:1.458em
}
.footer-two .bg-wrapper .bottom-footer .footer-nav{
  margin:0 -3px
}
.footer-two .bg-wrapper .bottom-footer .footer-nav li{
  padding:0 3px
}
.footer-two .bg-wrapper .bottom-footer .footer-nav li:first-child{
  /*width:100%;*/
  text-align:right
}

/* footer for careers */
.footer-careers .bg-wrapper{
  background:#101010;
  overflow:hidden;
  margin-bottom:25px;
  padding:80px 0 0px;
  text-align:center
}
@media (max-width:1199px){
  .footer-careers .bg-wrapper{
    padding:0;
  }
}
.footer-careers .bg-wrapper .water-mark{
  font-size:350px;
  line-height:.65em;
  letter-spacing:14px;
  position:absolute;
  left:50%;
  bottom:0;
  transform:translate(-50%, 41%)
}
.footer-careers .bg-wrapper h2{
  font-size:140px;
  line-height:.9285em
}
.footer-careers .bg-wrapper .bottom-footer{
  border-bottom:1px solid hsla(0,0%,100%,.15);
  padding: 1px 0 110px;
}
.footer-careers .bg-wrapper .bottom-footer .email{
  font-size:36px
}
.footer-careers .bg-wrapper .bottom-footer .tel{
  font-family:"Obviously";
  font-size:72px
}
.footer-careers .bg-wrapper .bottom-footer p{
  line-height:1.458em
}
.footer-careers .bg-wrapper .bottom-footer .footer-nav{
  margin:0 -3px
}
.footer-careers .bg-wrapper .bottom-footer .footer-nav li{
  padding:0 3px
}
.footer-careers .bg-wrapper .bottom-footer .footer-nav li:first-child{
  /*width:100%;*/
  text-align:right
}
/* end footer for careers */

.footer-three .layer-one{
  padding-top:25px
}
.footer-three .layer-one:before{
  content:"";
  position:absolute;
  left:100px;
  right:100px;
  top:0;
  bottom:20px;
  border:2px solid #000;
  border-radius:30px;
  background:#fff
}
.footer-three .layer-two{
  padding-top:25px
}
.footer-three .layer-two:before{
  content:"";
  position:absolute;
  left:50px;
  right:50px;
  top:0;
  bottom:20px;
  border:2px solid #000;
  border-radius:30px;
  background:#fff
}
.footer-three .main-bg{
  background:#fff;
  border:2px solid #000;
  border-radius:30px;
  padding:60px 50px
}
.footer-three h3{
  font-family:"Sentient",serif;
  font-size:58px;
  line-height:1.1034em;
  margin:42px 0 58px
}
.footer-three .footer-nav{
  margin:0 -15px
}
.footer-three .footer-nav li{
  padding:0 15px;
  position:relative;
  color:rgba(0,0,0,.5)
}
.footer-three .footer-nav li:before{
  content:".";
  position:absolute;
  left:0;
  bottom:0
}
.footer-three .footer-nav li:first-child:before{
  display:none
}
.footer-three .footer-nav li a{
  transition:all .3s ease-in-out 0s
}
.footer-three .footer-nav li a:hover{
  color:#000
}
.footer-three .footer-nav.xl{
  font-size:24px
}
.footer-three .address{
  font-size:24px;
  max-width:315px;
  line-height:1.4583em
}
.footer-three .social-icon{
  margin:0 -5px
}
.footer-three .social-icon li{
  padding:0 5px
}
.footer-three .social-icon li a{
  width:60px;
  height:60px;
  border:1px solid #000;
  border-radius:50%;
  text-align:center;
  line-height:58px;
  font-weight:700;
  transition:all .3s ease-in-out 0s
}
.footer-three .social-icon li a:hover{
  background:#000;
  color:#fff
}
.footer-three .newsletter-form p{
  font-weight:500;
  color:rgba(0,0,0,.5);
  margin-bottom:15px
}
.footer-three .newsletter-form input{
  width:100%;
  border:none;
  border-bottom:1px solid #000;
  font-size:30px;
  padding:0 60px 12px 0
}
.footer-three .newsletter-form button{
  width:55px;
  height:55px;
  background:#000;
  position:absolute;
  right:0;
  top:-7px
}
.footer-three .copyright{
  text-align:center;
  margin:0;
  padding:40px 0
}
.footer-three .shape_01{
  right:0;
  bottom:0;
  animation:jumpThree 5s infinite linear
}
.footer-four{
  padding-bottom:40px
}
.footer-four .border-top-style{
  border-top:1px solid hsla(0,0%,100%,.1);
  padding-top:100px
}
.footer-four .address-block{
  color:hsla(0,0%,100%,.8)
}
.footer-four .footer-nav a{
  line-height:43px;
  color:hsla(0,0%,100%,.4);
  transition:all .3s ease-in-out 0s
}
.footer-four .footer-nav a:hover{
  color:#fff
}
.footer-four .social-icon a{
  width:60px;
  height:60px;
  border:1px solid hsla(0,0%,100%,.1);
  border-radius:50%;
  text-align:center;
  line-height:58px;
  margin-right:10px;
  transition:all .3s ease-in-out 0s
}
.footer-four .social-icon a:hover{
  background:#fff;
  color:#000
}
.footer-four .copyright-text{
  margin-bottom:0
}
.footer-four .copyright-text span{
  color:hsla(0,0%,100%,.4)
}
.footer-four .shape_01{
  left:5%;
  bottom:0;
  max-width:36%
}
.footer-five{
  padding:70px 0 50px
}
.footer-five .newsletter-form{
  height:65px
}
.footer-five .newsletter-form input{
  width:100%;
  height:100%;
  background:#f3f3f3;
  border-radius:50px;
  padding:0 60px 0 35px;
  font-style:italic;
  border:none
}
.footer-five .newsletter-form input::-moz-placeholder{
  color:rgba(0,0,0,.3)
}
.footer-five .newsletter-form input::placeholder{
  color:rgba(0,0,0,.3)
}
.footer-five .newsletter-form button{
  width:45px;
  height:45px;
  background:#000;
  position:absolute;
  right:10px;
  top:10px
}
.footer-five .newsletter-form button:hover{
  background:#d60004
}
.footer-five .footer-nav li a{
  font-size:18px;
  font-weight:500;
  margin-bottom:18px;
  transition:all .3s ease-in-out 0s
}
.footer-five .footer-nav li a:hover{
  text-decoration:underline
}
.footer-five .footer-nav li:last-child a{
  margin:0
}
.footer-five .tel{
  font-family:"Obviously";
  font-size:28px
}
.footer-six{
  background:#0b0b0b;
  color:hsla(0,0%,100%,.6)
}
.footer-six .wrapper{
  border-top:1px solid hsla(0,0%,100%,.1);
  border-bottom:1px solid hsla(0,0%,100%,.1);
  padding:108px 0 120px
}
.footer-six h3{
  font-family:"Sentient",serif;
  font-size:62px;
  line-height:1.0967em;
  color:#fff;
  margin:38px 0 0
}
.footer-six .newsletter-form{
  height:75px
}
.footer-six .newsletter-form input{
  width:100%;
  height:100%;
  color:#fff;
  background:rgba(0,0,0,0);
  padding:0 60px 0 0;
  font-size:24px;
  border:none;
  border-bottom:1px solid #fff
}
.footer-six .newsletter-form input::-moz-placeholder{
  color:hsla(0,0%,100%,.35)
}
.footer-six .newsletter-form input::placeholder{
  color:hsla(0,0%,100%,.35)
}
.footer-six .newsletter-form button{
  position:absolute;
  right:0;
  top:0;
  bottom:0
}
.footer-six .social-icon{
  margin:0 -5px
}
.footer-six .social-icon li{
  padding:0 5px
}
.footer-six .social-icon li a{
  width:60px;
  height:60px;
  border:1px solid hsla(0,0%,100%,.25);
  border-radius:50%;
  text-align:center;
  line-height:58px;
  font-weight:700;
  color:#fff;
  transition:all .3s ease-in-out 0s
}
.footer-six .social-icon li a:hover{
  background:#fff;
  color:#000
}
.footer-six .tel{
  font-size:34px;
  letter-spacing:-2px;
  color:#fff
}
.footer-six .bottom-footer{
  padding:10px 0 40px
}
.footer-six .bottom-footer .footer-nav{
  margin:0 -10px
}
.footer-six .bottom-footer .footer-nav li{
  padding:0 10px
}
.footer-six .bottom-footer .footer-nav li a:hover{
  color:#fff
}
.footer-seven{
  padding:115px 0 0
}
.footer-seven .newsletter-form{
  max-width:660px
}
.footer-seven .newsletter-form input{
  width:calc(100% - 205px);
  height:70px;
  background:#f7f7f7;
  border-radius:40px;
  padding:0 40px;
  font-size:18px;
  border:none;
  margin-right:auto
}
.footer-seven .newsletter-form input::-moz-placeholder{
  color:rgba(0,0,0,.3)
}
.footer-seven .newsletter-form input::placeholder{
  color:rgba(0,0,0,.3)
}
.footer-seven .newsletter-form button{
  width:190px
}
.footer-seven .newsletter-form p{
  font-size:16px;
  color:rgba(0,0,0,.5);
  margin:15px 0 0
}
.footer-seven .newsletter-form p a{
  color:#000
}
.footer-seven .top-footer{
  border-top:1px solid #eee;
  border-bottom:1px solid #eee;
  padding:80px 0 40px;
  margin-top:90px
}
.footer-seven .footer-title{
  font-size:28px;
  font-weight:600;
  margin-bottom:22px
}
.footer-seven .footer-nav li a{
  font-weight:500;
  margin-bottom:22px;
  color:rgba(0,0,0,.5);
  transition:all .3s ease-in-out 0s
}
.footer-seven .footer-nav li a:hover{
  color:#395a50;
  text-decoration:underline
}
.footer-seven .footer-nav li:last-child a{
  margin:0
}
.footer-seven .tel{
  font-size:34px;
  letter-spacing:-2px
}
.footer-seven .copyright-text{
  font-size:18px;
  color:rgba(0,0,0,.5)
}
.footer-seven .copyright-text span{
  color:#000
}
.footer-seven .bottom-footer{
  padding-bottom:30px
}
.footer-seven .social-icon{
  background:#f7f7f7;
  padding:5px 0;
  border-radius:50px
}
.footer-seven .social-icon a{
  width:46px;
  height:46px;
  line-height:46px;
  text-align:center;
  background:rgba(0,0,0,0);
  color:#395a50;
  font-size:18px;
  border-radius:50%;
  margin:0 5px;
  transition:all .3s ease-in-out 0s
}
.footer-seven .social-icon a:hover{
  background:#395a50;
  color:#fff
}
.footer-eight .top-footer{
  background:#fff;
  padding:60px 65px;
  border-radius:30px
}
.footer-eight .top-footer h3{
  font-size:60px;
  line-height:1.06666em;
  margin:35px 0 40px
}
.footer-eight .top-footer .social-icon{
  margin:0 -5px
}
.footer-eight .top-footer .social-icon li{
  padding:0 5px
}
.footer-eight .top-footer .social-icon li a{
  width:60px;
  height:60px;
  border:1px solid rgba(0,0,0,.1);
  border-radius:50%;
  text-align:center;
  line-height:58px;
  font-weight:700;
  transition:all .3s ease-in-out 0s
}
.footer-eight .top-footer .social-icon li a:hover{
  background:#ff4b33;
  border-color:#ff4b33;
  color:#fff
}
.footer-eight .top-footer .footer-title{
  font-size:20px;
  color:rgba(0,0,0,.4);
  margin-bottom:15px
}
.footer-eight .top-footer .newsletter-form form{
  height:65px
}
.footer-eight .top-footer .newsletter-form form input{
  width:100%;
  height:100%;
  border:1px solid #000;
  border-radius:50px;
  padding:0 40px 0 30px;
  font-size:24px
}
.footer-eight .top-footer .newsletter-form form button{
  position:absolute;
  width:52px;
  height:100%;
  right:0;
  bottom:0;
  border-radius:0 50px 50px 0
}
.footer-eight .top-footer .tel{
  font-size:32px;
  letter-spacing:-2px
}
.footer-eight .top-footer .footer-nav{
  margin:0 -20px
}
.footer-eight .top-footer .footer-nav li{
  padding:0 20px;
  position:relative;
  font-size:24px
}
.footer-eight .top-footer .footer-nav li:before{
  content:".";
  position:absolute;
  left:0;
  bottom:0
}
.footer-eight .top-footer .footer-nav li:first-child:before{
  display:none
}
.footer-eight .top-footer .footer-nav li a{
  color:#000;
  font-weight:500;
  transition:all .3s ease-in-out 0s
}
.footer-eight .bottom-footer{
  padding:40px 0
}
.team-section-one .slider-arrows li{
  width:75px;
  height:75px;
  cursor:pointer;
  font-size:25px
}
.team-section-one .slider-arrows li:hover{
  background:hsla(0,0%,100%,.12);
  color:#fff
}
.team-section-one .slick-slider{
  margin:0 -3px
}
.team-section-one .slick-slider .item{
  margin:0 3px
}
.team-section-three .slider-wrapper{
  border-bottom:1px solid #cdcdcd;
  padding-bottom:60px
}
.team-section-four .title-two h2 span.sticker{
  position:absolute;
  left:-134px;
  top:-18px;
  transform:rotate(-11deg)
}
.team-section-six .team-block-five .text .name{
  font-size:20px;
  margin-bottom:4px
}
.team-block-one{
  border-radius:250px;
  overflow:hidden;
  background:hsla(0,0%,100%,.1);
  padding-top:92px
}
.team-block-one .name{
  font-family:"Clash Display",sans-serif;
  font-size:29px;
  margin-bottom:0
}
.team-block-one .post{
  font-size:17px;
  letter-spacing:.5px
}
.team-block-one .media-img{
  height:680px;
  margin-top:40px
}
.team-block-one .media-img img{
  max-height:100%
}
.team-block-one .media-img .cta-btn{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:12%;
  opacity:0
}
.team-block-one:hover .media-img .cta-btn{
  opacity:1
}
.team-block-two .media-img .overlay{
  position:absolute;
  bottom:40px;
  left:0;
  width:100%
}
.team-block-two .media-img .overlay .social-icons a{
  margin:0 5px;
  font-size:25px;
  width:60px;
  height:60px;
  background:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:translateY(20px);
  opacity:0
}
.team-block-two .media-img .overlay .social-icons a:nth-child(2){
  transition-delay:.1s
}
.team-block-two .media-img .overlay .social-icons a:nth-child(3){
  transition-delay:.2s
}
.team-block-two .text{
  border-bottom:2px solid #000;
  padding:30px 0 25px
}
.team-block-two .text .name{
  font-family:"Obviously Narrow";
  font-size:28px;
  font-weight:700;
  text-transform:uppercase;
  margin-bottom:0
}
.team-block-two .text .post{
  color:rgba(0,0,0,.5)
}
.team-block-two:hover .media-img .overlay a{
  transform:translateY(0);
  opacity:1
}
.team-block-three .media-img{
  border-radius:20px;
  overflow:hidden
}
.team-block-three p{
  font-size:18px;
  color:rgba(0,0,0,.4);
  margin:22px 0 -3px
}
.team-block-three h4{
  font-family:"Clash Display",sans-serif;
  font-size:28px;
  margin-bottom:15px
}
.team-block-three .social-icon a{
  width:48px;
  height:48px;
  border:1px solid #d1d1d1;
  border-radius:50%;
  margin:0 5px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all .3s ease-in-out 0s
}
.team-block-three .social-icon a:hover{
  background:#000;
  border-color:#000;
  color:#fff
}
.team-block-three:hover .media-img img{
  transform:scale(1.1)
}
.team-block-four{
  padding:0 12px 12px 0;
  position:relative
}
.team-block-four:before{
  content:"";
  position:absolute;
  border:2px solid #000;
  border-radius:30px;
  right:0;
  bottom:0;
  left:14px;
  top:14px;
  z-index:-1
}
.team-block-four .bg-wrapper{
  background:#fff;
  border:2px solid #000;
  border-radius:30px
}
.team-block-four .team-img{
  border-radius:30px 30px 0 0;
  width:100%;
  border-bottom:2px solid #000
}
.team-block-four .text{
  padding:30px 10px 35px;
  position:relative;
  z-index:1
}
.team-block-four .text h5{
  font-family:"Switzer",sans-serif;
  font-weight:600;
  font-size:28px
}
.team-block-four .text span{
  font-size:16px
}
.team-block-four .text .social-icon{
  position:absolute;
  width:100%;
  left:0;
  top:0;
  z-index:1;
  transform:translateY(-70px);
  opacity:0;
  transition:all .3s ease-in-out 0s
}
.team-block-four .text .social-icon a{
  width:48px;
  height:48px;
  border:1px solid #d1d1d1;
  background:#fff;
  border-radius:50%;
  margin:0 5px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:all .3s ease-in-out 0s
}
.team-block-four .text .social-icon a:hover{
  background:#000;
  border-color:#000;
  color:#fff
}
.team-block-four:hover .text .social-icon{
  transform:translateY(-80px);
  opacity:1
}
.team-block-five .media-img img{
  border-radius:20px
}
.team-block-five .media-img .overlay{
  position:absolute;
  bottom:40px;
  left:0;
  width:100%
}
.team-block-five .media-img .overlay .social-icons li{
  transform:translateY(20px);
  opacity:0;
  transition:all .3s ease-in-out 0s
}
.team-block-five .media-img .overlay .social-icons li a{
  margin:0 5px;
  font-size:25px;
  width:60px;
  height:60px;
  background:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center
}
.team-block-five .media-img .overlay .social-icons li a:hover{
  background:#d60004;
  color:#fff
}
.team-block-five .media-img .overlay .social-icons li:nth-child(2){
  transition-delay:.1s
}
.team-block-five .media-img .overlay .social-icons li:nth-child(3){
  transition-delay:.2s
}
.team-block-five .text{
  padding:25px 0 0
}
.team-block-five .text .name{
  font-size:24px;
  margin-bottom:0
}
.team-block-five .text .post{
  font-size:16px;
  color:rgba(0,0,0,.5)
}
.team-block-five:hover .media-img .overlay .social-icons li{
  transform:translateY(0);
  opacity:1
}
@keyframes ripple{
  0%{
  box-shadow:0 0 0 .1rem rgba(0,0,0,.08)
}
100%{
  box-shadow:0 0 0 3rem rgba(0,0,0,0)
}

}
@keyframes rippleTwo{
  0%{
  box-shadow:0 0 0 .1rem rgba(214,0,4,.15)
}
100%{
  box-shadow:0 0 0 .8rem rgba(214,0,4,.15)
}

}
@keyframes runSlow{
  0%{
  transform:translateX(250px)
}
50%{
  transform:translateX(0)
}
100%{
  transform:translateX(250px)
}

}
@keyframes plasma{
  0%,100%{
  border-radius:50% 50% 50% 50%;
  transform:scale(1)
}
25%{
  border-radius:60% 40% 55% 45%;
  transform:scale(1.05) translate(5px, -5px)
}
50%{
  border-radius:45% 55% 60% 40%;
  transform:scale(0.95) translate(-5px, 5px)
}
75%{
  border-radius:55% 45% 40% 60%;
  transform:scale(1.02) translate(3px, -3px)
}

}
@keyframes skewwrap{
  0%{
  transform:skewX(5deg)
}
50%{
  transform:skewX(0)
}
100%{
  transform:skewX(-5deg)
}

}
@keyframes jump{
  0%{
  transform:translate3d(0, 0, 0)
}
40%{
  transform:translate3d(0, 50%, 0)
}
100%{
  transform:translate3d(0, 0, 0)
}

}
@keyframes jumpTwo{
  0%{
  transform:translate3d(0, 0, 0)
}
40%{
  transform:translate3d(0, 20px, 0)
}
100%{
  transform:translate3d(0, 0, 0)
}

}
@keyframes jumpThree{
  0%{
  transform:translate3d(0, 0, 0)
}
40%{
  transform:translate3d(0, -20px, 0)
}
100%{
  transform:translate3d(0, 0, 0)
}

}
@keyframes jumpFour{
  0%{
  transform:translate3d(0, 0, 0)
}
50%{
  transform:translate3d(0, -10px, 0)
}
100%{
  transform:translate3d(0, 0, 0)
}

}
@keyframes jumpFive{
  0%{
  transform:translate3d(0, 0, 0)
}
50%{
  transform:translate3d(0, 10px, 0)
}
100%{
  transform:translate3d(0, 0, 0)
}

}
@keyframes prXOne{
  0%{
  transform:translateX(0)
}
50%{
  transform:translateX(-15px)
}
100%{
  transform:translateX(0)
}

}
@keyframes prXTwo{
  0%{
  transform:translateX(0)
}
50%{
  transform:translateX(15px)
}
100%{
  transform:translateX(0)
}

}
@keyframes rotated{
  0%{
  transform:rotate(0)
}
100%{
  transform:rotate(360deg)
}

}
@keyframes rotatedTwo{
  0%{
  transform:rotate(0)
}
100%{
  transform:rotate(-360deg)
}

}
@keyframes rotatedHalf{
  0%{
  transform:rotate(0)
}
50%{
  transform:rotate(90deg)
}
100%{
  transform:rotate(0)
}

}
@keyframes rotatedHalfTwo{
  0%{
  transform:rotate(0)
}
50%{
  transform:rotate(-90deg)
}
100%{
  transform:rotate(0)
}

}
@keyframes scale-right{
  0%{
  transform:translateX(0%)
}
50%{
  transform:translateX(20%)
}
100%{
  transform:translateX(0%)
}

}
@keyframes Fadein{
  0%{
  opacity:.2
}
40%{
  opacity:1
}
100%{
  opacity:.2
}

}
@keyframes hvr-ripple-out{
  0%{
  top:-5px;
  right:-5px;
  bottom:-5px;
  left:-5px
}
50%{
  top:-15px;
  right:-15px;
  bottom:-15px;
  left:-15px;
  opacity:.8
}
100%{
  top:-5px;
  right:-5px;
  bottom:-5px;
  left:-5px;
  opacity:1
}

}
@keyframes hvr-ripple-out-two{
  0%{
  top:0;
  right:0;
  bottom:0;
  left:0
}
100%{
  top:-30px;
  right:-30px;
  bottom:-30px;
  left:-30px;
  opacity:0
}

}
@keyframes scale-up-one{
  0%{
  transform:scale(1)
}
40%{
  transform:scale(0.5)
}
100%{
  transform:scale(1)
}

}
@keyframes scale-up-two{
  0%{
  transform:scale(0.5)
}
40%{
  transform:scale(0.8)
}
100%{
  transform:scale(0.5)
}

}
@keyframes scale-up-three{
  0%{
  transform:scale(1)
}
40%{
  transform:scale(2)
}
100%{
  transform:scale(1)
}

}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/.animated{
  animation-duration:1s;
  animation-fill-mode:both
}
.animated.hinge{
  animation-duration:2s
}
@keyframes bounce{
  0%,20%,50%,80%,100%{
  transform:translateY(0)
}
40%{
  transform:translateY(-30px)
}
60%{
  transform:translateY(-15px)
}

}
.bounce{
  animation-name:bounce
}
@keyframes flash{
  0%,50%,100%{
  opacity:1
}
25%,75%{
  opacity:0
}

}
.flash{
  animation-name:flash
}
@keyframes pulse{
  0%{
  transform:scale(1)
}
50%{
  transform:scale(1.1)
}
100%{
  transform:scale(1)
}

}
.pulse{
  animation-name:pulse
}
@keyframes shake{
  0%,100%{
  transform:translateX(0)
}
10%,30%,50%,70%,90%{
  transform:translateX(-10px)
}
20%,40%,60%,80%{
  transform:translateX(10px)
}

}
.shake{
  animation-name:shake
}
@keyframes swing{
  20%{
  transform:rotate(15deg)
}
40%{
  transform:rotate(-10deg)
}
60%{
  transform:rotate(5deg)
}
80%{
  transform:rotate(-5deg)
}
100%{
  transform:rotate(0deg)
}

}
.swing{
  transform-origin:top center;
  animation-name:swing
}
@keyframes tada{
  0%{
  transform:scale(1)
}
10%,20%{
  transform:scale(0.9) rotate(-3deg)
}
30%,50%,70%,90%{
  transform:scale(1.1) rotate(3deg)
}
40%,60%,80%{
  transform:scale(1.1) rotate(-3deg)
}
100%{
  transform:scale(1) rotate(0)
}

}
.tada{
  animation-name:tada
}
@keyframes wobble{
  0%{
  transform:translateX(0%)
}
15%{
  transform:translateX(-25%) rotate(-5deg)
}
30%{
  transform:translateX(20%) rotate(3deg)
}
45%{
  transform:translateX(-15%) rotate(-3deg)
}
60%{
  transform:translateX(10%) rotate(2deg)
}
75%{
  transform:translateX(-5%) rotate(-1deg)
}
100%{
  transform:translateX(0%)
}

}
.wobble{
  animation-name:wobble
}
@keyframes bounceIn{
  0%{
  opacity:0;
  transform:scale(0.3)
}
50%{
  opacity:1;
  transform:scale(1.05)
}
70%{
  transform:scale(0.9)
}
100%{
  transform:scale(1)
}

}
.bounceIn{
  animation-name:bounceIn
}
@keyframes bounceInDown{
  0%{
  opacity:0;
  transform:translateY(-2000px)
}
60%{
  opacity:1;
  transform:translateY(30px)
}
80%{
  transform:translateY(-10px)
}
100%{
  transform:translateY(0)
}

}
.bounceInDown{
  animation-name:bounceInDown
}
@keyframes bounceInLeft{
  0%{
  opacity:0;
  transform:translateX(-2000px)
}
60%{
  opacity:1;
  transform:translateX(30px)
}
80%{
  transform:translateX(-10px)
}
100%{
  transform:translateX(0)
}

}
.bounceInLeft{
  animation-name:bounceInLeft
}
@keyframes bounceInRight{
  0%{
  opacity:0;
  transform:translateX(2000px)
}
60%{
  opacity:1;
  transform:translateX(-30px)
}
80%{
  transform:translateX(10px)
}
100%{
  transform:translateX(0)
}

}
.bounceInRight{
  animation-name:bounceInRight
}
@keyframes bounceInUp{
  0%{
  opacity:0;
  transform:translateY(2000px)
}
60%{
  opacity:1;
  transform:translateY(-30px)
}
80%{
  transform:translateY(10px)
}
100%{
  transform:translateY(0)
}

}
.bounceInUp{
  animation-name:bounceInUp
}
@keyframes bounceOut{
  0%{
  transform:scale(1)
}
25%{
  transform:scale(0.95)
}
50%{
  opacity:1;
  transform:scale(1.1)
}
100%{
  opacity:0;
  transform:scale(0.3)
}

}
.bounceOut{
  animation-name:bounceOut
}
@keyframes bounceOutDown{
  0%{
  transform:translateY(0)
}
20%{
  opacity:1;
  transform:translateY(-20px)
}
100%{
  opacity:0;
  transform:translateY(2000px)
}

}
.bounceOutDown{
  animation-name:bounceOutDown
}
@keyframes bounceOutLeft{
  0%{
  transform:translateX(0)
}
20%{
  opacity:1;
  transform:translateX(20px)
}
100%{
  opacity:0;
  transform:translateX(-2000px)
}

}
.bounceOutLeft{
  animation-name:bounceOutLeft
}
@keyframes bounceOutRight{
  0%{
  transform:translateX(0)
}
20%{
  opacity:1;
  transform:translateX(-20px)
}
100%{
  opacity:0;
  transform:translateX(2000px)
}

}
.bounceOutRight{
  animation-name:bounceOutRight
}
@keyframes bounceOutUp{
  0%{
  transform:translateY(0)
}
20%{
  opacity:1;
  transform:translateY(20px)
}
100%{
  opacity:0;
  transform:translateY(-2000px)
}

}
.bounceOutUp{
  animation-name:bounceOutUp
}
@keyframes fadeIn{
  0%{
  opacity:0
}
100%{
  opacity:1
}

}
.fadeIn{
  animation-name:fadeIn
}
@keyframes fadeInDown{
  0%{
  opacity:0;
  transform:translateY(-20px)
}
100%{
  opacity:1;
  transform:translateY(0)
}

}
.fadeInDown{
  animation-name:fadeInDown
}
@keyframes fadeInDownBig{
  0%{
  opacity:0;
  transform:translateY(-2000px)
}
100%{
  opacity:1;
  transform:translateY(0)
}

}
.fadeInDownBig{
  animation-name:fadeInDownBig
}
@keyframes fadeInLeft{
  0%{
  opacity:0;
  transform:translateX(-20px)
}
100%{
  opacity:1;
  transform:translateX(0)
}

}
.fadeInLeft{
  animation-name:fadeInLeft
}
@keyframes fadeInLeftBig{
  0%{
  opacity:0;
  transform:translateX(-2000px)
}
100%{
  opacity:1;
  transform:translateX(0)
}

}
.fadeInLeftBig{
  animation-name:fadeInLeftBig
}
@keyframes fadeInRight{
  0%{
  opacity:0;
  transform:translateX(20px)
}
100%{
  opacity:1;
  transform:translateX(0)
}

}
.fadeInRight{
  animation-name:fadeInRight
}
@keyframes fadeInRightBig{
  0%{
  opacity:0;
  transform:translateX(2000px)
}
100%{
  opacity:1;
  transform:translateX(0)
}

}
.fadeInRightBig{
  animation-name:fadeInRightBig
}
@keyframes fadeInUp{
  0%{
  opacity:0;
  transform:translateY(20px)
}
100%{
  opacity:1;
  transform:translateY(0)
}

}
.fadeInUp{
  animation-name:fadeInUp
}
@keyframes fadeInUpBig{
  0%{
  opacity:0;
  transform:translateY(2000px)
}
100%{
  opacity:1;
  transform:translateY(0)
}

}
.fadeInUpBig{
  animation-name:fadeInUpBig
}
@keyframes fadeOut{
  0%{
  opacity:1
}
100%{
  opacity:0
}

}
.fadeOut{
  animation-name:fadeOut
}
@keyframes fadeOutDown{
  0%{
  opacity:1;
  transform:translateY(0)
}
100%{
  opacity:0;
  transform:translateY(20px)
}

}
.fadeOutDown{
  animation-name:fadeOutDown
}
@keyframes fadeOutDownBig{
  0%{
  opacity:1;
  transform:translateY(0)
}
100%{
  opacity:0;
  transform:translateY(2000px)
}

}
.fadeOutDownBig{
  animation-name:fadeOutDownBig
}
@keyframes fadeOutLeft{
  0%{
  opacity:1;
  transform:translateX(0)
}
100%{
  opacity:0;
  transform:translateX(-20px)
}

}
.fadeOutLeft{
  animation-name:fadeOutLeft
}
@keyframes fadeOutLeftBig{
  0%{
  opacity:1;
  transform:translateX(0)
}
100%{
  opacity:0;
  transform:translateX(-2000px)
}

}
.fadeOutLeftBig{
  animation-name:fadeOutLeftBig
}
@keyframes fadeOutRight{
  0%{
  opacity:1;
  transform:translateX(0)
}
100%{
  opacity:0;
  transform:translateX(20px)
}

}
.fadeOutRight{
  animation-name:fadeOutRight
}
@keyframes fadeOutRightBig{
  0%{
  opacity:1;
  transform:translateX(0)
}
100%{
  opacity:0;
  transform:translateX(2000px)
}

}
.fadeOutRightBig{
  animation-name:fadeOutRightBig
}
@keyframes fadeOutUp{
  0%{
  opacity:1;
  transform:translateY(0)
}
100%{
  opacity:0;
  transform:translateY(-20px)
}

}
.fadeOutUp{
  animation-name:fadeOutUp
}
@keyframes fadeOutUpBig{
  0%{
  opacity:1;
  transform:translateY(0)
}
100%{
  opacity:0;
  transform:translateY(-2000px)
}

}
.fadeOutUpBig{
  animation-name:fadeOutUpBig
}
@keyframes flip{
  0%{
  transform:perspective(400px) translateZ(0) rotateY(0) scale(1);
  animation-timing-function:ease-out
}
40%{
  transform:perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
  animation-timing-function:ease-out
}
50%{
  transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
  animation-timing-function:ease-in
}
80%{
  transform:perspective(400px) translateZ(0) rotateY(360deg) scale(0.95);
  animation-timing-function:ease-in
}
100%{
  transform:perspective(400px) translateZ(0) rotateY(360deg) scale(1);
  animation-timing-function:ease-in
}

}
.animated.flip{
  backface-visibility:visible;
  animation-name:flip
}
@keyframes flipInX{
  0%{
  transform:perspective(400px) rotateX(90deg);
  opacity:0
}
40%{
  transform:perspective(400px) rotateX(-10deg)
}
70%{
  transform:perspective(400px) rotateX(10deg)
}
100%{
  transform:perspective(400px) rotateX(0deg);
  opacity:1
}

}
.flipInX{
  backface-visibility:visible !important;
  animation-name:flipInX
}
@keyframes flipInY{
  0%{
  transform:perspective(400px) rotateY(90deg);
  opacity:0
}
40%{
  transform:perspective(400px) rotateY(-10deg)
}
70%{
  transform:perspective(400px) rotateY(10deg)
}
100%{
  transform:perspective(400px) rotateY(0deg);
  opacity:1
}

}
.flipInY{
  backface-visibility:visible !important;
  animation-name:flipInY
}
@keyframes flipOutX{
  0%{
  transform:perspective(400px) rotateX(0deg);
  opacity:1
}
100%{
  transform:perspective(400px) rotateX(90deg);
  opacity:0
}

}
.flipOutX{
  animation-name:flipOutX;
  backface-visibility:visible !important
}
@keyframes flipOutY{
  0%{
  transform:perspective(400px) rotateY(0deg);
  opacity:1
}
100%{
  transform:perspective(400px) rotateY(90deg);
  opacity:0
}

}
.flipOutY{
  backface-visibility:visible !important;
  animation-name:flipOutY
}
@keyframes lightSpeedIn{
  0%{
  transform:translateX(100%) skewX(-30deg);
  opacity:0
}
60%{
  transform:translateX(-20%) skewX(30deg);
  opacity:1
}
80%{
  transform:translateX(0%) skewX(-15deg);
  opacity:1
}
100%{
  transform:translateX(0%) skewX(0deg);
  opacity:1
}

}
.lightSpeedIn{
  animation-name:lightSpeedIn;
  animation-timing-function:ease-out
}
@keyframes lightSpeedOut{
  0%{
  transform:translateX(0%) skewX(0deg);
  opacity:1
}
100%{
  transform:translateX(100%) skewX(-30deg);
  opacity:0
}

}
.lightSpeedOut{
  animation-name:lightSpeedOut;
  animation-timing-function:ease-in
}
@keyframes rotateIn{
  0%{
  transform-origin:center center;
  transform:rotate(-200deg);
  opacity:0
}
100%{
  transform-origin:center center;
  transform:rotate(0);
  opacity:1
}

}
.rotateIn{
  animation-name:rotateIn
}
@keyframes rotateInDownLeft{
  0%{
  transform-origin:left bottom;
  transform:rotate(-90deg);
  opacity:0
}
100%{
  transform-origin:left bottom;
  transform:rotate(0);
  opacity:1
}

}
.rotateInDownLeft{
  animation-name:rotateInDownLeft
}
@keyframes rotateInDownRight{
  0%{
  transform-origin:right bottom;
  transform:rotate(90deg);
  opacity:0
}
100%{
  transform-origin:right bottom;
  transform:rotate(0);
  opacity:1
}

}
.rotateInDownRight{
  animation-name:rotateInDownRight
}
@keyframes rotateInUpLeft{
  0%{
  transform-origin:left bottom;
  transform:rotate(90deg);
  opacity:0
}
100%{
  transform-origin:left bottom;
  transform:rotate(0);
  opacity:1
}

}
.rotateInUpLeft{
  animation-name:rotateInUpLeft
}
@keyframes rotateInUpRight{
  0%{
  transform-origin:right bottom;
  transform:rotate(-90deg);
  opacity:0
}
100%{
  transform-origin:right bottom;
  transform:rotate(0);
  opacity:1
}

}
.rotateInUpRight{
  animation-name:rotateInUpRight
}
@keyframes rotateOut{
  0%{
  transform-origin:center center;
  transform:rotate(0);
  opacity:1
}
100%{
  transform-origin:center center;
  transform:rotate(200deg);
  opacity:0
}

}
.rotateOut{
  animation-name:rotateOut
}
@keyframes rotateOutDownLeft{
  0%{
  transform-origin:left bottom;
  transform:rotate(0);
  opacity:1
}
100%{
  transform-origin:left bottom;
  transform:rotate(90deg);
  opacity:0
}

}
.rotateOutDownLeft{
  animation-name:rotateOutDownLeft
}
@keyframes rotateOutDownRight{
  0%{
  transform-origin:right bottom;
  transform:rotate(0);
  opacity:1
}
100%{
  transform-origin:right bottom;
  transform:rotate(-90deg);
  opacity:0
}

}
.rotateOutDownRight{
  animation-name:rotateOutDownRight
}
@keyframes rotateOutUpLeft{
  0%{
  transform-origin:left bottom;
  transform:rotate(0);
  opacity:1
}
100%{
  transform-origin:left bottom;
  transform:rotate(-90deg);
  opacity:0
}

}
.rotateOutUpLeft{
  animation-name:rotateOutUpLeft
}
@keyframes rotateOutUpRight{
  0%{
  transform-origin:right bottom;
  transform:rotate(0);
  opacity:1
}
100%{
  transform-origin:right bottom;
  transform:rotate(90deg);
  opacity:0
}

}
.rotateOutUpRight{
  animation-name:rotateOutUpRight
}
@keyframes slideInUp{
  0%{
  opacity:0;
  transform:translateY(150px)
}
100%{
  transform:translateY(0)
}

}
.slideInUp{
  animation-name:slideInUp
}
@keyframes slideInDown{
  0%{
  opacity:0;
  transform:translateY(-2000px)
}
100%{
  transform:translateY(0)
}

}
.slideInDown{
  animation-name:slideInDown
}
@keyframes slideInLeft{
  0%{
  opacity:0;
  transform:translateX(-200px)
}
100%{
  transform:translateX(0)
}

}
.slideInLeft{
  animation-name:slideInLeft
}
@keyframes slideInRight{
  0%{
  opacity:0;
  transform:translateX(200px)
}
100%{
  transform:translateX(0)
}

}
.slideInRight{
  animation-name:slideInRight
}
@keyframes slideOutLeft{
  0%{
  transform:translateX(0)
}
100%{
  opacity:0;
  transform:translateX(-2000px)
}

}
.slideOutLeft{
  animation-name:slideOutLeft
}
@keyframes slideOutRight{
  0%{
  transform:translateX(0)
}
100%{
  opacity:0;
  transform:translateX(2000px)
}

}
.slideOutRight{
  animation-name:slideOutRight
}
@keyframes slideOutUp{
  0%{
  transform:translateY(0)
}
100%{
  opacity:0;
  transform:translateY(-2000px)
}

}
.slideOutUp{
  animation-name:slideOutUp
}
@keyframes hinge{
  0%{
  transform:rotate(0);
  transform-origin:top left;
  animation-timing-function:ease-in-out
}
20%,60%{
  transform:rotate(80deg);
  transform-origin:top left;
  animation-timing-function:ease-in-out
}
40%{
  transform:rotate(60deg);
  transform-origin:top left;
  animation-timing-function:ease-in-out
}
80%{
  transform:rotate(60deg) translateY(0);
  opacity:1;
  transform-origin:top left;
  animation-timing-function:ease-in-out
}
100%{
  transform:translateY(700px);
  opacity:0
}

}
.hinge{
  animation-name:hinge
}
@keyframes rollIn{
  0%{
  opacity:0;
  transform:translateX(-100%) rotate(-120deg)
}
100%{
  opacity:1;
  transform:translateX(0px) rotate(0deg)
}

}
.rollIn{
  animation-name:rollIn
}
@keyframes rollOut{
  0%{
  opacity:1;
  transform:translateX(0px) rotate(0deg)
}
100%{
  opacity:0;
  transform:translateX(100%) rotate(120deg)
}

}
.rollOut{
  animation-name:rollOut
}
@keyframes jump{
  0%{
  transform:translate3d(0, 0, 0)
}
40%{
  transform:translate3d(0, 50%, 0)
}
100%{
  transform:translate3d(0, 0, 0)
}

}
@keyframes jumpTwo{
  0%{
  transform:translate3d(0, 0, 0)
}
40%{
  transform:translate3d(0, 20px, 0)
}
100%{
  transform:translate3d(0, 0, 0)
}

}
@keyframes jumpThree{
  0%{
  transform:translate3d(0, 0, 0)
}
40%{
  transform:translate3d(0, -20px, 0)
}
100%{
  transform:translate3d(0, 0, 0)
}

}
@keyframes jumpFour{
  0%{
  transform:translate3d(0, 0, 0)
}
50%{
  transform:translate3d(0, -10px, 0)
}
100%{
  transform:translate3d(0, 0, 0)
}

}
@keyframes jumpFive{
  0%{
  transform:translate3d(0, 0, 0)
}
50%{
  transform:translate3d(0, 10px, 0)
}
100%{
  transform:translate3d(0, 0, 0)
}

}
@keyframes prXOne{
  0%{
  transform:translateX(0)
}
50%{
  transform:translateX(-15px)
}
100%{
  transform:translateX(0)
}

}
@keyframes prXTwo{
  0%{
  transform:translateX(0)
}
50%{
  transform:translateX(15px)
}
100%{
  transform:translateX(0)
}

}
@keyframes rotated{
  0%{
  transform:rotate(0)
}
100%{
  transform:rotate(360deg)
}

}
@keyframes rotatedTwo{
  0%{
  transform:rotate(0)
}
100%{
  transform:rotate(-360deg)
}

}
@keyframes rotatedHalf{
  0%{
  transform:rotate(0)
}
50%{
  transform:rotate(90deg)
}
100%{
  transform:rotate(0)
}

}
@keyframes rotatedHalfTwo{
  0%{
  transform:rotate(0)
}
50%{
  transform:rotate(-90deg)
}
100%{
  transform:rotate(0)
}

}
@keyframes scale-right{
  0%{
  transform:translateX(0%)
}
50%{
  transform:translateX(20%)
}
100%{
  transform:translateX(0%)
}

}
@keyframes fade-in{
  0%{
  opacity:.2
}
40%{
  opacity:1
}
100%{
  opacity:.2
}

}
@keyframes hvr-ripple-out{
  0%{
  top:-5px;
  right:-5px;
  bottom:-5px;
  left:-5px
}
50%{
  top:-15px;
  right:-15px;
  bottom:-15px;
  left:-15px;
  opacity:.8
}
100%{
  top:-5px;
  right:-5px;
  bottom:-5px;
  left:-5px;
  opacity:1
}

}
@keyframes hvr-ripple-out-two{
  0%{
  top:0;
  right:0;
  bottom:0;
  left:0
}
100%{
  top:-30px;
  right:-30px;
  bottom:-30px;
  left:-30px;
  opacity:0
}

}
@keyframes scale-up-one{
  0%{
  transform:scale(1)
}
40%{
  transform:scale(0.5)
}
100%{
  transform:scale(1)
}

}
@keyframes scale-up-two{
  0%{
  transform:scale(0.5)
}
40%{
  transform:scale(0.8)
}
100%{
  transform:scale(0.5)
}

}
@keyframes scale-up-three{
  0%{
  transform:scale(1)
}
40%{
  transform:scale(2)
}
100%{
  transform:scale(1)
}

}
[data-sal]{
  transition-delay:0s;
  transition-delay:var(--sal-delay, 0s);
  transition-duration:.2s;
  transition-duration:var(--sal-duration, 0.2s);
  transition-timing-function:ease;
  transition-timing-function:var(--sal-easing, ease)
}
[data-sal][data-sal-duration="200"]{
  transition-duration:.2s
}
[data-sal][data-sal-duration="250"]{
  transition-duration:.25s
}
[data-sal][data-sal-duration="300"]{
  transition-duration:.3s
}
[data-sal][data-sal-duration="350"]{
  transition-duration:.35s
}
[data-sal][data-sal-duration="400"]{
  transition-duration:.4s
}
[data-sal][data-sal-duration="450"]{
  transition-duration:.45s
}
[data-sal][data-sal-duration="500"]{
  transition-duration:.5s
}
[data-sal][data-sal-duration="550"]{
  transition-duration:.55s
}
[data-sal][data-sal-duration="600"]{
  transition-duration:.6s
}
[data-sal][data-sal-duration="650"]{
  transition-duration:.65s
}
[data-sal][data-sal-duration="700"]{
  transition-duration:.7s
}
[data-sal][data-sal-duration="750"]{
  transition-duration:.75s
}
[data-sal][data-sal-duration="900"]{
  transition-duration:.8s
}
[data-sal][data-sal-duration="850"]{
  transition-duration:.85s
}
[data-sal][data-sal-duration="900"]{
  transition-duration:.9s
}
[data-sal][data-sal-duration="950"]{
  transition-duration:.95s
}
[data-sal][data-sal-duration="1000"]{
  transition-duration:1s
}
[data-sal][data-sal-duration="1050"]{
  transition-duration:1.05s
}
[data-sal][data-sal-duration="1100"]{
  transition-duration:1.1s
}
[data-sal][data-sal-duration="1150"]{
  transition-duration:1.15s
}
[data-sal][data-sal-duration="1200"]{
  transition-duration:1.2s
}
[data-sal][data-sal-duration="1250"]{
  transition-duration:1.25s
}
[data-sal][data-sal-duration="1300"]{
  transition-duration:1.3s
}
[data-sal][data-sal-duration="1350"]{
  transition-duration:1.35s
}
[data-sal][data-sal-duration="1400"]{
  transition-duration:1.4s
}
[data-sal][data-sal-duration="1450"]{
  transition-duration:1.45s
}
[data-sal][data-sal-duration="1500"]{
  transition-duration:1.5s
}
[data-sal][data-sal-duration="1550"]{
  transition-duration:1.55s
}
[data-sal][data-sal-duration="1600"]{
  transition-duration:1.6s
}
[data-sal][data-sal-duration="1650"]{
  transition-duration:1.65s
}
[data-sal][data-sal-duration="1700"]{
  transition-duration:1.7s
}
[data-sal][data-sal-duration="1750"]{
  transition-duration:1.75s
}
[data-sal][data-sal-duration="1800"]{
  transition-duration:1.8s
}
[data-sal][data-sal-duration="1850"]{
  transition-duration:1.85s
}
[data-sal][data-sal-duration="1900"]{
  transition-duration:1.9s
}
[data-sal][data-sal-duration="1950"]{
  transition-duration:1.95s
}
[data-sal][data-sal-duration="2000"]{
  transition-duration:2s
}
[data-sal][data-sal-delay="50"]{
  transition-delay:.05s
}
[data-sal][data-sal-delay="100"]{
  transition-delay:.1s
}
[data-sal][data-sal-delay="150"]{
  transition-delay:.15s
}
[data-sal][data-sal-delay="200"]{
  transition-delay:.2s
}
[data-sal][data-sal-delay="250"]{
  transition-delay:.25s
}
[data-sal][data-sal-delay="300"]{
  transition-delay:.3s
}
[data-sal][data-sal-delay="350"]{
  transition-delay:.35s
}
[data-sal][data-sal-delay="400"]{
  transition-delay:.4s
}
[data-sal][data-sal-delay="450"]{
  transition-delay:.45s
}
[data-sal][data-sal-delay="500"]{
  transition-delay:.5s
}
[data-sal][data-sal-delay="550"]{
  transition-delay:.55s
}
[data-sal][data-sal-delay="600"]{
  transition-delay:.6s
}
[data-sal][data-sal-delay="650"]{
  transition-delay:.65s
}
[data-sal][data-sal-delay="700"]{
  transition-delay:.7s
}
[data-sal][data-sal-delay="750"]{
  transition-delay:.75s
}
[data-sal][data-sal-delay="800"]{
  transition-delay:.8s
}
[data-sal][data-sal-delay="850"]{
  transition-delay:.85s
}
[data-sal][data-sal-delay="900"]{
  transition-delay:.9s
}
[data-sal][data-sal-delay="950"]{
  transition-delay:.95s
}
[data-sal][data-sal-delay="1000"]{
  transition-delay:1s
}
[data-sal][data-sal-easing=linear]{
  transition-timing-function:linear
}
[data-sal][data-sal-easing=ease]{
  transition-timing-function:ease
}
[data-sal][data-sal-easing=ease-in]{
  transition-timing-function:ease-in
}
[data-sal][data-sal-easing=ease-out]{
  transition-timing-function:ease-out
}
[data-sal][data-sal-easing=ease-in-out]{
  transition-timing-function:ease-in-out
}
[data-sal][data-sal-easing=ease-in-cubic]{
  transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19)
}
[data-sal][data-sal-easing=ease-out-cubic]{
  transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1)
}
[data-sal][data-sal-easing=ease-in-out-cubic]{
  transition-timing-function:cubic-bezier(0.645, 0.045, 0.355, 1)
}
[data-sal][data-sal-easing=ease-in-circ]{
  transition-timing-function:cubic-bezier(0.6, 0.04, 0.98, 0.335)
}
[data-sal][data-sal-easing=ease-out-circ]{
  transition-timing-function:cubic-bezier(0.075, 0.82, 0.165, 1)
}
[data-sal][data-sal-easing=ease-in-out-circ]{
  transition-timing-function:cubic-bezier(0.785, 0.135, 0.15, 0.86)
}
[data-sal][data-sal-easing=ease-in-expo]{
  transition-timing-function:cubic-bezier(0.95, 0.05, 0.795, 0.035)
}
[data-sal][data-sal-easing=ease-out-expo]{
  transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1)
}
[data-sal][data-sal-easing=ease-in-out-expo]{
  transition-timing-function:cubic-bezier(1, 0, 0, 1)
}
[data-sal][data-sal-easing=ease-in-quad]{
  transition-timing-function:cubic-bezier(0.55, 0.085, 0.68, 0.53)
}
[data-sal][data-sal-easing=ease-out-quad]{
  transition-timing-function:cubic-bezier(0.25, 0.46, 0.45, 0.94)
}
[data-sal][data-sal-easing=ease-in-out-quad]{
  transition-timing-function:cubic-bezier(0.455, 0.03, 0.515, 0.955)
}
[data-sal][data-sal-easing=ease-in-quart]{
  transition-timing-function:cubic-bezier(0.895, 0.03, 0.685, 0.22)
}
[data-sal][data-sal-easing=ease-out-quart]{
  transition-timing-function:cubic-bezier(0.165, 0.84, 0.44, 1)
}
[data-sal][data-sal-easing=ease-in-out-quart]{
  transition-timing-function:cubic-bezier(0.77, 0, 0.175, 1)
}
[data-sal][data-sal-easing=ease-in-quint]{
  transition-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06)
}
[data-sal][data-sal-easing=ease-out-quint]{
  transition-timing-function:cubic-bezier(0.23, 1, 0.32, 1)
}
[data-sal][data-sal-easing=ease-in-out-quint]{
  transition-timing-function:cubic-bezier(0.86, 0, 0.07, 1)
}
[data-sal][data-sal-easing=ease-in-sine]{
  transition-timing-function:cubic-bezier(0.47, 0, 0.745, 0.715)
}
[data-sal][data-sal-easing=ease-out-sine]{
  transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1)
}
[data-sal][data-sal-easing=ease-in-out-sine]{
  transition-timing-function:cubic-bezier(0.445, 0.05, 0.55, 0.95)
}
[data-sal][data-sal-easing=ease-in-back]{
  transition-timing-function:cubic-bezier(0.6, -0.28, 0.735, 0.045)
}
[data-sal][data-sal-easing=ease-out-back]{
  transition-timing-function:cubic-bezier(0.175, 0.885, 0.32, 1.275)
}
[data-sal][data-sal-easing=ease-in-out-back]{
  transition-timing-function:cubic-bezier(0.68, -0.55, 0.265, 1.55)
}
[data-sal|=fade]{
  opacity:0;
  transition-property:opacity
}
[data-sal|=fade].sal-animate,body.sal-disabled [data-sal|=fade]{
  opacity:1
}
[data-sal|=slide]{
  opacity:0;
  transition-property:opacity,transform
}
[data-sal=slide-up]{
  transform:translateY(20%)
}
[data-sal=slide-down]{
  transform:translateY(-20%)
}
[data-sal=slide-left]{
  transform:translateX(20%)
}
[data-sal=slide-right]{
  transform:translateX(-20%)
}
[data-sal|=slide].sal-animate,body.sal-disabled [data-sal|=slide]{
  opacity:1;
  transform:none
}
[data-sal|=zoom]{
  opacity:0;
  transition-property:opacity,transform
}
[data-sal=zoom-in]{
  transform:scale(0.5)
}
[data-sal=zoom-out]{
  transform:scale(1.1)
}
[data-sal|=zoom].sal-animate,body.sal-disabled [data-sal|=zoom]{
  opacity:1;
  transform:none
}
[data-sal|=flip]{
  backface-visibility:hidden;
  transition-property:transform
}
[data-sal=flip-left]{
  transform:perspective(2000px) rotateY(-91deg)
}
[data-sal=flip-right]{
  transform:perspective(2000px) rotateY(91deg)
}
[data-sal=flip-up]{
  transform:perspective(2000px) rotateX(-91deg)
}
[data-sal=flip-down]{
  transform:perspective(2000px) rotateX(91deg)
}
[data-sal|=flip].sal-animate,body.sal-disabled [data-sal|=flip]{
  transform:none
}
@keyframes growAndFade{
  0%{
  opacity:.1;
  transform:scale(0.75)
}
100%{
  opacity:.08;
  transform:scale(1)
}

}
@keyframes jump{
  0%{
  transform:translate3d(0, 0, 0)
}
40%{
  transform:translate3d(0, 50%, 0)
}
100%{
  transform:translate3d(0, 0, 0)
}

}
@keyframes jumpTwo{
  0%{
  transform:translate3d(0, 0, 0)
}
40%{
  transform:translate3d(0, 20px, 0)
}
100%{
  transform:translate3d(0, 0, 0)
}

}
@keyframes jumpThree{
  0%{
  transform:translate3d(0, 0, 0)
}
40%{
  transform:translate3d(0, -20px, 0)
}
100%{
  transform:translate3d(0, 0, 0)
}

}
@keyframes jumpFour{
  0%{
  transform:translate3d(0, 0, 0)
}
50%{
  transform:translate3d(0, -10px, 0)
}
100%{
  transform:translate3d(0, 0, 0)
}

}
@keyframes jumpFive{
  0%{
  transform:translate3d(0, 0, 0)
}
50%{
  transform:translate3d(0, 10px, 0)
}
100%{
  transform:translate3d(0, 0, 0)
}

}
@keyframes prXOne{
  0%{
  transform:translateX(0)
}
50%{
  transform:translateX(-15px)
}
100%{
  transform:translateX(0)
}

}
@keyframes prXTwo{
  0%{
  transform:translateX(0)
}
50%{
  transform:translateX(15px)
}
100%{
  transform:translateX(0)
}

}
@keyframes rotated{
  0%{
  transform:rotate(0)
}
100%{
  transform:rotate(360deg)
}

}
@keyframes rotatedTwo{
  0%{
  transform:rotate(0)
}
100%{
  transform:rotate(-360deg)
}

}
@keyframes rotatedHalf{
  0%{
  transform:rotate(0)
}
50%{
  transform:rotate(90deg)
}
100%{
  transform:rotate(0)
}

}
@keyframes rotatedHalfTwo{
  0%{
  transform:rotate(0)
}
50%{
  transform:rotate(-90deg)
}
100%{
  transform:rotate(0)
}

}
@keyframes scale-right{
  0%{
  transform:translateX(0%)
}
50%{
  transform:translateX(20%)
}
100%{
  transform:translateX(0%)
}

}
@keyframes fade-in{
  0%{
  opacity:.2
}
40%{
  opacity:1
}
100%{
  opacity:.2
}

}
@keyframes hvr-ripple-out{
  0%{
  top:-5px;
  right:-5px;
  bottom:-5px;
  left:-5px
}
50%{
  top:-15px;
  right:-15px;
  bottom:-15px;
  left:-15px;
  opacity:.8
}
100%{
  top:-5px;
  right:-5px;
  bottom:-5px;
  left:-5px;
  opacity:1
}

}
@keyframes hvr-ripple-out-two{
  0%{
  top:0;
  right:0;
  bottom:0;
  left:0
}
100%{
  top:-30px;
  right:-30px;
  bottom:-30px;
  left:-30px;
  opacity:0
}

}
@keyframes scale-up-one{
  0%{
  transform:scale(1)
}
40%{
  transform:scale(0.5)
}
100%{
  transform:scale(1)
}

}
@keyframes scale-up-two{
  0%{
  transform:scale(0.5)
}
40%{
  transform:scale(0.8)
}
100%{
  transform:scale(0.5)
}

}
@keyframes scale-up-three{
  0%{
  transform:scale(1)
}
40%{
  transform:scale(2)
}
100%{
  transform:scale(1)
}

}
.nice-select{
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  background-color:#fff;
  border-radius:5px;
  box-sizing:border-box;
  clear:both;
  cursor:pointer;
  display:block;
  font-family:inherit;
  font-size:.9em;
  height:35px;
  line-height:35px;
  outline:none;
  padding-left:10px;
  padding-right:18px;
  text-transform:capitalize;
  position:relative;
  text-align:left !important;
  transition:all .2s ease-in-out;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  white-space:nowrap;
  width:auto
}
.nice-select:after{
  border-bottom:1px solid #000;
  border-right:1px solid #000;
  content:"";
  display:block;
  height:7px;
  margin-top:-4px;
  pointer-events:none;
  position:absolute;
  right:8px;
  top:50%;
  transform-origin:66% 66%;
  transform:rotate(45deg);
  transition:all .15s ease-in-out;
  width:7px
}
.nice-select.open:after{
  transform:rotate(-135deg)
}
.nice-select.open .list{
  opacity:1;
  pointer-events:auto;
  transform:scale(1) translateY(0)
}
.nice-select.disabled{
  border-color:#ededed;
  color:#999;
  pointer-events:none
}
.nice-select.disabled:after{
  border-color:#ccc
}
.nice-select.wide{
  width:100%
}
.nice-select.wide .list{
  left:0 !important;
  right:0 !important
}
.nice-select.right{
  float:right
}
.nice-select.right .list{
  left:auto;
  right:0
}
.nice-select.small{
  font-size:12px;
  height:36px;
  line-height:34px
}
.nice-select.small:after{
  height:4px;
  width:4px
}
.nice-select.small .option{
  line-height:34px;
  min-height:34px
}
.nice-select .list{
  background-color:#fff;
  border-radius:0 0 5px 5px;
  box-shadow:0 13px 35px -12px rgba(35,35,35,.1);
  box-sizing:border-box;
  opacity:0;
  overflow-y:auto;
  max-height:250px;
  border:1px solid rgba(0,0,0,.05);
  padding:5px 0 15px;
  pointer-events:none;
  position:absolute;
  top:100%;
  left:0;
  right:0;
  transform-origin:50% 0;
  transform:scale(0.75) translateY(-21px);
  transition:all .2s cubic-bezier(0.5, 0, 0, 1.25),opacity .15s ease-out;
  z-index:9
}
.nice-select .option{
  font-size:.95em;
  cursor:pointer;
  font-weight:400;
  margin-top:5px;
  list-style:none;
  outline:none;
  padding:0 10px;
  text-align:left;
  transition:all .2s
}
.nice-select .option:hover,.nice-select .option.focus,.nice-select .option.selected.focus{
  color:#d60004;
  background:rgba(214,0,4,.03)
}
.nice-select .option.disabled{
  background-color:rgba(0,0,0,0);
  color:#999;
  cursor:default
}
.no-csspointerevents .nice-select .list{
  display:none
}
.no-csspointerevents .nice-select.open .list{
  display:block
}
:root{
  --f-spinner-width: 36px;
  --f-spinner-height: 36px;
  --f-spinner-color-1: rgba(0, 0, 0, 0.1);
  --f-spinner-color-2: rgba(17, 24, 28, 0.8);
  --f-spinner-stroke: 2.75
}
.f-spinner{
  margin:auto;
  padding:0;
  width:var(--f-spinner-width);
  height:var(--f-spinner-height)
}
.f-spinner svg{
  width:100%;
  height:100%;
  vertical-align:top;
  animation:f-spinner-rotate 2s linear infinite
}
.f-spinner svg *{
  stroke-width:var(--f-spinner-stroke);
  fill:none
}
.f-spinner svg *:first-child{
  stroke:var(--f-spinner-color-1)
}
.f-spinner svg *:last-child{
  stroke:var(--f-spinner-color-2);
  animation:f-spinner-dash 2s ease-in-out infinite
}
@keyframes f-spinner-rotate{
  100%{
  transform:rotate(360deg)
}

}
@keyframes f-spinner-dash{
  0%{
  stroke-dasharray:1,150;
  stroke-dashoffset:0
}
50%{
  stroke-dasharray:90,150;
  stroke-dashoffset:-35
}
100%{
  stroke-dasharray:90,150;
  stroke-dashoffset:-124
}

}
.f-throwOutUp{
  animation:.175s ease-out both f-throwOutUp
}
.f-throwOutDown{
  animation:.175s ease-out both f-throwOutDown
}
@keyframes f-throwOutUp{
  to{
  transform:translate3d(0, -150px, 0);
  opacity:0
}

}
@keyframes f-throwOutDown{
  to{
  transform:translate3d(0, 150px, 0);
  opacity:0
}

}
.f-zoomInUp{
  animation:var(--f-transition-duration, 0.2s) ease-out .1s both f-zoomInUp
}
.f-zoomOutDown{
  animation:var(--f-transition-duration, 0.2s) ease-out both f-zoomOutDown
}
@keyframes f-zoomInUp{
  from{
  transform:scale(0.975) translate3d(0, 16px, 0);
  opacity:0
}
to{
  transform:scale(1) translate3d(0, 0, 0);
  opacity:1
}

}
@keyframes f-zoomOutDown{
  to{
  transform:scale(0.975) translate3d(0, 16px, 0);
  opacity:0
}

}
.f-fadeIn{
  animation:var(--f-transition-duration, 0.2s) ease both f-fadeIn;
  z-index:2
}
.f-fadeOut{
  animation:var(--f-transition-duration, 0.2s) ease both f-fadeOut;
  z-index:1
}
@keyframes f-fadeIn{
  0%{
  opacity:0
}
100%{
  opacity:1
}

}
@keyframes f-fadeOut{
  100%{
  opacity:0
}

}
.f-fadeSlowIn{
  animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowIn;
  z-index:2
}
.f-fadeSlowOut{
  animation:var(--f-transition-duration, 0.5s) ease both f-fadeSlowOut;
  z-index:1
}
@keyframes f-fadeSlowIn{
  0%{
  opacity:0
}
100%{
  opacity:1
}

}
@keyframes f-fadeSlowOut{
  100%{
  opacity:0
}

}
.f-fadeFastIn{
  animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastIn;
  z-index:2
}
.f-fadeFastOut{
  animation:var(--f-transition-duration, 0.2s) ease-out both f-fadeFastOut;
  z-index:2
}
@keyframes f-fadeFastIn{
  0%{
  opacity:.75
}
100%{
  opacity:1
}

}
@keyframes f-fadeFastOut{
  100%{
  opacity:0
}

}
.f-crossfadeIn{
  animation:var(--f-transition-duration, 0.2s) ease-out both f-crossfadeIn;
  z-index:2
}
.f-crossfadeOut{
  animation:calc(var(--f-transition-duration, 0.2s)*.5) linear .1s both f-crossfadeOut;
  z-index:1
}
@keyframes f-crossfadeIn{
  0%{
  opacity:0
}
100%{
  opacity:1
}

}
@keyframes f-crossfadeOut{
  100%{
  opacity:0
}

}
.f-slideIn.from-next{
  animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInNext
}
.f-slideIn.from-prev{
  animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideInPrev
}
.f-slideOut.to-next{
  animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutNext
}
.f-slideOut.to-prev{
  animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-slideOutPrev
}
@keyframes f-slideInPrev{
  0%{
  transform:translateX(100%)
}
100%{
  transform:translate3d(0, 0, 0)
}

}
@keyframes f-slideInNext{
  0%{
  transform:translateX(-100%)
}
100%{
  transform:translate3d(0, 0, 0)
}

}
@keyframes f-slideOutNext{
  100%{
  transform:translateX(-100%)
}

}
@keyframes f-slideOutPrev{
  100%{
  transform:translateX(100%)
}

}
.f-classicIn.from-next{
  animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInNext;
  z-index:2
}
.f-classicIn.from-prev{
  animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicInPrev;
  z-index:2
}
.f-classicOut.to-next{
  animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutNext;
  z-index:1
}
.f-classicOut.to-prev{
  animation:var(--f-transition-duration, 0.85s) cubic-bezier(0.16, 1, 0.3, 1) f-classicOutPrev;
  z-index:1
}
@keyframes f-classicInNext{
  0%{
  transform:translateX(-75px);
  opacity:0
}
100%{
  transform:translate3d(0, 0, 0);
  opacity:1
}

}
@keyframes f-classicInPrev{
  0%{
  transform:translateX(75px);
  opacity:0
}
100%{
  transform:translate3d(0, 0, 0);
  opacity:1
}

}
@keyframes f-classicOutNext{
  100%{
  transform:translateX(-75px);
  opacity:0
}

}
@keyframes f-classicOutPrev{
  100%{
  transform:translateX(75px);
  opacity:0
}

}
:root{
  --f-button-width: 40px;
  --f-button-height: 40px;
  --f-button-border: 0;
  --f-button-border-radius: 0;
  --f-button-color: #374151;
  --f-button-bg: #f8f8f8;
  --f-button-hover-bg: #e0e0e0;
  --f-button-active-bg: #d0d0d0;
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 20px;
  --f-button-svg-height: 20px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: none;
  --f-button-svg-disabled-opacity: 0.65
}
.f-button{
  display:flex;
  justify-content:center;
  align-items:center;
  box-sizing:content-box;
  position:relative;
  margin:0;
  padding:0;
  width:var(--f-button-width);
  height:var(--f-button-height);
  border:var(--f-button-border);
  border-radius:var(--f-button-border-radius);
  color:var(--f-button-color);
  background:var(--f-button-bg);
  box-shadow:var(--f-button-shadow);
  pointer-events:all;
  cursor:pointer;
  transition:var(--f-button-transition)
}
@media(hover: hover){
  .f-button:hover:not([disabled]){
  color:var(--f-button-hover-color);
  background-color:var(--f-button-hover-bg)
}

}
.f-button:active:not([disabled]){
  background-color:var(--f-button-active-bg)
}
.f-button:focus:not(:focus-visible){
  outline:none
}
.f-button:focus-visible{
  outline:none;
  box-shadow:inset 0 0 0 var(--f-button-outline, 2px) var(--f-button-outline-color, var(--f-button-color))
}
.f-button svg{
  width:var(--f-button-svg-width);
  height:var(--f-button-svg-height);
  fill:var(--f-button-svg-fill);
  stroke:currentColor;
  stroke-width:var(--f-button-svg-stroke-width);
  stroke-linecap:round;
  stroke-linejoin:round;
  transition:opacity .15s ease;
  transform:var(--f-button-transform);
  filter:var(--f-button-svg-filter);
  pointer-events:none
}
.f-button[disabled]{
  cursor:default
}
.f-button[disabled] svg{
  opacity:var(--f-button-svg-disabled-opacity)
}
.f-carousel__nav .f-button.is-prev,.f-carousel__nav .f-button.is-next,.fancybox__nav .f-button.is-prev,.fancybox__nav .f-button.is-next{
  position:absolute;
  z-index:1
}
.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-next{
  top:50%;
  transform:translateY(-50%)
}
.is-horizontal .f-carousel__nav .f-button.is-prev,.is-horizontal .fancybox__nav .f-button.is-prev{
  left:var(--f-button-prev-pos)
}
.is-horizontal .f-carousel__nav .f-button.is-next,.is-horizontal .fancybox__nav .f-button.is-next{
  right:var(--f-button-next-pos)
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-prev,.is-horizontal.is-rtl .fancybox__nav .f-button.is-prev{
  left:auto;
  right:var(--f-button-next-pos)
}
.is-horizontal.is-rtl .f-carousel__nav .f-button.is-next,.is-horizontal.is-rtl .fancybox__nav .f-button.is-next{
  right:auto;
  left:var(--f-button-prev-pos)
}
.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-next{
  top:auto;
  left:50%;
  transform:translateX(-50%)
}
.is-vertical .f-carousel__nav .f-button.is-prev,.is-vertical .fancybox__nav .f-button.is-prev{
  top:var(--f-button-next-pos)
}
.is-vertical .f-carousel__nav .f-button.is-next,.is-vertical .fancybox__nav .f-button.is-next{
  bottom:var(--f-button-next-pos)
}
.is-vertical .f-carousel__nav .f-button.is-prev svg,.is-vertical .f-carousel__nav .f-button.is-next svg,.is-vertical .fancybox__nav .f-button.is-prev svg,.is-vertical .fancybox__nav .f-button.is-next svg{
  transform:rotate(90deg)
}
html.with-fancybox{
  width:auto;
  overflow:visible;
  scroll-behavior:auto
}
html.with-fancybox body{
  touch-action:none
}
html.with-fancybox body.hide-scrollbar{
  width:auto;
  margin-right:calc(var(--fancybox-body-margin, 0px) + var(--fancybox-scrollbar-compensate, 0px));
  overflow:hidden !important;
  overscroll-behavior-y:none
}
.fancybox__container{
  --fancybox-color: #dbdbdb;
  --fancybox-hover-color: #fff;
  --fancybox-bg: rgba(24, 24, 27, 0.98);
  --fancybox-slide-gap: 10px;
  --f-spinner-width: 50px;
  --f-spinner-height: 50px;
  --f-spinner-color-1: rgba(255, 255, 255, 0.1);
  --f-spinner-color-2: #bbb;
  --f-spinner-stroke: 3.65;
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  right:0;
  direction:ltr;
  display:flex;
  flex-direction:column;
  box-sizing:border-box;
  margin:0;
  padding:0;
  color:#f8f8f8;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  overflow:visible;
  z-index:var(--fancybox-zIndex, 1050);
  outline:none;
  transform-origin:top left;
  -webkit-text-size-adjust:100%;
  -moz-text-size-adjust:none;
  text-size-adjust:100%;
  overscroll-behavior-y:contain
}
.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{
  box-sizing:inherit
}
.fancybox__container::backdrop{
  background-color:rgba(0,0,0,0)
}
.fancybox__backdrop{
  position:fixed;
  top:0;
  left:0;
  bottom:0;
  right:0;
  z-index:-1;
  background:var(--fancybox-bg);
  opacity:var(--fancybox-opacity, 1);
  will-change:opacity
}
.fancybox__carousel{
  position:relative;
  box-sizing:border-box;
  flex:1;
  min-height:0;
  z-index:10;
  overflow-y:visible;
  overflow-x:clip
}
.fancybox__viewport{
  width:100%;
  height:100%
}
.fancybox__viewport.is-draggable{
  cursor:move;
  cursor:grab
}
.fancybox__viewport.is-dragging{
  cursor:move;
  cursor:grabbing
}
.fancybox__track{
  display:flex;
  margin:0 auto;
  height:100%
}
.fancybox__slide{
  flex:0 0 auto;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
  width:100%;
  height:100%;
  margin:0 var(--fancybox-slide-gap) 0 0;
  padding:4px;
  overflow:auto;
  overscroll-behavior:contain;
  transform:translate3d(0, 0, 0);
  backface-visibility:hidden
}
.fancybox__container:not(.is-compact) .fancybox__slide.has-close-btn{
  padding-top:40px
}
.fancybox__slide.has-iframe,.fancybox__slide.has-video,.fancybox__slide.has-html5video{
  overflow:hidden
}
.fancybox__slide.has-image{
  overflow:hidden
}
.fancybox__slide.has-image.is-animating,.fancybox__slide.has-image.is-selected{
  overflow:visible
}
.fancybox__slide::before,.fancybox__slide::after{
  content:"";
  flex:0 0 0;
  margin:auto
}
.fancybox__content{
  align-self:center;
  display:flex;
  flex-direction:column;
  position:relative;
  margin:0;
  padding:2rem;
  max-width:100%;
  color:var(--fancybox-content-color, #374151);
  background:var(--fancybox-content-bg, #fff);
  cursor:default;
  border-radius:0;
  z-index:20
}
.is-loading .fancybox__content{
  opacity:0
}
.is-draggable .fancybox__content{
  cursor:move;
  cursor:grab
}
.can-zoom_in .fancybox__content{
  cursor:zoom-in
}
.can-zoom_out .fancybox__content{
  cursor:zoom-out
}
.is-dragging .fancybox__content{
  cursor:move;
  cursor:grabbing
}
.fancybox__content [data-selectable],.fancybox__content [contenteditable]{
  cursor:auto
}
.fancybox__slide.has-image>.fancybox__content{
  padding:0;
  background:rgba(0,0,0,0);
  min-height:1px;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  transition:none;
  transform:translate3d(0, 0, 0);
  backface-visibility:hidden
}
.fancybox__slide.has-image>.fancybox__content>picture>img{
  width:100%;
  height:auto;
  max-height:100%
}
.is-zooming-in .fancybox__viewport:not(.is-dragging) .fancybox__slide:not(.is-selected) .fancybox__content,.is-zooming-out .fancybox__slide:not(.is-selected) .fancybox__content{
  visibility:hidden
}
.is-animating .fancybox__content,.is-dragging .fancybox__content{
  filter:blur(0px);
  will-change:transform,width,height
}
.fancybox-image{
  margin:auto;
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  -o-object-fit:contain;
  object-fit:contain;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
.fancybox__caption{
  align-self:center;
  max-width:100%;
  flex-shrink:0;
  margin:0;
  padding:14px 0 4px 0;
  overflow-wrap:anywhere;
  line-height:1.375;
  color:var(--fancybox-color, currentColor);
  opacity:var(--fancybox-opacity, 1);
  cursor:auto;
  visibility:visible
}
.is-loading .fancybox__caption,.is-closing .fancybox__caption{
  opacity:0;
  visibility:hidden
}
.is-compact .fancybox__caption{
  padding-bottom:0
}
.f-button.is-close-btn{
  --f-button-svg-stroke-width: 2;
  position:absolute;
  top:0;
  right:8px;
  z-index:40
}
.fancybox__content>.f-button.is-close-btn{
  --f-button-width: 34px;
  --f-button-height: 34px;
  --f-button-border-radius: 4px;
  --f-button-color: var(--fancybox-color, #fff);
  --f-button-hover-color: var(--fancybox-color, #fff);
  --f-button-bg: transparent;
  --f-button-hover-bg: transparent;
  --f-button-active-bg: transparent;
  --f-button-svg-width: 22px;
  --f-button-svg-height: 22px;
  position:absolute;
  top:-38px;
  right:0;
  opacity:.75
}
.is-loading .fancybox__content>.f-button.is-close-btn{
  visibility:hidden
}
.is-zooming-out .fancybox__content>.f-button.is-close-btn{
  visibility:hidden
}
.fancybox__content>.f-button.is-close-btn:hover{
  opacity:1
}
.fancybox__footer{
  padding:0;
  margin:0;
  position:relative
}
.fancybox__footer .fancybox__caption{
  width:100%;
  padding:24px;
  opacity:var(--fancybox-opacity, 1);
  transition:all .25s ease
}
.is-compact .fancybox__footer{
  position:absolute;
  bottom:0;
  left:0;
  right:0;
  z-index:20;
  background:rgba(24,24,27,.5)
}
.is-compact .fancybox__footer .fancybox__caption{
  padding:12px
}
.is-compact .fancybox__content>.f-button.is-close-btn{
  --f-button-border-radius: 50%;
  --f-button-color: #fff;
  --f-button-hover-color: #fff;
  --f-button-outline-color: #000;
  --f-button-bg: rgba(0, 0, 0, 0.6);
  --f-button-active-bg: rgba(0, 0, 0, 0.6);
  --f-button-hover-bg: rgba(0, 0, 0, 0.6);
  --f-button-svg-width: 18px;
  --f-button-svg-height: 18px;
  --f-button-svg-filter: none;
  top:5px;
  right:5px
}
.fancybox__nav{
  --f-button-width: 50px;
  --f-button-height: 50px;
  --f-button-border: 0;
  --f-button-border-radius: 50%;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: transparent;
  --f-button-hover-bg: rgba(24, 24, 27, 0.3);
  --f-button-active-bg: rgba(24, 24, 27, 0.5);
  --f-button-shadow: none;
  --f-button-transition: all 0.15s ease;
  --f-button-transform: none;
  --f-button-svg-width: 26px;
  --f-button-svg-height: 26px;
  --f-button-svg-stroke-width: 2.5;
  --f-button-svg-fill: none;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.5));
  --f-button-svg-disabled-opacity: 0.65;
  --f-button-next-pos: 1rem;
  --f-button-prev-pos: 1rem;
  opacity:var(--fancybox-opacity, 1)
}
.fancybox__nav .f-button:before{
  position:absolute;
  content:"";
  top:-30px;
  right:-20px;
  left:-20px;
  bottom:-30px;
  z-index:1
}
.is-idle .fancybox__nav{
  animation:.15s ease-out both f-fadeOut
}
.is-idle.is-compact .fancybox__footer{
  pointer-events:none;
  animation:.15s ease-out both f-fadeOut
}
.fancybox__slide>.f-spinner{
  position:absolute;
  top:50%;
  left:50%;
  margin:var(--f-spinner-top, calc(var(--f-spinner-width) * -0.5)) 0 0 var(--f-spinner-left, calc(var(--f-spinner-height) * -0.5));
  z-index:30;
  cursor:pointer
}
.fancybox-protected{
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:40;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
.fancybox-ghost{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  min-height:0;
  -o-object-fit:contain;
  object-fit:contain;
  z-index:40;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  pointer-events:none
}
.fancybox-focus-guard{
  outline:none;
  opacity:0;
  position:fixed;
  pointer-events:none
}
.fancybox__container:not([aria-hidden]){
  opacity:0
}
.fancybox__container.is-animated[aria-hidden=false]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=false] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=false] .fancybox__slide>*:not(.fancybox__content){
  animation:.25s ease .1s backwards f-fadeIn
}
.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop{
  animation:.35s ease backwards f-fadeIn
}
.fancybox__container.is-animated[aria-hidden=true]>*:not(.fancybox__backdrop,.fancybox__carousel),.fancybox__container.is-animated[aria-hidden=true] .fancybox__carousel>*:not(.fancybox__viewport),.fancybox__container.is-animated[aria-hidden=true] .fancybox__slide>*:not(.fancybox__content){
  animation:.15s ease forwards f-fadeOut
}
.fancybox__container.is-animated[aria-hidden=true] .fancybox__backdrop{
  animation:.35s ease forwards f-fadeOut
}
.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{
  max-width:100%;
  flex-shrink:1;
  min-height:1px;
  overflow:visible
}
.has-iframe .fancybox__content,.has-map .fancybox__content,.has-pdf .fancybox__content{
  width:100%;
  height:100%
}
.fancybox__container:not(.is-compact) .has-iframe .fancybox__content,.fancybox__container:not(.is-compact) .has-map .fancybox__content,.fancybox__container:not(.is-compact) .has-pdf .fancybox__content{
  width:calc(100% - 120px);
  height:90%
}
.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{
  width:960px;
  height:540px;
  max-width:100%;
  max-height:100%
}
.has-map .fancybox__content,.has-pdf .fancybox__content,.has-youtube .fancybox__content,.has-vimeo .fancybox__content,.has-html5video .fancybox__content{
  padding:0;
  background:rgba(24,24,27,.9);
  color:#fff
}
.has-map .fancybox__content{
  background:#e5e3df
}
.fancybox__html5video,.fancybox__iframe{
  border:0;
  display:block;
  height:100%;
  width:100%;
  background:rgba(0,0,0,0)
}
.fancybox-placeholder{
  border:0 !important;
  clip:rect(1px, 1px, 1px, 1px) !important;
  clip-path:inset(50%) !important;
  height:1px !important;
  margin:-1px !important;
  overflow:hidden !important;
  padding:0 !important;
  position:absolute !important;
  width:1px !important;
  white-space:nowrap !important
}
.f-carousel__thumbs{
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-outline: 0;
  --f-thumb-outline-color: #5eb0ef;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1;
  --f-thumb-border-radius: 2px;
  --f-thumb-offset: 0px;
  --f-button-next-pos: 0;
  --f-button-prev-pos: 0
}
.f-carousel__thumbs.is-classic{
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1;
  --f-thumb-selected-opacity: 1
}
.f-carousel__thumbs.is-modern{
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 20px;
  --f-thumb-clip-width: 46px
}
.f-thumbs{
  position:relative;
  flex:0 0 auto;
  margin:0;
  overflow:hidden;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  perspective:1000px;
  transform:translateZ(0)
}
.f-thumbs .f-spinner{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  border-radius:2px;
  background-image:linear-gradient(#ebeff2, #e2e8f0);
  z-index:-1
}
.f-thumbs .f-spinner svg{
  display:none
}
.f-thumbs.is-vertical{
  height:100%
}
.f-thumbs__viewport{
  width:100%;
  height:auto;
  overflow:hidden
}
.f-thumbs__track{
  display:flex;
  will-change:transform
}
.f-thumbs__slide{
  position:relative;
  flex:0 0 auto;
  box-sizing:content-box;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  margin:0;
  width:var(--f-thumb-width);
  min-width:var(--f-thumb-width);
  height:var(--f-thumb-height);
  overflow:visible;
  cursor:pointer
}
.f-thumbs__slide.is-loading img{
  opacity:0
}
.is-classic .f-thumbs__viewport{
  height:100%
}
.is-modern .f-thumbs__track{
  width:-moz-max-content;
  width:max-content
}
.is-modern .f-thumbs__track::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:calc(var(--left, 0)*1px);
  width:calc(100% - var(--width, 0)*1px);
  cursor:pointer
}
.is-modern .f-thumbs__slide{
  --clip-path: inset( 0 calc( (var(--f-thumb-width, 0) - var(--f-thumb-clip-width, 0)) * 0.5 * (1 - var(--progress, 0)) ) round var(--f-thumb-border-radius, 0) );
  transform:translate3d(calc(var(--shift, 0) * -1px), 0, 0);
  transition:none;
  pointer-events:none
}
.is-modern .f-thumbs__slide>*{
  clip-path:var(--clip-path)
}
.is-modern:not(.is-using-mouse) .f-thumbs__slide:focus-within{
  filter:drop-shadow(-1px 0px 0px var(--f-thumb-outline-color)) drop-shadow(2px 0px 0px var(--f-thumb-outline-color)) drop-shadow(0px -1px 0px var(--f-thumb-outline-color)) drop-shadow(0px 2px 0px var(--f-thumb-outline-color))
}
.is-modern.in-touch .f-thumbs__slide{
  filter:none
}
.is-modern.is-resting .f-thumbs__slide{
  transition:all .33s ease
}
.is-modern.is-resting .f-thumbs__slide>*{
  transition:all .33s ease
}
.f-thumbs__slide__button{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
  width:100%;
  height:100%;
  margin:0;
  padding:0;
  border:0;
  position:relative;
  border-radius:var(--f-thumb-border-radius);
  overflow:hidden;
  background:rgba(0,0,0,0);
  outline:none;
  cursor:pointer;
  pointer-events:auto;
  touch-action:manipulation;
  opacity:var(--f-thumb-opacity);
  transition:opacity .2s ease
}
.f-thumbs__slide__button:hover{
  opacity:var(--f-thumb-hover-opacity)
}
.f-thumbs__slide__button:focus:not(:focus-visible){
  outline:none
}
.f-thumbs__slide__button:focus-visible{
  outline:none;
  opacity:var(--f-thumb-selected-opacity)
}
.is-nav-selected .f-thumbs__slide__button{
  opacity:var(--f-thumb-selected-opacity)
}
.is-nav-selected .f-thumbs__slide__button::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:auto;
  bottom:0;
  border:var(--f-thumb-outline, 0) solid var(--f-thumb-outline-color, transparent);
  border-radius:var(--f-thumb-border-radius);
  animation:f-fadeIn .2s ease-out;
  z-index:10
}
.f-thumbs__slide__img{
  position:absolute;
  overflow:hidden;
  top:0;
  right:0;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  padding:var(--f-thumb-offset);
  box-sizing:border-box;
  pointer-events:none;
  -o-object-fit:cover;
  object-fit:cover
}
.f-thumbs.is-horizontal .f-thumbs__track{
  margin:0 auto;
  padding:8px 0 12px 0
}
.f-thumbs.is-horizontal .f-thumbs__slide{
  margin:0 var(--f-thumb-gap) 0 0
}
.f-thumbs.is-vertical .f-thumbs__track{
  flex-wrap:wrap;
  margin:auto 0;
  padding:0 8px
}
.f-thumbs.is-vertical .f-thumbs__slide{
  margin:0 0 var(--f-thumb-gap) 0
}
.fancybox__thumbs{
  --f-thumb-width: 96px;
  --f-thumb-height: 72px;
  --f-thumb-border-radius: 2px;
  --f-thumb-outline: 2px;
  --f-thumb-outline-color: #ededed;
  position:relative;
  opacity:var(--fancybox-opacity, 1);
  transition:max-height .35s cubic-bezier(0.23, 1, 0.32, 1)
}
.fancybox__thumbs.is-classic{
  --f-thumb-gap: 8px;
  --f-thumb-opacity: 0.5;
  --f-thumb-hover-opacity: 1
}
.fancybox__thumbs.is-classic .f-spinner{
  background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
}
.fancybox__thumbs.is-modern{
  --f-thumb-gap: 4px;
  --f-thumb-extra-gap: 20px;
  --f-thumb-clip-width: 46px;
  --f-thumb-opacity: 1;
  --f-thumb-hover-opacity: 1
}
.fancybox__thumbs.is-modern .f-spinner{
  background-image:linear-gradient(rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.05))
}
.fancybox__thumbs.is-horizontal{
  padding:0 var(--f-thumb-gap)
}
.fancybox__thumbs.is-vertical{
  padding:var(--f-thumb-gap) 0
}
.is-compact .fancybox__thumbs{
  --f-thumb-width: 64px;
  --f-thumb-clip-width: 32px;
  --f-thumb-height: 48px;
  --f-thumb-extra-gap: 10px
}
.fancybox__thumbs.is-masked{
  max-height:0px !important
}
.is-closing .fancybox__thumbs{
  transition:none !important
}
.fancybox__toolbar{
  --f-progress-color: var(--fancybox-color, rgba(255, 255, 255, 0.94));
  --f-button-width: 46px;
  --f-button-height: 46px;
  --f-button-color: var(--fancybox-color);
  --f-button-hover-color: var(--fancybox-hover-color);
  --f-button-bg: rgba(24, 24, 27, 0.65);
  --f-button-hover-bg: rgba(70, 70, 73, 0.65);
  --f-button-active-bg: rgba(90, 90, 93, 0.65);
  --f-button-border-radius: 0;
  --f-button-svg-width: 24px;
  --f-button-svg-height: 24px;
  --f-button-svg-stroke-width: 1.5;
  --f-button-svg-filter: drop-shadow(1px 1px 1px rgba(24, 24, 27, 0.15));
  --f-button-svg-fill: none;
  --f-button-svg-disabled-opacity: 0.65;
  display:flex;
  flex-direction:row;
  justify-content:space-between;
  margin:0;
  padding:0;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI Adjusted","Segoe UI","Liberation Sans",sans-serif;
  color:var(--fancybox-color, currentColor);
  opacity:var(--fancybox-opacity, 1);
  text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.5));
  pointer-events:none;
  z-index:20
}
.fancybox__toolbar :focus-visible{
  z-index:1
}
.fancybox__toolbar.is-absolute,.is-compact .fancybox__toolbar{
  position:absolute;
  top:0;
  left:0;
  right:0
}
.is-idle .fancybox__toolbar{
  pointer-events:none;
  animation:.15s ease-out both f-fadeOut
}
.fancybox__toolbar__column{
  display:flex;
  flex-direction:row;
  flex-wrap:wrap;
  align-content:flex-start
}
.fancybox__toolbar__column.is-left,.fancybox__toolbar__column.is-right{
  flex-grow:1;
  flex-basis:0
}
.fancybox__toolbar__column.is-right{
  display:flex;
  justify-content:flex-end;
  flex-wrap:nowrap
}
.fancybox__infobar{
  padding:0 5px;
  line-height:var(--f-button-height);
  text-align:center;
  font-size:17px;
  font-variant-numeric:tabular-nums;
  -webkit-font-smoothing:subpixel-antialiased;
  cursor:default;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none
}
.fancybox__infobar span{
  padding:0 5px
}
.fancybox__infobar:not(:first-child):not(:last-child){
  background:var(--f-button-bg)
}
[data-fancybox-toggle-slideshow]{
  position:relative
}
[data-fancybox-toggle-slideshow] .f-progress{
  height:100%;
  opacity:.3
}
[data-fancybox-toggle-slideshow] svg g:first-child{
  display:flex
}
[data-fancybox-toggle-slideshow] svg g:last-child{
  display:none
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:first-child{
  display:none
}
.has-slideshow [data-fancybox-toggle-slideshow] svg g:last-child{
  display:flex
}
[data-fancybox-toggle-fullscreen] svg g:first-child{
  display:flex
}
[data-fancybox-toggle-fullscreen] svg g:last-child{
  display:none
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:first-child{
  display:none
}
:fullscreen [data-fancybox-toggle-fullscreen] svg g:last-child{
  display:flex
}
.f-progress{
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:3px;
  transform:scaleX(0);
  transform-origin:0;
  transition-property:transform;
  transition-timing-function:linear;
  background:var(--f-progress-color, var(--f-carousel-theme-color, #0091ff));
  z-index:30;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  pointer-events:none
}
.slick-slider{
  position:relative;
  display:block;
  box-sizing:border-box;
  -webkit-user-select:none;
  -moz-user-select:none;
  user-select:none;
  -webkit-touch-callout:none;
  -khtml-user-select:none;
  touch-action:pan-y;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  margin:0 -15px
}
.slick-dots{
  list-style-type:none;
  display:flex
}
.slick-dots li{
  display:inline-block
}
.slick-dots li button{
  text-indent:-50000px;
  width:8px;
  height:8px;
  border-radius:50%;
  margin:0 5px;
  background:#e4e4e4;
  transition:all .3s ease-in-out
}
.slick-dots .slick-active button{
  background:#d60004
}
.slick-list{
  position:relative;
  display:block;
  overflow:hidden;
  margin:0;
  padding:0
}
.slick-list:focus{
  outline:none !important
}
.slick-list.dragging{
  cursor:pointer;
  cursor:hand
}
.slick-slider .slick-track,.slick-slider .slick-list{
  transform:translate3d(0, 0, 0)
}
.slick-track{
  position:relative;
  top:0;
  left:0;
  display:block;
  margin-left:auto;
  margin-right:auto
}
.slick-track:before,.slick-track:after{
  display:table;
  content:""
}
.slick-track:after{
  clear:both
}
.slick-loading .slick-track{
  visibility:hidden
}
.slick-slide{
  display:none;
  float:left;
  margin:0 15px;
  height:100%;
  min-height:1px
}
[dir=rtl] .slick-slide{
  float:right
}
.slick-slide img{
  display:block
}
.slick-slide.slick-loading img{
  display:none
}
.slick-slide.dragging img{
  pointer-events:none
}
.slick-initialized .slick-slide{
  display:block
}
.slick-loading .slick-slide{
  visibility:hidden
}
.slick-vertical .slick-slide{
  display:block;
  height:auto;
  border:1px solid rgba(0,0,0,0)
}
.slick-arrow.slick-hidden{
  display:none
}
/*# sourceMappingURL=style.min.css.map */

/* ===== Consent / Radio ===== */

.consent-wrap input[type="checkbox"]{
  width:18px !important;
  height:18px !important;
  padding:0 !important;
  border-radius:4px !important;
  appearance:auto !important;
  -webkit-appearance:auto !important;
  display:inline-block !important;
}

.consent-wrap input[type="radio"]{
  width:18px !important;
  height:18px !important;
  padding:0 !important;
  border-radius:50% !important;
  appearance:auto !important;
  -webkit-appearance:auto !important;
  display:inline-block !important;
}

.consent-wrap .form-check{
  padding-left:0;
  margin:0;
}

.consent-wrap .form-check-input{
  float:none;
  margin:0 !important;
  margin-left:0 !important;
}

.consent-check{
  display:flex;
  align-items:center;
  gap:12px;
  margin-top:-15px; 
}

.consent-check label{
  margin:0;
  line-height:1.3;
  cursor:pointer;
}

/* ===== Submit + Messengers (RIGHT SIDE) ===== */

.submit-row{
  display:flex;
  align-items:stretch;
  gap:22px;
  margin-top:18px;
}

.submit-row .btn-ten{
  flex:1 1 auto;
  width:100%;
}

/* right block */
.msg-side{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  justify-content:center;
  min-width:320px;
  gap:12px;
}

.msg-label{
  font-size:14px;
  opacity:.75;
  margin-bottom:2px;
  text-transform:none;
  text-align:center;
}


.msg-icons{
  display:flex;
  flex-direction:column;
  gap:12px;
  width:100%;
}


.msg-action{
  display:flex;
  align-items:center;
  gap:14px;
  height:64px;
  border-radius:999px;
  text-decoration:none;
  padding:0 22px;
  width:100%;
}

.msg-action:hover{
  text-decoration:none;
}

.msg-btn{
  width:100%;
}

/* text like button */
.msg-text{
  font-weight:600;
  letter-spacing:.2px;
  white-space:nowrap;
}


/* =========================
   <= 1199px: stack ALL 3 buttons vertically
========================= */
@media (max-width:1199px){
  .submit-row{
    flex-direction:column;
    align-items:stretch;
  }

  .submit-row > *{
    width:100%;
  }

  .msg-side{
    min-width:0;
    width:100%;
  }

  .msg-icons{
    width:100%;
  }

  .msg-icons a{
    width:100%;
  }

  .msg-action{
    width:100%;
  }

  .msg-btn{
    width:100%;
  }
}


/* =========================
   <= 768px: small tweaks for readability
========================= */
@media (max-width:768px){
  .msg-label{
    text-align:left;
    line-height: 50px;
    padding: 0 32px;
  }

  .msg-text{
    white-space:normal;
    line-height: 50px;
    padding: 0 32px;
  }
}
@media (max-width:1199px){
  #driverApplyForm .btn-telegram,
  #driverApplyForm .btn-whatsapp{
    line-height:50px;
    /* padding:0 32px; */
  }
}
.driver-resources-page .driver-proof-chips {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 30px;
    }

    .driver-resources-page .driver-proof-chip {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      padding: 10px 18px;
      border-radius: 999px;
      background: #f0f0f0;
      /*border: 1px solid #E7E7E7;*/
      font-size: 16px;
      font-weight: 400;
      color: #000;
    }

    .driver-resources-page .driver-proof-chip i {
      font-size: 18px;
      color: #000;
    }

    /* */

    .driver-resources-page .driver-note-item .icon,
    .driver-resources-page .driver-value-card .icon {
      width:72px;
      height:72px;
      border-radius: 50%;
      background: #202020;
      color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 22px;
    }
    .driver-resources-page .driver-note-item p,
    .driver-resources-page .driver-value-card p,
    .driver-resources-page .driver-faq .accordion-body p,
    .driver-resources-page .driver-form-note {

        font-size:18px;
  color:rgba(0,0,0,.7);
  margin:20px 0 68px
    }

    .driver-resources-page .driver-value-card {
      height: 100%;
      background: #fff;
      border: 1px solid #E7E7E7;
      border-radius: 22px;
      padding: 30px 30px 28px;
      transition: all 0.3s ease-in-out 0s;
    }

    .driver-resources-page .driver-value-card:hover {
      transform: translateY(-3px);

    }
    .driver-resources-page .driver-value-card:hover .icon{
      background:#d60004
    }

    .driver-resources-page .driver-value-card h4 {
  font-family:"Clash Display",sans-serif;
  font-size:28px;
  margin:74px 0 0;
    }
.driver-resources-page .driver-value-card h4,
      .driver-resources-page .driver-note-card h5 {
        font-size: 28px;
      }
      /* */ 

.driver-faq-section {
  position: relative;
  z-index: 1;
}

.driver-faq-section .title-one h2 {
  max-width: 950px;
}

.driver-faq-intro {
  font-size: 18px;
  line-height: 1.666em;
  color: rgba(0, 0, 0, 0.68);
  max-width: 760px;
  margin: 18px 0 0;
}

.driver-faq-accordion {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.driver-faq-accordion .accordion-item {
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.08);
  border-radius: 28px;
  overflow: hidden;
  box-shadow: 0 0 0 rgba(0, 0, 0, 0);
  transition: all 0.3s ease;
}

.driver-faq-accordion .accordion-item:hover {
  border-color: #000;
}

.driver-faq-accordion .accordion-item:has(.show) {
  border-color: #000;
  /* background: #f2f2f2; */
}

.driver-faq-accordion .accordion-header {
  margin: 0;
}

.driver-faq-accordion .accordion-button {
  position: relative;
  font-family: "Clash Display";
  font-weight: 600;
  font-size: 30px;
  line-height: 1.1em;
  text-transform: uppercase;
  letter-spacing: 0;
  color: #000;
  padding: 34px 78px 30px 32px;
  background: #fff;
  border: none;
  border-radius: 0;
  box-shadow: none;
  transition: all 0.3s ease;
}

.driver-faq-accordion .accordion-button .faq-q-text {
  display: block;
  max-width: 92%;
}

.driver-faq-accordion .accordion-button:not(.collapsed) {
  color: #000;
  /* background: #f2f2f2; */
  border-color: #000;
  padding-bottom: 14px;
  box-shadow: none;
}

.driver-faq-accordion .accordion-button:focus {
  box-shadow: none;
  border: none;
}

.driver-faq-accordion .accordion-button::after {
  content: "";
  width: 24px;
  height: 2px;
  background: #000;
  position: absolute;
  right: 32px;
  top: 50%;
  transform: translateY(-50%);
  background-image: none !important;
  margin: 0;
  transition: all 0.3s ease;
}

.driver-faq-accordion .accordion-button::before {
  content: "";
  width: 2px;
  height: 24px;
  background: #000;
  position: absolute;
  right: 43px;
  top: calc(50% - 12px);
  transition: all 0.3s ease;
  z-index: 2;
}

.driver-faq-accordion .accordion-button:not(.collapsed)::before {
  opacity: 0;
  transform: rotate(90deg);
}

.driver-faq-accordion .accordion-collapse {
  transition: height 0.35s ease;
}

.driver-faq-accordion .accordion-body {
  padding: 0 32px 28px 32px;
}

.driver-faq-accordion .accordion-body p {
  font-size: 17px;
  line-height: 1.8em;
  color: rgba(0, 0, 0, 0.7);
  max-width: 930px;
  margin: 0;
}

/* 1399px */
@media (max-width: 1399px) {
  .driver-faq-accordion .accordion-button {
    font-size: 28px;
    padding: 32px 74px 28px 28px;
  }

  .driver-faq-accordion .accordion-body {
    padding: 0 28px 26px 28px;
  }
}

/* 1199px */
@media (max-width: 1199px) {
  .driver-faq-intro {
    font-size: 17px;
    margin-top: 15px;
  }

  .driver-faq-accordion .accordion-button {
    font-size: 24px;
    padding: 28px 68px 24px 24px;
  }

  .driver-faq-accordion .accordion-button::after {
    right: 24px;
    width: 22px;
  }

  .driver-faq-accordion .accordion-button::before {
    right: 34px;
    height: 22px;
    top: calc(50% - 11px);
  }

  .driver-faq-accordion .accordion-body {
    padding: 0 24px 24px 24px;
  }

  .driver-faq-accordion .accordion-body p {
    font-size: 16px;
    line-height: 1.75em;
  }
}

/* 991px */
@media (max-width: 991px) {
  .driver-faq-section .title-one h2 {
    max-width: 100%;
  }

  .driver-faq-intro {
    font-size: 16px;
    line-height: 1.7em;
    max-width: 100%;
  }

  .driver-faq-accordion {
    gap: 14px;
  }

  .driver-faq-accordion .accordion-item {
    border-radius: 24px;
  }

  .driver-faq-accordion .accordion-button {
    font-size: 21px;
    padding: 24px 62px 20px 22px;
  }

  .driver-faq-accordion .accordion-button::after {
    right: 22px;
    width: 20px;
  }

  .driver-faq-accordion .accordion-button::before {
    right: 31px;
    height: 20px;
    top: calc(50% - 10px);
  }

  .driver-faq-accordion .accordion-body {
    padding: 0 22px 22px 22px;
  }

  .driver-faq-accordion .accordion-body p {
    font-size: 15px;
    line-height: 1.72em;
  }
}

/* 767px */
@media (max-width: 767px) {
  .driver-faq-intro {
    font-size: 15px;
    line-height: 1.65em;
    margin-top: 12px;
  }

  .driver-faq-accordion {
    gap: 12px;
  }

  .driver-faq-accordion .accordion-item {
    border-radius: 20px;
  }

  .driver-faq-accordion .accordion-button {
    font-size: 18px;
    line-height: 1.18em;
    padding: 20px 56px 18px 18px;
  }

  .driver-faq-accordion .accordion-button .faq-q-text {
    max-width: 100%;
  }

  .driver-faq-accordion .accordion-button::after {
    right: 18px;
    width: 18px;
  }

  .driver-faq-accordion .accordion-button::before {
    right: 26px;
    height: 18px;
    top: calc(50% - 9px);
  }

  .driver-faq-accordion .accordion-body {
    padding: 0 18px 18px 18px;
  }

  .driver-faq-accordion .accordion-body p {
    font-size: 14px;
    line-height: 1.7em;
  }
}

/* 575px */
@media (max-width: 575px) {
  .driver-faq-accordion .accordion-item {
    border-radius: 18px;
  }

  .driver-faq-accordion .accordion-button {
    font-size: 17px;
    padding: 18px 52px 16px 16px;
  }

  .driver-faq-accordion .accordion-button::after {
    right: 16px;
    width: 16px;
  }

  .driver-faq-accordion .accordion-button::before {
    right: 23px;
    height: 16px;
    top: calc(50% - 8px);
  }

  .driver-faq-accordion .accordion-body {
    padding: 0 16px 16px 16px;
  }

  .driver-faq-accordion .accordion-body p {
    font-size: 14px;
    line-height: 1.65em;
  }
}
/* contacts */
/* ===== BBE Contact Page Custom Layout ===== */
.classcontactbbe-section {
  padding-top: 10px;
}

.classcontactbbe-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(360px, 0.9fr);
  gap: 56px;
  align-items: start;
}

.classcontactbbe-main,
.classcontactbbe-side {
  min-width: 0;
}

.classcontactbbe-sideinner {
  position: sticky;
  top: 120px;
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.classcontactbbe-formbox {
  margin: 0;
}

.classcontactbbe-forminner {
  background: #efefef;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 30px;
  padding: 48px 48px 42px;
  position: relative;
}

.classcontactbbe-formtitle {
  font-family: "Switzer", sans-serif;
  font-size: 36px;
  line-height: 1.08em;
  font-weight: 600;
  letter-spacing: -0.02em;
  margin-bottom: 18px;
}

.classcontactbbe-formtext {
  font-size: 18px;
  line-height: 1.7em;
  color: rgba(0,0,0,0.58);
  max-width: 90%;
  margin-bottom: 8px;
}

.classcontactbbe-forminner .input-wrapper label {
  display: block;
  font-size: 15px;
  font-weight: 500;
  color: rgba(0,0,0,0.68);
  margin-bottom: 10px;
}

.classcontactbbe-forminner input,
.classcontactbbe-forminner textarea,
.classcontactbbe-forminner select {
  width: 100%;
  border: 1px solid rgba(0,0,0,0.10);
  background: #fff;
  border-radius: 18px;
  padding: 0 22px;
  font-size: 18px;
  color: #000;
}

.classcontactbbe-forminner input,
.classcontactbbe-forminner select {
  height: 62px;
}

.classcontactbbe-forminner textarea {
  height: 150px;
  padding-top: 18px;
  padding-bottom: 18px;
  resize: vertical;
}

.classcontactbbe-forminner input::placeholder,
.classcontactbbe-forminner textarea::placeholder {
  color: rgba(0,0,0,0.34);
}

.classcontactbbe-forminner input:focus,
.classcontactbbe-forminner textarea:focus,
.classcontactbbe-forminner select:focus {
  border-color: #000;
  box-shadow: none;
}

.classcontactbbe-forminner .btn-ten {
  height: 62px;
  line-height: 62px;
  font-size: 18px;
  font-weight: 500;
}

.classcontactbbe-note {
  display: block;
  margin-top: 14px;
  font-size: 14px;
  line-height: 1.65em;
  color: rgba(0,0,0,0.55);
}

.classcontactbbe-card {
  background: #fff;
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 30px;
  padding: 30px 30px 28px;
}

.classcontactbbe-cardtitle {
  font-family: "Switzer", sans-serif;
  font-size: 24px;
  line-height: 1.15em;
  font-weight: 600;
  letter-spacing: -0.02em;
  margin-bottom: 24px;
}

.classcontactbbe-list li + li {
  margin-top: 20px;
}

.classcontactbbe-item {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 16px;
  align-items: start;
}

.classcontactbbe-icon {
  font-size: 18px;
  line-height: 1;
  padding-top: 4px;
  color: #000;
}

.classcontactbbe-copy {
  min-width: 0;
}

.classcontactbbe-label {
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: rgba(0,0,0,0.42);
  margin-bottom: 6px;
}

.classcontactbbe-copy p,
.classcontactbbe-copy a {
  font-size: 18px;
  line-height: 1.5em;
  font-weight: 500;
  color: #000;
  word-break: break-word;
}

.classcontactbbe-copy a:hover {
  color: #d60004;
}

.classcontactbbe-social {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.classcontactbbe-social a {
  display: flex;
  align-items: center;
  gap: 14px;
  min-height: 58px;
  padding: 0 18px;
  border: 1px solid rgba(0,0,0,0.08);
  border-radius: 18px;
  background: #f6f6f6;
  font-size: 17px;
  font-weight: 500;
  transition: all .25s ease-in-out;
}

.classcontactbbe-social a i {
  width: 18px;
  text-align: center;
  font-size: 18px;
}

.classcontactbbe-social a:hover {
  background: #000;
  color: #fff;
  border-color: #000;
}

.classcontactbbe-mapwrap {
  overflow: hidden;
  border-radius: 22px;
  line-height: 0;
  border: 1px solid rgba(0,0,0,0.06);
}

/* better alignment with existing top contact icons */
.pr-details-header .social-icon.classcontactbbe-topicons {
  gap: 12px;
}

/* Tablet */
@media (max-width: 1199px) {
  .classcontactbbe-layout {
    grid-template-columns: minmax(0, 1fr) 380px;
    gap: 36px;
  }

  .classcontactbbe-forminner {
    padding: 38px 32px 34px;
  }
}

/* Mobile */
@media (max-width: 991px) {
  .classcontactbbe-layout {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .classcontactbbe-sideinner {
    position: relative;
    top: 0;
  }

  .classcontactbbe-formtext {
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .classcontactbbe-forminner,
  .classcontactbbe-card {
    border-radius: 24px;
  }

  .classcontactbbe-forminner {
    padding: 28px 22px 24px;
  }

  .classcontactbbe-card {
    padding: 24px 20px 22px;
  }

  .classcontactbbe-formtitle {
    font-size: 30px;
  }

  .classcontactbbe-cardtitle {
    font-size: 22px;
  }

  .classcontactbbe-forminner input,
  .classcontactbbe-forminner select {
    height: 58px;
    font-size: 17px;
  }

  .classcontactbbe-forminner textarea {
    font-size: 17px;
  }
}
.classcontactbbe-social--hrrow {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

.classcontactbbe-social--hrrow a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 60px;
  padding: 0 16px;
  border-radius: 999px;
  text-decoration: none;
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  border: 1px solid transparent;
  transition: all .25s ease-in-out;
}

.classcontactbbe-social--hrrow a i {
  font-size: 30px !important;
  width: 30px !important;
  flex: 0 0 30px;
  line-height: 1 !important;
  text-align: center;
}

.classcontactbbe-social--hrrow .classcontactbbe-social-telegram {
  background: #0088cc;
  border-color: #0088cc;
}

.classcontactbbe-social--hrrow .classcontactbbe-social-whatsapp {
  background: #2cb742;
  border-color: #2cb742;
}

.classcontactbbe-social--hrrow .classcontactbbe-social-telegram:hover {
  background: #1b8fc4;
  border-color: #1b8fc4;
  color: #fff;
}

.classcontactbbe-social--hrrow .classcontactbbe-social-whatsapp:hover {
  background: #1ebe5a;
  border-color: #1ebe5a;
  color: #fff;
}

@media (max-width: 575px) {
  .classcontactbbe-social--hrrow {
    grid-template-columns: 1fr;
  }
}
.bbe-icon-30 {
  font-size: 30px;
}
.classcontactbbe-followrow {
  display:flex;
  align-items:center;
  gap:14px;
}

.classcontactbbe-followicon {
  width:62px;
  height:62px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  transition:all .25s ease;
}

.classcontactbbe-followicon i {
  font-size:28px;
  color:#fff;
}

.classcontactbbe-followicon-instagram {
  background: radial-gradient(circle at 30% 107%,
    #fdf497 0%,
    #fdf497 5%,
    #fd5949 45%,
    #d6249f 60%,
    #285AEB 90%);
}

.classcontactbbe-followicon-facebook {
  background:#1877F2;
}

.classcontactbbe-followicon:hover {
}
@media (max-width: 1199px) {
  .classcontactbbe-social--hrrow a {
    min-height: 50px;
    height: 50px;
  }
}
@media (max-width: 1399px) and (min-width: 992px) {
  .classcontactbbe-social--hrrow a span {
    font-size: clamp(14px, 1.1vw, 16px);
    line-height: 1.2;
    white-space: nowrap;
  }

  .classcontactbbe-social--hrrow a i {
    font-size: clamp(22px, 1.6vw, 26px) !important;
    width: clamp(22px, 1.6vw, 26px) !important;
    flex: 0 0 clamp(22px, 1.6vw, 26px);
  }
}