@charset "UTF-8";
.fancybox-enabled {overflow: visible;}
body {
	display: table;
	overflow: auto;
	height: 100vh;
	width: 100%;
}
.empty {
	height: 100%;
	display: table-row;
}

* {
  margin: 0;
  padding: 0; }

*, *:before, *:after {
  box-sizing: border-box; }

img {
  max-width: 100%; }

a {
  text-decoration: none;
  outline: none;
  border: none;
}

button, input[type=submit] {
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none; }

ul {
  list-style: none; }

* {
  font-family: "Roboto", sans-serif; }

html {
  color: #585757;
  font-family: Roboto;
  font-size: 16px; }

wrapper-blue {
  background-color: #ecf2ed;
  display: block;
}
  @media screen and (max-width: 1100px) {
    wrapper-blue {
      background-color: white; } }

#body-main wrapper-blue {
	  padding: 50px 0;
}


wrapper-white {
  display: block;
  position: relative; }

wrapper-white, nav, header + p {
  box-shadow: 0px 15px 40px rgba(0, 0, 0, 0.25); }

@media screen and (max-width: 1100px) {
    wrapper-white {
       box-shadow: none; } }

h2 {
	font-size: 30px;
	text-align: center;
	width: 100%;
	font-weight: 300;
	margin-bottom: 1em;	
}

h2.md_only {
		display: none;
	}
@media screen and (max-width: 1000px) {
	h2.md_only {
		display: block;
		
	}
}




.dotted, #page_form--right h2  {
  padding-bottom: .5em;	
  position: relative;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1" width="18" height="4"><circle fill="rgba(0,0,0,.15)" cx="1" cy="0.5" r="0.5"/></svg>') 0 0 100% repeat;
 
}




/*К О Н Т Е Й Н Е Р Ы */

header, main, nav > ul, #crumbs ul, .product_grid, .categories_grid, #home_about, #features, footer, #catalog>ul, .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto, #page_form, .catalog-menu-wrp  {
  max-width: 1170px;
  margin: 0 auto;
  padding-right: 15px !important;
  padding-left: 15px !important; }

header, nav > ul, main#product, #catalog>ul, .product_grid, .categories_grid, #home_about, #features, #page_form,  footer, .catalog-menu-wrp {
  display: flex;
  flex-wrap: wrap; }









/*тини ЭмСэЕ */
.tinymce {
  color: #848484;
  line-height: 25px; }
  .tinymce p {
    margin-bottom: 1em; }

.tinymce li {
	margin-left: 35px;
	position: relative;
	margin-bottom: .75em;
	line-height: 25px;
}

.tinymce ul li:before {
	content: '';
	display: block;
	position: absolute;
	top: .75em;
	left: -25px;
	background-color: #1480e9;
	width: 13px;
	height: 3px;
}

main.tinymce {
	margin-top: 3em;
	margin-bottom: 3em;
}
main.tinymce h1 {
	margin-bottom: 1em;
}



.tinymce a {
	color: #4087d1;
	border-bottom: 1px solid RGBA(64, 135, 209, .4);
}
.tinymce a.a_img {
	border-bottom: none;
}

.tinymce a:hover {
	color: #f06262;
	border-color: RGBA(240, 98, 98, .4);
}


h1 {
	font-size: 30px;
	font-weight: 300;
	text-align: center;
	margin-bottom: .5em;
}



}


.product_grid {
  justify-content: center; }

#catalog .product_grid {
	padding-bottom: 30px;
}

.product_card-wrap, .categories_grid li {
  width: calc(20% - 5.5px *2);
  position: relative;
  margin: 5.5px;
  min-height: 217px;
}
  @media screen and (max-width: 1200px) {
    .product_card-wrap, .categories_grid li {
      width: calc(25% - 5.5px *2);
      min-height: 225px; } }
  @media screen and (max-width: 950px) {
    .product_card-wrap, .categories_grid li {
      width: calc(33.333333% - 5.5px *2);
      min-height: 258px; } }
  @media screen and (max-width: 700px) {
    .product_card-wrap, .categories_grid li {
      width: calc(50% - 5.5px *2);
      min-height: 200px; } }
  @media screen and (max-width: 460px) {
    .product_card-wrap, .categories_grid li {
      width: calc(100% - 5.5px *2);
      min-height: 200px; } }

.product_card {
  background: white;
  border-radius: 10px;
  box-shadow: 0 20px 30px rgba(14, 20, 32, 0.14);
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

.product_card-inner {
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  
  /*padding: 20px 15px;*/
}
  .product_card-inner img {
    width: auto;
    height: calc(100% - 105px);
    margin-bottom: 45px;
  }
  .product_card-inner h6 {
    font-size: 16px;
    font-weight: 900;
    line-height: 21px;
    text-align: center;
  	padding: 20px 10px 0;
	position: absolute;
  	top: 0;
  	color: #434c54 !important;
  }

    @media screen and (max-width: 500px) {
      .product_card-inner h6 {
        font-size: 14px;
        font-weight: 500;
        line-height: 15px; } }
  .product_card-inner p.more {
    height: 29px;
    padding: 0 37px;
    color: #434c54;
    border-radius: 15px;
    font-family: Roboto;
    font-size: 11px;
    font-weight: 500;
    line-height: 29px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
    background-color: #fff;
  }




.product_card-mask {
	position: absolute;
	display: none;
	height: 100%;
	width: 100%;
	justify-content: center;
	align-items: center;
	background-color: rgba(255,255,255,.6);
	border-radius: 10px;
}

.product_card-inner:hover .product_card-mask {
	display: flex;
}

#body-main .product_card-mask,
.catalog_l1 .product_card-mask {
	display: flex;
	height: 60px;
	bottom: 0;
	background-color: transparent;
}


.product_card-footer {
	position: absolute;
	bottom: 0;
	display: flex;
	width: 100%;
	border-top: 1px solid rgba(0,0,0,.15);
	padding: 0;
}
.product_card-footer p {
	width: 50%;
	color:  #434c54;
	font-size: 14px;
	font-weight: 500;
	text-align: center;
	padding-top: .9em;
	padding-bottom: .75em;
	height: 100%;
}
.product_card-footer p:last-child {
	border-left: 1px solid rgba(0,0,0,.15);
}








/*товар*/
#product {
	justify-content: space-between;
	padding-bottom: 60px;
}

#prod--left {
	width: calc(8.3333%*5 - 15px);
}
#prod--right {
	width: calc(8.3333%*7 - 15px);
	background: white;
	padding: 35px 65px;
	box-shadow: 0 20px 30px rgba(14, 20, 32, 0.14);
	border-radius: 8px;
}
#prod--left>div, #product>ul, .catalog-menu {
	background: white;
	border-radius: 8px;
	box-shadow: 0 20px 30px rgba(14, 20, 32, 0.14);
	padding: 25px;
}
#prod--left>div:not(:last-child) {
	margin-bottom: 15px;
}
#prod--right h1 {
	font-size: 22px;
	font-weight: 900;
	line-height: 30px;
	text-align: left;
	margin-bottom: 1.5em;
}




.product_grid.simular {
	padding-bottom: 50px !important;
}


#prod--left>div:first-child {
	text-align: center;
	height: 390px;
}
#prod--left>div:first-child img {
	max-height: 100%;
}

#bx_prod--wrp{
	position: relative;
}
#bx_prod--wrp span {
	position: absolute;
	top: 0;
	width: 5px;
	height: 100%;
	background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 1" width="5" height="10"><circle fill="rgba(0,0,0,.1)" cx="1" cy="0.5" r="0.5"/></svg>');
}
#bx_prod--wrp span:nth-child(1) {
	left: 10%;
}
#bx_prod--wrp span:nth-child(2) {
	right: 10%;
}
#bx_prod--wrp span:nth-child(3) {
	right: calc(50% - 5px);
}



@media screen and (max-width: 1000px) {
	#prod--left {
		width: calc(100% - 15px);
	}
	#prod--right {
		width: calc(100% - 15px);
	}
	#prod--left > div:first-child {
		text-align: center;
	}
	#prod_image {
		max-width: 300px;
	}
	.catalog-menu li {
		width: calc(33.3333% - 4em);
	}
}
@media screen and (max-width: 700px) {
	#prod--right {
		padding: 35px 15px;
	}
}



.catalog-menu{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 30px;
}
.catalog-menu>li{
	width: calc(20% - 4em);
	margin: 0 2em 2em;
	font-size: 14px;
	list-style: square;
}
.catalog-menu>li a{
	color: #585757;
	border-bottom: 1px solid rgba(0,0,0,.5);
	position: relative;
}
.catalog-menu>li.active a{
	color: #f06262;
	border-color: #f06262;
}

.catalog-menu {
	background-color: white;
}
.catalog-menu .label {
	position: absolute;
	top: -1.75em;
	right: 0;
	background-color: grey;
	font-size: 11px;
	padding: 0 .5em;
	line-height: 1.5;
	color: white;
	border-radius: 2px;
}
@media screen and (max-width: 900px) {
	.catalog-menu li {
		width: calc(33.3333% - 4em);
	}
}
@media screen and (max-width: 700px) {
	.catalog-menu li {
		width: calc(50% - 4em);
	}
}



.baloon {
	color:  #585757;
	font-size: 17px;
	font-weight: 400;
	line-height: 27px;
	background: white;
	width: 330px;
	padding: 15px;
}
.baloon a, .baloon p {
	margin-bottom: 5px;
	display: block;
	position: relative;
	padding-left: 40px;
}
.baloon a {
	color:  #585757;
}
.baloon i {
	font-size: 22px;
	position: absolute;
	left: 0;
	top: 1px;
}


#spoilers .spoiler:not(:first-child) .spoiler-content {
	display: none;
}
#spoilers .spoiler:first-child .spoiler_link {
	display: none;
}
.spoiler {
	margin-bottom: 50px;
}

.spoiler>h2{
	font-weight: 700;
	font-size: 25px;
	text-align: left;
	margin-bottom: .6em;
}

/* Х О В Е Р Ы */
a, button {
	transition: all .25s;
}

header p a:hover, 
footer a:hover {
	color: #f06262 !important;
	border-color: #f06262 !important;
}

.catalog-menu a:hover{
	color: #4087d1;
	border-color: #4087d1;
}


#nav_d>ul>li:not(.active):hover a {
	background-color: #44b5a9;
	color: white;
}



form button:hover {
	background: #78C9DC !important;
}
.product_card:hover {
	box-shadow: 0 18px 30px rgba(14, 20, 32, 0.25);
}





@media screen and (max-width: 500px) {
	#crumbs,
	.catalog-menu,
	#bx_prod--wrp,
	#bx_prod--order {
		display: none;
	}
	
	#prod--left>div:first-child {
		height: auto;
	}
	#prod--left>div:first-child img {
		height: auto;
		width: 100%;
	}
		
	
	main {
		margin-top: 20px;
	}
	body#catalog wrapper-blue h1 {
		margin-top: 30px;
	}
}

.ymBlock>ymaps{ position: absolute;}
.bx-wrapper .bx-viewport>ul{ position: absolute !important;padding: 0;}