/* breakpoints */
/* grid */
/* sizes */
/* fonts */
/* color */
/* shadow */

.goods__items .old-price, .goods__item-2 .old-price{
  font-size: 19px;
  text-decoration: line-through;
  position: absolute;
  right: 0;
  margin-top: -20px;
}

.aside__price .old-price{
  font-size: 19px;
  text-decoration: line-through;
  position: absolute;
  right: 20px;
  margin-top: -20px;
}

.sale-price-per-article-for-discount, .nosale .sales-price-per-article{
  text-align: right;
  font-family: "Effra", sans-serif;
  font-weight: 700;
}

.search__map img{
  width:270px;
}

.video-btn-wrapper{
  border: 1px solid #b4b4b4;
  padding: 15px;
  cursor: pointer;
  margin-bottom:8px;
  position: relative;
}

.video-btn-wrapper .yt-bg{
  width:100%;
}

.video-btn-wrapper .play-btn-slider{
  position: absolute;
  top:0;
  left:0;
  bottom:0;
  right:0;
  margin: auto;
}

.goods__item-2{
  text-align:right;
}

#footer-guy{
  display:none;
}

.TrengoWidgetLauncher__iframe, .TrengoOnlineStatus__iframe{
  display: none;
  bottom: 80px !important;
}

@media (min-width: 1360px) {
  #footer-guy{
    position: absolute;
    display:block;
    bottom: 1px;
    margin-left: -37%;
  }

  .TrengoWidgetLauncher__iframe, .TrengoOnlineStatus__iframe{
    display: block;
    bottom: 80px !important;
  }
}

#search-results-container{
  position:absolute;
  display:none;
  background:white;
  max-height:300px;
  overflow: hidden;
  box-shadow:4px 8px 12px -7px #000;
  z-index:50;
}

#search-results-container ul li{
  padding:4px 10px;
}

#search-results-container ul li:hover{
  background: #dedede;
}

#search-results-container ul li a{
  display:block;
  font-family: Roboto;
  font-size: 16px;
  text-transform: uppercase;
  color:#333;
  text-decoration: none;
}

/*#codeigniter_profiler{*/
/*  display: none;*/
/*}*/
.hidden{
  display:none;
}
.homepage .search-dealer__container .middle-section, .cart-validation-modal__content div, .order-dropdown__ordered-fireworks, .free-fireworks__section, .add-to-cart-modal__add, .about-dropdown-cart__order, .top-menu-dropdown__menu-list ul li a, .top-menu-dropdown__logo, .search-pickup-modal .search__contact-container, .sort-filter-dropdown__item, .color-filter-dropdown__color-list li, .header__container {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.security-features .devices__device div, .security-features .devices__device, .security-features .video__container, .homepage .congrats__bg, .free-fireworks-2__middle-section, .free-fireworks-2__header, .add-to-cart-modal__middle-section, .add-to-cart-modal__header, .search-pickup-modal .search__container, .search-dropdown__container, .btn-primary {
  display: flex;
  justify-content: center;
  align-items: center;
}

.giftcard .content__payment .terms__checkbox-section, .giftcard .content__payment ul li a, .top-menu-dropdown__social, .top-menu-dropdown__menu-list .profile, .top-menu-dropdown__pointer, .menu-dropdown__item, .btn, .footer__socials {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.cart .content-container .free-list__title span, .cart .content-container .purchase-list__item p, .cart .content-container .cart-list__count .item-count, .cart, .product .content-container .reviews__item .item-facebook__count,
.product .content-container .reviews__item .item-google__count, .product .content-container .features__item-title, .product .content-container .description__text, .product .content-container .options__list, .product .content-container .discount-price__info, .product .content-container .price__info, .product, .history, .media, .single-brand .brand-info .description,
.single-brand .brand-info .description-bottom, .single-brand, .checkout3 .checkout3-container .share, .checkout3 .checkout3-container .aside-inform, .checkout3 .checkout3-container .aside-data, .checkout3 .checkout3-container .aside-time, .checkout3 .checkout3-container, .checkout2 .note p, .checkout2 .checkout2-container .step2-form .select__amount select, .checkout2 .checkout2-container .step2-form .checkbox-container__disabled p, .checkout2 .checkout2-container .step2-form .checkbox-container__empty p, .checkout2 .checkout2-container .step2-form .checkbox-title, .checkout2 .checkout2-container, .checkout1 .contact-form__second-name input, .checkout1 .contact-form__email input, .checkout1 .contact-form__telephone input, .checkout1 .contact-form__name div > input, .checkout1 .contact-form__street div > input, .checkout1 .contact-form__postcode div > input, .checkout1, .about, .giftcard .content .contact-form__second-name input, .giftcard .content .contact-form__email input, .giftcard .content .contact-form__telephone input, .giftcard .content .contact-form__name div > input, .giftcard .content .contact-form__street div > input, .giftcard .content .contact-form__postcode div > input, .giftcard .content__amount select, .giftcard .content__group select, .giftcard, .security-features, .category .goods__item-1 div ul li, .category, .account-inloggin, .all-pickup-points, .pickup-point, .brands, .faq, .accountpage .contact-form__second-name input, .accountpage .contact-form__email input, .accountpage .contact-form__telephone input, .accountpage .contact-form__name div > input, .accountpage .contact-form__street div > input, .accountpage .contact-form__postcode div > input, .accountpage, .contactpage .contact-form__second-name input,
.contactpage .contact-form__second-name textarea, .contactpage .contact-form__email input,
.contactpage .contact-form__email textarea, .contactpage .contact-form__telephone input,
.contactpage .contact-form__telephone textarea, .contactpage .contact-form__textarea input,
.contactpage .contact-form__textarea textarea, .contactpage .contact-form__name div > input, .contactpage, .homepage .goods__item-1 div ul li, .homepage .search-dealer__container .middle-section a, .homepage .search__link, .cart-validation-modal, .order-dropdown__order-buttons button, .free-fireworks-2__bottom-section .goods__item-1 div ul li, .free-fireworks-2__bottom-section .goods__item-1 div span, .free-fireworks-2__middle-section div span, .add-to-cart-modal__bottom-section .goods__item-1 div span, .add-to-cart-modal__middle-section div span, .about-dropdown-cart, .top-menu-dropdown__copyright, .search-pickup-modal .search__container > input::placeholder, .search-pickup-modal, .menu-dropdown__item .links p, .sort-filter-dropdown__header p, .color-filter-dropdown__header p, .all-filters-dropdown__header p, .footer__copyrights, .footer__international, .footer {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

.cart .content-container .order-btn__order, .cart .content-container .code-field__btn, .cart .content-container .cart-list__title, .product .content-container .reviews__item .reviews-title, .product .content-container .description__title, .product .content-container .options__title, .product .content-container .discount-price__recommend, .product .content-container .price__recommend, .product .content-container .price__lowest-price, .checkout2 .note strong, .checkout2 .checkout2-container .step2-form .checkbox-container__active p, .category .section-title-2 a, .contactpage .contact-form p a, .order-dropdown, .top-menu-dropdown__menu-list ul li a, .top-menu-dropdown__pointer p, .sort-filter-dropdown, .color-filter-dropdown, .all-filters-dropdown__menu-list li .disabled, .all-filters-dropdown, .category-dropdown, .packers h2, .btn-primary, .btn {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
}

.cart .content-container .free-list__title, .cart .content-container__title, .product .content-container .discount-price__title-right, .product .content-container .price__recommend-count, .product .content-container .price__lowest-price-count, .product .content-container__title, .single-brand .brand-info .brand-title,
.single-brand .brand-info .project-name, .checkout3 .checkout3-container .safety-title, .checkout3 .checkout3-container .share-question, .checkout3 .checkout3-container .aside-title, .checkout3 .checkout3-container .aside-name, .checkout2 .checkout2-container .step2-form h1, .checkout1 .contact-form p, .pickup-point .contact__address h3, .accountpage .products__title, .accountpage .contact-form p, .contactpage .contact__address h3, .free-fireworks-2__bottom-section .goods__item-2, .free-fireworks, .packers .goods__item-1 div h4 {
  font-family: "Effra", sans-serif;
  font-size: 14px;
  font-weight: 700;
}

/* Effra */
@font-face {
  font-family: "Effra";
  src: url("../fonts/Effra-MediumItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-style: italic;
}
/* Roboto */
@font-face {
  font-family: "Roboto";
  src: url("../fonts/RobotoCondensed-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/RobotoCondensed-Light.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  display: swap;
}
@font-face {
  font-family: "Roboto";
  src: url("../fonts/RobotoCondensed-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  display: swap;
}
* {
  box-sizing: border-box;
}

html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1.2;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

ol {
  padding-left: 0;
  list-style: decimal;
}

ul {
  padding-left: 0;
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

.header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  /*height: 50px;*/
  background-color: #f2f2f2;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.16);
  z-index: 50;
}
.header__container {
  height: 100%;
  padding: 8px 15px 2px 15px;
}
.header__logo > .cover-image {
  width: 164px;
  height: 34px;
}
.header__search-dropdown {
  margin-right: 31px;
  text-decoration: none;
}
.header__center, .header__search, .header__controls, .header__pointer {
  display: none;
}
@media (min-width: 768px) {
  .header__center, .header__rating-container {
    display: flex;
    align-items: center;
  }
  .header__search-container {
    display: none;
  }
  .header__stars {
    display: flex;
  }
  .header__stars li:not(:last-child) {
    margin-right: 8px;
  }
  .header__rating {
    margin-left: 20px;
    color: #333333;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
  }
}
@media (min-width: 1360px) {
  .header {
    height: 110px;
    background-color: #fff;
    position: static;
    box-shadow: none;
  }
  .header__container {
    max-width: 1340px;
    margin: 0 auto;
  }
  .header__logo > .cover-image {
    width: 278px;
    height: 58px;
  }
  .header__pointer {
    display: flex;
    align-items: center;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 11px;
    margin-bottom: 10px;
    margin-left: 10px;
  }
  .header__pointer img {
    margin-right: 9px;
  }
  .header__right {
    display: none;
  }
  .header__center {
    display: flex;
    flex-direction: column;
    text-align: center;
    position: relative;
  }
  .header__rating-container {
    margin-bottom: 15px;
  }
  .header__search-container {
    display: block;
    position: relative;
  }
  .header__search-container > input {
    width: 442px;
    height: 40px;
    border-radius: 25px;
    border: 1px solid #dedede;
    padding: 10px 15px;
    outline: none;
  }
  .header .header__search-container > input::placeholder {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    color: #b4b4b4;
    font-size: 16px;
    font-weight: 400;
  }
  .header__search-container > span {
    position: absolute;
    right: 0;
    bottom: -7px;
    z-index:51;
  }
  .header__controls {
    display: flex;
    flex-direction: column;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    color: #333333;
    min-width: 330px;
    text-transform: uppercase;
  }
  .header__top {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3px;
    position: relative;
  }
  .header__top .dropdown {
    margin-right: 18px;
    height: 32px;
    display: flex;
    align-items: center;
  }
  .header__top .dropdown .dropdown-icon {
    transition: all 0.25s ease-out;
    margin-left: 9px;
  }
  .header__top .dropdown .open-icon {
    transform: rotate(180deg);
    transition: all 0.25s ease-out;
  }
  .header__top a {
    text-decoration: none;
    color: #333333;
  }
  .header__top a:hover {
    text-decoration: underline;
  }
  .header__top > .cover-image {
    margin-right: 71px;
  }
  .header__bottom {
    display: flex;
  }
  .header__bottom > div {
    background: #ff5e00;
    display: flex;
    justify-content: center;
    text-align: center;
  }
  .header .header__bottom > div:nth-child(3), .header .header__bottom > div:nth-child(2) a, .header__bottom > div:nth-child(2) .header a, .header .header__bottom > div:first-child {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .header__bottom > div:first-child {
    width: 50px;
    height: 68px;
    margin-right: 2px;
  }
  .header__bottom > div:nth-child(2) a {
    width: 190px;
    height: 68px;
    color: #fff;
    text-decoration: none;
  }
  .header .inloggin {
    width: 270px;
  }
  .header__bottom > div:nth-child(3) {
    width: 80px;
    height: 68px;
    margin-left: 2px;
  }
}

.footer {
  overflow: hidden;
  position: absolute;
  width: 100%;
  background-size: cover;
  color: #fff;
  padding: 165px 15px 22px;
  margin-bottom: 52px;
}
.footer .skew1-mobile {
  position: absolute;
  height: 800px;
  background: rgba(0, 0, 0, 0.5);
  width: 200%;
  transform: rotate(170deg) translateY(780px);
  z-index: -1;
}
.footer .skew2-mobile {
  position: absolute;
  height: 800px;
  background: rgba(0, 0, 0, 0.6);
  width: 200%;
  transform: rotate(177deg) translateY(723px);
  z-index: -1;
}
.footer .skew3-mobile {
  position: absolute;
  height: 800px;
  background: rgba(0, 0, 0, 0.6);
  width: 200%;
  transform: rotate(175deg) translateY(773px);
  z-index: -1;
}
.footer__container, .footer__info {
  display: flex;
  flex-direction: column;
  z-index: 100;
}
.footer__top, .footer__middle, .footer__bottom {
  margin-bottom: 20px;
}
.footer__desktop-international, .footer__desktop-list, .footer__adress-tablet-desktop {
  display: none;
}
.footer__headers {
  text-transform: uppercase;
  margin-bottom: 15px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #e8e8e8;
}
.footer__list > li {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
}
.footer__list > li img {
  margin-right: 13px;
}
.footer__list > li a {
  text-decoration: none;
  color: #e8e8e8;
}
.footer__list > li a:hover {
  text-decoration: underline;
}
.footer__clock-icon {
  margin-left: 27px;
}
.footer__email {
  font-size: 16px;
}
.footer__socials {
  margin-top: 16px;
}
.footer__socials li:not(:last-child) {
  margin-right: 34px;
}
.footer__international {
  text-align: left;
  margin-bottom: 20px;
}
.footer__copyrights {
  text-align: center;
  color: #818181;
}
.footer__copyrights a {
  color: #818181;
}
@media (min-width: 768px) {
  .footer {
    padding-top: 260px;
    font-size: 16px;
  }
  .footer .skew1-tablet {
    height: 800px;
    transform: rotate(170deg) translateY(690px);
  }
  .footer .skew2-tablet {
    height: 800px;
    transform: rotate(177deg) translateY(633px);
  }
  .footer .skew3-tablet {
    height: 800px;
    transform: rotate(175deg) translateY(683px);
  }
  .footer__map-pointer-icon {
    margin-bottom: 22px;
  }
  .footer__adress {
    display: none;
  }
  .footer__adress-tablet-desktop {
    display: flex;
    flex-direction: column;
  }
  .footer__adress-tablet-desktop span:first-child {
    margin-bottom: 5px;
  }
  .footer__tablet-container {
    display: flex;
    z-index:2;
  }
  .footer__headers {
    font-size: 24px;
  }
  .footer__international {
    font-size: 16px;
  }
  .footer__top {
    margin-right: 110px;
  }
}
@media (min-width: 915px) and (max-width: 1359px) {
  .footer {
    padding-top: 350px;
  }
}
@media (min-width: 1025px) and (max-width: 1360px) {
  .footer {
    padding-top: 380px;
  }
  .footer__info {
    flex-direction: row;
    justify-content: center;
  }
  .footer .skew1-tablet {
    height: 800px;
    transform: rotate(170deg) translateY(490px);
  }
  .footer .skew2-tablet {
    height: 800px;
    transform: rotate(177deg) translateY(433px);
  }
  .footer .skew3-tablet {
    height: 800px;
    transform: rotate(175deg) translateY(483px);
  }
  .footer__top, .footer__middle {
    margin-right: 80px;
  }
  .footer__international {
    display: none;
  }
  .footer__desktop-international {
    display: block;
  }
  .footer__socials {
    margin-bottom: 10px;
  }
  .footer__copyrights {
  }
  .footer__copyrights br {
    display: none;
  }
}
@media (min-width: 1360px) {
  .footer {
    background-size: cover;
    padding-left: 0;
    padding-top: 0;
    margin-bottom: 0;
    z-index: 12;
  }
  .footer .skew1 {
    position: absolute;
    height: 700px;
    background: rgba(0, 0, 0, 0.5);
    width: 200%;
    transform: rotate(170deg) translateY(540px);
    z-index: -1;
  }
  .footer .skew2 {
    position: absolute;
    height: 700px;
    background: rgba(0, 0, 0, 0.6);
    width: 200%;
    transform: rotate(177deg) translateY(483px);
    z-index: -1;
  }
  .footer .skew3 {
    position: absolute;
    height: 700px;
    background: rgba(0, 0, 0, 0.6);
    width: 200%;
    transform: rotate(175deg) translateY(533px);
    z-index: -1;
  }
  .footer__container {
    padding-top: 342px;
  }
  .footer__wrap {
    max-width: 1360px;
    margin: auto;
  }
  .footer__mobile-tablet-list, .footer__headers > span {
    display: none;
  }
  .footer__desktop-list {
    display: block;
  }
  .footer__info {
    flex-direction: row;
    justify-content: center;
    margin-left: 360px;
    max-width: 1000px;
  }
  .footer__top {
    width: 262px;
  }
  .footer__middle {
    width: 205px;
  }
  .footer__top, .footer__middle {
    margin-right: 80px;
  }
  .footer__international {
    display: none;
  }
  .footer__desktop-international {
    display: block;
  }
  .footer__socials {
    margin-bottom: 10px;
  }
  .footer__copyrights {
    text-align: center;s
  }
  .footer__copyrights br {
    display: none;
  }
}
@media (min-width: 1360px) and (max-width: 1541px) {
  .footer__top, .footer__middle {
    margin-right: 27px;
  }
  .footer__clock-icon {
    margin-left: 7px;
  }
  .footer__info {
    margin-left: 600px;
  }
}

.perks {
  display: none;
}
@media (min-width: 768px) {
  .perks {
    display: block;
    margin-top: 52px;
    width:100%;
  }
  .perks__container {
    height: 100%;
    padding: 23px 15px 19px 15px;
  }
  .perks__list {
    display: flex;
    justify-content: space-between;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    color: #333333;
    text-transform: uppercase;
  }
  .perks__list li {
    display: flex;
    align-items: center;
  }
  .perks__list img {
    margin-right: 4px;
  }
}
@media (min-width: 1360px) {
  .perks {
    background: #e9e9e9;
    margin-top: 0;
    margin-bottom: 20px;
  }
  .perks__container {
    width: 1340px;
    margin: 0 auto;
    padding: 21px 24px 18px 23px;
  }
  .perks__list {
    font-size: 16px;
  }
  .perks__list img {
    margin-right: 10px;
  }
}

.nav {
  display: none;
}
@media (min-width: 1360px) {
  .nav {
    display: block;
    background: url("../images/bg-nav.jpg");
  }
  .nav .nav__container li a, .nav__container li .nav a {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700;
    color: #e8e8e8;
    text-decoration: none;
  }
  .nav__container {
    width: 1340px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    text-transform: uppercase;
  }
  .nav__container .cakes {
    position: relative;
  }
  .nav__container li {
    height: 71px;
    display: flex;
    align-items: center;
  }
  .nav__container li a {
    text-decoration: none;
  }
  .nav__container li a .dropdown-icon-2 {
    transition: all 0.25s ease-out;
  }
  .nav__container li a .open-icon {
    transform: rotate(180deg);
    transition: all 0.25s ease-out;
  }
  .nav__container li a:hover, .nav__container li.active a {
    color: #ff5e00;
  }
  .nav__container li:not(:last-child) {
    margin-right: 26px;
  }
  .nav__container li:hover {
    text-decoration: underline;
  }
}

.mobile-menu {
  background: #333333;
  position: fixed;
  width: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999999;
}
.mobile-menu__nav {
  display: flex;
  width: 100%;
}
.mobile-menu__item {
  padding: 15px 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-basis: 50%;
}
.mobile-menu__item:not(:last-child) {
  border-right: 1px solid #8f8f8f;
}
@media (min-width: 1360px) {
  .mobile-menu {
    display: none;
  }
}

.btn {
  width: 282px;
  height: 37px;
  cursor: pointer;
  border: 0;
  line-height: 15px;
  color: #fff;
  background-color: #ff5e00;
}

.btn-primary {
  cursor: pointer;
  font-size: 18px;
  width: 100%;
  height: 37px;
  text-transform: uppercase;
  border: 0;
  line-height: 15px;
  color: #fff;
  background-color: #10c94e;
}

.btn-secondary {
  background-color: #ff5e00;
}

.btn-disable {
  background: #b4b4b4;
}

.btn-select {
  background: #fff;
  color: #ff5e00;
  border: 1px solid #ff5e00;
}
.btn-select img {
  margin-left: 4px;
}

.btn-cart {
  background: #fff;
  border: 2px solid #9f9f9f;
  color: #9f9f9f;
}

.btn-order {
  border: 1px solid #333333;
  color: #333333;
  background: #fff;
}

.packers {
  display: flex;
  flex-direction: column;
}
.packers h2 {
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.packers__container {
  width: 300px;
  height: auto;
  border: 1px solid #b4b4b4;
  padding: 10px 15px 5px 10px;
  margin-bottom: 20px;
  position:relative;
}

.packers .goods__item-1 {
  display: grid;
  grid-template-columns: 100%;
  grid-template-rows: minmax(50px, 1fr);
  position: relative;
  margin-bottom: 5px;
}
.packers .goods__item-1 .knaal-firework {
  height: 190px;
}
.packers .goods__item-1{
  position: relative;
  height:250px;
  overflow: hidden;
}

.packers .goods__item-1 img {
  margin: auto;
  max-width:80%;
  max-height: 80%;
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom: 0;
}
.packers .goods__item-1 div {
  margin-left: 0;
  text-align: left;
}
.packers .goods__item-1 div h4 {
  line-height: 13px;
  margin-bottom: 0;
  text-transform: uppercase;
}
.packers .goods__item-1 div span {
  color: #8d8d8d;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
}
.packers .goods__item-1 div strong {
  position: absolute;
  top: -2px;
  right: -15px;
  font-family: "Effra", sans-serif;
  font-size: 16px;
  font-weight: 700;
  font-style: italic;
  text-transform: uppercase;
  display: block;
  background: #fbb900;
  padding: 5px 10px;
  justify-self: start;
  align-self: center;
  color: #333333;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.packers .goods__item-2 {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-template-rows: minmax(40px, 1fr);
  position: relative;
}
.packers .goods__item-2 p {
  font-family: "Effra", sans-serif;
  color: #ff5e00;
  font-size: 36px;
  font-weight: 700;
  font-style: italic;
  margin-left: 30px;
}
.packers .goods__item-2 p strong {
  left: 70px;
  font-size: 14px;
  font-weight: 700;
  color: #b4b4b4;
  width: 45px;
  font-style: italic;
  text-decoration: line-through;
  position: absolute;
  left: 0;
  top: 15px;
}
.packers .goods__item-2 p strong b {
  font-size: 8px;
}
.packers .goods__item-2 p b {
  font-size: 21px;
}
.packers .goods__item-2 button {
  padding: 9px;
  font-size: 16px;
  width: 104px;
  justify-self: end;
}

.rating-container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 13px 26px;
}
.rating-container__stars {
  display: flex;
}
.rating-container__stars li:not(:last-child) {
  margin-right: 10px;
}
.rating-container__rating {
  margin-left: 16px;
  color: #333333;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
}

.info {
  display: flex;
  flex-direction: column;
  background: #efefef;
  color: #333333;
  font-family: "Effra", sans-serif;
}
@media (min-width: 768px) and (max-width: 1360px) {
  .info {
    /*CHANGE PROPERTY home.html > 289 row*/
    margin-bottom: 20px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
  }
}
@media (min-width: 1360px) {
  .info {
    /*CHANGE PROPERTY home.html > 289 row*/
    margin-bottom: 0px;
    max-height: none;
  }
}
.info__header {
  font-size: 20px;
  font-weight: 800;
  color: #ff5e00;
  margin-bottom: 8px;
  margin-right: 20px;
  margin-top: 15px;
}
.info__header span {
  text-transform: uppercase;
}
.info__title {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  margin-bottom: 8px;
  margin-left: 20px;
  margin-right: 20px;
}
.info__text {
  font-size: 15px;
  line-height: 24px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  margin-bottom: 8px;
  text-align: justify;
  margin-left: 20px;
  margin-right: 20px;
}
.info__after-text {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin-left: 20px;
  margin-bottom: 15px;
  margin-right: 20px;
}

.category-dropdown {
  width: 350px;
  font-size: 16px;
}
.category-dropdown__header {
  display: flex;
  justify-content: center;
  background: #333333;
  color: #fff;
  padding: 10px 15px;
  position: relative;
}
.category-dropdown__header h1 {
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
}
.category-dropdown__header img {
  position: absolute;
  left: 15px;
  top: 15px;
}
.category-dropdown__menu-list li {
  padding: 10px 15px;
  border-bottom: 1px solid #b4b4b4;
}
.category-dropdown__menu-list li a {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  color: #333333;
  text-transform: uppercase;
  line-height: 24px;
  text-decoration: none;
}
.category-dropdown__menu-list li .options {
  margin-left: 20px;
  margin-top: 10px;
}
.category-dropdown__menu-list li .options a:not(:last-child) {
  margin-bottom: 10px;
}
.category-dropdown__menu-list li:nth-child(4) > a {
  color: #ff5e00;
}
.category-dropdown__menu-list li:nth-child(6) > a {
  color: #ff5e00;
}

.all-filters-dropdown {
  width: 350px;
  font-size: 16px;
}
.all-filters-dropdown__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #333333;
  color: #fff;
  padding: 10px 15px;
  position: relative;
}
.all-filters-dropdown__header h1 {
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
}
.all-filters-dropdown__header p {
  text-transform: uppercase;
  line-height: 24px;
}
.all-filters-dropdown__btn-container {
  padding: 0 15px;
}
.all-filters-dropdown__menu-list {
  margin-bottom: 15px;
}
.all-filters-dropdown__menu-list li {
  padding: 20px 15px;
  border-bottom: 1px solid #b4b4b4;
}
.all-filters-dropdown__menu-list li a {
  display: flex;
  justify-content: space-between;
  font-size: 16px;
  color: #333333;
  text-transform: uppercase;
  line-height: 24px;
  text-decoration: none;
}
.all-filters-dropdown__menu-list li a :hover {
  color: #ff5e00;
}
.all-filters-dropdown__menu-list li .disabled {
  text-transform: uppercase;
  color: #b4b4b4;
  line-height: 24px;
}
.all-filters-dropdown__menu-list li div {
  display: flex;
  justify-content: space-between;
  font-weight: 400;
  margin-top: 5px;
}
.all-filters-dropdown__menu-list li:last-child a {
  justify-content: flex-start;
}
.all-filters-dropdown__menu-list li:last-child a span {
  margin-left: 15px;
  color: #ff5e00;
  font-weight: 400;
}
.all-filters-dropdown #filter-price-range-between {
  bottom: 0px;
}


/*
    <div class="all-filters-dropdown">
        <div class="all-filters-dropdown__header">
            <a href="#"><img src="./icons/close-icon-2.svg" alt="Close"></a>
            <h1>filters</h1>
            <p>wis filters</p>
        </div>
        <ul class="all-filters-dropdown__menu-list">
            <li>
                <a href="#">
                    <p>sorteren</p>
                    <img src="./icons/arrow-right-5-icon.svg" alt="Arrow right">
                </a>
                <p class="disabled">prijs hoog - laag</p>
            </li>
            <li>
                <a href="#">
                    <p>aantal schoten</p>
                    <img src="./icons/arrow-right-5-icon.svg" alt="Arrow right">
                </a>
            </li>
            <li>
                <a href="#">
                    <p>kruit gewicht</p>
                    <img src="./icons/arrow-right-5-icon.svg" alt="Arrow right">
                </a>
            </li>
            <li>
                <a href="#">
                    <p>stijghoogte</p>
                    <img src="./icons/arrow-right-5-icon.svg" alt="Arrow right">
                </a>
            </li>
            <li>
                <a href="#">
                    <p>kleuren</p>
                    <img src="./icons/arrow-right-5-icon.svg" alt="Arrow right">
                </a>
                <p class="disabled">rood, groen, blauw</p>
            </li>
            <li>
                <a href="#">
                    <p>merken</p>
                    <img src="./icons/arrow-right-5-icon.svg" alt="Arrow right">
                </a>
            </li>
            <li>
                <a href="#">
                    <p>prijs</p>
                </a>
                <div class="range-slider">
                    <div class="range-slider__inputs">
                        <div class="input1-container">
                            <input id="filter-price-input1" class="input-1" type="number" min="0" max="400" disabled>
                        </div>
                        <div class="input2-container">
                            <input id="filter-price-input2" class="input-2" type="number" min="0" max="400" disabled>
                        </div>
                    </div>
                    <div id="filter-price-range" class="range">
                        <div id="filter-price-range-between" class="range__between"></div>
                        <button id="filter-price-btn1" class="range__button-1"></button>
                        <button id="filter-price-btn2" class="range__button-2"></button>
                    </div>
                </div>
            </li> 
        </ul>
        <div class="all-filters-dropdown__btn-container">
            <button class="btn-primary btn-secondary">toon 12 producten</button>
        </div>
    </div>   

*/
.color-filter-dropdown {
  width: 350px;
  font-size: 16px;
}
.color-filter-dropdown__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #333333;
  color: #fff;
  padding: 10px 15px;
  position: relative;
}
.color-filter-dropdown__header h1 {
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
}
.color-filter-dropdown__header p {
  text-transform: uppercase;
  line-height: 24px;
}
.color-filter-dropdown__btn-container {
  padding: 0 15px;
}
.color-filter-dropdown__color-list {
  padding: 15px;
  margin-bottom: 300px;
}
.color-filter-dropdown__color-list li {
  margin-bottom: 20px;
  font-weight: 400;
}
.color-filter-dropdown__color-list li .selected {
  color: #ff5e00;
}
.color-filter-dropdown__color-list li .not-selected {
  color: #b4b4b4;
}
.color-filter-dropdown__color-list div {
  display: flex;
  align-items: center;
}
.color-filter-dropdown__color-list div .category-checkbox {
  display: none;
}
.color-filter-dropdown__color-list div .category-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  width: 26px;
  height: 26px;
  margin-right: 15px;
}
.color-filter-dropdown__color-list div .category-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 26px;
  height: 26px;
  background: #e8e8e8;
}
.color-filter-dropdown__color-list div .category-checkbox:checked + label:before {
  background: #ff5e00;
}
.color-filter-dropdown__color-list div .category-checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 12px;
  background: #fff;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
  transform: rotate(45deg);
}
.color-filter-dropdown__color-list div img {
  margin-right: 15px;
}

/*
     <div class="color-filter-dropdown">
        <div class="color-filter-dropdown__header">
            <a href="#"><img src="./icons/arrow-left-icon-2.svg" alt="Arrow left"></a>
            <h1>kleuren</h1>
            <p>wis filters</p>
        </div>
        <ul class="color-filter-dropdown__color-list">
            <li>
                <div>
                    <input class="category-checkbox"  id="rood" type="checkbox" >
                    <label for="rood"></label>
                    <p>Rood</p>
                </div>
                <p class="not-selected">31</p>
            </li>
            <li>
                <div>
                    <input class="category-checkbox" id="groen" type="checkbox" >
                    <label for="groen"></label>
                    <p>Groen</p>
                </div>
                <p class="not-selected">9</p>
            </li>
            <li>
                <div>
                    <input class="category-checkbox" id="blauw" type="checkbox" >
                    <label for="blauw"></label>
                    <p>Blauw</p>
                </div>
                <p class="not-selected">3</p>
            </li>
            <li>
                <div>
                    <input class="category-checkbox" id="goud" type="checkbox" >
                    <label for="goud"></label>
                    <p>Goud</p>
                </div>
                <p class="not-selected">8</p>
            </li>
            <li>
                <div>
                    <input class="category-checkbox" id="paars" type="checkbox" >
                    <label for="paars"></label>
                    <p>Paars</p>
                </div>
                <p class="not-selected">2</p>
            </li>
            <li>
                <div>
                    <input class="category-checkbox" id="zilver" type="checkbox" >
                    <label for="zilver"></label>
                    <p>Zilver</p>
                </div>
                <p class="not-selected">4</p>
            </li>
        </ul>
        <div class="color-filter-dropdown__btn-container">
            <button class="btn-primary btn-secondary">toon 12 producten</button>
        </div>
    </div>
*/
.sort-filter-dropdown {
  width: 350px;
  font-size: 16px;
}
.sort-filter-dropdown__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #333333;
  color: #fff;
  padding: 10px 15px;
  position: relative;
}
.sort-filter-dropdown__header h1 {
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
}
.sort-filter-dropdown__header p {
  text-transform: uppercase;
  line-height: 24px;
}
.sort-filter-dropdown__btn-container {
  padding: 0 15px;
}
.sort-filter-dropdown__list {
  padding: 15px;
  margin-bottom: 450px;
}
.sort-filter-dropdown__list div {
  display: flex;
  align-items: center;
}
.sort-filter-dropdown__list div .sort-checkbox {
  display: none;
}
.sort-filter-dropdown__list div .sort-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  width: 26px;
  height: 26px;
  margin-right: 15px;
}
.sort-filter-dropdown__list div .sort-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  border-radius: 50%;
  width: 26px;
  height: 26px;
  background: #e8e8e8;
}
.sort-filter-dropdown__list div .sort-checkbox:checked + label:before {
  background: #ff5e00;
}
.sort-filter-dropdown__list div .sort-checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 12px;
  background: #fff;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
  transform: rotate(45deg);
}
.sort-filter-dropdown__list div img {
  margin-right: 15px;
}
.sort-filter-dropdown__list div p {
  text-transform: uppercase;
}
.sort-filter-dropdown__item {
  margin-bottom: 20px;
  font-weight: 400;
}

/*
    <div class="sort-filter-dropdown">
        <div class="sort-filter-dropdown__header">
            <a href="#"><img src="./icons/arrow-left-icon-2.svg" alt="Arrow left"></a>
            <h1>sorteren</h1>
            <p>wis filters</p>
        </div>
        <ul class="sort-filter-dropdown__list">
            <li class="sort-filter-dropdown__item">
                <div>
                    <input class="sort-checkbox"  id="sort-1" type="checkbox" >
                    <label for="sort-1"></label>
                    <p>prijs laag - hoog</p>
                </div>
            </li>
            <li class="sort-filter-dropdown__item">
                <div>
                    <input class="sort-checkbox"  id="sort-2" type="checkbox" >
                    <label for="sort-2"></label>
                    <p>prijs hoog - laag</p>
                </div>
            </li>
            <li class="sort-filter-dropdown__item">
                <div>
                    <input class="sort-checkbox"  id="sort-3" type="checkbox" >
                    <label for="sort-3"></label>
                    <p>meest verkocht</p>
                </div>
            </li>
        </ul>
        <div class="sort-filter-dropdown__btn-container">
            <button class="btn-primary btn-secondary">toon 12 producten</button>
        </div>
    </div> 
*/
.search-dropdown {
  position: fixed;
  left: 0;
  background-color: rgba(37, 45, 58, 0.9);
  width: 100%;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.25s linear;
}
.search-dropdown__container {
  padding: 9px 15px;
  width: 100%;
  background: #fff;
}
.search-dropdown__container .input-container {
  position: relative;
}
.search-dropdown__container .input-container #search-fireworks-dropdown {
  width: 430px;
  height: 32px;
  border-radius: 25px;
  border: 1px solid #dedede;
  padding: 10px 15px;
  outline: none;
}
.search-dropdown__container .input-container #search-fireworks-dropdown::placeholder {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  color: #b4b4b4;
  font-size: 14px;
  font-weight: 400;
}
.search-dropdown__container .input-container .span-container {
  position: absolute;
  top: 0;
  right: 0;
}
.search-dropdown__container .input-container #search-button {
  width: 32px;
}
.search-dropdown__container .close-search-button {
  margin-left: 17px;
  cursor: pointer;
}
@media (max-width: 480px) {
  .search-dropdown__container .input-container #search-fireworks-dropdown {
    width: 300px;
  }
}
@media (min-width: 1360px) {
  .search-dropdown {
    display: none;
  }
}

.search-items-container {
  position: absolute;
  z-index: 50;
}

.search-items {
  padding: 9px 15px;
  display: flex;
  border-top: 1px solid #b4b4b4;
  margin-right: 0;
  background: #fff;
  width: 400px;
}
.search-items img {
  margin-right: 16px;
}
.search-items .search-name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-top: 5px;
}
.search-items .search-name a {
  font-family: "Effra", sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 15px;
  text-transform: uppercase;
  text-decoration: none;
  color: #333333;
}
.search-items .search-name a:hover {
  text-decoration: underline;
}
.search-items .search-name span {
  font-size: 12px;
  font-weight: 400;
  color: #8d8d8d;
}

.menu-dropdown {
  background: url("../images/bg-nav.jpg");
  background-position: center;
  width: 270px;
  position: absolute;
  top: 71px;
  z-index: 50;
}
.menu-dropdown__item {
  color: #e8e8e8;
  margin-right: 0 !important;
}
.menu-dropdown__item a{
  display: block;
  padding:20px;
  width: 100%;
  color: #e8e8e8;
  margin-right: 0 !important;
}
.menu-dropdown__item a .links{
  float:left;
}

.menu-dropdown__item img {
  margin-right: 20px;
  width: 28px;
  float:left;
}
.menu-dropdown__item .links a:first-child {
  color: #e8e8e8;
}
.menu-dropdown__item .links a {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none;
  color: #e8e8e8;
}
.menu-dropdown__item .links a:hover {
  text-decoration: underline !important;
}
.menu-dropdown__item .links p {
  text-transform: none;
}
.menu-dropdown__item:hover {
  text-decoration: none !important;
}
.menu-dropdown__item:not(:last-child) {
  border-bottom: 2px solid #707070;
}

/*
    <div class="menu-dropdown">
        <ul class="menu-dropdown__list">
            <li class="menu-dropdown__item">
                <img src="./icons/core-icon.svg" alt="Core">
                <div>
                    <a href="#">knalcakes</a>
                    <p>Harder dan deze vind je nergens!</p>
                </div>
            </li>
            <li class="menu-dropdown__item">
                <img src="./icons/stars-icon.svg" alt="Stars">
                <div>
                    <a href="#">waaiercakes</a>
                    <p>Mooiste en grootste effecten!</p>
                </div>
            </li>
            <li class="menu-dropdown__item">
                <img src="./icons/fireworks-icon.svg" alt="Fireworks">
                <div>
                    <a href="#">500 gramscakes</a>
                    <p>Zoveel kruit in een pot!</p>
                </div>
            </li>
        </ul>
    </div>
*/
.about-dropdown {
  padding: 20px;
  width: 242px;
  position: absolute;
  top: 28px;
  right: 88px;
  background: #fff;
}
.about-dropdown__list li a {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  color: #333333;
  text-decoration: none;
}
.about-dropdown__list li a:hover {
  text-decoration: underline;
}
.about-dropdown__list li:not(:last-child) {
  margin-bottom: 20px;
}

/*
// HOME
    <div class="about-dropdown">
        <ul class="about-dropdown__list">
            <li>
                <a href="#">over vuurwektoppers</a>
            </li>
            <li>
                <a href="#">waarom vuurwektoppers</a>
            </li>
            <li>
                <a href="#">geschiedenis</a>
            </li>
            <li>
                <a href="#">onze merken</a>
            </li>
            <li>
                <a href="#">alle afhaalpunten</a>
            </li>
            <li>
                <a href="#">veligheid</a>
            </li>
        </ul>
    </div>

// DEALER
    <div class="about-dropdown">
        <ul class="about-dropdown__list">
            <li>
                <a href="#">over dealer</a>
            </li>
            <li>
                <a href="#">cadeaubon</a>
            </li>
            <li>
                <a href="#">media</a>
            </li>
            <li>
                <a href="#">veel gestelde vragen</a>
            </li>
            <li>
                <a href="#">veiligheid</a>
            </li>
        </ul>
    </div>
*/
.section-title-2 {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  height: 43px;
  background: #efefef;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  margin-bottom: 15px;
}
.section-title-2 p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-style: italic;
  line-height: 24px;
  color: #fff;
  width: 129px;
  height: 100%;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  background: linear-gradient(-62deg, transparent 30px, #10c94e 0);
  padding-left: 15px;
}
.section-title-2 .paragraph-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-style: italic;
  line-height: 28px;
  color: #fff;
  height: 100%;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  background: linear-gradient(-62deg, transparent 30px, #333333 0);
  padding-left: 15px;
}

.menu-items {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
}
.menu-items .left {
  margin-right: 15px;
  border: 1px solid #b4b4b4;
}
.menu-items .left a {
  color: #ff5e00;
}
.menu-items .right {
  margin-left: 15px;
}
.menu-items .right a {
  color: #333333;
}
.menu-items .left,
.menu-items .right {
  display: block;
  padding: 6px 9px;
}
.menu-items .left a,
.menu-items .right a {
  text-decoration: none;
}
.menu-items .left img,
.menu-items .right img {
  margin-right: 10px;
}

/*
.search-pickup-modal {
    width: 100%;
    @extend %sans-regular;
    font-size: 14px;

    &__header {
        display: flex;
        justify-content: center;
        background: $search-bg-color;
        color: $main-text-color;
        padding: 10px 15px;
        position: relative;

        h1 {
            font-size: 18px;
            line-height: 24px;
            text-transform: uppercase;
        }

        img {
            position: absolute;
            left: 15px;
            top: 15px;
        }
    }

    &__container {
        padding: 15px;
    }

    &__point {
        padding: 15px;
        border: 1px solid $goods-border-color;
        margin-bottom: 38px;

        p {
            margin-bottom: 7px;
        }

        div {
            display: flex;
            align-items: center;
            color: $price-text-color;
            text-transform: uppercase;
            font-weight: 700;  

            p {
                margin-bottom: 0;
            }

            img {
                margin-right: 9px;
            }
        }
    }

    &__search {
        @extend %flex-center;
        flex-direction: column;
        position: relative;
        margin-bottom: 36px;

        input {
            width: 100%;
            height: 40px;
            border-radius: 25px;
            border: 1px solid $search-border-color-1;
            padding: 10px 15px;
            margin-bottom: 15px;
        }

        input::placeholder {
			color: $disabled-text-color;
			@extend %sans-regular 
        }

        span {
            width: 50px;
            height: 50px;
            top: -5px;
            line-height: 60px;
            position: absolute;
            right: 0;
        }

        a {
            color: $sale-text-color;
        }
    }

    &__opportunities {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background: $nav-bg-color;
        padding: 15px;

        h5 {
            font-size: 15px;
            font-weight: 700;
            margin-bottom: 19px;
        }

        ul {
            margin-bottom: 12px;

            li {
                display: flex;
                margin-bottom: 23px;

                img {
                    margin-right: 13px; 
                }
            }
        }

        > img {
            width: 250px;
            height: 110px;
            align-self: center;
        }
    }

    &__contact {

        > p {
            @extend %sans-bold;
            color: $rating-text-color;
            margin-bottom: 5px;

            span {
                color: $price-text-color;
            }
        }

        .pickup-point {
            border: 1px solid $search-border-color-2;
            padding: 13px 11px 15px 15px;
            margin-bottom: 15px;
            margin-top: 0;

            &__address {
                h3 {
                    font-family: $sans-stack-2;
                    font-size: 16px;
                    text-transform: uppercase;
                    margin-bottom: 5px;
                }

                p {
                    margin-bottom: 13px;
                }
            }

            &__email, &__phone {
                display: flex;
                margin-bottom: 11px;

                img {
                    margin-right: 8px;
                } 
            }  
        }
    }
}
*/
/*
    <div class="search-pickup-modal">
        <div class="search-pickup-modal__header">
            <a href="#"><img src="./icons/arrow-left-icon-2.svg" alt="Arrow left"></a>
            <h1>wijizg je afhaalpunt</h1>
        </div>
        <div class="search-pickup-modal__container">
            <div class="search-pickup-modal__point">
                <p>Huidig afhaalpunt:</p>
                <div>
                    <img src="./icons/map-pointer-icon-4.svg" alt="Map Pointer">
                    <p>vuurwerktoppers westfriesland</p>
                </div>
            </div>
            <div class="search-pickup-modal__search">
                <input type="text" placeholder="Zoek op artikelnaam, merk of type vuurwerk" />
                <span>
                    <a href="#">
                        <img class="cover-image" src="./icons/search-icon-2.svg" alt="Search Dropdown" />
                    </a>
                </span>
                <a href="#" class="search__link">Tip! Bepaal het beste afhaalpunt automatisch! Klikhier!</a>
            </div>
            <div class="search-pickup-modal__opportunities">
                <h5>Ieder afhaalpunt heeft:</h5>
                <ul>
                    <li>
                        <img src="./icons/check-mark-icon.svg" alt="Check Mark">
                        <p>Deskundige vuurwerkadviseurs</p>
                    </li>
                    <li>
                        <img src="./icons/check-mark-icon.svg" alt="Check Mark">
                        <p>Geen wachttijden bij afhalen</p>
                    </li>
                    <li>
                        <img src="./icons/check-mark-icon.svg" alt="Check Mark">
                        <p>Uitsluitend door Europese instanties getest & goedgekeurd
                            vuurwerk!</p>
                    </li>
                    <li>
                        <img src="./icons/check-mark-icon.svg" alt="Check Mark">
                        <p>ALTIJD gratis vuurwerk bij IEDERE online bestelling</p>
                    </li>
                    <li>
                        <img src="./icons/check-mark-icon.svg" alt="Check Mark">
                        <p>Al jaren als BESTE getest! </p>
                    </li>
                </ul>
                <img src="../images/WTF-logo-trans-2.png" alt="WTF-Logo" />
            </div>


            // This block add for "DEALER"
            <div class="search-pickup-modal__contact">
                <p>Gevonden afhaalpunten voor <span>"Amsterdam"</span></p>
                <div class="pickup-point">
                    <div class="pickup-point__address">
                        <h3>Alles onder 1 Dak v/d Berg <br />Zwartsluis</h3>
                        <p>Westelijke Havendijk 17e <br /> 4703 RA Roosendaal</p>
                    </div>
                    <div class="pickup-point__email">
                        <img src="./icons/telephone-icon-2.svg" alt="Telephone Icon" />
                        <p>Carolientjedevliegerextralan@hotmail.com</p>
                    </div>
                    <div class="pickup-point__phone">
                        <img src="./icons/envelope-icon-2.svg" alt="Envelope Icon" />
                        <p>0612345678 / 0165123456</p>
                    </div>
                    <button type="button" class="btn-primary btn-select">kies dit afhaalpunt 
                        <img src="./icons/arrow-right-4-icon.svg" />
                    </button>
                </div>
            </div>
        </div>
    </div>
*/
#modal-video{

}

.search-pickup-modal {
  padding: 23px 15px;
  width: 712px;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}


.search-pickup-modal .search {
  margin-bottom: 0;
  background: #fff;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.32);
  border: 1px solid #707070;
}
.search-pickup-modal .search__container {
  padding: 23px 15px;
  flex-direction: column;
  position: relative;
}
.search-pickup-modal .search__container h3 {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  color: #333333;
  margin-bottom: 18px;
}
.search-pickup-modal .search__container h3 b {
  color: #ff5e00;
}
.search-pickup-modal .search__container input {
  width: 530px;
  height: 40px;
  border-radius: 25px;
  border: 1px solid #dedede;
  padding: 10px 15px;
  margin-bottom: 15px;
}
.search-pickup-modal .search__container span {
  width: 50px;
  height: 50px;
  top: 77px;
  line-height: 60px;
  position: absolute;
  right: 65px;
}
.search-pickup-modal .search__container a {
  font-size: 16px;
  margin-left: 0;
  color: #fbb900;
  margin-bottom: 20px;
}
.search-pickup-modal .search__container > input::placeholder {
  font-size: 16px;
  color: #b4b4b4;
}
.search-pickup-modal .search__address {
  display: flex;
}
.search-pickup-modal .search__map {
  margin-right: 26px;
}
.search-pickup-modal .search__list {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.search-pickup-modal .search__list h5 {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0px;
}
.search-pickup-modal .search__list li {
  display: flex;
  margin-bottom: 23px;
}
.search-pickup-modal .search__list li p {
  font-size: 16px;
}
.search-pickup-modal .search__list li img {
  margin-right: 13px;
}
.search-pickup-modal .search__list > img {
  width: 306px;
  height: 136px;
}
.search-pickup-modal .search__contact-container {
  flex-wrap: wrap;
}
.search-pickup-modal .search__contact-container .contact {
  width: 317px;
}
.search-pickup-modal .search__contact-container .contact .pickup-point {
  border: 1px solid #b4b4b4;
  padding: 13px 11px 15px 15px;
  margin-bottom: 15px;
  margin-top: 0;
}
.search-pickup-modal .search__contact-container .contact .pickup-point__address h3 {
  font-family: "Effra", sans-serif;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.search-pickup-modal .search__contact-container .contact .pickup-point__address p {
  margin-bottom: 13px;
}
.search-pickup-modal .search__contact-container .contact .pickup-point__email, .search-pickup-modal .search__contact-container .contact .pickup-point__phone {
  display: flex;
  margin-bottom: 11px;
}
.search-pickup-modal .search__contact-container .contact .pickup-point__email img, .search-pickup-modal .search__contact-container .contact .pickup-point__phone img {
  margin-right: 8px;
}

/*
    <div class="search-pickup-modal">
        <div class="search">
            <div class="search__container">
                <h3>zoek jouw vuurwerkafhaalpunt voor <b>2019</b></h3>
                <input type="text" placeholder="Zoek op artikelnaam, merk of type vuurwerk" />
                <span>
                    <a href="#">
                        <img class="cover-image" src="./icons/search-icon-3.svg" alt="Search Dropdown" />
                    </a>
                </span>
                <a href="#" class="search__link">Tip! Bepaal het beste afhaalpunt automatisch! Klikhier!</a>    
                <div class="search__address">
                    <div class="search__map">
                        <img src="../images/map-placeholder-2.jpg" alt="Address" />
                    </div>
                    <div class="search__list">
                        <h5>Ieder afhaalpunt heeft:</h5>
                        <ul>
                            <li>
                                <img src="./icons/check-mark-icon.svg" alt="Check Mark">
                                <p>Deskundige vuurwerkadviseurs</p>
                            </li>
                            <li>
                                <img src="./icons/check-mark-icon.svg" alt="Check Mark">
                                <p>Geen wachttijden bij afhalen</p>
                            </li>
                            <li>
                                <img src="./icons/check-mark-icon.svg" alt="Check Mark">
                                <p>Uitsluitend door Europese instanties getest & goedgekeurd vuurwerk!</p>
                            </li>
                            <li>
                                <img src="./icons/check-mark-icon.svg" alt="Check Mark">
                                <p>ALTIJD gratis vuurwerk bij IEDERE online bestelling</p>
                            </li>
                            <li>
                                <img src="./icons/check-mark-icon.svg" alt="Check Mark">
                                <p>Al jaren als BESTE getest! </p>
                            </li>
                        </ul>
                        <img src="../images/WTF-logo-trans-2.png" alt="WTF-Logo" />
                    </div>
                </div>

                // This block will add for "DEALER"
                <div class="search__contact-container">
                    <div class="contact">
                        <div class="pickup-point">
                            <div class="pickup-point__address">
                                <h3>Alles onder 1 Dak v/d Berg <br />Zwartsluis</h3>
                                <p>Westelijke Havendijk 17e <br /> 4703 RA Roosendaal</p>
                            </div>
                            <div class="pickup-point__email">
                                <img src="./icons/telephone-icon-2.svg" alt="Telephone Icon" />
                                <p>Carolientjedevliegerextralan@hotmail.com</p>
                            </div>
                            <div class="pickup-point__phone">
                                <img src="./icons/envelope-icon-2.svg" alt="Envelope Icon" />
                                <p>0612345678 / 0165123456</p>
                            </div>
                            <button type="button" class="btn-primary btn-select">kies dit afhaalpunt 
                                <img src="./icons/arrow-right-4-icon.svg" />
                            </button>
                        </div>
                    </div>
                    <div class="contact">
                        <div class="pickup-point">
                            <div class="pickup-point__address">
                                <h3>Alles onder 1 Dak v/d Berg <br />Zwartsluis</h3>
                                <p>Westelijke Havendijk 17e <br /> 4703 RA Roosendaal</p>
                            </div>
                            <div class="pickup-point__email">
                                <img src="./icons/telephone-icon-2.svg" alt="Telephone Icon" />
                                <p>Carolientjedevliegerextralan@hotmail.com</p>
                            </div>
                            <div class="pickup-point__phone">
                                <img src="./icons/envelope-icon-2.svg" alt="Envelope Icon" />
                                <p>0612345678 / 0165123456</p>
                            </div>
                            <button type="button" class="btn-primary btn-select">kies dit afhaalpunt 
                                <img src="./icons/arrow-right-4-icon.svg" />
                            </button>
                        </div>
                    </div>
                    <div class="contact">
                        <div class="pickup-point">
                            <div class="pickup-point__address">
                                <h3>Alles onder 1 Dak v/d Berg <br />Zwartsluis</h3>
                                <p>Westelijke Havendijk 17e <br /> 4703 RA Roosendaal</p>
                            </div>
                            <div class="pickup-point__email">
                                <img src="./icons/telephone-icon-2.svg" alt="Telephone Icon" />
                                <p>Carolientjedevliegerextralan@hotmail.com</p>
                            </div>
                            <div class="pickup-point__phone">
                                <img src="./icons/envelope-icon-2.svg" alt="Envelope Icon" />
                                <p>0612345678 / 0165123456</p>
                            </div>
                            <button type="button" class="btn-primary btn-select">kies dit afhaalpunt 
                                <img src="./icons/arrow-right-4-icon.svg" />
                            </button>
                        </div>
                    </div>
                    <div class="contact">
                        <div class="pickup-point">
                            <div class="pickup-point__address">
                                <h3>Alles onder 1 Dak v/d Berg <br />Zwartsluis</h3>
                                <p>Westelijke Havendijk 17e <br /> 4703 RA Roosendaal</p>
                            </div>
                            <div class="pickup-point__email">
                                <img src="./icons/telephone-icon-2.svg" alt="Telephone Icon" />
                                <p>Carolientjedevliegerextralan@hotmail.com</p>
                            </div>
                            <div class="pickup-point__phone">
                                <img src="./icons/envelope-icon-2.svg" alt="Envelope Icon" />
                                <p>0612345678 / 0165123456</p>
                            </div>
                            <button type="button" class="btn-primary btn-select">kies dit afhaalpunt 
                                <img src="./icons/arrow-right-4-icon.svg" />
                            </button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>     

*/
.top-menu-dropdown {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(37, 45, 58, 0.9);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.25s linear;
}
.top-menu-dropdown__container {
  padding: 15px;
  background: #f2f2f2;
  width: 280px;
  position: fixed;
  right: 0;
  height: 100%;
}
.top-menu-dropdown__logo {
  position: relative;
  margin-bottom: 18px;
}
.top-menu-dropdown__logo .close-button {
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  border: none;
  cursor: pointer;
}
.top-menu-dropdown__logo .close-button img {
  width: 15px;
}
.top-menu-dropdown__pointer {
  margin-bottom: 32px;
}
.top-menu-dropdown__pointer p {
  color: #ff5e00;
  text-transform: uppercase;
}
.top-menu-dropdown__pointer img {
  margin-right: 9px;
}
.top-menu-dropdown__menu-list .profile img {
  margin-right: 12px;
}
.top-menu-dropdown__menu-list .profile-link {
  height: 30px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: #333333;
  text-transform: uppercase;
  text-decoration: none;
}
.top-menu-dropdown__menu-list .close-icon {
  transition: all 0.25s ease-out;
}
.top-menu-dropdown__menu-list .open-icon {
  transform: rotate(180deg);
  transition: all 0.25s ease-out;
}
.top-menu-dropdown__menu-list .options {
  margin-left: 29px;
  margin-top: 15px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
.top-menu-dropdown__menu-list .options a {
  font-weight: 400;
  margin-bottom: 15px;
}
.top-menu-dropdown__menu-list ul li {
  margin-bottom: 20px;
}
.top-menu-dropdown__menu-list ul li a {
  color: #333333;
  text-transform: uppercase;
  text-decoration: none;
}
.top-menu-dropdown__menu-list ul li a:hover {
  text-decoration: underline;
}
/*.top-menu-dropdown__menu-list ul li:first-child {*/
/*  margin-bottom: 10px;*/
/*}*/
.top-menu-dropdown__social {
  bottom: 45px;
  position: absolute;
}
.top-menu-dropdown__social a:not(:last-child) {
  margin-right: 18px;
}
.top-menu-dropdown__copyright {
  color: #818181;
  position: absolute;
  bottom: 15px;
}
@media (min-width: 1360px) {
  .top-menu-dropdown {
    display: none;
  }
}

.about-dropdown-cart {
  text-transform: uppercase;
  font-size: 16px;
  width: 530px;
  box-shadow: 2px 5px 6px rgba(0, 0, 0, 0.37);
}
.about-dropdown-cart h1 {
  font-family: "Effra", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 17px;
  margin-bottom: 2px;
  color: #ff5e00;
}
.about-dropdown-cart__header {
  background: #f6f6f6;
  padding: 20px;
}
.about-dropdown-cart__header p {
  color: #8d8d8d;
}
.about-dropdown-cart__container {
  padding: 0 20px;
  margin-top: 20px;
}
.about-dropdown-cart__product {
  display: grid;
  grid-template-columns: 80px 300px 65px 45px;
  grid-template-rows: 60px;
  justify-items: center;
  align-items: center;
  padding-bottom: 15px;
  border-bottom: 2px solid #e8e8e8;
}
.about-dropdown-cart__product img {
  width: 58px;
  height: 48px;
}
.about-dropdown-cart__product .amount,
.about-dropdown-cart__product .name,
.about-dropdown-cart__product img {
  justify-self: start;
}
.about-dropdown-cart__product .sale {
  color: #fbb900;
}
.about-dropdown-cart__product .price {
  font-size: 18px;
  font-weight: 700;
}
.about-dropdown-cart__product .price b {
  font-size: 10px;
}
.about-dropdown-cart__total {
  display: grid;
  grid-template-columns: 445px 45px;
}
.about-dropdown-cart__total p {
  font-size: 16px;
  font-weight: 700;
  text-transform: none;
  justify-self: end;
  margin-right: 80px;
}
.about-dropdown-cart__total .total-price b {
  font-size: 10px;
}
.about-dropdown-cart__order {
  margin-bottom: 22px;
}
.about-dropdown-cart__order button {
  width: 237px;
  height: 44px;
  justify-content: center;
  padding-left: 0;
}

/*
    <div class="about-dropdown-cart">
        <div class="about-dropdown-cart__header">
            <h1>winkelwagen</h1>
            <p>jouw vuurwerkcollectie voor 2019!</p>
        </div>
        <div class="about-dropdown-cart__container">
            <div class="about-dropdown-cart__product">
                <img src="../images/DAGKNALLER-magnolia-spectable-small.png" alt="Fireworks">
                <p class="name">Black Celebration Cracker 500.000</p>
                <span class="amount">2</span>
                <strong class="price sale">104,<b>97</b></strong>
            </div>
        </div>
        <div class="about-dropdown-cart__container">
            <div class="about-dropdown-cart__product">
                <img src="../images/GRATIS-miracle-small.png" alt="Fireworks">
                <p class="name">Miracle</p>
                <span class="amount">1</span>
                <strong class="price sale">59,<b>97</b></strong>
            </div>
        </div>
        <div class="about-dropdown-cart__container">
            <div class="about-dropdown-cart__product">
                <img src="../images/royal-escape.png" alt="Fireworks">
                <p class="name">Royal Escape</p>
                <span class="amount">1</span>
                <strong class="price">119,<b>97</b></strong>
            </div>
        </div>
        <div class="about-dropdown-cart__container">
            <div class="about-dropdown-cart__total">
                <p>Total te betalen</p>
                <strong class="total-price">119,<b>95</b></strong>
            </div>
        </div>
        <div class="about-dropdown-cart__container">
            <div class="about-dropdown-cart__second-header">
                <h1>gratis vuurwerk</h1>
            </div>
        </div>
        <div class="about-dropdown-cart__container">
            <div class="about-dropdown-cart__product">
                <img src="../images/GRATIS-3419-double-blast.png" alt="Fireworks">
                <p class="name">Double blast</p>
                <span class="amount">1</span>
                <strong class="price sale">00,<b>00</b></strong>
            </div>
        </div>
        <div class="about-dropdown-cart__container">
            <div class="about-dropdown-cart__product">
                <img src="../images/GRATIS-fan-crasher.png" alt="Fireworks">
                <p class="name">Fan crasher</p>
                <span class="amount">1</span>
                <strong class="price sale">59,<b>00</b></strong>
            </div>
        </div> 
        <div class="about-dropdown-cart__container">
            <div class="about-dropdown-cart__order">
                <button type="button" class="btn-primary btn-cart">wijzig winkelwagen</button>
                <button type="button" class="btn-primary">nu bestelen</button>
            </div>
        </div>
    </div>

*/
.add-to-cart-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(37, 45, 58, 0.9);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.25s linear;
  z-index: 60;
}
.add-to-cart-modal h1, .add-to-cart-modal h2 {
  font-family: "Effra", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  text-transform: uppercase;
}
.add-to-cart-modal__container {
  width: 720px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.add-to-cart-modal__header {
  padding: 12px 0;
  background: #e3ffed;
}
.add-to-cart-modal__header h1 {
  font-size: 22px;
}
.add-to-cart-modal__header img {
  width: 29px;
  margin-right: 7px;
}
.add-to-cart-modal__middle-section {
  padding: 20px 0;
  border-bottom: 1px solid #e8e8e8;
}
.add-to-cart-modal__middle-section img {
  width: 100px;
  margin-right: 13px;
}
.add-to-cart-modal__middle-section div span {
  color: #8d8d8d;
}
.add-to-cart-modal__fireworks-title {
  padding: 20px 15px 15px 15px;
}
.add-to-cart-modal__fireworks-title h1 {
  font-size: 18px;
  line-height: 17px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}
.add-to-cart-modal__bottom-section {
  display: flex;
}
.add-to-cart-modal__bottom-section .goods {
  padding: 15px;
  width: 100%;
  margin-right: 0;
}
.add-to-cart-modal__bottom-section .goods__item-1 {
  grid-template-columns: 100%;
  grid-template-rows: minmax(50px, 1fr);
  position: relative;
  display: grid;
  margin-bottom: 10px;
}
.add-to-cart-modal__bottom-section .goods__item-1 img {
  justify-self: center;
  margin-bottom: 9px;
  width: 107px;
}
.add-to-cart-modal__bottom-section .goods__item-1 div {
  text-align: left;
}
.add-to-cart-modal__bottom-section .goods__item-1 div span {
  color: #8d8d8d;
}
.add-to-cart-modal__bottom-section .goods__item-1 div strong {
  position: absolute;
  top: 0;
  right: 0;
  font-family: "Effra", sans-serif;
  font-size: 18px;
  display: block;
  background: #fbb900;
  padding: 5px 15px;
  justify-self: start;
  align-self: center;
  color: #333333;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.add-to-cart-modal__bottom-section .goods__item-2 {
  display: grid;
  grid-template-columns: 100%;
  font-family: "Effra", sans-serif;
  font-weight: 700;
  font-size: 38px;
  position: relative;
  margin-bottom: 10px;
}
.add-to-cart-modal__bottom-section .goods__item-2 p {
  font-size: 38px;
  font-style: oblique;
  color: #fbb900;
  justify-self: end;
}
.add-to-cart-modal__bottom-section .goods__item-2 p strong {
  right: 75px;
  font-size: 16px;
  color: #b4b4b4;
  text-decoration: line-through;
  position: absolute;
  top: 10px;
}
.add-to-cart-modal__bottom-section .goods__item-2 p strong b {
  font-size: 12px;
}
.add-to-cart-modal__bottom-section .goods__item-2 p b {
  font-size: 20px;
}
.add-to-cart-modal__bottom-section .goods__item-3 {
  display: grid;
  grid-template-columns: 45% 55%;
}
.add-to-cart-modal__bottom-section .goods__item-3 .left {
  margin-right: 13px;
  align-self: center;
}
.add-to-cart-modal__bottom-section .goods__item-3 .left img:not(:last-child) {
  margin-right: 15px;
}
.add-to-cart-modal__bottom-section .goods__item-3 .left img {
  cursor: pointer;
}
.add-to-cart-modal__bottom-section .goods__item-3 .button-container {
  align-self: center;
}
.add-to-cart-modal__add {
  padding: 20px 15px;
}
.add-to-cart-modal__add button {
  width: 330px;
  height: 44px;
  justify-content: center;
  padding-left: 0;
}

.free-fireworks {
  width: 500px;
}
.free-fireworks h1,
.free-fireworks h2 {
  text-transform: uppercase;
}
.free-fireworks h1 {
  font-size: 18px;
  color: #fff;
  line-height: 24px;
}
.free-fireworks h2 {
  font-size: 16px;
  line-height: 15px;
}
.free-fireworks__header {
  display: flex;
  justify-content: center;
  background: #333333;
  color: #fff;
  padding: 10px 15px;
  position: relative;
}
.free-fireworks__list {
  border-bottom: 1px solid #b4b4b4;
}
.free-fireworks__section {
  padding: 15px 0 10px 12px;
}
.free-fireworks__section .image {
  width: 60px;
}
.free-fireworks__section .image img {
  width: 60px;
  height: 70px;
}
.free-fireworks__section .name {
  width: 140px;
}
.free-fireworks__section .name span {
  font-size: 12px;
  font-weight: 400;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  color: #8d8d8d;
}
.free-fireworks__section .description {
  display: flex;
  flex-direction: column;
}
.free-fireworks__section .description h3 {
  box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.2);
  padding: 3px 4px 1px 4px;
  background: #333333;
  display: block;
  color: #fff;
  text-transform: uppercase;
  max-width: 100px;
  text-align: end;
  align-self: flex-end;
}
.free-fireworks__section .description .orange {
  background: #ff5e00;
  margin-bottom: 5px;
  max-width: 105px;
}
.free-fireworks__button-container {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 23px 15px;
}
.free-fireworks__button-container button {
  width: 85px;
  height: 24px;
  font-size: 14px;
}
.free-fireworks__button-container button img {
  width: 11px;
  margin-right: 5px;
  margin-bottom: 1px;
}

/*
    <div class="free-fireworks">
        <div class="free-fireworks__header">
            <h1>gratis vuurwerk voor 2019!</h1>
        </div>
        <div class="free-fireworks__list">
            <div class="free-fireworks__section">
                <div class="image">
                    <img src="../images/GRATIS-3419-double-blast.png" alt="Firework">
                </div>
                <div class="name">
                    <h2>double blast</h2>
                    <span>3419</span>
                </div>
                <div class="description">
                    <h3 class="orange">iedere online bestelling</h3>
                    <h3>t.w.v. &euro;7.99</h3>
                </div>
            </div>
        </div>
        <div class="free-fireworks__list">
            <div class="free-fireworks__section">
                <div class="image">
                    <img src="../images/GRATIS-silver-storm.png" alt="Firework">
                </div>
                <div class="name">
                    <h2>silver storm</h2>
                    <span>3419</span>
                </div>
                <div class="description">
                    <h3 class="orange">vanaf &euro;40</h3>
                    <h3>t.w.v. &euro;20.00</h3>
                </div>
            </div>
        </div>
        <div class="free-fireworks__list">
            <div class="free-fireworks__section">
                <div class="image">
                    <img src="../images/GRATIS-fan-crasher.png" alt="Firework">
                </div>
                <div class="name">
                    <h2>fan crasher</h2>
                    <span>3419</span>
                </div>
                <div class="description">
                    <h3 class="orange">&euro;75 - &euro;125</h3>
                    <h3>t.w.v. &euro;35.00</h3>
                </div>
            </div>
        </div>
        <div class="free-fireworks__list">
            <div class="free-fireworks__section">
                <div class="image">
                    <img src="../images/GRATIS-inferno.png" alt="Firework">
                </div>
                <div class="name">
                    <h2>inferno</h2>
                    <span>3419</span>
                </div>
                <div class="description">
                    <h3 class="orange">&euro;126 - &euro;200</h3>
                    <h3>t.w.v. &euro;50.00</h3>
                </div>
            </div>
        </div>
        <div class="free-fireworks__list">
            <div class="free-fireworks__section">
                <div class="image">
                    <img src="../images/GRATIS-miracle.png" alt="Firework">
                </div>
                <div class="name">
                    <h2>miracle</h2>
                    <span>3419</span>
                </div>
                <div class="description">
                    <h3 class="orange">&euro;200 - &euro;300</h3>
                    <h3>t.w.v. &euro;85.00</h3>
                </div>
            </div>
        </div>
        <div class="free-fireworks__list">
            <div class="free-fireworks__section">
                <div class="image">
                    <img src="../images/GRATIS-unlimited-power.png" alt="Firework">
                </div>
                <div class="name">
                    <h2>unlimited power</h2>
                    <span>3419</span>
                </div>
                <div class="description">
                    <h3 class="orange">vanaf &euro;300</h3>
                    <h3>t.w.v. &euro;100.00</h3>
                </div>
            </div>
        </div>
        <div class="free-fireworks__button-container">
            <button type="button" class="btn-primary btn-disable ">
                <img src="./icons/close-icon-2.svg" alt="Close">
                <p>sluiten</p>
            </button>
        </div>
    </div>

*/
.free-fireworks-2 {
  width: 375px;
}
.free-fireworks-2 h1,
.free-fireworks-2 h2 {
  font-weight: 700;
}
.free-fireworks-2 h1 {
  font-size: 18px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
  line-height: 24px;
}
.free-fireworks-2 h2 {
  font-size: 17px;
  font-family: "Effra", sans-serif;
  line-height: 20px;
}
.free-fireworks-2__header {
  padding: 12px;
  background: #e3ffed;
}
.free-fireworks-2__header img {
  width: 21px;
  margin-right: 14px;
}
.free-fireworks-2__middle-section {
  padding: 20px 0;
  border-bottom: 1px solid #e8e8e8;
}
.free-fireworks-2__middle-section img {
  width: 90px;
  margin-right: 13px;
}
.free-fireworks-2__middle-section div span {
  color: #8d8d8d;
}
.free-fireworks-2__fireworks-title {
  padding: 15px;
}
.free-fireworks-2__fireworks-title h1 {
  font-size: 16px;
  line-height: 17px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}
.free-fireworks-2__bottom-section .goods {
  border-bottom: 1px solid #d6d6d6;
  padding: 15px;
  width: 100%;
  height: 235px;
}
.free-fireworks-2__bottom-section .goods__item-1 {
  display: grid;
  grid-template-columns: 35% 65%;
  margin-bottom: 10px;
}
.free-fireworks-2__bottom-section .goods__item-1 div h2 {
  font-size: 16px;
}
.free-fireworks-2__bottom-section .goods__item-1 div img {
  justify-items: center;
}
.free-fireworks-2__bottom-section .goods__item-1 div span {
  color: #8d8d8d;
  display: block;
  margin-bottom: 5px;
}
.free-fireworks-2__bottom-section .goods__item-1 div ul {
  list-style: disc inside;
}
.free-fireworks-2__bottom-section .goods__item-2 {
  display: grid;
  grid-template-columns: 50% 50%;
  margin-bottom: 10px;
  position: relative;
}
.free-fireworks-2__bottom-section .goods__item-2 span {
  font-size: 14px;
  padding: 2px 5px;
  display: block;
  background: #fbb900;
  justify-self: start;
  align-self: center;
  text-transform: uppercase;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  color: #333333;
}
.free-fireworks-2__bottom-section .goods__item-2 p {
  font-size: 33px;
  color: #fbb900;
  justify-self: end;
}
.free-fireworks-2__bottom-section .goods__item-2 p strong {
  right: 60px;
  font-size: 16px;
  top: 10px;
  color: #b4b4b4;
  text-decoration: line-through;
  position: absolute;
}
.free-fireworks-2__bottom-section .goods__item-2 p strong b {
  font-size: 12px;
}
.free-fireworks-2__bottom-section .goods__item-2 p b {
  font-size: 20px;
}
.free-fireworks-2__bottom-section .goods__item-3 {
  display: grid;
  grid-template-columns: 45% 55%;
}
.free-fireworks-2__bottom-section .goods__item-3 .left {
  margin-right: 23px;
  align-self: center;
}
.free-fireworks-2__bottom-section .goods__item-3 .left img:not(:last-child) {
  margin-right: 30px;
}
.free-fireworks-2__bottom-section .goods__item-3 .button-container {
  align-self: center;
}

/*
    <div class="free-fireworks-2">
        <div class="free-fireworks-2__header">
            <img src="./icons/mark-icon.svg" alt="Mark">
            <h1>toegevoegd aan je winkelwagen!</h1>
        </div>
        <div class="free-fireworks-2__middle-section">
            <img src="../images/GRATIS-miracle-small.png" alt="Fireworks">
            <div>
                <h2>Black Celebration Cracker 500.000</h2>
                <span>3419</span>
            </div>
        </div>
        <div class="free-fireworks-2__fireworks-title">
            <h1>aanbevolen voor jou</h1>
        </div>
        <div class="free-fireworks-2__bottom-section">
            <div class="goods">
                <div class="goods__item-1">
                    <img src="../images/MAD-Dog_.png" alt="GRATIS Fireworks" />
                    <div>
                        <h2>BLACK Celebration Cracker 500.000</h2>
                        <span>3419</span>
                        <ul>
                            <li>25 schots</li>
                            <li>500 gram</li>
                        </ul>
                    </div>
                </div>
                <div class="goods__item-2">
                    <span>10 halen, 1 betalen!</span>
                    <p><strong>99.<b>99</b></strong>9.<b>99</b></p>
                </div>
                <div class="goods__item-3">
                    <div class="left">
                        <img src="./icons/video-icon.svg" />
                        <img src="./icons/favourite-icon-2.svg" />
                    </div>
                    <div class="button-container">
                        <button class="btn-primary btn-secondary " type="button">bestel nu 
                        <img src="./icons/arrow-right-2-icon.svg" /></button>
                    </div>
                </div>
            </div>
                <div class="goods">
                <div class="goods__item-1">
                    <img src="../images/MAD-Dog_.png" alt="GRATIS Fireworks" />
                    <div>
                        <h2>BLACK Celebration Cracker 500.000</h2>
                        <span>3419</span>
                        <ul>
                            <li>25 schots</li>
                            <li>500 gram</li>
                        </ul>
                    </div>
                </div>
                <div class="goods__item-2">
                    <span>10 halen, 1 betalen!</span>
                    <p><strong>99.<b>99</b></strong>9.<b>99</b></p>
                </div>
                <div class="goods__item-3">
                    <div class="left">
                        <img src="./icons/video-icon.svg" />
                        <img src="./icons/favourite-icon-2.svg" />
                    </div>
                    <div class="button-container">
                        <button class="btn-primary btn-secondary " type="button">bestel nu 
                        <img src="./icons/arrow-right-2-icon.svg" /></button>
                    </div>
                </div>
            </div>
        </div>
    </div>    

*/
.order-dropdown {
  width: 400px;
  font-size: 16px;
}
.order-dropdown__header {
  display: flex;
  justify-content: center;
  background: #333333;
  color: #fff;
  padding: 10px 15px;
  position: relative;
}
.order-dropdown__header h1 {
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
}
.order-dropdown__header img {
  position: absolute;
  left: 15px;
  top: 15px;
}
.order-dropdown__order-information {
  padding: 15px;
  background: #f6f6f6;
  border-bottom: 1px solid #b4b4b4;
}
.order-dropdown__order-information ul li p {
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  color: #333333;
}
.order-dropdown__order-information ul li p span {
  font-weight: 700;
}
.order-dropdown__order-information ul li p .status {
  color: #fbb900;
}
.order-dropdown__order-information ul li:not(:last-child) {
  margin-bottom: 5px;
}
.order-dropdown__ordered-fireworks {
  padding: 15px 15px 0 15px;
  flex-wrap: wrap;
}
.order-dropdown__ordered-fireworks .firework {
  width: 105px;
  height: 105px;
  border: 1px solid #b4b4b4;
  display: flex;
  padding-left: 15px;
  padding-right: 15px;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.order-dropdown__ordered-fireworks .firework img {
  width: 65px;
  height: 60px;
}
.order-dropdown__order-buttons {
  padding: 15px;
}
.order-dropdown__order-buttons button p {
  margin-top: 3px;
}
.order-dropdown__order-buttons button img {
  margin-right: 8px;
}
.order-dropdown__order-buttons button:not(:last-child) {
  margin-bottom: 10px;
}

/*
    <div class="order-dropdown">
        <div class="order-dropdown__header">
            <a href="#"><img src="./icons/arrow-left-icon-2.svg" alt="Arrow left"></a>
            <h1>order:2019276822</h1>
        </div>
        <div class="order-dropdown__order-information">
            <ul>
                <li>
                    <p>bedrag: <span>&euro;330,24</span></p>
                </li>
                <li>
                    <p>datum: <span>23-11-2019 10:53</span></p>
                </li>
                <li>
                    <p>afhaalpunt: <span>vesta vuurwerk roosendaal</span></p>
                </li>
                <li>
                    <p>status: <span class="status">nog afhalen</span></p>
                </li>
            </ul>
        </div>
        <div class="order-dropdown__ordered-fireworks">
            <div class="firework">
                <img src="../images/DAGKNALLER-magnolia-spectable-small.png" alt="Firework">
            </div>
            <div class="firework">
                <img src="../images/GRATIS-miracle-small.png" alt="Firework">
            </div>
            <div class="firework">
                <img src="../images/royal-escape.png" alt="Firework">
            </div>
            <div class="firework">
                <img src="../images/DAGKNALLER-magnolia-spectable-small.png" alt="Firework">
            </div>
            <div class="firework">
                <img src="../images/GRATIS-miracle-small.png" alt="Firework">
            </div>
            <div class="firework">
                <img src="../images/royal-escape.png" alt="Firework">
            </div>
            <div class="firework">
                <img src="../images/GRATIS-miracle-small.png" alt="Firework">
            </div>
        </div>
        <div class="order-dropdown__order-buttons">
            <button class="btn-primary btn-secondary">
                <img src="./icons/two-arrows-icon-2.svg" alt="Icon">
                <p>wijzig afhaalmoment</p>
            </button>
            <button class="btn-primary btn-order">
                <img src="./icons/cloud-arrow-icon.svg" alt="Icon">
                <p>donwnload factuur</p>
            </button>
            <button class="btn-primary btn-order">
                <img src="./icons/cloud-arrow-icon.svg" alt="Icon">
                <p>donwnload afhaalbewijs</p>
            </button>
        </div>
    </div>
*/
.cart-validation-modal {
  width: 344px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.32);
}
.cart-validation-modal__header {
  display: flex;
  justify-content: center;
  background: #333333;
  color: #fff;
  padding: 10px 15px;
  position: relative;
}
.cart-validation-modal__header h1 {
  font-size: 18px;
  line-height: 24px;
  text-transform: uppercase;
}
.cart-validation-modal__header a img {
  position: absolute;
  right: 15px;
  top: 15px;
}
.cart-validation-modal__header div {
  display: flex;
  align-items: center;
}
.cart-validation-modal__header div img {
  margin-right: 9px;
}
.cart-validation-modal__content {
  padding: 15px;
  text-align: center;
}
.cart-validation-modal__content p {
  margin-bottom: 10px;
}
.cart-validation-modal__content p span {
  font-weight: 700;
  color: #ff5e00;
}
.cart-validation-modal__content div {
  margin-top: 17px;
  margin-bottom: 20px;
}
.cart-validation-modal__content div h2 {
  font-size: 16px;
  text-transform: uppercase;
}
.cart-validation-modal__content div .code {
  color: #ff5e00;
}
.cart-validation-modal__content div img {
  width: 44px;
}
.cart-validation-modal__content button {
  height: 30px;
  font-weight: 400;
  font-size: 14px;
}

/*
    // SOLD OUT
    <div class="cart-validation-modal">
        <div class="cart-validation-modal__header">
            <a href="#"><img src="./icons/close-icon-2.svg" alt="Close"></a>
            <div>
                <img src="./icons/info-icon-2.svg" alt="Info icon">
                <h1>uitverkocht</h1>
            </div>
        </div>
        <div class="cart-validation-modal__content">
            <p>Een product in je winkelwagen is helaas <span>UITVERKOCHT</span></p>
            <p>Het product is uit je winkelwagen verwijderd.</p>
            <div>
                <img src="../images/MAD-Dog_.png" alt="Firework">
                <h2>Black Celebration Cracker 500.000</h2>
            </div>
            <button type="button" class="btn-primary btn-secondary">bekijk winkelwagen</button>
        </div>
    </div>

    // PRICE
    <div class="cart-validation-modal">
        <div class="cart-validation-modal__header">
            <a href="#"><img src="./icons/close-icon-2.svg" alt="Close"></a>
            <div>
                <img src="./icons/info-icon-2.svg" alt="Info icon">
                <h1>prijs aangepast</h1>
            </div>
        </div>
        <div class="cart-validation-modal__content">
            <p>Een aanbieding is <span>verlopen.</span></p>
            <p>De prijs van een  product in je winkelwagen is aangepast.</p>
            <div>
                <img src="../images/MAD-Dog_.png" alt="Firework">
                <h2>Black Celebration Cracker 500.000</h2>
            </div>
            <button type="button" class="btn-primary btn-secondary">bekijk winkelwagen</button>
        </div>
    </div>

    // STOCK
    <div class="cart-validation-modal">
        <div class="cart-validation-modal__header">
            <a href="#"><img src="./icons/close-icon-2.svg" alt="Close"></a>
            <div>
                <img src="./icons/info-icon-2.svg" alt="Info icon">
                <h1>onvoldoende voorraad</h1>
            </div>
        </div>
        <div class="cart-validation-modal__content">
            <p>Een product in je winkelwagen is te <span>WEINIG OP VOORRAAD.</span></p>
            <p>De prijs van een  product in je winkelwagen is aangepast.</p>
            <div>
                <img src="../images/MAD-Dog_.png" alt="Firework">
                <h2>Black Celebration Cracker 500.000</h2>
            </div>
            <button type="button" class="btn-primary btn-secondary">bekijk winkelwagen</button>
        </div>
    </div>

    // CODE EXPIRED
    <div class="cart-validation-modal">
        <div class="cart-validation-modal__header">
            <a href="#"><img src="./icons/close-icon-2.svg" alt="Arrow left"></a>
            <div>
                <img src="./icons/info-icon-2.svg" alt="Info icon">
                <h1>uitverkocht</h1>
            </div>
        </div>
        <div class="cart-validation-modal__content">
            <p>Een gebruikte kortingscode is <span>NIET MEER GELDIG.</span></p>
            <p>De kortingscode is uit je winkelwagen verwijderd.</p>
            <div>
                <h2 class="code">G65RE45J</h2>
                <h2>|</h2>
                <h2>10% korting op je bestelling</h2>
            </div>
            <button type="button" class="btn-primary btn-secondary">bekijk winkelwagen</button>
        </div>
    </div>
*/
.range-slider {
  display: flex;
  flex-direction: column;
}
.range-slider__inputs {
  width: 261px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
.range-slider__inputs div {
  display: flex;
  align-items: center;
}
.range-slider .range {
  width: 254px;
  height: 6px;
  position: relative;
  border-radius: 4px;
  background-color: #e8e8e8;
}
.range-slider .range__button-1, .range-slider .range__button-2 {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  cursor: move;
  transform: translateY(-50%);
  border: none;
  border-radius: 50%;
  background-color: #ff5e00;
}
.range-slider .range__between {
  position: absolute;
  height: 6px;
  width: 0px;
  border: none;
  background-color: #333333;
}
.range-slider .input-1,
.range-slider .input-2 {
  -webkit-appearance: none;
  font-size: 16px;
  font-weight: 400;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  outline: none;
  border: 0;
  background: none;
  color: #333333;
  max-width: 60px;
}
.range-slider .input2-container {
  transform: translateX(40%);
}
.range-slider .input-1::-webkit-inner-spin-button,
.range-slider .input-2::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

form .error {
  background-color: #ffeeee;
  border: 1px solid #db2929 !important;
}

form .error-message {
  font-size: 14px;
  color: #db2929;
  text-align: right;
  height: 0;
  margin-bottom: 0px !important;
}

.valid-banner {
  background-color: #ffeeee;
  color: #db2929;
}

.homepage {
  margin-top: 70px;
  display: flex;
  flex-direction: column;
  /*
  .free-fireworks {
  	@extend %flex-center;
  	flex-direction: column;
  	padding: 15px;
  	width: 100%;
  	background: $section-title-bg-color;
  	margin-bottom: 15px;
  	text-align: center;

  	h3 {
  		font-weight: 700;
  		font-size: 18px;
  		text-transform: uppercase;
  		font-style: italic;
  		line-height: 24px;
  		font-family: $sans-stack-2;
  		color: $price-text-color;
  		margin-bottom: 10px;
  	}

  	p {
  		@extend %sans-regular;
  		color: $rating-text-color;
  		margin-bottom: 4px;

  		span {
  			font-weight: 700;
  		}
  	}		
  }
  */
}

.homepage .search {
  margin-bottom: 10px;
  background: url("../images/bg-info.jpg") no-repeat;
  background-size: cover;
  width: 100%;
}
.homepage .search__bg {
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: rgba(51, 51, 51, 0.9);
}
.homepage .search__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  padding: 15px;
}
.homepage .search__container input {
  width: 330px;
  height: 27px;
  border-radius: 25px;
  border: 1px solid #dedede;
  padding: 10px 15px;
  margin-bottom: 15px;
  outline: none;
}
.homepage .search__container h3 {
  margin-bottom: 16px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 15px;
  font-weight: 700;
  margin-left: 12px;
  text-transform: uppercase;
  color: #e8e8e8;
}
.homepage .search__container h3 b {
  color: #ff5e00;
}

.homepage .search__container > input::placeholder {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  color: #b4b4b4;
  font-size: 9px;
  font-weight: 400;
}
.homepage .search__link {
  color: #fbb900;
  margin-left: 18px;
}
.homepage .search-dealer {
  margin-bottom: 10px;
  background: url("../images/bg-info.jpg") no-repeat;
  background-size: cover;
  width: 100%;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
}
.homepage .search-dealer__bg {
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: rgba(51, 51, 51, 0.9);
}
.homepage .search-dealer__container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  padding: 15px 0;
}
.homepage .search-dealer__container h3 {
  margin-bottom: 16px;
  font-size: 15px;
  font-weight: 700;
  margin-left: 12px;
  text-transform: uppercase;
  color: #e8e8e8;
}
.homepage .search-dealer__container h3 b {
  color: #ff5e00;
}
.homepage .search-dealer__container h4 {
  font-size: 16px;
  font-weight: 700;
  color: #fbb900;
  margin-bottom: 10px;
}
.homepage .search-dealer__container .middle-section {
  margin-bottom: 15px;
}
.homepage .search-dealer__container .middle-section a {
  display: flex;
  color: #e8e8e8;
  align-items: center;
}
.homepage .search-dealer__container .middle-section a img {
  margin-right: 5px;
}
.homepage .search-dealer__container .bottom-section {
  color: #e8e8e8;
  font-size: 14px;
}
.homepage .search-dealer__container .bottom-section div {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.homepage .search-dealer__container .bottom-section div img {
  margin-right: 10px;
}
.homepage .search-dealer__container .bottom-section ul li:not(:last-child) {
  margin-bottom: 3px;
}
.homepage .congrats {
  background: url("../images/bg-celebration-festival.jpg") no-repeat;
  background-size: cover;
  color: #fff;
  margin-bottom: 15px;
}
.homepage .congrats__bg {
  flex-direction: column;
  padding: 15px;
  width: 100%;
  background-color: rgba(51, 51, 51, 0.55);
}
.homepage .congrats h3 {
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  font-style: italic;
  line-height: 24px;
  font-family: "Effra", sans-serif;
}
.homepage .congrats p {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-style: italic;
  line-height: 24px;
  color: #fff;
  font-size: 12px;
  margin-bottom: 5px;
}
.homepage .section-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 43px;
  background: #efefef;
}
.homepage .section-title p {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-style: italic;
  line-height: 24px;
  color: #fff;
  width: 129px;
  height: 100%;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  background: linear-gradient(-62deg, transparent 30px, #10c94e 0);
  padding-left: 15px;
}
.homepage .section-title span {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  background: #ff5e00;
  width: 90px;
  height: 24px;
  border-radius: 14px;
  padding: 15px 9px;
  line-height: 15px;
  margin-right: 15px;
}
.homepage .section-title .paragraph-title {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-style: italic;
  line-height: 24px;
  color: #fff;
  height: 100%;
  font-size: 18px;
  font-weight: 900;
  text-transform: uppercase;
  background: linear-gradient(-62deg, transparent 30px, #333333 0);
  padding-left: 15px;
}
.homepage .section-title-2 {
  margin-bottom: 0;
}
.homepage .section-title-2 p {
  display: flex;
}
.homepage .section-title-2 .paragraph-title {
  width: 266px;
}
.homepage .section-title-2 strong {
  color: #333333;
  font-size: 14px;
  font-weight: 700px;
  line-height: 22px;
}
@media (max-width: 767px) {
  .homepage .section-title-2 strong {
    display: none;
  }
}
.homepage .section-title-3 {
  margin-bottom: 15px;
}
.homepage .section-title-3 p {
  background: linear-gradient(-62deg, transparent 30px, #333333 0);
  width: 215px;
}
.homepage .goods {
  padding: 15px;
}
.homepage .goods__container {
  display: grid;
  background: #fff;
  grid-auto-rows: 240px;
  justify-items: start;
  color: #333333;
}
.homepage .goods__items {
  padding: 15px;
  border: 1px solid #d6d6d6;
  width: 100%;
  height: 235px;
}

.homepage .goods__item-1 {
  margin-bottom: 10px;
}
.homepage .goods__item-1 div {
  margin-left: 30px;
}
.homepage .goods__item-1 div h4 {
  font-family: "Effra", sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 16px;
  line-height: 15px;
  margin-bottom: 10px;
  color: #333333;
  text-transform: uppercase;
}
.homepage .goods__item-1 div ul {
  list-style: disc inside;
}
.homepage .goods .sale {
  grid-template-columns: 100%;
}
.homepage .goods__item-2 {
  font-style: italic;
  margin-bottom: 10px;
  font-family: "Effra", sans-serif;
  font-weight: 700;
  font-size: 38px;
  position: relative;
}
.homepage .goods__item-2 p , .aside__price .sale p, .goods__item-2 .sale p {
  justify-self: end;
  color: #10c94e !important;
}
.homepage .goods__item-2 p b {
  font-size: 25px;
}
.homepage .goods__item-2 p strong {
  font-size: 16px;
  color: #b4b4b4;
  text-decoration: line-through;
  position: absolute;
  right: 80px;
  top: 10px;
}
.homepage .goods__item-2 p strong b {
  font-size: 12px;
}
.homepage .goods__item-3 {

}
.homepage .goods__item-3 div {
  align-self: center;
}
.homepage .goods__item-3 .left {
  margin-right: 23px;
}
.homepage .goods__item-3 .left img:not(:last-child) {
  margin-right: 30px;
}
.homepage .goods__item-3 .left img {
  cursor: pointer;
}
.homepage .goods__item-3 .right button img {
  margin-left: 10px;
}
@media (min-width: 768px) {
  .homepage .goods {
    display: flex;
    justify-content: center;
  }
}
.homepage .nosale {
  grid-template-columns: 50% 50%;
}
.homepage .nosale p, .aside__price .nosale p {
  font-size: 33px;
  color: #fbb900;
}
.homepage .nosale p strong{
  right: 75px;
}
.homepage .nosale p b {
  font-size: 20px;
}
.homepage .nosale span {
  font-size: 14px;
  display: block;
  background: #fbb900;
  padding: 2px 10px;
  justify-self: start;
  align-self: center;
  text-transform: uppercase;
  color: #333333;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.homepage .item {

}
@media (min-width: 768px) {
  .homepage .item {

  }
}
@media (min-width: 768px) {
  .homepage .top-item div {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .homepage .second-item {
    margin-right: 0;
  }
}
.homepage .last-item {
  border: none;
  margin-bottom: 5px;
}
@media (min-width: 768px) {
  .homepage .last-item {
    border: 1px solid #d6d6d6;
    margin-bottom: 0;
    margin-right: 0;
  }
}
.homepage .button-container img {
  margin-left: 10px;
}
.homepage .companies {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  justify-items: center;
  align-items: center;
  grid-gap: 20px;
  padding: 15px;
}
.homepage .companies img {
  /*border: 1px solid #d6d6d6;*/
  max-width: 100%;
  padding: 10px;
}
.homepage .companies img {
  /*width: 95px;*/
  /*height: 75px;*/
}
@media (min-width: 768px) {
  .homepage .companies {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    padding: 0;
    margin-top: 24px;
  }
  .homepage .companies div {
    width: 125px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .homepage .companies img {
    border: none;
  }
}
.homepage .address,
.homepage .dropdown,
.homepage .advertising,
.homepage .paragraph-title,
.homepage .firework-header,
.homepage .desktop,
.homepage .info {
  display: none;
}

.homepage .desktop .item .product-image a img{
  margin: auto;
  max-width:95%;
  max-height:95%;
}

@media (min-width: 515px) and (max-width: 767px) {
  .homepage .goods__item-1 img {
    justify-self: center;
    width: 120px;
  }
  .homepage .goods__item-1 div {
    margin-left: 0;
  }
  .homepage .goods__item-1 div h4 {
    font-size: 20px;
    line-height: 22px;
  }
  .homepage .goods__item-1 div ul > li {
    font-size: 18px;
  }
  .homepage .goods__item-2 span {
    font-size: 18px;
  }
  .homepage .goods__item-2 p {
    font-size: 37px;
  }
  .homepage .goods__item-2 p strong {
    font-size: 20px;
  }
  .homepage .goods__item-2 p strong b {
    font-size: 16px;
  }
  .homepage .goods__item-3 .left {
    margin-right: 0;
  }
}
@media (min-width: 769px) {
  .homepage {
    margin-top: 0;
    padding: 0 15px;
  }
  .homepage .firework-header {
    display: flex;
  }
  .homepage .firework-header .paragraph-title {
    width: 200px;
  }
  .homepage .address {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    background-size: cover;
    border: 1px solid #707070;
    width: 100%;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #e8e8e8;
    font-weight: 400;
  }
  .homepage .address__bg {
    padding: 15px;
    width: 100%;
    background-color: rgba(51, 51, 51, 0.9);
  }
  .homepage .address__top, .homepage .address__bottom {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .homepage .address__middle {
    width: 100%;
    margin-bottom: 15px;
  }
  .homepage .address__middle img {
    width: 100%;
    height: auto;
  }
  .homepage .address__top {
    margin-bottom: 17px;
  }
  .homepage .address__top h2 {
    margin-bottom: 5px;
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .homepage .address__top h2 span {
    color: #fbb900;
  }
  .homepage .address__top div {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .homepage .address__top div a {
    display: flex;
    color: #e8e8e8;
  }
  .homepage .address__top div a img {
    margin-right: 5px;
  }
  .homepage .address__top div h3 {
    color: #fbb900;
    text-transform: capitalize;
    font-size: 20px;
    font-weight: 700;
  }
  .homepage .address__bottom div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 12px;
  }
  .homepage .address__bottom div img {
    margin-right: 14px;
  }
  .homepage .address__bottom div p {
    font-size: 16px;
    font-weight: 700;
  }
  .homepage .address__bottom ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .homepage .address__bottom ul li {
    display: flex;
  }
  .homepage .dropdown {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px 7px 15px;
    background: #efefef;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    color: #333333;
    border-bottom: 1px solid #b4b4b4;
    cursor: pointer;
  }
  .homepage .dropdown .close-icon {
    transition: all 0.25s ease-out;
  }
  .homepage .dropdown .open-icon {
    transform: rotate(180deg);
    transition: all 0.25s ease-out;
  }
  .homepage .dropdown span {
    text-transform: uppercase;
    color: #ff5e00;
  }
  .homepage .info {
    display: flex;
  }
  .homepage .about-info {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
  }
  .homepage .advertising {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    width: 100%;
    align-items: center;
    font-family: "Effra", sans-serif;
    grid-auto-rows: 1fr;
    justify-items: start;
    margin-bottom: 15px;
  }
  .homepage .advertising .odd {
    background: #fff7e1;
  }
  .homepage .advertising__item {
    display: grid;
    /*grid-template-columns: 123px 123px;*/
    grid-template-columns: 50% 50%;
    padding-top: 10px;
    width: 100%;
  }
  .homepage .advertising__left {
    /*display: grid;
    grid-template-rows: 18px 50px 35px 37px;
    position: relative;*/
  }
  .homepage .advertising__left h4 {
    color: #333333;
    font-size: 15px;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: 700;
    font-style: italic;
    padding-left: 11px;
    text-align:right;
  }
  .homepage .advertising__left span {
    color: #8d8d8d;
    font-size: 11px;
    font-weight: 400;
    padding-left: 11px;
    display: block;
    width: 100%;
    text-align: right;
  }
  .homepage .advertising__left p {
    display: block;
    padding: 3px 11px;
    background: #ff5e00;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
    color: #fff;
    text-align: right;
    width: 50%;
    float: right;
  }
  .homepage .advertising__left h3 {
    display: block;
    padding: 5px 11px;
    background: #333333;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
    font-style: italic;
    color: #fff;
    font-weight: 700;
    font-size: 19px;
    text-transform: uppercase;
    width: 50%;
    float: right;
    height: 30px;
    margin-top: 5px;
  }
  .homepage .advertising__left .orange {
    background: #ff5e00;
    width: 125px;
  }
  .homepage .advertising__right {
    justify-self: center;
    align-self: center;
  }
  .homepage .advertising__right img {
    width: 100%;
    height: auto;
    max-height: 116px;
  }
  .homepage .items-container {
    display: flex;
    flex-direction: column;
  }
  .homepage .flex-container {
    display: flex;
    margin-bottom: 15px;
  }
  .homepage .rating-container,
.homepage .search,
.homepage .search-dealer,
.homepage .congrats,
.homepage .desktop-top-container {
    display: none;
  }
}
@media (min-width: 1025px) and (max-width: 1360px) {
  .homepage .goods__item-1 img {
    justify-self: center;
    width: 120px;
  }
  .homepage .goods__item-1 div {
    margin-left: 0;
  }
  .homepage .goods__item-1 div h4 {
    font-size: 20px;
    line-height: 22px;
  }
  .homepage .goods__item-1 div ul > li {
    font-size: 18px;
  }
  .homepage .goods__item-2 span {
    font-size: 18px;
  }
  .homepage .goods__item-2 p {
    font-size: 37px;
  }
  .homepage .goods__item-2 p strong {
    font-size: 20px;
  }
  .homepage .goods__item-2 p strong b {
    font-size: 16px;
  }
  .homepage .goods__item-3 .left {
    margin-right: 0;
  }
  .homepage .advertising__item {
    grid-template-columns: 1fr 1fr;
  }
}
@media (min-width: 1360px) {
  .homepage {
    padding: 0;
  }
  .homepage .desktop {
    width: 100%;
    display: flex;
    flex-direction: column;
    /*background: url("./images/bg-body-desktop.jpg") no-repeat;*/
    background-attachment: fixed;
    background-position: center;
  }
  .homepage .desktop__bg {
    background-color: rgba(255, 255, 255, 0.7);
  }
  .homepage .desktop__container {
    width: 1320px;
    margin: 0 auto;
  }
  .homepage .desktop__top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .homepage .desktop__left-section {
    margin-right: 20px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    color: #e8e8e8;
    width: 43%;
  }
  .homepage .desktop__left-section .search {
    display: flex;
    margin-bottom: 0;
    background: url("../images/bg-info-desktop.jpg") no-repeat;
  }
  .homepage .desktop__left-section .search__container {
    padding: 23px 15px;
    background-color: rgba(51, 51, 51, 0.9);
  }
  .homepage .desktop__left-section .search__container h3 {
    font-size: 24px;
    font-weight: 700;
  }
  .homepage .desktop__left-section .search__container input {
    width: 530px;
    outline: none;
    height: 40px;
  }

  .homepage .desktop__left-section .search__container a {
    font-size: 18px;
    margin-left: 0;
  }
  .homepage .desktop__left-section .search__container > input::placeholder {
    font-size: 16px;
  }
  .homepage .desktop__left-section .search__address {
    display: flex;
    margin-top: 21px;
  }
  .homepage .desktop__left-section .search__map {
    margin-right: 15px;
  }
  .homepage .desktop__left-section .search__list {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .homepage .desktop__left-section .search__list li {
    display: flex;
    margin-bottom: 23px;
  }
  .homepage .desktop__left-section .search__list li img {
    margin-right: 13px;
  }
  .homepage .desktop__left-section .search-dealer-desktop {
    display: flex;
    margin-bottom: 0;
    background: url("../images/bg-info-desktop.jpg") no-repeat;
    background-size:cover;
  }
  .homepage .desktop__left-section .search-dealer-desktop__container {
    padding: 24px;
    background-color: rgba(51, 51, 51, 0.9);
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  .homepage .desktop__left-section .search-dealer-desktop__container .top-section {
    margin-bottom: 10px;
  }
  .homepage .desktop__left-section .search-dealer-desktop__container .top-section h3 {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 0;
    margin-bottom: 4px;
  }
  .homepage .desktop__left-section .search-dealer-desktop__container .top-section h3 b {
    color: #fbb900;
  }
  .homepage .desktop__left-section .search-dealer-desktop__container .top-section div {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .homepage .desktop__left-section .search-dealer-desktop__container .top-section div h3 {
    font-size: 20px;
    text-transform: none;
    color: #fbb900;
  }
  .homepage .desktop__left-section .search-dealer-desktop__container .top-section div a {
    display: flex;
    color: #e8e8e8;
    align-items: center;
    font-size: 14px;
  }
  .homepage .desktop__left-section .search-dealer-desktop__container .top-section div a img {
    margin-right: 5px;
  }
  .homepage .desktop__left-section .search-dealer-desktop__container .middle-section {
    margin-bottom: 20px;
  }
  .homepage .desktop__left-section .search-dealer-desktop__container .bottom-section {
    display: flex;
  }
  .homepage .desktop__left-section .search-dealer-desktop__container .bottom-section .left {
    width: 45%;
    margin-right: 5%;
  }
  .homepage .desktop__left-section .search-dealer-desktop__container .bottom-section .left__contacts {
    margin-bottom: 18px;
  }
  .homepage .desktop__left-section .search-dealer-desktop__container .bottom-section .left__contacts ul li {
    display: flex;
    align-items: center;
  }
  .homepage .desktop__left-section .search-dealer-desktop__container .bottom-section .left__contacts ul li span {
    position: static;
  }
  .homepage .desktop__left-section .search-dealer-desktop__container .bottom-section .left__contacts ul li img {
    margin-right: 15px;
  }
  .homepage .desktop__left-section .search-dealer-desktop__container .bottom-section .left__contacts ul li:not(:last-child) {
    /*margin-bottom: 15px;*/
    margin-bottom: 5px;
  }
  .homepage .desktop__left-section .search-dealer-desktop__container .bottom-section .left__social {
    border-bottom: 1px solid #9f9f9f;
    padding-bottom: 5px;
    margin-bottom: 12px;
  }
  .homepage .desktop__left-section .search-dealer-desktop__container .bottom-section .left__social ul {
    display: flex;
    justify-content: space-between;
  }
  .homepage .desktop__left-section .search-dealer-desktop__container .bottom-section .left__time div {
    display: flex;
    margin-bottom: 5px;
  }
  .homepage .desktop__left-section .search-dealer-desktop__container .bottom-section .left__time div img {
    margin-right: 15px;
  }
  .homepage .desktop__left-section .search-dealer-desktop__container .bottom-section .left__time ul li:not(:last-child) {
    margin-bottom: 4px;
  }
  .homepage .desktop__left-section .search-dealer-desktop__container .bottom-section .right {
    width: 50%;
  }
  .homepage .desktop__left-section .search-dealer-desktop__container .bottom-section .right__info h4 {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .homepage .desktop__left-section .search-dealer-desktop__container .bottom-section .right__info img {
    margin-top: 24px;
  }
  .homepage .desktop__right-section {
    background: #efefef;
    display: flex;
    flex-direction: column;
    width: 57%;
  }
  .homepage .desktop__right-section .section-title-2 {
    display: flex;
    margin-bottom: -17px;
  }
  .homepage .desktop__right-section .section-title-2 p {
    font-size: 34px;
    width: 335px;
  }
  .homepage .desktop__right-section .info {
    display: flex;
  }
  .homepage .desktop__right-section .advertising {
    display: grid;
    margin-bottom: 0;
    background:#fff;
  }
  .homepage .desktop__middle {
    display: flex;
    margin-bottom: 25px;
  }
  .homepage .desktop__middle .section-title {
    display: flex;
  }
  .homepage .desktop__middle .section-title p {
    font-size: 34px;
    width: 210px;
  }
  .homepage .desktop__middle .section-title-2 {
    display: flex;
    margin-bottom: 0;
  }
  .homepage .desktop__middle .section-title-2 .paragraph-title {
    font-size: 34px;
    width: 385px;
  }
  .homepage .desktop__fireworks-left-section {
    margin-right: 29px;
    width: 20%;
    height: 100%;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.32);
  }
  .homepage .desktop__fireworks-right-section {
    width: 100%;
  }
  .homepage .desktop .goods__items {
    height: auto;
    border: none;
    background: #fff;
  }
  .homepage .desktop .item {
    margin-right: 0;
    border: none;
  }
  .homepage .desktop .item .product-description{
    height:75px;
  }

  .homepage .desktop .item .product-image a{
    margin: 0 auto;
    display:block;
  }

  .homepage .desktop .goods__item-1 .knaal-firework {
    max-height:230px;
  }
  .homepage .desktop .goods__item-1 img {
    justify-self: center;
    margin-bottom: 9px;
  }
  .homepage .desktop .goods__item-1 div {
    margin-left: 0;
    text-align: left;
  }
  .homepage .desktop .goods__item-1 div h4 {
    font-size: 20px;
    line-height: 15px;
    margin-bottom: 0;
    text-transform: uppercase;
  }
  .homepage .desktop .goods__item-1 div span {
    color: #8d8d8d;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: 400;
  }
  .homepage .desktop .goods__item-1 div strong {
    position: absolute;
    top: 0;
    right: 0;
    font-family: "Effra", sans-serif;
    font-size: 20px;
    display: block;
    background: #fbb900;
    padding: 5px 17px 5px 14px;
    justify-self: start;
    align-self: center;
    color: #333333;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
  }
  .homepage .desktop .goods__item-1 div ul {
    margin-top: 5px;
  }
  .homepage .desktop .goods__item-1 div .grey {
    background: #b4b4b4;
    color: #fff;
  }
  .homepage .desktop .goods__item-2 {
    grid-template-columns: 100%;
  }
  .homepage .desktop .goods__item-2 span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    background: #ff5e00;
    width: 90px;
    height: 24px;
    border-radius: 14px;
    padding: 15px 9px;
    line-height: 15px;
    align-self: center;
    margin-right: 0;
  }

  .homepage .desktop .goods__item-2 p, .aside__price p {
    font-size: 38px;
    font-style: oblique;
  }
  .homepage .desktop .sale {
    grid-template-columns: 57% 43%;
  }
  .homepage .desktop .goods__item-3 .left {
    margin-right: 13px;
  }
  .homepage .desktop .goods__item-3 .left img:not(:last-child) {
    margin-right: 20px;
  }
  .homepage .desktop__bottom .section-title-2 {
    display: flex;
    margin-bottom: 0;
  }
  .homepage .desktop__bottom .section-title-2 .paragraph-title {
    font-size: 28px;
    width: 482px;
  }
  .homepage .desktop__bottom .section-title-2 strong {
    font-size: 18px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
  }
  .homepage .desktop__bottom .companies {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
    padding: 0;
    margin-top: 28px;
    margin-bottom: 23px;
  }
  .homepage .desktop__bottom .companies img {
    width: 100%;
  }
  .homepage .desktop__bottom .companies div {
    border: none;
  }
  .homepage .dropdown,
.homepage .address,
.homepage .advertising,
.homepage .section-title-2,
.homepage .section-title,
.homepage .goods,
.homepage .info,
.homepage .items-container,
.homepage .companies {
    display: none;
  }
}

.contactpage {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  color: #333333;
}
.contactpage .section-title-2 {
  margin-bottom: 0;
}
.contactpage .section-title-2 .paragraph-title {
  width: 130px;
}
.contactpage .description {
  padding: 15px;
  border-bottom: 1px solid #b4b4b4;
}
.contactpage .description p {
  line-height: 24px;
}
.contactpage .contact {
  padding: 15px 15px 0 15px;
  margin-bottom: 6px;
}
.contactpage .contact__address h3 {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.contactpage .contact__address p {
  margin-bottom: 13px;
}
.contactpage .contact__email {
  margin-bottom: 12px;
}
.contactpage .contact__phone {
  margin-bottom: 20px;
}
.contactpage .contact__email, .contactpage .contact__phone {
  display: flex;
}
.contactpage .contact__email img, .contactpage .contact__phone img {
  margin-right: 8px;
}
.contactpage .contact__time .title {
  display: flex;
  align-items: center;
  margin-bottom: 13px;
}
.contactpage .contact__time .title img {
  margin-right: 8px;
}
.contactpage .contact__time ul > li {
  margin-bottom: 4px;
}
.contactpage .social-media {
  padding: 0 15px;
  margin-bottom: 10px;
}
.contactpage .social-media a {
  margin-right: 58px;
}
.contactpage .social-media button {
  margin-top: 16px;
}
.contactpage .social-media a:nth-child(4) {
  margin-right: 0;
}
.contactpage .contact-form {
  padding: 15px;
  background: #f6f6f6;
  margin-bottom: 35px;
}
.contactpage .contact-form p {
  margin-bottom: 16px;
}
.contactpage .contact-form p a {
  color: #ff5e00;
  text-decoration: underline;
}
.contactpage .contact-form h1 {
  font-size: 22px;
  font-family: "Effra", sans-serif;
  line-height: 17px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.contactpage .contact-form form {
  display: flex;
  flex-direction: column;
}
.contactpage .contact-form form div {
  margin-bottom: 15px;
}
.contactpage .contact-form button {
  margin-top: 10px;
}
.contactpage .contact-form__name {
  display: flex;
}
.contactpage .contact-form__name div > input {
  margin-top: 5px;
  padding: 12px;
  color: #333333;
  border: 1px solid #b4b4b4;
}
.contactpage .contact-form__name .first-name,
.contactpage .contact-form__name .tussenv {
  display: flex;
  flex-direction: column;
}
.contactpage .contact-form__name .first-name {
  width: 100%;
}
.contactpage .contact-form__name .tussenv {
  width: 20%;
}
.contactpage .contact-form__second-name, .contactpage .contact-form__email, .contactpage .contact-form__telephone, .contactpage .contact-form__textarea {
  display: flex;
  flex-direction: column;
}
.contactpage .contact-form__second-name input,
.contactpage .contact-form__second-name textarea, .contactpage .contact-form__email input,
.contactpage .contact-form__email textarea, .contactpage .contact-form__telephone input,
.contactpage .contact-form__telephone textarea, .contactpage .contact-form__textarea input,
.contactpage .contact-form__textarea textarea {
  margin-top: 5px;
  padding: 12px;
  color: #333333;
  border: 1px solid #b4b4b4;
}
.contactpage .tablet,
.contactpage .desktop {
  display: none;
}
@media (max-width: 400px) {
  .contactpage .social-media a:not(:last-child) {
    margin-right: 28px;
  }
}
@media (min-width: 768px) {
  .contactpage .tablet {
    display: flex;
    flex-direction: column;
    padding: 15px;
  }
  .contactpage .tablet__container .section-title-2 {
    display: flex;
    margin-bottom: 15px;
  }
  .contactpage .tablet .menu-items {
    display: flex;
  }
  .contactpage .tablet__contact {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
  }
  .contactpage .tablet__contact .left {
    width: 50%;
    border: 1px solid #b4b4b4;
    margin-right: 16px;
    padding: 15px;
  }
  .contactpage .tablet__contact .right {
    width: 50%;
    background: url("../images/map-placeholder-4.jpg") no-repeat;
    background-size: cover;
  }
  .contactpage .tablet__contact .contact,
.contactpage .tablet__contact .social-media {
    display: block;
    padding: 0;
  }
  .contactpage .tablet__contact .contact__time,
.contactpage .tablet__contact .social-media__time {
    margin-bottom: 17px;
  }
  .contactpage .tablet__contact .social-media > a:not(:last-child) {
    margin-right: 45px;
  }
  .contactpage .tablet__form .contact-form {
    display: block;
  }

  .contactpage .tablet__form .contact-form .tussenv {
    margin-right: 14px;
    width: 12%;
  }
  .contactpage .tablet__form .contact-form__second-name {
    width: 50%;
  }
  .contactpage .tablet__form .contact-form .email {
    width: 48%;
    bottom: 0;
    display: flex;
    flex-direction: column;
    margin-right: 2%;
  }
  .contactpage .tablet__form .contact-form__telephone {
    width: 50%;
    margin-bottom: 0;
  }
  .contactpage .tablet__form .contact-form__email {
    flex-direction: row;
  }
  .contactpage .rating-container,
.contactpage .section-title-2,
.contactpage .description,
.contactpage .contact,
.contactpage .social-media,
.contactpage .contact-form,
.contactpage .desktop {
    display: none;
  }
}
@media (min-width: 1360px) {
  .contactpage {
    margin-top: 0;
  }
  .contactpage .desktop {
    display: flex;
    flex-direction: column;
    /*background: url("./images/bg-body-desktop.jpg") no-repeat;*/
    background-attachment: fixed;
    background-position: center;
  }
  .contactpage .desktop__bg {
    background-color: rgba(255, 255, 255, 0.7);
  }
  .contactpage .desktop .packers {
    display: block;
    margin-left: 30px;
  }
  .contactpage .desktop .left-section {
    flex-grow: 1;
  }
  .contactpage .desktop__container {
    width: 1295px;
    margin: 0 auto;
    display: flex;
    margin-top: 30px;
  }
  .contactpage .desktop .menu-items {
    display: flex;
    background: #f6f6f6;
    padding: 15px 11px;
    margin-bottom: 30px;
    width: 1295px;
    margin: 0 auto;
  }
  .contactpage .desktop .tablet__form {
    display: block;
    width: 1010px;
    margin: 0 auto;
    position: relative;
  }
  .contactpage .desktop .dealer-form {
    display: block;
    width: 965px;
    margin: 0 auto;
    position: relative;
  }
  .contactpage .desktop .some {
    background: #fff;
  }
  .contactpage .desktop .contact-description h1 {
    font-size: 22px;
    font-family: "Effra", sans-serif;
    font-weight: 700;
    line-height: 17px;
    text-transform: uppercase;
    margin-bottom: 12px;
  }
  .contactpage .desktop .contact-description p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 17px;
  }
  .contactpage .desktop .contact-description p a {
    color: #ff5e00;
    text-decoration: underline;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 700;
    text-decoration: underline;
  }
  .contactpage .desktop .map {
    background: url("../images/map_placeholder.jpg") no-repeat;
    position: relative;
  }
  .contactpage .desktop .map .tablet__contact {
    margin-bottom: 0;
    height: 420px;
  }
  .contactpage .desktop .map .left {
    margin-right: 0;
    width: 446px;
    height: 281px;
    background-color: #ffffff;
    z-index: 20;
    position: absolute;
    right: 27px;
    top: 70px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.32);
    border: none;
  }
  .contactpage .desktop .social-media {
    position: absolute;
    display: block;
    left: 32%;
    bottom: 42%;
  }
  .contactpage .desktop .social-media a:not(:last-child) {
    margin-right: 25px;
  }
  .contactpage .desktop .contact-form {
    padding-top: 140px;
  }
  .contactpage .desktop .contact-form button {
    width: 314px;
    align-self: flex-end;
  }
  .contactpage .tablet {
    display: none;
  }
}

.accountpage {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  color: #333333;
}
.accountpage .section-title-2 .paragraph-title {
  width: 177px;
}
.accountpage .contact-form {
  padding: 15px;
  margin-bottom: 25px;
}
.accountpage .contact-form p {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 17px;
  text-transform: uppercase;
}
.accountpage .contact-form form {
  display: flex;
  flex-direction: column;
}
.accountpage .contact-form form div {
  margin-bottom: 8px;
}
.accountpage .contact-form form button {
  margin-top: 8px;
}
.accountpage .contact-form__name, .accountpage .contact-form__street, .accountpage .contact-form__postcode {
  justify-content: space-between;
  display: flex;
}
.accountpage .contact-form__name div > input, .accountpage .contact-form__street div > input, .accountpage .contact-form__postcode div > input {
  margin-top: 5px;
  padding: 12px;
  color: #333333;
  border: 1px solid #b4b4b4;
}
.accountpage .contact-form__name .first-name,
.accountpage .contact-form__name .tussenv,
.accountpage .contact-form__name .street-name,
.accountpage .contact-form__name .street-number,
.accountpage .contact-form__name .code,
.accountpage .contact-form__name .city, .accountpage .contact-form__street .first-name,
.accountpage .contact-form__street .tussenv,
.accountpage .contact-form__street .street-name,
.accountpage .contact-form__street .street-number,
.accountpage .contact-form__street .code,
.accountpage .contact-form__street .city, .accountpage .contact-form__postcode .first-name,
.accountpage .contact-form__postcode .tussenv,
.accountpage .contact-form__postcode .street-name,
.accountpage .contact-form__postcode .street-number,
.accountpage .contact-form__postcode .code,
.accountpage .contact-form__postcode .city {
  display: flex;
  flex-direction: column;
}
.accountpage .contact-form__name .first-name, .accountpage .contact-form__street .first-name, .accountpage .contact-form__postcode .first-name {
  width: 73%;
}
.accountpage .contact-form__name .tussenv, .accountpage .contact-form__street .tussenv, .accountpage .contact-form__postcode .tussenv {
  width: 23%;
}
.accountpage .contact-form__name .street-name, .accountpage .contact-form__street .street-name, .accountpage .contact-form__postcode .street-name {
  width: 80%;
}
.accountpage .contact-form__name .street-number, .accountpage .contact-form__street .street-number, .accountpage .contact-form__postcode .street-number {
  width: 16%;
}
.accountpage .contact-form__name .code, .accountpage .contact-form__street .code, .accountpage .contact-form__postcode .code {
  width: 27%;
}
.accountpage .contact-form__name .city, .accountpage .contact-form__street .city, .accountpage .contact-form__postcode .city {
  width: 68%;
}
.accountpage .contact-form__second-name, .accountpage .contact-form__email, .accountpage .contact-form__telephone {
  display: flex;
  flex-direction: column;
}
.accountpage .contact-form__second-name input, .accountpage .contact-form__email input, .accountpage .contact-form__telephone input {
  margin-top: 5px;
  padding: 12px;
  color: #333333;
  border: 1px solid #b4b4b4;
}
.accountpage .products {
  display: flex;
  flex-direction: column;
}
.accountpage .products__title {
  font-size: 18px;
  padding-left: 15px;
  margin-bottom: 10px;
}
.accountpage .products__card {
  padding: 15px;
  display: flex;
  flex-direction: column;
  background-color: #f6f6f6;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  margin-bottom: 15px;
  border-top: 1px solid #b4b4b4;
  border-bottom: 1px solid #b4b4b4;
}
.accountpage .products__card span {
  font-weight: 700;
  display: inline-block;
  margin-left: 8px;
}
.accountpage .products__card a {
  color: #ff5e00;
}
.accountpage .products__card a:hover {
  cursor: pointer;
}
.accountpage .products__card .card-item {
  margin-bottom: 10px;
}
.accountpage .products__card .order-wrap,
.accountpage .products__card .status-wrap {
  display: flex;
  justify-content: space-between;
}
.accountpage .products__card .order-wrap img,
.accountpage .products__card .status-wrap img {
  margin-left: 10px;
  position: relative;
  top: 2px;
}
.accountpage .products__card .still-collection {
  color: #fbb900;
}
.accountpage .products__card .collected {
  color: #10c94e;
}
.accountpage .products__card .canceled {
  color: #db2929;
}
.accountpage .tablet,
.accountpage .desktop,
.accountpage .tablet-form,
.accountpage .menu-items,
.accountpage .desktop__menu-items,
.accountpage .desktop-title {
  display: none;
}
@media (min-width: 768px) {
  .accountpage .tablet {
    display: flex;
    flex-direction: column;
    padding: 15px;
    margin-bottom: 25px;
  }
  .accountpage .tablet .section-title-2 {
    display: flex;
    margin-bottom: 15px;
  }
  .accountpage .tablet .menu-items {
    display: flex;
  }
  .accountpage .tablet .tablet-form {
    padding: 15px;
    background-color: #f6f6f6;
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
  }
  .accountpage .tablet .tablet-form p {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .accountpage .tablet .tablet-form form {
    display: flex;
    flex-direction: column;
  }
  .accountpage .tablet .tablet-form form div {
    margin-bottom: 10px;
  }
  .accountpage .tablet .tablet-form form button {
    margin-top: 20px;
  }
  .accountpage .tablet .tablet-form__name, .accountpage .tablet .tablet-form__street, .accountpage .tablet .tablet-form__postcode, .accountpage .tablet .tablet-form__contacts {
    justify-content: space-between;
    display: flex;
  }
  .accountpage .tablet .tablet-form__name div > input, .accountpage .tablet .tablet-form__street div > input, .accountpage .tablet .tablet-form__postcode div > input, .accountpage .tablet .tablet-form__contacts div > input {
    margin-top: 5px;
    padding: 12px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    border: 1px solid #b4b4b4;
  }
  .accountpage .tablet .tablet-form__name .first-name,
.accountpage .tablet .tablet-form__name .tussenv,
.accountpage .tablet .tablet-form__name .second-name,
.accountpage .tablet .tablet-form__name .street-name,
.accountpage .tablet .tablet-form__name .street-number,
.accountpage .tablet .tablet-form__name .code,
.accountpage .tablet .tablet-form__name .city,
.accountpage .tablet .tablet-form__name .email,
.accountpage .tablet .tablet-form__name .telephone, .accountpage .tablet .tablet-form__street .first-name,
.accountpage .tablet .tablet-form__street .tussenv,
.accountpage .tablet .tablet-form__street .second-name,
.accountpage .tablet .tablet-form__street .street-name,
.accountpage .tablet .tablet-form__street .street-number,
.accountpage .tablet .tablet-form__street .code,
.accountpage .tablet .tablet-form__street .city,
.accountpage .tablet .tablet-form__street .email,
.accountpage .tablet .tablet-form__street .telephone, .accountpage .tablet .tablet-form__postcode .first-name,
.accountpage .tablet .tablet-form__postcode .tussenv,
.accountpage .tablet .tablet-form__postcode .second-name,
.accountpage .tablet .tablet-form__postcode .street-name,
.accountpage .tablet .tablet-form__postcode .street-number,
.accountpage .tablet .tablet-form__postcode .code,
.accountpage .tablet .tablet-form__postcode .city,
.accountpage .tablet .tablet-form__postcode .email,
.accountpage .tablet .tablet-form__postcode .telephone, .accountpage .tablet .tablet-form__contacts .first-name,
.accountpage .tablet .tablet-form__contacts .tussenv,
.accountpage .tablet .tablet-form__contacts .second-name,
.accountpage .tablet .tablet-form__contacts .street-name,
.accountpage .tablet .tablet-form__contacts .street-number,
.accountpage .tablet .tablet-form__contacts .code,
.accountpage .tablet .tablet-form__contacts .city,
.accountpage .tablet .tablet-form__contacts .email,
.accountpage .tablet .tablet-form__contacts .telephone {
    display: flex;
    flex-direction: column;
  }
  .accountpage .tablet .tablet-form__name .first-name, .accountpage .tablet .tablet-form__street .first-name, .accountpage .tablet .tablet-form__postcode .first-name, .accountpage .tablet .tablet-form__contacts .first-name {
    width: 35%;
  }
  .accountpage .tablet .tablet-form__name .tussenv, .accountpage .tablet .tablet-form__street .tussenv, .accountpage .tablet .tablet-form__postcode .tussenv, .accountpage .tablet .tablet-form__contacts .tussenv {
    width: 14%;
  }
  .accountpage .tablet .tablet-form__name .second-name, .accountpage .tablet .tablet-form__street .second-name, .accountpage .tablet .tablet-form__postcode .second-name, .accountpage .tablet .tablet-form__contacts .second-name {
    width: 47%;
  }
  .accountpage .tablet .tablet-form__name .street-name, .accountpage .tablet .tablet-form__street .street-name, .accountpage .tablet .tablet-form__postcode .street-name, .accountpage .tablet .tablet-form__contacts .street-name {
    width: 84%;
  }
  .accountpage .tablet .tablet-form__name .street-number, .accountpage .tablet .tablet-form__street .street-number, .accountpage .tablet .tablet-form__postcode .street-number, .accountpage .tablet .tablet-form__contacts .street-number {
    width: 14%;
  }
  .accountpage .tablet .tablet-form__name .code, .accountpage .tablet .tablet-form__street .code, .accountpage .tablet .tablet-form__postcode .code, .accountpage .tablet .tablet-form__contacts .code {
    width: 35%;
  }
  .accountpage .tablet .tablet-form__name .city, .accountpage .tablet .tablet-form__street .city, .accountpage .tablet .tablet-form__postcode .city, .accountpage .tablet .tablet-form__contacts .city {
    width: 63%;
  }
  .accountpage .tablet .tablet-form__name .email, .accountpage .tablet .tablet-form__street .email, .accountpage .tablet .tablet-form__postcode .email, .accountpage .tablet .tablet-form__contacts .email {
    width: 49%;
  }
  .accountpage .tablet .tablet-form__name .telephone, .accountpage .tablet .tablet-form__street .telephone, .accountpage .tablet .tablet-form__postcode .telephone, .accountpage .tablet .tablet-form__contacts .telephone {
    width: 49%;
  }
  .accountpage .tablet .tablet-products {
    display: flex;
    flex-direction: column;
  }
  .accountpage .tablet .tablet-products__title {
    font-size: 18px;
    padding-left: 15px;
    margin-bottom: 10px;
    font-family: "Effra", sans-serif;
    font-weight: 700;
  }
  .accountpage .tablet .tablet-products .products__card {
    border: 1px solid #b4b4b4;
  }
  .accountpage .tablet .tablet-products .tablet-form {
    padding: 15px;
    background-color: #f6f6f6;
    display: flex;
    flex-direction: column;
    margin-bottom: 25px;
  }
  .accountpage .tablet .tablet-products .tablet-form p {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .accountpage .tablet .tablet-products .tablet-form form {
    display: flex;
    flex-direction: column;
  }
  .accountpage .tablet .tablet-products .tablet-form form div {
    margin-bottom: 10px;
  }
  .accountpage .tablet .tablet-products .tablet-form form button {
    margin-top: 20px;
  }
  .accountpage .tablet .tablet-products .tablet-form__name, .accountpage .tablet .tablet-products .tablet-form__street, .accountpage .tablet .tablet-products .tablet-form__postcode, .accountpage .tablet .tablet-products .tablet-form__contacts {
    justify-content: space-between;
    display: flex;
  }
  .accountpage .tablet .tablet-products .tablet-form__name div > input, .accountpage .tablet .tablet-products .tablet-form__street div > input, .accountpage .tablet .tablet-products .tablet-form__postcode div > input, .accountpage .tablet .tablet-products .tablet-form__contacts div > input {
    margin-top: 5px;
    padding: 12px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    border: 1px solid #b4b4b4;
  }
  .accountpage .tablet .tablet-products .tablet-form__name .first-name,
.accountpage .tablet .tablet-products .tablet-form__name .tussenv,
.accountpage .tablet .tablet-products .tablet-form__name .second-name,
.accountpage .tablet .tablet-products .tablet-form__name .street-name,
.accountpage .tablet .tablet-products .tablet-form__name .street-number,
.accountpage .tablet .tablet-products .tablet-form__name .code,
.accountpage .tablet .tablet-products .tablet-form__name .city,
.accountpage .tablet .tablet-products .tablet-form__name .email,
.accountpage .tablet .tablet-products .tablet-form__name .telephone, .accountpage .tablet .tablet-products .tablet-form__street .first-name,
.accountpage .tablet .tablet-products .tablet-form__street .tussenv,
.accountpage .tablet .tablet-products .tablet-form__street .second-name,
.accountpage .tablet .tablet-products .tablet-form__street .street-name,
.accountpage .tablet .tablet-products .tablet-form__street .street-number,
.accountpage .tablet .tablet-products .tablet-form__street .code,
.accountpage .tablet .tablet-products .tablet-form__street .city,
.accountpage .tablet .tablet-products .tablet-form__street .email,
.accountpage .tablet .tablet-products .tablet-form__street .telephone, .accountpage .tablet .tablet-products .tablet-form__postcode .first-name,
.accountpage .tablet .tablet-products .tablet-form__postcode .tussenv,
.accountpage .tablet .tablet-products .tablet-form__postcode .second-name,
.accountpage .tablet .tablet-products .tablet-form__postcode .street-name,
.accountpage .tablet .tablet-products .tablet-form__postcode .street-number,
.accountpage .tablet .tablet-products .tablet-form__postcode .code,
.accountpage .tablet .tablet-products .tablet-form__postcode .city,
.accountpage .tablet .tablet-products .tablet-form__postcode .email,
.accountpage .tablet .tablet-products .tablet-form__postcode .telephone, .accountpage .tablet .tablet-products .tablet-form__contacts .first-name,
.accountpage .tablet .tablet-products .tablet-form__contacts .tussenv,
.accountpage .tablet .tablet-products .tablet-form__contacts .second-name,
.accountpage .tablet .tablet-products .tablet-form__contacts .street-name,
.accountpage .tablet .tablet-products .tablet-form__contacts .street-number,
.accountpage .tablet .tablet-products .tablet-form__contacts .code,
.accountpage .tablet .tablet-products .tablet-form__contacts .city,
.accountpage .tablet .tablet-products .tablet-form__contacts .email,
.accountpage .tablet .tablet-products .tablet-form__contacts .telephone {
    display: flex;
    flex-direction: column;
  }
  .accountpage .tablet .tablet-products .tablet-form__name .first-name, .accountpage .tablet .tablet-products .tablet-form__street .first-name, .accountpage .tablet .tablet-products .tablet-form__postcode .first-name, .accountpage .tablet .tablet-products .tablet-form__contacts .first-name {
    width: 35%;
  }
  .accountpage .tablet .tablet-products .tablet-form__name .tussenv, .accountpage .tablet .tablet-products .tablet-form__street .tussenv, .accountpage .tablet .tablet-products .tablet-form__postcode .tussenv, .accountpage .tablet .tablet-products .tablet-form__contacts .tussenv {
    width: 14%;
  }
  .accountpage .tablet .tablet-products .tablet-form__name .second-name, .accountpage .tablet .tablet-products .tablet-form__street .second-name, .accountpage .tablet .tablet-products .tablet-form__postcode .second-name, .accountpage .tablet .tablet-products .tablet-form__contacts .second-name {
    width: 47%;
  }
  .accountpage .tablet .tablet-products .tablet-form__name .street-name, .accountpage .tablet .tablet-products .tablet-form__street .street-name, .accountpage .tablet .tablet-products .tablet-form__postcode .street-name, .accountpage .tablet .tablet-products .tablet-form__contacts .street-name {
    width: 84%;
  }
  .accountpage .tablet .tablet-products .tablet-form__name .street-number, .accountpage .tablet .tablet-products .tablet-form__street .street-number, .accountpage .tablet .tablet-products .tablet-form__postcode .street-number, .accountpage .tablet .tablet-products .tablet-form__contacts .street-number {
    width: 14%;
  }
  .accountpage .tablet .tablet-products .tablet-form__name .code, .accountpage .tablet .tablet-products .tablet-form__street .code, .accountpage .tablet .tablet-products .tablet-form__postcode .code, .accountpage .tablet .tablet-products .tablet-form__contacts .code {
    width: 35%;
  }
  .accountpage .tablet .tablet-products .tablet-form__name .city, .accountpage .tablet .tablet-products .tablet-form__street .city, .accountpage .tablet .tablet-products .tablet-form__postcode .city, .accountpage .tablet .tablet-products .tablet-form__contacts .city {
    width: 63%;
  }
  .accountpage .tablet .tablet-products .tablet-form__name .email, .accountpage .tablet .tablet-products .tablet-form__street .email, .accountpage .tablet .tablet-products .tablet-form__postcode .email, .accountpage .tablet .tablet-products .tablet-form__contacts .email {
    width: 49%;
  }
  .accountpage .tablet .tablet-products .tablet-form__name .telephone, .accountpage .tablet .tablet-products .tablet-form__street .telephone, .accountpage .tablet .tablet-products .tablet-form__postcode .telephone, .accountpage .tablet .tablet-products .tablet-form__contacts .telephone {
    width: 49%;
  }
  .accountpage .rating-container,
.accountpage .section-title-2,
.accountpage .contact-form,
.accountpage .products,
.accountpage .desktop {
    display: none;
  }
}
@media (min-width: 1360px) {
  .accountpage {
    margin-top: 0;
  }
  .accountpage .desktop {
    display: flex;
    flex-direction: column;
    /*background: url("./images/bg-body-desktop.jpg") no-repeat;*/
    background-position: center;
    background-attachment: fixed;
  }
  .accountpage .desktop__bg {
    background-color: rgba(255, 255, 255, 0.7);
  }
  .accountpage .desktop .perks {
    display: block;
  }
  .accountpage .desktop__container {
    width: 1295px;
    margin: 0 auto;
  }
  .accountpage .desktop .menu-items {
    display: flex;
    background: #f6f6f6;
    padding: 15px 11px;
    margin-bottom: 30px;
  }
  .accountpage .desktop .desktop-title {
    display: flex;
    margin-bottom: 20px;
  }
  .accountpage .desktop .desktop-title h1 {
    font-family: "Effra", sans-serif;
    font-size: 28px;
    line-height: 17px;
    margin-bottom: 15px;
  }
  .accountpage .desktop .desktop-title h2 {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 20px;
  }
  .accountpage .desktop .tablet-form {
    padding: 15px;
    background-color: #f6f6f6;
    display: flex;
    margin-bottom: 20px;
    justify-content: space-between;
  }
  .accountpage .desktop .tablet-form p {
    margin-bottom: 20px;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .accountpage .desktop .tablet-form .form-wrap {
    display: flex;
    flex-direction: column;
    width: 49%;
  }
  .accountpage .desktop .tablet-form .video-wrap {
    width: 49%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #beb0b0;
  }
  .accountpage .desktop .tablet-form .video-wrap .play {
    margin: 0 auto;
  }
  .accountpage .desktop .tablet-form form {
    display: flex;
    flex-direction: column;
  }
  .accountpage .desktop .tablet-form form div {
    margin-bottom: 10px;
  }
  .accountpage .desktop .tablet-form form button {
    margin-top: 10px;
    width: 49%;
  }
  .accountpage .desktop .tablet-form__name, .accountpage .desktop .tablet-form__street, .accountpage .desktop .tablet-form__postcode, .accountpage .desktop .tablet-form__contacts {
    justify-content: space-between;
    display: flex;
  }
  .accountpage .desktop .tablet-form__name div > input, .accountpage .desktop .tablet-form__street div > input, .accountpage .desktop .tablet-form__postcode div > input, .accountpage .desktop .tablet-form__contacts div > input {
    margin-top: 5px;
    padding: 12px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    border: 1px solid #b4b4b4;
  }
  .accountpage .desktop .tablet-form__name .first-name,
.accountpage .desktop .tablet-form__name .tussenv,
.accountpage .desktop .tablet-form__name .second-name,
.accountpage .desktop .tablet-form__name .street-name,
.accountpage .desktop .tablet-form__name .street-number,
.accountpage .desktop .tablet-form__name .code,
.accountpage .desktop .tablet-form__name .city,
.accountpage .desktop .tablet-form__name .email,
.accountpage .desktop .tablet-form__name .telephone, .accountpage .desktop .tablet-form__street .first-name,
.accountpage .desktop .tablet-form__street .tussenv,
.accountpage .desktop .tablet-form__street .second-name,
.accountpage .desktop .tablet-form__street .street-name,
.accountpage .desktop .tablet-form__street .street-number,
.accountpage .desktop .tablet-form__street .code,
.accountpage .desktop .tablet-form__street .city,
.accountpage .desktop .tablet-form__street .email,
.accountpage .desktop .tablet-form__street .telephone, .accountpage .desktop .tablet-form__postcode .first-name,
.accountpage .desktop .tablet-form__postcode .tussenv,
.accountpage .desktop .tablet-form__postcode .second-name,
.accountpage .desktop .tablet-form__postcode .street-name,
.accountpage .desktop .tablet-form__postcode .street-number,
.accountpage .desktop .tablet-form__postcode .code,
.accountpage .desktop .tablet-form__postcode .city,
.accountpage .desktop .tablet-form__postcode .email,
.accountpage .desktop .tablet-form__postcode .telephone, .accountpage .desktop .tablet-form__contacts .first-name,
.accountpage .desktop .tablet-form__contacts .tussenv,
.accountpage .desktop .tablet-form__contacts .second-name,
.accountpage .desktop .tablet-form__contacts .street-name,
.accountpage .desktop .tablet-form__contacts .street-number,
.accountpage .desktop .tablet-form__contacts .code,
.accountpage .desktop .tablet-form__contacts .city,
.accountpage .desktop .tablet-form__contacts .email,
.accountpage .desktop .tablet-form__contacts .telephone {
    display: flex;
    flex-direction: column;
  }
  .accountpage .desktop .tablet-form__name .first-name, .accountpage .desktop .tablet-form__street .first-name, .accountpage .desktop .tablet-form__postcode .first-name, .accountpage .desktop .tablet-form__contacts .first-name {
    width: 35%;
  }
  .accountpage .desktop .tablet-form__name .tussenv, .accountpage .desktop .tablet-form__street .tussenv, .accountpage .desktop .tablet-form__postcode .tussenv, .accountpage .desktop .tablet-form__contacts .tussenv {
    width: 14%;
  }
  .accountpage .desktop .tablet-form__name .second-name, .accountpage .desktop .tablet-form__street .second-name, .accountpage .desktop .tablet-form__postcode .second-name, .accountpage .desktop .tablet-form__contacts .second-name {
    width: 47%;
  }
  .accountpage .desktop .tablet-form__name .street-name, .accountpage .desktop .tablet-form__street .street-name, .accountpage .desktop .tablet-form__postcode .street-name, .accountpage .desktop .tablet-form__contacts .street-name {
    width: 84%;
  }
  .accountpage .desktop .tablet-form__name .street-number, .accountpage .desktop .tablet-form__street .street-number, .accountpage .desktop .tablet-form__postcode .street-number, .accountpage .desktop .tablet-form__contacts .street-number {
    width: 14%;
  }
  .accountpage .desktop .tablet-form__name .code, .accountpage .desktop .tablet-form__street .code, .accountpage .desktop .tablet-form__postcode .code, .accountpage .desktop .tablet-form__contacts .code {
    width: 35%;
  }
  .accountpage .desktop .tablet-form__name .city, .accountpage .desktop .tablet-form__street .city, .accountpage .desktop .tablet-form__postcode .city, .accountpage .desktop .tablet-form__contacts .city {
    width: 63%;
  }
  .accountpage .desktop .tablet-form__name .email, .accountpage .desktop .tablet-form__street .email, .accountpage .desktop .tablet-form__postcode .email, .accountpage .desktop .tablet-form__contacts .email {
    width: 49%;
  }
  .accountpage .desktop .tablet-form__name .telephone, .accountpage .desktop .tablet-form__street .telephone, .accountpage .desktop .tablet-form__postcode .telephone, .accountpage .desktop .tablet-form__contacts .telephone {
    width: 49%;
  }
  .accountpage .desktop .order {
    background: #f6f6f6;
    padding: 15px;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  .accountpage .desktop .order__data ul, .accountpage .desktop .order__products ul, .accountpage .desktop .order__downloads ul {
    display: flex;
  }
  .accountpage .desktop .order__data ul li, .accountpage .desktop .order__products ul li, .accountpage .desktop .order__downloads ul li {
    display: flex;
    align-items: center;
  }
  .accountpage .desktop .order__data {
    margin-bottom: 12px;
  }
  .accountpage .desktop .order__data ul li {
    border-right: 1px solid #b4b4b4;
    margin-right: 15px;
    padding-right: 15px;
  }
  .accountpage .desktop .order__data ul li span {
    font-weight: 700;
  }
  .accountpage .desktop .order__data ul li:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: none;
  }
  .accountpage .desktop .order__data ul li:last-child span {
    color: #fbb900;
  }
  .accountpage .desktop .order__data ul li:last-child .assembled {
    color: #10c94e;
  }
  .accountpage .desktop .order__products {
    margin-bottom: 17px;
  }
  .accountpage .desktop .order__products .product {
    width: 110px;
    height: 110px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #b4b4b4;
    background: #fff;
  }
  .accountpage .desktop .order__products .product img {
    width: 70px;
  }
  .accountpage .desktop .order__products ul li:not(:last-child) {
    margin-right: 15px;
  }
  .accountpage .desktop .order__downloads ul li:not(:last-child) {
    margin-right: 32px;
  }
  .accountpage .desktop .order__downloads ul li a {
    color: #333333;
    text-decoration: none;
  }
  .accountpage .desktop .order__downloads ul li a:hover {
    text-decoration: underline;
  }
  .accountpage .desktop .order__downloads ul li img {
    margin-right: 10px;
  }
  .accountpage .desktop .order__downloads ul li .orange {
    color: #ff5e00;
  }
  .accountpage .tablet {
    display: none;
  }
}

.faq {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  color: #333333;
}
.faq .section-title-2 .paragraph-title {
  width: 250px;
}
.faq .faq-info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
}
.faq .faq-info .left-section ul > .faq-container {
  position: relative;
  background: #f6f6f6;
  margin-bottom: 20px;
}
.faq .faq-info .left-section ul > .faq-container .faq-dropdown {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 45px;
  cursor: pointer;
}
.faq .faq-info .left-section ul > .faq-container .faq-dropdown span {
  font-size: 16px;
  font-weight: 700;
  line-height: 13px;
  margin-left: 15px;
}
.faq .faq-info .left-section ul > .faq-container .faq-dropdown .close-icon {
  transition: all 0.25s ease-out;
  position: absolute;
  right: 15px;
  top: 15px;
}
.faq .faq-info .left-section ul > .faq-container .faq-dropdown .open-icon {
  transform: rotate(180deg);
  transition: all 0.25s ease-out;
}
.faq .faq-info .left-section ul > .faq-container .faq-description {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-out;
}
.faq .faq-info .left-section ul > .faq-container .faq-description p {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  color: #333333;
  margin-bottom: 15px;
  margin-left: 15px;
}
.faq .desktop,
.faq .menu-items {
  display: none;
}
@media (max-width: 460px) {
  .faq .search div > input {
    width: 350px;
  }
}
@media (min-width: 768px) {
  .faq {
    margin-top: 50px;
    padding: 15px;
  }
  .faq .section-title-2 {
    margin-bottom: 15px;
  }
  .faq .menu-items {
    display: flex;
  }
  .faq .search,
.faq .rating-container,
.faq .perks {
    display: none;
  }
}
@media (min-width: 1360px) {
  .faq {
    margin-top: 0;
    padding: 0;
  }
  .faq .perks {
    display: block;
  }
  .faq .desktop {
    display: flex;
    flex-direction: column;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    /*background: url("./images/bg-body-desktop.jpg") no-repeat;*/
    background-attachment: fixed;
    background-position: center;
  }
  .faq .desktop__bg {
    background-color: rgba(255, 255, 255, 0.7);
  }
  .faq .desktop__container {
    width: 1295px;
    margin: 0 auto;
  }
  .faq .desktop .menu-items {
    display: flex;
    background: #f6f6f6;
    padding: 15px 11px;
    margin-bottom: 30px;
  }
  .faq .desktop__title {
    display: flex;
    margin-bottom: 20px;
  }
  .faq .desktop__title h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 17px;
    font-family: "Effra", sans-serif;
    text-transform: uppercase;
  }
  .faq .desktop__faq-info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
  }
  .faq .desktop__faq-info .left-section,
.faq .desktop__faq-info .right-section {
    width: 50%;
  }
  .faq .desktop__faq-info .left-section ul > .faq-container,
.faq .desktop__faq-info .right-section ul > .faq-container {
    position: relative;
    background: #f6f6f6;
    margin-bottom: 20px;
  }
  .faq .desktop__faq-info .left-section ul > .faq-container .faq-dropdown,
.faq .desktop__faq-info .right-section ul > .faq-container .faq-dropdown {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 45px;
    cursor: pointer;
  }
  .faq .desktop__faq-info .left-section ul > .faq-container .faq-dropdown span,
.faq .desktop__faq-info .right-section ul > .faq-container .faq-dropdown span {
    font-size: 16px;
    font-weight: 700;
    line-height: 13px;
    margin-left: 15px;
  }
  .faq .desktop__faq-info .left-section ul > .faq-container .faq-dropdown .close-icon,
.faq .desktop__faq-info .right-section ul > .faq-container .faq-dropdown .close-icon {
    transition: all 0.25s ease-out;
    position: absolute;
    right: 15px;
    top: 15px;
  }
  .faq .desktop__faq-info .left-section ul > .faq-container .faq-dropdown .open-icon,
.faq .desktop__faq-info .right-section ul > .faq-container .faq-dropdown .open-icon {
    transform: rotate(180deg);
    transition: all 0.25s ease-out;
  }
  .faq .desktop__faq-info .left-section ul > .faq-container .faq-description,
.faq .desktop__faq-info .right-section ul > .faq-container .faq-description {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out;
  }
  .faq .desktop__faq-info .left-section ul > .faq-container .faq-description p,
.faq .desktop__faq-info .right-section ul > .faq-container .faq-description p {
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    color: #333333;
    margin-bottom: 15px;
    margin-left: 15px;
  }
  .faq .desktop__faq-info .left-section {
    margin-right: 20px;
  }
  .faq .faq-info,
.faq .section-title-2,
.faq .menu-items {
    display: none;
  }
}

.brands {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  color: #333333;
}
.brands .section-title-2 .paragraph-title {
  width: 330px;
}
.brands .contents {
  padding: 0 15px;
  margin-bottom: 30px;
}
.brands .contents b {
  display: block;
  margin-bottom: 15px;
}
.brands .contents__brands-list {
  display: flex;
  flex-direction: column;
}
.brands .contents__brands-list li a {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-decoration: none;
}
.brands .contents__brands-list li .left-section {
  height: 70px;
  width: 70px;
  display: flex;
  padding-left: 15px;
  padding-right: 15px;
  justify-content: center;
  align-items: center;
  border: 1px solid #b4b4b4;
  background: #fff;
}
.brands .contents__brands-list li .right-section {
  width: 100%;
  height: 70px;
  padding: 28px 18px;
  font-size: 16px;
  font-weight: 700;
  line-height: 8px;
  text-transform: uppercase;
  font-family: "Effra", sans-serif;
  color: #333333;
  background: #f6f6f6;
}
.brands .contents__brands-list li:not(:last-child) {
  margin-bottom: 15px;
}
.brands .tablet,
.brands .desktop {
  display: none;
}
@media (min-width: 768px) {
  .brands .tablet {
    display: flex;
    flex-direction: column;
    padding: 15px;
  }
  .brands .tablet .section-title-2 {
    display: flex;
  }
  .brands .tablet .menu-items {
    display: flex;
  }
  .brands .tablet .contents {
    display: block;
    padding: 0;
  }
  .brands .tablet .contents__brands-list {
    flex-direction: row;
  }
  .brands .tablet .contents__brands-list .first-block,
.brands .tablet .contents__brands-list .second-block {
    width: 50%;
  }
  .brands .tablet .contents__brands-list .first-block {
    margin-right: 16px;
  }
  .brands .rating-container,
.brands .section-title-2,
.brands .contents {
    display: none;
  }
}
@media (min-width: 1360px) {
  .brands {
    margin-top: 0;
  }
  .brands .desktop {
    display: flex;
    flex-direction: column;
    /*background: url("./images/bg-body-desktop.jpg") no-repeat;*/
    background-attachment: fixed;
    background-position: center;
  }
  .brands .desktop .perks {
    display: block;
  }
  .brands .desktop__bg {
    background-color: rgba(255, 255, 255, 0.7);
  }
  .brands .desktop__container {
    width: 1295px;
    margin: 0 auto;
  }
  .brands .desktop__container .menu-items {
    display: flex;
    background: #f6f6f6;
    padding: 15px 11px;
    margin-bottom: 30px;
  }
  .brands .desktop__container .contents {
    display: block;
    padding: 0;
    margin-bottom: 184px;
  }
  .brands .desktop__container .contents h1 {
    font-size: 22px;
    font-family: "Effra", sans-serif;
    font-weight: 700;
    line-height: 17px;
    text-transform: uppercase;
    margin-bottom: 8px;
    color: #333333;
  }
  .brands .desktop__container .contents b {
    display: block;
    margin-bottom: 27px;
  }
  .brands .desktop__container .contents__brands-list {
    flex-direction: row;
  }
  .brands .desktop__container .contents__brands-list .first-block,
.brands .desktop__container .contents__brands-list .second-block,
.brands .desktop__container .contents__brands-list .third-block {
    width: 33%;
  }
  .brands .desktop__container .contents__brands-list .first-block,
.brands .desktop__container .contents__brands-list .second-block {
    margin-right: 17px;
  }
  .brands .tablet {
    display: none;
  }
}

.pickup-point {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  color: #333333;
}
.pickup-point .section-title-2 .paragraph-title {
  width: 160px;
}
.pickup-point .section-title-2 strong {
  font-size: 10px;
}
.pickup-point .details-header {
  padding: 0 15px;
}
.pickup-point .details-header h2 {
  font-weight: 700;
  font-size: 16px;
}
.pickup-point .details-header h2 span {
  color: #ff5e00;
}
.pickup-point .contact {
  padding: 15px 15px 0 15px;
  margin-bottom: 6px;
}
.pickup-point .contact__container {
  border: 1px solid #b4b4b4;
  padding: 13px 11px 15px 15px;
  margin-bottom: 15px;
}
.pickup-point .contact__address h3 {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.pickup-point .contact__address h3 br {
  display: none;
}
.pickup-point .contact__address p {
  margin-bottom: 13px;
}
.pickup-point .contact__email {
  margin-bottom: 12px;
}
.pickup-point .contact__phone {
  margin-bottom: 10px;
}
.pickup-point .contact__email, .pickup-point .contact__phone {
  display: flex;
}
.pickup-point .contact__email img, .pickup-point .contact__phone img {
  margin-right: 8px;
}
.pickup-point .description {
  padding: 15px 15px 5px 15px;
  background: #f6f6f6;
}
.pickup-point .description h2 {
  font-weight: 700;
  margin-bottom: 20px;
}
.pickup-point .description h3 {
  font-weight: 400;
  color: #ff5e00;
  margin-bottom: 10px;
  line-height: 24px;
}
.pickup-point .description section > p {
  margin-bottom: 20px;
}
.pickup-point .description li {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.pickup-point .description li img {
  margin-right: 10px;
}
.pickup-point .menu-items,
.pickup-point .tablet,
.pickup-point .desktop {
  display: none;
}
@media (min-width: 768px) {
  .pickup-point {
    padding: 0 15px;
  }
  .pickup-point .section-title-2 {
    margin-top: 15px;
  }
  .pickup-point .section-title-2 strong {
    font-size: 14px;
  }
  .pickup-point .menu-items {
    display: flex;
  }
  .pickup-point .details-header {
    padding: 0;
    margin-bottom: 10px;
    margin-top: 0;
  }
  .pickup-point .contact {
    padding: 0;
    display: flex;
  }
  .pickup-point .contact__container {
    width: 50%;
  }
  .pickup-point .contact__container:first-child {
    margin-right: 22px;
  }
  .pickup-point .contact__address h3 br {
    display: block;
  }
  .pickup-point .contact h1 {
    display: inline;
  }
  .pickup-point .description {
    margin-bottom: 22px;
  }
  .pickup-point .rating-container {
    display: none;
  }
}
@media (min-width: 1360px) {
  .pickup-point {
    margin-top: 0;
    padding: 0;
  }
  .pickup-point .desktop {
    display: flex;
    flex-direction: column;
    /*background: url("./images/bg-body-desktop.jpg") no-repeat;*/
    background-attachment: fixed;
    background-position: center;
  }
  .pickup-point .desktop__bg {
    background-color: rgba(255, 255, 255, 0.7);
  }
  .pickup-point .desktop .perks {
    display: block;
  }
  .pickup-point .desktop__container {
    width: 1295px;
    margin: 0 auto;
  }
  .pickup-point .desktop .menu-items {
    display: flex;
    background: #f6f6f6;
    padding: 15px 11px;
    margin-bottom: 30px;
  }
  .pickup-point .desktop .amsterdam-header {
    margin-top: 20px;
    margin-bottom: 40px;
  }
  .pickup-point .desktop .amsterdam-header h1 {
    font-family: "Effra", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 17px;
    text-transform: uppercase;
    margin-bottom: 15px;
  }
  .pickup-point .desktop .amsterdam-header b {
    font-size: 16px;
    line-height: 13px;
  }
  .pickup-point .desktop .content {
    width: 740px;
    margin: 0 auto;
  }
  .pickup-point .desktop .content .details-header,
.pickup-point .desktop .content .description {
    display: block;
  }
  .pickup-point .desktop .content .contact {
    display: flex;
  }
  .pickup-point .desktop .content .details-header span {
    color: #333333;
  }
  .pickup-point .section-title-2,
.pickup-point .menu-items,
.pickup-point .details-header,
.pickup-point .contact,
.pickup-point .description {
    display: none;
  }
}

.all-pickup-points {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  color: #333333;
}
.all-pickup-points .section-title-2 .paragraph-title {
  width: 225px;
}
.all-pickup-points .section-title-2 strong {
  font-size: 10px;
}
.all-pickup-points .cities {
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 30px;
  padding: 0 15px;
}
.all-pickup-points .cities ul li {
  display: flex;
  align-items: center;
  margin-bottom: 15px;
}
.all-pickup-points .cities ul li img {
  margin-right: 9px;
}
.all-pickup-points .cities ul li a {
  color: #ff5e00;
  text-decoration: none;
  line-height: 13px;
}
.all-pickup-points .cities ul li a :hover {
  text-decoration: underline;
}
.all-pickup-points .cities button {
  font-size: 14px;
  margin-top: 20px;
}
.all-pickup-points .menu-items,
.all-pickup-points .tablet-list,
.all-pickup-points .desktop {
  display: none;
}
@media (max-width: 460px) {
  .all-pickup-points .search div > input {
    width: 350px;
  }
}
@media (min-width: 768px) {
  .all-pickup-points {
    margin-top: 50px;
    padding: 15px;
  }
  .all-pickup-points .section-title-2 strong {
    font-size: 14px;
  }
  .all-pickup-points__nav-block {
    margin-bottom: 15px;
  }
  .all-pickup-points .menu-items {
    display: flex;
    margin-bottom: 0;
  }
  .all-pickup-points .search {
    margin-bottom: 0;
  }
  .all-pickup-points .search div input {
    width: 369px;
  }
  .all-pickup-points .cities {
    padding: 0;
    display: flex;
    justify-content: flex-start;
  }
  .all-pickup-points .cities .tablet-list {
    display: block;
    margin-left: 140px;
  }
  .all-pickup-points .cities button {
    display: none;
  }
  .all-pickup-points__nav-block {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .all-pickup-points .rating-container,
.all-pickup-points .perks {
    display: none;
  }
}
@media (min-width: 1360px) {
  .all-pickup-points {
    margin-top: 0;
    padding: 0;
  }
  .all-pickup-points .perks {
    display: block;
  }
  .all-pickup-points .desktop {
    display: flex;
    flex-direction: column;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    /*background: url("./images/bg-body-desktop.jpg") no-repeat;*/
    background-position: center;
    background-attachment: fixed;
    margin-top: -15px;
  }
  .all-pickup-points .desktop__bg {
    background-color: rgba(255, 255, 255, 0.7);
  }
  .all-pickup-points .desktop__container {
    width: 1295px;
    margin: 0 auto;
  }
  .all-pickup-points .desktop .menu-items {
    display: flex;
    background: #f6f6f6;
    padding: 15px 11px;
    margin-bottom: 30px;
  }
  .all-pickup-points .desktop__title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 30px;
  }
  .all-pickup-points .desktop__title h2 {
    font-size: 22px;
    font-weight: 700;
    line-height: 17px;
    font-family: "Effra", sans-serif;
    text-transform: uppercase;
    margin-bottom: 15px;
  }
  .all-pickup-points .desktop__title p {
    font-size: 16px;
    font-weight: 700;
    line-height: 13px;
    color: #333333;
  }
  .all-pickup-points .desktop .cities {
    display: flex;
    justify-content: space-between;
  }
  .all-pickup-points .faq-info,
.all-pickup-points .section-title-2,
.all-pickup-points .menu-items,
.all-pickup-points .search,
.all-pickup-points .cities {
    display: none;
  }
}

.account-inloggin {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  color: #333333;
}
.account-inloggin .mobile-loggin-form {
  width: 452px;
  background: #f6f6f6;
  margin: 0 auto;
  margin-top: 15px;
  padding: 60px;
}
.account-inloggin .mobile-loggin-form .loggin-title {
  font-family: "Effra", sans-serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 17px;
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 25px;
}
.account-inloggin .mobile-loggin-form div {
  display: flex;
  flex-direction: column;
}
.account-inloggin .mobile-loggin-form div input {
  margin-top: 5px;
  padding: 10px;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #333333;
  border: 1px solid #b4b4b4;
  margin-bottom: 20px;
}
.account-inloggin .mobile-loggin-form .log-btn {
  margin-top: 10px;
  margin-bottom: 20px;
}
.account-inloggin .mobile-loggin-form .password-help {
  display: flex;
  flex-direction: row;
  margin-bottom: 20px;
}
.account-inloggin .mobile-loggin-form .password-help .question-icon {
  border-radius: 50%;
  background-color: #b4b4b4;
  text-align: center;
  vertical-align: baseline;
  color: white;
  text-align: center;
  line-height: 24px;
  width: 24px;
  height: 24px;
}
.account-inloggin .mobile-loggin-form .password-help a {
  margin-left: 10px;
  color: #b4b4b4;
  font-size: 16px;
  top: 3px;
  position: relative;
}
.account-inloggin .mobile-loggin-form .cancel-btn {
  background-color: transparent;
  border: 1px solid #ff5e00;
  color: #ff5e00;
}
.account-inloggin .tablet,
.account-inloggin .desktop__menu-items,
.account-inloggin .desktop {
  display: none;
}
@media (min-width: 768px) {
  .account-inloggin .tablet {
    display: flex;
    flex-direction: column;
    padding: 15px;
    margin-bottom: 25px;
  }
  .account-inloggin .tablet .menu-items {
    display: flex;
  }
  .account-inloggin .tablet__loggin-form {
    width: 452px;
    background: #f6f6f6;
    margin: 0 auto;
    padding: 60px;
  }
  .account-inloggin .tablet__loggin-form .loggin-title {
    font-family: "Effra", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 17px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 25px;
  }
  .account-inloggin .tablet__loggin-form div {
    display: flex;
    flex-direction: column;
  }
  .account-inloggin .tablet__loggin-form div input {
    margin-top: 5px;
    padding: 10px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    border: 1px solid #b4b4b4;
    margin-bottom: 20px;
  }
  .account-inloggin .tablet__loggin-form .log-btn {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .account-inloggin .tablet__loggin-form .password-help {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
  }
  .account-inloggin .tablet__loggin-form .password-help .question-icon {
    border-radius: 50%;
    background-color: #b4b4b4;
    text-align: center;
    vertical-align: baseline;
    color: white;
    text-align: center;
    line-height: 24px;
    width: 24px;
    height: 24px;
  }
  .account-inloggin .tablet__loggin-form .password-help a {
    margin-left: 10px;
    color: #b4b4b4;
    font-size: 16px;
    top: 3px;
    position: relative;
  }
  .account-inloggin .tablet__loggin-form .cancel-btn {
    background-color: transparent;
    border: 1px solid #ff5e00;
    color: #ff5e00;
  }
  .account-inloggin .rating-container,
.account-inloggin .section-title-2,
.account-inloggin .contact-form,
.account-inloggin .products,
.account-inloggin .desktop,
.account-inloggin .mobile-loggin-form {
    display: none;
  }
}
@media (min-width: 1360px) {
  .account-inloggin {
    margin-top: 0;
  }
  .account-inloggin .desktop {
    display: flex;
    flex-direction: column;
    /*background: url("./images/bg-body-desktop.jpg") no-repeat;*/
    background-position: center;
    background-attachment: fixed;
  }
  .account-inloggin .desktop__bg {
    background-color: rgba(255, 255, 255, 0.7);
  }
  .account-inloggin .desktop .perks {
    display: block;
  }
  .account-inloggin .desktop__container {
    width: 1295px;
    margin: 0 auto;
  }
  .account-inloggin .desktop .menu-items {
    display: flex;
    background: #f6f6f6;
    padding: 15px 11px;
    margin-bottom: 105px;
  }
  .account-inloggin .desktop .desktop-loggin-form {
    width: 452px;
    background: #f6f6f6;
    margin: 0 auto;
    margin-bottom: 120px;
    padding: 60px;
  }
  .account-inloggin .desktop .desktop-loggin-form .loggin-title {
    font-family: "Effra", sans-serif;
    font-size: 22px;
    font-weight: 700;
    line-height: 17px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 25px;
  }
  .account-inloggin .desktop .desktop-loggin-form div {
    display: flex;
    flex-direction: column;
  }
  .account-inloggin .desktop .desktop-loggin-form div input {
    margin-top: 5px;
    padding: 10px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    border: 1px solid #b4b4b4;
    margin-bottom: 20px;
  }
  .account-inloggin .desktop .desktop-loggin-form .log-btn {
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .account-inloggin .desktop .desktop-loggin-form .password-help {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
  }
  .account-inloggin .desktop .desktop-loggin-form .password-help .question-icon {
    border-radius: 50%;
    background-color: #b4b4b4;
    text-align: center;
    vertical-align: baseline;
    color: white;
    text-align: center;
    line-height: 24px;
    width: 24px;
    height: 24px;
  }
  .account-inloggin .desktop .desktop-loggin-form .password-help a {
    margin-left: 10px;
    color: #b4b4b4;
    font-size: 16px;
    top: 3px;
    position: relative;
  }
  .account-inloggin .desktop .desktop-loggin-form .cancel-btn {
    background-color: transparent;
    border: 1px solid #ff5e00;
    color: #ff5e00;
  }
  .account-inloggin .tablet {
    display: none;
  }
}

.category {
  display: flex;
  flex-direction: column;
  color: #333333;
  padding:15px;
}
@media (max-width: 767px) {
 .category{
   margin-top: 50px;
 }
}
.category .section-title-2 {
  justify-content: space-between;
}
.category .section-title-2 a {
  display: flex;
  align-items: center;
  background: #fff;
  padding: 6px 15px;
  border: 1px solid #ff5e00;
  border-radius: 14px;
  color: #ff5e00;
  text-decoration: none;
  margin-right: 15px;
}
.category .section-title-2 a img {
  margin-right: 13px;
}
.category .section-title-2 .paragraph-title {
  width: 200px;
}
.category .goods {
  margin-bottom: 15px;
}
.category .goods__container {
  padding: 15px;
  border-bottom: 1px solid #d6d6d6;
  width: 100%;
  height: auto;
}
.category .goods__item-1 {
  display: grid;
  grid-template-columns: 35% 65%;
}

.category .goods__item-1 div h4 {
  font-family: "Effra", sans-serif;
  font-weight: 700;
  font-style: italic;
  font-size: 16px;
  line-height: 15px;
  margin-bottom: 2px;
  color: #333333;
}
.category .goods__item-1 div span {
  color: #8d8d8d;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 2px;
}
.category .goods__item-1 div ul {
  list-style: disc inside;
}
.category .goods__item-2 {
  display: grid;
  grid-template-columns: 100%;
  font-style: italic;
  margin-bottom: 10px;
  font-family: "Effra", sans-serif;
  font-weight: 700;
  font-size: 35px;
  position: relative;
}
.category .goods__item-2 p {
  justify-self: end;
}
.category .goods__item-2 p b {
  font-size: 25px;
}
.category .goods__item-2 p strong {
  font-size: 16px;
  color: #b4b4b4;
  text-decoration: line-through;
  position: absolute;
  right: 80px;
  top: 10px;
}
.category .goods__item-2 p strong b {
  font-size: 12px;
}
.category .goods__item-2 .grey {
  background: #b4b4b4;
  color: #fff;
}
.category .goods__item-3 {
  display: grid;
  grid-template-columns: 45% 55%;
}
.category .goods__item-3 div {
  align-self: center;
}
.category .goods__item-3 .left img:not(:last-child) {
  margin-right: 30px;
}
.category .goods__item-3 .left img {
  cursor: pointer;
}
@media (min-width: 768px) {
  .category .goods {
    display: flex;
    justify-content: center;
  }
}
.category .sale {
  grid-template-columns: 50% 50%;
}
.category .sale p {
  font-size: 33px;
  color: #fbb900;
}
.category .sale p strong {
  right: 75px;
}
.category .sale p b {
  font-size: 20px;
}
.category .sale span {
  font-size: 14px;
  display: block;
  background: #fbb900;
  padding: 2px 10px;
  justify-self: start;
  align-self: center;
  text-transform: uppercase;
  color: #333333;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.category .menu-items{
  display: none;
}

.category .desktop__categories .filter {
  width: 80%;
  flex-direction: column;
  padding: 15px 15px 10px 15px;
  border: 1px solid #b4b4b4;
  font-size: 16px;
  font-weight: 400;
  background: #fff;
  margin-right: 2%;
  box-shadow: none;
  margin-left:10%;
  display: none;
}
.category .desktop__categories .filter h2 {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
}
.category .desktop__categories .filter h2 span {
  text-transform: lowercase;
}
.category .desktop__categories .filter a {
  font-size: 14px;
  font-weight: 400;
  color: #fbb900;
}
.category .desktop__categories .filter__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}
.category .desktop__categories .filter__current-filters {
  margin-bottom: 10px;
}
.category .desktop__categories .filter__current-filters ul {
  display: flex;
  flex-wrap: wrap;
  min-height: 50px;
}
.category .desktop__categories .filter__current-filters ul :not(:last-child) {
  margin-right: 5px;
}
.category .desktop__categories .filter__current-filters ul li {
  display: flex;
  align-items: center;
  background: #e8e8e8;
  padding: 8px 15px;
  margin-bottom: 5px;
}
.category .desktop__categories .filter__current-filters ul li p {
  margin-right: 8px;
}
.category .desktop__categories .filter__current-filters ul li img {
  cursor: pointer;
}
.category .desktop__categories .filter__ranges h2 {
  margin-bottom: 8px;
}
.category .desktop__categories .filter__range-container {
  margin-bottom: 30px;
}
.category .desktop__categories .filter__checkboxes .section {
  margin-bottom: 30px;
}
.category .desktop__categories .filter__checkboxes h2 {
  margin-bottom: 10px;
}
.category .desktop__categories .filter__checkboxes ul div {
  display: flex;
  align-items: center;
}
.category .desktop__categories .filter__checkboxes ul div .category-checkbox {
  display: none;
}
.category .desktop__categories .filter__checkboxes ul div .category-checkbox + label {
  position: relative;
  cursor: pointer;
  padding: 0;
  width: 26px;
  height: 26px;
  margin-right: 15px;
}
.category .desktop__categories .filter__checkboxes ul div .category-checkbox + label:before {
  content: "";
  margin-right: 10px;
  display: inline-block;
  vertical-align: text-top;
  width: 26px;
  height: 26px;
  background: #e8e8e8;
}
.category .desktop__categories .filter__checkboxes ul div .category-checkbox:checked + label:before {
  background: #ff5e00;
}
.category .desktop__categories .filter__checkboxes ul div .category-checkbox:checked + label:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 12px;
  background: #fff;
  width: 2px;
  height: 2px;
  box-shadow: 2px 0 0 #fff, 4px 0 0 #fff, 4px -2px 0 #fff, 4px -4px 0 #fff, 4px -6px 0 #fff, 4px -8px 0 #fff;
  transform: rotate(45deg);
}
.category .desktop__categories .filter__checkboxes ul li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
  align-items: center;
}
.category .desktop__categories .filter__checkboxes ul li .not-selected {
  color: #b4b4b4;
}

.category .desktop__categories .fireworks__title div select {
  width: 155px;
  max-width: 155px;
  box-sizing: border-box;
  padding: 12px;
  background: #fff;
  border: 1px solid #b4b4b4;
  background-image: url("../images/arrow-down-icon.svg");
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  cursor: pointer;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  outline: none;
  color: #333333;
}
.category .desktop__categories .fireworks .fireworks__title{
  display: none;
}


.category .desktop__categories .fireworks__goods .item {
  width: 100%;
  padding:20px;
  margin-bottom:20px;
}

.category .desktop__categories .fireworks__goods .goods__item-1 {
  grid-template-columns: 100%;
  grid-template-rows: minmax(50px, 1fr);
  position: relative;
  flex-grow: 1;
}
.category .desktop__categories .fireworks__goods .goods__item-1 .knaal-firework {
  height: 190px;
}
.category .desktop__categories .fireworks__goods .goods__item-1 img {
  position:absolute;
  top:0;
  left:0;
  bottom: 0;
  right: 0;
  margin: auto;
  max-width: 60%;
  max-height: 95%;
}
.category .desktop__categories .fireworks__goods .goods__item-1 div.product-image {
  margin-left: 0;
  text-align: left;
  position:relative;
  vertical-align: middle;
  height:150px;
  overflow: hidden;
}
.category .desktop__categories .fireworks__goods .goods__item-1 div.product-description {
  height:60px;
}
.category .desktop__categories .fireworks__goods .goods__item-1 div a {
  display: block;
}
.category .desktop__categories .fireworks__goods .goods__item-1 div h4 {
  font-size: 20px;
  line-height: 21px;
  margin-bottom: 0;
  text-transform: uppercase;
  margin-bottom: 5px;
}
.category .desktop__categories .fireworks__goods .goods__item-1 div span {
  display: block;
  color: #8d8d8d;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  margin-bottom: 30px;
}
.category .desktop__categories .fireworks__goods .goods__item-1 div strong {
  position: absolute;
  top: 37px;
  right: -15px;
  font-family: "Effra", sans-serif;
  font-size: 19px;
  display: block;
  background: #fbb900;
  padding: 5px 17px 5px 14px;
  justify-self: start;
  align-self: center;
  color: #333333;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
}
.category .desktop__categories .fireworks__goods .goods__item-1 div ul {
  margin-top: 5px;
}
.category .desktop__categories .fireworks__goods .goods__item-1 div ul li {
  margin-bottom: 5px;
}
.category .desktop__categories .fireworks__goods .goods__item-1 div .grey {
  background: #b4b4b4;
  color: #fff;
  text-transform: uppercase;
}
.category .desktop__categories .fireworks__goods {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  width: 100%;
}

@media (min-width: 550px) {
  .category .desktop__categories .fireworks__goods .item {
    width: 50%;
    margin-bottom:20px;
  }
}

@media (min-width: 768px) {
  .category .filter {
    width:35%;
    margin-left:20px;
  }
  .category .desktop__categories .fireworks__goods .item {
    width: 50%;
  }


  .category .section-title-2 {
    margin-top: -15px;
  }
  .category .menu-items {
    display: flex;
  }

  .category .flex-container div:first-child {
    margin-right: 15px;
  }
  .category .goods {
    flex-wrap: wrap;
  }
  .category .goods__container {
    border: 1px solid #d6d6d6;
  }
  .category .goods .sale {
    grid-template-columns: 60% 40%;
  }
  .category .goods__item-2 {
    grid-template-columns: 100%;
  }
  .category .rating-container {
    display: none;
  }

  .category .desktop__categories .fireworks__goods .item{
    display: flex;
    flex-direction: column;
    margin-right: 0;
    background: #fff;
    width: 50%;
    padding: 25px 15px 15px 15px;
  }
}
@media (min-width: 1050px) {
  .category .desktop__categories .fireworks__goods .item {
    width: 33.3%;
  }
}
@media (min-width: 1360px) {
  .category .desktop__categories .filter {
    display: flex;
    width: 22%;
    margin-left: 0;
  }
  .category .desktop__categories .fireworks__goods .item {
    width: 33.3%;
  }
  .category {
    padding: 0;
  }
  .category .desktop__categories .fireworks .fireworks__title{
    display: block;
  }
  .category .desktop {
    display: flex;
    flex-direction: column;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    /*background: url("./images/bg-body-desktop.jpg") no-repeat;*/
    background-attachment: fixed;
    background-position: center;
    margin-bottom: 180px;
  }
  .category .desktop__bg {
    background-color: rgba(255, 255, 255, 0.7);
  }
  .category .desktop__container {
    width: 1295px;
    margin: 0 auto;
  }
  .category .desktop .menu-items {
    display: flex;
    background: #f6f6f6;
    padding: 15px 11px;
  }
  .category .desktop__categories {
    display: flex;
  }

  .category .desktop__categories .fireworks {
    width: 76%;
  }
  .category .desktop__categories .fireworks__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
  }
  .category .desktop__categories .fireworks__title h1 {
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
    font-family: "Effra", sans-serif;
  }
  .category .desktop__categories .fireworks__title div {
    display: flex;
    align-items: center;
  }
  .category .desktop__categories .fireworks__title div p {
    font-size: 14px;
      margin-top: 16px;
    /*font-weight: 400;*/
    /*text-transform: uppercase;*/
    /*margin-right: 15px;*/
  }

  .category .desktop__categories .fireworks__goods .goods__item-2 {
    grid-template-columns: 100%;
  }
  .category .desktop__categories .fireworks__goods .goods__item-2 span {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    background: #ff5e00;
    width: 90px;
    height: 24px;
    border-radius: 14px;
    padding: 15px 9px;
    line-height: 15px;
    margin-right: 15px;
    align-self: center;
    margin-right: 0;
  }
  .category .desktop__categories .fireworks__goods .goods__item-2 p {
    font-size: 38px;
    font-style: oblique;
  }
  .category .desktop__categories .fireworks__goods .nosale {
    color: #fbb900;
  }
  .category .desktop__categories .fireworks__goods .goods__item-3 .left img {
    margin-right: 13px;
  }
  .category .section-title-2,
  .category .section-content-mobile,
.category .menu-items,
.category .goods {
    display: none;
  }
}

.section-content-mobile p {
    margin-top: 16px;
}

.security-features {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  color: #333333;
}
.security-features .section-title-2 {
  margin-bottom: 5px;
}
.security-features .section-title-2 .paragraph-title {
  width: 140px;
}
.security-features .video__container {
  width: 100%;
  background: #beb0b0;
  min-height: 180px;
}
.security-features .video img {
  cursor: pointer;
}
.security-features .title {
  display: flex;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
}
.security-features .devices {
  display: grid;
  grid-template-columns: repeat(auto-fill, 167px);
  justify-content: space-between;
  width: 100%;
}
.security-features .devices__device {
  flex-direction: column;
  padding: 16px 25px 14px 25px;
  height: 200px;
  border: 1px solid #b4b4b4;
  margin-bottom: 13px;
  background: #fff;
}
.security-features .devices__device div {
  flex-direction: column;
  flex-grow: 1;
  margin-bottom: 20px;
}
.security-features .devices__device p,
.security-features .devices__device span {
  font-weight: 700;
  font-family: "Effra", sans-serif;
}
.security-features .devices__device p {
  font-size: 10px;
  line-height: 9px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.security-features .devices__device span {
  font-size: 28px;
}
.security-features .devices__device span b {
  font-size: 16px;
}
.security-features .text-section,
.security-features .video,
.security-features .title,
.security-features .devices {
  padding: 10px 15px;
}
.security-features .menu-items,
.security-features .desktop {
  display: none;
}
@media (min-width: 768px) {
  .security-features {
    padding: 15px;
  }
  .security-features .section-title-2 {
    margin-bottom: 15px;
  }
  .security-features .menu-items {
    display: flex;
  }
  .security-features .video__container {
    min-height: 300px;
  }
  .security-features .text-section,
.security-features .video,
.security-features .title,
.security-features .devices {
    padding: 0;
    margin-bottom: 10px;
  }
  .security-features .rating-container {
    display: none;
  }
}
@media (min-width: 1360px) {
  .security-features {
    margin-top: 0;
    padding: 0;
  }
  .security-features .desktop {
    display: flex;
    flex-direction: column;
    /*background: url("./images/bg-body-desktop.jpg") no-repeat;*/
    background-attachment: fixed;
    background-position: center;
  }
  .security-features .desktop .perks {
    display: block;
  }
  .security-features .desktop__bg {
    background-color: rgba(255, 255, 255, 0.7);
  }
  .security-features .desktop__bg .menu-items {
    display: flex;
    background: #f6f6f6;
    padding: 15px 11px;
    margin-bottom: 30px;
    width: 1295px;
    margin: 0 auto;
  }
  .security-features .desktop__container {
    width: 1295px;
    margin: 0 auto;
    display: flex;
    margin-top: 30px;
  }
  .security-features .desktop__container .packers {
    margin-left: 30px;
  }
  .security-features .desktop__container .text-section,
.security-features .desktop__container .video {
    display: block;
  }
  .security-features .desktop__container .title,
.security-features .desktop__container .devices {
    display: flex;
  }
  .security-features .desktop__container .video {
    margin-bottom: 33px;
  }
  .security-features .desktop__container .video__container {
    min-height: 371px;
    width: 714px;
    margin: 0 auto;
  }
  .security-features .desktop__container .text-section {
    margin-bottom: 40px;
  }
  .security-features .desktop__container .text-section h1 {
    font-size: 22px;
    font-family: "Effra", sans-serif;
    font-weight: 700;
    line-height: 17px;
    text-transform: uppercase;
    margin-bottom: 12px;
    color: #333333;
  }
  .security-features .desktop__container .title {
    margin-bottom: 27px;
  }
  .security-features .desktop__container .devices__device {
    background: #fff;
  }
  .security-features .section-title-2,
.security-features .menu-items,
.security-features .title,
.security-features .text-section,
.security-features .video,
.security-features .devices {
    display: none;
  }
}

.giftcard {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  color: #333333;
}
.giftcard .section-title-2 {
  margin-bottom: 0;
}
.giftcard .section-title-2 .paragraph-title {
  width: 150px;
}
.giftcard .logo {
  padding-bottom: 10px;
  background: #f6f6f6;
}
.giftcard .logo img {
  width: 100%;
}
.giftcard .logo .middle {
  display: none;
}
.giftcard .content {
  width: 100%;
  padding: 0 15px;
  background: #f6f6f6;
  margin-bottom: 30px;
}
.giftcard .content h1 {
  font-family: "Effra", sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 12px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.giftcard .content__group {
  margin-bottom: 25px;
}
.giftcard .content__amount, .giftcard .content__group {
  margin-bottom: 25px;
}
.giftcard .content__amount select, .giftcard .content__group select {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 13px 15px 10px 15px;
  background: #fff;
  border: 1px solid #b4b4b4;
  background-image: url("../images/arrow-down-icon.svg");
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
  cursor: pointer;
  outline: none;
}
.giftcard .content .contact-form {
  margin-bottom: 25px;
}
.giftcard .content .contact-form h1 {
  margin-bottom: 16px;
}
.giftcard .content .contact-form form {
  display: flex;
  flex-direction: column;
}
.giftcard .content .contact-form form div {
  margin-bottom: 8px;
}
.giftcard .content .contact-form form button {
  margin-top: 25px;
}
.giftcard .content .contact-form__name, .giftcard .content .contact-form__street, .giftcard .content .contact-form__postcode {
  justify-content: space-between;
  display: flex;
}
.giftcard .content .contact-form__name div > input, .giftcard .content .contact-form__street div > input, .giftcard .content .contact-form__postcode div > input {
  margin-top: 5px;
  padding: 12px;
  color: #333333;
  border: 1px solid #b4b4b4;
}
.giftcard .content .contact-form__name .first-name,
.giftcard .content .contact-form__name .tussenv,
.giftcard .content .contact-form__name .street-name,
.giftcard .content .contact-form__name .street-number,
.giftcard .content .contact-form__name .code,
.giftcard .content .contact-form__name .city, .giftcard .content .contact-form__street .first-name,
.giftcard .content .contact-form__street .tussenv,
.giftcard .content .contact-form__street .street-name,
.giftcard .content .contact-form__street .street-number,
.giftcard .content .contact-form__street .code,
.giftcard .content .contact-form__street .city, .giftcard .content .contact-form__postcode .first-name,
.giftcard .content .contact-form__postcode .tussenv,
.giftcard .content .contact-form__postcode .street-name,
.giftcard .content .contact-form__postcode .street-number,
.giftcard .content .contact-form__postcode .code,
.giftcard .content .contact-form__postcode .city {
  display: flex;
  flex-direction: column;
}
.giftcard .content .contact-form__name .first-name, .giftcard .content .contact-form__street .first-name, .giftcard .content .contact-form__postcode .first-name {
  width: 73%;
}
.giftcard .content .contact-form__name .tussenv, .giftcard .content .contact-form__street .tussenv, .giftcard .content .contact-form__postcode .tussenv {
  width: 23%;
}
.giftcard .content .contact-form__name .street-name, .giftcard .content .contact-form__street .street-name, .giftcard .content .contact-form__postcode .street-name {
  width: 80%;
}
.giftcard .content .contact-form__name .street-number, .giftcard .content .contact-form__street .street-number, .giftcard .content .contact-form__postcode .street-number {
  width: 16%;
}
.giftcard .content .contact-form__name .code, .giftcard .content .contact-form__street .code, .giftcard .content .contact-form__postcode .code {
  width: 27%;
}
.giftcard .content .contact-form__name .city, .giftcard .content .contact-form__street .city, .giftcard .content .contact-form__postcode .city {
  width: 68%;
}
.giftcard .content .contact-form__street {
  margin-top: 15px;
}
.giftcard .content .contact-form__second-name, .giftcard .content .contact-form__email, .giftcard .content .contact-form__telephone {
  display: flex;
  flex-direction: column;
}
.giftcard .content .contact-form__second-name input, .giftcard .content .contact-form__email input, .giftcard .content .contact-form__telephone input {
  margin-top: 5px;
  padding: 12px;
  color: #333333;
  border: 1px solid #b4b4b4;
}
.giftcard .content__payment {
  margin-bottom: 25px;
}
.giftcard .content__payment ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, 168px);
  justify-content: space-between;
  margin-bottom: 10px;
}
.giftcard .content__payment ul li {
  background: #e8e8e8;
  padding: 10px;
  height: 50px;
  margin-bottom: 10px;
  cursor: pointer;
}
.giftcard .content__payment ul li a {
  text-transform: uppercase;
  text-decoration: none;
  color: #333333;
}
.giftcard .content__payment ul li a img {
  margin-right: 10px;
}
.giftcard .content__payment ul li .bancontact {
  position: relative;
  bottom: 5px;
}
.giftcard .content__payment ul li:hover {
  outline: 2px solid #ff5e00;
}
.giftcard .content__payment ul li:hover a {
  color: #ff5e00;
  font-weight: 700;
}
.giftcard .content__payment p {
  margin-bottom: 28px;
  font-style: italic;
}
.giftcard .content__payment .terms__checkbox-section {
  margin-bottom: 20px;
}
.giftcard .content__payment .terms__checkbox-section form {
  margin-right: 15px;
}
.giftcard .content__payment .terms__checkbox-section form input#check,
.giftcard .content__payment .terms__checkbox-section form input#check-2 {
  position: absolute;
  opacity: 0;
}
.giftcard .content__payment .terms__checkbox-section form input#check:checked + label svg path,
.giftcard .content__payment .terms__checkbox-section form input#check-2:checked + label svg path {
  stroke-dashoffset: 0;
}
.giftcard .content__payment .terms__checkbox-section form input#check:focus + label,
.giftcard .content__payment .terms__checkbox-section form input#check-2:focus + label {
  transform: scale(1.03);
}
.giftcard .content__payment .terms__checkbox-section form input#check:checked + label,
.giftcard .content__payment .terms__checkbox-section form input#check-2:checked + label {
  background: #ff5e00;
}
.giftcard .content__payment .terms__checkbox-section form #check + label,
.giftcard .content__payment .terms__checkbox-section form #check-2 + label {
  display: block;
  width: var(--d);
  height: var(--d);
  background: #fff;
  cursor: pointer;
  transition: all 0.25s ease-out;
}
.giftcard .content__payment .terms__checkbox-section form #check + label:active,
.giftcard .content__payment .terms__checkbox-section form #check-2 + label:active {
  transform: scale(1.05);
}
.giftcard .content__payment .terms__checkbox-section form #check + label svg,
.giftcard .content__payment .terms__checkbox-section form #check-2 + label svg {
  pointer-events: none;
  transform: translate(4px, 4px) rotate(6deg);
  width: 17px;
  height: 14px;
}
.giftcard .content__payment .terms__checkbox-section form #check + label svg path,
.giftcard .content__payment .terms__checkbox-section form #check-2 + label svg path {
  fill: none;
  stroke: #fff;
  stroke-width: 7px;
  stroke-dasharray: 100;
  stroke-dashoffset: 101;
  transition: all 350ms cubic-bezier(1, 0, 0.37, 0.91);
}
.giftcard .content__payment .terms__checkbox-section p {
  margin-bottom: 0;
  font-style: normal;
}
.giftcard .content__payment .terms__checkbox-section p a {
  color: #333333;
}
.giftcard .content__payment .terms__checkbox-section img {
  margin-right: 15px;
}
.giftcard .menu-items,
.giftcard .desktop {
  display: none;
}
@media (min-width: 768px) {
  .giftcard {
    padding: 15px;
  }
  .giftcard .section-title-2 {
    margin-bottom: 15px;
  }
  .giftcard .menu-items {
    display: flex;
  }
  .giftcard .logo {
    padding-bottom: 0;
    margin-bottom: 15px;
  }
  .giftcard .logo .small {
    display: none;
  }
  .giftcard .logo .middle {
    display: block;
  }
  .giftcard .content {
    padding: 23px 15px 10px 15px;
  }
  .giftcard .content h1 {
    font-size: 22px;
  }
  .giftcard .content__group ul .small {
    display: none;
  }
  .giftcard .content__group ul .middle {
    display: block;
  }
  .giftcard .content__payment {
    margin-bottom: 50px;
  }
  .giftcard .content__payment ul li a {
    font-weight: 700;
  }
  .giftcard .content__payment ul::after {
    content: "";
    flex: auto;
  }
  .giftcard .content__payment .terms {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
  }
  .giftcard .content__payment .terms div {
    width: 650px;
    margin-bottom: 0;
    margin-right: 75px;
  }
  .giftcard .rating-container {
    display: none;
  }
}
@media (min-width: 1360px) {
  .giftcard {
    margin-top: 0;
    padding: 0;
  }
  .giftcard .desktop {
    display: flex;
    flex-direction: column;
    /*background: url("./images/bg-body-desktop.jpg") no-repeat;*/
    background-attachment: fixed;
    background-position: center;
    margin-bottom: 60px;
  }
  .giftcard .desktop .perks {
    display: block;
  }
  .giftcard .desktop__bg {
    background-color: rgba(255, 255, 255, 0.7);
  }
  .giftcard .desktop__bg .menu-items {
    display: flex;
    background: #f6f6f6;
    padding: 15px 11px;
    margin-bottom: 30px;
    width: 1295px;
    margin: 0 auto;
  }
  .giftcard .desktop__container {
    width: 1295px;
    margin: 0 auto;
    display: flex;
    margin-top: 20px;
  }
  .giftcard .desktop__container .packers {
    margin-left: 30px;
  }
  .giftcard .desktop__container .content-parent {
    width: 700px;
    margin: 0 auto;
  }
  .giftcard .desktop__container .logo {
    background: none;
  }
  .giftcard .desktop__container .logo,
.giftcard .desktop__container .content {
    display: block;
  }
  .giftcard .section-title-2,
.giftcard .menu-items,
.giftcard .logo,
.giftcard .content {
    display: none;
  }
}

.about {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  color: #333333;
}
.about .section-title-2 .paragraph-title {
  width: 185px;
}
.about .about-mobile {
  display: flex;
  flex-direction: column;
}
.about .about-mobile .text-section p {
  font-size: 14px;
  line-height: 24px;
}
.about .about-mobile .text-section .text-bottom {
  margin-top: 25px;
}
.about .about-mobile .content {
  width: 100%;
}
.about .about-mobile .content img {
  width: 100%;
  min-height: 194px;
}
.about .text-section,
.about .content,
.about .title {
  padding: 10px 15px;
}
.about .menu-items,
.about .desktop {
  display: none;
}
@media (min-width: 768px) {
  .about {
    padding: 15px;
  }
  .about .menu-items {
    display: flex;
  }
  .about .content__container {
    min-height: 300px;
  }
  .about .text-section,
.about .content,
.about .title {
    padding: 0;
    margin-bottom: 10px;
  }
  .about .rating-container {
    display: none;
  }
}
@media (min-width: 1360px) {
  .about {
    margin-top: 0;
    padding: 0;
  }
  .about .desktop {
    display: flex;
    flex-direction: column;
    /*background: url("./images/bg-body-desktop.jpg") no-repeat;*/
    background-attachment: fixed;
    background-position: center;
  }
  .about .desktop .perks {
    display: block;
  }
  .about .desktop__bg {
    background-color: rgba(255, 255, 255, 0.7);
  }
  .about .desktop__bg .menu-items {
    display: flex;
    background: #f6f6f6;
    padding: 15px 11px;
    margin-bottom: 30px;
    width: 1295px;
    margin: 0 auto;
  }
  .about .desktop__container {
    width: 1295px;
    margin: 0 auto;
    display: flex;
    margin-top: 20px;
    justify-content: space-between;
  }
  .about .desktop__container .packers {
    margin-left: 30px;
  }
  .about .desktop__container .text-section,
.about .desktop__container .content {
    display: block;
  }
  .about .desktop__container .content {
    margin-bottom: 23px;
    flex-grow: 1;
  }
  .about .desktop__container .content img {
    width: 964px;
  }
  .about .desktop__container .left-section {
    flex-direction: column;
    display: flex;
  }
  .about .desktop__container .text-section {
    margin-bottom: 30px;
  }
  .about .desktop__container .text-section h1 {
    font-size: 22px;
    font-family: "Effra", sans-serif;
    font-weight: 700;
    line-height: 17px;
    text-transform: uppercase;
    margin-bottom: 12px;
    color: #333333;
  }
  .about .desktop__container .text-section p {
    font-size: 16px;
    line-height: 24px;
  }
  .about .desktop__container .text-section .text-bottom {
    margin-top: 25px;
  }
  .about .section-title-2,
.about .menu-items,
.about .title,
.about .text-section,
.about .content {
    display: none;
  }
}

.nav-hidden,
.search-hidden {
  display: none !important;
}

.checkout1 {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  color: #333333;
}
.checkout1 .step1-image {
  width: 100%;
  min-height: 80px;
  padding: 15px;
}
.checkout1 .step1-image img {
  width: 100%;
  min-height: 50px;
}
.checkout1 .contact-form {
  padding: 15px;
  margin-bottom: 25px;
  background-color: #f6f6f6;
}
.checkout1 .contact-form p {
  margin-bottom: 16px;
  font-size: 18px;
  line-height: 12px;
  text-transform: uppercase;
}
.checkout1 .contact-form form {
  display: flex;
  flex-direction: column;
}
.checkout1 .contact-form form div {
  margin-bottom: 8px;
}
.checkout1 .contact-form form button {
  margin-top: 19px;
  margin-bottom: 20px;
  font-size: 14px;
  text-transform: none;
}
.checkout1 .contact-form__name, .checkout1 .contact-form__street, .checkout1 .contact-form__postcode {
  justify-content: space-between;
  display: flex;
}
.checkout1 .contact-form__name div > input, .checkout1 .contact-form__street div > input, .checkout1 .contact-form__postcode div > input {
  margin-top: 5px;
  padding: 12px;
  color: #333333;
  border: 1px solid #b4b4b4;
}
.checkout1 .contact-form__name .first-name,
.checkout1 .contact-form__name .tussenv,
.checkout1 .contact-form__name .street-name,
.checkout1 .contact-form__name .street-number,
.checkout1 .contact-form__name .code,
.checkout1 .contact-form__name .city, .checkout1 .contact-form__street .first-name,
.checkout1 .contact-form__street .tussenv,
.checkout1 .contact-form__street .street-name,
.checkout1 .contact-form__street .street-number,
.checkout1 .contact-form__street .code,
.checkout1 .contact-form__street .city, .checkout1 .contact-form__postcode .first-name,
.checkout1 .contact-form__postcode .tussenv,
.checkout1 .contact-form__postcode .street-name,
.checkout1 .contact-form__postcode .street-number,
.checkout1 .contact-form__postcode .code,
.checkout1 .contact-form__postcode .city {
  display: flex;
  flex-direction: column;
}
.checkout1 .contact-form__name .first-name, .checkout1 .contact-form__street .first-name, .checkout1 .contact-form__postcode .first-name {
  width: 73%;
}
.checkout1 .contact-form__name .tussenv, .checkout1 .contact-form__street .tussenv, .checkout1 .contact-form__postcode .tussenv {
  width: 23%;
}
.checkout1 .contact-form__name .street-name, .checkout1 .contact-form__street .street-name, .checkout1 .contact-form__postcode .street-name {
  width: 80%;
}
.checkout1 .contact-form__name .street-number, .checkout1 .contact-form__street .street-number, .checkout1 .contact-form__postcode .street-number {
  width: 16%;
}
.checkout1 .contact-form__name .code, .checkout1 .contact-form__street .code, .checkout1 .contact-form__postcode .code {
  width: 27%;
}
.checkout1 .contact-form__name .city, .checkout1 .contact-form__street .city, .checkout1 .contact-form__postcode .city {
  width: 68%;
}
.checkout1 .contact-form__second-name, .checkout1 .contact-form__email, .checkout1 .contact-form__telephone {
  display: flex;
  flex-direction: column;
}
.checkout1 .contact-form__second-name input, .checkout1 .contact-form__email input, .checkout1 .contact-form__telephone input {
  margin-top: 5px;
  padding: 12px;
  color: #333333;
  border: 1px solid #b4b4b4;
}
.checkout1 .contact-form .return-link {
  text-align: center;
}
.checkout1 .contact-form .return-link a {
  color: #333333;
}
.checkout1 .contact-form .return-link a img {
  position: relative;
  top: 3px;
  margin-right: 8px;
}
.checkout1 .rating-container,
.checkout1 .tablet,
.checkout1 .tablet-form,
.checkout1 .desktop__menu-items,
.checkout1 .desktop-title,
.checkout1 .desktop {
  display: none;
}
@media (min-width: 768px) {
  .checkout1 .tablet {
    display: flex;
    flex-direction: column;
    padding: 15px;
    margin-bottom: 25px;
  }
  .checkout1 .tablet .section-title-2 {
    display: flex;
    margin-bottom: 15px;
  }
  .checkout1 .tablet__menu-items {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 15px;
  }
  .checkout1 .tablet__menu-items .left {
    margin-right: 15px;
    border: 1px solid #b4b4b4;
  }
  .checkout1 .tablet__menu-items .left a {
    color: #ff5e00;
  }
  .checkout1 .tablet__menu-items .right {
    margin-left: 15px;
  }
  .checkout1 .tablet__menu-items .right a {
    color: #333333;
  }
  .checkout1 .tablet__menu-items .left,
.checkout1 .tablet__menu-items .right {
    display: block;
    padding: 6px 9px;
  }
  .checkout1 .tablet__menu-items .left a,
.checkout1 .tablet__menu-items .right a {
    text-decoration: none;
  }
  .checkout1 .tablet__menu-items .left img,
.checkout1 .tablet__menu-items .right img {
    margin-right: 10px;
  }
  .checkout1 .tablet .tablet-step1-image {
    width: 100%;
    min-height: 110px;
    padding: 15px;
  }
  .checkout1 .tablet .tablet-step1-image img {
    width: 100%;
    min-height: 66px;
  }
  .checkout1 .tablet .tablet-form {
    padding: 15px;
    background-color: #f6f6f6;
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
  }
  .checkout1 .tablet .tablet-form p {
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .checkout1 .tablet .tablet-form form {
    display: flex;
    flex-direction: column;
  }
  .checkout1 .tablet .tablet-form form div {
    margin-bottom: 10px;
  }
  .checkout1 .tablet .tablet-form__name, .checkout1 .tablet .tablet-form__street, .checkout1 .tablet .tablet-form__postcode, .checkout1 .tablet .tablet-form__contacts {
    justify-content: space-between;
    display: flex;
  }
  .checkout1 .tablet .tablet-form__name div > input, .checkout1 .tablet .tablet-form__street div > input, .checkout1 .tablet .tablet-form__postcode div > input, .checkout1 .tablet .tablet-form__contacts div > input {
    margin-top: 5px;
    padding: 12px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    border: 1px solid #b4b4b4;
  }
  .checkout1 .tablet .tablet-form__name .first-name,
.checkout1 .tablet .tablet-form__name .tussenv,
.checkout1 .tablet .tablet-form__name .second-name,
.checkout1 .tablet .tablet-form__name .street-name,
.checkout1 .tablet .tablet-form__name .street-number,
.checkout1 .tablet .tablet-form__name .code,
.checkout1 .tablet .tablet-form__name .city,
.checkout1 .tablet .tablet-form__name .email,
.checkout1 .tablet .tablet-form__name .telephone, .checkout1 .tablet .tablet-form__street .first-name,
.checkout1 .tablet .tablet-form__street .tussenv,
.checkout1 .tablet .tablet-form__street .second-name,
.checkout1 .tablet .tablet-form__street .street-name,
.checkout1 .tablet .tablet-form__street .street-number,
.checkout1 .tablet .tablet-form__street .code,
.checkout1 .tablet .tablet-form__street .city,
.checkout1 .tablet .tablet-form__street .email,
.checkout1 .tablet .tablet-form__street .telephone, .checkout1 .tablet .tablet-form__postcode .first-name,
.checkout1 .tablet .tablet-form__postcode .tussenv,
.checkout1 .tablet .tablet-form__postcode .second-name,
.checkout1 .tablet .tablet-form__postcode .street-name,
.checkout1 .tablet .tablet-form__postcode .street-number,
.checkout1 .tablet .tablet-form__postcode .code,
.checkout1 .tablet .tablet-form__postcode .city,
.checkout1 .tablet .tablet-form__postcode .email,
.checkout1 .tablet .tablet-form__postcode .telephone, .checkout1 .tablet .tablet-form__contacts .first-name,
.checkout1 .tablet .tablet-form__contacts .tussenv,
.checkout1 .tablet .tablet-form__contacts .second-name,
.checkout1 .tablet .tablet-form__contacts .street-name,
.checkout1 .tablet .tablet-form__contacts .street-number,
.checkout1 .tablet .tablet-form__contacts .code,
.checkout1 .tablet .tablet-form__contacts .city,
.checkout1 .tablet .tablet-form__contacts .email,
.checkout1 .tablet .tablet-form__contacts .telephone {
    display: flex;
    flex-direction: column;
  }
  .checkout1 .tablet .tablet-form__name .first-name, .checkout1 .tablet .tablet-form__street .first-name, .checkout1 .tablet .tablet-form__postcode .first-name, .checkout1 .tablet .tablet-form__contacts .first-name {
    width: 35%;
  }
  .checkout1 .tablet .tablet-form__name .tussenv, .checkout1 .tablet .tablet-form__street .tussenv, .checkout1 .tablet .tablet-form__postcode .tussenv, .checkout1 .tablet .tablet-form__contacts .tussenv {
    width: 14%;
  }
  .checkout1 .tablet .tablet-form__name .second-name, .checkout1 .tablet .tablet-form__street .second-name, .checkout1 .tablet .tablet-form__postcode .second-name, .checkout1 .tablet .tablet-form__contacts .second-name {
    width: 47%;
  }
  .checkout1 .tablet .tablet-form__name .street-name, .checkout1 .tablet .tablet-form__street .street-name, .checkout1 .tablet .tablet-form__postcode .street-name, .checkout1 .tablet .tablet-form__contacts .street-name {
    width: 84%;
  }
  .checkout1 .tablet .tablet-form__name .street-number, .checkout1 .tablet .tablet-form__street .street-number, .checkout1 .tablet .tablet-form__postcode .street-number, .checkout1 .tablet .tablet-form__contacts .street-number {
    width: 14%;
  }
  .checkout1 .tablet .tablet-form__name .code, .checkout1 .tablet .tablet-form__street .code, .checkout1 .tablet .tablet-form__postcode .code, .checkout1 .tablet .tablet-form__contacts .code {
    width: 35%;
  }
  .checkout1 .tablet .tablet-form__name .city, .checkout1 .tablet .tablet-form__street .city, .checkout1 .tablet .tablet-form__postcode .city, .checkout1 .tablet .tablet-form__contacts .city {
    width: 63%;
  }
  .checkout1 .tablet .tablet-form__name .email, .checkout1 .tablet .tablet-form__street .email, .checkout1 .tablet .tablet-form__postcode .email, .checkout1 .tablet .tablet-form__contacts .email {
    width: 49%;
  }
  .checkout1 .tablet .tablet-form__name .telephone, .checkout1 .tablet .tablet-form__street .telephone, .checkout1 .tablet .tablet-form__postcode .telephone, .checkout1 .tablet .tablet-form__contacts .telephone {
    width: 49%;
  }
  .checkout1 .tablet .tablet-form__bottom {
    display: flex;
    justify-content: space-between;
  }
  .checkout1 .tablet .tablet-form__bottom .return-link {
    width: 50%;
    text-align: right;
    vertical-align: middle;
    padding-top: 8px;
  }
  .checkout1 .tablet .tablet-form__bottom .return-link a {
    color: #333333;
    font-size: 16px;
  }
  .checkout1 .tablet .tablet-form__bottom .return-link a img {
    position: relative;
    top: 3px;
    margin-right: 8px;
  }
  .checkout1 .tablet .tablet-form__bottom button {
    width: 47%;
    font-size: 16px;
  }
  .checkout1 .rating-container,
.checkout1 .step1-image,
.checkout1 .tablet .section-title-2,
.checkout1 .tablet__menu-items,
.checkout1 .contact-form,
.checkout1 .desktop {
    display: none;
  }
}
@media (min-width: 1360px) {
  .checkout1 {
    margin-top: 0;
  }
  .checkout1 .desktop {
    display: flex;
    flex-direction: column;
    /*background: url("./images/bg-body-desktop.jpg") no-repeat;*/
    background-attachment: fixed;
    border-top: 3px solid #333333;
    background-position: center;
  }
  .checkout1 .desktop__bg {
    background-color: rgba(255, 255, 255, 0.7);
  }
  .checkout1 .desktop__container {
    margin: 0 auto;
    width: 714px;
    margin-bottom: 190px;
  }
  .checkout1 .desktop__container .tablet-step1-image {
    width: 100%;
    min-height: 140px;
    padding-top: 37px;
    padding-bottom: 37px;
  }
  .checkout1 .desktop__container .tablet-step1-image img {
    width: 100%;
    min-height: 66px;
  }
  .checkout1 .desktop__container .desktop-title {
    display: flex;
    width: 1340px;
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .checkout1 .desktop__container .desktop-title h1 {
    font-family: "Effra", sans-serif;
    font-size: 28px;
    line-height: 17px;
  }
  .checkout1 .desktop__container .tablet-form {
    padding: 30px;
    background-color: #f6f6f6;
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
  }
  .checkout1 .desktop__container .tablet-form p {
    margin-bottom: 20px;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .checkout1 .desktop__container .tablet-form .form {
    display: flex;
    flex-direction: column;
  }
  .checkout1 .desktop__container .tablet-form .form div {
    margin-bottom: 10px;
  }
  .checkout1 .desktop__container .tablet-form__name, .checkout1 .desktop__container .tablet-form__street, .checkout1 .desktop__container .tablet-form__postcode, .checkout1 .desktop__container .tablet-form__contacts {
    justify-content: space-between;
    display: flex;
  }
  .checkout1 .desktop__container .tablet-form__name div > input, .checkout1 .desktop__container .tablet-form__street div > input, .checkout1 .desktop__container .tablet-form__postcode div > input, .checkout1 .desktop__container .tablet-form__contacts div > input {
    margin-top: 5px;
    padding: 12px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    border: 1px solid #b4b4b4;
  }
  .checkout1 .desktop__container .tablet-form__name .first-name,
.checkout1 .desktop__container .tablet-form__name .tussenv,
.checkout1 .desktop__container .tablet-form__name .second-name,
.checkout1 .desktop__container .tablet-form__name .street-name,
.checkout1 .desktop__container .tablet-form__name .street-number,
.checkout1 .desktop__container .tablet-form__name .code,
.checkout1 .desktop__container .tablet-form__name .city,
.checkout1 .desktop__container .tablet-form__name .email,
.checkout1 .desktop__container .tablet-form__name .telephone, .checkout1 .desktop__container .tablet-form__street .first-name,
.checkout1 .desktop__container .tablet-form__street .tussenv,
.checkout1 .desktop__container .tablet-form__street .second-name,
.checkout1 .desktop__container .tablet-form__street .street-name,
.checkout1 .desktop__container .tablet-form__street .street-number,
.checkout1 .desktop__container .tablet-form__street .code,
.checkout1 .desktop__container .tablet-form__street .city,
.checkout1 .desktop__container .tablet-form__street .email,
.checkout1 .desktop__container .tablet-form__street .telephone, .checkout1 .desktop__container .tablet-form__postcode .first-name,
.checkout1 .desktop__container .tablet-form__postcode .tussenv,
.checkout1 .desktop__container .tablet-form__postcode .second-name,
.checkout1 .desktop__container .tablet-form__postcode .street-name,
.checkout1 .desktop__container .tablet-form__postcode .street-number,
.checkout1 .desktop__container .tablet-form__postcode .code,
.checkout1 .desktop__container .tablet-form__postcode .city,
.checkout1 .desktop__container .tablet-form__postcode .email,
.checkout1 .desktop__container .tablet-form__postcode .telephone, .checkout1 .desktop__container .tablet-form__contacts .first-name,
.checkout1 .desktop__container .tablet-form__contacts .tussenv,
.checkout1 .desktop__container .tablet-form__contacts .second-name,
.checkout1 .desktop__container .tablet-form__contacts .street-name,
.checkout1 .desktop__container .tablet-form__contacts .street-number,
.checkout1 .desktop__container .tablet-form__contacts .code,
.checkout1 .desktop__container .tablet-form__contacts .city,
.checkout1 .desktop__container .tablet-form__contacts .email,
.checkout1 .desktop__container .tablet-form__contacts .telephone {
    display: flex;
    flex-direction: column;
  }
  .checkout1 .desktop__container .tablet-form__name .first-name, .checkout1 .desktop__container .tablet-form__street .first-name, .checkout1 .desktop__container .tablet-form__postcode .first-name, .checkout1 .desktop__container .tablet-form__contacts .first-name {
    width: 35%;
  }
  .checkout1 .desktop__container .tablet-form__name .tussenv, .checkout1 .desktop__container .tablet-form__street .tussenv, .checkout1 .desktop__container .tablet-form__postcode .tussenv, .checkout1 .desktop__container .tablet-form__contacts .tussenv {
    width: 14%;
  }
  .checkout1 .desktop__container .tablet-form__name .second-name, .checkout1 .desktop__container .tablet-form__street .second-name, .checkout1 .desktop__container .tablet-form__postcode .second-name, .checkout1 .desktop__container .tablet-form__contacts .second-name {
    width: 47%;
  }
  .checkout1 .desktop__container .tablet-form__name .street-name, .checkout1 .desktop__container .tablet-form__street .street-name, .checkout1 .desktop__container .tablet-form__postcode .street-name, .checkout1 .desktop__container .tablet-form__contacts .street-name {
    width: 84%;
  }
  .checkout1 .desktop__container .tablet-form__name .street-number, .checkout1 .desktop__container .tablet-form__street .street-number, .checkout1 .desktop__container .tablet-form__postcode .street-number, .checkout1 .desktop__container .tablet-form__contacts .street-number {
    width: 14%;
  }
  .checkout1 .desktop__container .tablet-form__name .code, .checkout1 .desktop__container .tablet-form__street .code, .checkout1 .desktop__container .tablet-form__postcode .code, .checkout1 .desktop__container .tablet-form__contacts .code {
    width: 35%;
  }
  .checkout1 .desktop__container .tablet-form__name .city, .checkout1 .desktop__container .tablet-form__street .city, .checkout1 .desktop__container .tablet-form__postcode .city, .checkout1 .desktop__container .tablet-form__contacts .city {
    width: 63%;
  }
  .checkout1 .desktop__container .tablet-form__name .email, .checkout1 .desktop__container .tablet-form__street .email, .checkout1 .desktop__container .tablet-form__postcode .email, .checkout1 .desktop__container .tablet-form__contacts .email {
    width: 49%;
  }
  .checkout1 .desktop__container .tablet-form__name .telephone, .checkout1 .desktop__container .tablet-form__street .telephone, .checkout1 .desktop__container .tablet-form__postcode .telephone, .checkout1 .desktop__container .tablet-form__contacts .telephone {
    width: 49%;
  }
  .checkout1 .desktop__container .tablet-form__bottom {
    display: flex;
    justify-content: space-between;
  }
  .checkout1 .desktop__container .tablet-form__bottom .return-link {
    width: 50%;
    text-align: right;
    vertical-align: middle;
    padding-top: 8px;
  }
  .checkout1 .desktop__container .tablet-form__bottom .return-link a {
    color: #333333;
    font-size: 16px;
  }
  .checkout1 .desktop__container .tablet-form__bottom .return-link a img {
    position: relative;
    top: 3px;
    margin-right: 8px;
  }
  .checkout1 .desktop__container .tablet-form__bottom button {
    width: 47%;
    font-size: 16px;
  }
  .checkout1 .tablet,
.checkout1 .header__search-container,
.checkout1 .section-title-2 {
    display: none;
  }
}

.checkout2 .checkout2-container {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  color: #333333;
}
.checkout2 .checkout2-container .step2-image {
  width: 100%;
  min-height: 80px;
  padding: 15px;
}
.checkout2 .checkout2-container .step2-image img {
  width: 100%;
  min-height: 50px;
}
.checkout2 .checkout2-container .step2-form {
  padding: 25px 15px;
  background-color: #f6f6f6;
}
.checkout2 .checkout2-container .step2-form h1 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 25px;
}
.checkout2 .checkout2-container .step2-form .checkbox-title {
  margin-bottom: 10px;
  margin-top: 20px;
  font-size: 16px;
  line-height: 12px;
}
.checkout2 .checkout2-container .step2-form .checkbox-container__empty {
  border: 1px solid #b4b4b4;
  background-color: #fff;
  padding: 12px 0;
  color: #333333;
  margin-bottom: 12px;
  text-align: center;
}
.checkout2 .checkout2-container .step2-form .checkbox-container__empty p {
  text-align: center;
}
.checkout2 .checkout2-container .step2-form .checkbox-container__active {
  display: flex;
  width: 100%;
  border: 1px solid #ff5e00;
  background-color: #fff;
  padding: 12px 0;
  text-align: center;
  color: #ff5e00;
  margin-bottom: 12px;
}
.checkout2 .checkout2-container .step2-form .checkbox-container__active p {
  width: 100%;
}
.checkout2 .checkout2-container .step2-form .checkbox-container__active img {
  position: absolute;
  right: 25px;
}
.checkout2 .checkout2-container .step2-form .checkbox-container__disabled {
  display: flex;
  width: 100%;
  background-color: #e8e8e8;
  padding: 12px 0;
  text-align: center;
  color: #b4b4b4;
  margin-bottom: 12px;
}
.checkout2 .checkout2-container .step2-form .checkbox-container__disabled p {
  width: 100%;
}
.checkout2 .checkout2-container .step2-form .checkbox-container__disabled img {
  position: absolute;
  right: 25px;
}
.checkout2 .checkout2-container .step2-form .select-title {
  margin-top: 25px;
  font-size: 16px;
  margin-bottom: 10px;
}
.checkout2 .checkout2-container .step2-form .select__amount select {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 13px 15px 10px 15px;
  background: #fff;
  border: 1px solid #b4b4b4;
  background-image: url("../images/arrow-down-icon.svg");
  background-repeat: no-repeat, repeat;
  background-position: right 0.7em top 50%, 0 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: "";
}
.checkout2 .note {
  background-color: #fff;
  padding: 20px 15px 0 15px;
}
.checkout2 .note strong {
  font-size: 18px;
  margin-bottom: 10px;
}
.checkout2 .note p {
  line-height: 24px;
  font-size: 16px;
  margin-top: 8px;
  margin-bottom: 25px;
}
.checkout2 .checkout-btn {
  margin-bottom: 20px;
  font-size: 14px;
}
.checkout2 .return-link {
  text-align: center;
}
.checkout2 .return-link a {
  color: #333333;
  font-size: 14px;
}
.checkout2 .return-link a img {
  position: relative;
  top: 3px;
  margin-right: 8px;
}
.checkout2 .rating-container,
.checkout2 .tablet,
.checkout2 .desktop {
  display: none;
}
@media (min-width: 768px) {
  .checkout2 .tablet {
    display: flex;
    flex-direction: column;
    padding: 0 15px 0 15px;
    margin-bottom: 25px;
  }
  .checkout2 .tablet .section-title-2 {
    display: flex;
    margin-bottom: 15px;
  }
  .checkout2 .tablet .tablet-step2-image {
    width: 100%;
    min-height: 120px;
    padding-bottom: 27px;
    padding-top: 27px;
  }
  .checkout2 .tablet .tablet-step2-image img {
    width: 100%;
    min-height: 66px;
  }
  .checkout2 .tablet .tablet-step2-form {
    padding: 25px 15px;
    background-color: #f6f6f6;
  }
  .checkout2 .tablet .tablet-step2-form h1 {
    font-family: "Effra", sans-serif;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 25px;
    line-height: 17px;
  }
  .checkout2 .tablet .tablet-step2-form .step2-form-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .checkout2 .tablet .tablet-step2-form .step2-form-wrap div {
    width: 29%;
  }
  .checkout2 .tablet .tablet-step2-form .checkbox-container__empty {
    border: 1px solid #b4b4b4;
    background-color: #fff;
    padding: 12px 0;
    color: #333333;
    margin-bottom: 20px;
    text-align: center;
  }
  .checkout2 .tablet .tablet-step2-form .checkbox-container__empty p {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
  }
  .checkout2 .tablet .tablet-step2-form .checkbox-container__active {
    display: flex;
    width: 100%;
    border: 1px solid #ff5e00;
    background-color: #fff;
    padding: 12px 0;
    text-align: center;
    color: #ff5e00;
    margin-bottom: 20px;
    position: relative;
  }
  .checkout2 .tablet .tablet-step2-form .checkbox-container__active p {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
  }
  .checkout2 .tablet .tablet-step2-form .checkbox-container__active img {
    position: absolute;
    right: 10px;
    bottom: 16px;
    width: 14px;
  }
  .checkout2 .tablet .tablet-step2-form .checkbox-container__disabled {
    display: flex;
    width: 100%;
    background-color: #e8e8e8;
    padding: 12px 0;
    text-align: center;
    color: #b4b4b4;
    margin-bottom: 20px;
    position: relative;
  }
  .checkout2 .tablet .tablet-step2-form .checkbox-container__disabled p {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
  }
  .checkout2 .tablet .tablet-step2-form .checkbox-container__disabled img {
    position: absolute;
    right: 10px;
    bottom: 16px;
    width: 14px;
  }
  .checkout2 .tablet .tablet-step2-form .select-title {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 10px;
    text-transform: uppercase;
  }
  .checkout2 .tablet .tablet-step2-form .select__amount select {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 13px 15px 10px 15px;
    background: #fff;
    border: 1px solid #b4b4b4;
    background-image: url("../images/arrow-down-icon.svg");
    background-repeat: no-repeat, repeat;
    background-position: right 0.7em top 50%, 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
  }
  .checkout2 .tablet .tablet-note {
    background-color: #fff;
    padding: 20px 15px 0 15px;
  }
  .checkout2 .tablet .tablet-note strong {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
  }
  .checkout2 .tablet .tablet-note p {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 24px;
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 25px;
  }
  .checkout2 .tablet .tablet-bottom-wrap {
    display: flex;
  }
  .checkout2 .tablet .tablet-bottom-wrap .tablet-return {
    text-align: right;
    width: 53%;
    padding: 10px 0;
  }
  .checkout2 .tablet .tablet-bottom-wrap .tablet-return a {
    color: #333333;
    margin-right: 35px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
  }
  .checkout2 .tablet .tablet-bottom-wrap .tablet-return a img {
    position: relative;
    top: 3px;
    margin-right: 8px;
  }
  .checkout2 .tablet .tablet-bottom-wrap .checkout-btn {
    font-size: 16px;
    width: 47%;
    margin-bottom: 0;
  }
  .checkout2 .rating-container,
.checkout2 .tablet__menu-items,
.checkout2 .checkout2-container,
.checkout2 .note,
.checkout2 .return-link {
    display: none;
  }
}
@media (min-width: 1360px) {
  .checkout2 {
    margin-top: 0;
  }
  .checkout2 .desktop {
    display: flex;
    flex-direction: column;
    /*background: url("./images/bg-body-desktop.jpg") no-repeat;*/
    background-attachment: fixed;
    border-top: 3px solid #333333;
    background-position: center;
  }
  .checkout2 .desktop__bg {
    background-color: rgba(255, 255, 255, 0.7);
  }
  .checkout2 .desktop .desktop-form__wrap {
    margin: 0 auto;
    width: 714px;
  }
  .checkout2 .desktop .desktop-step2-image {
    width: 100%;
    min-height: 140px;
    padding-top: 37px;
    padding-bottom: 37px;
  }
  .checkout2 .desktop .desktop-step2-image img {
    width: 100%;
    min-height: 66px;
  }
  .checkout2 .desktop .desktop-step2-form {
    padding: 25px 15px;
    background-color: #f6f6f6;
  }
  .checkout2 .desktop .desktop-step2-form h1 {
    font-family: "Effra", sans-serif;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
    margin-bottom: 25px;
    line-height: 17px;
  }
  .checkout2 .desktop .desktop-step2-form .step2-form-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .checkout2 .desktop .desktop-step2-form .step2-form-wrap div {
    width: 29%;
  }
  .checkout2 .desktop .desktop-step2-form .checkbox-container__empty {
    border: 1px solid #b4b4b4;
    background-color: #fff;
    padding: 12px 0;
    color: #333333;
    margin-bottom: 20px;
    text-align: center;
  }
  .checkout2 .desktop .desktop-step2-form .checkbox-container__empty p {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
  }
  .checkout2 .desktop .desktop-step2-form .checkbox-container__active {
    display: flex;
    width: 100%;
    border: 1px solid #ff5e00;
    background-color: #fff;
    padding: 12px 0;
    text-align: center;
    color: #ff5e00;
    margin-bottom: 20px;
    position: relative;
  }
  .checkout2 .desktop .desktop-step2-form .checkbox-container__active p {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 700;
    width: 100%;
  }
  .checkout2 .desktop .desktop-step2-form .checkbox-container__active img {
    position: absolute;
    right: 10px;
    bottom: 16px;
    width: 14px;
  }
  .checkout2 .desktop .desktop-step2-form .checkbox-container__disabled {
    display: flex;
    width: 100%;
    background-color: #e8e8e8;
    padding: 12px 0;
    text-align: center;
    color: #b4b4b4;
    margin-bottom: 20px;
    position: relative;
  }
  .checkout2 .desktop .desktop-step2-form .checkbox-container__disabled p {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    width: 100%;
  }
  .checkout2 .desktop .desktop-step2-form .checkbox-container__disabled img {
    position: absolute;
    right: 10px;
    bottom: 16px;
    width: 14px;
  }
  .checkout2 .desktop .desktop-step2-form .select-title {
    font-size: 18px;
    margin-top: 5px;
    margin-bottom: 10px;
    text-transform: uppercase;
  }
  .checkout2 .desktop .desktop-step2-form .select__amount select {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 18px;
    font-weight: 400;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    padding: 13px 15px 10px 15px;
    background: #fff;
    border: 1px solid #b4b4b4;
    background-image: url("../images/arrow-down-icon.svg");
    background-repeat: no-repeat, repeat;
    background-position: right 0.7em top 50%, 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: "";
  }
  .checkout2 .desktop .tablet-note {
    background-color: #fff;
    padding: 20px 15px 0 15px;
  }
  .checkout2 .desktop .tablet-note strong {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 10px;
  }
  .checkout2 .desktop .tablet-note p {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 400;
    line-height: 24px;
    font-size: 16px;
    margin-top: 8px;
    margin-bottom: 25px;
  }
  .checkout2 .desktop .tablet-bottom-wrap {
    display: flex;
  }
  .checkout2 .desktop .tablet-bottom-wrap .tablet-return {
    text-align: right;
    width: 53%;
    padding: 10px 0;
  }
  .checkout2 .desktop .tablet-bottom-wrap .tablet-return a {
    color: #333333;
    margin-right: 35px;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
  }
  .checkout2 .desktop .tablet-bottom-wrap .tablet-return a img {
    position: relative;
    top: 3px;
    margin-right: 8px;
  }
  .checkout2 .desktop .tablet-bottom-wrap .desktop-btn {
    font-size: 16px;
    width: 47%;
    margin-bottom: 0;
  }
  .checkout2 .tablet,
.checkout2 .header__search-container,
.checkout2 .section-title-2,
.checkout2 .checkout-btn {
    display: none;
  }
}

.checkout3 .checkout3-container {
  display: flex;
  flex-direction: column;
  color: #333333;
}
.checkout3 .checkout3-container .step3-image {
  margin-top: 50px;
  width: 100%;
  min-height: 80px;
  padding: 15px;
}
.checkout3 .checkout3-container .step3-image img {
  width: 100%;
  min-height: 50px;
}
.checkout3 .checkout3-container .aside {
  padding: 30px 40px;
  background-color: #f6f6f6;
  display: flex;
  flex-direction: column;
}
.checkout3 .checkout3-container .aside-title, .checkout3 .checkout3-container .aside-name {
  font-size: 20px;
  text-transform: uppercase;
  text-align: center;
}
.checkout3 .checkout3-container .aside-name {
  color: #ff5e00;
  margin-bottom: 25px;
}
.checkout3 .checkout3-container .aside-inform, .checkout3 .checkout3-container .aside-data, .checkout3 .checkout3-container .aside-time {
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 5px;
}
.checkout3 .checkout3-container .aside-inform {
  font-size: 16px;
}
.checkout3 .checkout3-container .aside-data, .checkout3 .checkout3-container .aside-time span {
  font-weight: 700;
}
.checkout3 .checkout3-container .share {
  padding: 15px;
  background-color: #333333;
  color: #fff;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.checkout3 .checkout3-container .share-question {
  line-height: 30px;
  font-size: 20px;
  text-transform: uppercase;
  margin-bottom: 9px;
}
.checkout3 .checkout3-container .share-inform {
  line-height: 24px;
  font-size: 18px;
  margin-bottom: 15px;
}
.checkout3 .checkout3-container .share-inform span {
  font-weight: 700;
}
.checkout3 .checkout3-container .share-wrap {
  display: flex;
  justify-content: space-around;
}
.checkout3 .checkout3-container .share-wrap a {
  border: 2px solid #ff5e00;
  font-size: 16px;
  display: flex;
  justify-content: space-around;
  padding: 5px 10px;
}
.checkout3 .checkout3-container .share-wrap .share-facebook {
  border: 2px solid #ff5e00;
  color: #ff5e00;
  text-decoration: none;
  width: 47%;
}
.checkout3 .checkout3-container .share-wrap .share-facebook img {
  position: relative;
  top: 1px;
  width: 10px;
  height: 18px;
  margin-right: 3px;
}
.checkout3 .checkout3-container .share-wrap .share-instagram {
  text-decoration: none;
  width: 47%;
  background-color: #ff5e00;
  color: #fff;
}
.checkout3 .checkout3-container .share-wrap .share-instagram img {
  position: relative;
  top: 2px;
  width: 15px;
  height: 15px;
  margin-right: 3px;
}
.checkout3 .checkout3-container .pic img {
  min-height: 113px;
  width: 100%;
}
.checkout3 .checkout3-container .safety {
  padding: 20px 15px;
  display: flex;
  flex-direction: column;
}
.checkout3 .checkout3-container .safety-title {
  font-size: 18px;
  text-transform: uppercase;
  line-height: 17px;
  margin-bottom: 10px;
}
.checkout3 .checkout3-container .safety-video {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #beb0b0;
  min-height: 185px;
}
.checkout3 .checkout3-container .safety-video .play {
  margin: 0 auto;
}
.checkout3 .rating-container,
.checkout3 .tablet,
.checkout3 .desktop {
  display: none;
}
@media (min-width: 768px) {
  .checkout3 .tablet {
    display: flex;
    flex-direction: column;
    padding: 0 15px 0 15px;
    margin-bottom: 25px;
  }
  .checkout3 .tablet .tablet-step3-image {
    margin-top: 50px;
    width: 100%;
    min-height: 120px;
    padding-bottom: 27px;
    padding-top: 27px;
  }
  .checkout3 .tablet .tablet-step3-image img {
    width: 100%;
    min-height: 66px;
  }
  .checkout3 .tablet .tablet-aside {
    padding: 30px 40px;
    background-color: #f6f6f6;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
  .checkout3 .tablet .tablet-aside-title, .checkout3 .tablet .tablet-aside-name {
    font-family: "Effra", sans-serif;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
  }
  .checkout3 .tablet .tablet-aside-name {
    color: #ff5e00;
    margin-bottom: 25px;
  }
  .checkout3 .tablet .tablet-aside-row {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
  }
  .checkout3 .tablet .tablet-aside-row span {
    font-weight: 700;
  }
  .checkout3 .tablet .tablet-share {
    display: flex;
    flex-direction: column;
    background: url("../images/bg-checkout-step3-desctop.jpg") no-repeat;
    background-size: 100% 100%;
    padding: 22px 0 17px 291px;
    text-align: right;
    color: #fff;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 400;
    margin-bottom: 30px;
  }
  .checkout3 .tablet .tablet-share-question {
    font-family: "Effra", sans-serif;
    font-weight: 700;
    line-height: 30px;
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 9px;
    margin-right: 2px;
  }
  .checkout3 .tablet .tablet-share-inform, .checkout3 .tablet .tablet-share-inform2 {
    line-height: 24px;
    font-size: 18px;
    margin-right: 15px;
  }
  .checkout3 .tablet .tablet-share-inform span, .checkout3 .tablet .tablet-share-inform2 span {
    font-weight: 700;
  }
  .checkout3 .tablet .tablet-share-inform2 {
    margin-bottom: 15px;
  }
  .checkout3 .tablet .tablet-share-wrap {
    display: flex;
    justify-content: flex-end;
  }
  .checkout3 .tablet .tablet-share-wrap a {
    border: 2px solid #ff5e00;
    font-size: 16px;
    margin-right: 15px;
    display: flex;
    justify-content: space-around;
    padding: 5px 10px;
  }
  .checkout3 .tablet .tablet-share-wrap .share-facebook {
    border: 2px solid #ff5e00;
    color: #ff5e00;
    text-decoration: none;
    width: 161px;
  }
  .checkout3 .tablet .tablet-share-wrap .share-facebook img {
    position: relative;
    top: 1px;
    width: 10px;
    height: 18px;
    margin-right: 3px;
  }
  .checkout3 .tablet .tablet-share-wrap .share-instagram {
    text-decoration: none;
    width: 161px;
    background-color: #ff5e00;
    color: #fff;
  }
  .checkout3 .tablet .tablet-share-wrap .share-instagram img {
    position: relative;
    top: 2px;
    width: 15px;
    height: 15px;
    margin-right: 3px;
  }
  .checkout3 .tablet .tablet-safety {
    display: flex;
    flex-direction: column;
  }
  .checkout3 .tablet .tablet-safety-title {
    font-family: "Effra", sans-serif;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 17px;
    margin-bottom: 10px;
  }
  .checkout3 .tablet .tablet-safety-video {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #beb0b0;
    min-height: 330px;
  }
  .checkout3 .tablet .tablet-safety-video .play {
    margin: 0 auto;
  }
  .checkout3 .rating-container,
.checkout3 .step3-image,
.checkout3 .checkout3-container .aside,
.checkout3 .checkout3-container .share,
.checkout3 .checkout3-container .pic,
.checkout3 .checkout3-container .safety {
    display: none;
  }
}
@media (min-width: 1360px) {
  .checkout3 {
    margin-top: 0;
  }
  .checkout3 .desktop {
    display: flex;
    flex-direction: column;
    /*background: url("./images/bg-body-desktop.jpg") no-repeat;*/
    background-attachment: fixed;
    border-top: 3px solid #333333;
    background-position: center;
  }
  .checkout3 .desktop__bg {
    background-color: rgba(255, 255, 255, 0.7);
  }
  .checkout3 .desktop .desktop-form__wrap {
    margin: 0 auto;
    width: 714px;
  }
  .checkout3 .desktop .desktop-step3-image {
    width: 100%;
    min-height: 140px;
    padding-top: 37px;
    padding-bottom: 37px;
  }
  .checkout3 .desktop .desktop-step3-image img {
    width: 100%;
    min-height: 66px;
  }
  .checkout3 .desktop .desktop-aside {
    padding: 30px 40px;
    background-color: #f6f6f6;
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
  }
  .checkout3 .desktop .desktop-aside-title, .checkout3 .desktop .desktop-aside-name {
    font-family: "Effra", sans-serif;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
  }
  .checkout3 .desktop .desktop-aside-name {
    color: #ff5e00;
    margin-bottom: 25px;
  }
  .checkout3 .desktop .desktop-aside-row {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
  }
  .checkout3 .desktop .desktop-aside-row span {
    font-weight: 700;
  }
  .checkout3 .desktop .desktop-share {
    display: flex;
    flex-direction: column;
    background: url("../images/bg-checkout-step3-desctop.jpg") no-repeat;
    background-size: 100% 100%;
    padding: 22px 0 17px 291px;
    text-align: right;
    color: #fff;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 400;
    margin-bottom: 30px;
  }
  .checkout3 .desktop .desktop-share-question {
    font-family: "Effra", sans-serif;
    font-weight: 700;
    line-height: 30px;
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 9px;
    margin-right: 2px;
  }
  .checkout3 .desktop .desktop-share-inform, .checkout3 .desktop .desktop-share-inform2 {
    line-height: 24px;
    font-size: 18px;
    margin-right: 15px;
  }
  .checkout3 .desktop .desktop-share-inform span, .checkout3 .desktop .desktop-share-inform2 span {
    font-weight: 700;
  }
  .checkout3 .desktop .desktop-share-inform2 {
    margin-bottom: 15px;
  }
  .checkout3 .desktop .desktop-share-wrap {
    display: flex;
    justify-content: flex-end;
  }
  .checkout3 .desktop .desktop-share-wrap a {
    border: 2px solid #ff5e00;
    font-size: 16px;
    margin-right: 15px;
    display: flex;
    justify-content: space-around;
    padding: 5px 10px;
  }
  .checkout3 .desktop .desktop-share-wrap .share-facebook {
    border: 2px solid #ff5e00;
    color: #ff5e00;
    text-decoration: none;
    width: 39%;
  }
  .checkout3 .desktop .desktop-share-wrap .share-facebook img {
    position: relative;
    top: 1px;
    width: 10px;
    height: 18px;
    margin-right: 3px;
  }
  .checkout3 .desktop .desktop-share-wrap .share-instagram {
    text-decoration: none;
    width: 39%;
    background-color: #ff5e00;
    color: #fff;
  }
  .checkout3 .desktop .desktop-share-wrap .share-instagram img {
    position: relative;
    top: 2px;
    width: 15px;
    height: 15px;
    margin-right: 3px;
  }
  .checkout3 .desktop .desktop-safety {
    display: flex;
    flex-direction: column;
  }
  .checkout3 .desktop .desktop-safety-title {
    font-family: "Effra", sans-serif;
    font-weight: 700;
    font-size: 22px;
    text-transform: uppercase;
    line-height: 17px;
    margin-bottom: 10px;
  }
  .checkout3 .desktop .desktop-safety-video {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #beb0b0;
    min-height: 330px;
  }
  .checkout3 .desktop .desktop-safety-video .play {
    margin: 0 auto;
  }
  .checkout3 .tablet,
.checkout3 .header__search-container,
.checkout3 .section-title-2,
.checkout3 .checkout-btn {
    display: none;
  }
}

.single-brand {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  color: #333333;
}
.single-brand .section-title-2 {
  margin-bottom: 0;
}
.single-brand .section-title-2 .paragraph-title {
  width: 155px;
}
.single-brand .brand-info {
  padding: 15px;
  display: flex;
  flex-direction: column;
}
.single-brand .brand-info .brand-title,
.single-brand .brand-info .project-name {
  font-size: 16px;
  line-height: 17px;
}
.single-brand .brand-info .brand-title {
  text-transform: uppercase;
}
.single-brand .brand-info .project-name {
  margin-bottom: 10px;
}
.single-brand .brand-info .brand-logo {
  border: 1px solid #b4b4b4;
  width: 100px;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
}
.single-brand .brand-info .brand-logo img {
  width: 64px;
  height: 64px;
}
.single-brand .brand-info .description,
.single-brand .brand-info .description-bottom {
  line-height: 22px;
}
.single-brand .brand-info .description-bottom {
  margin-top: 25px;
  margin-bottom: 20px;
}
.single-brand .brand-info .items {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}
.single-brand .brand-info .items .items-card {
  width: 116px;
  height: 103px;
  display: flex;
  border: 1px solid #d6d6d6;
  justify-content: center;
  align-items: center;
}
.single-brand .brand-info .items .items-card .pic1 {
  width: 96px;
  height: 73px;
}
.single-brand .brand-info .items .items-card .pic2 {
  width: 97px;
  height: 68px;
}
.single-brand .brand-info .items .items-card .pic3 {
  width: 84px;
  height: 79px;
}
.single-brand .brand-info button {
  font-size: 14px;
}
.single-brand .tablet,
.single-brand .desktop,
.single-brand .tablet-form,
.single-brand .desktop__menu-items,
.single-brand .desktop-title {
  display: none;
}
@media (min-width: 768px) {
  .single-brand .tablet {
    display: flex;
    flex-direction: column;
    padding: 15px;
    margin-bottom: 25px;
  }
  .single-brand .tablet .section-title-2 {
    display: flex;
    margin-bottom: 15px;
  }
  .single-brand .tablet .menu-items {
    display: flex;
  }
  .single-brand .tablet .brand-title {
    font-family: "Effra", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 17px;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  .single-brand .tablet .brand-title span {
    text-transform: none;
  }
  .single-brand .tablet .brand-logo {
    border: 1px solid #b4b4b4;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 15px;
  }
  .single-brand .tablet .brand-logo img {
    width: 64px;
    height: 64px;
  }
  .single-brand .tablet .description,
.single-brand .tablet .description-bottom {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .single-brand .tablet .description-bottom {
    margin-top: 30px;
    margin-bottom: 25px;
  }
  .single-brand .tablet .items {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
  .single-brand .tablet .items .items-card {
    width: 247px;
    height: 192px;
    display: flex;
    border: 1px solid #d6d6d6;
    justify-content: center;
    align-items: center;
  }

  .single-brand .tablet button {
    font-size: 18px;
  }
  .single-brand .rating-container,
.single-brand .section-title-2,
.single-brand .brand-info,
.single-brand .desktop {
    display: none;
  }
}
@media (min-width: 1360px) {
  .single-brand {
    margin-top: 0;
  }
  .single-brand .desktop {
    display: flex;
    flex-direction: column;
    /*background: url("./images/bg-body-desktop.jpg") no-repeat;*/
    background-attachment: fixed;
    background-position: center;
  }
  .single-brand .desktop__bg {
    background-color: rgba(255, 255, 255, 0.7);
  }
  .single-brand .desktop .perks {
    display: block;
  }
  .single-brand .desktop .menu-items {
    display: flex;
    width: 1295px;
    margin: 0 auto;
    background: #f6f6f6;
    padding: 15px 11px;
  }
  .single-brand .desktop__container {
    width: 1295px;
    margin: 0 auto;
    display: flex;
    margin-top: 20px;
  }
  .single-brand .desktop__container .packers {
    margin-left: 30px;
  }
  .single-brand .desktop__container .left-section {
    padding-left: 125px;
  }
  .single-brand .desktop__container .left-section .text-section .brand-title {
    font-family: "Effra", sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 17px;
    text-transform: uppercase;
    margin-bottom: 25px;
  }
  .single-brand .desktop__container .left-section .text-section .brand-title span {
    text-transform: none;
  }
  .single-brand .desktop__container .left-section .text-section .section-title-box {
    display: flex;
  }
  .single-brand .desktop__container .left-section .text-section .section-title-box .desctop-brand-logo {
    border: 1px solid #b4b4b4;
    width: 100px;
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .single-brand .desktop__container .left-section .text-section .section-title-box .desctop-brand-logo img {
    width: 64px;
    height: 64px;
  }
  .single-brand .desktop__container .left-section .text-section .section-title-box .section-title-desctop {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 100px;
    background: #efefef;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    width: 88%;
  }
  .single-brand .desktop__container .left-section .text-section .section-title-box .section-title-desctop p {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-style: italic;
    line-height: 24px;
    color: #fff;
    width: 129px;
    height: 100%;
    font-size: 18px;
    font-weight: 900;
    text-transform: uppercase;
    background: linear-gradient(-62deg, transparent 30px, #10c94e 0);
    padding-left: 15px;
  }
  .single-brand .desktop__container .left-section .text-section .section-title-box .section-title-desctop .paragraph-title {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-style: italic;
    line-height: 32px;
    color: #fff;
    height: 100%;
    text-transform: uppercase;
    padding-left: 15px;
    width: 400px;
    background: linear-gradient(-62deg, transparent 50px, #333333 0);
    font-family: "Effra", sans-serif;
    font-size: 36px;
    font-weight: 700;
  }
  .single-brand .desktop__container .left-section .text-section .desctop-brand-info {
    display: flex;
    flex-direction: column;
    margin-left: 100px;
    margin-right: 1px;
    padding: 40px 45px;
    border: 1px solid #d6d6d6;
  }
  .single-brand .desktop__container .left-section .text-section .desctop-brand-info .brand-title,
.single-brand .desktop__container .left-section .text-section .desctop-brand-info .project-name {
    font-family: "Effra", sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 17px;
  }
  .single-brand .desktop__container .left-section .text-section .desctop-brand-info .description,
.single-brand .desktop__container .left-section .text-section .desctop-brand-info .description-bottom {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
  }
  .single-brand .desktop__container .left-section .text-section .desctop-brand-info .description-bottom {
    margin-top: 30px;
    margin-bottom: 35px;
  }
  .single-brand .desktop__container .left-section .text-section .desctop-brand-info .items {
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .single-brand .desktop__container .left-section .text-section .desctop-brand-info .items .items-card {
    width: 216px;
    height: 192px;
    display: flex;
    border: 1px solid #d6d6d6;
    justify-content: center;
    align-items: center;
  }
  .single-brand .desktop__container .left-section .text-section .desctop-brand-info .items .items-card .pic1 {

  }
  .single-brand .desktop__container .left-section .text-section .desctop-brand-info .items .items-card .pic2 {
    width: 180px;
    height: 126px;
  }
  .single-brand .desktop__container .left-section .text-section .desctop-brand-info .items .items-card .pic3 {
    width: 156px;
    height: 145px;
  }
  .single-brand .desktop__container .left-section .text-section .desctop-brand-info button {
    font-size: 16px;
  }
  .single-brand .tablet {
    display: none;
  }
}

.media {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  color: #333333;
}
.media .section-title-2 .paragraph-title {
  width: 110px;
}
.media .content {
  width: 100%;
  padding: 0 15px;
  margin-bottom: 60px;
}
.media .content h1 {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 17px;
  text-transform: uppercase;
  margin-bottom: 10px;
}
.media .content__text {
  margin-bottom: 20px;
}

.media .content__fotos {
  margin-bottom: 18px;
}
.media .content__fotos .container {
  display: grid;
  grid-template-columns: repeat(auto-fill, 168px);
  justify-content: space-between;
}
.media .content__fotos .container .small {
  margin-bottom: 12px;
}
.media .content__fotos .container .middle {
  display: none;
}
.media .content__videos .container {
  display: grid;
  grid-template-columns: repeat(auto-fill, 168px);
  justify-content: space-between;
}
.media .content__videos .container .small {
  margin-bottom: 17px;
}
.media .content__videos .container .middle {
  display: none;
}
.media .menu-items,
.media .desktop {
  display: block;
}

@media (max-width: 767px) {
  .grid iframe{
    width:100%;
    height: 250px !important;
  }
  .grid img{
    width:100%;
  }
  .grid-item{
    width: 100%;
  }

  .media {
    margin-top: 67px;
  }
}

@media (max-width: 1023px) {
  .grid iframe{
    width:100%;
    height: 320px !important;
  }
  .grid img{
    width:100%;
  }
  .grid-item{
    width: 100% !important;
    max-width: 100% !important;
  }
}

@media (min-width: 768px) {
  .media {
    padding: 15px;
  }
  .media .menu-items {
    display: flex;
  }
  .media .content {
    padding: 0;
  }
  .media .content__text h1 {
    display: block;
    font-size: 22px;
    font-weight: 700;
    font-family: "Effra", sans-serif;
    text-transform: uppercase;
    line-height: 17px;
  }
  .media .content__fotos .container {
    grid-template-columns: repeat(auto-fill, 235px);
  }
  .media .content__fotos .container .small {
    display: none;
  }
  .media .content__fotos .container .middle {
    display: block;
    width: 235px;
    margin-bottom: 17px;
    height: 135px;
  }
  .media .content__videos .container {
    grid-template-columns: repeat(auto-fill, 235px);
  }
  .media .content__videos .container .small {
    display: none;
  }
  .media .content__videos .container .middle {
    display: block;
    width: 235px;
    margin-bottom: 17px;
    height: 135px;
  }
  .media .rating-container {
    display: none;
  }
}
@media (min-width: 1360px) {
  .media {
    margin-top: 0;
    padding: 0;
  }
  .media .desktop {
    display: flex;
    flex-direction: column;
    /*background: url("./images/bg-body-desktop.jpg") no-repeat;*/
    background-attachment: fixed;
    background-position: center;
    margin-bottom: 60px;
  }
  .media .desktop .perks {
    display: block;
  }
  .media .desktop__bg {
    background-color: rgba(255, 255, 255, 0.7);
  }
  .media .desktop__bg .menu-items {
    display: flex;
    background: #f6f6f6;
    padding: 15px 11px;
    width: 1295px;
    margin: 0 auto;
  }
  .media .desktop__container {
    width: 1295px;
    margin: 0 auto;
    display: flex;
    margin-top: 30px;
  }
  .media .desktop__container .packers {
    margin-left: 30px;
  }
  .media .desktop__container .content {
    display: block;
  }
  .media .desktop__container .content h1 {
    font-size: 22px;
  }
  .media .desktop__container .content__text {
    margin-bottom: 30px;
  }
  .media .section-title-2,
.media .menu-items,
.media .content {
    display: none;
  }
}

.history {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  color: #333333;
}
.history .section-title-2 {
  margin-bottom: 0px;
}
.history .section-title-2 .paragraph-title {
  width: 175px;
}
.history .section-title-2 .year {
  background: linear-gradient(-62deg, transparent 30px, #ff5e00 0);
  line-height: 24px;
  width: 100px;
}
.history .text {
  padding: 15px;
  line-height: 24px;
}
.history .section-title-3 {
  height: 33px;
}
.history .image-container {
  padding: 10px 15px 15px 15px;
}
.history .image-container img {
  width: 100%;
}
.history .desktop,
.history .menu-items {
  display: none;
}
@media (min-width: 768px) {
  .history {
    margin-top: 50px;
    padding: 15px;
  }
  .history .section-title-2 {
    margin-bottom: 15px;
  }
  .history .section-title-3 {
    margin-bottom: 0;
  }
  .history .menu-items {
    display: flex;
  }
  .history .text {
    padding: 0;
    margin-bottom: 25px;
  }
  .history .image-container {
    padding: 20px 0;
  }
  .history .rating-container,
.history .perks {
    display: none;
  }
}
@media (min-width: 1360px) {
  .history {
    margin-top: 0;
    padding: 0;
  }
  .history .perks {
    display: block;
  }
  .history .desktop {
    display: flex;
    flex-direction: column;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    /*background: url("./images/bg-body-desktop.jpg") no-repeat;*/
    background-attachment: fixed;
    background-position: center;
    margin-bottom: 80px;
  }
  .history .desktop__bg {
    background-color: rgba(255, 255, 255, 0.7);
  }
  .history .desktop__container {
    width: 1295px;
    margin: 0 auto;
  }
  .history .desktop .menu-items {
    display: flex;
    background: #f6f6f6;
    padding: 15px 11px;
    margin-bottom: 30px;
  }
  .history .desktop .text {
    display: block;
  }
  .history .desktop .text h1 {
    font-size: 22px;
    font-weight: 700;
    line-height: 17px;
    font-family: "Effra", sans-serif;
    text-transform: uppercase;
    margin-bottom: 20px;
  }
  .history .desktop .image-container {
    display: block;
  }
  .history .desktop .section-title-2 {
    display: flex;
    font-size: 34px;
  }
  .history .desktop .section-title-3 {
    height: 53px;
  }
  .history .desktop .section-title-3 .year {
    font-size: 34px;
    width: 155px;
  }
  .history .text,
.history .image-container,
.history .section-title-2,
.history .menu-items {
    display: none;
  }
}

.free-fireworks-page{
  font-family: "Roboto";
}


.free-fireworks-page{
  padding:15px;
}

.free-fireworks-page .section {
  width: 100%;
  margin: 0 auto;
}
.free-fireworks-page .menu-items{
  display: flex;
}

.free-fireworks-page h1{
  font-size:2em;
  text-align: center;
  margin-bottom: 0.5em;
}

.free-fireworks-page h2{
  font-size:2em;
  text-align: center;
  margin-bottom: 0.5em;
}

.free-fireworks-page h2.reduced-width{
  padding-left:15%;
  padding-right:15%;
}

.free-fireworks-page .four-blocks{
  display: block;
  text-align: center;
  margin-bottom: 15px;
}

.free-fireworks-page .four-blocks > div{
  vertical-align: top;
  display:inline-block;
  width:100%;
  text-align: center;
}

.free-fireworks-page .four-blocks > div .step-description{
  padding:15px;
  line-height: 1.5em;
}

.two-columns-1-5{
  margin-top:30px;
}

.two-columns-1-5 div{
  vertical-align: top;
  margin-bottom:10px;
}

.two-columns-1-5 .column-1{
  width:100%;
  margin-bottom:15px;
  display:inline-block;
}

.two-columns-1-5 .column-5{
  width:100%;
  display:inline-block;
  text-align: center;
}

.two-columns-1-5 .column-5 div.free-product-box{
  width:49%;
  display:inline-block;
}
.two-columns-1-5 .column-5 div.free-product-box img{
  max-width: 100%;
}


.free-fireworks-page .strong-title{
  font-size:20px;
  font-weight: bold;
}

.free-fireworks-page ul{
  list-style: disc;
  padding-left: 17px;
  padding-top:10px;
  margin-bottom:30px;
}

.free-fireworks-page ul li{
  padding-top:5px;
}

@media (max-width: 767px) {
  .free-fireworks-page{
    padding-top:50px;
  }
}

@media (min-width: 768px) {
  .free-fireworks-page{
    padding:15px;
  }

  .free-fireworks-page .section {
    width: 100%;
    margin: 0 auto;
  }
  .free-fireworks-page .menu-items{
    display: flex;
  }

  .free-fireworks-page h1{
    font-size:3em;
    text-align: center;
    margin-bottom: 0.5em;
  }

  .free-fireworks-page h2{
    font-size:2em;
    text-align: center;
    margin-bottom: 0.5em;
  }

  .free-fireworks-page h2.reduced-width{
    padding-left:15%;
    padding-right:15%;
  }

  .free-fireworks-page .four-blocks{
    display: block;
    text-align: center;
    margin-bottom: 15px;
  }

  .free-fireworks-page .four-blocks > div{
    vertical-align: top;
    display:inline-block;
    width:49%;
    text-align: center;
  }

  .free-fireworks-page .four-blocks > div .step-description{
    padding:15px;
    line-height: 1.5em;
  }

  .two-columns-1-5{
    margin-top:30px;
  }

  .two-columns-1-5 div{
    vertical-align: top;
    margin-bottom:10px;
  }

  .two-columns-1-5 .column-1{
    width:100%;
    margin-bottom:15px;
    display:inline-block;
  }

  .two-columns-1-5 .column-5{
    width:100%;
    display:inline-block;
    text-align: center;
  }

  .two-columns-1-5 .column-5 div.free-product-box{
    width:33%;
    display:inline-block;
  }

  .free-fireworks-page .strong-title{
    font-size:20px;
    font-weight: bold;
  }

  .free-fireworks-page ul{
    list-style: disc;
    padding-left: 17px;
    padding-top:10px;
    margin-bottom:30px;
  }

  .free-fireworks-page ul li{
    padding-top:5px;
  }
}

@media (min-width: 1024px) {
  .free-fireworks-page{
    padding:15px;
  }

  .free-fireworks-page .section {
    width: 100%;
    margin: 0 auto;
  }
  .free-fireworks-page .menu-items{
    display: flex;
  }

  .free-fireworks-page h1{
    font-size:3em;
    text-align: center;
    margin-bottom: 0.5em;
  }

  .free-fireworks-page h2{
    font-size:2em;
    text-align: center;
    margin-bottom: 0.5em;
  }

  .free-fireworks-page h2.reduced-width{
    padding-left:15%;
    padding-right:15%;
  }

  .free-fireworks-page .four-blocks{
    display: block;
    text-align: center;
    margin-bottom: 15px;
  }

  .free-fireworks-page .four-blocks > div{
    vertical-align: top;
    display:inline-block;
    width:49%;
    text-align: center;
  }

  .free-fireworks-page .four-blocks > div .step-description{
    padding:15px;
    line-height: 1.5em;
  }

  .two-columns-1-5{
    margin-top:30px;
  }

  .two-columns-1-5 div{
    vertical-align: top;
    margin-bottom:10px;
  }

  .two-columns-1-5 .column-1{
    width:100%;
    margin-bottom:15px;
    display:inline-block;
  }

  .two-columns-1-5 .column-5{
    width:100%;
    display:inline-block;
  }

  .two-columns-1-5 .column-5 div.free-product-box{
    width:19.5%;
    display:inline-block;
  }

  .free-fireworks-page .strong-title{
    font-size:20px;
    font-weight: bold;
  }

  .free-fireworks-page ul{
    list-style: disc;
    padding-left: 17px;
    padding-top:10px;
    margin-bottom:30px;
  }

  .free-fireworks-page ul li{
    padding-top:5px;
  }
}

@media (min-width: 1360px) {
  .free-fireworks-page .section {
    width: 1295px;
    margin: 0 auto;
  }
  .free-fireworks-page .menu-items{
    display: flex;
  }

  .free-fireworks-page h1{
    font-size:3em;
    text-align: center;
    margin-bottom: 0.5em;
  }

  .free-fireworks-page h2{
    font-size:2em;
    text-align: center;
    margin-bottom: 0.5em;
  }

  .free-fireworks-page h2.reduced-width{
    padding-left:15%;
    padding-right:15%;
  }

  .free-fireworks-page .four-blocks{
    display: block;
    text-align: center;
    margin-bottom: 15px;
  }

  .free-fireworks-page .four-blocks > div{
    vertical-align: top;
    display:inline-block;
    width:24%;
    text-align: center;
  }

  .free-fireworks-page .four-blocks > div .step-description{
    padding:15px;
    line-height: 1.5em;
  }

  .two-columns-1-5{
    margin-top:30px;
  }

  .two-columns-1-5 div{
    vertical-align: top;
  }

  .two-columns-1-5 .column-1{
    width:15%;
    display:inline-block;
  }

  .two-columns-1-5 .column-5{
    width:84%;
    display:inline-block;
  }

  .two-columns-1-5 .column-5 div.free-product-box{
    width:19.5%;
    display:inline-block;
  }

  .free-fireworks-page .strong-title{
    font-size:20px;
    font-weight: bold;
  }

  .free-fireworks-page ul{
    list-style: disc;
    padding-left: 17px;
    padding-top:10px;
    margin-bottom:30px;
  }

  .free-fireworks-page ul li{
    padding-top:5px;
  }
}



.product {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  color: #333333;
}
.product .section-title-2 {
  margin-bottom: 0;
}
.product .section-title-2 .paragraph-title {
  width: 197px;
}
.product .content-container {
  padding: 15px;
}
.product .content-container__title {
  font-size: 18px;
  line-height: 15px;
}
.product .content-container__item {
  border-bottom: 1px solid #b4b4b4;
  padding: 18px 0;
}
.product .content-container .slide__picture {
  width: 100%;
}
.product .content-container .price__recommend, .product .content-container .price__lowest-price {
  font-size: 18px;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
}
.product .content-container .price__recommend-title, .product .content-container .price__lowest-price-title {
  width: 77%;
  padding-top: 10px;
}
.product .content-container .price__recommend-count, .product .content-container .price__lowest-price-count {
  width: 23%;
  text-align: right;
  font-size: 30px;
}
.product .content-container .price__recommend-count b, .product .content-container .price__lowest-price-count b {
  font-size: 17px;
}
.product .content-container .price__lowest-price {
  color: #ff5e00;
}
.product .content-container .price__info {
  color: #10c94e;
  margin-bottom: 15px;
}
.product .content-container .price__info .info-icon {
  width: 15px;
  height: 18px;
  margin-right: 8px;
  position: relative;
  top: 5px;
}
.product .content-container .price__info .info-text {
  font-size: 12px;
}
.product .content-container .price__btn {
  font-size: 14px;
}
.product .content-container .price__btn img {
  margin-left: 7px;
  width: 8px;
  height: 12px;
}
.product .content-container .dealer-price {
  padding: 15px 0;
}
.product .content-container .dealer-price__count {
  width: 100%;
}
.product .content-container .dealer-price__info {
  margin-bottom: 0;
}
.product .content-container .discount-price__recommend {
  display: flex;
  justify-content: space-between;
  color: #fbb900;
  margin-bottom: 5px;
}
.product .content-container .discount-price__title {
  color: #fbb900;
  font-size: 18px;
  text-transform: uppercase;
}
.product .content-container .discount-price__title-right {
  text-align: right;
}
.product .content-container .discount-price__sale {
  font-size: 15px;
  text-decoration: line-through;
  color: #b4b4b4;
  margin-bottom: 5px;
}
.product .content-container .discount-price__sale b {
  font-size: 9px;
}
.product .content-container .discount-price__count {
  font-size: 30px;
  margin-left: 8px;
  line-height: 16px;
}
.product .content-container .discount-price__count b {
  font-size: 17px;
}
.product .content-container .discount-price__info {
  color: #10c94e;
}
.product .content-container .discount-price__info .info-icon {
  width: 15px;
  height: 18px;
  margin-right: 8px;
  position: relative;
  top: 5px;
}
.product .content-container .discount-price__info .info-text {
  font-size: 12px;
}
.product .content-container .options__title {
  font-size: 16px;
  text-transform: uppercase;
}
.product .content-container .options__list {
  text-transform: uppercase;
}
.product .content-container .options__list-item {
  margin-top: 12px;
  display: flex;
}
.product .content-container .options__list-item .list-item__label {
  width: 51%;
}
.product .content-container .options__list-item .list-item__value {
  color: #ff5e00;
  width: 49%;
  text-align: right;
}
.product .content-container .description__title {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.product .content-container .description__text {
  font-size: 16px;
  line-height: 24px;
}
.product .content-container .logo {
  padding-left: 20px;
  padding-right: 20px;
}
.product .content-container .logo__image {
  width: 100%;
}
.product .content-container .features__item {
  display: flex;
  margin-bottom: 10px;
}
.product .content-container .features__item-icon {
  width: 26px;
  height: 26px;
  position: relative;
  bottom: 4px;
  margin-right: 12px;
}
.product .content-container .features__item-title {
  font-size: 15px;
}
.product .content-container .features__item:last-child {
  margin-bottom: 0;
}
.product .content-container .reviews__item:not(:last-child) {
  margin-bottom: 12px;
}
.product .content-container .reviews__item {
  display: flex;
}
.product .content-container .reviews__item .reviews-title {
  font-size: 18px;
  text-transform: uppercase;
  margin-right: 10px;
}
.product .content-container .reviews__item .title-icon {
  width: 20px;
  height: 20px;
}
.product .content-container .reviews__item .item-icon__facebook {
  padding: 8px 16px;
  margin-right: 15px;
  border: 1px solid #4267b2;
}
.product .content-container .reviews__item .item-icon__facebook .facebook-icon {
  width: 16px;
  height: 30px;
}
.product .content-container .reviews__item .item-icon__google {
  padding: 11px 11px;
  margin-right: 15px;
  border: 1px solid #db4437;
}
.product .content-container .reviews__item .item-icon__google .google-icon {
  width: 26px;
  height: 26px;
}
.product .content-container .reviews__item .item-facebook__list,
.product .content-container .reviews__item .item-google__list {
  display: flex;
}
.product .content-container .reviews__item .item-facebook__list .list-item,
.product .content-container .reviews__item .item-google__list .list-item {
  margin-right: 15px;
  margin-bottom: 4px;
}

.aside__price p {
  font-size: 38px;
  font-style: oblique;
}

@media (max-width: 767px) {

  .swiper-container-thumbs {
    display: none;
  }

  .slider .gallery-top {
    width: 100% !important;
    height:200px;
    padding-top:20px;
  }

  .slider .swiper-wrapper .swiper-slide{
    position:relative;
  }

  .slider .swiper-wrapper .swiper-slide img{
    position:absolute;
    max-height: 95%;
    max-width: 95%;
    left:0;
    top:0;
    bottom:0;
    right:0;
    margin:auto;
  }

  .desktop-content__top-section{
    padding:10px 20px;
    position:relative;
  }

}

.menu-items{
  display:none;
}

.product .desktop .desktop-content__top-section .top-section__aside .aside__price .aside-info {
  color: #10c94e;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin-bottom: 30px;
}
.product .desktop .desktop-content__top-section .top-section__aside .aside__price .aside-info__icon {
  width: 15px;
  height: 18px;
  margin-right: 8px;
  position: relative;
  top: 5px;
}
.product .desktop .desktop-content__top-section .top-section__aside .aside__price .aside-info__text {
  font-size: 15px;
}

.product .desktop .desktop-content__top-section .top-section__aside .aside__features-item {
  display: flex;
  margin-bottom: 10px;
}
.product .desktop .desktop-content__top-section .top-section__aside .aside__features-item .item-icon {
  width: 26px;
  height: 26px;
  position: relative;
  bottom: 4px;
  margin-right: 12px;
}
.product .desktop .desktop-content__top-section .top-section__aside .aside__features-item .item-title {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 15px;
}
.product .desktop .desktop-content__top-section .top-section__aside .aside__features-item:last-child {
  margin-bottom: 0;
}

.aside__features{
  display: none;
}

.product .desktop .desktop-content__bottom-section {
  padding: 20px 10px;
  flex-wrap: wrap;
}
.product .desktop .desktop-content__bottom-section > div {
  padding-right: 30px;
  padding-bottom:20px;
  padding-left: 12px;
  border-right: 0px solid #b4b4b4;
  width: 100%;
}
.product .desktop .desktop-content__bottom-section > div {
  margin-top:20px;
}
.product .desktop .desktop-content__bottom-section .options__title {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
}
.product .desktop .desktop-content__bottom-section .options__list {
  text-transform: uppercase;
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.product .desktop .desktop-content__bottom-section .options__list-item {
  margin-top: 12px;
  display: flex;
}
.product .desktop .desktop-content__bottom-section .options__list-item .list-item__label {
  width: 51%;
}
.product .desktop .desktop-content__bottom-section .options__list-item .list-item__value {
  color: #ff5e00;
  width: 49%;
  text-align: right;
}
.product .desktop .desktop-content__bottom-section .description {
  padding-left: 12px;
  padding-right: 12px;
  padding-bottom: 15px;
  border-right: 0px solid #b4b4b4;
}
.product .desktop .desktop-content__bottom-section .description__title {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.product .desktop .desktop-content__bottom-section .description__text {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.product .desktop .desktop-content__bottom-section .logo {
  padding: 70px 20px;
  border-right: 0px solid #b4b4b4;
}
.product .desktop .desktop-content__bottom-section .logo__image {
  width: 100%;
}

.product .desktop .desktop-content__bottom-section .reviews__item:not(:last-child) {
  margin-bottom: 12px;
}
.product .desktop .desktop-content__bottom-section .reviews__item {
  display: flex;
}
.product .desktop .desktop-content__bottom-section .reviews__item .reviews-title {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-weight: 700;
  font-size: 18px;
  text-transform: uppercase;
  margin-right: 10px;
}
.product .desktop .desktop-content__bottom-section .reviews__item .title-icon {
  width: 20px;
  height: 20px;
}
.product .desktop .desktop-content__bottom-section .reviews__item .item-icon__facebook {
  padding: 8px 16px;
  margin-right: 15px;
  border: 1px solid #4267b2;
}
.product .desktop .desktop-content__bottom-section .reviews__item .item-icon__facebook .facebook-icon {
  width: 16px;
  height: 30px;
}
.product .desktop .desktop-content__bottom-section .reviews__item .item-icon__google {
  padding: 11px 11px;
  margin-right: 15px;
  border: 1px solid #db4437;
}
.product .desktop .desktop-content__bottom-section .reviews__item .item-icon__google .google-icon {
  width: 26px;
  height: 26px;
}
.product .desktop .desktop-content__bottom-section .reviews__item .item-facebook__list,
.product .desktop .desktop-content__bottom-section .reviews__item .item-google__list {
  display: flex;
}
.product .desktop .desktop-content__bottom-section .reviews__item .item-facebook__list .list-item,
.product .desktop .desktop-content__bottom-section .reviews__item .item-google__list .list-item {
  margin-right: 15px;
  margin-bottom: 4px;
}
.product .desktop .desktop-content__bottom-section .reviews__item .item-facebook__count,
.product .desktop .desktop-content__bottom-section .reviews__item .item-google__count {
  font-family: "Roboto", Helvetica, Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
}

@media (min-width: 768px) {
  .aside__features{
    display: block;
  }
  .product {
    margin-top: 0px;
  }
  .product .rating-container,
  .product .content-container {
    display: none;
  }
  .product .desktop .desktop-content__top-section, .product .desktop .desktop-content__bottom-section {
    display: flex;
  }
  .product .desktop .desktop-content__top-section {
    justify-content: space-between;
  }
  .product .desktop .desktop-content__top-section .top-section__slide {
    width: 62%;
    /**
         * problem for future kevin
         * active class isnt set in JS
         */
  }
  .product .desktop .desktop-content__top-section .top-section__slide .slider {
    display: flex;
  }
  .product .desktop .desktop-content__top-section .top-section__slide .slider .gallery-top {
    width: 74%;
  }
  .product .desktop .desktop-content__top-section .top-section__slide .slider .gallery-top .swiper-slide img{
    position:absolute;
    max-width:100%;
    top: 0;
    bottom: 0;
    left:0;
    right:0;
    margin: auto;
    max-height:95%;
  }
  .product .desktop .desktop-content__top-section .top-section__slide .slider .gallery-thumbs {
    float: right;
    width: 20%;
  }
  .product .desktop .desktop-content__top-section .top-section__slide .slider .gallery-thumbs .swiper-slide {
    border: 1px solid #b4b4b4;
    padding: 15px;
    cursor: pointer;
    position:relative;
    overflow:hidden;
  }
  .product .desktop .desktop-content__top-section .top-section__slide .slider .gallery-thumbs .swiper-slide img {
    display: block;
    max-width:95%;
    max-height:95%;
    height:auto;
    position: absolute;
    top:0;
    left:0;
    right: 0;
    bottom: 0;
    margin:auto;
  }
  .product .desktop .desktop-content__top-section .top-section__slide .slider .gallery-top .swiper-slide {
    border: 1px solid #b4b4b4;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
    height:420px;
    position:relative;
  }
  .product .desktop .desktop-content__top-section .top-section__slide .slider .gallery-thumbs .swiper-slide:hover {
    border: 1px solid #ff5e00;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
  }
  .product .desktop .desktop-content__top-section .top-section__aside {
    width: 36%;
    padding: 20px;
    background-color: #f6f6f6;
    position: relative;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__title {
    font-family: "Effra", sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 17px;
    text-transform: uppercase;
    margin-bottom: 5px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__article {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #707070;
    margin-bottom: 30px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price {
    margin-bottom: 20px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .recommend,
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .lowest-price {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .recommend__title,
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .lowest-price__title {
    width: 77%;
    padding-top: 10px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .recommend__count,
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .lowest-price__count {
    width: 23%;
    text-align: right;
    font-family: "Effra", sans-serif;
    font-weight: 700;
    font-size: 30px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .recommend__count b,
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .lowest-price__count b {
    font-size: 17px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .lowest-price {
    color: #ff5e00;
  }

  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .btn-price {
    font-size: 17px;
    margin-bottom: 10px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .btn-price img {
    margin-left: 7px;
    width: 9px;
    height: 15px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .btn-wish {
    background-color: transparent;
    border: 1px solid #b4b4b4;
    color: #b4b4b4;
    font-size: 17px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .btn-wish img {
    margin-right: 10px;
    width: 23px;
    height: 20px;
  }

  .product .desktop .desktop-content__top-section .top-section__aside .aside__buttons {
    margin-bottom: 35px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__buttons .btn-price {
    font-size: 17px;
    margin-bottom: 10px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__buttons .btn-price img {
    margin-left: 7px;
    width: 9px;
    height: 15px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__buttons .btn-wish {
    background-color: transparent;
    border: 1px solid #b4b4b4;
    color: #b4b4b4;
    font-size: 17px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__buttons .btn-wish img {
    margin-right: 10px;
    width: 23px;
    height: 20px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside-dealer {
    margin-top: 40px;
    margin-bottom: 0;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside-dealer .recommend__count {
    width: 100%;
    text-align: right;
    font-size: 50px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside-dealer .recommend__count b {
    font-size: 29px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .discount-price {
    background-color: #f6f6f6;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .discount-price__recommend {
    display: flex;
    justify-content: space-between;
    color: #fbb900;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 700;
    margin-bottom: 5px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .discount-price__title {
    color: #fbb900;
    font-size: 26px;
    text-transform: uppercase;
    line-height: 40px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .discount-price__title-right {
    font-family: "Effra", sans-serif;
    font-weight: 700;
    text-align: right;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .discount-price__sale {
    font-size: 20px;
    text-decoration: line-through;
    color: #b4b4b4;
    margin-bottom: 5px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .discount-price__sale b {
    font-size: 12px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .discount-price__count {
    font-size: 50px;
    margin-left: 8px;
    line-height: 28px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .discount-price__count b {
    font-size: 29px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .discount-price__info {
    color: #10c94e;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-align: left;
    margin-bottom: 30px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .discount-price__info .info-icon {
    width: 22px;
    height: 25px;
    margin-right: 8px;
    position: relative;
    top: 7px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .discount-price__info .info-text {
    font-size: 15px;
  }
  .product .desktop .desktop-content__bottom-section {
    padding: 20px 10px;
    flex-wrap: wrap;
  }
  .product .desktop .desktop-content__bottom-section > div {
    padding-right: 30px;
    border-right: 0px solid #b4b4b4;
    width: 49%;
  }
  .product .desktop .desktop-content__bottom-section .options__title {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
  }
  .product .desktop .desktop-content__bottom-section .options__list {
    text-transform: uppercase;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
  }
  .product .desktop .desktop-content__bottom-section .options__list-item {
    margin-top: 12px;
    display: flex;
  }
  .product .desktop .desktop-content__bottom-section .options__list-item .list-item__label {
    width: 51%;
  }
  .product .desktop .desktop-content__bottom-section .options__list-item .list-item__value {
    color: #ff5e00;
    width: 49%;
    text-align: right;
  }
  .product .desktop .desktop-content__bottom-section .description {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 15px;
    border-right: 0px solid #b4b4b4;
  }
  .product .desktop .desktop-content__bottom-section .description__title {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 12px;
  }
  .product .desktop .desktop-content__bottom-section .description__text {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
  .product .desktop .desktop-content__bottom-section .logo {
    padding: 70px 20px;
    border-right: 0px solid #b4b4b4;
  }
  .product .desktop .desktop-content__bottom-section .logo__image {
    width: 100%;
  }

  .product .desktop .desktop-content__bottom-section .reviews__item:not(:last-child) {
    margin-bottom: 12px;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item {
    display: flex;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .reviews-title {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    margin-right: 10px;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .title-icon {
    width: 20px;
    height: 20px;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .item-icon__facebook {
    padding: 8px 16px;
    margin-right: 15px;
    border: 1px solid #4267b2;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .item-icon__facebook .facebook-icon {
    width: 16px;
    height: 30px;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .item-icon__google {
    padding: 11px 11px;
    margin-right: 15px;
    border: 1px solid #db4437;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .item-icon__google .google-icon {
    width: 26px;
    height: 26px;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .item-facebook__list,
  .product .desktop .desktop-content__bottom-section .reviews__item .item-google__list {
    display: flex;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .item-facebook__list .list-item,
  .product .desktop .desktop-content__bottom-section .reviews__item .item-google__list .list-item {
    margin-right: 15px;
    margin-bottom: 4px;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .item-facebook__count,
  .product .desktop .desktop-content__bottom-section .reviews__item .item-google__count {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
  }
  .menu-items{
    padding:10px;
  }
}
@media (min-width: 1080px) {
  .product {
    margin-top: 0px;
  }
  .product .rating-container,
.product .content-container {
    display: none;
  }
  .product .desktop .desktop-content__top-section, .product .desktop .desktop-content__bottom-section {
    display: flex;
  }
  .product .desktop .desktop-content__top-section {
    justify-content: space-between;
  }
  .product .desktop .desktop-content__top-section .top-section__slide {
    width: 62%;
    /**
         * problem for future kevin
         * active class isnt set in JS
         */
  }
  .product .desktop .desktop-content__top-section .top-section__slide .slider {
    display: flex;
  }
  .product .desktop .desktop-content__top-section .top-section__slide .slider .gallery-top {
    width: 74%;
  }
  .product .desktop .desktop-content__top-section .top-section__slide .slider .gallery-top .swiper-slide img{
    position:absolute;
    max-width:100%;
    top: 0;
    bottom: 0;
    left:0;
    right:0;
    margin: auto;
    max-height:95%;
  }
  .product .desktop .desktop-content__top-section .top-section__slide .slider .gallery-thumbs {
    float: right;
    width: 20%;
  }
  .product .desktop .desktop-content__top-section .top-section__slide .slider .gallery-thumbs .swiper-slide {
    border: 1px solid #b4b4b4;
    padding: 15px;
    cursor: pointer;
    position:relative;
    overflow:hidden;
  }
  .product .desktop .desktop-content__top-section .top-section__slide .slider .gallery-thumbs .swiper-slide img {
    display: block;
    max-width:95%;
    max-height:95%;
    height:auto;
    position: absolute;
    top:0;
    left:0;
    right: 0;
    bottom: 0;
    margin:auto;
  }
  .product .desktop .desktop-content__top-section .top-section__slide .slider .gallery-top .swiper-slide {
    border: 1px solid #b4b4b4;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
    height:420px;
    position:relative;
  }
  .product .desktop .desktop-content__top-section .top-section__slide .slider .gallery-thumbs .swiper-slide:hover {
    border: 1px solid #ff5e00;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.16);
  }
  .product .desktop .desktop-content__top-section .top-section__aside {
    width: 36%;
    padding: 20px;
    background-color: #f6f6f6;
    position: relative;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__title {
    font-family: "Effra", sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 17px;
    text-transform: uppercase;
    margin-bottom: 5px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__article {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #707070;
    margin-bottom: 30px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price {
    margin-bottom: 20px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .recommend,
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .lowest-price {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase;
    display: flex;
    justify-content: space-between;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .recommend__title,
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .lowest-price__title {
    width: 77%;
    padding-top: 10px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .recommend__count,
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .lowest-price__count {
    width: 23%;
    text-align: right;
    font-family: "Effra", sans-serif;
    font-weight: 700;
    font-size: 30px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .recommend__count b,
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .lowest-price__count b {
    font-size: 17px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .lowest-price {
    color: #ff5e00;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .aside-info {
    color: #10c94e;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 400;
    margin-bottom: 30px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .aside-info__icon {
    width: 15px;
    height: 18px;
    margin-right: 8px;
    position: relative;
    top: 5px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .aside-info__text {
    font-size: 15px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .btn-price {
    font-size: 17px;
    margin-bottom: 10px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .btn-price img {
    margin-left: 7px;
    width: 9px;
    height: 15px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .btn-wish {
    background-color: transparent;
    border: 1px solid #b4b4b4;
    color: #b4b4b4;
    font-size: 17px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__price .btn-wish img {
    margin-right: 10px;
    width: 23px;
    height: 20px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__features-item {
    display: flex;
    margin-bottom: 10px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__features-item .item-icon {
    width: 26px;
    height: 26px;
    position: relative;
    bottom: 4px;
    margin-right: 12px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__features-item .item-title {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 15px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__features-item:last-child {
    margin-bottom: 0;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__buttons {
    margin-bottom: 35px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__buttons .btn-price {
    font-size: 17px;
    margin-bottom: 10px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__buttons .btn-price img {
    margin-left: 7px;
    width: 9px;
    height: 15px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__buttons .btn-wish {
    background-color: transparent;
    border: 1px solid #b4b4b4;
    color: #b4b4b4;
    font-size: 17px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside__buttons .btn-wish img {
    margin-right: 10px;
    width: 23px;
    height: 20px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside-dealer {
    margin-top: 40px;
    margin-bottom: 0;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside-dealer .recommend__count {
    width: 100%;
    text-align: right;
    font-size: 50px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .aside-dealer .recommend__count b {
    font-size: 29px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .discount-price {
    background-color: #f6f6f6;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .discount-price__recommend {
    display: flex;
    justify-content: space-between;
    color: #fbb900;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 700;
    margin-bottom: 5px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .discount-price__title {
    color: #fbb900;
    font-size: 26px;
    text-transform: uppercase;
    line-height: 40px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .discount-price__title-right {
    font-family: "Effra", sans-serif;
    font-weight: 700;
    text-align: right;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .discount-price__sale {
    font-size: 20px;
    text-decoration: line-through;
    color: #b4b4b4;
    margin-bottom: 5px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .discount-price__sale b {
    font-size: 12px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .discount-price__count {
    font-size: 50px;
    margin-left: 8px;
    line-height: 28px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .discount-price__count b {
    font-size: 29px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .discount-price__info {
    color: #10c94e;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 400;
    text-align: left;
    margin-bottom: 30px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .discount-price__info .info-icon {
    width: 22px;
    height: 25px;
    margin-right: 8px;
    position: relative;
    top: 7px;
  }
  .product .desktop .desktop-content__top-section .top-section__aside .discount-price__info .info-text {
    font-size: 15px;
  }
  .product .desktop .desktop-content__bottom-section {
    padding: 20px 10px;
  }
  .product .desktop .desktop-content__bottom-section .options {
    padding-right: 30px;
    border-right: 0px solid #b4b4b4;
    width: 49%;
  }
  .product .desktop .desktop-content__bottom-section .options__title {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
  }
  .product .desktop .desktop-content__bottom-section .options__list {
    text-transform: uppercase;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
  }
  .product .desktop .desktop-content__bottom-section .options__list-item {
    margin-top: 12px;
    display: flex;
  }
  .product .desktop .desktop-content__bottom-section .options__list-item .list-item__label {
    width: 51%;
  }
  .product .desktop .desktop-content__bottom-section .options__list-item .list-item__value {
    color: #ff5e00;
    width: 49%;
    text-align: right;
  }
  .product .desktop .desktop-content__bottom-section .description {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 15px;
    width: 49%;
    border-right: 0px solid #b4b4b4;
  }
  .product .desktop .desktop-content__bottom-section .description__title {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 12px;
  }
  .product .desktop .desktop-content__bottom-section .description__text {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
  .product .desktop .desktop-content__bottom-section .logo {
    padding: 70px 20px;
    border-right: 0px solid #b4b4b4;
  }
  .product .desktop .desktop-content__bottom-section .logo__image {
    width: 100%;
  }
  .product .desktop .desktop-content__bottom-section .reviews {
    width: 49%;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item:not(:last-child) {
    margin-bottom: 12px;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item {
    display: flex;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .reviews-title {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    margin-right: 10px;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .title-icon {
    width: 20px;
    height: 20px;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .item-icon__facebook {
    padding: 8px 16px;
    margin-right: 15px;
    border: 1px solid #4267b2;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .item-icon__facebook .facebook-icon {
    width: 16px;
    height: 30px;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .item-icon__google {
    padding: 11px 11px;
    margin-right: 15px;
    border: 1px solid #db4437;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .item-icon__google .google-icon {
    width: 26px;
    height: 26px;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .item-facebook__list,
  .product .desktop .desktop-content__bottom-section .reviews__item .item-google__list {
    display: flex;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .item-facebook__list .list-item,
  .product .desktop .desktop-content__bottom-section .reviews__item .item-google__list .list-item {
    margin-right: 15px;
    margin-bottom: 4px;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .item-facebook__count,
  .product .desktop .desktop-content__bottom-section .reviews__item .item-google__count {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
  }
  .menu-items{
    padding:10px;
  }
}
@media (min-width: 1360px) {
  .product .desktop .desktop-content__bottom-section {
    padding: 20px 0px;
  }
  .product {
    padding: 0;
  }
  .product .desktop {
    display: flex;
    flex-direction: column;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    /*background: url("./images/bg-body-desktop.jpg") no-repeat;*/
    background-attachment: fixed;
    background-position: center;
    margin-bottom: 180px;
  }
  .product .desktop__bg {
    background-color: rgba(255, 255, 255, 0.7);
  }
  .product .desktop__container {
    width: 1295px;
    margin: 0 auto;
  }
  .product .desktop .menu-items {
    display: flex;
    background: #f6f6f6;
    padding: 15px 11px;
  }

  .product .section-title-2,
.product .tablet {
    display: none;
  }
  .related .section-title-2 {
    display: block;
  }

  .product .desktop .desktop-content__bottom-section {
    padding: 20px 10px;
    flex-wrap: nowrap;
  }
  .product .desktop .desktop-content__bottom-section .options {
    padding-right: 30px;
    border-right: 1px solid #b4b4b4;
    width: 48%;
  }
  .product .desktop .desktop-content__bottom-section .options__title {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
  }
  .product .desktop .desktop-content__bottom-section .options__list {
    text-transform: uppercase;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
  }
  .product .desktop .desktop-content__bottom-section .options__list-item {
    margin-top: 12px;
    display: flex;
  }
  .product .desktop .desktop-content__bottom-section .options__list-item .list-item__label {
    width: 51%;
  }
  .product .desktop .desktop-content__bottom-section .options__list-item .list-item__value {
    color: #ff5e00;
    width: 49%;
    text-align: right;
  }
  .product .desktop .desktop-content__bottom-section .description {
    padding-left: 12px;
    padding-right: 12px;
    padding-bottom: 15px;
    width: 49%;
    border-right: 1px solid #b4b4b4;
  }
  .product .desktop .desktop-content__bottom-section .description__title {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 12px;
  }
  .product .desktop .desktop-content__bottom-section .description__text {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
  }
  .product .desktop .desktop-content__bottom-section .logo {
    padding: 70px 20px;
    border-right: 1px solid #b4b4b4;
  }
  .product .desktop .desktop-content__bottom-section .logo__image {
    width: 100%;
  }
  .product .desktop .desktop-content__bottom-section .reviews {
    width: 24%;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item:not(:last-child) {
    margin-bottom: 12px;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item {
    display: flex;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .reviews-title {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 700;
    font-size: 18px;
    text-transform: uppercase;
    margin-right: 10px;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .title-icon {
    width: 20px;
    height: 20px;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .item-icon__facebook {
    padding: 8px 16px;
    margin-right: 15px;
    border: 1px solid #4267b2;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .item-icon__facebook .facebook-icon {
    width: 16px;
    height: 30px;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .item-icon__google {
    padding: 11px 11px;
    margin-right: 15px;
    border: 1px solid #db4437;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .item-icon__google .google-icon {
    width: 26px;
    height: 26px;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .item-facebook__list,
  .product .desktop .desktop-content__bottom-section .reviews__item .item-google__list {
    display: flex;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .item-facebook__list .list-item,
  .product .desktop .desktop-content__bottom-section .reviews__item .item-google__list .list-item {
    margin-right: 15px;
    margin-bottom: 4px;
  }
  .product .desktop .desktop-content__bottom-section .reviews__item .item-facebook__count,
  .product .desktop .desktop-content__bottom-section .reviews__item .item-google__count {
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-weight: 400;
  }
}

.cart {
  margin-top: 50px;
  display: flex;
  flex-direction: column;
  color: #333333;
}
.cart .content-container {
  padding-top: 15px;
  display:block;
}
.cart .content-container__title {
  font-size: 18px;
  line-height: 15px;
  margin-left: 15px;
  margin-bottom: 15px;
}
.cart .content-container .cart-list {
  display: flex;
  flex-direction: column;
}
.cart .content-container .cart-list__item {
  padding: 15px;
  border-bottom: 1px solid #b4b4b4;
  display: flex;
}
.cart .content-container .cart-list__box {
  width: 15%;
  line-height: 51px;
}
.cart .content-container .cart-list__box img {
  vertical-align: middle;
}
.cart .content-container .cart-list__wrap {
  display: flex;
  flex-direction: column;
  width: 85%;
  padding-left: 10px;
}
.cart .content-container .cart-list__title {
  text-transform: uppercase;
  margin-bottom: 8px;
}
.cart .content-container .cart-list__count {
  display: flex;
  justify-content: space-between;
}
.cart .content-container .cart-list__count .item-amount {
  width: 31%;
  display: flex;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
}
.cart .content-container .cart-list__count .item-amount__minus, .cart .content-container .cart-list__count .item-amount__plus {
  width: 27%;
  font-weight: 700;
  font-size: 14px;
  background-color: transparent;
  border: 1px solid #b4b4b4;
}
.cart .content-container .cart-list__count .item-amount__field {
  line-height: 27px;
  width: 46%;
  border-bottom: 1px solid #b4b4b4;
  border-top: 1px solid #b4b4b4;
}
.cart .content-container .cart-list__count .item-count {
  width: 35%;
  font-size: 16px;
  display: flex;
  justify-content: space-between;
  line-height: 25px;
}
.cart .content-container .cart-list__count .item-count b {
  font-size: 9px;
}
.cart .content-container .cart-list__count .item-count__total {
  font-weight: 700;
}
.cart .content-container .cart-list__count .item-count.special {
  color: #ff5e00;
}
.cart .content-container .purchase-list {
  margin-bottom: 25px;
  /*
  .hunt-product {
  	background: $buttons-bg-color;

  	.hunt__text {
  		color: $main-text-color;
  	}

  	.timer {
  		color: $main-text-color;

  		&__box {
  			background-color: $body-bg-color;
  			color: $rating-text-color;
  		}
  	}
  }
  */
}
.cart .content-container .purchase-list .subtotal__item,
.cart .content-container .purchase-list .promotional__item,
.cart .content-container .purchase-list .free-amount__item,
.cart .content-container .purchase-list .discount__item,
.cart .content-container .purchase-list .gift-card__item,
.cart .content-container .purchase-list .total-amount__item {
  display: flex;
}
.cart .content-container .purchase-list .subtotal__text,
.cart .content-container .purchase-list .promotional__text,
.cart .content-container .purchase-list .free-amount__text,
.cart .content-container .purchase-list .discount__text,
.cart .content-container .purchase-list .gift-card__text,
.cart .content-container .purchase-list .total-amount__text {
  width: 74%;
}
.cart .content-container .purchase-list .subtotal__price,
.cart .content-container .purchase-list .promotional__price,
.cart .content-container .purchase-list .free-amount__price,
.cart .content-container .purchase-list .discount__price,
.cart .content-container .purchase-list .gift-card__price,
.cart .content-container .purchase-list .total-amount__price {
  width: 26%;
  font-size: 16px;
}
.cart .content-container .purchase-list .banner {
  border-top: 2px solid #ff5e00;
  border-bottom: 2px solid #ff5e00;
  text-transform: uppercase;
}
.cart .content-container .purchase-list .banner__wrap {
  display: flex;
  justify-content: space-between;
}
.cart .content-container .purchase-list .banner__wrap .hunt {
  display: flex;
  width: 43%;
}
.cart .content-container .purchase-list .banner__wrap .hunt__text {
  margin-left: 10px;
  line-height: 19px;
}
.cart .content-container .purchase-list .banner__wrap .timer {
  width: 50%;
}
.cart .content-container .purchase-list .banner__wrap .timer__box {
  width: 75px;
  padding: 3px 10px;
  background-color: #ff5e00;
  border-radius: 14px;
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  margin-left: 3px;
  margin-right: 3px;
}
.cart .content-container .purchase-list .banner__wrap .banner-discount__price {
  font-size: 16px;
  font-weight: 700;
  color: #db2929;
}
.cart .content-container .purchase-list .banner__wrap:not(:last-child) {
  margin-bottom: 10px;
}
.cart .content-container .purchase-list .banner__text-orange {
  font-size: 16px;
  font-weight: 700;
  color: #ff5e00;
}
.cart .content-container .purchase-list__item {
  padding: 15px;
  text-align: right;
}
.cart .content-container .purchase-list__item span b {
  font-weight: normal;
  font-size: 9px;
}
.cart .content-container .purchase-list .subtotal,
.cart .content-container .purchase-list .free-amount {
  margin-left: 15px;
  margin-right: 15px;
  padding-right: 0;
  padding-left: 0;
  border-bottom: 1px solid #b4b4b4;
}
.cart .content-container .purchase-list .free-amount__item,
.cart .content-container .purchase-list .total-amount__item {
  font-weight: 700;
}
.cart .content-container .purchase-list .free-amount__item b,
.cart .content-container .purchase-list .total-amount__item b {
  font-weight: 700;
}
.cart .content-container .purchase-list .promotional__info {
  width: 78%;
  text-align: right;
  font-size: 12px;
  font-weight: 300;
  font-style: italic;
  color: #ff5e00;
}
.cart .content-container .purchase-list .discount,
.cart .content-container .purchase-list .gift-card {
  padding-bottom: 0;
}
.cart .content-container .purchase-list .discount__text,
.cart .content-container .purchase-list .gift-card__text {
  font-style: italic;
}
.cart .content-container .purchase-list .discount__price,
.cart .content-container .purchase-list .gift-card__price {
  color: #db2929;
}
.cart .content-container .code-field {
  text-align: right;
  padding: 0 15px;
  margin-bottom: 15px;
}
.cart .content-container .code-field__question {
  margin-bottom: 15px;
}
.cart .content-container .code-field__question img {
  position: relative;
  top: 2px;
}
.cart .content-container .code-field__question .question-text {
  text-decoration: underline;
  margin-left: 5px;
}
.cart .content-container .code-field__field {
  margin-bottom: 15px;
}
.cart .content-container .code-field__field input {
  width: 252px;
  padding: 10px;
}
.cart .content-container .code-field__btn {
  text-transform: uppercase;
  font-weight: 700;
  color: #fff;
  background-color: #333333;
  border: none;
  padding: 7px;
}
.cart .content-container .order-btn {
  padding: 15px;
  display: flex;
  justify-content: space-between;
}
.cart .content-container .order-btn__continue {
  font-size: 14px;
  font-weight: 700;
  border: 1px solid #b4b4b4;
  color: #b4b4b4;
  background-color: transparent;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 43%;
}
.cart .content-container .order-btn__order {
  text-transform: uppercase;
  font-size: 17px;
  font-weight: 700;
  border: none;
  background-color: #ff5e00;
  color: #fff;
  padding-top: 10px;
  padding-bottom: 10px;
  width: 53%;
}
.cart .content-container .order-btn__order img {
  position: relative;
  top: 1px;
  margin-left: 1px;
}
.cart .content-container .free-list {
  margin-top: 15px;
}
.cart .content-container .free-list__title {
  font-size: 18px;
  line-height: 17px;
  text-transform: uppercase;
  margin-left: 15px;
}
.cart .content-container .free-list__title span {
  text-transform: none;
  color: #ff5e00;
  font-weight: 300;
  font-style: italic;
}
.cart .content-container .free-list__title span .title-count {
  font-weight: 700;
}
.cart .content-container .free-list__title span .title-count b {
  font-size: 8px;
}
.cart .content-container .free-list__wrap {
  padding: 15px;
  border-bottom: 1px solid #b4b4b4;
}
.cart .content-container .free-list__wrap, .cart .content-container .free-list__item {
  display: flex;
  justify-content: space-between;
  line-height: 30px;
}
.cart .content-container .free-list__left {
  width: 42%;
  align-items: center;
  font-size: 14px;
}
.cart .content-container .free-list__right {
  width: 44%;
  align-items: center;
}
.cart .content-container .free-list__right .number-box {
  text-align: center;
  width: 34px;
  height: 26px;
  border: 1px solid #b4b4b4;
  line-height: 24px;
}
.cart .content-container .free-list__right .right-count {
  font-size: 16px;
}
.cart .content-container .free-list__right b {
  font-size: 9px;
}
.cart .content-container .free-list__text {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.cart .rating-container,
.cart .perks,
.cart .menu-items,
.cart .desktop-share,
.cart .packers {
  display: none;
}
@media (min-width: 768px) {
  .cart {
    margin-top: 65px;
  }
  .cart .menu-items {
    display: flex;
  }
  .order-btn{
    padding:15px !important;
  }
  .cart .content-container {
    padding-top: 10px;
  }
  .cart .content-container__title {
    text-transform: uppercase;
    font-size: 22px;
  }
  .cart .content-container .order-btn {
    margin-left: 200px;
  }
  .cart .content-container .order-btn__continue {
    width: 24%;
  }
  .cart .content-container .order-btn__order {
    width: 73%;
  }
  .cart .content-container .cart-list {
    margin-left: 15px;
    margin-right: 15px;
  }
  .cart .content-container .cart-list__item {
    padding-left: 0px;
    padding-right: 0px;
    align-items: center;
  }
  .cart .content-container .cart-list__box {
    width: 10%;
  }
  .cart .content-container .cart-list__wrap {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 95%;
    align-items: center;
  }
  .cart .content-container .cart-list__title {
    width: 45%;
    margin-bottom: 0;
    align-items: center;
    font-size: 16px;
  }
  .cart .content-container .cart-list__count {
    width: 47%;
  }
  .cart .content-container .cart-list__count button {
    color: #ff5e00;
  }
  .cart .content-container .cart-list__count .item-count {
    font-size: 20px;
    width: 48%;
  }
  .cart .content-container .cart-list__count .item-count b {
    font-size: 12px;
  }
  .cart .content-container .purchase-list .subtotal__text,
.cart .content-container .purchase-list .promotional__text,
.cart .content-container .purchase-list .free-amount__text,
.cart .content-container .purchase-list .discount__text,
.cart .content-container .purchase-list .gift-card__text,
.cart .content-container .purchase-list .total-amount__text {
    width: 88%;
    font-size: 16px;
  }
  .cart .content-container .purchase-list .subtotal__price,
.cart .content-container .purchase-list .promotional__price,
.cart .content-container .purchase-list .free-amount__price,
.cart .content-container .purchase-list .discount__price,
.cart .content-container .purchase-list .gift-card__price,
.cart .content-container .purchase-list .total-amount__price {
    width: 12%;
    font-size: 20px;
  }
  .cart .content-container .purchase-list .banner {
    border: 2px solid #ff5e00;
    margin-left: 15px;
    margin-right: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .cart .content-container .purchase-list .banner__wrap {
    width: 47%;
  }
  .cart .content-container .purchase-list .banner__wrap:first-child {
    margin-bottom: 0px;
  }
  .cart .content-container .purchase-list .promotional__info {
    width: 91%;
    font-size: 14px;
  }
  .cart .content-container .code-field__question .question-text {
    font-size: 16px;
  }
  .cart .content-container .code-field__field input {
    width: 284px;
  }
  .cart .content-container .free-list__wrap {
    margin-left: 15px;
    margin-right: 15px;
  }
  .cart .content-container .free-list__left {
    width: 20%;
    font-size: 20px;
  }
  .cart .rating-container,
.cart .perks,
.cart .desktop-share,
.cart .packers {
    display: none;
  }
}
@media (min-width: 1360px) {
  .cart {
    margin-top: 0;
    padding: 0;
  }
  .cart .perks {
    display: block;
  }
  .cart .menu-items {
    display: flex;
    background: #f6f6f6;
    padding: 15px 11px;
    width: 1295px;
    margin: 0 auto;
  }
  .cart .cart-desktop {
    display: flex;
    flex-direction: column;
    background-position: center;
    margin-bottom: 60px;

  }

  .cart .cart-desktop__container {
    width: 1295px;
    margin: 0 auto;
    display: flex;
    margin-top: 20px;
  }
  .cart .cart-desktop__container .left-section {
    width: 75%;
  }
  .cart .cart-desktop__container .left-section .content-container__title {
    margin-left: 0;
    line-height: 17px;
  }
  .cart .cart-desktop__container .left-section .content-container .order-btn {
    margin-left: 380px;
  }
  .cart .cart-desktop__container .left-section .content-container .cart-list__item {
    padding-left: 15px;
    padding-right: 15px;
  }
  .cart .cart-desktop__container .left-section .content-container .cart-list__box img {
    width: 62px;
    height: 65px;
  }
  .cart .cart-desktop__container .left-section .content-container .cart-list__title {
    font-size: 20px;
  }
  .cart .cart-desktop__container .left-section .content-container .cart-list__count .item-count {
    align-items: center;
  }
  .cart .cart-desktop__container .left-section .content-container .purchase-list .banner .banner-discount__price {
    font-size: 20px;
  }
  .cart .cart-desktop__container .left-section .content-container .purchase-list .banner .banner-discount__price b {
    font-size: 12px;
  }
  .cart .cart-desktop__container .left-section .content-container .desktop-share {
    display: flex;
    flex-direction: column;
    background: url("../images/bg-checkout-step3-desctop.jpg") no-repeat;
    background-size: 100% 100%;
    padding: 22px 0 17px 291px;
    text-align: right;
    color: #fff;
    font-family: "Roboto", Helvetica, Arial, sans-serif;
    font-weight: 400;
    margin: 30px 15px 40px 15px;
  }
  .cart .cart-desktop__container .left-section .content-container .desktop-share-question {
    font-family: "Effra", sans-serif;
    font-weight: 700;
    line-height: 30px;
    font-size: 26px;
    text-transform: uppercase;
    margin-bottom: 9px;
    margin-right: 15px;
  }
  .cart .cart-desktop__container .left-section .content-container .desktop-share-inform, .cart .cart-desktop__container .left-section .content-container .desktop-share-inform2 {
    line-height: 24px;
    font-size: 18px;
    margin-right: 15px;
  }
  .cart .cart-desktop__container .left-section .content-container .desktop-share-inform span, .cart .cart-desktop__container .left-section .content-container .desktop-share-inform2 span {
    font-weight: 700;
  }
  .cart .cart-desktop__container .left-section .content-container .desktop-share-inform2 {
    margin-bottom: 15px;
  }
  .cart .cart-desktop__container .left-section .content-container .desktop-share-wrap {
    display: flex;
    justify-content: flex-end;
  }
  .cart .cart-desktop__container .left-section .content-container .desktop-share-wrap a {
    border: 2px solid #ff5e00;
    font-size: 16px;
    margin-right: 15px;
    display: flex;
    justify-content: space-around;
    padding: 5px 10px;
  }
  .cart .cart-desktop__container .left-section .content-container .desktop-share-wrap .share-facebook {
    border: 2px solid #ff5e00;
    color: #ff5e00;
    text-decoration: none;
    width: 25%;
  }
  .cart .cart-desktop__container .left-section .content-container .desktop-share-wrap .share-facebook img {
    position: relative;
    top: 1px;
    width: 10px;
    height: 18px;
    margin-right: 3px;
  }
  .cart .cart-desktop__container .left-section .content-container .desktop-share-wrap .share-instagram {
    text-decoration: none;
    width: 25%;
    background-color: #ff5e00;
    color: #fff;
  }
  .cart .cart-desktop__container .left-section .content-container .desktop-share-wrap .share-instagram img {
    position: relative;
    top: 2px;
    width: 15px;
    height: 15px;
    margin-right: 3px;
  }
  .cart .cart-desktop__container .left-section .content-container .free-list__left {
    width: 27%;
  }
  .cart .cart-desktop__container .left-section .content-container .free-list__left img {
    width: 64px;
    height: 80px;
  }
  .cart .cart-desktop__container .left-section .content-container .free-list__right .number-box {
    width: 43px;
    height: 32px;
  }
  .cart .cart-desktop__container .left-section .content-container .free-list__right .right-count {
    font-size: 20px;
  }
  .cart .cart-desktop__container .left-section .content-container .free-list__right .right-count b {
    font-size: 12px;
  }
  .cart .cart-desktop__container .left-section .content-container .free-list__text {
    font-size: 20px;
  }
  .cart .cart-desktop__container .packers {
    margin-left: 30px;
    display: flex;
    flex-direction: column;
  }
}

/*# sourceMappingURL=style.css.map */

@media (max-width: 1360px) {

}

@media screen and (min-width: 1360px) {

}

.hunt{
  width:100%;
  background:#ff5e00;
}
.hunt .inner-hunt{
}
.hunt .inner-hunt > div{

}
.hunt .inner-hunt > div img{
  max-width: 100%;
  display: none;
}
.hunt .inner-hunt > div.left-lamp, .hunt .inner-hunt > div.right-lamp{

}
.hunt .inner-hunt > div.hunt-text{
  text-align: center;
  text-transform: uppercase;
  font-family: Roboto;
  font-size: 18px;
  color:white;
  padding:10px 0px;
}
.hunt-expires-in{

}
.hunt-expires-in, .hunt-article, .price{
  font-weight:bold;
  text-shadow:2px 2px 2px #000;
}
.desktop .hunt{
  display: none;
}

@media screen and (min-width: 768px) {
  .hunt .inner-hunt > div img{
    display: block;
  }
}

@media screen and (min-width: 1360px) {
  .tablet .hunt{
    display: none;
  }
  .desktop .hunt{
    display:block;
  }
  .hunt .inner-hunt > div.hunt-text{
    font-size: 24px;
  }
}

.about-dealer{
  padding:20px;
  background:white;
}

#codeigniter_profiler{
  display:none;
}

.accountpage.default-content img{
  max-width: 100%;
  margin-top:20px;
  margin-bottom:20px;
}

@media only screen and (max-width: 1360px) {
  .product-image{
    width:100%;
    margin:0px !important;
  }
  .product-image img {

  }
  .product-image a {
    display:block;
  }

  .left.product-icons{
  }

  .homepage .goods__items{
    padding-top:0px;
    padding-bottom:0px;
    height: auto;
  }
}

.product-controls{
  height:30px;
}

.product-controls a{
  float:right;
  padding:10px;
  position: relative;
}

.product-controls a.left-control{
}

.product-controls input{
  float:right;
  width:49px;
  font-size:20px;
  font-weight:bold;
  text-align:center;
  padding:2px 6px;
}

.cart .arrow {
  border: solid black;
  border-width: 0 5px 5px 0;
  display: block;
  padding: 5px;
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  margin-top: 3px;
}

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  margin-top: -3px;
}

@media only screen and (max-width: 1360px) {
  #amount-remaining-label {
    font-size:21px !important;
    margin-left:15px;
    margin-top:15px;
  }
  .cart{
    margin-top:0px !important;
  }
}


@media only screen and (max-width: 767px) {
  #amount-remaining-label {
    padding:30px;
    font-size:18px;
  }
  .order-btn{
    padding:15px !important;
  }
  .cart .content-container{
    padding-top:40px !important;
  }
  .cart{
    margin-top:50px !important;
  }
}

.add-to-wishlist-btn img{
  margin-right:5px;
}

.add-to-wishlist-btn:hover{
  background:#a4a8aB;
  text-decoration: none;
  text-shadow: 1px 1px 1px 1px #aaa;
  border: 1px solid #84888B;
}

.add-to-wishlist-btn{
  padding:5px;
  display: flex;
  align-items:center;
  background:#B4B8BB;
  flex-wrap: wrap;
  color:white;
  font-weight: bold;
  text-transform: uppercase;
  float:right;
  text-decoration: none;
  text-shadow: 1px 1px 1px 1px #aaa;
  border: 1px solid #a4a8aB;
  margin-top:10px;
  margin-bottom:10px;
  width:100%;
  text-align:center;
}

@media only screen and (max-width: 1360px) {
  .desktop__top .desktop__left-section, .congrats{
    display:none !important;
  }
}

@media only screen and (min-width: 768px) {
  .add-to-wishlist-btn.first{
    display: none;
  }
}

.green{
  color:#0FC94E;
}

.other-people-bought{
  width:284px !important;
}

/* Standaard stijlen voor de desktopbanner, deze wordt standaard verborgen */
.wtf-pro-banner-desktop{
  display: none;
  width: 100%;
}

.wtf-pro-banner-desktop img{
    width: 100%;
}

/* Stijlen voor de mobiele banner, deze wordt standaard verborgen */
.wtf-pro-banner-mobile{
  display: none;
  width: 100%;
}

.wtf-pro-banner-mobile img{
  width: 100%;
}

/* Media query voor grotere schermen (desktop apparaten) */
@media screen and (min-width: 769px) {
  /* Toon de desktopbanner op grotere schermen */
  .wtf-pro-banner-desktop{
    display: block;
  }
}

/* Media query voor kleinere schermen (mobiele apparaten) */
@media screen and (max-width: 768px) {
  /* Toon de mobiele banner op kleinere schermen */
  .wtf-pro-banner-mobile{
    display: block;
  }
}