/* Start:/bitrix/templates/oftaderm/components/bitrix/sale.basket.basket.line/derm-link-personal/style.css?17474009356634*/
.bx-basket-block {
	position: relative;
	padding-bottom: 5px;
	padding-left: 20px;
	white-space: nowrap;
	font-size: 12px;
	display: inline-block;
}

.bx-basket-block > .fa {
	position: absolute;
	top: 3px;
	left: 0;
	width: 12px;
	color: #97a1ab;
}

.bx-basket-block a { margin-right: 10px; }

/*FIXED BASKET*/

@media (min-width: 768px) {
	.bx-basket-fixed {
		position: fixed;
		z-index: 998;
		overflow: hidden;
		padding-top: 10px;
		width: 200px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-fixed.top { top: 10px }

	.bx-basket-fixed.right { right: 10px }

	.bx-basket-fixed.bottom { bottom: 10px }

	.bx-basket-fixed.left { left: 10px }

	.bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; }
}

@media (max-width: 767px) {
	.bx-basket-fixed {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 998;
		overflow: hidden;
		padding-top: 10px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-item-list { display: none; }

	/*.bx-basket-fixed */
}

.bx-basket-fixed .bx-basket-block { margin-left: 10px; }

.bx-basket-item-list {
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
	border-top: 1px solid #f7f7f7;
}

.bx-opener .bx-basket-item-list { padding-bottom: 75px; }

.bx-max-height .bx-basket-item-list {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.bx-closed .bx-basket-item-list {
	overflow: hidden;
	height: 20px;
}

.bx-basket-item-list-action {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 120;
	padding: 3px 0;
	height: 20px;
	background: #f7f7f7;
	color: #4f4f4f;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	cursor: pointer;
}

.bx-basket-item-list-button-container {
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
	padding: 10px 0;
	border-top: 1px solid #f7f7f7;
	background: #fff;
	text-align: center;
}

.bx-basket-item-list-container {
	overflow-y: auto;
	max-height: 100%
}

.bx-basket-item-list-item {
	position: relative;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #f7f7f7;
}

.bx-basket-item-list-container .bx-basket-item-list-item:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.bx-basket-item-list-item-status {
	margin: 0 10px 20px;
	padding: 3px;
	border-radius: 3px;
	background: #ebebeb;
	text-align: center;
	white-space: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}

.bx-basket-item-list-item-img {
	position: relative;
	padding-bottom: 5px;
	text-align: center;
}

.bx-basket-item-list-item-img img {
	max-width: 90px;
	height: auto;
	border: 1px solid #e6e6e6;
}

.bx-basket-item-list-item-name { padding-bottom: 5px; }

.bx-basket-item-list-item-name a {
	font-size: 13px;
	line-height: 16px;
}

.bx-basket-item-list-item-remove {
	position: absolute;
	top: -7px;
	right: 10px;
	width: 20px;
	height: 20px;
	opacity: .5;
	cursor: pointer;
	transition: 250ms linear all;
}

.bx-basket-item-list-item-remove:after,
.bx-basket-item-list-item-remove:before {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 10px;
	height: 2px;
	border-radius: 1px;
	background-color: #333;
	content: '';
	transform: translate(-50%, -50%);
}

.bx-basket-item-list-item-remove:after {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.bx-basket-item-list-item-remove:before {
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	-moz-transform: translate(-50%, -50%) rotate(135deg);
	-ms-transform: translate(-50%, -50%) rotate(135deg);
	-o-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}

.bx-basket-item-list-item-remove:hover { opacity: .7; }

.bx-basket-item-list-item-price-block {
	padding-bottom: 5px;
	font-size: 12px;
}

.bx-basket-item-list-item-price {
	display: inline-block;
	margin-right: 5px;
}

.bx-basket-item-list-item-price-old {
	display: inline-block;
	margin-right: 5px;
	color: #b0b0b0;
	text-decoration: line-through
}

.bx_cart_login_top .bx-hdr-profile { line-height: 1.44em; text-align:center;}
.btn-profile{
	background: url(/bitrix/templates/oftaderm/components/bitrix/sale.basket.basket.line/derm-link-personal/images/profile.png);
	background-size:contain;
	background-position: center;
	background-repeat: no-repeat;
	width:20px;
	height:20px;
	border: none;
	margin-right:10px;
	display: inline-block;
	}
.top-line.new .btn-profile {
	background-image: url(/bitrix/templates/oftaderm/components/bitrix/sale.basket.basket.line/derm-link-personal/images/profile-white.png);
	width: 20px;
	height: 20px;
}

.btn-profile:focus {
    border: none;
    outline: none;
}
.level2 {
	position: absolute;
	top:30px;
	display: none;
}
div.user:hover div{
	/*display:block;*/
}
.bx-hdr-profile{
	display: inline-block;
}

.bx-hdr-profile .cart a{
	background: url(/bitrix/templates/oftaderm/components/bitrix/sale.basket.basket.line/derm-link-personal/images/cart.png);
	background-size:contain;
	background-position: center;
	background-repeat: no-repeat;
	width:20px;
	height:20px;
	display: inline-block;
	}
.top-line.new .bx-hdr-profile .cart a {
	background-image: url(/bitrix/templates/oftaderm/components/bitrix/sale.basket.basket.line/derm-link-personal/images/cart-white.png);
	background-size: 20px 20px;
}
.bx-hdr-profile .cart span{
    position: absolute;
    background: red;
    border-radius: 50%;
    width: 10px;
    right: 0px;
    height: 10px;
    top: 10px;
}
.top-line.new .bx-hdr-profile .cart span {
  top: 6px;
right: -1px;
}
@media (max-width: 991px) {	
.bx-basket-block {
	padding-left: 10px;
}
}@media (max-width: 767px){
.disable-mob{
	display: none;
}
.enable-mob{
	display: block;
}
.bx-hdr-profile{
	position: fixed;
    right: 55px;
    top: 16px;
    z-index: 9999;
}
.top-line.new .bx-hdr-profile .cart a {
	background-image: url(/bitrix/templates/oftaderm/components/bitrix/sale.basket.basket.line/derm-link-personal/images/cart-white.png);
	width: 27px !important;
    height: 27px !important;
background-size: cover;
}
.top-line.new .bx-hdr-profile .user a {
	background-image: url(/bitrix/templates/oftaderm/components/bitrix/sale.basket.basket.line/derm-link-personal/images/profile-white.png);
	width: 27px !important;
    height: 27px !important;
}
.bx-hdr-profile .cart span{
	top:-5px;
}
}
@media (max-width: 767.98px) {
    .top-line.new #mob-profile-cap, .top-line.new .bx-basket-block {
    height: 27px !important;
}
.top-line.new .bx-hdr-profile .cart span {
    top: -6px;
    right: -1px;
}
.top-line.new .bx-hdr-profile .user a.btn {
        width: 80% !important;
        background-image: none;
        height: 40px !important;
        line-height: 40px;
        vertical-align: middle;
        padding: 0;
margin-left: auto;
margin-right: auto;
}
}
.modal-body p {
color: #000;
}
/* End */


/* Start:/bitrix/templates/oftaderm/components/bitrix/menu/top_menu3/style.css?175828413711732*/
.bx-top-nav-container {
	padding: 0 10px;
	/*background: #0083d1;/* COLOR */
	color: #fff;
	border-radius: 2px;
	position: relative;
	font-family:  "Circle", Arial, Helvetica, sans-serif;
	height: 80px;
}
/* 1 lvl*/

.bx-top-nav-container .bx-nav-list-1-lvl {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 80px;
	display: table;
    width: 100%;
    text-align: center;
}
.bx-top-nav-container .bx-nav-1-lvl {
	position: relative;
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	height: 100%;
}
.bx-top-nav-container .bx-nav-1-lvl>a {
	color: #fff;
	height: 100%;
	font-weight: bold;
	display: table;
	text-decoration: none;
	text-transform: uppercase;
	border-radius: 1px;
	border-bottom: none;
	margin:auto;
	/*max-width:200px;*/
}
.bx-top-nav-container .bx-nav-1-lvl>a span {
	padding: 10px 14px 14px;
	display: table-cell;
	vertical-align: middle;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-hover {}

.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a {
	z-index: 250;
	box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .13)
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a span,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a span {
}
.bx-top-nav-container .bx-nav-parent-arrow{
	display: none;
}
/*2 lvl*/

.bx-top-nav-container .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-2-lvl-container {
	z-index: 999;
	display: none;
	opacity: 0;
	padding: 9px 0 5px;
	box-shadow: 0 6px 13px 0 rgba(0, 0, 0, .13);
	border-top: none;
	min-width: 100%;
	color: #000;
}
.bx-top-nav-container .bx-nav-2-lvl-container-advanced:before,
.bx-top-nav-container .bx-nav-2-lvl-container:before {
	position: absolute;
	content: " ";
	display: block;
	height: 5px;
	background: #505050;
	top: 0px;
	left: 0;
	right: 0;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container,
.bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container {
	opacity: 1;
	display: block;
	position: absolute;
	top: 100%;
	z-index: 999;
	background: #505050;
	text-align: left;
}

.bx-top-nav-container>ul{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-top-nav-container .bx-nav-list-2-lvl {
	margin: 0;
	padding: 5px 0 12px;
}
.bx-top-nav-container .bx-nav-2-lvl {
	display: block;
	min-width: 180px;
	padding: 0 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-top-nav-container .bx-nav-2-lvl>a {
	padding: 5px 15px 5px;
	color: #fff;
	font-size: 13px;
	line-height: 16px;
	text-decoration: none;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	border-bottom: none;
	display: block;
}

.bx-top-nav-container .bx-nav-list-2-lvl .bx-nav-2-lvl:first-child a{
	border-top: none;
	margin-top: 0;
}

/*3 lvl*/

.bx-top-nav-container .bx-nav-3-lvl {
	padding: 5px 0;
	margin: 0;
}
.bx-top-nav-container .bx-nav-3-lvl-container-advanced:before,
.bx-top-nav-container .bx-nav-3-lvl-container:before {
	position: absolute;
	content: " ";
	display: block;
	height: 5px;
	background: #fff;
	top: -5px;
	left: 0;
	right: 0;
}
.bx-top-nav-container .bx-nav-list-3-lvl {
	margin: 0;
	padding: 0px 0 14px 7px;
}
.bx-top-nav-container .bx-nav-3-lvl {
	display: block;
	min-width: 180px;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-top-nav-container .bx-nav-3-lvl a {
	padding: 3px 15px;
	color: #fff;
	font-size: 13px;
	line-height: 14px;
	text-decoration: none;
	border-bottom: none;
	display: block;
}





/* col 1 */
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container {
	min-width: 200px
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl {
	display: block;
	min-width: 200px;
	width: 100%;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-catinfo-back{
	width: 100%;
	background: #fff;
}
/* col 2 */
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container {
	min-width: 400px
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl {
	display: block;
	min-width: 200px;
	width: 50%;
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-catinfo-back{
	width: 50%;
}
/* col 3 */
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container {
	min-width: 600px
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl {
	display: block;
	min-width: 200px;
	width: 33.33333%;
	float: left;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-catinfo-back{
	width: 33.33333%;
}
/* col 4 */
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col {position: static;}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced{
	top: 100%;
	left: 0;
	right: 0;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container{
	min-width: 100%
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl {
	display: block;
	width: 25%;
	float: left;
}
.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-catinfo-back{
	width: 25%;
}

.bx-top-nav-container .bx-nav-catinfo{
	padding: 5px 15px 5px;
	z-index: 120;
	position: relative;
}
.bx-top-nav-container .bx-nav-catinfo img{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #e7e9ea;
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 100%;
}
.bx-top-nav-container .bx-nav-catinfo p{
	padding: 20px 5px 0;
	font-size: 13px;
}
.bx-top-nav-container .bx-nav-catinfo-back{
	position: absolute;
	display: block;
	content: ' ';
	top: 0px;
	right: 0px;
	bottom: 0px;
	background: #f7fafb;
	z-index: 100;
	border-left: 1px solid #ecefef;
}
/* ASIDE */
/*body>.bx-aside-nav-control.bx-opened{left: 85%;}*/

.bx-aside-nav-control {
	font-size: 28px;
	position: fixed;
	width: 40px;
	height: 40px;
	top: 7px;
	right: 5px;
	line-height: 40px;
	cursor: pointer;
	z-index: 1750;
	color: #fff;
	text-align: center;
}
.bx-aside-nav-control.bx-opened{
	color: #00bcd5;
}
body>.bx-aside-nav-control{
	-webkit-transition: left .15s linear;
	-moz-transition: left .15s linear;
	-ms-transition: left .15s linear;
	-o-transition: left .15s linear;
	transition: left .15s linear;
}
.bx-aside-nav-control .fa{
	line-height: 40px;
	vertical-align: middle;
}

.bx-wrapper,
.bx-aside-nav {
	-webkit-transition: -webkit-transform .15s linear;
	-moz-transition: -moz-transform .15s linear;
	-ms-transition: -ms-transform .15s linear;
	-o-transition: -o-transform .15s linear;
	transition: transform .15s linear;
}
.bx-logo {
	/*z-index: 1700 !important;*/
}
/**/
.bx-opened .bx-footer,
.bx-opened .workarea{}
/**/
.bx-aside-nav {
	display: none;
	padding-top: 61px;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	width: 85%;
	min-width: 320px;
	background: #4c5c65;
	position: fixed;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 1600;
}
.bx-aside-nav.bx-opened {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	overflow-y: scroll;
}
.bx-aside-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.bx-aside-nav a {
	color: #fff;
	vertical-align: middle;
	line-height: 48px;
	height: 48px;
	font-size: 16px;
	display: block;
	border-bottom: 1px solid #3d4b53;
	padding-left: 15px;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}
.bx-aside-nav a {
	text-decoration: none;
}
.bx-aside-nav .bx-nav-1-lvl {}
.bx-aside-nav .bx-nav-1-lvl>a {}
.bx-nav-1-lvl.bx-opened,
.bx-aside-nav .bx-nav-1-lvl:hover>a,
.bx-aside-nav .bx-nav-1-lvl.bx-hover>a {
	background: #44535c;
}
.bx-aside-nav .bx-nav-list-2-lvl {
	background: #44535c;
}
.bx-aside-nav .bx-nav-2-lvl>a {
	padding-left: 30px;
}
.bx-aside-nav .bx-nav-3-lvl>a {
	padding-left: 45px;
}
.bx-aside-nav .bx-nav-4-lvl a {
	padding-left: 60px;
}
.bx-aside-nav .bx-nav-parent {
	position: relative;
}
.bx-aside-nav .bx-nav-parent-arrow {
	position: absolute;
	right: 0;
	top: 0;
	margin-top: 6px;
	width: 46px;
	height: 34px;
	text-align: center;
	border-left:1px solid #5a6971;
	z-index: 200;
}
.bx-aside-nav .bx-nav-parent-arrow i {
	line-height: 34px;
	font-size: 17px;
	font-style: normal;
	color: #fff;
}
.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-parent-arrow i {
	-webkit-transition: all .15s linear;
	-moz-transition: all .15s linear;
	-ms-transition: all .15s linear;
	-o-transition: all .15s linear;
	transition: all .15s linear;
}
.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container-advanced,
.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container,
.bx-aside-nav .bx-nav-parent>ul {
	overflow: hidden;
	height: 0;
}
.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container-advanced,
.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container,
.bx-aside-nav .bx-nav-parent.bx-opened>ul {
	height: auto;
}

.bx-aside-nav .bx-nav-catinfo{display: none;}
.bx-aside-nav .bx-nav-catinfo-back{display: none;}
.main-menu > img{
	width: 34px;
	height: 34px;
}
@media (min-width: 1200px) {
	.bx-top-nav-container .bx-nav-1-lvl>a {font-size: 15px; height:100%;}
	.bx-top-nav-container .bx-nav-1-lvl>a span {padding: 12px 14px}
	.main-menu > img{margin-right: 10px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.bx-top-nav-container .bx-nav-1-lvl>a {font-size: 13px; height: 100%; max-width:240px;}
	.bx-top-nav-container .bx-nav-1-lvl>a span {padding: 9px 11px; text-align:center;}
	.main-menu > img{margin-bottom: 5px;}
}

@media (min-width: 768px) and (max-width: 991px) {
	.bx-top-nav-container .bx-nav-1-lvl>a {font-size: 11px; height: 100%; max-width:100px;}
	.bx-top-nav-container .bx-nav-1-lvl>a span {padding: 5px 6px; text-align:center;}
	.main-menu > img{margin-bottom: 5px;}
}
@media (min-width: 768px){
	.bx-aside-nav-control,
	.bx-aside-nav{display: none;}
	.bx-top-nav-container{display: block;}
}
@media (max-width: 767px) {
	.bx-aside-nav-control,
	.bx-aside-nav{display: block;}
	.bx-top-nav-container{display: none;}
	.bx-aside-nav .bx-nav-parent-arrow{display: block;}
	.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent>a>span>.fa{display: none;}
}
.menu-mob{
	color: #fff;
    text-align: center;
    border-bottom: 1px solid #3d4b53;
}
.menu-mob a {
    display: inline-block;
    text-decoration: underline;
    padding-left: 0px;
    border-bottom: none;
	margin-right: 5px;
}
.main-menu > i{
	display:none;
}
/* End */


/* Start:/bitrix/templates/oftaderm/components/bitrix/menu/top_menu3/themes/green/colors.css?1690727722862*/
.bx-green.bx-top-nav .bx-top-nav-container {
	background:;
}
.bx-green.bx-top-nav .bx-top-nav-container .bx-nav-1-lvl.bx-hover>a,
.bx-green.bx-top-nav .bx-top-nav-container .bx-nav-1-lvl.bx-active>a,
.bx-green.bx-top-nav .bx-top-nav-container .bx-nav-1-lvl:hover>a {
	background: ;
	border-bottom: none;
}
.bx-green.bx-top-nav .bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a,
.bx-green.bx-top-nav .bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent:hover>a {
	color: ;
	background-color: transparent;
}
/*2 lvl*/
.bx-green.bx-top-nav .bx-top-nav-container .bx-nav-2-lvl>a.bx-active,
.bx-green.bx-top-nav .bx-top-nav-container .bx-nav-2-lvl>a:hover {
	color: ;
	background: ;
}
/*3 lvl*/
.bx-green.bx-top-nav .bx-top-nav-container .bx-nav-3-lvl a.bx-active,
.bx-green.bx-top-nav .bx-top-nav-container .bx-nav-3-lvl a:hover {
	color: ;
	background: ;
}

/* End */


/* Start:/bitrix/templates/oftaderm/components/bitrix/search.form/main-search/style.css?15529796304263*/
.btn-search {
 width: 30px;
    height: 30px;
    right: 3px;
	top: 3px;
    position: absolute !important;
    background: url(/include/search-icon100.png) no-repeat center !important;
    background-size: contain !important;
    z-index: 9;
}
.search-form {
}
.search-form .bx-block-title {
	font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #343434;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 9px;
	font-weight: 600;
}
.search-form .bx-input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #444444;
}
.search-form .bx-input-group .bx-form-control {
	display: table-cell;
	position: relative;
	z-index: 2;
	float: left;
	margin-bottom: 0;
	display: block;
	width: 100%;
	height: 36px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #444444;
	background-color: transparent;
	border-right: 1px solid #444444;
	border-left: 0px;
	border-top:0px;
	border-bottom:0px;
	border-radius: 0px;
	outline: none;
	box-shadow: none !important;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bx-ios .search-form .bx-input-group .bx-form-control {
	/* Fix of input shadow for IOS browsers. */
	background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
	background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}
.search-form .bx-input-group-btn {
	position: relative;
	font-size: 0;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;
}
.search-form .bx-input-group-btn button {
	position: relative;
	border: none;
	background: transparent;
	display: inline-block;
	margin-bottom: 0;
	cursor: pointer;
	padding:3px 12px;
	border-radius: 0px;
	color: #444444;
	font-size: 16px;
	line-height: 1.42857143;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.search-form .bx-input-group-btn button:hover {
	transform: scale(1.3);
}


div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:999;
	min-width: 370px;
	margin-top:-3px;
	background-color: #FFF;
}

div.title-search-fader {
	display:none;
	background-image: url('/bitrix/templates/oftaderm/components/bitrix/search.form/main-search/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}

p.title-search-preview {
	font-size:12px;
}
div.title-search-result td.title-search-price span {
	font-size: 26px;
}

/*========================*/
.bx_searche{}
.bx_searche .bx_img_element{
	background: #fafafa;
	float: left;
	width: 67px;
	padding: 5px 10px;
	position: absolute;
	top: 0;
	bottom: 0;
}
.bx_searche .bx_item_block{
	min-height: 65px;
	position: relative
}
.bx_searche .bx_image{
	width: 45px;
	height: 45px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #e8e8e8;
}
.bx_searche .bx_item_element{
	/*float: left;*/
	padding-left: 10px;
	margin-left: 70px;
}
.bx_searche .bx_item_element hr{
	margin: 0;
	border: none;
	border-bottom: 1px solid #e5e5e5;
}
.bx_searche .bx_item_element a{
	margin-top: 10px;
	display: inline-block;
	color: #4788cb;
	font-size: 13px;
	text-decoration: none;
}
.bx_searche .bx_item_element a b{color: #000;font-weight: normal;}
.bx_searche .bx_item_element a:hover,
.bx_searche .bx_item_element a:hover b{text-decoration: underline;}
.bx_searche .bx_price{
	font-weight:bold;
	font-size:13px;
}
.bx_searche .bx_price .old{
	font-weight:normal;
	text-decoration: line-through;
	color: #636363
}
.bx_item_block.all_result{min-height:0}
.bx_item_block.others_result{
	min-height: 0;
	padding: 0 0 12px;
	line-height: 12px;
}
.bx_item_block.all_result .all_result_title{
	display: block;
	font-size: 12px;
	color: #a7a7a7;
	padding-top: 15px;
	padding-bottom: 10px;
}
.bx_item_block.all_result .all_result_title a{color: #a7a7a7}
.bx_item_block.all_result .all_result_title a:hover{color: #4788cb}
.bx_item_block.all_result a{
	margin-top: 0;
}
/* End */


/* Start:/bitrix/templates/oftaderm/components/bitrix/search.suggest.input/input-search-ofta/style.css?15548347064833*/
input.search-suggest {}
div.search-popup{border: 1px solid #333333;background: #FFFFFF;padding: 2px;margin: 0px;}
div.search-popup-row, div.search-popup-row-active{position: relative; padding: 2px 4px;margin: 0px;cursor: hand;cursor: pointer;}
div.search-popup-row{background:#FFFFFF;}
div.search-popup-row-active{background:#EEEEEE;}
div.search-popup-el-name, div.search-popup-el-cnt{position: relative; margin:0px;padding:0px;text-align:left;}
div.search-popup-el-cnt{text-align:right; float:right;}
.btn-search {
 width: 30px;
    height: 30px;
    right: 3px;
	top: 3px;
    position: absolute !important;
    background: url(/include/search-icon100.png) no-repeat center !important;
    background-size: contain !important;
    z-index: 9;
}
.search-form {
}
.search-form .bx-block-title {
	font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
	color: #343434;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 9px;
	font-weight: 600;
}
.search-form .bx-input-group {
	position: relative;
	display: table;
	border-collapse: separate;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #444444;
}
.search-form .bx-input-group .bx-form-control {
	display: table-cell;
	position: relative;
	z-index: 2;
	float: left;
	margin-bottom: 0;
	display: block;
	width: 100%;
	height: 36px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #444444;
	background-color: transparent;
	border-right: 1px solid #444444;
	border-left: 0px;
	border-top:0px;
	border-bottom:0px;
	border-radius: 0px;
	outline: none;
	box-shadow: none !important;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bx-ios .search-form .bx-input-group .bx-form-control {
	/* Fix of input shadow for IOS browsers. */
	background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%);
	background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%);
}
.search-form .bx-input-group-btn {
	position: relative;
	font-size: 0;
	width: 1%;
	white-space: nowrap;
	vertical-align: middle;
	display: table-cell;
}
.search-form .bx-input-group-btn button {
	position: relative;
	border: none;
	background: transparent;
	display: inline-block;
	margin-bottom: 0;
	cursor: pointer;
	padding:3px 12px;
	border-radius: 0px;
	color: #444444;
	font-size: 16px;
	line-height: 1.42857143;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-ms-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}
.search-form .bx-input-group-btn button:hover {
	transform: scale(1.3);
}
.search-form .bx-input-group-btn button:focus {
    outline: none;
}

div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:999;
	min-width: 370px;
	margin-top:-3px;
	background-color: #FFF;
}

div.title-search-fader {
	display:none;
	background-image: url('/bitrix/templates/oftaderm/components/bitrix/search.suggest.input/input-search-ofta/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}

p.title-search-preview {
	font-size:12px;
}
div.title-search-result td.title-search-price span {
	font-size: 26px;
}

/*========================*/
.bx_searche{}
.bx_searche .bx_img_element{
	background: #fafafa;
	float: left;
	width: 67px;
	padding: 5px 10px;
	position: absolute;
	top: 0;
	bottom: 0;
}
.bx_searche .bx_item_block{
	min-height: 65px;
	position: relative
}
.bx_searche .bx_image{
	width: 45px;
	height: 45px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #e8e8e8;
}
.bx_searche .bx_item_element{
	/*float: left;*/
	padding-left: 10px;
	margin-left: 70px;
}
.bx_searche .bx_item_element hr{
	margin: 0;
	border: none;
	border-bottom: 1px solid #e5e5e5;
}
.bx_searche .bx_item_element a{
	margin-top: 10px;
	display: inline-block;
	color: #4788cb;
	font-size: 13px;
	text-decoration: none;
}
.bx_searche .bx_item_element a b{color: #000;font-weight: normal;}
.bx_searche .bx_item_element a:hover,
.bx_searche .bx_item_element a:hover b{text-decoration: underline;}
.bx_searche .bx_price{
	font-weight:bold;
	font-size:13px;
}
.bx_searche .bx_price .old{
	font-weight:normal;
	text-decoration: line-through;
	color: #636363
}
.bx_item_block.all_result{min-height:0}
.bx_item_block.others_result{
	min-height: 0;
	padding: 0 0 12px;
	line-height: 12px;
}
.bx_item_block.all_result .all_result_title{
	display: block;
	font-size: 12px;
	color: #a7a7a7;
	padding-top: 15px;
	padding-bottom: 10px;
}
.bx_item_block.all_result .all_result_title a{color: #a7a7a7}
.bx_item_block.all_result .all_result_title a:hover{color: #4788cb}
.bx_item_block.all_result a{
	margin-top: 0;
}
/* End */


/* Start:/bitrix/templates/oftaderm/components/bitrix/breadcrumb/ofta-breadcrumbs/style.min.css?1731317886467*/
.bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/bitrix/templates/oftaderm/components/bitrix/menu/bottom_menu/style.css?1545651842542*/
.bx-inclinksfooter a{border-bottom: none;}
.bx-inclinksfooter .bx-block-title{
	margin: 0;
	padding: 0;
	font-size: 17px;
	font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: 600;
}
.bx-inclinksfooter-container {
    margin-top: 15px;
    padding: 0;
    color: #fff;
    border-radius: 2px;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.bx-inclinksfooter-list{
	list-style: none;
	margin: 0;
	padding: 0;
}
.bx-inclinksfooter-item{
	padding: 0 0 5px 0;
}

/* End */


/* Start:/bitrix/templates/oftaderm/components/bitrix/menu/bottom_menu_common/style.css?1714040718542*/
.bx-inclinksfooter a{border-bottom: none;}
.bx-inclinksfooter .bx-block-title{
	margin: 0;
	padding: 0;
	font-size: 17px;
	font-family: "Open Sans", "Helvetica Neue", Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: 600;
}
.bx-inclinksfooter-container {
    margin-top: 15px;
    padding: 0;
    color: #fff;
    border-radius: 2px;
    font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.bx-inclinksfooter-list{
	list-style: none;
	margin: 0;
	padding: 0;
}
.bx-inclinksfooter-item{
	padding: 0 0 5px 0;
}

/* End */


/* Start:/bitrix/templates/oftaderm/styles.css?179179191114077*/
@font-face {
    font-family: Circle;
       src: url(/bitrix/templates/oftaderm/fonts/Circle.otf);
   }
   @font-face {
    font-family: Circle;
       src: url(/bitrix/templates/oftaderm/fonts/circlebold.otf);
         font-weight: bold;
      }
   @font-face {
    font-family: Circle;
       src: url(/bitrix/templates/oftaderm/fonts/circleextrabold.otf);
         font-weight: 900;
      }
   h1,h2,h3,h4,h5,h6{font-family: "Circle", Arial, Helvetica, sans-serif;font-weight: bold;}
   h3{font-size:16px;}
   h2{font-size:22px;}
   h1{font-size:28px;}
   @media (max-width: 767px){
   h3{font-size:16px;}
   h2{font-size:20px;}
   h1{font-size:22px;}
   }
   p, body{
       font-family: "Circle", Arial, Helvetica, sans-serif;
       font-size: 14px;
   }
   p.bxe-first-letter:first-letter, .bxe-first-letter-s{
       font-weight: bold;
       font-size: 56px;
       line-height: 56px;
       margin-right: 10px;
       float: left;
       vertical-align: top;
   
   }
   .lead {
       color: #757575;
         margin-left: 40px;
             padding:0 0 0 15px;
         font-size: 13px;
         font-weight: 300;
         line-height: 1.4;
         border-left: 3px solid #99cded;
   }
   .leftfoto img  {
       box-shadow: 20px 20px 0 #1f5c8b;
   }
   .rightfoto img  {
       box-shadow: 20px 20px 0 #99cded;
   }
   .twofoto .leftfoto img, .twofoto .rightfoto img {
   box-shadow: none;
   max-width: 90%;
   }
   
   .leadedu img, .descredu img {
   max-width: 424px;
   }
   @media (min-width: 768px){
       .lead {
             font-size: 16px;
             margin-left: 20px;
       }
   }
   
   blockquote {
         padding:0 0 0 15px;
         margin: 0 0 20px 20px;
       border-left: 3px solid #c2c2c2;
   }
   blockquote p{
         font-size: 20px;
         font-style: italic;
       color: #757575;
         font-family: "Circle", Arial,  Helvetica, sans-serif;
   }
   @media (max-width: 768px){
       blockquote p {
             font-size: 16px;
       }
   }
   
   blockquote.bxe-quote {
       position: relative;
       padding-left: 70px;
       padding-top: 8px;
       min-height: 50px;
       border-left: none;
   }
   blockquote.bxe-quote:after{
       content: "";
       background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/PjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCAzOS45OTYgMzcuOTk1IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAzOS45OTYgMzcuOTk1OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggc3R5bGU9ImZpbGw6I0Q2RDdENjsiIGQ9Ik0wLjAxLDM3Ljk5NXYtMTguMTFjLTAuMDc5LTIuNjA0LDAuMjk0LTUuMDQ5LDEuMTE4LTcuMzM4YzAuODI0LTIuMjg4LDEuOTgxLTQuMywzLjQ3Mi02LjAzNmMxLjQ5LTEuNzM1LDMuMjc2LTMuMTc2LDUuMzU2LTQuMzIxYzIuMDc4LTEuMTQzLDQuMzM1LTEuODczLDYuNzY4LTIuMTl2Ny44MTJjLTIuOTgzLDEuMDI3LTUuMDIzLDIuNTQ1LTYuMTIxLDQuNTU3Yy0xLjEsMi4wMTItMS42NDgsNC40NzktMS42NDgsNy4zOThoNy43Njl2MTguMjI4SDAuMDF6IE0yMy4yODEsMzcuOTk1di0xOC4xMWMtMC4wNzktMi42MDQsMC4yOTQtNS4wNDksMS4xMTgtNy4zMzhjMC44MjQtMi4yODgsMS45ODEtNC4zLDMuNDcyLTYuMDM2YzEuNDktMS43MzUsMy4yNzYtMy4xNzYsNS4zNTYtNC4zMjFjMi4wNzgtMS4xNDMsNC4zMzUtMS44NzMsNi43NjgtMi4xOXY3LjgxMmMtMi45ODMsMS4wMjctNS4wMjMsMi41NDUtNi4xMjEsNC41NTdjLTEuMSwyLjAxMi0xLjY0OCw0LjQ3OS0xLjY0OCw3LjM5OGg3Ljc2OXYxOC4yMjhIMjMuMjgxeiIvPjwvc3ZnPg==);
       background-repeat: no-repeat;
       background-position: top left;
       position: absolute;
       left: 10px;
       top: 10px;
       -webkit-background-size: 40px;
               background-size: 40px;
       width: 40px;
       height:40px;
   }
   
   hr{
       border: none;
       border-bottom: 1px solid #ccc;
   }
   hr.bxe-bolder{
       border-bottom-width: 5px;
   }
   hr.bxe-dashed{
       border-bottom-style: dashed;
       border-bottom-width: 2px;
   }
   hr.bxe-normal{}
   hr.bxe-light{
       border-bottom-color: #e5e5e5
   
   }
   hr.bxe-dotted{
       border-bottom-width: 2px;
       border-bottom-style: dottedx
   }
   
   /**/
   .bg-primary	{background: #60aadb!important;color: #fff;}
   .bg-success	{background: #64ba4e!important;color: #fff;}
   .bg-info	{background: #9bc6dd!important;color: #fff;}
   .bg-warning	{background: #fec139!important;color: #fff;}
   .bg-danger{}
   /**/
   img.pull-left{
       padding: 5px 15px 5px 0;
   }
   img.pull-right{
       padding: 5px 0 5px 15px;
   }
   /**/
   .alert{
       border: none;
       border-radius: 1px;
       font-size: 14px;
   }
   .alert.alert-note{
       background: #f2f2f3;
   }
   .alert.alert-sys{
       background: #f5f2ec;
       color: #81641F;
   }
   .alert.bxe-icon{
       padding-left: 90px;
       min-height: 100px;
       position: relative;
   }
   .alert.bxe-icon:after{
       left:22px;
       top: 20px;
       position: absolute;
       content: " ";
       width:48px;
       height: 48px;
       background-repeat: no-repeat;
       background-position: center;
       background-image:url(/bitrix/templates/oftaderm/images/editor_sprite.png);
       background-repeat: no-repeat;
   }
   .alert.bxe-icon.alert-success:after	{background-position:0 0}
   .alert.bxe-icon.alert-info:after	{background-position:0 -50px}
   .alert.bxe-icon.alert-warning:after	{background-position:0 -100px}
   .alert.bxe-icon.alert-danger:after	{background-position:0 -200px}
   .alert.bxe-icon.alert-note:after	{background-position:0 -150px}
   .alert.bxe-icon.alert-sys:after		{background-position:0 -250px}
   
   .bxe-aleft-title{
       font-weight: bold;
       padding-bottom: 5px;
   }
   
   .bx-panel-tooltip {
     z-index: 2210 !important;
     overflow: hidden !important;
     position: absolute !important;
     letter-spacing: normal !important;
     list-style: none !important;
     text-align: left !important;
     text-indent: 0 !important;
     text-transform: none !important;
     visibility: visible !important;
     white-space: normal !important;
     word-spacing: normal !important;
     vertical-align: baseline !important;
     margin: 0 !important;
     padding: 15px !important;
     float: none !important;
     text-decoration: none !important;
     -webkit-border-radius: 1px !important;
     -moz-border-radius: 1px !important;
     border-radius: 1px !important;
     -webkit-box-shadow: 0 12px 10px rgba(0, 0, 0, 0.25) !important;
     -moz-box-shadow: 0 12px 10px rgba(0,0,0,.25) !important;
     box-shadow: 0 12px 10px rgba(0, 0, 0, 0.25) !important;
     border: 1px solid;
     border-color: #f0f0f0;
     background: #fff;
     color: #35414e;
     font-size: 14px;
   }
   
   /**/
   tab,
   tabsection,
   .bxe-tab-title{
       display: block;
       padding: 5px;
       border: 1px dashed #ccc;
   }
   /**/
   .bxe-list,
   .bxe-list ul{
       list-style: none;
       margin: 5px 0;
       padding-left: 15px;
   }
   .bxe-list-default,
   .bxe-list-default ul{
   
    }
   .bxe-list .fa{
       color: #9fb2bd;
       margin-right: 6px;
   }
   .bxe-lis-blue .fa{
       color: #0083d1;
   }
   .top_banner.row {
       position: relative;
           margin: 0 -45px 35px;
   }
   .lectoredu.row {
       margin: 0 -45px 35px;
           background-color: #eaebec;
           padding-top: 35px;
           padding-bottom: 55px;}
   .lectoredu.row  img {
   max-width:90%;
   }

   .lectoredu .btn-primary {
   margin-top: 30px;
   }
   .header_bg_img img {
       position: relative;
       top: 0;
       left: 0;
       width: 100%;
       object-fit: cover;
       max-width: 100%;
       vertical-align: top;
       z-index: 0;
   }
   .banner_text {
       position: relative;
       background-size: cover;
       background-position-x: center;
       background-repeat: no-repeat;
       top: 0;
       left: 0;
       right:0;
       bottom: 0;
       /*background: -webkit-linear-gradient(rgba(0,188,213,0.8), rgba(31,92,139,0.8));
       background: -moz-linear-gradient(rgba(0,188,213,0.8), rgba(31,92,139,0.8));
       background: -ms-linear-gradient(rgba(0,188,213,0.8), rgba(31,92,139,0.8));
       background: -o-linear-gradient(rgba(0,188,213,0.8), rgba(31,92,139,0.8));
       background: linear-gradient(rgba(0,188,213,0.8), rgba(31,92,139,0.8));*/
       width: 100%;
       height: 100%;
       z-index: 1;
       color: #fff;
       font-size: 1.223em;
       justify-content: center;
       display: flex;
       flex-direction: column;
       padding-top: 30px;
        padding-bottom: 35px;
   }
   .banner_text h1 {font-size:24px;}
   .banner_text h2 {font-size:28px; margin-top:0; margin-bottom:0;font-weight:400;}
   .banner_text p {font-size:22px;}
   
   .registr h3 {
   font-size: 24px;
   }
   
   .registr .formdescr {
   margin-bottom: 20px;
   }
   .formdescr p {
   font-size: 16px;
   }
   .ffield  {
   margin-top: 25px;
   }
   .ffield input[type=text], .ffield legend {
   width: 70%;
   height: 40px;
   border-top: none;
   border-left: none;
   border-right:none;
   font-size: 16px;
   }
.ffield legend {
text-align: left;
margin: 0 auto;
border: none;
color: #333333;
opacity: 0.9;
}
.ffield .d-flex {

margin: -10px auto 0;
border-bottom: 1px solid #444444;
  width: 70%;
   border-top: none;
   border-left: none;
   border-right:none;
   font-size: 16px;
text-align: left;
padding-bottom: 15px;
}
.ffield input[type=radio] {
vertical-align: middle;
margin-top: -6px;
}
.ffield .d-flex label input  {
margin-right: 5px;
}
.ffield .d-flex label + label {
margin-right: 10px;
}
   
   .ffield input[type=text]:focus, .ffield legend {
       border-top: none;
       border-left: none;
       border-right:none;
   }
   .ffield label {
   font-weight: 400;
   }
   .ffield input[type="checkbox"] {
   margin-right: 5px;
   }
   .g-recaptcha div {
   margin: 25px auto 0;
   }
   .inform {
   margin-top: 25px;
   } 
   .error input[type=text]:invalid {
     border-bottom: 1px solid red;
   }
   .edcls {
   display: none;
   visibility: hidden;
   }
   .tahksmsg {
   font-size: 20px;
   margin: 90px 0;
   }
   .formcntnr {
   margin: 0 0 90px;
   }
   .nwcrs {
   margin: 0 0 90px;
   }
.page_description .greyhover .table tr:hover {
background-color: transparent;
color: inherit;
}

   @media (max-width: 767.9px){
   .banner_text h1 {font-size:20px;}
   .banner_text p {font-size:18px;}
   .banner_text h2 {font-size:20px; font-weight:400; margin-top:0;}
.lectoredu div {
margin-left: 0;
margin-right: 0;
}
   }
   .banner_text a.btn {
       width: fit-content;
       margin-left: auto;
       margin-right: auto;
   }
   .leadedu.row,
   .descredu.row,
   .lectoredu.row  {
   margin-bottom: 55px;
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   }
  
   .twofoto.row {
   margin-bottom: 45px;
   }
   .lefttext {
   order: 1;
   }
   .rightfoto  {
   order: 2;
   }
   .leadedu p, .descredu p {
   font-size: 16px;
   }
   @media (max-width: 767.9px){
   .banner_text {
   position: relative;
   padding: 30px 15px 35px;
   }
   .top_banner.row, .lectoredu.row {
   margin-left:-15px;
   margin-right:-15px;
   }
   .lectoredu div.leftfoto {
    margin-bottom: 25px;
   }
   .lectoredu .btn-primary {
    margin-top: 20px;
   }
   .leadedu.row, .descredu.row, .lectoredu.row  {
    margin-bottom: 35px;
   }
   .lectoredu.row {
    padding-bottom: 35px;
   }
   .leadedu.row div, .descredu div, .lectoredu div, .twofoto div{
   width: 100%;
       }
   .leadedu.row div.leftfoto,
   .descredu.row div.rightfoto,
   .twofoto.row div {
   margin-bottom: 45px;
   }
   .twofoto.row div {
    margin-bottom: 25px;
   }
   .lectoredu.row img,
   .descredu.row img,
   .leadedu.row img,
   .twofoto.row img 
    {
   max-width: 65%;
   }
   
   
   .leadedu.row div,
   .descredu.row div,
   .lectoredu.row div {
   text-align: center;
   }
   .lefttext {
   order: 2;
   }
   .rightfoto  {
   order: 1;
   }
   .twofoto.row {
   margin-bottom: 0;
       }
   }
   @media (max-width: 991.9px){
.mb-xs-4 {
margin-bottom: 4rem;
}
.leadedu.row div, .descredu.row div {
text-align: left;
}
.leadedu.row div.leftfoto, .descredu div.rightfoto {
text-align: center;
}
.leadedu.row {
margin-bottom: 25px;
}
.leadedu.row div.leftfoto, .descredu div.rightfoto {
align-self: flex-start;
}
.descredu div.lefttext {
order: 1;
}

.descredu div.rightfoto {
order: 2;
}


}
   @media (min-width: 768px) and (max-width: 991.9px){
   .leadedu img, .descredu img {
   max-width: 85%;
   }
   .leadedu.row div.leftfoto, .descredu div.rightfoto {
   align-self: flex-start;
   }
   .top_banner.row, .lectoredu.row {
   margin-left: -15px;
   margin-right: -15px;
   }
   .banner_text, .lectoredu div {
   padding-left: 15px;
   padding-right: 15px;
   }
   .banner_text h1 {
   font-size: 22px;
   margin-top: 10px;
   }
   .banner_text h2 {
   font-size: 26px;
   }
   }
@media (min-width: 992px) {
.descredu div.rightfoto {
text-align: right;
}
}
   @media (min-width: 991px) and (max-width: 1199px){
   .top_banner.row, .lectoredu.row {
   margin-left: -30px;
   margin-right: -30px;
   }
   .banner_text, .lectoredu div {
   padding-left: 30px;
   padding-right: 30px;
   }
   }
   
   @media (min-width: 768px) {
   .lectoredu div {
   padding-left: 45px;
   padding-right: 45px;
   }
   
   .leadedu.row div.fulltext, .descredu.row div.fulltext, .descredu.row div.fulltext p{
   width: 100%;
   max-width: 100%;
   }
   .leadedu.row div.leftfoto, .descredu div.rightfoto{
   align-self: align-self;
   }
   .leadedu.row div.righttext, .descredu.row .lefttext{
   align-self: center;
       }
   .descredu.row .lefttext p {
   max-width: 444px;
   }
   }
.popup-window#attenshion, #popup-window-content-attenshion {
background-color: #fff;
color: #000;
font-size: 16px;
}

#popup-window-titlebar-attenshion {
font-size: 20px;
padding: 30px 0 0 20px;
}
#popup-window-content-attenshion p {
font-size: 18px;
}
.popup-window-with-titlebar .popup-window-content#popup-window-content-attenshion {
padding-bottom: 0;
}
.popup-window-with-titlebar .popup-window-content#popup-window-content-attenshion p {
margin-bottom: 0;
}
.popup-window.popup-window-with-titlebar#attenshion {
padding-bottom: 20px;
}
.form-control {
    height: calc(3.25rem + 2px) !important;
    font-size: 1.5rem !important;;
}
/* End */


/* Start:/bitrix/templates/oftaderm/template_styles.css?179179191164276*/
@media (max-width:767px){#bx-panel{display:none !important}}
@media (min-width: 1470px){
	.container {
    width: 1440px;
	}
}
body {
	background: #fff;
	font-family: "Circle", Helvetica, Arial, sans-serif;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
a:focus, 
button:focus, 
input:focus, 
textarea:focus,
select:focus {
    outline: none !important;
    box-shadow: none !important;
}

body.bx-opened {
	overflow: hidden;
}

.wrap,
.bx-wrap,
.bx-wrapper{
	position: relative;
}

body.bx-background-image{
	position: relative;
	background-repeat: no-repeat;
	background-position: top center;
	background-color: #fff;
	/*background-image: url("/bitrix/templates/oftaderm/images/bg.jpg");*/
}
#cookie-accept-btn {
background-color: #1F5C8C;
border: none;
}
/*
/* july-2023 */
.bx_sitemap {
margin: 0;
}
.top-line.new #mob-profile-cap,
.top-line.new .bx-basket-block {
    display: flex; 
    align-items: center;
    justify-content: center;
    height: 50px;
}
.centered-link i {
  margin-right: 7px;       /* Отступ между иконкой и текстом */
}
.mob-menu-kat .bx-inclinksfooter-item {
margin-bottom: 0;
height: 40px;
line-height: 40px;
    padding: 0 0 0 0;
}
.mob-menu-kat .bx-inclinksfooter-container {
margin-top: 0;
}
.kosm {
background-color: #00bcd5;
}
.fillery {
background-color: #1875a0;
/*background-color: #09a0bf;*/
}
.polinukl {
background-color: #118bb0;
}
.nitl {
/* background-color: #1f5c8b; */
background-color: #1184A9;

}
article.news-item {
min-height: fit-content !important;
}
.kosm a, .fillery a, .nitl a, .polinukl a {
color: #fff;
background-repeat: no-repeat;
background-size: 26px 26px;
display: inline-block;
padding-left: 35px;
background-position: 0 7px;
}
.kosm a {
background-image: url("https://oftaderm.ru/upload/kosm.png");
}
.fillery a {
color: #fff;
background-image: url("https://oftaderm.ru/upload/fillery.png");
}
.nitl a {
color: #fff;
background-image: url("https://oftaderm.ru/upload/nl.png");
}
.polinukl a {
background-image: url("https://oftaderm.ru/upload/uf/e00/jw6a267vgjpvvasszx1sz6zi8ih8yedh.png");
}
.bx-captcha {
  margin-bottom: 10px;
}
input[name="captcha_word"] {
  margin-top: 10px; 
}
.ox {
color: #0d6097;
}
.video-container video {
width: 100%;
}
.banner_text {
height: unset !important;
}
.row.prod-block {
display: flex;
justify-content: center;
margin-bottom: 1.5rem;
flex-direction: row;
flex-wrap: wrap;
}
.prod-line {
display: flex;
margin-bottom: 1.5rem;
}
.prod-line .prod, .prod-block a {
height: 100%;
width: 100%;
}
.prod-block a .prod {
border: solid 1px #09a0bf33;
border-top: none;
box-shadow: none !important;
}
.alert-info {
font-size: 16px;
margin-top: 2rem;
}
.alert-info p {
font-size: 16px;
}
.alert-info {
  animation: showDiv 1s forwards;
}
.product-item-title.td{
min-height: 38px;
height: 38px;
white-space: wrap;
}
.product-item-title.td a {
display: -webkit-box; 
-webkit-line-clamp: 2; /* Количество строк */ 
-webkit-box-orient: vertical; 
overflow: hidden; 
text-overflow: ellipsis; 
}
@keyframes showDiv {
  0%, 99% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

#slog1 {
text-transform: uppercase;
padding-top: 3px;
}
#slog1 span {
text-transform: lowercase;
}
.gr-line {
    z-index: 0;
    height: 40px;
    background: #00BCD5;
    position: absolute;
    width: 70%;
    right: 0;
    bottom: 0;
z-index: 0;
}
.sec-line #phone a {
font-weight: bold;
padding-top: 3px;
}
.sec-line #grafik,
.sec-line #mail a {
font-size: 17px;
}
.sec-line #phone a,
.sec-line #grafik,
.sec-line #mail a {
line-height: 1;
color: #fff;
}
@media (max-width: 767.98px) {
.mob-phone-ico {
    background: url(/include/phone-top.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 27px;
    height: 27px;
    border: none;
    display: inline-block;
}
.mob-phone {
position: fixed;
right: 165px;
top: 16px;
z-index: 9999;
width: 27px;
height: 27px;
}
.sec-line {
padding-top: 15px;
padding-bottom: 15px;
}
.sec-line.d-grid {
padding-left: 15px;
padding-right: 15px;
display: grid;
grid-template-columns: 80px auto;
gap: 0 15px;
}
.sec-line .slog-mob #slog1 {
font-size: 13px;
}
.sec-line .slog-mob #subh {
font-size: 13px;
}
.workarea {
margin-top: 1rem;
}
}
@media (min-width: 768px) {
.duplicates, .d-xs-none {
 display: none;
}
.sec-line {
padding-top: 20px;
}
}
@media (min-width: 768px) and (max-width: 991.98px) {
.top-line.new li a {
margin-right: 15px;
font-size: 13px;
}
.sec-line .bx-logo .bx-logo-block img {
max-width: 110px;
}
.sec-line #phone a {
font-size: 22px;
}
.sec-line #grafik, .sec-line #mail a {
font-size: 14px;
}
.sec-line #phone a, .sec-line #grafik, .sec-line #mail a {
line-height: 1.2;
}
#slog1, #subh {
font-size: 18px;
line-height: 1.2;
}
.sec-menu li a {
font-size: 14px;
height: 14px;
line-height: 14px;
display: inline-block;
}
}
@media (min-width: 991.98px) {
.top-line.new li a {
margin-right: 30px;
font-size: 14px;
}

}
@media (min-width: 992px) and (max-width: 1199.98px) {

.sec-line .bx-logo .bx-logo-block img {
max-width: 140px;
}
.sec-line #phone a {
font-size: 24px;
}
.sec-line #grafik, .sec-line #mail a {
font-size: 14px;
}
.sec-line #phone a, .sec-line #grafik, .sec-line #mail a {
line-height: 1.2;
}
#slog1, #subh {
font-size: 18px;
line-height: 1.2;
}
.sec-menu li a {
font-size: 15px;
height: 15px;
line-height: 15px;
}
}

@media (min-width: 1200px) {
#slog1, #subh {
font-size: 23px;
line-height: 1;
}

.sec-line .bx-logo .bx-logo-block img {
max-width: 170px;
}

.sec-line #phone a {
font-size: 38px;
}

.sec-line #phone a, .sec-line #grafik, .sec-line #mail a {
line-height: 1;
}

.sec-menu li a {
font-size: 16px;
height: 16px;
line-height: 16px;
}

}

nav .accent {
font-weight: 800;
color: #308995;
}
.bx-aside-nav .accent a {
font-weight: 800;
color: #00bcd5;
}
.bx-aside-nav .accent .bx-nav-2-lvl-container a {
font-weight: normal;
color: #fff;
}
.bx-aside-nav .accent a 
.bx-blue.bx-top-nav1 .bx-top-nav-container1 .bx-nav-1-lvl.bx-active>a .accent {
color: #09A0BF;
}
.bx-top-nav-container1 .bx-nav-1-lvl {
max-width: 180px !important;
}
.flex {
display: flex;
align-items: center;
}
.flex.center {
align-items: center;
justify-content: space-between;
}
.flex.top {
align-items: flex-start;
}
h4 span {font-weight:400;
}
.flex h4 {
margin-bottom: 5px;
}
.my-0 {
margin-top: 0;
margin-bottom: 0;
}
.mb-0 {
margin-bottom: 0;
}
.mb-4 {
margin-bottom: 35px;
}
.mb-5 {
margin-bottom: 5px;
} 
.mb-15 {
margin-bottom: 15px;
}
.pb-0 {
padding-bottom: 0 !important;
}
.pb-5 {
padding-bottom: 5px;
}
.pb-15 {
padding-bottom: 15px;
}
.text-left {
text-align: left;
}
img.full {
width: 100%;
}
.mx-auto {
margin-left: auto;
margin-right: auto;
}
img.iuns {
width: unset;
height: unset;
}
.flex h2.ttl  {
font-size: 22px;
}
.fe-pulse-w-pause {
position: relative;
overflow: hidden;
}
.aqufill .col-12 {
padding-right: 15px;
    padding-left: 15px;
}
.fe-pulse-w-pause:after {
  content: '';
  display: block;
  width: 30px;
  height: 300px;
  margin-left: 60px;
  background: #fff;
opacity: 0.3;	
  background: -moz-linear-gradient(top, rgba(255,255,255,0.3) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0.3) 100%);
  background: -webkit-linear-gradient(top, rgba(255,255,255,0.3) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.3) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,1) 50%,rgba(255,255,255,0.3) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3ffffff', endColorstr='#b3ffffff',GradientType=0 );
  position: absolute;
  box-shadow: 0 0 15px rgba(255,255,255, 0.3);
  -moz-box-shadow: 0 0 15px rgba(255,255,255, 0.3);
  -webkit-box-shadow: 0 0 15px rgba(255,255,255, 0.3);
  left: -40px;
  top: -150px;
  z-index: 1;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all 0.1s;
  transition: all 0.1s;
  -webkit-animation-name: slideme;
  animation-name: slideme;
  -webkit-animation-duration: 3s;
  animation-duration: 3s;
  -webkit-animation-delay: 0.05s;
  animation-delay: 0.05s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}
   
@-webkit-keyframes slideme {
  0% { left: -30px; margin-left: 0px; }
  30% { left: 110%; margin-left: 80px; }
  100% { left: 110%; margin-left: 80px; }  
}
.bx-catalog-element h1 span {
font-size: 70%;
color: #000;
}
.basket-item-property-custom-name + .basket-item-property-custom-value[data-column-property-code="PROPERTY_RU_HEADER_VALUE"] {

}
@media (max-width: 767px) {
.bx-catalog-element h1 span {
font-size: 55%;
}
.flex h2.ttl {
font-size: 18px;
}
.flex h2 {
font-size: 20px;
}
.pl-sm-0 {
padding-left: 0;
}
.row.flex.colnw {
flex-direction: column;
flex-wrap: no-wrap;
}
.row.flex .col-12 {
width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.table-responsive {
border: none;
}
}
@media (min-width: 768) and (max-width: 1199.98px) {
.row.flex .col-md-6 {
width: 50%;
}
}
@media (max-width: 1199.98px) {
.row.flex .col-5 {
width: 41.5%;
}
.row.flex .col-7 {
width: 58.5%;
}
}
/* end july-2023*/
@media (min-width: 992px) and (max-width:1199px){
	body.bx-background-image{
		-webkit-background-size:1600px auto;
		background-size:1600px auto;
	}
}

@media (max-width: 767px) {
	body.bx-background-image {
		background: none;
	}
}

body.bx-background-gradient{
	background: rgb(246,247,251);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjdmYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(246,247,251,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,247,251,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(246,247,251,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(246,247,251,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(246,247,251,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(246,247,251,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f7fb', endColorstr='#ffffff',GradientType=0 );
	background-attachment: fixed;
}
*/
.icon-empty {
	opacity: 0;
}

a {
	text-decoration: none;
}

a:active,
a:hover {
	border-color: transparent;
	text-decoration: none;
}

a,
.container {
	-webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
	-ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
	transition: color .3s ease, background-color .3s ease, border-color .3s ease;
}

img {
	max-width: 100%;
    height: auto;
	width: auto;
}

.bx-header {}
/*Logo*/

.bx-logo {
	height: 70px;
	position: relative;
}

.bx-logo .bx-logo-block {
	display: block;
	border-bottom: none;
}
.bx-logo .bx-logo-block img{
    position: absolute;
    top: 0;
    height: auto;
    max-height: 100%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
.sec-line .bx-logo .bx-logo-block img {
position: relative;
left: 0;
top: 0;
height: auto;
}
.bx-logo-text,
.bx-logo-text:hover,
.bx-logo-text:active {
	font-size: 32px;
	font-weight: 700;
	font-family: "Circle", Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 37px;
	text-decoration: none;
	border: none;
	vertical-align: bottom;
}

.bx-logo-text small {
	font-size: 37px;
}

.bx-logo-desc {
	text-transform: uppercase;
	display: block;
	font-weight: 700;
	font-size: 13px;
	line-height: 10px;
	color: #b8b8b8;
}
.lead-text {
background-color: #09A0BF;
}
@media (min-width: 768px) {
.main-head, .main-head .bx-logo, .bx-header-section {
	/*height: 70px;*/
          height: 0px;
	padding: 0 !important;
}
.top-line {
    height: 50px;
    line-height: 50px;
}
.lead-text {
margin-top: -10px;
}
.lead-text p{
font-size: 24px;
margin-top: 0.5em;
margin-bottom: 0.5em;
padding: 0 15px;
color: #fff;
}
.aqures img.lf {
max-width: 86% !important;
}
.bx-soa-section-title-container {
display: flex;
 align-items: center;
}
.bx-soa-section-content, .bx-soa-section-content.container-fluid {
padding-left: 15px;
}
 .col-sm-9.bx-soa-pp-company-selected {
padding-left: 0;
}
.bx-soa-pp-price {
text-align: right;
}
.bx-soa-item-tr {
display: flex;
    justify-content: space-between;
}
.bx-soa-section {
margin-bottom: 30px;
}
.col-sm-7.d-flex.delivery,
.col-sm-7.d-flex.payment {
display: flex !important;
margin: 0 -15px 15px;
flex-wrap: wrap;
}
.paym .bx-soa-pp-company {
margin-right: -15px;
}
.paym.pr-0 {
padding-right: 0;
}
.sm-text-right {
text-align: right;
}

.paym ul .bx-soa-pp-list-termin, .paym ul .bx-soa-pp-list-description {
display: inline-block;
}
.paym ul .bx-soa-pp-list-termin {
margin-right: 5px;
}
.workarea {
padding-top: 3rem;
}
.workarea.notauth {
padding-top: 12rem;
}
.actions .workarea {
padding-top: 1rem;
}
}

.bx-soa-coupon-block {
margin-bottom: 15px;
}

.bx-soa-section-content img {
margin-right: 5px;
}
.paym ul {
list-style-type: none;
}

.paym .bx-soa-pp-company-subTitle {
font-weight: bold;
margin-bottom: 10px;
}
.lead-text a {
color: #fff;
text-decoration: none;
}
@media (max-width: 767px) {
.top-line {
height: 60px;
line-height: 60px;
}
	.bx-logo {
		height: 60px;
		background: #0b3850;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		z-index: 1400;
		padding: 7px 100px 9px 10px;
		z-index: 1700;
	}
	.bx-logo .bx-logo-block {
		text-align: center;
		height: 30px;
	}
	.bx-logo-text {
		font-size: 24px;
		color: #fff;
		line-height: 30px;
		vertical-align: middle;
	}
	.bx-logo-text:hover,
	.bx-logo-text:active {
		color: #fff;
	}
	.bx-logo-text small {
		font-size: 24px;
		color: #fff;
	}
	.bx-logo-desc {
		display: none;
	}
.lead-text {
margin-top: -4px;
}
.lead-text p{
font-size: 16px;
margin-top: 0.5em;
margin-bottom: 0.5em;
padding: 0 20px;
color: #fff;
}

}
/* Sections */

.bx-header-section {
	border-left: 1px solid #eaebec;
	border-right: 1px solid #eaebec;
	padding: 28px 45px 10px;
	background: #fff;
}
body.actions .bx-content-seection {
padding-left: 0;
padding-right: 0;
}
.bx-content-seection {
	/*min-height: 50vh;*/
	padding: 0 45px 5px;
	background: #fff;
	/* border-left: 1px solid #eaebec;
	border-right: 1px solid #eaebec; */
}

@media (min-width: 1200px) {
	.bx-header-section {
		padding: 31px 45px 10px;
	}
	.bx-content-seection {
		padding: 30px 45px 5px;
	}
}





@media (min-width: 768px) and (max-width: 991px) {
	.bx-header-section {
		padding: 31px 15px 10px;
	}
	.bx-content-seection {
		padding: 0 15px 5px;
	}

.aqufill .tessof {
   
    object-fit: cover;
 height: 350px;
    width: 100%;
}
}
@media (max-width: 768px) {
body.actions .news-detail, body.actions h1, body.actions .dback {
padding-left: 15px;
padding-right: 15px;
}
}
/* Section eq padding */
.bx-header-section .pad-eq{
	padding: 28px 45px;
}

@media (min-width: 1200px) {
	.bx-header-section {
	padding: 16px 45px 10px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.bx-header-section {
	    padding: 6px 30px 0px;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	.bx-header-section {
    padding: 6px 15px 0px;
	}
}
/**/
@media (max-width: 767px) {
	.bx-header-section {
		padding: 0px 15px 0px
	}
	.bx-content-seection {
		padding: 0 15px 10px
	}
.search-form {
margin-top: 15px;
}
.aqures img.lf {
max-width: 30% !important;
margin-bottom: 1.5em;
}
.aqures h2 {
padding-bottom: 1.5em;
}
.aqures .tessrel {
margin-bottom: 2em;
}
}
/* header / phone */

.bx-inc-orginfo {
	padding-left: 0px;
	line-height: 14px;
	/*padding-top: 15px;*/
}

#pabs {
    position: absolute;
    height: 60%;
    width: 100%;
    top: 20%;
    left: 0;
    background-color: rgba(255, 255, 255, .7);
    display: flex;
    justify-content: center;
    align-items: center;
}
#flexinner {
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
    justify-content: space-between;
    left: 0;
}
#flexcolc {
    display: flex;
    height: 50%;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.green {
color: #8FC7CA;
}
.lgreen  {
color: #BCD06F;
}
.yellow  {
color: #D4B131;
}
.grey {
color: #808080;
font-size: 14px;
}
.nujcnt p, .nujcnt ul {
font-size: 16px;
}
.nujcnt h2.nujuve {
font-size: 34px;
margin: 0;
}
h3.nujuve {
font-size: 28px;
margin-top: 0;
}
#pabs p {
font-size: 16px;
margin-bottom: 0;
}
@media (max-width: 767px) {
	.bx-inc-orginfo {
		text-align: center;
		padding-bottom: 10px;
	}
.bx-inc-orginfo div {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
}
	.bx-inc-orginfo a {
		color: #444444;
		font-size: 18px;
		position: relative;
		line-height: 24px;
top: 5px;
	}
	.bx-inc-orginfo.white a {
		color: #fff;
		text-shadow: 0 0 3px #000;
	}
	.bx-inc-orginfo a::before{
	content: "";
	position: absolute;
    left: -25px;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
    width: 22px;
    height: 22px;
    display: inline-block;
	}
	a.phone::before{
		background-image: url(/include/phone-icon-gray.png);
	}
	.bx-inc-orginfo.white a.phone::before{
		background-image: url(/include/phone.png);
	}
	a.mail{
		margin-left: 35px;
	}
	a.mail::before{
		background-image: url(/include/mail-icon-gray.png);
	}
	.bx-inc-orginfo.white a.mail::before{
		background-image: url(/include/mail.png);
	}
	.mpageslider .flexslider{
		margin-top:-35px;		
	}
}
.mpageslider .col-xs-12{
		padding:0 !important;
	}
.bx-inc-orginfo-phone {
	color: #000;
	font-size: 14px;
	font-weight: 700;
	white-space: nowrap;
	font-family: "Circle", Arial, Helvetica, sans-serif;
}

.bx-inc-orginfo-phone i {
	color: #97a1ab;
	position: relative;
	margin-left: -23px;
}

.bx-inc-orginfo-recall {}

.bx-inc-orginfo-recall a {
	color: #039be5;
	border-bottom: 1px dashed;
	font-size: 12px;
	margin-left: 2px;
}

.bx-inc-orginfo-recall a:hover {
	text-decoration: none;
	border-bottom-color: transparent;
}
/* header / worktime */

.bx-worktime {}
   .modal-dialog-centered {
    position: relative;
  }
@media (max-width: 767px) {
	.bx-worktime {
		text-align: center;
	}


 .modal-dialog-centered::before {
    content: "";
    display: block;
    height: calc(100vh - (1.75rem * 2));
  }



}

.bx-worktime-title {
	color: #8d8d8d;
	font-size: 12px;
}

.bx-worktime-prop {
	font-size: 13px;
	color: #000;
}

.bx-worktime-prop>span {
	white-space: nowrap;
}
/*sidebar*/

.bx-sidebar-block {
	margin-bottom: 40px;
}
.bx-block-title {
	font-family: "Circle", Arial, "Circle", Helvetica, sans-serif;
	color: #343434;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 9px;
	font-weight: 600;
}
.bx-footer .bx-block-title{
	margin: 0;
	padding: 0;
	font-size: 17px;
	font-family: "Circle", Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: 600;
}
/* Breadcrumb Custom*/

.bx-breadcrumb-item a {
	color: #757575;
}

.bx-breadcrumb-item a:hover {
	color: #2d2d2d;
}
/* workarea */

.workarea {
clear: both;
}

/*TITLE*/

h1.bx-title,
h2.bx-title,
h3.bx-title,
h4.bx-title,
h5.bx-title,
h6.bx-title {
	font-family: "Circle", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #108BB0;
	/*text-transform: uppercase;*/
}

h1.bx-title,
h2.bx-title,
h3.bx-title {
	padding-bottom: 15px;
}

h4.bx-title,
h5.bx-title,
h6.bx-title {}

h1.bx-title {
	margin-top: 15px;
	padding-bottom: 10px;
	text-align: center;
}
h2.bx-title {font-size: 25px}
h3.bx-title {}
h4.bx-title {}
h5.bx-title {}
h6.bx-title {}

/* FORMS */
input[type=text],
input[type=password] {
	margin: inherit 4px;
	border: 1px solid #444444;
	border-radius: 0px;
	background: #fff;
	outline: none;
	transition: all ease-out 0.5s;
}
textarea {
	display: block;
	width: 100%;
	min-height: 150px;
	max-height: 450px;
	margin: 0;
	padding: 10px 10px;
	border: 1px solid #444444;
	border-radius: 0px;
	background: #fff;
	outline: none;
	transition: all ease-out 0.5s;
}
input[type=text]:focus,
input[type=password]:focus, textarea:focus {
	border: 1px solid #00bcd5;
}
.feedback input[type=text],
.feedback input[type=password] {
	width:100%;
	padding: 10px 10px;
	
}
/* INC.banners */

.bx-incbanners {
	margin: 10px 0 25px;
	text-align: center;
}
/* INC.links.footer */

.bx-inclinksfooter a {
	border-bottom: none;
}

.bx-inclinksfooter .bx-block-title {
	margin: 0;
	padding: 0;
	font-size: 17px;
	font-family: "Circle", Arial, Helvetica, sans-serif;
	color: #fff;
	font-weight: 600;
}

.bx-inclinksfooter-container {
	margin-top: 15px;
	padding: 0;
	color: #fff;
	border-radius: 2px;
	font-family: "Circle", Arial, Helvetica, sans-serif;
}

.bx-inclinksfooter-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.bx-inclinksfooter-item {
	padding: 0 0 5px 0;
}
/* INC.logo.footer */

.bx-inclogofooter {
	color: #fff;
	font-size: 16px;
}

.bx-inclogofooter a.bx-inclogofooter-logo:hover,
.bx-inclogofooter a.bx-inclogofooter-logo {
	border-bottom: none;
}

.bx-inclogofooter-logo img {
	max-width: 180px;
	height: auto;
}

.bx-inclogofooter-block {
	padding-bottom: 20px;
}

.bx-inclogofooter-tel {
	color: #cfd0d0;
	font-family: "Circle", Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 5px;
}

.bx-inclogofooter-worktime {
	color: #cfd0d0;
	font-family: "Circle", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
/* INC.social.widget */

.bx-banners {
	margin: 10px 0;
}

.bx-banners .bx-block-title {
	font-family: "Circle", Arial, "Circle", Helvetica, sans-serif;
	color: #343434;
	text-transform: uppercase;
	font-size: 12px;
	margin-bottom: 9px;
	font-weight: 600;
}
/* INC.wt */

.bx-wt-block {
	color: #fff;
	padding: 5px 15px;
	background: url(/bitrix/templates/oftaderm/images/wt.png) no-repeat center top;
	-webkit-background-size: cover;
	background-size: cover;
	border-radius: 3px;
}

.bx-wt .bx-block-title {
	font-family: "Circle", Arial, Helvetica, sans-serif;
	font-size: 25px;
	font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 14px;
	color: #fff;
}

.bx-wt-block ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
}
.bold {
font-weight: 800;
}
.bx-wt-block ul li {
	padding-bottom: 7px;
}

.bx-wt-others-block {
	text-transform: uppercase;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 7px;
	margin-top: 4px;
}
/* news.list.sidebar */
.bx-s-info {
	margin: 10px 0;
	padding-top: 5px;
}
.bx-s-info-block {
	display: block;
	margin-bottom: 25px;
}
.bx-s-info-title {
	display: block;
	min-height: 29px;
	padding-left: 36px;
	margin-bottom: 5px;
	position: relative;
}
.bx-s-info-titleicon{
	display: block;
	background: #007FCA;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -15px;
	line-height: 30px;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.bx-s-info-titleicon i{
	line-height: 30px;
	vertical-align: middle;
	font-style: normal;
}
.bx-s-info-titletext {
	display: block;
	padding: 6px 0;
	font-family: "Circle", Arial, "Circle", Helvetica, sans-serif;
	color: #343434;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 600;
}
.bx-s-info-content {
	display: block;
	font-family: "Circle", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #3e454c;
	padding-left: 36px;
}

/* FOOTER */

.bx-footer {
	background: #1F5C8C;
	color: #fff;
	margin-top: 3rem;
}

.bx-footer-section.bx-center-section {
	padding-top: 40px;
	padding-bottom: 40px;
}

.bx-footer-section.bx-center-section>div {
	margin-bottom: 20px;
	min-height: 175px;
}
.bx-footer-section.bx-center-section.d-grid>div {
	margin-bottom: 0;
	min-height: unset;
}
.bx-footer a {
	color: #fff;
}
.bx-footer a.vk:hover,
.bx-footer a.rutube:hover,
.bx-footer a.telegram:hover,
.bx-footer a.maks:hover {
text-decoration: none !important;
}
.bx-footer a:hover {
	color: #fff;
	border-bottom: 1px solid;
	text-decoration: none;
}

.bx-footer-line {
	background: #1f496a;
}

.bx-footer-bottomline {
	background: #215177;
	font-size: 14px;
	padding: 22px 0;
}

.bx-up {
	text-align: right;
}

.bx-up a,
.bx-up a:hover {
	border-bottom: none;
}

@media (min-width: 1200px) {}

@media (min-width: 992px) and (max-width: 1469.98px) {
.bx-top-nav-container .bx-nav-1-lvl.poly>a span
  {  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:6px;                
  padding:12px 14px;
  height:100%;}

.poly .main-menu img {
transform:translateX(10px);
}

}

@media (min-width: 768px) and (max-width: 991px) {}

@media (max-width: 767px) {
	.bx-footer {
		text-align: center;
	}
	.bx-up {
		text-align: center;
	}
}
/**/

.btn,
.btn:hover,
.btn:active,
.btn:focus{
	text-shadow: none !important;
	-webkit-box-shadow:none !important;
	   -moz-box-shadow:none !important;
			box-shadow:none !important;
	outline:none !important;
}

.btn-primary {
	background-color: #1F5C8C;
	border-color: #1F5C8C;
}
.btn-big{
	padding: 12px 20px;
	display: block;
	margin: 10px;
}
.btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open>.dropdown-toggle.btn-primary {
	background-color: #00bcd4;
	border-color: #00bcd4;
}
.sale-order-list-inner-row-template .btn-lg {
line-height: 18px;
    border-radius: 0 !important;
    height: 38px;
    display: table-cell;
    vertical-align: middle;
}
.btn-link {
	color: #444444;
}

.btn-link:focus,
.btn-link:hover {
	color: #09A0BF;
	text-decoration: none;
}
/*404*/

.bx-404-container {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}

.bx-404-block {
	margin-top: 100px;
	margin-bottom: 66px;
}

@media (max-width: 768px) {
	.bx-404-block {
		margin-top: 50px;
		margin-bottom: 33px;
	}
}

.bx-404-text-block {
	font-size: 20px;
	font-family: "Circle", Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
}

.bx-maps-title {
	color: #8f8f8f;
	font-size: 16px;
	font-family: "Circle", Arial, Helvetica, sans-serif;
	padding-bottom: 20px;
	padding-top: 10px;
	border-bottom: 1px solid #e9eaea;
}

.map-columns {
	padding-top: 20px;
}

.bx-map-title {
	font-weight: bold;
	font-size: 14px;
	font-family: "Circle", Arial, Helvetica, sans-serif;
	position: relative;
	min-height: 20px;
	padding-left: 25px;
	margin-bottom: 20px;
}

.bx-map-title .fa {
	color: #0083d1;
	position: absolute;
	left: 0;
	top: 2px;
	font-size: 15px;
}

.map-columns ul {
	list-style: none;
	margin-bottom: 5px;
}

.map-level-0 {
	margin-left: 0;
	padding-left: 25px;
	margin-bottom: 20px;
}

.map-level-0 li {
	margin-left: 0;
	padding-left: 0;
}

.map-level-0 ul {
	padding-left: 15px;
}

ul.map-level-1 {
	margin-bottom: 30px;
}
/*ABOUT*/

.bxd-block {
	width: 100%;
	border: 1px solid #e3e6e7;
	display: block;
	background: #fff;
	padding: 15px;
	min-height: 210px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

a.bxd-block:hover {}

.bxd-icon {
	display: block;
	border-radius: 50%;
	height: 68px;
	width: 68px;
	margin: 0 auto;
	-webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
	-ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
	transition: color .3s ease, background-color .3s ease, border-color .3s ease;
}

.bxd-block:hover .bxd-icon {}

.bxd-icon .fa {
	margin-left: -1px;
	position: relative;
	font-size: 35px;
	height: 68px;
	width: 68px;
	text-align: center;
	line-height: 68px;
	vertical-align: middle;
	-webkit-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
	-ms-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease, border-color .3s ease;
	transition: color .3s ease, background-color .3s ease, border-color .3s ease;
}

.bxd-link:hover .bxd-icon .fa {}

.bxd-title {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: bold;
	text-align: center;
	color: #000;
	font-size: 15px;
	font-family: "Circle", Arial, Helvetica, sans-serif;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	text-transform: uppercase;
}

.bxd-desc {
	display: block;
	text-align: center;
	color: #737373;
	font-size: 12px;
}


.bx-up-button {
	border-radius: 2px;
	color: #fff;
	position: fixed;
	right: 30px;
	bottom: 30px;
	font-size: 12px;
	line-height: 20px;
	cursor: pointer;
	vertical-align: middle;
	padding: 9px 18px 7px 38px;
	-webkit-transition: background-color .3s ease, opacity .3s ease;
	-moz-transition: background-color .3s ease, opacity .3s ease;
	-ms-transition: background-color .3s ease, opacity .3s ease;
	-o-transition: background-color .3s ease, opacity .3s ease;
	transition: background-color .3s ease, opacity .3s ease;
	background: #c2c4c7 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAALCAMAAAB1RTwXAAAACVBMVEX///////////+OSuX+AAAAAnRSTlMAf7YpoZUAAAAfSURBVHgBYwACRkYgAaKZmBihNJAFpaFiTExAgjwGAA1BAD3lDqDYAAAAAElFTkSuQmCC) 18px 13px no-repeat;
}
.bx-up-button:hover{
	background-color: #9fa0a3;
}
.first-m{
	text-align: center;
	font-size: 12px;
}
.first-m .bx-top-nav{
	display: inline-block;
}
.snd-menu{
	background: #09A0BF;
	height:80px;
	position:relative;
}
.snd-menu .pre {
    width: 50%;
    background: #00bcd5;
    position: absolute;
    height: 81px;
    top: 0;
    z-index: 0;
    left: 0;
    display: inline-block;
}
.snd-menu .aft {
    width: 50%;
    /*background: #1f5c8b;*/
    background: #1184A9;
    position: absolute;
    height: 81px;
    top: 0;
    z-index: 0;
    right: 0;
    display: inline-block;
}
.mob-profile-btn{
	display:none;
}
@media (max-width: 767px){
.bx-logo .bx-logo-block {
    text-align: center;
    height: 45px;
	width: 100px;
	display:inline-block;
   /* background-image: url(/include/logo-head-mob.png);*/
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
}
	.bx-logo img {
	display: none;
	}
}
.top-line {
	/*height: 50px;
    line-height: 50px;*/
    background: #505050;
    color: #fff;
}
.top-line a{
	margin-right:10px;
	color: #fff;
	text-decoration: none;
}
.top-line .modal-body a {
color: #000;
margin-right: 0;
}
.top-line .modal-body a.btn {
	color: #fff;
}
.modal-title {
color: #000;
}
.top-line-1{
	float: left;
	margin-left: 20px;
}
.top-line-2{
	float: right;
	margin-right: 20px;
}
.sec-menu {
background-color: #00BCD5;
padding: 10px 15px;
clear: both;
margin-top: 15px;
}
.top-line.new li,
.sec-menu li {
display: inline-block;
}
.clr-l {
clear: left;
}
.sec-menu .bx-inclinksfooter-item:not(:last-child):after {
    content: ''; 
    position: absolute; 
    right: -10px;
    top: 50%; 
    transform: translateY(-50%);
    width: 1px;
    height: 100%; 
    background-color: #fff;
}
.top-line.new .top-line-1 {
margin-left:0;
}
.top-line.new .top-line-2 {
margin-right:0;
}

.sec-menu li a {
text-transform: uppercase;
color: #fff;
vertical-align: middle;
}
.sec-menu li {
margin-right: 20px;
height: 16px;
position: relative;
}
.sec-line {
 background: #09A0BF;
 color: #fff;
position: relative;
border-bottom: solid 1px #fff;
}
.sec-line .container {
position: relative;
z-index: 1;
}
@media (min-width: 993px) and (max-width: 1199px) {
	.top-line {
		font-size: 12px;
	}
}
@media (max-width: 992px) {
	.top-line {
		font-size: 10px;
	}
}
.section-1{
	    padding: 50px 0px 30px 0px;
		text-align: center;
		display: table;
		margin: auto;
}
.section-1 a{
		color: #fff;
		font-size: 18px;
		font-weight: bold;
}
.nopad{
	padding: 0px;
}
@media (min-width: 768px) {
.padrl{
padding: 10px 45px;
margin-top: 15px;
}
.bx-sidebar-block {
margin-bottom: 30px;
}


.sect-block-1, .sect-block-2, .sect-block-3{
	height: 378px;
	width: 378px;
	max-width:378px;
	display: table-cell;
}
.section-1 .name{
	text-align: center;
	height: 60px;
    line-height: 60px;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0px 15px;
	transition: all ease-in-out 0.3s;
}
.section-1 .pict{
	height: 318px;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}
.sect-block-1 .name{background:#00BCD4;}
.sect-block-2 .name{background:#108BB0;}
.sect-block-3 .name{background:#1F5C8C;}
.sect-block-1:hover .name{background:#1f5c8b;}
.sect-block-2:hover .name{background:#1f5c8b;}
.sect-block-3:hover .name{background:#00BCD4;}
.sect-block-1 .pict{
	background-image: url(/bitrix/templates/oftaderm/images/action.jpg);
}
.sect-block-2 .pict{
	background-image: url(/bitrix/templates/oftaderm/images/materials.jpg);
}
.sect-block-3 .pict{
	background-image: url(/bitrix/templates/oftaderm/images/seminar.jpg);
}}
@media (max-width: 767px) {
	.sect-block-1, .sect-block-2, .sect-block-3{
	display: block;
	height: auto;
	max-width: unset;
	width: 100%;
}
	.section-1{
	    padding: 25px 0px;
		display: block;
	}

}
@media (max-width: 1199px) and (min-width: 992px){
	.sect-block-1, .sect-block-2, .sect-block-3 {
    height: 280px;
    width: 280px;
    max-width: 280px;
	}
	.section-1 a {
    font-size: 14px;
	}
	.section-1 .name {
    height: 50px;
    line-height: 50px;
	}
	.section-1 .pict {
    height: 230px;
	}
}
.plt {
  width: fit-content;
    padding: 0.5rem 1rem;
    font-size: 16px;
    font-weight: bold;
width: 300px;
margin-right: 0;
margin-left: auto;
}

@media (max-width: 991px) {
img.float-left {
margin-bottom: 15px !important;
}
.mt-sm-3 {
margin-top: 1.5em;
}
.mb-sm-3 {
margin-bottom: 1.5em !important;
}
.text-sm-center {
text-align: center;
}
.order-sm-1 {
order: 1;
}
.order-sm-2 {
order: 2;
}
.tess.leadedu.row div ul {
text-align: left;
}
.tess.leadedu.row div, .aqures .row div {
text-align: center;
}


.tess .brdrl:before,
.nujcnt .brdrl:before {
display: none;
visibility: hidden;
}

.fl {
flex-direction: column;
}
.fl .col-md-12 {
width: 100%;
}
.plt {
  width: fit-content;
    padding: 0.5rem 1rem;
    font-size: 16px;
    font-weight: bold;
width: 100%;
margin-right: 0;
margin-left: 0;
}
.mb-768-2 {
margin-bottom: 3em;
}
}
@media (max-width: 991px) and (min-width: 768px){
	.sect-block-1, .sect-block-2, .sect-block-3 {
    height: 240px;
    width: 240px;
    max-width: 240px;
	}
	.section-1 a {
    font-size: 14px;
	}
	.section-1 .name {
    height: 40px;
    line-height: 40px;
	}
	.section-1 .pict {
    height: 200px;
	}
}
.section-2{
	text-align:center;
}
.section-2 h2{
	color: #108BB0;
	text-transform: uppercase;
}
.section-2 h3{
	font-weight:900;
}
@media (min-width: 768px) {
.section-2{
	    padding: 10px 50px;
		margin: auto;
}
.basket-line{
	line-height:70px;
}
.tess .arrl {
    left: 50%;
    z-index: 10;
    margin-left: -40px;
    top: 50%;
    margin-top: -26px;
}
.result {
top: 30%;
left: 5%;
}
}
.contact-footer{
	margin-top: 15px;
}
.table-products thead{
	background-color: #00bcd5;
    color: #fff;	
}
.table-products tr{
	border-bottom: 1px solid #d4d4d4;
}
.table-products td{
	padding: 5px 10px;
}
a#mob{
    padding: 5px 15px;
    margin: 10px 0px;
    border: 1px dashed white;
}
.border-text{
	padding: 30px;
	border: 2px solid #5D98AC;
}
.sale-order-list-change-payment, .sale-order-detail-payment-options-methods-info-change-link{
	display: none !important;
}
.sale-order-list-cancel-link, .sale-order-detail-about-order-inner-container-repeat-cancel{
	display: none !important;
}
.line-table {
	display: inline-table;
}
.line-table td{
	padding: 15px;
}
@media (max-width: 767px) {
.ftxt{
	 white-space: normal !important;
	 min-width: 400px;
}
.text-md-center {
text-align: center;
margin-left: auto;
margin-right: auto;
}
.mx-md-0 {
margin-left: 0;
margin-right: 0;
}
.px-md-0 {
padding-left: 0;
padding-right: 0;
}
}
[id^="comp_"]{
/*padding-top: 150px;
margin-top: -150px;*/
-webkit-background-clip: content-box;
background-clip: content-box;
z-index: 1;
}
#navigation {
    z-index: 9;
}
/* loader */
/* AJAX CUSTOM PRELOADER */
#win8_wrapper{
    display: none;
    background: #000;
    height: 100%;
    opacity: 0.7;
    position: fixed;
    width: 100%;
    z-index: 105;
    top: 0;
    left: 0;
}
.windows8 {
    /*position: relative;
    width: 50px;
    height:50px;
    margin:auto;*/
    width: 50px;
    height: 50px;
    margin: auto;
    position: absolute;
    top: 0; left: 0; bottom: 0; right: 0;
}

.windows8 .wBall {
    position: absolute;
    width: 47px;
    height: 47px;
    opacity: 0;
    transform: rotate(225deg);
    -o-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    -webkit-transform: rotate(225deg);
    -moz-transform: rotate(225deg);
    animation: orbit 3.3225s infinite;
    -o-animation: orbit 3.3225s infinite;
    -ms-animation: orbit 3.3225s infinite;
    -webkit-animation: orbit 3.3225s infinite;
    -moz-animation: orbit 3.3225s infinite;
}

.windows8 .wBall .wInnerBall{
    position: absolute;
    width: 6px;
    height: 6px;
    background: rgb(255,255,255);
    left:0px;
    top:0px;
    border-radius: 6px;
    -o-border-radius: 6px;
    -ms-border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.windows8 #wBall_1 {
    animation-delay: 0.726s;
    -o-animation-delay: 0.726s;
    -ms-animation-delay: 0.726s;
    -webkit-animation-delay: 0.726s;
    -moz-animation-delay: 0.726s;
}

.windows8 #wBall_2 {
    animation-delay: 0.143s;
    -o-animation-delay: 0.143s;
    -ms-animation-delay: 0.143s;
    -webkit-animation-delay: 0.143s;
    -moz-animation-delay: 0.143s;
}

.windows8 #wBall_3 {
    animation-delay: 0.2865s;
    -o-animation-delay: 0.2865s;
    -ms-animation-delay: 0.2865s;
    -webkit-animation-delay: 0.2865s;
    -moz-animation-delay: 0.2865s;
}

.windows8 #wBall_4 {
    animation-delay: 0.4295s;
    -o-animation-delay: 0.4295s;
    -ms-animation-delay: 0.4295s;
    -webkit-animation-delay: 0.4295s;
    -moz-animation-delay: 0.4295s;
}

.windows8 #wBall_5 {
    animation-delay: 0.583s;
    -o-animation-delay: 0.583s;
    -ms-animation-delay: 0.583s;
    -webkit-animation-delay: 0.583s;
    -moz-animation-delay: 0.583s;
}



@keyframes orbit {
    0% {
        opacity: 1;
        z-index:104;
        transform: rotate(180deg);
        animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        transform: rotate(300deg);
        animation-timing-function: linear;
        origin:0%;
    }

    30% {
        opacity: 1;
        transform:rotate(410deg);
        animation-timing-function: ease-in-out;
        origin:7%;
    }

    39% {
        opacity: 1;
        transform: rotate(645deg);
        animation-timing-function: linear;
        origin:30%;
    }

    70% {
        opacity: 1;
        transform: rotate(770deg);
        animation-timing-function: ease-out;
        origin:39%;
    }

    75% {
        opacity: 1;
        transform: rotate(900deg);
        animation-timing-function: ease-out;
        origin:70%;
    }

    76% {
        opacity: 0;
        transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        transform: rotate(900deg);
    }
}

@-o-keyframes orbit {
    0% {
        opacity: 1;
        z-index:104;
        -o-transform: rotate(180deg);
        -o-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -o-transform: rotate(300deg);
        -o-animation-timing-function: linear;
        -o-origin:0%;
    }

    30% {
        opacity: 1;
        -o-transform:rotate(410deg);
        -o-animation-timing-function: ease-in-out;
        -o-origin:7%;
    }

    39% {
        opacity: 1;
        -o-transform: rotate(645deg);
        -o-animation-timing-function: linear;
        -o-origin:30%;
    }

    70% {
        opacity: 1;
        -o-transform: rotate(770deg);
        -o-animation-timing-function: ease-out;
        -o-origin:39%;
    }

    75% {
        opacity: 1;
        -o-transform: rotate(900deg);
        -o-animation-timing-function: ease-out;
        -o-origin:70%;
    }

    76% {
        opacity: 0;
        -o-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -o-transform: rotate(900deg);
    }
}

@-ms-keyframes orbit {
    0% {
        opacity: 1;
        z-index:104;
        -ms-transform: rotate(180deg);
        -ms-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -ms-transform: rotate(300deg);
        -ms-animation-timing-function: linear;
        -ms-origin:0%;
    }

    30% {
        opacity: 1;
        -ms-transform:rotate(410deg);
        -ms-animation-timing-function: ease-in-out;
        -ms-origin:7%;
    }

    39% {
        opacity: 1;
        -ms-transform: rotate(645deg);
        -ms-animation-timing-function: linear;
        -ms-origin:30%;
    }

    70% {
        opacity: 1;
        -ms-transform: rotate(770deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin:39%;
    }

    75% {
        opacity: 1;
        -ms-transform: rotate(900deg);
        -ms-animation-timing-function: ease-out;
        -ms-origin:70%;
    }

    76% {
        opacity: 0;
        -ms-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -ms-transform: rotate(900deg);
    }
}

@-webkit-keyframes orbit {
    0% {
        opacity: 1;
        z-index:104;
        -webkit-transform: rotate(180deg);
        -webkit-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -webkit-transform: rotate(300deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin:0%;
    }

    30% {
        opacity: 1;
        -webkit-transform:rotate(410deg);
        -webkit-animation-timing-function: ease-in-out;
        -webkit-origin:7%;
    }

    39% {
        opacity: 1;
        -webkit-transform: rotate(645deg);
        -webkit-animation-timing-function: linear;
        -webkit-origin:30%;
    }

    70% {
        opacity: 1;
        -webkit-transform: rotate(770deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin:39%;
    }

    75% {
        opacity: 1;
        -webkit-transform: rotate(900deg);
        -webkit-animation-timing-function: ease-out;
        -webkit-origin:70%;
    }

    76% {
        opacity: 0;
        -webkit-transform:rotate(900deg);
    }

    100% {
        opacity: 0;
        -webkit-transform: rotate(900deg);
    }
}

@-moz-keyframes orbit {
    0% {
        opacity: 1;
        z-index: 104;
        -moz-transform: rotate(180deg);
        -moz-animation-timing-function: ease-out;
    }

    7% {
        opacity: 1;
        -moz-transform: rotate(300deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 0%;
    }

    30% {
        opacity: 1;
        -moz-transform: rotate(410deg);
        -moz-animation-timing-function: ease-in-out;
        -moz-origin: 7%;
    }

    39% {
        opacity: 1;
        -moz-transform: rotate(645deg);
        -moz-animation-timing-function: linear;
        -moz-origin: 30%;
    }

    70% {
        opacity: 1;
        -moz-transform: rotate(770deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 39%;
    }

    75% {
        opacity: 1;
        -moz-transform: rotate(900deg);
        -moz-animation-timing-function: ease-out;
        -moz-origin: 70%;
    }

    76% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }

    100% {
        opacity: 0;
        -moz-transform: rotate(900deg);
    }
}
/* AJAX CUSTOM PRELOADER END */
h3.bordered{
	padding: 15px;
    background: linear-gradient(45deg, white, #00bcd5);
    border: 1px solid #001;
}
img.float-left{
	display:block;
	margin: 0 auto 5px;
}
@media (min-width:992px){
img.float-left{
	max-width: 35%;
    float: left;
    margin-right: 15px;
}
h2.tessabs {
left: 50px;
bottom: 40px;
}
h2.aquabs {
left: 10%;
bottom: 15%;
font-size: 3.5em;
}

.tesslogo {
left: 40px;
bottom: 140px;
}
.aqualogo {
left: 10%;
top: 15%;
width: 350px;
height: auto;
}
.text-md-right {
text-align: right;
}
.tesslogores {
margin-top: -0.5em;
}
}
img.border{
	box-shadow: 0 0 2px #505050;
    border-radius: 1px;
	transition: all ease-out 0.3s;
}
img.border:hover{
	box-shadow: 0 0 15px #00BCD4;
}
img.eff{
	transition: all ease-out 0.3s;
}
img.eff:hover{
	filter: drop-shadow(0px 0px 7px #00BCD4); 
}
/* Style of 07.2020 */
.centered > div {
	padding: 10px;
}
.dblue > div{
	background-color: #21285c;
	color: #fff;
}
@media (min-width: 992px){
	.centered{
		display: table;
	}
	.centered > div{
	display: table-cell;
	float: none;
	vertical-align: middle;
	}
}
.table.vline {
	border: 1px solid #ddd;
}
.table.vline td{
	border-right: 1px solid #ddd;
}
.table.vline td:last-chiled{
	border:0px;
}
.fw {
width: 100%;
}
}
@media (min-width:681px) {
.tess.leadedu img.mw-640  {
max-width: 640px !important;
}
}
@media (min-width:768px) {
.vertical-align {
    display: flex;
    align-items: center;
	justify-content: center;
}
.tess h2, .nujcnt h2 {
font-size: 22px !important;
}
.tess ul, .tess ol {
font-size: 16px !important;
}

.d-md-none {
display: none;
}
.tessrel table {
font-size: 16px !important;
}
}
.col {
	padding-right: 15px;
    padding-left: 15px;
}
.col.widget-payment-checkout-info {
padding-left: 0 !important;
margin-top: 5px;
}
.table.wb > tbody > tr > td {
border: solid 1px #ccc;
}
.live::before {
    content: "В эфире";
    width: 130px;
    height: 30px;
    text-align: center;
    position: absolute;
    top: 0px;
    right: 0px;
    color: rgb(255, 255, 255);
    padding: 5px;
    background: rgb(21, 158, 187);
}
.seriya {
position: absolute;
right: 0;
height: 26px;
background-color: #09a0bf;
padding-left: 10px;
padding-right: 5px;
font-weight: 800;
font-size: 1.285em;
transition: all ease-in-out 0.3s;
color: #fff;
}
.shoppage#oxygenceuticals .seriya {
bottom: 0;
padding-right: 10px;
padding-top: 3px;
padding-bottom: 4px;
}
.product {
    background: #fff;
    height: 200px;
    display: block;
    overflow: hidden;
    position: relative;
    transition: all ease-in-out 0.3s;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-origin: content-box;
}
.ttt .product {
  background-size: cover;
}
.prod {
    margin-bottom: 15px;
    overflow: hidden;
    padding: 10px 10px 0px 10px;
    background: #09a0bf;
    transition: all ease-in-out 0.3s;
}
.prod h3 {
color: #fff;
}
.prod:hover, .prod:hover .seriya, .shoppage#oxygenceuticals .prod:hover .description {
    background: #1f5c8c !important;
}
.shoppage#oxygenceuticals .prod:hover {
    background: transparent !important;
}
.shoppage .prod .description {
    min-height: 56px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    transition: all ease-in-out 0.3s;
}

.shoppage .product {
    background: #fff;
    height: 100px;
    display: block;
    overflow: hidden;
    position: relative;
    transition: all ease-in-out 0.3s;
    background-position: center;
    background-size: cover;
    padding: 0px;
    background-repeat: no-repeat;
    background-origin: content-box;
}
.shoppage#oxygenceuticals .product {
background-size: cover;
height: 200px;
}
.shoppage#oxygenceuticals .prod-line .prod {
background: transparent;
border: 0px;
padding: 0;
}

.shoppage .prod-line {
margin-right: 0;
padding-left: 7.5px;
padding-right: 7.5px;
}
.row.shoppage {
margin-right: auto;
margin-left: auto;
}
@media (min-width: 1200px) and (max-width: 1469px) {
.shoppage h3 {
font-size: 15px;
}
.shoppage#oxygenceuticals .product {
height: 185px;
}
#flexcolc {
    height: 70%;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
	.bx-header-section {
		padding: 31px 30px 10px;
	}
	.bx-content-seection {
		padding: 0 30px 5px;
	}
.shoppage h3 {
font-size: 14px;
}
.shoppage#oxygenceuticals .product {
height: 153px;
}
#flexcolc {
    height: 80%;
}
}
@media (min-width: 768px) and (max-width: 991px){
	body.bx-background-image{
		-webkit-background-size:1280px auto;
		background-size:1280px auto;
	}
.shoppage h3 {
font-size: 13px;
}
.shoppage#oxygenceuticals .product {
height: 141px;
}
.tesslogo {
left: 25px;
bottom: 100px;
width: 35%;
}
.aqualogo {
left: 30px;
top: 30px;
width: 35%;
}
h2.aquabs {
left: 30px;
bottom: 30px;
font-size:22px;
}
h2.tessabs {
left: 30px;
bottom: 20px;
padding-right: 15px;
}
#flexcolc {
height: 80%;
}
h3.nujuve {
font-size: 18px;
}
#flexinner img {
max-width: 80% !important;
}
#pabs p {
font-size: 14px;
 white-space: nowrap;
}
.nujcnt h2.nujuve {
font-size: 28px;

}
}


@media (max-width: 767.98px){
h3.nujuve {
font-size: 16px;
}
#flexinner img {
max-width: 200px !important;
}
#pabs p {
font-size: 13px;
}
.nujcnt h2.nujuve {
font-size: 24px;

}
#flexcolc {
height: 80%;
}

#pabs {
    height: 80%;
    top: 10%;
}
.result {
width: 90%;
left: 5%;
right: 5%;
top: 15%;
}
.aqures .brdrl:before {
display: none;
visibility: hidden;
}	
.shoppage h3 {
font-size: 12.5px;
}
.shoppage#oxygenceuticals .product {
height: 100px;
}
.paym .bx-soa-pp-list-termin {
width: 100% !important;
}
.tesslogo {
left: 5px;
bottom: 80px;
width: 45%;
}
 .aqualogo {
    left: 40px;
    top: 15px;
    width: 30%;
  }
h2.aquabs {
  left: 40px;
  bottom: 20px;
font-size: 20px;
}
h2.tessabs {
left: 10px;
bottom: 5px;
font-size: 14px !important;
padding-right: 40px;
}
.tess h2 {
font-size: 14px !important;
}
.aqufill   .tess h2, .nujcnt h2 {
font-size: 20px  !important;
}
.tesslead, .tesslead.topl {
font-size: 14px !important;
}
.tess ul, .tess ol {
font-size: 14px !important;
}
.tessrel table {
font-size: 14px !important;
}
.tessof {
object-fit: cover;
    height: 200px;
    width: 100%;
}
.tessof.nuj {
min-height: 260px;
}
.tess-sm-rel {
position: relative !important;
}
.tesspatenti.tess-sm-rel  {
left: 0;
top: 0;
}
.d-sm-none {
display: none;
}
.mt-sm-0 {
margin-top: 0;
}
.tess .arrl {
width: 80px;
height: 36px;
    left: 50%;
    z-index: 10;
    margin-left: -35px;
    top: 50%;
    margin-top: -15px;
}
}
.tess1 {
margin-top: -15px;
}
.tessv {
color: #4f2d6b;
}
.aquab, .tess.aqu ul li:before {
color: #005aab;
}
.aquag {
color:  #646469;
}
.aqualg {
color: #9d9fa2;
}
.grn {
background-color: #c6dae4;
padding: 30px;
min-height: 180px;
}
.gry {
background-color: #e6e6e6;
padding: 30px;
min-height: 180px;
}
.blbg {
background-color: #005aab;
padding: 30px;
}
.tessup {
text-transform: uppercase;
}
.d-ib {
display: inline-block;
padding-left: 30%;
margin-top: 0;
}
.tlow {
font-size: 0.6em;
}
.tbigger {
font-size: 1.2em;
}
.tessrel {
position: relative;
}
.tessabs, .aquabs {
position: absolute;
}
h2.tessabs,
.tess h2, .aquabs h2, .nujcnt h2 {
line-height: 1.3;
}
h2.aquabs {
line-height: 1;
}
h2.aquabs .d-ib {
padding-left: 20%;
white-space:nowrap;
}
.p-0 {
padding: 0;
}
.pl-0 {
padding-left: 0;
}
.pr-0 {
padding-right: 0;
}
.pl-2 {
padding-left: 1em;
}
.pl-4 {
padding-left: 2em;
}
.mt-0 {
margin-top: 0;
}
.mt-1 {
margin-top: 0.5em;
}
.mt-3 {
margin-top: 1.5em;
}
.mb-3 {
margin-bottom: 1.5em;
}
.mt-6 {
margin-top: 3em;
}
.mb-6 {
margin-bottom: 3em;
}
.mt-8 {
margin-top: 4em;
}
.mb-8 {
margin-bottom: 4em;
}
.mt-10 {
margin-top: 5em;
}
.mb-10,
.leadedu.row.mb-10 {
margin-bottom: 5em;
}
.tess .brdrl:before, .aqures .brdrl:before, .nujcnt .brdrl:before {
position: absolute;
width: 4px;
height: 40%;

top: 0;
content: '';

}
.tess .brdrl:before {
border-left: 3px solid #4f2d6b;
left: -2em;
}
.nujcnt .brdrl:before {
border-left: 3px solid #000;
left: -2em;
}
.aqures .brdrl:before {
border-left: 3px solid #005aab;
left: -1em;
}
.tess ul {
margin-top: 0px;
list-style-type: none;
list-style-image: none;
padding-left: 20px;
line-height: 1.7;
position: relative;
}
.tess ul li:before {
    color: #4f2d6b;
    content: "✔";
    margin-left: -18px;
    padding-right: 3px;
    position: absolute;
    font-size: 16px;
    line-height: 27px;
}
.nujcnt .tess ul li:before {
    color: #000;
}

.tess ul li.cross:before {
    color: #ed1c24b3;
    content: "✘";
}

.tesslead {
font-size: 20px;
}
.tesslead.topl {
font-size: 26px;
}

.tessrel .table > tbody > tr > td {
border: none;
background-color: transparent;
}
.tessrel table  tr:hover,
.tessrel table  td:hover
{background-color: #cccccc;} 
.tessrel table.nohover tr:hover,
.tessrel table.nohover td:hover {
background-color: transparent;
}
.nujcnt table  tr:hover,
.nujcnt table  td:hover
{background-color: #D9D9D980;} 
.nujcnt tbody tr:nth-child(even) {
    background-color: #F2F2F280;
}
element.style {
    border-image: initial;
}
#elements {
color: #FF4081;
}
#elements:before, #elements:hover, .active#elements {
color: #ffffff;
}
.tess ol {
    list-style-type: none;
    counter-reset: num;
    margin: 0 0 15px 0;
    padding: 0;
line-height: 1.7;
}
.tess ol li {
    position: relative;
    margin: 0;
    padding: 0 0 1rem 40px;
    list-style-position: outside;
    min-height: 58px;
}
.tess ol li:before {
    content: counter(num);
    counter-increment: num;
    display: inline-block;
    position: absolute;
    top: 0.1rem;
    left: 0;
    width: 50px;
    color: #4f2d6b;
    text-align: left;
    font-size: 40px;
    font-weight: 800;
    padding-right: 3px;
    height: 40px;
    line-height: 40px;
}


.tessbg {
background-color: #4f2d6b;
color: #ffffff;
}
.p-2 {
padding: 1em;
}
.tesspr  {
left: 14px;
top: 0;
}

.tess.leadedu img {
max-width: 100% !important;
}

@media (max-width: 576px) and  (max-width: 767.98px) {
.tess .col-xs-4 {
width: 33.333%;
}
.aqufill .tessof {
   
    object-fit: cover;
 height: 250px;
    width: 100%;
}
}
@media (max-width: 575.98px) {
.tess .col-xs-4 {
width: 100% !important;
}
.tess1 h2.tessabs {
max-width: 90%;
}
.aqufill .tessof {
   
    object-fit: cover;
 height: 200px;
    width: 100%;

}
}
.white {
color: white;
}
.filter {
 filter: brightness(75%);
}
.bbtm {
border-bottom: 3px solid #4f2d6b;
}

.imagresult {
min-height: 300px;
object-fit: cover;
}
h2.tessabs.patentittl {
top: 0;
left: 29%;
}
.tesspatenti {
left: 29%;
top: 65%;
}
.tessmodel .tessrel .table {
max-width: 540px;
}
.tessmodel .tessrel .table > tbody > tr > td,
.sravn.tessrel .table > tbody > tr > td {
border-top: 1px solid #fff !important;
}
.tessmodel .tessrel .table > tbody > tr > td:nth-child(odd),
.sravn .table > tbody > tr > td:nth-child(1n) {
background-color: #F1E1FE;
}
.sravn .table > tbody > tr > td:nth-child(2n) {
background-color: #FCFCFC;
}
.tessmodel .tessrel .table > tbody > tr > td:nth-child(even),
.sravn .table > tbody > tr > td:nth-child(3n){
background-color: #F8EEFF;
}
.tessrel .table > tbody > tr > td.ttv,
.tessrel .table > tbody > tr > td.ttv:hover {
color: #4f2d6b;
}
.profv {
z-index: 10;
}
.tesslogores {
max-width: unset;
height: 77px !important;
}
.cndkbeforeafter-item img {
max-width: unset;
}
.tessrel .cndkbeforeafter-item-before-text, .tessrel .cndkbeforeafter-item-after-text {

background: transparent  !important;
}
.page_result .tess img {
max-width: 65% !important;
}
.page_result .tess.zexogen img {
max-width: 234px !important;
}
.bx-top-nav-container .bx-nav-1-lvl>a {
width: 100%;
}
.bx-top-nav-container .bx-nav-1-lvl {
width: 25%;
}
.bx-top-nav-container {
padding: 0;
}
.tor {
    background-color: rgb(255, 207, 143);
    border-image: initial;
}
.dbl {
       background-color: rgb(0, 51, 120);
    color: rgb(255, 255, 255);
    font-weight: 700;
    border-image: initial;
}
.table-responsive td {
    border-image: initial;
}

.fl {
display: flex;
}
.asc {
align-self: center;
}
.plt.bgo {
background-color: #ff6600;
color: #fff;
}
.plt.bgl {
background-color: #A0DAEB;
color: #1E3C79;
}
.plt.bgb {
background-color: #1E3C79;
color: #fff;
} 

#attenshion {
background-color: #1E3C79;
}
.bx-soa-pp-company-desc {
padding-bottom: 10px;
}
.sdek_pvzAddr {
padding-top: 5px;
display: block;
}
.bx-soa-pp-company,
.bx-soa-pp-company-block {
text-align: right;
}

.bx-soa-pp-company-smalltitle {
font-size: 13px !important;
}

.bx-soa-pp-desc-container .bx-soa-pp-company {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.bx-soa-pp-desc-container .bx-soa-pp-company-logo {
width: 100%;
}
.ffield legend, .ffield .d-flex {
position: relative;
}
.ffield legend {
z-index: 1;
}
.ffield .d-flex {
z-index: 2;
}
.basket-item-info-name span {
font-weight: bold;
}
.bx-soa-item-block a span, .thn,
.sale-order-detail-order-item-title a span,
.basket-item-info-name span span {
font-weight: 100;
}
.bx-soa-item-properties.d-none .bx-soa-item-td-text,
.basket-item-block-info .basket-item-property-custom.basket-item-property-custom-text.d-none {
display: none;
}
@media (min-width: 580px) {
    .sale-order-detail-order-item-properties {
        padding: 8px 0;
    }
}
@media (max-width: 580px) {
    .basket-item-block-info {
padding-left: 10px;
}
}
.sec-line.d-none {
display: none !important;
}
@media (min-width: 768px) {
.sec-line.d-md-block {
        display: block !important;
    }
}
@media (max-width: 991.98px) {

.bx-soa-item-properties.d-none {
display: none;
}
.bx-soa-item-block {

        margin-top: -20px;
    }
}
#videocontainer {
position: relative;
cursor:pointer;
margin-bottom: 20px;
}
#videocontainer a:hover svg path {
fill: #00bcd5;
transition: all ease 0.3s;
}
.mb-1fi {
margin-bottom: 8px;
}
.al-self-center {
align-self: center;
}
footer .d-grid {
    display: grid;
}
.container.d-grid:before, .container.d-grid:after {
display: none;
}
@media (max-width:768.98px) {
.bx-inclogofooter-logo img {
max-width: 90% !important;
}

.bx-footer .d-grid {
text-align: left;
}
footer .bx-center-section.d-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px 20px;
    grid-auto-rows: minmax(0, auto);
}
footer .bx-center-section.d-grid .col-f {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}
footer .bx-center-section.d-grid .col-s {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}
footer .bx-center-section.d-grid .col-th {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}
footer .bx-center-section.d-grid .col-fth {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
}
footer .d-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
    grid-auto-rows: minmax(0, auto);
}
footer .d-grid .col-f {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}
footer .d-grid .col-s {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}
.text-md-left {
text-align: left;
}
footer .seticntnr {
width: 80%;
}
footer .seti {
display: inline-block;
padding-left: 0;
padding-right: 15px;
padding-bottom: 10px;
}
.bx-footer .d-grid .bx-block-title {
font-size: 16px;
}
}
@media (min-width:769px) and (max-width:991.98px) {
footer .bx-center-section.d-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 30px 30px;
    grid-auto-rows: minmax(0, auto);
}
footer .bx-center-section.d-grid .col-f {
    grid-column: 1 / 3;
    grid-row: 2 / 3;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 30px;
}
footer .bx-center-section.d-grid .col-s {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}
footer .bx-center-section.d-grid .col-th {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}
footer .bx-center-section.d-grid .col-fth {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
}
footer .d-grid {
    grid-template-columns: repeat(1, 1fr);
    gap: 15px;
}
footer .d-grid .col-f {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}
footer .d-grid .col-s {
    grid-column: 1 / 2;
    grid-row: 2 / 3;
}
.text-md-left {
text-align: left;
}
footer .seti {
display: inline-block;
padding-left: 0;
padding-right: 15px;
}
}

@media (min-width:992px) {
footer {
font-size: 16px;
}
footer .bx-center-section.d-grid {
    grid-template-columns: repeat(4, 1fr);
    gap: 0 30px;
    grid-auto-rows: minmax(0, auto);
}
footer .d-grid {
    grid-template-columns: 1fr, 2fr;
    gap: 0 30px;
}
.container.d-grid:before {
display: none;
}
.text-lg-right{
text-align: right;
}
footer .text-lg-right{
text-align: right;
padding-right: 160px;
}
footer .d-grid .col-f {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
}
footer .d-grid .col-s {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
}
footer .d-grid .col-th {
    grid-column: 3 / 4;
    grid-row: 1 / 2;
}
footer .d-grid .col-fth {
    grid-column: 4 / 5;
    grid-row: 1 / 2;
}
footer .seti {
display: inline-block;
padding-left: 10px;
padding-right: 10px;
}
}
/* Типографика только для этой модалки */
#notAvailableModal, #notAvailableModalEwa {
  font-family: "Circle", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #1f2937;
}

/* Заголовок */
#notAvailableModal #notAvailableModalLabel, #notAvailableModalEwa #notAvailableModalLabel {
  margin: 0;
  font-size: 16px;
  line-height: 22px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: #111827;
}

/* Отступы модалки (контент) */
#notAvailableModal .modal-header,
#notAvailableModalEwa .modal-header {
padding: 16px 22px 0;
    border-bottom: none;
}

#notAvailableModal .modal-body,
#notAvailableModalEwa .modal-body {
  padding: 22px 22px 18px;
}


#notAvailableModal .modal-body p,
#notAvailableModalEwa .modal-body p
 {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
text-transform: none !important;
}

#notAvailableModal .modal-body p:last-child,
#notAvailableModalEwa .modal-body p:last-child {
  margin-bottom: 0;
}

/* Ссылки телефонов */
#notAvailableModal .modal-body a[href^="tel:"],
#notAvailableModalEwa .modal-body a[href^="tel:"] {
  font-weight: 600;
  color: #1d4ed8;
  text-decoration: none;

}

#notAvailableModal .modal-body a[href^="tel:"]:hover,
#notAvailableModalEwa .modal-body a[href^="tel:"]:hover {
  border-bottom-color: rgba(29, 78, 216, 0.8);
}

/* Юридическая строка */
#notAvailableModal .modal__legal,
#notAvailableModalEwa .modal__legal {
  margin-top: 12px;
  font-size: 12px;
  line-height: 18px;
  color: #6b7280;
}

/* Футер и кнопка */
#notAvailableModal .modal-footer,
#notAvailableModalEwa .modal-footer {
padding: 0 22px 22px;
    border: none;
    justify-content: center;
}

#notAvailableModal .modal-footer .btn,
#notAvailableModalEwa .modal-footer .btn {
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  padding: 8px 14px;
}
#notAvailableModal .modal-dialog,
#notAvailableModalEwa .modal-dialog {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin: 0 auto !important;
}

a.ph {
padding-left:25px;
background: url(https://oftaderm.ru/include/jam_phone.png);
background-size: 20px 20px;
background-repeat: no-repeat;
}
span.cl {
padding-left:25px;
background: url(https://oftaderm.ru/include/tabler_clock.png);
background-size: 20px 20px;
background-repeat: no-repeat;
}
a.ml {
padding-left:25px;
background: url(https://oftaderm.ru/include/tabler_mail.png);
background-size: 20px 20px;
background-repeat: no-repeat;
}
a.whapp {
padding-left:25px;
background: url(https://oftaderm.ru/include/whatsapp.png);
background-size: 20px 20px;
background-repeat: no-repeat;
}
a.vk {
padding-left:25px;
background: url(https://oftaderm.ru/bitrix/components/ofta/eshop.socnet.links/templates/ofta/images/icon/vk-icon.png);
background-size: 20px 20px;
background-repeat: no-repeat;
}
a.rutube {
padding-left:25px;
background: url(https://oftaderm.ru/bitrix/components/ofta/eshop.socnet.links/templates/ofta/images/icon/rutube-svgrepo-comw.svg);
background-size: 20px 20px;
background-repeat: no-repeat;
}
a.telegram {
padding-left:25px;
background: url(https://oftaderm.ru/bitrix/components/ofta/eshop.socnet.links/templates/ofta/images/icon/telegram-icon-white.png);
background-size: 20px 20px;
background-repeat: no-repeat;
}
a.maks {
padding-left:25px;
background: url(https://oftaderm.ru/bitrix/components/ofta/eshop.socnet.links/templates/ofta/images/icon/maxwhite.svg);
background-size: 20px 20px;
background-repeat: no-repeat;
}
#twpx-showpvz-simple .btn {
min-width: 150px;
}
/* End */


/* Start:/bitrix/templates/oftaderm/colors.css?15535139892335*/
@media (max-width: 767px){body.bx-theme-green .bx-logo{background: #444444;}}
body.bx-background-gradient{
	background: rgb(245,250,253);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1ZmFmZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(245,250,253,1) 0%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(245,250,253,1)), color-stop(100%,rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(245,250,253,1) 0%,rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(245,250,253,1) 0%,rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(245,250,253,1) 0%,rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(245,250,253,1) 0%,rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5fafd', endColorstr='#ffffff',GradientType=0 );
	background-attachment: fixed;
}
.bx-logo-text small{color: #33b111;}

/* news.list.sidebar */
body.bx-theme-green .bx-s-info-titleicon{background: #33B111;}

/*ABOUT*/
a.bxd-block:hover {border-color: #28A906;}
.bxd-icon {border: 1px solid #28A906;} .bx-s-info-titleicon
a.bxd-block:hover .bxd-icon {background: #28A906;}
.bxd-icon .fa {color: #28A906;}
a.bxd-block:hover .bxd-icon .fa {color: #fff;}

/* BTN */
.bx-theme-green .btn.btn-default {
	outline: none;
	background-color: #1F5C8C;
	border-color: #1F5C8C;
	color: #FFF;
}
.bx-theme-green .btn.btn-default:hover {
	outline: none;
	background-color: #00bcd5;
	border-color: #00bcd5;
	color: #FFF;
}
.bx-theme-green .btn.btn-default:active {
	outline: none;
	-webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
	box-shadow: inset 0 3px 5px rgba(0,0,0,.125);
}
/* End */


/* Start:/bitrix/templates/oftaderm/css/lightbox.css?15489271633714*/
html.lb-disable-scrolling {
  overflow: hidden;
  /* Position fixed required for iOS. Just putting overflow: hidden; on the body is not enough. */
  position: fixed;
  height: 100vh;
  width: 100vw;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(/bitrix/templates/oftaderm/css/../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(/bitrix/templates/oftaderm/css/../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(/bitrix/templates/oftaderm/css/../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(/bitrix/templates/oftaderm/css/../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* End */
/* /bitrix/templates/oftaderm/components/bitrix/sale.basket.basket.line/derm-link-personal/style.css?17474009356634 */
/* /bitrix/templates/oftaderm/components/bitrix/menu/top_menu3/style.css?175828413711732 */
/* /bitrix/templates/oftaderm/components/bitrix/menu/top_menu3/themes/green/colors.css?1690727722862 */
/* /bitrix/templates/oftaderm/components/bitrix/search.form/main-search/style.css?15529796304263 */
/* /bitrix/templates/oftaderm/components/bitrix/search.suggest.input/input-search-ofta/style.css?15548347064833 */
/* /bitrix/templates/oftaderm/components/bitrix/breadcrumb/ofta-breadcrumbs/style.min.css?1731317886467 */
/* /bitrix/templates/oftaderm/components/bitrix/menu/bottom_menu/style.css?1545651842542 */
/* /bitrix/templates/oftaderm/components/bitrix/menu/bottom_menu_common/style.css?1714040718542 */
/* /bitrix/templates/oftaderm/styles.css?179179191114077 */
/* /bitrix/templates/oftaderm/template_styles.css?179179191164276 */
/* /bitrix/templates/oftaderm/colors.css?15535139892335 */
/* /bitrix/templates/oftaderm/css/lightbox.css?15489271633714 */