body .global_modal{background-color:#fff; color:#1e7eee; padding:50px;}
body .ft{font-family: 'Termina', sans-serif;}

.hotels{color:#2e2e2e; font-size:14px;}

.hotels h1{font-size: 48px; font-weight: 500; letter-spacing:.5;}
.hotels h2{font-size: 36px; font-weight: 400;}
.hotels h3{font-size: 30px; font-weight: 400;}
.hotels h4{font-size: 24px; font-weight: 400;}
.hotels h5{font-size: 18px; font-weight: 400;}
.hotels p{font-size: 14px; font-weight: 400;}
.hotels p.big{font-size: 16px;}
.hotels ul{}
.hotels ul li{font-size: 14px;}

.hotels .btn,
.hotels .btn:hover,
.hotels .btn:focus{border-radius:16px; font-size:14px; font-weight:normal; margin:12px 12px 0 0; padding:13px 16px; text-align:center; text-transform:none; width:180px;}
.hotels .btn.btn-primary,
.hotels .btn.btn-primary:hover,
.hotels .btn.btn-primary:focus{background-color:#0054b5; color:#fff;}
.hotels .btn.btn-secondary,
.hotels .btn.btn-secondary:hover,
.hotels .btn.btn-secondary:focus{background-color:#1a1a1a; color:#fff;}

.hotels .strong{font-weight: 600;}

@media screen and (max-width:767.5px){
    .hotels h1{font-size: 28px;}
    .hotels h2{font-size: 24px;}
    .hotels h3{font-size: 20px;}
    .hotels h4{font-size: 18px;}
    .hotels h5{font-size: 16px;}
    .hotels p{}
}

.hotels section{}

/** section.MAIN **/
    .hotels section.main{
        background-color: #f3f3f4;
        background-image: url(/img/lp/hotels/main-1@2x.png);
        background-position: right;
        background-repeat: no-repeat;
        background-size: 45%;
        margin-bottom: 180px;
        padding-bottom: 90px;
        position: relative;
    }
    .hotels section.main img{
        bottom: -90px;
        left:45%;
        border-radius: 32px;
        max-width: 80%;
        position: absolute;
        width: 545px;
    }
    @media screen and (max-width:1199.5px){
        .hotels section.main{background-position: right top;}
        .hotels section.main img{
            bottom: -120px;
            left:auto; right:10%;
        }

    }

/** section.ADVANTAGES **/
    .hotels section.advantages{position: relative;}
    .hotels section.advantages:before{
        background-color: #1e7eee;
        border-radius: 0 90px 90px 0;
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        width: 45%;
    }
    .hotels section.advantages h2{margin-top: 60px;}
    .hotels section.advantages ul{}
    .hotels section.advantages ul li{
        background-image: url(/img/lp/hotels/advantages-1@2x.png);
        background-position: top left;
        background-repeat: no-repeat;
        background-size: 32px;
        list-style-type: none;
        min-height: 32px;
        padding: 5px;
        padding-left: 55px;
    }
    .hotels section.advantages ul li:nth-child(2){margin-bottom: 20px;}
    @media screen and (max-width:767.5px){
        .hotels section.advantages:before{width:5%;}
        .hotels section.advantages h2{color:#1e7eee!important;}
        .hotels section.advantages ul li:nth-child(2){margin-bottom:0;}
    }

/** section.BENEFITS **/
    .hotels section.benefits{}
    .hotels section.benefits .items{}
    .hotels section.benefits .items .item{
        border-radius: 40px;
        margin-bottom: 24px;
        min-height: 500px;
        padding: 20px 60px 60px;
        position: relative;
    }
    .hotels section.benefits .items .item .number{
        border:1px solid #d7d7d7;
        border-radius:50%;
        font-family: 'Termina', sans-serif;
        font-size: 30px;
        line-height: 36px;
        height: 56px;
        padding: 10px;
        position: absolute;
        text-align: center;
        top:20px;
        right:22px;
        width: 56px;
    }
    .hotels section.benefits .items .item.item-1{
        background-color: #eaf4ff;
        background-image: url(/img/lp/hotels/benefit-1-0@2x.png);
        background-position: right;
        background-repeat: no-repeat;
        background-size: contain;
    }
    .hotels section.benefits .items .item.item-1 img{float: right; margin-right: -60px; margin-top: 75px;}

    .hotels section.benefits .items .item.item-2{background-color:#f9f6f3; padding-bottom: 20px;}
    .hotels section.benefits .items .item.item-2 .subitem{margin-bottom: 40px;}
    .hotels section.benefits .items .item.item-2 .subitem img{height: 50px; margin-bottom: 16px;}

    .hotels section.benefits .items .item.item-3{
        background-color: #505d68;
        background-image: url(/img/lp/hotels/benefit-3-0@2x.png);
        background-position: right;
        background-repeat: no-repeat;
        background-size: contain;
        color:#fff;
        padding-bottom: 20px;
    }
    .hotels section.benefits .items .item.item-3 .subitem{margin-bottom: 40px;}
    .hotels section.benefits .items .item.item-3 h5{max-width: 200px;}

    .hotels section.benefits .items .item.item-4{background-color:#f9f6f3; padding-bottom: 20px;}
    .hotels section.benefits .items .item.item-4 .subitem{
        background-size: 50px;
        background-position: top left;
        background-repeat: no-repeat;
        margin-bottom: 40px;
        padding-left: 75px;
    }
    .hotels section.benefits .items .item.item-4 .subitem.subitem-1{background-image: url(/img/lp/hotels/benefit-4-1@2x.png);}
    .hotels section.benefits .items .item.item-4 .subitem.subitem-2{background-image: url(/img/lp/hotels/benefit-4-2@2x.png);}
    .hotels section.benefits .items .item.item-4 .subitem.subitem-3{background-image: url(/img/lp/hotels/benefit-4-3@2x.png);}
    .hotels section.benefits .items .item.item-4 .subitem.subitem-4{background-image: url(/img/lp/hotels/benefit-4-4@2x.png);}

    .hotels section.benefits .items .item.item-5{background-color:#eaf4ff; padding-bottom: 20px;}
    .hotels section.benefits .items .item.item-5 .subitem{
        background-size: 50px;
        background-position: top left;
        background-repeat: no-repeat;
        padding-left: 75px;
        margin-bottom: 40px;
    }
    .hotels section.benefits .items .item.item-5 .subitem.subitem-1{background-image: url(/img/lp/hotels/benefit-5-1@2x.png);}
    .hotels section.benefits .items .item.item-5 .subitem.subitem-2{background-image: url(/img/lp/hotels/benefit-5-2@2x.png);}
    .hotels section.benefits .items .item.item-5 .subitem.subitem-3{background-image: url(/img/lp/hotels/benefit-5-3@2x.png);}
    .hotels section.benefits .items .item.item-5 .subitem.subitem-4{background-image: url(/img/lp/hotels/benefit-5-4@2x.png);}
    .hotels section.benefits .items .item.item-5 .subitem.subitem-5{background-image: url(/img/lp/hotels/benefit-5-5@2x.png);}

    .hotels section.benefits .items .item.item-6{
        background-color: #1e7eee;
        background-image: url(/img/lp/hotels/benefit-6-0@2x.png);
        background-position: right bottom;
        background-repeat: no-repeat;
        background-size: 18%;
        color:#fff;
    }
    .hotels section.benefits .items .item.item-6 .subitem{
        background-position: top left;
        background-repeat: no-repeat;
        margin-bottom: 30px;
        padding-left: 48px;
    }
    .hotels section.benefits .items .item.item-6 .subitem.subitem-1{background-image: url(/img/lp/hotels/benefit-6-1@2x.png); background-size: 22px;}
    .hotels section.benefits .items .item.item-6 .subitem.subitem-2{background-image: url(/img/lp/hotels/benefit-6-2@2x.png); background-size: 31px;}
    .hotels section.benefits .items .item.item-6 .subitem.subitem-3{background-image: url(/img/lp/hotels/benefit-6-3@2x.png); background-size: 13px;}
    .hotels section.benefits .items .item.item-6 .subitem ul{padding-left: 15px;}

    .hotels section.benefits .items .item.item-7{background-color:#f9f6f3; padding-bottom: 20px;}
    .hotels section.benefits .items .item.item-7 .subitem{margin-bottom: 40px;}
    .hotels section.benefits .items .item.item-7 img{height: 50px; margin-bottom: 15px;}

    @media screen and (max-width:767.5px){
        .hotels section.benefits .items .item h3{
            max-width: calc(100% - 30px);
            margin-left: 0;
        }
    }

/** section.MODELS **/
    .hotels section.models{
        background-image: url(/img/lp/hotels/model-0@2x.png);
        background-position: bottom right;
        background-repeat: no-repeat;
        background-size: contain;
        padding-bottom: 20px;
    }
    .hotels section.models .item{background-color:#f9f6f3; border-radius: 37px; margin-bottom: 40px; min-height: 485px; padding: 40px;}
    .hotels section.models .item .img{background-size: 50%; background-repeat: no-repeat; height: 50px; margin-bottom: 20px;}
    .hotels section.models .item.item-1 .img{background-image: url(/img/lp/hotels/model-3@2x.png); background-size: 168px;}
    .hotels section.models .item.item-2 .img{background-image: url(/img/lp/hotels/model-2@2x.png); background-size: 154px;}
    .hotels section.models .item.item-3 .img{background-image: url(/img/lp/hotels/model-1@2x.png); background-size: 154px;}
    @media screen and (max-width:997.5px){
        .hotels section.models .item{min-height: 0;}
    }

/** section.CONTACT **/
    .hotels section.contact{}
    .hotels section.contact .item{
        background-color: #FAF9F8;
        background-image: url(/img/lp/hotels/contact-0@2x.png);
        background-position: left;
        background-repeat: no-repeat;
        background-size: 45%;
        border-radius: 28px;
        padding: 100px 50px;
    }
    .hotels section.contact .item iframe{margin-bottom: -100px;}
    @media screen and (max-width:997.5px){
        .hotels section.contact{background-color: #FAF9F8;}
        .hotels section.contact .item{background: none; padding: 20px 40px;}
    }