*,
*::before,
*::after {
    box-sizing: border-box;
}

/* font-family: "Raleway", serif; */

body {
    min-height: 100vh;
    font-family: "Roboto Condensed", serif;
    font-style: normal;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    letter-spacing: 0.6px;
    color: #242121;
}

a {
    text-decoration: none;
}

.container {
    max-width: 1220px;
    margin: 0 auto;
    padding: 0 10px;
}

.title {
    font-family: "Raleway", serif;
    font-size: 48px;
    font-weight: 600;
    line-height: 56px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 100px;
    color: #01353e;
    position: relative;
}

.title::after {
    content: '/';
    position: absolute;
    font-family: "Raleway", serif;
    font-size: 72px;
    font-weight: 600;
    line-height: 85px;
    width: 48px;
    height: 85px;
    color: #00B2A0;
}

.header {
    background-image: url("../images/header-imgs/header-bg.jpg");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
}

.header__top {
    padding: 35px 0;
}

.header__top-inner {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 240px;
}

.menu {
    margin-left: 185px;
}

.menu__btn {
    display: none;
}

.menu__list {
    display: flex;
}

.menu__list-item + .menu__list-item {
    margin-left: 45px;
}

.menu__list-link {
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    color: #fff;
    transition: all 0.5s;
}

.menu__list-link:hover {
    border-bottom: 2px solid #00b2a0;
}

.header__content-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
}

.header__title {
    font-family: "Raleway", serif;
    font-size: 235px;
    font-weight: 700;
    line-height: 235px;
    color: #0d302c;
    margin-bottom: 10px;
}

.header__text {
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    color: #000;
    padding-bottom: 30px;
    margin-bottom: 315px;
}

.header__icon {
    margin-bottom: 90px;
}

.about {
    padding: 190px 0 200px;
}

.about__text-wrapper {
    display: flex;
    gap: 120px;
}

.about__text {
    max-width: 480px;
    margin-bottom: 30px;
}

.about__text-short {
    margin: 48px 0 80px;
}

.promo {
    padding: 200px 0;
    background-color: #F8F8F8;
}

.promo__items {
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
}

.promo__item {
    width: 350px;
    position: relative;
}

.promo__item::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 75px;
    width: 50px;
    height: 50px;
}

.promo__item--accommodation::before {
    background-image: url('../images/promo-imgs/sun-icon.svg');
}

.promo__item--flight::before {
    background-image: url('../images/promo-imgs/plane-icon.svg');
}

.promo__item--education::before {
    background-image: url('../images/promo-imgs/wave-icon.svg');
}

.promo__item-title {
    font-size: 24px;
    font-weight: 400;
    line-height: 28px;
    text-transform: uppercase;
    margin-bottom: 10px;
    padding-left: 135px;
}

.promo__item-title--accommodation {
    padding-top: 10px;
    margin-bottom: 28px;
}

.promo__inner {
    display: flex;
    justify-content: space-between;
}

.promo__info {
    width: 350px;
    margin-top: 26px;
}

.promo__info-item {
    padding: 2px 0 40px;
    position: relative;
}

.promo__info-item span {    
    position: absolute;
    font-size: 24px;
    font-weight: 400;
    top: -20px;
    display: block;
}

.promo__info-item::before {
    content: '';
    position: absolute;
    top: -18px;
    height: 15px;
}

.promo__info-item--first::before {
    background-image: url('../images/promo-imgs/wave-1.svg');
    width: 200px;
    filter: drop-shadow(0 4px 4px rgb(0 0 0 / 0.25));
}

.promo__info-item--second::before {
    background-image: url('../images/promo-imgs/wave-2.svg');    
    width: 247px;
}

.promo__info-item--third::before {
    background-image: url('../images/promo-imgs/wave-3.svg');
    width: 293px;
}

.promo__info-item--first span {
    left: 210px;
}

.promo__info-item--second span {
    left: 255px;
}

.promo__info-item--third span {
    left: 302px;
}

.promo__text {
    max-width: 600px;
}

.promo__text p + p {
    margin-top: 30px;
}

.conquest {
    background-image: url('../images/promo-imgs/conquest-bg.jpg');
    background-position: right 0;
    background-repeat: no-repeat;
    background-size: 50%;
    margin-bottom: 200px;
}

.conquest__inner {    
    padding: 150px 0 70px;
    max-width: 531px;
}

.conquest__text p + p {
    margin-top: 30px;
}

.gallery {
    padding-bottom: 200px;
}

.gallery__top {
    padding-bottom: 200px;
}

.gallery__title {
    margin-bottom: 200px;
}

.gallery__filter-btn {
    margin-bottom: 50px;
}

.gallery__btn {
    background-color: transparent;
    border: none;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 400;
    margin-right: 20px;
    padding: 0;
    cursor: pointer;
    transition: all .5s;
}

.mixitup-control-active {
    color: #00B2A0;
}

.gallery__content {
    display: flex;
    flex-flow: row wrap;
    gap: 40px;
    margin-bottom: 50px;
}

.gallery__item {
    position: relative;
}

.gallery__item-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 1px solid #C4C4C4;
    background-color: #333;
    opacity: 0;
    transition: all .5s;
}

.gallery__item:hover .gallery__item-link {
    opacity: .7;
}

.gallery__add {
    display: block;
    margin: 0 auto;
    border: 1px solid #C4C4C4;
    background-color: transparent;
    padding: 23px 91px;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 400;
    color: #242121;
    cursor: pointer;
}

.blockquote {
    background-color: #F8F8F8;
    text-align: center;
    padding: 80px 0;
    font-size: 36px;
    font-weight: 400;
    line-height: 40px;
    font-style: italic;
    position: relative;
}

.blockquote__author {
    position: absolute;    
    right: 318px;
    bottom: 60px;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
}

.gallery__video {
    background-image: url('../images/gallery-imgs/video-bg.jpg');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 600px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 200px 0;
}

.gallery__numbers {
    display: flex;
    justify-content: center;
}

.gallery__numbers-item {
    text-align: center;
    font-size: 64px;
    font-weight: 700;
    line-height: 75px;
    color: #01353E;
    margin-right: 100px;
}

.gallery__numbers-item:last-child {
    margin-right: 0;
}

.gallery__numbers-item span {
    display: block;
    padding-top: 15px;
    font-size: 14px;
    font-weight: 300;
    line-height: 18px;
    color: #242121;
}

.slider-blog {
    padding-bottom: 200px;
}

.slider-blog__title {
    margin-bottom: 230px;
}

.slider-blog__inner {
    background-image: url('../images/slider-blog-bg.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 320px 0 80px;
    color: #fff;
}

.slider-blog__item {
    margin-bottom: 260px;   
}

.slider-blog__item-title {
    display: inline-block;
    margin-left: 600px;
    margin-bottom: 10px; 
    max-width: 600px;
    text-transform: uppercase;
    font-size: 48px;
    font-weight: 400;
    line-height: 56px;
    color: #fff;
}

.slider-blog__item-text {
    display: inline-block;
    max-width: 410px;
    margin-left: 600px;
}

ul.slick-dots {
    display: flex;
    justify-content: center;
}

.slick-dots li + li {
    margin-left: 15px;
}

.slick-dots button {
    background-color: #fff;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    padding: 0;
    font-size: 0;
    border: none;
    cursor: pointer;
}

.slick-active button {
    background-color: #00B2A0;
}

.team {
    padding: 0 0 200px;
}

.team__title {
    margin-bottom: 210px; 
}

.team__items {
    display: flex;
    justify-content: space-between;
    text-align: center;
}

.team__name {
    padding: 25px 0 5px;
    font-size: 18px;
}
.team__position {
    font-weight: 400;
}

.pricing {
    padding: 200px 0 200px;
    background-color: #F8F8F8;
}

.pricing__title {
    margin-bottom: 185px;
}
.pricing__items {
    display: flex;
    justify-content: space-between;
}

ul.pricing__item {
    width: 360px;
    padding: 45px 30px 45px;
    background-color: #fff;
}

.pricing__item li {    
    font-weight: 400;
    margin-bottom: 20px;
}

.pricing__item .pricing__item-name,
.pricing__item .pricing__item-num {
    text-align: center;
    font-size: 36px;
    line-height: 40px;
    letter-spacing: 0;
    color: #01353E;
}

.pricing__item .pricing__item-name {
    margin-bottom: 60px;
}

.pricing__item .pricing__item-num {
    margin: 60px 0 0;
    position: relative;
}

.pricing__item-num sup {
    position: absolute;
    font-size: 18px;
    line-height: 22px;
    margin-left: 5px;
    bottom: 7px;
}

.pricing__item .pricing__item-num--standart {
    margin-top: 135px;
}

.connection {
    padding: 200px 0;
}

.map {
    padding: 0 220px 200px;
}

.connection__title {
    margin-bottom: 240px;
}

.connection__inner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 200px;
}

.form {
    display: block;
    max-width: 570px;
    margin-right: 20px;
}

.form input,
.form textarea {
    width: 100%;
    margin-bottom: 32px;
    padding-bottom: 18px;
    font-size: 16px;
    font-weight: 400;      
    border: none;
    border-bottom: 2px solid #DADADA;
}

.form input::placeholder,
.form textarea::placeholder {
    max-width: 260px;
    font-size: 18px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.6px;
    color: #00B2A0;
}

.form textarea {
    min-height: 155px;
    margin-top: 20px;
    resize: none;
}

.form button {
    margin-top: 40px;
    padding: 24px 111px 23px;
    border: 1px solid #C4C4C4;
    background-color: transparent;
    color: #242121;
    font-size: 24px;
    font-weight: 400;
    letter-spacing: 0.6px;
    cursor: pointer;
}

.messengers {
    width: 600px;
    padding: 50px 50px 70px;    
    background-color: #F8F8F8;
}

.messengers__text {
    max-width: 325px;
    font-size: 24px;
    font-weight: 400;
    line-height: 30px;
}

.messengers p + p {
    margin-top: 65px;
}

.phone {
    display: block;
    color: inherit;
}

.social {
    display: flex;
    justify-content: center;
}

.social__item {
    padding: 0 10px;
}

.social__item-link {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: 400;
    color: #242121;
    transition: all .5s; 
}

.social__item-link:hover {
    color: #00B2A0;
}

.footer {
    background-color: #00B2A0;
    padding: 70px 0;
    text-align: center;
}

.footer__logo {
    display: inline-block;
}

@media (max-width: 1440px) {
    .conquest__inner {
        padding: 50px 0;
    }
    .conquest__title {
        margin-bottom: 50px;
    }

    /* Titles */
    .gallery__title, 
    .slider-blog__title,
    .team__title,
    .pricing__title,
    .connection__title {
        margin-bottom: 100px;
    }

    /* Slider-blog */  
    .slider-blog__inner {
        padding-top: 230px;
    }
    .slider-blog__item-title {
        font-size: 36px;
        line-height: 50px;
        margin-left: 20px;
    }
    .slider-blog__item-text {
        display: block;
        margin-left: 20px;
    }
}

@media (max-width: 1200px) {    
    .about,
    .promo,
    .pricing,
    .connection {
        padding: 75px 0;
    }

    /* Conquest */
    .conquest {
        background-image: none;
        margin-bottom: 0;
        padding: 75px 0 120px;
    }
    .conquest__inner {
        max-width: 100%;
        padding: 0;
    }

    /* Gallery */
    .gallery__top {
        padding-bottom: 70px;
    }
    .gallery__content,
    .pricing__items {
        gap: 20px;
    }
    .blockquote {
        margin-bottom: 70px;
    }
    .blockquote__author {
        position: static;
        display: block;
    }
    .gallery, 
    .slider-blog, 
    .team,
    .map {
        padding-bottom: 75px;
    }
    /* Slider-blog */  
    .slider-blog__inner {
        padding: 170px 0 100px;
    } 
    
    /* Connection */
      .connection__inner {
        margin-bottom: 60px;
    } 
}

@media (max-width: 1100px) {
    /* Promo */
    .promo__items {
        display: block;
    }
    .promo__item {
        width: 100%;
        margin-bottom: 40px;
    }
    .promo__item-title {
        padding-top: 10px;
        margin-bottom: 30px;
    }

    /* Team */
    .team__items {
        column-gap: 20px;
    }

    /* Connection */
    .map {
        display: none;
    }
}

@media (max-width: 1050px) {
    /* About */
    .about__text-wrapper {
        gap: 70px;
    }
}

@media (max-width: 1000px) {
    /* Header */
    .menu {
        margin: 0 auto;
    }
    .menu__list-item + .menu__list-item {
        margin-left: 30px;
    }
    .menu__list-link {
        font-size: 20px;
    }
    .header__title {
        font-size: 170px;
        line-height: 190px;
    }
    .header__text {
        font-size: 20px;
        line-height: 24px;
    }

    /* About */
    .title {
        font-size: 34px;
        line-height: 46px;
        margin-bottom: 55px;
    }
    .title::after {
        font-size: 54px;
        font-weight: 500;
        line-height: 70px;
    }
    .about__text-wrapper {
        display: block;
    }
    .about__text {
        max-width: 100%;
    }
    .about__text-short {
        margin: 0 0 30px;
    }
    .about__text-right p:last-child {
        margin-bottom: 0;
    }

    /* Promo */
    .promo__inner {
        display: block;
    }
    .promo__info {
        width: 100%;
        margin: 0 0 40px;
    }

    /* Gallery */
    .gallery__filter-btn {
        text-align: center;
    }    
    .gallery__content {
        justify-content: center;
    }
    .gallery__numbers-item {
        margin-right: 50px;
    }

    /* Footer */
    .footer {
        padding: 50px 0;
    }
}

@media (max-width: 900px) {
    /* Pricing */
    .pricing__items {
        display: block;
    }
    ul.pricing__item {
        margin: 0 auto;
        max-width: 500px;
        width: 100%;
        text-align: center;
    }
    ul.pricing__item + ul.pricing__item {
        margin-top: 25px;
    }
    .pricing__item .pricing__item-name {
        margin-bottom: 45px;
    }
    .pricing__item .pricing__item-num--standart {
        margin-top: 60px;
    }
}

@media (max-width: 768px) {
    /* Header */
    .logo {
        position: relative;
        z-index: 2;
    }
    .menu {
        margin-right: 0;
    }
    .menu__btn {
        display: block;
        background-color: transparent;
        border: none;
        padding: 0;
        position: relative;
        z-index: 2;
    }
    .menu__list {
        position: absolute;
        display: block;
        transform: translateY(-200%);
        padding: 15px 0;
        text-align: center;
        left: 0;
        right: 0;
        top: 0;
        background-color: #2E4D54;
        transition: all .5s;
    }
    ul.menu__list {
        padding: 90px 0 15px;
    }
    .menu__list.menu__list--active {        
        transform: translateY(0%);
    }
    .menu__list-item + .menu__list-item {
        margin-left: 0;
    }
    .menu__list-link {
        display: block;
        padding: 15px 0;
    }
    .header__top-inner {
        margin-bottom: 180px;
    }
    .header__title {
        font-size: 130px;
        line-height: 160px;
    }
    .header__text {
        font-size: 16px;
        line-height: 22px;
    }
    
    /* About */
    .title {
        font-size: 28px;
        line-height: 42px;
    }
    .title::after {
        font-size: 50px;
        line-height: 60px;
    }

    /* Gallery */
    .gallery__btn {
        font-size: 20px;
    }
    .blockquote {
        padding: 50px 10px;
        font-size: 28px;
    }
    .gallery__video {
        margin: 70px 0;
    }
    .gallery__numbers {
        flex-wrap: wrap;
    }
    .gallery__numbers-item {
        width: 50%;
        font-size: 48px;
        line-height: 60px;
        margin-bottom: 40px;
        margin-right: 0;
    }
 
    /* Slider-blog */   
    .slider-blog__item-title {
        font-size: 24px;
        line-height: 32px;
    }
    .slick-dots button {
        width: 10px;
        height: 10px;
    }
    /* Connection */
    .connection__inner {
        display: block;
    }
    .form {
        margin-bottom: 50px;
    }
    .form button {
        margin-top: 0;
    }
    .messengers {
        width: 100%;
    }
}

@media (max-width: 650px) {
    /* About */    
    .title {
        margin-bottom: 40px;
    }
    .about__title {
        font-size: 22px;
        line-height: 34px;    
    }
    .title::after {
        display: none;
    }

    /* Team */
    .team__items {
        display: block;
    }
    .team__item {
        margin-bottom: 25px;
    }
    .team__item img {
        margin: 0 auto;
    }
    .team__name {
        padding-top: 10px;
    }
}

@media (max-width: 500px) {
    /* Header */
    .header__top-inner {
        margin-bottom: 100px;
    }
    .header__title {
        font-size: 80px;
        line-height: 100px;
    }
    .header__text {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 360px;
    }
    .header__icon {
        margin-bottom: 60px;
    }
    
    /* About */
    .about {
        padding: 50px 0;
    }
    
    /* Promo */
    .promo__item-title {
        font-size: 20px;
        padding-left: 75px;
    }
    .promo__item::before {
        left: 10px;
    }
}

@media (max-width: 440px) {
    /* Promo */
    .promo__item-title {
        font-size: 16px;
    }

    /* Gallery */
    .gallery__btn {
        font-size: 16px;
        margin-right: 15px;
    }
    .gallery__add {
        padding: 16px 60px;
        font-size: 20px;
    }
    
    /* Connection */
    .form button {
        font-size: 18px;
        padding: 20px 90px 20px
    }
    .messengers__text {
        font-size: 20px;
    }
    .messengers p + p {
        margin-top: 45px;
    }
    .social {
        display: block;
        text-align: center;
    }
    .social__item {
        margin-top: 40px;
    }
    .social__item-link {
        font-size: 20px;
    }
}

@media (max-width: 370px) {
    /* Promo */
    .promo__info-item span {
        font-size: 22px;
    }
    .promo__info-item--first span {
        left: 167px;
    }
    .promo__info-item--first::before {
        width: 158px;
    }
    .promo__info-item--second::before {
        width: 196px;
    }
    .promo__info-item--second span {
        left: 209px;
    }
    .promo__info-item--third::before {
        width: 232px;
    }
    .promo__info-item--third span {
        left: 245px;
    }
    
    /* Gallery */
    .gallery__numbers-item {
        width: 100%;
    }    
}