.hero-slant {
    height: auto;
}
.container.hero {
    padding-top: 80px;
    padding-bottom: 160px;
}
.map-big {

}
.map-little, .logomob {
    display: none;
}
.main-slider {
    max-width: 1160px;
    /*height: 403px;*/
    margin: auto;
    background: #5AACF8;
    box-shadow: 0px 15.1333px 44.4361px #83a7c8;
    border-radius: 16.8147px;margin-top: -120px;
}
.slide {
    background-repeat: no-repeat;
    background-position: right 10% top 14%;
}
.slide .photo {
    padding-left: 44px;
}
.slide .photo img {
    margin: auto;
    height: 403px;
    filter: drop-shadow(6px 9px 25px rgba(0, 0, 0, 0.19));
}
.owl-carousel .owl-item img {
    width: auto!important;
}
.slide .text-block {
    padding-bottom: 50px;
    padding-right: 55px;
    padding-top: 75px;
}
.slide h2 {
    font-family: 'Graphik LCG', Roboto, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 44px;
    line-height: 55px;
    letter-spacing: -0.035em;
    text-transform: uppercase;
    color: #FFF500;
}
.slide h3 {
    font-family: 'Graphik LCG', Roboto, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 26.9036px;
    line-height: 41px;
    color: #FFFFFF;
}
.slide p {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #FFFFFF;
}
.join-button-section {
    padding-top: 80px;
}
.join-button-section .container {
    width: 1050px;
}
.join-button-section .btn.join {
    filter: drop-shadow(0px 6px 8px rgba(0, 0, 0, 0.15));
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    text-transform: uppercase;
    color: #FFF500;
    background: #5AACF8;
    border: 3px solid #5AACF8;
    border-radius: 10px;
    padding: 27px 37px;
}
.join-button-section .btn.join:hover {
    background: #FFFFFF;
    border: 3px solid #5AACF8;
    color: #5AACF8;
}
.buy-off-section .container {
    width: 1050px;
    padding-top: 130px;
}
.buy-off-section h2 {
    font-family: 'Graphik LCG', Roboto, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    line-height: 55px;
    letter-spacing: -0.035em;
    text-transform: uppercase;
    color: #5AACF8;
    margin-bottom: 30px;
}
.buy-off-section p {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #000000;
}
.buy-off-section .collage {
    margin-left: -56px;
    margin-top: -61px;
}
.insert-manifest-section .container {
    max-width: 1050px;
}
.insert-manifest-section .container .box {
    background: #5AACF8;
    border-radius: 8px;
    padding: 46px 23px 34px 23px;
}
.insert-manifest-section h2 {
    color: #FFF500;
    font-family: 'Graphik LCG', Roboto, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    line-height: 55px;
    text-align: center;
    letter-spacing: -0.035em;
    text-transform: uppercase;
    margin-bottom: 25px;
}
.insert-manifest-section p {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: white;
}
.insert-section, .footer-section {
    padding-top: 35px;
}
.insert-section .container, .footer-section .container {
    max-width: 1050px;
}
.insert-section .container .box, .footer-section .container .box {
    border-radius: 4px;
    padding: 23px 23px 10px 23px;
}
.insert-section h2 {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 22px;
    color: #5AACF8;
}
.insert-section p, .footer-section p {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #282828;
}
.insert-section a, .footer-section a {
    color: #5AACF8;
}
.insert-section a:hover, .footer-section a:hover {
    color: #FFF500;
}
.steps-section {
    padding-top: 40px;
}
.steps-section .container {
    width: 1050.24px;
}
.steps-section .box {
    height: 100%;
    border: 1.69358px solid #5AACF8;
    border-radius: 8.46792px;
    text-align: center;
    padding: 34px 0 14px 0;
    /*background: url(images/arr-right.png);*/
}
.steps-section .box img {
    margin-bottom: 15px;
}
.steps-section .box img.arr-right {
    position: absolute;
    right: 0;
    top: 41%;
}
.steps-section .box img.arr-bottom {
    display: none;
}
.steps-section .box h2 {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #1C1C1C;
}
.step-post .container {
    padding-top: 40px;
}
.step-post .container {
    max-width: 1050px;
}
.step-post p {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    color: #000000;
}
.puzzle-members-title-section {
    padding-top: 75px;
}
.puzzle-members-title-section h2 {
    font-family: 'Graphik LCG', Roboto, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 50px;
    line-height: 55px;
    text-align: center;
    letter-spacing: -0.035em;
    text-transform: uppercase;
    color: #5AACF8;
}
.puzzle-members-section {
    padding-top: 50px;
}
.puzzle-members-section .container {
    /*background-image: url(images/puzzle0.png);*/
    width: 960px;
    /*height: 905px;*/
    /*background-size: 1050px;*/
}

.puzzle-members-section {
    background-image: url(images/shadow.png);
}




.puzzle-members-section .container .member-logo {
    height: 320px;
    background-repeat: no-repeat;
    display: flex;
    width: 320px;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.puzzle-members-section .container div.member-logo:nth-child(1) {
    background-image: url(images/slice_desktop/1.png);
}
.puzzle-members-section .container div.member-logo:nth-child(2) {
    background-image: url(images/slice_desktop/2.png);
}
.puzzle-members-section .container div.member-logo:nth-child(3) {
    background-image: url(images/slice_desktop/3.png);
}
/*4*/
.puzzle-members-section .container div.member-logo:nth-child(6n+4) {
    background-image: url(images/slice_desktop/4.png);
}
.puzzle-members-section .container div.member-logo:nth-child(6n+4):nth-last-child(3) {
    background-image: url(images/slice_desktop/4.png), url(images/shadow.png);
    background-blend-mode: overlay;
}
/*5*/
.puzzle-members-section .container div.member-logo:nth-child(6n+5) {
    background-image: url(images/slice_desktop/5.png);
}
.puzzle-members-section .container div.member-logo:nth-child(6n+5):nth-last-child(2) {
    background-image: url(images/slice_desktop/5.png), url(images/shadow.png);
    background-blend-mode: overlay;
}
/*6*/
.puzzle-members-section .container div.member-logo:nth-child(6n)  {
    background-image: url(images/slice_desktop/6.png);
}
.puzzle-members-section .container div.member-logo:nth-child(6n):last-child {
    background-image: url(images/slice_desktop/6.png), url(images/shadow.png);
    background-blend-mode: overlay;
}
/*7*/
.puzzle-members-section .container div.member-logo:nth-child(6n+7) {
    background-image: url(images/slice_desktop/7.png);
}
.puzzle-members-section .container div.member-logo:nth-child(6n+7):nth-last-child(3) {
    background-image: url(images/slice_desktop/7.png), url(images/shadow.png);
    background-blend-mode: overlay;
}
/*8*/
.puzzle-members-section .container div.member-logo:nth-child(6n+8) {
    background-image: url(images/slice_desktop/8.png);
}
.puzzle-members-section .container div.member-logo:nth-child(6n+8):nth-last-child(2) {
    background-image: url(images/slice_desktop/8.png), url(images/shadow.png);
    background-blend-mode: overlay;
}
/*9*/
.puzzle-members-section .container div.member-logo:nth-child(6n+9) {
    background-image: url(images/slice_desktop/9.png);
}
.puzzle-members-section .container div.member-logo:nth-child(6n+9):last-child {
    background-image: url(images/slice_desktop/9.png), url(images/shadow.png);
    background-blend-mode: overlay;
}



.member-logo img {
    max-width: 180px;
    max-height: 180px;
}
.members-offer-section {
    padding-top: 60px;
}
.members-offer-section .container {
    max-width: 1050px;
}
.join-section {
    padding-top: 30px;
}
.join-section .container {
    background-repeat: no-repeat;
    background-position: center;
    height: 353px;
    padding: 165px; 
    margin-bottom: 200px;
    text-align: center;
}
.join-section h2, .join-section button {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 44px;
    line-height: 49px;
    text-transform: uppercase;
    color: #FFF85A;
    text-align: center;
    background: unset!important;
    border: none;
    padding: 0;
}
.members-offer-section p {
    font-family: Roboto, sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 20px;
    line-height: 23px;
    text-align: center;
    color: #000000;
}




/* ------------  */

@media (max-width: 1200px) {
.hero-slant, .hero-slant > .container > .row {
    /*height: 810px;*/
}
.main-slider {
    height: auto;
}
.slide {
    background-position: right 4% top 10%;
    background-size: 150px;
}
.slide .text-block {
    padding-bottom: 20px;
}
.join-button-section .container {
    width: 939px;
}
.buy-off-section .container, .insert-manifest-section .container, .insert-section .container, .steps-section .container, .puzzle-members-section .container, .steps-section .container {
    width: 95%;
}
.insert-manifest-section .container {
    max-width: 939px;
}

.insert-section .container {
    max-width: 939px;
}

.buy-off-section .collage {
    margin-top: 0;
}
.steps-section .container {
    max-width: 939px;
}
.step-post .container {
    max-width: 939px;
}
.steps-section .box h2 {
    font-size: 18px;
}
.puzzle-members-section .container {
    width: 960px;
    /*height: 800px;*/
    /*background-size: 960px 800px;*/
    /*background-repeat: no-repeat;*/
}
.puzzle-members-section .member-logo {
    /*background-position: 50%;*/
}
.puzzle-members-section .container {
    /*background-image: url(images/puzzle0.png);*/
    width: 960px;
    /*background-size: 960px;*/
}
.puzzle-members-section .container .member-logo {
    /*height: 316px;*/
    /*background-size: 55%;*/
}
}


@media (max-width: 992px)  {
.quotes {
    padding-bottom: 70px;
}
.main-slider {
    box-shadow: 0px 8.7238px 26.1714px rgba(131, 167, 200, 0.5);
    border-radius: 11.6317px;
}
.container.hero {
    padding: 20px 0 190px 0;
}
.container .main-slider {
    margin-top: -185px!important;
}
.slide {
    background-position: right 4% top 10%;
    background-size: 150px;
}
.slide .photo {
    padding-left: 0;
}
.slide .photo img {
    height: 206px;
}
.slide .text-block {
    padding: 23px 42px 20px;
}
.slide h2 {
    font-size: 34px;
    line-height: 34px;
}
.slide h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 26px;
}
.slide p {
    font-size: 14px;
    line-height: 16px;
}
.join-button-section {
    padding-top: 80px;
}
.join-button-section .container {
    width: 939px;
}
.join-button-section .btn.join {
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
    font-size: 18px;
    line-height: 21px;
    border: 3px solid #5AACF8;
    border-radius: 4px;
    padding: 15px 25px;
}
.join-button-section .btn.join:hover {
    background: #FFFFFF;
    border: 3px solid #5AACF8;
    color: #5AACF8;
}
.buy-off-section .container {
    padding-top: 90px;
}
.buy-off-section .collage {
    text-align: center;
    margin: auto;
}
.buy-off-section .collage img {
    width: 100%;
}
.buy-off-section h2 {
    font-size: 34px;
    line-height: 34px;
    text-align: center;
    letter-spacing: -0.035em;
}
.buy-off-section p {
    font-size: 16px;
    line-height: 19px;
}
.insert-manifest-section .container {
    max-width: 720px;
}
.insert-manifest-section .container .box {
    width: unset;
    border-radius: 6px;
}
.insert-manifest-section h2 {
    font-size: 34px;
    line-height: 55px;
    font-size: 34px;
    line-height: 55px;
}
.insert-manifest-section p {
    font-size: 16px;
    line-height: 19px;
}
.insert-section .container {
    max-width: 720px;
}
.insert-section .container .box {
    width: unset;
    border-radius: 6px;
}
.insert-section h2, .insert-section p {
    font-size: 16px;
    line-height: 19px;
}
.steps-section {
    padding-top: 40px;
}
.steps-section .box {
    margin-bottom: 40px;
}
.steps-section .box {
    margin-bottom: 40px;
}
.steps-section .box img.arr-right {
    display: none;
}
.steps-section .box img.arr-bottom {
    display: block;
    position: absolute;
    bottom: 11px;
    left: calc(50% + -20px);
}
.steps-section .box img.icon {
    height: 123px;
}
.step-post .container {
    width: 95%;
}
.step-post p {
    font-size: 16px;
    line-height: 19px;
}
.puzzle-members-title-section {
    padding-top: 90px;
}
.puzzle-members-title-section h2 {
    font-size: 34px;
    line-height: 34px;
}
.puzzle-members-section {
    padding-top: 30px;
}
.puzzle-members-section .container {
    height: unset;
}
.puzzle-members-section .container {
    /*background-image: url(images/puzzle1.png);*/
    width: 640px;
    /*background-size: 690px;*/
}
.puzzle-members-section .container .member-logo {
    /*height: 345px;*/
    /*background-size: 55%;*/
}

.puzzle-members-section .container div.member-logo:nth-child(1) {
    background-image: url(images/slice_mob/1.png);
}
.puzzle-members-section .container div.member-logo:nth-child(2) {
    background-image: url(images/slice_mob/2.png);
}
/*3*/
.puzzle-members-section .container div.member-logo:nth-child(4n+3) {
    background-image: url(images/slice_mob/3.png)!important;
}
.puzzle-members-section .container div.member-logo:nth-child(4n+3):nth-last-child(2) {
    background-image: url(images/slice_mob/3.png), url(images/shadow.png)!important;
    background-blend-mode: overlay;
}
/*4*/
.puzzle-members-section .container div.member-logo:nth-child(4n) {
    background-image: url(images/slice_mob/4.png)!important;
}
.puzzle-members-section .container div.member-logo:nth-child(4n):last-child {
    background-image: url(images/slice_mob/4.png), url(images/shadow.png)!important;
    background-blend-mode: overlay;
}
/*5*/
.puzzle-members-section .container div.member-logo:nth-child(4n+5) {
    background-image: url(images/slice_mob/5.png)!important;
}
.puzzle-members-section .container div.member-logo:nth-child(4n+5):nth-last-child(2) {
    background-image: url(images/slice_mob/5.png), url(images/shadow.png)!important;
    background-blend-mode: overlay;
}
/*6*/
.puzzle-members-section .container div.member-logo:nth-child(4n+6) {
    background-image: url(images/slice_mob/6.png)!important;
}
.puzzle-members-section .container div.member-logo:nth-child(4n+6):last-child {
    background-image: url(images/slice_mob/6.png), url(images/shadow.png)!important;
    background-blend-mode: overlay;
}


.logodesk {
    display: none;
}
.logomob {
    display: block;
}

.members-offer-section {
    padding-top: 50px;
}
.join-section {
    padding-top: 25px;
}
.join-section .container {
    background-size: 230px;
    padding: 54px;
    height: 143px;
}
.join-section h2, .join-section button {
    font-size: 17.8199px;
    line-height: 20px;
    margin-top: 10px;
}
}


@media (max-width: 768px)  {

.join-button-section {
    padding-top: 80px;
}
.join-button-section .container {
    width: unset;
    padding-left: unset;
    padding-right: unset;
}
.join-button-section .btn.join {
    width: 100%;
}
.join-button-section .btn.join:hover {
    background: #FFFFFF;
    border: 3px solid #5AACF8;
    color: #5AACF8;
}
.map-little {
    display: block;
    max-width: 100%;
    margin: auto;
}
.map-big{
    display: none;
}
.puzzle-members-section .container {
    /*background-image: url(images/puzzle2.png);*/
    width: 450px;
    /*background-size: 540px;*/
}
.puzzle-members-section .container .member-logo {
    height: 225px;
    background-size: 100%;
}
.puzzle-members-section .container .member-logo img {
    max-width: 120px;
    max-height: 120px;
}
}


@media (max-width: 576px) {
.slide {
    background-position: left 17% top 93px;
    background-size: 150px;
}
.owl-carousel .owl-item img {
    float: right;
    padding-right: 10%;
}
.puzzle-members-section .container {
    /*background-image: url(images/puzzle3.png);*/
    width: 300px;
    /*background-size: 387px;*/
}
.puzzle-members-section .container .member-logo {
    height: 150px;
    background-size: 100%;
}
.puzzle-members-section .container .member-logo img{
    max-width: 85px;
    max-height: 85px;
}

}