.wrapper_layout{
  display: flex;
  flex-direction: column;
}

.js_bottom_text{
  order: 2;
}

.wrapper_layout .layout{
    order: 1;
}

.content, .content p {
  margin: 0.5em 0;
  line-height: 1.8;
}

.no_search{
  background: #f8e5e7;
  padding: 30px;
}

.container-base:before, .container-base:after{
  display: none;
}

.header{
	background: #06060f;
}

/*.page_catalog_alias .header{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  background: none;
}
*/

.page_projects .footer, .page_project_alias .footer{
  margin-top: 0px;
}

.header_in {
  height: 90px;
  position: relative;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  top: -5px;
}

.header__right{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-between;
}

.phone__list{
  font-size: 15px;
  color: white;
  font-weight: 700;
  text-align: right;
  float: right;
  letter-spacing: 0.09em;
  padding-right: 40px;
}

.phone__list a{color: #e7e6f2;}

/*===== h_head =====*/
.h_head {
  text-align: left;
  color:white;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.h_head-bg{
  min-height: 450px;
  height: calc(100vh - 90px);
  display: flex;
  align-items: center;
  background-color: #17171b;
  position: relative;
}

.h_head-bg:before{
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#111111+0,111111+100&0.65+0,0+70 */
background: -moz-linear-gradient(left,  rgba(17,17,17,0.65) 0%, rgba(17,17,17,0) 70%, rgba(17,17,17,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(17,17,17,0.65) 0%,rgba(17,17,17,0) 70%,rgba(17,17,17,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(17,17,17,0.65) 0%,rgba(17,17,17,0) 70%,rgba(17,17,17,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6111111', endColorstr='#00111111',GradientType=1 ); /* IE6-9 */

}

.h_head-bg .container_full{
  position: relative;
  z-index: 3;
}

.h_head h1{
  color: #111;
  font-weight: 700;
  font-size: 55px;
  margin-bottom: 5px;
}

.h_head-bg h1{
  color: #fff;
  margin-top: 15px;
}

.h_head-bg .breadcrumbs span{color: #d7d7d7;}
.h_head-bg .breadcrumbs li i{background: #bfbfbf;}

.h_head__btn_link{
  font-size: 15px;
  font-weight: 600;
  color: white;
  display: inline-block;
  margin-top: 50px;
}

.h_head__in{
  max-width: 50%;
}

.h_head__anons{
  margin-top: 20px;
  margin-bottom: 20px;
  line-height: 1.9;
  font-size: 16px;
}

.h_head__anons .h_head__anons a, .h_head__anons .h_head__anons a:hover{
  color: white;
}

.h_head__action{
  margin-top: 30px;
}

.h_head__action .btn{
  margin-right: 20px;
  margin-bottom: 20px;
}

.h_head__anons p{
  color: white;
}

@media (max-width: 1199px) {
  .h_head__in{max-width: 100%;}
}

@media (max-width: 800px) {
  .h_head h1{ font-size: 28px}
  .h_head__anons{font-size: 14px;}
}


@media (max-width: 800px) {
  .header_in {
    height: 65px;
  }
}

@media (max-width: 500px) {
  .container{
    padding-left: 15px;
    padding-right: 15px;
  }
  .h_head__action .btn{margin-right: 0; width: 100%; padding-right: 25px; padding-left: 25px;}
}

/*===== h_head =====*/

/*===== head =====*/
.logo{
  min-width: 140px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.logo__link{
  position: relative;
  display: inline-block;
}

.logo__slogan{
  padding-left: 12px;
  letter-spacing: 0.06em;
  padding-top: 9px;
  color: #333;
  font-size: 13px;
  line-height: 1.5em;
}

.select_lang__btn {
  background: none;
  border: none;
  outline: none;
  font-size: 13px;
  font-weight: 500;
  color: #e7e6f2;
  padding: 0;
  text-transform: uppercase;
  position: relative;
}

.select_lang__btn:hover{
  color:#fff;
}

.select_lang.active .select_lang__drop{
  display: block;
}

.nav__main .lang a{
  text-transform: uppercase;
  font-size: 12px;
  color:#111;
}

.nav__main .select_lang{
  position: relative;
}

.nav__main .select_lang a{
  padding: 7px 12px 8px;
}

.nav__main .select_lang ul{display: block;}

.select_lang__drop {
  margin-top: 21px;
  background: #fff;
  color: #fff;
  border-radius: 0;
  border: none;
  padding: 0;
  text-align: center;
  box-shadow: none;
  display: none;
  position: absolute;
  top: 6px;
  left: -10px;
}

.select_lang__drop a {
  color: #111;
  display: block;
  padding: 11px;
  text-transform: uppercase;
  font-size: 12px;
}

.select_lang .select_lang__drop a:hover{
  color: #111;
}

.phone_in{
	display: inline-block;
  position: relative;
  padding-right: 55px;
}

.phone__number{
  font-size: 15px;
  color: #222;
  display: inline-block;
  font-weight: 700;
}

.phone__list-mob .phone__number{
  font-size: 15px;
  font-weight: 600;
  padding-left: 0;
}

.phone__list-mob{display: none;}

.phone__btn{
  color:#e2939e;
  font-size: 14px;
  letter-spacing: 0.02em;
  display: inline-block;
  border-bottom: 1px dotted #e2939e;
}

.phone__btn:hover{
  border-bottom: none;
  color: #333333;
}

.ui-widget-content.ui_search__ul{
  background: #f0f0f0!important;
  color: #333333!important;
  z-index: 900!important;
  padding: 20px 30px!important;
}

.ui_search__title{font-weight: 600;}

.ui-menu .ui-menu-item-wrapper{padding: 5px 10px!important; margin: 0px!important;}
.ui-menu .ui-menu-item-wrapper:hover{padding: 5px 10px!important; margin: 0px!important;}


.lang{
  position: relative;
}

.lang a{
  display: inline-block;
  padding: 6px 10px 5px;
  font-size: 14px;
  letter-spacing: 0.04em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.logo img{
	width: 70px;
}

body .nav-mob_btn{
  color: #2f2f2f;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  padding: 20px 0px 23px 0px;
  font-weight: 600;
  cursor: pointer;
  margin-left: 30px;
  text-align: right;
  font-size: 14px;
}

.nav-mob .hamburger__box{
  top: 3px;
}

@media (max-width: 991px) {
  .phone__list{
    padding-right: 0px;
  }

  .lang{display: none;}
}

@media (max-width: 380px) {
  .header__right{display: none;}
  .logo{
    justify-content: space-between;
    min-width: auto;
    width: 100%;
  }
}

/*===== head =====*/

/*===== nav__main =====*/
.nav{
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.nav__main_wrap .lang{
	margin-right: 15px;
	margin-left: 10px;
}

.nav_right{
	position: relative;
	z-index: 5;
}

.nav__main{
	width: 100%;
	position: relative;
	z-index: 103;
	text-align: center;
}

.page_home.preload_active .nav_wrap{
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	animation-delay: 0.2s;
}


.nav__main li ul{
	display: none;
}

.nav__catalog {
  position: absolute;
  left: 0;
  width: 280px;
}

.nav__main > li{
  display: inline-block;
}

.nav__main a{
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -ms-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
  font-size: 13px;
  text-decoration: none;
  font-weight: 700;
  color: #e7e6f2;
  margin: 0 30px;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  display: inline-block;
}

.nav__main a span{
  display: inline-block;
  position: relative; 
}

.nav__main a span:before{
  content: "";
  width: 0px;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 0px;
  bottom: -8px;
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -ms-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

.nav__main a:hover{
  color: #fff;
}

.nav__main a:hover span:before{
  width: 100%;
}


.nav__catalog_btn{
  background-color: #f7d21e;
  color: #222;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  padding: 17px 40px 20px 24px;
  font-weight: 600;
  cursor: pointer;
  display: block;
  position: relative;
}

.nav__catalog_btn .hamburger__inner::before {
    top: -6px;
    left: -4px;
}

.nav__catalog_btn  .hamburger__inner::after {
  bottom: -6px;
  left: 3px;
}

.nav__catalog_btn .hamburger__inner{width: 16px;}

.nav__catalog_drop {
  position: absolute;
  top: 58px;
  left: 0;
  width: 280px;
  background: white;
  z-index: 10;
  padding: 10px 35px 30px 35px;
  z-index: 102;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease;
  -moz-transition: opacity 0.15s ease;
  -ms-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
  opacity: 1;
  -webkit-box-shadow: 0px 6px 17px 0px rgba(0,0,0,0.2);
  -moz-box-shadow: 0px 6px 17px 0px rgba(0,0,0,0.2);
  box-shadow: 0px 6px 17px 0px rgba(0,0,0,0.2);
  max-height: 480px;
  overflow-y: auto;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.nav__catalog_drop a img{
  width: 25px;
  margin-right: 10px;
}
.nav__catalog_drop::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.nav__catalog_drop::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
.nav__catalog_drop::-webkit-scrollbar-thumb {
  background: #888;
}

/* Handle on hover */
.nav__catalog_drop::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.nav__catalog_drop li {list-style: none;}

.nav__catalog--parent.active .nav__catalog_drop{
  visibility: visible;
}

.nav__catalog_drop a{
  font-size: 13px;
  font-weight: 600;
  padding: 9px 0;
  border-bottom: 1px dotted #dedede;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  color:#222;
  letter-spacing: 0.03em;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -ms-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.nav__catalog_drop a:hover{
  color:#1670de;
}

.nav__catalog_drop img{
  opacity: 0.5;
    -webkit-transition: opacity 0.2s ease;
  -moz-transition: opacity 0.2s ease;
  -ms-transition: opacity 0.2s ease;
  -o-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
      margin-top: -3px;
}

.nav__catalog_drop a:hover img{
  opacity: 1;
}


.nav__catalog_drop_item{
  padding-right: 50px;
  padding-bottom: 20px;
}

.nav__catalog_drop ul li:last-child a{
  border: none;
}

.nav__drop_container{
  position: relative;
}

.nav__drop_container:before{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(34, 34, 34, 0.3);
  visibility: hidden;
  z-index: 101;
  opacity: 0;
  -webkit-transition: opacity 0.15s ease;
  -moz-transition: opacity 0.15s ease;
  -ms-transition: opacity 0.15s ease;
  -o-transition: opacity 0.15s ease;
  transition: opacity 0.15s ease;
  left: 0;
  top: 0;
}

.nav__drop_container.active:before{
    visibility: visible;
    opacity: 1;
}

.nav__catalog_btn .hamburger__inner:after{
    width: 11px;
    left: 5px;
}
.nav__catalog_drop ul ul {
  
    margin-left: 10px;
}
.nav__catalog_drop ul ul a {
    font-weight: 400;
}



@media (max-width: 991px) {
  .nav__main{display: none;}
}

/*===== nav__main =====*/



.slide_img-mob{display: none!important;}

@media (max-width: 991px) {
.slide_img-desk{display: none!important;}
.slide_img-mob{display: block!important;}
}
/*===== plus_wrap =====*/
.plus {
  background-color:#596f7e;
  margin-bottom: 70px;
  display: flex;
  align-items: center;
  margin-top: -15px;
  overflow: hidden;
}

.plus .row{
  justify-content: space-between;
}

.plus h1{
  font-size: 22px;
  text-align: center;
  padding-top: 27px;
  margin-bottom: 5px;
  color: #9e9e9e;
	padding-left: 20px;
	padding-right: 20px;
}

.plus-vertical{
  padding-left: 15px;
  background-color: transparent;
}

.plus-vertical__item{
  font-size: 14px;
  color: #8b8b8b;
  line-height: 1.3;
  padding-top: 15px;
  padding-bottom: 16px;
  text-align: left;
  letter-spacing: 0.04em;
}

.plus-vertical__item .plus__icon{
  top: -4px;
}

.plus-vertical .plus__itemIn span{
  font-size: 13px;
  letter-spacing: 0.04em;
}

.plus__item
{
  cursor: default;
  font-size:16px;
  color:white;
  line-height:1.3;
  padding-top: 52px;
  padding-bottom: 40px;
  text-align:left;
  letter-spacing:0.04em;
  width: 20%;
  padding-left: 35px;
  padding-right: 25px;
  -webkit-transition: background-color 0.3s ease;
  -moz-transition: background-color 0.3s ease;
  -ms-transition: background-color 0.3s ease;
  -o-transition: background-color 0.3s ease;
  transition: background-color 0.3s ease;
}

.preload_active .plus__item{
	-webkit-animation-name: fadeInRight;
	animation-name: fadeInRight;
}

.preload_active .plus__item:nth-child(1){
	animation-delay: 0.2s;
}
.preload_active .plus__item:nth-child(2){
	animation-delay: 0.4s;
}
.preload_active .plus__item:nth-child(3){
	animation-delay: 0.6s;
}
.preload_active .plus__item:nth-child(4){
	animation-delay: 0.8s;
}
.preload_active .plus__item:nth-child(5){
	animation-delay: 1s;
}


.plus__item:hover{
  background-color: #657e8e;
}

.plus__itemIn
{
  position:relative;
  display:inline-block;
  padding-left:65px;
}

.plus__itemIn span
{
  text-align:left;
  display:inline-block;
  font-size: 14px;
  line-height: 1.75;
}

.plus__icon
{
  font-style: normal;
  font-weight: 600;
  color: #c7c7c7;
  position:absolute;
  left: 5px;
  width: 40px;
  background-repeat:no-repeat;
}


@media (max-width:1599px) {
  .plus .container{max-width: 100%;}
  .plus__itemIn span{font-size: 13px;}
}

@media (max-width:1399px) {
  .plus__item{
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media (max-width:1199px) {
  .plus__item{width: 25%;}
  .plus__item:nth-child(5n){display:none}
}

@media (max-width:991px) {
  .plus__item{
  	width: 50%;
  	border-right: 1px solid #70828e;
    border-bottom: 1px solid #70828e;
    height: auto;
    padding-top: 40px;
    padding-bottom: 45px
  }
  .plus{height: auto;}
  .plus{margin-top: 0;}
  .plus__item:nth-child(4n){display:block;}

	.plus__item:nth-child(2n){
		border-right: none;	
	}
}

@media (max-width:599px) {
  .plus__itemIn{
    padding-left: 0;
    display: block;
  }

	.plus__itemIn span{
		font-size: 12px;
    text-align: center;
    display: block;
    line-height: 1.6;
    margin-top: 5px;
	}

	.plus__item{
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 30px;
    padding-bottom: 35px;
    text-align: center;
	}

  .plus__icon{
    position: static;
  }
}

@media (max-width:399px) {
  .plus__item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
/*===== plus_wrap =====*/






/*===== NAV =====*/
.nav .nav_in {
  border-top: 1px solid #e7e7e7;
  overflow:hidden;
}

.nav_in .hide_show_menu{
  font-weight: 600;
  font-size: 14px;
}

.nav_in .hamburger__box{
  margin-right: 3px;
}

.main_nav li > a{
  padding-left: 25px;
  position: relative;
}

.main_nav li > a img{
  position: absolute;
  top: 17px;
  left: 0;
}

.nav .caret_rotate {
  position: absolute;
  left: 30%;
  top: -9px;
  color: #f96f13;
  border-bottom: 9px dashed;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
}
.nav .caret_rotate a {
  text-transform: none;
  text-align: center;
}

.nav_wrap{
  display: flex;
}

.nav_wrap .container{position: relative;}

.main_nav > ul li.active, .main_nav > ul li.active:hover, .main_nav > ul li a:hover, .main_nav .nav__drop_btn:hover {
  color: #f96f13;
}

.main_nav > li {
  display: inline-block;
}


.main_nav li a {
  font-weight: 600;
  font-size: 14px;
  padding: 17px 44px 22px 36px;
  display: block;
  text-align: left;
  letter-spacing: 0.2px;
  color: #262626;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -ms-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  transition: color 0.25s ease;
}

.main_nav li a:hover{
  color:#f96f13;
}


@media (max-width: 991px) {
 .main_nav li a, .nav_wrap .nav__drop_btn{padding: 15px 25px 17px 25px;}
 .hide_show_menu {display: inline-block;}
 .nav-mob{text-align: right;}
 .nav_wrap {
      display: none;
  }
}

@media (max-width: 991px) {
  .nav_wrap{
    height: 60px;
  }
}

@media (max-width: 767px) {
  .nav_wrap{height: 53px;}
}

/*===== NAV =====*/
/*===== hamburger =====*/
.hamburger {
  padding: 15px 20px 14px 0;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity, filter;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.7;
}

.hamburger__box {
  width: 28px;
  height: 24px;
}

.hamburger__inner {
  display: block;
  top: 50%;
  margin-top: -2px;
  left: 0px;
  left: 4px;
}

.hamburger__inner, .hamburger__inner::before, .hamburger__inner::after {
  width: 25px;
  height: 2px;
  background-color: #fff;
  position: absolute;
  transition-property: transform, width;
  transition-duration: 0.15s;
  transition-timing-function: ease;
}

 .header .hamburger__inner::after{
 	width: 15px;
 }

.mobile_nav .hamburger__inner, .mobile_nav .hamburger__inner::before, .mobile_nav .hamburger__inner::after {
  background-color: #fff;
}

.mobile_nav .filter_price .btn{
  position: relative;
  right: 0px;
  top: 0px;
}

.mobile_nav__top{margin-bottom: 15px;}
.mobile_nav__actions{margin-bottom: 20px;}

.mobile_nav__lang{margin-top: 20px;}

.mobile_nav__lang li{
  list-style: none;
}

.mobile_nav__lang a{
  display: inline-block;
  padding: 5px 10px;
  border: 1px solid #525252;
  border-radius: 5px;
  color: #898989;
  margin-right: 10px;
}

.mobile_nav__top a span{
  font-size: 18px;
  font-weight: 400;
}

.hamburger__inner::before, .hamburger__inner::after {
  content: "";
  display: block;
}

.hamburger__inner::before {
    top: -7px;
}

.hamburger__inner::after {
  bottom: -7px;
}

/*Squeeze*/
.hamburger-squeeze .hamburger__inner {
  transition-duration: 0.075s;
  transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger-squeeze .hamburger__inner::before {
  transition: top 0.075s 0.12s ease, opacity 0.075s ease;
}

.hamburger-squeeze .hamburger__inner::after {
  transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.hamburger-squeeze.is-active .hamburger__inner {
  transform: rotate(45deg);
  transition-delay: 0.12s;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}

.hamburger-squeeze.is-active .hamburger__inner::before {
  top: 0;
  opacity: 0;
  transition: top 0.075s ease, opacity 0.075s 0.12s ease;
}

.hamburger-squeeze.is-active .hamburger__inner::after {
  bottom: 0;
  transform: rotate(-90deg);
  transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
}

/*===== hamburger =====*/

/*===== leftbar =====*/
.leftbar {
  position: fixed;
  left: 0;
  width: 90px;
  z-index: 1000;
  height: 100%;
  background: #06060f;
}

.leftbar__socials {
  position: absolute;
  bottom: 60px;
  left: 12px;
}

.leftbar__socials a {
  color: #919191;
  font-size: 13px;
  font-weight: 500;
  -webkit-transition: color 0.25s ease;
  -moz-transition: color 0.25s ease;
  -ms-transition: color 0.25s ease;
  -o-transition: color 0.25s ease;
  transition: color 0.25s ease;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all .5s cubic-bezier(0.6,0,0.5,1);
  -moz-transition: all .5s cubic-bezier(0.6,0,0.5,1);
  transition: all .5s cubic-bezier(0.6,0,0.5,1);
  writing-mode: vertical-lr;
  padding-right: 21px;
  letter-spacing: 0.06em;
  font-size: 13px;
  cursor: default;
  position: relative;
  z-index: 10;
  padding-bottom: 25px;
  cursor: pointer;
}

.leftbar__socials a:hover {
  color: white;
}

.leftbar__menu{
  color:white;
  padding-top: 40px;
}

.leftbar__menu li{
  position: relative;
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  -ms-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
  color: #919191;
  padding-bottom: 40px;
  left: -100%;
  visibility: hidden;
cursor: pointer;
}

.leftbar__menu li:nth-child(1){transition-duration: 0.3s;}
.leftbar__menu li:nth-child(2){transition-duration: 0.6s;}
.leftbar__menu li:nth-child(3){transition-duration: 0.9s;}
.leftbar__menu li:nth-child(4){transition-duration: 1.2s;}
.leftbar__menu li:nth-child(5){transition-duration: 1.5s;}

.leftbar__menu li:hover{
  color: white;
}

body.active .leftbar__menu li{
  visibility: visible;
  left:0;
}

.leftbar__menu_hover_name{
  position: absolute;
  left: -800px;
  font-size: 91px;
  color: white;
  font-weight: 700;
  top: -10px;
  padding-left: 140px;
  z-index: 20;
  line-height: 1;
}

.leftbar__menu_hover_name:hover{
  color: white;
}

.leftbar__menu_name{
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all .5s cubic-bezier(0.6,0,0.5,1);
  -moz-transition: all .5s cubic-bezier(0.6,0,0.5,1);
  transition: all .5s cubic-bezier(0.6,0,0.5,1);
  writing-mode: vertical-lr;
  padding-right: 33px;
  font-weight: 500;
  letter-spacing: 0.06em;
  font-size: 13px;
  cursor:default;
  position: relative;
  z-index: 10;
}

.leftbar__menu_hover_name{
    -webkit-transition: all .5s cubic-bezier(0.6,0,0.5,1);
    -moz-transition: all .5s cubic-bezier(0.6,0,0.5,1);
    transition: all .5s cubic-bezier(0.6,0,0.5,1);
}


.leftbar__menu li:hover .leftbar__menu_hover_name{
  -moz-transform: translateX(800px);
  -webkit-transform: translateX(800px);
  -o-transform: translateX(800px);
  -ms-transform: translateX(800px);
  transform: translateX(800px);
}


.leftbar__menu li:hover .leftbar__menu_name{
-moz-transform: scale(1) rotate(180deg) translateX(200px);
-webkit-transform: scale(1) rotate(180deg) translateX(200px);
-o-transform: scale(1) rotate(180deg) translateX(200px);
-ms-transform: scale(1) rotate(180deg) translateX(200px);
transform: scale(1) rotate(180deg) translateX(200px);
}

body:before{
    content: '';
    display: block;
    position: fixed;
    left: 90px;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .5s cubic-bezier(0.6,0,0.5,1);
    -moz-transition: all .5s cubic-bezier(0.6,0,0.5,1);
    transition: all .5s cubic-bezier(0.6,0,0.5,1);
    background: rgba(6, 6, 15, 0.9);
    z-index: 900;
}

body.nav_hover:before{
  visibility:visible;
  opacity: 1;
}


@media (max-width: 1200px) {
  .leftbar {
    display: none;
  }
}
/*===== leftbar =====*/

.action_block1__in{
	display: flex;
	flex-wrap: wrap;
	font-size: 15px;
	font-weight: 500;
	margin-bottom: 35px;
}

.action_block1__left{
  color: #f62f2f;
  font-weight: 600;
  font-size: 37px;
  line-height: 1.2;
}

.action_block1__left .icon{
  display: none;
}

.action_block1__right{
  line-height: 1.6;
  max-width: 440px;
}

.action_block1__right span{
  font-weight: 700;
  color: #f62f2f;
}

.action_block1__mobile{
	margin-top: 35px;
  margin-bottom: 10px;
  display: none;
  position: relative;
  z-index: 10;
}

.action_block1__mobile_btn{
  position: absolute;
  top: -99px;
  left: 0px;
  width: 100%;
  text-align: center;
}

.action_block1__mobile .action_block1__btn{
	margin-left: 20px;
}

.action_block1__mobile .action_block1{
	display: flex;
}

@media (max-width: 1599px){
  .action_block1__right{
    max-width: 300px;
    line-height: 1.8;
  }
}

@media (max-width: 991px){
  .action_block1__right{max-width: 230px;}
}

@media (max-width: 767px){
	.action_block1__mobile{display: block;}
}

@media (max-width: 767px){
  .action_block1__right span{display: inline-block;}
  .action_block1__mobile .action_block1__left{display: none;}

	.action_block1__mobile .action_block1__btn{
		margin-left: 0px;
	}

  .action_block1__right{max-width: none;}

	.action_block1__mobile .action_block1__in{
		margin-bottom: 20px;
		flex-flow: column;
	}

	.action_block1__mobile .action_block1{
		display: flex;
    	flex-flow: column;
	}

	.action_block1__mobile .action_block1__btn{
		text-align: center;
		flex-flow: column;
	}

	.action_block1__mobile .action_block1__left{
	    margin-right: 0px;
	    text-align: center;
	}

	.action_block1__mobile .action_block1__right br{
		display: none;
	}

	.action_block1__mobile .action_block1__right{
		text-align: center;
	}

	.action_block1__mobile{
    margin-top: 40px;
    margin-bottom: 50px;
	}
}


/*===== main_banner  =====*/
.main_bannerWrap{
  position: relative;
  overflow:hidden;
}

.main_bannerWrap .action_block1__right span{display: none;}

.main_banner{
	height: 730px;
}

.main_bannerWrap .owl-carousel .owl-item img{
  max-width: none;
}

.main_banner__inner{
  position: absolute;
  top:100px;
  left:0;
  width: 100%;
  z-index: 10;
}

.main_banner__inner > .continer{
  margin: 0 auto;
  position: relative;
}

.main_banner__title{
  font-size: 57px;
  font-weight: 700;
  color:#363b3e;
  margin-bottom: 55px;
}

.preload_active .main_banner__title{
	-webkit-animation-name: fadeInDown;
	animation-name: fadeInDown;
	animation-delay: 0.5s;
}


.main_banner__title .main_banner__title_desc span{
  display: inline-block;
  background-color: white;
  padding: 0px 20px 0 0;
}

.main_banner__item{
  overflow: hidden;
  position: relative;
  left: 40%;
}

.main_banner__link{
  position: absolute;
  bottom: 60px;
  left: 60px;
  z-index: 10;
  width: 155px;
  height: 155px;
  border: 1px solid #363b3e;
  display: block;
  color: #111;
  -webkit-transition: border-color 0.2s ease;
  -moz-transition: border-color 0.2s ease;
  -ms-transition: border-color 0.2s ease;
  -o-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}

.main_banner__link:hover{
  border-color:#f62f2f;
}

.main_banner__link:hover .main_banner__link_subtitle{
  background-color:#f62f2f;
  -moz-transform: translateX(10px);
  -webkit-transform: translateX(10px);
  -o-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}

.main_banner__link_in{
  position: relative;
  left: 35px;
  top: 37px;
  font-weight: 700;
}

.main_banner__link_title{
  display: inline-block;
  margin-bottom: 10px;
}

.main_banner__link_subtitle{
  background-color: #363b3e;
  font-size: 20px;
  display: inline-block;
  color: white;
  padding: 1px 12px 4px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.main_banner:after{
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left:0;
  background-color: #fff;
  -webkit-transition: transform 1s ease;
  -moz-transition: transform 1s ease;
  -ms-transition: transform 1s ease;
  -o-transition: transform 1s ease;
  transition: transform 1s ease;
  transition-delay: 0.1s;
}

.preload_active .main_banner:after {
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}

.main_banner .owl-nav{
	opacity: 0;
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}

.main_banner:hover .owl-nav{
	opacity: 1;
}

.main_banner  .owl-nav{
  position: absolute;
  bottom: 35px;
  z-index: 100;
  left: 7%;
}

.main_bannerWrap .main_banner  .owl-nav{
	position: static;
	bottom: 0;
	margin-top: 0px;
}

.main_bannerWrap .main_banner  .owl-prev{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%!important;
  width: 65px!important;
  margin: 0;
  background: -moz-linear-gradient(left, rgba(0,0,0,0.43) 0%, rgba(0,0,0,0) 100%)!important; /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0,0,0,0.43) 0%,rgba(0,0,0,0) 100%)!important; /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0,0,0,0.43) 0%,rgba(0,0,0,0) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
}

.main_bannerWrap .main_banner  .owl-next{
  position: absolute;
  top: 0;
  right: 0;
  height: 100%!important;
  width: 65px!important;
  margin: 0;
  background: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.43) 100%)!important; /* FF3.6-15 */
  background: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.43) 100%)!important; /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.43) 100%)!important; /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#6e000000',GradientType=1 ); /* IE6-9 */
}

.main_bannerWrap .owl-theme .owl-nav [class*='owl-']{background: none;}


.main_bannerWrap .owl-theme .owl-nav .owl-next:before{
  content: "";
  width: 27px;
  height: 46px;
  background: url(../img/arrow3.png) no-repeat -40px -2px;
  position: absolute;
  top: 50%;
  margin-top: -23px;
  right: 20px;
}

.main_bannerWrap .owl-theme .owl-nav .owl-prev:before{
  content: "";
  width: 27px;
  height: 46px;
  background: url(../img/arrow3.png) no-repeat -0px -2px;
  position: absolute;
  top: 50%;
  margin-top: -23px;
  left: 20px;
}

.main_bannerWrap .owl-carousel .owl-stage-outer{
	z-index: -1;
}

.main_banner-action_block .action_block1__left{
  position: relative;
}

.main_banner-action_block .action_block1__left:before{
  width: 1000px;
  height: 1px;
  background: #363b3e;
  position: absolute;
  left: -1020px;
  top: 10px;
  -moz-transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  content: "";
  -webkit-transition: transform 0.9s ease;
  -moz-transition: transform 0.9s ease;
  -ms-transition: transform 0.9s ease;
  -o-transition: transform 0.9s ease;
  transition: transform 0.9s ease;
}

.preload_active .action_block1__left:before{
  -moz-transform: translateX(0%);
  -webkit-transform: translateX(0%);
  -o-transform: translateX(0%);
  -ms-transform: translateX(0%);
  transform: translateX(0%);
}

.main_banner__title .main_banner__title_mob{display: none;}

@media (max-width: 1599px){
  .main_banner__title{font-size: 58px;}
  .main_banner{height: 700px;}
  .main_banner__inner{top: 70px;}
}


@media (max-width: 1499px){
  .main_banner__link_subtitle{font-size: 17px;}
  .main_banner__link{
    width: 140px;
    height: 140px;
    bottom: 40px;
    left: 40px;
  }
  .main_banner__link_in{top:33px;}
  .main_banner {height: 660px;}
}


@media (max-width: 991px){
  .main_banner__title {
      font-size: 44px;
      margin-bottom: 40px;
  }
  .main_banner{height: auto;}
  .main_banner__link{display: none;}
  .main_bannerWrap .owl-carousel .owl-item img{max-width: 100%;}
}

@media (max-width:850px){
  .main_banner__inner {
    top: 40px;
  }
}

@media (max-width: 767px){
	.main_banner__inner{
    position: static;
    padding-top: 20px;
  }

  .main_banner__item{
    left:0;
  }

  .main_banner__title .main_banner__title_desc{display: none;}
  .main_banner__title .main_banner__title_mob{
    display: block;
    text-align: center;
  }

  .main_banner__inner .action_block1{display: none;}
}

@media (max-width: 599px){
	.main_banner__title{
		font-size: 27px;
    margin-bottom: 30px;
	}
  .main_banner__title span{padding: 0px 7px 0 0; text-align: center;}
	.main_bannerWrap .action_block1__right span{display: inline-block;}
}
/*===== main_banner  =====*/



/*===== breadcrumbs =====*/
.breadcrumbs {
  color: #adadad;
  letter-spacing: 0.04em;
}


.breadcrumbs li{display: inline-block; text-decoration: none;}

.breadcrumbs li i {
  width: 14px;
  height: 1px;
  display: inline-block;
  margin: 10px 15px;
  vertical-align: middle;
  background: #111;
}

.breadcrumbs a {
  display: inline-block;
  color: #111;
  font-size: 14px;
  text-decoration: none;
}
.breadcrumbs a:hover span{color: #fff;}

.breadcrumbs span{
  color: #111;
  font-size: 13px;
}

.breadcrumbs__line{
  display: inline-block;
  padding: 0 10px;
  font-size: 0px;
}

@media (max-width: 1599px){
  .breadcrumbs a{font-size: 13px;}
}

@media (max-width: 450px){
	.breadcrumbs{display:none;}
}
/*===== breadcrumbs =====*/

/*===== footer =====*/
.footer{
  background-color: #17171b;
  text-align: center;
  color:#5a5a61;
  padding: 100px 0 20px;
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
/*  margin-top: 30px;*/
}

.footer > .container{
  position:relative;
  z-index: 10;
}

.footer__phone{
  font-size: 45px;
  font-weight: 600;
  padding-top: 15px;
  padding-bottom: 25px;
  display: inline-block;
}

.footer__title{
  font-size: 23px;
  letter-spacing: 0.06em;
  margin-bottom: 10px;
}

.footer__copyright{
  margin-top: 80px;
}

.footer__contact{
  font-size: 16px;
  letter-spacing: 0.08em;
}

.footer__contact_item{
  display: inline-block;
  padding: 5px 20px;
}

.footer__contact_item a{
  transition: all 0.25s ease-out;
}

.footer__contact_item a:hover{
  color:white;
}

.footer-black .footer{
  background-color: #06060f;
}

.footer-black .glitch:before{
  background-color: #06060f;
}

.footer-black .glitch:after{
  background-color: #06060f;
}

.footer-black .line_pattern{
  display: none;
}

@media (max-width: 767px) {
  .footer__phone {
    font-size: 32px;
    padding-top: 10px;
    padding-bottom: 15px;
  }
  .footer__contact_item{font-size:  14px;}
  .footer{
      padding: 80px 0 50px;
  }
  .footer__title{font-size: 18px;}
}
/*===== footer =====*/

/*===== product sort =====*/
.sort{
  position: relative;
  z-index: 90;
  display: inline-block;
}

.sort_list{
  min-width: 210px;
  display: none;
  background: white;
  position: absolute;
  top:100%;
  left: 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 2px 2px 2px #00000014;
  box-shadow: 2px 2px 2px 2px #00000014;
}

.sort_list.right{
  right: 0;
  left:auto;
}

.sort_list__item.toggle{
  border-radius: 5px;
  font-size: 13px;
  color: #222;
  letter-spacing: 0.4px;
  outline: none;
  display: inline-block;
  cursor: pointer;
  position: relative;
}

.sort_list__item span{

  border-bottom: 1px dotted #272727;
}

.sort_list__item span:hover{
  border-bottom: none;
  margin-bottom: 1px;
}

.sort_list .sort_list__item{
  padding: 13px 20px;
  font-size: 13px;
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #f0f0f0;
  cursor:pointer;
  color: #222;
}

.sort_list .sort_list__item:hover{
  background-color: #f5f5f5;
}

.sort_list .sort_list__item:last-child{
  border-bottom: none;
}
/*===== product sort =====*/

.settings_list {
	margin-bottom: 20px;
	font-size: 13px;
	justify-content: space-between;
	margin-right: 0px;
	margin-left: 0px;
}

.settings_list__title{
  display: inline-block;
  padding-right: 10px;
}

.settings_list__item{
  letter-spacing: 0.04em;
}

.settings_list__item-right{text-align: right;}

.settings_list__item  .select{
  display: inline-block;
  margin-left: 10px;
  outline: none;
  border: none;
}


/*===== product =====*/
.catalog-full .products__list .product__item{
  width: 25%;
}

.products__list {
  padding-bottom: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-right: -15px;
  margin-left: -15px;
}

.product__img_in, .product__item_in{
  position: relative;
}

.product__img{
  margin-bottom: 12px;
  position: relative;   
}

.product__title{
  font-size: 14px;
  color: #363b3e;
  letter-spacing: 0.02em;
  font-weight:400;
  background: white;
  padding: 5px 30px 15px 0;
}

.product__price{
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.02em;
  color: #111;
}

.product__info .btn-card{
  padding: 11px 35px 15px 35px;
  font-size: 13px;
  margin-top: 5px;
}


.product__info .btn-card-basket{
  font-size: 13px;
  padding: 10px 15px 12px;
}

.product__price-old .product__price{
  font-size: 17px;
  font-weight: 500;
  color:#7b7b7b;
}

.product__price-old .product__price-main{
  color:#222;
  font-size: 16px;
  position: relative;
  font-weight: 400;
}

.product__price-sale{
  text-decoration: line-through;
  font-size: 15px;
  display: inline-block;
  margin-right: 5px;
  font-weight: 400;
  color: #f74747;
}

.product__price-main{
  display: inline-block;
}

.product__symbol_left{font-size: 15px;}

.product__link{
  display: block;
  position: relative;
}


.product__cod{
  font-size: 13px;
  color: #a6a6a6;
  letter-spacing: 0.04em;
  margin-bottom: 5px;
  display: none;
}

.product__img-first{
  position: relative;
  z-index: 10;
}

.product__img-last{
  position: absolute;
  bottom: 0;
  left: 0;
}

.product__item_in:hover .product__img-first{
  opacity: 0;
}

.product__item_in:hover .product__img-last{
  opacity: 1;
}


.product__item .btn-two{background-color: #111!important;}
.product__item:hover .btn-two{background-color: #333!important;}
.product__item .btn{display: none;}

.products__list .product__item {
  padding: 0px 15px 25px 15px;
  margin-bottom: 10px;
  width: 33.33%;
}

.products__list .product__item:hover{
  border-color:#a1b7cb;
}

.listing__right  .product__item:nth-child(4n+5){
  clear:left;
}

@media (max-width: 1199px){
  .settings_list {display: none;}
  .settings_list__item-right{width: 100%; text-align: left;}
  .search_highlight .product__item{
    width: 25%;
  }
}

@media (max-width: 991px){
	.products__list .product__item{
		width: 50%;
    	padding: 0px 10px 25px 10px;
	}
	.product__title{
		font-size: 12px;
		padding-top: 0;
		padding-bottom: 10px;
	}
}

@media (max-width: 767px){
  .product__price, .product__price-main{
    font-size: 14px;
  }
}

/*===== product =====*/

/*===== tpl2_product =====*/
.products_list_2column{
  margin-bottom: 45px;
}

.products_list_2column .filter_price{
  display: none;
}

.tpl2_products__list {
  padding-bottom: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-right: -20px;
  margin-left: -20px;
}


.tpl2_product__link{
  display: block;
  position: relative;
  overflow: hidden;
}


.tpl2_product__link:hover .tpl2_product__infoblock:before{
  -moz-transform: translateX(100%);
  -webkit-transform: translateX(100%);
  -o-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}

.tpl2_product__link:hover .tpl2_product__price{
  color: #363b3e;
}

.tpl2_product__link:hover .tpl2_product__img_hover{
	visibility: visible;
	opacity: 1;
}

.tpl2_product__item{
	width: 50%;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 50px;
}

.tpl2_product__item:nth-child(3n){
	width: 100%;
}

.tpl2_product__item_in{
	height: 100%;
}

.tpl2_product__img_hover{
  width: 100%;
  height: 100%;
  position: absolute;
  left:0;
  top:0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  -webkit-transition: all 0.50s ease-out;
  -moz-transition: all 0.50s ease-out;
  -ms-transition: all 0.50s ease-out;
  -o-transition: all 0.50s ease-out;
  transition: all 0.50s ease-out;
  opacity: 0;
  visibility: hidden;
}

.tpl2_product__img_in:before{
  content: "";
  width: 100%;
  height: 100px;
  background: rgb(38 38 41 / 60%);
  background: linear-gradient(0deg, rgb(38 38 41 / 60%) 0%, rgba(36,38,38,0) 100%);
  position: absolute;
  bottom: 0;
}

.tpl2_product__title{
  font-size: 16px;
  color: #363b3e;
  letter-spacing: 0.02em;
  font-weight: 400;
  background: white;
  padding: 20px 30px 20px 0;
  position: relative;
  z-index: 5;
}

.tpl2_product__infoblock{
  position: absolute;
  width: 100%;
  bottom: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.tpl2_product__infoblock:before{
  content: "";
  position: absolute;
  left:-100%;
  top:0;
  height: 100%;
  width: 100%;
  background-color: #fff;
  -webkit-transition: transform 0.50s ease-out;
  -moz-transition: transform 0.50s ease-out;
  -ms-transition: transform 0.50s ease-out;
  -o-transition: transform 0.50s ease-out;
  transition: transform 0.50s ease-out;
}

.tpl2_product__info{
  padding-right: 30px;
  display: flex;
  align-items: center;
  position: relative;
  z-index: 5;
}

.tpl2_product__price {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.02em;
  color: white;
  -webkit-transition: color 0.40s ease-out;
  -moz-transition: color 0.40s ease-out;
  -ms-transition: color 0.40s ease-out;
  -o-transition: color 0.40s ease-out;
  transition: color 0.40s ease-out;
}

.tpl2_product__price-main {
    display: inline-block;
}

/*---------tpl2_product__form-------*/
.tpl2_product__form{
	height: 100%;
	padding: 80px 110px;
	position: relative;
}

.tpl2_product__form_title{
	font-size: 28px;
	font-weight: 600;
	color:#363b3e;
	margin-bottom: 20px;
	line-height: 1.5;
}

.tpl2_product__form .submit{
	margin-top: 40px;
}

.tpl2_product__form:after{
  transition: all 1s;
  transition-delay: 0.2s;
  position: absolute;
  content: "";
  width: 0%;
  height: 100%;
  left: 50%;
  margin-left: -25%;
  top: 0;
  border-color: rgba(200, 200, 200, 0);
  border-style: solid;
  border-width: 1px 0;
}

.tpl2_product__form:before{
  transition: all 1s;
  transition-delay: 0.2s;
  position: absolute;
  content: "";
  width: 100%;
  height: 0%;
  left: 20%;
  margin-left: -20%;
  top: 25%;
  border-color: rgba(200, 200, 200, 0);
  border-style: solid;
  border-width: 0 1px;
}

.tpl2_product__form_f{
	position: relative;
	z-index: 10;
}

.tpl2_product__form_f .modal_input{
	margin-bottom: 20px;
}

.aos-animate.tpl2_product__form:before {
  height: 100%;
  top: 0%;
  border-color: #5a5a5a;
}

.aos-animate.tpl2_product__form:after {
  width: 100%;
  margin-left: -50%;
  border-color: #5a5a5a;
}
/*---------tpl2_product__form-------*/

@media (max-width: 1599px){
  .tpl2_product__item{
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 40px;
  }

  .tpl2_product__form {
  	padding: 45px 60px 60px;
  }

  .tpl2_product__form_title{
  	font-size: 22px;
  	margin-bottom: 10px;
  }
  .tpl2_product__form .submit{margin-top: 35px;}
}

@media (max-width: 991px){
	.tpl2_product__item{width: 100%;}
}

@media (max-width: 599px){
	.tpl2_product__infoblock:before, .tpl2_product__img_in:before{display: none;}
	.tpl2_product__infoblock{position: static; }
	.tpl2_product__price{color:#222; font-weight: 400;}
	.tpl2_product__info{padding-right: 0; }
	.tpl2_product__img{position: relative;}
	.tpl2_product__title, .tpl2_product__info, .tpl2_product__price{font-size: 14px;}
	.tpl2_product__form{
		padding: 20px 0px 50px;
	}

  .tpl2_product__form:after{
    border: none;
  }

	.tpl2_product__form:before{
		border-right: none;
    	border-left: none;
	}

	.tpl2_product__item{
		margin-bottom: 20px;
	}
}

/*===== tpl2_product =====*/


/*===== stiker =====*/
.stiker{
  position: absolute;
  top: 0;
  left: 5px;
  z-index: 70;
}

.stiker .stiker__sale span{
  display: inline-block;
  padding: 3px 15px;
  border-radius: 20px;
  background-color: #f74747;
  color: white;
  font-size: 13px;
  margin-top: 2px;
}

.stiker img{
  width: 67px;
  margin-top:5px;
  display: inline-block;
}

@media (max-width: 767px){
  .stiker img{
      width: 70px;
  }
}

@media (max-width: 500px){
  .stiker{
  	bottom: 10px;
  	top: inherit;
  }
}
/*===== stiker =====*/


/*===== brends =====*/
.brends__list {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px;
}

.brends__item {
    width: 25%;
    padding-right: 15px;
    padding-left: 15px;
    margin-bottom: 40px;
    text-align: center;
}

.brends__item_img {
    position: relative;
    text-align: center;
    overflow: hidden;
    background: #e8e8e8;
}

.brends__item_img img {
    position: relative;
    z-index: 30;
    display: inline-block;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    transition: transform 0.5s ease;
    max-width: 100%;
}

.brends__item_img:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.brends__item_name {
    padding-top: 20px;
    font-size: 17px;
    text-align: left;
    font-weight: 600;
    color: #222;
    position: relative;
    z-index: 10;
    padding-bottom: 10px;
    width: 100%;
}

.brends__item_anons, .brends__item_anons p{
	text-align: left;
	color:#696969;
	font-size: 13px;
	line-height: 1.7;
}

@media (max-width: 1199px){
  .brends__item{
    width: 33.33%;
  }
}


@media (max-width: 767px){
  .brends__item{
    width: 50%;
  }
  .brends__item_name{
    font-size: 15px;
    padding-top: 15px;
    font-weight: 500;
  }

}

@media (max-width: 576px){
	.brends__item_anons{display: none;}
	.brends__item{
		padding-right: 10px;
    	padding-left: 10px;
	}

	.brends__list{
		margin-top: 20px;
		margin-right: -10px;
   		margin-left: -10px;
	}
}
/*===== brends =====*/

/*===== link_catalog =====*/
.link_catalog__container {
  position: relative;
  z-index: 10;
  display: block;
}

.link_catalog__item_img{
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  opacity: 0.7;
/*    -webkit-transition: opacity 0.3s ease;
  -moz-transition: opacity 0.3s ease;
  -ms-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;*/
}


.link_catalog__container:hover .link_catalog__item:nth-child(2n+2){
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -o-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);

}

/*.link_catalog__container:hover .link_catalog__item:nth-child(2n+2) .link_catalog__item_img{
    opacity: 0.4;
}*/

.link_catalog__item{
  height: 560px;
  width: 20%;
  background-color: #111;
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -ms-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}

.link_catalog__item:nth-child(2n+2){
  -moz-transform: translateY(20px);
  -webkit-transform: translateY(20px);
  -o-transform: translateY(20px);
  -ms-transform: translateY(20px);
  transform: translateY(20px);
}

.link_catalog__link{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  z-index: 10;
}

.link_catalog__title{
  font-size: 120px;
  font-weight: 600;
  color: white;
  display: block;
}

.link_catalog__list{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

@media (max-width: 1299px){
  .link_catalog__item{
    width: 25%;
    height: 500px;
  }

  .link_catalog__title{
    font-size: 80px;
  }

  .link_catalog__item:nth-child(5){
    display: none;
  }
}

@media (max-width: 991px){
  .link_catalog__item{
    width: 33.33%;
    height: 400px;
  }

  .link_catalog__title {
    font-size: 40px;
    margin-bottom: 20px;
  }

}

@media (max-width: 767px){
  .link_catalog__item:nth-child(4){
    display: none;
  }
}

@media (max-width: 499px){
  .link_catalog__item{
    height: 300px;
  }

  .link_catalog__title{
    font-size: 30px;
  }
}
/*===== link_catalog =====*/


/*===== tpl2_catalog =====*/
.tpl2_catalog{
  margin-bottom: 30px;
}

.tpl2_catalog__list{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px;
    
}

.tpl2_catalog__item{
  width: 25%;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: 40px;
  text-align: center;
  overflow: hidden;
}


.tpl2_catalog__item_in{
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  align-items: flex-end;
  position: relative;
}

.tpl2_catalog__title{
  font-size: 20px;
  font-weight: 600;
  color:#363b3e;
}

.tpl2_catalog__item_name{
  font-size: 16px;
  text-align: left;
  font-weight: 600;
  color: #222;
  position: relative;
  z-index: 10;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
}

.tpl2_catalog__item_name:before{
    content: "";
    position: absolute;
    left: -100%;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #fff;
    -webkit-transition: transform 0.50s ease-out;
    -moz-transition: transform 0.50s ease-out;
    -ms-transition: transform 0.50s ease-out;
    -o-transition: transform 0.50s ease-out;
    transition: transform 0.50s ease-out;
    z-index: 1;
}

.tpl2_catalog__item:hover .tpl2_catalog__item_name:before{
	-moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
}

.tpl2_catalog__item_name span{
	display: inline-block;
	padding-bottom: 15px;
	padding-right: 15px;
	letter-spacing: 0.04em;
	padding-top: 13px;
	background-color: #fff;
	z-index: 10;
	position: relative;
}

.tpl2_catalog__item_img{
  position: relative;
  text-align: center;
  overflow: hidden;
  background: #e8e8e8;
  z-index: 1;
}

.tpl2_catalog__item_img img{
  position: relative;
  z-index: 30;
  display: inline-block;
  -webkit-transition: transform 0.5s ease;
  -moz-transition: transform 0.5s ease;
  -ms-transition: transform 0.5s ease;
  -o-transition: transform 0.5s ease;
  transition: transform 0.5s ease;
}

@media (max-width: 1599px){
  .tpl2_catalog__item{
    width: 33.33%;
  }
}

@media (max-width: 991px){
	.tpl2_catalog__item{
		padding-right: 10px;
   		padding-left: 10px;
	}
	.tpl2_catalog__item_name{
		font-size: 14px;
	}

	.tpl2_catalog__item{
		margin-bottom: 20px;
	}

	.tpl2_catalog{
		margin-bottom: 10px;
	}

	.listing__right{
		padding-left: 5px;
   		padding-right: 5px;
	}
}

@media (max-width: 767px){
  .tpl2_catalog__item {
    width: 50%;
  }
}

@media (max-width: 574px){
  .tpl2_catalog__item_img {
    height: 150px;
    width: 100%;
  }

  .tpl2_catalog__item_img img{
    position: absolute;
    top: -50%;
    left: 0px;
    width: 100%;
  }
}

@media (max-width: 399px){
  .tpl2_catalog__item_img img{
    top: -15%;
  }
}



/*===== box_content =====*/
.box_content p
{
  margin-bottom:15px;
  line-height:1.5
}

.box_content h1
{
  font-weight:600
}

.box_content h1,.box_content h2,.box_content h3,.box_content h4,.box_content h5,.box_content h6
{
  padding-bottom:0;
  line-height:1.4;
  text-transform:none;
  color:#737373
}

.box_content h2
{
  font-size:20px
}

.box_content ul
{
  margin-bottom:10px
}

.box_content li
{
  position:relative;
  padding-left:25px;
  padding-bottom:9px
}

.box_content li:after
{
  content:'';
  position:absolute;
  left:7px;
  top:9px;
  width:10px;
  height:2px;
  background-color:#222;
}

.seo_block{
  padding-top: 50px;
  padding-bottom: 100px;
  overflow: hidden;
  padding-right: 30px;
  padding-left: 30px;
}

.description_page p
{
  color:#8b8b8b
}

.description_page
{
  font-size:13px;
  color:#8b8b8b;
  margin-bottom: 80px;
}

.box-hide
{
  position:relative;
  overflow:hidden;
  max-height:130px
}

.box-hide.show
{
  max-height:none
}

.box-hide.show:before
{
  display:none
}

; .description_page p
{
  margin-bottom:1em
}

.description_page h2,.description_page h3
{
  font-size:17px
}

.description_page h1
{
  font-size:18px
}

.box-hide:before
{
  z-index:10;
  background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,#fff 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,#ffffff));
  background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,#ffffff 100%);
  background:-o-linear-gradient(top,rgba(255,255,255,0) 0%,#fff 100%);
  background:-ms-linear-gradient(top,rgba(255,255,255,0) 0%,#fff 100%);
  background:linear-gradient(top,rgba(255,255,255,0) 0%,#fff 100%);
  content:"";
  position:absolute;
  display:block;
  width:100%;
  height:50px;
  bottom:0
}

.box-hide__bt
{
  cursor:pointer;
  margin-top:11px;
  color:#707070;
  display:inline-block;
  font-size:13px;
  border-bottom:1px dotted #606060;
  line-height:normal
}

.box-hide__bt.hide{
  display: none;
}

.box-hide__bt:hover
{
  border-bottom:none;
  margin-bottom:1px
}

.box-hide-color1:before
{
  background:-moz-linear-gradient(top,rgba(255,255,255,0) 0%,#f4f6f6 100%);
  background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,#f4f6f6));
  background:-webkit-linear-gradient(top,rgba(255,255,255,0) 0%,#f4f6f6 100%);
  background:-o-linear-gradient(top,rgba(255,255,255,0) 0%,#f4f6f6 100%);
  background:-ms-linear-gradient(top,rgba(255,255,255,0) 0%,#f4f6f6 100%);
  background:linear-gradient(top,rgba(255,255,255,0) 0%,#f4f6f6 100%)
}
/*===== box_content =====*/

.listing__row{
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.listing__left {
  width: 220px;
}

.listing_anons{
  line-height: 1.65;
  margin-bottom: 50px;
}

.listing_anons p{
    color:#111;
}

.listing__right {
  padding-left: 50px;
  padding-right: 0px;
  padding-top: 5px;
  flex: 1 0;
}

.listing__right h1{
  margin-top: 0px;
  margin-bottom: 20px;
}
.listing__right .breadcrumbs{
  padding: 15px 0 5px;
}

@media (max-width: 1199px){
  .listing__row{
    margin-left: -10px;
    margin-right: -10px;
  }
}

/*===== filters =====*/
.mobile_nav .filters{
  border: none;
}

.mobile_nav-mod{
  background-color: white;
}

.filters{
	padding: 0px 0px 10px 0px;
}

.mobile_nav .filters{
	padding: 30px 0px 10px 40px;
}

.filter__row{
  margin-bottom: 20px;
}

.filter__item_title, .filter_price__title{
  letter-spacing: 0.04em;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 15px;
}

.filter_price{margin-bottom: 40px;}
.filter_price .btn{
  margin-top: 20px;
}

.filter_price .ui-slider .ui-slider-range{
  background-color: #596e7e;
}

.filter_price .ui-slider-horizontal{
  height: 3px;
}

.filter__item{
  padding-bottom: 25px;
  margin-bottom: 20px;
  border-bottom: 1px dotted #e2e2e2;
}

.filter__item a{
  color:#626771;
}

.filter__item:last-child{
  border-bottom: none;
  margin-bottom: 0;
}

.filter_price__row{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	margin-bottom: 20px;
}

.filter_price__input {
  padding: 4px 0px!important;
  width: 50px;
  margin-left: 15px;
  margin-right: 10px;
}

.filter__item img{display: inline-block;}

.filter_color{
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
}

 .filter__type_item{
  font-size: 13px;
  color: #222;
  padding-right: 3px;
  text-align: left;
  display: block;
  margin-right: 5px;
  margin-bottom: 10px;
  cursor: pointer;
}

.filter__type select{padding: 7px 90px 9px 10px; position: relative;}
.filter__type select:after{
	content: "";
	width: 10px;
	height: 10px;
	background: red;
	position: absolute;
	top:0;
	right: 0;
}

.filter__type_item label{cursor: pointer; position: relative;}
.filter__type_item:hover label:before{
  border-color:#222;
}

.filter__type_item label:before{
  content: "";
  position: absolute;
  top: -2px;
  left: 0;
  width: 20px;
  height: 20px;
  z-index: 2;
  border: 1px solid #d8d8d8;
}


.filter__type_item.filter__type_item-metka label{
  padding: 0px 10px 0 30px;
  display: block;
  border-radius: 4px;
}

.filter__type_item.filter__type_item-metka input {
  display: none; 
}

.filter__type_item input[type=checkbox]:checked + label, .filter__type_item input[type=radio]:checked + label, .filter__type_item.filter__type_item-metka:hover label {
 border-color: #333;
 color:#222;
} 


.filter__type_item.filter__type_item-img label{
  padding: 4px 4px;
  display: block;
  border:2px solid white;
  border-radius: 50%;
  font-size: 0;
}

.filter__type_item-metka label:after{
  width: 100%;
  height: 100%;
  position: absolute;
  content: "";
  top:0;
  left:0;
}

.filter__type_item-metka input:checked + label:before{
  background: #596e7e url(../img/check.svg) no-repeat center;
  background-size: 11px;
  border-color:#596e7e;
}

.filter__type_item.filter__type_item-img input {
  display: none; 
}

.filter__type_item.filter__type_item-img:hover label, .filter__type_item input[type=radio]:checked {
  border-color: #333333;
  color:#222;
} 


.mob_filter__bt {margin-bottom: 15px; padding-top: 9px; padding-bottom: 10px;}

.preloader_wrap{position: relative;}

.filter_preloader{
  width: 100%;
  height: 100%;
  position: absolute;
  text-align: center;
  padding-top: 100px;
  left: 0;
  right: 0;
  top: 0;
  margin: auto;
  background: rgba(255, 255, 255, 0.4);
  z-index: 100;
  display: none;
}

.dot-loader {
  height: 20px;
  width: 20px;
  display: inline-block;
  border-radius: 50%;
  background-color: #222;
  position: relative;
  -webkit-animation: 1.2s grow ease-in-out infinite;
  animation: 1.2s grow ease-in-out infinite;
}

.dot-loader--2 {
  -webkit-animation: 1.2s grow ease-in-out infinite 0.15555s;
  animation: 1.2s grow ease-in-out infinite 0.15555s;
  margin: 0 20px;
}
.dot-loader--3 {
  -webkit-animation: 1.2s grow ease-in-out infinite 0.3s;
  animation: 1.2s grow ease-in-out infinite 0.3s;
}

@-webkit-keyframes grow {
  0%, 40%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes grow {
  0%, 40%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}


.slider_price {
  margin: 0 10px;
}

.mob_filter{display: none;}

/*catalog_selection*/
.catalog_selection{
  margin-bottom: 15px;
  padding-top: 15px;
  border-top: 1px solid #e9e9e9;
}

.catalog_selection li{
  display: inline-block;
  font-size: 13px;
  margin-bottom: 10px;
}

.catalog_selection li a{
  display: inline-block;
  padding: 5px 15px;
  margin:0 5px 0 0;
  border-radius: 5px;
  border:1px solid #cdcdcd;
}

.catalog_selection .catalog_selection__remove  a{
    border:1px solid #f74747;
}


.catalog_selection__count{
  padding-left: 5px;
}

.catalog_selection__item a{
  padding-right: 35px!important;
  position: relative;
}

.catalog_selection__item a:before{
  position: absolute;
  right: 10px;
  top: 6px;
  content: "";
  width: 17px;
  height: 17px;
  opacity: 0.4;
  background: url(../img/close_small.svg) center no-repeat;
}

.catalog_selection__item a:hover:before{
  opacity:1;  
}

@media (max-width: 767px){
  .catalog_selection li{
    font-size: 13px;
  }
}

/*catalog_selection*/
/*===== filters =====*/

@media (max-width: 1599px){
  .filter_price__input{margin-left: 0; margin-top: 3px;}
  .filters{padding-right: 30px;}
  .listing__right{padding-left: 20px;}
}



@media (max-width: 1199px){
  .listing__left {display: none;}
  .listing__right {width: 100%; padding-top: 5px; padding-left: 10px; padding-right: 10px;}
  .mob_filter{display: inline-block;}
}


/*===== menu =====*/
.menu {display: none;}

.menu a{
  color: #444;
  display: inline-block;
  padding: 8px 0 0;
  font-size: 14px;
  letter-spacing: 0.04em;
  position: relative;
  font-weight: 600;
  border-bottom: 1px solid #d3d3d3;
  margin-bottom: 8px;
}

.menu a:hover{
  color: #e2939e;
  border-bottom: none;
  margin-bottom: 9px;
}

.menu__title{
  letter-spacing: 0.04em;
  font-size: 16px;
  font-weight: 600;
  color: #111;
  margin-bottom: 10px;
  display: none;
}

 .menu__list li ul a{
  padding-left: 15px;
  padding-top: 0;
  font-weight: 400;
  font-size: 13px;
}

.menu__list li ul a:before{
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  width: 10px;
  height: 1px;
  background-color: #222222;
}

/*===== menu =====*/

/*===== variants_select =====*/
.variants_select {
  outline:none;
  background: #f9f9f9;
  border: 1px solid #dbdbdb;
  padding: 5px 10px;
  font-size: 14px;
  border-radius: 3px;
  width: 80%;
  box-sizing: border-box;
  margin-top: 10px;
}
/*===== variants_select =====*/


/*===== reviews =====*/
.reviews_wrap{
  margin-bottom: 20px;
}

.reviews{
  padding: 0px 40px 30px 0px;
  margin-right: 50px;

  min-height: 335px;
  border-right: 1px dotted #cacaca;
}

.review__item{
  padding: 0px 0 30px;
  margin-bottom: 30px;
  border-bottom: 1px solid #dcdcdc;
  font-size: 14px;
  color:#333;
  overflow: hidden;
}

.review__empty{color: #989898}

.review__list ul{
  padding-right: 30px;
  list-style-type: none;
}

.review__ul > li .review__parent{
  padding: 0px 0 15px;
  border-bottom: 1px dotted #c7c7c7;
  margin-bottom: 20px;
}

.review__ul ul li .review__parent {
  padding: 30px;
  background-color: #f8f8f8;
  position: relative;
  margin-top: 20px;
}

.review__ul ul li .review__parent:after {
  content: "";
  position: absolute;
  top: -14px;
  left: 30px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 15px solid #222;
}

.review__name{
  font-size: 14px;
  margin-right: 15px;
  float: left;
}

.review__text{
  line-height: 1.5;
  margin-bottom: 5px;
}

.write_answer{
  color: #e2939e;
  display: inline-block;
  border-bottom: 1px dotted #e2939e;
  font-size: 13px;
  margin-bottom: 15px;
  cursor: pointer;
}

.write_success{
  margin-bottom: 15px;
}

.write_success .error{
  color: #000000;
  background: #ffadad;
  padding: 8px 15px;
  border-radius: 4px;
  font-size: 14px;
  border: 1px solid #ffadad;
}

.write_success .success{
  color: #19381e;
  background: #79ec8e;
  padding: 8px 15px;
  border-radius: 4px;
  font-size: 14px;
  border: 1px solid #79ec8e;
}

.write_answer__drop{
  display: none;
}

.write_answer:hover{
  border:none;
  margin-bottom: 16px;
}

.review__date{
  float: left;
}

.review__rating{
  float: right;
}

.review__info{
  margin-bottom:10px;
}
.reviews h2{
  font-weight: 500;
  font-size: 23px;
}

.review__answer{
  width: 70%;
  float:right;
  margin-top: 10px;
  background-color: #e7e7e7;
  position: relative;
  padding:20px;
}

.review__answer:after{
  content:"";
  position: absolute;
  top:-10px;
  left: 20px;
  width: 0;
  height: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-bottom: 20px solid #e7e7e7;
}

@media (max-width: 991px){
  .reviews_wrap{padding-left: 15px; padding-right: 15px;}
}

@media (max-width: 500px){
  .review__col_l  {display: none;}
  .review__col_r{width: 100%; float: none;}
  .review__answer{width: 100%;}
  .review__page .review__name {
    font-size: 20px!important;
  }

  body .review__page .review__parent{padding: 20px 20px 20px 20px!important;}
   body .review__page .review__text{font-size: 14px;}
}
/*===== reviews =====*/


.card__photo_mobile{display: none;}
.card__photo_mobile .slick-slide img{
    max-width: 100%;
}

.card__photo_mobile  .slick-slide{
  opacity: 1!important;
}

body .card__photo_mobile .slick-prev:before {
  background: url(../img/arrow_left.svg) no-repeat;
  width: 41px;
  height: 41px;
}

body .card__photo_mobile .slick-next:before {
  background: url(../img/arrow_right.svg) no-repeat;
  width: 41px;
  height: 41px;
}

body .card__photo_mobile .slick-arrow {
    background: transparent;
    border: none;
}

body .card__photo_mobile .slick-arrow:focus, body .card__photo_mobile .slick-arrow:hover {
    background: transparent;
}
body .card__photo_mobile .slick-next, body .card__photo_mobile .slick-prev {
    width: 55px;
}

.card {
  margin-top: 25px;
  display: flex;
  flex-wrap: wrap;
}

.card__title{
  font-size: 23px;
  margin-top: 0;
  font-weight: 500;
}

.card__left {
  margin-bottom: 30px;
  padding-left: 0;
  padding-right: 0;
}

.card__articul{
  font-size: 14px;
  padding: 6px 20px 7px 0;
  margin-top: 5px;
  display: inline-block;
  letter-spacing: 0.02em;
  margin-right: 10px;
}

.card__brand{
  display: inline-block;
  font-size: 13px;
  letter-spacing: 0.04em;
  padding-left: 15px;
  border-left: 1px solid #e2e2e2;
}

.card__variant{
  margin-top: 15px;
  margin-bottom: 20px;
  letter-spacing: 0.02em;
}

.card__pricing{
	margin-top: 20px;
	padding-top: 20px;
	padding-bottom: 30px;
	border-top: 1px solid #ebedf0;
	border-bottom: 1px solid #ebedf0;
}

.card__btn_prompt {
	display: none;
  color: #f30505
}

.card__btn_prompt.active{
	display: block;
}

.card__price {
  font-size: 40px;
  font-weight: 500;
  letter-spacing: 0.02em;
  margin-bottom: 15px;
}

.card__price-main{
  position: relative;
  display: inline-block;
}

.card__quantity{
  color: #00bd00;
  margin-top: 12px;
  display: inline-block;
  margin-right: 15px;
}

.quantity_status-yes{
  letter-spacing: 0.04em;
  padding-left: 0px;
  color:#96b6ce;
  font-size: 14px;
}

.quantity_status-no{
  color:#f02828;
  font-size: 14px;
  padding-left: 0px;
}

.quantity_status-ends{
  color:#ff8a03;
  font-size: 14px;
  font-weight: 600;
  padding-left: 0px;
}

.card__price-main .card__symbol_right{
  position: absolute;
  top: 5px;
  left: 100%;
  padding-left: 10px;
  width: 100px;
  font-size: 20px;
}

.card__price-sale{
  text-decoration: line-through;
  font-size: 29px;
  display: inline-block;
  margin-right: 10px;
  font-weight: 400;
  color: #f74747;
}

.card__price-old .card__price-main{
  color:#222;
}

.card__btn{
  margin-bottom: 10px;
  display: flex;
  align-items: baseline;
}
.card__btn .btn-card{
  margin-right: 15px;
  margin-bottom: 10px;
  font-weight: 400;
  width: 50%;
  font-size: 15px;
  padding-bottom: 16px;
  padding-top: 13px;
  border-radius: 0px;
  background-color: #e2939e!important;
  display: none;
}

.card__btn .btn-card:hover{
	background-color: #f1a7b1!important;
}


.btn-card.active{display: none;}
.btn-card-basket{display: none; margin-right: 15px;}
.btn-card-basket.active{display: inline-block;}


.card__plus{
  background-color: #f5f7fa;
  margin-top: 15px;
  border-radius: 8px;
}

.card__plus_item {
  font-size: 14px;
  color: #353535;
  line-height: 1.3;
  padding-top: 25px;
  padding-bottom: 25px;
  text-align: left;
  letter-spacing: 0.04em;
  border-bottom: 3px solid white;
}

.card__plus_item li{
  margin-bottom: 7px;
  padding-left: 12px;
  position: relative;
}

.card__plus_item li:before{
  content: "";
  width: 10px;
  height: 1px;
  background-color: #acadae;
  position: absolute;
  left: 0px;
  top: 8px;
}

.card__plus_item_title{
  font-weight: 600;
  margin-bottom: 10px;
}

.card__plus .card__plus_itemIn span{
  font-size: 14px;
  text-align: left;
  color: #797979;
  display: inline-block;
}


.card__plus_itemIn {
  position: relative;
  display: inline-block;
  padding-left: 40px;
  padding-right: 40px;
  font-size: 14px;
  color:#666;
}

.card__detail{
  padding-top: 35px;
  text-align: left;
}

.card__detail_title{
  font-size: 15px;
  letter-spacing: 0.02em;
  font-weight: 600;
}

.card__detail_tab{
  display: table;
  width: 100%;
  margin-top: 7px;
}

.card__detail_row{
  display: table-row;
}

.card__detail_col{
  display: table-cell;
  width: 50%;
  border-bottom: 1px dotted #c6c6c6;
  padding: 10px 0 12px;
  font-size: 14px;
}

.card__detail_row:last-child .card__detail_col{
  border:none;
}

.card__tab{width: 100%;}

.card__right{
  padding-left: 40px;
}

.card__right .h_head__btn_text{
  text-align: left;
}

.card__right_in{
  position: sticky;
  top: 30px;
}

.card__right_in .h_head__btn{
  position: relative;
  margin-top: 30px;
}

.card__tab td{
  display: table-cell;
  width: 50%;
  border-bottom: 1px dotted #c6c6c6;
  padding: 10px 0 12px;
  font-size: 14px;
}

.card__anons{
  margin-top: 10px;
  line-height: 1.55;
  font-size: 14px;
}

.card__anons p{
  margin-top: 20px;
  margin-bottom: 25px;
  line-height: 1.65;
  font-size: 14px;
}

.card__photo_wrap{
  position: relative;
}

.card__photo {padding-left: 140px;}

.card__slider{
  width: 120px;
  position: absolute;
  left: 0px;
  top: 0;
  padding-top: 40px;
  padding-bottom: 40px;
}

.card__slider_item{
  outline: none;
  padding: 10px 0;
}

.card .slick-next {
  bottom: -18px;
  top: auto;
  left: 0;
  width: 100%;
  background: #f5f5f5;
  height: 35px;
  z-index: 10;
}


.card .slick-arrow:hover{background-color: #f5f5f5;}
.card .slick-arrow:focus{background-color: #f5f5f5;}
.card .slick-prev {
  bottom: auto;
  top: 17px;
  left: 0;
  width: 100%;
  background: #f5f5f5;
  height: 35px;
  z-index: 10;
}

.card .slick-slider{
  position: static;
}

.card__slider .slick-list{
  position: relative;
}

.card__slider .active_arrow .slick-list{
  padding-top: 0px!important;
  padding-bottom: 0px!important;
}

/*.card__slider .active_arrow .slick-list:before {
  content: "";
  width: 100%;
  height: 70px;
  position: absolute;
  bottom: 25px;
  left: 0;
  z-index: 10;
}

.card__slider .active_arrow .slick-list:after {
  content: "";
  width: 100%;
  height: 44px;
  position: absolute;
  top: 30px;
  left: 0;
  z-index: 10;
}*/

.card .slick-slide{
  opacity: 0.7;
}

.card .slick-slide:hover{
   opacity: 1;
}

.card .slick-center, .card .slick-current{
  opacity: 1;
}


.card .toggle_list{
  margin-top: 30px;
}

.card__subtitle{
  margin-bottom: 15px;
  font-weight: 600;
}


.card .toggle_btn-style{
  font-size: 16px;
  background-color: #f6f6f6;
  font-weight: 500;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}

.card__informers_mob{display: none;}

@media (max-width: 1599px){
  .card__left .toggle_list{display: none;}
  .card__informers_mob{display: block;}
}

@media (max-width: 991px){
  .card__left{
    padding-right: 0;
    margin-left: -5px;
    margin-right: -5px;
  }
  .reviews{
    padding: 0px 0px 30px 0px;
    border-right: 0;
    margin-right: 0px;
    min-height: auto;
  }
}

@media (max-width: 767px){
  .card__right{padding-left: 15px; padding-right: 15px;}
  .card__photo_mobile{display:block;}
  .card__photo_wrap{display: none;}
	.card .slick-slider{position:relative;}
  .card__slider{
  	width:100%;
  	position:relative;
  }
  .card .slick-slider{height: auto!important;}
  .card__slider_item, .card__slider .active_arrow .slick-list{padding-bottom: 0px;}
  .card__photo{padding-left: 0px;}
  
  .card .slick-next, .card .slick-prev{
  	width: 30px;
  	height: 100%;
  	bottom:0;
  	top: 50%;
  }
    
  .card .slick-prev{border-right: 5px solid white;}
  .card .slick-next{border-left: 5px solid white;}

  .card__slider .active_arrow .slick-list:after{display:none;}
  .card__slider .active_arrow .slick-list:after{display:none;}

    
  .card__slider .active_arrow .slick-list:before {
  	display:none;
  }

  .card__slider .active_arrow .slick-list{
  	padding-top:0;
  	margin-top: 20px;
  		padding-left: 30px;
  	padding-right: 30px;
  }

  .card__slider .slick-prev:before{
  	-moz-transform: scale(1) rotate(-90deg);
  	-webkit-transform: scale(1) rotate(-90deg);
  	-o-transform: scale(1) rotate(-90deg);
  	-ms-transform: scale(1) rotate(-90deg);
  	transform: scale(1) rotate(-90deg);
  }

  .card__slider .slick-next:before{
  	-moz-transform: scale(1) rotate(-90deg);
  	-webkit-transform: scale(1) rotate(-90deg);
  	-o-transform: scale(1) rotate(-90deg);
  	-ms-transform: scale(1) rotate(-90deg);
  	transform: scale(1) rotate(-90deg);
  }
  .card .slick-next{right:0; left: auto;}
}

@media (max-width: 500px){
  .card__btn{flex-flow: column;}
  .card__btn .btn{margin-right: 0px; width: 100%;}
  .card__price-main .card__symbol_right{width: auto;}
}

/*===== card =====*/

/*===== tpl2_card =====*/
.tpl2_card__head{
	position: relative;
}

.tpl2_card .breadcrumbs a{
  color: #ffffff;
}

.tpl2_card .breadcrumbs span{
  color: #ffffff;
}

.tpl2_card .breadcrumbs li i{
  background: #ffffff;
}

.tpl2_card .breadcrumbs{
  position: absolute;
  top: -10px;
  left: 50px;
  z-index: 10;
}

.tpl2_card .breadcrumbs a:hover span{color: #ffffff;}

.tpl2_card__photo_wrap{
  position: relative;
}

.tpl2_card__photo_img{
    max-height: 770px;
    overflow: hidden;
}

.tpl2_card__left {
	padding-right: 50px;
}

.tpl2_card__photo {position: relative;}
.tpl2_card__photo:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 500px;
    height: 100%;
    background: rgb(4 4 4);
    background: linear-gradient(90deg, rgb(0 0 0 / 40%) 0%, rgba(48,48,48,0) 100%);
}

.tpl2_card__title{
  font-size: 23px;
  margin-top: 0;
  position: absolute;
  left: 0px;
  top:20%;
  font-size: 70px;
  font-weight: 700;
  color: white;
}

.tpl2_card__top{
  margin-bottom: 50px;
}

.tpl2_card__top_info{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin-top: 35px;
}

.tpl2_card__top_info .btn{
  padding: 19px 55px 23px;
}

.tpl2_card__anons, .tpl2_card__anons p{
  line-height: 1.75;
}

.tpl2_card__anons p{
  margin: 1.3em 0;
}

.tpl2_card__price {
  font-size: 16px;
  padding-left: 25px;
  font-weight: 500;
}

.tpl2_card__garant{
  width: 135px;
  height: 135px;
  border-radius: 135px;
  background: white;
  position: absolute;
  top:20px;
  right:20px;
}

.tpl2_card__garant_text{
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  position: absolute;
  top: 35px;
  right: 0;
  line-height: 1.3;
  z-index: 10;
  width: 100%;
}

.tpl2_card_h3{
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 12px;
}


@-webkit-keyframes brk-pulse-paused{0%{-webkit-transform:scale(1);transform:scale(1);}20%{-webkit-transform:scale(1.2);transform:scale(1.2);}60%{-webkit-transform:scale(0.9);transform:scale(0.9);opacity:0;}100%{-webkit-transform:scale(1);transform:scale(1);}}@-moz-keyframes brk-pulse-paused{0%{-webkit-transform:scale(1);transform:scale(1);}20%{-webkit-transform:scale(1.2);transform:scale(1.2);}60%{-webkit-transform:scale(0.9);transform:scale(0.9);opacity:0;}100%{-webkit-transform:scale(1);transform:scale(1);}}@-o-keyframes brk-pulse-paused{0%{-webkit-transform:scale(1);transform:scale(1);}20%{-webkit-transform:scale(1.2);transform:scale(1.2);}60%{-webkit-transform:scale(0.9);transform:scale(0.9);opacity:0;}100%{-webkit-transform:scale(1);transform:scale(1);}}@keyframes brk-pulse-paused{0%{-webkit-transform:scale(1);transform:scale(1);}20%{-webkit-transform:scale(1.2);transform:scale(1.2);}60%{-webkit-transform:scale(0.9);transform:scale(0.9);opacity:0;}100%{-webkit-transform:scale(1);transform:scale(1);}}

.tpl2_card__garant:before{
  top: -33px;
  left: -33px;
  right: -33px;
  bottom: -33px;
  opacity: .3;
  -webkit-animation: 1s brk-pulse-paused .2s ease-in infinite;
  animation: 1s brk-pulse-paused .2s ease-in infinite;
  -webkit-transform: scale(1);
  transform: scale(1);
}

/*.tpl2_card__garant:after{
  top: -16px;
  left: -16px;
  right: -16px;
  bottom: -16px;
  opacity: .3;
  -webkit-animation: brk-pulse-paused 1s ease-in infinite;
  animation: brk-pulse-paused 1s ease-in infinite;
}*/

.tpl2_card__garant:before, .tpl2_card__garant:after{
	content: "";
	position: absolute;
	display: inline-block;
	border-radius: 50%;
	background: #ffffff;
}

.tpl2_card__brand{
	position: relative;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 50px;
	border-bottom: 1px solid #e8e8e8;
}

.tpl2_card__brand_info{
	padding-top: 15px;
}

.tpl2_card__brand a{
	color:#222;
}

.tpl2_card__brand_link{
	margin-top: 11px;
}

.tpl2_card__brand_link span{
	position: relative;
	color:#363b3e;
}

.tpl2_card__brand_link span:before {
  content: "";
  width: 20px;
  height: 1px;
  background-color: #363b3e;
  position: absolute;
  left: 0px;
  bottom: -8px;
  -webkit-transition: width 0.3s ease;
  -moz-transition: width 0.3s ease;
  -ms-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
}

.tpl2_card__brand a:hover .tpl2_card__brand_link span:before{
	width: 100%;
}

.tpl2_card__brand_title{
	font-size: 17px;
	font-weight: 600;
	color:#363b3e;
	margin-bottom: 10px;
}

.tpl2_card__brand_img{
	width: 140px;
	height: 140px;
  border-radius: 5px;
	overflow: hidden;
	margin-right: 30px;
}

.tpl2_card__detail{
	margin-bottom: 65px;
}

.tpl2_card__attrs{
	margin-bottom: 30px;
}

.tpl2_card__attrs_row {
	display: flex;
	flex-wrap: wrap;
}

.tpl2_card__attrs li{
  padding: 12px 0 14px;
	border-bottom: 1px dotted lightgrey;
	color: #222;
	font-size: 14px;
}

.tpl2_card__attrs_cell{
	width: 50%;
}

.tpl2_card__slider {
	margin-top: 10px;
}

.tpl2_card__slider .slick-track{margin-left: 0!important;}

.tpl2_stikercard__slider_item {
    overflow: hidden;
}

.tpl2_card__slider .slick-prev:before{
	background: url(../img/arrow2_left.svg) no-repeat 0 0px;
	width: 45px;
    height: 20px;
    margin-right: 15px;
}

.tpl2_card__slider .slick-next:before{
	background: url(../img/arrow2_right.svg) no-repeat 0 0px;
	width: 45px;
    height: 20px;
    margin-left: 15px;
}

.tpl2_card__slider .slick-next{
	right: -5px;
}

.tpl2_card__slider .slick-prev{
	left: -5px;
}

.tpl2_card__slider .slick-prev, .tpl2_card__slider .slick-next{
    width: 45px;
    height: 100%;
    background: rgb(255 255 255 / 70%)!important;
    z-index: 10;
}

.tpl2_card__slider .slick-prev:before, .tpl2_card__slider .slick-next:before{opacity: 1;}

.tpl2_card__slider .slick-slide{
	padding: 10px;
}

.tpl2_card__action{
	padding-top: 50px;
}

.tpl2_card__action_text{
	margin-top: 15px;
	font-size: 14px;
	color:#222;
	letter-spacing: 0.02em;
}

@media (max-width: 1499px){
	.tpl2_card__garant_text{font-size: 13px;}
	.tpl2_card__garant{
		width: 115px;
    	height: 115px;
	}

	.tpl2_card__title{
	  font-size: 80px;
	}

	.tpl2_card__top_info .btn{
		font-size: 15px;
	}

	.tpl2_card__anons, .tpl2_card__brand a{
		font-size: 14px;
	}

	.tpl2_card_h3, .tpl2_card__brand_title{
		font-size: 15px;
	}
}


@media (max-width: 1199px){
	.tpl2_stikercard__slider_item {
		height: 135px;
	}
}

@media (max-width: 991px){
	.tpl2_card__title {font-size: 40px;}
}

@media (max-width: 767px){
  .tpl2_card__left{
    padding-right: 15px;
  }

	.tpl2_card__brand{
		margin-top: 50px;
	}

	.tpl2_card__photo_wrap{
		overflow: hidden;
	}

	.tpl2_card__title{
	  font-size: 25px;
	  position: static;
	  padding: 25px 20px 10px;
	  color:#222;
	}

	.tpl2_card__title br{
		display: none;
	}

	.tpl2_card__garant_text{
    font-size: 11px;
    top: 24px;
	}
	.tpl2_card__garant{
		width: 90px;
    	height: 90px;
	}

	.tpl2_card__head.container{
		max-width: none;
		padding-right: 0px;
    padding-left: 0px;
	}

  .tpl2_card__head .breadcrumbs{
    display: none
  }

	.tpl2_card__slider .slick-prev:before, .tpl2_card__slider .slick-next:before{display: none;}
	.tpl2_card__slider .slick-prev, .tpl2_card__slider .slick-next{display: none!important;}

	.tpl2_stikercard__slider_item {
		height: auto;
	}

	.tpl2_card__photo:after{
		display: none;
	}
}

@media (max-width: 599px){
	.tpl2_card__top_info{
		flex-flow: column-reverse;
    	align-items: flex-start;
    	margin-top: 30px;
	}

	.tpl2_card__price{
		padding-left: 0px;
		padding-bottom: 15px;
	}

  .tpl2_card_h3{
    margin-bottom: 8px;
  }

  .tpl2_card__detail{
    margin-bottom: 20px;
  }
}


/*===== tpl2_card =====*/

/*===== card_products_buy =====*/
.card_products_buy{
  border-top: 1px dotted #c7c7c7;
  border-bottom: 1px dotted #c7c7c7;
  margin-top: 70px;
  padding-bottom: 25px;
  padding-top: 50px;
}

.card_products_buy .h1{
  font-weight: 600;
  font-size: 23px;
}

.card_products_buy .h_link{
    margin-bottom: 10px;
}

.card_products_buy .product__info{
  margin-top: 0px; 
}

.card_products_buy2_list{
  display: flex;
  flex-wrap: wrap;
  margin-right: -10px;
  margin-left: -10px;
}

.card_products_buy2_list .product__item{
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
  margin-bottom: 50px;
}

.card_products_buy2{
  margin-top: 70px;
}

@media (max-width: 400px){
  .card_products_buy2_list .product__item{
    width: 100%;
    margin-bottom: 20px;
  }
}

/*===== card_products_buy =====*/

/*===== pagination =====*/
.pagination{
  margin-top: 0px;
  margin-bottom: 30px;
  text-align: center;
}

.pagination li{
  display: inline-block;
  padding:0 5px;
}

.pagination a{
  text-decoration: none;
  color: #333;
  font-size: 15px;
  padding: 7px 15px;
  display: block;
}


.pagination .active a{
  border: 1px solid #222;
}

.pagination_arrow a {
  height: 36px;
  width: 40px;

}

.pagination_arrow a:before{
  content: '';
  display: inline-block;
  background-image: url(../img/sprite_pagination.png);
  background-repeat: no-repeat;
  width: 10px;
  height: 9px;
}



.pagination_arrow-prev a:before{
  background-position: -14px 0;
}

.pagination_arrow-next a:before{
  background-position: -30px 0;
}

.pagination_arrow-last a:before{
  background-position: -44px 0;
}

/*===== pagination =====*/


@media (max-width: 767px){
.card_products_buy .h1{
  font-size: 18px;
}

}

@media (max-width: 400px){
  .card__plus_itemIn{padding-left: 20px;}
  .card__plus .card__plus_itemIn span{text-align: center;}
}

/*===== write_rev =====*/
.write_rev .h2{
  font-weight: 500;
  font-size: 23px;
}
.write_rev__rating{
  margin:15px 0;
}
.write_rev__input textarea, .write_rev__input input:not[type="submit"]{
  background-color: #e8e8e8;
  border:1px solid #d0d0d0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 9px 14px 11px;
  outline:none;
  font-size:14px;
}

.write_rev__input textarea:focus, .write_rev__input input:focus:not[type="submit"]{
  border-color: #1a95e5;
  background-color: white;
}

.write_rev__help{
  margin: 15px 0;
  color: #989898;
  letter-spacing: 0.04em;
  font-size: 14px;
}

.write_rev__input input:not[type="submit"]{width: 50%; margin-bottom: 15px;}

.write_rev__input{
  width: 100%;
  margin-bottom: 20px;
}

.write_rev__texarea textarea{
  width: 100%;
  min-height: 100px;
  resize: vertical; 
}

.write_rev__rating .rating {display: inline-block;}
.write_rev__rating span{
  display: inline-block;
  margin-right: 15px;
  color: #737373;
}
/*===== write_rev =====*/


/*===== raiting =====*/
.rating img {
  display: inline-block !important;
  width: auto !important;
}

.rating_none{height: 20px;}
/*===== raiting =====*/

/*===== photo_block =====*/

.photo_block {
  position: relative;
  height: 0;
  padding-top: 100%;
  margin: 1px;
  display: block;
}

.photo_block__in {
  overflow: hidden;
  border: none;
  background: #f0f0f0;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

.photo_block__in img {
  margin: auto;
  max-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}

/*===== photo_block =====*/

/*===== news =====*/
.news_cart{
  margin-bottom: 60px;
}

.news__item {
  margin-bottom: 30px;
}

.news__link{
	color: #262626;
	font-size: 18px;
	margin-bottom: 15px;
	font-weight: 500;
	display: block;
	margin-top: 15px;
}

.news__title{
    margin-bottom: 10px;
    font-weight: 600;
    color: #333;
}

.news__title:hover{color: #596e7e;}

.news__date{
  margin-top: 15px;
}

.news__anons{
  color:#9c9c9c;
  line-height: 1.4;
}

.news__anons p {color:#888; letter-spacing: 1.6;}

.news__date{
  color:#b4b4b4;
  height: 30px;
  font-size: 14px;
}

.news__item .photo_block{
  padding-top: 75%;
  z-index: 10;
}

@media (max-width: 991px){
  .news__title{
  	font-size: 16px;
  }
  .news_page .left_form-2 {margin-top: 40px;}
  .news_page .news_list{padding: 0 10px;}
}


@media (max-width: 500px){
 .news__anons{display: none;}
}
/*===== news =====*/

/*===== share =====*/
.share {
  margin-top: 25px;
}

.share__title{
  font-size: 14px;
  color: #a9a9a9;
  letter-spacing: 0.02em;
  margin-bottom: 10px;
}

/*===== share =====*/




/*===== Корзина  =====*/
/*шапка*/
.cart__head{
  margin-bottom: 10px;
  margin-top: 10px;
  background: #f6f6f6
}

.cart__head_item{
  text-decoration: none;
  padding-left: 0;
  padding-right: 0;
}

.cart__head_item_in{
  position: relative;
  color: #a3a3a3;
  padding: 15px 20px 20px;
      padding-left: 20px;
  line-height: normal;
  padding-left: 80px;
    -webkit-transition: background 0.3s ease;
  -moz-transition: background 0.3s ease;
  -ms-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}

.cart__head_item:hover .cart__head_number{
  color: #e2939e;
}

.cart__head_item_in:after{
  content:"";
  position: absolute;
  right: -23px;
  top: 50%;
  margin-top: -12px;
  background: url(../img/sprite.png) no-repeat -220px -174px;
  width: 14px;
  height: 24px;
}

.cart__head_item.active .cart__head_item_in:after{
  background: url(../img/sprite.png) no-repeat -220px -144px;
}

.cart__head_item:last-child .cart__head_item_in:after{display: none;}

.cart__head_number{
  position: absolute;
  left: 30px;
  top: 3px;
  font-size: 60px;
}

.cart__head_title{
  font-size: 20px;
  font-weight: 600;
}

.cart__head_subtitle{
  font-size: 14px;
  margin-top: 5px;
}

.cart__head_item.active .cart__head_title, .cart__head_item.active .cart__head_subtitle{color:white;}
.cart__head_item.active .cart__head_item_in, .cart__head_item.active:hover .cart__head_number{
  background-color: #e2939e;
  color:white!important;
}


.cart_confirm{
  padding-left: 30px;
  padding-right: 30px;
}

.cart__quantity_input{
  width: 60px;
}

/*таблица*/
.cart_mobtitle{
	display: none;
}

.cart_table{
  width: 100%;
  border-collapse: collapse;
}

.cart_table td{
    border:1px dotted #d5d5d5; 
}

.cart_table > thead{
  background-color: #f6f6f6;
  color: #333;
  font-size: 13px;
  font-weight: 600;
}

.cart_table > thead td{
  padding: 12px 17px;
  font-weight: 600;
}

.cart_table > tbody td{
  padding: 20px;
}

.cart__product_title{
  font-size: 14px;
  font-weight: 600;
  color: #333;
  text-decoration: none;
  margin-bottom: 10px;
  display: inline-block;
}

.cart__product_title:hover{color:#e799a4;}

.cart__product_info{
  color:#333;
  overflow: hidden;
}

.cart__product_info li{
  margin-bottom: 5px;
  font-size: 14px;
}

.cart__product_img{
  float: left;
  width: 75px;
  margin-right: 20px;
  position: relative;
}
.cart__product_img img{max-width: 100%;}

/*общий блок*/
.cart__base{
  padding-top: 15px;
}

.cart__base_head{
  background-color: #f6f6f6;
  color: #333;
  font-size: 13px;
  padding: 12px 17px;
  border-bottom: 1px dotted #d5d5d5;
  font-weight: 600;
}

.cart__base_body{
  padding: 20px 25px 15px 25px;
  background-color: #f6f6f6;
  font-size: 14px;
  margin-bottom: 20px;
}

.cart__base_sum{
  margin-bottom: 13px;
}

.cart__base_sum_l{
  float:left;
  margin-top: 7px;
  width: 140px;
}

.cart__base_sum_r{
  font-weight: 600;
  text-align: right;
}

.cart__base_sum_r span{
  font-size: 24px;
}

/*sertificate*/

.cart__base_sertificate .input{
  background-color: #fff;
  border:1px solid #c1c1c1;
  border-radius:2px;
  margin-bottom: 15px;
  width: 100%;
  margin-top: 0;
}

.cart .toggle_btn-style{
  padding: 15px 0px 15px 0px;
}
/*sertificate*/

.cart__base_sum-total{margin-top: 0px;}
.cart__base_sum-total .cart__base_sum_l{
  font-size: 18px;
  font-weight: 600;
  margin-top: 13px;
}
.cart__base_sum-total .cart__base_sum_r span{   font-size: 28px;}

/*Личные данные*/
.cart_login{margin-bottom: 25px;}
.cart_login span{
  color:#1a95e5;
  border-bottom: 1px dashed #1a95e5;
  cursor: pointer;
}

.cart_login span:hover{
  border-bottom: none;
}

.cart .h1{
  font-size: 25px;
}

.cart_userform{
  margin-top: 25px;
}

.cart_userform__item{margin-bottom: 20px;   font-size: 0;}
.cart__selected .radio__row{
  font-size: 14px;
  margin-bottom: 8px;
}

.delivery_label{
  margin-bottom: 10px;
}

.cart_userform__item > div{
    display: inline-block;
    float: none;
    vertical-align: middle;
    font-size: 15px;
}

.apidelivery__department select{
  height: auto;
  padding: 10px;
  font-size: 14px;
  width: 100%;
  outline: none;
  border: 1px solid #d7d7d7;
  background: #f6f6f6;
}

.apidelivery__city .fstElement{
  width: 100%;
}

.apidelivery__city .fstToggleBtn{
  min-width: auto;
}

.cart_userform__btn{text-align: right;}


.cart_show_reg{
  margin-top: 30px;
  display: none;
}

.cart_show_reg.active{
display: block;
}

.cart_userform__btn input{
  margin-left: 10px;
}

.cart_userform__btn a{
  margin-bottom: 10px;
}

.sure{color:#f20000;}

.cart_userform__item label{

  display: inline-block;
  margin-left: 20px;
}

.cart_userform__item input{
  width: 100%;
}

.cart_userform__textarea{
  width: 100%;
  height: 150px;
}


/*Корзина пуста*/
.cart_clear{
  text-align: center;
  padding: 20px 0 30px;
}
.cart_clear img{max-width: 100%;  display: none;}

.cart_clear__title{
  margin-top: 40px;
  font-size: 24px;
  color:#313131;
  text-transform: uppercase;
  font-weight: 600;

}

.cart_clear__subtitle{
  margin-top: 5px;
  color: #333333;
}

.cart_clear__subtitle{
  margin-top: 15px;
  color: #333333;
  margin-bottom: 30px;
}

.cart__table{
  font-size: 15px;
}

.cart__table .table__td{
  padding: 10px;
  border-bottom: 1px dotted #d8d8d8;
}

.cart__table .table__head{
  font-size: 13px;
  font-weight: 600;
}

/*Финальный этап оформления*/
.orderfinal{
  padding:0 30px;
  margin-bottom: 50px;
}

.orderfinal_list{
  margin-bottom: 20px;
}

.orderfinal_list span{
  font-weight: 600;
  display: inline-block;
  width: 150px;
}

.orderfinal_title{
  font-size: 20px;
  color: #111;
  font-weight: 600;
  margin-bottom: 18px;
}

.orderfinal_list ul{
  list-style-type: none;
}

.orderfinal_list li{
  margin-top: 12px;
}

.orderfinal__message{
  padding-bottom: 30px;
  padding-top: 0px;
  margin-bottom: 40px;
  background: #f8f8f8;
  text-align: center;
}

.orderfinal__message_title{
  font-size: 28px;
  color:#111;
  font-weight: 600;
}

.orderfinal__message_subtitle{
  font-size: 14px;
  color:#949494;
}

.cart .cart__base_sum-sum{
  display: none;
}

.cart_pay__info{
  font-size: 14px;
  padding: 25px 30px;
  background: #f8f8f8;
  border-radius: 5px;
  margin-bottom: 20px;
}

.cart_pay__info_title{
  font-weight: 600;
  margin-bottom: 10px;
}

@media (max-width: 1199px){
  .cart__base_sum_r span{
    margin-top: 7px;
    display: inline-block;
  }
  .cart__base_sum-total .cart__base_sum_r span{font-size: 20px;}

}


@media screen and (max-width: 991px) {
  .cart__head_subtitle{display: none;}
  .cart__head_title{font-size: 15px;}
  .cart__head_number{
    left: 18px;
    top: 4px;
    font-size: 35px;
  }

  .cart__head_item_in{
    position: relative;
    color: #a3a3a3;
    padding: 15px 20px 20px;
    padding-left: 20px;
    line-height: normal;
    padding-left: 50px;
    -webkit-transition: background 0.3s ease;
    -moz-transition: background 0.3s ease;
    -ms-transition: background 0.3s ease;
    -o-transition: background 0.3s ease;
    transition: background 0.3s ease;
    height:60px;
  }

  .cart__head{
    margin-bottom: 10px;
  }
}

@media screen and (max-width: 700px) {
  .cart .h1{font-size: 20px;}
  .cart__head_item_in{
       background-color: transparent;
       border:none;
       padding: 13px 0px 13px;
       padding-left: 30px;
       height: auto;
       box-shadow:none;
  }
  
  .cart__head_number{
    left: 6px;
    top: 8px;
    font-size: 26px;
  }
  .cart__head_item_in:after{display: none;}
  .cart__table .table__td{
    font-size: 13px;
    padding: 6px 10px;
  }
  
  .cart__product_sum {font-weight: 600; font-size: 16px;}

  .cart__product_info li{font-size: 13px;}
  .cart_userform__item label{margin-left: 0;}
  .cart_userform{margin-top: 15px;}

  .cart_userform__item > div{font-size: 14px;}

  .cart .table__wrap, .cart__table .table__head, .cart__table .table__td,  .cart .table__tr {display: block;    text-align: left;}
  .cart .table__head{display: none;}
  .cart_mobtitle{
	display: inline-block;
	}

 .cart__table .price{clear: left;}
.cart__table .price, .cart__table .count, .cart__table .cart__product_sum, .cart__table .table__td-price, .cart__table .table__td-quantity{
	    padding-left: 92px;
}

.cart__table .quantity input{
  padding-right: 19px!important;
}


 .cart__table .table__td{border-bottom:none;}
 .cart__product_title{font-size: 18px;}
 .cart__product_img{width: 60px;}
 .cart__head  {display: none;}
 .cart__base_sum_l{float: none;}
 .cart__base_body .toggle_btn-style:before{display: none;}
 .cart__base_body .cart__base_sum_r{text-align:left;}
 .orderfinal > div{overflow: auto;}
  .orderfinal  .cart_table{width: 800px;}
}

/*===== Корзина  =====*/

/*===== Личный кабинет  =====*/
.order_link{
  font-size: 14px;
  font-weight: 600;
  color:#1a95e5;
}
/*===== Личный кабинет  =====*/

/*===== Спасибо за регистрацию =====*/
.reg_success{
  text-align: center;
}

.reg_success__title{
  margin-top: 30px;
  text-transform: uppercase;
  font-size: 28px;
}

.reg_success__subtitle{
  margin-top: 20px;
  color: #666;
}

/*===== Спасибо за регистрацию =====*/



/*===== Информер на карточке товара =====*/

.why_prod:hover{
    color: white;
  }

  .why_prod{
    background: #0564b5 url(../img/why.jpg) no-repeat top center;
    color: white;
    padding: 25px 35px 30px 35px;
    display: block;
    margin-top: 25px;
  }

  .why_prod__title{
    margin-bottom: 15px;
    font-size: 21px;
    font-weight: 600;
    display: block;
  }
  .why_prod a{
    font-size: 14px;
    color:white;
  }
  .why_prod__link{
    display: inline-block;
    font-size: 14px;
    text-decoration: underline;
  }

  .why_prod__link:hover{
    text-decoration: none;
  }


  @media (max-width: 400px){
    .why_prod{text-align: center; padding: 25px 25px;}
    .why_prod__title{
      font-size: 17px;
      margin-bottom: 5px;
    }
  }
/*===== Информер на карточке товара =====*/


/*===== countdown =====*/
ul.countdown {
list-style: none;
margin: 30px 0;
padding: 0;
display: block;
text-align: center;
}
ul.countdown li {
display: inline-block;
}
ul.countdown li span {
font-size: 70px;
font-weight: 300;
line-height: 70px;
}
ul.countdown li.seperator {
font-size: 70px;
line-height: 60px;
vertical-align: top;
}
ul.countdown li p {
color: #ffffff;
  font-size: 16px;
  margin-top: 10px;
}
/*===== countdown =====*/

.head_banner {
  padding-left: 0!important;
    padding-right: 0!important;
    width: 100%!important;
}

.head_banner  .container{
  padding-left: 0px;
  padding-right: 0px;}

/*===== size =====*/
.size_wrap{margin-top: 20px;}

.size_btn{
    color: #0c0c0c;
    font-weight: 600;
   border-bottom:1px dotted black;
}

.size_btn:hover{
  border:none;
}
/*===== size =====*/




/*=================tabs=================*/
.tabs_style{
  font-size: 14px;
  font-weight: 400;
  margin-top: 15px;
}

.tabs_style > div{
  padding-top:10px;
}
.tabs_style > ul{
  margin:0px;
  padding:0px;
}
.tabs_style > ul:after{
  content:"";
  display:block;
  clear:both;

}
.tabs_style > ul li{
  margin: 0px;
  padding: 0px;
  cursor: pointer;
  display: block;
  float: left;
  padding: 1px 10px 2px 10px;
  color: #333;
  margin-right: 3px;
  text-transform: uppercase;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.04em;
}

.tabs_style > ul li:hover{
 color: #f02828;;
}

.tabs_style > ul li.active, .tabs_style ul li.active:hover{
  color: white;
  background: #222;
}


.tabs__content {
    display: none;
}
.tabs__content.active {
    display: block;
}
/*=================tabs=================*/

/*================= adaptive_tabs=================*/
.adaptive_table {
/*  border: 1px solid #ccc;*/
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.adaptive_table caption {
  font-size: 1.5em;
  margin: .5em 0 .75em;
}

.adaptive_table tr {
  border-bottom: 2px solid #ececec;
  padding: .35em;
}

.adaptive_table td:first-child{
	font-weight: 600;
	color:#ec0000;
}

.adaptive_table tr:nth-child(even){
	background-color: #f6f6f6;
}

.adaptive_table th,
.adaptive_table td {
  padding: .625em;
  text-align: center;
}

.adaptive_table th {
  font-size: .85em;
  letter-spacing: .1em;
  font-weight: 600;
}

@media screen and (max-width: 767px) {
  .adaptive_table.sm {
    border: 0;
  }

  .adaptive_table.sm caption {
    font-size: 1.3em;
  }
  
  .adaptive_table.sm thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  
  .adaptive_table.sm tr {
    display: block;
    margin-bottom: .625em;
  }
  
  .adaptive_table.sm td {
    border-bottom: 1px solid #ddd;
    display: block;
    font-size: .8em;
    text-align: right;
  }
  
  .adaptive_table.sm td::before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    text-transform: uppercase;
  }
  
  .adaptive_table.sm td:last-child {
    border-bottom: 0;
  }
}




/*===========card__attrs========*/
.card__attrs{
  margin-top: 30px;
}


.card__attrs li{
  padding: 10px 0;
  color: #111;
  font-size: 14px;
}

.card__attrs li:nth-child(odd){
  background-color: #f6f5f5;
}

.card__attrs span{
  font-weight: 600;
}

.card__attrs_row {
	display: flex;
	flex-wrap: wrap;
}
.card__attrs_cell{width: 50%; padding: 0 15px;}

/*===========card__attrs========*/

/*===========card__links========*/
.product_links{
  margin-top: 10px;
}

.product_links__title{
     letter-spacing: 0.04em;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 10px;
}

.product_links_item{
  display: inline-block;
  width: 60px;
  height: 83px;
  padding: 5px;
  border: 1px solid gainsboro;
  margin-right: 5px;
  margin-bottom: 5px;
  overflow: hidden;
}

.product_links_item img{max-width: 100%;}

.product_links_item:hover, .product_links_item.active{
  border-color: #222222;
}

/*===========card__links========*/

#__replain_widget{
	right: 16px!important;
}

@media screen and (max-width: 767px) {
#__replain_widget{
	right: 6px!important;
	bottom: 7px!important;
}
}


.card__info{
  padding: 20px 30px;
    background: #f8f8f8;
}

.card__info li strong{
  color:#f02828;
}

.card__info li{
  position: relative;
  padding-left: 20px;
  padding-bottom: 5px;
}

.card__info li:before{
  content: "";
  width: 7px;
  height: 2px;
  position: absolute;
  left: 5px;
  top: 9px;
  background-color: #222;
}

.card__info_sub{
  margin-top: 10px;
  margin-bottom: 10px;
}


/*===========dropzone========*/
.dropzone.dropzone__form {
  border: none!important;
  padding: 0 0 75px 0;
}

.fallback [type="file"] {
    height: 0!important;
    overflow: hidden!important;
    width: 0!important;
    padding: 0!important;
}

.dropzone.dropzone__form .dz-preview{
  margin: 16px 16px 30px 16px;
}

.dropzone__form .dropzone__form_drop{height: 100px;}
.dropzone__form {position: relative;  padding: 20px 25px 100px 25px;}


.dropzone__form .dz-default{
  border: 2px dotted #d8d8d8;
  padding: 60px 25px;
  width: 200px;
  margin-top: 0!important;
  display: inline-block!important;
  border-radius: 10px;
}
/*===========dropzone========*/

.reviews_head{
  display: flex;
  flex-wrap: wrap;
  flex-flow: row-reverse;
}

.review__page{
  flex: 1 0;
}

.reviews_head__rating{
  width: 350px;
  background: #f7f7f7
}

.reviews_head__title{
  font-size: 25px;
}

/*===== reviews =====*/
.review__page .review__name{
  font-size: 24px;
}

.review__page .review__item_avatar{
    width: 145px;
    height: 145px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: -80px;
    left: 20px;
    border: 10px solid white;
}

.review__page .review__item_city{
    font-size: 14px;
    background: #f7f7f7;
    padding: 2px 10px;
    display: inline-block;
    color: #222;
}

.review__page .review__text{
    margin-top: 10px;
    margin-bottom: 20px;
}



.review__page .review__date{
  color:#d0d0d0;
  margin-top: 10px;
  font-size: 14px;
}

.review__gallery{
  margin-bottom: 15px;
}

.review__gallery_item{
  display: inline-block;
  width: 100px;
  padding: 5px;
}

.review__gallery_item img{
  max-width: 100%;
}

.review__gallery_item:hover{
  opacity: 0.8;
}

body .review__page .review__parent {
  margin-bottom: 20px;
  padding: 25px 30px 30px 35px;
  border: 1px solid #e0e0e0;
  position: relative;
}

.review__page .write_answer{font-size: 14px;}

.review__page .review__page{
  font-size: 14px;
}

@media screen and (max-width: 1199px) {
.reviews_head__rating{
  width: 290px;
}
}

@media screen and (max-width: 767px) {
  .reviews_head{
    flex-flow: column;
  }
  .reviews_head__rating{width: 100%; margin-bottom: 20px;}
  .dropzone__form{padding-bottom: 30px;}
}


/*===== reviews =====*/

/*===== variants =====*/
.variants_row{
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 14px;
}

.variants_row .variants:nth-child(2n+3){clear:left;}

.variant__item_title{
  margin-bottom: 7px;
  font-weight: 600;
}

.variant__type {
  display: inline-block;
}
.variant__type_item{
  padding: 4px 10px;
  display: inline-block;
  border: 2px solid #dcdcdc;
  border-radius: 3px;
  font-size: 13px;
}

.variant__type > span{
  background-color: #222;
  border: 2px solid #222;
  color:white;
}
/*===== variants =====*/

.line_animate{
  position: relative;
  overflow: hidden;
  display: inline-block;
}
/*
.line_animate:before{
  content: "";
  width: 55px;
  height: 65%;
  background-color: #fff;
  position: absolute;
  left:0;
  top:0;
  	-moz-transform: translateY(-100%);
	-webkit-transform: translateY(-100%);
	-o-transform: translateY(-100%);
	-ms-transform: translateY(-100%);
	transform: translateY(-100%);
  z-index: 10;
	-webkit-transition: transform 1s ease-out;
	-moz-transition: transform 1s ease-out;
	-ms-transition: transform 1s ease-out;
	-o-transition: transform 1s ease-out;
	transition: transform 1s ease-out;
}

.line_animate:after{
  content: "";
  width: 50px;
  height: 65%;
  background-color: #fff;
  position: absolute;
  right:0;
  bottom:0;
  	-webkit-transition: transform 1s ease-out;
	-moz-transition: transform 1s ease-out;
	-ms-transition: transform 1s ease-out;
	-o-transition: transform 1s ease-out;
	transition: transform 1s ease-out;
  z-index: 10;
	-moz-transform: translateY(100%);
	-webkit-transform: translateY(100%);
	-o-transform: translateY(100%);
	-ms-transform: translateY(100%);
	transform: translateY(100%);
}
*/

.aos-animate.line_animate:before{
	-moz-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	-o-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}

.aos-animate.line_animate:after{
	-moz-transform: translateY(0%);
	-webkit-transform: translateY(0%);
	-o-transform: translateY(0%);
	-ms-transform: translateY(0%);
	transform: translateY(0%);
}

@media screen and (max-width: 1199px) {
.line_animate:before, .line_animate:after{
  width: 30px;
}
}



/*--pricing--*/
.pricing .td{
  width: 50%;
}

.pricing .td {
  display: table-cell;
}

.pricing .tr {
  display: table-row;
}

.pricing{
  background-color: #191919;
  color:white;
  overflow: hidden;
  margin-top: 30px;
}

.pricing__left, .pricing__right{
  width: 50%;
  padding: 40px 50px;
}

.pricing__left_title{
  font-size: 25px;
  line-height: 1.5;
  font-weight: 600;
}

.pricing__left_text{
font-size: 13px;
color: #9c9c9c;
line-height: 2;
margin-top: 20px;
}

.pricing__left_text p{
  font-size: 14px;
  color: #9c9c9c;
  line-height: 2;
}

.pricing__left_price{
  font-size: 15px;
  font-weight: 600;
  text-align: left;
}

.pricing__left_btn{
  text-align: right;
}

.pricing__left_price span{
  font-size: 36px;
  display: inline-block;
  padding: 0 7px;
}

.pricing__left_footer{
  padding-top: 50px;
}

.pricing__right{
  position: relative;
}

.pricing__right:before{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  background: rgba(52, 52, 52, 0.35);
  height: 100%;
  content:"";
}

.pricing__right_title{
  margin-bottom: 30px;
  position: relative;
  z-index: 10;
}

.pricing__process{
  color:#9c9c9c;
  font-size: 15px;
  position: relative;
  z-index: 10;
}

.pricing__process_item{
  padding-left: 85px;
  position: relative;
  font-size: 13px;
  padding-bottom: 25px;
  line-height: 1.8;
  height: 50%;
  margin-bottom: 10px;
}

.pricing__process_item:hover span{
  color: white;
}

.pricing__process_item a{
  color: inherit;
  border-bottom: 1px solid #3f3f3f;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -ms-transition: color 0.2s ease;
  -o-transition: color 0.2s ease;
  transition: color 0.2s ease;
}

.pricing__process_item a:hover{
  color:white;
}

.pricing__process_item:nth-child(2n+3){
  clear: left;
}

.pricing__process_item span{
  font-size: 44px;
  color: #464646;
  position: absolute;
  left: 7px;
  top: -20px;
}

.pricing_bg{
  font-size: 150px;
  font-weight: 600;
  text-transform: uppercase;
  color:#222222;
  display: none;
}

.pricing_bg .glitch{
  position: absolute;
  top: 0;
  left:50px;
  color:#222222;
}

.pricing__left{
  position: relative;
}
.pricing__container{
  position: relative;
  z-index: 10;
}


@media (max-width: 1499px) {
  .pricing__process{font-size: 14px;}
  .pricing__left_footer{padding-top: 20px;}
}

@media (max-width: 1199px) {
  .pricing .tr, .pricing .table {display: block;}
  .pricing .td{
    width: 100%;
    display: block;
  }
  .pricing__right:before{
    background: transparent;
    border-top: 1px solid #292929;
  }
  .pricing__process_item span{
    top: -15px;
    z-index: -1;
  }

  .pricing__process_item{
    padding-bottom: 40px;
  }
}

@media (max-width: 991px) {
  .pricing .td{
    width: 100%;
    display: block;
  }
  .pricing__right:before{
    background: transparent;
    border-top: 1px solid #292929;
  }
}

@media (max-width: 767px) {
  .pricing__left_footer{padding-top: 0px;}
  .pricing__left_price{
    text-align: left;
    margin-bottom: 15px;
  }

  .pricing__left_btn{text-align: left;}
}


@media (max-width: 500px) {
  .pricing__process_item span{
    top: -2px;
    font-size: 25px;
    left: 7px;
  }

  .pricing__process_item{
    width: 100%;
    left: 0px;
    padding-left: 55px;
    padding-bottom: 25px;
    font-size: 13px;
  }

  .pricing__left_title{font-size: 21px;}

  .pricing__left, .pricing__right{padding: 30px 30px;}
  .pricing__process_item{left: -5px;}
}
/*--pricing--*/


/*why__item*/
.why{
  margin-top: 50px;
  margin-bottom: 30px;
  border: 10px solid #f6f6f6;
  padding: 60px 50px 30px 50px;
  position: relative;
  overflow: hidden;
}

.why__item {
  padding-left: 95px;
  position: relative;
  margin-bottom: 30px;
}

.why__item_icon {
  width: 55px;
  position: absolute;
  left: 20px;
  top: 0;
}

.why__item_title {
  font-size: 17px;
  font-weight: 700;
}

.why__item_text {
  margin-top: 10px;
  color: #222;
  font-size: 13px;
  line-height: 1.7;
}

@media (max-width:499px) {
  .why{
    padding: 45px 30px 20px 30px;
  }
}
/*why__item*/

/*calculator*/
.calculator {
  margin-top: 90px;
  margin-bottom: 120px;
}

.development .calculator{
  margin-top: 0;
}

.calculator__header{
  display: flex;
  margin-bottom: 50px;
  align-items: center;
}

.calculator__title{
  font-size: 34px;
  padding-right: 50px;
  font-weight: 700;
  min-width: 380px;
  line-height: 1.5;
}

.calculator__text{
  font-size: 15px;
  line-height: 1.6;
  max-width: 50%;
}

.calculator__note{
  font-size: 13px;
  margin-left: 35px;
}

.calculator__step{
  margin-top: 20px;
}

.calculator__step_title{
  font-size: 18px;
  font-weight: 500;
}

.calculator__step_list{
  margin-top: 15px;
  padding-left: 25px;
  flex-wrap: wrap;
  border-left: 1px solid #222;
  display: none;
}

.calculator__step_item{
  padding: 5px 10px;
  width: 33.33%;
}

.calculator__step_item_in{
  margin-bottom: 10px;
  background-color: #c1c1c1;
  font-size: 15px;
  color: white;
  padding: 20px 26px 25px 30px;
}

.calculator__step_list.visible{
  display: flex;
}

.calculator__step_list.focus .calculator__step_item_in{
  background-color: #191919;
  cursor: pointer;
}

.calculator__step_list.focus .calculator__step_item_in:hover, .calculator__step_list.focus .calculator__step_item_in.active{
  background-color: #fdd31b;
  color: #111;
}

.calculator__step_item.active{
  background-color: #fdd31b;
  color: #111;
}

.calculator__info{
  background-color: #191919;
  color: #fff;
  font-size: 14px;
  padding: 45px 50px 50px;
  position: sticky;
  position: sticky;
  top: 40px;
}

.calculator__info_list{
  margin-bottom: 50px;
}

.calculator__info_list li{
  margin-bottom: 20px;
  color: #969696;
  display: flex;
  justify-content: space-between;
}

.calculator__info_list li span{
  color: #fff;
}

.calculator__info_list .price{
  font-weight: 500;
  color: #fff;
}

.calculator__info_price{
  font-size: 15px;
  margin-bottom: 20px;
}

.calculator__info .btn {
  width: 100%;
}

.calculator__info_price span{
  font-weight: 500;
  font-size: 18px;
}

@media (max-width: 1299px) {
  .calculator__step_item{
    width: 50%;
  }
}

@media (max-width: 991px) {
  .calculator__step_item{
    width: 100%;
  }

  .calculator__title{
    margin-bottom: 20px;
    padding-right: 0px;
    min-width: auto;
    font-size: 27px;
  }

  .calculator__text{
    max-width: 100%;
  }

  .calculator__header{
    flex-flow: column;
    align-items: normal;
  }
}

@media (max-width: 991px) {
  .calculator__header{
    margin-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .calculator {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .calculator__step_title{font-size: 16px;}
  .calculator__info{margin-top: 30px;}
  .calculator__step_item{
    width: 50%;
    padding: 5px 7px;
  }

  .calculator__step_item_in{
    /*padding: 15px 20px 20px 20px;*/
    font-size: 14px;
    margin-bottom: 5px;
  }

  .calculator__step_list{
     padding-left: 15px;
  }
}

@media (max-width: 499px) {
  .calculator__step_item{width: 100%;}
  .calculator__header{margin-bottom: 20px;}
}

/*calculator*/

.about_me{
  margin-top: 90px;
  margin-bottom: 90px;
}

.about_me__title{
  font-size: 60px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 30px;
}

.about_me__text{
  margin-bottom: 30px;
  color: #111;
  font-size: 17px;
  line-height: 1.7;
  font-weight: 500;
}

.about_me__actions{
  margin-bottom: 20px;
}

.about_me__note{
  font-size: 13px;
  color: #8e8e8e;
  margin-bottom: 70px;
}

.about_me__contacts{
  font-size: 18px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 30px;
}

.about_me__contacts a{color: #111}

.about_me__right{
  padding-left: 50px;
}

.about_me__h2{
  font-size: 25px;
  font-weight: 500;
}

.about_me__col-l{
  margin-bottom: 50px;
  position: sticky;
  top: 50px;
}

.about_me__h2{
  margin-bottom: 20px;
}

.about_me__technologies{
  display: flex;
}

.about_me__technologies_item{
  width: 60px;
  margin-right: 15px;
  margin-bottom: 15px;
}

.about_me__tech{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 470px;
}

.about_me__tech_col{
  margin-right: 20px;
}

.about_me__tech li{
  margin-bottom: 15px;
  font-size: 17px;
  font-weight: 500;
}

.about_me__history{margin-top: 70px;}

.about_me__history_item{
  display: flex;
  margin-bottom: 50px;
}

.about_me__history_col-l{
  width: 170px;
}

.about_me__history_col-r{
  flex: 1 0;
}

.about_me__history_years{
  font-size: 25px;
  position: sticky;
  top: 20px;
  font-weight: 500;
}

.about_me__history_text p{
  margin-bottom: 15px;
  font-size: 17px;
  font-weight: 500;
}

.about_me__history_text ul{
  list-style: circle;
  margin-left: 20px;
}

.about_me__history_text ul li{
  margin-bottom: 5px;
}

.about_me__history_text .small, .about_me__history_text .small p{
  font-size: 14px;
  font-weight: 400;
}

@media (max-width: 1599px) {
  .about_me__title{
    font-size: 45px;
  }
  .about_me__text{
    font-size: 16px;
    line-height: 1.6;
  }
  .about_me__history_text p{font-size: 15px;}
  .about_me__history_years{font-size: 18px;}
  .about_me__tech li{font-size: 15px;}
  .about_me__history_col-l{width: 130px;}
  .about_me__h2{font-size: 22px;}
  .about_me__history{
    margin-top: 40px;
  }

  .about_me__history_item{margin-bottom: 35px;}
}

@media (max-width: 991px) {
  .about_me__right{padding-left: 15px;}
  .about_me__contacts{display: none;}
}

@media (max-width: 767px) {
  .about_me{
    margin-top: 50px;
  }
}
/*===== catalog_list =====*/

.catalog__item a {
  display: block;
  padding: 50px;
  color: #222;
  position: relative;
  margin-bottom: 30px;
  -webkit-transition: all .15s cubic-bezier(0.6,0,0.5,1);
  -moz-transition: all .15s cubic-bezier(0.6,0,0.5,1);
  transition: all .15s cubic-bezier(0.6,0,0.5,1);
  height: 100%;
}

.catalog__item:hover{
  border-color: #fdd31b;
}

.catalog_list {
  display: flex;
  flex-wrap: wrap;
}

.catalog_list__all{
  display: block;
  padding: 65px;
  color: white;
  text-align: center;
  background: #06060f;
  font-size: 15px;
  letter-spacing: 0.04em;
      -webkit-transition: all 0.25s cubic-bezier(0.6,0,0.5,1);
  -moz-transition: all 0.25s cubic-bezier(0.6,0,0.5,1);
  -ms-transition: all 0.25s cubic-bezier(0.6,0,0.5,1);
  -o-transition: all 0.25s cubic-bezier(0.6,0,0.5,1);
  transition: all 0.25s cubic-bezier(0.6,0,0.5,1);
}

.catalog_list__all:hover{
  background: #fdd31b;
  color:#222;
}

.catalog__item {
  width: 25%;
  border: 1px solid #e8e8e8;
  box-sizing: border-box;
  margin: -1px -1px 0 0;
}

.catalog__item_icon{
  margin-bottom: 20px;
  height: 51px;
  width: 54px;
  display: inline-block;
}


.catalog__item a:hover:after{
  visibility: visible;
  color:#222;
}

.catalog__item a:hover{
  border-color:#fdd31b;
    background-color: #fdd31b;
}

.catalog__item a:hover .catalog__item_title, .catalog__item a:hover .catalog__item_subtitle{
  color:#222;
}

.catalog_container{
  padding-top: 50px;
  padding-bottom: 110px;
}

.catalog__item_title {
  font-size: 19px;
  font-weight: 600;
  display: block;
}

.catalog__item_head {
  position: relative;
  z-index: 10;
  display: block;
}

.catalog__item_subtitle {
  font-size: 15px;
  color: #0a0a0a;
  line-height: 1.6;
  margin-top: 20px;
  display: block;
}

@media (max-width: 1599px) {
  .catalog__item_title{
    font-size: 19px;
  }
  .catalog__item_subtitle{
    font-size: 14px;
    margin-top: 10px;
  }
}



@media (max-width: 1399px) {
  .catalog__item{
    width: 33.33%;
  }
}


@media (max-width: 1199px) {
  .catalog__item{
    width: 50%;
  }
}

@media (max-width: 767px) {
  .catalog__item_title br{display: none;}
  .catalog__item{
    border: none;
    width: 100%;
    margin-bottom: 20px;
  }

  .catalog__item a{
    border: none;
    padding: 20px 0px 35px 0px;
    margin-bottom: 0px;
    border-bottom: 1px solid #e6e6e6;
  }

  .catalog__item a:hover{
    background: transparent;
  }

  .catalog__item:last-child a {border:none; padding-bottom: 0; }
  .catalog_list{margin-top: 15px;}
  .catalog__item_title{font-size: 19px;}
  .catalog__item_icon{    margin-bottom: 10px;}
}

/*===== catalog_list =====*/



/*===== home_block =====*/
.home_block__project{
  background-color: #06060f;
  position: absolute;
  left: 0;
  bottom: 90px;
  width: 280px;
  padding: 20px 30px 30px 25px;
  z-index: 10;
  cursor: pointer;
  display: none;
}

.home_block__project:hover .home_block__project_title{
  -moz-transform: translateX(10px);
  -webkit-transform: translateX(10px);
  -o-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
}



.home_block__project_title{
  font-size: 23px;
  color:#eeeef9;
  -webkit-transition: transform 0.35s ease;
  -moz-transition: transform 0.35s ease;
  -ms-transition: transform 0.35s ease;
  -o-transition: transform 0.35s ease;
  transition: transform 0.35s ease;
}

.home_block__project_subtitle{
  color:#555454;
  font-size: 13px;
}

.preload_active .home_block__project{
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
  animation-delay: 0.4s;
}

.home_block__bg {
  position: relative;
  padding-left: 100px;
  padding-top: 100px;
  padding-bottom: 40px;
}

.home_block__text {
  z-index:10;
}

.home_block__title {
  font-size: 65px;
  color: #111;
  font-weight: 800;
}

/*
  The heading and the subtitle are animated word by word from HomeHero.vue
  (gsap). .word must be inline-block for transforms to apply; the trailing
  space lives inside each span, so words keep their gaps.
*/
.home_block__title .word,
.home_block__subtitle .word{
  display: inline-block;
  white-space: pre;
}

.home_block__subtitle {
  margin-top: 40px;
  font-size: 17px;
  color: #111;
  line-height: 1.9;
  font-weight: 500;
}


@media (max-width: 1399px) {
  .home_block__text {left: 65px;}
  .home_block__title{font-size: 57px;}
}

@media (max-width: 1199px) {
  .home_block__project{background-color: #ffffff;}
  .home_block__project_title{color:#06060f;}
  .home_block__bg{
    padding-top: 80px;
    padding-bottom: 150px;
    background: #06060f;
    padding-left: 60px;
  }

  .home_block__title, .home_block__subtitle {
    color: white;
  }
}

@media (max-width: 767px) {
  .home_block__title {font-size: 40px;}
  .home_block__subtitle{font-size: 15px; margin-top: 30px;}
  .home_block__bg{padding-left: 30px; padding-right: 30px;}
}

@media (max-width: 499px) {
  .home_block__text{width: auto;}
  .home_block__title {font-size: 37px;}
  .home_block__subtitle{font-size: 13px;}
  .home_block__bg video{opacity: 0.5; display: none;}
}

@media (max-width: 399px) {
  .home_block__title {font-size: 30px;}
}
/*===== home_block =====*/

/*===== line_pattern =====*/
.line_pattern {
  position: absolute;
  width: 100%;
  height: 100%;
  padding-left: 101px;
  padding-right: 101px;
  text-align: left;
  top: 0;
  z-index: 10;
  display: flex;
  justify-content: space-between;
}

 .line_pattern__col {
  width: 1px;
  height: 100%;
  text-align: left;
  position: relative;
}

.line_pattern-black .line_pattern__col i{
  background-color: #000;
}

.line_pattern__col i {
  content: "";
  width: 1px;
  height: 100%;
  background-color: rgb(6 6 15 / 35%);
  display: inline-block;
}

@media (max-width: 1400px){
  .line_pattern{
    padding-left: 65px;
    padding-right: 65px;
  }
}

@media (max-width: 767px){
  .line_pattern{
    padding-left: 30px;
    padding-right: 30px;
  }
}

/*===== line_pattern =====*/

/*===== glitch =====*/
.glitch {
  color: white;
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: block;
}

.glitch-inverse{
  width: 100%;
}

.glitch.glitch-inverse:after, .glitch.glitch-inverse:before{
text-shadow:none;
    color: #222222;
    background: #191919;
}

.glitch.glitch-inverse:after{left: 4px;}
.glitch.glitch-inverse:before{left: -5px;}


@keyframes noise-anim {
  0% {
    clip: rect(27px, 9999px, 77px, 0);
  }
  5% {
    clip: rect(24px, 9999px, 20px, 0);
  }
  10% {
    clip: rect(8px, 9999px, 40px, 0);
  }
  15% {
    clip: rect(35px, 9999px, 30px, 0);
  }
  20% {
    clip: rect(1px, 9999px, 30px, 0);
  }
  25% {
    clip: rect(42px, 9999px, 4px, 0);
  }
  30% {
    clip: rect(99px, 9999px, 4px, 0);
  }
  35% {
    clip: rect(56px, 9999px, 59px, 0);
  }
  40% {
    clip: rect(98px, 9999px, 90px, 0);
  }
  45% {
    clip: rect(71px, 9999px, 74px, 0);
  }
  50% {
    clip: rect(76px, 9999px, 50px, 0);
  }
  55% {
    clip: rect(91px, 9999px, 47px, 0);
  }
  60% {
    clip: rect(48px, 9999px, 35px, 0);
  }
  65% {
    clip: rect(27px, 9999px, 28px, 0);
  }
  70% {
    clip: rect(41px, 9999px, 47px, 0);
  }
  75% {
    clip: rect(8px, 9999px, 69px, 0);
  }
  80% {
    clip: rect(13px, 9999px, 91px, 0);
  }
  85% {
    clip: rect(39px, 9999px, 9px, 0);
  }
  90% {
    clip: rect(87px, 9999px, 32px, 0);
  }
  95% {
    clip: rect(51px, 9999px, 13px, 0);
  }
  100% {
    clip: rect(18px, 9999px, 57px, 0);
  }
}
.glitch:after {
  content: attr(data-text);
  position: absolute;
  left: 2px;
  text-shadow: -1px 0 red;
  top: 0;
  color: white;
  background: #17171b;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: noise-anim 2s infinite linear alternate-reverse;
  width: 100%;
}

@keyframes noise-anim-2 {
  0% {
    clip: rect(50px, 9999px, 22px, 0);
  }
  5% {
    clip: rect(62px, 9999px, 24px, 0);
  }
  10% {
    clip: rect(81px, 9999px, 64px, 0);
  }
  15% {
    clip: rect(69px, 9999px, 33px, 0);
  }
  20% {
    clip: rect(27px, 9999px, 94px, 0);
  }
  25% {
    clip: rect(2px, 9999px, 85px, 0);
  }
  30% {
    clip: rect(77px, 9999px, 47px, 0);
  }
  35% {
    clip: rect(12px, 9999px, 58px, 0);
  }
  40% {
    clip: rect(24px, 9999px, 8px, 0);
  }
  45% {
    clip: rect(93px, 9999px, 57px, 0);
  }
  50% {
    clip: rect(91px, 9999px, 86px, 0);
  }
  55% {
    clip: rect(25px, 9999px, 53px, 0);
  }
  60% {
    clip: rect(24px, 9999px, 34px, 0);
  }
  65% {
    clip: rect(33px, 9999px, 61px, 0);
  }
  70% {
    clip: rect(99px, 9999px, 68px, 0);
  }
  75% {
    clip: rect(73px, 9999px, 99px, 0);
  }
  80% {
    clip: rect(82px, 9999px, 38px, 0);
  }
  85% {
    clip: rect(10px, 9999px, 29px, 0);
  }
  90% {
    clip: rect(12px, 9999px, 78px, 0);
  }
  95% {
    clip: rect(62px, 9999px, 75px, 0);
  }
  100% {
    clip: rect(80px, 9999px, 33px, 0);
  }
}
.glitch:before {
  content: attr(data-text);
  position: absolute;
  left: -2px;
  text-shadow: 1px 0 blue;
  top: 0;
  color: white;
  background: #17171b;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: noise-anim-2 3s infinite linear alternate-reverse;
  width: 100%;
}
/*===== glitch =====*/


/*===== portfolio =====*/
.portfolio_section .head{
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
}

.portfolio_section .portfolio{
  overflow: hidden;
}

.portfolio {
  background-color: #17171b;
  position:relative;
  overflow: hidden;
}

.portfolio .h1 {
  color: white;
}
.portfolio .sub_h1 {
  color: #8a8a8a;
}

.portfolio__item a {
  display: block;
  height: 100%;
  color: white;
  position: relative;
}

.portfolio_item_head{
  padding: 60px 60px 20px 60px;
  position: relative;
  z-index: 10;
}


.portfolio__item_title{
  font-size: 33px;
  font-weight: 700;
  margin-bottom: 15px;
    letter-spacing: 0.04em;
  -webkit-transition: transform 0.25s cubic-bezier(0.6,0,0.5,1);
  -moz-transition: transform 0.25s cubic-bezier(0.6,0,0.5,1);
  -ms-transition: transform 0.25s cubic-bezier(0.6,0,0.5,1);
  -o-transition: transform 0.25s cubic-bezier(0.6,0,0.5,1);
  transition: transform 0.25s cubic-bezier(0.6,0,0.5,1);

}
.portfolio__item_subtitle{
  letter-spacing: 0.04em;
  font-size: 15px;
  color: white;
  line-height: 1.6;
  margin-top: 5px;
    -webkit-transition: transform 0.25s cubic-bezier(0.6,0,0.5,1);
  -moz-transition: transform 0.25s cubic-bezier(0.6,0,0.5,1);
  -ms-transition: transform 0.25s cubic-bezier(0.6,0,0.5,1);
  -o-transition: transform 0.25s cubic-bezier(0.6,0,0.5,1);
  transition: transform 0.35s cubic-bezier(0.6,0,0.5,1) ;
}

.portfolio__item_subtitle p{
  color: white;
  -webkit-transition: opacity 0.25s cubic-bezier(0.6,0,0.5,1);
  -moz-transition: opacity 0.25s cubic-bezier(0.6,0,0.5,1);
  -ms-transition: opacity 0.25s cubic-bezier(0.6,0,0.5,1);
  -o-transition: opacity 0.25s cubic-bezier(0.6,0,0.5,1);
  transition: opacity 0.25s cubic-bezier(0.6,0,0.5,1);
  opacity: 0
}

.portfolio_list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  z-index: 10;
  overflow: hidden;
}

.portfolio__item{
  width: 25%;
  min-height: 630px;
  height: calc(100vh - 100px);
} 

.portfolio__item a:before {
  border-left: 2px solid #000;
  border-bottom: 2px solid #000;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 100%;
}

.portfolio_item__number{
  font-size: 23px;
  font-weight: 400;
  margin-bottom: 25px;
}

.portfolio__item_bg{
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  background-size: cover;
  background-color: #1f2021;
  width: 100%;
  height: 100%;
    -webkit-transition: opacity 0.25s cubic-bezier(0.6,0,0.5,1);
  -moz-transition: opacity 0.25s cubic-bezier(0.6,0,0.5,1);
  -ms-transition: opacity 0.25s cubic-bezier(0.6,0,0.5,1);
  -o-transition: opacity 0.25s cubic-bezier(0.6,0,0.5,1);
  transition: opacity 0.25s cubic-bezier(0.6,0,0.5,1);
  opacity: 0;
  display: block;
  position: absolute;
}

.portfolio__item a:hover .portfolio__item_bg{
  opacity: 1;
}


.portfolio__item a:hover .portfolio__item_subtitle p{
  opacity: 1;
}

.portfolio__item_info{
  position: absolute;
  border:20px;
  left: 60px;
  bottom:60px;
  font-size: 13px;
  color:white;
  opacity: 0;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  -webkit-transition: opacity 0.25s cubic-bezier(0.6,0,0.5,1);
  -moz-transition: opacity 0.25s cubic-bezier(0.6,0,0.5,1);
  -ms-transition: opacity 0.25s cubic-bezier(0.6,0,0.5,1);
  -o-transition: opacity 0.25s cubic-bezier(0.6,0,0.5,1);
  transition: opacity 0.25s cubic-bezier(0.6,0,0.5,1);
}


.portfolio__item a:hover .portfolio__item_info{
  opacity: 1;
}

.portfolio__item a:hover .portfolio__item_title{
  -moz-transform: scale(1) translateY(-10px);
  -webkit-transform: scale(1) translateY(-10px);
  -o-transform: scale(1) translateY(-10px);
  -ms-transform: scale(1) translateY(-10px);
  transform: scale(1) translateY(-10px);
}

.portfolio__item a:hover .portfolio__item_subtitle{
  -moz-transform: scale(1) translateY(-10px);
  -webkit-transform: scale(1) translateY(-10px);
  -o-transform: scale(1) translateY(-10px);
  -ms-transform: scale(1) translateY(-10px);
  transform: scale(1) translateY(-10px);
}

.portfolio__item_head {
  position: relative;
  z-index: 10;
}


.portfolio .glitch{
  position: absolute;
  top: 350px;
  left: 0;
  right: 0;
  height: 350px;
  margin: auto;
  z-index: 1;
  color: #02020a;
  line-height: 1;
  font-size: 250px;
  width: 100%;
  text-align: center;
  font-weight: 800;
}


.portfolio .glitch:before{
  content: attr(data-text);
  position: absolute;
  left: -2px;
  text-shadow: 1px 0 #191919;
  top: 0;
  color: #02020a;
  background: #17171b;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: noise-anim-2 3s infinite linear alternate-reverse;
  left: -15px;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;

}

.portfolio .glitch:after {
  content: attr(data-text);
  position: absolute;
  left: 2px;
  text-shadow: -1px 0 #191919;
  top: 0;
  color: #02020a;
  background: #17171b;
  overflow: hidden;
  clip: rect(0, 900px, 0, 0);
  animation: noise-anim 2s infinite linear alternate-reverse;
  left: -15px;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}


@media (max-width: 1599px) {
  .portfolio__item{
    width: 33.33%;
  }

  .portfolio_list-limit .portfolio__item:last-child{
    display: none;
  }
}

@media (max-width: 1400px) {
  .portfolio_section .head .container_full{
    padding-left: 90px;
  }

  .portfolio_list-limit .portfolio__item:last-child{
    display: none;
  }
}


@media (max-width: 1199px){
  .portfolio_section .head .container_full {
      padding-left: 60px;
  }
}


@media (max-width: 991px) {
  .portfolio__item{width: 50%;}
  .portfolio_item_head{padding: 40px 20px 20px 30px;}
  .portfolio_item__number{margin-bottom: 15px;}
  .portfolio__item_info{left: 20px;}
  .portfolio__item_bg{
    opacity: 1;
  }
  .portfolio .glitch{
   display: none; 
  }
    .portfolio__item_subtitle p{
    font-size:   13px;
    opacity: 1;
  }

    .portfolio_list-limit .portfolio__item:last-child{
    display: block;
  }
}

@media (max-width: 767px) {
  .portfolio_section .head .container_full {
   padding-left: 30px;
  }
  .portfolio__item_title {
    font-size: 25px;
  }
}

@media (max-width: 599px) {
  .portfolio__item{width: 100%;}
}
/*===== portfolio =====*/


/*===== about__text =====*/
.about{
  padding-top: 50px;
  padding-left: 30px;
  padding-bottom: 50px;
  overflow: hidden;
}
.about h2 {
  margin-bottom: 25px;
  line-height: 1.1em;
}

.about__col{
  padding-right: 100px;
  padding-bottom: 20px;
}

.about__text{
  font-size: 15px;
  line-height: 1.6;
}

.about__number{
  font-size: 130px;
  color:#eeeeee;
  font-weight: 800;
  position: absolute;
  left: -25px;
  z-index: 9;
}

.about__title{
  z-index: 10;
  position: relative;
  font-size: 29px;
  line-height: 1.1;
  font-weight:600;
}


@media (max-width: 767px) {
.about__title{font-size: 23px;}
.about h2{margin-bottom: 15px;}
.about__text{font-size: 14px;}
.about__number{    font-size: 50px;}
.about__col{ padding-right: 20px;}
.about{
  padding-top: 40px;
  padding-bottom: 20px;
}
}

@media (max-width: 991px) {
  .about{padding-left: 40px;}
  .plus__item:last-child{
    display: none;
  }
}
/*===== about__text =====*/

.catalog_full__title .h1{
  font-weight: 700;
  font-size: 35px;
  margin-bottom: 15px;
  margin-top: 65px;
  line-height: 1.3;
}

.center_content{
  max-width: 60%;
  margin: 0 auto;
}

.center_content .h1 {
  line-height: 1.5;
}

.center_content .h1__sub {
  margin-top: 20px;
  margin-bottom: 60px;
  font-size: 16px;
  line-height: 1.7;
}

.text_block {
  padding-top: 80px;
  padding-bottom: 80px;
}


@media (max-width: 991px) {
  .catalog_full__title .h1{font-size: 30px;}
  .catalog_full__title .sub_h1{font-size: 15px;}
  .center_content .h1{font-size: 23px;}
  .center_content{max-width: 100%;}

  .text_block {
    padding-bottom: 30px;
  }

  .center_content .h1__sub{font-size: 14px;}
}


@media (max-width: 499px) {
  .text_block{padding-top: 50px; padding-bottom: 50px;}
  .center_content .h1{font-size: 19px;}
  .center_content .h1__sub{font-size: 13px;}
}


.contact__title{
  font-size: 45px;
  font-weight: 700;
  line-height: 1.35;
}

.contact__subtitle{
    font-size: 16px;
    line-height: 1.6;
    font-weight: 500;
    margin-bottom: 10px;
    max-width: 500px;
}

.contact__phone{
  font-size: 50px;
  font-weight: 700;
  color: #111;
}

.contact__info{
  font-size: 17px;
  font-weight: 400;
  margin-top: 20px;
}

.contact__info_item{
  display: inline-block;
  padding-right: 10px;
  margin-right: 20px;
  margin-bottom: 10px;
  line-height: 1.5;
}

.contact__col_l{padding-right: 20px;}


@media (max-width: 1399px) {
  .contact__phone{font-size: 35px;}
  .contact__title{font-size: 35px; margin-bottom: 10px;}
  .contact__subtitle{font-size: 15px; margin-bottom: 30px;}
  .contact__info{margin-top: 10px; font-size: 15px;}
}


@media (max-width: 499px) {
  .contact__title{font-size: 25px;}
  .contact__phone{font-size: 25px;}
}

.btn-telegram{
  /*background-color: #14b0ec;*/
  display: flex;
  align-items: center;
}

.btn-telegram svg{
  width: 25px;
  fill: #000;
  margin-right: 10px;
}

/*.btn-telegram:hover{*/
/*  box-shadow: 0 0 20px 3px rgb(30 207 255 / 40%), 0 0 1px 0px rgb(53 210 255 / 40%), 0 0 6px 2px #fdd31b00;*/
/*}*/

/*===== intro =====*/
.intro{
  padding-top: 90px;
}

.intro__row{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.intro__label-col{
  flex: 0 0 534px;
  width: 534px;
}

.intro__label{
  display: block;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  color: #090909;
}

.intro__content{
    display: flex;
    flex: 1 1 auto;
    min-width: 0;
    gap: 50px;
    max-width: 970px;
}

.intro__title{
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  font-size: 35px;
  font-weight: 600;
  line-height: 1.26;
  color: #000;
}

.intro__text{
  flex: 1 1 0;
  min-width: 0;
  margin: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  color: #090909;
}

.intro__divider{
  height: 1px;
  margin-top: 80px;
  background: #000;
}

@media (max-width: 1599px){
  .intro__label-col{
    flex: 0 0 50%;
    width: 50%;
  }

  .intro__content{
    flex: 0 0 50%;
    width: 50%;
    max-width: none;
    flex-wrap: wrap;
    gap: 30px;
  }

  .intro__title,
  .intro__text{
    flex-basis: 100%;
  }
}

@media (max-width: 991px){
    .intro__label{
        color:#bdbdbd;
    }

    .intro__row{
        flex-wrap: wrap;
    }

    .intro__label-col{
        flex-basis: 100%;
        width: 100%;
        margin-bottom: 20px;
    }

    .intro__content{
        flex-basis: 100%;
        width: 100%;
    }
}

@media (max-width: 575px){
    .intro{
        padding-top: 40px;
    }

    .intro__divider{
        margin-top: 40px;
    }


    .intro__title{
        font-size: 28px;
    }
}
/*===== intro =====*/

/*===== experts =====*/
.experts{
  padding: 90px 0;
}

.experts__row{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

.experts__intro{
    flex: 0 0 534px;
    width: 534px;
    position: sticky;
    top:50px;
    padding-right: 50px;
}

.experts__title{
  margin: 0 0 30px;
  max-width: 488px;
  font-size: 35px;
  font-weight: 600;
  line-height: 1.26;
  color: #000;
}

.experts__text{
  margin: 0 0 35px;
  max-width: 534px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.45;
  color: #090909;
}

.experts__stats{
  display: flex;
  margin: 0 0 40px;
}

.experts__stat{
  display: flex;
  align-items: center;
}

.experts__stat + .experts__stat{
  margin-left: 120px;
}

.experts__stat-text{
  margin-right: 25px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.26;
  color: #000;
}

.experts__stat-text span{
  display: block;
}

.experts__bars{
  display: flex;
  align-items: center;
  gap: 4px;
}

.experts__bar{
  width: 2px;
  height: 36px;
  background: #111;
}

.experts__cta{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  background: #06060f;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: background-color .2s ease;
}

.experts__cta:hover{
  background: #000;
  color: #fff;
}

.experts__members{
    display: flex;
    gap: 50px;
    max-width: 970px;
}

.experts__member{
    flex: 1 1 0;
    margin-bottom: 30px;
}

.experts__photo{
  position: relative;
  overflow: hidden;
  background: #d9d9d9;
}

.experts__photo-img{
    display: block;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center bottom;
}

.experts__overlay{
    position: absolute;
    left: 40px;
    right: 40px;
    bottom: 35px;
    color: #fff;
}

.experts__member--secondary .experts__overlay{
  left: 44px;
}

.experts__name{
  margin: 0;
  font-size: 28px;
  font-weight: 500;
  line-height: 1.26;
  color: #fff;
}

.experts__member--secondary .experts__name{
  font-size: 30px;
}

.experts__role{
  margin: 7px 0 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.26;
  color: #fff;
}

.experts__role-muted{
  color: rgba(255, 255, 255, .54);
}

.experts__member--secondary .experts__role-muted{
  color: rgba(255, 255, 255, .6);
}

.experts__bio, .experts__quote{
  margin-top: 20px;
}

.experts__bio p{
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
  color: #090909;
}

.experts__bio p:first-child{
  font-weight: 500;
  color: #000;
}

.experts__bio p + p{
  margin-top: 23px;
}

@media (max-width: 1599px){
  .experts__intro{
    flex: 0 0 50%;
    width: 50%;
  }

  .experts__members{
    flex: 0 0 50%;
    width: 50%;
    flex-direction: column;
    gap: 30px;
  }

  .experts__member{
    flex-basis: auto;
    width: 100%;
  }
}

@media (max-width: 991px){
  .experts__title{
    font-size: 28px;
  }

  .experts__stat + .experts__stat{
    margin-left: 60px;
  }

  .experts__cta{
    width: 100%;
  }

  .experts__row{
    flex-wrap: wrap;
  }

  .experts__intro{
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 50px;
    position: static;
    top: auto;
    padding-right: 0;
  }

  .experts__members{
    flex-direction: column;
    flex-basis: 100%;
    width: 100%;
    gap: 30px;
  }

  .experts__member{
    flex-basis: auto;
    width: 100%;
  }
}

@media (max-width: 575px){
  .experts{
    padding: 40px 0;
  }

  .experts__stats{
    flex-wrap: wrap;
    row-gap: 20px;
  }

  .experts__stat + .experts__stat{
    margin-left: 40px;
  }
}
/*===== experts =====*/

/*===== principles =====*/
.principles__divider{
  height: 1px;
  background: #000;
}

.principles__row{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 100px;
}

.principles__intro{
  flex: 0 0 534px;
  width: 534px;
  padding-right: 50px;
}

.principles__title{
  margin: 0;
  max-width: 506px;
  font-size: 35px;
  font-weight: 600;
  line-height: 1.26;
  color: #000;
}

.principles__content{
  flex: 1 1 auto;
  min-width: 0;
  max-width: 970px;
}

.principles__col{
  max-width: 460px;
}

.principles__text{
  margin: 0 0 40px;
}

.principles__text p{
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
  color: #090909;
}

.principles__text p:first-child{
  font-weight: 500;
}

.principles__text p + p{
  margin-top: 23px;
}

.principles__cta{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 70px;
  background: #06060f;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.45;
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: background-color .2s ease;
}

.principles__cta:hover{
  background: #000;
  color: #fff;
}

.principles__outro{
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    margin-top: 60px;
}

.principles__logo{
  flex: 0 0 534px;
  width: 534px;
  margin: 0;
  padding-right: 50px;
  font-size: 193px;
  font-weight: 600;
  line-height: 1.26;
  color: #000;
}

.principles__note{
  flex: 1 1 auto;
  min-width: 0;
  max-width: 970px;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.45;
  color: #090909;
}

@media (max-width: 1599px){
  .principles__intro{
    flex: 0 0 50%;
    width: 50%;
  }

  .principles__content{
    flex: 0 0 50%;
    width: 50%;
    max-width: none;
  }

  .principles__col{
    max-width: none;
  }

  .principles__logo{
    flex: 0 0 50%;
    width: 50%;
    font-size: 140px;
  }

  .principles__note{
    flex: 0 0 50%;
    width: 50%;
    max-width: none;
    margin-bottom: 40px;
  }
}

@media (max-width: 991px){
  .principles__row{
    flex-wrap: wrap;
    padding-top: 50px;
  }

  .principles__intro{
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 30px;
    padding-right: 0;
  }

  .principles__title{
    max-width: none;
    font-size: 28px;
  }

  .principles__content{
    flex-basis: 100%;
    width: 100%;
  }

  .principles__cta{
    width: 100%;
  }

  .principles__outro{
    flex-wrap: wrap;
    margin-top: 50px;
  }

  .principles__logo{
    flex-basis: 100%;
    width: 100%;
    order: 2;
    padding-right: 0;
    font-size: 120px;
  }

  .principles__note{
    flex-basis: 100%;
    width: 100%;
    order: 1;
    margin-bottom: 20px;
  }
}

@media (max-width: 575px){
  .principles__row{
    padding-top: 40px;
  }

  .principles__logo{
    font-size: 22vw;
  }
}
/*===== principles =====*/