@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Geologica-Thin:400,500,600&display=swap&subset=cyrillic-ext');
@font-face {font-family: 'Geologica-SemiBold';src: url('/fonts/Geologica-SemiBold.ttf'); font-display: swap;}
@font-face {
  font-family: 'Geologica-Thin';
  src: url('/fonts/Geologica-Thin.ttf');
  font-display: swap;
}
html {

  font-size: 12px !important;

  background-color: #333; }



body {

  font-family: "Geologica-Thin", sans-serif;

  font-weight: normal;

  min-width: 320px;

  position: relative;

  background-color: white;

  line-height: 1.42857;

  -webkit-font-smoothing: antialised;

  padding-left: 139px;

  left: 0;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease;

  overflow-x: hidden;

  overflow-y: scroll; }

  body.bias {

    left: 458px;

    overflow: hidden;

    padding-left: 0; }

    body.bias:after {

      position: absolute;

      width: 100%;

      height: 100%;

      background-color: rgba(0, 0, 0, 0.4);

      content: "";

      left: 0;

      top: 0;

      z-index: 77; }



body input:focus:required:invalid,

body textarea:focus:required:invalid {

  color: red; }



body input:required:valid,

body textarea:required:valid {

  color: green; }



* {

  outline: none !important; }



.hidden,

.hiidn {

  display: none !important; }



.row {

  margin: 0 !important; }



.loader {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  background-color: rgba(0, 0, 0, 0.6);

  z-index: 999; }

  .loader .loader_inner {

    width: 400px;

    height: 400px;

    position: fixed;

    top: 50%;

    left: 50%;

    margin: -200px 0 0 -200px; }

    .loader .loader_inner svg {

      width: 100%;

      height: 100%; }

    .loader .loader_inner .st0 {

      -webkit-transition: all 0.3s ease;

      -moz-transition: all 0.3s ease;

      transition: all 0.3s ease;

      stroke-dasharray: 1200;

      stroke-dashoffset: 1200;

      -webkit-animation: dash 2s alternate ease infinite;

      -moz-animation: dash 2s alternate ease infinite;

      animation: dash 2s alternate ease infinite; }



#wrapp {

  min-height: 100vh; }



header {

  width: 139px;

  color: #F4F0ED;

  height: 100vh;

  position: fixed;

  left: 0;

  top: 0;

  background-color: #28282e;

  z-index: 80; }

 header #logo  {
    display: block;
    height: 136px;
    margin: 30px auto;
    background: url(../img/logo2.svg) center center no-repeat;
    background-size: contain;
}

	
	  #logo2{
	
float:left;
    display: none;

       width: 178px;
    height: 62px;
 margin-right:15px;
    background: url(../img/logo.svg) center center no-repeat;

    background-size: contain; }

  header .main-menu {

    position: absolute;

    width: 100%;

    height: 100%;

    z-index: 999;

    background-color: #182111; }

  header #infomenu,

  header #submenu {

    width: 320px;

    background-color: #182111;

    height: 100vh;

    position: absolute;

    top: 0;

    right: 0px;

    overflow: hidden;

    z-index: -1;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease; }
	header #submenu{
		border-left: 1px solid white;
	}

    header #infomenu.open,

    header #submenu.open {

      right: -320px; }

    header #infomenu ul,

    header #submenu ul {

      padding-left: 35px;

      top: 0; }

      header #infomenu ul li,

      header #submenu ul li {

        text-align: left;

        line-height: 2.6rem; }

        header #infomenu ul li a,

        header #submenu ul li a {

          line-height: 1.5rem; }

  header ul {

    padding: 0;

    margin: 0;

    width: 100%;

    position: absolute;

    top: 30%;

    left: 0; }

    header ul li {

      list-style: none;

      text-align: center;

      width: 100%;

      margin: 5px 0; }

      header ul li a {

        color: #dcdcdd;

        font-size: 1.143rem;

        display: inline-block;

        text-transform: uppercase;

        position: relative;

        -webkit-transition: all 0.3s ease;

        -moz-transition: all 0.3s ease;

        transition: all 0.3s ease;

        font-family: "Geologica-Thin"; }

        header ul li a b {

          position: absolute;

          top: -5px;

          right: 5px;

          width: 20px;

          height: 20px;

          font-size: 1rem;

          line-height: 20px;

          text-align: center;

          border-radius: 50%;

          background-color: #BD7029;

          color: #000; }

        header ul li a:hover {

          color: #3F5E22; }

        header ul li a i {

          font-size: 1.571rem;

          display: table;

          margin: 0 auto; }



#infomenu ul {

  margin-top: 70px; }



#infomenu button,

#submenu button {

  display: block;

  width: 40px;

  padding: 0 10px;

  height: 40px;

  background-color: transparent;

  color: #ffc177;

  position: absolute;

  top: 15px;

  right: 15px;

  border: none; }

  #infomenu button:before, #infomenu button:after,

  #submenu button:before,

  #submenu button:after {

    position: absolute;

    width: 30px;

    height: 3px;

    background-color: #F4F0ED;

    content: "";

    left: 50%;

    margin-left: -15px;

    top: 20px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease; }

  #infomenu button:before,

  #submenu button:before {

    -webkit-transform: rotate(45deg);

    -moz-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    -o-transform: rotate(45deg);

    transform: rotate(45deg); }

  #infomenu button:after,

  #submenu button:after {

    -webkit-transform: rotate(-45deg);

    -moz-transform: rotate(-45deg);

    -ms-transform: rotate(-45deg);

    -o-transform: rotate(-45deg);

    transform: rotate(-45deg); }

  #infomenu button:hover:before, #infomenu button:hover:after,

  #submenu button:hover:before,

  #submenu button:hover:after {

    background-color: #BD7029; }



section {

  padding: 0;

  width: 100%;

  margin: 0 auto;

  position: relative; }



#navi_hide {

  position: absolute;

  height: 80%;

  top: 10% !important;

  overflow: hidden;

  padding-left: 0 !important; }

  #navi_hide .simplebar-content {

    padding-left: 20px; }

  #navi_hide ul {

    position: static; }

  #navi_hide li {

    padding: 0 10px; }

    #navi_hide li.open > a,

    #navi_hide li .currenta {

      color: #3F5E22; }



.top-head {

  height: 62px;

  line-height: 62px;

  background-color: #2B4018;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 8;

  text-align: right;

  padding: 0 4%; }

  .top-head form {

    height: auto;

    line-height: normal;

    vertical-align: middle;

    display: inline-block;

    width: 100%;

    max-width: 310px;

    position: relative; }

    .top-head form button , .bot-foot  form button{

      position: absolute;

      top: 0;

      height: 100%;

      right: 10px;

      background: transparent;

      border: none;

      font-size: 1.143rem;

      color: #182111; }
	  
	  
	  .bot-foot  form button{


      top:22px;

     }
	  

    .top-head form input {

      line-height: 2.5rem;

      width: 100%;

  background-color: #989994;

      border: none;

      border-radius: 15px;

      padding: 0 38px 0 26px;

      color: #F4F0ED;

      -webkit-transition: all 0.3s ease;

      -moz-transition: all 0.3s ease;

      transition: all 0.3s ease; }

      .top-head form input:focus {
color:#182111;
        background-color: #CCCAC6; }

  .top-head .tools {

    display: inline-block;

    padding: 0;

    margin: 0 15px;

    line-height: normal;

    vertical-align: middle; }

    .top-head .tools li {

      display: inline-block;

      margin: 0 5px;

      line-height: normal; }

      .top-head .tools li a:hover {

        color: #F4F0ED; }

      .top-head .tools li i:before {

        margin: 0; }

  .top-head h1 {

    margin: 0;

    display: inline-block;

    font-size: 1.286rem;

    color: #F4F0ED;

    font-weight: normal;

    line-height: 1.5rem;

    float: left;

    padding-top: 20px;

    font-family: "Geologica-SemiBold"; }

  .top-head ul.tels {

    margin: 0 15px; }

    .top-head ul.tels:before {

      color: #F4F0ED; }

    .top-head ul.tels li a {

      color: #F4F0ED; }



.work-time {

  display: inline-block;

  color: #F4F0ED;

  padding-left: 40px;

  background: url(../img/clock.svg) center left no-repeat;

  background-size: contain;

  font: 1rem "OpenSansLight";

  line-height: 1.286rem;

  margin: 0 0;

  vertical-align: middle;

  margin: 0 15px;

  text-align: left; }



ul.tels {

  padding: 0;

  margin: 0;

  display: inline-block;

  vertical-align: middle;

  padding-left: 38px;

  position: relative; }

  ul.tels:before {

    position: absolute;

    font-family: "fontello";

    content: "";

    color: #F4F0ED;

    top: -5px;

    left: 0;

    font-size: 2.286rem;

    line-height: 2.286rem;

    display: inline-block;

    font-variant: normal;

    height: 100%;

    text-transform: none; }

  ul.tels li {

    list-style: none;

    line-height: 1.286rem;

    font-family: "OpenSansLight"; }

    ul.tels li a {

      font-size: 1rem;

      line-height: 1.286rem;

      color: #F4F0ED; }



.main-front {

  height: 100vh;


  overflow: hidden;

  background-color: #F4F0ED; }

  .main-front .row a {

    display: block;

    position: relative; }

    .main-front .row a:hover:before {

      opacity: 0.4; }

    .main-front .row a:before {

      position: absolute;

      top: 0;

      left: 0;

      width: 100%;

      height: 100%;

      content: "";

      opacity: 0.6;

      -webkit-transition: all 0.3s ease;

      -moz-transition: all 0.3s ease;

      transition: all 0.3s ease; }

    .main-front .row a span {

  font: 2.571rem "Geologica-Thin";
    color: #F4F0EDfff;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0;
    top: 47%;
    cursor: pointer !important;





	  }

  .main-front .row.line1 {

    height: 71.63412%; }

    .main-front .row.line1 .col-md-5 {

      padding: 0;

      height: 100%;

      background-repeat: no-repeat;

      background-size: cover;

      background-position: center; }

      .main-front .row.line1 .col-md-5:before {

        background-color: #555555;

        opacity: 0.7; }

      .main-front .row.line1 .col-md-5:hover:before {

        opacity: 0.4; }

    .main-front .row.line1 .col-md-3,

    .main-front .row.line1 .col-md-4 {

      height: 100%;

      padding: 0; }

    .main-front .row.line1 .col-md-3 {

      background-position: center;

      background-repeat: no-repeat;

      background-size: 80% auto; }

      .main-front .row.line1 .col-md-3:before {

        background-color: #555555;

        opacity: 0.3; }

      .main-front .row.line1 .col-md-3:hover:before {

        opacity: 0.1; }

    .main-front .row.line1 .col-md-4 .top-part,

    .main-front .row.line1 .col-md-4 .down-part {

      height: 50%; }

    .main-front .row.line1 .col-md-4 .top-part {

      background-size: contain;

      background-position: center;

      background-repeat: no-repeat;

      background-color: #f6e385; }

      .main-front .row.line1 .col-md-4 .top-part:before {

        background-color: #c99e67; }

    .main-front .row.line1 .col-md-4 .down-part {

      background-color: blue;

      background-repeat: no-repeat;

      background-size: cover;

      background-position: center; }

      .main-front .row.line1 .col-md-4 .down-part:before {

        background-color: #26151e; }

  .main-front .row.line2 {

    height: 28.36588%; }

    .main-front .row.line2 a:before {

      opacity: 0.4; }

    .main-front .row.line2 a:hover:before {

      opacity: 0; }

    .main-front .row.line2 a span {

      top: 50%;

      font-size: 2.286rem;

      text-align: right;

      padding-right: 3%; }

    .main-front .row.line2 .col-md-4 {

      height: 100%; }

      .main-front .row.line2 .col-md-4:first-child {

        background-color: #7accc8;

        background-repeat: no-repeat;

        background-size: 225px auto;

        background-position: left center; }

        .main-front .row.line2 .col-md-4:first-child:before {

          background-color: #7accc8; }

      .main-front .row.line2 .col-md-4:nth-child(2) {

        background-color: #f4cd30;

        background-repeat: no-repeat;

     
        background-position: left center; }

        .main-front .row.line2 .col-md-4:nth-child(2):before {

          background-color: #f4cd30; }

      .main-front .row.line2 .col-md-4:last-child {

        background-color: #fb9251;

        background-repeat: no-repeat;

     
        background-position: left top; }

        .main-front .row.line2 .col-md-4:last-child:before {

          background-color: #c34a43; }



h2 {

  text-align: center;

  font: 3rem  'Geologica-SemiBold';

  font-weight: normal;

  line-height: 4rem; }



h3 {

  text-align: center;

  font: 1.714rem "Geologica-Thin";

  font-weight: normal;

  line-height: 1.714rem; }



h4 {

  text-align: center;

  font: 1.714rem "HKGroteskMedium";

  font-weight: normal;

  color: #555555;

  line-height: 1.5rem;

  margin: 0 auto 5px; }



h6 {

  text-align: left;

  font: 1.286rem "Geologica-Thin";

  font-weight: normal;

  line-height: 1.286rem;

  text-transform: uppercase;

  color: #F4F0ED;

  margin: 20px 0; }



a.lnk {

  font: 1.5rem "HKGroteskLight";

  line-height: 3.286rem;

  display: table;

  margin: 10px auto 15px;

  border: 1px solid #BD7029;

  padding: 0 45px;

  color: #555555;

  border-radius: 22px;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease; }

  a.lnk:hover {

    background-color: #BD7029;

    color: #F4F0ED;

    border-color: #BD7029; }



a.small-lnk {

  font: 1.143rem "HKGroteskLight";

  line-height: 2.214rem;

  height: 2.214rem;

  display: inline-block;

  margin: 5px auto 15px;

  vertical-align: top;

  color: #F4F0ED;
  background-color: #537A2E;

  border: 1px solid #537A2E;

  padding: 0 33px;

  border-radius: 15px;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease; }

  a.small-lnk:hover {

    background-color: #3F5E22;


    border-color: #3F5E22; }
 a.small-lnk:active {

    background-color: #2B4018;

    border-color: #2B4018; }


.cat-ttl-wrp {

  background-color: #3F5E22; }

  .cat-ttl-wrp.busket .cat-ttl, .cat-ttl-wrp.ttl-wishlist .cat-ttl {

    background: url(../img/basket4.jpg);

    background-size: cover;

    background-repeat: no-repeat;

    background-position: 50% 0;

    height: 16.429rem;

    line-height: 16.429rem;

    text-align: center;

    position: relative;

    padding: 80px 0 0; }

    .cat-ttl-wrp.busket .cat-ttl h1, .cat-ttl-wrp.ttl-wishlist .cat-ttl h1 {

      position: relative;

      top: 0;

      left: 0;

      margin: 0;

      line-height: 3rem;

      width: 100%; }

    .cat-ttl-wrp.busket .cat-ttl .back, .cat-ttl-wrp.ttl-wishlist .cat-ttl .back {

      font: 2rem "HKGroteskMedium";

      line-height: 2rem;

      position: absolute;

      left: 0;

      top: 50%;

      margin-top: -1rem;

      color: #fff; }

  .cat-ttl-wrp.ttl-wishlist .cat-ttl {

    padding: 120px 0 0; }

    .cat-ttl-wrp.ttl-wishlist .cat-ttl .back {

      margin-top: 0; }

.logo-con2 .mob-tel-menu {
	
	display:inline-block;
	    margin-top: 15px;
		width: 25px;
    height: 25px;
}

.cat-ttl {

  background: url(../img/auto-bg.jpg);

  background-size: cover;

  background-repeat: no-repeat;

  background-position: 50% 0;

  opacity: 1;

  padding-top: 95px; }

  .cat-ttl h1 {

    color: #F4F0ED;

    margin: 25px 0 5px;

    position: relative;

    text-align: center;

    font: 3rem  'Geologica-SemiBold';

    font-weight: normal;

    line-height: 4rem; }

  .cat-ttl h3 {

    color: #F4F0ED;

    margin: 0px 0 5px;

    position: relative; }



.breadcrumbs {

  color: #F4F0ED;

  padding: 0;

  padding-left: 15px;

  margin: 0; }

  .breadcrumbs li {

    display: inline-block;

    padding: 10px 0;

    font: 1.143rem "HKGroteskMedium"; }

    .breadcrumbs li i {

      color: #F4F0ED;

      font-size: 1.2rem;

      position: relative;

      top: 2px; }

    .breadcrumbs li a {

      -webkit-transition: all 0.3s ease;

      -moz-transition: all 0.3s ease;

      transition: all 0.3s ease;

      color: #F4F0ED; }

      .breadcrumbs li a:hover {

        color: #BD7029; }

  .breadcrumbs.dark {

    padding-left: 20px; }

    .breadcrumbs.dark li:last-child {

      color: #555555; }

    .breadcrumbs.dark li a {

      color: #959595; }

    .breadcrumbs.dark li i {

      color: #555555; }

.logo-con2 #logo2 {
	width: 112px;
    height: 62px;
    margin-right: 10px;
	
}


.ttl-head {

  padding: 0 1% !important;

  background-color: rgba(25, 25, 28, 0.9);

  padding: 0;

  position: absolute;

  top: 0;

  left: 0;

  z-index: 76;

  margin: 0; }

  .ttl-head.product {

    position: relative; }

  .ttl-head .tools,

  .ttl-head .cat-foot {

    padding: 10px 0;

    margin: 0;

    text-align: center; }

    .ttl-head .tools li,

    .ttl-head .cat-foot li {

      display: inline-block;

      list-style: none; }

      .ttl-head .tools li a,

      .ttl-head .cat-foot li a {

     color: #F4F0ED; }

  .ttl-head .cat-foot {

    position: relative; }

    .ttl-head .cat-foot li {

      line-height: 2.571rem;

      margin: 5px; }

      .ttl-head .cat-foot li a {

        -webkit-transition: all 0.3s ease;

        -moz-transition: all 0.3s ease;

        transition: all 0.3s ease;

        font: 0.8rem "Geologica-Thin";

        text-transform: uppercase; }

        .ttl-head .cat-foot li a:hover {

          color: #BD7029; }

  .ttl-head .hoverLine {

    bottom: 15px;

    left: 0;

    opacity: 0;

    width: 100px;

    border-top: solid 2px #F4F0ED;

    position: relative;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease; }

  .ttl-head .tels {

    padding-top: 16px; }

    .ttl-head .tels:before {

      color: #F4F0ED;

      top: 10px; }

    .ttl-head .tels a {

      -webkit-transition: all 0.3s ease;

      -moz-transition: all 0.3s ease;

      transition: all 0.3s ease;

      color: #F4F0ED; }

      .ttl-head .tels a:hover {

        color: #BD7029; }



@-webkit-keyframes dash {

  from {

    stroke-dashoffset: 1200; }

  to {

    stroke-dashoffset: 0; } }

@-moz-keyframes dash {

  from {

    stroke-dashoffset: 1200; }

  to {

    stroke-dashoffset: 0; } }

@keyframes dash {

  from {

    stroke-dashoffset: 1200; }

  to {

    stroke-dashoffset: 0; } }

.col-md-2.tools.col-xs-6,

.tools {

  text-align: right; }

  .col-md-2.tools.col-xs-6 li,

  .tools li {

    margin: 5px; }

    .col-md-2.tools.col-xs-6 li a,

    .tools li a {

      color: #F4F0ED;

      font-size: 1.857rem;

      position: relative;

      color: #F4F0ED;

      -webkit-transition: all 0.3s ease;

      -moz-transition: all 0.3s ease;

      transition: all 0.3s ease; }

      .col-md-2.tools.col-xs-6 li a:hover,

      .tools li a:hover {

        color: #BD7029; }

      .col-md-2.tools.col-xs-6 li a b,

      .tools li a b {

        position: absolute;

        width: 1.571rem;

        line-height: 1.571rem;

        height: 1.571rem;

        font: 1.143rem "HKGroteskMedium";

        display: block;

        background-color: #BD7029;

        color: #000;

        border-radius: 50%;

        bottom: -10px;

        vertical-align: middle;

        text-align: center;

        right: -0.45rem;

        padding-top: 3px; }



.hide-form {

  display: block;

  width: 100%;

  max-width: 400px;

  position: absolute;

  top: 100%;

  right: -500px;

  padding: 0px 20px 10px;

  background-color: rgba(25, 25, 28, 0.9);

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease; }

  .hide-form.show {

    right: 0; }

  .hide-form form {

    height: auto;

    line-height: normal;

    vertical-align: middle;

    display: inline-block;

    width: 100%;

    position: relative; }

    .hide-form form button {

      position: absolute;

      top: 0;

      right: 10px;

      background: transparent;

      border: none;

      font-size: 1.143rem;

      color: #182111;

      height: 100%; }

    .hide-form form input {

      line-height: 2.5rem;

      width: 100%;

      background-color: #989994;

      border: none;

      border-radius: 15px;

      padding: 0 38px 0 26px;

      color: #182111;

      -webkit-transition: all 0.3s ease;

      -moz-transition: all 0.3s ease;

      transition: all 0.3s ease; }

      .hide-form form input:focus {

        background-color: #CCCAC6; }



.home-grid a.lnk {

  border-color: #537A2E;

  background-color: #537A2E;

  color: #F4F0ED; }

  .home-grid a.lnk:hover {

    background-color: #3F5E22;

    border-color: #3F5E22; }
	.home-grid a.lnk:active{
		background-color: #2B4018;

    border-color: #2B4018;
	}

.home-grid .row .col-xs-6 {

  border-top: none;

  border-collapse: collapse;

  text-align: center; }

  .home-grid .row .col-xs-6 p {

    font: 1rem "Geologica-Thin";

    color: #959595;

    text-align: center;

    margin: 5px;

    line-height: 1.3rem;

    height: 1.3rem;

    overflow: hidden; }

  .home-grid .row .col-xs-6:nth-child(1), .home-grid .row .col-xs-6:nth-child(2) {

    border-bottom: 1px solid #989898; }

.home-grid .row .col-md-6 {

  height: 100vh;

  background-color: white;

  position: relative;

  padding: 0;

  overflow: hidden; }

  .home-grid .row .col-md-6 h4 {
  font-size:1.2rem;

    max-height: 1.5rem;

    overflow: hidden; }
	
	.home-grid .row .col-md-6 h5, .home-grid .row .col-md-6 a.small-lnk{
		margin:0;
		margin-bottom:5px;
	}
	
	.home-grid .row .col-md-6 h5{
	min-height: 3rem;
	}
	.home-grid .row .col-md-6 h5 a {
font-size: 1rem;
        color: #555555;
    line-height: 1.5rem;
    margin: 0 auto;
	    min-height: 1.5rem;

}



	
.home-grid .row .col-md-6	a.tov-itm {
	
	margin-top:5px;
}
	

  .home-grid .row .col-md-6 .row {

    border-top: 1px solid #989898;

    position: relative; }

    .home-grid .row .col-md-6 .row:after {

      position: absolute;

      width: 1px;

      height: 300vh;

      top: 0;

      left: 50%;

      background-color: #989898;

      content: ""; }

    .home-grid .row .col-md-6 .row:before {

      width: 20px;

      position: absolute;

      height: 20px;

      background-color: white;

      border: 1px solid #9f9f9f;

      border-top: none;

      border-right: none;

      content: "";

      top: -10px;

      left: 50%;

      z-index: 8;

      margin-left: -10px;

      -webkit-transform: rotate(-45deg);

      -moz-transform: rotate(-45deg);

      -ms-transform: rotate(-45deg);

      -o-transform: rotate(-45deg);

      transform: rotate(-45deg); }

  .home-grid .row .col-md-6 .ttl-wrp {

    position: absolute;

    width: 100%;

    left: 0;

    top: 40%; }

  .home-grid .row .col-md-6 h2 {

    color: #555555;
    font-size:2rem;
    margin: 10px 0 5px; }

  .home-grid .row .col-md-6 h3 {

    color: #959595;

    margin: 5px 0; }

  .home-grid .row .col-md-6:nth-child(4n+3) {

    background-color: #fafafa;

    float: right; }

  .home-grid .row .col-md-6:nth-child(4n+4) {

    float: left; }

  .home-grid .row .col-md-6:nth-child(odd) {

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat; }

    .home-grid .row .col-md-6:nth-child(odd) .lnk {

      background-color: #537A2E;

      color: #F4F0ED;

      margin: 15px auto;

      border-color: #537A2E; }

      .home-grid .row .col-md-6:nth-child(odd) .lnk:hover {

        background-color: #3F5E22;

        border-color: #3F5E22; }
		 .home-grid .row .col-md-6:nth-child(odd) .lnk:active {

        background-color: #2B4018;

        border-color: #2B4018; }

    .home-grid .row .col-md-6:nth-child(odd) h2 {

      color: #F4F0ED;

      margin: 5px auto 5px; }

    .home-grid .row .col-md-6:nth-child(odd) h3 {

      color: #ebebeb;

      margin: 5px auto; }



a.tov-itm {

  display: inline-block;

  width: 50%;

  height: auto;

  padding-top: 60%;

  margin: 12px 0;

  border: 1px dashed #ebb218;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease;

  border-top-right-radius: 20%;

  border-bottom-left-radius: 20%;



  background-size: contain;

  background-position: center;

  background-repeat: no-repeat; }

  a.tov-itm:hover {

    border-color: transparent;

    -webkit-transform: scale(1.05);

    -moz-transform: scale(1.05);

    -ms-transform: scale(1.05);

    -o-transform: scale(1.05);

    transform: scale(1.05);

    box-shadow: 3px 3px 12px 0px rgba(40, 40, 46, 0.3); }



footer {

  background-color: #182111;

  padding: 53px 4%; }

  footer ul.tels:before {

    color: #F4F0ED; }

  footer ul.tels li {

    margin: 0; }

    footer ul.tels li a {

      color: #F4F0ED; }

  footer ul {

    padding: 0;

    margin: 0; }

    footer ul li {

      list-style: none;

      font: 1.143rem "OpenSansLight";

      display: block;

      margin: 5px 0; }

    footer ul a {

      text-transform: uppercase;

      color: #CCCAC6; }

      footer ul a:hover {

        color: #3F5E22; }

  footer p , footer p a{

    font: 1rem "OpenSansLight";

    line-height: 1.5rem;

    color: #ebebeb; }



.bot-foot {

  padding: 15px 4%;

  background-color: #2B4018; }

  .bot-foot .col-md-4 {

    padding: 20px 0; }

  .bot-foot ul {

    padding: 0;

    margin: 0;

    display: inline-block; }

    .bot-foot ul li {

      display: inline-block;

      margin: 5px;

      vertical-align: top; }

      .bot-foot ul li a {

        color: #F4F0ED;

        display: inline-block;

        border-radius: 5px;

        height: 2.857rem;

        width: 2.857rem;

        -webkit-transition: all 0.3s ease;

        -moz-transition: all 0.3s ease;

        transition: all 0.3s ease;

        text-align: center; }

        .bot-foot ul li a i:before {

          margin: 0 !important;

          display: inline-block;

          width: 100% !important;

          vertical-align: middle;

          font-size: 2.286rem;

          line-height: 2.857rem; }

        .bot-foot ul li a .icon-instagram {

          position: relative;

          left: 1px; }

        .bot-foot ul li a:hover {

          background-color: #F4F0ED;

          color: #3F5E22; }

  .bot-foot form {

    width: 100%;

    padding-top: 10px;

    text-align: right;
position:relative;
 height: auto;
    line-height: normal;
    vertical-align: middle;
	}

    .bot-foot form label {

      font: 1.286rem "Geologica-Thin";

      color: #F4F0ED;

      line-height: 2.5rem;

      display: inline-block;

      margin-right: 20px; }

    .bot-foot form input {

      line-height: 2.5rem;

      height: 2.5rem;

      width: 100%;

      background-color: #989994;

      border: none;

      border-radius: 15px;

      padding: 0 26px;

      font: 1.143rem "Geologica-Thin";

      color: #ebebeb;

      -webkit-transition: all 0.3s ease;

      -moz-transition: all 0.3s ease;

      transition: all 0.3s ease;

      max-width: 440px; }

      .bot-foot form input:focus {
  color: #000;
        background-color: #CCCAC6; }



.copy-r {

  position: absolute;

  bottom: 0;

  left: 0;

  color: #F4F0ED;

  font: 0.857rem "OpenSansLight";

  line-height: 1.143rem;

  width: 139px;

  text-align: center;

  z-index: 100;

  height: 60px; }

  .copy-r a {

    color: #3F5E22; }



.catalog-grid {

  background-color: white;

  text-align: center;

  padding: 10px;

  overflow: hidden;

  min-height: 90vh; }

  .catalog-grid.full .col-md-9 {

    width: 100%; }

  .catalog-grid.full .col-md-3 {

    position: absolute;

    top: 10px;

    right: 100%; }

  .catalog-grid.full .tggl {

    right: 105%; }

    .catalog-grid.full .tggl i {

      background-color: #F4F0ED;

      -webkit-transform: rotate(-360deg);

      -moz-transform: rotate(-360deg);

      -ms-transform: rotate(-360deg);

      -o-transform: rotate(-360deg);

      transform: rotate(-360deg); }

      .catalog-grid.full .tggl i:after {

        top: 8px;

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg); }

      .catalog-grid.full .tggl i:before {

        top: -8px;

        -webkit-transform: rotate(0deg);

        -moz-transform: rotate(0deg);

        -ms-transform: rotate(0deg);

        -o-transform: rotate(0deg);

        transform: rotate(0deg); }

  .catalog-grid .col-md-3 {

    padding: 5px 0; }

  .catalog-grid .col-md-9 {

    padding: 30px 0; }

  .catalog-grid .col {

    display: inline-block;

    width: 312px;

    text-align: center;

    border: 1px dashed #e2e2e2;

    padding: 5px 0;

    position: relative;

    margin: 5px 0;

    border-radius: 20px;

    overflow: hidden;

    vertical-align: top; }

    .catalog-grid .col:hover ul {

      right: 0px; }

    .catalog-grid .col h4 {

      font-size: 1.286rem;

      margin: 0px 0 5px;

      height: 45px;

      padding-left: 5px;

      padding-right: 5px; }

      .catalog-grid .col h4 a {

        color: #5d5d5d; }

        .catalog-grid .col h4 a:hover {

          color: #898989; }

    .catalog-grid .col p {

      margin: 5px 0;

      color: #000;

      font: 1rem "Geologica-Thin";
	  padding-top: 20px;}

    .catalog-grid .col ul {

      position: absolute;

      top: 0;

      height: 57%;

      overflow: hidden;

      right: -80px;

      padding: 0;

      width: 3.6rem;

      -webkit-transition: all 0.3s ease;

      -moz-transition: all 0.3s ease;

      transition: all 0.3s ease; }

      .catalog-grid .col ul .simplebar-track {

        width: 5px; }

        .catalog-grid .col ul .simplebar-track .simplebar-scrollbar {

          min-width: 5px;

          width: 5px; }

      .catalog-grid .col ul li {

        list-style: none;

        display: block;

        width: 2.929rem;

        height: 2.929rem;

        background-color: #F4F0ED;

        border-radius: 50%;

        margin-bottom: 5px;

        border: 2px solid #BD7029;

        overflow: hidden; }

        .catalog-grid .col ul li.it {

          border-color: #BD7029; }

        .catalog-grid .col ul li a {

          width: 100%;

          height: 100%;

          display: block;

          background-size: contain;

          background-position: center;

          background-repeat: no-repeat; }



.btn-group {

  .text-align: center; }

  .btn-group .small-lnk .icon-heart:before {

    margin: 0;

    font-size: 1.143rem;

    line-height: 1.143rem;

    top: 1px;

    left: -1px;

    position: relative; }

  .btn-group a.like {

    margin: 5px;

    position: relative;

    top: 3px;

    font-size: 21px;

    color: #555555; }

    .btn-group a.like.active {

      color: #BD7029; }

    .btn-group a.like:hover {

      color: #BD7029; }

  .btn-group a.small-lnk {

    margin: 5px; }



.tggl {

  position: absolute;

  top: -25px;

  right: -10px;

  width: 50px;

  height: 50px;

  line-height: 50px;

  text-align: center;

  background-color: #3F5E22;

  color: #F4F0ED;

  border-radius: 50%;

  cursor: pointer;

  overflow: hidden; 
      z-index: 2;}

  .tggl:hover:before {

    width: 100%;

    height: 100%;

    margin-top: -25px;

    margin-left: -25px;

    opacity: 1; }

  .tggl:before {

    position: absolute;

    top: 50%;

    left: 50%;

    width: 0;

    height: 0;

    border-radius: 50%;

    content: "";

    background-color: #182111;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease;

    z-index: 1; }

  .tggl i {

    z-index: 5;

    width: 22px;

    height: 3px;

    display: inline-block;

    background-color: transparent;

    position: relative;

    vertical-align: middle;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease; }

    .tggl i:after, .tggl i:before {

      position: absolute;

      width: 100%;

      height: 100%;

      content: "";

      left: 0;

      top: 0;

      background-color: #F4F0ED; }

    .tggl i:after {

      -webkit-transform: rotate(-45deg);

      -moz-transform: rotate(-45deg);

      -ms-transform: rotate(-45deg);

      -o-transform: rotate(-45deg);

      transform: rotate(-45deg); }

    .tggl i:before {

      -webkit-transform: rotate(45deg);

      -moz-transform: rotate(45deg);

      -ms-transform: rotate(45deg);

      -o-transform: rotate(45deg);

      transform: rotate(45deg); }



.sticky {

  padding: 30px 0;

  position: relative; }



.cat-sb {

  background-color: #faf8f8;

  padding: 10px 35px 10px;

  border-radius: 20px;

  margin: 0 0;

  border: 2px solid #3F5E22;

  max-height: 100vh;

  position: relative; }

  .cat-sb .row .small-lnk.active {

    background-color: #3F5E22;

    border-color: #3F5E22;

    color: #F4F0ED; }

  .cat-sb .cat-side {

    margin: 0;

    text-align: left;

    font: 1.4rem "HKGroteskMedium";

    padding: 0; }

    .cat-sb .cat-side li {

      line-height: 34px; }

    .cat-sb .cat-side .csin {

      display: none; }

    .cat-sb .cat-side ul {

      padding-left: 20px;

      font: 1.343rem "HKGroteskMedium"; }

      .cat-sb .cat-side ul li {

        height: auto;

        line-height: normal;

        margin: 5px 0; }

    .cat-sb .cat-side li {

      list-style: none; }

    .cat-sb .cat-side a {

      color: #555555; }

    .cat-sb .cat-side .currenta {

      border-bottom: 1px solid #3F5E22;

      color: #3F5E22; }



#fltrwrp {

  display: none; }



.filter {

  display: block;

  text-align: left;

  width: 100%;

  padding: 30px 1.14943% 20px;

  z-index: 10;

  position: relative;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease; }

  .filter p {

    color: #2b2b2b;

    font: 1rem "HKGroteskMedium";

    margin: 5px 0; }

    .filter p #slider-upper {

      float: right; }

  .filter .noUi-horizontal {

    margin: 30px 0 10px;

    height: 4px;

    border-radius: 4px;

    border: 1px solid #D3D3D3;

    background-color: #fafafa;

    cursor: pointer; }

    .filter .noUi-horizontal .noUi-connect {

      background-color: #BD7029;

      box-shadow: none; }

    .filter .noUi-horizontal .noUi-handle {

      width: 14px;

      border-radius: 50%;

      height: 14px;

      border: none;

      left: 0;

      top: 50%;

      cursor: pointer;

      margin-top: -5px;

      background-color: #BD7029;

      box-shadow: none; }

      .filter .noUi-horizontal .noUi-handle:before, .filter .noUi-horizontal .noUi-handle:after {

        display: none; }

  .filter ul#brnds-wrp {

    padding: 0;

    margin: 0;

    overflow: hidden;

    height: 100px; }

    .filter ul#brnds-wrp li {

      display: inline-block;

      vertical-align: top;

      margin: 2px; }

      .filter ul#brnds-wrp li a {

        display: inline-block;

        height: 2.071rem;

        padding: 5px 15px 0;

        color: #555555;

        font: 1rem "HKGroteskMedium";

        border: 1px solid #BD7029;

        vertical-align: middle;

        border-radius: 13px;

        -webkit-transition: all 0.3s ease;

        -moz-transition: all 0.3s ease;

        transition: all 0.3s ease; }

        .filter ul#brnds-wrp li a:hover {

          background-color: #BD7029;

          color: #F4F0ED; }

  .filter h6 {

    font: 1.286rem "HKGroteskMedium";

    line-height: 1.286rem;

    margin: 5px 0;

    color: #555555; }

  .filter ul {

    padding: 0;

    margin: 0; }

    .filter ul li {

      list-style: none;

      font: 1.143rem "HKGroteskMedium";

      color: #959595;

      margin: 5px 0; }

      .filter ul li i {

        display: inline-block;

        width: 31px;

        height: 31px;

        border-radius: 50%;

        margin-right: 10px;

        vertical-align: middle;

        border: 2px solid transparent; }

      .filter ul li label {

        display: block;

        height: 34px;

        padding: 0 15px;

        line-height: 34px;

        cursor: pointer;

        border-radius: 15px;

        -webkit-transition: all 0.3s ease;

        -moz-transition: all 0.3s ease;

        transition: all 0.3s ease; }

        .filter ul li label.on {

          background-color: #F4F0ED; }

          .filter ul li label.on i {

            border-color: #BD7029; }

        .filter ul li label:hover {

          background-color: #F4F0ED; }

      .filter ul li input[type="checkbox"] {

        display: none; }

  .filter button {

    width: 24px;

    height: 24px;

    line-height: 24px;

    border: none;

    border-radius: 50%;

    display: inline-block;

    position: absolute;

    background-color: #c66d59;

    color: #F4F0ED;

    top: 10px;

    right: 10px;

    font: 1.2rem "HKGroteskLight";

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease; }

    .filter button:hover {

      background-color: #BD7029;

      color: #F4F0ED; }



.prod-details {

  border-bottom: 1px solid #989898; }

  .prod-details .col-md-3 {

    padding: 20px 0; }

  .prod-details .col-md-9 {

    height: 47em;

    line-height: 47em;

    text-align: center; }

    .prod-details .col-md-9 img {

      max-width: 100%;

      max-height: 100%;

      vertical-align: middle; }

  .prod-details .col-md-8 {

    padding: 0;

    border-right: 1px solid #989898; }

  .prod-details .share-links {

    padding: 0;

    margin: 0px 0 20px;

    text-align: center; }

    .prod-details .share-links li {

      display: inline-block;

      margin: 5px;

      vertical-align: top; }

      .prod-details .share-links li a {

        font-size: 2.5rem;

        color: #e1dfdf;

        -webkit-transition: all 0.3s ease;

        -moz-transition: all 0.3s ease;

        transition: all 0.3s ease; }

        .prod-details .share-links li a:hover {

          color: #BD7029; }

  .prod-details .btn-group {

    text-align: center;

    margin: 5px 0 20px; }

  .prod-details a.small-lnk {

    display: inline-block;

    margin: 5px;

    display: inline-block;

    vertical-align: middle;

    margin-bottom: 15px; }

    .prod-details a.small-lnk i {

      position: relative; }

  .prod-details .gabs,

  .prod-details p {

    font: 1rem "Geologica-Thin";

    color: #959595;

    line-height: 1.5rem; }

  .prod-details .col-md-4 {

    padding: 0 3%;

    left: -1px; }
	
	.prod-foot h5 a {
		
		color:#5d5d5d;
	}

    .prod-details .col-md-4 a.brand-img {

      display: inline-block;

      margin: 0 10px; }

      .prod-details .col-md-4 a.brand-img img {

        max-width: 100px;

        max-height: 50px; }

    .prod-details .col-md-4 ul {

      font: 1rem "arial";

      color: #959595;

      line-height: 1.5rem; }

  .prod-details hr {

    border-color: #959595;

    margin-top: 10px; }

  .prod-details h5 {

    font: 1.714rem "Geologica-Thin";

    font-weight: normal;

    color: #555555;

    line-height: 1.5rem;

    margin: 1.429rem 0 15px; }

  .prod-details h1 {

	  font: 1.714rem "Geologica-SemiBold";

    color: #555555;

    text-align: left;

    margin-top: 3.929rem; }

  .prod-details h6 {

    font-size: 1.143rem;

    text-transform: none;

    margin: 1rem 0; }

    .prod-details h6 a {

      color: #959595; }

  .prod-details .breadcrumbs {

    padding-left: 20px; }

    .prod-details .breadcrumbs li:last-child {

      color: #555555; }

    .prod-details .breadcrumbs li a {

      color: #959595; }

    .prod-details .breadcrumbs li i {

      color: #555555; }



.colors {

  padding: 0px;

  margin: 0 0 20px;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease; }

  .colors li {

    list-style: none;

    display: inline-block;

    width: 30px;

    height: 30px;

    background-color: #333;

    border-radius: 50%;

    margin: 2px;

    border: 2px solid transparent; }

    .colors li.active {

      border-color: #BD7029; }

      .colors li.active a:after {

        opacity: 1;

        visibility: visible; }

    .colors li a {

      width: 100%;

      height: 100%;

      display: block;

      position: relative; }

      .colors li a:after {

        position: absolute;

        width: 29px;

        height: 36px;

        background: url(../img/check-mark.svg) center no-repeat;

        background-size: contain;

        content: "";

        top: -10px;

        left: 2px;

        opacity: 0;

        -webkit-transition: all 0.3s ease;

        -moz-transition: all 0.3s ease;

        transition: all 0.3s ease;

        visibility: hidden; }



.accessories {

  padding-bottom: 40px; }

  .accessories h4 {

    padding-left: 20px;

    margin: 40px 0 20px; }

  .accessories h5 {

    font: 1rem "HKGroteskMedium";

    text-align: center;

    margin: 5px;

    height: 35px;

    overflow: hidden; }

    .accessories h5 a {

      color: #555555; }



.prod-foot {

  padding: 10px 0 20px; }

  .prod-foot .btn-group {

    padding: 0 10px; }

    .prod-foot .btn-group a.small-lnk.active {

      background-color: #3F5E22;

      color: #F4F0ED;

      border-color: #3F5E22; }



.carousel {

  position: relative; }

  .carousel i {

    font-size: 2.286rem; }

  .carousel .owl-prev,

  .carousel .owl-next {

    display: inline-block;

    position: absolute;

    top: 50%;

    margin-top: -1.143rem; }

  .carousel .owl-prev {

    left: 0; }

  .carousel .owl-next {

    right: 0; }

  .carousel .item {

    text-align: center; }

    .carousel .item p {

      color: #959595;

      font: 0.857rem "Geologica-Thin";

      margin: 5px;
	height: 40px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;	  }

    .carousel .item h4 {

      text-align: center;

      margin: 0 0 10px;

      padding-left: 20px;

      font-size: 1.286rem; }



.prod-img {

    padding: 20px 15px 20px; }



.bx-wrapper {

  width: 100%;

  margin: 0 !important; }



.vert-slide .slide {

  display: table !important;

  width: auto !important;

  margin: 0 auto; }

  .vert-slide .slide a {

    display: block;

    width: 130px;

    height: 130px;

    text-align: center;

    line-height: 130px;

    border-radius: 10px;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease;

    border: 1px dashed transparent;

    overflow: hidden; }

    .vert-slide .slide a:hover {

      border-color: #e2e2e2; }

    .vert-slide .slide a img {

      max-width: 100%;

      vertical-align: middle;

      max-height: 100%;

      display: inline-block; }



#dop-img {

  display: none !important;
  }
  
  
#dop-img   .owl-item {
	float:none;
		justify-content: center;
  align-content: center;
  align-items: center;
  display: inline-flex;
  width: auto;
  flex-wrap: wrap;
  flex-grow: 1;
	 width:100%;
}
  
 #dop-img .item {
	 

	 
 }
  

  #dop-img a {

    width:50%;

    height: 130px;

 
    line-height: 130px; }

    #dop-img a img {

      max-width: 100%;
  
      max-height: 100%; }



.busket-wrapp {

  max-width: 95%;

  margin: 10px auto;

  padding: 5% 5%;

  min-height: 576px;

  border: 1px dashed #424242;

  border-top-right-radius: 120px;

  border-bottom-left-radius: 120px; }

  .busket-wrapp .uwaga {

    text-align: right;

    color: #8a8f93; }

  .busket-wrapp #total_sub_total {

    text-align: right;

    color: #3a454a;

    font: 1.429rem "HKGroteskLight"; }

    .busket-wrapp #total_sub_total .simplecheckout-cart-total-value {

      color: #BD7029;

      font: 1.429rem  'Geologica-Thin'; }

  .busket-wrapp h5 {

    color: #010101;

    font: 1.286rem "Geologica-Thin";

    padding: 0 15px; }

  .busket-wrapp p {

    font: 1.2rem "Geologica-Thin";

    color: #010101;

    padding: 0 15px;
	padding-top: 10px;	}

  .busket-wrapp .col-md-6 {

    padding: 0;

    float: right;

    border: 1px solid #c2c2c2; }

    .busket-wrapp .col-md-6.order-form {

      float: left;

      position: relative;

      left: 1px;

      padding-bottom: 20px; }

  .busket-wrapp hr {

    border-color: #c2c2c2; }

  .busket-wrapp form label {

    display: inline-block;

    width: 40%;

    vertical-align: top;

    padding: 0 15px;

    height: 28px;

    margin: 5px 0;

    line-height: 28px;

    color: #555555;

    font: 1.143rem "Geologica-Thin"; }

  .busket-wrapp form input {

    display: inline-block;

    vertical-align: top;

    height: 28px;

    line-height: 28px;

    border-radius: 8px;

    width: 100%;

    max-width: 300px;

    border: 1px solid #dadada;

    margin: 5px;

    padding-left: 15px;

    font: 1.143rem "Geologica-Thin";

    color: #F4F0ED; }

  .busket-wrapp form textarea {

    display: inline-block;

    vertical-align: top;

    height: 128px;

    resize: none;

    line-height: 28px;

    border-radius: 8px;

    width: 100%;

    max-width: 300px;

    border: 1px solid #dadada;

    margin: 5px;

    padding-left: 15px;

    font: 1.143rem "Geologica-Thin";

    color: #555555;

    position: relative;

    left: 4px; }

  .busket-wrapp form input[type="submit"] {

    width: auto;

    padding: 0 25px;

    border-radius: 11px;

    height: 30px;

    line-height: 30px;

    border: none;

    display: table;

    margin: 5px auto;

    background-color: #BD7029; }

	 .busket-wrapp form input[type="submit"]:hover {
	background-color: #91561F;	 
	 }
	.busket-wrapp form input[type="submit"]:active {
	background-color: #663C16;	 
	 }

.select-hidden {

  display: none;

  visibility: hidden;

  padding-right: 10px; }



.select {

  cursor: pointer;

  display: inline-block;

  position: relative;

  font-size: 1rem;

  color: #8a8f93;

  width: 100%;

  margin: 5px;

  max-width: 300px;

  height: 28px;

  font-family: "Geologica-Thin"; }



.select-styled {

  position: absolute;

  height: 28px;

  line-height: 28px;

  top: 0;

  border-radius: 10px;

  right: 0;

  bottom: 0;

  left: 0;

  border: 1px solid #dadada;

  background-color: #F4F0ED;

  padding: 0 15px;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease; }

  .select-styled:after {

    content: "";

    width: 30px;

    height: 28px;

    line-height: 28px;

    background-color: #BD7029;
	color: #F4F0ED;

    position: absolute;

    top: -1px;

    border-top-right-radius: 10px;

    border-bottom-right-radius: 10px;

    right: -1px;

    font-family: "fontello";

    content: "";

    text-align: center;

    font-size: 1.2rem; }

  .select-styled:hover {

    background-color: #fafafa;

    color: #555; }

  .select-styled:active, .select-styled.active {

    background-color: #f2f2f2;

    color: #555; }

    .select-styled:active:after, .select-styled.active:after {

      background-color: #3F5E22;

      color: #F4F0ED; }



.select-options {

  display: none;

  position: absolute;

  top: 35px;

  right: 0;

  left: 0;

  z-index: 999;

  margin: 0;

  color: #555;

  border-radius: 10px;

  padding: 0;

  list-style: none;

  background-color: #F4F0ED;

  border: 1px solid #dadada;

  overflow: hidden; }

  .select-options li {

    margin: 0;

    padding: 12px 0;

    text-indent: 15px;

    cursor: pointer !important;

    -webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    transition: all 0.3s ease; }

    .select-options li:hover {

      background-color: #f2f2f2; }

    .select-options li[rel="hide"] {

      display: none; }



#alphabet {

  display: block;

  text-align: center;

  padding: 10px 0; }

  #alphabet span {

    display: inline-block;

    margin: 5px;

    color: #000;

    font: 1.286rem "Geologica-Thin"; }

  #alphabet ul {

    display: inline-block;

    padding: 0;

    margin: 0;

    padding: 0 15px;

    border-radius: 15px;

    border: 1px solid #3F5E22; }

    #alphabet ul li {

      display: inline-block; }

      #alphabet ul li:nth-child(2) a {

        font-size: 1.186rem; }

      #alphabet ul li a {

        color: #374045;

        font: 1.286rem "Geologica-Thin";

        color: #374045;

        height: 2.6rem;

        line-height: 2.7rem;

        min-width: 2.6rem;

        display: inline-block;

        padding: 0 2px;

        border-radius: 50%;

        -webkit-transition: all 0.3s ease;

        -moz-transition: all 0.3s ease;

        transition: all 0.3s ease; }

        #alphabet ul li a.active {

          color: #F4F0ED;

          background-color: #BD7029; }

        #alphabet ul li a:hover {

          color: #F4F0ED;

          background-color: #3F5E22; }



#brandlist {

  padding: 0;

  margin: 0;

  text-align: center; }

  #brandlist li {

    display: inline-block;

    vertical-align: top;

    margin: 5px;

    width: 25%; }

    #brandlist li a {

      height: 2.6rem;

      display: block;

      color: #3a454a;

      font: 1.203rem 'Geologica-Thin';

      padding: 2px 5px;

      border-radius: 15px;

      border: 1px solid transparent;

      -webkit-transition: all 0.3s ease;

      -moz-transition: all 0.3s ease;

      transition: all 0.3s ease; }

      #brandlist li a span {

        display: inline-block;

        width: 50%;

        line-height: 2.6rem;

        text-align: center;

        height: 100%;

        cursor: pointer !important; }
		
		  #brandlist li a span.left-side {width:60%;}
		  
		    #brandlist li a span.right-side {width:40%;}

      #brandlist li a:hover {

        border-color: #3F5E22; }

        #brandlist li a:hover img {

          opacity: 1; }

    #brandlist li img {

      max-height: 100%;

      opacity: 0;

      vertical-align: top;

      -webkit-transition: all 0.3s ease;

      -moz-transition: all 0.3s ease;

      transition: all 0.3s ease; }



.reviews h1 span {

  position: relative;

  font: 1.7rem "Geologica-Thin";

  border-radius: 50%;

  background-color: #BD7029;

  display: inline-block;

  width: 2.857rem;

  height: 2.857rem;

  text-align: center;

  line-height: 2.9rem;

  color: #000;

  top: -20px;

  left: -10px;

  color: #F4F0ED; }



.reviews-wrp .s_rating {

  display: inline-block;

  float: right;

  margin-top: 5px; }

.reviews-wrp .col-md-8 {

  padding-top: 5px;

  padding-bottom: 30px; }

.reviews-wrp .items {

  margin-bottom: 25px; }

  .reviews-wrp .items .reviewfooter {

    padding: 10px 0; }

  .reviews-wrp .items .rev-text {

    border: 1px dashed #e2e2e2;

    position: relative;

    display: block;

    padding: 10px 25px;

    margin-bottom: 25px; }

    .reviews-wrp .items .rev-text:before {

      position: absolute;

      content: "";

      left: 15px;

      width: 20px;

      height: 20px;

      top: -10px;

      border: 1px dashed #e2e2e2;

      background-color: #F4F0ED;

      border-left: none;

      border-bottom: none;

      -webkit-transform: rotate(-45deg);

      -moz-transform: rotate(-45deg);

      -ms-transform: rotate(-45deg);

      -o-transform: rotate(-45deg);

      transform: rotate(-45deg); }

    .reviews-wrp .items .rev-text p {

      padding-left: 0;

      margin: 0;

      color: #2c3e50;

      font-size: 1rem;

      line-height: 1.5rem; }

  .reviews-wrp .items b,

  .reviews-wrp .items span {

    font: 1rem "Geologica-Thin";

    color: #2c3e50;

    line-height: 1.5rem;

    display: inline-block;

    margin: 5px;

    vertical-align: top; }

  .reviews-wrp .items b {

    font: 1rem "OpenSansLight";

    color: #8a8f93;

    font-weight: normal; }

.reviews-wrp form {

  background-color: #f6f6f6 !important;

  padding: 30px 4.1% 5px !important; }

.reviews-wrp h6 {

  color: #000000;

  margin-bottom: 10px;

  text-transform: none; }

.reviews-wrp input,

.reviews-wrp textarea {

  display: block !important;

  width: 100% !important;

  font: 1rem "OpenSansLight" !important;

  color: #585858 !important;

  border: 1px solid #e2e2e2 !important;

  padding-left: 12px !important;

  max-width: none !important;

  margin: 10px 0 !important;

  border-radius: 0 !important;

  left: 0 !important; }

.reviews-wrp input {

  height: 37px !important;

  line-height: 37px !important;

  margin-bottom: 15px !important; }

.reviews-wrp textarea {

  height: 74px !important;

  resize: none !important;

  line-height: 1.5rem !important;

  padding-top: 10px !important; }

.reviews-wrp a.small-lnk {

  display: table !important;

  margin: 15px auto !important;

  background-color: #F4F0ED; }

  .reviews-wrp a.small-lnk:hover {

    background-color: #BD7029; }



.cart-tools h5 {

  display: inline-block;

  margin: 15px 5px !important; }

.cart-tools .btn-group {

  display: inline-block;

  margin: 10px 5px !important; }



.reviews .reviews-wrp .col-md-8 {

  border: 1px solid #e3e3e3; }



.mfp-content {

  text-align: center !important; }



.popmessage {

  background-color: #F4F0ED;

  text-align: center;

  display: inline-block;

  width: 100%;

  max-width: 344px;

  border: 1px dashed #BD7029;

  padding: 20px 20px 30px;

  border-top-right-radius: 50px;

  border-bottom-left-radius: 50px;

  position: relative; }

  .popmessage .mfp-close {

    width: 25px;

    height: 25px;

    line-height: 25px;

    color: #F4F0ED !important;

    border-radius: 50%;

    background-color: #989898;

    top: 6% !important;

    right: 6% !important; }

  .popmessage h2 {

    margin-bottom: 5px !important;

    font: 1.5rem  'Geologica-SemiBold';

    color: #989898; }

  .popmessage p {

    font: 1.286rem "HKGroteskMedium";

    color: #000; }

    .popmessage p a {

      display: inline-block;

      padding: 5px 20px;

      border-radius: 18px;

      background-color: #537A2E;

      color: #F4F0ED; }
	.popmessage p a:hover{
		background-color: #3F5E22;
	}
	.popmessage p a:active{
		background-color: #2B4018;
	}

.successAdd {

  display: inline-block;

  width: 5.857rem;

  height: 5.857rem;

  background: url(../img/successAdd.svg) center no-repeat;

  background-size: contain; }



.products-buy h4 {

  margin: 20px 0; }

.products-buy .bskt-itm {

  display: block;

  border-bottom: 1px solid #c2c2c2; }

  .products-buy .bskt-itm .img-baskt,

  .products-buy .bskt-itm .color-baskt,

  .products-buy .bskt-itm .quant-baskt,

  .products-buy .bskt-itm .delet-bskt {

    display: inline-block;

    text-align: center;

    vertical-align: top;

    height: 14.5rem;

    line-height: 14.5rem;

    border-right: 1px solid #c2c2c2; }

.products-buy .img-baskt {

  width: 42.59259%;

  padding: 0 5px;

  line-height: normal !important; }

  .products-buy .img-baskt .tov-itm {

    margin: 5px 0;

    width: 40%;

    padding-top: 40%; }

  .products-buy .img-baskt .name-prod {

    display: block;

    text-align: center;

    color: #555555;

    font: 1.286rem "HKGroteskMedium"; }

.products-buy .color-baskt {

  width: 15.74074%; }

  .products-buy .color-baskt span {

    line-height: 20px !important;

    display: inline-block; }

.products-buy .quant-baskt {

  width: 22.22222%;

  line-height: 20.5rem !important; }

  .products-buy .quant-baskt .quant-wrp {

    display: inline-block;

    line-height: normal !important; }

    .products-buy .quant-baskt .quant-wrp input {

      text-align: center;

      height: 2.5rem;

      line-height: 2.5rem;

      width: 78px;

      border-radius: 12px;

      font: 1.429rem "HKGroteskMedium";

      color: #555555;

      border: 1px solid #989898; }

    .products-buy .quant-baskt .quant-wrp span {

      display: block;

      font: 1.429rem  'Geologica-Thin';

      color: #BD7029;

      margin: 3px 0; }

.products-buy .delet-bskt {

  border-right: none !important;

  width: 15.74074%; }

  .products-buy .delet-bskt a {

    font-size: 2.571rem;

    color: #828283; }

    .products-buy .delet-bskt a:hover {

      color: #BD7029; }



a.video {

  text-align: center;

  line-height: 130px;

  background-position: center;

  background-size: cover; }

  a.video img {

    width: 40%; }



.search .breadcrumbs {

  height: auto;

  line-height: normal;

  position: absolute;

  bottom: 0;

  left: 0; }



.searchform {

  text-align: center;

  margin: 40px 0; }

  .searchform label {

    display: inline-block;

    font: 1.286rem "Geologica-Thin"; }

  .searchform .search-wrp {

    display: inline-block;

    width: 100%;

    max-width: 442px;

    position: relative;

    height: 35px;

    line-height: 35px; }

    .searchform .search-wrp input[type="text"] {

      width: 100%;

      height: 100%;

      border: 1px solid #BD7029;

      border-radius: 15px;

      padding-left: 25px;

      padding-right: 53px; }

    .searchform .search-wrp button {

      width: 53px;

      height: 100%;

      background-color: #BD7029;

      border: none;

      border-top-right-radius: 15px;

      border-bottom-right-radius: 15px;

      position: absolute;

      right: 0;

      top: 0;

      -webkit-transition: all 0.3s ease;

      -moz-transition: all 0.3s ease;

      transition: all 0.3s ease;

      color: #F4F0ED; }

      .searchform .search-wrp button:hover {

        background-color: #3F5E22; }



#to-top {

  display: block;

  width: 50px;

  height: 50px;

  line-height: 45px;

  border-radius: 50%;

  background-color: #BD7029;

  border: 3px solid #3F5E22;

  color: #F4F0ED;

  text-align: center;

  position: fixed;

  right: 28px;

  z-index: 900;

  bottom: 0%;

  visibility: hidden;

  opacity: 0;

  font-size: 30px;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  transition: all 0.3s ease; }

  #to-top.show {

    bottom: 9%;

    visibility: visible;

    opacity: 1; }

  #to-top:hover {

    background-color: #3F5E22; }



.static-wrp {

  padding: 2% 5%; }

  .static-wrp img {

    max-width: 100%; }

  .static-wrp h1 {

    font-size: 2.4rem;

    line-height: 2.7rem; }

  .static-wrp h2 {

    text-align: left;

    font-size: 2rem;

    line-height: 3rem; }



.brnd-img {

  display: block;

  max-width: 200px;

  width: 100%;

  margin: 0 auto; }



.podcont {

  text-align: center; }

  .podcont a.lnk {

    margin-top: 20px;

    background-color: #537A2E;

    border-color: #537A2E;

    color: #F4F0ED; }

    .podcont a.lnk:hover {

      background-color: #3F5E22;

      border-color: #3F5E22; }

.podcont a.lnk:active {

      background-color: #2B4018;

      border-color: #2B4018; }

.brand-itm {

  display: inline-block;

  width: 19%;

  vertical-align: top;

  position: relative;

  border: 1px dashed #e2e2e2;

  border-radius: 20px;

  margin: 15px 0;

  padding: 0 10px;

  text-align: center; }

  .brand-itm h4 {

       font-size: 1.215rem;

    height: 45px;
 }

    .brand-itm h4 a {

      color: #5d5d5d; }

  .brand-itm .avatarsss {

    height: 100%;

    position: absolute;

    height: 100%;

    right: 0;

    top: 2%;

    padding: 0;

    margin: 0;

    overflow: hidden;

    max-height: 58%;

    width: 54px;

    text-align: left; }

    .brand-itm .avatarsss .simplebar-track .simplebar-scrollbar {

      background-color: #BD7029; }

    .brand-itm .avatarsss li {

      display: block;

      list-style: none; }

      .brand-itm .avatarsss li.it a {

        border: 1px solid #BD7029 !important; }

      .brand-itm .avatarsss li a {

        display: inline-block;

        width: 40px;

        height: 40px;

        border-radius: 50%;

        overflow: hidden;

        background-size: contain;

        background-position: center;

        background-repeat: no-repeat;

        background-color: #F4F0ED;

        border: 1px dashed #ebb218; }



#descr_opus p.opus {

  font: 1.3rem "Geologica-Thin";

  color: #959595;

  text-align: center; }



.brands .busket-wrapp {

  padding: 1% 3%; }



#to-map {

  display: inline-block;

  border: none;

  padding: 0;

  line-height: 28px;

  height: 28px;

  margin: 5px;

  vertical-align: middle;

  font-family: "Geologica-Thin";

  padding-left: 31px;

  background: url(../img/map.svg) left center no-repeat;

  background-size: auto 21px; }

  #to-map b {

    color: #000;

    text-decoration: underline; }



.tmwrp {

  display: inline-block;

  margin: 0; }



#this-np {

  display: table;

  width: auto;

  padding: 0 20px;

  background-color: #ed1c23;

  height: 38px;

  border-radius: 4px;

  line-height: 38px;

  font-size: 14px;

  margin: 0 auto 10px;

  border: none;

  color: #F4F0ED;

  font-family: "Muemo", sans-serif; }



.this-np-frm-list {

  display: table;

  width: auto;

  padding: 0 10px;

  background-color: #ed1c23;

  height: 28px;

  border-radius: 4px;

  line-height: 28px;

  font-size: 13px;

  margin: 0 auto 0;

  border: none;

  color: #F4F0ED;

  font-family: "Muemo", sans-serif; }



#success {

  display: block;

  text-align: center;

  padding-top: 20%; }

  #success .tabs {

    text-align: center;

    color: #30282c;

    font: 2rem  'Geologica-Thin'; }

  #success p {

    color: #989898;

    text-align: center;

    font: 1.5rem  'Geologica-Thin'; }

    #success p a {

      color: #000; }



.blog-wrp {

  padding: 2% 5%; }

  .blog-wrp h2 {

    margin-top: 0;

    font-size: 2.2rem; }

  .blog-wrp .col-sm-6 img {

    max-width: 100%;

    display: table;

    margin: 0 auto; }



.blog-wrapp {

  text-align: center; }



.blog-itm {

  display: inline-block;

  width: 100%;

  max-width: 300px;

  margin: 10px;

  vertical-align: top; }

  .blog-itm .blog-text {

    border: 1px dashed #e2e2e2;

    border-top: none;

    padding-top: 30px; }

    .blog-itm .blog-text p {

      padding: 0 10px; }

    .blog-itm .blog-text .date-post {

      text-align: right;

      color: #888686;

      margin: 0 0 10px; }

    .blog-itm .blog-text h3 {

      margin-top: 0;

      height: 46px;

      overflow: hidden; }

      .blog-itm .blog-text h3 a {

        color: #333; }

  .blog-itm .blog-image {

    width: 100%;

    height: 170px; }

    .blog-itm .blog-image a {

      display: block;

      width: 100%;

      height: 100%;

      line-height: 170px;

      background-repeat: no-repeat;

      background-position: center;

      background-size: cover; }



.contacts-wrp {

  text-align: center; }

  .contacts-wrp .cont-col {

    max-width: 440px;

    display: inline-block;

    width: 100%;

    vertical-align: top; }

    .contacts-wrp .cont-col:last-child {

      padding-top: 60px; }

    .contacts-wrp .cont-col .thanks p {

      font-size: 1.4rem; }

    .contacts-wrp .cont-col form {

      text-align: center; }

      .contacts-wrp .cont-col form input {

        max-width: 420px;

        height: 45px;

        line-height: 45px; }

      .contacts-wrp .cont-col form textarea {

        max-width: 420px;

        height: 170px;

        padding-top: 10px;

        left: 0; }

    .contacts-wrp .cont-col .mail {

      display: table;

      line-height: 60px;

      margin: -10px 15px 30px;

      font: 1.5rem "OpenSansLight"; }

      .contacts-wrp .cont-col .mail i {

        display: inline-block;

        width: 60px;

        height: 60px;

        background-color: #BD7029;

        text-align: center;

        line-height: 60px;

        color: #F4F0ED;

        border-radius: 50%;

        margin-right: 10px;

        font-size: 26px; }

        .contacts-wrp .cont-col .mail i:before {

          margin: 0;

          position: relative;

          left: -5px; }

    .contacts-wrp .cont-col .work-time {

      display: table;

      color: #333;

      padding-left: 70px;

      background-size: contain;

      font: 1.5rem "OpenSansLight";

      line-height: 1.286rem;

      margin: 0 0;

      vertical-align: middle;

      margin: 30px 15px;

      text-align: left;

      position: relative; }

      .contacts-wrp .cont-col .work-time:before {

        position: absolute;

        width: 60px;

        height: 60px;

        left: 0;

        top: 50%;

        margin-top: -30px;

        border-radius: 50%;

        background: url(../img/clock.svg) center center no-repeat;

        background-size: 60%;

        background-color: #BD7029;

        content: ""; }

    .contacts-wrp .cont-col ul.tels:before {

      color: #F4F0ED;

      background-color: #BD7029;

      border-radius: 50%;

      width: 60px;

      height: 60px;

      line-height: 60px;

      top: 50%;

      margin-top: -30px;

      text-align: center; }

    .contacts-wrp .cont-col ul.tels {

      color: #333;

      margin: 30px 15px;

      display: table;

      padding-left: 70px; }

      .contacts-wrp .cont-col ul.tels a {

        font-size: 1.4rem;

        color: #333; }



.pagination {

  text-align: center;

  padding: 40px 0; }

  .pagination span,

  .pagination a {

    display: inline-block;

    width: 40px;

    height: 40px;

    text-align: center;

    line-height: 40px;

    border-radius: 4px;

    border: 1px dashed #333;

    font-size: 1.2rem;

    margin: 10px; }

  .pagination span {

    border: 1px solid #3F5E22;

    background-color: #3F5E22;

    color: #F4F0ED; }



.wowa {

  display: block;

  position: absolute;

  width: 102px;

  top: -3px;

  left: 50%;

  margin-left: -52px;

  height: 35px;

  font-size: 1.2rem;

  background-color: #F4F0ED;

  border-bottom-left-radius: 52px;

  border-bottom-right-radius: 52px;

  border: 2px solid #3F5E22;

  border-top: none;

  color: #3F5E22;

  text-transform: uppercase;

  text-align: center; }



iframe[name="google_conversion_frame"] {

  display: none; }

  

  .busket-wrapp p.price_sale {

		   text-decoration: line-through;

		       color: #919199;

	   }

	   

	   

	

.actsubmit {

    background:url('../img/progress.gif') repeat-x !important;





}



  /* new year*/

.logo-head {

	position:relative;

}



.logo-head:after{

	background-image:url(/img/s1.png),url(/img/s2.png),url(/img/s3.png);

	height:100%;left:0;position:absolute;top:0;width:100%;z-index:1;animation:snow 20s linear infinite;content:""}

	@keyframes snow{0%{background-position:0 0,0 0,0 0}50%{background-position:500px 500px,100px 200px,-100px 150px}100%{background-position:500px 1000px,200px 400px,-100px 300px}}

	



/*end newyear*/ 


/* bug fix */

#ctwrp {
  display: flex;
}
#ctwrp > *{
  box-sizing: content-box!important;
}
@media screen and (max-width: 992px) {
  .catalog-grid .row{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .cat-sb .row{
    display: block;
  }
  .home-grid .row .col-md-6 .row:after,  .home-grid .row .col-md-6 .row:before{
	  display:none;
  }
}

/* update style */

.catalog-grid .col a.tov-itm, .brand-itm a.tov-itm {
  width: 100%;
  max-width:260px;
  padding-top: 90%;
  border: none;
}
a.tov-itm, .brand-itm a.tov-itm {
  width: 100%;
  padding-top: 100%;
  border: none;
}

.mobile-hide{
    display: block;
}
.desc-hidden{
    display: none;
}
.mob-tel-menu{
    display: block;
    width: 30px;
    height: 30px;
    background-image: url(../img/icon-tel.svg);
}





.hide-form {
    display: none!important;
}
.hide-form.show {
    display: block!important;
}
.main-menu-mobile{
    display: flex!important;
    justify-content: space-between;
}

.main-menu-mobile > #logo{
    flex-shrink: 0;
}
.main-menu-mobile > ul{
    width: 50%!important;
    display: flex!important;
    justify-content: space-around;
    align-items: center;
}

.menu-button {
    display: block;
    position: relative;
    z-index: 999;
    /*right: 15px;*/
    /*top: 10px;*/
    width: 30px;
    height: 50px;
}
.menu-button .ico {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px;
    width: 30px;
    height: 30px;
}
.menu-button .line {
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
    margin: -1px 0 0 0;
    width: 30px;
    height: 3px;
    background: #E3D9DF;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
    transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
}
.menu-mobile-top{
    display: none;
    position: absolute;
    width: 100%;
    top: 72px;
    background-color: #28282E;
    height: auto;
}

.menu-mobile-top.open{
    display: block;
}

.menu-mobile-top .top-head .tels{
    background: transparent;
    padding: initial;
    padding-left: 28px;
    display: flex;
    max-width: 120px;
    margin: 20px auto 10px;
}
.menu-mobile-top .top-head {
    padding: 20px 0;
}
.menu-mobile-top .top-head .tools{
   display: flex;
   background: transparent;
   position: initial;
}

.menu-mobile-top ul{
    background-color: #28282E;
    padding: 0;
}
.flex-wrapper{
    display: flex;
}
.menu-button .line.l1 {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
}
.menu-button .line.l2 {
     width: 30px;
}
.menu-button .line.l3 {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
}
.open-menu .menu-button .line.l3 {
    -webkit-transfrom: rotate(-45deg);
    -moz-transfrom: rotate(-45deg);
    -ms-transfrom: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.open-menu .menu-button .line.l2 {
     -webkit-opacity: 0;
     -moz-opacity: 0;
     -ms-opacity: 0;
     opacity: 0;
}
.open-menu .menu-button .line.l1 {
    -webkit-transfrom: rotate(45deg);
    -moz-transfrom: rotate(45deg);
    -ms-transfrom: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}




@media only screen and (max-width: 1200px){
  .catalog-grid .col a.tov-itm {
      width: 100%;
      padding-top: 60%;
      border: none;
  }
}

@media only screen and (max-width: 1367px){
    a.tov-itm {
      width: 100%;
      padding-top: 60%;
      border: none;
  }
}

@media only screen and (max-width: 992px){
    .main-front{
        display: none!important;
    }
}

@media only screen and (max-width: 768px){
	
	
	#navi_hide  li a {
		
		  font-size: 1.1rem;
		
	}

    .mobile-hide,.top-head form{
        display: none !important;
    }
    .desc-hidden{
        display: block;
    }
    header ul li a {
        font-size: 0.8rem;
}   }


@media only screen and (max-width: 375px) {
    header ul li a {
        font-size: 0.8rem;
    }
}

#bgndVideo,#bgndVideo2,#bgndVideo3,#bgndVideo4,#bgndVideo5,#bgndVideo6,#bgndVideo7,#bgndVideo8 {
     padding-bottom:120% !important;
}

@media only screen and (max-width: 1563px) {
   #bgndVideo,#bgndVideo2,#bgndVideo3,#bgndVideo4,#bgndVideo5,#bgndVideo6,#bgndVideo7,#bgndVideo8 {
     padding-bottom:130% !important;
}
}

@media only screen and (max-width: 1288px) {
   #bgndVideo,#bgndVideo2,#bgndVideo3,#bgndVideo4,#bgndVideo5,#bgndVideo6,#bgndVideo7,#bgndVideo8 {
     padding-bottom:150% !important;
}
}

@media only screen and (max-width: 1058px) {
   #bgndVideo,#bgndVideo2,#bgndVideo3,#bgndVideo4,#bgndVideo5,#bgndVideo6,#bgndVideo7,#bgndVideo8 {
     padding-bottom:180% !important;
}
}

@media only screen and (max-width: 960px) {
   #bgndVideo,#bgndVideo2,#bgndVideo3,#bgndVideo4,#bgndVideo5,#bgndVideo6,#bgndVideo7,#bgndVideo8 {
     padding-bottom:100% !important;
}
}

@media only screen and (max-width: 810px) {
   #bgndVideo,#bgndVideo2,#bgndVideo3,#bgndVideo4,#bgndVideo5,#bgndVideo6,#bgndVideo7,#bgndVideo8 {
     padding-bottom:100% !important;
}
}

@media only screen and (max-width: 601px) {
   #bgndVideo,#bgndVideo2,#bgndVideo3,#bgndVideo4,#bgndVideo5,#bgndVideo6,#bgndVideo7,#bgndVideo8 {
     padding-bottom:100% !important;
	 
	 
}

.bot-foot form button{
		 
		 top:10px;
		 position:static;
	 }

}

@media only screen and (max-width: 546px) {
   #bgndVideo,#bgndVideo2,#bgndVideo3,#bgndVideo4,#bgndVideo5,#bgndVideo6,#bgndVideo7,#bgndVideo8 {
     padding-bottom:100% !important;
}
}

@media only screen and (max-width: 476px) {
   #bgndVideo,#bgndVideo2,#bgndVideo3,#bgndVideo4,#bgndVideo5,#bgndVideo6,#bgndVideo7,#bgndVideo8 {
     padding-bottom:120% !important;
}
}
@media only screen and (max-width: 354px) {
   #bgndVideo,#bgndVideo2,#bgndVideo3,#bgndVideo4,#bgndVideo5,#bgndVideo6,#bgndVideo7,#bgndVideo8 {
     padding-bottom:130% !important;
}
}

#read_more {
  max-height: 128px;
  position: relative;
  overflow: hidden;
}
#read_more .read-more { 
  position: absolute; 
  bottom: 0; 
  left: 0;
  width: 100%; 
  text-align: center; 
  margin: 0; padding: 30px 0; 
	
  /* "transparent" only works here because == rgba(0,0,0,0) */
  background-image: linear-gradient(to bottom, transparent, white);
}

.read_but {
	
	bottom: 0;
    position: absolute;
	right:0;
	color:#555555;
}

@media screen and (max-width: 992px){
html{overflow-x: hidden;	
}
}
.goods .sticky{
z-index:5;	
}



.busket-wrapp form label.error {
    color: red;
    transition: all 1s ease-out;
    width: 100%;
}

@media screen and (max-width: 620px){
#addform{
display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
}

#addform .select-styled {
	color: #555555;
}

.catalog-grid.full .tggl {
right: -30%;	
}
.title .small-lnk{
	display:flex;
	width: fit-content;
	margin: 0 auto !important;
}
.title .ttl-wrp h2, .title .ttl-wrp h3{
text-shadow: 1px 1px black;	
}

@media (min-width: 768px) {
	.Akciya-Elodie-Details .col-sm-6, .Akciya_Elodie_Details .col-sm-6{
	float: none;
	margin: 0 auto;	
	}
}
.Akciya-Elodie-Details .row, .Akciya_Elodie_Details .row{
	display: flex;
	justify-content:center;
	flex-direction: column;
}
.green{
	color: #3F5E22;
}
.row-mobile-fix{
	display:flex;
}
.row-mobile-fix div{
	width: 100%;
	background-size: cover;
	min-height: 650px;
	border: 1px solid #3F5E22;
}
.row-mobile-fix div:nth-child(1){
border-right: 0px	solid #3F5E22;
}
.row-mobile-fix .ttl-wrp{
        padding-top: 120px;
}
.row-mobile-fix h2,.row-mobile-fix h3{
	color: #F4F0ED;
}
@media screen and (min-width: 1201px){
	
.row-mobile-fix{
	padding-top: 60px;
}	
}
input::placeholder{
	color: #182111;
}
.top-head-pc{
background-color:#2B4018;
}
.top-head-pc h2{
	margin:0;
	color: white;
}
@media screen and (max-width:1200px){
	.top-head-pc{display:none;}
}
.blog-wrp p>img{
	display:flex; margin: 0 auto; max-width: 100%; height: auto;
}
.blog-wrp .fullimg{display:flex;margin: 0 auto; max-width: 100%; height: auto;}