.main-page .modal_window_info{ font-size: 18px; } .main-page .confidential_container { line-height: 17px; color: #7c7c7c; } .main-page .confidential_container a{ color: #7c7c7c !important; } .main-page .bs-w h2{ font-size: 37px; } .main-page .base-wrap-comanda2 { background: #fff; } .main-page .zag-s{ font-size: 22px; } .my-name h2{ margin: 0; line-height: 1.2; } .wrap-body .header + .content .container{ width: 100%; padding: 0; } .wrap-body h2, .wrap-body h3, .wrap-body h4{ margin: 0; line-height: 1.2; } /*.wrap-body .header{ margin-bottom: 0; }*/ .wrap-body h1.section_title{ display: none; } .wrap-n{ margin: 0 auto; max-width: 1170px; } .base-wrap{ padding: 0 15px; } .base-wrap-top{ background: #FBF6EB; } .block-top-n__cont{ max-width: 675px; } .mz, .sb{ font-weight: 400; font-size: 16px; line-height: 97.5%; color: #83665F; display: block; margin-bottom: 7px; } .block-top-n__cont h2{ font-size: 52px; color: #333; margin-bottom: 3px; font-family: 'Adelle Cyrillic'; } .sb{ margin-bottom: 17px; font-weight: bold; font-size: 20px; } .block-top-n__cont p{ font-weight: 400; font-size: 18px; line-height: 26px; color: #83665F; margin-bottom: 55px; } .sm-v{ position: relative; display: table; padding-left: 40px; font-weight: 700; font-size: 18px; line-height: 22px; color: #83665F; } .sm-v:before{ content: ''; display: block; position: absolute; left: 0; top:50%; background: url('/images/vd.png') no-repeat; width: 30px; height: 34px; transform: translate(0, -50%); } .base-wrap-top .block-top-n{ padding-top: 30px; padding-bottom: 115px; position: relative; } .base-wrap-top.my-name .block-top-n{ padding-top: 98px; } .img-top-n{ position: absolute; right: 0; bottom: 0; } .d-flex-n{ display: flex; } .crumbs-n{ list-style: none; margin: 0; padding: 0; margin-bottom: 95px; } .crumbs-n li{ margin-right: 15px; position: relative; } .crumbs-n li:last-child{ margin-right: 0; } .crumbs-n li, .crumbs-n a, .crumbs-n li:before{ font-weight: 400; font-size: 12px; line-height: 15px; color: #83665F; } .crumbs-n li:before{ content: '/'; display: block; position: absolute; right: -9px; } .crumbs-n li:last-child:before{ display: none; } .slider-st__wrap{ position: relative; } .slider-st__wrap img{ width: auto!important; max-width: 100%; } .wrap-ns{ position: relative; } .slide-n{ max-width: 674px; } .slider-st__cont{ width: 100vw; max-width: 665px; position: absolute; z-index: 2; right: 0; top: 50%; transform: translate(0, -50%); padding: 50px; padding-left: 55px; padding-right: 44px; background: #FFFFFF; border-radius: 20px; box-sizing: border-box; min-height: 465px; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .slider-st__cont h2{ display: table; position: relative; padding-bottom: 7px; font-family: 'Adelle Cyrillic'; font-weight: 400; font-size: 52px; line-height: 65px; color: #83665F; margin-bottom: 37px; } /* .slider-st__cont h2:before{ content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: #83665F; } */ .slider-st__cont p{ font-weight: 400; font-size: 18px; line-height: 26px; color: #83665F; width: 100%; } .wrap-body .header + .content .container.wrap-nn{ padding-bottom: 110px; } .owl-carousel-style .owl-dots button{ width: 16px; height: 16px; border-radius: 50%; border: 2px solid #fff!important; display: inline-block; margin-right: 8px; } .owl-carousel-style .owl-dots button.active{ background: #fff; } .owl-carousel-style .owl-dots button:last-child{ margin-right: 0; } .owl-carousel-style .owl-dots{ position: absolute; z-index: 4; bottom: 35px; left: 0; right: 0; text-align: center; font-size: 0; } .hh{ height: 100px; } .owl-carousel-style .owl-nav{ display: none; } .base-wrap-comanda{ background: #E9E9E9; } .base-wrap-comanda .wrap-n{ padding: 55px 0; } .bs-w{ max-width: 772px; } .bs-w h2{ margin-bottom: 20px; font-family: 'Adelle Cyrillic'; font-weight: 400; font-size: 52px; line-height: 1.3; color: #83665F; } .bs-w p{ font-weight: 400; font-size: 18px; line-height: 24px; color: #83665F; margin-bottom: 51px; } .wrap-img-s{ position: relative; line-height: 0; margin-bottom: 15px; } .wrap-img-s:before{ content: ''; display: block; position: absolute; transition: 0.25s; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0, 0, 0, 0); border-radius: 20px; z-index: 1; } .wrap-img-s:hover:before{ background: rgba(0, 0, 0, 0.5); } .wrap-img-s img{ border-radius: 20px; } .bs-dat__name{ display: block; font-family: 'Adelle Cyrillic'; font-weight: 400; font-size: 22px; line-height: 28px; color: #83665F; margin-bottom: 1px; } .bs-dat__dol{ display: block; font-weight: 400; font-size: 18px; line-height: 22px; color: #83665F; } .txt-hov{ position: absolute; left: 20px; right: 20px; bottom: 30px; display: none; z-index: 2; } .txt-hov, .txt-hov p{ font-weight: 400; font-size: 14px; line-height: 17px; color: #FFFFFF; margin-bottom: 0; } .wrap-img-s:hover .txt-hov{ display: block; } .owl-carousel-style2 .owl-dots, .mm_about_us_block .owl-carousel-style2 .owl-dots{ display: none; } .owl-carousel1 .owl-dots{ display: block; } .owl-carousel-style2 .owl-nav button, .mm_about_us_block .owl-carousel-style2.owl-carousel4 .owl-nav div{ position: absolute; top: 50%; margin-top: -50px; width: 100px; height: 100px; display: block; } .owl-carousel01 .owl-nav button{ margin-top: -64px; } .owl-carousel-style2 .owl-nav button.owl-prev, .mm_about_us_block .owl-carousel-style2 .owl-nav .owl-prev{ left: -90px; background: url('/images/left.png') no-repeat!important; } .owl-carousel-style2 .owl-nav button.owl-next, .mm_about_us_block .owl-carousel-style2 .owl-nav .owl-next{ right: -90px; background: url('/images/right.png') no-repeat!important; } .base-wrap-comanda2 .wrap-n{ padding: 90px 0 80px; } .base-wrap-comanda2{ background: #f5f5f5; } .slider-bs2 img{ border-radius: 20px; } .img-wrap-bs2{ position: relative; line-height: 0; } .bs2-info{ bottom: 25px; left: 25px; right: 25px; position: absolute; } .zag-s{ margin-bottom: 7px; display: block; font-family: 'Adelle Cyrillic'; font-weight: 400; font-size: 21px; line-height: 28px; color: #FFFFFF; } .desc{ display: flex; font-weight: 400; font-size: 18px; line-height: 24px; color: #FFFFFF; align-items: center; justify-content: space-between; } .desc p{ margin-bottom: 0; font-family: 'Oswald'; } .st{ display: block; margin-left: 5px; width: 50px; height: 50px; min-height: 50px; min-width: 50px; border-radius: 50%; background: #FFF url('/images/st.png') center center no-repeat; opacity: 0; transition: 0.25s; } .slider-bs2 .items:hover .st{ opacity: 1; } .loader-video{ position: absolute; left: 0; right: 0; margin: 0 auto; top: 50%; transform: translate(0, -50%); width: auto!important; border-radius: 0!important; } .owl-carousel .owl-item .loader-video{ display: none!important; } .owl-carousel .owl-item .yt{ display: none!important; } .slider-bs2 .items{ display: block; } .slider-bs3-wrap{ background: #fff; border-radius: 0px 0px 20px 20px; /* flex-wrap: wrap; display: flex; align-items: center; */ padding: 37px 30px 30px; box-sizing: border-box; min-height: 239px; position: relative; } .name-bs3{ display: block; margin-bottom: 1px; font-family: 'Adelle Cyrillic'; font-weight: 400; font-size: 22px; line-height: 28px; color: #83665F; } .slider-bs3__cont p{ margin-bottom: 0; font-family: 'Oswald'; font-weight: 400; font-size: 14px; line-height: 17px; color: #83665F; } .base-wrap-comanda3{ background: #f5f5f5; } .yt{ width: auto!important; margin-bottom: 30px; } .hover-bl{ position: absolute; left: 0; right: 0; bottom: -50px; background: #ffffff; border-radius: 0px 0px 20px 20px; padding: 30px 30px; box-sizing: border-box; display: none; } .owl-carousel4 .owl-item:nth-child(2n) .hover-bl { background: #83665F; } .base-wrap-comanda3 .wrap-n{ padding-bottom: 69px; } .owl-carousel4 .owl-stage-outer{ padding-bottom: 50px; } .owl-carousel4 .more-bl{ font-family: 'Proxima Nova'; font-weight: 400; font-size: 16px; line-height: 19px; color: #83665F; display: table; padding-right: 27px; position: relative; } .owl-carousel4 .owl-item:nth-child(2n) .more-bl{ color: #FFFFFF!important; } .more-bl:before{ content: ''; display: block; position: absolute; right: 0; top:50%; width: 21px; height: 8px; background: url('/upload/r-black.svg') no-repeat; transform: translate(0, -50%); } .owl-carousel4 .owl-item:nth-child(2n) .more-bl:before { background: url('/images/r.png') no-repeat; } .owl-carousel4 .items:hover .hover-bl{ display: block; } .owl-carousel4 .owl-item:nth-child(2n) .slider-bs3-wrap{ background: #333; } .owl-carousel4 .owl-item:nth-child(2n) .slider-bs3__cont p, .owl-carousel4 .owl-item:nth-child(2n) .name-bs3{ color: #fff; } .owl-carousel-style2.owl-carousel4 .owl-nav button, .mm_about_us_block .owl-carousel-style2.owl-carousel4 .owl-nav div{ margin-top: -75px; } .bs-w2{ display: flex; align-items: center; justify-content: space-between; } .bs-w2 .bs-w p{ margin-bottom: 25px; } .contact-n{ display: flex; justify-content: space-between; } .contact-n a{ display: block; margin-right: 5px; position: relative; font-family: 'Proxima Nova'; font-weight: 600; font-size: 28px; line-height: 34px; color: #83665F; } .contact-n a:last-child{ margin-right: 0; } .contact-n2, .contact-n3{ padding-left: 32px; } .contact-n2:before, .contact-n3:before{ content: ''; display: block; position: absolute; left: 0; top:50%; transform: translate(0, -50%); } .contact-n2:before{ background: url('/images/s1.png') no-repeat; width: 30px; height: 30px; } .contact-n3:before{ background: url('/images/s2.png') no-repeat; width: 30px; height: 30px; } .bs-w2 .bs-w{ max-width: 725px; } .base-wrap-topslider{ background: #f5f5f5; } .main-page .base-wrap-topslider{ background: #fff; } .base-wrap-topslider .wrap-n{ padding: 80px 0 60px; } .owl-carousel01 img{ border-radius: 50%; } .owl-carousel01 .items{ display: block; position: relative; line-height: 0; } .owl-carousel01 .loader-video{ position: absolute; left: 0; right: 0; top: 50%; transform: translate(0, -50%); margin: 0 auto; opacity: 0; transition: 0.25s; } .owl-carousel01 .items .loader-video{ opacity: 1; } .base-wrap-comanda3 .bs-w h2{ margin-bottom: 55px; } .wrap-nn{ padding-left: 15px!important; padding-right: 15px!important; } .base-wrap-comanda, .base-wrap-comanda2, .base-wrap-comanda3, .base-wrap-top, .about-container{ overflow-x: hidden; } .owl-carousel1 .owl-nav{ display: none; } .item-pl{ width: 92%; position: absolute; bottom: -28px; left: 0; right: 0; margin: 0 auto; text-align: center; box-sizing: border-box; background: #333; padding: 24px 12px; /*display: none;*/ } .item-pl span{ display: inline-block; font-family: 'Adelle Cyrillic'; font-weight: 400; font-size: 18px; line-height: 22px; color: #FFFFFF; /*padding-bottom: 9px;*/ position: relative; } /*.item-pl span:before{ content: ''; display: block; position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: #fff; }*/ .owl-carousel01 .owl-stage-outer{ padding-bottom: 28px; } .owl-carousel01 .items:hover .item-pl{ display: block; } .owl-carousel01 .items:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; border-radius: 50%; background: rgba(0, 0, 0, 0); transition: 0.25s; } .owl-carousel01 .items:hover:before{ /*background: rgba(0, 0, 0, 0.5);*/ } .owl-carousel5-popup { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 40%; } .owl-carousel5 .owl-nav button.owl-prev { left: -50px; } .owl-carousel5 .owl-nav button.owl-next { right: -50px; } .owl-carousel5-popup-close { content: ''; display: block; position: absolute; background: url('/upload/popup-close.svg') no-repeat; background-size: 50px 50px; top: -10px; right: -50px; width: 50px; height: 50px; z-index: 99; cursor: pointer; } .owl-carousel5 .owl-dots { bottom: -30px; } .mini_basket { /*display: none;*/ } .owl-carousel5-popup .owl-nav, .owl-carousel5-popup .owl-dots { display: block; } @media screen and (max-width: 1024px) { .owl-carousel5-popup { width: 75%; } } /* responsive */ @media screen and (max-width: 1315px) { .owl-wrap{ padding: 0 75px; } } @media screen and (max-width: 1120px) { .block-top-n__cont{ max-width: 50%; } .desc{ font-size: 14px; line-height: 1.2; } .zag-s{ font-size: 18px; line-height: 1.2; } .owl-carousel3 .loader-video{ top: 40%; } } @media screen and (max-width: 820px) { .img-top-n{ position: static; display: table; margin: 0 auto; } .block-top-n__cont{ max-width: 100%; margin-bottom: 35px; } .block-top-n__cont p{ margin-bottom: 40px; } .base-wrap-top .block-top-n { padding-bottom: 0; } .crumbs-n{ margin-bottom: 30px; } .base-wrap-topslider .wrap-n { padding: 40px 0; } .bs-w h2, .slider-st__cont h2{ margin-bottom: 25px; font-size: 38px; line-height: 1.2; } .slider-st__cont{ min-height: auto; padding: 45px; } .owl-wrap { padding: 0 65px; } .bs-dat__name{ font-size: 18px; } .wrap-body .header + .content .container.wrap-nn { padding-bottom: 50px; } .base-wrap-comanda2 .wrap-n { padding: 50px 0 55px; } .base-wrap-comanda3 .bs-w h2 { margin-bottom: 20px; } .contact-n a{ font-size: 20px; } } @media screen and (max-width: 767px) { .bs-w h2, .slider-st__cont h2 { margin-bottom: 20px; font-size: 32px; } .bs-w p, .slider-st__cont p{ font-size: 16px; line-height: 1.2; } .owl-carousel3 .loader-video { top: 30%; } .base-wrap-comanda3 .wrap-n { padding-bottom: 20px; } .item-pl span{ font-size: 14px; /*padding-bottom: 5px;*/ line-height: 1.2; } .item-pl span:before{ height: 3px; } .item-pl { padding: 15px 12px; } .owl-carousel01 .loader-video{ width: 32px; height: 40px; } } @media screen and (max-width: 599px) { .owl-carousel4 .items .hover-bl{ display: block; } .base-wrap-comanda2, .base-wrap-comanda3{ overflow-x: hidden; padding-right: 0; } .base-wrap-comanda2 .owl-wrap, .base-wrap-comanda3 .owl-wrap{ padding: 0; } .owl-carousel3, .base-wrap-comanda2 .owl-wrap, .owl-carousel4, .base-wrap-comanda3 .owl-wrap{ width: 650px; } .owl-carousel3 .owl-nav, .owl-carousel4 .owl-nav{ display: none; } .slider-st__cont{ padding: 20px; } .base-wrap-comanda2 .bs-w, .base-wrap-comanda3 .bs-w{ padding-right: 15px; } .loader-video{ width: 40px; height: 52px; } .owl-carousel3 .loader-video{ top: 45%; } .contact-n a { font-size: 17px; } .owl-carousel-style2 .owl-dots, .mm_about_us_block .owl-carousel-style2 .owl-dots{ display: none; position: absolute; bottom: -60px; left: 0; right: 0; justify-content: center; } .owl-carousel1 .owl-dots, .base-wrap-comanda2 .owl-dots, .base-wrap-comanda3 .owl-dots{ display: flex; } .base-wrap-comanda2 .wrap-n{ padding-bottom: 70px; } .base-wrap-comanda3{ padding-top: 30px; } .base-wrap-comanda3 .owl-dots{ bottom: -30px; } .mm_about_us_block .owl-carousel4 .owl-dots{ bottom: -10px; } .owl-carousel4 .owl-stage-outer { padding-bottom: 80px; } .bs-w2{ padding-top: 40px; } .owl-carousel-style2 .owl-dots button, .mm_about_us_block .owl-carousel-style2 .owl-dots div{ display: block; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #83665F!important; box-sizing: border-box; margin-right: 8px; } .owl-carousel-style2 .owl-dots button:last-child, .mm_about_us_block .owl-carousel-style2 .owl-dots div:last-child{ margin-right: 0; } .owl-carousel-style2 .owl-dots button.active, .mm_about_us_block .owl-carousel-style2 .owl-dots div.active{ background: #333; } .owl-carousel3 .owl-dots, .owl-carousel4 .owl-dots, .mm_about_us_block .owl-carousel4 .owl-dots{ display: table; left: 50vw; transform: translate(-50%, 0); right: auto; font-size: 0; } .owl-carousel3 .owl-dots button, .owl-carousel4 .owl-dots button, .mm_about_us_block .owl-carousel4 .owl-dots div{ display: inline-block; } .item-pl span{ font-size: 18px } } @media screen and (max-width: 480px) { .mz, .about-road .main-title{ font-size: 20px; } .block-top-n__cont h2{ font-size: 38px; font-weight: 400; } .sb{ font-size: 18px; } .block-top-n__cont p{ font-size: 14px; line-height: 1.2; } .img-top-n{ max-width: 400px; } .bs-w h2, .slider-st__cont h2{ margin-bottom: 12px; font-size: 20px; } .bs-w p, .slider-st__cont p{ font-size: 14px; } .base-wrap-topslider .owl-wrap{ padding: 0 35px; } .base-wrap-topslider .owl-carousel-style2 .owl-nav button.owl-prev, .mm_about_us_block .owl-carousel-style2 .owl-nav divowl-prev{ left: -60px; } .base-wrap-topslider .owl-carousel-style2 .owl-nav button.owl-next, .mm_about_us_block .owl-carousel-style2 .owl-nav div.owl-next{ right: -60px; } .owl-carousel01 .loader-video{ opacity: 1; } .base-wrap-topslider{ background: #f9f9f9; } .slider-st__cont{ position: relative; z-index: 2; left: 0; right: 0; top: -40px; bottom: 0; transform: translate(0, 0); max-width: 92%; margin: 0 auto; } .slider-st__cont h2:before{ display: none; } .owl-carousel1 .owl-dots{ bottom: 70px; } .owl-carousel1 .owl-nav{ display: block; } .owl-carousel1 .owl-nav button.owl-prev{ left: 0; } .owl-carousel1 .owl-nav button.owl-next{ right: 0; } .owl-carousel1 .owl-dots button.active { background: #fff; } .owl-carousel1 .owl-dots button { background: #333; border: 2px solid #fff!important; } .slider-st__cont p{ margin-bottom: 0; } .hh{ height: 10px; } .base-wrap-comanda .owl-wrap{ padding: 0; } .base-wrap-comanda .owl-nav button.owl-prev{ left: -25px; } .base-wrap-comanda .owl-nav button.owl-next{ right: -25px; } .base-wrap-comanda .owl-nav button.owl-prev, .base-wrap-comanda .owl-nav button.owl-next{ top: calc(50% - 31px); } .bs-dat__dol{ font-size: 14px; } .base-wrap-comanda .owl-carousel-style2 .owl-dots{ bottom: -45px; } .base-wrap-comanda .wrap-n { padding: 55px 0 80px; } .bs-w{ max-width: 100%; } .base-wrap-comanda2 .bs-w p{ margin-bottom: 30px; } .zag-s{ font-size: 16px; } .st { display: block; margin-left: 5px; width: 36px; height: 36px; min-height: 36px; min-width: 36px; background-size: 17px 10px; } .base-wrap-comanda3 .owl-wrap, .owl-carousel3{ width: 515px!important; } .owl-carousel3 .owl-dots, .owl-carousel4 .owl-dots, .mm_about_us_block .owl-carousel4 .owl-dots{ display: table; left: 50vw; transform: translate(-50%, 0); right: auto; font-size: 0; } .owl-carousel3 .owl-dots button, .owl-carousel4 .owl-dots button, .mm_about_us_block .owl-carousel4 .owl-dots div{ display: inline-block; } .base-wrap-comanda2 .wrap-n{ padding-bottom: 81px; } .hover-bl{ padding: 10px 30px 20px; bottom: -33px; } .owl-carousel4 .owl-stage-outer { padding-bottom: 33px; } .owl-carousel4 .owl-dots{ bottom: -40px; } .mm_about_us_block .owl-carousel4 .owl-dots{ bottom: -50px; } .contact-n{ display: block; } .contact-n a{ margin-right: 0; margin-bottom: 15px; font-size: 28px; } .contact-n a:last-child{ margin-bottom: 0; } .base-wrap-comanda3 .wrap-n{ padding-bottom: 40px; } .base-wrap-comanda3 .owl-wrap{ margin-bottom: 90px; } .owl-carousel01 .owl-dots, .base-wrap-comanda .owl-dots{ display: flex; } .owl-carousel3 .owl-dots{ bottom: -45px; } .base-wrap-comanda3 { padding-top: 10px; } .item-pl{ display: block!important; } .owl-carousel01 .loader-video{ width: 54px; height: 47px; } .bs-w2 .bs-w{ max-width: 100%; padding-right: 0; margin-bottom: 75px; } .bs-w2{ display: block; } .bs-w2 img{ display: table; margin: 0 auto; } .hover-bl{ display: block; background: #fff; } .owl-carousel4 .items:hover .slider-bs3__cont p, .owl-carousel4 .items:hover .name-bs3, .more-bl{ color: #333!important; } .owl-carousel4 .items:hover .slider-bs3-wrap { background: #fff; } .more-bl:before { background: url(/images/r.svg) no-repeat; } .slider-bs3-wrap{ min-height: 212px; } .name-bs3{ } } @media screen and (max-width: 499px) { .owl-carousel5-popup { width: 100%; } .owl-carousel5-popup-close { top: 0; right: 0; } .owl-carousel5 .owl-nav button.owl-prev { left: 0; } .owl-carousel5 .owl-nav button.owl-next { right: 0; } .owl-carousel5 .owl-dots { display: block!important; bottom: -30px; } .owl-carousel5 .owl-dots button.active { background: #fff!important; } .owl-carousel5 .owl-dots button { width: 16px!important; height: 16px!important; border-radius: 50%!important; border: 2px solid #fff!important; display: inline-block!important; margin-right: 8px!important; } } .owl-carousel .owl-item img { border-radius:30px; } .main_banners.owl-carousel .owl-item img, .main_banners .owl-stage-outer { border-radius:0; } .main_banners .owl-prev { left: 5px; } .main_banners .owl-next { right: 5px; }