@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext,latin-ext');
.clearfix:before, .clearfix:after {
    content: '';
    display: table;
}
.clearfix:after {
    clear: both;
}

body {
    width: 100%;
    height: 100%;
    background: #fff;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
    color: #555;
}

*{
    box-sizing: border-box;
    -moz-box-sizing: border-box; 
}

.work{
    display: block;
    min-width: 320px;
    max-width: 1640px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 auto;
    box-sizing: border-box;
    -moz-box-sizing: border-box;      
}


p{
    font-size: 14px;
    line-height: 16px;
}


.btn{
    cursor: pointer;
    border: none;  
}

.open{
    cursor: pointer;
}

.helper{
    display: inline-block;
    width: 100%;
    height: 0;
    visibility: hidden;
}

button::-moz-focus-inner{
    padding: 0;
    border: 0;
    margin-top: -2px;
}

.btn{
    width: 180px;
    height: 50px;
    margin-top: 28px;
    display: inline-block;
    padding: 5px;
    border-radius: 28px;
    color: white;
    font-size: 14px;
    background: #0062a3;
    transition: .3s;
    -moz-transition: .3s;
}

.btn span{
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 26px;
    color: inherit;
    line-height: 35px;
    transition: .3s;
    -moz-transition: .3s;
}

.btn:hover span{
    border-color: #fff;
}

/*Header*/
.header{
    display: block;
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 59px;
    background: #fff url(/bitrix/templates/stomatvrn/img/header/header_bg.png) right bottom no-repeat;
    position: relative;
    z-index: 3;
}

.header .inner{ 
    padding-top: 28px;
    padding-bottom: 20px;
    position: relative;
}


.header .logo{
    width: 51%;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    background: transparent;
}


.header .logo a{
    display: inline-block;
    vertical-align: middle;
}

.logo p{
    display: inline-block;
    vertical-align: middle;
    margin-top: 10px;
    color: #0062a3;
    font-size: 16px;
    font-weight: bold;
    line-height: 24px;
    text-transform: uppercase;
    float: right;
}

.header .right{
    width: 38%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block;
    vertical-align: middle;
    float: right;
}

.header .phone{
    display: inline-block;
    vertical-align: middle;
    color: #d50d37;
    font-size: 26px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 28px;
    text-align: center;
}

.header .phone span{
    display: block;
    margin-top: -2px;
    font-size: 16px;
}

.header .feedback{
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    color: #0a65a1;
    font-size: 14px;
    font-weight: 600;
}

.header .feedback:hover{
    opacity: .8;
}

.header .feedback img{
    display: inline-block;
    vertical-align: middle;
}

.header .feedback span{
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    color: #0062a3;
    font-size: 16px;
    font-weight: 700;
}

.header .enroll{
    float: right;
}


/*Nav*/
.nav{
    min-width: 100%;
    display: block;
    font-family: 'Open Sans', sans-serif;
    position: absolute;
    top: 120px;
    left: 0px;
    z-index: 3;
    background-color: #d50d37;
}

.sticky{
    position: fixed;
    top: 0!important;
    left: 0;
    z-index: 999;    
}

.nav ul{
    display: inline-block;
    vertical-align: middle;
}

.nav .inner > ul > li{
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.nav .inner > ul > li:first-child{
    margin-left: 0;
}

.nav .inner > ul > li > a{
    padding: 19px 18px 21px;
    display: block;
    color: #fff;
    font-size: 14px;
}

.nav .inner > ul > li .active{
    background-color: #db1328;
    opacity: .95;
}

.nav .inner > ul > li:hover > a{
    background-color: #db1328;
    opacity: .95;
}

.nav ul ul{
    width: 270px;
    position: absolute;
    top: 100%;
    left: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box; 
    z-index: 999;
    display: none;
    text-align: left;
    background-color: white;
    border: 1px solid #e8e8e8;
    box-shadow: 0 0 46px rgba(0, 0, 0, 0.1);
}

.nav .inner > ul > li:hover ul{
    display: block;
}

.nav .inner > ul > li ul li a{
    width: 100%;
    display: block;
    padding: 10px 14px 10px 30px;
    font-size: 14px;
    font-weight: 600;
    color: #1a1b1c;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box; 
    border-bottom: 1px solid #f6f6f6;
}

.nav .inner > ul > li ul li a:hover{
    color: #fff;
    background-color: #0062a3;
}
.inner .nav_right{
    display: inline-block;
    float: right;
    text-align: right;
    margin-top: 10px;
}

.nav_right .search{
    width: 38px;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
    background: url(/bitrix/templates/stomatvrn/img/nav/lup.png) center center no-repeat;
}
/*
.nav_right .eye{
    width: 39px;
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    background: url(/bitrix/templates/stomatvrn/img/nav/eye.png) center center no-repeat;
    cursor: pointer;
}
*/
.nav_right .eye {
    height: 17px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 4px;
    background: url(/bitrix/templates/stomatvrn/img/nav/eye.png) center center no-repeat;
    cursor: pointer;
    color: #fff;
    text-align: center;
    padding-top: 10px;
    margin-top: -30px;
}

.burger{
    display: none;
    width: 30px;
    margin-top: 12px;
}

.burger span{
    display: block;
    height: 4px;
    margin-bottom: 5px;
    background: #fff;
}

.burger span:last-child{
    margin-bottom: 0;
}

/*Intro*/
.intro{
    width: 100%;
    display: block;
    height: 595px;
    font-family: 'Open Sans', sans-serif;
    background: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.intro p{
    padding-top: 110px;
    color: #006eaa;
    font-size: 45px;
    font-weight: 700;
    line-height: 52px;
}

.intro .slider li{
    height: 595px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
}

.intro .slider li .container{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
}


/*Content*/
.content{
    width: 100%;
    display: block;
    font-family: 'Open Sans', sans-serif;
    background: #fff;
    position: relative;
    z-index: 1;
}

.content .inner{
    padding-top: 63px;
    padding-bottom: 35px;
}

.main_block h1{
    margin-bottom: 20px;
    color: #0062a3;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.main_block h2{
    margin-bottom: 20px;
    color: #0062a3; 
    font-size: 18px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.main_block h3{
    margin-bottom: 10px;
    color: #0062a3;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    padding-top: 10px;
}

.main_block h4{
    margin-bottom: 20px;
    color: #0062a3;
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
}

.main_block p{
    margin-bottom: 22px;
    color: #262b2f;
    font-size: 14px;
    text-align: justify;
    line-height: 18px;
}

.main_block ul{
    margin-left: 16px;
    margin-bottom: 22px;
}

.main_block ul li{
    list-style: disc;
    color: #262b2f;
    font-size: 14px;
}

.main_block ol{
    margin-left: 18px;
    margin-bottom: 22px;
}

.main_block ol li{
    color: #262b2f;
    font-size: 14px;
    list-style-type: decimal;
}

.main_block table{
    width: 97%;
    margin-top: 10px;
    margin-bottom: 22px;
}

.main_block table tbody tr{
   
}
     
.main_block table tbody tr td{
    color: #262b2f;
    font-size: 14px;
}   

.main_block .table-border{
    border: 1px solid #d9d9d9;
}

.main_block .table-border tr td{
    border: 1px solid #d9d9d9;
    padding: 5px 5px;
}

.main_block a{
    color: #0062a3;
    text-decoration: underline;
}

.main_block a:hover{
    text-decoration: none;
}

.main_block .button{
    display: inline-block;
    margin-top: 10px;
    margin-bottom: 17px;
    width: 180px;
    height: 50px;
    display: inline-block;
    padding: 5px;
    border-radius: 28px;
    color: white;
    font-size: 14px;
    background: #0062a3;
    transition: .3s;
    -moz-transition: .3s;
    text-align: center;
    text-decoration: none;
}  


.main_block .button span{
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255,255,255,.4);
    border-radius: 26px;
    color: white;
    line-height: 35px;
    transition: .3s;
    -moz-transition: .3s;
}


.main_block .button:hover span{
    border-color: #fff;
}   

.button-p{  
    width: 140px;
    height: 40px;
    position: relative;
    margin:0 auto;
    margin-right: 55px;
}
.button-p::before{
    content:"Посмотреть";
    background: #0062a3;
    width: 147px;
    height:40px;
    position: absolute;
    text-align: center;
    position: absolute;
    line-height: 40px;
    font-size: 15px;
    top: 0;
    left: 0;
    z-index: 2;
    transition: 1s;
    border-radius: 4px;
    color: #fff;

}

.button-p::after{
	content: "PDF";
    background: #3d3d3d;
    position: absolute;
    width: 40px;
    height: 40px;

    text-align: center;
    line-height: 40px;
    top: 0;
    z-index: 1;
    border-radius: 0 4px 4px 0;
    color: #fff;
    text-shadow: 1px -1px rgba(0, 0, 0, 0.3);
    margin-left: 12px;
}


.button-p:hover:before{
    width: 105px;
    font-size: 16px;
    border-radius: 6px 0 0 6px;
    color: #fff;
    text-shadow: 1px -1px rgba(0, 0, 0, 0.3);
}

/*Скачать*/
.button-s{  
    width: 140px;
     height: 40px;
    position: relative;
    margin:0 auto;

}
.button-s::before{
    content:"Скачать";
    background: #0062a3;
    width: 143px;
    height:40px;
    position: absolute;
    text-align: center;
    position: absolute;
    line-height: 40px;
    font-size: 16px;
    top: 0;
    left: 0;
    z-index: 2;
    transition: 1s;
    border-radius: 4px;
    color: #fff;

}

.button-s::after{
	content: "ZIP";
    background: #3d3d3d;
    position: absolute;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    top: 0;
    z-index: 1;
    border-radius: 0 4px 4px 0;
    color: #fff;
    text-shadow: 1px -1px rgba(0, 0, 0, 0.3);
    margin-left: 39px;
}


.button-s:hover:before{
    width: 100px;
    font-size: 16px;
    border-radius: 6px 0 0 6px;
    color: #fff;
    text-shadow: 1px -1px rgba(0, 0, 0, 0.3);
}


.bx-wrapper {
    width: 100%;
    height: 100%;
	position: relative;
	margin: 0 auto 0;
	padding: 0;
	*zoom: 1;
}

.slider_main .bx-wrapper img {
	width: 100%;
}

.bx-wrapper img {
	width: 100%;
}

.bx-wrapper .bx-viewport {
	background: transparent;
	height: auto;
	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
    	-ms-transform: translatez(0);
    	-o-transform: translatez(0);
    	transform: translatez(0);
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: 15px;
	width: 100%;
    z-index: 999;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
	
}

.bx-wrapper .bx-next {
	
}

.slideshow_container .bx-wrapper .bx-prev {
    left: -2px;
	background: url(/bitrix/templates/stomatvrn/img/content/pre.png) center center no-repeat;
}

.slideshow_container .bx-wrapper .bx-next {
   
    right: -2px;
	background: url(/bitrix/templates/stomatvrn/img/content/next.png) center center no-repeat;
}

.intro .bx-wrapper .bx-prev {
    left: 10%;
	background: url(/bitrix/templates/stomatvrn/img/intro/pre.png) center center no-repeat;
}

.intro .bx-wrapper .bx-next {   
    right: 10%;
	background: url(/bitrix/templates/stomatvrn/img/intro/next.png) center center no-repeat;
}

.intro .bx-wrapper .bx-prev:hover,
.intro .bx-wrapper .bx-next:hover{
    opacity: .7;
}

 


.bx-wrapper .bx-controls-direction a{
	position: absolute;
	top: 50%;
	outline: 0;
	text-indent: -9999px;
	z-index: 999;
    transition: all 0.3s ease;
}

.slideshow_container .bx-wrapper .bx-controls-direction a{
	position: absolute;
	top: -49px;
	outline: 0;
	width: 10px;
	height: 19px;
	text-indent: -9999px;
	z-index: 999;
    transition: all 0.3s ease;    
}

.intro .bx-wrapper .bx-controls-direction a{
	position: absolute;
	outline: 0;
	width: 42px;
	height: 42px;
	text-indent: -9999px;
	z-index: 999;
    transition: all 0.3s ease;    
}

/* PAGER */
.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 6px;
	outline: 0;
    overflow: hidden;
    border: 2px solid #fff;
    background: transparent;
    border-radius: 50%;
}



.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #fff;
}



/*Stock*/
.stock{
    width: 100%;
    display: block;
    font-family: 'Open Sans', sans-serif;
    background: #fff;
    position: relative;
    z-index: 1;
}

.stock .inner{
    padding-top: 90px;
    padding-bottom: 60px;
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
}

.stock h2{
    margin-bottom: 50px;
    color: #0062a3;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}
/*
.stock .stock_items{
    margin: 0 -10px;
}

.stock_items .item{
    width: 50%;
    float: left;
    padding: 0 10px;
}
*/

.stock .stock_items{
    margin: 0 -10px;
   text-align: center;    display: flex;
}

.stock_items .item{
  /* width: 49%;*/
   width: 95%;
   display: inline-block;
   vertical-align: top;
   padding: 0 10px;
   text-align: left;
}

.stock_items .item > div{
    padding: 15px 15px 30px;
    background-color: white;
    text-align: center;
    transition: .3s;
    -moz-transition: .3s;
}

.stock_items .item > div:hover{    
    box-shadow: 0 0 23.5px 1.5px rgba(0, 0, 0, 0.08);
}

.stock_items .item .photo{
    
}

.stock_items .item .photo img{
    max-width: 100%;
}

.stock_items .item p{
    margin-top: 30px;
    color: black;
    font-size: 22px;
    font-weight: 700;
    line-height: 26px;
}

.stock_items .item .range{
    display: block;
    margin-top: 15px;
    color: #707070;
    font-size: 16px;
    line-height: 20px;
}



/*Personal*/
.personal{
    width: 100%;
    display: block;
    font-family: 'Open Sans', sans-serif;
    background: #fff;
    position: relative;
    z-index: 1;
}

.personal .inner{
    padding-top: 40px;
    padding-bottom: 60px;
    max-width: 1200px;
    padding-left: 15px;
    padding-right: 15px;
}

.personal h2{
    margin-bottom: 75px;
    color: #0062a3;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

.personal_items{
    margin: 0 -15px;
}

.personal_items .item{
    width: 25%;
    float: left;
    padding: 0 15px;
    text-align: center;
    height: 406px;
}

.personal_items > div{
    margin-bottom: 30px;
}

.personal_items .photo{
    height: 270px;
    margin-bottom: 28px;
    border: 6px solid rgba(255, 255, 255, 0.25);
    box-shadow: 0 0 30px rgba(38, 40, 52, 0.2);
    overflow: hidden;
    transition: .3s;
    -moz-transition: .3s;
}

.personal_items .photo:hover{
    box-shadow: 0 0 30px rgba(38, 40, 52, 0.6);
}

.personal_items .photo img{
    width: 100%;
}

.personal_items p{
    margin-bottom: 20px;
    color: black;
    font-size: 22px;
    font-weight: 700;
    line-height: 22px;
    text-align: center;
}

.personal_items span{
    display: block;
    color: #707070;
    font-size: 16px;
}

/*Map*/
.map{
    width: 100%;
    display: block;
    margin-bottom: 30px;
    background: #fff;
    position: relative;
    z-index: 1;
}

.ballon{
    min-width: 300px;
    display: inline-block;
    padding: 15px;
    background: #fff;
    background-color: #fff;
    position: relative;
    text-align: left;
    border: 2px solid #d60d37;
}

.ballon:before{
    content: url(/bitrix/templates/stomatvrn/img/tri.png);
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -12px;
}

.ballon h2{
    margin-bottom: 20px;
    color: #0062a3;
    font-size: 14px;
    text-transform: uppercase;
}

.ballon span{
    color: #565655;
    font-weight: bold;  
}

.ballon p{
    color: #565655;
    font-size: 12px;
    font-weight: 300;
    position: relative;

}

.ballon p a{
    color: #3ca0cd;
    text-decoration: underline;
}

/*Helpful*/
.helpful{
    width: 100%;
    font-family: 'Roboto', sans-serif;
}

.helpful .inner{
    padding-left: 79px;
    padding-right: 79px;
    padding-top: 44px;
    padding-bottom: 94px;
}

.helpful h2{
    margin-bottom: 50px;
    color: #0062a3;
    font-size: 30px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}


.owl-controls{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 9;
    margin-top: -9px;
}

.owl-controls .owl-prev{
    width: 10px;
    height: 18px;
    position: absolute;
    left: 0px;
    background: url(/bitrix/templates/stomatvrn/img/helpful/pre.png) center center no-repeat;
    text-indent: -9999px!important;
}

.owl-controls .owl-prev:hover{
    background-image: url(/bitrix/templates/stomatvrn/img/helpful/pre_hover.png);
}

.owl-controls .owl-next{
    width: 10px;
    height: 18px;
    position: absolute;
    right: 0px;
    background: url(/bitrix/templates/stomatvrn/img/helpful/next.png) center center no-repeat;
    text-indent: -9999px!important;
}

.owl-controls .owl-next:hover{
    background-image: url(/bitrix/templates/stomatvrn/img/helpful/next_hover.png);
}

.carousel .item img{
  display: block;
  width: 100%;
  height: auto;
}

.carousel{
    padding-left: 54px;
    padding-right: 54px;
}



/*Partners*/
.partners{
    width: 100%;
    display: block;
    font-family: 'Open Sans', sans-serif;
    background: #f9f9f9;
    position: relative;
    z-index: 1;
    border-top: 1px solid #e4e4e4;
}

.partners .inner{
    padding-top: 10px;
    padding-bottom: 10px;
}

.partners ul{
    text-align: center;
}

.partners ul li{
    display: inline-block;
    vertical-align: middle;
    margin-left: 3%;
}

.partners ul li:first-child{
    margin-left: 0;
}

/*Over*/
.over{
    width: 100%;
    display: block;
    font-family: 'Open Sans', sans-serif;
    background: #252729;
    position: relative;
    z-index: 1;
}

.over .inner{
    padding-top: 35px;
    padding-bottom: 35px;
    text-align: center;
}

.over ul li{
    display: inline-block;
    vertical-align: top;
}

.over ul li:first-child{
    margin-left: 0;
}

.over ul li a{
    display: block;
    padding: 10px 20px;
    color: #fff;
    font-size: 14px;
}

.over ul li a:hover{
    opacity: .8;
}

.over ul li a span{
    display: inline-block;
    vertical-align: middle;
}

/*Contacts*/
.contacts{
    width: 100%;
    display: block;
    font-family: 'Open Sans', sans-serif;
    background: #252729;
    position: relative;
    z-index: 1;
    border-top: 3px solid #2a2b2c;
}

.contacts .inner{
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}

.contacts .cols{
    margin: 0 -10px;
}

.contacts .col{
    width: 25%;
    float: left;
    padding: 0 10px;
}

.contacts p{
    color: white;
    font-size: 14px;
    line-height: 24px;
}

.contacts p span{
    font-weight: 600;
}

.contacts p a{
    color: #00b8ff;
    font-weight: 400;
    text-decoration: underline;
}

.contacts .btn{
    width: 200px;
    margin-top: 10px;
}


/*Footer*/
.footer{
    display: block;
    height: 110px;
    background-color: #1a1a1a;
}

.footer .inner{
    position: relative;
    height: 100%;
}

.inner .develop{
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 50%;
    margin-left: -267px;
}

.develop a{
   
}

.develop p{
   
    color: #fff;
    font-family: "Arial";
    font-size: 14px;
}

.inner .up{
    width: 49px;
    height: 49px;
    display: inline-block;
    vertical-align: middle;
    float: right;
    margin-top: 32px;
    background: url(/bitrix/templates/stomatvrn/img/footer/up.png) center center no-repeat;
}

.inner .scheme_sait{
    width: 56px;
    height: 52px;
    position: absolute;
    top: 31px;
    right: 81px;
    z-index: 9;
    background: url(/bitrix/templates/stomatvrn/img/footer/scheme_sait.png) center center no-repeat;
}

.develop_mob{
    display: none;
    margin-top: 10px;
}

.develop_mob img{
    width: 65px;
    display: inline-block;
    vertical-align: middle;
}

.develop_mob span{
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 12px;
} 

/* Blind modifications */
.contrast-control{
  padding-top: 11px;
}
.blind-line.hidden {
	visibility: visible !important;
	display: block !important;
	height: 0;
}
.blind-line {
	height: 50px;
	background: white;
	overflow: hidden;
	-webkit-transition: height .25s;
	transition: height .25s;
}

.blind-line span{
    display: inline-block;
    margin-right: 5px;
    font-size: 18px!important;
    font-weight: normal;
    color: #000;
    letter-spacing: normal!important;
}

.blind-line .contrast-control,
.blind-line .size-control,
.blind-line .spacing-control,
.blind-line .family-control,
.blind-line .wrapper:before {
	display: inline-block;
	vertical-align: middle;
}
.blind-line a:hover {
	text-decoration: none;
}
.blind-line .wrapper:before {
	content: '';
	height: 50px;
}
.blind-line .get-back {
	float: right;
}
.blind-line .get-back a {
	display: block;
	font-size: 18px;
	padding: 12px 0;
    color: #000;
    margin-top: 2px;
}
.blind-line .contrast-control a {
	width: 27px;
	height: 27px;
	line-height: 27px;
	font-size: 18px;
	font-weight: bold;
	margin-right: 5px;
	border-radius: 4px;
	text-align: center;
	display: inline-block;
	border: 1px solid black;
    letter-spacing: normal!important;
}
.blind-line .contrast-control a.black-and-white {
	background: white;
	color: black;
}
.blind-line .contrast-control a.white-and-black {
	background: black;
	color: white;
}

.blind-line .contrast-control a.black-and-blue {
	background: #9dd1ff;
	color: #063462;
}

.blind-line .contrast-control a.brown-and-beige{
    background: #f7f3d6;
    color: #59422e;
}

.blind-line .contrast-control a.green-and-brown{
    background: #3b2716;
    color: #a9dd38;
}
.blind-line .size-control {
	margin-left: 7px;
}
.blind-line .size-control a {
	display: inline-block;
	vertical-align: baseline;
	color: black;
	line-height: 1;
	margin-right: 12px;
	font-weight: bold;
    letter-spacing: normal!important;
}

.blind-line .size-control a.active {
	position: relative;
}
.blind-line .size-control a.active:after {
	content: '';
	height: 2px;
	position: absolute;
	bottom: -5px;
	left: 0;
	width: 100%;
	background: black;
}
.blind-line .size-control a.font_s {
	font-size: 18px;
}
.blind-line .size-control a.font_m {
	font-size: 22px;
}
.blind-line .size-control a.font_l {
	font-size: 26px;
}

body.font_s {
	font-size: 14px;
}

.blindOn .bxslider li img{
    opacity: 0;
}
/***************************************************************MEDIUM******FONT**/


body.font_m .nav .inner .nav_right > ul > li > a,
body.font_m .form .capcha span{
    font-size: 15px;
}


body.font_m .inner .mail{
    font-size: 20px;
}

body.font_m .nav .inner .nav_right > ul > li ul li a,
body.font_m .menu > ul > li a,
body.font_m .news_item .more,
body.font_m .news_item p,
body.font_m .news_item .date,
body.font_m .main_block p,
body.font_m .main_block ul li,
body.font_m .main_block ol li,
body.font_m .main_block table tbody tr td,
body.font_m .main_block .button,
body.font_m .develop p,
body.font_m .header .nav li a,
body.font_m .communications span,
body.font_m .communications p,
body.font_m .pag li a,
body.font_m .ques_answer_item .ques span
{
    font-size: 16px;
}

body.font_m .inner .address,
body.font_m  .reviews_item .name,
body.font_m .reviews_item .date,
body.font_m .form > span{
    font-size: 17px;
}


body.font_m .intro span{
    font-size: 43px;
}

body.font_m .intro p{
    font-size: 45px;
}

body.font_m .sidebar h2,
body.font_m .inner .phone span,
body.font_m .inner .phone a{
    font-size: 16px;
}

body.font_m .main_block h1{
    font-size: 31px;
}

body.font_m .main_block h2{
    font-size: 25px;
}
body.font_m .inner .phone{
    font-size: 26px;
}

body.font_m .main_block h3{
    font-size: 19px;
}
body.font_m  .nav .inner .nav_right > ul > li ul li a{
    font-size: 18px;
}

body.font_m .place p{
    font-size: 25px;
}

body.font_m .logo p{
    
}

body.font_m p{
    font-size: 16px;
}


body.font_m .header .feedback{
    font-size: 15px;
}

body.font_m .nav .inner > ul > li > a{
    font-size: 14px;
}

body.font_m .main_block h4{
    font-size: 22px;
}

body.font_m .over ul li a{
    font-size: 15px;
}
/***/
body.font_m .stock h2,
body.font_m .personal h2,
body.font_m .helpful h2{
    font-size: 31px;
}

body.font_m .stock_items .item p,
body.font_m .personal_items p{
    font-size: 23px;
}

body.font_m .stock_items .item .range,
body.font_m .personal_items span{
    font-size: 17px;
}

body.font_m .btn{
    font-size: 15px;
}



/***************************************************************LAGE******FONT**/
body.font_l .inner .mail{
	font-size: 20px;
}


body.font_l .nav .inner .nav_right > ul > li > a{
    font-size: 16px;
}

body.font_l .form .capcha span{
    font-size: 15px;
}

body.font_l .news_item .more,
body.font_l .news_item p,
body.font_l .news_item .date,
body.font_l .communications span,
body.font_l .communications p,
body.font_l .pag li a,
body.font_l .ques_answer_item .ques span{
    font-size: 17px;
}

body.font_l .menu > ul > li a,
body.font_l .main_block p,
body.font_l .main_block ul li,
body.font_l .main_block ol li,
body.font_l .main_block .table-border tr td,
body.font_l .main_block .button,
body.font_l .nav .inner .nav_right > ul > li ul li a,
body.font_l .develop p,
body.font_l .header .nav li a,
body.font_l .inner .address,
body.font_l  .reviews_item .name,
body.font_l .reviews_item .date,
body.font_l .form > span{
    font-size: 18px;
}


body.font_l .intro span{
    font-size: 44px;
}

body.font_l .intro p{
    font-size: 45px;
}

body.font_l .nav .inner > ul > li > a{
    font-size: 15px;
}


body.font_l .sidebar h2,
body.font_l .nav .inner .nav_right > ul > li ul li a,
body.font_l  .inner .phone a{
    font-size: 20px;
}

body.font_l .main_block h1{
    font-size: 32px;
}
body.font_l .place p{
    font-size: 26px;
}

body.font_l .main_block h2{
    font-size: 28px;
}
body.font_l  .inner .phone{
    font-size: 26px;
}

body.font_l .main_block h3{
    font-size: 21px;
}

body.font_l p{
    font-size: 17px;
}

body.font_l .header .feedback{
    font-size: 16px;
}

body.font_l .main_block h4{
    font-size: 24px;
}

body.font_l .over ul li a{
    font-size: 16px;
}

/***/
body.font_l .stock h2,
body.font_l .personal h2,
body.font_l .helpful h2{
    font-size: 32px;
}

body.font_l .stock_items .item p,
body.font_l .personal_items p{
    font-size: 24px;
}

body.font_l .stock_items .item .range,
body.font_l .personal_items span{
    font-size: 18px;
}

body.font_l .btn{
    font-size: 15px;
}


/**SPACING**/
.blind-line .spacing-control{
    margin-top: 9px;
    margin-left: 0px;
}

.blind-line .spacing-control a{
    display: inline-block;
    vertical-align: baseline;
    padding-bottom: 3px;
    color: black;
    line-height: 1;
    margin-right: 17px;
    font-weight: bold;
    font-size: 18px!important;
}

.blind-line .spacing-control a.active{
    border-bottom: 2px solid #000;
}

.blind-line .spacing-control a.space_m{
    letter-spacing: 2px;
}

body.space_m{
    letter-spacing: normal;
}
body.space_m{
    letter-spacing: 2px;
}

body.space_m .inner .address,
body.space_m .logo p,
body.space_m .inner .phone,
body.space_m .contacts .btn{
    letter-spacing: normal;
}

body.space_l{
    letter-spacing: 4px;
}

body.space_m .header,
body.space_m .inner .address,
body.space_m .logo p,
body.space_m .inner .phone p,
body.space_m .nav,
body.space_m .nav .inner > ul > li,
body.space_m .nav .inner > ul > li > a,
body.space_m .inner .mail,
body.space_m .over,
body.space_m .over ul,
body.space_m .over ul li,
body.space_m .over ul li a{
    letter-spacing: normal;
}

body.space_l .header,
body.space_l .inner .address,
body.space_l .logo p,
body.space_l .inner .phone p,
body.space_l .nav,
body.space_l .nav .inner > ul > li > a,
body.space_l .nav .inner > ul > li,
body.space_l .inner .mail,
body.space_l .over,
body.space_l .over ul,
body.space_l .over ul li,
body.space_l .over ul li a,
body.space_l .contacts .btn{
    letter-spacing: normal;
}

.blind-line .spacing-control a.space_s{
    letter-spacing: normal!important;
}

.blind-line .spacing-control a.space_m{
    letter-spacing: 2px!important;
}

.blind-line .spacing-control a.space_l{
    letter-spacing: 4px!important;
}

.blind-line .get-back a{
    letter-spacing: normal!important;
}
/**FAMILY**/

.blind-line .family-control{
    margin-top: 11px;
    margin-left: 0px;
}

.blind-line .family-control a{
    display: inline-block;
    vertical-align: baseline;
    padding-bottom: 3px;
    color: black;
    line-height: 1;
    margin-right: 17px;
    font-weight: bold;
    font-size: 18px!important;
    letter-spacing: normal!important;
}

.blind-line .family-control a.active{
    border-bottom: 2px solid #000;
}


body.roman .blind-line span,
body.roman,
body.roman p,
body.roman h1,
body.roman h2,
body.roman h3,
body.roman h4,
body.roman a,
body.roman table tbody tr td,
body.roman ul li,
body.roman ol li{
    font-family: "Times New Roman", serif!important;
}

body.arial,
body.arial .blind-line span,
body.arial p,
body.arial h1,
body.arial h2,
body.arial h3,
body.arial h4,
body.arial a,
body.arial table tbody tr td,
body.arial ul li,
body.arial ol li,
body.arial .content .intro p{
    font-family: Arial, sans-serif;
}

body .blind-line a,
body .header .blind-line span{
    font-family: Arial, sans-serif!important;
} 

.blind-line .family-control a.roman{
    font-family: "Times New Roman", serif!important;
}

.blind-line .family-control a.arial{
    font-family: Arial, sans-serif!important;
}



/**********************************************************************************************************/
body.black-and-white .header,
body.black-and-white .nav,
body.black-and-white .footer,
body.black-and-white .content,
body.black-and-white .inner .sidebar,
body.black-and-white .sidebar > div,
body.black-and-white .menu > ul,
body.black-and-white .nav .inner > ul > li .active,
body.black-and-white .about{
    background: #fff; /***************************************BACK*****WHITE*****/
}

body.black-and-white .about{
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}

body.black-and-white .intro p,
body.black-and-white .intro p span,
body.black-and-white .develop p,
body.black-and-white .inner .mail a,
body.black-and-white .communications span,
body.black-and-white .communications p,
body.black-and-white .nav .inner .nav_right > ul > li ul li a,
body.black-and-white .intro span,
body.black-and-white .main_block ul.num li span{
    color: #000; /********************************************BACK*****BLACK*****/
}

body.black-and-white .nav .inner .nav_right > ul > li ul li a:hover{
    color: #000;
    background: transparent;
}

body.black-and-white .main_block .button,
body.black-and-white .sidebar h2,
body.black-and-white .main_block ul.list li:before{
    background: #000;
}

body.black-and-white .menu > ul,
body.black-and-white .sidebar .communications,
body.black-and-white .news .news_item,
body.black-and-white .sidebar .news,
body.black-and-white .nav,
body.black-and-white .menu > ul > li > a,
body.black-and-white .intro .inner,
body.black-and-white .header,
body.black-and-white .menu ul ul,
body.black-and-white .sidebar .menu,
body.black-and-white .nav .inner > ul > li ul li a{
    border-color: #000;
}

.menu > ul > li a:hover,
.menu > ul > li .active{
    margin: 0;
}

body.black-and-white .inner .up{
    background-image: url(/bitrix/templates/stomatvrn/img/footer/up_b.png);
}

body.black-and-white .inner .aaa{
    background-image: url(/bitrix/templates/stomatvrn/img/footer/aaa_b.png);
}

body.black-and-white .nav_right .eye{
    background-image: url(/bitrix/templates/stomatvrn/img/nav/eye_b.png);
    color: #000;
}

body.white-and-black .nav_right .eye{
    background-image: url(/bitrix/templates/stomatvrn/img/nav/eye_w.png);
}

body.black-and-white .inner .search{
    background-image: url(/bitrix/templates/stomatvrn/img/nav/lup_b.png);
}

body.black-and-white .blind-line,
body.black-and-white .nav{
    border-bottom: 1px solid #000;  /*************************BORDER-BOTTOM***BLACK***************/
}

body.black-and-white .sidebar .menu,
body.black-and-white .sidebar .news,
body.black-and-white .menu ul ul,
body.black-and-white .intro .inner > div,
body.black-and-white .nav ul ul,
body.black-and-white .menu ul ul li a{
    background: #fff;
}

body.black-and-white .nav .inner > ul > li ul li a:hover{
    background: #fff;
    color: #000;
}

body.black-and-white .nav .inner > ul > li ul li a:hover span{
    color: #000;
}


body.black-and-white .logo p,
body.black-and-white .logo p span,
body.black-and-white .inner .phone,
body.black-and-white .inner .phone a,
body.black-and-white .inner .address,
body.black-and-white .main_block h1,
body.black-and-white .main_block h2,
body.black-and-white .main_block h3,
body.black-and-white .main_block h4,
body.black-and-white .news_item .date,
body.black-and-white .main_block p,
body.black-and-white .main_block ul li,
body.black-and-white .header ul.nav > li > a,
body.black-and-white .main_block ol li,
body.black-and-white .main_block table tbody tr td,
body.black-and-white .main_block a,
body.black-and-white .menu > ul > li a,
body.black-and-white .header .nav > li > a,
body.black-and-white .contacts p,
body.black-and-white .contacts p a{
    color: #000;   /*************************COLOR***BLACK***************/
}

body.black-and-white .intro{
    background: #fff;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
}



body.black-and-white .sidebar h2{

    color: #fff;
}

body.black-and-white .main_block .button{
    color: #fff!important;
}

body.black-and-white .menu > ul > li a span,
body.black-and-white .news_item .more,
body.black-and-white .contacts .place,
body.black-and-white .contacts h2,
body.black-and-white .news_item p,
body.black-and-white .nav .inner > ul > li a,
body.black-and-white .nav .inner > ul > li a span,
body.black-and-white  .communications p a,
body.black-and-white .rizon-company{
    color: #000;   /*************************COLOR***WHITE***************/
}



body.black-and-white .menu > ul > li{
    border-color: #fff;
}

body.black-and-white .nav .inner .nav_right > ul > li > a{
    color: #000;
}

body.black-and-white .nav .inner > ul > li:hover > a{
    background: #fff;
    color: #000;
}

body.black-and-white .nav .inner > ul > li:before{
    background: transparent;
}


body.black-and-white .menu > ul > li a:hover{
    background: #fff;
    color: #000;
}

body.black-and-white .menu > ul > li .active{
    background: #fff;
    color: #000;
}

body.black-and-white .main_block .intro,
body.black-and-white .nav ul ul{
    border-color: #000;
}
/*********************NEW**************/
body.black-and-white .form input,
body.black-and-white .form textarea,
body.black-and-white .reviews .reviews_item,
body.black-and-white .ques_answer_item .ques,
body.black-and-white .ques_answer_item{
    border-color: #000;
}

body.black-and-white .reviews_item .name,
body.black-and-white .reviews_item .date,
body.black-and-white .ques_answer_item .ques span,
body.black-and-white .form > span,
body.black-and-white .form input,
body.black-and-white .form textarea,
body.black-and-white .form .capcha span{
    color: #000;
}

body.black-and-white  .pag li a.active{
    background: #000;
    color: #fff;
}

body.black-and-white .form input,
body.black-and-white .form textarea{
    background: #fff;
}

body.black-and-white .form input::-webkit-input-placeholder {
	color: #000;
	opacity: 1;
}
body.black-and-white .form input*:-moz-placeholder {
	color: #000;
	opacity: 1;
}
body.black-and-white .form input::-moz-placeholder {
	color: #000;
	opacity: 1;
}
body.black-and-white .form input:-ms-input-placeholder {
	color: #000;
	opacity: 1;
}

body.black-and-white .form textarea::-webkit-input-placeholder {
	color: #000;
	opacity: 1;
}
body.black-and-white .form textarea*:-moz-placeholder {
	color: #000;
	opacity: 1;
}
body.black-and-white .form textarea::-moz-placeholder {
	color: #000;
	opacity: 1;
}
body.black-and-white .form textarea:-ms-input-placeholder {
	color: #000;
	opacity: 1;
}


body.black-and-white .news-title-center {
    border: 0;
}
/******************************************************
*****************************************************/
body.black-and-white .header .feedback span,
body.black-and-white .main_block ul.numer li:before,
body.black-and-white .over ul li a{
    color: #000;
}

body.black-and-white .main_block .table-border tr td{
    border: 1px solid #000;
}

body.black-and-white .partners{
    border-bottom: 1px solid #000;
}

body.black-and-white .partners,
body.black-and-white .over,
body.black-and-white .over .inner{
    border-color: #000;
    background: #fff;
}


body.black-and-white .ballon{
    border-color: transparent;
    background: #fff;
}

body.black-and-white .ballon h2,
body.black-and-white .ballon p,
body.black-and-white .ballon p span,
body.black-and-white .ballon p a{
    color: #000;
}


/******************************************************/
body.black-and-white .contacts,
body.black-and-white .stock,
body.black-and-white .personal,
body.black-and-white .helpful{
    background: #fff;
}

body.black-and-white .stock_items .item p,
body.black-and-white .stock_items .item .range,
body.black-and-white .stock h2,
body.black-and-white .personal h2,
body.black-and-white .personal_items p,
body.black-and-white .helpful h2,
body.black-and-white .personal_items span{
    color: #000;
}

body.black-and-white .btn,
body.black-and-white .main_block .button{
    background: #000;
    color: #fff;
}

body.black-and-white .btn span,
body.black-and-white .main_block .button{
    border-color: #fff;   
}

body.black-and-white .personal_items .photo{
    border-color: #000;
}

/*****************************************************/


body.white-and-black .inner .search {
    background-image: url(/bitrix/templates/stomatvrn/img/nav/lup_w.png);
}

body.white-and-black .main_block .page{
    background: transparent;
}

body.white-and-black .blind-line span,
body.white-and-black a,
body.white-and-black .news-cols .eventlist:hover a,
body.white-and-black .programs .program:hover,
body.white-and-black .side-menu li.current > a,
body.white-and-black .breadcrumbs_list span,
body.white-and-black .anons-tabs a.current,
body.white-and-black .copy,
body.white-and-black a.expanders_link:hover,
body.white-and-black a.dotted:hover,
body.white-and-black .section-title,
body.white-and-black .expanders_block a:hover,
body.white-and-black a.agencies_tablink:hover,
body.white-and-black .videos_item:hover .title,
body.white-and-black .videos_item.hover .title,
body.white-and-black .news-one .black,
body.white-and-black .file-lnk_dwnld,
body.white-and-black .file-lnk_size,
body.white-and-black .docs_section,
body.white-and-black .docs_date,
body.white-and-black .nav .inner .nav_right > ul > li > a,
body.white-and-black .blind-line a,
body.white-and-black .inner .mail a,
body.white-and-black .nav .inner .nav_right > ul > li ul li a,
body.white-and-black .main_block ul.num li span{
	color: white;
}
body.white-and-black .popup .redButton {
	color: white !important;
}
body.white-and-black .media-popup .date {
	color: black !important;
}
body.white-and-black .header,
body.white-and-black .media-popup,
body.white-and-black .dot:after,
body.white-and-black .paginator a.current,
body.white-and-black .paginator a:hover,
body.white-and-black a.agencies_tablink.active,
body.white-and-black .blind-line .size-control a.active:after,
body.white-and-black .main_block ul.list li:before
{ 
	background: white;
}



body.white-and-black .about{
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
body.white-and-black .mainmenu li > a,
body.white-and-black .mainmenu li > a:link,
body.white-and-black .mainmenu li > a:visited,
body.white-and-black .mainmenu li:hover > a,
body.white-and-black .mainmenu li:hover > a:link,
body.white-and-black .mainmenu li:hover > a:visited,
body.white-and-black .paginator a.current,
body.white-and-black .paginator a:hover,
body.white-and-black .menubar-aside,
body.white-and-black .menubar-aside .place,
body.white-and-black .media-popup .title,
body.white-and-black .popup,
body.white-and-black .agencies_box-cnt,

body.white-and-black .agencies_box-cnt a{
	color: black;
}
body.white-and-black,
body.white-and-black .footer,
body.white-and-black .subheader,
body.white-and-black .greybg,
body.white-and-black .main,
body.white-and-black .breadcrumbs,
body.white-and-black .promoevent .text,
body.white-and-black .eventlist a:hover,
body.white-and-black .expanders_block,
body.white-and-black .popup .redButton,
body.white-and-black .blind-line,
/*******************************************************************************/
body.white-and-black  .header,
body.white-and-black  .nav,
body.white-and-black  .content,
body.white-and-black .content,
body.white-and-black .menu > ul,
body.white-and-black .inner .sidebar,
body.white-and-black .menu ul ul,
body.white-and-black .sidebar > div,
body.white-and-black .intro .inner > div,
body.white-and-black .nav ul ul,
body.white-and-black .content .inner,
body.white-and-black .nav .inner > ul > li .active,
body.white-and-black .menu > ul > li a,
body.white-and-black .about
{
	background: black;
}

body.white-and-black .blind-line{
    border-bottom: 1px solid #fff;  /*************************BORDER-BOTTOM***WHITE***************/
}

body.white-and-black .sidebar .menu,
body.white-and-black .main_block .button,
body.white-and-black .sidebar h2{
    background: #fff;
}

body.white-and-black .intro{
    background: #000;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
}



body.white-and-black .intro p,
body.white-and-black .intro p span,
body.white-and-black .inner .phone,
body.white-and-black .inner .phone a,
body.white-and-black .inner .address,
body.white-and-black .main_block h1,
body.white-and-black .main_block h2,
body.white-and-black .main_block h3,
body.white-and-black .main_block h4,
body.white-and-black .contacts a,
body.white-and-black .main_block p,
body.white-and-black .logo p,
body.white-and-black .logo span,
body.white-and-black .contacts span,
body.white-and-black .main_block ul li,
body.white-and-black .menu > ul > li a,
body.white-and-black .news_item .more,
body.white-and-black .news_item p,
body.white-and-black .news_item .date,
body.white-and-black .main_block ol li,
body.white-and-black .main_block table tr td,
body.white-and-black .header .nav > li > a,
body.white-and-black .nav .inner > ul > li a,
body.white-and-black .nav .inner > ul > li ul li a,
body.white-and-black .nav .inner > ul > li ul li a span,
body.white-and-black .menu > ul > li a span,
body.white-and-black  .communications span,
body.white-and-black  .communications p,
body.white-and-black  .communications p a,
body.white-and-black .inner .phone span,
body.white-and-black .intro span{
    color: #fff;   /*************************COLOR***WHITE***************/
}

body.white-and-black .nav .inner > ul > li ul li a:hover{
    background: #000;
    color: #fff;
}

body.white-and-black .main_block .intro,
body.white-and-black .nav,
body.white-and-black .menu > ul > li a,
body.white-and-black .intro .inner,
body.white-and-black .header,
body.white-and-black .menu ul ul,
body.white-and-black .nav .inner > ul > li ul li a{
    border-color: #fff;
}

body.white-and-black .nav ul ul{
    border: 1px solid #fff;
}

body.white-and-black .main_block .button,
body.white-and-black .contacts .place,
body.white-and-black .sidebar h2{
    color: black;   /*************************COLOR***BLACK***************/
}

body.white-and-black .menu > ul > li,
body.white-and-black .intro .inner > div{
    border-color: #000;
}

body.white-and-black .nav .inner > ul > li:hover > a{
    background: #000;
    color: #fff;
}

body.white-and-black .nav .inner > ul > li:before{
    background: transparent;
}


body.white-and-black .nav .inner .nav_right > ul > li ul li a:hover{
    background: #000;
    color: #fff;
}

body.white-and-black .menu > ul > li a:hover{
    background: black;
    color: white;

}

body.white-and-black .menu > ul > li .active{
    background: black;
    color: white;

}

body.white-and-black .blind-line .size-control a.active,
body.white-and-black .blind-line .spacing-control a.active,
body.white-and-black .blind-line .family-control a.active{
    border-color: #fff;
}

body.white-and-black .nav{
    border-bottom: 1px solid #fff;
}
/*********************NEW**************/
body.white-and-black .form input,
body.white-and-black .form textarea,
body.white-and-black .reviews .reviews_item,
body.white-and-black .ques_answer_item .ques,
body.white-and-black .ques_answer_item{
    border-color: #fff;
}

body.white-and-black .reviews_item .name,
body.white-and-black .reviews_item .date,
body.white-and-black .ques_answer_item .ques span,
body.white-and-black .form > span,
body.white-and-black .form input,
body.white-and-black .form textarea,
body.white-and-black .form .capcha span{
    color: #fff;
}

body.white-and-black .pag li a.active{
    background: #fff;
    color: #000;
}

body.white-and-black .form input,
body.white-and-black .form textarea{
    background: #000;
}

body.white-and-black .form input::-webkit-input-placeholder {
	color: #fff;
	opacity: 1;
}
body.white-and-black .form input*:-moz-placeholder {
	color: #fff;
	opacity: 1;
}
body.white-and-black .form input::-moz-placeholder {
	color: #fff;
	opacity: 1;
}
body.white-and-black .form input:-ms-input-placeholder {
	color: #fff;
	opacity: 1;
}

body.white-and-black .form textarea::-webkit-input-placeholder {
	color: #fff;
	opacity: 1;
}
body.white-and-black .form textarea*:-moz-placeholder {
	color: #fff;
	opacity: 1;
}
body.white-and-black .form textarea::-moz-placeholder {
	color: #fff;
	opacity: 1;
}
body.white-and-black .form textarea:-ms-input-placeholder {
	color: #fff;
	opacity: 1;
}
/******************************************************
*****************************************************/
body.white-and-black .header .feedback span,
body.white-and-black .main_block ul.numer li:before,
body.white-and-black .over ul li a{
    color: #fff;
}

body.white-and-black .main_block .table-border tr td{
    border: 1px solid #fff;
}

body.white-and-black .partners{
    border-bottom: 1px solid #fff;
}

body.white-and-black .partners,
body.white-and-black .over,
body.white-and-black .over .inner{
    border-color: #fff;
    background: #000;
}


/******************************************************
*****************************************************/
body.white-and-black .ballon{
    border-color: transparent;
    background: #000;
}

body.white-and-black .ballon h2,
body.white-and-black .ballon p,
body.white-and-black .ballon p span,
body.white-and-black .ballon p a{
    color: #fff;
}

/******************************************************/
body.white-and-black .contacts,
body.white-and-black .stock,
body.white-and-black .personal,
body.white-and-black .helpful{
    background: #000;
}

body.white-and-black .stock_items .item p,
body.white-and-black .stock_items .item .range,
body.white-and-black .stock h2,
body.white-and-black .personal h2,
body.white-and-black .personal_items p,
body.white-and-black .helpful h2,
body.white-and-black .personal_items span{
    color: #fff;
}

body.white-and-black .btn,
body.white-and-black .main_block .button{
    background: #fff;
    color: #000;
}

body.white-and-black .btn span,
body.white-and-black .main_block .button span{
    color: #000;
    border-color: #000;   
}

body.white-and-black .personal_items .photo,
body.white-and-black .contacts{
    border-color: #fff;
}

/*****************************************************/

/****BLACK-AND-BLUE****/
body.black-and-blue .blind-line,
body.black-and-blue .header,
body.black-and-blue .nav,
body.black-and-blue .nav ul ul,
body.black-and-blue .sidebar h2,
body.black-and-blue .menu > ul,
body.black-and-blue .sidebar .news,
body.black-and-blue .main_block .page,
body.black-and-blue .footer,
body.black-and-blue .nav ul,
body.black-and-blue .content,
body.black-and-blue .inner .sidebar,
body.black-and-blue .sidebar > div,
body.black-and-blue .intro .inner > div,
body.black-and-blue .content .inner,
body.black-and-blue  .nav .inner > ul > li .active,
body.black-and-blue .menu ul ul li a,
body.black-and-blue .about{
    background: #9dd1ff;
} 

body.black-and-blue .ballon{
    border-color: transparent;
    background: #9dd1ff;
}

body.black-and-blue .ballon h2,
body.black-and-blue .ballon p,
body.black-and-blue .ballon p span,
body.black-and-blue .ballon p a{
    color: #063462;
}

body.black-and-blue .about{
    border-top: 1px solid #063462;
    border-bottom: 1px solid #063462;
}

body.black-and-blue .intro{
    background: #9dd1ff;
    border-top: 1px solid #063462;
    border-bottom: 1px solid #063462;
}

/*********************NEW**************/
body.black-and-blue .form input,
body.black-and-blue .form textarea,
body.black-and-blue .reviews .reviews_item,
body.black-and-blue .ques_answer_item .ques,
body.black-and-blue .ques_answer_item,
body.black-and-blue .nav .inner > ul > li ul li a,
body.black-and-blue .nav ul ul{
    border-color: #063462;
}

body.black-and-blue .reviews_item .name,
body.black-and-blue .reviews_item .date,
body.black-and-blue .ques_answer_item .ques span,
body.black-and-blue .form > span,
body.black-and-blue .form input,
body.black-and-blue .form textarea,
body.black-and-blue .form .capcha span,
body.black-and-blue .rizon-company,
body.black-and-blue .develop p,
body.black-and-blue .main_block ul.num li span{
    color: #063462;
}

body.black-and-blue .pag li a.active{
    background: #063462;
    color: #9dd1ff;
}

body.black-and-blue .form input,
body.black-and-blue .form textarea,
{
    background: #9dd1ff;
}

body.black-and-blue .form input::-webkit-input-placeholder {
	color: #063462;
	opacity: 1;
}
body.black-and-blue .form input*:-moz-placeholder {
	color: #063462;
	opacity: 1;
}
body.black-and-blue .form input::-moz-placeholder {
	color: #063462;
	opacity: 1;
}
body.black-and-blue .form input:-ms-input-placeholder {
	color: #063462;
	opacity: 1;
}

body.black-and-blue .form textarea::-webkit-input-placeholder {
	color: #063462;
	opacity: 1;
}
body.black-and-blue .form textarea*:-moz-placeholder {
	color: #063462;
	opacity: 1;
}
body.black-and-blue .form textarea::-moz-placeholder {
	color: #063462;
	opacity: 1;
}
body.black-and-blue .form textarea:-ms-input-placeholder {
	color: #063462;
	opacity: 1;
}

/*********************NEW**************/

body.black-and-blue .sidebar h2{
    background-image: none;
}
body.black-and-blue .blind-line span,
body.black-and-blue .inner .phone,
body.black-and-blue .inner .address,
body.black-and-blue .inner .mail a,
body.black-and-blue .logo p,
body.black-and-blue .nav .inner .nav_right > ul > li > a,
body.black-and-blue .sidebar h2,
body.black-and-blue .menu > ul > li a,
body.black-and-blue .news_item .date,
body.black-and-blue .news_item .more,
body.black-and-blue .news_item p,
body.black-and-blue .main_block h1,
body.black-and-blue .main_block h2,
body.black-and-blue .main_block h3,
body.black-and-blue .main_block h4,
body.black-and-blue .main_block p,
body.black-and-blue .main_block a,
body.black-and-blue .main_block ul li,
body.black-and-blue .main_block ol li,
body.black-and-blue .main_block .button,
body.black-and-blue .header .nav li a,
body.black-and-blue .logo span,
body.black-and-blue .nav .inner > ul > li > a,
body.black-and-blue .communications span,
body.black-and-blue .communications p,
body.black-and-blue .communications p a,
body.black-and-blue .contacts p,
body.black-and-blue .contacts p a,
body.black-and-blue .inner .phone a,
body.black-and-blue .nav .inner .nav_right > ul > li ul li a,
body.black-and-blue .intro p,
body.black-and-blue .intro p span,
body.black-and-blue .menu > ul > li a span,
body.black-and-blue .main_block table tbody tr td,
body.black-and-blue .inner .phone span,
body.black-and-blue .nav .inner > ul > li ul li a
{
    color: #063462;
}


body.black-and-blue .about{
    border-top: 1px solid #063462;
    border-bottom: 1px solid #063462;
}

body.black-and-blue .nav .inner .nav_right > ul > li ul li a:hover{
    color: #063462;
    background: #9dd1ff;
}

body.black-and-blue .main_block .button{
    background: #063462!important;
    color: #9dd1ff!important;
}

body.black-and-blue .main_block .table-border tr td{
    border-color: #063462!important;
}

body.black-and-blue .sidebar h2{
    background: #063462;
    color: #9dd1ff;
}

body.black-and-blue .main_block .intro,
body.black-and-blue .menu > ul,
body.black-and-blue .news .news_item,
body.black-and-blue .sidebar .communications,
body.black-and-blue .nav,
body.black-and-blue .menu > ul > li a,
body.black-and-blue .sidebar .news,
body.black-and-blue .header,
body.black-and-blue .menu ul ul,
body.black-and-blue .sidebar .menu{
    border-color: #063462;
}

body.black-and-blue .intro .inner > div{
    border-color: #9dd1ff;
}

body.black-and-blue .menu > ul > li a:hover,
body.black-and-blue .menu > ul > li a:hover span,
body.black-and-blue .menu > ul > li .active,
body.black-and-blue .menu > ul > li .active span{
    background: #9dd1ff;
}

body.black-and-blue .nav .inner > ul > li:hover > a{
    background: #9dd1ff;
}

body.black-and-blue .nav .inner > ul > li ul li a:hover{
    background: #9dd1ff;
    color: #063462;
}

body.black-and-blue .nav .inner > ul > li ul li a span{
    color: #063462;
}

body.black-and-blue .nav .inner > ul > li ul li a:hover span{
    color: #063462;
}

body.black-and-blue .main_block ul.list li:before{
    background: #063462;
}

body.black-and-blue .blind-line,
body.black-and-blue .nav{
    border-bottom: 1px solid #063462;
}

body.black-and-blue .nav_right .eye{
    background-image: url(/bitrix/templates/stomatvrn/img/nav/eye_blue.png);
    color: #000;
}

body.black-and-blue .inner .search {
    background-image: url(/bitrix/templates/stomatvrn/img/nav/lup_b.png);
}

/******************************************************
*****************************************************/
body.black-and-blue .header .feedback span,
body.black-and-blue .main_block ul.numer li:before,
body.black-and-blue .over ul li a{
    color: #063462;
}

body.black-and-blue .main_block .table-border tr td{
    border: 1px solid #063462;
}

body.black-and-blue .partners{
    border-bottom: 1px solid #063462;
}

body.black-and-blue .partners,
body.black-and-blue .over,
body.black-and-blue .over .inner{
    border-color: #063462;
    background: #9dd1ff;
}

/******************************************************/
body.black-and-blue .contacts,
body.black-and-blue .stock,
body.black-and-blue .personal,
body.black-and-blue .helpful{
    background: #9dd1ff;
}

body.black-and-blue .stock_items .item p,
body.black-and-blue .stock_items .item .range,
body.black-and-blue .stock h2,
body.black-and-blue .personal h2,
body.black-and-blue .personal_items p,
body.black-and-blue .helpful h2,
body.black-and-blue .personal_items span{
    color: #063462;
}

body.black-and-blue .btn,
body.black-and-blue .main_block .button{
    background: #063462;
    color: #9dd1ff;
}

body.black-and-blue .btn span,
body.black-and-blue .main_block .button span{
    color: #9dd1ff;
    border-color: #9dd1ff;   
}

body.black-and-blue .personal_items .photo,
body.black-and-blue .contacts{
    border-color: #063462;
}

/*****************************************************/



/****BROWN-AND-BEIGE****/
body.brown-and-beige .blind-line,
body.brown-and-beige .header,
body.brown-and-beige .nav,
body.brown-and-beige .nav ul ul,
body.brown-and-beige .sidebar h2,
body.brown-and-beige .menu > ul,
body.brown-and-beige .sidebar .news,
body.brown-and-beige .main_block .page,
body.brown-and-beige .footer,
body.brown-and-beige .nav ul,
body.brown-and-beige .content,
body.brown-and-beige .inner .sidebar,
body.brown-and-beige .sidebar > div,
body.brown-and-beige .intro .inner > div,
body.brown-and-beige .content .inner,
body.brown-and-beige .nav .inner > ul > li .active,
body.brown-and-beige .menu ul ul li a,
body.brown-and-beige .intro,
body.brown-and-beige .about{
    background: #f7f3d6;
} 

body.brown-and-beige .ballon{
    border-color: transparent;
    background: #f7f3d6;
}

body.brown-and-beige .ballon h2,
body.brown-and-beige .ballon p,
body.brown-and-beige .ballon p span,
body.brown-and-beige .ballon p a{
    color: #59422e;
}

body.brown-and-beige .intro{
    border-top: 1px solid #59422e;
    border-bottom: 1px solid #59422e;
}


body.brown-and-beige .intro{
    background: #f7f3d6;
    border-top: 1px solid #59422e;
    border-bottom: 1px solid #59422e;
}

/*********************NEW**************/
body.brown-and-beige .form input,
body.brown-and-beige .form textarea,
body.brown-and-beige .reviews .reviews_item,
body.brown-and-beige .ques_answer_item .ques,
body.brown-and-beige .ques_answer_item,
body.brown-and-beige .nav .inner > ul > li ul li a{
    border-color: #59422e;
}

body.brown-and-beige .reviews_item .name,
body.brown-and-beige .reviews_item .date,
body.brown-and-beige .ques_answer_item .ques span,
body.brown-and-beige .form > span,
body.brown-and-beige .form input,
body.brown-and-beige .form textarea,
body.brown-and-beige .form .capcha span,
body.brown-and-beige .rizon-company,
body.brown-and-beige .develop p,
body.brown-and-beige .main_block ul.num li span{
    color: #59422e;
}

body.brown-and-beige .pag li a.active,
body.brown-and-beige .main_block ul.list li:before{
    background: #59422e;
    color: #f7f3d6;
}

body.brown-and-beige .form input,
body.brown-and-beige .form textarea{
    background: #f7f3d6;
}

body.brown-and-beige .form input::-webkit-input-placeholder {
	color: #59422e;
	opacity: 1;
}
body.brown-and-beige .form input*:-moz-placeholder {
	color: #59422e;
	opacity: 1;
}
body.brown-and-beige .form input::-moz-placeholder {
	color: #59422e;
	opacity: 1;
}
body.brown-and-beige .form input:-ms-input-placeholder {
	color: #59422e;
	opacity: 1;
}

body.brown-and-beige .form textarea::-webkit-input-placeholder {
	color: #59422e;
	opacity: 1;
}
body.brown-and-beige .form textarea*:-moz-placeholder {
	color: #59422e;
	opacity: 1;
}
body.brown-and-beige .form textarea::-moz-placeholder {
	color: #59422e;
	opacity: 1;
}
body.brown-and-beige .form textarea:-ms-input-placeholder {
	color: #59422e;
	opacity: 1;
}

/*********************NEW**************/

body.brown-and-beige .main_block .button{
    background: #DCC0A9;
}

body.brown-and-beige .sidebar h2{
    background-image: none;
}

body.brown-and-beige .intro p,
body.brown-and-beige .intro p span,
body.brown-and-beige .blind-line span,
body.brown-and-beige .inner .phone,
body.brown-and-beige .inner .address,
body.brown-and-beige .inner .mail a,
body.brown-and-beige .logo p,
body.brown-and-beige .logo p span,
body.brown-and-beige .nav .inner .nav_right > ul > li > a,
body.brown-and-beige .sidebar h2,
body.brown-and-beige .menu > ul > li a,
body.brown-and-beige .news_item .date,
body.brown-and-beige .news_item .more,
body.brown-and-beige .news_item p,
body.brown-and-beige .main_block h1,
body.brown-and-beige .main_block h2,
body.brown-and-beige .main_block h3,
body.brown-and-beige .main_block h4,
body.brown-and-beige .main_block p,
body.brown-and-beige .main_block a,
body.brown-and-beige .main_block ul li,
body.brown-and-beige .main_block ol li,
body.brown-and-beige .main_block .button,
body.brown-and-beige .contacts p,
body.brown-and-beige .main_block .table-border tr td
body.brown-and-beige .nav .inner .nav_right > ul > li ul li a,
body.brown-and-beige .menu > ul > li a span,
body.brown-and-beige .place p a,
body.brown-and-beige .header .nav li a,
body.brown-and-beige .contacts p a,
body.brown-and-beige .contacts h2,
body.brown-and-beige .nav .inner > ul > li > a,
body.brown-and-beige .nav .inner > ul > li ul li a,
body.brown-and-beige .nav .inner > ul > li ul li a span,
body.brown-and-beige .communications span,
body.brown-and-beige .communications p,
body.brown-and-beige .communications p a,
body.brown-and-beige .inner .phone a,
body.brown-and-beige .nav .inner .nav_right > ul > li ul li a,
body.brown-and-beige .intro span{
    color: #59422e;
}

body.brown-and-beige .nav .inner .nav_right > ul > li ul li a:hover{
    color: #59422e;
    background: #f7f3d6;
}

body.brown-and-beige .nav .inner .nav_right > ul > li ul li a:hover span{
    color: #59422e;
}

body.brown-and-beige .main_block .table-border tr td,
body.brown-and-beige .nav ul ul,
body.brown-and-beige .header,
body.brown-and-beige .menu ul ul{
    border-color: #59422e;
}

body.brown-and-beige .intro .inner > div{
    border-color: #f7f3d6;
}

body.brown-and-beige .blind-line,
body.brown-and-beige .nav{
    border-bottom: 1px solid #59422e;
}

body.brown-and-beige .nav_right .eye{
    background-image: url(/bitrix/templates/stomatvrn/img/nav/eye_brown.png);
    color: #000;
}

body.brown-and-beige .inner .search {
    background-image: url(/bitrix/templates/stomatvrn/img/nav/lup_b.png);
}


body.brown-and-beige .sidebar h2{
    background: #59422e;
    color: #f7f3d6;
}

body.brown-and-beige .main_block .intro,
body.brown-and-beige .menu > ul,
body.brown-and-beige .news .news_item,
body.brown-and-beige .sidebar .communications,
body.brown-and-beige .nav,
body.brown-and-beige .menu > ul > li a,
body.brown-and-beige .sidebar .news,
body.brown-and-beige .intro .inner,
body.brown-and-beige .sidebar .menu{
    border-color: #59422e;
}

body.brown-and-beige .about{
    border-top: 1px solid #59422e;
    border-bottom: 1px solid #59422e;
}

body.brown-and-beige .menu > ul > li a:hover,
body.brown-and-beige .menu > ul > li .active{
    background: #f7f3d6;
}

body.brown-and-beige .nav .inner > ul > li:hover > a{
    background: #f7f3d6;
}

body.brown-and-beige .nav .inner > ul > li ul li a:hover{
    background: #f7f3d6;
    color: #59422e;
}

/******************************************************
*****************************************************/
body.brown-and-beige .header .feedback span,
body.brown-and-beige .main_block ul.numer li:before,
body.brown-and-beige .over ul li a{
    color: #59422e;
}

body.brown-and-beige .main_block .table-border tr td{
    border: 1px solid #59422e;
}

body.brown-and-beige .partners{
    border-bottom: 1px solid #59422e;
}

body.brown-and-beige .partners,
body.brown-and-beige .over,
body.brown-and-beige .over .inner{
    border-color: #59422e;
    background: #f7f3d6;
}


/******************************************************/
body.brown-and-beige .contacts,
body.brown-and-beige .stock,
body.brown-and-beige .personal,
body.brown-and-beige .helpful{
    background: #f7f3d6;
}

body.brown-and-beige .stock_items .item p,
body.brown-and-beige .stock_items .item .range,
body.brown-and-beige .stock h2,
body.brown-and-beige .personal h2,
body.brown-and-beige .personal_items p,
body.brown-and-beige .helpful h2,
body.brown-and-beige .personal_items span{
    color: #59422e;
}

body.brown-and-beige .btn,
body.brown-and-beige .main_block .button{
    background: #59422e;
    color: #f7f3d6;
}

body.brown-and-beige .btn span,
body.brown-and-beige .main_block .button span{
    color: #f7f3d6;
    border-color: #f7f3d6;   
}

body.brown-and-beige .personal_items .photo,
body.brown-and-beige .contacts{
    border-color: #59422e;
}

/*****************************************************/

/****GREEN-AND-BROWN****/
body.green-and-brown .blind-line,
body.green-and-brown .header,
body.green-and-brown .nav,
body.green-and-brown .nav ul ul,
body.green-and-brown .sidebar h2,
body.green-and-brown .menu > ul,
body.green-and-brown .sidebar .news,
body.green-and-brown .main_block .page,
body.green-and-brown .footer,
body.green-and-brown .nav ul,
body.green-and-brown .content,
body.green-and-brown .inner .sidebar,
body.green-and-brown .sidebar > div,
body.green-and-brown .intro .inner > div,
body.green-and-brown .content .inner,
body.green-and-brown .nav .inner > ul > li .active,
body.green-and-brown .menu ul ul li a,
body.green-and-brown .intro,
body.green-and-brown .about{
    background: #3b2716;
} 

body.green-and-brown .ballon{
    border-color: transparent;
    background: #3b2716;
}

body.green-and-brown .ballon h2,
body.green-and-brown .ballon p,
body.green-and-brown .ballon p span,
body.green-and-brown .ballon p a{
    color: #a9dd38;
}

body.green-and-brown .about{
    border-top: 1px solid #a9dd38;
    border-bottom: 1px solid #a9dd38;
}


body.green-and-brown .intro{
    border-top: 1px solid #a9dd38;
    border-bottom: 1px solid #a9dd38;
}


body.green-and-brown .intro{
    background: #3b2716;
    border-top: 1px solid #a9dd38;
    border-bottom: 1px solid #a9dd38;
}

/*********************NEW**************/
body.green-and-brown .form input,
body.green-and-brown .form textarea,
body.green-and-brown .reviews .reviews_item,
body.green-and-brown .ques_answer_item .ques,
body.green-and-brown .ques_answer_item,
body.green-and-brown .nav .inner > ul > li ul li a{
    border-color: #a9dd38;
}

body.green-and-brown .reviews_item .name,
body.green-and-brown .reviews_item .date,
body.green-and-brown .ques_answer_item .ques span,
body.green-and-brown .form > span,
body.green-and-brown .form input,
body.green-and-brown .form textarea,
body.green-and-brown .form .capcha span,
body.green-and-brown .rizon-company,
body.green-and-brown .develop p,
body.green-and-brown .main_block ul.num li span{
    color: #a9dd38;
}

body.green-and-brown .pag li a.active,
body.green-and-brown .main_block ul.list li:before{
    background: #a9dd38;
    color: #3b2716;

}

body.green-and-brown .form input,
body.green-and-brown .form textarea{
    background: #3b2716;
}

body.green-and-brown .form input::-webkit-input-placeholder {
	color: #a9dd38;
	opacity: 1;
}
body.green-and-brown .form input*:-moz-placeholder {
	color: #a9dd38;
	opacity: 1;
}
body.green-and-brown .form input::-moz-placeholder {
	color: #a9dd38;
	opacity: 1;
}
body.green-and-brown .form input:-ms-input-placeholder {
	color: #a9dd38;
	opacity: 1;
}

body.green-and-brown .form textarea::-webkit-input-placeholder {
	color: #a9dd38;
	opacity: 1;
}
body.green-and-brown .form textarea*:-moz-placeholder {
	color: #a9dd38;
	opacity: 1;
}
body.green-and-brown .form textarea::-moz-placeholder {
	color: #a9dd38;
	opacity: 1;
}
body.green-and-brown .form textarea:-ms-input-placeholder {
	color: #a9dd38;
	opacity: 1;
}

/*********************NEW**************/

body.green-and-brown .inner .search {
    background-image: url(/bitrix/templates/stomatvrn/img/nav/lup_g.png);
}

body.green-and-brown .main_block .button{
    background: #73553B ;
 }

body.green-and-brown .sidebar h2{
    background-image: none;
}

body.green-and-brown .intro p,
body.green-and-brown .intro span,
body.green-and-brown .blind-line span,
body.green-and-brown .inner .phone,
body.green-and-brown .inner .address,
body.green-and-brown .inner .mail a,
body.green-and-brown .logo p,
body.green-and-brown .nav .inner .nav_right > ul > li > a,
body.green-and-brown .sidebar h2,
body.green-and-brown .menu > ul > li a,
body.green-and-brown .news_item .date,
body.green-and-brown .news_item .more,
body.green-and-brown .news_item p,
body.green-and-brown .main_block h1,
body.green-and-brown .main_block h2,
body.green-and-brown .main_block h3,
body.green-and-brown .main_block h4,
body.green-and-brown .main_block p,
body.green-and-brown .main_block a,
body.green-and-brown .main_block ul li,
body.green-and-brown .main_block ol li,
body.green-and-brown .main_block .button,
body.green-and-brown .contacts p,
body.green-and-brown .main_block .table-border tr td,
body.green-and-brown .nav .inner .nav_right > ul > li ul li a,
body.green-and-brown .blind-line .size-control a,
body.green-and-brown .blind-line .spacing-control a,
body.green-and-brown .blind-line .family-control a,
body.green-and-brown .menu > ul > li a span,
body.green-and-brown .blind-line .get-back a,
body.green-and-brown .place p a,
body.green-and-brown .header .nav li a,
body.green-and-brown .logo span,
body.green-and-brown .contacts h2,
body.green-and-brown .contacts p a,
body.green-and-brown .nav .inner > ul > li > a,
body.green-and-brown .nav .inner > ul > li ul li a,
body.green-and-brown .nav .inner > ul > li ul li a span,
body.green-and-brown .communications span,
body.green-and-brown .communications p,
body.green-and-brown .communications p a,
body.green-and-brown .inner .phone a,
body.green-and-brown .inner .phone span{
    color: #a9dd38;
}


body.brown-and-beige .nav .inner .nav_right > ul > li ul li a:hover{
    color: #a9dd38;
    background: #3b2716;
}


body.green-and-brown .blind-line .family-control a.active,
body.green-and-brown .blind-line .spacing-control a.active,
body.green-and-brown .blind-line .size-control a.active{
    border-bottom: 1px solid #a9dd38;
}
body.green-and-brown .main_block .table-border tr td,
body.green-and-brown .main_block .table-border{
    border: 1px solid #a9dd38;
}

body.green-and-brown .blind-line,
body.green-and-brown .nav{
    border-bottom: 1px solid #a9dd38;
}

body.green-and-brown .nav_right .eye{
    background-image: url(/bitrix/templates/stomatvrn/img/nav/eye_green.png);
    color: #a9dd38;
}



body.green-and-brown .sidebar h2{
    background: #a9dd38;
    color: #3b2716;
}

body.green-and-brown .main_block .intro,
body.green-and-brown .menu > ul,
body.green-and-brown .news .news_item,
body.green-and-brown .sidebar .communications,
body.green-and-brown .nav,
body.green-and-brown .menu > ul > li a,
body.green-and-brown .sidebar .news,
body.green-and-brown .intro .inner,
body.green-and-brown .nav ul ul,
body.green-and-brown .header,
body.green-and-brown .menu ul ul,
body.green-and-brown .sidebar .menu{
    border-color: #a9dd38;
}

body.green-and-brown .menu > ul > li a:hover,
body.green-and-brown .menu > ul > li .active{
    background: #3b2716;
}

body.green-and-brown .nav .inner > ul > li:hover > a{
    background: #3b2716;
}

body.green-and-brown .nav .inner > ul > li ul li a:hover{
    background: #3b2716;
    color: #a9dd38;
}

body.green-and-brown .intro .inner > div{
    border-color: #3b2716;
}

/******************************************************
*****************************************************/
body.green-and-brown .header .feedback span,
body.green-and-brown .main_block ul.numer li:before,
body.green-and-brown .over ul li a{
    color: #a9dd38;
}

body.green-and-brown .main_block .table-border tr td{
    border: 1px solid #a9dd38;
}

body.green-and-brown .partners{
    border-bottom: 1px solid #a9dd38;
}

body.green-and-brown .partners,
body.green-and-brown .over,
body.green-and-brown .over .inner{
    border-color: #a9dd38;
    background: #3b2716;
}


/******************************************************/
body.green-and-brown .contacts,
body.green-and-brown .stock,
body.green-and-brown .personal,
body.green-and-brown .helpful{
    background: #3b2716;
}

body.green-and-brown .stock_items .item p,
body.green-and-brown .stock_items .item .range,
body.green-and-brown .stock h2,
body.green-and-brown .personal h2,
body.green-and-brown .personal_items p,
body.green-and-brown .helpful h2,
body.green-and-brown .personal_items span{
    color: #a9dd38;
}

body.green-and-brown .btn,
body.green-and-brown .main_block .button{
    background: #a9dd38;
    color: #3b2716;
}

body.green-and-brown .btn span,
body.green-and-brown .main_block .button span{
    color: #3b2716;
    border-color: #3b2716;   
}

body.green-and-brown .personal_items .photo,
body.green-and-brown .contacts{
    border-color: #a9dd38;
}

/*****************************************************/



.blindOn .menu > ul > li a{
    background: transparent;
}



.blindOn .main_block_right{
    border: none;
}


.blindOn .main_block table tbody tr:nth-child(even){
    background: transparent;
}

.blindOn .nav .inner > ul > li > a{
    padding-left: 10px;
    padding-right: 10px;
}



.blindOn .intro .slider li{
    background: transparent!important;
}

.blindOn .bx-wrapper .bx-pager.bx-default-pager a,
.blindOn .intro .bx-wrapper .bx-controls-direction a{
    display: none;
}

.blindOn .main_block .table-border{
    border: none;
}

.blindOn .ballon:before{
    display: none;
}

.blindOn .stock_items .item > div{
    background: transparent;
}

/***section ****/

body.black-and-white .button-p::before,
body.black-and-white .button-p::after,
body.black-and-white .button-s::before,
body.black-and-white .button-s::after,
body.black-and-white .intro .button{
    background: #000;
    color: #fff;
}
body.white-and-black .button-p::before,
body.white-and-black .button-p::after,
body.white-and-black .button-s::before,
body.white-and-black .button-s::after,
body.white-and-black .intro .button{
    background: #fff;
    color: #000;
}

body.black-and-blue .button-p::before,
body.black-and-blue .button-p::after,
body.black-and-blue .button-s::before,
body.black-and-blue .button-s::after,
body.black-and-blue .intro .button{
    background: #063462;
    color: #9dd1ff;
}

body.brown-and-beige .button-p::before,
body.brown-and-beige .button-p::after,
body.brown-and-beige .button-s::before,
body.brown-and-beige .button-s::after,
body.brown-and-beige .intro .button{
    background: #59422e;
    color: #f7f3d6;
}

body.green-and-brown .button-p::before,
body.green-and-brown .button-p::after,
body.green-and-brown .button-s::before,
body.green-and-brown .button-s::after,
body.green-and-brown .intro .button{
    background: #a9dd38;
    color: #3b2716;
}


/*
     FILE ARCHIVED ON 22:42:39 May 12, 2018 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 16:41:12 Feb 19, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.603
  exclusion.robots: 0.021
  exclusion.robots.policy: 0.01
  esindex: 0.01
  cdx.remote: 26.483
  LoadShardBlock: 168.302 (3)
  PetaboxLoader3.datanode: 297.639 (4)
  load_resource: 245.222
  PetaboxLoader3.resolve: 62.777
*/