body {
    font-family: Montserrat-Medium;
    font-size: .875rem;
    background: var(--backgroundColor);
    color: #fff
}

body.not-scroll {
    overflow: hidden!important
}

a {
    text-decoration: none
}

ul {
    list-style-type: none
}

img {
    vertical-align: middle
}

.customer-wrapper {
    margin-top: 50px;
    grid-gap: 7px;
    display: grid;
    grid-template-columns: repeat(7, 1fr);
}

.customer-item {
    align-items: center;
    background-clip: content-box, border-box;
    background-color: rgba(9, 196, 255, .09);
    background-image: linear-gradient(#08060a, #116955), radial-gradient(circle at top left, #1ce3b1, #19bf96);
    background-origin: border-box;
    border: 1px double transparent;
    border-radius: 17px;
    display: flex;
    justify-content: center;
    min-height: 126px;
    transition: all 1s;
    position: relative;
    height: 100%;
}

.customer-item h3 {
    font-size: 10px;
    position: absolute;
    border: 0px;
    bottom: 10px;
    display: none;
}

.customer-item .customer-icon {
    filter: grayscale(1);
    width: 60px;
}

.customer-item:hover .customer-icon {
    filter: grayscale(0);
}

.customer-item:hover h3 {
    display: block;
}

@media(max-width:900px) {
    .customer-wrapper {
        grid-template-columns: repeat(3, 1fr);
    }
}

.custom-icon {
    object-fit: contain;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400;
    letter-spacing: .04rem
}

h1 {
    font-family: Montserrat-Bold;
    font-size: 7.25rem
}

h2 {
    font-family: Montserrat-Medium;
    font-size: 7.25rem
}

h3 {
    font-family: Montserrat-Regular;
    font-size: 7.25rem
}

h4 {
    font-family: Montserrat-Light;
    font-size: 7.25rem
}

input,
select,
textarea {
    height: 100%;
    width: 100%;
    font-size: .875rem;
    border: .0625rem solid #252525;
    height: 2.6875rem;
    font-family: Montserrat-Medium;
    background: #07070a;
    color: #fff;
    padding-left: .9375rem;
    border-radius: .0625rem;
    outline: 0
}

input::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

input::-moz-placeholder,
select::-moz-placeholder,
textarea::-moz-placeholder {
    color: rgba(255, 255, 255, .5)
}

input::-ms-input-placeholder,
select::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

input::placeholder,
select::placeholder,
textarea::placeholder {
    color: rgba(255, 255, 255, .5)
}

textarea {
    height: unset;
    padding-top: 1.125rem;
    resize: none
}

video {
    pointer-events: none
}

@font-face {
    font-family: Montserrat-Light;
    src: url(../assets/fonts/Montserrat/Montserrat-Light.ttf) format("truetype")
}

@font-face {
    font-family: Montserrat-Regular;
    src: url(../assets/fonts/Montserrat/Montserrat-Regular.ttf) format("truetype")
}

@font-face {
    font-family: Montserrat-Medium;
    src: url(../assets/fonts/Montserrat/Montserrat-Medium.ttf) format("truetype")
}

@font-face {
    font-family: Montserrat-SemiBold;
    src: url(../assets/fonts/Montserrat/Montserrat-SemiBold.ttf) format("truetype")
}

@font-face {
    font-family: Montserrat-BoldItalic;
    src: url(../assets/fonts/Montserrat/Montserrat-BoldItalic.ttf) format("truetype")
}

@font-face {
    font-family: Montserrat-Bold;
    src: url(../assets/fonts/Montserrat/Montserrat-Bold.ttf) format("truetype")
}

@font-face {
    font-family: Montserrat-MediumItalic;
    src: url(../assets/fonts/Montserrat/Montserrat-Italic.ttf) format("truetype")
}

@font-face {
    font-family: HelveticaNeue-Light;
    src: url(../assets/fonts/HelveticaNeue-Light.ttf) format("truetype")
}

@font-face {
    font-family: HelveticaNeue-Bold;
    src: url(../assets/fonts/HelveticaNeue-Medium.ttf) format("truetype")
}

@font-face {
    font-family: HelveticaNeue-Medium;
    src: url(../assets/fonts/HelveticaNeue-Medium.ttf) format("truetype")
}

@font-face {
    font-family: material icons;
    font-weight: 400;
    font-style: normal;
    src: url(../assets/fonts/MaterialIcons-Regular.woff) format("woff")
}

.material-icons {
    font-family: material icons;
    font-style: normal;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: "liga";
    font-feature-settings: "liga"
}

.flag {
    display: inline-block;
    vertical-align: middle;
    width: 24px;
    height: 24px;
    background-image: url(../assets/images/flags.png);
    background-repeat: no-repeat;
    background-position: 100px 0;
    -webkit-transform-origin: left center;
    transform-origin: left center
}

.flag[country^=home] {
    background-image: none
}

.flag[country^=worldcup] {
    background-position: -287px -384px
}

.flag[country^=international] {
    background-position: -239px -384px
}

.flag[country^=uefachampionsleague] {
    background-position: -47px -72px
}

.flag[country^=uefaeuropaleague] {
    background-position: -336px -96px
}

.flag[country^=copaamericacnt] {
    background-position: -264px -72px;
    width: 24px;
    height: 24px;
    margin-left: 10px
}

.flag[country^=wta] {
    background-position: -1px -405px
}

.flag[country^=atp] {
    background-position: -25px -405px
}

.flag[country^=itf] {
    background-position: -50px -405px;
    -webkit-transform: scale(.8);
    transform: scale(.8)
}

.flag[country^=challenger] {
    background-position: -74px -405px
}

.flag[country^=asean] {
    background-position: 0 0
}

.flag[country^=afghanistan] {
    background-position: -24px 0
}

.flag[country^=africa] {
    background-position: -48px 0
}

.flag[country^=african-union-oas] {
    background-position: -72px 0
}

.flag[country^=albania] {
    background-position: -96px 0
}

.flag[country^=algeria] {
    background-position: -120px 0
}

.flag[country^=america] {
    background-position: -144px 0
}

.flag[country^=american-samoa] {
    background-position: -168px 0
}

.flag[country^=andorra] {
    background-position: -192px 0
}

.flag[country^=angola] {
    background-position: -216px 0
}

.flag[country^=anguilla] {
    background-position: -240px 0
}

.flag[country^=antarctica] {
    background-position: -264px 0
}

.flag[country^=antiguaandbarbuda] {
    background-position: -288px 0
}

.flag[country^=arab-league] {
    background-position: -312px 0
}

.flag[country^=argentina] {
    background-position: -336px 0
}

.flag[country^=armenia] {
    background-position: -360px 0
}

.flag[country^=aruba] {
    background-position: 0 -24px
}

.flag[country^=asia] {
    background-position: -24px -24px
}

.flag[country^=australia] {
    background-position: -48px -24px
}

.flag[country^=austria] {
    background-position: -72px -24px
}

.flag[country^=azerbaijan] {
    background-position: -96px -24px
}

.flag[country^=bahamas] {
    background-position: -120px -24px
}

.flag[country^=bahrain] {
    background-position: -144px -24px
}

.flag[country^=bangladesh] {
    background-position: -168px -24px
}

.flag[country^=barbados] {
    background-position: -192px -24px
}

.flag[country^=belarus] {
    background-position: -216px -24px
}

.flag[country^=belgium] {
    background-position: -240px -24px
}

.flag[country^=belize] {
    background-position: -264px -24px
}

.flag[country^=benin] {
    background-position: -288px -24px
}

.flag[country^=bermuda] {
    background-position: -312px -24px
}

.flag[country^=bhutan] {
    background-position: -336px -24px
}

.flag[country^=bolivia] {
    background-position: -360px -24px
}

.flag[country^='bosnia&herzegovina'] {
    background-position: 0 -48px
}

.flag[country^=bosniaandherzegovina] {
    background-position: -24px -48px
}

.flag[country^=botswana] {
    background-position: -48px -48px
}

.flag[country^=brazil] {
    background-position: -72px -48px
}

.flag[country^=brunei] {
    background-position: -96px -48px
}

.flag[country^=bulgaria] {
    background-position: -120px -48px
}

.flag[country^=burkina-faso] {
    background-position: -144px -48px
}

.flag[country^=burundi] {
    background-position: -168px -48px
}

.flag[country^=caricom] {
    background-position: -192px -48px
}

.flag[country^=cis] {
    background-position: -216px -48px
}

.flag[country^=cambodia] {
    background-position: -240px -48px
}

.flag[country^=cambodja] {
    background-position: -264px -48px
}

.flag[country^=cameroon] {
    background-position: -288px -48px
}

.flag[country^=canada] {
    background-position: -312px -48px
}

.flag[country^=cape-verde] {
    background-position: -336px -48px
}

.flag[country^=cayman-islands] {
    background-position: -360px -48px
}

.flag[country^=central-african-republic] {
    background-position: 0 -72px
}

.flag[country^=chad] {
    background-position: -24px -72px
}

.flag[country^=championsleague] {
    background-position: -48px -72px
}

.flag[country^=chile] {
    background-position: -72px -72px
}

.flag[country^=china] {
    background-position: -96px -72px
}

.flag[country^=colombia] {
    background-position: -120px -72px
}

.flag[country^=commonwealth] {
    background-position: -144px -72px
}

.flag[country^=comoros] {
    background-position: -168px -72px
}

.flag[country^=congo-brazzaville] {
    background-position: -192px -72px
}

.flag[country^=congo-kinshasa] {
    background-position: -216px -72px
}

.flag[country^=cook-islands] {
    background-position: -240px -72px
}

.flag[country^=copaamerica] {
    background-position: -264px -72px
}

.flag[country^=costarica] {
    background-position: -288px -72px
}

.flag[country^=cote-divoire] {
    background-position: -312px -72px
}

.flag[country^=croatia] {
    background-position: -336px -72px
}

.flag[country^=cuba] {
    background-position: -360px -72px
}

.flag[country^=cyprus] {
    background-position: 0 -96px
}

.flag[country^=czechrepublic] {
    background-position: -24px -96px
}

.flag[country^=denmark] {
    background-position: -48px -96px
}

.flag[country^=djibouti] {
    background-position: -72px -96px
}

.flag[country^=dominica] {
    background-position: -96px -96px
}

.flag[country^=dominicanrepublic] {
    background-position: -120px -96px
}

.flag[country^=ecuador] {
    background-position: -144px -96px
}

.flag[country^=egypt] {
    background-position: -168px -96px
}

.flag[country^=elsalvador] {
    background-position: -192px -96px
}

.flag[country^=england] {
    background-position: -216px -96px
}

.flag[country^=equatorial-guinea] {
    background-position: -240px -96px
}

.flag[country^=eritrea] {
    background-position: -264px -96px
}

.flag[country^=estonia] {
    background-position: -288px -96px
}

.flag[country^=ethiopia] {
    background-position: -312px -96px
}

.flag[country^=europaleague] {
    background-position: -336px -96px
}

.flag[country^=europe] {
    background-position: -360px -96px
}

.flag[country^=faroeislands] {
    background-position: -24px -120px
}

.flag[country^=fiji] {
    background-position: -48px -120px
}

.flag[country^=finland] {
    background-position: -72px -120px
}

.flag[country^=france] {
    background-position: -96px -120px
}

.flag[country^=gabon] {
    background-position: -120px -120px
}

.flag[country^=gambia] {
    background-position: -144px -120px
}

.flag[country^=georgia] {
    background-position: -168px -120px
}

.flag[country^=germany] {
    background-position: -192px -120px
}

.flag[country^=ghana] {
    background-position: -216px -120px
}

.flag[country^=gibraltar] {
    background-position: -240px -120px
}

.flag[country^=greatbritain] {
    background-position: -264px -120px
}

.flag[country^=greece] {
    background-position: -288px -120px
}

.flag[country^=greenland] {
    background-position: -312px -120px
}

.flag[country^=grenada] {
    background-position: -336px -120px
}

.flag[country^=guadeloupe] {
    background-position: -360px -120px
}

.flag[country^=guam] {
    background-position: 0 -144px
}

.flag[country^=guatemala] {
    background-position: -24px -144px
}

.flag[country^=guernsey] {
    background-position: -48px -144px
}

.flag[country^=guinea-bissau] {
    background-position: -72px -144px
}

.flag[country^=guinea] {
    background-position: -96px -144px
}

.flag[country^=guyana] {
    background-position: -120px -144px
}

.flag[country^=haiti] {
    background-position: -144px -144px
}

.flag[country^=honduras] {
    background-position: -168px -144px
}

.flag[country^=hongkong] {
    background-position: -192px -144px
}

.flag[country^=hungary] {
    background-position: -216px -144px
}

.flag[country^=iceland] {
    background-position: -240px -144px
}

.flag[country^=india] {
    background-position: -264px -144px
}

.flag[country^=indonesia] {
    background-position: -288px -144px
}

.flag[country^=iran] {
    background-position: -336px -144px
}

.flag[country^=iraq] {
    background-position: -360px -144px
}

.flag[country^=ireland] {
    background-position: 0 -168px
}

.flag[country^=islamic-conference] {
    background-position: -24px -168px
}

.flag[country^=isle-of-man] {
    background-position: -48px -168px
}

.flag[country^=israel] {
    background-position: -72px -168px
}

.flag[country^=italy] {
    background-position: -96px -168px
}

.flag[country^=jamaica] {
    background-position: -120px -168px
}

.flag[country^=jersey] {
    background-position: -144px -168px
}

.flag[country^=jordan] {
    background-position: -168px -168px
}

.flag[country^=kazakhstan] {
    background-position: -192px -168px
}

.flag[country^=kenya] {
    background-position: -216px -168px
}

.flag[country^=kiribati] {
    background-position: -240px -168px
}

.flag[country^=korea-south] {
    background-position: -264px -168px
}

.flag[country^=koreasouth] {
    background-position: -288px -168px
}

.flag[country^=kosovo] {
    background-position: -312px -168px
}

.flag[country^=kuwait] {
    background-position: -336px -168px
}

.flag[country^=kyrgyzstan] {
    background-position: -360px -168px
}

.flag[country^=laos] {
    background-position: 0 -192px
}

.flag[country^=latvia] {
    background-position: -24px -192px
}

.flag[country^=lebanon] {
    background-position: -48px -192px
}

.flag[country^=lesotho] {
    background-position: -72px -192px
}

.flag[country^=liberia] {
    background-position: -96px -192px
}

.flag[country^=libya] {
    background-position: -120px -192px
}

.flag[country^=liechtenstein] {
    background-position: -144px -192px
}

.flag[country^=lithuania] {
    background-position: -168px -192px
}

.flag[country^=luxembourg] {
    background-position: -192px -192px
}

.flag[country^=macao] {
    background-position: -216px -192px
}

.flag[country^=macedonia] {
    background-position: -240px -192px
}

.flag[country^=madagascar] {
    background-position: -264px -192px
}

.flag[country^=malawi] {
    background-position: -288px -192px
}

.flag[country^=malaysia] {
    background-position: -312px -192px
}

.flag[country^=maldives] {
    background-position: -336px -192px
}

.flag[country^=mali] {
    background-position: -360px -192px
}

.flag[country^=malta] {
    background-position: 0 -216px
}

.flag[country^=marshall-islands] {
    background-position: -24px -216px
}

.flag[country^=martinique] {
    background-position: -48px -216px
}

.flag[country^=mauritania] {
    background-position: -72px -216px
}

.flag[country^=mauritius] {
    background-position: -96px -216px
}

.flag[country^=mexico] {
    background-position: -120px -216px
}

.flag[country^=micronesia] {
    background-position: -144px -216px
}

.flag[country^=moldova] {
    background-position: -168px -216px
}

.flag[country^=monaco] {
    background-position: -192px -216px
}

.flag[country^=mongolia] {
    background-position: -216px -216px
}

.flag[country^=montenegro] {
    background-position: -240px -216px
}

.flag[country^=montserrat] {
    background-position: -264px -216px
}

.flag[country^=morocco] {
    background-position: -288px -216px
}

.flag[country^=mozambique] {
    background-position: -312px -216px
}

.flag[country^=myanmar] {
    background-position: -336px -216px
}

.flag[country^=nato] {
    background-position: -360px -216px
}

.flag[country^=namibia] {
    background-position: 0 -240px
}

.flag[country^=nauru] {
    background-position: -24px -240px
}

.flag[country^=nepal] {
    background-position: -48px -240px
}

.flag[country^=netherlands-antilles] {
    background-position: -72px -240px
}

.flag[country^=holland],
.flag[country^=netherlands] {
    background-position: -96px -240px
}

.flag[country^=newcaledonia] {
    background-position: -120px -240px
}

.flag[country^=newzealand] {
    background-position: -144px -240px
}

.flag[country^=nicaragua] {
    background-position: -168px -240px
}

.flag[country^=niger] {
    background-position: -192px -240px
}

.flag[country^=nigeria] {
    background-position: -216px -240px
}

.flag[country^=north-korea] {
    background-position: -240px -240px
}

.flag[country^=northamerica] {
    background-position: -264px -240px
}

.flag[country^=northern-cyprus] {
    background-position: -288px -240px
}

.flag[country^=northernireland] {
    background-position: -312px -240px
}

.flag[country^=norway] {
    background-position: -336px -240px
}

.flag[country^=opec] {
    background-position: -360px -240px
}

.flag[country^=olimpic-movement] {
    background-position: 0 -264px
}

.flag[country^=olympicgames] {
    background-position: -24px -264px
}

.flag[country^=oman] {
    background-position: -48px -264px
}

.flag[country^=pakistan] {
    background-position: -72px -264px
}

.flag[country^=palau] {
    background-position: -96px -264px
}

.flag[country^=palestine] {
    background-position: -120px -264px
}

.flag[country^=panama] {
    background-position: -144px -264px
}

.flag[country^=papua-new-guinea] {
    background-position: -168px -264px
}

.flag[country^=paraguay] {
    background-position: -192px -264px
}

.flag[country^=peru] {
    background-position: -216px -264px
}

.flag[country^=philippines] {
    background-position: -240px -264px
}

.flag[country^=poland] {
    background-position: -264px -264px
}

.flag[country^=portugal] {
    background-position: -288px -264px
}

.flag[country^=puertorico] {
    background-position: -312px -264px
}

.flag[country^=qatar] {
    background-position: -336px -264px
}

.flag[country^=red-cross] {
    background-position: -360px -264px
}

.flag[country^=republicofireland] {
    background-position: 0 -288px
}

.flag[country^=reunion] {
    background-position: -24px -288px
}

.flag[country^=romania] {
    background-position: -48px -288px
}

.flag[country^=russia] {
    background-position: -72px -288px
}

.flag[country^=rwanda] {
    background-position: -96px -288px
}

.flag[country^=saint-lucia] {
    background-position: -120px -288px
}

.flag[country^=samoa] {
    background-position: -144px -288px
}

.flag[country^=sanmarino] {
    background-position: -168px -288px
}

.flag[country^=sao-tome-principe] {
    background-position: -192px -288px
}

.flag[country^=saudiarabia] {
    background-position: -216px -288px
}

.flag[country^=scotland] {
    background-position: -240px -288px
}

.flag[country^=senegal] {
    background-position: -264px -288px
}

.flag[country^=serbia] {
    background-position: -288px -288px
}

.flag[country^=seyshelles] {
    background-position: -312px -288px
}

.flag[country^=sierra-leone] {
    background-position: -336px -288px
}

.flag[country^=singapore] {
    background-position: -360px -288px
}

.flag[country^=slovakia] {
    background-position: 0 -312px
}

.flag[country^=slovenia] {
    background-position: -24px -312px
}

.flag[country^=solomon-islands] {
    background-position: -48px -312px
}

.flag[country^=somalia] {
    background-position: -72px -312px
}

.flag[country^=somaliland] {
    background-position: -96px -312px
}

.flag[country^=southafrica] {
    background-position: -120px -312px
}

.flag[country^=southkorea-copy] {
    background-position: -144px -312px
}

.flag[country^=southkorea] {
    background-position: -168px -312px
}

.flag[country^=spain] {
    background-position: -192px -312px
}

.flag[country^=sri-lanka] {
    background-position: -216px -312px
}

.flag[country^=st-kitts-nevis] {
    background-position: -240px -312px
}

.flag[country^=st-vincent-the-grenadines] {
    background-position: -264px -312px
}

.flag[country^=sudan] {
    background-position: -288px -312px
}

.flag[country^=suriname] {
    background-position: -312px -312px
}

.flag[country^=swaziland] {
    background-position: -336px -312px
}

.flag[country^=sweden] {
    background-position: -360px -312px
}

.flag[country^=switzerland] {
    background-position: 0 -336px
}

.flag[country^=syria] {
    background-position: -24px -336px
}

.flag[country^=tahiti-french-polinesia] {
    background-position: -48px -336px
}

.flag[country^=taiwan] {
    background-position: -72px -336px
}

.flag[country^=tajikistan] {
    background-position: -96px -336px
}

.flag[country^=tanzania] {
    background-position: -120px -336px
}

.flag[country^=thailand] {
    background-position: -144px -336px
}

.flag[country^=timor-leste] {
    background-position: -168px -336px
}

.flag[country^=togo] {
    background-position: -192px -336px
}

.flag[country^=tonga] {
    background-position: -216px -336px
}

.flag[country^=trinidadtobago] {
    background-position: -240px -336px
}

.flag[country^=trinidadandtobago] {
    background-position: -264px -336px
}

.flag[country^=tunisia] {
    background-position: -288px -336px
}

.flag[country^=turkey] {
    background-position: -312px -336px
}

.flag[country^=turkmenistan] {
    background-position: -336px -336px
}

.flag[country^=turks-and-caicos-islands] {
    background-position: -360px -336px
}

.flag[country^=tuvalu] {
    background-position: 0 -360px
}

.flag[country^=uae] {
    background-position: -24px -360px
}

.flag[country^=uk] {
    background-position: -48px -360px
}

.flag[country^=usa] {
    background-position: -72px -360px
}

.flag[country^=uganda] {
    background-position: -96px -360px
}

.flag[country^=ukraine] {
    background-position: -120px -360px
}

.flag[country^=united-nations] {
    background-position: -144px -360px
}

.flag[country^=unitedarabemirates] {
    background-position: -168px -360px
}

.flag[country^=unitedkingdom] {
    background-position: -192px -360px
}

.flag[country^=uruguay] {
    background-position: -216px -360px
}

.flag[country^=uzbekistan] {
    background-position: -240px -360px
}

.flag[country^=vtb] {
    background-position: -264px -360px
}

.flag[country^=vanuatu] {
    background-position: -288px -360px
}

.flag[country^=vatican-city] {
    background-position: -312px -360px
}

.flag[country^=venezuela] {
    background-position: -336px -360px
}

.flag[country^=vietnam] {
    background-position: -360px -360px
}

.flag[country^=virgin-islands-british] {
    background-position: 0 -384px
}

.flag[country^=virgin-islands-us] {
    background-position: -24px -384px
}

.flag[country^=wales] {
    background-position: -48px -384px
}

.flag[country^=western-sahara] {
    background-position: -72px -384px
}

.flag[country^=yemen] {
    background-position: -120px -384px
}

.flag[country^=zambia] {
    background-position: -144px -384px
}

.flag[country^=zimbabwe] {
    background-position: -168px -384px
}

.flag[country^=japan] {
    background-position: -192px -384px
}

.flag[country^=rolandgarros] {
    background-position: -216px -384px
}

.flag[country^=undefined] {
    background-position: -240px -384px
}

.flag[country^=wimbledon] {
    background-position: -264px -384px
}

section.get-in-touch {
    background-color: #fff;
    padding: 2.5rem 1.8rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: auto
}

@media screen and (max-width:920px) and (min-width:768px) {
    section.get-in-touch p {
        width: 82%!important
    }
}

section.get-in-touch h4 {
    font-size: 1.75rem;
    color: #000;
    padding-bottom: .3125rem;
    margin: 0;
    font-weight: 700;
    line-height: 2.625rem;
    font-family: Montserrat-Bold
}

section.get-in-touch span {
    color: var(--primary-color);
    font-size: .875rem;
    line-height: 1.375rem;
    font-weight: 500;
    display: block;
    text-transform: uppercase;
    font-family: Montserrat-Medium
}

section.get-in-touch p {
    font-size: 1rem;
    width: 33.75rem;
    text-align: center;
    padding: 1.25rem 0;
    color: #000;
    line-height: 1.375rem;
    font-family: Montserrat-Light
}

section.get-in-touch a {
    width: 16.25rem;
    line-height: 2.625rem;
    font-weight: 500;
    height: 3.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #1de9b6;
    color: #fff;
    font-size: 1rem;
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    font-family: Montserrat-Bold
}

section.get-in-touch a .text {
    position: relative;
    z-index: 1;
    -webkit-transition: .4s;
    transition: .4s;
    font-size: .875rem;
    color: #fff;
    font-family: Montserrat-Bold
}

section.get-in-touch a::after {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: -1px;
    left: -1px;
    background: currentColor;
    -webkit-transition: .8s ease-in-out;
    transition: .8s ease-in-out;
    -webkit-transform-origin: left;
    transform-origin: left;
    background: #000;
    -webkit-transform: scaleX(1.1);
    transform: scaleX(1.1)
}

section.get-in-touch a:hover .text {
    color: #000!important
}

section.get-in-touch a:hover::after {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    width: 401px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

@media(max-width:920px) {
    section.get-in-touch {
        padding-top: 3rem
    }
    section.get-in-touch p {
        width: 100%
    }
    section.get-in-touch p br {
        display: none
    }
    section.get-in-touch .slide-button {
        margin-top: 1.7333rem;
        background: var(--black);
        -webkit-transition: .3s ease;
        transition: .3s ease
    }
    section.get-in-touch .slide-button p {
        z-index: 0!important
    }
    section.get-in-touch .slide-button:hover {
        background: var(--primary-color)
    }
    section.get-in-touch .slide-button:after {
        opacity: 0!important
    }
}

body.success-active::after {
    content: "";
    background-color: rgba(7, 7, 10, .95);
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9
}

.success-popup {
    padding: 3.375rem 2.5rem;
    width: 50.75rem;
    height: 25rem;
    position: fixed;
    background-color: #08060a;
    border: .0625rem solid #252525;
    margin: 0 auto;
    color: #efefef;
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .875rem;
    top: 50%;
    left: 50%;
    z-index: 9999;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none!important
}

@media(max-width:920px) {
    .success-popup {
        width: 90%;
        -webkit-transform: translate(-50%, -40%);
        transform: translate(-50%, -40%)
    }
    .success-popup span {
        text-align: center
    }
}

.success-popup.active {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.success-popup .p-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: -2.1875rem;
    right: 0;
    cursor: pointer
}

.success-popup .p-close span {
    font-size: .875rem;
    font-weight: 500;
    color: #fff;
    padding-right: .4375rem;
    font-family: Montserrat-Medium
}

.success-popup .p-close img {
    width: .9375rem;
    height: .9375rem
}

.success-popup>img {
    height: 2.75rem;
    position: absolute;
    top: 2.5625rem;
    left: 2.5625rem
}

.success-popup .success-arrow {
    width: 3.375rem;
    height: 3.375rem;
    border: .0625rem solid #252525;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 2.6667rem 0
}

.success-popup .success-arrow img {
    width: 1.125rem;
    height: .6875rem;
    -o-object-fit: contain;
    object-fit: contain
}

.success-popup>span {
    font-weight: 700;
    text-transform: uppercase;
    font-family: Montserrat-Bold
}

.success-popup>span.span-title {
    color: #1de9b6
}

.success-popup h4 {
    font-weight: 500;
    padding-top: 2.6875rem;
    font-size: .875rem;
    text-transform: uppercase;
    font-family: Montserrat-Medium
}

.success-popup p {
    font-weight: 300;
    text-transform: uppercase;
    font-family: Montserrat-Light;
    padding-top: 1.25rem
}

body.vertical-slider {
    overflow: auto
}

body.vertical-slider header {
    background: linear-gradient(45deg, #00000005, #07070a7a)
}

@media(max-width:920px) {
    body.vertical-slider header.active {
        background-color: #000!important
    }
}

body.vertical-slider .page-products-wrapper {
    overflow: hidden;
    background-color: #000;
    width: 100%;
    z-index: 99999;
    opacity: 0;
    padding-top: 12.5rem;
    -webkit-transition: opacity 1s;
    transition: opacity 1s;
    z-index: 0!important
}

@media screen and (max-width:920px) and (min-width:768px) {
    body.vertical-slider .page-products-wrapper {
        opacity: 1!important
    }
}

@media(max-width:920px) {
    body.vertical-slider .page-products-wrapper {
        opacity: 1!important
    }
}

body.vertical-slider .page-products-wrapper .swiper-slide.active .border-animation {
    pointer-events: none
}

body.vertical-slider .page-products-wrapper .swiper-slide.active .border-animation::after,
body.vertical-slider .page-products-wrapper .swiper-slide.active .border-animation::before {
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 1!important
}

body.vertical-slider .page-products-wrapper .swiper-slide.active .border-animation::before {
    border-top-color: var(--primary-color);
    border-right-color: var(--primary-color);
    -webkit-transition: width .3s ease-out, height .3s ease-out .3s;
    transition: width .3s ease-out, height .3s ease-out .3s
}

body.vertical-slider .page-products-wrapper .swiper-slide.active .border-animation::after {
    border-bottom-color: var(--primary-color);
    border-left-color: var(--primary-color);
    -webkit-transition: border-color 0s ease-out .6s, width .3s ease-out .6s, height .3s ease-out 1s;
    transition: border-color 0s ease-out .6s, width .3s ease-out .6s, height .3s ease-out 1s
}

body.vertical-slider .page-products-wrapper .swiper-slide.active .border-animation>* {
    pointer-events: all
}

@media(max-width:920px) {
    body.vertical-slider .page-products-wrapper {
        position: relative;
        display: block;
        padding-top: 5rem
    }
}

body.vertical-slider footer {
    display: none
}

.middle {
    width: 85.25rem;
    margin: auto
}

.btn,
button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: var(--primary-color);
    border: none;
    outline: 0;
    color: #0b0808;
    text-align: center;
    font-family: Montserrat-Medium!important;
    cursor: pointer;
    -webkit-transition: .3s ease;
    transition: .3s ease
}

.btn.dark,
button.dark {
    background: #131319;
    color: #fff
}

.btn:hover,
button:hover {
    -webkit-filter: brightness(1.1);
    filter: brightness(1.1)
}

.socials-wrapper>ul {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 4.375rem
}

@media(max-width:920px) {
    .socials-wrapper>ul {
        height: 5.5rem
    }
    .socials-wrapper>ul::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 1px!important;
        width: 100%;
        background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(42%, transparent), color-stop(50%, #fff), color-stop(58%, transparent), to(transparent));
        background: linear-gradient(90deg, transparent 0, transparent 42%, #fff 50%, transparent 58%, transparent 100%)
    }
}

.socials-wrapper>ul>li {
    margin: 1.125rem
}

@media(max-width:920px) {
    .socials-wrapper>ul>li {
        margin: 0 1.3333rem;
        height: 100%
    }
}

.socials-wrapper>ul>li>a {
    display: block
}

@media(max-width:920px) {
    .socials-wrapper>ul>li>a {
        padding: 0!important;
        height: 100%!important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.socials-wrapper>ul>li>a img {
    width: 1.75rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

.socials-wrapper>ul>li>a img:hover {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

.socials-wrapper>ul::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: .5px;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(42%, transparent), color-stop(50%, #fff), color-stop(58%, transparent), to(transparent));
    background: linear-gradient(90deg, transparent 0, transparent 42%, #fff 50%, transparent 58%, transparent 100%);
    display: block
}

.border-animation {
    border: 0;
    background: 0 0;
    color: #fff;
    position: relative;
    padding: .0625rem;
    height: 100%;
    width: 100%;
    outline: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.border-animation>* {
    z-index: 9;
    position: relative
}

.border-animation::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    position: absolute;
    content: "";
    border: 1px solid transparent;
    width: 0;
    height: 0
}

.border-animation::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit;
    position: absolute;
    content: "";
    border: 1px solid transparent;
    width: 0;
    height: 0;
    bottom: 0;
    right: 0
}

.border-animation::before {
    top: 0;
    left: 0
}

.pre-loader {
    position: fixed;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #07070a;
    z-index: 9999;
    -webkit-animation: fade .1s ease;
    animation: fade .1s ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.pre-loader video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: 100%
}

@-webkit-keyframes fade {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fade {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

ul.move-animation>li>a {
    overflow: hidden
}

ul.move-animation>li>a::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    width: 5.3333rem;
    height: 1px;
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(var(--primary-color)), to(transparent));
    background: linear-gradient(to left, transparent, var(--primary-color), transparent);
    -webkit-animation: 4.5s gradientAnimation infinite linear;
    animation: 4.5s gradientAnimation infinite linear;
    background-repeat: no-repeat;
    opacity: 0;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 2rem;
    background-size: 100%
}

@media(max-width:920px) {
    ul.move-animation>li>a::after {
        bottom: 0!important;
        width: 100%!important;
        -webkit-animation: 4.5s gradientAnimation infinite linear;
        animation: 4.5s gradientAnimation infinite linear;
        background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(transparent), color-stop(var(--primary-color)), color-stop(transparent), to(transparent));
        background: linear-gradient(to left, transparent, transparent, var(--primary-color), transparent, transparent)
    }
    @-webkit-keyframes gradientAnimation {
        0% {
            -webkit-transform: translateX(-86.3%);
            transform: translateX(-86.3%)
        }
        100% {
            -webkit-transform: translateX(86.3%);
            transform: translateX(86.3%)
        }
    }
    @keyframes gradientAnimation {
        0% {
            -webkit-transform: translateX(-86.3%);
            transform: translateX(-86.3%)
        }
        100% {
            -webkit-transform: translateX(86.3%);
            transform: translateX(86.3%)
        }
    }
}

ul.move-animation>li>a:hover::after {
    opacity: 1
}

@-webkit-keyframes gradientAnimation {
    0% {
        background-position: -6.875rem
    }
    100% {
        background-position: 5rem
    }
}

@keyframes gradientAnimation {
    0% {
        background-position: -6.875rem
    }
    100% {
        background-position: 5rem
    }
}

.bottom-sc {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: 13.8125rem;
    text-align: center;
    margin: auto;
    z-index: 9
}

.bottom-sc .video-icon {
    height: 1.625rem;
    cursor: pointer
}

.bottom-sc .video-icon img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.bottom-sc .video-icon span {
    margin-left: 1.25rem;
    font-family: Montserrat-Medium;
    font-size: .875rem;
    text-transform: uppercase;
    color: #fff
}

.bottom-sc .scroll-down-wrapper {
    height: calc(100% - 1.625rem);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.bottom-sc .scroll-down-wrapper .scroll-down {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 3.125rem;
    width: .0625rem;
    background: #bababa52;
    overflow: hidden
}

.bottom-sc .scroll-down-wrapper .scroll-down::after {
    content: "";
    width: .0625rem;
    height: 1.25rem;
    background: #fff;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: scroll;
    animation-name: scroll;
    -webkit-transition: opacity 1.5s;
    transition: opacity 1.5s
}

@-webkit-keyframes scroll {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(3.125rem);
        transform: translateY(3.125rem)
    }
}

@keyframes scroll {
    0% {
        opacity: 1
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(3.125rem);
        transform: translateY(3.125rem)
    }
}

.page-banner-wrapper {
    position: fixed;
    height: 100vh;
    width: 100%;
    z-index: 9;
    overflow: hidden;
    -webkit-transition: .8s ease;
    transition: .8s ease
}

@media(max-width:920px) {
    .page-banner-wrapper>* {
        padding-top: 7.5rem!important
    }
}

.page-banner-wrapper.not-fixed {
    position: relative
}

.page-banner-wrapper .banner {
    position: relative;
    height: 100%;
    width: 100%;
    padding: 15rem 8.75rem;
    background-position: top;
    background-repeat: no-repeat;
    font-family: Montserrat-Medium;
    -webkit-animation: 2s ease opacityAnimation;
    animation: 2s ease opacityAnimation;
    -webkit-animation-delay: .2s;
    animation-delay: .2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    background-size: cover;
    overflow: hidden
}

.page-banner-wrapper .banner .banner-src {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top;
    object-position: top;
    z-index: -1;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    -webkit-animation: banner 2s ease;
    animation: banner 2s ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transform-origin: top;
    transform-origin: top
}

@-webkit-keyframes banner {
    from {
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

@keyframes banner {
    from {
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}

.page-banner-wrapper .banner .mobile-banner {
    display: none
}

@media(max-width:920px) {
    .banner-src {
        display: none;
    }
    .page-banner-wrapper .banner .mobile-banner {
        display: block!important
    }
}

.page-banner-wrapper .banner .ipad-banner {
    display: none
}

@media screen and (max-width:920px) and (min-width:768px) {
    .page-banner-wrapper .banner .ipad-banner {
        display: block!important
    }
}

@media(max-width:920px) {
    .page-banner-wrapper .banner {
        padding: .8rem 2.4rem;
        min-height: calc(100vh - var(--headerHeight) + 7.5rem);
        background-size: cover
    }
}

.page-banner-wrapper .banner::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    width: 100vw;
    height: 100vw;
    background: #07070a;
    border-top-left-radius: 50%;
    border-top-right-radius: 50%;
    -webkit-transition: .5s;
    transition: .5s;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-animation: 3s cubic-bezier(.16, 1, .3, 1) circle;
    animation: 3s cubic-bezier(.16, 1, .3, 1) circle;
    pointer-events: none;
    display: none
}

@-webkit-keyframes circle {
    5% {
        border-top-left-radius: 50%;
        border-top-right-radius: 50%
    }
    100% {
        -webkit-transform: translateY(100%) scale(3);
        transform: translateY(100%) scale(3);
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

@keyframes circle {
    5% {
        border-top-left-radius: 50%;
        border-top-right-radius: 50%
    }
    100% {
        -webkit-transform: translateY(100%) scale(3);
        transform: translateY(100%) scale(3);
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }
}

@-webkit-keyframes opacityAnimation {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes opacityAnimation {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.page-banner-wrapper .banner .text-wrapper {
    width: 33.5rem
}

@media(max-width:920px) {
    .page-banner-wrapper .banner .text-wrapper {
        width: 100%
    }
}

.page-banner-wrapper .banner .text-wrapper>h1 {
    font-size: 2rem;
    line-height: 3.125rem;
    margin-bottom: .3125rem;
    white-space: nowrap;
    font-family: Montserrat-Bold
}

.page-banner-wrapper .banner .text-wrapper>h1 .letter {
    -webkit-animation: .1s letterAnimation linear;
    animation: .1s letterAnimation linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block
}

@-webkit-keyframes letterAnimation {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

@keyframes letterAnimation {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

@media(max-width:920px) {
    .page-banner-wrapper .banner .text-wrapper>h1 {
        font-size: 1.4667rem
    }
}

.page-banner-wrapper .banner .text-wrapper>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    line-height: 1.5rem;
    letter-spacing: .03rem;
    color: var(--primary-color);
    -webkit-animation: 1s descriptionAnimation ease;
    animation: 1s descriptionAnimation ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    text-transform: uppercase;
    font-family: Montserrat-Medium
}

@-webkit-keyframes descriptionAnimation {
    0% {
        -webkit-transform: translateX(55px);
        transform: translateX(55px);
        opacity: 0
    }
}

@keyframes descriptionAnimation {
    0% {
        -webkit-transform: translateX(55px);
        transform: translateX(55px);
        opacity: 0
    }
}

@media(max-width:920px) {
    .page-banner-wrapper .banner .text-wrapper>span {
        font-size: .9333rem
    }
}

.page-banner-wrapper .banner .text-wrapper p {
    margin-top: .9375rem;
    font-size: 1rem;
    line-height: 1.375rem;
    -webkit-animation: 1s pAnimation ease;
    animation: 1s pAnimation ease;
    font-family: Montserrat-Light
}

@-webkit-keyframes pAnimation {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }
}

@keyframes pAnimation {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
        opacity: 0
    }
}

@media(max-width:920px) {
    .page-banner-wrapper .banner .text-wrapper p {
        font-size: .9667rem;
        margin-top: 2rem
    }
}

.page-banner-wrapper .banner .text-wrapper a p {
    font-family: Montserrat-Medium!important
}

.page-banner-wrapper .banner .info {
    position: absolute;
    bottom: 5rem;
    left: 0;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-banner-wrapper .banner .info ul {
    width: calc(100% - (8.75rem * 2));
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:1200px) and (min-width:920px) {
    .page-banner-wrapper .banner .info ul {
        width: calc(100% - 5rem);
        margin: auto
    }
    .page-banner-wrapper .banner .info ul li {
        min-width: unset!important;
        width: calc(100%/4)!important;
        -webkit-box-pack: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }
}

.buttons-actions {
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
}

.buttons-actions button {
    padding: 10px;
    margin-top: 10px;
    min-width: 150px;
}

.contact-us {
    background: black;
    color: white;
    border: 1px solid #1de9b6;
}

.page-banner-wrapper .banner .info ul li {
    min-width: 25rem;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Montserrat-SemiBold;
    font-size: 1.375rem;
    line-height: 2.5625rem;
    text-transform: uppercase;
    -webkit-animation: 1s ease steps;
    animation: 1s ease steps;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.page-banner-wrapper .banner .info ul li:nth-child(1) {
    -webkit-animation-delay: .2s;
    animation-delay: .2s
}

.page-banner-wrapper .banner .info ul li:nth-child(2) {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.page-banner-wrapper .banner .info ul li:nth-child(3) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.page-banner-wrapper .banner .info ul li:nth-child(4) {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.page-banner-wrapper .banner .info ul li:nth-child(5) {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.page-banner-wrapper .banner .info ul li:nth-child(6) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.page-banner-wrapper .banner .info ul li:nth-child(7) {
    -webkit-animation-delay: 1.4s;
    animation-delay: 1.4s
}

.page-banner-wrapper .banner .info ul li:nth-child(8) {
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s
}

.page-banner-wrapper .banner .info ul li:nth-child(9) {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.page-banner-wrapper .banner .info ul li:nth-child(10) {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

@-webkit-keyframes steps {
    from {
        -webkit-transform: translateY(25rem);
        transform: translateY(25rem);
        opacity: 0
    }
}

@keyframes steps {
    from {
        -webkit-transform: translateY(25rem);
        transform: translateY(25rem);
        opacity: 0
    }
}

.page-banner-wrapper .banner .info ul li:not(:last-child):not(:first-child) {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.page-banner-wrapper .banner .info ul li:last-child {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.page-banner-wrapper .banner .info ul li div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.page-banner-wrapper .banner .info ul li div span {
    font-family: HelveticaNeue-Bold;
    font-weight: 700
}

.page-banner-wrapper .banner .info ul li div span.count {
    position: relative;
    font-size: 2rem;
    margin-bottom: 1.25rem;
    letter-spacing: .1333rem;
    font-family: "helvetica neue lt w05 65 medium"
}

.page-banner-wrapper .banner .info ul li div span.count:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1rem;
    height: .0667rem;
    width: 2.5rem;
    background: var(--primary-color)
}

.page-banner-wrapper .banner .info ul li div span.name {
    font-size: .875rem;
    font-weight: 300;
    letter-spacing: .0267rem
}

@media(max-width:920px) {
    .page-banner-wrapper .banner .info {
        position: relative;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        bottom: 0;
        margin-top: 3rem
    }
    .page-banner-wrapper .banner .info ul {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .page-banner-wrapper .banner .info ul li {
        margin: 0!important;
        margin-bottom: 1.3333rem!important;
        width: 100%;
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important;
        min-width: unset
    }
    .page-banner-wrapper .banner .info ul li div span.count {
        font-size: 1.3333rem;
        margin-bottom: .4rem
    }
    .page-banner-wrapper .banner .info ul li div span.count:after {
        bottom: -.3rem
    }
}

main.scrolled .page-banner-wrapper {
    pointer-events: none;
    opacity: 0
}

main.scrolled .page-banner-wrapper .banner::after {
    display: block
}

main.scrolled .page-banner-wrapper .info,
main.scrolled .page-banner-wrapper .text-wrapper {
    display: none
}

main.scrolled .page-banner-wrapper+.swiper-container {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1
}

main:not(.scrolled) .page-banner-wrapper+.swiper-container {
    opacity: 0
}

main.showProductSlider .page-products-wrapper {
    opacity: 1!important
}

@media screen and (max-width:1200px) and (min-width:920px) {
    main.showProductSlider .page-products-wrapper {
        position: relative!important
    }
}

main:not(.showProductSlider) .page-products-wrapper {
    height: 0;
    padding-top: 0
}

@media screen and (max-width:920px) and (min-width:768px) {
    main:not(.showProductSlider) .page-products-wrapper {
        height: auto;
        padding-top: 5rem
    }
}

@media(max-width:920px) {
    main:not(.showProductSlider) .page-products-wrapper {
        height: auto;
        padding-top: 5rem
    }
}

main .bgAnimation {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    pointer-events: none
}

main .bgAnimation.visible::after,
main .bgAnimation.visible::before {
    display: block
}

main .bgAnimation::after,
main .bgAnimation::before {
    content: '';
    left: 0;
    top: 0;
    width: 100%;
    height: 50%;
    z-index: 9999999;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: none;
    position: fixed
}

main .bgAnimation::after {
    background: var(--primary-color);
    height: 100%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: bgAnimation 1s ease;
    animation: bgAnimation 1s ease;
    z-index: 9
}

@-webkit-keyframes bgAnimation {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@keyframes bgAnimation {
    from {
        -webkit-transform: translateY(100%);
        transform: translateY(100%)
    }
    to {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%)
    }
}

@-webkit-keyframes opacityBox {
    100% {
        opacity: 1
    }
}

@keyframes opacityBox {
    100% {
        opacity: 1
    }
}

main .product-buttons {
    width: 7.625rem
}

@media(max-width:920px) {
    main .product-buttons {
        display: none
    }
}

main .product-buttons>* {
    position: relative;
    width: 7.625rem;
    height: 3.75rem
}

main .product-buttons .swiper-button-next:after,
main .product-buttons .swiper-button-prev:after {
    content: "";
    font-size: 1.4375rem;
    color: #fff;
    background-image: url(../assets/images/slider-arrow4b6d.svg?v5);
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    width: .75rem;
    height: 1.375rem;
    background-size: cover
}

main .product-buttons .swiper-button-next:after {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

main .product-buttons .swiper-button-next:hover::after,
main .product-buttons .swiper-button-prev:hover::after {
    -webkit-filter: brightness(0);
    filter: brightness(0)
}

main .product-buttons .swiper-button-next {
    background-color: #000;
    left: 0;
    outline: 0;
    -webkit-transition: .3s;
    transition: .3s;
    margin-top: 0;
    border: .0625rem solid #252525
}

main .product-buttons .swiper-button-next:hover {
    background-color: var(--primary-color)
}

main .product-buttons .swiper-button-next:hover::after {
    color: #07077a
}

main .product-buttons .swiper-button-prev {
    background-color: #000;
    left: 0;
    margin-top: 0;
    top: 1rem!important;
    -webkit-transition: .3s;
    transition: .3s;
    outline: 0;
    border: .0625rem solid #252525
}

main .product-buttons .swiper-button-prev:hover {
    background-color: var(--primary-color)
}

main .product-buttons .swiper-button-prev:hover::after {
    color: #07077a!important
}

main .product-buttons .swiper-button-disabled {
    opacity: 1!important
}

main .product-buttons .swiper-button-disabled::after {
    opacity: .3!important
}

main .our-products-container {
    padding-bottom: 5rem;
    position: relative;
    z-index: 9999;
    opacity: 0;
    -webkit-animation: opacityBox 1.4s ease-in-out;
    animation: opacityBox 1.4s ease-in-out;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media(max-width:920px) {
    main .our-products-container {
        padding-bottom: 0!important;
        margin-bottom: 5rem!important
    }
}

main .our-products-container .slide-bar {
    position: absolute;
    left: 0;
    bottom: -5rem;
    left: 8.625rem;
    width: 24.875rem;
    height: .0625rem;
    margin-top: 3.75rem;
    background-color: rgba(255, 255, 255, .2);
    overflow: hidden
}

@media screen and (max-width:1200px) and (min-width:920px) {
    main .our-products-container .slide-bar {
        -webkit-transform: translateX(2.5rem);
        transform: translateX(2.5rem)
    }
}

@media(max-width:920px) {
    main .our-products-container .slide-bar {
        display: none
    }
}

main .our-products-container .slide-bar .active-line {
    height: 100%;
    background-color: var(--primary-color);
    -webkit-transition: .2s ease;
    transition: .2s ease
}

main .our-products-container>h1 {
    text-align: center;
    position: relative;
    color: #fff;
    font-size: 1.5rem;
    line-height: 2.125rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 7.5rem
}

@media(max-width:920px) {
    main .our-products-container>h1 {
        margin-bottom: 5rem
    }
}

main .our-products-container>h1::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1.25rem;
    width: 2.5rem;
    height: .0625rem;
    margin: auto;
    background: var(--primary-color)
}

main .our-products-container>h1 span {
    font-weight: 300;
    margin-right: .7375rem;
    color: #fff;
    font-family: Montserrat-Light
}

main .our-products-container .products-slider {
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 102.5rem;
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

@media screen and (max-width:1200px) and (min-width:920px) {
    main .our-products-container .products-slider {
        width: 100%;
        padding-left: 2.5rem!important
    }
}

@media(max-width:920px) {
    main .our-products-container .products-slider {
        width: 100%;
        padding-left: 2.5rem!important
    }
}

main .our-products-container .products-slider .swiper-container-products {
    width: 100%;
    height: 100%;
    overflow: hidden;
    margin-left: 1rem
}

@media(max-width:920px) {
    main .our-products-container .products-slider .swiper-container-products {
        margin-left: 0
    }
    main .our-products-container .products-slider .swiper-container-products .swiper-wrapper {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        -ms-flex-direction: unset;
        flex-direction: unset
    }
    main .our-products-container .products-slider .swiper-container-products .swiper-wrapper .swiper-slide {
        width: 18.2667rem!important
    }
    main .our-products-container .products-slider .swiper-container-products .swiper-wrapper a div {
        background-position: center!important
    }
}

@media(max-width:920px) {
    main .our-products-container .products-slider .swiper-container-products .swiper-wrapper .swiper-slide {
        width: 100%;
        height: 26rem
    }
}

@media screen and (max-width:920px) and (max-width:920px) and (min-width:768px) {
    main .our-products-container .products-slider .swiper-container-products .swiper-wrapper .swiper-slide {
        width: 18.2667rem
    }
}

@media(max-width:920px) {
    main .our-products-container .products-slider .swiper-container-products .swiper-wrapper .swiper-slide .products-col {
        background-position: center right -50px !important;
    }
}

main .our-products-container .products-slider .swiper-container-products .swiper-slide {
    height: 19.375rem;
    width: 42.125rem
}

main .our-products-container .products-slider .swiper-container-products .swiper-slide:hover .border-animation {
    pointer-events: none
}

main .our-products-container .products-slider .swiper-container-products .swiper-slide:hover .border-animation::after,
main .our-products-container .products-slider .swiper-container-products .swiper-slide:hover .border-animation::before {
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 1!important
}

main .our-products-container .products-slider .swiper-container-products .swiper-slide:hover .border-animation::before {
    border-top-color: var(--primary-color);
    border-right-color: var(--primary-color);
    -webkit-transition: width .3s ease-out, height .3s ease-out .3s;
    transition: width .3s ease-out, height .3s ease-out .3s
}

main .our-products-container .products-slider .swiper-container-products .swiper-slide:hover .border-animation::after {
    border-bottom-color: var(--primary-color);
    border-left-color: var(--primary-color);
    -webkit-transition: border-color 0s ease-out .6s, width .3s ease-out .6s, height .3s ease-out 1s;
    transition: border-color 0s ease-out .6s, width .3s ease-out .6s, height .3s ease-out 1s
}

main .our-products-container .products-slider .swiper-container-products .swiper-slide:hover .border-animation>* {
    pointer-events: all
}

main .our-products-container .products-slider .swiper-container-products .swiper-slide .products-col {
    width: 100%;
    height: 100%;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-animation: 1.7s ease sizeAnimation;
    animation: 1.7s ease sizeAnimation;
    background-position: right;
    cursor: pointer
}

main .our-products-container .products-slider .swiper-container-products .swiper-slide .products-col h5 {
    position: absolute;
    font-size: 1rem;
    line-height: 3.125rem;
    letter-spacing: .32px;
    font-weight: 700;
    line-height: 1.5rem;
    top: 2.5rem;
    left: 1rem;
    color: #fff;
    font-family: Montserrat-Bold;
    text-transform: uppercase;
    display: none;
}

@media(max-width: 920px) {
    main .our-products-container .products-slider .swiper-container-products .swiper-slide .products-col h5 {
        display: block;
    }
}

main .our-products-container .products-slider .swiper-container-products .swiper-slide .products-col>img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

main .our-solutions-container {
    position: relative;
    z-index: 9999;
    opacity: 0;
    -webkit-animation: opacityBox 1.4s ease-in-out;
    animation: opacityBox 1.4s ease-in-out;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

main .our-solutions-container .solution-space {
    margin: auto;
    width: 100%;
    display: grid;
    grid-gap: 1rem
}

@media(max-width:920px) {
    main .our-solutions-container .solution-space {
        width: 100%;
        padding-bottom: 0
    }
}

main .our-solutions-container .solution-space.product-page {
    padding-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

@media(max-width:920px) {
    main .our-solutions-container .solution-space.product-page {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        height: 100%;
        padding-bottom: 5rem
    }
}

main .our-solutions-container .solution-space .solution-col {
    width: 42.125rem
}

.product-page .solution-col {
    width: 22rem !important;
}

.our-solutions-container .all-wrapper {
    padding-bottom: 12.375rem;
}

@media(max-width:920px) {
    main .our-solutions-container .solution-space .solution-col:first-child {
        margin: 0
    }
}

main .our-solutions-container .solution-space .solution-col .border-animation {
    pointer-events: all!important;
    height: 19.375rem;
    border: 1px solid rgba(186, 186, 186, .2);
    background-color: #07070a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

main .our-solutions-container .solution-space .solution-col h3 {
    font-size: 1rem;
    padding-bottom: .9375rem;
    color: #fff;
    line-height: 2.125rem;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Montserrat-Bold
}

main .our-solutions-container .solution-space .solution-col h3 span {
    font-family: Montserrat-Light
}

main .our-solutions-container .solution-space .solution-col p {
    text-transform: uppercase;
    font-size: .875rem;
    color: #1de9b6;
    font-family: Montserrat-Medium
}

main .our-solutions-container>h1 {
    text-align: center;
    position: relative;
    color: #fff;
    font-size: 1.5rem;
    line-height: 2.125rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 7.5rem
}

@media(max-width:920px) {
    main .our-solutions-container>h1 {
        margin-bottom: 5rem
    }
}

main .our-solutions-container>h1::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1.25rem;
    width: 2.5rem;
    height: .0625rem;
    margin: auto;
    background: #1de9b6
}

main .our-solutions-container>h1 span {
    font-weight: 300;
    margin-right: .7375rem;
    color: #fff;
    font-family: Montserrat-Light
}

@-webkit-keyframes sizeAnimation {
    from {
        background-size: 130% 130%
    }
}

@keyframes sizeAnimation {
    from {
        background-size: 130% 130%
    }
}

.btn.homeSlide {
    width: 16.25rem;
    line-height: 2.625rem;
    font-weight: 500;
    height: 3.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--primary-color)!important;
    color: #000;
    border: .0625rem solid var(--primary-color)!important;
    font-size: 1rem;
    text-transform: uppercase;
    position: relative;
    overflow: hidden
}

.btn.homeSlide .text {
    position: relative;
    z-index: 1;
    -webkit-transition: .4s;
    transition: .4s;
    color: #fff;
    margin-top: 0!important
}

.btn.homeSlide::after {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: -1px;
    left: -1px;
    background: currentColor;
    -webkit-transition: .8s ease-in-out;
    transition: .8s ease-in-out;
    -webkit-transform-origin: left;
    transform-origin: left;
    background: #000;
    -webkit-transform: scaleX(1.1);
    transform: scaleX(1.1)
}

.btn.homeSlide:hover .text {
    color: #000!important;
    margin-top: 0!important
}

.btn.homeSlide:hover::after {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    width: 401px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.vertical-slider .swiper-container {
    position: relative;
    width: 100%;
    height: 100vh;
    -webkit-transition: 1s ease;
    transition: 1s ease;
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.vertical-slider .swiper-container .swiper-slide {
    text-align: center;
    font-size: 1.125rem;
    background: var(--backgroundColor);
    text-align: left;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    color: #fff
}

.vertical-slider .swiper-container .swiper-slide.swiper-slide-active .slider-container {
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.vertical-slider .swiper-container .swiper-slide .slider-container {
    height: calc(100% - var(--headerHeight) - 4rem);
    width: calc(100% - 17.5rem);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    display: none;
    margin-top: var(--headerHeight)
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide .slider-container {
        position: relative;
        padding: 2.4rem;
        padding-top: 0;
        margin-top: 2rem!important
    }
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container {
    padding-top: 2.3333rem;
    width: 33.5rem;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    z-index: 9;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden
}

@media screen and (max-width:1200px) and (min-width:920px) {
    .vertical-slider .swiper-container .swiper-slide .slider-container .text-container {
        padding-top: 5.3333rem;
        width: 50.4375rem;
        -ms-flex-negative: unset;
        flex-shrink: unset
    }
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container::-webkit-scrollbar {
    display: none
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container h1.title {
    font-size: 2rem;
    font-family: Montserrat-Bold;
    line-height: 2.5rem;
    letter-spacing: .02rem;
    text-transform: uppercase
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container h1.title .letter {
    -webkit-animation: .1s letterAnimation linear;
    animation: .1s letterAnimation linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block
}

@keyframes letterAnimation {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container h1.title div {
    display: inline
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide .slider-container .text-container h1.title {
        font-size: 1.8667rem
    }
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container h2.title-slider {
    font-size: 2rem;
    font-family: Montserrat-Bold;
    line-height: 2.5rem;
    letter-spacing: .02rem;
    text-transform: uppercase
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container h2.title-slider .letter {
    -webkit-animation: .1s letterAnimation linear;
    animation: .1s letterAnimation linear;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    display: inline-block
}

@keyframes letterAnimation {
    from {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        opacity: 0
    }
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container h2.title-slider div {
    display: inline
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide .slider-container .text-container h2.title-slider {
        font-size: 1.8667rem
    }
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container p.subtitle {
    margin-top: .625rem;
    color: var(--primary-color);
    font-family: Montserrat-Medium;
    font-size: 1rem;
    line-height: 1.375rem;
    text-transform: uppercase;
    -webkit-animation: 1s subtitleAnimation ease;
    animation: 1s subtitleAnimation ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes subtitleAnimation {
    from {
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
        opacity: 0
    }
}

@keyframes subtitleAnimation {
    from {
        -webkit-transform: translateX(-40px);
        transform: translateX(-40px);
        opacity: 0
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide .slider-container .text-container p.subtitle {
        font-size: .9333rem
    }
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container .short-description {
    margin-top: 1.25rem;
    line-height: 1.375rem;
    font-family: Montserrat-Light;
    font-size: 1rem;
    -webkit-animation: 1s descriptionAnimation ease;
    animation: 1s descriptionAnimation ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide .slider-container .text-container .short-description {
        font-size: .9667rem
    }
}

@keyframes descriptionAnimation {
    0% {
        -webkit-transform: translateX(55px);
        transform: translateX(55px);
        opacity: 0
    }
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container .short-description .list-title {
    margin-top: 3rem;
    font-family: Montserrat-Bold;
    font-size: 1rem;
    text-transform: uppercase
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container .short-description .list-title+ul {
    margin-top: 0
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container .short-description ul {
    overflow: hidden;
    margin-top: 2.5rem;
    line-height: .875rem
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container .short-description ul.for-video li {
    -webkit-transition: padding-left .3s ease;
    transition: padding-left .3s ease
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container .short-description ul.for-video li.active {
    padding-left: 2.5rem
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container .short-description ul.for-video li.active>h3:first-of-type {
    color: var(--primary-color)
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container .short-description ul.for-video li.active>h3:first-of-type:before {
    content: "";
    position: absolute;
    left: 1.25rem;
    top: .4rem;
    height: 0;
    border-top: .3rem solid transparent;
    border-bottom: .3rem solid transparent;
    border-left: .5rem solid var(--primary-color);
    display: inline-block
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container .short-description ul li {
    position: relative;
    padding-left: 1.25rem;
    margin-top: 1.8rem;
    line-height: 1.375rem;
    font-size: .875rem;
    -webkit-animation: 1s listAnimation ease;
    animation: 1s listAnimation ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container .short-description ul li:nth-child(1) {
    -webkit-animation-delay: .3s;
    animation-delay: .3s
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container .short-description ul li:nth-child(2) {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container .short-description ul li:nth-child(3) {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container .short-description ul li:nth-child(4) {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container .short-description ul li:nth-child(5) {
    -webkit-animation-delay: 1.5s;
    animation-delay: 1.5s
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container .short-description ul li:nth-child(6) {
    -webkit-animation-delay: 1.8s;
    animation-delay: 1.8s
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container .short-description ul li:nth-child(7) {
    -webkit-animation-delay: 2.1s;
    animation-delay: 2.1s
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container .short-description ul li:nth-child(8) {
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container .short-description ul li:nth-child(9) {
    -webkit-animation-delay: 2.7s;
    animation-delay: 2.7s
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container .short-description ul li:nth-child(10) {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

@-webkit-keyframes listAnimation {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }
}

@keyframes listAnimation {
    from {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
        opacity: 0
    }
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container .short-description ul li a {
    color: var(--primary-color);
    font-family: Montserrat-Bold
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container .short-description ul li h3 {
    font-family: Montserrat-Bold;
    line-height: 1.375rem;
    font-size: .875rem;
    display: inline-block
}

.vertical-slider .swiper-container .swiper-slide .slider-container .text-container .short-description ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: .1rem;
    width: .0625rem;
    height: 1.25rem;
    background: var(--primary-color)
}

.vertical-slider .swiper-container .swiper-slide .slider-container .play-btn-wrapper {
    width: 16.25rem;
    height: 3.75rem;
    background: 0 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: absolute;
    z-index: 999999999;
    bottom: 10rem;
    right: 18rem
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide .slider-container .play-btn-wrapper {
        right: unset;
        bottom: 14rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
}

.vertical-slider .swiper-container .swiper-slide .slider-container .play-btn-wrapper .play-btn {
    width: 11.25rem;
    height: 100%;
    background: #1de9b6;
    display: grid;
    place-items: center
}

.vertical-slider .swiper-container .swiper-slide .slider-container .play-btn-wrapper .play-btn span {
    color: #07070a;
    font-size: 1rem;
    font-family: Montserrat-Bold
}

.vertical-slider .swiper-container .swiper-slide .slider-container .play-btn-wrapper .play-icon {
    width: 3.75rem;
    height: 100%;
    background: #1de9b6;
    display: grid;
    place-items: center;
    margin-left: 1.25rem
}

.vertical-slider .swiper-container .swiper-slide .slider-container .play-btn-wrapper .play-icon .icon-circle {
    background-color: #131319;
    width: 2.625rem;
    height: 2.625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%
}

.vertical-slider .swiper-container .swiper-slide .slider-container .play-btn-wrapper .play-icon .icon-circle img {
    width: .375rem;
    height: .563rem;
    -o-object-fit: contain;
    object-fit: contain
}

.vertical-slider .swiper-container .swiper-slide .slider-container .banner-container {
    height: 100%;
    margin-left: auto;
    width: 75.75rem;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    opacity: 0;
    -webkit-transform: translateY(10rem);
    transform: translateY(10rem);
    -webkit-animation: 1s ease fadeInUp;
    animation: 1s ease fadeInUp;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeInUp {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide .slider-container .banner-container {
        height: 100vw;
        position: absolute;
        left: 0
    }
    .vertical-slider .swiper-container .swiper-slide .slider-container .banner-container img,
    .vertical-slider .swiper-container .swiper-slide .slider-container .banner-container video {
        max-width: unset!important
    }
}

.vertical-slider .swiper-container .swiper-slide .slider-container .banner-container.multy img:first-child {
    display: block
}

.vertical-slider .swiper-container .swiper-slide .slider-container .banner-container.multy img,
.vertical-slider .swiper-container .swiper-slide .slider-container .banner-container.multy video:not(:first-child) {
    display: none
}

.vertical-slider .swiper-container .swiper-slide .slider-container .banner-container.multy img,
.vertical-slider .swiper-container .swiper-slide .slider-container .banner-container.multy video {
    -webkit-animation: 1s ease videoAnimation;
    animation: 1s ease videoAnimation
}

@-webkit-keyframes videoAnimation {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes videoAnimation {
    from {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

.vertical-slider .swiper-container .swiper-slide .slider-container .banner-container img,
.vertical-slider .swiper-container .swiper-slide .slider-container .banner-container video {
    position: relative;
    height: 100%;
    max-width: 96rem
}

@media screen and (max-width:1200px) and (min-width:920px) {
    .vertical-slider .swiper-container .swiper-slide .slider-container .banner-container img,
    .vertical-slider .swiper-container .swiper-slide .slider-container .banner-container video {
        margin-right: -6rem!important
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide .slider-container .banner-container img,
    .vertical-slider .swiper-container .swiper-slide .slider-container .banner-container video {
        height: 70vw !important
    }
    #dapp-photo {
        height: 70vw !important
    }
}

.vertical-slider .swiper-container .swiper-slide .slider-container .banner-container .banner {
    height: 100%;
    width: 100%;
    background-position: center right 6.25rem;
    background-repeat: no-repeat;
    -webkit-animation: 1s bannerAnimation ease;
    animation: 1s bannerAnimation ease;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes bannerAnimation {
    from {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: 0
    }
}

@keyframes bannerAnimation {
    from {
        -webkit-transform: scale(.9);
        transform: scale(.9);
        opacity: 0
    }
}

.vertical-slider .swiper-container .swiper-slide .slider-container .banner-container img {
    height: 100%
}

.vertical-slider .swiper-container .swiper-pagination {
    counter-reset: counter;
    right: 4.5rem!important;
    z-index: 9
}

.vertical-slider .swiper-container .swiper-pagination .swiper-pagination-bullet {
    position: relative;
    counter-increment: counter;
    width: 2.25rem;
    height: 2.25rem;
    display: -webkit-box!important;
    display: -ms-flexbox!important;
    display: flex!important;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    outline: 0;
    background: 0 0;
    opacity: 1;
    font-family: "helvetica neue lt w05 65 medium"
}

.vertical-slider .swiper-container .swiper-pagination .swiper-pagination-bullet:last-child {
    display: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.vertical-slider .swiper-container .swiper-pagination .swiper-pagination-bullet p {
    opacity: 0;
    position: absolute;
    left: -1.25rem;
    top: 0;
    bottom: 0;
    margin: auto;
    min-width: 13.0625rem;
    height: 2.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-transform: translateX(-90%);
    transform: translateX(-90%);
    color: #fff!important;
    border: 1px solid rgba(186, 186, 186, .2);
    background: #000;
    -webkit-transition: .4s ease;
    transition: .4s ease;
    white-space: nowrap;
    padding: 1.25rem;
    font-family: Montserrat-Light;
    font-size: .875rem
}

@media screen and (max-width:1200px) and (min-width:920px) {
    .vertical-slider .swiper-container .swiper-pagination .swiper-pagination-bullet p {
        display: none!important
    }
}

.vertical-slider .swiper-container .swiper-pagination .swiper-pagination-bullet p svg {
    position: absolute;
    right: 0;
    -webkit-transform: translateX(110%);
    transform: translateX(110%)
}

.vertical-slider .swiper-container .swiper-pagination .swiper-pagination-bullet:hover p {
    opacity: 1;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.vertical-slider .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 36px;
    height: 36px;
    background-image: url(../assets/images/load_circle.png);
    -webkit-animation: moveX 1s steps(26);
    animation: moveX 1s steps(26);
    -webkit-filter: brightness(1.7);
    filter: brightness(1.7)
}

@-webkit-keyframes moveX {
    from {
        background-position-x: 0
    }
    to {
        background-position-x: -936px
    }
}

@keyframes moveX {
    from {
        background-position-x: 0
    }
    to {
        background-position-x: -936px
    }
}

.vertical-slider .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    opacity: 1;
    width: 100%
}

.vertical-slider .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    opacity: 1
}

.vertical-slider .swiper-container .swiper-pagination .swiper-pagination-bullet::after,
.vertical-slider .swiper-container .swiper-pagination .swiper-pagination-bullet::before {
    -webkit-transition: 1s;
    transition: 1s
}

.vertical-slider .swiper-container .swiper-pagination .swiper-pagination-bullet::before {
    content: "0" counter(counter);
    opacity: .2;
    font-family: HelveticaNeue-Medium
}

.vertical-slider .swiper-container .swiper-pagination .swiper-pagination-bullet::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: .0625rem;
    width: 3.125rem;
    background: #fff;
    margin: auto;
    -webkit-transform: translateX(4.4rem);
    transform: translateX(4.4rem);
    opacity: 0;
    z-index: 9;
    width: 0
}

.vertical-slider .swiper-container .swiper-footer {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 4rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 8.75rem;
    width: 100%;
    z-index: 9;
    letter-spacing: .04rem;
    padding-bottom: 1.5rem;
    padding-top: 1rem;
    background: var(--backgroundColor);
    -webkit-transition: opacity .4s ease;
    transition: opacity .4s ease
}

@media screen and (max-width:920px) and (min-width:768px) {
    .vertical-slider .swiper-container .swiper-footer {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-footer {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        pointer-events: all;
        opacity: 1;
        height: 3.875rem
    }
    .vertical-slider .swiper-container .swiper-footer.fadeOut {
        width: 100%;
        pointer-events: none;
        opacity: 0
    }
}

.vertical-slider .swiper-container .swiper-footer .caller-col {
    position: absolute;
    display: none;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    z-index: 99;
    bottom: 1.6875rem;
    right: 8.8125rem
}

.vertical-slider .swiper-container .swiper-footer .caller-col.active {
    display: block
}

@media screen and (max-width:920px) and (min-width:768px) {
    .vertical-slider .swiper-container .swiper-footer .caller-col {
        max-width: 25.875rem!important;
        width: 100%!important
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-footer .caller-col {
        position: fixed;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        right: unset;
        width: 100%;
        padding: 0 2.5rem;
        bottom: 3.875rem
    }
    .vertical-slider .swiper-container .swiper-footer .caller-col .live-caller {
        width: 100%;
        margin: 0 auto
    }
    .vertical-slider .swiper-container .swiper-footer .caller-col .live-caller .date-col span {
        width: 8.5125rem!important;
        text-align: center
    }
    .vertical-slider .swiper-container .swiper-footer .caller-col>* {
        position: relative;
        z-index: 99
    }
}

.vertical-slider .swiper-container .swiper-footer .live-caller {
    margin: 0 auto!important;
    width: 24.875rem
}

.vertical-slider .swiper-container .swiper-footer .live-caller-send {
    display: none
}

.vertical-slider .swiper-container .swiper-footer .pulse-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-footer .pulse-wrapper {
        display: none
    }
}

.vertical-slider .swiper-container .swiper-footer .pulse-wrapper .pulse {
    position: relative;
    width: 3.875rem;
    height: 3.875rem;
    border-radius: 50%;
    background: var(--primary-color);
    -webkit-animation: ripple 2s linear infinite;
    animation: ripple 2s linear infinite;
    -webkit-transform: scale(.4);
    transform: scale(.4);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -.8125rem
}

.vertical-slider .swiper-container .swiper-footer .pulse-wrapper .pulse img {
    -webkit-transform: scale(2.4);
    transform: scale(2.4);
    width: .4375rem;
    height: .25rem;
    -o-object-fit: contain;
    object-fit: contain
}

@-webkit-keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(29, 233, 182, .21), 0 0 0 .9375rem rgba(29, 233, 182, .21), 0 0 0 1.875rem rgba(29, 233, 182, .1);
        box-shadow: 0 0 0 0 rgba(29, 233, 182, .21), 0 0 0 .9375rem rgba(29, 233, 182, .21), 0 0 0 1.875rem rgba(29, 233, 182, .1)
    }
    100% {
        -webkit-box-shadow: 0 0 0 .9375rem rgba(29, 233, 182, .21), 0 0 0 1.875rem rgba(29, 233, 182, .1), 0 0 0 2.5rem transparent;
        box-shadow: 0 0 0 .9375rem rgba(29, 233, 182, .21), 0 0 0 1.875rem rgba(29, 233, 182, .1), 0 0 0 2.5rem transparent
    }
}

@keyframes ripple {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgba(29, 233, 182, .21), 0 0 0 .9375rem rgba(29, 233, 182, .21), 0 0 0 1.875rem rgba(29, 233, 182, .1);
        box-shadow: 0 0 0 0 rgba(29, 233, 182, .21), 0 0 0 .9375rem rgba(29, 233, 182, .21), 0 0 0 1.875rem rgba(29, 233, 182, .1)
    }
    100% {
        -webkit-box-shadow: 0 0 0 .9375rem rgba(29, 233, 182, .21), 0 0 0 1.875rem rgba(29, 233, 182, .1), 0 0 0 2.5rem transparent;
        box-shadow: 0 0 0 .9375rem rgba(29, 233, 182, .21), 0 0 0 1.875rem rgba(29, 233, 182, .1), 0 0 0 2.5rem transparent
    }
}

.vertical-slider .swiper-container .swiper-footer .pulse-wrapper>p {
    font-family: Montserrat-Medium;
    color: #fff;
    font-size: .875rem;
    margin-left: 1.25rem;
    white-space: nowrap
}

.vertical-slider .swiper-container .swiper-footer .request-call {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
    position: relative;
    z-index: 9;
    cursor: pointer
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-footer .request-call {
        margin: 0
    }
}

.vertical-slider .swiper-container .swiper-footer .request-call img {
    height: 1.125rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.vertical-slider .swiper-container .swiper-footer .request-call>p {
    margin-left: 1.25rem;
    color: #fff;
    font-family: Montserrat-Medium;
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

.change-word-wrapper {
    margin: auto;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    color: #fff;
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem)
}

@media(max-width:920px) {
    .change-word-wrapper {
        -webkit-transform: translateX(0)!important;
        transform: translateX(0)!important
    }
    .change-word-wrapper .pre-word {
        font-size: 1.4667rem!important
    }
    .change-word-wrapper .change-inner {
        font-size: 1.4667rem!important
    }
}

.change-word-wrapper .carousel {
    position: relative;
    font-size: 1.875rem;
    line-height: 2.8125rem;
    width: 100%;
    white-space: nowrap;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.change-word-wrapper .carousel .pre-word {
    font-size: 2rem;
    margin-right: 1rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.change-word-wrapper .carousel .pre-word .arrow {
    margin-left: 1rem
}

.change-word-wrapper .carousel .pre-word .arrow path {
    fill: var(--primary-color)
}

.change-word-wrapper .carousel .change-word {
    overflow: hidden;
    height: 2.8125rem;
    text-align: left
}

.change-word-wrapper .carousel .change-inner {
    -webkit-animation: rotate 12s ease-in-out infinite;
    animation: rotate 12s ease-in-out infinite
}

.change-word-wrapper .carousel .change-inner-element {
    font-family: Montserrat-SemiBold;
    color: var(--primary-color)
}

@-webkit-keyframes rotate {
    0%,
    8% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    13%,
    21% {
        -webkit-transform: translateY(-2.8125rem);
        transform: translateY(-2.8125rem)
    }
    26%,
    34% {
        -webkit-transform: translateY(-5.625rem);
        transform: translateY(-5.625rem)
    }
    39%,
    47% {
        -webkit-transform: translateY(-8.4375rem);
        transform: translateY(-8.4375rem)
    }
    52%,
    60% {
        -webkit-transform: translateY(-11.25rem);
        transform: translateY(-11.25rem)
    }
    65%,
    72% {
        -webkit-transform: translateY(-14.0625rem);
        transform: translateY(-14.0625rem)
    }
    100%,
    77%,
    85% {
        -webkit-transform: translateY(-16.875rem);
        transform: translateY(-16.875rem)
    }
}

@keyframes rotate {
    0%,
    8% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    13%,
    21% {
        -webkit-transform: translateY(-2.8125rem);
        transform: translateY(-2.8125rem)
    }
    26%,
    34% {
        -webkit-transform: translateY(-5.625rem);
        transform: translateY(-5.625rem)
    }
    39%,
    47% {
        -webkit-transform: translateY(-8.4375rem);
        transform: translateY(-8.4375rem)
    }
    52%,
    60% {
        -webkit-transform: translateY(-11.25rem);
        transform: translateY(-11.25rem)
    }
    65%,
    72% {
        -webkit-transform: translateY(-14.0625rem);
        transform: translateY(-14.0625rem)
    }
    100%,
    77%,
    85% {
        -webkit-transform: translateY(-16.875rem);
        transform: translateY(-16.875rem)
    }
}

@media(max-width:920px) {
    header {
        -webkit-transition: .8s ease!important;
        transition: .8s ease!important
    }
    .page-banner-wrapper {
        position: relative;
        height: unset!important;
        z-index: 0
    }
    main:not(.scrolled) .page-banner-wrapper+.swiper-container {
        opacity: 1!important
    }
    .vertical-slider .swiper-container .swiper-slide .slider-container {
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .vertical-slider .swiper-wrapper {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .vertical-slider .swiper-container {
        height: unset
    }
    .vertical-slider .swiper-container .swiper-slide .slider-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }
    .vertical-slider .swiper-container .swiper-slide .slider-container .text-container {
        width: 100%
    }
    .vertical-slider .swiper-container .swiper-slide .slider-container .banner-container {
        width: 100%;
        width: 100%
    }
    .vertical-slider footer {
        margin-bottom: 3rem
    }
    main.static .page-banner-wrapper.not-fixed {
        height: 100vh!important
    }
    main.static .page-banner-wrapper .banner {
        background-size: 100% 100%;
        background-repeat: no-repeat;
        padding: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

@media(max-width:920px) and (max-width:920px) {
    main.static .page-banner-wrapper .banner {
        padding: 0 2.5rem;
        background-size: auto 100%;
        background-position: bottom
    }
}

@media screen and (max-width:920px) and (max-width:920px) and (min-width:768px) {
    main.static .page-banner-wrapper .banner {
        background-attachment: unset!important;
        background-size: cover!important
    }
}

@media screen and (max-width:920px) and (max-width:1200px) and (min-width:920px) {
    main.static .page-banner-wrapper .banner {
        background-attachment: unset!important;
        background-size: cover!important
    }
}

@media(max-width:920px) {
    main.static .page-banner-wrapper .banner .text-wrapper {
        padding-top: 1.6rem
    }
    main.static .page-banner-wrapper .banner .text-wrapper>h1 {
        font-size: 1.8667rem;
        white-space: pre-wrap
    }
    main.static .page-banner-wrapper .btn {
        position: absolute!important;
        bottom: 5.4667rem;
        left: 0;
        right: 0;
        width: 9.7333rem!important;
        height: 2.6667rem!important;
        font-size: .9333rem!important;
        margin: auto;
        font-family: Montserrat-Medium!important
    }
}

@media screen and (max-width:1200px) and (min-width:920px) {
    video {
        max-width: 73rem!important
    }
    .swiper-pagination-bullet-active {
        background-image: none!important;
        background-color: #1d1d22!important
    }
}

header {
    position: fixed;
    left: 0;
    top: 0;
    height: var(--headerHeight);
    width: 100%!important;
    background: -webkit-gradient(linear, right top, left top, from(#07070a), to(transparent));
    background: linear-gradient(to left, #07070a, transparent);
    padding: 0 2.5rem;
    z-index: 99;
    -webkit-transition: opacity 240ms;
    transition: opacity 240ms
}

header a.logo {
    -webkit-transform-origin: left;
    transform-origin: left;
    -webkit-transform: scale(.57);
    transform: scale(.57);
    margin-right: -3.2667rem;
    position: relative;
    z-index: 1
}

@media(max-width:920px) {
    header a.logo {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: left;
        transform-origin: left
    }
}

@media(min-width:921px) {
    header a.logo img {
        display: none!important
    }
}

header .sprite {
    overflow: hidden;
    background: url(../assets/images/protocol-logo.png);
    background-size: 100% auto;
    height: 6.4667rem;
    width: 16.6rem
}

@media(max-width:920px) {
    header .sprite {
        display: none!important
    }
}


/* 
header .sprite.animation {
    -webkit-animation: spriteAnimation 4s steps(307) infinite;
    animation: spriteAnimation 4s steps(307) infinite
}

header .sprite.stop {
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

header .sprite.play {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@-webkit-keyframes spriteAnimation {
    from {
        background-position-y: 0
    }
    to {
        background-position-y: -1371.2667rem
    }
}

@keyframes spriteAnimation {
    from {
        background-position-y: 0
    }
    to {
        background-position-y: -1371.2667rem
    }
} */

header.active {
    background-color: #000
}

@media(max-width:920px) {
    header.active {
        background-color: var(--backgroundColor)
    }
}

header.fadeOut {
    pointer-events: none;
    opacity: 0!important
}

@media screen and (max-width:1200px) and (min-width:920px) {
    header.fadeOut {
        pointer-events: all!important;
        opacity: 1!important
    }
}

header.black {
    background: #000!important
}

header.black .active .nav-hovered-container {
    display: block;
    pointer-events: all
}

header .middle {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%!important;
    margin: auto
}

header .middle .logo img {
    height: 2.5rem
}

header .middle video {
    height: 2.7rem
}

header .middle nav {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width:920px) {
    header .middle nav {
        position: fixed;
        left: 0;
        top: var(--headerHeight);
        height: calc(100% - var(--headerHeight));
        width: 100%;
        background: #07070a;
        border-top: .2px solid #ffffff27
    }
    header .middle nav>ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 1.3333rem
    }
    header .middle nav>ul>li {
        padding-left: 0!important
    }
    header .middle nav>ul>li.show-info .nav-hovered-container {
        display: block;
        pointer-events: all;
        width: 100%
    }
    header .middle nav>ul>li:not(.show-info) .nav-hovered-container {
        pointer-events: none
    }
    header .middle nav>ul>li a {
        padding-left: 2.5rem;
        height: 5.5rem!important
    }
    header .middle nav>ul>li a:not(.border-animation)::before {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        margin: auto;
        bottom: 0;
        width: 100%;
        height: 1px;
        background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(rgba(255, 255, 255, .151)), to(transparent));
        background: linear-gradient(to left, transparent, rgba(255, 255, 255, .151), transparent);
        background-repeat: no-repeat;
        border-radius: 2rem;
        background-size: 67%;
        background-position-x: -2rem;
        -webkit-transition: 2s ease!important;
        transition: 2s ease!important
    }
    header .middle nav>ul>li a span {
        width: 100%
    }
    header .middle nav>ul>li a:not(.contact) {
        pointer-events: none
    }
    header .middle nav>ul>li.active a:before,
    header .middle nav>ul>li:hover a:before {
        opacity: 0!important
    }
}

header .middle nav>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

header .middle nav>ul>li+li {
    padding-left: 2.5rem
}

header .middle nav>ul>li>a {
    position: relative;
    color: #fff;
    font-family: Montserrat-Bold;
    text-transform: uppercase;
    line-height: 1.125rem;
    letter-spacing: .02rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 7.5rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .875rem
}

header .middle nav>ul>li>a:after {
    bottom: .625rem
}

header .middle nav>ul>li>a.news .read-more {
    display: none
}

header .middle nav>ul>li>a.news:after {
    right: unset;
    width: 7.5rem;
    -webkit-animation: 4.5s newsGaradientAnimation infinite linear;
    animation: 4.5s newsGaradientAnimation infinite linear
}

@media(max-width:920px) {
    header .middle nav>ul>li>a.news:after {
        -webkit-animation: 4.5s mobileNewsGaradientAnimation infinite linear;
        animation: 4.5s mobileNewsGaradientAnimation infinite linear
    }
    @-webkit-keyframes mobileNewsGaradientAnimation {
        0% {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%)
        }
        100% {
            -webkit-transform: translateX(100%);
            transform: translateX(100%)
        }
    }
    @keyframes mobileNewsGaradientAnimation {
        0% {
            -webkit-transform: translateX(-100%);
            transform: translateX(-100%)
        }
        100% {
            -webkit-transform: translateX(100%);
            transform: translateX(100%)
        }
    }
}

@-webkit-keyframes newsGaradientAnimation {
    0% {
        background-position: -150px
    }
    100% {
        background-position: 120px
    }
}

@keyframes newsGaradientAnimation {
    0% {
        background-position: -150px
    }
    100% {
        background-position: 120px
    }
}

header .middle nav>ul>li.active>a:after,
header .middle nav>ul>li.active>a:before,
header .middle nav>ul>li:hover>a:after,
header .middle nav>ul>li:hover>a:before {
    opacity: 1
}

header .middle .header-right {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

@media(max-width:920px) {
    header .middle .header-right {
        margin-top: 2.6667rem;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }
}

header .middle .header-right .language {
    margin-right: 5.625rem;
    line-height: 1.375rem;
    letter-spacing: .04rem;
    cursor: pointer;
    display: none!important
}

@media(max-width:920px) {
    header .middle .header-right .language {
        margin-right: 0;
        margin-bottom: 2rem;
        display: none!important
    }
}

header .middle .header-right .language p {
    font-size: .9333rem
}

header .middle .header-right .language p span {
    font-family: Montserrat-Bold
}

header .middle .header-right .btn {
    width: 15.1875rem;
    height: 2.5rem;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #1de9b6;
    color: #000;
    border: .0625rem solid #1de9b6;
    font-size: .875rem;
    text-transform: uppercase;
    position: relative;
    overflow: hidden
}

header .middle .header-right .btn * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

header .middle .header-right .btn svg {
    height: .9rem
}

header .middle .header-right .btn svg path {
    -webkit-transition: .4s;
    transition: .4s;
    fill: #fff
}

header .middle .header-right .btn:hover {
    border: 1px solid var(--primary-color)
}

header .middle .header-right .btn:hover svg path {
    fill: #000
}

header .middle .header-right .btn .text {
    position: relative;
    z-index: 1;
    -webkit-transition: .4s;
    transition: .4s;
    color: #fff;
    margin-top: 0!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

header .middle .header-right .btn::after {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: -.0625rem;
    left: 0;
    background: currentColor;
    -webkit-transition: .8s ease-in-out;
    transition: .8s ease-in-out;
    -webkit-transform-origin: left;
    transform-origin: left;
    background: #000;
    -webkit-transform: scaleX(1.1);
    transform: scaleX(1.1)
}

header .middle .header-right .btn:hover .text {
    color: #000!important;
    margin-top: 0!important
}

header .middle .header-right .btn:hover::after {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    width: 401px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

header .middle .header-right .btn span {
    margin-left: 1rem
}

header .middle .header-right .contact-wrapper.for-phone {
    text-align: center;
    margin-top: 1.3333rem;
    width: 100%
}

header .middle .header-right .contact-wrapper.for-phone p {
    color: #bababa;
    font-size: .9333rem;
    font-family: Montserrat-Medium;
    margin-bottom: 1.3333rem
}

header .middle .header-right .contact-wrapper.for-phone ul:first-of-type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

header .middle .header-right .contact-wrapper.for-phone ul:first-of-type li {
    margin-bottom: 2rem
}

header .middle .header-right .contact-wrapper.for-phone ul:first-of-type li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Montserrat-Light;
    font-size: .9333rem;
    color: #fff
}

header .middle .header-right .contact-wrapper.for-phone ul:first-of-type li a img {
    margin-right: .6667rem;
    -webkit-filter: brightness(2);
    filter: brightness(2)
}

header .middle .header-right .contact-wrapper.for-phone .socials {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3.3333rem
}

header .middle .header-right .contact-wrapper.for-phone .socials::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: .0333rem;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), color-stop(35%, transparent), color-stop(50%, #fff), color-stop(65%, transparent), to(transparent));
    background: linear-gradient(90deg, transparent 0, transparent 35%, #fff 50%, transparent 65%, transparent 100%);
    display: block
}

header .middle .header-right .contact-wrapper.for-phone .socials li {
    margin: 0 .4667rem
}

header .middle .header-right .contact-wrapper.for-phone .socials li a img {
    height: 1.8rem
}

header .middle .toggle-menu {
    display: none;
    margin-left: auto
}

@media(max-width:920px) {
    header .our-solutions-container {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: auto
    }
}

header .header_action_wrapper {
    display: none;
    position: fixed;
    left: 0;
    width: 100%;
    height: 4.6667rem;
    padding: 0 2.5rem;
    background-color: #07070a;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: .2px solid #ffffff27
}

header .header_action_wrapper.visible {
    display: none
}

@media(max-width:920px) {
    header .header_action_wrapper {
        top: var(--headerHeight)
    }
}

header .header_action_wrapper .back-button img {
    width: 2.6667rem;
    height: 2.6667rem
}

header .header_action_wrapper .page-title h1 {
    position: relative;
    font-size: 1.3333rem;
    line-height: 4rem;
    font-family: Montserrat-Bold;
    text-transform: uppercase;
    color: #fff;
    overflow: hidden
}

header .header_action_wrapper .page-title h1::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(transparent), color-stop(var(--primary-color)), color-stop(transparent), to(transparent));
    background: linear-gradient(to left, transparent, transparent, var(--primary-color), transparent, transparent);
    -webkit-animation: 4.5s gradientAnimation infinite linear;
    animation: 4.5s gradientAnimation infinite linear;
    background-repeat: no-repeat;
    -webkit-transition: .2s;
    transition: .2s;
    border-radius: 2rem;
    background-size: 130%
}

@keyframes gradientAnimation {
    0% {
        -webkit-transform: translateX(-86.3%);
        transform: translateX(-86.3%)
    }
    100% {
        -webkit-transform: translateX(86.3%);
        transform: translateX(86.3%)
    }
}

@media(max-width:920px) {
    header .header_action_wrapper.visible {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.mobile-header {
    display: none
}

.mobile-header .header_action_wrapper {
    display: none;
    width: 100%;
    height: 4.6667rem;
    padding: 0 2.5rem;
    background-color: transparent;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border: 1px solid rgba(186, 186, 186, .2)
}

.mobile-header .header_action_wrapper.visible {
    display: none
}

@media(max-width:920px) {
    .mobile-header .header_action_wrapper {
        top: var(--headerHeight)
    }
}

.mobile-header .header_action_wrapper .back-button img {
    width: 2.6667rem;
    height: 2.6667rem
}

.mobile-header .header_action_wrapper .page-title h1 {
    position: relative;
    font-size: 1rem;
    line-height: 4rem;
    font-family: Montserrat-Bold;
    text-transform: uppercase;
    color: #07070a;
    overflow: hidden
}

@media(max-width:920px) {
    .mobile-header .header_action_wrapper.visible {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.nav-hovered-container {
    position: fixed;
    left: 0;
    top: var(--headerHeight);
    z-index: 9;
    width: 100%;
    -webkit-animation: sunbMenuAnimation .4s ease;
    animation: sunbMenuAnimation .4s ease;
    display: none;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    opacity: 0;
    pointer-events: none;
    z-index: 99
}

@media(max-width:920px) {
    .nav-hovered-container .nav li:first-child a {
        background-image: url(../assets/images/_layouts/header/products/dapp.png)!important;
        background-size: 80% !important;
        background-position: right !important;
        background-repeat: no-repeat !important;
    }
}

@media screen and (max-width:920px) and (min-width:768px) {
    .nav-hovered-container .nav li:first-child a {
        background-image: url(../assets/images/_layouts/header/products/dapp.png)!important;
        background-size: 80% !important;
        background-position: right !important;
        background-repeat: no-repeat !important;
    }
}

@media(max-width:920px) {
    .nav-hovered-container .nav li:nth-child(2) a {
        background-image: url(../assets/images/_layouts/header/products/stake.png)!important;
        background-size: 80% !important;
        background-position: right !important;
        background-repeat: no-repeat !important;
    }
}

@media screen and (max-width:920px) and (min-width:768px) {
    .nav-hovered-container .nav li:nth-child(2) a {
        background-image: url(../assets/images/_layouts/header/products/stake.png)!important;
        background-size: 80% !important;
        background-position: right !important;
        background-repeat: no-repeat !important;
    }
}

@media(max-width:920px) {
    .nav-hovered-container .nav li:nth-child(3) a {
        background-image: url(../assets/images/_layouts/header/products/nft.png)!important;
        background-size: 80% !important;
        background-position: right !important;
        background-repeat: no-repeat !important;
    }
}

@media screen and (max-width:920px) and (min-width:768px) {
    .nav-hovered-container .nav li:nth-child(3) a {
        background-image: url(../assets/images/_layouts/header/products/nft.png)!important;
        background-size: 80% !important;
        background-position: right !important;
        background-repeat: no-repeat !important;
    }
}

@media(max-width:920px) {
    .nav-hovered-container .nav li:nth-child(4) a {
        background-image: url(../assets/images/_layouts/header/products/dashboard.png)!important;
        background-size: 80% !important;
        background-position: right !important;
        background-repeat: no-repeat !important;
    }
}

@media screen and (max-width:920px) and (min-width:768px) {
    .nav-hovered-container .nav li:nth-child(4) a {
        background-image: url(../assets/images/_layouts/header/products/dashboard.png)!important;
        background-size: 80% !important;
        background-position: right !important;
        background-repeat: no-repeat !important;
    }
}

@media(max-width:920px) {
    .nav-hovered-container .nav li:nth-child(5) a {
        background-image: url(../assets/images/_layouts/header/products/p2e.png)!important;
        background-size: 80% !important;
        background-position: right !important;
        background-repeat: no-repeat !important;
    }
}

@media screen and (max-width:920px) and (min-width:768px) {
    .nav-hovered-container .nav li:nth-child(5) a {
        background-image: url(../assets/images/_layouts/header/products/p2e.png)!important;
        background-size: 80% !important;
        background-position: right !important;
        background-repeat: no-repeat !important;
    }
}

@media(max-width:920px) {
    .nav-hovered-container .nav li:nth-child(6) a {
        background-image: url(../assets/images/_layouts/header/products/listing.png)!important;
        background-size: 80% !important;
        background-position: right !important;
        background-repeat: no-repeat !important;
    }
}

@media screen and (max-width:920px) and (min-width:768px) {
    .nav-hovered-container .nav li:nth-child(6) a {
        background-image: url(../assets/images/_layouts/header/products/listing.png)!important;
        background-size: 80% !important;
        background-position: right !important;
        background-repeat: no-repeat !important;
    }
}

@media(max-width:920px) {
    .nav-hovered-container .nav li:last-child a {
        background-image: url(../assets/images/_layouts/header/products/customized.png)!important;
        background-size: 80% !important;
        background-position: right !important;
        background-repeat: no-repeat !important;
    }
}

@media screen and (max-width:920px) and (min-width:768px) {
    .nav-hovered-container .nav li:last-child a {
        background-image: url(../assets/images/_layouts/header/products/customized.png)!important;
        background-size: 80% !important;
        background-position: right !important;
        background-repeat: no-repeat !important;
    }
}

@media(max-width:920px) {
    .nav-hovered-container {
        top: var(--headerHeight);
        height: calc(100% - var(--headerHeight));
        -webkit-animation: fadeInUp .2s linear;
        animation: fadeInUp .2s linear;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transform: translateY(2rem);
        transform: translateY(2rem)
    }
    @-webkit-keyframes fadeInUp {
        to {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }
    @keyframes fadeInUp {
        to {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }
}

@-webkit-keyframes sunbMenuAnimation {
    to {
        opacity: 1
    }
}

@keyframes sunbMenuAnimation {
    to {
        opacity: 1
    }
}

.nav-hovered-container .wrapper {
    color: #fff;
    position: relative;
    background: #000;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44.6875rem;
    z-index: 9
}

@media(max-width:920px) {
    .nav-hovered-container .wrapper {
        background: #07070a;
        padding-top: 0!important;
        height: 100%!important
    }
    .nav-hovered-container .wrapper>ul {
        margin-top: 0!important
    }
}

.nav-hovered-container .wrapper h1.title {
    position: relative;
    color: #fff;
    font-size: 1.5rem;
    font-family: Montserrat-Bold;
    line-height: 2.125rem;
    text-transform: uppercase
}

@media(max-width:920px) {
    .nav-hovered-container .wrapper h1.title {
        display: none
    }
}

.nav-hovered-container .wrapper h1.title span {
    font-family: Montserrat-Light
}

.nav-hovered-container .wrapper h1.title::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -1.25rem;
    width: 2.5rem;
    height: .0625rem;
    margin: auto;
    background: var(--primary-color)
}

.nav-hovered-container .wrapper h1.title.regular {
    font-family: Montserrat-Regular;
    text-transform: capitalize
}

.nav-hovered-container .wrapper .socials-wrapper {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%
}

@media(max-width:920px) {
    .nav-hovered-container .wrapper .socials-wrapper {
        background-color: #07070a;
        z-index: 999
    }
}

.nav-hovered-container .wrapper.products .left {
    width: 34.625rem;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width:920px) {
    .nav-hovered-container .wrapper.products .left {
        width: 100%!important
    }
}

.nav-hovered-container .wrapper.products .left>ul>li>a {
    position: relative;
    height: 6.1875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 2.5rem;
    color: #fff;
    font-size: 1rem;
    font-family: Montserrat-Bold;
    -webkit-transition: .4s ease;
    transition: .4s ease;
    letter-spacing: .04rem;
    line-height: 3.75rem
}

@media(max-width:920px) {
    .nav-hovered-container .wrapper.products .left>ul>li>a {
        height: 9.6875rem!important
    }
}

.nav-hovered-container .wrapper.products .left>ul>li>a:after {
    width: 100%;
    -webkit-animation: 15s subMenuGaradientAnimation infinite linear;
    animation: 15s subMenuGaradientAnimation infinite linear;
    background-repeat: no-repeat
}

.nav-hovered-container .wrapper.products .left>ul>li>a::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: -webkit-gradient(linear, right top, left top, from(transparent), color-stop(rgba(255, 255, 255, .151)), to(transparent));
    background: linear-gradient(to left, transparent, rgba(255, 255, 255, .151), transparent);
    background-repeat: no-repeat;
    -webkit-transition: 2s;
    transition: 2s;
    border-radius: 1.875rem;
    background-size: 43%
}

@media screen and (max-width:920px) and (min-width:768px) {
    .nav-hovered-container .wrapper.products .left>ul>li>a::before {
        opacity: 1!important
    }
}

@media screen and (max-width:920px) and (min-width:768px) {
    .nav-hovered-container .wrapper.products .left>ul>li>a.hovered::before {
        opacity: 0!important
    }
}

@-webkit-keyframes subMenuGaradientAnimation {
    0% {
        background-position: -41.25rem
    }
    100% {
        background-position: 31.875rem
    }
}

@keyframes subMenuGaradientAnimation {
    0% {
        background-position: -41.25rem
    }
    100% {
        background-position: 31.875rem
    }
}

.nav-hovered-container .wrapper.products .left>ul>li>a:hover {
    color: var(--primary-color)!important
}

.nav-hovered-container .wrapper.products .left>ul>li>a.active {
    color: #fff
}

.nav-hovered-container .wrapper.products .left>ul>li>a.active::before {
    opacity: 0!important
}

.nav-hovered-container .wrapper.products .left>ul>li>a.active:after {
    opacity: 1
}

.nav-hovered-container .wrapper.products .left>ul>li>a.hovered {
    color: var(--primary-color)!important
}

.nav-hovered-container .wrapper.products .left>ul>li>a.hovered::before {
    opacity: 0
}

.nav-hovered-container .wrapper.products .left>ul>li>a.hovered:after {
    opacity: 1
}

@media(max-width:920px) {
    .nav-hovered-container .wrapper.products .left>ul>li a {
        height: 10.334rem!important;
        background: var(--background-image);
        background-size: cover;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-top: 1rem;
        font-size: 1.0667rem;
        pointer-events: all
    }
}

.nav-hovered-container .wrapper.products .left .bottom {
    padding: 3.4rem 2.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-top: 5.3125rem
}

@media(max-width:920px) {
    .nav-hovered-container .wrapper.products .left .bottom {
        display: none
    }
}

.nav-hovered-container .wrapper.products .left .bottom-left,
.nav-hovered-container .wrapper.products .left .bottom-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.nav-hovered-container .wrapper.products .left .bottom-left p,
.nav-hovered-container .wrapper.products .left .bottom-right p {
    color: #bababa;
    font-size: .875rem;
    font-size: .875rem;
    font-family: Montserrat-Medium
}

.nav-hovered-container .wrapper.products .left .bottom-left>a,
.nav-hovered-container .wrapper.products .left .bottom-right>a {
    color: #bababa;
    margin-top: 1.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: .875rem;
    font-family: Montserrat-Light
}

.nav-hovered-container .wrapper.products .left .bottom-left>a img,
.nav-hovered-container .wrapper.products .left .bottom-right>a img {
    margin-right: .5625rem;
    width: .9375rem!important;
    height: .9375rem;
    -o-object-fit: contain;
    object-fit: contain
}

.nav-hovered-container .wrapper.products .left .bottom-left>a:hover,
.nav-hovered-container .wrapper.products .left .bottom-right>a:hover {
    color: #fff
}

.nav-hovered-container .wrapper.products .left .bottom-left>a:hover img,
.nav-hovered-container .wrapper.products .left .bottom-right>a:hover img {
    -webkit-filter: brightness(2);
    filter: brightness(2)
}

.nav-hovered-container .wrapper.products .left .bottom .mailto {
    margin-top: 2.5rem!important
}

.nav-hovered-container .wrapper.products .left .bottom-right {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.nav-hovered-container .wrapper.products .left .bottom-right ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2.5rem
}

.nav-hovered-container .wrapper.products .left .bottom-right ul li {
    margin-left: 1.25rem
}

.nav-hovered-container .wrapper.products .left .bottom-right ul li:first-child {
    margin-left: 0
}

.nav-hovered-container .wrapper.products .left .bottom-right ul li img {
    height: .9375rem;
    -o-object-fit: contain;
    object-fit: contain
}

.nav-hovered-container .wrapper.products .left .bottom-right ul li:hover img {
    -webkit-filter: brightness(2);
    filter: brightness(2)
}

.nav-hovered-container .wrapper.products .right {
    width: 100%;
    height: 100%
}

@media(max-width:920px) {
    .nav-hovered-container .wrapper.products .right {
        display: none!important
    }
}

.nav-hovered-container .wrapper.products .right .banner {
    height: 100%;
    width: 100%;
    background-size: contain;
    display: block;
    padding: 5.3333rem 2.6667rem;
    background-repeat: no-repeat;
    background-position: right center;
}

@media screen and (max-width:1200px) and (min-width:920px) {
    .nav-hovered-container .wrapper.products .right .banner {
        background-size: cover
    }
}

.nav-hovered-container .wrapper.products .right .banner h1 {
    margin-left: 5.3333rem;
    position: relative;
    color: #fff;
    font-family: Montserrat-Bold;
    font-size: 2rem;
    line-height: 2.5rem;
    width: 17rem;
    letter-spacing: .02rem;
    text-transform: uppercase;
    margin-top: -.6rem
}

.nav-hovered-container .wrapper.products .right .banner h1::after {
    content: "";
    position: absolute;
    height: 30px;
    width: .0625rem;
    left: -2.6667rem;
    top: .6rem;
    background: var(--primary-color)
}

.nav-hovered-container .wrapper.products .right .banner p {
    width: 31rem;
    color: #fff;
    font-family: Montserrat-Light;
    line-height: 1.5rem;
    margin-top: 2.5rem;
    font-size: 1rem;
    letter-spacing: .04rem
}

.nav-hovered-container .wrapper.solutions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.5rem;
    height: 33.5rem
}

@media(max-width:920px) {
    .nav-hovered-container .wrapper.solutions {
        padding: 0
    }
}

.nav-hovered-container .wrapper.solutions>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 5rem;
    width: 68rem;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nav-hovered-container .wrapper.solutions>ul>li {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 24.875rem;
    text-transform: uppercase;
    margin-bottom: 2.5rem;
    cursor: pointer
}

.nav-hovered-container .wrapper.solutions>ul>li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nav-hovered-container .wrapper.solutions>ul>li a:hover .border-animation {
    pointer-events: none
}

.nav-hovered-container .wrapper.solutions>ul>li a:hover .border-animation::after,
.nav-hovered-container .wrapper.solutions>ul>li a:hover .border-animation::before {
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 1!important
}

.nav-hovered-container .wrapper.solutions>ul>li a:hover .border-animation::before {
    border-top-color: var(--primary-color);
    border-right-color: var(--primary-color);
    -webkit-transition: width .3s ease-out, height .3s ease-out .3s;
    transition: width .3s ease-out, height .3s ease-out .3s
}

.nav-hovered-container .wrapper.solutions>ul>li a:hover .border-animation::after {
    border-bottom-color: var(--primary-color);
    border-left-color: var(--primary-color);
    -webkit-transition: border-color 0s ease-out .6s, width .3s ease-out .6s, height .3s ease-out 1s;
    transition: border-color 0s ease-out .6s, width .3s ease-out .6s, height .3s ease-out 1s
}

.nav-hovered-container .wrapper.solutions>ul>li a:hover .border-animation>* {
    pointer-events: all
}

.nav-hovered-container .wrapper.solutions>ul>li a .icon {
    width: 3.75rem;
    height: 3.75rem;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #131319;
    cursor: pointer
}

.nav-hovered-container .wrapper.solutions>ul>li a .description {
    color: #fff;
    margin-left: 1.25rem;
    padding-top: 1.25rem
}

.nav-hovered-container .wrapper.solutions>ul>li a .description h4 {
    font-size: 1rem;
    font-family: Montserrat-Bold
}

.nav-hovered-container .wrapper.solutions>ul>li a .description h4 span {
    font-family: Montserrat-Light
}

.nav-hovered-container .wrapper.solutions>ul>li a .description p {
    margin-top: .9375rem;
    color: var(--primary-color);
    font-family: Montserrat-Light;
    font-size: .875rem;
    text-transform: capitalize
}

.nav-hovered-container .wrapper.news {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.5rem;
    height: 33.5rem
}

@media(max-width:920px) {
    .nav-hovered-container .wrapper.news {
        width: 100%;
        padding-right: 0
    }
}

.nav-hovered-container .wrapper.news>ul {
    margin-top: 5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:920px) {
    .nav-hovered-container .wrapper.news>ul {
        width: 100%;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        overflow: auto
    }
}

.nav-hovered-container .wrapper.news>ul>li {
    position: relative;
    margin: 0 .5rem;
    background: #131319
}

.nav-hovered-container .wrapper.news>ul>li a {
    display: block;
    width: 16.25rem;
    height: 10.875rem!important;
    overflow: hidden
}

@media(max-width:920px) {
    .nav-hovered-container .wrapper.news>ul>li a {
        padding: 0;
        height: 13.2792rem!important
    }
}

.nav-hovered-container .wrapper.news>ul>li a img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.nav-hovered-container .wrapper.news>ul>li a .blur {
    background: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(0deg, #000 0, rgba(0, 0, 0, 0) 100%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none
}

.nav-hovered-container .wrapper.news>ul>li a .new-content {
    position: absolute;
    padding: 15px 10px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    top: 0;
    display: none
}

.nav-hovered-container .wrapper.news>ul>li a .new-content .read-more {
    display: none
}

.nav-hovered-container .wrapper.news>ul>li a .new-content .news-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.nav-hovered-container .wrapper.news>ul>li a .new-content .news-top span {
    font-size: .875rem;
    line-height: 1.375rem;
    font-family: HelveticaNeue-Medium
}

.nav-hovered-container .wrapper.news>ul>li a .new-content .news-text p {
    font-size: .875rem;
    line-height: 1.375rem;
    font-family: Montserrat-Light!important;
    height: 1.25rem;
    overflow: hidden
}

@media(max-width:920px) {
    .nav-hovered-container .wrapper.news>ul>li a .new-content .news-text p {
        height: 4.25rem!important
    }
}

.nav-hovered-container .wrapper.news>ul>li:hover .border-animation {
    pointer-events: none
}

.nav-hovered-container .wrapper.news>ul>li:hover .border-animation::after,
.nav-hovered-container .wrapper.news>ul>li:hover .border-animation::before {
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 1!important
}

.nav-hovered-container .wrapper.news>ul>li:hover .border-animation::before {
    border-top-color: var(--primary-color);
    border-right-color: var(--primary-color);
    -webkit-transition: width .3s ease-out, height .3s ease-out .3s;
    transition: width .3s ease-out, height .3s ease-out .3s
}

.nav-hovered-container .wrapper.news>ul>li:hover .border-animation::after {
    border-bottom-color: var(--primary-color);
    border-left-color: var(--primary-color);
    -webkit-transition: border-color 0s ease-out .6s, width .3s ease-out .6s, height .3s ease-out 1s;
    transition: border-color 0s ease-out .6s, width .3s ease-out .6s, height .3s ease-out 1s
}

.nav-hovered-container .wrapper.news>ul>li:hover .border-animation>* {
    pointer-events: all
}

.nav-hovered-container .wrapper.news>ul>li:hover .new-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.nav-hovered-container .wrapper.news>ul>li:hover .blur {
    display: block
}

.nav-hovered-container .wrapper.news .all-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 2.5rem
}

@media(max-width:920px) {
    .nav-hovered-container .wrapper.news .all-wrapper {
        margin-top: 3.9375rem;
        margin-right: 2.5rem
    }
    .nav-hovered-container .wrapper.news .all-wrapper .btn {
        height: 3.125rem!important
    }
}

.nav-hovered-container .wrapper.news .all-wrapper .btn {
    height: 3.125rem;
    width: 16.25rem;
    font-size: .875rem;
    border: 1px solid rgba(186, 186, 186, .2)!important;
    background: rgba(186, 186, 186, .2);
    -webkit-transition: background 0s;
    transition: background 0s;
    pointer-events: all!important
}

@media(max-width:920px) {
    .nav-hovered-container .wrapper.news .all-wrapper .btn {
        padding: 0
    }
}

.nav-hovered-container .wrapper.news .all-wrapper .btn:hover {
    border: 1px solid var(--primary-color)!important;
    background: var(--primary-color);
    -webkit-transition: background 0s;
    transition: background 0s
}

.nav-hovered-container .wrapper.company {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2.5rem;
    height: 27.75rem
}

.nav-hovered-container .wrapper.company>ul {
    margin-top: 6.25rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media(max-width:920px) {
    .nav-hovered-container .wrapper.company>ul {
        width: 100%;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .nav-hovered-container .wrapper.company>ul li+li a {
        margin-top: 2rem
    }
}

.nav-hovered-container .wrapper.company>ul>li {
    margin: 0 .5rem
}

.nav-hovered-container .wrapper.company>ul>li>a {
    width: 16.25rem;
    height: 8.125rem;
    background: #07070a;
    border: 1px solid rgba(186, 186, 186, .2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 1rem;
    text-transform: uppercase;
    font-family: Montserrat-Light;
    pointer-events: all!important
}

@media(max-width:920px) {
    .nav-hovered-container .wrapper.company>ul>li>a {
        width: 100%;
        height: 8.7333rem!important;
        padding: 0;
        font-size: 1.0667rem
    }
}

.nav-hovered-container .wrapper.company>ul>li:hover .border-animation {
    pointer-events: none
}

.nav-hovered-container .wrapper.company>ul>li:hover .border-animation::after,
.nav-hovered-container .wrapper.company>ul>li:hover .border-animation::before {
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 1!important
}

.nav-hovered-container .wrapper.company>ul>li:hover .border-animation::before {
    border-top-color: var(--primary-color);
    border-right-color: var(--primary-color);
    -webkit-transition: width .3s ease-out, height .3s ease-out .3s;
    transition: width .3s ease-out, height .3s ease-out .3s
}

.nav-hovered-container .wrapper.company>ul>li:hover .border-animation::after {
    border-bottom-color: var(--primary-color);
    border-left-color: var(--primary-color);
    -webkit-transition: border-color 0s ease-out .6s, width .3s ease-out .6s, height .3s ease-out 1s;
    transition: border-color 0s ease-out .6s, width .3s ease-out .6s, height .3s ease-out 1s
}

.nav-hovered-container .wrapper.company>ul>li:hover .border-animation>* {
    pointer-events: all
}

.nav-hovered-container .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background: rgba(7, 7, 10, .8)
}

@media(max-width:920px) {
    .nav-hovered-container .overlay {
        display: none!important
    }
}

.languageSideBar {
    height: 100vh;
    position: fixed;
    right: 0;
    top: 0;
    width: 25rem;
    z-index: 99;
    background: #07070a;
    pointer-events: none;
    opacity: 0;
    -webkit-transition: .3s ease-out;
    transition: .3s ease-out;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.languageSideBar.visible {
    opacity: 1;
    pointer-events: all;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media(max-width:920px) {
    .languageSideBar {
        width: 100%
    }
}

.languageSideBar .head {
    height: 7.5rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0 4.375rem;
    font-family: Montserrat-Medium;
    font-size: .875rem
}

@media(max-width:920px) {
    .languageSideBar .head {
        padding: 2.5rem
    }
}

.languageSideBar .head .lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.languageSideBar .head .lang img {
    margin-left: .75rem
}

.languageSideBar .head .close {
    cursor: pointer
}

.languageSideBar .head .close:hover {
    opacity: .7
}

.languageSideBar .head div:last-child {
    margin-left: auto
}

.languageSideBar .head div:last-child img {
    margin-left: .625rem
}

.languageSideBar ul li {
    position: relative
}

.languageSideBar ul li:first-child:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 70%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .6)), color-stop(rgba(255, 255, 255, .062)), to(rgba(0, 0, 0, .6)));
    background: linear-gradient(to right, rgba(0, 0, 0, .6), rgba(255, 255, 255, .062), rgba(0, 0, 0, .6));
    -webkit-transform: translateY(-.0938rem);
    transform: translateY(-.0938rem)
}

.languageSideBar ul li a {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 5.625rem;
    padding-left: 4.375rem;
    color: #fff;
    text-decoration: underline;
    font-family: Montserrat-Medium;
    font-size: .875rem;
    -webkit-transition: .1s;
    transition: .1s
}

@media(max-width:920px) {
    .languageSideBar ul li a {
        padding-left: 2.5rem;
        font-size: .9333rem
    }
}

.languageSideBar ul li a:hover {
    background: #19191c
}

.languageSideBar ul li a:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 70%;
    height: 1px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .6)), color-stop(rgba(255, 255, 255, .062)), to(rgba(0, 0, 0, .6)));
    background: linear-gradient(to right, rgba(0, 0, 0, .6), rgba(255, 255, 255, .062), rgba(0, 0, 0, .6))
}

.solution-space {
    width: 88rem;
    margin: auto;
    padding-top: 3.25rem;
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(4, 1fr)
}

.product-page .solution-col {
    width: 22rem;
}

.all-wrapper {
    margin-top: 30px;
    margin-bottom: 30px;
}

.review-bullet {
    border-radius: 50%;
    border: 2px solid white;
}

.solutions.wrapper a {
    padding-left: 0px !important;
}

@media(max-width:920px) {
    .solutions.wrapper .socials-wrapper {
        display: none;
    }
    .solution-space {
        width: 100%;
        padding: 0 2.5rem;
        padding-top: 1rem;
        height: 100%;
        overflow: auto;
        grid-template-columns: repeat(1, 1fr);
        grid-gap: 2.5rem;
        padding-top: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.solution-space .solution-col {
    width: 22rem
}

@media(max-width:920px) {
    .solution-space .solution-col {
        width: 100%!important;
        height: 10.625rem
    }
    .solution-space .solution-col a {
        height: 100%!important
    }
}

.solution-space .solution-col .border-animation {
    pointer-events: all!important;
    height: 13.75rem;
    border: 1px solid rgba(186, 186, 186, .2);
    background-color: #07070a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden
}

@media(max-width:920px) {
    .solution-space .solution-col .border-animation {
        padding-left: 0
    }
}

.solution-space .solution-col:hover .border-animation {
    pointer-events: none
}

.solution-space .solution-col:hover .border-animation::after,
.solution-space .solution-col:hover .border-animation::before {
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 1!important
}

.solution-space .solution-col:hover .border-animation::before {
    border-top-color: var(--primary-color);
    border-right-color: var(--primary-color);
    -webkit-transition: width .3s ease-out, height .3s ease-out .3s;
    transition: width .3s ease-out, height .3s ease-out .3s
}

.solution-space .solution-col:hover .border-animation::after {
    border-bottom-color: var(--primary-color);
    border-left-color: var(--primary-color);
    -webkit-transition: border-color 0s ease-out .6s, width .3s ease-out .6s, height .3s ease-out 1s;
    transition: border-color 0s ease-out .6s, width .3s ease-out .6s, height .3s ease-out 1s
}

.solution-space .solution-col:hover .border-animation>* {
    pointer-events: all
}

.solution-space .solution-col h3 {
    font-size: 1rem;
    padding-bottom: .9375rem;
    color: #fff;
    line-height: 2.125rem;
    text-transform: uppercase;
    font-weight: 700;
    font-family: Montserrat-Bold
}

.solution-space .solution-col h3 span {
    font-family: Montserrat-Light
}

.solution-space .solution-col p {
    text-transform: uppercase;
    font-size: .875rem;
    color: #1de9b6;
    font-family: Montserrat-Medium;
    text-align: center
}

.book-popup {
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(7, 7, 10, .87);
    width: 100%;
    height: 100vh;
    z-index: 999999;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: none
}

.book-popup.visible {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.book-popup .popup-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 40px;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    cursor: pointer
}

.book-popup .popup-close span {
    font-size: .875rem;
    font-weight: 500;
    color: #fff;
    padding-right: .4375rem;
    font-family: Montserrat-Medium
}

.book-popup .popup-close img {
    width: .9375rem;
    height: .9375rem
}

.book-popup .popup-container {
    width: 38.5rem
}

.book-popup .popup-container .popup-row {
    background-color: #07070a;
    border: .0625rem solid #1de9b6;
    padding: 2.9375rem 2.5rem
}

.book-popup .popup-container .popup-row h1 {
    text-align: center;
    color: #fff;
    font-size: 1rem;
    line-height: 2.5rem;
    font-family: Montserrat-Bold;
    padding-bottom: 2.5rem;
    text-transform: uppercase
}

.book-popup form {
    overflow: hidden
}

.book-popup form>ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.book-popup form>ul li {
    width: 100%;
    margin-bottom: 1.875rem
}

.book-popup form>ul li input,
.book-popup form>ul li textarea {
    border: .0625rem solid #252525;
    font-family: Montserrat-Regular
}

.book-popup form>ul li input {
    height: 3.4375rem
}

.book-popup form>ul li input.issue {
    border: .0625rem solid #cc1e10!important
}

.book-popup form>ul li textarea {
    height: 8.125rem
}

.book-popup form>ul li textarea.issue {
    border: .0625rem solid #cc1e10!important
}

.book-popup form>ul li:not(.actions) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.book-popup form>ul li>span {
    padding-left: .625rem;
    margin-bottom: .9563rem;
    display: block;
    font-family: Montserrat-Bold;
    font-size: .75rem;
    text-transform: uppercase
}

.book-popup form>ul li.full {
    width: 100%
}

.book-popup form>ul li.actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.book-popup form>ul li.actions #message-btn {
    width: 100%;
    height: 3.3333rem;
    font-size: 1rem;
    line-height: 2.625rem;
    font-weight: 500;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: var(--primary-color);
    color: #000;
    border: .0625rem solid var(--primary-color);
    text-transform: uppercase;
    position: relative;
    overflow: hidden;
    font-family: Montserrat-Bold
}

.book-popup form>ul li.actions #message-btn * {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none
}

@media(max-width:920px) {
    .book-popup form>ul li.actions #message-btn {
        height: 2.5rem
    }
}

.book-popup form>ul li.actions #message-btn .text {
    position: relative;
    z-index: 1;
    -webkit-transition: .4s;
    transition: .4s;
    color: #fff;
    margin-top: 0!important;
    font-family: Montserrat-Bold
}

.book-popup form>ul li.actions #message-btn::after {
    content: "";
    display: block;
    position: absolute;
    width: calc(100% + 4px);
    height: calc(100% + 4px);
    top: -1px;
    left: -1px;
    background: currentColor;
    -webkit-transition: .8s ease-in-out;
    transition: .8s ease-in-out;
    -webkit-transform-origin: left;
    transform-origin: left;
    background: #000;
    -webkit-transform: scaleX(1.1);
    transform: scaleX(1.1)
}

.book-popup form>ul li.actions #message-btn:hover .text {
    color: #000!important;
    margin-top: 0!important
}

.book-popup form>ul li.actions #message-btn:hover::after {
    border-top-right-radius: 100px;
    border-bottom-right-radius: 100px;
    width: 401px;
    -webkit-transform: scaleX(0);
    transform: scaleX(0)
}

.book-popup form>ul li.actions .btn.dark {
    height: 3.125rem;
    font-size: .875rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 17.3333rem
}

.book-popup form>ul li.actions .btn.dark img {
    margin-left: 1.25rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 1.0667rem
}

.book-popup form>ul li.actions .middle-text {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: 100%
}

.book-popup form>ul li.actions .middle-text p {
    color: #bababa;
    font-family: Montserrat-Medium;
    font-size: .875rem;
    letter-spacing: .02rem
}

.book-popup form>ul li.actions .middle-text div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.book-popup form>ul li.actions .middle-text div>* {
    margin-top: .7rem!important
}

.book-popup form>ul li.actions .middle-text a {
    color: #fff;
    font-size: .875rem;
    margin: 0 1.25rem;
    line-height: 1.125rem;
    font-family: Montserrat-Medium;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.book-popup form>ul li.actions .middle-text a img {
    -webkit-filter: brightness(2);
    filter: brightness(2);
    margin-right: .625rem;
    width: 1.0667rem
}

.book-popup form>ul li.actions .middle-text a:hover {
    color: var(--primary-color)
}

.book-popup .phone-wrapper {
    width: 100%;
    font-size: .875rem;
    border: .0625rem solid #252525;
    height: 2.6875rem;
    font-family: Montserrat-Regular;
    background: #07070a;
    color: #fff;
    border-radius: .0625rem;
    outline: 0;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 3.4375rem
}

.book-popup .phone-wrapper.issue {
    border: .0625rem solid #cc1e10!important
}

.book-popup .phone-wrapper>.phone-country-select {
    min-width: 6.75rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 1.25rem;
    cursor: pointer;
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media(max-width:920px) {
    .book-popup .phone-wrapper>.phone-country-select {
        margin-left: 1.25rem!important
    }
}

.book-popup .phone-wrapper>.phone-country-select img {
    padding-left: .625rem
}

.book-popup .phone-wrapper>.phone-country-select>span {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    font-size: .875rem;
    margin-left: 1.25rem
}

.book-popup .phone-wrapper>.phone-country-select>button {
    outline: 0;
    border: none;
    background: 0 0;
    margin-left: .625rem;
    cursor: pointer
}

.book-popup .phone-wrapper>.phone-country-select .country-flag {
    width: 1.4375rem
}

.book-popup .phone-wrapper>.number-input-wrapper {
    width: 100%;
    margin-left: 1.8125rem
}

.book-popup .phone-wrapper>.number-input-wrapper input {
    width: 100%;
    font-family: Montserrat, sans-serif;
    font-weight: 400;
    font-size: .875rem;
    height: 100%;
    color: #fff;
    outline: 0;
    border: none!important;
    background: 0 0;
    border-left: 1px solid rgba(186, 186, 186, .2)!important
}

.book-popup .phone-wrapper>.number-input-wrapper input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.book-popup .phone-wrapper>.number-input-wrapper input::-moz-placeholder {
    color: rgba(255, 255, 255, .5)
}

.book-popup .phone-wrapper>.number-input-wrapper input::-ms-input-placeholder {
    color: rgba(255, 255, 255, .5)
}

.book-popup .phone-wrapper>.number-input-wrapper input::placeholder {
    color: rgba(255, 255, 255, .5)
}

.book-popup .phone-wrapper>.country-select-popup {
    width: 23.25rem;
    height: 16.6875rem;
    border: .0625rem solid #252525;
    position: absolute;
    bottom: -16.6875rem;
    left: -.0625rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    display: none;
    z-index: 9;
    background: #07070a
}

.book-popup .phone-wrapper>.country-select-popup.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.book-popup .phone-wrapper>.country-select-popup>.country-search {
    width: 100%;
    height: 3.4rem;
    border-bottom: .0625rem solid #252525
}

.book-popup .phone-wrapper>.country-select-popup>.country-search>input {
    width: 100%;
    height: 100%;
    font-size: .875rem;
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    color: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 1.25rem;
    background: 0 0;
    border: none;
    outline: 0
}

.book-popup .phone-wrapper>.country-select-popup>.country-search>input::-webkit-input-placeholder {
    color: #bababa
}

.book-popup .phone-wrapper>.country-select-popup>.country-search>input::-moz-placeholder {
    color: #bababa
}

.book-popup .phone-wrapper>.country-select-popup>.country-search>input::-ms-input-placeholder {
    color: #bababa
}

.book-popup .phone-wrapper>.country-select-popup>.country-search>input::placeholder {
    color: #bababa
}

.book-popup .phone-wrapper>.country-select-popup>.country-list {
    width: 100%;
    height: 100%;
    overflow: auto;
    background: #07070a
}

.book-popup .phone-wrapper>.country-select-popup>.country-list>ul>li {
    list-style-type: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: .9375rem 1.25rem;
    -webkit-transition: ease-in-out .1s;
    transition: ease-in-out .1s;
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
    margin-bottom: 0
}

.book-popup .phone-wrapper>.country-select-popup>.country-list>ul>li:hover {
    background: rgba(186, 186, 186, .1)
}

.book-popup .phone-wrapper>.country-select-popup>.country-list>ul>li>img {
    width: 1.4375rem
}

.book-popup .phone-wrapper>.country-select-popup>.country-list>ul>li>span {
    color: #fff;
    font-size: .875rem;
    font-family: Montserrat, sans-serif;
    font-weight: 700;
    margin-left: 1.0625rem;
    margin-bottom: 0;
    padding-left: 0
}

@media(max-width:920px) {
    header .middle nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        opacity: 0;
        pointer-events: none;
        -webkit-transition: opacity .4s ease;
        transition: opacity .4s ease;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        background: #07070a!important
    }
    @-webkit-keyframes circle {
        10% {
            border-top-right-radius: 50%;
            border-bottom-right-radius: 50%
        }
        100% {
            -webkit-transform: translateX(0) scale(1.5);
            transform: translateX(0) scale(1.5)
        }
    }
    @keyframes circle {
        10% {
            border-top-right-radius: 50%;
            border-bottom-right-radius: 50%
        }
        100% {
            -webkit-transform: translateX(0) scale(1.5);
            transform: translateX(0) scale(1.5)
        }
    }
    header .middle nav>* {
        opacity: 0;
        pointer-events: none;
        -webkit-transition: opacity 0s cubic-bezier(.96, .59, .44, .75), -webkit-transform .4s ease;
        transition: opacity 0s cubic-bezier(.96, .59, .44, .75), -webkit-transform .4s ease;
        transition: opacity 0s cubic-bezier(.96, .59, .44, .75), transform .4s ease;
        transition: opacity 0s cubic-bezier(.96, .59, .44, .75), transform .4s ease, -webkit-transform .4s ease
    }
    header .middle nav.visible {
        pointer-events: all;
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        overflow-x: hidden;
        overflow-y: auto
    }
    header .middle nav.visible>ul.move-animation.hidden {
        height: calc(100vh - var(--headerHeight));
        overflow: hidden
    }
    header .middle nav.visible .products.wrapper ul {
        height: calc(100% - var(--headerHeight) + 6.5rem)!important;
        overflow-x: hidden;
        overflow-y: auto
    }
    header .middle nav.visible>* {
        -webkit-transition-delay: .5s;
        transition-delay: .5s;
        opacity: 1;
        pointer-events: all;
        -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;
        transition: opacity .4s ease, -webkit-transform .4s ease;
        transition: opacity .4s ease, transform .4s ease;
        transition: opacity .4s ease, transform .4s ease, -webkit-transform .4s ease
    }
    header .middle nav.visible::after {
        -webkit-animation-play-state: running;
        animation-play-state: running
    }
    header .middle nav ul {
        width: 100%
    }
    header .middle .toggle-menu {
        position: relative;
        -webkit-animation: scale .8s linear;
        animation: scale .8s linear;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        padding: .9333rem;
        display: block;
        height: 2.7333rem!important;
        width: 1.9333rem!important
    }
    header .middle .toggle-menu::after,
    header .middle .toggle-menu::before {
        position: absolute;
        right: 0;
        top: 50%;
        content: '';
        width: 2rem;
        height: .3rem;
        background: #fff;
        display: block;
        -webkit-transition: .4s cubic-bezier(.96, .59, .44, .75);
        transition: .4s cubic-bezier(.96, .59, .44, .75)
    }
    header .middle .toggle-menu::before {
        -webkit-transform: translateY(-140%);
        transform: translateY(-140%)
    }
    header .middle .toggle-menu::after {
        -webkit-transform: translateY(140%);
        transform: translateY(140%)
    }
    header .middle .toggle-menu:not(.active) .nav-toggle__line {
        display: none
    }
    header .middle .toggle-menu.active::before {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg)
    }
    header .middle .toggle-menu.active::after {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    @-webkit-keyframes scale {
        to {
            -webkit-transform: scale(.8);
            transform: scale(.8)
        }
    }
    @keyframes scale {
        to {
            -webkit-transform: scale(.8);
            transform: scale(.8)
        }
    }
    .nav-hovered-container .wrapper.news>ul>li {
        background: #07070a!important
    }
    .nav-hovered-container .wrapper.news>ul>li a {
        height: 23.6875rem!important
    }
    .nav-hovered-container .wrapper.news>ul>li a img {
        height: 10.75rem!important
    }
    .nav-hovered-container .wrapper.news>ul>li a .new-content {
        position: relative!important;
        top: unset!important;
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important;
        height: 9.9375rem;
        -webkit-box-pack: start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }
    .nav-hovered-container .wrapper.news>ul>li a .new-content .news-top {
        margin-bottom: .875rem!important
    }
    .nav-hovered-container .wrapper.news>ul>li a .new-content .news-top span {
        font-size: .625rem!important
    }
    .nav-hovered-container .wrapper.news>ul>li a .new-content .news-top .time {
        -webkit-box-pack: end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important;
        display: -webkit-box!important;
        display: -ms-flexbox!important;
        display: flex!important
    }
    .nav-hovered-container .wrapper.news>ul>li a .new-content .news-text p {
        font-size: .75rem!important;
        font-family: Montserrat-Light
    }
    .nav-hovered-container .wrapper.news>ul>li a .new-content .news-text .read-more {
        display: block;
        position: absolute;
        color: #1de9b6;
        font-size: .625rem;
        bottom: 1.125rem;
        right: .625rem
    }
    .book-popup .popup-container {
        width: 90%
    }
    .book-popup form>ul li>span {
        font-size: .55rem
    }
    .book-popup .popup-container .popup-row {
        padding: 1.1rem
    }
    .book-popup form>ul li {
        margin-bottom: .675rem
    }
    .book-popup form>ul li input {
        height: 2.5rem!important
    }
    .book-popup .popup-container .popup-row h1 {
        font-size: .7rem;
        padding-bottom: 1.5rem
    }
    .book-popup form>ul li input {
        height: 1.8375rem
    }
    input,
    select,
    textarea {
        font-size: .775rem
    }
    .book-popup form>ul li.actions #message-btn .text {
        font-size: .8rem
    }
    .book-popup .phone-wrapper>.phone-country-select {
        margin-left: 0;
        width: 5.35rem
    }
    .book-popup .phone-wrapper>.phone-country-select>span {
        font-size: .55rem
    }
}

footer {
    padding: 2.5rem 0;
    background-color: var(--black);
    letter-spacing: .04rem;
    overflow: hidden
}

footer .container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

footer .container .footer-contact {
    width: 25rem
}

footer .container .footer-contact h4 {
    font-size: 1rem;
    line-height: 1.375rem;
    font-family: Montserrat-Bold;
    color: #fff;
    padding-bottom: 2.5rem
}

footer .container .footer-contact .social-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .container .footer-contact .social-links a {
    width: 1.875rem;
    height: 1.875rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    border-radius: 50%
}

footer .container .footer-contact .social-links a:nth-child(2) {
    margin: 0 1.25rem
}

footer .container .footer-contact .social-links a img {
    width: 2rem;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

footer .container .footer-contact .social-links a:hover img {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1)
}

footer .container .footer-contact .subscribe-area {
    margin: 5rem 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden;
    height: 3.125rem;
    width: 100%
}

@media(max-width:920px) {
    footer .container .footer-contact .subscribe-area {
        padding: 0 2.5rem
    }
}

footer .container .footer-contact .subscribe-area label {
    font-size: .625rem;
    font-family: Montserrat-Bold;
    color: #fff;
    position: absolute;
    left: 1.25rem;
    top: .6125rem;
    text-transform: uppercase
}

footer .container .footer-contact .subscribe-area label::after {
    content: "*";
    color: #ea5151;
    position: absolute;
    right: -.375rem
}

footer .container .footer-contact .subscribe-area input {
    padding: 0 1.25rem;
    border: .0625rem solid #252525;
    height: 100%;
    color: #fff;
    background: 0 0;
    border-right: unset;
    width: 15.9375rem;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    outline: 0;
    font-size: 1rem;
    height: 100%!important
}

footer .container .footer-contact .subscribe-area input.issue {
    border: .0625rem solid #cc1e10!important
}

footer .container .footer-contact .subscribe-area input::-webkit-input-placeholder {
    color: #fff;
    text-transform: uppercase;
    font-size: .725rem
}

footer .container .footer-contact .subscribe-area input::-moz-placeholder {
    color: #fff;
    text-transform: uppercase;
    font-size: .725rem
}

footer .container .footer-contact .subscribe-area input::-ms-input-placeholder {
    color: #fff;
    text-transform: uppercase;
    font-size: .725rem
}

footer .container .footer-contact .subscribe-area input::placeholder {
    color: #fff;
    text-transform: uppercase;
    font-size: .725rem
}

footer .container .footer-contact .subscribe-area button {
    color: #292929;
    background: var(--primary-color);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: Montserrat-Bold!important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 100%;
    font-size: .725rem;
    border: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset;
    padding: 0 2.4375rem;
    width: 8.8125rem;
    outline: 0;
    text-transform: uppercase
}

footer .container .footer-contact .subscribe-area button:focus {
    border: unset;
    -webkit-box-shadow: unset;
    box-shadow: unset
}

footer .container .footer-contact .contact-info p {
    font-size: .875rem;
    font-family: Montserrat-Medium;
    color: #fff;
    line-height: 1.375rem
}

footer .container .footer-menu {
    padding-left: 14.375rem;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    grid-gap: 107px 40px;
    height: 100%;
    padding-bottom: 3.875rem
}

@media(max-width:920px) {
    footer .container .footer-menu {
        grid-template-columns: repeat(1, 1fr)
    }
}

footer .container .footer-menu .menu-col.company,
footer .container .footer-menu .menu-col.products,
footer .container .footer-menu .menu-col.solutions {
    grid-column: span 3
}

footer .container .footer-menu .menu-col.about {
    grid-column: span 2
}

footer .container .footer-menu .menu-col.legal {
    grid-column: span 4
}

footer .container .footer-menu .menu-col h4 {
    color: #fff;
    font-size: 1rem;
    font-family: Montserrat-Bold;
    padding-bottom: 2.5rem
}

footer .container .footer-menu .menu-col ul li {
    font-size: .875rem;
    font-family: Montserrat-Light;
    padding-bottom: 1.25rem;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.375rem
}

footer .container .footer-menu .menu-col ul li::before {
    content: '';
    position: absolute;
    width: .9375rem;
    height: .0625rem;
    background: #fff;
    -webkit-transition: .3s;
    transition: .3s
}

footer .container .footer-menu .menu-col ul li:last-child {
    padding-bottom: 0
}

footer .container .footer-menu .menu-col ul li a {
    color: #fff;
    margin-left: 2.1875rem;
    -webkit-transition: color .3s;
    transition: color .3s
}

footer .container .footer-menu .menu-col ul li:hover a {
    color: var(--primary-color)
}

footer .container .footer-menu .menu-col ul li:hover::before {
    background: var(--primary-color)
}

footer .footer-logos {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 2.5rem
}

footer .footer-logos .up-logo img {
    height: 1.875rem
}

footer .footer-logos .footer-license {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .footer-logos .footer-license a:nth-child(2) {
    margin: 0 2.5rem
}

footer .footer-logos .footer-license img {
    height: 2.125rem
}

footer .copyright {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

footer .copyright .copyright-space span {
    color: #fff;
    font-size: .875rem;
    font-family: Montserrat-Medium;
    line-height: 1.125rem
}

footer .copyright .contact-space {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .copyright .contact-space span {
    color: #fff;
    font-size: .875rem;
    font-family: Montserrat-Medium;
    line-height: 1.125rem;
    padding-right: 2.5rem
}

footer .copyright .contact-space ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

footer .copyright .contact-space ul li {
    font-family: Montserrat-Light
}

footer .copyright .contact-space ul li:first-child {
    padding-right: 2.5rem
}

footer .copyright .contact-space ul li a {
    font-size: .875rem;
    font-weight: 300;
    color: #fff;
    line-height: 1.125rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

footer .copyright .contact-space ul li a:hover {
    color: var(--primary-color)
}

footer .copyright .contact-space ul li img {
    height: .9375rem;
    padding-right: .625rem
}

.footer-license-mobile {
    display: none;
    margin-bottom: 2.6667rem;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.footer-license-mobile a:nth-child(2) {
    margin: 0 2.5rem
}

.footer-license-mobile img {
    height: 2.125rem
}


/* @media(max-width: 920px) {
    h1 {
        color: red;
    }
} */

@media(max-width:920px) {
    footer {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        padding-bottom: 0
    }
    footer .footer-license-mobile {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
    footer .container {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%
    }
    footer .container .footer-menu {
        padding-left: 0!important;
        grid-gap: 2.6667rem 0
    }
    footer .container .footer-menu .menu-col {
        margin-left: 0!important;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    footer .container .footer-menu .menu-col ul li::before {
        display: none
    }
    footer .container .footer-menu .menu-col ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
    footer .footer-contact {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    footer .container .footer-contact .subscribe-area {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        margin: -1rem 0 3rem
    }
    footer .container .footer-contact .subscribe-area button {
        width: 7rem!important
    }
    footer .container .footer-contact .contact-info {
        display: none
    }
    footer .container .copyright {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }
    footer .contact-space {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 4rem
    }
    footer .container.copyright .contact-space ul li {
        font-family: Montserrat-Regular!important
    }
    footer .container.copyright .contact-space span {
        margin-bottom: 1.3333rem;
        color: rgba(255, 255, 255, .5)
    }
    footer .contact-space ul li:not(:last-child) {
        margin-bottom: 1.3333rem;
        color: #fff
    }
    footer .container.copyright .contact-space ul li:last-child a {
        text-transform: uppercase
    }
    footer .contact-space ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    footer .copyright .contact-space ul li:first-child {
        padding-right: 0
    }
    footer .container .footer-contact h4 {
        font-size: .9333rem;
        text-transform: uppercase
    }
    footer .copyright-space {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 3rem
    }
    footer .container.copyright {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
    footer .container .footer-contact .social-links {
        margin-bottom: 2.6667rem
    }
    footer .footer-logos.container {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
    footer .footer-logos.container .footer-license {
        display: none
    }
    footer .container .footer-menu .menu-col ul li a {
        margin-left: 0!important;
        font-size: .9333rem
    }
    footer .copyright .contact-space span {
        padding-right: 0!important;
        text-transform: uppercase
    }
    footer .container .footer-menu .menu-col h4 {
        font-size: 1.0667rem;
        padding-bottom: 2.6667rem
    }
    footer .footer-logos .up-logo img {
        height: 2.3333rem
    }
    footer .copyright .copyright-space span {
        font-size: .9333rem!important;
        width: 20.1333rem;
        text-align: center;
        line-height: 1.4667rem
    }
}

:root {
    --primary-color: #1DE9B6;
    --black: #07070a;
    --headerHeight: 7.5rem;
    --backgroundColor: #08060a
}

@media(max-width:920px) {
     :root {
        --headerHeight: 6.5rem
    }
}

* {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
    background-color: var(--backgroundColor)
}

body::-webkit-scrollbar {
    width: 0;
    height: 12px
}

body::-webkit-scrollbar-track {
    background: #fff
}

body::-webkit-scrollbar-thumb {
    background: #ddd;
    visibility: hidden
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.mb-divide {
    display: none
}

@media(max-width:920px) {
    .mb-divide {
        display: block
    }
}

.mobile-break {
    display: none
}

@media(max-width:920px) {
    .mobile-break {
        display: block
    }
}

@media screen and (max-width:1680px) {
    html {
        font-size: .8vw
    }
}

@media screen and (max-width:1366px) {
    .news-page .news-container-slider .swiper-container {
        padding-bottom: 5rem!important
    }
    .news-page .news-container-slider .swiper-container .swiper-slide {
        height: 39.25rem!important
    }
    .news-page .news-container-slider .swiper-container .swiper-slide>img {
        height: 39.25rem!important
    }
    .news-page .news-container-slider .swiper-container .swiper-slide .play-video img {
        width: 3.75rem;
        height: 3.75rem
    }
    .news-page .news-container-slider .swiper-button-next {
        -webkit-transform: translate(0, -50%)!important;
        transform: translate(0, -50%)!important;
        top: 50%!important
    }
    .news-page .news-container-slider .swiper-button-prev {
        -webkit-transform: translate(0, -50%)!important;
        transform: translate(0, -50%)!important;
        top: 50%!important
    }
}

@media screen and (max-width:920px) and (min-width:768px) {
    html {
        font-size: 2.4vw!important
    }
    span {
        -webkit-user-select: none!important;
        -moz-user-select: none!important;
        -ms-user-select: none!important;
        user-select: none!important
    }
}

@media screen and (max-width:1200px) and (min-width:920px) {
    html {
        font-size: 1.1vw!important
    }
}

@media(max-height:680px) and (max-width:340px) {
    html {
        font-size: 1.84vh!important
    }
}

@media(max-width:920px) {
    html {
        font-size: 13.2px
    }
    span {
        -webkit-user-select: none!important;
        -moz-user-select: none!important;
        -ms-user-select: none!important;
        user-select: none!important
    }
    input,
    select,
    textarea {
        font-size: .775rem!important
    }
    .nav-hovered-container .wrapper.company>ul {
        height: calc(100vh - 20rem);
        overflow: auto
    }
    .for-phone {
        display: block
    }
    .for-desktop {
        display: none
    }
    .caller-col {
        width: 100%
    }
    .live-caller-send {
        width: 100%!important;
        z-index: 999;
        position: relative
    }
    .timepicker .timepicker-bottom .wrapper {
        width: calc(7.425rem/2)!important
    }
    .timepicker .timepicker-bottom .wrapper .hours-wrapper {
        width: calc(7.625rem/2 + -.0375rem)!important
    }
    .timepicker .timepicker-bottom .wrapper .minutes-wrapper {
        width: calc(7.625rem/2 + .8625rem)!important
    }
    .calendar {
        width: 18.7625rem!important
    }
    .contact-request .live-caller {
        max-width: 20.875rem!important;
        width: 100%!important
    }
    .contact-request .live-caller .date-area .choose-date .date-col>span {
        width: 8.5125rem!important
    }
    .contact-request .live-caller .live-middle .help-area {
        padding: 1.55rem 0
    }
    .contact-request .live-caller .live-header {
        left: 0!important
    }
}

@media(min-width:921px) {
    .for-desktop {
        display: block
    }
    .for-phone {
        display: none
    }
}

@keyframes opacityAnimation {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.container {
    width: 85.25rem;
    margin: auto
}

@media(max-width:920px) {
    main #solution-grid.turnkey video {
        -webkit-transform: scale(1.4) translateX(-.2rem) translateY(3rem)!important;
        transform: scale(1.4) translateX(-.2rem) translateY(3rem)!important
    }
}


/* @media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #sportsbook_bookmakers img,
    .vertical-slider .swiper-container .swiper-slide #sportsbook_bookmakers video {
        height: 130vw!important;
        -webkit-transform: translateX(37vw) translateY(-23vw)!important;
        transform: translateX(37vw) translateY(-23vw)!important
    }
} */

@media screen and (max-width:920px) and (min-width:768px) {
    .vertical-slider .swiper-container .swiper-slide #sportsbook_bookmakers img,
    .vertical-slider .swiper-container .swiper-slide #sportsbook_bookmakers video {
        width: 100%!important;
        -webkit-transform: scale(2.1) translateX(-5rem) translateY(-5rem)!important;
        transform: scale(2.1) translateX(-5rem) translateY(-5rem)!important
    }
}


/* @media(min-width:921px) {
    .vertical-slider .swiper-container .swiper-slide #sportsbook_bookmakers img,
    .vertical-slider .swiper-container .swiper-slide #sportsbook_bookmakers video {
        left: 1rem;
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        top: -2.6rem
    }
} */

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #sportsbook_risk_management .short-description ul {
        margin-top: 72vw!important
    }
    /* .vertical-slider .swiper-container .swiper-slide #sportsbook_risk_management img,
    .vertical-slider .swiper-container .swiper-slide #sportsbook_risk_management video {
        -webkit-transform: scale(.9) translateX(22vw) translateY(-19vw)!important;
        transform: scale(.9) translateX(22vw) translateY(-19vw)!important
    } */
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #features .short-description ul {
        margin-top: 90vw!important
    }
    .vertical-slider .swiper-container .swiper-slide #features img,
    .vertical-slider .swiper-container .swiper-slide #features video {
        -webkit-transform: translateX(-5vw) translateY(0vw)!important;
        transform: translateX(-5vw) translateY(0vw)!important
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #advanced_player .short-description ul {
        margin-top: 75vw!important
    }
    /* .vertical-slider .swiper-container .swiper-slide #advanced_player img,
    .vertical-slider .swiper-container .swiper-slide #advanced_player video {
        -webkit-transform: translateX(15vw) translateY(-16vw)!important;
        transform: translateX(15vw) translateY(-16vw)!important
    } */
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #sportsbook_bonus .short-description ul {
        margin-top: 67vw!important
    }
    .vertical-slider .swiper-container .swiper-slide #sportsbook_bonus img,
    .vertical-slider .swiper-container .swiper-slide #sportsbook_bonus video {
        -webkit-transform: translateX(-7.5vw) translateY(-7.5vw)!important;
        transform: translateX(-7.5vw) translateY(-7.5vw)!important
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #sportsbook_backoffice .short-description ul {
        margin-top: 86vw!important
    }
    .vertical-slider .swiper-container .swiper-slide #sportsbook_backoffice img,
    .vertical-slider .swiper-container .swiper-slide #sportsbook_backoffice video {
        -webkit-transform: scale(.9) translateX(22vw) translateY(-10vw)!important;
        transform: scale(.9) translateX(22vw) translateY(-10vw)!important
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #sportsbook_interface .short-description ul {
        margin-top: 97vw!important
    }
    .vertical-slider .swiper-container .swiper-slide #sportsbook_interface img,
    .vertical-slider .swiper-container .swiper-slide #sportsbook_interface video {
        -webkit-transform: scale(1.1) translateX(-7vw) translateY(-9vw);
        transform: scale(1.1) translateX(-7vw) translateY(-9vw)
    }
}

@media(min-width:921px) {
    .vertical-slider .swiper-container .swiper-slide #sportsbook_interface img,
    .vertical-slider .swiper-container .swiper-slide #sportsbook_interface video {
        left: -3.6rem;
        -webkit-transform: scale(.82);
        transform: scale(.82);
        top: -.8rem
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #sportsbook_virtual .short-description ul {
        margin-top: 74vw!important
    }
    .vertical-slider .swiper-container .swiper-slide #sportsbook_virtual img,
    .vertical-slider .swiper-container .swiper-slide #sportsbook_virtual video {
        -webkit-transform: scale(1) translateX(16vw) translateY(-22vw);
        transform: scale(1) translateX(16vw) translateY(-22vw)
    }
}

@media(min-width:921px) {
    .vertical-slider .swiper-container .swiper-slide #sportsbook_virtual img,
    .vertical-slider .swiper-container .swiper-slide #sportsbook_virtual video {
        left: -3.6rem;
        -webkit-transform: scale(.93);
        transform: scale(.93);
        top: 3rem
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #igaming_affiliate .short-description ul {
        margin-top: 71vw!important
    }
    .vertical-slider .swiper-container .swiper-slide #igaming_affiliate img,
    .vertical-slider .swiper-container .swiper-slide #igaming_affiliate video {
        -webkit-transform: scale(.9) translateX(29vw) translateY(-15vw);
        transform: scale(.9) translateX(29vw) translateY(-15vw)
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #igaming_payment .short-description ul {
        margin-top: 61vw!important
    }
    .vertical-slider .swiper-container .swiper-slide #igaming_payment img,
    .vertical-slider .swiper-container .swiper-slide #igaming_payment video {
        -webkit-transform: scale(1.1) translateX(19vw) translateY(-30vw);
        transform: scale(1.1) translateX(19vw) translateY(-30vw)
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #igaming_bonus .short-description ul {
        margin-top: 61vw!important
    }
    .vertical-slider .swiper-container .swiper-slide #igaming_bonus img,
    .vertical-slider .swiper-container .swiper-slide #igaming_bonus video {
        -webkit-transform: translateX(16vw) translateY(-9vw);
        transform: translateX(16vw) translateY(-9vw)
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #igaming_backoffice .short-description ul {
        margin-top: 83vw!important
    }
    .vertical-slider .swiper-container .swiper-slide #igaming_backoffice img,
    .vertical-slider .swiper-container .swiper-slide #igaming_backoffice video {
        -webkit-transform: scale(.9) translateX(22vw) translateY(-16vw);
        transform: scale(.9) translateX(22vw) translateY(-16vw)
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #igaming_risk_management .short-description ul {
        margin-top: 78vw!important
    }
    .vertical-slider .swiper-container .swiper-slide #igaming_risk_management img,
    .vertical-slider .swiper-container .swiper-slide #igaming_risk_management video {
        -webkit-transform: scale(.8) translateX(9vw) translateY(6vw);
        transform: scale(.8) translateX(9vw) translateY(6vw)
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #igaming_agent_system .short-description ul {
        margin-top: 72vw!important
    }
    .vertical-slider .swiper-container .swiper-slide #igaming_agent_system img,
    .vertical-slider .swiper-container .swiper-slide #igaming_agent_system video {
        -webkit-transform: translateX(17vw) translateY(-16vw);
        transform: translateX(17vw) translateY(-16vw)
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #why_upgaming .short-description ul {
        margin-top: 84vw!important
    }
    .vertical-slider .swiper-container .swiper-slide #why_upgaming img,
    .vertical-slider .swiper-container .swiper-slide #why_upgaming video {
        -webkit-transform: translateX(21vw) translateY(-15vw);
        transform: translateX(21vw) translateY(-15vw)
    }
}

@media(min-width:921px) {
    .vertical-slider .swiper-container .swiper-slide #why_upgaming img,
    .vertical-slider .swiper-container .swiper-slide #why_upgaming video {
        margin-left: -.625rem;
        margin-top: 1.563rem
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #casino_bonus .short-description ul {
        margin-top: 65vw!important
    }
    .vertical-slider .swiper-container .swiper-slide #casino_bonus img,
    .vertical-slider .swiper-container .swiper-slide #casino_bonus video {
        -webkit-transform: translateX(18vw) translateY(-28vw);
        transform: translateX(18vw) translateY(-28vw)
    }
}

@media(min-width:921px) {
    .vertical-slider .swiper-container .swiper-slide #casino_bonus img,
    .vertical-slider .swiper-container .swiper-slide #casino_bonus video {
        margin-left: -.625rem;
        margin-top: 1.563rem
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #casino_backoffice .short-description ul {
        margin-top: 86vw!important
    }
    .vertical-slider .swiper-container .swiper-slide #casino_backoffice img,
    .vertical-slider .swiper-container .swiper-slide #casino_backoffice video {
        -webkit-transform: scale(.9) translateX(24vw) translateY(-7vw);
        transform: scale(.9) translateX(24vw) translateY(-7vw)
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #casino_mini_games .short-description ul {
        margin-top: 96vw!important
    }
    .vertical-slider .swiper-container .swiper-slide #casino_mini_games img,
    .vertical-slider .swiper-container .swiper-slide #casino_mini_games video {
        -webkit-transform: translateX(17vw) translateY(-3vw);
        transform: translateX(17vw) translateY(-3vw)
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #casino_exclusively .short-description ul {
        margin-top: 107vw!important
    }
    .vertical-slider .swiper-container .swiper-slide #casino_exclusively img,
    .vertical-slider .swiper-container .swiper-slide #casino_exclusively video {
        -webkit-transform: translateX(25vw) translateY(-4vw);
        transform: translateX(25vw) translateY(-4vw)
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #why_esports .short-description ul {
        margin-top: 71vw!important
    }
    .vertical-slider .swiper-container .swiper-slide #why_esports img,
    .vertical-slider .swiper-container .swiper-slide #why_esports video {
        -webkit-transform: translateX(15vw) translateY(-24vw);
        transform: translateX(15vw) translateY(-24vw)
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #our_esports .short-description ul {
        margin-top: 70vw!important
    }
    .vertical-slider .swiper-container .swiper-slide #our_esports img,
    .vertical-slider .swiper-container .swiper-slide #our_esports video {
        -webkit-transform: translateX(16vw) translateY(-23vw);
        transform: translateX(16vw) translateY(-23vw)
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #intro img,
    .vertical-slider .swiper-container .swiper-slide #intro video {
        -webkit-transform: scale(1.3) translateX(.8rem);
        transform: scale(1.3) translateX(.8rem)
    }
}

@media(min-width:921px) {
    .vertical-slider .swiper-container .swiper-slide #intro img,
    .vertical-slider .swiper-container .swiper-slide #intro video {
        width: 146%;
        -webkit-transform: translateX(-16rem) translateY(1rem);
        transform: translateX(-16rem) translateY(1rem)
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #turnkeyLoop img,
    .vertical-slider .swiper-container .swiper-slide #turnkeyLoop video {
        -webkit-transform: scale(1.3) translateX(.8rem) translateX(15%);
        transform: scale(1.3) translateX(.8rem) translateX(15%)
    }
}

@media(min-width:921px) {
    .vertical-slider .swiper-container .swiper-slide #turnkeyLoop img,
    .vertical-slider .swiper-container .swiper-slide #turnkeyLoop video {
        width: 146%;
        -webkit-transform: translateX(-16rem) translateY(1rem) translateX(15%);
        transform: translateX(-16rem) translateY(1rem) translateX(15%)
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #intro img,
    .vertical-slider .swiper-container .swiper-slide #intro video {
        -webkit-transform: scale(1.3) translateX(.8rem);
        transform: scale(1.3) translateX(.8rem)
    }
}

@media(min-width:921px) {
    .vertical-slider .swiper-container .swiper-slide #intro img,
    .vertical-slider .swiper-container .swiper-slide #intro video {
        width: 146%;
        -webkit-transform: translateX(-16rem) translateY(1rem);
        transform: translateX(-16rem) translateY(1rem)
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #turnkeyLoop img,
    .vertical-slider .swiper-container .swiper-slide #turnkeyLoop video {
        -webkit-transform: scale(1.3) translateX(.8rem);
        transform: scale(1.3) translateX(.8rem)
    }
}

@media(min-width:921px) {
    .vertical-slider .swiper-container .swiper-slide #turnkeyLoop img,
    .vertical-slider .swiper-container .swiper-slide #turnkeyLoop video {
        width: 146%;
        -webkit-transform: translateX(-16rem) translateY(1rem);
        transform: translateX(-16rem) translateY(1rem);
        display: none
    }
}

@media(max-width:920px) {
    .vertical-slider .swiper-container .swiper-slide #white_label img,
    .vertical-slider .swiper-container .swiper-slide #white_label video {
        -webkit-transform: scale(1.3) translateX(.8rem) translateY(-4rem)!important;
        transform: scale(1.3) translateX(.8rem) translateY(-4rem)!important
    }
}