From 75a722b5beb9f212c46689204fe233d6b20b3215 Mon Sep 17 00:00:00 2001 From: Maria0701 <50337034+Maria0701@users.noreply.github.com> Date: Sun, 30 Jun 2019 22:21:38 +0300 Subject: [PATCH] =?UTF-8?q?=D0=BF=D1=80=D0=B0=D0=B2=D0=BA=D0=B84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- catalog.html | 14 ++-- css/style.css | 162 +++++++++++++++++++++++++++++++++------------- css/style.min.css | 2 +- index.html | 32 ++++----- js/popup.js | 75 ++++++++++----------- js/popup.min.js | 6 +- 6 files changed, 179 insertions(+), 112 deletions(-) diff --git a/catalog.html b/catalog.html index 85b7944..35abdb9 100644 --- a/catalog.html +++ b/catalog.html @@ -6,7 +6,7 @@ Сливочное мороженое - + @@ -38,8 +38,8 @@
@@ -50,12 +50,12 @@
diff --git a/css/style.css b/css/style.css index 61fec41..d5b85c7 100644 --- a/css/style.css +++ b/css/style.css @@ -531,66 +531,136 @@ img { margin-bottom: 20px; } -.modal-entrance span, -.modal-search span, -.modal-feedback span { - position: absolute; - left: 14px; - /*display: block;*/ - font-size: 14px; - line-height: 24px; +.modal-feedback input::-webkit-input-placeholder { color: #999999; - background-color: transparent; + letter-spacing: 1px; } -.modal-entrance span, -.modal-feedback span { - top: 12px; +.modal-feedback input::-moz-placeholder { + color: #999999; letter-spacing: 1px; } -.modal-search span { - top: 9px; + +/* Firefox 19+ */ + +.modal-feedback input:-moz-placeholder { + color: #999999; + letter-spacing: 1px; } -.modal-entrance input[type="password"]:active, -.modal-entrance input[type="email"]:active, -.modal-search input[type="search"]:active, -.modal-feedback input[type="text"]:active, -.modal-feedback input[type="email"]:active, -.modal-feedback textarea:active, -.subscription-form input[type="email"]:active { - color: #323232; + +/* Firefox 18- */ + +.modal-feedback input:-ms-input-placeholder { + color: #999999; + letter-spacing: 1px; } -.modal-entrance input[type="password"]:active~span, -.modal-entrance input[type="email"]:active~span, -.modal-search input[type="search"]:active~span, -.modal-feedback input[type="text"]:active~span, -.modal-feedback input[type="email"]:active~span, -.modal-feedback textarea:active~span, -.subscription-form input[type="email"]:active~span, -.modal-entrance input[type="password"]:focus~span, -.modal-entrance input[type="email"]:focus~span, -.modal-search input[type="search"]:focus~span, -.modal-feedback input[type="text"]:focus~span, -.modal-feedback input[type="email"]:focus~span, -.modal-feedback textarea:focus~span, -.subscription-form input[type="email"]:focus~span, -.modal-entrance input[type="password"]:valid~span, -.modal-entrance input[type="email"]:valid~span, -.modal-search input[type="search"]:valid~span, -.modal-feedback input[type="text"]:valid~span, -.modal-feedback input[type="email"]:valid~span, -/*.modal-feedback textarea:valid~span,*/ -.subscription-form input[type="email"]:valid~span { - display: none; +.modal-feedback textarea::-webkit-input-placeholder { + color: #999999; + letter-spacing: 1px; } +.modal-feedback textarea::-moz-placeholder { + color: #999999; + letter-spacing: 1px; +} -.modal-feedback textarea:not(:empty)~span { - display: none; + +/* Firefox 19+ */ + +.modal-feedback textarea:-moz-placeholder { + color: #999999; + letter-spacing: 1px; +} + + +/* Firefox 18- */ + +.modal-feedback textarea:-ms-input-placeholder { + color: #999999; + letter-spacing: 1px; +} + +.modal-entrance input::-webkit-input-placeholder { + color: #999999; + letter-spacing: 1px; } + +.modal-entrance input::-moz-placeholder { + color: #999999; + letter-spacing: 1px; +} + + +/* Firefox 19+ */ + +.modal-entrance input:-moz-placeholder { + color: #999999; + letter-spacing: 1px; +} + + +/* Firefox 18- */ + +.modal-entrance input:-ms-input-placeholder { + color: #999999; + letter-spacing: 1px; +} + +.modal-search input::-webkit-input-placeholder { + color: #999999; + letter-spacing: 1px; +} + +.modal-search input::-moz-placeholder { + color: #999999; + letter-spacing: 1px; +} + + +/* Firefox 19+ */ + +.modal-search input:-moz-placeholder { + color: #999999; + letter-spacing: 1px; +} + + +/* Firefox 18- */ + +.modal-search input:-ms-input-placeholder { + color: #999999; + letter-spacing: 1px; +} + +.subscription-form input::-webkit-input-placeholder { + color: #999999; + letter-spacing: 1px; +} + +.subscription-form input::-moz-placeholder { + color: #999999; + letter-spacing: 1px; +} + + +/* Firefox 19+ */ + +.subscription-form input:-moz-placeholder { + color: #999999; + letter-spacing: 1px; +} + + +/* Firefox 18- */ + +.subscription-form input:-ms-input-placeholder { + color: #999999; + letter-spacing: 1px; +} + .modal-entrance input[type="password"]:hover, .modal-entrance input[type="email"]:hover, .modal-search input[type="search"]:hover, diff --git a/css/style.min.css b/css/style.min.css index 594d55c..b31c1b7 100644 --- a/css/style.min.css +++ b/css/style.min.css @@ -1 +1 @@ -body {margin:0;font-style: normal;font-size: 16px;line-height: 22px;font-family: 'Roboto', Arial, sans-serif;color: #323232;background-color: #849d8f;}.main-title, .h1 {margin-top: 0;margin-bottom: 26px;font-size: 35px;line-height: 41px;font-weight: 700;color: #ffffff;background-color: inherit;}.container {margin-right: auto;margin-left: auto;padding-right: 27px;padding-left: 27px;width: 1200px;-webkit-box-sizing: border-box;box-sizing: border-box;}.wrapper {margin-right: -13px;margin-left: -13px;margin-top: 0;margin-bottom: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-sizing: border-box;box-sizing: border-box;}.btn {display: inline-block;vertical-align: top;padding-top: 10px;padding-bottom: 10px;padding-right: 25px;padding-left: 25px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size: 18px;line-height: 24px;font-weight: 700;color: #ffffff;text-decoration:none;background-color: #f06441;background-image: -webkit-linear-gradient( 90deg, #f26843 0%, #e74a35 100%);background-image: -ms-linear-gradient( 90deg, #f26843 0%, #e74a35 100%);-webkit-box-shadow: 0px 2px 2px 0px rgba(172, 16, 0, 0.64);box-shadow: 0px 2px 2px 0px rgba(172, 16, 0, 0.64);border:transparent;border-radius: 33px;}.btn:hover, .btn:focus {color:#fff;background-image: -webkit-linear-gradient( 90deg, #f58669 0%, #ec6f5e 100%);background-image: -ms-linear-gradient( 90deg, #f58669 0%, #ec6f5e 100%);-webkit-box-shadow: 0 2px 2px rgba(172, 16, 0, 1);box-shadow: 0 2px 2px rgba(172, 16, 0, 1);}.btn:active {color:#fff;background-image: -webkit-linear-gradient( 90deg, #d84732 0%, #e1613e 100%);background-image: -ms-linear-gradient( 90deg, #d84732 0%, #e1613e 100%);-webkit-box-shadow: 0 2px 2px 0px rgba(172, 16, 0, 1 );box-shadow: 0 2px 2px 0px rgba(172, 16, 0, 1 );}.btn-small {padding-right: 23px;padding-left: 23px;font-size: 18px;}.btn-medium {padding-right: 16px;padding-left: 16px;}.btn-large {padding-right: 41px;padding-left: 41px;font-size: 32px;line-height: 43px;}img {max-width:100%;height:auto;}.visually-hidden {position: absolute;margin: -1px;width: 1px;height: 1px;white-space: nowrap;overflow: hidden;border: 0;padding: 0;clip: rect(0 0 0 0);-webkit-clip-path: inset(50%);clip-path: inset(50%);}.header-block {position: relative;margin-right: auto;margin-left: auto;padding-right: 27px;padding-left: 27px;padding-top: 3px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 1200px;-webkit-box-sizing: border-box;box-sizing: border-box;}.header-navigation {z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;}.logo {margin-right:10px;margin-top:7px;}.top-menu {margin: 0;padding: 0;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;list-style: none;}.menu-item {position: relative;height: 38px;}.menu-item > a {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;padding-right: 14px;padding-left: 14px;padding-top: 7px;padding-bottom: 7px;font-size: inherit;line-height: 17px;font-weight: 700;color: #ffffff;text-decoration: none;background-color: transparent;border-radius: 32px;}.menu-item > a::after{content: "";display:block;height: 1px;padding-right: 14px;padding-left: 14px;background-color: rgba(255,255,255,0.3) }.menu-item:hover > a {color: #323232;background-color: #f7f6f3;}.menu-item.current-menu > a {color: #ffffff;background-color: #d07058;}.menu-item.current-menu > a::after, .menu-item:hover > a::after, .menu-item:active > a::after {display: none;}.menu-item:hover .drop-down {display: block;}.menu-item:active > a {background-color: rgba(248, 247, 244, 0.988);-webkit-box-shadow: inset 0px 2px 1px 0px rgba(105, 105, 105);box-shadow: inset 0px 2px 1px 0px rgba(105, 105, 105);color: #323232;}.drop-down {position: absolute;top: 37px;left: -6px;z-index:3;display: none;width: 143px;margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.4);box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.4);list-style: none;border-radius: 4px;overflow: hidden;}.drop-item a {display: block;padding-top: 9px;padding-bottom: 5px;padding-left: 20px;padding-right: 20px;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 14px;line-height: 16px;color: #323232;background-color: #f7f6f3;text-decoration: none;}.drop-item:first-child a {position: relative;padding-top: 11px;padding-bottom: 11px;font-weight: 700;}.drop-item:nth-child(2) a{padding-top: 13px;}.drop-item:last-child a {padding-bottom: 13px;}.drop-item:first-child a::after {content: "";position: absolute;bottom: 0;left: 6px;display:block;width: 128px;height: 1px;background-color: rgba(0, 0, 0, 0.2);}.drop-item a:hover, .drop-item a:focus {background-color: rgb(251, 222, 215);}.drop-item a:active {background-color: rgb(246, 181, 165);}.drop-item.current-menu_drop a {color: #fff;background-color: rgb(208, 112, 88);}.top-user {z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;margin: 0;margin-left:auto;padding: 0;list-style: none;}.top-search, .top-cabinet, .top-cart {position:relative;height:38px;}.top-search > a, .top-cabinet > a, .top-cart > a{position: relative;font-size: 14px;line-height: 16px;display: block;margin-left: 10px;padding-top: 8px;padding-bottom: 8px;padding-right: 17px;-webkit-box-sizing: border-box;box-sizing: border-box;font-weight: 500;text-decoration: none;border-radius: 32px;}.top-cart > a, .top-cabinet > a {padding-left: 44px;}.top-search > a, .top-cabinet > a, .top-cart-empty > a{color: #ffffff;background-color: rgba(255, 255, 255, 0.2);}.top-cart-full > a, .top-search:hover > a, .top-cabinet:hover > a, .top-search:focus > a, .top-cabinet:focus > a {color: #323232;background-color: rgba(248, 247, 244, 0.988);}.top-cabinet > a {background-image: url(../img/icons/entrance1.svg);background-repeat: no-repeat;background-position: 16px 6px;}.top-cart-empty > a{background-image: url(../img/icons/basket.svg);background-repeat: no-repeat;background-position: 16px 6px;}.top-cart-full > a{background-image: url(../img/icons/basket-red.svg);background-repeat: no-repeat;background-position: 16px 6px;}.top-search > a {width: 32px;height: 32px;background-image: url(../img/icons/loupe.svg);background-repeat: no-repeat;background-position: 7px 6px;border-radius: 50%;}.top-search:hover > a {background-image: url(../img/icons/loupe1.svg);}.top-cabinet:hover > a {background-image: url(../img/icons/entrance.svg);}.top-cabinet:hover .modal-entrance, .top-search:hover .modal-search, .top-cart-full:hover .small-cart {display:block;}.modal {z-index: 999;position: absolute;background-color: #f8f7f4;-webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.4);box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.4);border-radius: 6px;}.modal-entrance {top: 36px;right: 0;display:none;width: 278px;padding-top: 20px;padding-right: 20px;padding-left: 19px;padding-bottom: 20px;-webkit-box-sizing: border-box;box-sizing: border-box;}.modal-entrance form {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}.modal-entrance-links {max-width:50%;margin-left:auto;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:13px;line-height:20px;}.modal-entrance-links a {color: #323232;border-bottom: 1px solid rgba(50,50,50,0.3);text-decoration: none;}.modal-entrance-links a:hover, .modal-entrance-links a:focus, .modal-entrance-links a:active {color: #e84d37;border-bottom: 1px solid rgba(232,77,55,0.3);}.modal-search {top: 37px;right: 0;display:none;width: 341px;padding-top: 20px;padding-right: 16px;padding-left: 16px;padding-bottom: 20px;-webkit-box-sizing: border-box;box-sizing: border-box;}.modal-entrance input[type="password"], .modal-entrance input[type="email"], .modal-search input[type="search"], .modal-feedback input[type="text"], .modal-feedback input[type="email"], .modal-feedback textarea {width: 100%;padding-top: 8px;padding-left: 14px;padding-right: 14px;padding-bottom: 8px;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 14px;line-height: 24px;color: #323232;background-color: #fff;border:1px solid #d3d3d3;border-radius: 5px;}.modal-feedback textarea {padding-top: 14px;padding-bottom:18px;}.modal-entrance input[type="password"], .modal-entrance input[type="email"], .modal-search input[type="search"], .modal-feedback input[type="text"], .modal-feedback input[type="email"] {height:44px;}.modal-feedback input[type="text"], .modal-feedback input[type="email"] {width:267px;}.modal-entrance label, .modal-search label, .modal-feedback label {position: relative;width:100%;display: inline-block;vertical-align: top;}.modal-entrance label, .modal-feedback label {margin-bottom: 20px;}.modal-entrance span, .modal-search span, .modal-feedback span {position: absolute;left: 14px;display: block;font-size: 14px;line-height: 24px;color: #999999;background-color: transparent;}.modal-entrance span, .modal-feedback span {top: 12px;letter-spacing: 1px;}.modal-search span {top: 9px;}.modal-entrance input[type="password"]:active, .modal-entrance input[type="email"]:active, .modal-search input[type="search"]:active, .modal-feedback input[type="text"]:active, .modal-feedback input[type="email"]:active, .modal-feedback textarea:active {color: #323232;}.modal-entrance input[type="password"]:active ~ span, .modal-entrance input[type="email"]:active ~ span, .modal-search input[type="search"]:active ~ span, .modal-feedback input[type="text"]:active ~ span, .modal-feedback input[type="email"]:active ~ span, .modal-feedback textarea:active ~ span, .modal-entrance input[type="password"]:focus ~ span, .modal-entrance input[type="email"]:focus ~ span, .modal-search input[type="search"]:focus ~ span, .modal-feedback input[type="text"]:focus ~ span, .modal-feedback input[type="email"]:focus ~ span, .modal-feedback textarea:focus ~ span, .modal-entrance input[type="password"]:valid ~ span, .modal-entrance input[type="email"]:valid ~ span, .modal-search input[type="search"]:valid ~ span, .modal-feedback input[type="text"]:valid ~ span, .modal-feedback input[type="email"]:valid ~ span, .modal-feedback textarea:valid ~ span {display: none;}.modal-entrance input[type="password"]:hover, .modal-entrance input[type="email"]:hover, .modal-search input[type="search"]:hover, .modal-feedback input[type="text"]:hover, .modal-feedback input[type="email"]:hover, .modal-feedback textarea:hover {border-width: 2px;border-color: rgb(154, 154, 154);}.modal-feedback textarea:hover {margin-bottom: -2px;}.modal-entrance input[type="password"]:focus-within, .modal-entrance input[type="email"]:focus-within, .modal-search input[type="search"]:focus-within, .modal-feedback input[type="text"]:focus-within, .modal-feedback input[type="email"]:focus-within, .modal-feedback textarea:focus-within {border-width: 2px;border-color: rgb(46, 136, 228, 0.5);outline:none;}.modal-feedback {position: fixed;top: 50%;left: 50%;z-index:6;display: none;width: 479px;margin-left: -238px;padding-top: 15px;padding-right: 25px;padding-bottom: 25px;padding-left: 25px;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 10px;transform: translate(0, -50%);}.modal-feedback form {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}.modal-feedback h2{margin-top: 0;margin-bottom: 20px;font-size: 24px;line-height: 28px;font-weight: 500;}.modal-feedback button {-ms-flex-item-align: end;align-self: flex-end;}.modal-feedback .close {position: absolute;top: 15px;left: 444px;display: block;height: 17px;width: 17px;background-image:url(../img/icons/cross-big.svg);}.overlay {position:fixed;top:0;left:0;z-index:5;display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.3);}.small-cart {top: 37px;right: 0;display:none;width: 540px;padding-top: 20px;padding-right: 13px;padding-left: 16px;padding-bottom: 20px;-webkit-box-sizing: border-box;box-sizing: border-box;font-size:13px;line-height:16px;text-align: right;background-color: #f8f7f4;}.small-cart a {color:#323232;text-decoration:none;}.small-cart a:hover, .small-cart a:focus, .small-cart a:active {color: #e84d37;}.small-cart .btn {color: #ffffff;}.small-cart_items {margin: 0;padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;border-bottom: 1px solid #cacac7;text-align: left;list-style: none;}.small-cart_items li {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin-bottom: 16px;}.small-cart_items img {width: 32px;height: 32px;margin-right: 13px;margin-left: 13px;}.small-cart_items button{width: 13px;height: 13px;background-color: #f8f7f4;background-image: url(../img/icons/cross-small.svg);background-repeat: no-repeat;border: transparent;}.small-cart_item:first-child .small-cart__name {padding-top: 0;}.small-cart__name {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;margin-right: 14px;padding-top: 13px;}.small-cart__name:first-child{padding-top: 0;}.small-cart__calculation {margin-right:15px;margin-left: 13px;white-space:nowrap;}.small-cart__price {color: #999999;}.small-cart__itemtotal {margin-right: 19px;margin-left: 13px;white-space: nowrap;}.small-cart__total {padding-bottom: 0;font-size: 15px;font-weight: 700;line-height: 18px;text-align: right;}.header-contacts {position:absolute;top:73px;right:0;width: 200px;padding-right: 27px;}.header-contacts p{width: 100%;margin-top: 0;margin-bottom: 4px;font-size: 14px;line-height: 16px;text-align: right;color:#ffffff;background-color: inherit;}.header-contacts .top-phone {font-size: 22px;line-height: 24px;font-weight: 700;}.main-slider {position:relative;width:1200px;padding-right: 27px;padding-left: 27px;margin-right:auto;margin-left:auto;-webkit-box-sizing: border-box;box-sizing: border-box;}.slider-list {margin: 0;padding: 0;list-style: none;}.slider-item {position: relative;z-index: 0;display: none;padding-bottom: 41px;text-align: center;}.slider-name {z-index: 1;max-width: 680px;margin-bottom: 31px;margin-top: 0;margin-left: auto;margin-right: auto;padding-top: 312px;font-size: 60px;line-height: 60px;font-weight: 700;color: #ffffff;}.slider-switcher {position: absolute;bottom: 60px;left: 27px;margin: 0;padding: 0;list-style: none;}.slider-switcher label {display: inline-block;}.slider-switcher label+label {margin-left: 5px;}.slider-switcher label{padding: 0;width: 17px;height: 17px;text-indent: -9999px;border: 2px solid #ffffff;border-radius: 50%;background-color: transparent;}.slider-switcher label:hover {background-color: rgba(255,255,255, 0.4);}.main-wrapper{min-width: 940px;background-color: #849d8f;background-image: url("../img/morozhenki.png");background-repeat: no-repeat;background-position: top center;-webkit-transition: background-image 0.5s ease, background-color 0.5s ease;-o-transition: background-image 0.5s ease, background-color 0.5s ease;transition: background-image 0.5s ease, background-color 0.5s ease;}#first-offer:checked ~ .main-wrapper {background-color: #849d8f;background-image: url(../img/morozhenki.png);}#second-offer:checked ~ .main-wrapper {background-color: #8996a6;background-image: url(../img/morozhenki2.png);}#third-offer:checked ~ .main-wrapper {background-color: #9d8b84;background-image: url(../img/morozhenki3.png);}#first-offer:checked ~ .main-wrapper #first-slide, #second-offer:checked ~ .main-wrapper #second-slide, #third-offer:checked ~ .main-wrapper #third-slide {display: block;}#first-offer:checked ~ .main-wrapper .slider-switcher label[for="first-offer"], #second-offer:checked ~ .main-wrapper .slider-switcher label[for="second-offer"], #third-offer:checked ~ .main-wrapper .slider-switcher label[for="third-offer"] {background-color: #ffffff;}.main-specials {margin-bottom: 34px;}.main-specials_list {padding: 0;list-style: none;}.main-specials_list li{z-index: 1;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-sizing: border-box;box-sizing: border-box;width: 560px;margin-left: 13px;margin-right: 13px;padding-top: 19px;padding-left: 19px;padding-bottom: 25px;padding-right: 19px;background-repeat: no-repeat;background-position: 0 0;background-size: cover;border-radius: 10px;}.main-specials_list li:nth-child(1) {background-image: url(../img/strawberry-bg2.png);}.main-specials_list li:nth-child(2) {background-image: url(../img/shocolate-bg.png);}.main-specials_list h3 {margin-bottom: 18px;margin-top: 0;font-size: 35px;line-height: 35px;font-weight: 700;color: #ffffff;background-color: transparent;}.main-specials_list p {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;margin-top: 0;margin-bottom: 44px;font-size:18px;line-height:22px;font-weight:700;color:#fff;}.main-specials_list .btn {-ms-flex-item-align:end;align-self:flex-end;}.main-hotproducts_list {margin-bottom: 0;margin-top: 0;padding: 0;list-style: none;}.main-hotproducts_list li {margin-bottom: 37px;}.catalog-item.hot:before {content: "";position: absolute;top: 6px;left: 13px;z-index: 1;display: block;width: 33px;height: 33px;padding: 14px;background-color: #ffffff;background-image: url(../img/hit.png);background-repeat: no-repeat;background-position: 50% 50%;border-radius: 50%;}.catalog-item {position: relative;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: center;-ms-flex-align: center;align-items: center;width: 293px;padding-right: 13px;padding-left: 13px;padding-top: 6px;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center;}.catalog-item:hover {z-index: 3;margin-bottom: -83px;background-color: rgba(248, 247, 244, 0.2);-webkit-box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.4);box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.4);border-radius: 4px;}.catalog-item a {position: relative;}.catalog-item__name {-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;width:100%;padding-top: 8px;padding-right: 7px;padding-left: 7px;font-size: 14px;line-height: 22px;letter-spacing: 1px;color: #ffffff;text-decoration: none;background-color: transparent;}.catalog-item__name span{color: #ffffff;border-bottom: 1px solid rgba(255,255,255, 0.2);}.item-catalog__price {position: absolute;bottom: 14px;left: -2px;margin: 0;font-size: 45px;line-height: 45px;font-weight: 700;color:#ffffff;text-shadow: 0px 1px 3px rgba(49, 50, 53, 0.5);}.item-catalog__price span{position: relative;padding-left: 38px;font-size: 30px;}.item-catalog__price span::before {content: "";position:absolute;bottom: 6px;left: 5px;width: 32px;height: 35px;background-image: url(../img/icons/ruble.svg);}.item-hover {display: none;margin-top: 8px;margin-bottom: 20px;}.catalog-item:hover .item-hover{display: block;}.main-advantages {margin-bottom: 40px;}.advantages-inside {padding-top: 25px;padding-right: 20px;padding-left: 20px;padding-bottom: 15px;background-color: #ede1c4;background-image: url(../img/waffle.jpg);background-repeat: repeat-x;border-radius: 14px;}.advantages-list {padding: 0;-webkit-box-sizing: border-box;box-sizing: border-box;list-style: none;}.advantages-inside h2 {margin-top: 0;margin-bottom: 8px;font-size: 24px;line-height: 30px;font-weight: 500;}.advantages-item {position: relative;width: 540px;padding-top: 14px;padding-left: 57px;margin-right: 13px;margin-left: 13px;margin-bottom: 8px;-webkit-box-sizing: border-box;box-sizing: border-box;}.advantages-item:before {content: "";position: absolute;top: 0;left: 0;width: 50px;height: 50px;background-repeat: no-repeat;background-position: 0 0;}.advantages-item:nth-child(1)::before {background-image: url(../img/icons/ice-cream.svg);}.advantages-item:nth-child(3)::before {background-image: url(../img/icons/leaf.svg);}.advantages-item:nth-child(2)::before {background-image: url(../img/icons/cow.svg);}.advantages-item:nth-child(4)::before {background-image: url(../img/icons/thermometer.svg);}.main-news, .main-subscription {position: relative;width: 560px;margin-right: 13px;margin-left: 13px;margin-bottom: 39px;-webkit-box-sizing: border-box;box-sizing: border-box;background-repeat: no-repeat;background-size: cover;border-radius: 14px;}.main-news {padding-top: 24px;padding-right: 20px;padding-bottom: 24px;padding-left: 19px;background-color: #ffffff;background-image: url(../img/bg-strawberry.png);}.main-news h2 {margin-top: 0;margin-bottom:0;font-size:16px;line-height:22px;font-weight:500;}.main-news a{display: block;margin-top: 3px;padding-right: 240px;font-size: 24px;line-height: 30px;font-weight: 700;color: #323232;text-decoration: underline;}.main-news a:hover, .main-news a:focus, .main-news a:active {color: #e84d37;}.main-subscription {padding-top: 35px;padding-right: 27px;padding-bottom: 40px;padding-left: 27px;background-color: #f8f7f4;background-image: url(../img/post.png);background-repeat: no-repeat;background-size: cover;}.main-subscription h2 {margin-top:0;margin-bottom:35px;font-size: 16px;line-height: 22px;font-weight: 400;color: #5a5a5a;background-color: #f8f7f4;}.subscription-form input[type="email"] {height: 44px;width: 100%;padding-top: 8px;padding-left: 14px;padding-right: 14px;padding-bottom: 8px;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: 14px;line-height: 24px;color: #323232;background-color: #ffffff;border:1px solid #d3d3d3;border-radius: 5px;}.subscription-form{position: relative;display:inline-block;width:368px;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box;}.subscription-form span {position:absolute;top:10px;left:13px;display:block;font-size:13px;line-height:24px;letter-spacing: 1px;color: #999999;background-color: inherit;}.map {position:relative;z-index:0;width: 100%;background-color: inherit;background-image: url(../img/map-image.png);background-repeat: no-repeat;background-size: cover;}.map .container {display: -webkit-box;display: -ms-flexbox;display: flex;}.main-adress {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;width: 302px;margin-top: 63px;margin-bottom: 63px;margin-left: auto;padding-top: 30px;padding-right: 25px;padding-bottom: 30px;padding-left: 25px;-webkit-box-sizing: border-box;box-sizing: border-box;background-color:#ffffff;border-radius:10px;}.main-adress p {margin-top: 0;margin-bottom: 0;font-size: 14px;line-height: 20px;font-weight: 400;}.main-adress .adress-bold {font-size: 18px;line-height: 24px;font-weight: 700;}.adress-bold.adress {margin-bottom: 18px;margin-top: 0;}.adress-bold.phone {margin-bottom: 3px;margin-top: 4px;}.main-adress p+.btn{margin-top: 23px;}.main-fotter {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;padding-bottom: 25px;}.main-fotter::before {content: "";display:block;-ms-flex-item-align: stretch;-ms-grid-row-align: stretch;align-self: stretch;width: 100%;height: 1px;margin-bottom: 28px;background-color: rgba(255,255,255,0.3);}.social {display: -webkit-box;display: -ms-flexbox;display: flex;margin: 0;padding: 0;list-style: none;}.social li{-webkit-box-sizing: border-box;box-sizing: border-box;}.social li+li {margin-left: 9px;}.social a {display: block;width: 40px;height: 40px;-webkit-box-sizing: border-box;box-sizing: border-box;background-color: transparent;border: 4px solid rgba(255,255,255, 0.5);border-radius: 50%;text-decoration: none;}.social a:hover, .social a:focus {border: 4px solid rgba(255,255,255, 0.75);}.social a:active {border: 4px solid #ffffff;}.bottom-menu {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}.bottom-menu, .bottom-submenu {margin: 0;padding: 0;list-style: none;}.bottom-submenu {padding-right: 14px;}.bottom-menu li {position: relative;}.bottom-submenu:first-child li {padding-left: 20px;}.bottom-menu__heart a{font-weight: 600;}.bottom-menu__heart a::before {content: "";position: absolute;bottom: 4px;left: 0;width: 15px;height:13px;background-image: url(../img/icons/heart.svg);}.bottom-menu a {font-size: 13px;line-height: 18px;}.bottom-menu a, .main-created a {color: #fff;background-color: inherit;text-decoration: none;border-bottom: 1px solid rgba(255,255,255,0.3);}.bottom-menu a:hover, .bottom-menu a:focus, .bottom-menu a:active, .main-created a:hover, .main-created a:focus, .main-created a:active {color: #ffbc9e;border-bottom: 1px solid rgba(255,188,158,0.3);}.main-created span, .main-created a {font-size: 12px;line-height: 18px;color: #ffffff;background-color: inherit;}.main-created {margin:0;margin-top:-10px;}.main-created img{display:block;}.breadcrumbs {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: 277px;margin-top: 19px;margin-bottom: 4px;padding: 0;list-style: none;}.breadcrumbs li {position: relative;}.breadcrumbs li+li{padding-left: 21px;}.breadcrumbs li+li::before, .breadcrumbs li+li::after {content:"";position:absolute;top: 5px;width: 4px;height: 4px;background-color: inherit;border-top: 1px solid #ffffff;border-right: 1px solid #ffffff;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}.breadcrumbs li+li::before {left: 6px;}.breadcrumbs li+li::after {left: 9px;}.breadcrumbs a, .breadcrumbs li {font-size: 14px;line-height: 16px;color: #ffffff;background-color: inherit;}.breadcrumbs a {text-decoration: none;border-bottom: 1px solid rgba(255, 255, 255, 0.3);}.breadcrumbs a:hover, .breadcrumbs a:focus, .breadcrumbs a:active {color: #ffbc9e;border-bottom: 1px solid rgba(255,188,158,0.3);}.catalog-list {margin-bottom: 48px;margin-top: 0;padding: 0;list-style:none;}.catalog-list li {margin-bottom: 31px;}.pagination {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;margin-bottom: 30px;margin-top: 0;padding: 0;list-style:none;}.pagination li {width: 27px;height: 27px;margin-left: 1px;text-align: center;background-color: transparent;border-radius: 50%;}.pagination-link{position: relative;display: block;padding: 5px 6px;font-size: 16px;line-height: 18px;font-weight: 500;color: #ffffff;text-decoration: none;background-color: transparent;border-radius: 50%;cursor: pointer;}.pagination li:hover, .pagination li:focus {background-color: #ffffff;background-color: rgba(255,255,255, 0.3);}.pagination li:active, .pagination .current {color: #323232;background-color: #ffffff;}.current .pagination-link, .pagination-link:active {color: #323232;}.pagination .pagination-previous::before, .pagination .pagination-next::before {content: "";position: absolute;top: 8px;width: 6px;height: 6px;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}.pagination .pagination-previous:not([href])::before, .pagination .pagination-next:not([href])::before {opacity: 0.3;}.pagination .pagination-previous::before {left: 10px;border-left: 2px solid #fff;border-bottom: 2px solid #fff;border-right: transparent;border-top: transparent;}.pagination .pagination-next::before {right: 10px;border-right: 2px solid #fff;border-top: 2px solid #fff;border-left: transparent;border-bottom: transparent;}.shop-filter {margin-bottom:34px;}.shop-filter__form {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;}.shop-filter__name {display: block;margin-bottom: 6px;padding-left: 16px;font-size:14px;line-height:16px;font-weight:500;color:#ffffff;background-color:inherit;}.shop-filter__fieldset {border:0;margin:0;padding:0;}.shop-filter__block {margin-right: 15px;margin-bottom: 0;padding-top: 7px;padding-right: 16px;padding-bottom: 7px;padding-left: 16px;background-color: rgba(255, 255, 255, 0.2);border-radius:32px;overflow:hidden;}.select {position:relative;display:block;margin-right:14px;margin-bottom:14px;}.select select {position: relative;padding-top: 10px;padding-right: 36px;padding-bottom: 10px;padding-left: 16px;-webkit-appearance: none;-moz-appearance: none;font-size: 15px;line-height: 18px;font-weight: 600;color:#ffffff;background-color: rgba(255, 255, 255, 0.2);border: 0;border-radius: 33px;}.select:after {content: "";position: absolute;top: 17px;right: 15px;width: 9px;height: 5px;background-image: url(../img/icons/select-arrow.svg);}.select:hover select, .select:focus select{color: #323232;background-color: #ffffff;outline: 0;}.select:hover::after, .select:focus::after {background-image: url(../img/icons/select-arrow1.svg);}.select option {padding-top: 3px;padding-bottom: 3px;font-size: 14px;line-height: 16px;font-weight: 400;color: #323232;}.select option:hover {background-color: #1e90ff;}.shop-filter__block label {position: relative;margin-right: 14px;padding-left: 32px;vertical-align: middle;font-size: 16px;line-height: 18px;font-weight: 500;color: #ffffff;background-color: transparent;cursor: pointer;}.shop-filter__block.checkboxes label {margin-right: 16px;}.shop-filter__block label:last-child {margin-right: 0;}.radio-btn {content: "";position: absolute;top: -2px;left: 0;display: block;width: 22px;height: 22px;background-image: url(../img/icons/radio-off.svg);background-repeat: no-repeat;opacity: 0.8;}.shop-filter__block input[type="radio"]:checked ~ .radio-btn {background-image: url(../img/icons/radio-on.svg);}.check-btn {content: "";position: absolute;top: -1px;left: 0;display: block;width: 23px;height: 20px;background-image: url(../img/icons/checkbox-off.svg);background-repeat: no-repeat;opacity:0.8;}.shop-filter__block input[type="checkbox"]:checked ~ .check-btn {background-image: url(../img/icons/checkbox-on.svg);}.check-btn:focus, .radio-btn:focus, .check-btn:hover, .radio-btn:hover {opacity: 1;}.shop-filter__block input[type="checkbox"]:checked:disabled ~ .check-btn, .shop-filter__block input[type="checkbox"]:disabled ~ .check-btn, .shop-filter__block input[type="radio"]:checked:disabled ~ .radio-btn, .shop-filter__block input[type="radio"]:disabled ~ .radio-btn {opacity: 0.4;}.shop-filter__form input[type="submit"] {-ms-flex-item-align: end;align-self: flex-end;padding-top: 7px;padding-right: 29px;padding-bottom: 7px;padding-left: 29px;font-size: 16px;line-height: 18px;font-weight: 500;color: #ffffff;background-color: rgba(255, 255, 255, 0.2);border:2px solid #ffffff;border-radius: 22px;}.shop-filter__form input[type="submit"]:hover, .shop-filter__form input[type="submit"]:focus {color: #000000;background-color: #ffffff;outline: 0;}.shop-filter__form input[type="submit"]:active {padding-top: 10px;padding-right: 31px;padding-bottom: 10px;padding-left: 29px;color: #000000;background-color: #ffffff;border: 0;-webkit-box-shadow: inset 0 2px 1px #696969;box-shadow: inset 0 2px 1px #696969;}.shop-filter__block.range {display: block;padding-top: 16px;padding-right: 20px;padding-bottom: 16px;padding-left: 20px;}.range-indicator {position: relative;display: block;width: 180px;height: 4px;background-color: rgba(255, 255, 255, 0.3);}.range-indicator__inside {position: absolute;top: 0;left: 37px;display: block;width: 78px;height: 4px;background-color: #ffffff;}.range-indicator__inside::before, .range-indicator__inside::after {content: "";position: absolute;top: -7px;width: 4px;height: 4px;border-radius: 50%;border: 8px solid #fff;cursor: pointer;}.range-indicator__inside::before {left: -20px;}.range-indicator__inside::after {left: 78px;}.content a {color: #323232;border-bottom: 1px solid rgba(50,50,50,0.3);text-decoration: none;}.content a:hover, .content a:focus, .content a:active {color: #ffbc9e;border-bottom: 1px solid rgba(255,188,158,0.3);}.modal-show {display:block;-webkit-animation-name: floatUnder;animation-name: floatUnder;-webkit-animation-duration: 0.6s;animation-duration: 0.6s;}@-webkit-keyframes floatUnder{0%{-webkit-transform: translate(150px, 80px) scale(0.6) ;transform: translate(150px, 80px) scale(0.6) ;z-index:-1;}50%{-webkit-transform: translate(-50px, -25%) scale(0.90);transform: translate(-50px, -25%) scale(0.90);z-index:3;}100% {-webkit-transform: translate(0, -50%) scale(1);transform: translate(0, -50%) scale(1);z-index:4;}}@keyframes floatUnder{0%{-webkit-transform: translate(150px, 80px) scale(0.6) ;transform: translate(150px, 80px) scale(0.6) ;z-index:-1;}50%{-webkit-transform: translate(-50px, -25%) scale(0.90);transform: translate(-50px, -25%) scale(0.90);z-index:3;}100% {-webkit-transform:translate(0, -50%) scale(1);transform:translate(0, -50%) scale(1);z-index:4;}}.modal-feedback.modal-show ~ .overlay {display:block;-webkit-animation-name: overlayOpacity;animation-name: overlayOpacity;-webkit-animation-duration: 1s;animation-duration: 1s;}.modal-error {-webkit-animation-name: modalError;animation-name: modalError;-webkit-animation-duration: 1s;animation-duration: 1s;}@-webkit-keyframes modalError {0% {-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px);}25% {-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}75% {-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px);}100% {-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}}@keyframes modalError {0% {-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px);}25% {-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}75% {-webkit-transform: translateX(-10px);-ms-transform: translateX(-10px);transform: translateX(-10px);}100% {-webkit-transform: translateX(10px);-ms-transform: translateX(10px);transform: translateX(10px);}}@-webkit-keyframes overlayOpacity{0%{opacity: 0.15;}50%{opacity: 0.25;}100% {opacity: 0.3;}}@keyframes overlayOpacity{0%{opacity: 0.15;}50%{opacity: 0.25;}100% {opacity: 0.3;}}.map-iframe {position: absolute;;top: 0;left: 0;z-index: -1;width: 100%;border: 0;frameborder: 0;} +body{margin:0;font-style:normal;font-size:16px;line-height:22px;font-family:'Roboto',Arial,sans-serif;color:#323232;background-color:#849d8f}.main-title,.h1{margin-top:0;margin-bottom:26px;font-size:35px;line-height:41px;font-weight:700;color:#fff;background-color:inherit}.container{margin-right:auto;margin-left:auto;padding-right:27px;padding-left:27px;width:1200px;-webkit-box-sizing:border-box;box-sizing:border-box}.wrapper{margin-right:-13px;margin-left:-13px;margin-top:0;margin-bottom:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-sizing:border-box;box-sizing:border-box}.btn{display:inline-block;vertical-align:top;padding-top:10px;padding-bottom:10px;padding-right:25px;padding-left:25px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:18px;line-height:24px;font-weight:700;color:#fff;text-decoration:none;background-color:#f06441;background-image:-webkit-linear-gradient(90deg,#f26843 0,#e74a35 100%);background-image:-ms-linear-gradient(90deg,#f26843 0,#e74a35 100%);-webkit-box-shadow:0 2px 2px 0 rgba(172,16,0,0.64);box-shadow:0 2px 2px 0 rgba(172,16,0,0.64);border:transparent;border-radius:33px}.btn:hover,.btn:focus{color:#fff;background-image:-webkit-linear-gradient(90deg,#f58669 0,#ec6f5e 100%);background-image:-ms-linear-gradient(90deg,#f58669 0,#ec6f5e 100%);-webkit-box-shadow:0 2px 2px rgba(172,16,0,1);box-shadow:0 2px 2px rgba(172,16,0,1)}.btn:active{color:#fff;background-image:-webkit-linear-gradient(90deg,#d84732 0,#e1613e 100%);background-image:-ms-linear-gradient(90deg,#d84732 0,#e1613e 100%);-webkit-box-shadow:0 2px 2px 0 rgba(172,16,0,1);box-shadow:0 2px 2px 0 rgba(172,16,0,1)}.btn-small{padding-right:23px;padding-left:23px;font-size:18px}.btn-medium{padding-right:16px;padding-left:16px}.btn-large{padding-right:41px;padding-left:41px;font-size:32px;line-height:43px}img{max-width:100%;height:auto}.visually-hidden{position:absolute;margin:-1px;width:1px;height:1px;white-space:nowrap;overflow:hidden;border:0;padding:0;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%)}.header-block{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:start}.header-navigation{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:start;-webkit-box-sizing:border-box;box-sizing:border-box}.logo{margin-right:10px;margin-top:8px;-ms-flex-negative:0;flex-shrink:0}.top-menu{margin:0;padding:0;margin-top:23px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;list-style:none}.menu-item{position:relative;height:38px}.menu-item>a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-right:14px;padding-left:14px;padding-top:7px;padding-bottom:7px;font-size:inherit;line-height:17px;font-weight:700;color:#fff;text-decoration:none;background-color:transparent;border-radius:32px}.menu-item>a::after{content:"";display:block;height:1px;padding-right:14px;padding-left:14px;background-color:rgba(255,255,255,0.3)}.menu-item:hover>a{color:#323232;background-color:#f7f6f3}.menu-item.current-menu>a{color:#fff;background-color:#d07058}.menu-item.current-menu>a::after,.menu-item:hover>a::after,.menu-item:active>a::after{display:none}.menu-item:hover .drop-down{display:block}.menu-item:active>a{background-color:rgba(248,247,244,0.988);-webkit-box-shadow:inset 0 2px 1px 0 rgba(105,105,105);box-shadow:inset 0 2px 1px 0 rgba(105,105,105);color:#323232}.drop-down{position:absolute;top:37px;left:-6px;z-index:3;display:none;width:143px;margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-box-shadow:0 20px 20px 0 rgba(0,0,0,0.4);box-shadow:0 20px 20px 0 rgba(0,0,0,0.4);list-style:none;border-radius:4px;overflow:hidden}.drop-item a{display:block;padding-top:9px;padding-bottom:5px;padding-left:20px;padding-right:20px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;line-height:16px;color:#323232;background-color:#f7f6f3;text-decoration:none}.drop-item:first-child a{position:relative;padding-top:11px;padding-bottom:11px;font-weight:700}.drop-item:nth-child(2) a{padding-top:13px}.drop-item:last-child a{padding-bottom:13px}.drop-item:first-child a::after{content:"";position:absolute;bottom:0;left:6px;display:block;width:128px;height:1px;background-color:rgba(0,0,0,0.2)}.drop-item a:hover,.drop-item a:focus{background-color:#fbded7}.drop-item a:active{background-color:#f6b5a5}.drop-item.current-menu_drop a{color:#fff;background-color:#d07058}.top-user{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;-ms-flex-negative:0;flex-shrink:0;margin:0;margin-top:23px;margin-left:auto;padding:0;list-style:none}.top-search,.top-cabinet,.top-cart{position:relative;height:38px}.top-search>a,.top-cabinet>a,.top-cart>a{position:relative;font-size:14px;line-height:16px;display:block;margin-left:10px;padding-top:8px;padding-bottom:8px;padding-right:17px;-webkit-box-sizing:border-box;box-sizing:border-box;font-weight:500;text-decoration:none;border-radius:32px}.top-cart>a,.top-cabinet>a{padding-left:44px}.top-search>a,.top-cabinet>a,.top-cart-empty>a{color:#fff;background-color:rgba(255,255,255,0.2)}.top-cart-full>a,.top-search:hover>a,.top-cabinet:hover>a,.top-search:focus>a,.top-cabinet:focus>a{color:#323232;background-color:rgba(248,247,244,0.988)}.top-cabinet>a{background-image:url(../img/icons/entrance1.svg);background-repeat:no-repeat;background-position:16px 6px}.top-cart-empty>a{background-image:url(../img/icons/basket.svg);background-repeat:no-repeat;background-position:16px 6px}.top-cart-full>a{background-image:url(../img/icons/basket-red.svg);background-repeat:no-repeat;background-position:16px 6px}.top-search>a{width:32px;height:32px;background-image:url(../img/icons/loupe.svg);background-repeat:no-repeat;background-position:7px 6px;border-radius:50%}.top-search:hover>a{background-image:url(../img/icons/loupe1.svg)}.top-cabinet:hover>a{background-image:url(../img/icons/entrance.svg)}.top-cabinet:hover .modal-entrance,.top-search:hover .modal-search,.top-cart-full:hover .small-cart{display:block}.modal{z-index:999;position:absolute;background-color:#f8f7f4;-webkit-box-shadow:0 20px 20px 0 rgba(0,0,0,0.4);box-shadow:0 20px 20px 0 rgba(0,0,0,0.4);border-radius:6px}.modal-entrance{top:36px;right:0;display:none;width:278px;padding-top:20px;padding-right:20px;padding-left:19px;padding-bottom:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.modal-entrance form{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.modal-entrance-links{max-width:50%;margin-left:auto;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:13px;line-height:20px}.modal-entrance-links a{color:#323232;border-bottom:1px solid rgba(50,50,50,0.3);text-decoration:none}.modal-entrance-links a:hover,.modal-entrance-links a:focus,.modal-entrance-links a:active{color:#e84d37;border-bottom:1px solid rgba(232,77,55,0.3)}.modal-search{top:37px;right:0;display:none;width:341px;padding-top:20px;padding-right:16px;padding-left:16px;padding-bottom:20px;-webkit-box-sizing:border-box;box-sizing:border-box}.modal-entrance input[type="password"],.modal-entrance input[type="email"],.modal-search input[type="search"],.modal-feedback input[type="text"],.modal-feedback input[type="email"],.modal-feedback textarea{width:100%;padding-top:8px;padding-left:14px;padding-right:14px;padding-bottom:8px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;line-height:24px;color:#323232;background-color:#fff;border:1px solid #d3d3d3;border-radius:5px}.modal-feedback textarea{padding-top:14px;padding-bottom:18px}.modal-entrance input[type="password"],.modal-entrance input[type="email"],.modal-search input[type="search"],.modal-feedback input[type="text"],.modal-feedback input[type="email"]{height:44px}.modal-feedback input[type="text"],.modal-feedback input[type="email"]{width:267px}.modal-entrance label,.modal-search label,.modal-feedback label{position:relative;width:100%;display:inline-block;vertical-align:top}.modal-entrance label,.modal-feedback label{margin-bottom:20px}.modal-feedback input::-webkit-input-placeholder{color:#999;letter-spacing:1px}.modal-feedback input::-moz-placeholder{color:#999;letter-spacing:1px}.modal-feedback input:-moz-placeholder{color:#999;letter-spacing:1px}.modal-feedback input:-ms-input-placeholder{color:#999;letter-spacing:1px}.modal-feedback textarea::-webkit-input-placeholder{color:#999;letter-spacing:1px}.modal-feedback textarea::-moz-placeholder{color:#999;letter-spacing:1px}.modal-feedback textarea:-moz-placeholder{color:#999;letter-spacing:1px}.modal-feedback textarea:-ms-input-placeholder{color:#999;letter-spacing:1px}.modal-entrance input::-webkit-input-placeholder{color:#999;letter-spacing:1px}.modal-entrance input::-moz-placeholder{color:#999;letter-spacing:1px}.modal-entrance input:-moz-placeholder{color:#999;letter-spacing:1px}.modal-entrance input:-ms-input-placeholder{color:#999;letter-spacing:1px}.modal-search input::-webkit-input-placeholder{color:#999;letter-spacing:1px}.modal-search input::-moz-placeholder{color:#999;letter-spacing:1px}.modal-search input:-moz-placeholder{color:#999;letter-spacing:1px}.modal-search input:-ms-input-placeholder{color:#999;letter-spacing:1px}.subscription-form input::-webkit-input-placeholder{color:#999;letter-spacing:1px}.subscription-form input::-moz-placeholder{color:#999;letter-spacing:1px}.subscription-form input:-moz-placeholder{color:#999;letter-spacing:1px}.subscription-form input:-ms-input-placeholder{color:#999;letter-spacing:1px}.modal-entrance input[type="password"]:hover,.modal-entrance input[type="email"]:hover,.modal-search input[type="search"]:hover,.modal-feedback input[type="text"]:hover,.modal-feedback input[type="email"]:hover,.modal-feedback textarea:hover,.subscription-form input[type="email"]:hover{border-width:2px;border-color:#9a9a9a}.modal-entrance input[type="password"]:focus,.modal-entrance input[type="email"]:focus,.modal-search input[type="search"]:focus,.modal-feedback input[type="text"]:focus,.modal-feedback input[type="email"]:focus,.modal-feedback textarea:focus,.subscription-form input[type="email"]:focus{border-width:2px;border-color:rgba(46,136,228,0.5);outline:0}.modal-feedback textarea:hover,.modal-feedback textarea:focus{padding-top:13px;padding-bottom:17px}.modal-feedback{position:fixed;top:50%;left:50%;z-index:6;display:none;width:479px;margin-left:-238px;padding-top:15px;padding-right:25px;padding-bottom:25px;padding-left:25px;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:10px;transform:translate(0,-50%)}.modal-feedback form{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.modal-feedback h2{margin-top:0;margin-bottom:20px;font-size:24px;line-height:28px;font-weight:500}.modal-feedback button{-ms-flex-item-align:end;align-self:flex-end}.modal-feedback .close{position:absolute;top:15px;left:444px;display:block;height:17px;width:17px;background-image:url(../img/icons/cross-big.svg)}.overlay{position:fixed;top:0;left:0;z-index:5;display:none;width:100%;height:100%;background-color:rgba(0,0,0,0.3)}.small-cart{top:37px;right:0;display:none;width:540px;padding-top:20px;padding-right:13px;padding-left:16px;padding-bottom:20px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:13px;line-height:16px;text-align:right;background-color:#f8f7f4}.small-cart a{color:#323232;text-decoration:none}.small-cart a:hover,.small-cart a:focus,.small-cart a:active{color:#e84d37}.small-cart .btn{color:#fff}.small-cart_items{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;border-bottom:1px solid #cacac7;text-align:left;list-style:none}.small-cart_items li{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px}.small-cart_items img{width:32px;height:32px;margin-right:13px;margin-left:13px}.small-cart_items button{width:13px;height:13px;background-color:#f8f7f4;background-image:url(../img/icons/cross-small.svg);background-repeat:no-repeat;border:transparent}.small-cart_item:first-child .small-cart__name{padding-top:0}.small-cart__name{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-right:14px;padding-top:13px}.small-cart__name:first-child{padding-top:0}.small-cart__calculation{margin-right:15px;margin-left:13px;white-space:nowrap}.small-cart__price{color:#999}.small-cart__itemtotal{margin-right:19px;margin-left:13px;white-space:nowrap}.small-cart__total{padding-bottom:0;font-size:15px;font-weight:700;line-height:18px;text-align:right}.header-contacts{position:absolute;top:73px;right:0;width:200px;padding-right:27px}.header-contacts p{width:100%;margin-top:0;margin-bottom:4px;font-size:14px;line-height:16px;text-align:right;color:#fff;background-color:inherit}.header-contacts .top-phone{font-size:22px;line-height:24px;font-weight:700}.main-slider{position:relative;width:1200px;padding-right:27px;padding-left:27px;margin-right:auto;margin-left:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.slider-list{margin:0;padding:0;list-style:none}.slider-item{position:relative;z-index:0;display:none;padding-bottom:41px;text-align:center}.slider-name{z-index:1;max-width:680px;margin-bottom:31px;margin-top:0;margin-left:auto;margin-right:auto;padding-top:312px;font-size:60px;line-height:60px;font-weight:700;color:#fff}.slider-switcher{position:absolute;bottom:60px;left:27px;margin:0;padding:0;list-style:none}.slider-switcher label{display:inline-block;vertical-align:bottom}.slider-switcher label+label{margin-left:5px}.slider-switcher label{padding:0;width:17px;height:17px;text-indent:-9999px;border:2px solid #fff;border-radius:50%;background-color:transparent}.slider-switcher label:hover{background-color:rgba(255,255,255,0.4)}.main-wrapper{min-width:940px;background-color:#849d8f;background-image:url("../img/morozhenki.png");background-repeat:no-repeat;background-position:top center;-webkit-transition:background-image .5s ease,background-color .5s ease;-o-transition:background-image .5s ease,background-color .5s ease;transition:background-image .5s ease,background-color .5s ease}#first-offer:checked~.main-wrapper{background-color:#849d8f;background-image:url(../img/morozhenki.png)}#second-offer:checked~.main-wrapper{background-color:#8996a6;background-image:url(../img/morozhenki2.png)}#third-offer:checked~.main-wrapper{background-color:#9d8b84;background-image:url(../img/morozhenki3.png)}#first-offer:checked~.main-wrapper #first-slide,#second-offer:checked~.main-wrapper #second-slide,#third-offer:checked~.main-wrapper #third-slide{display:block}#first-offer:checked~.main-wrapper .slider-switcher label[for="first-offer"],#second-offer:checked~.main-wrapper .slider-switcher label[for="second-offer"],#third-offer:checked~.main-wrapper .slider-switcher label[for="third-offer"]{background-color:#fff}.main-specials{margin-bottom:34px}.main-specials_list{padding:0;list-style:none}.main-specials_list li{z-index:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;width:560px;margin-left:13px;margin-right:13px;padding-top:19px;padding-left:19px;padding-bottom:25px;padding-right:19px;background-repeat:no-repeat;background-position:0 0;background-size:cover;border-radius:16px}.main-specials_list li:nth-child(1){background-color:#bc0029;background-image:url(../img/strawberry-bg2.jpg)}.main-specials_list li:nth-child(2){background-color:#704c43;background-image:url(../img/shocolate-bg.jpg)}.main-specials_list h3{margin-bottom:18px;margin-top:0;font-size:35px;line-height:35px;font-weight:700;color:#fff;background-color:transparent}.main-specials_list p{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-top:0;margin-bottom:44px;font-size:18px;line-height:22px;font-weight:700;color:#fff}.main-specials_list .btn{-ms-flex-item-align:end;align-self:flex-end}.main-hotproducts_list{margin-bottom:0;margin-top:0;padding:0;list-style:none}.main-hotproducts_list li{margin-bottom:37px}.catalog-item.hot:before{content:"";position:absolute;top:6px;left:13px;z-index:1;display:block;width:33px;height:33px;padding:14px;background-color:#fff;background-image:url(../img/hit.png);background-repeat:no-repeat;background-position:50% 50%;border-radius:50%}.catalog-item{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:293px;padding-right:13px;padding-left:13px;padding-top:6px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center}.catalog-item:hover{z-index:3;margin-bottom:-83px;background-color:rgba(248,247,244,0.2);-webkit-box-shadow:0 20px 20px 0 rgba(0,0,0,0.4);box-shadow:0 20px 20px 0 rgba(0,0,0,0.4);border-radius:4px}.catalog-item a{position:relative}.catalog-item__name{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;width:100%;padding-top:8px;padding-right:5px;padding-left:6px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;line-height:22px;letter-spacing:1px;color:#fff;text-decoration:none;background-color:transparent}.catalog-item__name span{color:#fff;border-bottom:1px solid rgba(255,255,255,0.2)}.item-catalog__price{position:absolute;bottom:14px;left:-2px;margin:0;font-size:45px;line-height:45px;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(49,50,53,0.5)}.item-catalog__price span{position:relative;padding-left:38px;font-size:30px}.item-catalog__price span::before{content:"";position:absolute;bottom:6px;left:5px;width:32px;height:35px;background-image:url(../img/icons/ruble.svg)}.item-hover{display:none;margin-top:8px;margin-bottom:20px}.catalog-item:hover .item-hover{display:block}.main-advantages{margin-bottom:40px}.advantages-inside{padding-top:25px;padding-right:20px;padding-left:20px;padding-bottom:15px;background-color:#ede1c4;background-image:url(../img/waffle.jpg);background-repeat:repeat-x;border-radius:14px}.advantages-list{padding:0;-webkit-box-sizing:border-box;box-sizing:border-box;list-style:none}.advantages-inside h2{margin-top:0;margin-bottom:8px;font-size:24px;line-height:30px;font-weight:500}.advantages-item{position:relative;width:540px;padding-top:14px;padding-left:57px;margin-right:13px;margin-left:13px;margin-bottom:8px;-webkit-box-sizing:border-box;box-sizing:border-box}.advantages-item:before{content:"";position:absolute;top:0;left:0;width:50px;height:50px;background-repeat:no-repeat;background-position:0 0}.advantages-item:nth-child(1)::before{background-image:url(../img/icons/ice-cream.svg)}.advantages-item:nth-child(3)::before{background-image:url(../img/icons/leaf.svg)}.advantages-item:nth-child(2)::before{background-image:url(../img/icons/cow.svg)}.advantages-item:nth-child(4)::before{background-image:url(../img/icons/thermometer.svg)}.main-news,.main-subscription{position:relative;width:560px;margin-right:13px;margin-left:13px;margin-bottom:39px;-webkit-box-sizing:border-box;box-sizing:border-box;background-repeat:no-repeat;background-size:cover;border-radius:14px}.main-subscription form{display:-webkit-box;display:-ms-flexbox;display:flex}.main-news{padding-top:24px;padding-right:20px;padding-bottom:24px;padding-left:19px;background-color:#fff;background-image:url(../img/bg-strawberry.png)}.main-subscription .btn{margin-left:auto}.main-news h2{margin-top:0;margin-bottom:0;font-size:16px;line-height:22px;font-weight:500}.main-news a{display:block;margin-top:3px;padding-right:240px;font-size:24px;line-height:30px;font-weight:700;color:#323232;text-decoration:underline}.main-news a:hover,.main-news a:focus,.main-news a:active{color:#e84d37}.main-subscription{padding-top:35px;padding-right:27px;padding-bottom:40px;padding-left:27px;background-color:#f8f7f4;background-image:url(../img/post.png);background-repeat:no-repeat;background-size:cover}.main-subscription h2{margin-top:0;margin-bottom:35px;font-size:16px;line-height:22px;font-weight:400;color:#5a5a5a;background-color:#f8f7f4}.subscription-form input[type="email"]{height:44px;width:100%;padding-top:8px;padding-left:14px;padding-right:14px;padding-bottom:8px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:14px;line-height:24px;color:#323232;background-color:#fff;border:1px solid #d3d3d3;border-radius:5px}.subscription-form{position:relative;display:inline-block;width:368px;vertical-align:top;-webkit-box-sizing:border-box;box-sizing:border-box}.subscription-form span{position:absolute;top:10px;left:13px;display:block;font-size:13px;line-height:24px;letter-spacing:1px;color:#999;background-color:inherit}.map{position:relative;z-index:0;width:100%;background-color:inherit;background-image:url(../img/map-image.png);background-repeat:no-repeat;background-size:cover}.map .container{display:-webkit-box;display:-ms-flexbox;display:flex}.main-adress{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:302px;margin-top:63px;margin-bottom:63px;margin-left:auto;padding-top:30px;padding-right:25px;padding-bottom:30px;padding-left:25px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:#fff;border-radius:10px}.main-adress p{margin-top:0;margin-bottom:0;font-size:14px;line-height:20px;font-weight:400}.main-adress .adress-bold{font-size:18px;line-height:24px;font-weight:700}.adress-bold.adress{margin-bottom:18px;margin-top:0}.adress-bold.phone{margin-bottom:3px;margin-top:4px}.main-adress p+.btn{margin-top:23px}.main-fotter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-bottom:25px}.main-fotter::before{content:"";display:block;-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;width:100%;height:1px;margin-bottom:28px;background-color:rgba(255,255,255,0.3)}.social{display:-webkit-box;display:-ms-flexbox;display:flex;margin:0;padding:0;list-style:none}.social li{-webkit-box-sizing:border-box;box-sizing:border-box}.social li+li{margin-left:9px}.social a{display:block;width:40px;height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;background-color:transparent;border:4px solid rgba(255,255,255,0.5);border-radius:50%;text-decoration:none}.social a:hover,.social a:focus{border:4px solid rgba(255,255,255,0.75)}.social a:active{border:4px solid #fff}.bottom-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.bottom-menu,.bottom-submenu{margin:0;padding:0;list-style:none}.bottom-submenu{padding-right:14px}.bottom-menu li{position:relative}.bottom-submenu:first-child li{padding-left:20px}.bottom-menu__heart a{font-weight:600}.bottom-menu__heart a::before{content:"";position:absolute;bottom:4px;left:0;width:15px;height:13px;background-image:url(../img/icons/heart.svg)}.bottom-menu a{font-size:13px;line-height:18px}.bottom-menu a,.main-created a{color:#fff;background-color:inherit;text-decoration:none;border-bottom:1px solid rgba(255,255,255,0.3)}.bottom-menu a:hover,.bottom-menu a:focus,.bottom-menu a:active,.main-created a:hover,.main-created a:focus,.main-created a:active{color:#ffbc9e;border-bottom:1px solid rgba(255,188,158,0.3)}.main-created span,.main-created a{font-size:12px;line-height:18px;color:#fff;background-color:inherit}.main-created{margin:0;margin-top:-10px}.main-created img{display:block}.breadcrumbs{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:277px;margin-top:21px;margin-bottom:4px;padding:0;list-style:none}.breadcrumbs li{position:relative}.breadcrumbs li+li{padding-left:21px}.breadcrumbs li+li::before,.breadcrumbs li+li::after{content:"";position:absolute;top:5px;width:4px;height:4px;background-color:inherit;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.breadcrumbs li+li::before{left:6px}.breadcrumbs li+li::after{left:9px}.breadcrumbs a,.breadcrumbs li{font-size:14px;line-height:16px;color:#fff;background-color:inherit}.breadcrumbs a{text-decoration:none;border-bottom:1px solid rgba(255,255,255,0.3)}.breadcrumbs a:hover,.breadcrumbs a:focus,.breadcrumbs a:active{color:#ffbc9e;border-bottom:1px solid rgba(255,188,158,0.3)}.catalog-list{margin-bottom:48px;margin-top:0;padding:0;list-style:none}.catalog-list li{margin-bottom:31px}.pagination{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:30px;margin-top:0;padding:0;list-style:none}.pagination li{width:27px;height:27px;margin-left:1px;text-align:center;background-color:transparent;border-radius:50%}.pagination-link{position:relative;display:block;padding:5px 6px;font-size:16px;line-height:18px;font-weight:500;color:#fff;text-decoration:none;background-color:transparent;border-radius:50%;cursor:pointer}.pagination li:hover,.pagination li:focus{background-color:#fff;background-color:rgba(255,255,255,0.3)}.pagination li:active,.pagination .current{color:#323232;background-color:#fff}.current .pagination-link,.pagination-link:active{color:#323232}.pagination .pagination-previous::before,.pagination .pagination-next::before{content:"";position:absolute;top:8px;width:6px;height:6px;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.pagination .pagination-previous:not([href])::before,.pagination .pagination-next:not([href])::before{opacity:.3}.pagination .pagination-previous::before{left:10px;border-left:2px solid #fff;border-bottom:2px solid #fff;border-right:transparent;border-top:transparent}.pagination .pagination-next::before{right:10px;border-right:2px solid #fff;border-top:2px solid #fff;border-left:transparent;border-bottom:transparent}.shop-filter{margin-bottom:34px}.shop-filter__form{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.shop-filter__name{display:block;margin-bottom:6px;padding-left:16px;font-size:14px;line-height:16px;font-weight:500;color:#fff;background-color:inherit}.shop-filter__fieldset{border:0;margin:0;padding:0}.shop-filter__block{margin-right:15px;margin-bottom:0;padding-top:7px;padding-right:17px;padding-bottom:7px;padding-left:16px;background-color:rgba(255,255,255,0.2);border-radius:32px;overflow:hidden}.select{position:relative;display:block;margin-right:14px;margin-bottom:14px}.select select{position:relative;padding-top:10px;padding-right:42px;padding-bottom:10px;padding-left:16px;-webkit-appearance:none;-moz-appearance:none;font-size:15px;line-height:18px;font-weight:600;color:#fff;background-color:rgba(255,255,255,0.2);border:0;border-radius:33px}.select select::-ms-expand{display:none}.select:after{content:"";position:absolute;top:17px;right:15px;width:9px;height:5px;background-image:url(../img/icons/select-arrow.svg)}.select:hover select,.select:focus select{color:#323232;background-color:#fff;outline:0}.select:hover::after,.select:focus::after{background-image:url(../img/icons/select-arrow1.svg)}.select option{padding-top:3px;padding-bottom:3px;font-size:14px;line-height:16px;font-weight:400;color:#323232}.select option:hover{background-color:#1e90ff}.shop-filter__block label{position:relative;margin-right:14px;padding-left:32px;vertical-align:middle;font-size:16px;line-height:18px;font-weight:500;color:#fff;background-color:transparent;cursor:pointer}.shop-filter__block.checkboxes label{margin-right:17px}.shop-filter__block label:last-child{margin-right:0}.radio-btn{content:"";position:absolute;top:-2px;left:0;display:block;width:22px;height:22px;background-image:url(../img/icons/radio-off.svg);background-repeat:no-repeat;opacity:.8}.shop-filter__block input[type="radio"]:checked~.radio-btn{background-image:url(../img/icons/radio-on.svg)}.check-btn{content:"";position:absolute;top:-1px;left:0;display:block;width:23px;height:20px;background-image:url(../img/icons/checkbox-off.svg);background-repeat:no-repeat;opacity:.8}.shop-filter__block input[type="checkbox"]:checked~.check-btn{background-image:url(../img/icons/checkbox-on.svg)}.check-btn:focus,.radio-btn:focus,.check-btn:focus-within,.radio-btn:focus-within,.check-btn:hover,.radio-btn:hover{opacity:1}.shop-filter__block:focus,.shop-filter__block:focus-within{outline:1px solid #fff}.shop-filter__block input[type="checkbox"]:checked:disabled~.check-btn,.shop-filter__block input[type="checkbox"]:disabled~.check-btn,.shop-filter__block input[type="radio"]:checked:disabled~.radio-btn,.shop-filter__block input[type="radio"]:disabled~.radio-btn{opacity:.4}.shop-filter__block input[type="checkbox"]:focus~.check-btn,.shop-filter__block input[type="checkbox"]:focus~.check-btn,.shop-filter__block input[type="radio"]:focus-within~.radio-btn,.shop-filter__block input[type="radio"]:focus-within~.radio-btn{opacity:1}.shop-filter__form input[type="submit"]{-ms-flex-item-align:end;align-self:flex-end;padding-top:7px;padding-right:29px;padding-bottom:7px;padding-left:29px;font-size:16px;line-height:18px;font-weight:500;color:#fff;background-color:rgba(255,255,255,0.2);border:2px solid #fff;border-radius:22px}.shop-filter__form input[type="submit"]:hover,.shop-filter__form input[type="submit"]:focus{color:#000;background-color:#fff;outline:0}.shop-filter__form input[type="submit"]:active{padding-top:10px;padding-right:31px;padding-bottom:10px;padding-left:29px;color:#000;background-color:#fff;border:0;-webkit-box-shadow:inset 0 2px 1px #696969;box-shadow:inset 0 2px 1px #696969}.shop-filter__block.range{display:block;padding-top:16px;padding-right:20px;padding-bottom:16px;padding-left:20px}.range-label:focus .shop-filter__block.range{outline:1px solid #fff}.shop-filter__block.range:focus,.shop-filter__block.range:focus-within{outline:-webkit-focus-ring-color auto 1px}.range-indicator{position:relative;display:block;width:180px;height:4px;background-color:rgba(255,255,255,0.3)}.range-indicator__inside{position:absolute;top:0;left:37px;display:block;width:78px;height:4px;background-color:#fff}.range-indicator__inside::before,.range-indicator__inside::after{content:"";position:absolute;top:-7px;width:4px;height:4px;border-radius:50%;border:8px solid #fff;cursor:pointer}.range-indicator__inside::before{left:-20px}.range-indicator__inside::after{left:78px}.content a{color:#323232;border-bottom:1px solid rgba(50,50,50,0.3);text-decoration:none}.content a:hover,.content a:focus,.content a:active{color:#ffbc9e;border-bottom:1px solid rgba(255,188,158,0.3)}.modal-show{display:block;-webkit-animation-name:floatUnder;animation-name:floatUnder;-webkit-animation-duration:.6s;animation-duration:.6s}@-webkit-keyframes floatUnder{0%{-webkit-transform:translate(150px,80px) scale(0.6);transform:translate(150px,80px) scale(0.6);z-index:-1}50%{-webkit-transform:translate(-50px,-25%) scale(0.90);transform:translate(-50px,-25%) scale(0.90);z-index:3}100%{-webkit-transform:translate(0,-50%) scale(1);transform:translate(0,-50%) scale(1);z-index:4}}@keyframes floatUnder{0%{-webkit-transform:translate(150px,80px) scale(0.6);transform:translate(150px,80px) scale(0.6);z-index:-1}50%{-webkit-transform:translate(-50px,-25%) scale(0.90);transform:translate(-50px,-25%) scale(0.90);z-index:3}100%{-webkit-transform:translate(0,-50%) scale(1);transform:translate(0,-50%) scale(1);z-index:4}}.modal-feedback.modal-show~.overlay{display:block;-webkit-animation-name:overlayOpacity;animation-name:overlayOpacity;-webkit-animation-duration:1s;animation-duration:1s}.modal-error{-webkit-animation-name:modalError;animation-name:modalError;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes modalError{0%{-webkit-transform:translate(-10px,-50%);-ms-transform:translate(-10px,-50%);transform:translate(-10px,-50%)}25%{-webkit-transform:translate(10px,-50%);-ms-transform:translate(10px,-50%);transform:translate(10px,-50%)}75%{-webkit-transform:translate(-10px,-50%);-ms-transform:translate(-10px,-50%);transform:translate(-10px,-50%)}100%{-webkit-transform:translate(10px,-50%);-ms-transform:translate(10px,-50%);transform:translate(10px,-50%)}}@keyframes modalError{0%{-webkit-transform:translate(-10px,-50%);-ms-transform:translate(-10px,-50%);transform:translate(-10px,-50%)}25%{-webkit-transform:translate(10px,-50%);-ms-transform:translate(10px,-50%);transform:translate(10px,-50%)}75%{-webkit-transform:translate(-10px,-50%);-ms-transform:translate(-10px,-50%);transform:translate(-10px,-50%)}100%{-webkit-transform:translate(10px,-50%);-ms-transform:translate(10px,-50%);transform:translate(10px,-50%)}}@-webkit-keyframes overlayOpacity{0%{opacity:.15}50%{opacity:.25}100%{opacity:.3}}@keyframes overlayOpacity{0%{opacity:.15}50%{opacity:.25}100%{opacity:.3}}.map-iframe{position:absolute;top:0;left:0;z-index:-1;width:100%;border:0;frameborder:0} diff --git a/index.html b/index.html index 776e5c8..06ded4e 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,7 @@ Магазин мороженного Glaccy - + @@ -42,8 +42,8 @@
@@ -54,12 +54,12 @@
@@ -221,8 +221,8 @@

Новое в нашем блоге

Подпишитесь на нашу сладкую рассылку и будете всегда в курсе всего самого вкусного, что у нас происходит. Обещаем не спамить и не слать всякой ненужной ерунды. Честно =)

@@ -313,21 +313,21 @@

Мы обязательно Вам ответим

- + diff --git a/js/popup.js b/js/popup.js index 2cf2f72..5637347 100644 --- a/js/popup.js +++ b/js/popup.js @@ -1,7 +1,7 @@ var link = document.querySelector(".feedback-link"); var popup = document.querySelector(".modal-feedback"); var close = document.querySelector(".close"); -var overlayClose= document.querySelector(".overlay"); +var overlayClose = document.querySelector(".overlay"); var userName = popup.querySelector("[name=user-name]"); var userEmail = popup.querySelector("[name=email]"); var userMessage = popup.querySelector("[name=message]"); @@ -9,52 +9,53 @@ var form = popup.querySelector(".feedback_form"); var isStorageSupport = true; var storage = ""; + try { - storage = localStorage.getItem("userName") + storage = localStorage.getItem("userName") } catch (err) { - isStorageSupport = false; + isStorageSupport = false; } link.addEventListener("click", function (evt) { - evt.preventDefault(); - popup.classList.add("modal-show"); + evt.preventDefault(); + popup.classList.add("modal-show"); - if (storage) { - userName.value=storage; - userEmail.focus(); - } else { - userName.focus(); - } + if (storage) { + userName.value = storage; + userEmail.focus(); + } else { + userName.focus(); + } }) close.addEventListener("click", function (evt) { - evt.preventDefault(); - popup.classList.remove("modal-show"); + evt.preventDefault(); + popup.classList.remove("modal-show"); }); -overlayClose.addEventListener("click", function(evt) { - evt.preventDefault(); - popup.classList.remove("modal-show"); - popup.classList.remove("modal-error"); +overlayClose.addEventListener("click", function (evt) { + evt.preventDefault(); + popup.classList.remove("modal-show"); + popup.classList.remove("modal-error"); }) form.addEventListener("submit", function (evt) { - if (!userName.value || !userEmail.value || !userMessage.value) { - evt.preventDefault(); - popup.classList.remove("modal-error"); - popup.offsetWidth = popup.offsetWidth; - popup.classList.add("modal-error"); - } else { - if (isStorageSupport) { - localStorage.setItem("userName", userName.value ); - } - } - }) + if (!userName.value || !userEmail.value || !userMessage.value) { + evt.preventDefault(); + popup.classList.remove("modal-error"); + popup.offsetWidth = popup.offsetWidth; + popup.classList.add("modal-error"); + } else { + if (isStorageSupport) { + localStorage.setItem("userName", userName.value); + } + } +}) - window.addEventListener("keydown", function(evt) { - if (evt.keyCode === 27) { - if (popup.classList.contains("modal-show")) { - evt.preventDefault(); - popup.classList.remove("modal-show"); - popup.classList.remove("modal-error"); - } - } - }) +window.addEventListener("keydown", function (evt) { + if (evt.keyCode === 27) { + if (popup.classList.contains("modal-show")) { + evt.preventDefault(); + popup.classList.remove("modal-show"); + popup.classList.remove("modal-error"); + } + } +}) diff --git a/js/popup.min.js b/js/popup.min.js index 3446fb1..5c1938d 100644 --- a/js/popup.min.js +++ b/js/popup.min.js @@ -1,5 +1 @@ -var link=document.querySelector(".feedback-link");var popup=document.querySelector(".modal-feedback");var close=document.querySelector(".close");var overlayClose=document.querySelector(".overlay");var userName=popup.querySelector("[name=user-name]");var userEmail=popup.querySelector("[name=email]");var userMessage=popup.querySelector("[name=message]");var form=popup.querySelector(".feedback_form");var isStorageSupport=!0;var storage="";try{storage=localStorage.getItem("userName")}catch(err){isStorageSupport=!1} -link.addEventListener("click",function(evt){evt.preventDefault();popup.classList.add("modal-show");if(storage){userName.value=storage;userEmail.focus()}else{userName.focus()}}) -close.addEventListener("click",function(evt){evt.preventDefault();popup.classList.remove("modal-show")});overlayClose.addEventListener("click",function(evt){evt.preventDefault();popup.classList.remove("modal-show")}) -form.addEventListener("submit",function(evt){if(!userName||!userEmail||!userMessage){evt.preventDefault();popup.classList.add("modal-error")}else{if(isStorageSupport){localStorage.setItem("userName",userName.value)}}}) -window.addEventListener("keydown",function(evt){if(evt.keyCode===27){if(popup.classList.contains("modal-show")){evt.preventDefault();popup.classList.remove("modal-show")}}}) +var link=document.querySelector(".feedback-link");var popup=document.querySelector(".modal-feedback");var close=document.querySelector(".close");var overlayClose=document.querySelector(".overlay");var userName=popup.querySelector("[name=user-name]");var userEmail=popup.querySelector("[name=email]");var userMessage=popup.querySelector("[name=message]");var form=popup.querySelector(".feedback_form");var isStorageSupport=true;var storage="";try{storage=localStorage.getItem("userName")}catch(err){isStorageSupport=false}link.addEventListener("click",function(a){a.preventDefault();popup.classList.add("modal-show");if(storage){userName.value=storage;userEmail.focus()}else{userName.focus()}});close.addEventListener("click",function(a){a.preventDefault();popup.classList.remove("modal-show")});overlayClose.addEventListener("click",function(a){a.preventDefault();popup.classList.remove("modal-show");popup.classList.remove("modal-error")});form.addEventListener("submit",function(a){if(!userName.value||!userEmail.value||!userMessage.value){a.preventDefault();popup.classList.remove("modal-error");popup.offsetWidth=popup.offsetWidth;popup.classList.add("modal-error")}else{if(isStorageSupport){localStorage.setItem("userName",userName.value)}}});window.addEventListener("keydown",function(a){if(a.keyCode===27){if(popup.classList.contains("modal-show")){a.preventDefault();popup.classList.remove("modal-show");popup.classList.remove("modal-error")}}});