@import url('https://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700&subset=cyrillic');
@font-face {
	font-family: 'ALS Rubl';
	font-style: normal;
	font-weight: normal;
	src: local('ALS Rubl'), url('../fonts/rouble.woff') format('woff');
}


html, body {
	height:100%;
	font-family:Ubuntu, sans-serif, Arial;
	font-size:14px;
	
}

#page {
	margin:0 auto -138px auto;
	min-height:100%;
	height:auto !important;
	height:100%;
	/*padding:0 30px;*/
}
#page,footer {
	/*min-width:964px;
	max-width:1204px;*/
}

header {
	display:block;
	position:relative;
	background:#fff;
}
header .header-top .container,
header .header-bottom .container,
.content .container
{
	padding: 0;
}
footer > .container{
	padding-left: 0;
	padding-right: 0;
}
.st-padding{
	padding: 0 15px;
}

header .header-top{
	border-bottom: 1px solid #e8e8e8;
	padding: 10px 0;
}
header .header-bottom{
	box-shadow: 1px 3px 5px 0px rgba(3, 88, 129, 0.08);
	padding: 14px 0;
}
header .header-bottom.collapse.navbar-collapse{
	padding: 14px 0;
	border: none;
}
header .header-bottom.collapsing.navbar-collapse{
	border: none;
	padding:0;
}
.st-navbar{
	background: #fff;
	margin: 0;
	border: none;
}
.exp-menu-button{
	margin: 14px 0;
	background: #fff !important;
	border: none;
	box-shadow: none;
}
.exp-menu-button:hover{
	box-shadow: none;
}
.exp-menu-button #open{
	display:none;
}
.exp-menu-button.collapsed #open{
	display:block;
}
.exp-menu-button #close{
	display:block;
}
.exp-menu-button.collapsed #close{
	display:none;
}

footer {
	margin:0 auto;
/* 	padding:0 30px; */
	position:relative;
	background-color:  #f3f3f3;
}
footer>div {
	min-height:138px;
	padding-top: 50px;
	padding-bottom: 50px;
}

.content {
	padding-bottom: 159px;
	overflow:hidden;
	position: relative;
}

/*header + .content.new {
	margin-top:87px;
}*/

/*.no-padding-lr{
	padding-left:  0;
	padding-right: 0;
}
.no-padding-tb{
	padding-top:  0;
	padding-bottom: 0;
}*/
/*общее*/
a:hover, button:hover, 
label:hover>input[type="radio"], 
label:hover>input[type="checkbox"], 
[type="radio"]:hover, 
[type="checkbox"]:hover, 
[type="submit"]:hover {
	cursor: pointer;
}
*:focus{
	outline: none;
}
a{color:#0096df;}
a:hover{color: #fa7b00;text-decoration: none;}

h1, .h1{
	font-size: 48px;
	margin-bottom: 31px;
	margin-top: 59px;
}
h1 > span, .h1 > span{
 	color: #fa7b00; 
}
.card-header > h1, .modal-box h1, .cat-item-info h1{
	margin-top: 0;
	
}
.card-header > h1{
	margin-bottom: 50px;
}

.contable { /*table*/
	width:100%;
	border:1px solid;
	border-collapse: separate;
	border-spacing:1px 1px;
	border-color:#0096df;
}

.contable tr, .contable td, .contable th {
	border:1px solid #0096df;
	padding:7px;
}

.contable th {
	background:#0096df;
	color:#fff;
}

.fspan.err{
	position: absolute;
	margin-left: 15px;
	color: red;
	font-size: 10px;
}



/*цвета*/
.st-black{
	color: #3d3d3d;
}

.st-orange{
	color: #fa7b00;
}
svg.st-orange *, .st-orange svg * {
	fill:#fa7b00;
}
.st-blue{
	color: #0096df;
}
svg.st-blue *, .st-blue svg * {
	fill:#0096df;
}

.st-grey{
	color: #606060;
}
svg.st-grey *, .st-grey svg *{
	fill:#606060;
}

.st-l-grey{
	color: #aaaaaa;
}
svg.st-l-grey *, .st-l-grey svg *{
	fill:#aaaaaa;
}

.logo{
/* 	margin-right: 19px; */
	margin-right: 100px;
}

.year_13 {
	position:absolute;
	left: 108px;
	top:19px;
}

.logo-order {
	position:relative;
	overflow:hidden;
	margin-bottom: 2em;
}

.logo-order .year_13 {
	left: 93px;
}

/*мелочь*/
.icon-rub:before{
	content: 'a';
	font-style: normal;
	font-family: 'ALS Rubl';
}
span.money:after, i.money:after{
	content: 'a';
	font-style: normal;
	font-family: 'ALS Rubl';
	margin-left: 5px;
}

.mid-text{
	display: inline-block;
	vertical-align: middle;
}
.main-menu{
	
}
.menu-item{
	
	color:  #0096df;
	
	padding: 10px 25px;
	
	float:left;
}
.menu-item a, .menu-item span{
	font-size: 18px;/* Приближение из-за подстановки шрифтов */
	font-weight: 400;
	line-height: 24px;
}
.menu-item span{
	line-height: 22px;
}


header .st-navbar .menu-item a{
	color:  #0096df;
	padding: 0;
}

header .st-navbar li.menu-item a{
	color:  #0096df;
	padding: 1px 0;
}
header .st-navbar li.menu-item span{
	color:#fa7b00;
	padding: 0;
}

footer .menu-item a{
	color: #3d3d3d;
	/*line-height: 30px;*/
}
footer .menu-item span{
	color:#fa7b00;
}
footer .menu-item:hover a, footer .menu-item a:hover{
	text-decoration: none;
	
}
.st-navbar li.menu-item:hover a,li.menu-item:hover a,footer .menu-item:hover a{
	color:#fa7b00;
	cursor: pointer;
}
.menu-item:first-child{
	padding-left: 0;
}

header .slogan{
	font-size: 18px;/* Приближение из-за подстановки шрифтов */
	font-weight: 400;
	line-height: 24px;
	
	
}
header .address{
	font-size: 16px;/* Приближение из-за подстановки шрифтов */
	font-weight: 400;
	line-height: 24px;
	max-width: 50%;
}
header .address .what{
	font-size: 18px;
}
.phone{
	color:  #3d3d3d;
	font-size: 24px;/* Приближение из-за подстановки шрифтов */
	font-weight: 500;
	line-height: 24px;
}

.phone a, .phone a:hover {color:  #3d3d3d;}

footer .phone{
	font-size: 30px;
	text-align: right;
	padding: 10px 0;
}
header .time{
	font-size: 16px;/* Приближение из-за подстановки шрифтов */
	font-weight: 400;
	line-height: 27px;
	
}
header .time span, header .time svg{
	vertical-align: middle;
}

header .slogan, header .address, header .time-phone{
	padding: 15px 0;
}

header .order-button{
	text-align: right;
	
}
header .order-button button:hover{
	box-shadow: none;
}

header .socials, .content .socials {
	display:flex;
	flex-wrap:nowrap;
	justify-content:flex-end;
	width: 58%;
}

.content .socials {
	display:none;
	height:80px;
	border-bottom:1px solid #e9f8fe;
	width:100%;
	max-width:none;
	background:#c5edfc;
	justify-content: center;
/* 	align-items: center; */
	margin: 10px 0 14px 0;
	padding-top:10px;
}

header .socials a, .content .socials a {
	display:block;
	width:43px;
	height:43px;
	margin: 0 14px;
	position:relative;
}
header .socials a span, .content .socials a span {
	position:absolute;
	top:43px;
	left:50%;
}
header .socials .whatsapp, .content .socials .whatsapp {
	background: url('../i/whatsapp-color.png') no-repeat 0 0;
	background-size: cover;
}
header .socials .whatsapp span, .content .socials .whatsapp span {
	margin-left: -37px;
}
header .socials .viber, .content .socials .viber {
	background: url('../i/viber-color.png') no-repeat 0 0;
	background-size: cover;
}
header .socials .viber span, .content .socials .viber span {
	margin-left: -18px;
}
header .socials .sms, .content .socials .sms {
	background: url('../i/sms.png') no-repeat 0 0;
}
header .socials .sms span, .content .socials .sms span {
	margin-left: -14px;
}
header .socials .phone, .content .socials .phone {
	display:none;
	background: url('../i/phone.png') no-repeat 0 0;
}
header .socials .phone span, .content .socials .phone span {
	color:#0096df;
	font-weight:400;
	font-size:14px;
	margin-left:-33px;
}
.content .socials .phone {
	display:block;
}

button.white{
	background: #fff;
	box-shadow: none;
	color: #fa7b00;
}
button.white:hover{
	box-shadow: none;
}

button.blue{
	background: #0096df;
	border-color: #0096df;
	color: #fff;
	box-shadow: 2px 4px 16px 0px rgba(0, 150, 223, 0.47);
}
button.blue:hover{
	background: #0096df;
	border-color: #0096df;
	box-shadow: 2px 4px 16px 0px rgba(0, 150, 223, 0.80);
}

button, .button, input[type=submit], input[type=reset]{
	text-align: center;
	text-transform: uppercase;
	font-weight: 500;
	line-height: 14px;
	padding: 14px 38px;
	border-style: solid;
	border-width: 2px;
	border-radius: 30px;
	
	border-color: #fa7b00;
	color: #fff;
	background: #fa7b00;
	font-size: 14px;
	box-shadow: 2px 4px 12px 0px rgba(222, 122, 28, 0.47);
	
}
button:hover, .button:hover, input[type=submit]:hover, input[type=reset]:hover{
	background-color:  #fa7b00;
	box-shadow: 2px 4px 16px 0px rgba(222, 122, 28, 0.80);
	color: #fff;
	
}
/*стрелка вверх*/
.arrow-up{
	position: fixed;
	right: 45px;
	bottom: 45px;
	
	width: 45px;
	height:45px;
	color: #fff;
	background: #0096df;
	border-radius: 50%;
	
	opacity: 0.5;
}
.arrow-up i{
	position: absolute;
	top: 50%;
	left:50%;
	transform: translate(-50%, -50%);
	
	font-size: 20px;
	line-height: 20px;
}
.arrow-up div.corner{
	position: absolute;
	top: 55%;
	left:50%;
	transform: translate(-50%, -50%) rotateZ(-45deg);
	
	width: 14px;
	height:14px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
}
.arrow-up:hover{
	background: #fa7b00;
	cursor: pointer;
}
/*оставить отзыв*/
.review-button{
	position:fixed;
	top: 50%;
	right: 0;
	background: #fff;
	padding: 10px 25px;
	
	border-radius: 2px;
	box-shadow: 2px 4px 24px 0px rgba(3, 88, 129, 0.26);
	
	transform-origin: 100% 100% 0;
	transform: rotateZ(-90deg) translateX(50%);
	
	font-size: 16px;/* Приближение из-за подстановки шрифтов */
	font-weight: 400;
	line-height: 22px;
	color: #0096df;
	
	z-index: 100;
}
.review-button *{
	vertical-align: middle;
}
.review-button:hover{
	color: #fa7b00;
	box-shadow: 2px 4px 28px 0px rgba(3, 88, 129, 0.56);
	cursor: pointer;
}
.review-button:hover svg *{
	fill: #fa7b00;
}

.card-w100 button, button.bigger-button, input.bigger-button{
	color:  #ffffff;
	font-size: 18px;
	background-color:  #fa7b00;
	padding: 22px 64px;
	margin-top: 30px;
}
.card-w100 button:hover{
	color:  #ffffff;
/* 	box-shadow: 2px 4px 16px 0px rgba(222, 122, 28, 0.80); */
}
.card-w100{
	background: #c5edfc radial-gradient(farthest-corner at 50% 50%, #def4fc, #c5edfc);
	margin: 30px 0 15px 0;
	padding: 36px 50px 54px;
	
	font-size: 16px;
	overflow: hidden;
}

.card-header{
	font-size: 48px;/* Приближение из-за подстановки шрифтов */
	line-height: 54px;
	font-weight: 500;
	margin-bottom: 18px;
}
.card-point{
	margin: 20px 0 20px 90px;
}

.card-w100 .card-icon{
	width: 90px;
	text-align: center;
}
.card-subheader{
	color:  #3d3d3d;
	font-size: 20px;/* Приближение из-за подстановки шрифтов */
	font-weight: 500;
	line-height: 24px;
	
	margin-bottom: 20px;
}
.card-w100 .image{
	position: relative;
	text-align: center;
}
.card-w100 .image img{
	position: absolute;
	top: 25px;
	left: 50%;
	transform: translate(-50%, 0);
}
.bubble{
	color: #fff;
	font-weight: 400;
	width: 172px;
	height:174px;
	background: -webkit-linear-gradient(145deg, rgba(0, 150, 223, 0.8) 16%, rgba(138, 209, 244, 0.8) 97%);
	background: -moz-linear-gradient(145deg, rgba(0, 150, 223, 0.8) 16%, rgba(138, 209, 244, 0.8) 97%);
	background: -o-linear-gradient(145deg, rgba(0, 150, 223, 0.8) 16%, rgba(138, 209, 244, 0.8) 97%);
	background: -ms-linear-gradient(145deg, rgba(0, 150, 223, 0.8) 16%, rgba(138, 209, 244, 0.8) 97%);
	background: linear-gradient(-55deg, rgba(0, 150, 223, 0.8) 16%, rgba(138, 209, 244, 0.8) 97%);
	border-radius: 50%;
	padding: 40px 0 31px;
	
	position: absolute;
	top: 2px;
	right: 43px;

}
.bubble .small{
	font-size: 13.97px;
	line-height:14px;
	
}
.bubble .medium{
	font-size: 19.96px;
	line-height: 20px;
	font-weight: 500;
}
.bubble .big{
	font-size: 47.92px;
	line-height: 40px;
	font-weight: 500;
}
.card-w50{
	margin: 15px 0;
	
	width: calc(50% - 15px);
	height: 320px;
	background: #fff;
	overflow: hidden;
	
	box-shadow: 2px 4px 24px 0px rgba(3, 88, 129, 0.26);
	padding: 30px;
	font-size: 16px;
}
.card-w50:hover{
	box-shadow: 2px 4px 24px 0px rgba(3, 88, 129, 0.34);
}
.card-w50:hover .card-text{
	color:#fff;
}
.card-w50:nth-of-type(even){
	margin-right: 30px;
}

.big-letter{
	font-size: 136.52px;
    letter-spacing: -10px;
    font-weight: 500;
    line-height: 124px;
}
.spec-img{
	bottom: 0;
	right: 0;
	max-height: 100%;
}
.hover-show, .card-w50 .overlay{
	opacity: 0;
}
.card-w50 .overlay{
	position:absolute;
	bottom: 0;
	right:0;
}
.card-w50:hover .spec-img.hover-show, .card-w50:hover .overlay{
	opacity: 1;
}
.card-w50:hover .spec-img.hover-hide{
	opacity: 0;
}
.card-inner{
	position: relative;
	height: 100%;
	padding-bottom:45px;
	overflow: hidden;
}

.card-link{
	display: inline-block;
	width: 45px;
	height: 45px;
	border-radius: 50%;
	background:  #0096df url('../i/arrow.png') no-repeat center center;
	background-size: 17px 12px;
	color: #fff;
	
	position: absolute;
	bottom: 0;
	left: 0;
}
.card-w50:hover .card-link{
	background-color:  #fa7b00;
}
#school .big-letter{
	float:right;
	margin-right: 4px;
}
.card-w50:hover .big-letter{
	color:#fff;
}

.modal-box{
	width: 770px;
}

.modal-box > .container{
	width: 100%;
}

/* catalog */
.equipment{
	background: -webkit-linear-gradient(left, rgba(192, 240, 255, 0.78) 0%, rgba(193, 240, 255, 0.53) 20%, rgba(194, 239, 255, 0.31) 40%, rgba(192, 240, 255, 0.42) 72%, rgba(193, 240, 255, 0.68) 92%, rgba(193, 239, 255, 0.77) 100%);
	background: -o-linear-gradient(left, rgba(192, 240, 255, 0.78) 0%, rgba(193, 240, 255, 0.53) 20%, rgba(194, 239, 255, 0.31) 40%, rgba(192, 240, 255, 0.42) 72%, rgba(193, 240, 255, 0.68) 92%, rgba(193, 239, 255, 0.77) 100%);
	background: -ms-linear-gradient(left, rgba(192, 240, 255, 0.78) 0%, rgba(193, 240, 255, 0.53) 20%, rgba(194, 239, 255, 0.31) 40%, rgba(192, 240, 255, 0.42) 72%, rgba(193, 240, 255, 0.68) 92%, rgba(193, 239, 255, 0.77) 100%);
	background: -moz-linear-gradient(left, rgba(192, 240, 255, 0.78) 0%, rgba(193, 240, 255, 0.53) 20%, rgba(194, 239, 255, 0.31) 40%, rgba(192, 240, 255, 0.42) 72%, rgba(193, 240, 255, 0.68) 92%, rgba(193, 239, 255, 0.77) 100%);
	background: linear-gradient(to right, rgba(192, 240, 255, 0.78) 0%, rgba(193, 240, 255, 0.53) 20%, rgba(194, 239, 255, 0.31) 40%, rgba(192, 240, 255, 0.42) 72%, rgba(193, 240, 255, 0.68) 92%, rgba(193, 239, 255, 0.77) 100%);

}
.title-section{
	color: #3d3d3d;
	font-family: Ubuntu;
	font-size: 48px;
	font-weight: 500;
	margin-top: 58px;
	margin-bottom: 31px;
}
.title-section span{
	color: #fa7b00;
}

.buttons-equip ul{
	padding: 0;
}
.buttons-equip li{
	list-style-type: none;
	display: inline-block;
	margin: 12px 10px 14px 0;
}
.buttons-equip-a{
	color: #606060;
	font-family: Ubuntu;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	text-transform: uppercase;
	border: 2px solid #aaaaaa;
	border-radius: 30px;
	padding: 12px 23px;
}
.buttons-equip-a:focus{
	outline: none;
}
.buttons-equip-a:hover{
	border: 2px solid #0096df;
	background-color: #0096df;
	color: #ffffff;
}
.ui-state-active .buttons-equip-a, .list-tab-active .buttons-equip-a{
	border: 2px solid #0096df;
	background-color: #0096df;
	color: #ffffff;
}
.ui-tabs .catalog-list{
	display: flex;
   flex-wrap: wrap;
}
.catalog-list{
	margin-top: 40px;
}
.catalog-item-info{
	box-shadow: 0 5px 18px rgba(3, 88, 129, 0.12);
	background-color: #ffffff;
	padding: 30px 40px 41px 40px;
	height: 100%;
	text-align: center;
}
.catalog-item-info:hover{
	box-shadow: 0 5px 18px rgba(3, 88, 129, 0.30);
}
.catalog-item-info img{
/* 	margin-bottom: 41px; */
	margin: 10px;
	width: 170px;
	height: 190px;
}

/*если нужно что-то написать над картинкой товара*/
.catalog-item-info span.upper-mark{
	position: absolute;
/*    top: 65%; */
	top: 5%;
   left: 33%;
   color: #aaaaaa;
	font-family: Ubuntu;
	font-size: 16px;
	font-weight: 400;
}
.catalog-item{
	height: 355px;
	margin-bottom: 30px;
}
.catalog-item:nth-child(4n){
	margin-right: 0;
}
.ui-tabs .ui-tabs-panel{
	padding: 0;
}
.ui-tabs{
	margin-bottom: 30px;
}
.ui-tabs .ui-tabs-nav li{
	margin: 0 10px 10px 0;
}
.catalog-itrm-ttl{
	margin-bottom: 0;
}
.catalog-item-a{
	color: #0096df;
	font-family: Ubuntu;
	font-size: 18px;
	font-weight: 500;
}
.catalog-item-a:hover{
	text-decoration: none;
	color: #fa7b00;
}
.catalog-item-descr{
	color: #606060;
	font-family: Ubuntu;
	font-size: 16px;
	font-weight: 400;
	margin-top: 14px;
}

.catalog-item-price{
	font-size: 16px;
	color: #606060;
}
.prod-item-price{
	margin: 15px 30px;
	font-size: 24px;
	color: #3d3d3d;
}
#product-body #close-product{
	display:none;
}


.icon-plus, .icon-minus, {
	font-size: 20px;
	color: #0096df;
}
.icon-check{
	font-size: 14px;
	color: #fa7b00;
}
.information-item-ttl{
	color: #0096df;
	font-family: Ubuntu;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
	margin-bottom: 0;
}
.information-item{
	box-shadow: 0 5px 18px rgba(3, 88, 129, 0.12);
	background-color: #ffffff;
	margin-bottom: 30px;
	position: relative;
	overflow: hidden;
}
.information-item{
	margin-left:0;
	margin-right: 0;
}
.info-item-text-visible{
	padding: 30px 0 30px 30px;
	cursor: pointer;
}
.info-item-text-invisible{
	display: none;
	padding: 0px 233px 59px 96px;
}
.info-item-text-invisible p{
	position: relative;
	color: #606060;
	font-family: Ubuntu;
	font-size: 16px;
	font-weight: 400;
	line-height: 24px;
}
.info-item-text-invisible p> i{
	position: absolute;
	left: -22px;
}
.active-point{
	color: #3d3d3d;
	font-family: Ubuntu;
	font-size: 20px;
	font-weight: 500;
	line-height: 24px;
}
.el-1{
	background-color: #d7f1ff;
   background-image: linear-gradient(-55deg, #0096df 0%, #77caf3 100%);
   opacity: 0.15;
   /* z-index: 1000; */
   width: 50px;
   height: 50px;
   border-radius: 50%;
   position: absolute;
   right: 20%;
   bottom: -12px;
}
.el-2{
	width: 152px;
	height: 152px;
	background-color: #e8f7ff;
	background-image: linear-gradient(-55deg, #0096df 0%, #77caf3 100%);
	opacity: 0.15;
   border-radius: 50%;
   position: absolute;
   right: 4%;
   bottom: -105px;
}
.el-3{
	width: 90px;
	height: 90px;
	background-color: #d7f1ff;
	background-image: linear-gradient(-55deg, #0096df 0%, #77caf3 100%);
	opacity: 0.15;
	border-radius: 50%;
	position: absolute;
   right: -55px;
   bottom: 30px;
}
.el-1.el-form{
	right: 227px;
	bottom: 10px;
}
.el-2.el-form{
	right: 44px;
	bottom: -83px;
}
.el-3.el-form{
	right: -45px;
    bottom: 39px;
}
.el-1-big{
	bottom: 40px;
	background-color: #e8f7ff;
	background-image: linear-gradient(-55deg, #0096df 0%, #77caf3 100%);
	opacity: 0.15;
}
.el-2-big{
	bottom: -76px;
	background-color: #e8f7ff;
	background-image: linear-gradient(-55deg, #0096df 0%, #77caf3 100%);
	opacity: 0.15;
}
.el-3-big{
	bottom: 70px;
}
.cat-item-info{
	box-shadow: 0 5px 29px rgba(0, 2, 3, 0.13);
	background-color: #ffffff;
	width: 54%;
	height:1036px;
	position: relative;
	
}
/*.cat-item-info{
	overflow: scroll;
}*/



.arcticmodal-container .cat-item-info{
	height: auto;
	max-width: 750px;
	min-width: 750px;
	width:auto;
	margin-right: -24px;
	margin-top: -25px;
    margin-bottom: -25px;
}

.product{
	/*padding-top: 55px;
	padding-left: 73px;
	padding-right:73px;*/
	padding: 55px 73px 30px;
}
	
.icon-cancel{
	color: #d6d6d6;
	font-size: 40px;
	position: absolute;
}
.icon-cancel:hover{
	color: #0096df;
}
.product-ttl{
	color: #3d3d3d;
	font-family: Ubuntu;
	font-size: 48px;
	font-weight: 500;
	margin: 0;
}
.prod-img{
	margin-top: 22px;
	position: relative;
}
.prod-img:after{
	content: "";
	clear: both;
}
.prod-img-big, .prod-img-small{
	display: inline-block;
	float: left;
}
.prod-img-big{
	width: 297px;
}
.prod-img-big img{
	width: 297px;
	height: 404px;
}
.prod-img-small{
	margin: 30px 0 0 133px;
	width:100px;
}

.prod-img-small .border-div-img{
	padding: 9px 21px 6px;
	background-color: #ffffff;
	
}
	
.prod-img-small .border-div-img>img{
	width: 57px;
height: 74px;
}
.prod-img-small .slick-list{
	padding: 0 !important;
}
.prod-img-small .slick-slide{
	border: 1px solid #d5d5d5;
	border-top: 0;
	width: 100%;
}
.prod-img-small .slick-slide:first-child{
	border-top: 1px solid #d5d5d5;
}
.prod-img-small .slick-current{
	box-shadow: inset 0 0 0 2px #0096df;

}
.prod-img-small .slick-current:first-child{
/* 	border-bottom: 2px solid #0096df; */
}
.prod-descr{
	display: inline-block;
	width: 100%;
	margin-top: 49px;
}
.prod-descr>.ui-tabs .ui-tabs-nav{
	margin-bottom: 0;
}
.prod-table, .prod-descr table{
	width: 100%;
	margin-top: 29px;
}

.prod-descr table{
	border-color: transparent;
}
.prod-table td:nth-child(odd), .prod-descr table tr td:first-child{
	padding-left:20px;
}
.prod-table tr:nth-child(odd), .prod-descr table tr:nth-child(odd){
	background-color: #e2f3fc;
}
.prod-table tr:nth-child(even), .prod-descr table tr:nth-child(even){
	background-color: #ffffff;
}
.prod-table td, .prod-descr table td{
	color: #606060;
	font-family: Ubuntu;
	font-size: 16px;
	font-weight: 400;
    line-height: 24px;
    padding: 12px;
}
.descr-item{
	color: #606060;
	font-family: Ubuntu;
	font-size: 14px;
	font-weight: 500;
	line-height: 24px;
	text-transform: uppercase;
	padding: 0;
}
.ui-tabs .ui-tabs-nav .descr-item{
	padding: 0;
	margin-right: 30px;
}
.descr-item:focus{
	outline: none;
}
.descr-item:hover, .ui-state-active .descr-item{
	color: #0096df
}
	
/*табы уточнение*/
.list-ui-tabs{
	background: transparent;
	border: none !important;
}
.list-tabs-nav{
	background: transparent;
	border: none !important;
}
.list-tab{
	background: transparent;
	border: none !important;
}

.list-tab.ui-state-default, .list-tab.ui-state-active{
	background: transparent;
}
.list-tab.ui-state-default:hover a, .list-tab.ui-state-hover a{
	color:#fff;
}

.prod-ui-tabs{
	background: transparent;
	border: none !important;
}
.prod-tabs-nav{
	background: transparent;
	border: none !important;
}
.prod-tab{
	background: transparent;
	border: none !important;
	color: #606060;
}

.prod-tab.ui-state-default, .prod-tab.ui-state-active{
	background: transparent;
}
.prod-tab-active.ui-state-active a,
.prod-tab.ui-state-default:hover a, .prod-tab.ui-state-hover a{
	color:#0096df;
}


/*Форма*/

.order-price, .order-sum{
	font-size: 44px;/* Приближение из-за подстановки шрифтов */
	font-weight: 400;
}
.price-label, .sum-label{
	font-size: 20px;/* Приближение из-за подстановки шрифтов */
	font-weight: 400;
	margin-right: 15px;
}

.table-ps{
    display: table;
}
.table-ps-row{
    display: table-row;
}
.table-ps-cell{
    display: table-cell;
}
.table-ps-row .table-ps-cell:first-child{
    padding-left: 15px;
    width: 155px;
}
.table-ps-row .table-ps-cell:nth-child(2){
    text-align: left;
}
.check-block{
	padding-top: 25px;
	padding-bottom: 25px;
}
.check-block label{
	font-size:18px;
}

.item-w50:nth-of-type(odd){
	padding-right: 7px;
}
.item-w50:nth-of-type(even){
	padding-left: 8px;
}
.modal-box{
	background: #fff;
	padding: 35px 48px 60px;
	position: relative;
	overflow: hidden;
}
.modal-box.bottom {
	position: absolute;
	left: 50%;
	transform: translate(-50%);
	bottom: 5%;
}
.modal-box .cross-button{
	position: absolute;
	top: 20px;
	right: 20px;
	width: 40px;
	height: 40px;
	z-index: 5;
	/*border: 2px solid #d6d6d6;
	border-radius: 50%;
	background: #fff url('../i/cross.png') center center no-repeat;*/
}
.modal-box .cross-button:hover{
	cursor: pointer;
}
.modal-box .cross-button.icon-cancel:before{
	vertical-align: top;
	margin: 0;
}

label{
	color:  #3d3d3d;
font-size: 16px;/* Приближение из-за подстановки шрифтов */
font-weight: 400;
}
[type=text],[type=number],[type=password],[type=date],select, textarea, .st-select{
	display: block;
	
	width: 100%;
	
	min-height: 56px;
	border-radius: 2px;
	border: 2px solid  #d6d6d6;
	background-color:  #ffffff;
	
	font-size: 16px;/* Приближение из-за подстановки шрифтов */
	font-weight: 400;
	line-height: 16px;	
}
.form-item, [type=text],[type=number],[type=password],[type=date],select, textarea, .st-select{
	margin-bottom: 15px;
}

[type=date]{
	height: 60px;
}
[type=text],[type=number],[type=password],[type=date], textarea, .st-select{
	padding: 19px 18px;
}
select{
	padding: 18px;
}
textarea{
	resize: vertical;
}
textarea,select{
	height: auto;
	min-height: 56px;
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance:textfield;
}

[type=text]:focus,[type=number]:focus,[type=password]:focus,[type=date]:focus, select:focus, textarea:focus{
	border: 2px solid #0096df !important;
	box-shadow: 1px 3px 7px 0px rgba(0, 150, 223, 0.23);
}
[readonly]{
	border: 1px solid red;
}

.ps *{
	font-size: 14px;
}

.chinp{
	width: 50%;
    display: inline-block;
    margin-left: 7px;
}
/*кастомный селект*/

.st-select {
	font-family: 'Ubuntu';
	font-size: 16px;
	font-weight: 400;
	color: #3d3d3d;
	
	width: 100% !important;
	padding: 20px 18px;
}
.st-select:hover{
	background: #fff;
	border: 2px solid  #d6d6d6;
}
.st-select:focus{
	background: #fff;
	border: 2px solid  #0096df;
}
.st-open-select .st-select-icon, .st-close-select .st-select-icon{
	width: 16px;
	height: 16px;
	
}
.st-select-icon{
	
}
.st-select-text{
	color: #d6d6d6;
}
.st-open-select .st-select-icon, .st-open-select:hover .st-select-icon, .st-open-select:focus .st-select-icon{
	background: url('../i/form-arrow.png') center center no-repeat;
}
.st-close-select .st-select-icon, .st-close-select:hover .st-select-icon, .st-close-select:focus .st-select-icon{
	background: url('../i/form-arrow-up.png') center center no-repeat;
}
.st-select-menu.ui-selectmenu-open{
	z-index:1001;
}
.st-select-menu ul{
	margin-top: 5px;
	
	font-family: 'Ubuntu';
	font-size: 16px;
	font-weight: 400;
}
.st-select-menu ul.ui-widget{
	border: none;
	box-shadow: 3px 6px 32px 0px rgba(3, 88, 129, 0.16);
}
.st-select-menu ul li>.ui-menu-item-wrapper{
	padding: 20px 22px;
	border: none;
}
.st-select-menu ul li>.ui-menu-item-wrapper.ui-state-active{
	background-color:  #0096df;
	border: none;
}
/*поля рядом*/
.input-group{
	width:100%;
}
.input-group .input-group-item{
	display: inline-block;
	float:left;
}
.input-group-item:first-child{
	border-right-color: transparent;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.input-group-item:last-child{
	
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}
/*календарь*/
#datepicker{
	background: #fff url('../i/calendar.png')  calc(100% - 14px) center no-repeat;
}
#datepicker:focus{
	background: #fff url('../i/calendar-blue.png')  calc(100% - 14px) center no-repeat;
}

.ui-datepicker{
	background: #fff;
	box-shadow: 3px 6px 32px 0px rgba(3, 88, 129, 0.16);
	border: none !important;
	
	font-family: 'Ubuntu';
	font-size: 16px;
	font-weight: 400;
}
.ui-datepicker table{
	font-size: 16px;
	font-weight: 400;
}
.ui-datepicker-header{
	border:none;
	background: #fff;
	color: #606060;
	font-weight: 400;
}
.ui-datepicker-year{
	display: none;
}

.ui-datepicker-calendar{
}
.ui-datepicker-calendar thead{
	background-color:  #f2f2f2;
	color:  #aaaaaa;
	font-weight: 400;
	
	text-align: center;
}
.ui-datepicker-calendar tbody td{
	width: 32px;
	height:32px;
}
.ui-datepicker-calendar tbody td *{
	line-height: 29px;
	color: #606060;
}

.ui-datepicker-calendar tbody td a.ui-state-default, .ui-datepicker-calendar tbody td span.ui-state-default{
	text-align: center;
	background: #fff;
	border: none;
}
.ui-datepicker-calendar tbody td a.ui-state-active,.ui-datepicker-calendar tbody td a.ui-state-hover{
	border-radius: 50%;
	background: #0096df;
	color: #fff;
}

.ui-datepicker-calendar tbody td.ui-datepicker-today a.ui-state-highlight{
	color: #606060;
	border-radius: 50%;
	border: 1px solid #aaa;
	
}
.ui-datepicker-calendar tbody td.ui-datepicker-today a.ui-state-highlight.ui-state-hover, .ui-datepicker-calendar tbody td.ui-datepicker-today a.ui-state-highlight.ui-state-active{
	color: #fff;
	border-color: transparent;
}
/**/
input.small-number{
	min-height: 37px !important;
	padding: 9px 3px;
	font-size: 20px;
	line-height: 20px;
	font-weight: 500;
	text-align: center;
}

#amount{
	width:10%; float:left; display: inline-block;
}
#slider-wrap{
	width:90%; padding-left: 24px;
}
/*ползунок*/
.st-slider{
	margin-top: 10px;
	margin-bottom: 15px;
}

.st-slider{
	background: #d6d6d6;
	height: 2px;
}
.st-slider.ui-widget-content{
	border: none;
}
.st-slider-handle{
	border-radius: 50%;
	
}
.st-slider-handle.ui-state-default, .st-slider-handle.ui-state-active,.st-slider-handle.ui-state-focus{
	
	background:#0096df;
	width: 20px;
	height: 20px;
	top:-8px;
	cursor:pointer;
	box-shadow: 1px 3px 7px 0px rgba(0, 150, 223, 0.55);
	border-color: #0096df;
}
.ui-slider-horizontal .st-slider-handle{
	z-index: 1;
}
.st-slider-handle:focus{
	outline: none;
}

.st-slider-range{
	background: #0096df;
}


/*кастомные чекбоксы и радио*/
input[type=radio], input[type=checkbox]{
	/*display:none;*/
	
	margin: 0 !important;
    opacity: 0;
    position: absolute;
	
}
input[type=checkbox] + label, input[type=radio] + label{
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 26px;
	margin: 0 12px 15px 0;
	height: 20px;
   
}
input[type=checkbox] + label:before{
	content:'';
	width: 20px;
	height:20px;
	margin: 0;
	position:absolute;
	left: 0;
	bottom: 0;
	background-color: #fff;
	border: 2px solid #d6d6d6;
	border-radius: 2px;
}
input[type=radio] + label:before{
	content:'';
	width: 20px;
	height:20px;
	margin: 0;
	position:absolute;
	left: 0;
	bottom: 0;
	background-color: #fff;
	border: 2px solid #d6d6d6;
	border-radius: 50%;
}
input[type=checkbox]:checked + label:after, input[type=radio]:checked + label:after{
	
	width: 20px;
	height:20px;
	margin: 0;
	position:absolute;
	left: 10px;
	top: 10px;
	
	border-color: #0096df;
	transform: translate(-50%, -50%);
	line-height:30px;
	text-align:center;
}
input[type=checkbox]:checked + label:after{
	content:'';
	background: #0096df url('../i/tick.png') no-repeat center center;
	border-radius: 2px;
}
input[type=radio]:checked + label:before{
	background: #0096df;
	border-color:  #0096df
}
input[type=radio]:checked + label:after{
	content:'';
	
	width: 8px;
	height: 8px;
	background: #fff;
	border-radius: 50%;
}
/*красивая страница*/
.landscape-background{
	background: url('../i/don.png') no-repeat bottom center;
	background-size: 100% auto;
/* 	min-height: 674px; */
}
.about-text{
	color:  #606060;
	font-size: 16px;/* Приближение из-за подстановки шрифтов */
	font-weight: 400;
	line-height: 26px;/* Приближение из-за подстановки шрифтов */
	text-align: left;
	
	width: 70%;
	margin-bottom: 350px;
}
.map-background{
	background: url(../i/map.png) top right no-repeat;
    background-size: 75% auto;
    position: absolute;
    min-height: 500px;
    width: 100%;
	overflow: hidden;
    pointer-events: none;
}
.ball{
	display: table-cell;
	width: 73px;
	height: 73px;
	position: relative;
	background: url('../i/bubble.png');
	vertical-align: middle;
	
}
.ball > img{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.point-header{
	margin-bottom: 14px;
	display: table;
}
.point-header-text{
	color:  #3d3d3d;
	font-size: 20px;/* Приближение из-за подстановки шрифтов */
	font-weight: 500;
	line-height: 24px;/* Приближение из-за подстановки шрифтов */
	text-align: left;
	
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
	
}
.point-text{
	color:  #606060;
	font-size: 16px;/* Приближение из-за подстановки шрифтов */
	font-weight: 400;
	line-height: 26px;/* Приближение из-за подстановки шрифтов */
	text-align: left;
}
.point-col{
	margin-bottom: 46px;
}
.video-middle-bottom{
	position: relative;
	
	padding-bottom: 182px !important;
	margin-bottom: 309px;
}
.video-block{
	position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
/* 	box-shadow: 2px 4px 38px 0px rgba(3, 88, 129, 0.33); */
    width: 767px;
}
.link-file{
	padding-left: 15px;
}
.link-file a{
	color:  #0096df;
font-size: 14px;/* Приближение из-за подстановки шрифтов */
font-weight: 500;
line-height: 24px;/* Приближение из-за подстановки шрифтов */
text-align: left;
text-transform: uppercase;
}
.link-file span{
	color:  #606060;
font-size: 14px;/* Приближение из-за подстановки шрифтов */
font-weight: 400;
line-height: 24px;/* Приближение из-за подстановки шрифтов */
text-align: left;
}

/*contacts*/
.contact-box{
    margin-bottom: 25px;
}
.contact-box div[class*=col-]{
    margin-bottom: 30px;
}
.contact-card{
    overflow: hidden;
    background-color:  #ffffff;
    box-shadow: 2px 4px 24px 0px rgba(3, 88, 129, 0.18);
    padding: 40px 15px 50px 32px;
    position: relative;
    
    color:  #606060;
    font-size: 16px;
    font-weight: 400;
}

.contact-card .contact-subheader{
    color:  #3d3d3d;
    font-size: 20px;
    font-weight: 500;
    line-height: 24px;
    margin: 17px 0 7px;
    display: inline-block;
    border-bottom: 1px dotted transparent;
}
.contact-card a.contact-subheader{
    border-bottom: 1px dotted #3d3d3d;
}
.contact-card a.contact-subheader:hover, 
.contact-card a.contact-subheader:focus, 
.contact-card a.contact-subheader.active{
    color: #fa7b00;
    border-bottom: 1px dotted #fa7b00;
    text-decoration: none;
    outline: none;
}

.contact-subheader:first-child{
    margin-top: 0;
}
.contact-entry{
    margin-bottom: 12px;
    /*color:  #606060;
    font-size: 16px;
    font-weight: 400;*/
}

.contact-entry .tel a, .contact-entry .tel a:hover {color:#606060}

.contact-card .el-1{
    right: 198px;
    bottom: -9px;
}
.contact-card .el-2{
    right: 26px;
    bottom: -102px;
}
.contact-card .el-3{
    right: -53px;
    bottom: 20px;
}
.contact-icon{
    width: 15px;
    height: 15px;
    margin-right: 13px;
    display: inline-block;
    vertical-align: middle;
}

.pin-map-icon{
    width: 13px;
    height: 19px;
    background: url("../i/pin-map.svg") no-repeat;
}
.time-icon{
    background: url("../i/time-clock.svg") no-repeat;
}
.phone-icon{
    width: 16px;
    height: 16px;
    background: url("../i/phone_1.svg") no-repeat;
}
.envelope-icon{
    width: 18px;
    height: 12px;
    background: url("../i/envelope.svg") no-repeat;
}

.switch-map{
    display: none;
}
.switch-map:first-child{
    display: block;
}
/*end contacts*/

@media (min-width: 768px) {

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

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

}




@media (max-width: 1200px){
	footer .menu-item{
		padding-right: 15px;
	}
	
	.catalog-item {
      height: 334px;
    }
	.catalog-item-info{
	   padding: 30px 0px 0px 0px;	
	   overflow: hidden;
	}
	.catalog-item-info img {
	   width: 150px;
	   height: 165px;
	}
	.catalog-item-info span.upper-mark {
	   top: 61%;
	   left: 25%;
    }
	footer .phone{
		clear: both;
		text-align: left;
	}
}
@media (max-width: 1015px){
	header .header-top .container,
	header .header-bottom .container,
	footer > .container{
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
}
@media (max-width: 992px){
	.card-w100 .image img{
		left: -15px;
		height: 350px;
		top: 60px;
	}
	.card-point{
		margin: 20px 0 20px 160px;
	}
	.bubble{
		
		width: 120px;
		height: 120px;
		padding: 30px 0;
		left: -25px;
		top: 85px;
	}
	.bubble .big{
		font-size: 36px;
		line-height: 30px;
	}
	.bubble .small{
		font-size: 12px;
		line-height: 1px;
		font-weight: 500;
	}
	.card-w100 .card-header{
		text-align: center;
	}
	.card-w100 .card-icon{
		margin-left: 70px;
	}
	.card-w100 button{
		display:block;
		margin: 30px auto 0;
	}
	.card-header{
		font-size: 30px;
		line-height: 35px;
	}
	.card-subheader{
		font-size: 16px;
		font-weight: 400;
		line-height: 18px;
	}
	
	.menu-item{
		padding: 10px 15px;
	}
	
	.item-w50:nth-of-type(odd){
		padding-right: 15px;
	}
	.item-w50:nth-of-type(even){
		padding-left: 15px;
	}
	
	.catalog-item-info span.upper-mark {
    	left: 26%;
    }
    .el-1{
		right: 27%;    
    }
    
    .logo {
		margin-right: 90px;
	}
	
	header .socials {
		width: 39%;
	}

	#order-button {
		padding: 14px;
	}
}

@media (max-width: 768px){
	.card-w100 .card-header{
		text-align: center;
	}
	.card-w100 .card-icon{
		margin-left: 70px;
	}
	.card-w100 .image img{
		left: -15px;
		height: 350px;
		top: 60px;
	}
	.card-point{
		margin: 20px 0 20px 160px;
	}
	.card-header{
		font-size: 30px;
		line-height: 35px;
	}
	.card-subheader{
		font-size: 16px;
		font-weight: 400;
		line-height: 18px;
	}
	.card-w100 button{
		display:block;
		margin: 30px auto 0;
	}
	.bubble{
		
		width: 120px;
		height: 120px;
		padding: 30px 0;
		left: -25px;
		top: 85px;
	}
	.bubble .big{
		font-size: 36px;
		line-height: 30px;
	}
	.bubble .small{
		font-size: 12px;
		line-height: 1px;
		font-weight: 500;
	}
	header .header-top .container,
	header .header-bottom .container,
	.content .container,
	footer > .container{
		padding-right: 15px;
		padding-left: 15px;
		margin-right: auto;
		margin-left: auto;
	}
	footer>div{
		padding-top: 20px;
		padding-bottom: 20px;
	}
	header .order-button{
		text-align: center;
	}
	.header-bottom .time-phone{
		display: none;
	}
	
	footer .copyright{
		text-align: center;
	}
	footer .footer-menu{
		
	}
	footer .phone {
		text-align:center;
	}
	.footer-menu .menu-item{
		float: none;
		padding: 10px;
		text-align: center;
	}
	.item-w50:nth-of-type(odd){
		padding-right: 15px;
	}
	.item-w50:nth-of-type(even){
		padding-left: 15px;
	}
	
	.catalog-item-info span.upper-mark{
		left: 50%;
    transform: translate(-50%);	
	}
	
	.modal-box{
		width: auto;
	}
	.modal-box.bottom {
		width: 90%;
	}
	
	.contable{
        display: block;
        overflow-x: auto;
    }
	.video-block{
        width: 100%;
    }
    
}

@media (max-width: 767px) {
	.card-w50{
		width: 100%;
		margin: 8px 0;
		padding: 15px;
		min-height: 375px;
	}
	.card-w50 .overlay{
		width:100%;
		height: 100%;
	}
	.spec-img{
		right: -65px;
	}
	.card-header{
		font-size: 30px;
		line-height: 35px;
	}
	.card-w100 button{
		padding: 22px; 
	}
	#school .big-letter{
		font-size: 100px;
		line-height: 80px;
		float: none;
	}
	.navbar{
		margin-top: 0;
	}
	.navbar.st-navbar{
		margin-bottom: 0;
		border: none;
	}
	header .header-bottom.collapse.navbar-collapse{
		padding-top: 0;
		border: none;
	}
	header .header-top{
		
	}
	.header-bottom .time-phone{
		display: block;
	}
	
	.card-w100{
		margin-top: 0;
		padding: 15px;
	}
	
	.main-menu{
		text-align: center;
	}
	
	.menu-item{
		float: none;
		
	}
	

	.menu-item:first-child, .menu-item{
		padding: 10px 25px;
	}
	
	header .header-top{
		border: none;
	}
	
	.footer-menu .menu-item{
		float: left;
		padding: 15px;
	}
	
	.modal-box{
		width: auto;
	}
		
	.check-block{
		padding-top: 0;
	}
	
	.table-ps-row .table-ps-cell:first-child{
        width: 150px;
    }
    
    header .socials .phone {
		display:block
	}
	
	.content .socials {
		display:flex;
	}
}


@media (max-width: 640px){
	.ui-tabs .ui-tabs-nav li,.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    	margin: 0 4px 0 0;
    	margin-bottom: 10px;
		padding-bottom: 0;
	}
	
	.el-1{
		right: 39%;	
	}
	.el-2{
		right: 7%;	
	}
}


@media (max-width: 475px){
	.footer-menu{
		text-align: center;
		
	}
	.footer-menu .menu-item{
		float: none;
		padding: 10px;
	}
	.el-1 {
    right: 53%;
	}
	 .catalog-item{
		   height: 280px;
	}
	.catalog-item-info img {
    width: 120px;
    height: 127px;
	}
	.catalog-item-info span.upper-mark {
    top: 47%;
    }
    
    .arcticmodal-container .cat-item-info{
		min-width: 100%;
		max-width:100%;
		margin-left: 24px;
		margin-right: -73px;
		
	}
	.product{
		padding-left: 10px;
		padding-right:10px;
		padding-bottom: 10px;
		overflow: hidden;
	}
	
	.product h1, .product .h1, .modal-box h1, .modal-box .h1{
		font-size: 24px;
	}
    h1, .h1{
		font-size: 36px;
	}
	.price-label, .sum-label{
		font-size: 14px;
		font-weight: 400;
		margin-right: 5px;
	}
	.order-price, .order-sum {
		font-size: 30px;
		font-weight: 400;
	}
	.modal-box{
		padding: 35px 7px 60px;
	}
	.modal-box.order-form {
		padding-top:15px;
	}
	
	.modal-box.order-form .cross-button {
		top: 32px;
	}
	
	#amount{
		width:15%; 
	}
	#slider-wrap{
		width:85%; padding-left: 8px;
	}
	#policyAgreeHintContent{
		max-width: 80%;
	}
	button.bigger-button, input.bigger-button{
		padding: 22px 32px;
	}
	
	.table-ps-row .table-ps-cell:first-child{
        width: 120px;
    }
    
    .logo-order .logo {
		width:130px;
	}
	
	.logo-order .year_13 {
		left: 92px;
		width:100px;
		top:21px;
	}
}

/* 
 * цвета
 * #fa7b00 - оранжевый
 * #0096df - голубой
 * #3d3d3d - чёрный
 * #aaaaaa - серый
 * #606060 - темно-серый
 * #d6d6d6 - серый (границы формы)
 */