html, body { font-family: 'Montserrat', sans-serif; margin:0; padding:0; width:100%; box-sizing: border-box;/* min-width:1180px; */ }
*, *:before, *:after {box-sizing: border-box}
h1, h2, h3 { font-weight:normal; padding:0; margin:0px; }
p { margin:0px; padding:0 }
img { border:none; outline:0 }
a { color:#333; outline:0 }
ul, ol, li { list-style-position: inside; padding:0px; margin:0px; }
a:hover, a:focus {text-decoration: none; cursor:pointer; outline:0}
input, input[type="submit"], textarea {border:none; outline:0; font-family: 'Montserrat', sans-serif; -webkit-appearance: none; }
input[type=submit] {cursor:pointer}
header {width:100%; z-index:99993; position:fixed; background:#fff }
header .wrap{ max-width:1180px; margin:10px auto; display:flex; align-items:center; justify-content:space-between; }
header .wrap > a {padding-left:20px}
header .wrap > a img {max-width:80%}
header ul {display:flex; align-items:center; list-style:none; gap:30px; }
header ul li { }
header ul li a { display: flex;transition: 0.2s linear; padding: 15px 0; text-decoration:none; font-size:14px; color:#333; font-weight:600}
header ul li a:hover {transform: translateY(-10px);color: #EB5757;}
header .wrap div {background:#EFEFEF; box-shadow: 0px 6px 33px rgba(0, 0, 0, 0.07); border-radius: 50px; display:flex; padding:14px 35px 14px 14px; display:flex; align-items:center; }
header .wrap div > span { background:linear-gradient(180deg, #6EC241 0%, #60A73A 100%); background-repeat:no-repeat; background-position:center; border-radius: 50px;
-webkit-box-shadow: 0px 3px 0px 0px rgba(78, 133, 48, 1); -moz-box-shadow: 0px 3px 0px 0px rgba(78, 133, 48, 1); box-shadow: 0px 3px 0px 0px rgba(78, 133, 48, 1); width:46px; height:46px; display:flex; align-items:center; justify-content:center; margin-right:30px}
header .phone a { font-size:17px; color:#555; font-weight:600; text-decoration:none}
header .phone a span { color:#333; font-weight:700}
.banner { padding-top: 100px;text-align:center; background:url(/images/bg_banner.jpg) no-repeat top center; height:780px; display:flex; justify-content:center; align-items:center; position:relative}
.banner:after { background:url(/images/cloud.png) no-repeat bottom center; width:100%; height:530px; display:block; content:''; position:absolute; bottom:0}
.prem { max-width:1180px; margin:25px auto; display:flex; align-items:center; justify-content:space-between }
.prem div {width:33%;display:flex; align-items:center; gap:25px}
.prem div:before {background:url(/images/ico1.svg) no-repeat left center; display:block; content:''; height:58px; flex:1 0 64px; }
.prem div:nth-of-type(2):before {background:url(/images/ico2.svg) no-repeat left center; }
.prem div:nth-of-type(3):before {background:url(/images/ico3.svg) no-repeat left center; }
.prem div p { font-size: 14px; color: #333333; border-left: 1px dashed rgba(0, 0, 0, 0.19); padding-left:30px; }
.gray_prem_part {width:100%; background: #F9F9F9; padding:90px 0}
.gray_prem_part .wrap {max-width:1180px; margin:0px auto; display:flex; flex-wrap:wrap; justify-content:center; column-gap:120px; row-gap:90px }
.gray_prem_part .wrap .prem_list {width:26%; flex-direction: column; display:flex; align-items: center; position: relative;}
.gray_prem_part .wrap .prem_list:after {background:url(/images/right_arr.svg) no-repeat center; content:''; display:block; width: 100%; height: 52px; position: absolute; right: -213px; top: 18%;}
.gray_prem_part .wrap .prem_list:nth-of-type(2):after {background:url(/images/right_arr_up.svg) no-repeat center; top: 10%;}
.gray_prem_part .wrap .prem_list:nth-of-type(3):after,
.gray_prem_part .wrap .prem_list:last-of-type:after {display:none}
.gray_prem_part .wrap .prem_list div {transition: 0.2s linear; width:140px; height:140px; display:flex; align-items:center; justify-content:center; background:#fff; border-radius:150px; box-shadow: 0px 6px 33px rgba(0, 0, 0, 0.07);}
.gray_prem_part .wrap .prem_list div img {}
.gray_prem_part .wrap .prem_list div:hover {transform: translateY(-10px);}
.gray_prem_part .wrap .prem_list p { padding:50px 0 25px; font-size: 15px; color: #222222; font-weight: 700; text-align:center}
.gray_prem_part .wrap .prem_list ul {}
.gray_prem_part .wrap .prem_list ul li {font-size: 12px; list-style-position: initial;}
.about {width:100%; display:flex; justify-content:space-between; margin:70px 0 50px; align-items: flex-end; position:relative; overflow:hidden}
.about .left_part { border-radius: 0px 50px 50px 0px; background:#F9F9F9; width:79%; }
.about .mouse-parallax { height: 453px; z-index:1; position: absolute; left:0; top:0 overflow: hidden; }
.about .mouse-parallax-bg { position: absolute; width:614px; height:453px; transition: all 0.1s ease; background:url(/images/bg_fly.png) no-repeat left top }
.about .left_part .wrap {width:83%; margin:0 0 0 auto; padding:100px 0 50px}
.about > img {}
.about .about_car_list {z-index:2; position:relative; display:flex!important; align-items: center; padding-bottom:30px }
.about .about_car_list img {max-width:45%; flex:1 0 45% }
.about .slick-prev,
.about .slick-next {width:41px; height:41px; top: 11px; z-index:99991; }
.about .slick-prev:before,
.about .slick-next:before {display:none!important}
.about .slick-prev {background:url(/images/left_slick.svg) no-repeat center;left:auto; right:160px; }
.about .slick-next {background:url(/images/right_slick.svg) no-repeat center;left:auto; right:88px; }
.about .about_car_list h3,
.about .about_car_list h1 {color: #222222; font-weight: 800; padding:0 0 50px 0; margin:0; font-size: 18px; width:51%}
.about .about_car_list p {font-size: 14px; color: #333333; line-height: 21px; padding-right:80px; text-align:justify }
.about .about_car_list p:nth-of-type(2){font-weight:600}
.about .about_car_list h4 {color: #EB5757; font-size: 17px; font-weight: 800; padding-top:20px}
.about .about_car_list .more { transition: 0.2s linear; display:inline-block; margin-top:50px;}
.about .about_car_list .more a { padding-bottom:4px; color: #FFFFFF; font-size: 14px; font-weight: 700; line-height:74px; height: 74px; background: linear-gradient(180deg, #6EC241 0%, #60A73A 100%); border-radius: 50px; display: inline-block; width: 200px; text-align:center; -webkit-box-shadow: 0px 3px 0px 0px rgba(78, 133, 48, 1); -moz-box-shadow: 0px 3px 0px 0px rgba(78, 133, 48, 1); box-shadow: 0px 3px 0px 0px rgba(78, 133, 48, 1), 0px 4px 11px rgba(0, 0, 0, 0.19); text-decoration:none;}
.about .about_car_list .about_car_list_block {width:70%; margin-left:20px}
.about .about_car_list .more:hover{ transform: translateY(-10px); }
.product {max-width:1180px; margin:80px auto;}
.product h2 {color: #222222; font-weight: 800; font-size: 43px; text-align:center;}
.product h2 span {color: #EB5757;}
.product > p {font-size: 14px; color: #333333; font-weight: 600; text-align:center; padding:30px 0}
.product > p span {color: #69B540;}
.product > .more{ transition: 0.2s linear; margin-top:50px; height:77px; margin: 0 auto; width: 220px;}
.product > .more a { color: #FFFFFF; font-size: 14px; font-weight: 700; line-height:74px; height: 74px; display:block; background: linear-gradient(180deg, #6EC241 0%, #60A73A 100%); border-radius: 50px; text-align:center; -webkit-box-shadow: 0px 3px 0px 0px rgba(78, 133, 48, 1); -moz-box-shadow: 0px 3px 0px 0px rgba(78, 133, 48, 1); box-shadow: 0px 3px 0px 0px rgba(78, 133, 48, 1), 0px 4px 11px rgba(0, 0, 0, 0.19); text-decoration:none; }
.product > .more:hover{transform: translateY(-10px); }
.product .product_list {display:flex; flex-wrap:wrap; gap:20px; justify-content: center; margin:50px 0 110px; row-gap:50px}
.product .product_list_item { position:relative; transition: 0.2s linear; width:23.5%; }
.product .product_list_item:hover {transform: translateY(-10px); }
.product .product_list_item .product_main {z-index:2; position:relative; background: #FFFFFF; box-shadow: 0px 6px 33px rgba(0, 0, 0, 0.07); border-radius: 10px; padding:30px; box-sizing:border-box}
.product .product_list_item .product_main > a {margin-bottom:20px; width:100%; height:210px; display:flex; align-items:center; justify-content:center}
.product .product_list_item .product_main > a img {max-width:100%; max-height:100%}
.product .product_list_item .product_main > p { padding:0 0 20px 0; height:60px}
.product .product_list_item .product_main > p a {font-weight: 700; font-size: 15px; color: #222222; text-decoration:none;}
.product .product_list_item .product_main > span { text-align: left;font-weight: 500; display:block; height:120px; margin-bottom:20px; font-size: 12px; line-height: 16px; color: #555555;}
.product .product_list_item .product_main .price { display:flex; align-items:center; justify-content:space-between;}
.product .product_list_item .product_main .price > p {font-size: 16px; font-weight: 700; color: #555555;}
.product .product_list_item .product_main .price > p span { font-weight: 500; font-size: 12px; font-weight: 500; display:block;}
.product .product_list_item .product_main .price > a {background: #EB5757; width: 43px; height: 43px; border-radius:50px; display:flex; align-items:center; justify-content:center}
.product .product_list_item .product_main .price > a img{}
.product .product_list_item .shadow {z-index:-2; position:absolute; background: #FFFFFF; box-shadow: 0px 6px 33px rgba(0, 0, 0, 0.07); border-radius: 10px; margin:0 20px; bottom:-15px; left: -1px; width:86%; height:50px; display:block}
.partners { width:100%; position:relative;}
.partners .wrap {max-width:1280px; margin:0px auto; padding:80px 0}
.partners .wrap .center_part { display:flex; margin-top:50px; }
.partners .wrap .center_part .left_part {position:relative; width:40%; background:url(/images/bg_green.png) no-repeat center #69B540; padding:60px 50px; border-radius:50px 0 50px 0 }
.partners .wrap .center_part .left_part:after {content:''; background:url(/images/bg_dark.png) no-repeat center #282E37; width:50px; height:50px; display:block; position:absolute; right:0; bottom:0; z-index:-1}
.partners .wrap .center_part .right_part { position:relative;width:40%; background:url(/images/bg_dark.png) no-repeat center #282E37; padding:60px 50px; border-radius:50px 0 50px 0 }
.partners .wrap .center_part .right_part:before {content:''; background:url(/images/bg_green.png) no-repeat center #69B540; width:50px; height:50px; display:block; position:absolute; left:0; top:0; z-index:-1}
.partners .wrap .center_part img {height: fit-content; }
.partners .wrap .center_part h3 { font-weight: 800; font-size: 20px; color: #FFFFFF; margin-bottom:30px}
.partners .wrap .center_part p {font-size: 14px; color: #FFFFFF; text-align: justify;}
.partners .wrap .center_part a {transition: 0.2s linear; position:relative; font-weight: 700; font-size: 15px; color: #FFFFFF; background:url(/images/right_arr_butt.svg) no-repeat right center; text-decoration:none; padding:5px 35px 5px 0; position:absolute; right:40px; bottom:50px }
.partners .wrap .center_part a:hover {transform:translateY(-10px);}
.partners .mouse-parallax { height: 453px; z-index:1; position: absolute; right:0; top:0 overflow: hidden; }
.partners .mouse-parallax-fog-2 {background:url(/images/leaf2.png) no-repeat right top; position: absolute; right:0; top:0; width:559px; height:365px; transition: all 0.1s ease;}
.faq {width:780px; margin: 40px auto}
.faq h2 {color: #222222; font-weight: 800; font-size: 43px; text-align:center; margin-bottom:70px;}
.faq h2 span {color: #EB5757;}
.faq .accordion { margin-bottom:20px; font-family: 'Montserrat', sans-serif; position:relative; background:/* url(/images/down.svg) no-repeat right 40px center */#FFFFFF; border-radius:50px; box-shadow: 0px 6px 33px rgba(0, 0, 0, 0.07); font-size: 15px; color: #222; height: 78px; line-height:78px; font-weight: 500; padding:0 40px; cursor: pointer; width: 100%; text-align: left; border: none; outline: none; transition: 0.4s; }
.faq .accordion:after {content:''; display:block; z-index:4; background:url(/images/down.svg) no-repeat right center; width:22px; height:22px; position:absolute; right:40px; top:26px;}
.faq .accordion:hover:after,
.faq .accordion.active:after { background:url(/images/down_white.svg) no-repeat right center; }
.faq .accordion:before { transition: 0.2s linear; content:''; display:block; z-index:1; background: linear-gradient(180deg, #6EC241 0%, #60A73A 100%); border-radius: 50px; width:0; height:100%; position:absolute; left:0; top:0 }
.faq .accordion:hover:before { width:100%;}
.faq .accordion.active span {color:#fff; position: relative; z-index:2}
.faq .accordion.active:before { width:100%;}
.faq .accordion:hover span{color:#fff; position: relative; z-index:2}
.faq .panel { padding:0px; background-color: white; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; }
.faq .panel .inside_text {padding:10px 40px 30px;}
.faq .panel .inside_text p {font-size:14px; padding:}
.order {width:99.8%; display:flex; justify-content:space-between; margin:70px 0 50px; align-items: flex-end; position:relative; }
.order .left_part { border-radius: 0px 50px 50px 0px; background:url(/images/bg_gray.png) no-repeat right top #F9F9F9; width:73%; border-radius:50px 0 0 0 }
.order .left_part .wrap {position:relative;width:89%; margin:0 0% 0 100px; padding:0px 0; min-height:440px; display: flex;align-items: flex-start; flex-direction: column; justify-content: center;}
.order .left_part .wrap h3 {z-index:3; font-weight: 800;font-size: 20px; color: #222222; padding-bottom:30px}
.order .left_part .wrap > p {z-index:3; font-size: 14px; font-weight: 600; color: #333333; margin-bottom:40px; border-radius:50px; background:#F9F9F9}
.order .left_part .wrap > img {z-index:1; position:absolute; right:0%; bottom:0}
.order .left_part .wrap > .order_block {z-index:2; position:relative; display:flex; align-items:center; gap:45px}
.order .left_part .wrap > .order_block > a { transition: 0.2s linear; color: #FFFFFF; font-size: 14px; font-weight: 700; line-height:74px; height: 74px; background: linear-gradient(180deg, #6EC241 0%, #60A73A 100%); border-radius: 50px; display: inline-block; width: 240px; text-align:center; -webkit-box-shadow: 0px 3px 0px 0px rgba(78, 133, 48, 1); -moz-box-shadow: 0px 3px 0px 0px rgba(78, 133, 48, 1); box-shadow: 0px 3px 0px 0px rgba(78, 133, 48, 1), 0px 4px 11px rgba(0, 0, 0, 0.19); text-decoration:none;}
.order .left_part .wrap > .order_block > a:hover {transform:translateY(-10px);}
.order .left_part .wrap > .order_block > p {background:#F9F9F9; border-radius:50px; padding:15px 20px; display:flex; flex-direction:column}
.order .left_part .wrap > .order_block > p span { font-weight: 600; font-size: 15px; color: #555555;}
.order .left_part .wrap > .order_block > p a { font-size:19px; color:#555; font-weight:600; text-decoration:none}
.order .left_part .wrap > .order_block > p a span { font-size:19px; color:#333; font-weight:700}
.map {max-width:1180px; margin:100px auto 50px; background: #F9F9F9; border-radius:50px; height:532px; display:flex}
.map .map_part {width:68%}
.map .map_part iframe { border-radius:50px}
.map .info_part {width:32%; height:auto; overflow-y: scroll;}
.map .info_part h3 { padding:50px; font-weight: 800;font-size: 20px; color: #222222; }
.map .info_part .maps_dotted {padding:0 30px 0 50px}
.map .info_part .maps_dotted p { padding:0 0 15px 0; font-weight: 700; font-size: 15px; color: #222222;}
.map .info_part .maps_dotted p:before { background:url(/images/map_ico.svg) no-repeat center #fff; float:left; margin:0 30px 30px 0; box-shadow: 0px 6px 33px rgba(0, 0, 0, 0.07); width: 58px; height: 58px; display:block; content:''; border-radius:50px;}
.map .info_part .maps_dotted p span {font-weight: 400; font-size: 12px; line-height: 15px; color: #555555; display:block; padding:7px 0 0 0}
.fancybox-content {max-width:1080px; padding:65px 70px!important; box-sizing: border-box!important; border-radius: 50px; position:relative;}
.fancybox-content h3 {font-weight: 600; font-size: 25px; color: #000000; margin-bottom:60px}
.fancybox-content .btn {cursor:pointer; position:absolute; background:url(/images/close.svg) no-repeat left center; right: 60px; border: none; font-size: 12px; font-family: 'Montserrat', sans-serif; font-weight: 600; color: #000000; padding:0 0 0 20px}
.fancybox-content p {padding:0 0 10px 0}
.fancybox-content textarea {resize: none}
.fancybox-content form { display:flex; flex-wrap:wrap; gap:18px; width:100%}
.fancybox-content form.show-msg:after{content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: rgba(0,0,0,.5); z-index: 22;}
.fancybox-content form.show-msg .alert{position: absolute; z-index: 99; left: 50%; top: 50%; width: auto; transform: translate(-50%, -50%);}
.fancybox-content input { padding:0 30px; font-size: 14px; font-weight: 500; color: #222222; background: #FFFFFF; box-shadow: 0px 6px 33px rgba(0, 0, 0, 0.07); border-radius: 50px; height: 78px; line-height:78px; width:48%}
.fancybox-content .mail_texta { display:flex; gap:18px; width:100%}
.fancybox-content .mail_texta div {width:48%}
.fancybox-content .mail_texta div input {margin-bottom:18px; padding:0 30px; font-size: 14px; font-weight: 500; color: #222222; background: #FFFFFF; box-shadow: 0px 6px 33px rgba(0, 0, 0, 0.07); border-radius: 50px; height: 78px; line-height:78px; width:100%}
.fancybox-content .mail_texta textarea {width:48%; padding:0 30px; font-size: 14px; font-weight: 500; color: #222222; background: #FFFFFF; box-shadow: 0px 6px 33px rgba(0, 0, 0, 0.07); border-radius:28px; margin-bottom:18px;/* height: 78px; */line-height:78px; }
.fancybox-content .checkbox {width:100%; cursor:pointer; position:relative}
.fancybox-content .custom-checkbox { position: absolute; z-index: -1; opacity: 0; }
.fancybox-content .custom-checkbox+label {cursor:pointer; display: inline-flex; align-items: center; user-select: none; }
.fancybox-content .custom-checkbox+label::before { content: ''; display: inline-block; flex-shrink: 0; flex-grow: 0; border-radius: 50em; margin-right: 0.5em; box-shadow: 0px 6px 33px rgba(0, 0, 0, 0.07); background:#fff;width: 43px; height: 43px; }
.fancybox-content .custom-checkbox:checked+label::before { border:8px solid #fff; background: #EB5757; }
/* стили при наведении курсора на checkbox */
.fancybox-content .custom-checkbox:not(:disabled):not(:checked)+label:hover::before { background: #EB5757; border:8px solid #fff; }
/* стили дл€ активного состо€ни€ чекбокса (при нажатии на него) */
.fancybox-content .custom-checkbox:not(:disabled):active+label::before { background: #EB5757; border:8px solid #fff; }
/* стили дл€ чекбокса, наход€щегос€ в состо€нии disabled */
.fancybox-content .custom-checkbox:disabled+label::before { background-color: #e9ecef; }
.fancybox-content input[type="submit"] { margin: 0 auto; transition: 0.2s linear; color: #FFFFFF; font-size: 14px; font-weight: 700; line-height:74px; height: 74px; background: linear-gradient(180deg, #6EC241 0%, #60A73A 100%); border-radius: 50px; display:block; width: 260px; text-align:center; -webkit-box-shadow: 0px 3px 0px 0px rgba(78, 133, 48, 1); -moz-box-shadow: 0px 3px 0px 0px rgba(78, 133, 48, 1); box-shadow: 0px 3px 0px 0px rgba(78, 133, 48, 1), 0px 4px 11px rgba(0, 0, 0, 0.19); text-decoration:none;}
.fancybox-content input[type="submit"]:hover {transform:translateY(-10px);}
.fancybox-content input:focus { border:1px solid #EB5757 }
.fancybox-content input[type="submit"]:focus{border: none}
.detail_info {padding-bottom:50px;}
.detail_info h3 {padding-bottom:30px; margin:0;}
.detail_info p {font-size:13px; text-align:justify}
.detail_info .detail_item {display:flex; gap:40px; align-items: flex-start;}
.detail_info .detail_item .images { width:9%; display: flex; row-gap: 10px; flex-direction: column; }
.detail_info .detail_item .images .image {display: flex; align-items: center; justify-content: center; box-shadow: 0px 6px 33px rgba(0, 0, 0, 0.07); border-radius: 10px; background:#fff; height:100px}
.detail_info .detail_item .images .image a {width: 100%;}
.detail_info .detail_item .images .image a img { height:100px; width: 100%; object-fit: cover; border-radius: 11px; }
.detail_info .detail_item .left_part {width:40%; display:flex; align-items:center; justify-content:center; height:495px; background:#FFFFFF; padding:20px 40px 20px 40px; box-shadow: 0px 6px 33px rgba(0, 0, 0, 0.07); border-radius: 10px; }
.detail_info .detail_item .left_part.long {width:50%}
.detail_info .detail_item .left_part a {display:flex; align-items:center; justify-content:center; height: 100%;}
.detail_info .detail_item .left_part a img {max-width:100%; max-height:100%}
.detail_info .detail_item .right_part {width:40%; padding-top:30px}
.detail_info .detail_item .right_part .params {display:flex; justify-content:space-between; color:#555}
.detail_info .detail_item .right_part .params b {width:30%; font-size:12px; line-height: 19px;}
.detail_info .detail_item .right_part .params span {width:70%; font-size:12px; line-height: 19px; text-align:justify}
.detail_info .btn { left:46%; right: 50%; bottom: 50px; width: fit-content;}
.detail_info h3.hh { font-size: 20px; margin-bottom: 20px;}
.detail_info .price { display:flex; align-items:center; gap:30px; margin:20px 0 30px}
.detail_info .price p span {font-size: 12px; color: #555555;font-weight: 500; display:block}
.detail_info .price p {font-weight: 700; font-size: 15px; color: #69B540; white-space: nowrap}
.detail_info .price > a {gap:15px; font-size: 14px; font-weight: 600; color: #FFFFFF;background: #EB5757; flex: 1 0 216px; height:54px; box-shadow: 0px 3px 0px 0px #993434, 0px 6px 33px rgba(0, 0, 0, 0.07); border-radius:50px; display:flex; align-items:center; justify-content:center}
.detail_info .qty-block{display: flex; background: #fff; border-radius: 50px; filter: drop-shadow(0px 6px 33px rgba(0, 0, 0, 0.09)); height: 54px; flex: 1 0 120px; max-width: 120px; align-items: center}
.detail_info .qty-block input{box-shadow:none; border-radius: 0; height: 30px; line-height: 30px; width: 50px; padding: 0; margin-left: 24px;}
.detail_info .qty-block input:focus{border: none}
.detail_info .qty-block div{border-left: 2px solid #F6F5F3; width: 100%;}
.detail_info .qty-block div span{display: block; height: 27px; cursor:pointer }
.detail_info .qty-block div span:hover { opacity:0.5}
.detail_info .qty-block div span.plus{background: url(images/qty-up.svg) no-repeat 40% 65%}
.detail_info .qty-block div span.minus{background: url(images/qty-down.svg) no-repeat 40% 35%}
.alert { color: white;}
.alert {position: relative; padding: 0.75rem 1.25rem; border: 1px solid transparent; font-weight: normal;}
.alert-error {color: #721c24; background-color: #f8d7da; border-color: #f5c6cb;}
.alert-success {color: #155724; background-color: #d4edda; border-color: #c3e6cb;}
.alert-info {color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb;}
.fancybox-container { z-index: 99995!important;}
.fancybox-container .alert{width: 100%; margin-top: 10px;}
/* Start state */
.animated-modal {
max-width: 550px;
border-radius: 4px;
overflow: hidden;
transform: translateY(-50px);
transition: all .7s;
}
.fancybox-container .order_partner {margin-top:50px; transition: 0.2s linear; color: #FFFFFF; font-size: 14px; font-weight: 700; line-height:74px; height: 74px; background: linear-gradient(180deg, #6EC241 0%, #60A73A 100%); border-radius: 50px; display: inline-block; width: 360px; text-align:center; -webkit-box-shadow: 0px 3px 0px 0px rgba(78, 133, 48, 1); -moz-box-shadow: 0px 3px 0px 0px rgba(78, 133, 48, 1); box-shadow: 0px 3px 0px 0px rgba(78, 133, 48, 1), 0px 4px 11px rgba(0, 0, 0, 0.19); text-decoration:none;}
.fancybox-container .order_partner :hover {transform:translateY(-10px);}
.animated-modal h2,
.animated-modal p {
transform: translateY(-50px);
opacity: 0;
transition-property: transform, opacity;
transition-duration: .4s;
}
/* Final state */
.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal h2,
.fancybox-slide--current .animated-modal p {
transform: translateY(0);
opacity: 1;
}
/* Reveal content with different delays */
.fancybox-slide--current .animated-modal h2 {
transition-delay: .1s;
}
.fancybox-slide--current .animated-modal p {
transition-delay: .3s;
}
footer {text-align:center; padding:50px 0 100px}
footer p {font-size: 12px; color: #333333; font-weight: 500; line-height: 22px;}
footer p a {color: #333333; }
.mob_button {display:none}
@media screen and (max-width:1280px) {
.about .slick-next,
.about .slick-prev { top: -34px;}
}
.wrap .menu {display:none}
@media screen and (max-width:780px) {
header .wrap,
.about .left_part,
.about .left_part .wrap,
.product,
.partners .wrap,
.map,
.about .left_part .wrap,
.gray_prem_part .wrap,
.partners .wrap .center_part .left_part,
.partners .wrap .center_part .right_part,
.faq,
.fancybox-content,
.order .left_part .wrap,
.order .left_part {width:100%!important}
.mob_button { display: flex; width: 25%; height: 35px; white-space: nowrap; color: white; background-color: #eb5757; text-decoration: none;
font-size: 11px; justify-content: center; align-items: center; padding-left: 0!important; border-radius: 30px;}
header .wrap {position:fixed; background:#fff}
.banner img {max-width:100%}
#menu,
.prem,
.about .mouse-parallax,
.about > img,
.partners .mouse-parallax-fog-2,
.partners .wrap .center_part img,
.order img,
.gray_prem_part .wrap .prem_list:after,
header .wrap .phone {display:none}
.product .product_list_item {width:47%}
.about .slick-next, .about .slick-prev { top: 34px;}
.about .slick-next{ right: 5%;}
.about .slick-prev { right: 20%; }
.about .about_car_list,
.map,
.partners .wrap .center_part,
.order .left_part .wrap > .order_block {flex-wrap:wrap}
.banner {height: 269px; padding-top: 86px; }
.detail_info .qty-block input {color:#333}
.right_part > h3 {margin-bottom:0!important}
#topcontrol {z-index:9999}
.fancybox-content {border-radius:0}
.banner:after {bottom: -73px;}
.about { margin: 12px 0 50px;}
.about .left_part,
.map,
.order .left_part {border-radius:0}
.about .left_part .wrap,
.gray_prem_part,
.partners .wrap {padding:50px 0}
.about .about_car_list img {max-width:79%; flex: 1 0 79%; }
.about .about_car_list .about_car_list_block {width:100%}
.about .about_car_list h3, .about .about_car_list h1,
.about .about_car_list p {width:95%; padding-right:0}
.gray_prem_part .wrap {column-gap:42px; row-gap: 34px; }
.partners .wrap .center_part .left_part,
.partners .wrap .center_part .right_part {box-sizing:border-box; padding:40px 40px 90px 40px}
.partners .wrap .center_part a {bottom: 28px;}
.detail_info .detail_item {flex-wrap:wrap;}
.detail_info .detail_item .images {width:26%}
.detail_info .detail_item .left_part { width: 68%; height: 323px; background:/* url(/images/iso.png) no-repeat right 24px bottom 20px */#FFFFFF;}
.detail_info .detail_item .right_part {width:100%}
.detail_info .price {flex-wrap:wrap}
.detail_info .detail_item { gap: 16px;}
.product {margin-top:50px}
.fancybox-content {padding:30px!important}
.fancybox-content .btn {right:20px}
.fancybox-content h3 { margin-bottom: 27px;}
.fancybox-container .order_partner { width: inherit;}
.fancybox-content input {width:100%}
.fancybox-content .mail_texta {flex-wrap:wrap}
.fancybox-content .mail_texta div,
.fancybox-content .mail_texta textarea {width:100%}
.about .about_car_list {width:100%}
.faq {margin-top:0px}
.partners .wrap .center_part {margin-top:0}
.faq h2 {margin:30px 0 30px 0}
.faq .accordion {margin:7px; width:96%}
.faq .accordion {padding:0 200px 0 25px; line-height: 20px;}
.order .left_part .wrap {margin:0}
.map .info_part .maps_dotted {padding:0 27px}
.order .left_part .wrap h3,
.order .left_part .wrap > p {width:100%; text-align: center;}
.order .left_part .wrap > .order_block {justify-content: center;}
.order .left_part .wrap > .order_block > p {background:none}
.order .left_part .wrap > .order_block {gap:20px}
.order .left_part .wrap {height:370px}
.order { margin: 70px 0 0px;}
.product h2,
.faq h2 {font-size: 34px;}
.product > p { padding: 30px 16px;}
.product .product_list { margin: 18px 0 40px;}
.partners .wrap {padding-bottom:10px}
.order .left_part .wrap {min-height:auto}
.product .product_list_item .product_main > a {height:165px}
.product .product_list_item .product_main > p {height: 79px; overflow: hidden; line-height: 19px; margin: 0 0 20px 0;}
.product .product_list_item .product_main > span {height:213px}
.product .product_list_item .product_main .price > p {font-size:15px}
.product .product_list_item .product_main {padding:30px 20px}
.partners .wrap {padding-top:0}
.gray_prem_part .wrap .prem_list {width:35%}
.map {margin-top:0; height: 655px;}
.map .map_part {width:100%; margin-top: 160px;}
.map .info_part { width:100%}
.map .info_part h3 { padding: 50px 25px;}
.map .info_part {order:-1}
footer {padding: 200px 0 40px;}
.wrap .menu {display:block!important; background:none!important }
.menu-triger {
display: block;
width:55px;
height:55px;
background: linear-gradient(180deg, #6EC241 0%, #60A73A 100%); border-radius:50px;
position: absolute;
right:20px;
top:17px;
}
header .wrap {margin-top:0; padding-top:10px}
.menu-triger img {left: 16px;
position: absolute;
right: auto;
top: 29px;}
.menu-close {
display: block;
width:55px;
height:55px;
background:#ccc; border-radius:50px;
position: absolute;
right:20px; text-align:center;
top:17px;
z-index: 100; text-decoration:none; font-weight:normal; color:#fff!important;
}
.menu-close:before {content:'\2716'; color:#fff!important; line-height:57px; font-size:25px}
.menu-popup {
display: none;
background: #fff;
position: absolute;
left: 0px;
right: 0px;
top: 0; border-radius:0!important;
box-sizing: border-box;
padding: 30px;
z-index: 99999999;
margin:0
}
.menu-popup ul {border-radius:0;
margin: 30px; align-items: baseline; gap:4px;
padding: 0; display:flex!important; flex-direction:column;
}
header {position:relative}
header ul li a:hover { transform: translateY(0px);}
.menu-popup li {
list-style: none;
margin: 10px 0;
padding: 0;
}
.menu-popup li,.menu-popup li a {
font-size: 18px!important;
color:#333!important;
line-height:18px; font-weight:normal;
text-decoration: none; padding:0
}
.menu-popup ul li ul { padding: 11px 20px; visibility: initial!important; opacity: 1!important;display:block!important; position:relative!important; background:none!important; top:auto!important; left:auto!important}
.menu-popup ul li ul:before {display:none}
.menu-popup ul li:hover ul li a {text-transform:none; color:#fff!important }
.menu-popup ul li:hover ul li { padding:0px 0 }
.cookie {width:100%!important; border-radius:0!important;}
}
.cookie {position:fixed; z-index:9999; left:0; bottom:0; background:#282E37; padding:30px; text-align:center; font-size:12px; width:100%; color:#fff}
.cookie a {color:#fff; display:block; margin-top:10px}