@charset "UTF-8";
/* ------------ *Reset ------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font-size: 100%; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; outline:none; } table { border-collapse: collapse; border-spacing: 0; } td, td img { vertical-align: top; } input, select, button, textarea { margin: 0; font-size: 100%; outline: none; }  input[type="checkbox"] { vertical-align: bottom; } input[type="radio"] { vertical-align: text-bottom; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } nav ul, li { list-style:none; } html, body { height:100%; } body { text-align: left; line-height: normal; } a, a:visited { text-decoration: none; } a:hover { text-decoration: none; } a:focus, a:active { text-decoration: none; } h1, h2, h3, h4, h5, h6{ font-weight:normal; } h1 {font-size: 36px;} h2 {font-size: 30px;} h3 {font-size: 24px;} h4 {font-size: 18px;} h5 {font-size: 14px;} h6 {font-size: 12px;} img{ max-width:100%; } .clr { clear:both; } .clearfix:after { clear: both; content: ""; display: table; }
/* ------------ *Grid ------------- */
.container {margin: 0 auto;padding: 0 15px;width: 100%;} .row {margin-left: -15px;margin-right: -15px;} .row [class*='col-'] {padding: 0 15px;} .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; -webkit-box-flex: 0; flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { -ms-flex: 0 0 8.333333%; -webkit-box-flex: 0; flex: 0 0 8.333333%; max-width: 8.333333%; } .col-2 { -ms-flex: 0 0 16.666667%; -webkit-box-flex: 0; flex: 0 0 16.666667%; max-width: 16.666667%; } .col-3 { -ms-flex: 0 0 25%; -webkit-box-flex: 0; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.333333%; -webkit-box-flex: 0; flex: 0 0 33.333333%; max-width: 33.333333%; } .col-5 { -ms-flex: 0 0 41.666667%; -webkit-box-flex: 0; flex: 0 0 41.666667%; max-width: 41.666667%; } .col-6 { -ms-flex: 0 0 50%; -webkit-box-flex: 0; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.333333%; -webkit-box-flex: 0; flex: 0 0 58.333333%; max-width: 58.333333%; } .col-8 { -ms-flex: 0 0 66.666667%; -webkit-box-flex: 0; flex: 0 0 66.666667%; max-width: 66.666667%; } .col-9 { -ms-flex: 0 0 75%; -webkit-box-flex: 0; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.333333%; -webkit-box-flex: 0; flex: 0 0 83.333333%; max-width: 83.333333%; } .col-11 { -ms-flex: 0 0 91.666667%; -webkit-box-flex: 0; flex: 0 0 91.666667%; max-width: 91.666667%; } .col-12 { -ms-flex: 0 0 100%; -webkit-box-flex: 0; flex: 0 0 100%; max-width: 100%; }
/* ------------ *Fonts ------------- */
@font-face { font-family: 'GT Eesti Pro Display'; src: url('../fonts/GTEestiProDisplay-Bold.eot'); src: local('GT Eesti Pro Display Bold'), local('GTEestiProDisplay-Bold'), url('../fonts/GTEestiProDisplay-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/GTEestiProDisplay-Bold.woff2') format('woff2'), url('../fonts/GTEestiProDisplay-Bold.woff') format('woff'), url('../fonts/GTEestiProDisplay-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'GT Eesti Pro Display'; src: url('../fonts/GTEestiProDisplay-Light.eot'); src: local('GT Eesti Pro Display Light'), local('GTEestiProDisplay-Light'), url('../fonts/GTEestiProDisplay-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/GTEestiProDisplay-Light.woff2') format('woff2'), url('../fonts/GTEestiProDisplay-Light.woff') format('woff'), url('../fonts/GTEestiProDisplay-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; }

/* Flex Class */
.fx-column {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.flex-center {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.fx-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.align-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.align-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.align-end {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;}
.fx-start {-webkit-box-pack: start;-ms-flex-pack: start;justify-content: flex-start;}
.fx-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.fx-end {-webkit-box-pack: end;-ms-flex-pack: end;justify-content: flex-end;}
.fx {display: -webkit-box;display: -ms-flexbox;display: flex;}
.fx-wrap {-ms-flex-wrap: wrap;flex-wrap: wrap;}
/* Flex Class End */

/* Reserved Class */
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}
.symbol-rub {font-family: -apple-system,system-ui,Arial,Helvetica,sans-serif;}
.text-crop {white-space: nowrap;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
.red {color: #FF0000;}
.green {color: #0FBF00;}
.purple {color: #D10097;}
/* Reserved Class End*/

/* Style Default*/
a, button, .speed {-webkit-transition: all .2s;-o-transition: all .2s;transition: all .2s;}
button {border: 0;padding: 0;cursor: pointer;background: none;}
* {-webkit-box-sizing: border-box;box-sizing: border-box;}
* {outline: none;}
.hidden { display:none;}
/* Style Default End */
body {
  color: #000;
  font-size: 16px;
  font-weight: 300;
  font-family: 'GT Eesti Pro Display', sans-serif;
}
body.ovh {
  overflow: hidden;
}
.wrapper {
  overflow: hidden;
  min-height: 100%;
}
.main {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
.btn {
  font-size: 16px;
  font-weight: bold;
  line-height: 46px;
  text-align: center;
  display: inline-block;
  text-transform: uppercase;
  max-width: 242px;width: 100%;
  font-family: 'GT Eesti Pro Display', sans-serif;
}
.btn_red {
  color: #fff;
  background: #FF6060;
}
.btn_red:hover {
  background: #eb5a5a;
}
/* ------------ *General ------------- */
.title__h2 {
  font-size: 24px;
  font-weight: bold;
}
.line {
  display: block;
  margin-top: 100px;
  background: #90CDFF;
  width: 100%;height: 5px;
}
.form .row .col-4 .form__field {
  padding-right: 20px;
}
.form__field,
.form__field input,
.form__field textarea {
  display: block;
}
.form__field {
  position: relative;
  margin-bottom: 30px;
}
.form__field input,
.form__field textarea {
  width: 100%;
  color: #000;
  font-size: 16px;
  font-weight: 300;
  border-radius: 5px;
  border: 1px solid #C9C9C9;
  font-family: 'GT Eesti Pro Display', sans-serif;
}
.form__field input {
  height: 47px;
  padding: 0 15px;
  line-height: 45px;
}
.form__field textarea {
  resize: none;
  padding: 15px;
  height: 297px;
}
.form__field *::-webkit-input-placeholder {color:#838383;}
.form__field *::-moz-placeholder          {color:#838383;}/* Firefox 19+ */
.form__field *:-moz-placeholder           {color:#838383;}/* Firefox 18- */
.form__field *:-ms-input-placeholder      {color:#838383;}
.placeholder {
  color: #838383;
  padding: 0 15px;
  top: 50%;left: 0;
  position: absolute;
  pointer-events:none;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.form__textarea .placeholder {
  top: 16px;
  -webkit-transform: translateY(0);
      -ms-transform: translateY(0);
          transform: translateY(0);
}
.suggestions-wrapper { display:block !important;}
.form__field *:focus ~ .placeholder,
.form__field *:valid ~ .placeholder {
  display:none;
}
.form .paragraph {
  top: -8px;
  font-size: 13px;
  position: relative;
  margin-bottom: 22px;
}
.contacts .paragraph {
  margin-bottom: 0;
}
.contacts .paragraph a {
  color: #000;
  font-weight: bold;
}
.contacts .paragraph a:hover {
  text-decoration: underline;
}
.contacts__tel {
  margin-top: 20px;
}
.contacts__mail {
  margin-top: 40px;
}
.map {
  margin-top: 50px;
  width: 100%;height: 348px;
}
/* ------------ *Header ------------- */
.nav {
  padding: 8px 0;
  background: #F1F1F1;
  margin-bottom: 25px;
}
.info__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.info__item:not(:last-child) {
  margin-right: 40px;
}
.info__icon,
.renewal__icon {
  margin-right: 10px;
  width: 16px;height: 16px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 16px;
          flex: 0 0 16px;
  max-width: 16px;
}
i.i-point {
  background: url(../img/icons/i-point.svg) center no-repeat;
}
i.i-mail {
  background: url(../img/icons/i-mail.svg) center no-repeat;
}
.info__txt,
.info__txt a {
  color: #838383;
}
.info__txt a:hover {
  text-decoration: underline;
}
.nav__list {
  padding: 0 30px;
}
.nav__item:not(:last-child) {
  margin-right: 50px;
}
.nav__link {
  color: #484848;
  text-decoration: underline;
}
.nav__link:hover {
  color: #FF0000;
  text-decoration: underline;
}
.renewal {
  color: #838383;
}
.renewal__icon {
  background: url(../img/icons/i-info.svg) center no-repeat;
}
.logo img {
  display: block;
  width:300px;
}
.minimal {
  color: #838383;
  min-height: 70px;
  margin-left: 60px;
  padding-left: 18px;
}
.minimal__item:not(:last-child) {
  margin-bottom: 5px;
}
header .minimal__item { font-weight:bold;}	
.relations__tel a,
.relations__email a,
.basket__title {
  color: #000;
  font-size: 20px;
  font-weight: bold;
}
.relations__tel a:hover,
.relations__email a:hover {
  text-decoration: underline;
}
.messenger {
  margin-top: 10px;
}
.graph {
  font-size: 14px;
  margin-top: 10px;
}
.graph__item span {
  font-weight: bold;
}
.basket {
  margin-left: 115px;
  margin-right: 40px;
}
.basket a {
  color: #000;
}
.basket__title {
  margin-bottom: 10px;
}
.header-b-v1 .relations,.header-b-v1 .basket,.header-b-v1 .basket a {
	flex-direction: column;
	}

.header-b-v1 .basket a { height:100%;justify-content: space-between;}
.header-b-v1 .graph__item,.header-b-v1 .basket__info { height:20px;}
#header_cart_summ { font-weight:bold; }
#header_cart_count { font-size:14px;position:relative; top:-2px;}
#header_total_size { position:relative; top:-4px;font-size:14px;}
.subnav {
  margin-top: 25px;
  background: #324A5E;
}
.subnav__item { position:relative;}
.subcats {
	position:absolute;
	top:100%;
	left:0;
	min-width:200px;
	min-height:200px;
	display:none;
	z-index:99;
	} 
.subnav__item:first-child .subcats { left:13px;}
.subcats-body {
	background:#000000;
	position: relative;
	min-height:200px;
	margin-top:10px;
	padding-top:10px;
	}	
.subnav__item:hover { background:#000;}	
.subnav__item.withsub:after {
	position:absolute;
	top:100%;
	left:0;
	width:calc(100% - 13px);
	height:20px;
	background:#000;
	content:"";
	display:none;
	}
.subnav__item:first-child.withsub:after {
	left:13px;
	width: calc(100% - 26px);
	}
.subnav__item.withsub:hover:after { display:block;}		
.subnav__item:hover .subcats { display:block;}
.subcats .preloader { text-align:center;} 
.wait { width:20px; height:20px; display:inline-block; position:relative; top:80px;}
.wait img { width:100%; display:block;}
.subnav__link {
  color: #fff;
  display: block;
  font-size: 18px;
  padding: 0 42px;
  line-height: 32px;
  border-right: 13px solid #fff;
  position:relative;
}
.subcats-body .subnav__item {
  margin-bottom: 15px;
}
.subcats-body .subnav__link {
  border: 0 !important;
  font-size: 16px;
  padding: 0 22px;
  line-height: 1.4;
  white-space:nowrap;
}
.subnav__item:first-child .subnav__link {
  border-left: 13px solid #fff;
}
.subnav__link:hover {
  color: #FFF500;
}
.mobmenus {
  margin-top: 30px;
  width: 100%;
}
.mobmenus__ul {
  display: block;
  margin: 0;
  padding: 0;
}
.mobmenus__li {
  display: block;
  margin-bottom: 15px;
}
.mobmenus__a {
  display: inline-block;
  background: #324A5D;
  color: #fff;
  padding: 10px;
}
.mobmenus__sub {
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(100%);
  width: 100%;
  height: 100%;
  background: #fff;
  transition: 0.3s;
}
.mobmenus__li.opened .mobmenus__sub {
  transform: translateX(0%);
}
.mobmenus__subwrap {
  padding: 60px 30px 30px;
}
.mobmenus__subback {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 10px 15px;
  background: #E5E5E5;
  z-index: 2;
}
.mobmenus__subtitle {
  font-weight: bold;
  color: #314A5E;
  margin-bottom: 20px;
  font-size: 18px;
}
.mobmenus__subli {
  margin-bottom: 20px;
}
.mobmenus__suba {
  color: #000;
}
.mobmenus__suball {
  color: #6C6996;
  text-decoration: underline;
}
.nav__close {
  color: #fff;
  height: 36px;
  font-size: 16px;
  position: fixed;
  font-weight: bold;
  background: #324A5E;
  left: 0;right: 0;bottom: 44px;
  opacity: 0;
  visibility: hidden;
}
.nav__close svg {
  margin-right: 10px;
}
.subcat_link {
	margin:15px;
	}
.subcat_link a { color:#FFF; font-size:18px;white-space: nowrap;}
.subcat_link a:hover {color: #FFF500;}

/* ------- *Mobile navigation -------- */
.mob-nav {
  z-index: 11;
  display: none;
  position: fixed;
  background: #fff;
  left: 0;right: 0;bottom: 0;
  box-shadow: 0 0 15px rgba(0,0,0,.07);
}
.mob-nav__link {
  color: #000;
  font-size: 11px;
  padding: 0 15px;
  width: 100%;height: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.mob-nav__icon {
  display: block;
  margin: 0 auto;
  position: relative;
  width: 28px;height: 28px;
}
i.i-bask {
  background: url(../img/icons/mobnav01.svg) center no-repeat;
}
i.i-cont {
  background: url(../img/icons/mobnav02.svg) center no-repeat;
}
i.i-cond {
  background: url(../img/icons/mobnav03.svg) center no-repeat;
}
i.i-cart {
  background: url(../img/icons/mobnav04.svg) center no-repeat;
}
i.i-basket {
  background: url(../img/svg/i-basket.svg) center no-repeat;
}
.mob-nav__name {
  width: 100%;
  margin-top: -5px;
  text-align: center;
}
.mob-nav__num {
  color: #fff;
  line-height: 1;
  font-size: 12px;
  background: #000;
  top: 0;left: 18px;
  font-style: normal;
  border-radius: 50%;
  position: absolute;
  width: 14px;height: 14px;
}

/* ------------ *Footer ------------- */
.footer {
  color: #fff;
  margin-top: 120px;
  position: relative;
  background: #324A5E;
  padding: 35px 0 15px;
}
.footer:after {
  background: #FF6060;
  left: 0;bottom: 85px;
  width: 90%;height: 10px;
}
.footer__title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 25px;
  text-transform: uppercase;
}
.footer__list li:not(:last-child) {
  margin-bottom: 8px;
}
.footer__list a {
  color: #fff;
  font-size: 18px;
}
.footer__list a:hover,
.footer__bell a:hover {
  text-decoration: underline;
}
.footer__bell {
  font-size: 20px;
  font-weight: bold;
}
.footer__bell a {
  color: #fff;
}
.footer__graph {
  color: #FF5F5F;
  font-size: 16px;
}
.footer__mail {
  margin-top: 45px;
}
.footer__bot {
  margin-top: 85px;
}
.footer__bot .footer__title {
  margin-bottom: 3px;
}
.footer__info {
  font-size: 18px;
}
.pl-50 {
  padding-left: 50px;
}
/* ---------- *Breadcrumb ----------- */
.breadcrumb {
  margin: 30px 0 25px;
}
.breadcrumb__item {
  white-space: nowrap;
}
.breadcrumb__item.active {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
}
.breadcrumb__item+.breadcrumb__item {
  padding-left: 5px;
}
.breadcrumb__item+.breadcrumb__item::before {
  content: " » ";
  color: #787878;
  display: inline-block;
  margin-right:4px;  
}
.breadcrumb__item,
.breadcrumb__item a {
  color: #787878;
}
.breadcrumb__item a:hover {
  text-decoration: underline;
}
/* ------------- *Table ------------- */
.table {
  width: 100%;
  border: 1px solid #CDCDCD;
}
.table thead {
  color: #9D9D9D;
}
.table tr {
  border-top: 1px solid #CDCDCD;
}
.table td {
  height: 42px;
  text-align: center;
  vertical-align: middle;
}
.table td:not(:last-child) {
  border-right: 1px solid #CDCDCD;
}
.amount span {
  cursor: pointer;
  border-radius: 50%;
  width: 23px;height: 23px;
  border: 1px solid #B9B9B9;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 23px;
          flex: 0 0 23px;
  max-width: 23px;
}
.amount span.active {
  border-color: #000;
}
.amount .down {
  background: url(../img/svg/i-minus.svg) center no-repeat;
}
.amount .up {
  background: url(../img/svg/i-plus.svg) center no-repeat;
}
.amount input {
  border: 0;
  color: #000;
  width: 60px;
  font-size: 16px;
  text-align: center;
  background: transparent;
  font-family: 'GT Eesti Pro Display', sans-serif;
}
/* ------------ *Sl dots ------------- */
.slick-dots {
  bottom: -40px;
}
.slick-dots li {
  width: 10px;height: 10px;
}
.slick-dots li button {
  padding: 0;
  background: #000;
  border-radius: 50%;
  width: 100%;height: 100%;
}
.slick-dots li button:before {
  display: none;
}
.slick-dots li.slick-active button {
  background: #FF6060;
}

/* ------------ *Default ------------- */
/* ------------ *Default ------------- */
/* --------- *Before::After ---------- */
.footer:after {
  content: " ";
  position: absolute;
}

/* ================ Media ================ */
@media only screen and (max-width : 1469px) {
  .nav__list {
    padding-right: 0;
  }
  .renewal {
    display: none;
  }
  .footer .pl-50 {
    padding-left: 0;
  }
  .footer__info {
    font-size: 16px;
  }
}
@media only screen and (max-width : 1199px) {
  .nav .container {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .info,
  .minimal {
    display: none;
  }
  .nav__list {
    padding-left: 0;
  }
  .subnav__link {
    font-size: 16px;
  }
  .footer  {
    margin-top: 70px;
  }
  .footer:after {
    width: 98%;
    top: 225px;bottom: auto;
  }
  .footer__top [class*='col-'] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 33.333333%;
            flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }
}
@media only screen and (max-width : 991px) {
  .basket {
    margin-right: 0;
    margin-left: 70px;
  }
  .subnav__link {
    padding: 0 25px;
  }
  .subnav__link,
  .subnav__item:first-child .subnav__link {
    border-width: 8px;
  }
  .form .row {
    display: block;
  }
  .form .row .col-4,
  .form .row .col-8 {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .form__field {
    margin-bottom: 20px;
  }
  .form .row .col-4 .form__field {
    padding-right: 0;
  }
  .form__field textarea {
    height: 200px;
  }
  .form .paragraph {
    font-size: 14px;
  }
}
@media only screen and (max-width : 767px) {
  .container {
    padding: 0 10px;
  }
  .row {
    margin-left: -10px;
    margin-right: -10px;
  }
  .row [class*='col-'] {
    padding: 0 10px;
  }
  .mob-nav {
    display: block;
  }
  .header {
    padding-top: 10px;
  }
  .header__midd .relations,
  .basket {
    display: none;
  }
  .nav {
    z-index: 10;
    height: 100%;
    padding-top: 0;
    position: fixed;
    background: #fff;
    margin-bottom: 0;
    overflow: hidden;
    overflow-y: auto;
    padding-bottom: 130px;
    top: -100%;left: 0;right: 0;
    -webkit-transition: ease-in-out .5s;
    -o-transition: ease-in-out .5s;
    transition: ease-in-out .5s;
  }
  .nav.open {
    top: 0;
  }
  .nav.open .nav__close {
    opacity: 1;
    visibility: visible;
  }
  .nav .container {
    display: block;
  }
  .nav .subnav {
    margin-top: 0;
    padding: 0 10px;
    margin-left: -10px;margin-right: -10px;
  }
  .nav__list {
    display: block;
    padding: 20px 0;
  }
  .nav__item:not(:last-child) {
    margin-right: 0;
    margin-bottom: 15px;
  }
  .nav .line {
    width: auto;height: 5px;
    margin-top: 5px !important;
    margin-left: -10px;margin-right: -10px;
  }
  .relations__tel,
  .relations__email,
  .nav .graph {
    margin-top: 20px;
  }
  .nav .graph {
    color: #FF5F5F;
    font-size: 16px;
  }
  .header__midd {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  header .subnav { display:none;}
  .pc-hide { display:block !important; background:none;}
  .pc-hide .subnav__item a { background:#324A5E; padding:10px;}
  .subnav {
    margin-top: 15px;
  }
  .subnav__list {
    display: block;
    padding: 20px 0;
  }
  .subnav__list li:not(:last-child) {
    margin-bottom: 15px;
  }
  .subnav__link {
    padding: 0;
    line-height: 1;
    display: inline-block;
  }
  .subnav__link, .subnav__item:first-child .subnav__link {
    border: none;
  }
  .basket {
    margin-left: 15px;
  }
  .line {
    height: 3px;
    margin-top: 40px !important;
  }
  .footer {
    margin-bottom: 44px;
    padding: 25px 0 35px;
  }
  .footer:after {
    top: 500px;
  }
  .footer__title {
    margin-bottom: 15px;
  }
  .footer__title,
  .footer__list a {
    font-size: 14px;
  }
  .footer__bot .col-6,
  .footer__top [class*='col-'] {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
  }
  .footer__bot .col-6:not(:last-child),
  .footer__top [class*='col-']{
    margin-bottom: 40px;
  }
  .footer__mail {
    margin-top: 10px;
  }
  .footer__graph {
    margin-top: 15px;
  }
  .footer__bot {
    margin-top: 30px;
  }
  .breadcrumb {
    margin: 20px 0;
    font-size: 14px;
  }
  .contacts__mail {
    margin-top: 20px;
  }
  .map {
    margin-top: 30px;
  }
}
@media only screen and (max-width : 576px) {
  .table {
    font-size: 14px;
  }
  .amount span {
    width: 22px;height: 22px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 22px;
            flex: 0 0 22px;
    max-width: 22px;
  }
  .amount input {
    width: 34px;
  }
}
@media only screen and (max-width : 480px) {
  .btn {
    font-size: 14px;
    line-height: 35px;
  }
  .header__midd {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .form__btn .btn {
    max-width: 100%;
  }
}
@media only screen and (max-width : 370px) {
  .table {
    font-size: 12px;
  }
  .amount span {
    background-size: 50% !important;
  }
  .map {
    height: 300px;
  }
}
@media only screen and (min-width : 768px) {
  .pc-hide,
  .nav__close {
    display: none;
  }
  .container {
    max-width: 750px;
  }
  .footer__mail {
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  .container {
    max-width: 970px;
  }
}
 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  .container { max-width: 1170px;}
  .main { min-height:1000px;}
}

@media only screen and (min-width : 1470px) {
  .container {
    max-width: 1440px;
  }
}

.thumb-item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.thumb-number {
  min-width: 20px;
  color: #9D9D9D;
  text-align: right;
  margin-right: 15px;
}
@media only screen and (max-width: 576px) {
  .thumb-number {
    min-width: 12px;
    margin-right: 7px;
  }
}
.thumb {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.thumbnail-link {
  display: block;
  width: 38px;
  height: 38px;
  position: relative;
  z-index: 2;
}
.thumbnail-link:hover {
  z-index: 4;
  background: #448FFF;
}
.thumbnail-wrapsmall {
  width: 38px;
  height: 38px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}
.thumbnail-wrap {
  width: 38px;
  height: 38px;
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
}
.thumbnail-link:hover .thumbnail-wrap {
  box-shadow: 0 0 10px rgba(0,0,0,.2);
  opacity: 1;
}
.thumnail-zoomed-wrapper {
  display: none;
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  z-index: 99;
}
.thumbnail-zoomed-image {
  height: 100%;
  width: 100%;
  margin: auto;
  display: block;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.thumbnail-zoomed-image img {
  max-width: 100%;
}
.close-image-zoom {
  z-index: 10;
  float: right;
  margin: 10px;
  cursor: pointer;
  color: #fff;
  position: absolute;
  top: 0;
  right: 0;
}

.fulldesc {
  font-size: 16px;
  font-weight: bold;
  margin-top: 20px;
}
.fulldesc a {
  color: #FF7F06;
  text-decoration: underline;
}
.fulldesc a:hover {
  text-decoration: none;
}