html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,main{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;outline:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main{display:block}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{line-height:1.4}ol,ul{list-style:none}blockquote,q{quotes:none}i{font-style:italic}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}strong,b{font-weight:500}a,input[type="submit"],.btn{cursor:pointer;transition:.5s}input[type="text"]{transition:.5s}input[type="submit"]{-webkit-appearance:none}* : (input,textarea){-webkit-touch-callout:none;-webkit-user-select:none}img{-webkit-touch-callout:none;-webkit-user-select:none}input[placeholder]{text-overflow:ellipsis}input::-moz-placeholder{text-overflow:ellipsis}input:-moz-placeholder{text-overflow:ellipsis}input:-ms-input-placeholder{text-overflow:ellipsis}:focus::-webkit-input-placeholder{color:transparent}:focus::-moz-placeholder{color:transparent}:focus:-moz-placeholder{color:transparent}:focus:-ms-input-placeholder{color:transparent}
{-webkit-appearance:none}* : (input,textarea){-webkit-touch-callout:none;-webkit-user-select:none}img{-webkit-touch-callout:none;-webkit-user-select:none}input[placeholder]{text-overflow:ellipsis}input::-moz-placeholder{text-overflow:ellipsis}input:-moz-placeholder{text-overflow:ellipsis}input:-ms-input-placeholder{text-overflow:ellipsis}:focus::-webkit-input-placeholder{color:transparent}:focus::-moz-placeholder{color:transparent}:focus:-moz-placeholder{color:transparent}:focus:-ms-input-placeholder{color:transparent}
select, option {
  -webkit-appearance: none;
}

:root {
  --white: #ffffff;
  --blue: #140744;
  --red: #DA0034;
  --bluelight: #46C0FF;
  --black: #000000;
  --black2: #1D1D1B;
  --orange: #FF6A00;
  --main:#4B223D;
  --main2: #7B0235;
}

@font-face {
    font-family: 'Grandis Extended';
    src: url('../fonts/GrandisExtended-LightItalic.eot');
    src: local('Grandis Extended Light Italic'), local('GrandisExtended-LightItalic'),
        url('../fonts/GrandisExtended-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GrandisExtended-LightItalic.woff2') format('woff2'),
        url('../fonts/GrandisExtended-LightItalic.woff') format('woff'),
        url('../fonts/GrandisExtended-LightItalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Grandis Extended';
    src: url('../fonts/GrandisExtended-Thin.eot');
    src: local('Grandis Extended Thin'), local('GrandisExtended-Thin'),
        url('../fonts/GrandisExtended-Thin.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GrandisExtended-Thin.woff2') format('woff2'),
        url('../fonts/GrandisExtended-Thin.woff') format('woff'),
        url('../fonts/GrandisExtended-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'Grandis Extended';
    src: url('../fonts/GrandisExtended-Black.eot');
    src: local('Grandis Extended Black'), local('GrandisExtended-Black'),
        url('../fonts/GrandisExtended-Black.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GrandisExtended-Black.woff2') format('woff2'),
        url('../fonts/GrandisExtended-Black.woff') format('woff'),
        url('../fonts/GrandisExtended-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Grandis Extended';
    src: url('../fonts/GrandisExtended-Light.eot');
    src: local('Grandis Extended Light'), local('GrandisExtended-Light'),
        url('../fonts/GrandisExtended-Light.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GrandisExtended-Light.woff2') format('woff2'),
        url('../fonts/GrandisExtended-Light.woff') format('woff'),
        url('../fonts/GrandisExtended-Light.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Grandis Extended';
    src: url('../fonts/GrandisExtended-Medium.eot');
    src: local('Grandis Extended Medium'), local('GrandisExtended-Medium'),
        url('../fonts/GrandisExtended-Medium.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GrandisExtended-Medium.woff2') format('woff2'),
        url('../fonts/GrandisExtended-Medium.woff') format('woff'),
        url('../fonts/GrandisExtended-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Grandis Extended';
    src: url('../fonts/GrandisExtended-MediumItalic.eot');
    src: local('Grandis Extended Medium Italic'), local('GrandisExtended-MediumItalic'),
        url('../fonts/GrandisExtended-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GrandisExtended-MediumItalic.woff2') format('woff2'),
        url('../fonts/GrandisExtended-MediumItalic.woff') format('woff'),
        url('../fonts/GrandisExtended-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Grandis Extended';
    src: url('../fonts/GrandisExtended-Regular.eot');
    src: local('Grandis Extended Regular'), local('GrandisExtended-Regular'),
        url('../fonts/GrandisExtended-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GrandisExtended-Regular.woff2') format('woff2'),
        url('../fonts/GrandisExtended-Regular.woff') format('woff'),
        url('../fonts/GrandisExtended-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Grandis Extended';
    src: url('../fonts/GrandisExtended-BoldItalic.eot');
    src: local('Grandis Extended Bold Italic'), local('GrandisExtended-BoldItalic'),
        url('../fonts/GrandisExtended-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GrandisExtended-BoldItalic.woff2') format('woff2'),
        url('../fonts/GrandisExtended-BoldItalic.woff') format('woff'),
        url('../fonts/GrandisExtended-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Grandis Extended';
    src: url('../fonts/GrandisExtended-RegularItalic.eot');
    src: local('Grandis Extended Regular Italic'), local('GrandisExtended-RegularItalic'),
        url('../fonts/GrandisExtended-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GrandisExtended-RegularItalic.woff2') format('woff2'),
        url('../fonts/GrandisExtended-RegularItalic.woff') format('woff'),
        url('../fonts/GrandisExtended-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Grandis Extended';
    src: url('../fonts/GrandisExtended-ThinItalic.eot');
    src: local('Grandis Extended Thin Italic'), local('GrandisExtended-ThinItalic'),
        url('../fonts/GrandisExtended-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GrandisExtended-ThinItalic.woff2') format('woff2'),
        url('../fonts/GrandisExtended-ThinItalic.woff') format('woff'),
        url('../fonts/GrandisExtended-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'Grandis Extended';
    src: url('../fonts/GrandisExtended-Bold.eot');
    src: local('Grandis Extended Bold'), local('GrandisExtended-Bold'),
        url('../fonts/GrandisExtended-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GrandisExtended-Bold.woff2') format('woff2'),
        url('../fonts/GrandisExtended-Bold.woff') format('woff'),
        url('../fonts/GrandisExtended-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Grandis Extended';
    src: url('../fonts/GrandisExtended-BlackItalic.eot');
    src: local('Grandis Extended Black Italic'), local('GrandisExtended-BlackItalic'),
        url('../fonts/GrandisExtended-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/GrandisExtended-BlackItalic.woff2') format('woff2'),
        url('../fonts/GrandisExtended-BlackItalic.woff') format('woff'),
        url('../fonts/GrandisExtended-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}




html {
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    font-size: 10px;
    min-width: 320px;
    color: var(--black);
    background: var(--white);
}

body {
    font-size: 1.8rem;
    overflow-x: hidden;
}

.wrapper {
  min-width: 320px;
  width: 100%;
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
  position: relative;
}

.container {
  padding: 0 10px;
/*max-width: 1320px;*/
    max-width: 1440px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 3;
  box-sizing: border-box;
}


* {
    box-sizing: border-box;
}
section {
  position: relative;
  padding: 60px 0;
}

picture {
    display: flex;
    align-items: flex-start;
}

img {
    max-width: 100%;
    display: block;
}

.zoomin {
    overflow: hidden;
}
.zoomin img {
    transition: transform 1s ease 0s;
}
.zoomin:hover img {
    transform: scale(1.1);
}

.nowrap {
    white-space: nowrap;
}

.bar__long {
  position: fixed;
  top: 0;
  left: 0;
  height: 10px;
  width: 0;
  z-index: 99;
  border-radius: 0 20px 20px 0;
  transition:0.5s;
      background: var(--main2);
}


.s__btn {
    font-family: "Montserrat", sans-serif;
    font-size: 1.8rem;
    font-weight: 500;
    background: var(--main2);
    color: #fff;
    padding: 26px 30px;
    text-decoration: none;
    position: relative;
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
    letter-spacing: 0.2px;
    transform: perspective(1px) translateZ(0);
    transition: all 0.5s;
}
.s__btn span {
    margin-right: 15px;
}
.s__btn:hover {
    background: var(--red);
    transform: scale(1.05) translateY(-2px);
}

.s__btn2 {
    display: inline-flex;
    align-items: center;
    padding: 10px 16px;
    border: 1px solid var(--main);
    text-decoration: none;
    color: var(--main);
    cursor: pointer;
    font-size: 2rem;
    transform: perspective(1px) translateZ(0);
    transition: all 0.5s;
}
.s__btn2 span {
    margin: 0 10px;
    transition: all 0.5s;
}
.s__btn2 path {
    transition: all 0.5s;
}

.s__btn2 .fb {}

.s__btn2:hover {
    background: var(--red);
    transform: scale(1.05) translateY(-2px);
    border-color: var(--red);
}
.s__btn2:hover span {
    color: var(--white);
}
.s__btn2:hover path {
    fill: var(--white);
}



.s__btn3 {
    display: inline-flex;
    align-items: center;
    padding: 26px 30px;
    border: 1px solid var(--main);
    text-decoration: none;
    color: var(--main);
    font-weight: 600;
    cursor: pointer;
}
.s__btn3 span {
    margin: 0 10px 0 0;
}
.s__btn3 path {
    transition: all 0.5s;
}

.s__btn3:hover {
    background: var(--red);
    transform: scale(1.05) translateY(-2px);
    border-color: var(--red);
}
.s__btn3:hover span {
    color: var(--white);
    transition: all 0.5s;
}
.s__btn3:hover path {
    fill: var(--white);
}

/*
.btn__anim {
    background: var(--main2);
    transform: perspective(1px) translateZ(0);
    transition: 0.5s;
    overflow: hidden;
    transition: all 0.5s;
}

.btn__anim::before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0;
}

.btn__anim::before {
    background: #ea1023;
    clip-path: inset(0 100% 0 0);
    opacity: 1;
    transition: 0.4s;
}

.btn__anim:hover::before {
    clip-path: inset(0 0 0 0);
}

.btn__anim:hover {
    box-shadow: 0 0 0 10px rgba(250, 250, 250, 0.1);
    transform: scale(1.05) translateY(-2px);
}*/



.s__title {
    font-size: 4rem;
    font-family: 'Grandis Extended';
    font-weight: 900;
    margin-bottom: 55px;
    text-transform: uppercase;
    letter-spacing: 0.8px;
}

.s__text {
    max-width: 1074px;
    width: 100%;
}
.s__text p {
    margin-bottom: 30px;
}
.s__text p:last-of-type {
    margin-bottom: 0;
}

.s__tagline {
    font-size: 3rem;
    font-weight: 500;
    color: var(--main);
}

.bg__grey {
    background: rgba(0,0,0,0.04);
}

.s__big {}
.s__big .container {
    max-width: 1640px;
}
.s__big .s__img {}
.s__big .s__img img {}

.row {
/*    padding: 0 120px;*/
    padding: 0 34px;
}

.col2 {
    display: flex;
    justify-content: space-between;
    width: calc(100% + 10px + 10px);
    position: relative;
    left: -10px;
}
.col2 .col__item {
    width: 100%;
    margin: 0 15px;
}


.col3 {
    display: flex;
    justify-content: space-between;
    position: relative;
    width: calc(100% + 15px + 15px);
    left: -15px;
    margin-bottom: -15px;
}
.col3 .col__item {
/*    background: rgba(0,0,0,0.04);*/
    margin: 0 15px 15px;
    width: 100%;
    padding: 30px 32px;
}

.columns {
    display: flex;
    justify-content: space-between;
}
.column-1 {
    max-width: 800px;
    width: 100%;
}
.column-2 {
    max-width: 522px;
    width: 100%;
}


.slider__wrap {
    width: 100%;
}
.slider__controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
/*    margin-bottom: 40px;*/
    margin-top: 30px;
}
.slider__nums {
    font-size: 1.4rem;
}
.slider__nums-current {
    color: var(--main);
    font-weight: bold;
}

.slider__buttons {
    display: flex;
    align-items: center;
    cursor: pointer;
}
.slider__button {
    width: 34px;
    height: 34px;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--main);
}
.slider__button-prev {
    margin-right: 20px;
}
.slider__button-next {}

.slider__button svg {
    fill: var(--main);
}
.swiper-button-disabled {
    opacity: 0.5;
}
.swiper-button-disabled svg {
    fill: var(--black);
}

.row-desc {}
.row-mob {
    display: none !important;
}




@media screen and (max-width: 1700px) {

    .container {
        max-width: 1130px;
    }
    .row {
        padding: 0 20px;
    }

    section {
        padding: 50px 0;
    }

    .s__btn {
        padding: 22px 28px;
    }
    .s__title {
        font-size: 3.2rem;
        margin-bottom: 30px;
    }
    .s__text {
/*        max-width: 814px;*/
        max-width: 864px;
    }
    .s__tagline {
        font-size: 2.6rem;
    }

    .col3 .col__item {
        padding: 35px 30px;
    }
    .s__btn2 {
        font-size: 1.8rem;
        padding: 10px 13px;
    }
    .s__btn3 {
        padding: 22px 25px;
    }

    .column-1 {
        max-width: calc(100% - 428px - 20px);
        padding-right: 20px;
    }
    .column-2 {
        max-width: 428px;   
    }

}



@media screen and (max-width: 1199px) {
    
    section {
        padding: 40px 0;
    }
    .container {
        max-width: 960px;
    }

    .s__title {
        margin-bottom: 35px;
    }
    .col3 .col__item {
        padding: 30px;
        margin-bottom: 20px;
    }

    .column-1 {
        max-width: calc(100% - 362px - 20px);
    }
    .column-2 {
        max-width: 362px;
    }

    .col2 {
        left: -15px;
        width: calc(100% + 15px + 15px);
    }
    .s__btn3 {
        padding: 18px 25px;
    }

}

@media screen and (max-width: 999px) {

    body {
        font-size: 1.6rem;
    }

    .s__btn {
        font-size: 1.6rem;
        padding: 18px 22px;
    }
    .s__btn2 {
        font-size: 1.6rem;
    }
    .s__btn3 {
        font-size: 1.6rem;
    }
    .s__title {
        font-size: 2.56rem;
        margin-bottom: 30px;
    }
    .s__text p {
        margin-bottom: 25px;
    }
    .col3 .col__item {
        padding: 25px 30px;
    }
    .s__tagline {
        font-size: 2.2rem;
    }

    .column-1 {
        max-width: calc(100% - 230px - 20px);
    }
    .column-2 {
        max-width: 254px;
    }

    .col3 {
        width: calc(100% + 10px + 10px);
        left: -10px;
    }

    .col3 .col__item {
        margin: 0 10px 15px;
    }

}

@media screen and (max-width: 767px) {

    body {
        font-size: 1.5rem;
    }
    section {
        padding: 30px 0;
    }
    .container {
        max-width: 460px;
        padding: 0 20px;
/*        background: aqua;*/
/*        background: rgb(0 255 255 / 50%);*/
    }
    .row {
/*        background: rgba(255,0,255,0.5);*/
        position: relative;
        padding: 0;
    }

    .row-desc {
        display: none !important;
    }
    .row-mob {
        display: flex !important;
    }
/*    .wrapper:before {
        content:'';
        position: absolute;
        top: 0;
        left: 0;
        width: 20px;
        height: 999999px;
        background: blue;
        z-index: 22;
    }
    .wrapper:after {
        content:'';
        position: absolute;
        top: 0;
        right: 0;
        width: 20px;
        height: 999999px;
        background: green;
        z-index: 22;
    }*/

    .s__title {
        font-size: 2.4rem;
        line-height: 1.3;
        letter-spacing: 0.5px;
/*        margin-bottom: 25px;*/
    }

    .s__text p {
        margin-bottom: 30px;
    }
    .s__tagline {
        font-size: 1.8rem;
    }
    .s__btn2 {
        font-size: 1.5rem;
    }
    .s__btn3 {
        padding: 20px 25px;
    }

    .col2 {
        margin: 0 auto;
        width: 100%;
        left: 0;
    }


    .columns {
        flex-wrap: wrap;
    }
    .column-1 {
        max-width: 100%;
    }
    .column-2 {
        max-width: 100%;
    }

    .column__text {
        order: 2;
        padding-right: 0;
    }
    .column__image {
        order: 1;
        margin-bottom: 30px;
    }

    .col3 {
        left: 0;
        width: 100%;
    }

    .col3 .col__item {
        padding: 20px;
        margin-left: auto;
        margin-right: auto;

/*        background: red;*/
    }

}


@media screen and (max-width: 479px) {

    body {
        font-size: 1.4rem;
    }
    .container {
        max-width: 360px;
        padding: 0 20px;
    }
    .s__btn {
        font-size: 1.4rem;
        padding: 20px 24px;
    }
    .s__btn span {
        margin-right: 8px;
    }
    .s__btn svg {
        width: 14px;
    }

    .s__btn2 {
        padding: 6px 13px;
    }
    .s__btn2 .fb {
        width: 16px;
    }
    .s__btn2 svg {
        width: 15px;
    }
    .s__btn3 {
        font-size: 1.4rem;
    }
    .s__title {
        font-size: 2.2rem;
    }
    .s__text {}
    .s__text p {
        margin-bottom: 20px;
    }
    .s__tagline {
        font-size: 1.6rem;
    }


}













.visible-lg { display: block !important;}
.visible-ng { display: none !important;}
.visible-md { display: none !important;}
.visible-sm { display: none !important;}
.visible-xs { display: none !important;}
.visible-xxs { display: none !important;}


@media screen and (max-width: 1700px) {
    .visible-lg { display: none !important;}
    .visible-ng { display: block !important;}
    .visible-md { display: none !important;}
    .visible-sm { display: none !important;}
    .visible-xs { display: none !important;}
    .visible-xxs { display: none !important;}
}

@media screen and (max-width: 1300px) {
    .visible-lg { display: none !important;}
    .visible-ng { display: none !important;}
    .visible-md { display: block !important;}
    .visible-sm { display: none !important;}
    .visible-xs { display: none !important;}
    .visible-xxs { display: none !important;}
}

@media screen and (max-width: 1199px) {
/*@media screen and (max-width: 999px) {*/
    .visible-lg { display: none !important;}
    .visible-ng { display: none !important;}
    .visible-md { display: block !important;}
    .visible-sm { display: none !important;}
    .visible-xs { display: none !important;}
    .visible-xxs { display: none !important;}
}

@media screen and (max-width: 999px) {
/*@media screen and (max-width: 999px) {*/
    .visible-lg { display: none !important;}
    .visible-ng { display: none !important;}
    .visible-md { display: none !important;}
    .visible-sm { display: block !important;}
    .visible-xs { display: none !important;}
    .visible-xxs { display: none !important;}
}

@media screen and (max-width: 767px) {
    .visible-lg { display: none !important;}
    .visible-ng { display: none !important;}
    .visible-md { display: none !important;}
    .visible-sm { display: none !important;}
    .visible-xs { display: block !important;}
    .visible-xxs { display: none !important;}
}
@media screen and (max-width: 479px) {
    .visible-lg { display: none !important;}
    .visible-ng { display: none !important;}
    .visible-md { display: none !important;}
    .visible-sm { display: none !important;}
    .visible-xs { display: none !important;}
    .visible-xxs { display: block !important;}
}