* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    font-family: "Montserrat", sans-serif;
}

a {
    text-decoration: none;
}

.container {
    max-width: 1140px;
    margin: auto;
}

.dNone {
    display: none!important;
}

.dBlock {
    display: block!important;
}

.dFlex {
    display: flex!important;
}

li div {
    width: 100%;
}

.header {
    padding-top: 11px;
    padding-bottom: 13px;
    position: fixed;
    top: 0;
    z-index: 5;
    width: 100%;
    background: #FFF;
    /* border-bottom: 1px solid #ececec; */
}

.headerWrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.headerMenu, .menu {
    display: flex;
}

.menuItem {
    margin-left: 79px;
    font-size: 18px;
    color: #801338;
    font-weight: 400;
}

.menuItem:hover {
    color: #533D92;
}

.sectionOne {
    background: url("img/background.png") no-repeat center / cover;
    height: 530px;
    margin-top: 91px;
}

.sectionOne .container {
    height: 100%;
}

.sectionOneWrapper {
    display: flex;
    height: 100%;
}

.sectionOneLeft {
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: #fff;
    width: 50%;
}

/*.sectionOneRight {*/
/*    position: absolute;*/
/*    left: calc(100vw / 2);*/
/*    width: calc(100vw / 2);*/
/*}*/

.oneLeftBigTitle {
    font-size: 45px;
    font-weight: 600;
    padding-bottom: 50px;
}

.oneLeftText {
    font-size: 20px;
    font-weight: 400;
    padding-bottom: 60px;
    line-height: 32px;
}

.btn {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #fff;
    padding: 17px 60px;
}

.btn:hover {
    color: #AE9FD8;
    border: 1px solid #AE9FD8;
}

.sectionTwo {
    padding-top: 103px;
    padding-bottom: 103px;
}

.sectionTwoTitle {
    font-size: 40px;
    font-weight: 400;
    color: #801338;
    text-transform: uppercase;
    padding-bottom: 55px;
}

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

.twoContentLeft {
    padding-right: 63px;
}

.twoLeftImg {
    padding-bottom: 71px;
}

.twoLeftBlockTitle {
    font-size: 30px;
    font-weight: 400;
    color: #801338;
    padding-bottom: 10px;
}

.twoLeftBlockItem {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
}

.twoLeftBlockItemImg {
    padding-right: 19px;
}

.twoLeftBlockItemText {
    font-size: 17px;
    font-weight: 400;
    text-transform: uppercase;
    color: #3E3E3E;
}

.twoContentRight {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.twoContentRightText {
    font-size: 20px;
    font-weight: 400;
    color: #801338;
    line-height: 30px;
}

.sectionThree {
    background-color: #F7F6FD;
    padding-top: 122px;
}

.sectionThreeWrapper {
    font-size: 20px;
    font-weight: 400;
    color: #801338;
    line-height: 30px;
}

.sectionThreeTitle {
    font-size: 40px;
    text-transform: uppercase;
    padding-bottom: 35px;
}

.sectionThreeTabs {
    display: flex;
    padding-bottom: 77px;
}

.sectionThreeTab {
    margin-right: 53px;
    padding-bottom: 6px;
    cursor: pointer;
}

.sectionThreeTab:hover {
    color: #533D92;
    border-bottom: 2px solid #533D92;
}

.activeTab {
    border-bottom: 2px solid #801338;
}

.threeContentText {
    padding-bottom: 76px;
}

.threeContentLists {
    display: flex;
    padding-bottom: 37px;
}

.threeListImg {
    padding-right: 36px;
}

.threeListTitle {
    font-weight: 400;
}

.list {
    list-style: none;
}

.list li {
    display: flex;
}

li i {
    display: block;
    width: 5px;
    height: 5px;
    background: #000;
    border-radius: 50%;
    margin-right: 15px;
    margin-top: 13px;
}

.pl {
    padding-left: 14px;
}

.sectionThreeContent:last-child {
    padding-bottom: 39px;
}

.sectionFour {
    padding: 110px 0;
}

.sectionFourWrapper {
    font-size: 20px;
    color: #3E3E3E;
    font-weight: 400;
    line-height: 30px;
}

.sectionFourTitle {
    font-size: 40px;
    color: #801338;
    text-transform: uppercase;
    padding-bottom: 62px;
}

.sectionFourUpperBlock {
    display: flex;
    padding-bottom: 75px;
}

.fourUpperBlockImg {
    padding-right: 63px;
}

.fourUpperBlockTexts {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.fourUpperBlockBoldText {
    font-weight: 400;
}

.sectionFourMiddleBlock {
    display: flex;
    justify-content: space-around;
}

.fourMiddleLeftBlock {
    display: flex;
    flex-direction: column;
    width: 70%;
    text-align: center;
}

.fourMiddleRightBlock {
    width: 100%;
}

.middleLeftBlockBoldText, .middleRightBlockBoldText {
    font-weight: 400;
    padding: 20px 0;
}

.middleRightBlockBoldText {
    text-align: center;
}

.middleLeftBlockText, .middleRightBlockText, .middleLeftBlockBoldText, .middleRightBlockBoldText {
    border-top: 1px solid #DEDEDE;
    padding: 20px 0;
}

.middleRightBlockText:last-child {
    padding: 20px 0 50px;
	padding: 35px 0 65px;
    font-weight: 400;
    display: flex;
    justify-content: flex-end;
}

.middleLeftBlockText:last-child, .middleRightBlockText:last-child {
    border-top: 1px solid #DEDEDE;
}

.fourContentLists {
    display: flex;
}

.fourContentLists:first-child .fourListImg {
    padding-right: 39px;
}

.fourContentLists:last-child .fourListImg {
    padding-right: 32px;
}

.fourListTitle {
    font-weight: 400;
}

.list li:last-child {
    padding-bottom: 40px;
}

.footer {
    padding-top: 50px;
    background-color: #fff;
}

.footerTitle {
    font-size: 34px;
    font-weight: 500;
    color: #801338;
    text-transform: uppercase;
    padding-bottom: 45px;
}

.footerContent {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.footerText {
    font-size: 16px;
    font-weight: 500;
    color: #801338;
    line-height: 28px;
}

.footerText:first-child {
    padding-bottom: 20px;
}

.sectionOneMobileWrapper {
    display: flex;
    flex-direction: column;
    height: 100%;
}

/*.sectionOneMobileImg {*/
/*    background: url("img/mobile.png") no-repeat center / cover;*/
/*    height: 202px;*/
/*}*/

.mobileImg {
    width: 100%;
}

.sectionOneMobileContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    width: 250px;
    margin: auto;
}

.oneMobileContentTitle {
    font-size: 30px;
    color: #FFF;
    font-weight: 400;
    padding-top: 27px;
    padding-bottom: 10px;
}

.oneMobileContentText {
    font-size: 13px;
    color: #FFF;
    font-weight: 400;
    padding-bottom: 48px;
    line-height: 22px;
}

.oneMobileContentButton {
    padding-bottom: 68px;
}

/* start css burger menu */
.hamburger-menu {
    display: none;
}
#menu__toggle {
    opacity: 0;
}

#menu__toggle:checked ~ .menu__btn > span {
    transform: rotate(45deg);
}
#menu__toggle:checked ~ .menu__btn > span::before {
    top: 0;
    transform: rotate(0);
}
#menu__toggle:checked ~ .menu__btn > span::after {
    top: 0;
    transform: rotate(90deg);
}
#menu__toggle:checked ~ .menu__box {
    visibility: visible;
    left: 0;
    z-index: 20;
    top: 81px;
}

.menu__btn {
    display: flex;
    position: absolute;
    right: 20px;
    width: 26px;
    height: 26px;

    cursor: pointer;
    z-index: 100;
}

.menu__btn > span,
.menu__btn > span::before,
.menu__btn > span::after {
    display: block;
    position: absolute;

    width: 100%;
    height: 3px;

    background-color: #801338;

    transition-duration: .25s;
}
.menu__btn > span::before {
    content: '';
    top: -6px;
}
.menu__btn > span::after {
    content: '';
    top: 6px;
}

.menu__box {
    display: block;
    position: absolute;
    visibility: hidden;
    top: 81px;
    left: -100%;

    width: 100%;

    margin: 0;
    padding: 80px 0;

    list-style: none;

    background-color: #fff;
    box-shadow: 1px 0px 6px rgba(0, 0, 0, .2);

    transition-duration: .25s;
}

.menu__box .work__time,
.menu__box .how__dest,
.menu__box .phone,
.menu__box .soc__networks {
    padding: 12px 24px!important;
}

.menu__item {
    display: block;
    padding: 12px 24px;

    color: #801338;

    font-family: "Montserrat", sans-serif;
    font-size: 20px;
    font-weight: 600;

    text-decoration: none;

    transition-duration: .25s;
}
.menu__item:hover {
    background-color: #CFD8DC;
}

/*.mobile__menu__links {border-bottom: 2px solid #0C3E64;}*/

.mobile__menu__info {font-weight: 700; font-size: 20px;}
/* end css burger menu */

/* mobile */

@media only screen and (max-width: 1160px) {
    .container {padding: 0 20px;}
}

@media only screen and (max-width: 1024px) {
    .oneLeftBigTitle {font-size: 50px;}
    .oneLeftText {font-size: 20px; line-height: 30px}
}

@media only screen and (max-width: 768px) {
    .container {padding: 0 57px;}
    .headerMenu {display: none;}
    .logo {width: 99px;}
    .hamburger-menu {display: block;}
    .btn {font-size:12px;}
    /*.sectionOneWrapper {display: none;}*/
    /*.sectionOneMobileWrapper {display: flex!important;}*/
    .sectionOne {height: 365px;margin-top: 80px;}
    .sectionOne .container {padding: 0;}
    .sectionOneLeft {
        padding-left: 57px;
        padding-right: 30px;
    ;}

    .oneLeftBigTitle {font-size: 30px;}
    .oneLeftText {font-size: 12px; line-height: 22px;}
    /*.sectionTwoWrapper, .sectionThreeWrapper, .sectionFourWrapper {*/
    /*    display: flex;*/
    /*    flex-flow: column wrap;*/
    /*    margin: auto;*/
    /*    align-items: center;*/
    /*}*/
    /*.sectionTwoContent {flex-direction: column; align-items: center}*/
    .twoContentLeft {padding: 0}
    .twoLeftImg {
        padding-bottom: 27px;
        padding-right: 34px;
    }
    .twoLeftBlockContent {
        padding-bottom: 19px;
    }
    li i {margin-top: 9px;}
    .twoLeftBlockItemText {font-size: 14px; line-height: 24px;}
    .twoContentRightText {font-size: 14px; line-height: 24px;}
    .twoContentRightText:first-child {
        padding-bottom: 20px;
    }
    .sectionTwo, .sectionFour {
        padding: 50px 0;
    }
    .sectionThree {
        padding-top: 50px;
    }
    .sectionThreeWrapper {
        font-size: 14px;
        line-height: 24px;
    }
    .sectionThreeTabs {padding-bottom: 35px}
    .sectionThreeTab {font-size: 14px;}
    .threeContentText {padding-bottom: 35px;}
    .sectionFourWrapper {
        font-size: 14px;
        line-height: 24px;
    }
    .sectionFourTitle {padding-bottom: 55px;}
    /*.sectionFourUpperBlock {*/
    /*    flex-direction: column;*/
    /*    align-items: center;*/
    /*    padding-bottom: 20px;*/
    /*}*/
    .sectionFourUpperBlock {padding: 0}
    .fourUpperBlockImg {padding-right: 34px; padding-bottom: 55px;}
    .fourUpperBlockText {line-height: 25px; padding-bottom: 20px;}
    .middleLeftBlockText, .middleRightBlockText {text-align: center}
    .middleLeftBlockText:nth-child(2) {line-height: 3.45;}
    .footer {padding: 55px 0;}
    .footerContent {flex-direction: column; align-items: flex-start;}
    .footerText:nth-child(2) {padding-bottom: 40px;}
    .list li:last-child {padding-bottom: 0;}
    .twoLeftIm, .fourUpperImg {width: 315px;}
    .sectionTwoTitle, .sectionThreeTitle, .sectionFourTitle, .footerTitle {font-size: 20px;}
    .twoLeftBlockTitle {font-size: 20px;}
    .footerText {font-size: 14px; line-height: 24px;}
}

@media only screen and (max-width: 600px) {
    .container {padding: 0 19px;}
    .sectionOneWrapper {display: none;}
    .sectionOneMobileWrapper {display: flex!important;}
    .sectionTwoWrapper, .sectionThreeWrapper, .sectionFourWrapper {
        display: flex;
        flex-flow: column wrap;
        margin: auto;

    }
    .sectionTwoContent {flex-direction: column; align-items: center}
    .twoLeftImg, .fourUpperBlockImg {padding-right: 0;}
    .sectionFourUpperBlock {
        flex-direction: column;
        padding-bottom: 20px;
        align-items: center;
    }
    .sectionOne {height: 530px; background: #801338;}

}

/*@media only screen and (max-width: 497px) {*/
/*    .sectionFourWrapper {font-size: 14px;}*/
/*    .fourUpperImg, .twoLeftIm {width: 320px;}*/
/*    .twoLeftImg {display: flex; justify-content: center;}*/
/*}*/

@media only screen and (max-width: 375px) {
    .fourUpperImg, .twoLeftIm {width: 280px;}
}

@media only screen and (min-width: 320px) and (max-width: 346px) {
    .middleLeftBlockText:nth-child(2) {line-height: 6.9;}
	.middleLeftBlockText:nth-child(3) {line-height: 3.44;}
}

@media only screen and (min-width: 347px) and (max-width: 466px) {
    .middleLeftBlockText:nth-child(2) {line-height: 5.15;}
}