/*
Theme Name: magnit
Theme URI: mywebmarketing.com
Description: Тема оформления создана студией mywebmarketing
Version: 1.0
Author: mywebmarketing
Author URI: mywebmarketing.com
*/  
@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800&display=swap&subset=cyrillic');
@font-face {
    font-family: 'Merriweather'; /* Гарнитура шрифта */
    src: url('fonts/Merriweather-Bold.ttf'); /* Путь к файлу со шрифтом */
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Merriweather'; /* Гарнитура шрифта */
    src: url('fonts/Merriweather-Regular.ttf'); /* Путь к файлу со шрифтом */
    font-weight: 400;
    font-style: normal;
}


*, *::before, *::after{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
li, ul{
    margin: 0;
}
img{
    max-width: 100%;
    height: auto;
}
button:focus {
    outline: 0; 
}
body{
    font-family: 'Montserrat', sans-serif;
    font-size: 1vw;
    color:#414141;
    line-height: 1.6;
}

#navbar-top{
    background-color: #3f4f5e;
    font-size: 0.9em; 
    text-transform: uppercase;
    font-weight: 500;
    position: fixed;
    display: none;
    top:0;
    left:0;
    right:0;
    z-index: 100;
    box-shadow:0 5px 0 rgba(0, 0, 0, 0.16)
}
#navbar-top ul{
    display: flex;
    justify-content: center;
}
#navbar-top ul li{
    list-style: none;
}
#navbar-top ul li a{
    color:#fff;
    padding:1em 2em 0.7em;
    transition:all 0.3s;
    display: block;
    border-bottom:0.3em solid #3f4f5e;
}
#navbar-top ul li a:hover{
    border-bottom:0.3em solid #ea40af;
    text-decoration: none;
}
#navbar-top .button-wrp{
    align-self: center;
}
#navbar-top button{
    height: 2rem;
    border-radius: 1rem;
    background-color: #ea40af;
    padding:0 1.66rem;
    font-size:0.83em ;
    font-weight: 500;
    border:0;
    color:#fff;
    text-transform: uppercase;
    transition:all 0.3s;
}
#navbar-top button:hover{
    background-color: #f77282;
}

header{
    background: url(img/bg52.jpg) no-repeat center bottom;  
    background-size:cover;
    min-height: 47.3em;
    margin-bottom: 8em;
}
header .container{
    padding:1em 15px;
}
header .col:nth-child(1){
    flex:0 0 20%;
}
header .col:nth-child(2){
    flex:0 0 23%;
}
header .col:nth-child(3){
    flex:0 0 20%;
}
header .col:nth-child(4){
    flex:0 0 20%;
}
header .col:nth-child(5){
    flex:0 0 17%;
    
}
header .col:nth-child(5) a{
    display: flex;
    align-items: center;
    text-align: left;
    text-decoration: underline;
}
header .col:nth-child(5) a:hover{
    text-decoration: none;
}
header .col:nth-child(5) img{
    margin-right: 0.5em;
}
header .col{
    align-self: center;
    font-weight: 500;
}
header .phone{
    font-weight: 600;
    font-size: 1.33em;
    background: url(img/bg1.png) 0px 0.2em no-repeat;
    padding-left: 1.6em;
    display: inline-block;
    background-size:1.6rem;
}
header .adress{
    text-align: center;
    font-size: 1rem;
    font-weight: 300;
}
header .slogan{
    font-weight: 300;
}
header .calling-btn{
    font-size: 0.94em;
    border-radius: 2em;
    background: #ea40af;
    padding:0.8em 1.94em;
    text-transform: uppercase;
    font-weight: 600;
    color:#fff;
    transition:all 0.3s;
}
header .calling-btn:hover{
    background: #a81e84;
    text-decoration:none;
}
header .add-bookmark{
    font-weight: 300;
    color: #3c6ea7;
}
header .col:nth-child(5){
    text-align: center
}
#banner{  
    height: 100%;
    padding-top:2em;
}
#banner  h1{
    font-size: 2em;
    font-weight: 700;
    line-height: 1.6;
    background: url(img/bg3.png) no-repeat center center;
    background-size: contain;
    padding: 1.6em 0em 1em 2em;
    margin-right: 3em;
}
#banner  h1 span{
    color: #ea40af;
}
#banner .sub-title {
    display: flex;
    justify-content: flex-end;
    margin-top: 3em;
}
#banner .sub-title div{
    display: inline-block;
    background: url(img/bg63.png) 0px 0px no-repeat;
    color:#fff;
    font-weight: 500;
    font-size: 1.1em;
    padding: 0.2em 2.2em;
}
#banner .col{
    text-align: center;
    align-self: center;
}
#banner .banner-text{
    font-size: 2em;
    padding-left:2em;
    font-weight: 500;
    padding-top:2em;
}
#banner .more-info{
    color: #ea40af;
    font-size: 0.94em;
    border-radius: 2em;
    padding:0.6em 1.94em;
    text-transform: uppercase;
    font-weight: 600;
    transition:all 0.3s;
    border: 2px #ea40af solid;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3rem 0 0 5rem;
    background: none;
    background-color: white;
    margin-top: 300px;
}
#banner .more-info::after{
    content:'';
    background: url(img/bg62.png) no-repeat center center;
    background-size: contain;
    margin-left:0.5em;
    width:1.6em;
    height:1em;
}
#banner .more-info:hover{
    background-color: #fff;
}

#advantages{
    padding-bottom: 5em;
}
#advantages h2{
    text-align: center;
    font-size: 1.85em;
    margin-bottom: 3.38rem;
    font-weight: 700;
    text-transform: uppercase;
}
#advantages .p{
    font-size: 1.3em;
    font-weight: 600;
    height: 3.2em;
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
#advantages .p img{
    position: absolute;
    bottom: 0.4em;
    left: calc(50% + 2.2em);
    cursor: pointer;
}
#advantages .p #my_ic2 {
    position: absolute;
    padding: 0 1.8em;
    background: #fff;
    width: 25rem;
    top: 80%;
    left: 80%;
    font-size: 1rem;
    font-weight: 400;
    text-align: left;
    z-index: 99;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.26);
    transition:all 0.3s ;
    max-height: 0;
    overflow: hidden;
}
#advantages .p #my_ic2.visible{
    max-height:500px;
    padding:1.8em;
}
#advantages .p #my_ic2 .txt1{
    font-weight: 700;
    margin-bottom: 1em;
}
#advantages .col{
   padding: 3em 0 1em;
   background: url(img/adv1.png) no-repeat center top;
   background-position-x: calc(50% - 15px);
   padding-left:0;
   padding-right:0;
   margin:0 1.5%;
   min-width:17%;
   flex:0 0 17%;
   background-color: #e0f0fc;
   text-align: center;
   border-radius: 50% 50% 1em 1em;
}
#advantages .col > img{
    margin-bottom: 1.5em;
}
#advantages .col:last-child p{
    border:none;
}

#nearly{
    background: #e5f1ff url(img/bg53.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding:8em 0 5em;
}
#nearly h2{
    text-align: center;
    font-size: 2em;
    margin-bottom: 2em;
    font-weight: 700;
    text-transform: uppercase;
}
#nearly img{
    border-radius:0.55em 0.55em 0 0 ;
}
#nearly .sub-title{
    text-align: center;
    font-family: 'Merriweather';
    font-size: 1.38em;
    margin-bottom: 3.3rem;
}
#nearly .col{
    min-width:30%;
    flex: 0 0 30%;
    margin:0 1.5% 3em;
}
#nearly .col .content{
    background-color: #fcf7ee;
    border-radius:1.5em;
    border-radius: 2.5em;
    height: 100%;
} 
#nearly .col .content .img-n1{
    background: url(img/img1.jpg) no-repeat center top;
    background-size: cover;
    height: 14em;
    border-radius: 2.5em 2.5em 0 0;
}
#nearly .col .content .img-n2{
    background: url(img/img2.jpg) no-repeat center top;
    background-size: cover;
    height: 14em;
    border-radius: 2.5em 2.5em 0 0;
}
#nearly .col .content .img-n3{
    background: url(img/img3.jpg) no-repeat center top;
    background-size: cover;
    height: 14em;
    border-radius: 2.5em 2.5em 0 0;
}
#nearly .col .content .img-n4{
    background: url(img/img4.jpg) no-repeat center top;
    background-size: cover;
    height: 14em;
    border-radius: 2.5em 2.5em 0 0;
}
#nearly .col .content .img-n5{
    background: url(img/mega2.jpg) no-repeat center top;
    background-size: cover;
    height: 14em;
    border-radius: 2.5em 2.5em 0 0;
}
#nearly .col .content .img-n6{
    background: url(img/img6.jpg) no-repeat center top;
    background-size: cover;
    height: 14em;
    border-radius: 2.5em 2.5em 0 0;
}
#nearly h4{
    text-align: center;
    font-size: 1.1em;
    font-weight: 600;
    color: #a81e84;
    padding:1.5em 1em 1em;
    margin: 0;
    line-height: 1.6;
}
#nearly .col p{
    text-align: center;
    padding:0 1.4em;
    padding-bottom: 1em;
}
#nearly .time{
    width: 6.83rem;
    padding: 2.8rem 0.5rem 0.6rem;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 0.85em;
    line-height: 1.2;
    border-radius: 2.5em 0 2.5em 0;
    background: url(img/bg61.png) no-repeat center 0.7em rgba(0, 21, 43, 0.5);
}

#project {
    background: url(img/9.jpg) no-repeat center bottom;
    background-size: cover;
    min-height: 47.3em;
    padding:8em 0 6em;
}
#project h2{
    font-size: 2em;
    font-weight: 700;
    margin-bottom: 1.5em;
    text-transform: uppercase;
    padding-left:2.5em;
    color: white;
}
#project li{
    font-size: 1.33em;
    font-weight: 700;
    background: #fff;
    padding:0 1em;
    height:5.38rem;
    display: flex;
    align-items: center;
    margin-bottom: 1em;
}
#project li::before{
    content:'';
    background: url(img/bg9.png) no-repeat center center;
    background-size: contain;
    width:4.22rem;
    height:4.22rem;
    margin-right:1em;
    display: block;
}
#project li:nth-child(2)::before{
    background: url(img/bg10.png) no-repeat center center;
}
#project li:nth-child(3)::before{
    background: url(img/bg11.png) no-repeat center center;
}
#project li:nth-child(4)::before{
    background: url(img/bg12.png) no-repeat center center;
}
#project li:nth-child(5)::before{
    background: url(img/bg13.png) no-repeat center center;
}

#planirovki-flats{
    padding:8em 0 6em; 
}
#planirovki-flats h2{
    font-size: 2em;
    font-weight: 700;margin-bottom: 0.5em;
    text-align: center;
    text-transform: uppercase;
}
#planirovki-flats .sub-title{
    text-align: center;
    margin-bottom: 4rem;
    font-weight: 600;
    font-size: 1.2em;
}
#planirovki-flats .col{
    min-width:30%;
    flex: 0 0 30%;
    margin:0 1.5% 2.5em;
    cursor: pointer;
    border: 2px solid #eeeeee;
    border-radius: 5px;
    text-align: center;
    padding:1.5em 0;
    transition: all 0.3s;
}
#planirovki-flats .col:hover{
    box-shadow: 0 33px 70px rgba(115, 115, 115, 0.23);
}
#planirovki-flats .col h4{
    color: #383838;
    font-weight: 600;
    font-size: 1.5em;
}
#planirovki-flats .col h4 span{
    font-size: 1.5em;
}
#planirovki-flats .col h4, #planirovki-flats .col img{
    margin-bottom: 1em;
}
#planirovki-flats button {
    color: #ea40af;
    font-size: 0.9em;
    border-radius: 2em;
    padding: 0.5em 1.94em;
    text-transform: uppercase;
    font-weight: 600;
    transition: all 0.3s;
    border: 2px #ea40af solid;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    transition:all 0.3s;
    font-weight: 600;
    margin:0 auto;
}
#planirovki-flats button.all{
    font-size: 1.1em;
    background: #ea40af;
    color:#fff;
    margin-top:2em;
}
#planirovki-flats .col button:hover{
    background: #ea40af;
    color:#fff;
}
#planirovki-flats button.all:hover{
    background: #fff;
    color:#414141;
}


#planirovki-commerce{
    padding:6em 0 5em;
    background-image:url(img/commerce-gradient.png);
    background-repeat:no-repeat;
    background-position: center bottom;
    background-color:  #e0f0fc;
}
#planirovki-commerce h2{
    font-size: 2em;
    font-weight: 700;margin-bottom: 1.5em;
    text-align: center;
    text-transform: uppercase;
}
#planirovki-commerce h3{
    font-size: 1.5em;
    font-weight: 700;
    text-align: center;margin-bottom: 2em;
    text-transform: uppercase;
}
#planirovki-commerce .sub-title{
    display: flex;
    flex-wrap: wrap;
    border-radius: 5.55em;
    background-color: #e9f3fc;
    width:90%;
    margin:0 auto 6em;
}
#planirovki-commerce .sub-title .item{
    min-width:25%;
    flex: 0 0 25%;
    text-align: center;
    padding:4.5em 0 1em;
}
#planirovki-commerce .sub-title .item p{
    margin: 0;
    font-weight: 600;
    font-size: 1.2em;
    border-right:2px solid #e6c3db;
}
#planirovki-commerce .sub-title .item:last-child p{
    border-right:0;
}
#planirovki-commerce .sub-title .item:nth-child(1){
    background: url(img/bg14.png) no-repeat center 1.3em;
    background-size: 3em;
}
#planirovki-commerce .sub-title .item:nth-child(2){
    background: url(img/bg15.png) no-repeat center 1.3em;
    background-size: 2.72em;
}
#planirovki-commerce .sub-title .item:nth-child(3){
    background: url(img/bg16.png) no-repeat center 1.3em;
    background-size: 2.56em;
}
#planirovki-commerce .sub-title .item:nth-child(4){
    background: url(img/bg17.png) no-repeat center 1.3em;
    background-size: 3.16em;
}
#planirovki-commerce .commerce-block:nth-child(1){
    margin-bottom: 3em;
}
#planirovki-commerce .col{
    min-width:30%;
    flex: 0 0 30%;
    margin:0 1.5% 2.5em;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
    padding:1.5em 0;
    transition: all 0.3s;
    background: #fff;
}
#planirovki-commerce .col img{
    max-height: 21em;
    width:auto;
}
#planirovki-commerce .col:hover{
    box-shadow: 0 33px 70px rgba(115, 115, 115, 0.23);
}
#planirovki-commerce .col h4{
    color: #383838;
    font-weight: 600;
    font-size: 1.5em;
}
#planirovki-commerce .col h4 span{
    font-size: 1.5em;
}
#planirovki-commerce .col h4, #planirovki-commerce .col img{
    margin-bottom: 1em;
}
#planirovki-commerce .bottom{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:0 2em;
}
#planirovki-commerce .square{
    font-weight: 300;
}
#planirovki-commerce .square span{
    font-weight: 600;
    font-size: 1.33em;
}
#planirovki-commerce button {
    color: #ea40af;
    font-size: 0.9em;
    border-radius: 2em;
    padding: 0.5em 1.94em;
    text-transform: uppercase;
    font-weight: 600;
    transition: all 0.3s;
    border: 2px #ea40af solid;
    display: flex;
    justify-content: center;
    align-items: center;
    background: none;
    transition:all 0.3s;
    font-weight: 600;
}
#planirovki-commerce button.all{
    font-size: 1.1em;
    background: #ea40af;
    color:#fff;
    margin:0 auto;
    margin-top:2em;
}
#planirovki-commerce .col button:hover{
    background: #ea40af;
    color:#fff;
}
#planirovki-commerce button.all:hover{
    background: #fff;
    color:#414141;
}

#remont{
    padding:8em 0 6em;
}
#remont h2{
    font-size: 2em;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 1em;
}
#remont .sub-title{
    text-align: center;
    font-weight: 600;
    font-size: 1.3em;
    margin-bottom: 3em;
}
#remont .sub-title .red{
    color: #ea40af;
}
#remont .remont1{
    display: flex;justify-content: center;
    background: url(img/remont1.png)no-repeat right top #fff;
    flex-direction: column;
    margin-left: -7.16em;
    padding:2em;
    box-shadow: 0 33px 70px rgba(0, 0, 0, 0.13);
}
#remont .remont2{
    display: flex;justify-content: center;
    background: url(img/remont2.png)no-repeat left top #fff;
    flex-direction: column;
    margin-right: -7.16em;
    z-index: 1;
    position: relative;
    padding:2em;
    box-shadow: 0 33px 70px rgba(0, 0, 0, 0.13);
}
#remont .col{
    padding: 0;
}
#remont .col.two,#remont .col.three{
    align-self: center;
}
#remont .col img{
    width:100%;
    height: auto;
}
#remont .col li{
    font-size: 1.3em;
    margin-left: 2.3rem;
    list-style: none;
    margin-bottom: 0.6rem;
    font-weight: 500;
    display: flex;
    align-items: flex-start;
}
#remont .col li::before{
    content:'';
    height: 1.38rem;
    flex: 0 0 1.38rem;
    min-width:1.38rem;
    background: url(img/bg20.png)no-repeat center center;
    background-size: contain;
    margin-right: 1em;
    margin-top: 0.3em;
}
#remont .row.margin{
    margin-bottom: 5em;
    position: relative;
}
#remont .row.margin .arrow{
    width: 15.4em;
    height: 9.9em;
    background: url(img/bg18.png)no-repeat center center;
    background-size: contain;
    position: absolute;
    top:13.38em;
    left:34.3em;
    z-index: 10;
}
#remont .row.two{
    position: relative;
    padding-bottom: 100px;
}
#remont .row.two .arrow{
    width: 17.4em;
    height: 5.77em;
    background: url(img/bg19.png)no-repeat center center;
    background-size: contain;
    position: absolute;
    top:13.94em;
    right:35.8em;
    z-index: 10;
} 
#remont button {
    border-radius: 2em;
    padding: 0.5em 1.94em;
    text-transform: uppercase;
    font-weight: 600;
    transition: all 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.1em;
    background: #ea40af;
    color:#fff;
    margin:0 auto;
    margin-top:4em;
    border:2px solid #ea40af;
}
#remont  button:hover{
    background: #fff;
    color:#414141;
}

#sroki {
    padding: 6em 0 6em;
    background-image: url(img/commerce-gradient.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    background-color: #e0f0fc;
}
#sroki h2{
    font-size: 2em;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 0.5em;
}
#sroki .sub-title{
    text-align: center;
    font-size: 1.3em;
    color: #ea40af;
    font-weight: 600;
    margin: 0 0 3.55rem;
}
#sroki .col{
    font-weight: 500;
    padding:1.5em 0;
    border-bottom:1px solid #c2d0dd;
}
#sroki .txt{
    font-size: 0.8em;
}
#sroki .col:nth-child(13), #sroki .col:nth-child(14){
    border-bottom:0;
}
#sroki h4{
    color: #383838;
    font-size: 1.7rem;
    font-weight: 700;
}
#sroki .col.p{
    display: flex;
    align-items: center;
}
#sroki .this-progress-bar{
    padding:0 0;
    border:2px solid #a81e84;
    font-size: 1.33em;
    text-align: center;
    border-radius: 2em;
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
}
#sroki .this-progress-bar .this-progress{
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    width:100%;
    background: #ea40af;
    z-index: -1;
}

#tehnology{
    position: relative;
}
#tehnology .lift{
    height: 100vh;
    background: url(img/tehnology-bg-1.jpg) no-repeat center center;
    background-size: cover;
    padding-top:10.1em;
}
#tehnology .lift.fixed{
    position: fixed;
    top:0;
    left:0;
    bottom:0;
    width:25%;
}
#tehnology .lift.fixed_bottom{
    position: absolute;
    left:0;
    bottom:0;
    width:100%;
    height: 100vh;
    top:auto;
}
#tehnology .lift .content {
    border-top: 3px #e6c3db solid;
    border-bottom: 3px #e6c3db solid;
    text-align: center;
    background: rgba( 0, 26, 52, 0.5);
    color:#fff;
    padding: 1em 0 3em;
}
#tehnology .lift .content .title{
    border-radius: 5px;
    background-color: #e6c3db;
    font-weight: 800;
    display: inline-block;
    padding:0.5rem 1rem;
    position: relative;
    top:-2.1em;
    text-transform: uppercase;
}
#tehnology .lift .content h2{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.8em;
    margin-bottom: 1rem;
}
#tehnology .lift .content p{
    margin: 0;
    font-size: 1.3em;
    font-weight: 500;
}
#tehnology .col{
    padding:0;
}
#tehnology .slide-1{
    height: 100vh;
    background: url(img/bg52_.jpg) no-repeat center bottom;
    background-size: cover;
    display: flex;
    align-items: center;
}
#tehnology .slide-1 .slide-content{
    width: 100%;
    padding-left:4em;
}
#tehnology .slide-1 .item{
    margin-bottom: 4em;
    padding-left:3.8em;
    padding-right:1em;
}
#tehnology .slide-1 .item:nth-child(1){
    background: url(img/bg23.png) no-repeat left 1em;
    background-size: 2.8em;
}
#tehnology .slide-1 .item:nth-child(2){
    background: url(img/bg24.png) no-repeat 0.3em 0em;
    background-size: 2.2em;
}
#tehnology .slide-1 .item:nth-child(3){
    background: url(img/bg25.png) no-repeat 0.8em 0em;
    background-size: 1.5em;
    padding-right:2em;
}
#tehnology .slide-1 .item h3{
    color: #a81e84;
    font-weight: 700;
    font-size: 1.5em;
}
#tehnology .slide-2{
    height: 100vh;
    background: url(img/bg69.jpg) no-repeat right center;
    background-size: contain;
    display: flex;
    align-items: center;
}
#tehnology .slide-2 .slide-content{
    width: 100%;
    padding-left:4em;
}
#tehnology .slide-2 .item{
    margin-bottom: 4em;
    padding-left:3.8em;
    padding-right:1em;
}
#tehnology .slide-2 .item:nth-child(1){
    background: url(img/bg70.png) no-repeat left 1em;
    background-size: 2.38em;
}
#tehnology .slide-2 .item:nth-child(2){
    background: url(img/bg71.png) no-repeat 0.3em 0em;
    background-size: 1.88em;
}
#tehnology .slide-2 .item:nth-child(3){
    background: url(img/bg72.png) no-repeat 0.2em 0em;
    background-size: 1.72em;
    padding-right:2em;
}
#tehnology .slide-2 .item h3{
    color: #a81e84;
    font-weight: 700;
    font-size: 1.5em;
}


#tehnology-flat{
    position: relative;
}
#tehnology-flat .lift{
    height: 100vh;
    background: url(img/bg55.jpg) no-repeat center center;
    background-size: cover;
    padding-top:10.1em;
}
#tehnology-flat .lift.fixed{
    position: fixed;
    top:0;
    left:0;
    bottom:0;
    width:25%;
}
#tehnology-flat .lift.fixed_bottom{
    position: absolute;
    left:0;
    bottom:0;
    width:100%;
    height: 100vh;
    top:auto;
}
#tehnology-flat .lift .content {
    border-top: 3px #e6c3db solid;
    border-bottom: 3px #e6c3db solid;
    text-align: center;
    background: rgba( 255, 255, 255, 0.5);
    color:#fff;
    padding: 1em 0 3em;
}
#tehnology-flat .lift .content .title{
    border-radius: 5px;
    background-color: #e6c3db;
    font-weight: 800;
    display: inline-block;
    padding:0.5rem 1rem;
    position: relative;
    top:-2.1em;
    text-transform: uppercase;
}
#tehnology-flat .lift .content h2{
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.8em;
    margin-bottom: 1rem;
    color: #383838;
}
#tehnology-flat .lift .content p{
    margin: 0;
    font-size: 1.3em;
    font-weight: 500;
    color: #383838;
}
#tehnology-flat .col{
    padding:0;
}
#tehnology-flat .slide-1{
    height: 100vh;
    background: url(img/bg56.jpg) no-repeat center bottom;
    background-size: 61.16em;
    display: flex;
    align-items: flex-start;
}
#tehnology-flat .slide-1 .slide-content{
    width: 100%;
    padding:5em 5em 0;
}
#tehnology-flat .slide-1 .item{
    margin-bottom: 3em;
    padding-left:3.8em;
    padding-right:1em;
}
#tehnology-flat .slide-1 .item:nth-child(1){
    background: url(img/bg26.png) no-repeat left 1em;
    background-size: 2.22em;
}
#tehnology-flat .slide-1 .item:nth-child(2){
    background: url(img/bg27.png) no-repeat 0.3em 0em;
    background-size: 2.23em;
}
#tehnology-flat .slide-1 .item:nth-child(3){
    background: url(img/bg28.png) no-repeat 0.8em 0em;
    background-size: 1.16em;
}
#tehnology-flat .slide-1 .item:nth-child(4){
    background: url(img/bg29.png) no-repeat 0.2em 0em;
    background-size: 2.24em;
}
#tehnology-flat .slide-1 .item:nth-child(5){
    background: url(img/bg30.png) no-repeat 0.8em 0em;
    background-size: 0.94em;
}
#tehnology-flat .slide-1 .item:nth-child(6){
    background: url(img/bg31.png) no-repeat 0.8em 0em;
    background-size: 1.72em;;
}
#tehnology-flat .slide-1 .item h3{
    color: #a81e84;
    font-weight: 700;
    font-size: 1.5em;
}
#tehnology-flat .slide-2{
    height: 100vh;
    background: url(img/bg73.jpg) no-repeat right center;
    background-size: contain;
    display: flex;
    align-items: center;
}
#tehnology-flat .slide-2 .slide-content{
    width: 100%;
    padding-left:4em;
}
#tehnology-flat .slide-2 h3{ 
    color: #383838;
    font-weight: 700;
    font-size: 1.8em;
    margin-bottom: 2em; 
}
#tehnology-flat input[type="text"], #tehnology-flat input[type="tel"], #tehnology-flat input[type="email"]{
    height: 3.22em;
    border-radius: 1.61em;
    border: 1px solid #b1c7de;
    font-weight: 600;
    padding-left: 2em;
}
#tehnology-flat input::placeholder{
    color: #383838;
    font-weight: 600;
}
#tehnology-flat input[type="submit"]{
    width:100%;
    height: 3.22em;
    border-radius: 1.61em;
    background-color: #ea40af;
    border:2px solid #ea40af;
    color:#fff;
    transition:all 0.3s;
    font-weight: 600;
    text-transform: uppercase;
}
#tehnology-flat input[type="submit"]:hover{
    background-color: #fc8593;
}
#tehnology-flat form p{
    margin-bottom: 1.5em;
}
form .confirm{
    text-align: center;
    font-size: 0.72em;
}

#credit br{
    display: none;
}
#credit h2{
    text-align: center;
    font-family: 'Merriweather';
    font-size: 2.0em;
    padding:3em 0 1.25em;
}
#credit .col.one{
    display: flex;
    background-color: #eaf4fe;
    align-items: center;
    padding:0;
}
#credit .col.two{
    height: 37.61em;
    padding:0;
}
#credit .nav-item{
    width:100%;
    margin-bottom: 0.5rem;
}
#credit .nav-tabs .nav-link {
    border: 0; 
    color: #414141;
    font-weight: 700;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 1.33em;
    transition:all 0.3s;
    background: #fff;
    padding:1.83rem 0 1.83rem 2.44em;
    width:100%;
}
#credit .nav-tabs .nav-link div{
    height: 3em;
    width:3em;
    display: block;
    border-radius: 50%;
    background: #eaf4fe;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.8em;
    transition:all 0.3s;
}
#credit .nav-tabs .nav-link::after{
    content:'';
    position: absolute;
    top:calc(50% - .75rem);
    right:2.61rem;
    width:1.5rem;
    height: 1.5rem;
    background-color: #ea40af;
    -webkit-mask: url(img/marker.svg) center / contain no-repeat;
        mask: url(img/marker.svg) center / contain no-repeat;
        transition:all 0.3s;
}
#credit .nav-tabs .nav-link div span{
    display: inline-block;
    height: 1.5em;
    width:1.5em;
    background-color: #ea40af;
        -webkit-mask: url(img/money.svg) center / contain no-repeat;
        mask: url(img/money.svg) center / contain no-repeat;
        transition:all 0.3s;
}
#credit .nav-tabs .nav-link#calc div span{
    -webkit-mask: url(img/house.svg) center / contain no-repeat;
        mask: url(img/house.svg) center / contain no-repeat;
}
#credit .nav-tabs .nav-link#marker div span{
    -webkit-mask: url(img/baby.svg) center / contain no-repeat;
        mask: url(img/baby.svg) center / contain no-repeat;
}
#credit .nav-tabs .nav-item.show .nav-link,  #credit .nav-tabs .nav-link.active {
    background: none;
    background-color: #e6c3db;
    color: #fff;
}
#credit .nav-tabs .nav-item.show .nav-link::after,  #credit .nav-tabs .nav-link.active::after{
    background-color: #fff;
}
#credit .nav-tabs .nav-link:hover{
    background: none;
    background-color: #e6c3db;
    color: #fff;
}
#credit .nav-tabs .nav-link:hover::after{
    background-color: #fff;
}
#credit .nav-tabs .nav-link.active div, #credit .nav-tabs .nav-link:hover div{
    background-color: #fff;
}
#credit .nav-tabs .nav-link.active div span, #credit .nav-tabs .nav-link:hover div span{
    background: #e6c3db;
}
#credit .nav-tabs .nav-link.active::after{
    width: 1.2em;
    height: 0.45em;
    background: url(img/tabs-after.png) no-repeat center center;
    background-size: contain;
    content:'';
    position: absolute;
    top:100%;
    left:calc(50% - 0.6em);
}
#credit .nav-tabs {
    border: 0;
}
#credit .tab-content{
    height: 100%;
}
#credit .tab-content #default{
    background: url(img/credit-default.jpg) center / cover no-repeat;
    height: 100%;
    justify-content: center;
    align-items: center;
    width:100%;
    font-weight: 700;
    color: #383838;
    font-size: 1.88em;
    padding: 0 7em 3em;
    text-align: center;
    text-transform: uppercase;
    display: none;
}
#credit .tab-content #default.active{
    display: flex;
}
#home.active, #profile.active, #contact.active{
    display: flex;
    align-items: center;
    height: 100%;
}
#credit .tab-content h3{
    font-weight: 700;
    color: #383838;
    font-size: 1.88em;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 2rem;
}
#credit .tab-content .sub-title{
    color: #e6c3db;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 2rem;
}
#credit .tab-pane form label{
    display: block;
    font-size: 0.9em;
    font-weight: 600;
}
#credit .tab-pane form input[type="text"], .tab-pane form input[type="tel"], .tab-pane form input[type="email"]{
    height: 3.22em;
    border-radius: 1.61em;
    border: 1px solid #b1c7de;
    background-color: #eaf4fe;
}
#credit .tab-pane form p{
    margin: 0;
}
#credit .tab-pane form .col{
    margin-bottom: 1.5em;
}
#credit .tab-pane form .submt{
   /*  align-self: flex-end; */
}
#contact input[type="submit"]{
        width:16em !important;
        margin: 0 auto;
        max-width: 100%;
}

#credit .tab-pane form .submt input[type="submit"]{
    background-color: #ea40af;
    display: block;
    width: 100%;
    height: 3.22rem;
    border-radius: 1.61em;
    text-align: center;
    border:none;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    color:#fff;
    transition: all 0.3s;
}
#credit .tab-pane form .submt input[type="submit"]:hover{
    background-color: #f76c7c;
}
#credit .tab-pane form .confirm{
    font-size: 0.65em;
    text-align: center;
    align-self: center;
    padding:1.5rem 0;
}
#credit .tab-pane form .confirm a{
    color:#414141;
    cursor: pointer;
    text-decoration: underline;
}
#place .col{
    padding: 0;
}
#place .lift{
    height: 100vh;
    background: url(img/place-lift.jpg) no-repeat center center;
    background-size: cover;
    padding-top: 10.1em;
    font-weight: 500;
}
#place .lift.fixed{
    position: fixed;
    top:0;
    left:0;
    bottom:0;
    width:33.333333%;
}
#place .lift.fixed_bottom{
    position: absolute;
    left:0;
    bottom:0;
    width:100%;
    height: 100vh;
    top:auto;
}
#place .lift .content{
    box-shadow: 0 31px 114px rgba(0, 0, 0, 0.77);
    background-color: #e6c3db;
    width:90%;
    margin:0 auto;
    padding:2em;
}
#place .lift .content h2 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.8em;
    margin-bottom: 1rem;
    color: #383838;
}
#place .slide{
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    height: 100vh;
}
#place .slide .title{
    color: #a81e84;
    font-size: 1.44em;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 2rem;
}
#place .slide p{
    font-size: 1.16em;
    font-weight: 500;
    margin-bottom: 2rem;
    text-align: center;
    padding:0 10em;
}
#place .slide .img{
    height: 27em;
    width:50em;
    margin:0 auto;
}
#place .slide-1 .img{
    background: url(img/bg59.jpg) center / cover no-repeat; 
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding:3.94em 2em;
}
#place .slide .img .km{
    width:6.77em;
    height: 6.77em;
    background-color: #a81e84;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    color:#fff;
    font-weight: 500;
    align-items: center;
    margin-bottom: 1em;
    justify-content: center;
}
#place .slide .img .km span{
    font-size: 1.6em;
}
#place .slide .img .icon{
    width:6.77em;
    height: 6.77em;
    background-color: #a81e84;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    color:#fff;
    font-weight: 500;
    align-items: center;
    justify-content: center;
}
#place .slide-1 .img .icon span{
    width:3.6em;
    height: 4.1em;
    background: url(img/bg41.png) center / contain no-repeat;
}
#place .slide-2 .img{
    background: url(img/place2.jpg) center / cover no-repeat; 
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding:3.94em 2em;
}
#place .slide-2 .img .icon span{
    width:3.9em;
    height: 3.9em;
    background: url(img/place2icon.png) center / contain no-repeat;
}
#place .slide-3 .img{
    background: url(img/place3.jpg) center / cover no-repeat; 
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding:3.94em 2em;
}
#place .slide-3 .img .icon span{
    width:5.3em;
    height: 2em;
    background: url(img/place3icon.png) center / contain no-repeat;
}
#place .slide-4 .img{
    background: url(img/place4.jpg) center / cover no-repeat; 
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding:3.94em 2em;
}
#place .slide-4 .img .icon span{
    width:3.7em;
    height: 3.4em;
    background: url(img/place4icon.png) center / contain no-repeat;
}
#place .slide-5 .img{
    background: url(img/place5.jpg) center / cover no-repeat; 
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding:3.94em 2em;
}
#place .slide-5 .img .icon span{
    width:4em;
    height: 4em;
    background: url(img/place5icon.png) center / contain no-repeat;
}

#zayavka{
    height: 30em;
    background: url(img/bg52_.jpg) no-repeat center 90%;
}
#zayavka h2{
    color: #383838;
    font-weight: 700;
    font-size: 2em;
    text-align: center;
    margin-bottom: 1em;
}
#zayavka > .container-fluid, #zayavka > .container-fluid > .row{
    height: 100%;
}
#zayavka .block-form{
    display: flex;
    align-items: center;
    height: 100%;
}
#zayavka form input[type="text"], #zayavka form input[type="tel"], #zayavka form input[type="email"]{
    height: 3.22rem;
    border-radius: 1.61em;
    border: 1px solid #b1c7de;
    background-color: #eaf4fe;
    padding-left: 1em;
    font-weight: 600;
    background: #fff;
}
#zayavka form input::placeholder{
    color: #383838;
    font-weight: 600;
}
#zayavka form input[type="submit"]{
    background-color: #ea40af;
    display: block;
    width: 100%;
    height: 3.22rem;
    border-radius: 1.61em;
    text-align: center;
    border:none;
    /*cursor: pointer; */
    text-transform: uppercase;
    font-weight: 600;
    color:#fff;
    transition: all 0.3s;
}
#zayavka form input[type="submit"]:hover{
    background-color: #f76c7c;
}

#docs{   
    background: url(img/confort.jpg);
    padding: 4.42em 0 ;
}
#docs h2{
    text-align: center;
    font-weight: 700;
    font-size: 2.0em;
    margin-bottom: 1em;
}
#docs .sub-title{
    display: flex;
    justify-content: center;
    margin-bottom:3em;
}
#docs .sub-title .item{
    background-color: #effafe;
    margin:0 0.5em;
    width: 25em;
    padding:1.3em 2.77em 1.3em 7.5em; 
}
#docs .sub-title .item:first-child{
    background: url(img/bg43.png) no-repeat 1.33em center #effafe;
}
#docs .sub-title .item:last-child{
    background: url(img/bg44.png) no-repeat 1.33em center #effafe;
}
#docs .sub-title .item p{
    margin: 0;
}
#docs .sub-title .item p:first-child{
    color: #ea40af;
    font-weight: 600;
    font-size: 1.1em;
}
#docs .sub-title .item p:first-child span{
    font-size: 1.5em;
}
#docs .sub-title .item p:last-child{
    color: #383838;
    font-weight: 600;
    font-size: 1.1em;
}
#docs .carousel-item ul{
    display: flex;
    flex-wrap:wrap;
}
#carouselExampleIndicators{
    padding-bottom:3em;
}
#docs .carousel-item li{
    width:50%;
    margin:0;
    background-color: #ffffff;
    font-size: 1.2em;
    list-style: none;
    align-items: center;
    padding:2em 5em;
    border-bottom:1px solid #dfe2e5;
    border-right:1px solid #dfe2e5;
}
#docs .carousel-item li:nth-child(even){
    border-right:0;
}
#docs .carousel-item li a{
    color:#414141;
    text-decoration: underline;
}
#docs .carousel-item li .date{
    display: flex;
    align-items: center;
    color: #383838;
    font-size: 0.9em;
}
#docs .carousel-item li .date .chislo{
    margin-right:1em;
}
#docs .carousel-item li .date .chislo span{
    font-size: 1.3em;
}
#docs .carousel-item li .date .time{
    display: flex;
    align-items: center;
}
#docs .carousel-item li .date .time::before{
    display: inline-block;
    content:'';
    width:1em;
    height:1em;
    background: url(img/bg45.png) no-repeat center center;
    background-size: contain;
    margin:0 auto;
    margin-right:0.5em;
}
#docs .carousel-item{
    min-height: 30rem;
}
#docs .carousel-indicators li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 0.9rem;
    height: 0.9rem;
    margin-right: 1.1rem;
    margin-left:1.1rem;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    border: 2px solid #ea40af;
    opacity: 1;
    transition:all .6s ease;
    border-radius: 50%;
}
#docs .carousel-indicators li.active, #docs .carousel-indicators li:hover{
    background-color: #ea40af;
}
#carouselExampleIndicators{
    height:16em;
}

#gallery{
    padding:7em 0;
    background-color: #eaf4fe;
}
#gallery h2{
    font-size: 2em;
    font-weight: 700;
    color: #383838;
    margin-bottom: 1.5em;
    text-transform: uppercase;
}
#gallery .month{
    display: flex;
    justify-content: center;
    margin-bottom: 3.2em;
}
#gallery .month ul{
    padding:0 2em;
    background: #fff;
    border-radius: 2em;
}
.nav-tabs {
    border-bottom: 0; 
}
#gallery .month ul li{
    font-size:0.86em;
    text-transform: uppercase;
    font-weight: 700;
    padding: .5rem 1rem;
    position: relative;
}
#gallery .month ul li.active{
    border-bottom:2px solid #ea40af;
}
#gallery .month ul li.active::after{
    width:1rem;
    height:0.3rem;
    content:'';
    position: absolute;
    top:100%;
    left:calc(50% - 0.5rem);
    background: url(img/bg60.png) center / contain no-repeat;
}
#gallery .month ul li a.nav-link {
    display: block;
    padding: 0;
    color: #383838;
    border-bottom:1px solid #e6c3db;
}
#gallery .nav-tabs .nav-item.show a.nav-link,#gallery .nav-tabs a.nav-link.active {
    border: 0;
    color:#ea40af;
}
#gallery .slick-dots{
    display: flex;
    justify-content: center;
    padding-top:3em;
}
#gallery .slick-dots li {
    box-sizing: content-box;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 0.9rem;
    height: 0.9rem;
    margin-right: 1.1rem;
    margin-left:1.1rem;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    border: 2px solid #ea40af;
    opacity: 1;
    transition:all .6s ease;
    list-style: none;
    border-radius: 50%;
}
#gallery .slick-dots li.slick-active, #gallery .slick-dots li:hover{
    background-color: #ea40af;
}
#gallery .slick-prev, #gallery .slick-next{
    display: none !important;
}


#map-wrap{
     
    position: relative;
}
#map{
    height:621px;
}
.map__description{
    background: #fff;
    background-size: cover;
    padding:3.17em 0 3.17em 4em;
    position: absolute;
    z-index: 1;
    width: 33%;
    top: 80px;
    left: 8.3%;
    box-shadow: 0 41px 59px rgba(0, 0, 0, 0.08);
    border-radius: 1.66em;
}
.map__description h2{
    text-align: center;
    font-weight: 700;
    font-size: 2.0em;
    margin-bottom: 2.5rem;
    text-transform: uppercase;
}
.map__description .tel{
    font-weight: 500;
    font-size: 1.38em;
    display: flex;
    background: url(img/bg46.png) no-repeat left center;
    align-items: center;
    background-size: 1.6rem;
    padding-left: 2.5rem;
}
.map__description .city{
    padding-left: 2.5rem;
    font-weight: 300;
    margin-bottom: 2rem;
}
.map__description .tel a{
    color:#414141;
}
.map__description .adress{
    font-size: 1.1em;
    background: url(img/bg47.png) no-repeat left 0.3em;
    margin-bottom: 1rem;
    padding-left: 2.5rem;
    font-weight: 300;
    margin-bottom: 2rem;
}
.map__description .email{
    font-size: 1.1em;
    background: url(img/bg48.png) no-repeat left center;
    margin-bottom: 1rem;
    padding-left: 2.5rem;
    font-weight: 300;
}
#map-wrap .row{
    margin: 0;
}
.ymaps-2-1-74-search{
    display: none!important;
}

footer{
    background-color: #424c56;
    padding:2em;
     
}
footer .copyright{
    font-size: 11px;
    color:#fff;
    opacity: 0.4;
}
footer .col{
    align-self: center;
}
footer .col:nth-child(3){
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    color:#fff;
}
footer .col:nth-child(3) img{
    margin-right:1em;
}
#button-up{
    background: url(img/up.png) no-repeat center center;
    width:48px;
    height:48px;
    box-shadow: 0 15px 32px rgba(79, 135, 184, 0.42);
    border-radius: 3px;
    right: 150px;
    bottom: 50px;
    margin: 0;
    position: fixed;
    cursor:pointer;
    background-color: #a81e84;
    display:none;
}
.burger{
    color:#fff;
    align-items: center;
    justify-content: center;
    padding:1em 0;
    cursor: pointer;
    display: none;
}
.burger::after{
    content:'';
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: url(img/burger.png) no-repeat center center #fff;
    box-shadow:0 0 2px #fff;
    background-size: cover;
    margin-left:1em;
    transition:all 0.3s;
    display: flex;
    align-items: center;
    justify-content: center;
}
.burger.topped::after{
    content:'X';
    font-size: 16px;
    background:#fff;
    color: #414141;
}

.modal-content h2{
    text-align: center;
    font-weight: 700;
    font-size: 2.0em;
    margin: 2.5rem 0 1.5rem;
}
.modal-header {
    border:0;
}
#stoimost .modal-dialog, #stoimost2 .modal-dialog, #stoimost3 .modal-dialog{
    width:37em;
    max-width:100%;
}
.modal-dialog .row.justify-content-center{
    flex-direction: column;
    align-items: center;
}
.modal-dialog .row.justify-content-center .col{
    margin: 0 auto;
}
#credit-popup .container , #credit-popup2 .container, #credit-popup3 .container{
    width: 95%;
}
#whatsapp-popup .modal-dialog, #whatsapp-popup2 .modal-dialog{
    width:25em;
    max-width:100%;
}
#whatsapp-popup .modal-dialog h2{
    padding:0 ;
}

#whatsapp-popup  .modal-dialog .row.justify-content-center {
    flex-direction: column;
    align-items: center;
}
#setka-kvartir .modal-dialog, #setka-kvartir-commerce .modal-dialog{
    width:37em;
    max-width:100%;
    margin:0 auto;
    box-sizing: border-box;
}
#credit-popup .modal-dialog, #rassrochka-popup .modal-dialog, #credit-popup2 .modal-dialog, #credit-popup3 .modal-dialog{
    width: 758px;
    max-width: 100%;
    margin:0 auto;
}
#credit-popup p{
    
}
#credit-popup .submt, #rassrochka-popup .submt{
    align-self: flex-end;
}
#setka-commerce .modal-dialog, #setka-flats .modal-dialog{
    width:100%;
    max-width: 100%;
    text-align: center;
}
#flat-popup  .modal-dialog, #commerce-popup .modal-dialog{
    width:100%;
    max-width: 100%;
}
#setka-kvartir .modal-body, #setka-kvartir-commerce .modal-body{
    padding:0 80px 60px;
}
.modal-dialog h2{
    padding:0 3.33rem 0 4.44rem;
}
#setka-commerce h2, #credit-popup h2, #rassrochka-popup h2, #setka-flats h2{
    padding: 0;
    text-align: center;
    margin-top: -20px;
    margin-bottom: 1em;
}
#setka-commerce img{
    height: 60vh;
    width: auto;
    margin-bottom: 1em;
}
#setka-flats img{
    height: 60vh;
    width: auto;
    margin-bottom: 1em;
}
#setka-flats .modal-body{
    padding-bottom: 3em;
}
#setka-commerce .commerce-btn.close, #setka-flats .commerce-btn{
        padding: 0.5em 1em;
        height: 3.2em;
        border-radius: 1.66em;
        background-color: #ea40af;
        text-transform: uppercase;
        font-weight: 600;
        color: #fff;
        display: block;
        margin:1em 0 0;
        border: 0;
        margin: 0 auto;
        cursor: pointer;
        position: relative;
        transition: all 0.3s;
        font-size: 1em;
        float: none;
        line-height: 1.6;
        text-shadow: none;
        opacity: 1;
}
#setka-commerce .commerce-btn:hover{
    background-color: #ff6a7b;
}
#setka-commerce .modal-body{
    padding:0 0 60px;
}
.modal-content .row{
    margin:0;
}
.modal-dialog input[type="text"], .modal-dialog input[type="tel"], .modal-dialog input[type="email"]{
    height: 3.2em;
    border-radius: 1.66em;
    border: 1px solid #b1c7de;
    background-color: #eaf4fe;
}
.modal-dialog input[type="submit"]{
    font-size:17px;
    color: #ffffff;
    font-weight: 600;
    height: 3.2em;
    border-radius: 1.66em;
    background-color: #ea40af;
    width:100%;
    border:0;
    transition:all 0.3s;
}
.modal-dialog input[type="submit"]:hover{
    background-color: #ff596d;
}
.modal-dialog form .confirm{
    font-size: 13px;
    text-align: center;
    align-self: center;
    padding:1.5rem 0;
}
.modal-dialog form .confirm a{
    color:#414141;
    cursor: pointer;
    text-decoration: underline;
}
.modal-dialog form .confirm a:hover{
    text-decoration: none;
}
.modal {
    background: rgba(0,0,0,0.75);
}

#kvartira .img{
    display: flex;
    align-items: center;
    justify-content: center;
    padding:1rem;
    border: 1px solid #f2f2f2;
}
#kvartira .img img{
    max-width: 100%;
    max-height: 500px;
    width: auto;
}
#kvartira h3{
    color: #383838;
    font-size: 2em;
    font-weight: 700;text-transform: uppercase;
    margin-bottom: 1.5em;
}
#kvartira .item {
    display: flex;
    margin-bottom: 0.5em;
}
#kvartira .item label{
    display: block;
    width:9rem;
}
#kvartira .items{
    padding: 0;
}
#kvartira .items .val{
    font-weight: 600;
}
#kvartira .item.square{
    padding:1em 0;
}
#kvartira .item.square label{
    width:auto;
    font-weight: 600;
    margin-right:0.5em;
}
#kvartira button{
    font-size:1.1em;
    color: #ffffff;
    padding:0.5em 0;
    width:16.1rem;
    border-radius: 29px;
    background-color: #ea40af;
    transition:all 0.3s;
    margin-bottom: 1.3rem;
    border:2px solid #ea40af;
    display: block;
}
#kvartira button.one{
    background-color: #ea40af;
}
#kvartira button.two{
    background-color: #fff;
    color: #ea40af;
}
#kvartira button:hover{
   opacity: 0.8;
}
#kvartira button.two:hover{
    opacity: 1;
    background-color: #ffe4e7;
}
#kvartira a.whatsapp{
    color:#414141;
    text-decoration: underline;
    display: block;
    font-weight: 600;
    background: url(img/whatsapp.png) no-repeat left top;
    background-size: 1.6rem;
    padding-left: 2rem;
    padding-bottom:0.5em;
}
#kvartira a.whatsapp:hover{
    text-decoration: none;
}

@media all and (min-width:1600px){
    .container{
        max-width:1600px;
        padding:0 15px; 
    }
}
@media all and (max-width:1600px){
    .nav-tabs .nav-link {
        font-size: 1.2em; 
    }
    #docs .carousel-item {
        min-height: 23rem;
    }
    .tab-pane form label {
        display: block;
        font-size: 0.8em;
        font-weight: 600;
    }
}
@media all and (max-width:1199px){
    #floormap .adv {
        font-size: 1.1em;
    }
    .tab-pane form label {
        display: block;
        font-size: 1em;
    }
    #invest .col {
        padding: 8em 0;
    }
}

@media all and (min-width:1200px) and (max-width:1400px){
    body{
    font-size: 1.03vw;
    }s
}

@media all and (max-width:1050px){
    #slides .slide h3 {
        font-size: 2.22em;
        text-align: center;
        font-family: 'Merriweather';
        padding-top: 3.7rem;
    }
    .tab-pane form .confirm {
        font-size: 10px;
    }
}
@media all and (max-width:990px){
    body{
        font-size: 14px;
    }
    #home.active, #profile.active, #contact.active {
        display: flex;
        align-items: center;
        height: auto;
    }
    #credit .col.two {
        height: auto; 
        padding: 0;
    }
    #navbar-top .button-wrp{
        margin-bottom: 2em;
    }
    .modal-dialog{
        margin: 0;
    }
    #banner .banner-text {
        padding-left: 0em; 
    }
    header .col:nth-child(5) a {
        justify-content: center;
    }
    header .slogan{
        font-size: 1.3em;
    }
    header .col{
        min-width: 100%;
        flex: 0 0 100%;
        text-align: center;
        padding:1em 0;
        margin-bottom:1em;
    }
    #banner h1 {
        font-size: 2em;
        font-weight: 700;
        line-height: 1.6;
        background: rgba( 255, 255, 255, 0.5);
        background-size: cover;
        padding: 1em;
        margin-right: 0;
    }
    #advantages p {
        border-right: 0;
    }
    #advantages {
        margin-bottom: 3em;
    }
    #advantages .row{
        flex-direction: column;
        align-items: center;
    }
    #banner {
        margin-bottom: 3em;
    }
    #advantages .p img {
        position: absolute;
        bottom: 1.1em;
        left: calc(90%);
        cursor: pointer;
    }
    #advantages .p #my_ic2 {
        left:0;
        right:0;
        padding:0;
        width:100%;
    }
    #nearly .row{
        flex-direction: column;
        align-items: center;
    }
    #nearly .col {
        min-width: 100%;
        flex: 0 0 100%;
        margin: 0 0 3em;
    }
    #planirovki-flats .col{
        min-width: 100%;
        flex: 0 0 100%;
        margin: 0 0 3em;
    }
    #kvartira .img img {
        max-width: 100%;
        max-height: auto;
        width:100%;
        height: auto;
    }
    #planirovki-commerce .sub-title {
        display: flex;
        flex-wrap: wrap;
        border-radius: 1em;
        background-color: #e9f3fc;
        width: 99%;
        margin: 0 auto 6em;
        flex-direction: column;
        align-items: center;
    }
    #planirovki-commerce .sub-title .item {
        min-width: 100%;
        flex: 0 0 100%;
        text-align: center;
        padding: 4.5em 0 1em;
        margin-bottom: 1em;
    }
    #planirovki-commerce .col {
        min-width: 100%;
        flex: 0 0 100%;
        margin: 0 0 2.5em;
    }
    #sroki h4 {
        color: #fff;
        font-size: 1.7rem;
        font-weight: 700;
    }
    #tehnology .slide-1 {
        height: 100vh;
        background: url(img/bg52.jpg) no-repeat left bottom;
    }
    #tehnology .slide-1 .slide-content, #tehnology .slide-2 .slide-content{
        width: 100%;
        padding-left: 1em;
    }
    .slide-2 .slide-content{
        background: rgba( 255, 255, 255, 0.5);
        padding:2em 0 0;
    }
    #tehnology-flat .slide-1 .slide-content {
        width: 100%;
        padding: 1em 1em 0;
    }
    #tehnology .slide-2 {
        height: 100vh;
        background: url(img/bg69.jpg) no-repeat right center;
    }
    #credit .tab-content {
        height: auto; 
    }
    #place .slide p {
        font-size: 1.16em;
        font-weight: 500;
        margin-bottom: 2rem;
        text-align: center;
        padding: 0 1em;
    }
    #place .slide .img {
        height: 100vh;
        width: 100%;
        margin: 0 auto;
        padding: 1em;
    }
    #place .slide .title{
        padding-top: 1em;
    }
    #zayavka .block-form{
        padding:2em 0;
    }
    #zayavka .block-form {
        height: auto;
    }
    #zayavka {
        height: auto; 
    }
    #docs .sub-title {
        display: flex;
        justify-content: center;
        margin-bottom: 3em;
        flex-direction: column;
        align-items: center;
    }
    #docs .sub-title .item {
        background-color: #effafe;
        margin: 0 0.5em;
        width: 100%em;
        padding: 8em 1em 1em;
        text-align: center;
        background-position: center 1em !important;
    }
    #carouselExampleIndicators {
        height: auto;
    }
    #docs .carousel-item li{
        flex-direction: column;
        align-items: center;
        width: 100%;
        padding:1em;
    }
    #gallery .month ul li {
        font-size: 1em;
        text-transform: uppercase;
        font-weight: 700;
        padding: 1.5rem 2rem;
        position: relative;
        width: 50%;
    }
    #gallery .month ul li a.nav-link {
        display: block;
        padding: 0;
        color: #383838;
        border-bottom: 0;
    }
    #gallery .nav-tabs .nav-item.show a.nav-link, #gallery .nav-tabs a.nav-link.active {
        border: 0;
        background: #ea40af;
        color: #fff;
    }
    #gallery .month ul li.active {
        border-bottom: 0;
        background: #ea40af;
    }
    #gallery .month ul li.active::after {
        display: none;
    }
    #gallery .month ul {
        padding: 1em;
        background: #fff;
        border-radius: 0em;
    }

    #tehnology-flat .slide-1, #tehnology-flat .slide-2 {
        height: 100vh;
        background: none;
    }
    #tehnology-flat .slide-2 .slide-content {
        width: 100%;
        padding-left: 1em;
        padding-right: 1em;
    }
    #credit .tab-content #default {
        background: none;
        padding:1em;
    }
    #slides .nav {
        height: auto;
    }
    #slides .nav ul{
        width:100%;
    }
    #slides .nav li::after{
        transform: rotate(90deg);
    }
    #slides .slide2, #slides .slide3, #slides .slide4, #slides .slide5 {
        padding: 0;
    }
    #slides .slide, #slides .slides {
        height: auto;
    }
    #nearly .col .content {
        height: auto;
        text-align: center;
    }
    #comfort {
        background: url(img/confort.jpg);
        padding: 3em 0 3em;
        margin-bottom: -2em;
    }
    #comfort .col:nth-child(1) {
        justify-content: center;
        display: flex;
    }
    #comfort .col:nth-child(3) {
        justify-content: center;
        display: flex;
    }
    #floor-map{
        display: none;
    }
    #floormap{
        background-size: cover;
        height: auto;
        padding-bottom: 1em;
    }
    #floormap .types{
        display: none;
    }
    #floormap h2 {
        padding: 1em 0 1em;
    }
    #floormap .adv .item {
        padding: 0 2rem;
        border: 0;
    }
    #floormap .adv {
        margin-bottom: 1em;
    }
    .btn-all-flats-popup {
        width: 28.44em;
        height: 3.2em;
        border-radius: 3px;
        background-color: #5298d6;
        text-transform: uppercase;
        font-weight: 600;
        color: #fff;
        border: 0;
        cursor: pointer;
        transition: all 0.3s;
        position: relative;
        top: 0em;
        left: calc(50% - 14.22em);
        box-shadow: 5px 5px 0 #fff;
    }
    #remont .remont1 {
        height: auto;
        display: flex;
        justify-content: center;
        background: url(img/remont-1-1.jpg)no-repeat center center;
        background-size: cover;
        flex-direction: column;
        margin-left:0;
        padding:1em 0;
    }
    #remont .remont2 {
        height: auto;
        display: flex;
        justify-content: center;
        background: url(img/remont-2-2.jpg)no-repeat center center;
        background-size: cover;
        flex-direction: column;
        margin-right: 0;
        z-index: 1;
        position: relative;
    }
    #remont .row .one{
        order:1;
    }
    #remont .row .two{
        order:2;
    }
    #remont .row .three{
        order:4;
    }
    #remont .row .four{
        order:3;
    }
    #commerce .col {
        min-width: 100%;
        flex:0 0 100%;
        height: auto;
        align-items: center;
        display: flex;
    }
    #sroki .txt{
        color: #fff;
        background: url(img/sroki-txt.png)no-repeat right center #255c8c;
        padding: 1em ;
        font-size: 1.3em;
        font-weight: 600;
        line-height: 1.6;
        position: relative;
        z-index: 1;
        margin-right:0
    }
    #sroki .txt::after {
        background: none;
        content: '';
        position: absolute;
        top: 0;
        width: 0;
        bottom: 0;
        left: 0;
        background-size: cover;
    }
    #sroki .row:nth-child(2) .col:nth-child(1) {
        justify-content: center;
        display: flex;
        align-items: center;
    }
    #sroki iframe{
        max-width: 100%;
    }
    #button-up{
        z-index: 999;
    }
    #sroki {
        background: url(img/sroki-bg.jpg)no-repeat center 0.5em;
        background-size: cover;
        padding-bottom: 2em;
    }
    #kachestvo .sub-title div {
        display: flex;
        align-items: center;
        margin: 1em 0;
        min-width: 100%;
        flex:0 0 100%;
        justify-content: center;
    }
    #kachestvo .sub-title {
        flex-wrap: wrap;
    }
    #kachestvo .table {
        margin-top: 2em;
        padding-left: 0em;
    }
    #kachestvo h2 {
        padding: 0.7em 1em;
    }
    #credit .nav-item{
        font-size: 12px;
    }
    #credit .nav-item a div{
        display: none;
    }
    .tab-content {
        padding-top: 1em;
    }
    #invest h2 {
        text-align: center;
        font-family: 'Merriweather';
        font-size: 2.0em;
        padding: 1em;
        background: #fff;
        position: relative;
        width: 100%;
        left:0;
        z-index: 1;
        top: 0rem;
    }
    #invest .col {
        padding: 1em 0; 
    }
    #invest h4 {
        margin-bottom: 1em
    }
    #invest .summ {
        flex-wrap: wrap;
        flex-direction: column;
    }
    #docs {
        background: url(img/confort.jpg);
        padding: 3em 0;
    }
    #docs .carousel-item li {
        flex: 0 0 100%;
        min-width: 100%;
        margin: 0 0 1em;
        background-color: #ffffff;
        font-size: 1.2em;
        list-style: none;
        align-items: center;
        display: flex;
    }
    #about .objects .item {
        border-radius: 0 0 3px 3px;
        background-color: #fde3da;
        height: 100%;
        transition: all 0.3s;
        width: 90%;
        margin: 0 auto;
    }
    .map__description{
        background: url(img/map-txt.jpg)no-repeat center center;
        background-size: cover;
        padding:3.17em 1em 3.17em 1em;
        position: relative;
        z-index: 1;
        width: 80%;
        top: 0px;
        left: 10%;
        box-shadow: 0 47px 106px rgba(121, 72, 56, 0.24);
    }
    footer .col{
        text-align: center;
        margin-bottom: 1em;
    }
    footer .col:nth-child(3) img {
        margin-right:0em;
        margin-bottom:1em;
    }
    footer .col:nth-child(3){
        flex-direction: column;
    }
    #button-up {
        background: url(img/up.png) no-repeat center center;
        width: 40px;
        height: 40px;
        box-shadow: 0 15px 32px rgba(79, 135, 184, 0.42);
        border-radius: 3px;
        right: 30px;
        bottom: 30px;
        margin: 0;
        position: fixed;
        cursor: pointer;
        background-color: #5298d6;
    }
    #remont{
        display: none;
    }
    .burger{
        display: flex;
    }
    #navbar-top ul {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        max-height:0;
        transition:all 0.3s;
        overflow: hidden;
    }
    #navbar-top ul.collapsed{
        max-height:300px;
    }
    #slides .nav {
        background: rgb(226, 226, 226);
        padding:  0;
    }
    #setka-kvartir .modal-body,  #setka-kvartir-commerce .modal-body {
        padding: 0 ; 
    }
    .modal-dialog h2 {
        padding: 0 0 0 10px;
    }
    #setka-commerce img {
        width: 90vw;
    }
    #place .lift .content h2 {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 1.5em;
    }
    #planirovki-commerce .sub-title .item p {
        border-right: 0; 
    }
    #credit .nav-tabs .nav-link::after{
        display: none;
    }
    .month-slider{
        position: relative;
    }
    #gallery .slick-prev, #gallery .slick-next {
        display: block !important;
        position: absolute;
        top:45%;
        width:28px;
        height: 28px;
        background: url(img/bg33-1.png) no-repeat center top;
        cursor: pointer;
        text-indent: -9999px;
        border:0;
    }
    #gallery .slick-prev{
        left:10px;
        z-index: 1;
    }
    #gallery .slick-next{
        background: url(img/bg33.png) no-repeat center top;
        right:10px;
    }
}
.close {
    float: right;
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}
@media (min-width: 1200px) {
    .container{
        max-width:1200px;
    }
    .col-xxl {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%;
    }
    .col-xxl-auto {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }
    .col-xxl-1 {
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%;
    }
    .col-xxl-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
    }
    .col-xxl-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
    }
    .col-xxl-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }
    .col-xxl-5 {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
    }
    .col-xxl-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }
    .col-xxl-7 {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
    }
    .col-xxl-8 {
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
    }
    .col-xxl-9 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
    }
    .col-xxl-10 {
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
    }
    .col-xxl-11 {
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%;
    }
    .col-xxl-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
    .order-xxl-first {
      -ms-flex-order: -1;
      order: -1;
    }
    .order-xxl-last {
      -ms-flex-order: 13;
      order: 13;
    }
    .order-xxl-0 {
      -ms-flex-order: 0;
      order: 0;
    }
    .order-xxl-1 {
      -ms-flex-order: 1;
      order: 1;
    }
    .order-xxl-2 {
      -ms-flex-order: 2;
      order: 2;
    }
    .order-xxl-3 {
      -ms-flex-order: 3;
      order: 3;
    }
    .order-xxl-4 {
      -ms-flex-order: 4;
      order: 4;
    }
    .order-xxl-5 {
      -ms-flex-order: 5;
      order: 5;
    }
    .order-xxl-6 {
      -ms-flex-order: 6;
      order: 6;
    }
    .order-xxl-7 {
      -ms-flex-order: 7;
      order: 7;
    }
    .order-xxl-8 {
      -ms-flex-order: 8;
      order: 8;
    }
    .order-xxl-9 {
      -ms-flex-order: 9;
      order: 9;
    }
    .order-xxl-10 {
      -ms-flex-order: 10;
      order: 10;
    }
    .order-xxl-11 {
      -ms-flex-order: 11;
      order: 11;
    }
    .order-xxl-12 {
      -ms-flex-order: 12;
      order: 12;
    }
    .offset-xxl-0 {
      margin-left: 0;
    }
    .offset-xxl-1 {
      margin-left: 8.333333%;
    }
    .offset-xxl-2 {
      margin-left: 16.666667%;
    }
    .offset-xxl-3 {
      margin-left: 25%;
    }
    .offset-xxl-4 {
      margin-left: 33.333333%;
    }
    .offset-xxl-5 {
      margin-left: 41.666667%;
    }
    .offset-xxl-6 {
      margin-left: 50%;
    }
    .offset-xxl-7 {
      margin-left: 58.333333%;
    }
    .offset-xxl-8 {
      margin-left: 66.666667%;
    }
    .offset-xxl-9 {
      margin-left: 75%;
    }
    .offset-xxl-10 {
      margin-left: 83.333333%;
    }
    .offset-xl-11 {
      margin-left: 91.666667%;
    }
}
@media (min-width: 1280px) {
    .container{
        max-width:1280px;
    }
    .col-xxl {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%;
    }
    .col-xxl-auto {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }
    .col-xxl-1 {
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%;
    }
    .col-xxl-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
    }
    .col-xxl-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
    }
    .col-xxl-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }
    .col-xxl-5 {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
    }
    .col-xxl-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }
    .col-xxl-7 {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
    }
    .col-xxl-8 {
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
    }
    .col-xxl-9 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
    }
    .col-xxl-10 {
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
    }
    .col-xxl-11 {
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%;
    }
    .col-xxl-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
    .order-xxl-first {
      -ms-flex-order: -1;
      order: -1;
    }
    .order-xxl-last {
      -ms-flex-order: 13;
      order: 13;
    }
    .order-xxl-0 {
      -ms-flex-order: 0;
      order: 0;
    }
    .order-xxl-1 {
      -ms-flex-order: 1;
      order: 1;
    }
    .order-xxl-2 {
      -ms-flex-order: 2;
      order: 2;
    }
    .order-xxl-3 {
      -ms-flex-order: 3;
      order: 3;
    }
    .order-xxl-4 {
      -ms-flex-order: 4;
      order: 4;
    }
    .order-xxl-5 {
      -ms-flex-order: 5;
      order: 5;
    }
    .order-xxl-6 {
      -ms-flex-order: 6;
      order: 6;
    }
    .order-xxl-7 {
      -ms-flex-order: 7;
      order: 7;
    }
    .order-xxl-8 {
      -ms-flex-order: 8;
      order: 8;
    }
    .order-xxl-9 {
      -ms-flex-order: 9;
      order: 9;
    }
    .order-xxl-10 {
      -ms-flex-order: 10;
      order: 10;
    }
    .order-xxl-11 {
      -ms-flex-order: 11;
      order: 11;
    }
    .order-xxl-12 {
      -ms-flex-order: 12;
      order: 12;
    }
    .offset-xxl-0 {
      margin-left: 0;
    }
    .offset-xxl-1 {
      margin-left: 8.333333%;
    }
    .offset-xxl-2 {
      margin-left: 16.666667%;
    }
    .offset-xxl-3 {
      margin-left: 25%;
    }
    .offset-xxl-4 {
      margin-left: 33.333333%;
    }
    .offset-xxl-5 {
      margin-left: 41.666667%;
    }
    .offset-xxl-6 {
      margin-left: 50%;
    }
    .offset-xxl-7 {
      margin-left: 58.333333%;
    }
    .offset-xxl-8 {
      margin-left: 66.666667%;
    }
    .offset-xxl-9 {
      margin-left: 75%;
    }
    .offset-xxl-10 {
      margin-left: 83.333333%;
    }
    .offset-xl-11 {
      margin-left: 91.666667%;
    }
}
@media (min-width: 1366px) {
    .container{
        max-width:1366px;
    }
    .col-xxl {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%;
    }
    .col-xxl-auto {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }
    .col-xxl-1 {
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%;
    }
    .col-xxl-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
    }
    .col-xxl-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
    }
    .col-xxl-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }
    .col-xxl-5 {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
    }
    .col-xxl-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }
    .col-xxl-7 {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
    }
    .col-xxl-8 {
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
    }
    .col-xxl-9 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
    }
    .col-xxl-10 {
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
    }
    .col-xxl-11 {
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%;
    }
    .col-xxl-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
    .order-xxl-first {
      -ms-flex-order: -1;
      order: -1;
    }
    .order-xxl-last {
      -ms-flex-order: 13;
      order: 13;
    }
    .order-xxl-0 {
      -ms-flex-order: 0;
      order: 0;
    }
    .order-xxl-1 {
      -ms-flex-order: 1;
      order: 1;
    }
    .order-xxl-2 {
      -ms-flex-order: 2;
      order: 2;
    }
    .order-xxl-3 {
      -ms-flex-order: 3;
      order: 3;
    }
    .order-xxl-4 {
      -ms-flex-order: 4;
      order: 4;
    }
    .order-xxl-5 {
      -ms-flex-order: 5;
      order: 5;
    }
    .order-xxl-6 {
      -ms-flex-order: 6;
      order: 6;
    }
    .order-xxl-7 {
      -ms-flex-order: 7;
      order: 7;
    }
    .order-xxl-8 {
      -ms-flex-order: 8;
      order: 8;
    }
    .order-xxl-9 {
      -ms-flex-order: 9;
      order: 9;
    }
    .order-xxl-10 {
      -ms-flex-order: 10;
      order: 10;
    }
    .order-xxl-11 {
      -ms-flex-order: 11;
      order: 11;
    }
    .order-xxl-12 {
      -ms-flex-order: 12;
      order: 12;
    }
    .offset-xxl-0 {
      margin-left: 0;
    }
    .offset-xxl-1 {
      margin-left: 8.333333%;
    }
    .offset-xxl-2 {
      margin-left: 16.666667%;
    }
    .offset-xxl-3 {
      margin-left: 25%;
    }
    .offset-xxl-4 {
      margin-left: 33.333333%;
    }
    .offset-xxl-5 {
      margin-left: 41.666667%;
    }
    .offset-xxl-6 {
      margin-left: 50%;
    }
    .offset-xxl-7 {
      margin-left: 58.333333%;
    }
    .offset-xxl-8 {
      margin-left: 66.666667%;
    }
    .offset-xxl-9 {
      margin-left: 75%;
    }
    .offset-xxl-10 {
      margin-left: 83.333333%;
    }
    .offset-xl-11 {
      margin-left: 91.666667%;
    }
}
@media (min-width: 1440px) {
    .container{
        max-width:1440px;
    }
    .col-xxl {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%;
    }
    .col-xxl-auto {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }
    .col-xxl-1 {
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%;
    }
    .col-xxl-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
    }
    .col-xxl-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
    }
    .col-xxl-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }
    .col-xxl-5 {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
    }
    .col-xxl-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }
    .col-xxl-7 {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
    }
    .col-xxl-8 {
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
    }
    .col-xxl-9 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
    }
    .col-xxl-10 {
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
    }
    .col-xxl-11 {
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%;
    }
    .col-xxl-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
    .order-xxl-first {
      -ms-flex-order: -1;
      order: -1;
    }
    .order-xxl-last {
      -ms-flex-order: 13;
      order: 13;
    }
    .order-xxl-0 {
      -ms-flex-order: 0;
      order: 0;
    }
    .order-xxl-1 {
      -ms-flex-order: 1;
      order: 1;
    }
    .order-xxl-2 {
      -ms-flex-order: 2;
      order: 2;
    }
    .order-xxl-3 {
      -ms-flex-order: 3;
      order: 3;
    }
    .order-xxl-4 {
      -ms-flex-order: 4;
      order: 4;
    }
    .order-xxl-5 {
      -ms-flex-order: 5;
      order: 5;
    }
    .order-xxl-6 {
      -ms-flex-order: 6;
      order: 6;
    }
    .order-xxl-7 {
      -ms-flex-order: 7;
      order: 7;
    }
    .order-xxl-8 {
      -ms-flex-order: 8;
      order: 8;
    }
    .order-xxl-9 {
      -ms-flex-order: 9;
      order: 9;
    }
    .order-xxl-10 {
      -ms-flex-order: 10;
      order: 10;
    }
    .order-xxl-11 {
      -ms-flex-order: 11;
      order: 11;
    }
    .order-xxl-12 {
      -ms-flex-order: 12;
      order: 12;
    }
    .offset-xxl-0 {
      margin-left: 0;
    }
    .offset-xxl-1 {
      margin-left: 8.333333%;
    }
    .offset-xxl-2 {
      margin-left: 16.666667%;
    }
    .offset-xxl-3 {
      margin-left: 25%;
    }
    .offset-xxl-4 {
      margin-left: 33.333333%;
    }
    .offset-xxl-5 {
      margin-left: 41.666667%;
    }
    .offset-xxl-6 {
      margin-left: 50%;
    }
    .offset-xxl-7 {
      margin-left: 58.333333%;
    }
    .offset-xxl-8 {
      margin-left: 66.666667%;
    }
    .offset-xxl-9 {
      margin-left: 75%;
    }
    .offset-xxl-10 {
      margin-left: 83.333333%;
    }
    .offset-xl-11 {
      margin-left: 91.666667%;
    }
}
@media (min-width: 1536px) {
    .container{
        max-width:1536px;
    }
    .col-xxl {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%;
    }
    .col-xxl-auto {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }
    .col-xxl-1 {
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%;
    }
    .col-xxl-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
    }
    .col-xxl-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
    }
    .col-xxl-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }
    .col-xxl-5 {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
    }
    .col-xxl-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }
    .col-xxl-7 {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
    }
    .col-xxl-8 {
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
    }
    .col-xxl-9 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
    }
    .col-xxl-10 {
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
    }
    .col-xxl-11 {
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%;
    }
    .col-xxl-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
    .order-xxl-first {
      -ms-flex-order: -1;
      order: -1;
    }
    .order-xxl-last {
      -ms-flex-order: 13;
      order: 13;
    }
    .order-xxl-0 {
      -ms-flex-order: 0;
      order: 0;
    }
    .order-xxl-1 {
      -ms-flex-order: 1;
      order: 1;
    }
    .order-xxl-2 {
      -ms-flex-order: 2;
      order: 2;
    }
    .order-xxl-3 {
      -ms-flex-order: 3;
      order: 3;
    }
    .order-xxl-4 {
      -ms-flex-order: 4;
      order: 4;
    }
    .order-xxl-5 {
      -ms-flex-order: 5;
      order: 5;
    }
    .order-xxl-6 {
      -ms-flex-order: 6;
      order: 6;
    }
    .order-xxl-7 {
      -ms-flex-order: 7;
      order: 7;
    }
    .order-xxl-8 {
      -ms-flex-order: 8;
      order: 8;
    }
    .order-xxl-9 {
      -ms-flex-order: 9;
      order: 9;
    }
    .order-xxl-10 {
      -ms-flex-order: 10;
      order: 10;
    }
    .order-xxl-11 {
      -ms-flex-order: 11;
      order: 11;
    }
    .order-xxl-12 {
      -ms-flex-order: 12;
      order: 12;
    }
    .offset-xxl-0 {
      margin-left: 0;
    }
    .offset-xxl-1 {
      margin-left: 8.333333%;
    }
    .offset-xxl-2 {
      margin-left: 16.666667%;
    }
    .offset-xxl-3 {
      margin-left: 25%;
    }
    .offset-xxl-4 {
      margin-left: 33.333333%;
    }
    .offset-xxl-5 {
      margin-left: 41.666667%;
    }
    .offset-xxl-6 {
      margin-left: 50%;
    }
    .offset-xxl-7 {
      margin-left: 58.333333%;
    }
    .offset-xxl-8 {
      margin-left: 66.666667%;
    }
    .offset-xxl-9 {
      margin-left: 75%;
    }
    .offset-xxl-10 {
      margin-left: 83.333333%;
    }
    .offset-xl-11 {
      margin-left: 91.666667%;
    }
}
@media (min-width: 1600px) {
    .container{
        max-width:1900px;
    }
    .col-xxl {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%;
    }
    .col-xxl-auto {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }
    .col-xxl-1 {
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%;
    }
    .col-xxl-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
    }
    .col-xxl-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
    }
    .col-xxl-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }
    .col-xxl-5 {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
    }
    .col-xxl-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }
    .col-xxl-7 {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
    }
    .col-xxl-8 {
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
    }
    .col-xxl-9 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
    }
    .col-xxl-10 {
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
    }
    .col-xxl-11 {
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%;
    }
    .col-xxl-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
    .order-xxl-first {
      -ms-flex-order: -1;
      order: -1;
    }
    .order-xxl-last {
      -ms-flex-order: 13;
      order: 13;
    }
    .order-xxl-0 {
      -ms-flex-order: 0;
      order: 0;
    }
    .order-xxl-1 {
      -ms-flex-order: 1;
      order: 1;
    }
    .order-xxl-2 {
      -ms-flex-order: 2;
      order: 2;
    }
    .order-xxl-3 {
      -ms-flex-order: 3;
      order: 3;
    }
    .order-xxl-4 {
      -ms-flex-order: 4;
      order: 4;
    }
    .order-xxl-5 {
      -ms-flex-order: 5;
      order: 5;
    }
    .order-xxl-6 {
      -ms-flex-order: 6;
      order: 6;
    }
    .order-xxl-7 {
      -ms-flex-order: 7;
      order: 7;
    }
    .order-xxl-8 {
      -ms-flex-order: 8;
      order: 8;
    }
    .order-xxl-9 {
      -ms-flex-order: 9;
      order: 9;
    }
    .order-xxl-10 {
      -ms-flex-order: 10;
      order: 10;
    }
    .order-xxl-11 {
      -ms-flex-order: 11;
      order: 11;
    }
    .order-xxl-12 {
      -ms-flex-order: 12;
      order: 12;
    }
    .offset-xxl-0 {
      margin-left: 0;
    }
    .offset-xxl-1 {
      margin-left: 8.333333%;
    }
    .offset-xxl-2 {
      margin-left: 16.666667%;
    }
    .offset-xxl-3 {
      margin-left: 25%;
    }
    .offset-xxl-4 {
      margin-left: 33.333333%;
    }
    .offset-xxl-5 {
      margin-left: 41.666667%;
    }
    .offset-xxl-6 {
      margin-left: 50%;
    }
    .offset-xxl-7 {
      margin-left: 58.333333%;
    }
    .offset-xxl-8 {
      margin-left: 66.666667%;
    }
    .offset-xxl-9 {
      margin-left: 75%;
    }
    .offset-xxl-10 {
      margin-left: 83.333333%;
    }
    .offset-xl-11 {
      margin-left: 91.666667%;
    }
}
@media (min-width: 1920px) {
    .container{
        max-width:1920px;
    }
    .col-xxl {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%;
    }
    .col-xxl-auto {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }
    .col-xxl-1 {
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%;
    }
    .col-xxl-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
    }
    .col-xxl-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
    }
    .col-xxl-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }
    .col-xxl-5 {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
    }
    .col-xxl-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }
    .col-xxl-7 {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
    }
    .col-xxl-8 {
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
    }
    .col-xxl-9 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
    }
    .col-xxl-10 {
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
    }
    .col-xxl-11 {
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%;
    }
    .col-xxl-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
    .order-xxl-first {
      -ms-flex-order: -1;
      order: -1;
    }
    .order-xxl-last {
      -ms-flex-order: 13;
      order: 13;
    }
    .order-xxl-0 {
      -ms-flex-order: 0;
      order: 0;
    }
    .order-xxl-1 {
      -ms-flex-order: 1;
      order: 1;
    }
    .order-xxl-2 {
      -ms-flex-order: 2;
      order: 2;
    }
    .order-xxl-3 {
      -ms-flex-order: 3;
      order: 3;
    }
    .order-xxl-4 {
      -ms-flex-order: 4;
      order: 4;
    }
    .order-xxl-5 {
      -ms-flex-order: 5;
      order: 5;
    }
    .order-xxl-6 {
      -ms-flex-order: 6;
      order: 6;
    }
    .order-xxl-7 {
      -ms-flex-order: 7;
      order: 7;
    }
    .order-xxl-8 {
      -ms-flex-order: 8;
      order: 8;
    }
    .order-xxl-9 {
      -ms-flex-order: 9;
      order: 9;
    }
    .order-xxl-10 {
      -ms-flex-order: 10;
      order: 10;
    }
    .order-xxl-11 {
      -ms-flex-order: 11;
      order: 11;
    }
    .order-xxl-12 {
      -ms-flex-order: 12;
      order: 12;
    }
    .offset-xxl-0 {
      margin-left: 0;
    }
    .offset-xxl-1 {
      margin-left: 8.333333%;
    }
    .offset-xxl-2 {
      margin-left: 16.666667%;
    }
    .offset-xxl-3 {
      margin-left: 25%;
    }
    .offset-xxl-4 {
      margin-left: 33.333333%;
    }
    .offset-xxl-5 {
      margin-left: 41.666667%;
    }
    .offset-xxl-6 {
      margin-left: 50%;
    }
    .offset-xxl-7 {
      margin-left: 58.333333%;
    }
    .offset-xxl-8 {
      margin-left: 66.666667%;
    }
    .offset-xxl-9 {
      margin-left: 75%;
    }
    .offset-xxl-10 {
      margin-left: 83.333333%;
    }
    .offset-xl-11 {
      margin-left: 91.666667%;
    }
}
@media (min-width: 2560px) {
    .container{
        max-width:2560px;
    }
    .col-xxl {
      -ms-flex-preferred-size: 0;
      flex-basis: 0;
      -ms-flex-positive: 1;
      flex-grow: 1;
      max-width: 100%;
    }
    .col-xxl-auto {
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      width: auto;
      max-width: 100%;
    }
    .col-xxl-1 {
      -ms-flex: 0 0 8.333333%;
      flex: 0 0 8.333333%;
      max-width: 8.333333%;
    }
    .col-xxl-2 {
      -ms-flex: 0 0 16.666667%;
      flex: 0 0 16.666667%;
      max-width: 16.666667%;
    }
    .col-xxl-3 {
      -ms-flex: 0 0 25%;
      flex: 0 0 25%;
      max-width: 25%;
    }
    .col-xxl-4 {
      -ms-flex: 0 0 33.333333%;
      flex: 0 0 33.333333%;
      max-width: 33.333333%;
    }
    .col-xxl-5 {
      -ms-flex: 0 0 41.666667%;
      flex: 0 0 41.666667%;
      max-width: 41.666667%;
    }
    .col-xxl-6 {
      -ms-flex: 0 0 50%;
      flex: 0 0 50%;
      max-width: 50%;
    }
    .col-xxl-7 {
      -ms-flex: 0 0 58.333333%;
      flex: 0 0 58.333333%;
      max-width: 58.333333%;
    }
    .col-xxl-8 {
      -ms-flex: 0 0 66.666667%;
      flex: 0 0 66.666667%;
      max-width: 66.666667%;
    }
    .col-xxl-9 {
      -ms-flex: 0 0 75%;
      flex: 0 0 75%;
      max-width: 75%;
    }
    .col-xxl-10 {
      -ms-flex: 0 0 83.333333%;
      flex: 0 0 83.333333%;
      max-width: 83.333333%;
    }
    .col-xxl-11 {
      -ms-flex: 0 0 91.666667%;
      flex: 0 0 91.666667%;
      max-width: 91.666667%;
    }
    .col-xxl-12 {
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 100%;
    }
    .order-xxl-first {
      -ms-flex-order: -1;
      order: -1;
    }
    .order-xxl-last {
      -ms-flex-order: 13;
      order: 13;
    }
    .order-xxl-0 {
      -ms-flex-order: 0;
      order: 0;
    }
    .order-xxl-1 {
      -ms-flex-order: 1;
      order: 1;
    }
    .order-xxl-2 {
      -ms-flex-order: 2;
      order: 2;
    }
    .order-xxl-3 {
      -ms-flex-order: 3;
      order: 3;
    }
    .order-xxl-4 {
      -ms-flex-order: 4;
      order: 4;
    }
    .order-xxl-5 {
      -ms-flex-order: 5;
      order: 5;
    }
    .order-xxl-6 {
      -ms-flex-order: 6;
      order: 6;
    }
    .order-xxl-7 {
      -ms-flex-order: 7;
      order: 7;
    }
    .order-xxl-8 {
      -ms-flex-order: 8;
      order: 8;
    }
    .order-xxl-9 {
      -ms-flex-order: 9;
      order: 9;
    }
    .order-xxl-10 {
      -ms-flex-order: 10;
      order: 10;
    }
    .order-xxl-11 {
      -ms-flex-order: 11;
      order: 11;
    }
    .order-xxl-12 {
      -ms-flex-order: 12;
      order: 12;
    }
    .offset-xxl-0 {
      margin-left: 0;
    }
    .offset-xxl-1 {
      margin-left: 8.333333%;
    }
    .offset-xxl-2 {
      margin-left: 16.666667%;
    }
    .offset-xxl-3 {
      margin-left: 25%;
    }
    .offset-xxl-4 {
      margin-left: 33.333333%;
    }
    .offset-xxl-5 {
      margin-left: 41.666667%;
    }
    .offset-xxl-6 {
      margin-left: 50%;
    }
    .offset-xxl-7 {
      margin-left: 58.333333%;
    }
    .offset-xxl-8 {
      margin-left: 66.666667%;
    }
    .offset-xxl-9 {
      margin-left: 75%;
    }
    .offset-xxl-10 {
      margin-left: 83.333333%;
    }
    .offset-xl-11 {
      margin-left: 91.666667%;
    }
}