/* Large Devices, Wide Screens */

.header-mobile {display:none;}
.overflow-hidden {overflow:hidden;}

a.whatsapp-full {
    width: 25px;
    height: 25px;
    border-radius: 7px;
    background: url(/bitrix/templates/rusean/img/whatsapp-green.svg) no-repeat center / contain;
}

.contact-form a.whatsapp-contacts {color: #eee;}

footer .bx-inclinksfooter-container {margin-top: 0}

@media only screen and (max-width: 1199px) {
	header {
		text-align: center;
	}
	header nav.top {
		display: none;
	}
	header a.phone {
		margin-right: 30px;
	}
	nav.main {
		height: 62px;
	}
	nav.main .mobile-menu {
		position: absolute;
		left: 0;
		top: 100%;
		width: 100%;
	}
	nav.main .mobile-menu ul {
		width: calc(50% - 70px);
		padding-left: calc(50% - 470px);
		background-color: rgba(0, 0, 0, .82);
		border-top: 1px solid #fff;
	}
	nav.main .mobile-menu ul>li {
		display: block;
		margin-left: 0;
	}
	nav.main .mobile-menu ul>li>a {
		padding: 0;
		padding-left: 5px;
		border-bottom: 1px solid #626262;
		max-width: 350px;
	}
	nav.main .mobile-menu ul.top>li>a {
		font-size: 14px;
		line-height: 45px;
	}
	nav.main .mobile-menu ul.bottom>li>a {
		font-size: 16px;
		line-height: 54px;
	}
	nav.main .mobile-menu ul>li>a:before {
		content: "";
		position: absolute;
		z-index: -1;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #e20413;
		-webkit-transform: scaleX(0);
		transform: scaleX(0);
		-webkit-transform-origin: 50%;
		transform-origin: 50%;
		-webkit-transition-property: transform;
		transition-property: transform;
		-webkit-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-transition-timing-function: ease-out;
		transition-timing-function: ease-out;
	}
	nav.main .mobile-menu ul>li>a:hover:before,
	nav.main .mobile-menu ul>li>a:focus:before {
		-webkit-transform: scaleX(1);
		transform: scaleX(1);
	}
	nav.main .mobile-menu ul>li:last-child a {
		border-bottom: 0;
	}
	nav.main .mobile-menu ul>li>a img {
		margin-right: 15px;
	}
	nav.main .menu-toggle,
	nav.main ul.left li a {
		padding: 23px 20px;
		line-height: 14px;
	}
	nav.main .menu-toggle {
		float: left;
		display: block;
		padding-bottom: 25px;
		padding-left: 15px;
		font-size: 16px;
		color: #fff;
		border-right: 1px solid #fff;
	}
	nav.main ul.left li {
		display: none;
	}
	nav.main ul.left li:first-child {
		display: block;
		margin: 0;
	}
	nav.main ul.left li .mega-menu {
		left: 0;
	}
	nav.main ul.right {
		height: 62px;
	}
	section#mixes figure {
		padding: 15px;
	}
	section#mixes figure:before {
		left: 15px;
		right: 15px;
		top: 15px;
		bottom: 15px;
	}
	section#mixes figure img {
		height: 182.5px;
	}
	section#mixes figure figcaption {
		left: 25px;
		top: 25px;
		width: calc(100% - 50px);
		height: calc(100% - 50px);
	}
	section.page .list li {
		padding: 0 15px;
	}
	section.page .list li:hover,
	section.page .list li.active {
		padding-left: 10px;
	}
	section.page .list li img,
	section.page .list li span {
		width: 20px;
		margin-right: 10px;
	}
	section.page .list li a {
		width: 100%;
		font-size: 13px;
	}
	section#registratsiya form img {
		width: 100%;
		margin-bottom: 15px;
	}
	section#compare .swiper-container {
		width: 100%;
	}
	section#gallery a.link>span {
		width: 150px;
		height: 150px;
		padding: 35px 20px;
		line-height: 23px;
	}
	section#gallery a.link>span img {
		width: 50px;
		margin-bottom: 5px;
	}
	section#kabinet .list li {
		padding: 0 25px;
	}
	section#kabinet .myorders .item>.row {
		margin-left: 0;
		margin-right: 0;
	}
	section#kabinet .myorders .item>.row>div {
		padding: 10px 0;
	}
	section#kabinet .myorders .item>.row>.status {
		width: 22%;
	}
	section.page .content img:first-child {
		height: 200px;
	}
	section#product .content .description .price {
		display: block;
		margin-bottom: 20px;
		font-size: 38px;
	}
	section#product .content .description hr {
		margin: 20px 0;
	}
	section#subcategory #grid .catalog_item {
		min-height: 404px;
		width: 33.333333%;
	}
	section#kabinet .myorders article.block .info .btn {
		margin-bottom: 20px;
	}
	section#kabinet .myorders article.block .footer .title {
		margin-left: 30px;
	}
	section#product #product-tab .resp-tabs-list>li {
		margin-right: 20px;
		font-size: 18.5px;
	}
	section#product #product-tab .resp-tabs-container a.fancybox {
		height: 230px;
	}
	section#documentation .sertificate a.fancybox {
		height: 210px;
	}
	section#article a.button {
		top: 50px;
		padding: 10px 20px;
	}
	section#article .breadcrumb {
		margin-bottom: 20px;
		width: 100%;
	}
	section#article h2,
	section#article .section-title {
		line-height: 1.2;
		width: calc(100% - 150px);
	}

	header {
		position: fixed;
		width: 100%;
		top: 0;
		left: 0;
		z-index: 2;
		background-color: #fff;
	}
	header .fancybox.btn {
		position: absolute;
		left: 270px;
		bottom: -48px;
		z-index: 2;
	}
	
	header form {
		position: absolute;
		left: 215px;
		bottom: -56px;
		z-index: 2;
	}
	
	header form .searchbox-input {
		width: 200px;
	}
	
	header a[href^="mailto:"] {
		position: absolute;
		left: 435px;
		bottom: -48px;
		z-index: 2;
	}
	
	nav.main .menu-toggle,
	nav.main ul.left li:first-child>a {
		line-height: 22px;
	}
	header a[href^="tel:"] {
		font-size: 16px;
	}
	
	header a.logo {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	header a.logo img {
		width: 125px;
	}
	
	header .spacer {
		display: none;
	}
	
	nav.main {
		position: fixed;
		top: 63px;
		left: 0;
		width: 100%;
	}
}


/* Medium Devices, Desktops */

@media only screen and (max-width: 991px) {
	header a.logo,
	header a.phone {
		margin-right: 20px;
	}
	.container {
		max-width: 750px;
	}
	nav.main .mobile-menu ul {
		width: calc(50% + 35px);
		padding-left: calc(50% - 365px);
		background-color: rgba(0, 0, 0, .82);
		border-top: 1px solid #fff;
	}
	nav.main ul.left li .mega-menu {
		left: calc(50% - 365px);
		width: 730px;
	}
	nav.main ul.left li .mega-menu>ul {
		max-width: 100%;
	}
	nav.main ul.left li .mega-menu>ul>li {
		display: inline-block;
		width: 362.93px;
	}
	nav.main ul.left li .mega-menu>ul>li>a {
		padding: 15px 10px;
	}
	#slider .bxslider .container {
		position: relative;
	}
	#slider .bxslider .content {
		width: calc(100% - 30px);
		top: auto;
		bottom: 100px;
	}
	#slider .bxslider .content .name,
	#slider .bxslider .content p {
		display: block;
		margin: 0 auto;
		margin-right: 0;
	}
	#slider .bxslider .content.light .name,
	#slider .bxslider .content.light p {
		/*margin: 20px auto;*/
		margin-right: 0;
	}
	#slider .bxslider .content p:before {
		left: calc(50% - 15px);
		top: -15px;
		border-top: 0;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;
		border-bottom: 15px solid #e20413;
	}
	section#shares {
		padding-top: 75px;
		padding-bottom: 55px;
	}
	section#shares figure {
		margin-bottom: 30px;
	}
	section#shares hr {
		margin-top: 32px;
		margin-bottom: 62px;
	}
	section#about p {
		margin-bottom: 15px;
	}
	section#mixes figure {
		padding: 35px;
	}
	section#mixes figure:before {
		left: 35px;
		right: 35px;
		top: 35px;
		bottom: 35px;
	}
	section#mixes figure img {
		height: 275px;
	}
	section#mixes figure figcaption {
		left: 50px;
		top: 50px;
		width: calc(100% - 100px);
		height: calc(100% - 100px);
	}
	section#production article.video img {
		height: 210px;
		object-fit: cover;
		object-position: center;
	}
	section#production article.video img.over {
		height: 140px;
	}
	section#production article.text {
		margin-top: 13px;
		margin-left: 0;
	}
	section#production article.text h2,
	section#production article.text .section-title {
		line-height: 36px;
	}
	section#production article.text h2 img,
	section#production article.text .section-title img {
		float: left;
	}
	section#production article.text h2 span,
	section#production article.text .section-title span {
		display: inline-block;
		width: calc(100% - 60px);
	}
	section#production article.text p {
		margin-top: 10px;
	}
	section#advantages {
		padding: 35px 0;
	}
	section#advantages figure img {
		margin-top: 5px;
		margin-right: 15px;
		width: 45px;
	}
	section#advantages figure figcaption {
		min-height: 80px;
	}
	section#advantages .col-md-6:first-child figure:last-child figcaption {
		padding-bottom: 30px;
		border-bottom: 1px solid #eb4b56;
	}
	section#news {
		padding-top: 90px;
		padding-bottom: 60px;
	}
	section#news figure figcaption {
		margin-bottom: 35px;
	}
	section#contacts #map {
		height: 400px;
	}
	section#contacts article.contact-form {
		position: relative;
		width: 100%;
		height: auto;
		top: auto;
		/*bottom: 0;*/
		padding: 30px 0 0;
	}
	section#contacts article.contact-form address {
		max-width: 260px;
	}
	footer .top .clearfix {
		margin-bottom: 30px;
	}
	section.page .container>.row>.col-md-3,
	section.page .container>.row>.col-md-9 {
		width: 100%;
	}
	section.page .container>.row>.col-md-push-3,
	section.page .container>.row>.col-md-pull-9 {
		left: auto;
		right: auto;
	}
	section.page .list {
		margin-bottom: 20px;
	}
	section.page .list.category {
		margin-top: 30px;
		margin-bottom: 0;
	}
	section#subcategory .list.category {
		margin-bottom: 20px;
	}
	section.page .list li {
		padding: 0 25px;
	}
	section.page .list li:hover,
	section.page .list li.active {
		padding-left: 20px;
	}
	section.page .list li img,
	section.page .list li span {
		width: 30px;
		margin-right: 15px;
	}
	section.page .list li a {
		width: calc(100% - 45px);
	}
	section.page .list {
		padding-top: 0;
		padding-bottom: 0;
	}
	section.page .list.category li {
		display: none;
	}
	section.page .list h3 {
		margin-bottom: 0;
		padding-top: 20px;
		padding-bottom: 20px;
		cursor: pointer;
	}
	section.page .list h3:after {
		float: right;
		content: '\f107';
		font-family: "FontAwesome";
		font-size: 16px;
	}
	section.page .list.open h3:after {
		content: '\f106';
	}
	section#gallery .minh {
		min-height: auto;
	}
	section#gallery #sync1 .item {
		height: 400px;
	}
	section#gallery #sync1 .item img {
		width: 100%;
	}
	section#registratsiya .col-md-3 {
		margin-top: 30px;
	}
	section#registratsiya a.btn {
		margin-left: 15px;
	}
	section#cart .cart {
		margin-bottom: 20px;
	}
	section#cart .cart thead {
		display: none;
	}
	section#cart .cart td.title {
		width: 30%;
	}
	section#cart .cart td.title img {
		display: block;
		margin-right: 0;
		margin-bottom: 10px;
	}
	section#cart .cart td.title p {
		display: block;
		width: 100%;
	}
	section#cart .cart td.price,
	section#cart .cart td.weight,
	section#cart .cart td.sum {
		font-size: 28px;
	}
	section#cart .cart td.quantity i {
		margin: 0 15px;
	}
	section#cart .pull-right.oform {
		float: none!important;
		margin-bottom: 25px;
	}
	section#cart ul.total li p {
		float: none;
		display: inline-block;
		margin-left: 15px;
	}
}


/* Small Devices, Tablets */

@media only screen and (max-width: 767px) {
	.container {
		width: 320px;
	}
	header a.logo {
		float: left;
		margin-top: 18px;
		margin-right: 0;
	}
	header a.logo img {
		width: 122px;
		height: 37px;
	}
	header a.phone {
		float: right;
		margin: 0;
		font-size: 17px;
		line-height: 75px;
		padding-right: 10px;
	}
	header form,
	header a.btn-light,
	header a.btn,
	header .cabinet {
		display: none;
	}
	nav.main,
	nav.main ul.right {
		height: 52px;
	}
	nav.main .mobile-menu ul {
		width: 100%;
		padding-left: 0;
	}
	nav.main .mobile-menu ul li,
	nav.main .mobile-menu ul>div {
		width: 320px;
		margin: 0 auto;
		padding-left: 15px;
		padding-right: 15px;
	}
	nav.main ul.left li .mega-menu>ul>li {
		display: block;
		width: 100%;
	}
	nav.main .mobile-menu form {
		margin-top: 20px;
		margin-bottom: 24px;
	}
	nav.main .mobile-menu form .searchbox {
		position: relative;
		width: 290px;
		height: 50px;
		overflow: hidden;
		border-radius: 25px;
		background-color: #fff;
		-webkit-box-shadow: inset 0px 1px 10px 2px rgba(0, 0, 0, 0.1);
		-moz-box-shadow: inset 0px 1px 10px 2px rgba(0, 0, 0, 0.1);
		box-shadow: inset 0px 1px 10px 2px rgba(0, 0, 0, 0.1);
	}
	nav.main .mobile-menu form .searchbox-input {
		top: 0;
		right: 0;
		border: 0;
		outline: 0;
		background: transparent;
		width: 300px;
		height: 50px;
		margin: 0;
		padding: 0px 55px 0px 20px;
		font-size: 15px;
		color: #666;
		border-radius: 25px;
	}
	nav.main .mobile-menu form .searchbox-submit {
		width: 50px;
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		border: 0;
		outline: 0;
	}
	nav.main .mobile-menu form .searchbox-open .searchbox-submit {
		top: 4px;
		right: 8px;
		height: 40px;
		background-image: url(../img/search.png);
		background-repeat: no-repeat;
		background-position: center;
		background-color: transparent;
	}
	nav.main .mobile-menu .btn,
	nav.main .mobile-menu .btn-light {
		display: inline-block;
		margin-bottom: 10px;
		padding: 10px 23px;
		font-family: 'UbuntuMedium';
		font-size: 14px;
		border-radius: 20px;
		text-align: center;
	}
	nav.main .mobile-menu .btn {
		width: calc(60% - 5px);
	}
	nav.main .mobile-menu .btn-light {
		width: 35%;
		margin-right: 5%;
	}
	nav.main .menu-toggle {
		padding: 19px 10px;
		font-size: 15px;
	}
	nav.main ul.left li a {
		padding: 18px 20px 18px 10px;
	}
	nav.main ul.left>li:first-child>a:after {
		top: 24px;
	}
	nav.main ul.left li .mega-menu {
		border-top: 1px solid #fff;
		left: 0;
		width: 100%;
		padding-left: calc(50% - 160px);
		padding-right: calc(50% - 160px);
	}
	nav.main ul.left li .mega-menu>ul {
		width: 320px;
	}
	nav.main ul.left li:hover .mega-menu {
		display: none;
	}
	nav.main ul.right li a {
		width: 52px;
		padding: 14px 18px;
		font-size: 14px;
	}
	nav.main ul.right li a img {
		height: 23px;
	}
	nav.main ul.right li a sup {
		top: 5px;
		right: 5px;
	}
	#slider .bxslider img {
		height: 400px;
	}
	#slider .bxslider .content {
		padding: 0;
		width: 100%;
		bottom: auto;
		top: 70px;
	}
	#slider .bxslider .content .name,
	#slider .bxslider .content.light .name {
		margin-top: 0;
		width: 100%;
		padding: 15px;
		text-align: center;
		font-size: 24px;
		line-height: 34px;
	}
	#slider .bxslider .content .name small {
		font-size: 20px;
	}
	#slider .bxslider .content p {
		font-size: 18px;
		line-height: 34px;
		width: 100%;
		height: auto;
		padding: 15px;
		text-align: center;
	}
	#slider .bxslider .content a {
		margin-top: 15px;
		width: 100%;
		text-align: center;
	}
	#slider .bxslider .content.light p {}
	section h2,
	section .section-title {
		font-size: 24px;
		line-height: 16.32px;
		margin-bottom: 15px;
	}
	section h2 img,
	section .section-title img {
		width: 35px;
	}
	section#shares {
		padding-top: 37px;
		padding-bottom: 15px;
	}
	section#shares figure {
		padding: 23px;
		margin-bottom: 20px;
	}
	section#shares figure img {
		display: block;
		width: 100%;
		height: auto;
	}
	section#shares figure figcaption {
		display: block;
		width: 100%;
		height: auto;
		padding: 0;
		padding-top: 23px;
	}
	section#shares figure figcaption p {
		margin-top: 0;
		margin-bottom: 15px;
		font-size: 15px;
		line-height: 23px;
		height: auto;
	}
	section#shares figure figcaption a.more {
		display: block;
		text-align: center;
	}
	section#shares hr {
		margin-top: 17px;
		margin-bottom: 25px;
	}
	section#about p {
		font-size: 17px;
	}
	section#about a {
		display: block;
		text-align: center;
	}
	section#mixes {
		padding-top: 60px;
		padding-bottom: 40px;
	}
	section#mixes h2,
	section#mixes .section-title {
		line-height: 32px;
	}
	section#mixes h2 img,
	section#mixes .section-title img {
		float: left;
	}
	section#mixes h2 span,
	section#mixes .section-title span {
		display: inline-block;
		width: calc(100% - 50px);
	}
	section#mixes figure {
		padding: 10px;
		margin-bottom: 17px;
	}
	section#mixes figure:before {
		left: 10px;
		right: 10px;
		top: 10px;
		bottom: 10px;
	}
	section#mixes figure img {
		height: 110px;
	}
	section#mixes figure figcaption {
		left: 0;
		top: 15px;
		width: 100%;
		height: calc(100% - 30px);
	}
	section#mixes figure figcaption p {
		font-size: 16px;
		line-height: 1.2;
		text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 0px -1px 0px #000, -1px -1px 0px #000, 1px -1px 0px #000;
	}
	section#mixes .text-center a {
		display: inline-block;
		text-align: center;
	}
	section#production {
		padding: 40px 0;
	}
	section#production article.video img {
		height: 180px;
	}
	section#production article.video img.over {
		height: 100px;
		top: calc(50% - 50px);
		left: calc(50% - 50px);
	}
	section#production article.text h2,
	section#production article.text .section-title {
		line-height: 32px;
	}
	section#production article.text a {
		display: block;
		text-align: center;
	}
	section#advantages {
		padding-top: 45px;
		padding-bottom: 20px;
	}
	section#advantages h2,
	section#advantages .section-title {
		line-height: 32px;
	}
	section#advantages h2 img,
	section#advantages .section-title img {
		float: left;
	}
	section#advantages h2 span,
	section#advantages .section-title span {
		display: inline-block;
		width: calc(100% - 50px);
	}
	section#advantages figure {
		margin-top: 0;
	}
	section#advantages figure img {
		display: block;
		margin: 0;
		margin-bottom: 15px;
	}
	section#advantages figure figcaption {
		width: 100%;
		padding-bottom: 25px;
		margin-bottom: 25px;
	}
	section#articles {
		padding: 35px 0 0;
	}
	section#articles figure {
		margin-bottom: 30px;
	}
	section#articles figure img {
		float: left;
		display: block;
		width: 75px;
		margin: 0;
		margin-right: 15px;
		margin-bottom: 15px;
	}
	section#articles figure figcaption {
		display: block;
		width: 100%;
	}
	section#articles figure figcaption h3 {
		font-size: 16px;
		line-height: 23px;
	}
	section#articles figure figcaption p {
		width: 100%;
		height: 88px;
		font-size: 14px;
		line-height: 22px;
		-webkit-line-clamp: 4;
	}
	section#articles figure a.more {
		display: block;
		margin-top: 15px;
		text-align: center;
		font-size: 14px;
		padding: 13px 0;
	}
	section#article figure {
		margin-bottom: 30px;
	}
	section#article figure img {
		float: left;
		display: block;
		width: 75px;
		margin: 0;
		margin-right: 15px;
		margin-bottom: 15px;
	}
	section#article figure figcaption {
		display: block;
		width: 100%;
	}
	section#article figure figcaption h3 {
		font-size: 16px;
		line-height: 23px;
	}
	section#article figure figcaption p {
		width: 100%;
		font-size: 14px;
		line-height: 22px;
	}
	section#article figure a.more {
		display: block;
		margin-top: 15px;
		text-align: center;
		font-size: 14px;
		padding: 13px 0;
	}
	section#article .article.main img {
		display: block;
		margin: 0 auto;
	}
	section#article .article.main .text {
		display: block;
		width: 100%;
		text-align: center;
	}
	section#article .article.main .text p {
		height: auto;
		display: block;
	}
	section#article .article.main .text .more {
		width: 100%;
	}
	section#news {
		padding-top: 35px;
		padding-bottom: 20px;
	}
	section#news figure figcaption {
		margin-bottom: 20px;
	}
	/*section#contacts #map {
		height: 1600px;
	}*/
	section#contacts article.contact-form {
		padding: 15px 0 0;
	}
	section#contacts article.contact-form>div {
		width: 320px;
		margin: 0 auto;
		padding: 0 15px;
	}
	section#contacts article.contact-form>div:first-child {
		padding-bottom: 25px;
		margin-bottom: 25px;
		border-right: 0;
		border-bottom: 1px solid #cdcdcd;
	}
	section#contacts article.contact-form form button.btn {
		display: block;
		width: 100%;
		text-align: center;
	}
	section#contacts article.contact-form address p:last-child {
		padding-bottom: 0;
		margin-bottom: 0;
	}
	footer .top strong {
		padding: 15px 0;
		padding-bottom: 5px;
	}
	footer .top .row>div {
		padding-bottom: 10px;
		border-bottom: 1px solid #6f6f6f;
	}
	footer .top strong:after {
		content: ' ';
		position: relative;
		top: 7px;
		float: right;
		width: 15px;
		height: 10px;
		background-image: url(../img/svg/arrow_down.svg);
		background-size: 100%;
	}
	footer .top strong.open:after {
		background-image: url(../img/arrow_up.png);
	}
	footer .top p {
		display: none;
	}
	footer .top .row>div>p:last-child {
		padding-bottom: 10px;
	}
	footer .bottom .pull-left,
	footer .bottom .pull-right {
		float: none !important;
		display: block;
	}
	footer .bottom .pull-left p {
		padding: 15px 0;
		border-bottom: 1px solid #6f6f6f;
	}
	footer .bottom .pull-left p span {
		width: calc(100% - 95px);
		display: inline-block;
	}
	footer .bottom .pull-right {
		padding-top: 15px;
		padding-bottom: 10px;
	}
	footer .bottom .pull-right p span {
		display: none;
	}
	footer .bottom .pull-right a {
		margin-left: 0;
		margin-right: 22px;
	}
	footer .bottom .pull-right>span {
		display: block;
		margin-top: 10px;
	}
	section.page {
		/*margin-top: 52px!important;*/
		margin-top: 0!important;
	}
	section.page .mini-banner {
		margin-top: -72px;
	}
	section.page .breadcrumb>li+li {
		/*max-width: 170px;
		max-height: 24px;*/
		text-overflow: ellipsis;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}
	section.page .breadcrumb>li+li:before {
		margin: 0 5px;
	}
	section.page .pagination>li:nth-child(6),
	section.page .pagination>li:nth-child(7) {
		display: none;
	}
	section.page .pagination>li>a,
	section.page .pagination>li>span {
		width: 37px;
		height: 37px;
		line-height: 37px;
	}
	section#gallery .owl-item.synced .item:before {
		opacity: 0;
	}
	section#gallery #sync1 .item {
		height: 180px;
	}
	section#registratsiya .sign-as {
		padding: 15px 20px;
		text-align: center;
	}
	section .sign-as li {
		margin: 0 7.5px;
	}
	section .sign-as li:first-child {
		display: block;
		margin: 0;
		margin-bottom: 20px;
	}
	section#registratsiya form {
		padding: 25px;
	}
	section#registratsiya form .checkbox label:before {
		bottom: 10px;
	}
	section#registratsiya a.btn,
	section#registratsiya form button {
		width: 100%;
		margin-left: 0;
	}
	section#registratsiya form a {
		margin-top: 5Fpx;
	}
	section#registratsiya .col-md-3>p {
		padding: 30px;
	}
	section#calc .tab .nav-tabs>li {
		float: none;
	}
	section#calc .tab .nav-tabs>li>a {
		margin-right: 0;
		font-size: 24px;
	}
	section#calc .tab form .form-group .row {
		margin: 0;
	}
	section#calc .tab form .form-group .col-sm-3 {
		display: block;
		padding-left: 0;
		padding-top: 10px;
	}
	section#calc .tab form .form-group a.btn-default {
		width: 100%;
		text-align: center;
	}
	section#calc .tab form button {
		width: 100%;
		margin-bottom: 20px;
	}
	section#cart .cart {
		margin-bottom: 0;
	}
	section#cart .cart tr {
		position: relative;
		display: block;
		padding: 20px;
		margin-bottom: 20px;
		border: 1px solid #e0e0e0;
	}
	section#cart .cart tr>td {
		display: block;
		margin-bottom: 20px;
		padding: 0;
		border: 0;
		text-align: right;
	}
	section#cart .cart td.title {
		width: 100%;
		text-align: left;
	}
	section#cart .cart td.button {
		position: absolute;
		top: 10px;
		right: 10px;
		width: auto;
	}
	section#cart .cart td.price,
	section#cart .cart td.weight,
	section#cart .cart td.sum {
		font-size: 24px;
	}
	section#cart .cart td.price:before,
	section#cart .cart td.weight:before,
	section#cart .cart td.quantity:before,
	section#cart .cart td.sum:before,
	section#cart .cart td.custom:before {
		float: left;
		margin-right: 10px;
		font-family: "UbuntuLight";
		font-size: 16px;
	}
	section#cart .cart td.price:before {
		content: "Цена:";
	}
	section#cart .cart td.weight:before {
		content: "Вес 1 ед.:";
	}
	section#cart .cart td.quantity:before {
		content: "Количество:";
	}
	section#cart .cart td.sum:before {
		content: "Сумма:";
	}
	section#cart .cart td.custom:before {
		content: "Скидка:";
	}
	section#cart .cart-total {
		padding-bottom: 0;
		text-align: left;
	}
	section#cart .cart-total .title {
		margin-left: 0;
		margin-bottom: 20px;
	}
	section#cart .pull-left,
	section#cart .pull-right {
		float: none !important;
	}
	section#cart .pull-left a.btn-default,
	section#cart .pull-right a.more {
		width: 100%;
		margin: 0;
		margin-top: 20px;
		text-align: center;
	}
	section#compare .swiper-container .swiper-slide {
		width: 100%;
	}
	section#gallery a.link {
		margin-bottom: 20px;
	}
	section#gallery #sync1 .owl-buttons {
		display: none;
	}
	section#gallery .sync2-mobile {
		padding: 20px;
		overflow: hidden;
		background-color: #f9f9f9;
		-webkit-box-shadow: 0px 2px 3px 0px rgba(74, 62, 45, 0.14);
		-moz-box-shadow: 0px 2px 3px 0px rgba(74, 62, 45, 0.14);
		box-shadow: 0px 2px 3px 0px rgba(74, 62, 45, 0.14);
	}
	section#gallery #sync2 {
		padding: 0;
		width: 180px;
		margin: 0 auto;
		background-color: transparent;
		box-shadow: none;
	}
	section#gallery #sync2 .owl-wrapper-outer {
		overflow: visible;
	}
	section#kabinet form button {
		width: 100%;
	}
	section#kabinet .sign-as li:first-child,
	section#kabinet .sign-as li {
		display: inline-block;
		margin: 0;
		margin-right: 15px;
	}
	section#new h2,
	section#new h1 {
		line-height: 32px;
	}
	section#article h2,
	section#article .section-title {
		line-height: 32px;
	}
	section#article.page .content img:first-child {
		/*width: 100%!important;
		height: auto!important;*/
		float: none;
		margin: 0 0 10px;
	}
	section#new figure.new img {
		display: block;
		width: 100%;
		margin: 0;
		margin-bottom: 20px;
	}
	section#new figure.new img+figcaption {
		display: block;
		width: 100%;
	}
	section#new figure.new figcaption a.more {
		width: 100%;
		text-align: center;
	}
	/*section#product .breadcrumb>li+li {
		max-width: 120px;
	}*/
	section#product h2,
	section#product h1 {
		line-height: 35px;
	}
	section#product .content .pull-left {
		float: none!important;
		margin: 0;
	}
	section#product .content .pull-left a.fancybox img {
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}
	section#product .content .description p {
		line-height: 24px;
		max-height: 96px;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
	}
	section#product .content .description p.p {
		display: block;
		max-height: auto;
		overflow: visible;
	}
	section#product .content .description .price {
		font-size: 32px;
		margin-right: 0;
	}
	section#product .content .description p.p .r {
		width: calc(100% - 101px);
		display: inline-block;
		text-align: right;
	}
	section#product .content .description a.minus,
	section#product .content .description a.plus {
		width: 48px;
		line-height: 48px;
	}
	section#product .content .description .btn {
		width: 100%;
		margin-top: 15px;
		text-align: center;
	}
	section#product .content .description .buttons a {
		width: 100%;
		padding: 0 90px;
	}
	section#product .content .description .buttons .btn-default .icon,
	section#product .content .description .buttons a .icon {
		width: 30px;
		left: 90px;
	}
	section#product .content .description .buttons .btn-default span,
	section#product .content .description .buttons a span {
		text-align: left;
		padding-left: 10px;
		width: 80px;
		right: 90px;
	}
	section#product .content .description .buttons .btn-default {
		margin-left: 0;
		margin-top: 20px;
	}
	section#product #product-tab .resp-tabs-list li {
		border-top-color: #ddd;
	}
	section#product #product-tab .resp-tabs-container table tr {
		display: block;
		border: 1px solid #d4d4d4;
		padding: 10px;
		border-bottom: 0;
	}
	section#product #product-tab .resp-tabs-container table tbody {
		display: block;
		border-bottom: 1px solid #d4d4d4;
	}
	section#product #product-tab .resp-tabs-container table th,
	section#product #product-tab .resp-tabs-container table td {
		width: auto;
		min-width: 80px;
		line-height: 22px;
		border: 0;
		padding: 0;
		display: block;
	}
	section#product #product-tab .resp-tabs-container a.fancybox {
		height: auto;
	}
	section#product #product-tab .resp-tabs-container h2 {
		line-height: normal;
		margin: 0;
		font-weight: normal;
	}
	section#product #product-tab .resp-tabs-container form {
		padding: 20px;
	}
	section#product #product-tab .resp-tabs-container form button {
		width: 100%;
	}
	section#product #product-tab .resp-tabs-container .resp-tab-content {
		padding: 20px 0;
	}
	section.page .similar {
		overflow: hidden;
	}
	section.page .owl-similar {
		width: 210px;
		margin: 0 auto;
	}
	section.page .similar .owl-wrapper-outer {
		overflow: visible;
	}
	section.page .similar .owl-buttons {
		display: none;
	}
	section.page .similar .product .name {
		display: block;
		height: auto;
	}
	section#cart article.block {
		padding: 25px;
	}
	section#cart article.block.finish a.change,
	section#cart article.block.active a.btn.prev,
	section#cart article.block.active a.btn.next {
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}
	section#cart article.block .cart td {
		padding: 5px 0;
		text-align: right;
	}
	section#cart article.block .cart td.title {
		width: 100%;
		text-align: left;
	}
	section#cart article.block .active figure .img {
		display: block;
		width: 100%;
		height: 100px;
		margin-right: 0;
		margin-bottom: 20px;
	}
	section#cart article.block .active figure figcaption {
		display: block;
		width: 100%;
	}
	section#cart .pull-right a.more,
	section#cart .pull-left a.btn-default {
		margin-top: 10px;
		margin-bottom: 15px;
	}
	section#cart ul.total li p {
		float: right;
	}
	section#subcategory .filtr>.left>span.visible-xs {
		display: inline-block !important;
	}
	section#subcategory #grid .catalog_item {
		width: 100%;
		float: none;
		min-height: auto;
	}
	section#subcategory #grid .product:hover {
		position: relative;
	}
	section#subcategory #grid .product .name {
		display: block;
		height: auto;
	}
	section#subcategory #grid .product p {
		display: block;
		height: auto;
	}
	section#subcategory #line .product>img {
		display: block;
		margin: 0 auto;
	}
	section#subcategory #line .product .info {
		display: block;
		width: 100%;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	section#subcategory #line .product .detail {
		display: block;
		margin: 0;
		width: 100%;
	}
	section#subcategory #line .product .detail a {
		width: 100%;
		padding: 0 90px;
	}
	section#subcategory #line .product .detail .btn-default .icon,
	section#subcategory #line .product .detail a .icon {
		width: 30px;
		left: 90px;
	}
	section#subcategory #line .product .detail .btn-default span,
	section#subcategory #line .product .detail a span {
		text-align: left;
		padding-left: 10px;
		width: 80px;
		right: 90px;
	}
	section#pricelist .table thead {
		display: none;
	}
	/*section#pricelist .table td:before*/
	section#pricelist .table .title + tr:not(.title) td:before  {
		content: attr(data-th) ": ";
		display: block;
		font-family: "UbuntuMedium";
		font-size: 15px;
		margin-bottom: 10px;
	}
	section#pricelist .table td {
		/*display: block;*/
		padding: 15px;
		/*border: 1px solid #e8e8e8;*/
	}
	section#pricelist .table td+td {
		border-top: 0;
	}
	section#pricelist .table .title td+td {
		display: none;
	}
	section#pricelist .table .title td {
		padding-left: 0;
		border: 0;
	}
	section#pricelist .table .title td:before {
		content: none;
	}
	section#pricelist .table td h3 {
		line-height: 25px;
	}
	#pricelist .table {
		max-width: 100%;
		overflow: auto;
		display: block;
	}
	#pricelist tr.title > td:first-child {
		min-width: 290px;
		display: block;
	}
	#pricelist tr:not(.title) {
		display: flex;
	}
	#pricelist tr:not(.title) > td {
		min-width: unset;
		width: 125px;
		font-size: 12px;
		padding: 5px!important;
	}
	#pricelist tr:not(.title) > td:first-child {
		padding-left: 0;
		border-left: 1px solid #e8e8e8;
	}
	#pricelist tr:not(.title) > td:nth-child(2) {
		width: 55px;
	}
	#pricelist tr:not(.title) > td:nth-child(3) {
		width: 106px;
	}
	#pricelist tr:not(.title) > td:nth-child(4) {
		width: 50px;
		padding-right: 0;
		border-right: 1px solid #e8e8e8;
	}
	#pricelist .title + tr:not(.title)>td {
		border-top: 1px solid #e8e8e8!important;
	}

	section#vopros form button {
		width: 100%;
	}
	section#kabinet .list {
		margin-top: 0;
		margin-bottom: 20px;
	}
	section#kabinet .myorders article.block {
		padding: 15px 25px;
	}
	section#kabinet .myorders article.block h3 {
		margin-top: 0;
	}
	section#kabinet .myorders article.block .text>.row {
		padding: 15px 0;
	}
	section#kabinet .myorders article.block .text>.row>div,
	section#kabinet .myorders article.block .text>.row>div:last-child {
		display: block;
		padding: 0;
		margin-left: 0;
	}
	section#kabinet .myorders article.block .info {
		padding: 25px;
		margin-left: -25px;
		margin-right: -25px;
	}
	section#kabinet .myorders article.block .info .btn {
		float: none;
		width: 100%;
		text-align: center;
	}
	section#kabinet .myorders article.block .header {
		display: none;
	}
	section#kabinet .myorders .item>.row>div {
		height: auto;
		width: 100%;
	}
	section#kabinet .myorders article.block .item>.row>div p {
		text-align: right;
		padding: 10px 0;
	}
	section#kabinet .myorders article.block .item>.row>div.title p {
		text-align: left;
	}
	section#kabinet .myorders article.block .item>.row>div p:before {
		position: absolute;
		left: 0;
		margin-right: 10px;
		font-family: "UbuntuLight";
	}
	section#kabinet .myorders article.block .item>.row>div.price p:before {
		content: "Цена:";
	}
	section#kabinet .myorders article.block .item>.row>div.weight p:before {
		content: "Вес:";
	}
	section#kabinet .myorders article.block .item>.row>div.quantity p:before {
		content: "Количество:";
	}
	section#kabinet .myorders article.block .item>.row>div.sum p:before {
		content: "Сумма:";
	}
	section#kabinet .myorders article.block .footer {
		text-align: left;
	}
	section#kabinet .myorders article.block .footer .title {
		margin-left: 0;
		margin-bottom: 15px;
	}
	section#kabinet .myorders .pull-right a.more {
		margin-left: 0;
		margin-bottom: 20px;
		width: 100%;
		text-align: center;
	}
	section#kabinet .myorders .header {
		display: none;
	}
	section#kabinet .myorders .item {
		margin-bottom: 30px;
	}
	section#kabinet .myorders>.item>.row>div,
	section#kabinet .myorders .item>.row>.status,
	section#kabinet .myorders>.item>.row>div:first-child,
	section#kabinet .myorders .item .details .item>.row>div,
	section#kabinet .myorders .item .details .item>.row>div:first-child {
		width: 100%;
		height: auto;
		text-align: right;
	}
	section#kabinet .myorders .item .details .item>.row>div:first-child {
		text-align: left;
	}
	section#kabinet .myorders>.item>.row>div:before {
		float: left;
		margin-right: 10px;
		font-family: "UbuntuLight";
		font-size: 16px;
	}
	section#kabinet .myorders>.item>.row>div.name:before {
		content: "Заказ:";
	}
	section#kabinet .myorders>.item>.row>div.price:before {
		content: "Сумма:";
	}
	section#kabinet .myorders>.item>.row>div.weight:before {
		content: "Вес:";
	}
	section#kabinet .myorders>.item>.row>div.payment:before {
		content: "Оплата:";
	}
	section#kabinet .myorders>.item>.row>div.status:before {
		content: "Статус:";
	}
	section#kabinet .myorders .item>.row>.toggle-order a {
		width: 100%;
	}
	section#kabinet .myorders .item>.row>.toggle-order a:before {
		content: "Подробно";
		padding-right: 10px;
	}
	section#kabinet .myorders .item .details .item .price:before {
		content: "Цена:";
		float: left;
		margin-right: 10px;
		font-family: "UbuntuLight";
		font-size: 16px;
	}
	section#kabinet .myorders .item .details .item .weight:before {
		content: "Вес 1 ед.:";
		float: left;
		margin-right: 10px;
		font-family: "UbuntuLight";
		font-size: 16px;
	}
	section#kabinet .myorders .item .details .item .quantity:before {
		content: "Количество:";
		float: left;
		margin-right: 10px;
		font-family: "UbuntuLight";
		font-size: 16px;
	}
	section#kabinet .myorders .item .details .item .sum:before {
		content: "Сумма:";
		float: left;
		margin-right: 10px;
		font-family: "UbuntuLight";
		font-size: 16px;
	}
	section#kabinet .myorders .item .details .item .title img {
		display: block;
		margin: 0;
	}
	section#kabinet .myorders .item>.row>div>p {
		display: block;
	}
	section#kabinet .myorders .item .details .footer {
		margin-bottom: 30px;
	}
	section#kabinet .myorders .item .details .footer a {
		margin: 10px 0;
		width: 100%;
		text-align: center;
	}
	section#contact #map {
		height: 260px;
	}
	section#contact address {
		padding: 20px;
	}
	section#contact form button.more {
		width: 100%;
	}
/*	.cd-products-table {
		display: none;
	}*/
	.cd-products-wrapper{
		left: 0;
		width: 100%;
	}
	#compare-bottom .cd-products-columns .product {
/*		width: auto;*/
/*		overflow: auto;*/
/*		width: 50%;*/
/*		width: 120px;*/
	}
	.features .cd-features-list li {
		line-height: 1;
	}
	#compare-bottom .cd-features-list li {
				padding: 0 10px;
	}
	#compare-bottom .cd-products-columns {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	.cd-features-list {
		border-left: 1px solid #ccc;
	}
	.cd-products-columns > .product + .product {
		margin-left: -1px;
	}
/*	#compare-bottom .product {
		width: 100%;
	}*/
/*	#compare-bottom .cd-products-columns {

		position: relative;
		left: 50%;
		
	}*/
/*	#compare-bottom.cd-products-wrapper .cd-products-columns {
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
		left: 120px;
		position: relative;
	}*/
.cd-products-columns .cd-features-list li span::before {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 60%;
    padding-right: 10px;
    line-height: 1.2;
/*    white-space: nowrap;*/
		transform: translateY(-50%);
    font-size: 12px;
    color: #757575;
    font-weight: 400;
    text-transform: capitalize;
}
.cd-products-columns .cd-features-list li span{
 
    position: relative;
    padding: 5px 0;
        padding-left: 0px;
    padding-left: 0;
    padding-left: 70%!important;
    text-align: left;
    display: block;
 }
	.cd-products-columns .cd-features-list li:nth-child(1) span::before{
		content: "Вес мешка (кг.)";
	}
	.cd-products-columns .cd-features-list li:nth-child(2) span::before{
		content: "Максимальная толщина слоя (мм.)";
	}
	.cd-products-columns .cd-features-list li:nth-child(3) span::before{
		content: "Минимальная толщина слоя (мм.)";
	}
	.cd-products-columns .cd-features-list li:nth-child(4) span::before{
		content: "Расход материала на 1 кв.м. (кг.)";
	}
	.features .cd-features-list {
		border-right: 0;
	}
	.cd-products-table .features {
		width: auto;
	}
	.cd-table-navigation a.prev {
		left: 0;
	}
	#compare-bottom .features .cd-features-list li {
		padding: 0 10px;
	}
	.features .cd-features-list {
		width: 140px;
		overflow: hidden;
		background-color: #fff;
		z-index: 1;
		display: none;
	}
	.features .cd-features-list li {
		padding-left: 10px;
		padding-right: 10px;
	}
/*	.cd-products-comparison-table .features {
		display: none;
	}*/

	.mobile-compare .wrapper,
	.table-compare ul {
		white-space: nowrap;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
		-ms -overflow-style: -ms-autohiding-scrollbar;
	}
	.mobile-compare .item img {
		height: auto;
	}
	.mobile-compare .item .cart {
		width: 48%;
	}
	.mobile-compare .item .remove {
		position: relative;
		width: 48%;
		border-radius: 17.5px;
		height: 35px;
		line-height: 35px;
		color: #444;
		border: 1px solid #e8e8e8;
		-webkit-box-shadow: 0px 4px 6px 0px rgba(34, 34, 34, 0.18);
		-moz-box-shadow: 0px 4px 6px 0px rgba(34, 34, 34, 0.18);
		box-shadow: 0px 4px 6px 0px rgba(34, 34, 34, 0.18);
	}
	.mobile-compare .item .name {
		display: block;
		height: auto;
	}
	.table-compare {
		margin-top: 20px;
		overflow: hidden;
		border: 1px solid #ccc;
	}
	.table-compare .title {
		padding: 0 20px;
		font-family: "UbuntuMedium";
		font-size: 14px;
		line-height: 20px;
	}
	.table-compare .title span {
		display: block;
		width: 100%;
		border-top: 1px solid #e6e5e5;
		border-bottom: 1px solid #e6e5e5;
	}
	.table-compare .title span i {
		display: table-cell;
		vertical-align: middle;
		height: 50px;
		font-style: normal;
	}
	.table-compare ul li {
		display: inline-block;
		width: 145px;
		padding: 0 20px;
		font-family: "UbuntuLight";
		font-size: 14px;
		line-height: 50px;
		border-right: 1px solid #e6e5e5;
	}
	.table-compare ul li span {
		display: block;
		width: 100%;
	}
	section#documentation .sertificate a.fancybox {
		height: 190px;
	}
	section#documentation .page-title {
		margin-bottom: 0;
	}
	section#documentation .document p {
		width: calc(100% - 60px);
		height: 72px;
	}
	section#documentation .document a {
		display: block;
	}
	section#delivery h3 {
		font-size: 18px;
	}
	section#delivery h3 img {
		height: 30px;
	}
	section#delivery .info .text {
		display: block;
		width: 100%;
		margin-top: 15px;
	}
	section#delivery .info .text h4 {
		font-size: 16px;
	}
	section#article a.button {
		top: 65px;
		width: calc(100% - 30px);
		text-align: center;
	}
	section#article .breadcrumb {
		margin-bottom: 60px;
	}
	section#article h2,
	section#article .section-title {
		width: 100%;
	}

	/*=== FIXED MENU FOR MOBILES ===*/

	.header-mobile {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: center;
		height: 40px;
		width: 100%;
		padding: 3px 10px;
		background: #fff;
		box-shadow: 0 0 10px #fff;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9;
	}
	
	.header-mobile .logo {
		width: 95px;
		margin-right: 5px;
	}
	
	.auth-mobile-show {
		width: 30px;
		height: 30px;
		background: red;
	}
	.header-mobile .btn,
	.header-mobile .btn-light {
		margin-left: 12px;
		padding: 10px 23px;
		font-family: 'UbuntuMedium';
		font-size: 14px;
		line-height: 1;
		border-radius: 20px;
	}
	
	.search-mobile {
		width: 30px;
		height: 30px;
		overflow: hidden;
		margin-left: auto;
		margin-right: 5px;
		margin-bottom: -3px;
	}
	.search-mobile input {display: none;}

	.auth-mobile {
		margin: 10px 0
	}

	.menu-mobile-container .profile-buttons {
		margin: 10px;
	}
	.menu-mobile-container .profile-buttons a:not(.btn-light) {
		color: #fff;
		margin-right: 10px;
	}
	.menu-mobile-container .profile-buttons .red-btn {
		color: #000;
		border: none;
	}
	
	.header-mobile .compare-n-cart img {
		filter: invert(1);
	}
	.header-mobile .compare-n-cart sup {
		background: #ed1c24;
		color: #fff;
		padding: 1px 5px;
		border-radius: 50%;
		margin-left: -10px;
	}
	
	.menu-mobile-container-show.burger {
		background: transparent;
		border: none;
		margin-left: 10px;
		color: #fff;
		padding: 0;
		margin-top: -5px;
	}
	.menu-mobile-container-show-catalog {
		background: transparent;
		color: #fff;
		border: none;
		border-left: 1px solid;
	}
	.menu-mobile-container-show.burger:focus {
		outline: none;
	}
	
	.menu-mobile-container {
		padding: 0 10px 20px;
		width: calc(100% + 20px);
		height: 100vh;
		max-width: 320px;
		background: rgba(0,0,0,.82);
		position: absolute;
		z-index: 2;
		right: 0;
		top: 0;
		display: none;
	}
	
	.header-mobile .phone {
		display: block;
		font-size: 0;
		width: 30px;
		height: 30px;
		background: url(/bitrix/templates/rusean/img/phone-call.svg) no-repeat center / 22px;
	}
	.header-mobile .phone-mobile {
		width: 30px;
		height: 30px;
		overflow: hidden;
	}

	.header-mobile .whatsapp {
		width: 23px;
		height: 23px;
		background: url(/bitrix/templates/rusean/img/whatsappg.svg) no-repeat center / 23px;
	}

	header {
		display: none;
	}
	
	nav.main {
		display: none;
	}
	
	body {
		padding-top: 77px;
	}
	
	.menu-mobile-container.open {
		display: block;
	}

	.navs-mobile {
		overflow: scroll;
		height: 100%;
		padding-bottom: 80px;
	}
	
	.navs-mobile a {
		color: #fff;
	}
	
	.navs-mobile a>img,
	.menu-mobile-container-top a>img {
		width: 18px;
		margin-right: 10px;
	}
	
	.navs-mobile li {
		margin: 10px 0;
	}
	
	.navs-mobile .mega-menu {
		padding-left: 15px;
		background-color: #333333;
		padding-bottom: 10px;
		display: none;
	}
	
	.navs-mobile nav.top {
		margin-top: 40px;
		opacity: .7;
	}

	.header-mobile span.expander {
		display: inline-block;
		width: 30px;
		height: 30px;
		margin-left: 10px;
		background-image: url(/bitrix/templates/rusean/img/svg/arrow_down.svg);
		background-size: 12px;
		background-repeat: no-repeat;
		background-position: center;
		vertical-align: middle;
	}
	.menu-mobile-container-show-catalog span.expander {
		margin-left: 5px;
		width: 16px;
		height: 14px;
	}
	.header-mobile span.expander.expanded {
		transform: rotate(180deg);
	}
	
	.menu-mobile-container .close {
		position: absolute;
		top: 15px;
		right: 15px;
		opacity: .9;
		z-index: 9;
	}
	.menu-mobile-container .close>img {
		width: 20px;
		filter: invert(1);
	}

	.search-mobile input {
		position: absolute;
		top: 60px;
		left: 0;
	}
	
	.search-mobile input#title-search-input {
		width: 100%;
		height: 50px;
		border: none;
		border-radius: 20px;
		padding: 0 55px 0 15px;
		line-height: 50px;
		box-shadow: 0 4px 5px -5px;
	}
	
	.search-mobile input.searchbox-submit {
		left: unset;
		right: 1px;
		top: 81px;
		width: 40px;
		height: 47px;
		border: none;
		background-image: url(/bitrix/templates/rusean/img/search.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: 22px;
		border-top-right-radius: 21px;
		border-bottom-right-radius: 21px;
	}

	.title-search-result {
		position: fixed!important;
		top: 100px!important;
		left: 0!important;
		max-width: 100%!important;
		min-width: 100vw!important;
		box-sizing: border-box;
	}

	.header-mobile .fancybox.btn {
		/*margin: 0 0 0 15px;
		padding: 8px 13px 9px;*/
		margin: 0;
    	padding: 5px 8px 6px;
	}

	.header-mobile .compare-n-cart {
		display: flex;
	}
	.header-mobile .compare-n-cart li {
		padding: 5px 8px;
		border-left: 1px solid #fff;
	}
	.header-mobile .mobile-menu-blkln {
		width: calc(100% + 20px);
		margin-left: -10px;
		margin-right: -10px;
		margin-top: 5px;
		padding: 0 5px;
		background-color: rgba(0,0,0,.82);
	}

	.mobile-menu-blkln button {
		vertical-align: middle;
		font-size: 14px;
		line-height: 38px;
		margin-right: 10px;
	}

	/* STYLESHEETS2 */
	.header-mobile .burger img {
		filter: invert(1);
		transform: scale(1.5);
	}

	.header-mobile .red-btn {
		color: #fff;
		margin: 2px 0 -3px!important;
	}

	.mobile-menu-blkln {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.mobile-menu-blkln .searchbox-icon {
		filter: invert(1) brightness(10);
	}

	.header-mobile .compare-n-cart img {
		filter: none;
	}
	.search-mobile input {
		top: 79px;
	}
	.title-search-result {
		top: 130px!important;
	}
	.menu-mobile-container-show-catalog>a {
		vertical-align: middle;
		font-size: 14px;
		color: #fff;
		padding-left: 15px;
		line-height: 38px;
	}
	.menu-mobile-container-show-menu {
		border: none;
		background: transparent;
		color: #fff;
		transition: background-color .3s;
	}
	.header-mobile .compare-n-cart .cart {
		background: #ed1c24;
	}
	
	.header-mobile .compare-n-cart .cart sup {
		background-color: #000;
	}

	.menu-mobile-container-catalog {
		display:none;
		background: rgba(0,0,0,.82);
		overflow: auto;
		width: calc(100% + 20px);
		height: 100vh;
		left: 0;
		position: fixed;
		top: 79px;
		padding: 10px 10px 200px;
	}

	.menu-mobile-container-catalog>ul.left>li:not(:first-child),
	.menu-mobile-container-catalog>ul.left>li:first-child>a {
		display: none;
	}
	.menu-mobile-container-catalog a>img {width: 20px;margin-right: 10px;}
	.menu-mobile-container-catalog a {color: #fff}

	.menu-mobile-container-top {
		display: none;
		position: fixed;
		top: 79px;
		left: 0;
		width: calc(100% + 20px);
		height: 100vh;
		background-color: rgba(0,0,0,.82);
		padding: 10px;
	}

	.menu-mobile-container-top .bottom {
		margin-top: 20px;
	}
	.menu-mobile-container-top a {
		color: #fff;
	}
	.menu-mobile-container-show-menu.open {
		background-color: #ed1c24;
	}

	#slider .bxslider .content,
	#slider .bxslider .container {
		height: 100%;
	}
	#slider .bxslider .content.light p {
		position: absolute;
		bottom: 90px;
		left: 50%;
		transform: translateX(-50%);
	}
	
	#slider .bxslider .content.light .name {
		margin-top: -50px;
		background: rgba(0,0,0,.5);
	}
}

#slider .bxslider .content.light .name {
    background-color: rgba(0,0,0,.5);
    padding-bottom: 20px;
    max-width: 330px;
}

@media (min-width: 768px) {
	header a.phone {margin-top: 3px;}
	header a.whatsapp-full {margin-top: 1px;}
	header .profile-buttons {margin-top: 15px;}
}

@media (min-width: 1024px) {
	#slider .bxslider .content.light .name {
		padding-top: 20px;
		padding-right: 40px;
		max-width: unset;
	}

	nav.main ul.left>li>.mega-menu {width: 990px;}
	nav.main ul.left li .mega-menu>ul {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		max-height: calc(100vh - 250px);
	}
	nav.main ul.left li .mega-menu>ul>li {width: 330px;}

	header a.logo {
		margin-top: 5px;
		margin-bottom: 0;
	}

	header .spacer {
		height: 5px!important;
	}
	
	header a.phone {
		margin-top: 11px;
	}
	header a.whatsapp-full {margin-top: 12px;}
}
@media screen and (min-width: 1200px) {
	nav.main.fixed {
		position: fixed;
		top: 0;
	}

	section#news figure>div {
		display: flex;
		align-items: center;
		justify-content: flex-start;
		height: 150px;
	}
	section#news figure img {
		width: 150px;
		height: 150px;
		margin-right: 20px;
	}
	section#news figure img + figcaption {
		width: calc(100% - 180px);
	}
	section#news figure figcaption p {font-weight: bold;}
}

a.btn.red-btn {
	color: #fff;
	background-color: #ed1c24;
}
a.btn.red-btn:hover {
	background-color: #ed3c24;
}

.bx-socialfooter-item {
	width: 35px!important;
	flex: unset;
}
.bx-socialfooter-item>span {display:none;}
.bx-socialfooter-item:not(:first-child) {margin-left: 10px!important;}

.work-time {
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
    vertical-align: -webkit-baseline-middle;
    margin-left: 40px;
    margin-top: 3px;
}

@media (min-width: 768px) and (max-width: 1200px) {
    header .container {
        position: relative;
    }
    .profile-buttons {
        position: absolute;
        right: 20px;
        top: 0;
    }

    header a.logo, header a.phone {
        margin-right: 10px;
        margin-bottom: 0;
    }

    header {text-align: left;}

    header a.phone {
        margin-top: 6px;
    }

    .whatsapp-full {
        margin-top: 4px!important;
        margin-left: -5px;
    }

    .work-time {
        font-size: 12px;
        margin-left: 6px;
        margin-top: -4px;
    }

    header .profile-buttons {
        margin-top: 0;
    }
    header .profile-buttons>a {
        font-size: 12px;
        padding: 5px 10px;
        display: block;
        text-align: center;
        margin-top: 6px;
    }

	header form.a_form {
		right: 0;
	}
	header form.a_form a {
		font-size: 12px;
		display: block;
		text-align: center;
	 
	}
	header form.a_form .btn.red-btn {
		font-size: 12px;
		display: block;
		padding: 5px 25px;
		margin-left: 20px;
	}

    header a[href^="mailto:"] {
        left: unset;
        right: 160px;
    }
    header .fancybox.btn {
        left: unset;
        right: 330px;
    }
    header form {
        left: unset;
        right: 485px;
    }
    header form .searchbox-submit {
        display: none
    }
    header form .searchbox-icon {
        display: block;
        width: 35px;
        height: 35px;
        line-height: 1;
        margin: 0;
        background-color: #fff;
        right: 9px;
        top: 7px;
    }
    header form .searchbox-icon>img {
        width: 20px;
        height: auto;
        margin-top: 7px;
    }
    nav.main ul.left>li:first-child>a:after {
        top: 28px;
        right: 0px;
    }
    nav.main {
		top: 60px;
	}
	nav.main ul.left {
		margin-left: 10px;
	}

	header form {
		z-index: 3;
	}
	header form .searchbox {
		transition: none;
	}
	header form .searchbox-open {
		right: -330px;
		width: 380px;
	}
	
	header form .searchbox-open .searchbox-submit {
		display: block;
	}
	
	header form .searchbox-open .searchbox-icon {
		left: 0;
		opacity: 1;
		box-shadow: none;
		background: url(/bitrix/templates/rusean/img/search-x.png) no-repeat center;
	}
	header form .searchbox-open .searchbox-icon>img {
		display: none;
	}
	
	header form .searchbox-input {
		width: 380px;
		padding-left: 50px;
		padding-right: 50px;
	}
	
	header form .searchbox-open .searchbox-submit {
		background-image: url(/bitrix/templates/rusean/img/search.svg);
		background-size: 20px;
	}
}
@media (min-width: 992px) and (max-width: 1200px) {
    header a.logo, header a.phone {
        margin-right: 20px;
    }
    .whatsapp-full {
        margin-top: 4px!important;
        margin-left: 0;
    }
    header .profile-buttons {
        right: 30px;
    }
    header .profile-buttons>a {
        display: inline-block;
        font-size: 16px;
        padding: 12px 25px;
        margin-top: 12px;
    }

	header form.a_form {
		position: relative;
		margin-top: -85px;
	}
	header form.a_form a,
	header form.a_form .btn.red-btn {
		font-size: 16px;
	}
	header form.a_form .btn.red-btn {
		padding: 10px 35px;
	}
}

@media (min-width:992px) and (max-width: 1440px) {
    section#contacts article.contact-form address p:nth-child(2) {
        display: none;
    }

    section#contacts #map {
        height: 560px;
    }
}

@media (min-width: 992px) {
    footer .top>.container>.row {
        display: flex;
        justify-content: center;
    }
    footer .top>.container>.row::after,
    footer .top>.container>.row::before,
    footer .top>.container>.row>div:last-child {
        display: none;
    }
    footer .top>.container>.row>div {
        float: unset;
    }
}

/* accordeon */

.bayan {
    margin-bottom: 50px;
}
.bayan-q {
    position: relative;
    cursor: pointer;
}
.bayan-q>h2,
.bayan-q>h3 {
    font-size: 24px;
}
.bayan-q>h2>img,
.bayan-q>h3>img {
    width: 25px;
    height: unset;
}
.bayan-q>h2::after,
.bayan-q>h3::after {
    content: '\25BA';
    display: inline-block;
    font-size: 16px;
    margin: 0 10px;
    transform: rotate(90deg);
}
.bayan-q.open>h2::after,
.bayan-q.open>h3::after {
    transform: rotate(-90deg);
}
.bayan-a {
    display: none;
}

.bayan:nth-of-type(4) .bayan-q>h2>img {
    width: 75px!important;
    height: unset!important;
}

@media (max-width: 768px) {
	.bayan {
		margin-bottom: 30px;
	}
	.bayan-q>h2, .bayan-q>h3 {
		font-size: 18px;
	}
}

/* /accordeon */

.owl-autopark li::before {
	display:none;
}

.grecaptcha-badge {
    transform: scale(.2);
    right: -140px!important;
}
.grecaptcha-badge:hover {
    right: -102px!important;
    trasition: right 0s!important;
}

.owl-autopark .owl-pagination {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}
.owl-autopark .owl-controls {margin-top: -10px;}
.owl-autopark .owl-controls span {
    display: block;
    width: 12px;
    height: 12px;
    background: #e4e4e4;
    border-radius: 50%;
    margin: 0 2.5px;
    transition: transform .5s;
}
.owl-autopark .owl-controls .active span {
    background: #ffca28;
    transform: scale(1.2);
}

#line .product .detail .bx_catalog_item_controls .calc-btn-section {display: none!important}
@media (max-width: 768px) {
    /* BTNS IN SECTION */
    #line .product .detail .bx_catalog_item_controls .calc-btn-section {display: block!important}

    #line .product .detail .bx_catalog_item_controls {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative;
    }
    #line .product .detail .bx_catalog_item_controls > div {
        width: 142px!important;
        padding: 0!important;
    }
    
    #line .product .detail .bx_catalog_item_controls a[id$="_compare_link"],
	#line .product .detail .bx_catalog_item_controls .calc-btn-section {
        position: absolute!important;
        top: -110px;
        right: 80px;
        height: 40px!important;
        width: 40px!important;
        padding: 0!important;
        min-width: unset;
    }
	#line .product .detail .bx_catalog_item_controls .calc-btn-section {right: 25px}
    #line .product .detail .bx_catalog_item_controls a[id$="_compare_link"] > span,
	#line .product .detail .bx_catalog_item_controls .calc-btn-section > span {
        display: none!important;
    }
    #line .product .detail .bx_catalog_item_controls a[id$="_compare_link"] > .icon,
	#line .product .detail .bx_catalog_item_controls .calc-btn-section > .icon {
        top: 50%!important;
        left: 50%!important;
        transform: translate(-50%,-50%)!important;
        padding: 0!important;
        bottom: unset!important;
        right: unset!important;
        line-height: 1;
        height: auto!important;
        width: auto!important;
    }
    
    #line .product .detail .bx_catalog_item_controls > div .more,
    #line .product .detail .bx_catalog_item_controls > div .btn-more {
        padding: 0!important;
        width: 100%!important;
        height: 40px!important;
    }
    #line .product .detail .bx_catalog_item_controls > div .more>.icon,
    #line .product .detail .bx_catalog_item_controls > div .btn-more>.icon {display: none!important}
    
    #line .product .detail .bx_catalog_item_controls > div .more>span,
    #line .product .detail .bx_catalog_item_controls > div .btn-more>span {
        padding: 0!important;
        font-size: 14px!important;
        width: auto!important;
        height: auto!important;
        right: unset!important;
        left: 50%;
        top: 50%!important;
        transform: translate(-50%,-50%);
        font-weight: 600
    }
    #line .product .detail .bx_catalog_item_controls > div .more>span::before,
    #line .product .detail .bx_catalog_item_controls > div .btn-more>span::before {display: none!important}
    

    /* BTNS IN PRODUCT */
    #product .content .description .item_economy_price + br {display: none}
    #product .content .description .buttons {
        display: flex;
        align-items: center;
    }
    #product .content .description .buttons a[id$="_basket_link"] {
        min-height: 40px;
        height: 40px;
        width: 50%;
        margin-left: 7px;
        padding: 0;
        font-size: 14px;
    }
    #product .content .description .buttons a[id$="_basket_link"]>span {
        left: 50%;
        right: unset;
        top:  50%;
        transform: translate(-50%,-50%);
        width: auto;
        height: auto;
        min-width: unset;
        max-width: unset;
        padding: 0;
    }
    #product .content .description .buttons a>.icon {display: none!important}
    #product .content .description .buttons a:not([id$="_basket_link"]) {
        order: -1;
        width: 40px;
        height: 40px;
        min-width: 40px;
        padding: 0;
        margin: 0 15px;
        display: flex;
    }
    #product .content .description .buttons a:not([id$="_basket_link"])>.icon {
        display: block!important;
        left: 50%!important;
        top: 50%!important;
        transform: translate(-50%,-50%);
        height: auto;
    }
    #product .content .description .buttons a:not([id$="_basket_link"])>span {display: none}#product .content .description .item_economy_price + br {display: none}
    #product .content .description .buttons {
        display: flex;
        align-items: center;
    }
    #product .content .description .buttons a[id$="_basket_link"] {
        min-height: 40px;
        height: 40px;
        width: 50%;
        margin-left: 7px;
        padding: 0;
        font-size: 14px;
    }
    #product .content .description .buttons a[id$="_basket_link"]>span {
        left: 50%;
        right: unset;
        top:  50%;
        transform: translate(-50%,-50%);
        width: auto;
        height: auto;
        min-width: unset;
        max-width: unset;
        padding: 0;
    }
    #product .content .description .buttons a>.icon {display: none!important}
    #product .content .description .buttons a:not([id$="_basket_link"]) {
        order: -1;
        width: 40px;
        height: 40px;
        min-width: 40px;
        padding: 0;
        margin: 0 15px;
        display: flex;
    }
    #product .content .description .buttons a:not([id$="_basket_link"])>.icon {
        display: block!important;
        left: 50%!important;
        top: 50%!important;
        transform: translate(-50%,-50%);
        height: auto;
    }
    #product .content .description .buttons a:not([id$="_basket_link"])>span {display: none}
}

/* gallery btns */
section#gallery #sync1 .owl-buttons {
  top: calc(100% + 75px);
  display: block!important;
}
section#gallery #sync1 .owl-buttons > div {
  top: 50%!important;
  transform: translateY(-50%);
  background-position: center!important;
  background-repeat: no-repeat!important;
}
section#gallery #sync1 .owl-buttons > div:after {display: none!important}
section#gallery #sync1 .owl-buttons div.owl-prev {
background-image: url(../img/svg/page/left_inproduct.svg)!important;
left: 15px;
}
section#gallery #sync1 .owl-buttons div.owl-next {
background-image: url(../img/svg/page/right_inproduct.svg)!important;
right: 15px;
}
@media (max-width: 992px) {
  section#gallery #sync1 {padding: 0 50px}
  section#gallery #sync1 .owl-controls {
      top: 50%;
      left: 50%;
      position: absolute;
      transform: translate(-50%, -50%);
      width:calc(100% + 50px);
  }
  section#gallery #sync1 .owl-buttons {top: 0}
  section#gallery #sync1 + .sync2-mobile {display: none}
/*     section#gallery #sync1 .owl-buttons > div {transform: translateY(-100%)} */
}
@media (max-width: 768px) {
section#gallery #sync1 .item {height: auto!important}
  section#gallery #sync1 .owl-buttons div {
      width: 30px!important;
      height: 30px!important;
  }
  section#gallery #sync1 .owl-buttons div.owl-prev {left: 25px}
  section#gallery #sync1 .owl-buttons div.owl-next {right: 25px}
}
/* /gallery btns */