@charset "utf-8";

#moyubratsravnenie::before {
  content: "Убрать из сравнения";
}

#moypokazat::before {
  content: "показать все";
}

#moyskryt::before {
  content: "скрыть";
}

#moyvkorziny::before {
  content: "В корзину";
}

#moypozaprosu::before {
  content: "Цена по запросу";
}


/* BREADCRUMBS */
.breadcrumbs-wrapper{
    margin: 0px 0 0px;
    font-size: 13px;
    font-style: italic;
}

.breadcrumbs-wrapper a{
    position: relative;
}

@media only screen and (max-width: 767px) {
    .breadcrumbs-wrapper{
        margin: -25px 0 25px;
    }
}
/* /. BREADCRUMBS */

.awhite {
  color: #fff;
}

.awhite a{
  color: #fff;
}

footer .awhite {
    color: #ffe;
}


.slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}
.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}
.slick-list:focus{outline:none}
.slick-list.dragging{cursor:pointer;cursor:hand}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.slick-track{position:relative;top:0;left:0;display:block}
.slick-track:before,.slick-track:after{display:table;content:''}
.slick-track:after{clear:both}
.slick-loading .slick-track{visibility:hidden}
.slick-slide{display:none;float:left;height:100%;min-height:1px}
[dir='rtl'] .slick-slide{float:right}
.slick-slide.slick-loading img{display:none}
.slick-slide.dragging img{pointer-events:none}
.slick-initialized .slick-slide{display:block}
.slick-loading .slick-slide{visibility:hidden}
.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}
.slider-wrapper .item img{min-height:300px}
.slick-dots{width:100%;padding:60px 0 0;list-style:none;text-align:center;display:block}
.slick-dots li button{position:absolute;top:-5px;left:-5px;border:none;border-radius:50%;display:block;opacity:0}
.slick-dots li{cursor:pointer;display:inline-block;border-radius:50%;width:9px;height:9px;margin:0 8px;cursor:pointer;position:relative;border:1px solid #fff}
.slick-dots li.slick-active{box-shadow:0 0 0 1px #fff}
.slick-prev,.slick-next{display:block;width:64px;height:35px;line-height:35px;border:1px solid #fff;position:absolute;top:50%;margin-top:-20px;z-index:10;cursor:pointer;border-radius:30px;-webkit-transition:all 200ms ease-out;-moz-transition:all 200ms ease-out;-o-transition:all 200ms ease-out;transition:all 200ms ease-out;color:#fff!important;opacity:.5;text-align:center}
.slick-prev{left:30px}
.slick-next{right:30px}
.slick-prev i,.slick-next i{line-height:33px}
.slick-prev:hover,.slick-next:hover{opacity:1}
.product-carousel .slick-prev,.product-carousel .slick-next{border:1px solid #ABABAC;top:50%; margin-top: -17px;color:#ABABAC!important;opacity:1}
.product-carousel .slick-prev{left:0}
.product-carousel .slick-next{right:0px}
.product-carousel .slick-prev:hover,.product-carousel .slick-next:hover{border-color:#000;color:#000!important}
@media only screen and (min-width: 992px) {
::-webkit-resizer{background-image:url(style.css);background-repeat:no-repeat;width:8px;height:1px}
::-webkit-scrollbar{width:8px}
::-webkit-scrollbar-button{background-image:url(style.css);background-repat:no-repeat;width:8px;height:0}
::-webkit-scrollbar-thumb{-webkit-border-radius:0;border-radius:0;background-color:#3eb489}
::-webkit-scrollbar-track{background-color:#333}
}
@-webkit-keyframes mymove {
from{bottom:0}
to{bottom:20px}
}
@keyframes mymove {
from{bottom:0}
to{bottom:20px;opacity:0}
}
#up{position:fixed;z-index:300;bottom:30px;right:30px;display:none;color:#FFF;width:30px;text-align:center;height:30px;cursor:pointer;-webkit-transition:background-color 200ms ease-out;-moz-transition:background-color 200ms ease-out;-o-transition:background-color 200ms ease-out;transition:background-color 200ms ease-out;background:#000;font-size:22px}
#up:hover{background-color:#2C2C2C}
#up .fa{display:block;line-height:30px}
#up i::after{animation:1.5s ease 0 normal none infinite running mymove;color:#fff;-webkit-animation:mymove 1.5s infinite;content:"\f102";height:100%;position:absolute;width:100%;left:0}
.delay-250{-webkit-animation-delay:250ms;-moz-animation-delay:250ms;-o-animation-delay:250ms;animation-delay:250ms}
.delay-500{-webkit-animation-delay:500ms;-moz-animation-delay:500ms;-o-animation-delay:500ms;animation-delay:500ms}
.delay-750{-webkit-animation-delay:750ms;-moz-animation-delay:750ms;-o-animation-delay:750ms;animation-delay:750ms}
.delay-1000{-webkit-animation-delay:1000ms;-moz-animation-delay:1000ms;-o-animation-delay:1000ms;animation-delay:1000ms}
.delay-1250{-webkit-animation-delay:1250ms;-moz-animation-delay:1250ms;-o-animation-delay:1250ms;animation-delay:1250ms}
.delay-1500{-webkit-animation-delay:1500ms;-moz-animation-delay:1500ms;-o-animation-delay:1500ms;animation-delay:1500ms}
.delay-1750{-webkit-animation-delay:1750ms;-moz-animation-delay:1750ms;-o-animation-delay:1750ms;animation-delay:1750ms}
.delay-2000{-webkit-animation-delay:2000ms;-moz-animation-delay:2000ms;-o-animation-delay:2000ms;animation-delay:2000ms}
.delay-2500{-webkit-animation-delay:2500ms;-moz-animation-delay:2500ms;-o-animation-delay:2500ms;animation-delay:2500ms}
.delay-3000{-webkit-animation-delay:3000ms;-moz-animation-delay:3000ms;-o-animation-delay:3000ms;animation-delay:3000ms}
.delay-3500{-webkit-animation-delay:3500ms;-moz-animation-delay:3500ms;-o-animation-delay:3500ms;animation-delay:3500ms}
#preloader{background:#fff;top:0;right:0;bottom:0;width:100%;height:100%;left:0;position:fixed;z-index:9999;display:block;-webkit-transition:all 600ms ease-out;-moz-transition:all 600ms ease-out;-o-transition:all 600ms ease-out;transition:all 600ms ease-out;opacity:1}
#preloader.hid{opacity:0;visibility:hidden}
.no-preloader #preloader{display:none}


.text-right {text-align:right}
.navi {
     padding-bottom: 15px;
}
.navi a {
    color: #0e9be3;
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
    text-decoration: underline;
    text-decoration: none;
}

.mdclose {
      -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
    text-decoration: underline;
    text-decoration: none;
  padding-bottom: 40px;
}

.tag-slider {
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  list-style: none;
  margin-bottom: 10px !important;
  padding-left: 20px;
  padding-right: 20px;
  width: auto;
  position: relative;
  height: 31px;
  min-height: 32px !important;
  overflow: hidden;
  display: block !important;
}

.tag-slider.open,
.tag-slider.opens {
  height: auto;
  margin: 0 auto 0px auto !important;
}

.tag-slider li {
  margin: 0 5px 10px 5px;
  display: inline-block;
}

.tag-slider a {
  color: #0e9be3;
  border: #0e9be3 solid 1px;
  padding: 4px 20px;
  border-radius: 5px;
  display: inline-block;
}

.tag-slider a:hover {
  text-decoration: none;
  color: #ffffff;
  border: #0e9be3 solid 1px;
  background: #0e9be3;
}

.tag-slider .slick-arrow {
  margin: auto;
  position: absolute;
  top: 50%;
  margin-top: -10px;
}
.tag-slider .arrow_right{
    right: 0px;
}
.tag-slider .arrow_left{
    left: 0px;
}
.tag-slider .slick-arrow svg{
    height: 20px;
}
.tag-slider .slick-prev {
  margin: auto;
  margin-left: 7px;
  padding: 5px 0px 5px 0px;
}

.tag-slider .slick-next {
  margin: auto;
  margin-right: 7px;
  padding: 5px 0px 5px 0px;
}

.tag-slider-pointer {
    cursor: pointer;
}



.tag-dostavka {
  font-size: 14px;
  font-weight: 500;
  padding: 0;
  list-style: none;
  margin-bottom: 10px !important;
  padding-left: 20px;
  padding-right: 20px;
  width: auto;
  position: relative;
  height: 31px;
  min-height: 32px !important;
  overflow: hidden;
  display: block !important;
}

.tag-dostavka li {
  margin: 0 5px 10px 5px;
  display: inline-block;
}

.tag-dostavka a {
  color: #0e9be3;
  border: #0e9be3 solid 1px;
  padding: 4px 20px;
  border-radius: 5px;
  display: inline-block;
}

.tag-dostavka a:hover {
  text-decoration: none;
  color: #ffffff;
  border: #0e9be3 solid 1px;
  background: #0e9be3;
}

.tag-dostavka-pointer {
    cursor: pointer;
}

.tag-footer {
  font-size: 14px;
  list-style: none;


}

.tag-footer li {
  margin: 0 5px 10px 5px;
  display: inline-block;
}

.tag-footer a {
  color: #0e9be3;
  border: #0e9be3 solid 1px;
  padding: 4px 20px;
  border-radius: 5px;
  display: inline-block;
}

.tag-footer a:hover {
  text-decoration: none;
  color: #ffffff;
  border: #0e9be3 solid 1px;
  background: #0e9be3;
}

.tag-footer-pointer {
    cursor: pointer;
}



.project {
  width: 100%;
  margin-bottom: 20px;
  position: relative;
  z-index: 0; }
  
  .project .img {
    width: 100%;
    height: 240px;
    display: block; }
  
    .project .img .icon {
      width: 70px;
      height: 70px;
      background: rgba(53, 173, 234, 0.75);
      margin: 0 auto;
      opacity: 0;
      -moz-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      -webkit-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
      transition: all 0.3s ease; 
      border-radius: 10px;}
  
      .project .img .icon span {
        color: #fff; }
  
  .project .text {
    width: 90%;
    background: #fff;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 20px;
    margin: 0 auto;
    margin-top: -50px;
    border-radius: 4px;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-box-shadow: 0px 15px 46px -16px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 15px 46px -16px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 15px 46px -16px rgba(0, 0, 0, 0.4); }
  
    .project .text .subheading {
      background: rgba(0, 0, 0, 0.07);
      padding: 5px 10px;
      color: #35adea;
      font-size: 12px;
      display: inline-block;
      margin-bottom: 10px;
      font-weight: 700; }
 
    .project .text h3 {
      font-size: 16px;
      font-weight: 700;
      text-transform: uppercase; }
 
    .project .text p {
      margin-bottom: 7;
      font-size: 13px; }
      .project .text p span.fa {
        color: #35adea; }
 
  .project:hover .text {
    background: #35adea; 
        opacity: 1; }
    
    .project:hover .text .subheading {
      color: #fff; }
 
    .project:hover .text h3 {
      color: #fff; }
 
    .project:hover .text p {
      color: rgba(255, 255, 255, 0.8); }
 
      .project:hover .text p span {
        color: #fff; }
        
  .project:hover .img {
    opacity: 1; }  
       
  .project:hover .img .icon {
    opacity: 1; }

.ftco-section {
  padding: 1em 0;
  position: relative; }
  @media (max-width: 767.98px) {
    .ftco-section {
      padding: 1em 0; } }


.img,
.blog-img,
.user-img {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center; }
  
  
.goods-font-bold {
    font-weight: bold;
}

/* NEWS */
.news-list .absolute{display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:10}

.news-list .element{
    background: #fff;
    margin-bottom: 20px;
    padding-left: 330px;
    min-height: 275px;
    box-shadow: 0 0 3px rgba(0,0,0,0.4);
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
.news-list .element .date{
    color: #a4a8b4;
    font-weight: 300;
    font-size: 14px;
}
.news-list .element .img-wrapper{
    position: absolute;
    top: 0;
    left: 0;
    width: 330px;
    height: 100%;
    z-index: 1;
}
.img-wrapper img {
    width: 100%;
}
.news-list .element .category{
    position: absolute;
    top: 28px;
    left: 0;
}
.news-list .element .category span{
    background: #272727;
    color: #fff;
    display: inline-block;
    padding: 5px 15px 4px;
    font-size: 11px;
    text-transform: uppercase;
}
.news-list .element .img-element{
    height: 95%;
}
.news-list .element .element-content{
    padding: 15px;
    min-height: 330px;
}
.news-list .element .element-content .text{
    line-height: 1.4;
    overflow: hidden;
    font-size: 13px;
    color: #585858;
}
.news-list .element:hover{
    box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
.news-list .element h4{
    color: #1176a9;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 10px;
    -webkit-transition: all 200ms ease-out;
	-moz-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
	max-height: 3.9em;
	overflow: hidden;
}
.news-list .element:hover h4{
    color: #0e9be3;
}
@media only screen and (max-width: 767px) {
    .news-list .element .img-wrapper{
        position: relative;
        width: 100%;
        height: 70vw;
    }
    .news-list .element{
        padding-left: 0;
    }
    .news-list .element,
    .news-list .element .element-content{
        min-height: inherit;
    }
    .news-list .element h4{
        max-height: inherit;
    }
    .news-list .element .element-content .text{
        height: auto;
    }
}
/* /. NEWS */

/* MAIN PAGE */
.topmargin {
  margin-top: 30px;
}

.toppage {
  font-size: 24px;
  color: #474747;
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 20px;
}

.toppage2 {
  font-size: 18px;
  color: #474747;
  text-transform: uppercase;
  font-weight: 900;
  margin-bottom: 20px;
}

/* /. MAIN PAGE */