body, div, td, th, .button {
	font: 16px "Roboto-Regular", Arial, verdana, 'trebuchet ms', verdana; 
	color:#555;
}

textarea, input, select {
	font:15px "Roboto-Regular", Arial, verdana, 'trebuchet ms', verdana;
	color:#0E4E70;
}

h1, h2, h3, form {
	display:inline;
}

h1 {
	letter-spacing: 0px !important; 
	font-family: "Roboto-Black", Arial, Verdana, Helvetica, sans-serif !important; 
	font-size: 26px !important;
	font-weight: normal !important; 
	color: #002857 !important;
	margin: 0px 0px 5px 0px !important;
	display: block;
}

h1:first-letter {
    /* color: #003CFF; */
}

h2 { 
	letter-spacing: 0px; 
	font-family: "Roboto-Black", Arial, Verdana, Helvetica, sans-serif; 
	font-size: 32px; 
	font-weight: normal; 
	color: #000;
	display: block;
	margin-bottom: 30px;
}

h2.block-header { 
	letter-spacing: 0px; 
	font-family: "Roboto-Black", Arial, Verdana, Helvetica, sans-serif; 
	font-size: 26px; 
	font-weight: normal; 
	color: #002857 /* #46474C */;
	display: block;
	margin-bottom: 5px;
	margin-top: 30px;
}

h1.block-header-zero,
h2.block-header-zero {
	letter-spacing: 0px; 
	font-family: "Roboto-Black", Arial, Verdana, Helvetica, sans-serif; 
	font-size: 26px; 
	font-weight: normal; 
	color: #002857;
	display: block;
	margin-bottom: 5px;
	margin-top: 0;
}

h2.block-header-query { 
	letter-spacing: 0px; 
	font-family: "Roboto-Black", Arial, Verdana, Helvetica, sans-serif; 
	font-size: 26px; 
	font-weight: normal; 
	color: #002857 /* #46474C */;
	display: block;
	margin-bottom: 5px;
	margin-top: 15px;
}

h2.block404 { 
	letter-spacing: 0px; 
	font-family: "Roboto-Black", Arial, Verdana, Helvetica, sans-serif; 
	font-size: 26px; 
	font-weight: normal; 
	color: #002857;
	margin-bottom: 5px;
	margin-top: 30px;
	text-align: center;
}

.no-margin-top {
	margin-top: 0px !important;
}

h1.block-header-zero span,
h2.block-header span {
	font-family: "Roboto-Regular", Arial, Verdana, Helvetica, sans-serif;
}

.devider-h2 {
	width: 60px;
	height: 2px;
	background: #002857;
	margin-bottom: 15px;
}

h3.zag-general {
	letter-spacing: 0px; 
	font-family: "Roboto-Regular", Arial, Verdana, Helvetica, sans-serif; 
	font-size: 22px;  
	color: #000;
	font-weight: bold;
	display: block;
	margin-bottom: 15px !important;
	margin-top: 15px !important;
}


a:link,
a:visited {
color: #104888;
text-decoration:underline;
}

a:hover {
text-decoration:none;
}

a:link img,
a:visited img,
a:hover img {
	border:none;
}

.nobr {
	white-space: nowrap;
}

div.nobr {
	display: inline;
	white-space: nowrap;
}

.text-monospace {
	font-family: monospace;
}

span.strong {
	font-weight: bold;
}

.displaynone {
	display:none;
}

span.warning-white {
	color: #fff !important;
}

.bg-gradient-osn {
	background: rgba(0,40,87,1);
	background: -moz-linear-gradient(-45deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,40,87,1)), color-stop(100%, rgba(17,73,138,1)));
	background: -webkit-linear-gradient(-45deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%);
	background: linear-gradient(135deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002857', endColorstr='#11498a', GradientType=1 );
}

/* general */

html {
	background: #fff /* #efefef */;
	overflow-y: visible;
}

body { 
	background-color: #fff !important;
}

.clear0{clear:both; height:0px; overflow:hidden}
.clear{clear:both; height:1px; overflow:hidden}
.clear5 {clear:both; height:5px; overflow:hidden}
.clear7 {clear:both; height:7px; overflow:hidden}
.clear10{clear:both; height:10px; overflow:hidden}
.clear15 {clear:both; height:15px; overflow:hidden}
.clear30 {clear:both; height:30px; overflow:hidden}

.clearfix-line {
	clear:both;
	height:15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #DBD9E1;
	overflow:hidden;
}

/* header */

.upheader-left {
	padding: 12px 0px;
}

.upheader-left a:link,
.upheader-left a:visited {
	font-size: 16px;
	color: #002857;
	text-decoration: none;
	font-family: "Roboto-Regular", Arial, Verdana, Helvetica, sans-serif;
	margin-right: 30px;
}

.upheader-left a:hover {
	
}

.upheader-right {
	font-size: 20px;
	text-align: right;
	padding: 10px 0px;
	color: #002857;
}

.upheader-right a:link,
.upheader-right a:visited {
	color: #002857;
	font-size: 20px;
	text-decoration: none;
}

.upheader-right a:hover {
	
}

span#home {
	position: absolute;
	top: 0px;
}

.header {
	/* background: #002857 ; /* #F6F6F6 #46474C #002857 */
	box-shadow: 0px 0px 10px rgba(0,0,0,0.7);
	background: rgba(0,40,87,1);
	background: -moz-linear-gradient(-45deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,40,87,1)), color-stop(100%, rgba(17,73,138,1)));
	background: -webkit-linear-gradient(-45deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%);
	background: linear-gradient(135deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002857', endColorstr='#11498a', GradientType=1 );
}

.header-inner {
	padding: 15px 0px;
}

.icon-bar {
	background: #fff;
	
}

.navbar {
	border-radius: 0px !important;
    z-index: 30;
    position: fixed !important;
	top: 0;
    left: 0;
    width: 100%;
    height: 72px;
	border: none !important;
}

.navbar-brand {
	margin-left: 0px !important;
}

.navbar-toggle {
	border: 1px solid #fff !important;
	top: 10px;
}

img.logotype {
	will-change: transform;
	height: 40px;
}

/**************** rows ****************/

.row-light {
	background: #fff;
	padding-bottom: 30px;
}

.row-dark {
	background: #F6F6F6; /* #f5f5f5 #F9FAFC */
	padding-bottom: 30px;
}

.row-mini-light {
	background: #fff;
	padding-bottom: 0px;
}

.row-mini-dark {
	background: #eaf4ff; /* #f5f5f5 #F9FAFC */
	padding-bottom: 0px;
	border-radius: 7px;
}

.row-mailer {
	color: #fff;
	margin-top: 0px;
}

.row-mailer-padding {
	padding: 3px;
	background: url('/img/mail-fon.png');
}

.row-mailer-padding-inner {
	background: #46474C;
	padding: 30px;
	border-radius: 7px;
}

.row-dark,
.row-light,
.row-mini-dark,
.row-mini-light,
.row-mailer,
.wrapper {
	position: relative;
}

.margin-bottom-none {
	margin-bottom: 0px !important;
}

#top,
#shtukaturka,
#submenu-67,
#submenu-37,
#submenu-36,
#submenu-55,
#submenu-39,
#submenu-45,
#submenu-58,
#submenu-44,
#submenu-57,
#submenu-43,
#submenu-48,
#submenu-47,
#submenu-46,
#submenu-50,
#submenu-51,
#submenu-52,
#kraska,
#uslugi,
#primery,
#serts,
#faq,
#kontakty,
#sotrudnichestvo,
#feedback,
#mailer {
	position: absolute;
	top: -70px;
}


.row-devider-white {
	height: 50px;
	background: #F6F6F6 url('/img/devider2/line-white.png') repeat-x;
}

.row-devider-gray {
	height: 50px;
	background: #fff url('/img/devider2/line-gray.png') repeat-x;
}

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

/* menu */

.up-menu {
	
}

ul.up-menu {
	
}

ul.up-menu li {
	
}

ul.up-menu li a:link,
ul.up-menu li a:visited {
	color: #fff;
	text-decoration: none;
	font-family: "Roboto-Light", Arial, Verdana, Helvetica, sans-serif; 
	font-size: 18px;
	padding: 25px 10px;
}

ul.up-menu li a:hover {
	background: #177FBE;
}


 
.nav .open>a:focus {
	background-color: #177FBE !important;
    border-color: #002857 !important;
	color: #fff !important;
}

.nav>li>a:focus {
    text-decoration: none;
    background-color: #002857 !important;
}

ul.dropdown-menu {
	background: #002857;
}

ul.dropdown-menu li a:link,
ul.dropdown-menu li a:visited {
	color: #fff;
	text-decoration: none;
	font-family: "Roboto-Light", Arial, Verdana, Helvetica, sans-serif; 
	font-size: 18px;
	padding: 15px;
}

ul.dropdown-menu li a:hover {
	background: #177FBE;
}

a.menu-link-general:link, 
a.menu-link-general:visited {
	color: #FFB71B !important;
}

a.menu-link-general:hover {
	color: #23a1d1 !important;
}


/* 4040404040404 */

.errorpage {
	margin-top: 150px;
}

.err404 {
	min-height: 400px;
}

/* start wrapper */

.under-header-bl {
	min-height: 1px;
	background: #F6F6F6;
	margin-top: 72px;
	padding-top: 15px;
}

/* slider */

.slider {
	background: #F6F6F6;
	padding-top: 0;
}

.slider-block img {
	border-radius: 7px;
}

.slider-block {
	text-align: center;
	color: #002857;
	/* background: #fff url('/img/slider-fon-bl.png') 15px 0px no-repeat;
	min-height: 70px;
	padding: 15px;
	*/
	font-family: "Roboto-Black", Arial, Verdana, Helvetica, sans-serif; 
	border-radius: 7px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.1);
	margin: 15px 0px;
	padding: 0px;
}

/* partners */

.partners {
	min-height: 150px;
	background: #F6F6F6;
	/* background: #F6F6F6 url('/img/slide.jpg') no-repeat;
	background-size: cover; */
	margin-top: 72px;
	padding-top: 30px;
}

/* devider-my */

.devider-line {
	border-bottom: 1px solid #b4b4b4;
}

.devider-center {
	height: 34px;
	text-align: center;
	background-image: url('/img/devider.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

/* shtukaturka */

.shtuk-img {
	background: #f2f2f2;
}

ul.shtuk-preim {
	margin: 0;
	padding: 0;
}

ul.shtuk-preim li {
	font-size: 14px;
	/* font-weight: bold; */
	list-style: none;
	margin-bottom: 15px;
}

ul.shtuk-preim li .fas {
	margin-right: 7px;
	color: #ffb718;
}

.shtuk-block-img {
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
}

img.shtuk-img-inner {
	position: relative;
	z-index: 2;
	border-radius: 7px;
}

.andmore {
	text-align: center;
	font-size: 16px;
	color: #b4b4b4;
}

.fon-zag-name {
	position: absolute;
	z-index: 3;
	bottom: 30px;
	background: #002857;
	padding: 10px;
	color: #fff;
	font-size: 12px;
	border-radius: 0 7px 7px 0px
}

.infotxt {
	margin-bottom: 30px;
}

.infotxt span {
	font-family: "Roboto-Black", Arial, Verdana, Helvetica, sans-serif;
}

.infoprice {
	background: rgba(0,40,87,1);
	background: -moz-linear-gradient(-45deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,40,87,1)), color-stop(100%, rgba(17,73,138,1)));
	background: -webkit-linear-gradient(-45deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%);
	background: -o-linear-gradient(-45deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%);
	background: -ms-linear-gradient(-45deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%);
	background: linear-gradient(135deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002857', endColorstr='#11498a', GradientType=1 );
	
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding: 10px 20px;
	border-radius: 7px;
	margin-bottom: 7px;
}

.infoprice > div.nobr {
	color: #fff;
	font-size: 16px;
}

.infoprice span {
	color:	#ffb718;
	font-family: "Roboto-Black", Arial, Verdana, Helvetica, sans-serif;
	font-size: 34px;
	padding: 0px 7px;
}

.infopricetxt {
	font-size: 13px;
	margin-bottom: 30px;
	padding: 0px 7px;
	color: #002857;
}

/* 
.fon-zag-all {
	position: absolute;
	z-index: 3;
	bottom: 30px;
}

.fon-zag-left {
	background: #002857;
	padding: 15px;
	color: #fff;
	font-size: 14px;
	float: left;
}

.fon-zag-right {
	float: left;
}
*/



/* paint */

.paint-color {
	margin-bottom: 30px;
	border-radius: 7px;
	position: relative;
	z-index: 1;
	border: 3px solid #fff;
}

.paint-color img {
	position: relative;
	z-index: 2;
}

.paint-color-header {
	position: absolute;
	z-index: 3;
	bottom: 15px;
	background: rgba(255,255,255,0.4);
	color: #777;
	font-size: 13px;
	padding: 7px;
	border-radius: 0px 5px 5px 0px;
}

/* contacts */

.block-cont-inner {
	padding: 30px;
	background: #eaf4ff url('/img/block-fon.png') 30px 0px no-repeat;
	margin-top: 30px;
	font-family: "Roboto-Black", Arial, Verdana, Helvetica, sans-serif !important; 
	text-align: center;
	font-size: 18px;
	color: #ffb718;
	border-radius: 7px;

}

.block-cont-inner span.zag-bl-circle {
	background: #002857;
	padding: 15px;
	border-radius: 30px;
	text-align: center;
	display: block;
	width: 56px;
	margin: 0 auto;
}

.block-cont-inner .fas {
	color: #ffb718;
	font-size: 24px;
	font-weight: bold;
}

.block-cont-mail-inner {
	padding: 15px;
	background: #eaf4ff !important /* #f5f5f5 */;
	
	margin-top: 30px;
	font-weight: bold;
	border-radius: 7px;
}

span.zag-bl-cont {
	display: block;
	margin-bottom: 30px;
	color: #002857;
	
}

span.zag-bl-mini {
	display: block;
	color: #777;
	font-size: 14px;
	font-family: "Roboto-Regular", Arial, Verdana, Helvetica, sans-serif !important; 
	margin-top: 5px;
}

/* mailer */

.mailer-header {
	color: #fff;
	text-align: center;
	margin-bottom: 0px;
}

.mailer-header span {
	padding-bottom: 5px;
	margin-bottom: 15px;
}

.mailer-body {
	text-align: center;
	padding: 15px 0px;
}

.mailer-body input {
	width: 360px;
    height: 40px;
    margin-right: 10px;
    padding-left: 14px;
    font-size: 14px;
    color: gray;
    border: none;
    border-radius: 4px;
}

.mailer-body button {
	width: 150px;
    height: 40px;
    line-height: 38px;
    border: none;
    border-radius: 4px;
    background-color: #002857;
    font-size: 14px;
    font-weight: 300;
    text-align: center;
    color: #FFB71B;
    transition: all .3s;
	font-weight: bold;
}

.mailer-body button:hover {
    color: #15437b;
    background: #fff;
}

.mailer-footer {
	color: #fff;
	font-size: 14px;
	text-align: center;
}

/* our works */

.works-photo {
	margin-bottom: 30px;
}

.ourworks-block-img {
	margin: 15px 0px;
	box-shadow: 0px 0px 1px rgba(0,0,0,0.9);
	border-radius: 7px;
}

img.ourworks-img-inner {
	border-radius: 7px;
}

/* serts */

.sert-photo {
	margin-bottom: 30px;
}

img.sert-photo {
	border-radius: 7px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
}

/* uslugi */

.uslugi-bl {
	padding: 30px 15px;
	/* border: 1px solid #f1f1f1; */
	border: 3px solid #FFB71B;
	margin: 15px 0px;
	font-size: 14px;
	border-radius: 7px;
}

.usl-ico {
	/* background: #002857; */
	text-align: center;
	border-radius: 7px;
}

.usl-ico .fas {
	font-size: 42px;
    color: #FFB71B;
}

.usl-zag {
	display: block;
	color: #002857;
	padding-bottom: 30px;
	font-family: "Roboto-Black", Arial, Verdana, Helvetica, sans-serif !important; 
	font-size: 18px;
	min-height: 70px;
}

.usl-text {
	min-height: 50px;
	font-size: 14px;
}

/* question */

.panel-group .panel {
	border-radius: 7px !important;
}

.panel-body {
	padding: 30px !important;
}

.panel-default {
	border-color: #fff !important;
}

.panel-heading.questing {
	padding: 0px !important;
}

span.circlequest {
	padding: 15px 20px;
	display: block;
	background: #002857;
	color: #FFB718;
	float: left;
	margin-right: 15px;
	border-radius: 7px 0px !important;
}

.questing {
	background: #eaf4ff /* #e4f0ff /* #d1e6ff */ !important;
}

.questing a:link,
.questing a:visited {
	text-decoration: none;
	padding: 15px;
	display: block;
	color: #002857;
	font-size: 16px;
	font-family: "Roboto-Black", Arial, Verdana, Helvetica, sans-serif !important; 
}

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

/* sotrudnichestvo */

.sotrud-bl {
	padding: 15px;
	background: #fff;
	margin: 15px 0px;
	border: 3px solid #FFB71B;
	border-radius: 7px;
}

.sotrud-bl span {
	display: block;
	font-family: "Roboto-Black", Arial, Verdana, Helvetica, sans-serif !important; 
	margin-bottom: 15px;
	font-size: 18px;
	color: #002857;
}

ul.sotrud-list {
	margin: 0;
	padding: 0;
}

ul.sotrud-list li {
	font-size: 14px;
	list-style: none;
	margin-bottom: 15px;
	background: url('/img/li-yellow.png') 0px 2px no-repeat;
	padding: 0 0 0 25px;
}

ul.sotrud-list li .fas {
	margin-right: 10px;
	color: #ffb718;
}

.white-circle {
	background: #fff;
	border-radius: 100px;
	text-align: center;
	color: #002857;
	margin: 15px auto;
	width: 100px;
	height: 100px;
	padding: 15px;
}

.white-circle .fas,
.white-circle .far {
	font-size: 52px;
	margin-top: 8px;
}

/* footer */

.footer {
	background: #000;
}

.footer-info {
	font-size: 12px;
	color: #696969;
	margin-top: 30px;
}

.footer-row {
	padding: 30px 0px 60px 0px;
	color: #fff;
	position: relative;
}

.foot-col {
	color: #fff;
	font-size: 14px;
	margin-bottom: 30px
}

@media(min-width: 768px){
	.foot-col {
		text-align: left;
	}
}

@media(max-width: 767px){
	.foot-col {
		text-align: center;
	}
}


a.foot-link-name:link,
a.foot-link-name:visited {
	font-family:
		"Montserrat-Light", Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	text-decoration: underline;
}

a.foot-link-name:hover {
	color: #fff;
	text-decoration: none;
}

.clear-foot-logo {
	clear: both;
	height: 65px;
	overflow: hidden;
}

.foot-col .fas {
	font-size: 14px;
	color: #FFB71B;

}

.fas-mar-r-15 {
	margin-right: 10px;
}

.fas-mar-b-10 {
	margin: 0px 10px;
}

.soc-block {
	background: rgba(255,255,255,0.2);
    margin-right: 10px;
    float: left;
    border-radius: 7px;
}

.link-in-foot a:link,
.link-in-foot a:visited {
	color: #FFB71B;
	text-decoration: underline;
}

.link-in-foot a:hover {
	color: #FFF;
	text-decoration: none;
}

/* temp */

.phone-top {
	float: right;
    position: relative;
	line-height: 18px;
	text-align: right;
	
}

.phone-top a:link,
.phone-top a:visited {
	text-decoration: none;
	color: #fff;
	font-size: 24px;
	display: block;
	padding: 19px 0px;
	margin-right: 50px;
}

.phone-top a:hover {
	
}

.phone-top a span {
	font-size: 13px;
	font-family: "Roboto-Black", Arial, Verdana, Helvetica, sans-serif !important; 
	color: #ffb718 /* #FFEB32 */;
}

.open-sidebar #menu{
	z-index: 100;
}

.wrapper{
	position: relative;
	z-index: 2;
}

.overlay {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background: rgba(38,50,56,.7);
	/* transition: all .5s ease; */
	z-index: 0;
	opacity: 0;
}

.open-sidebar .overlay{
	z-index: 30;
	opacity: 1;
}


#sidebar {
	width: 500px;
	position: fixed;
	right: 0;
	background: #fff;
	top: 0;
	bottom: 0;
	z-index: 31;
	overflow: auto;
	-webkit-transform: translateX(510px);
	-moz-transform: translateX(510px);
	-ms-transform: translateX(510px);
	-o-transform: translateX(510px);
	transform: translateX(510px);
	transition: all .3s ease;
	padding: 50px;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

.open-sidebar #sidebar{
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}

.sidebar-list {
	padding: 0;
	margin: 0 0 30px;
	list-style: none;
}


.sidebar-list>li>a {
	display: block;
	color: #5d7079;
	position: relative;
	padding: 5px 0;
	font-weight: 500;
	text-decoration: none;
}

.sidebar-list>li>a:hover{
	color: #23a1d1;
}

ul.sidebar-list li.sub-menu-link a {
	display: block;
	color: #23a1d1;
	position: relative;
	padding: 5px 0px 5px 15px;
	font-weight: 500;
	text-decoration: none;
}

ul.sidebar-list li.sub-menu-link a:hover {
	color: #FFB71B;
}

.sidebar-list>li>a span{
	font-size: 30px;
	position: absolute;
	right: 0;
	top: 0px;
}


.sidebar-list .dropdown-menu{
	margin: 0;
	padding: 0 0 0 10px;
	border: none;
	position: relative;
	width: 100%;
	-webkit-box-shadow: none;
	box-shadow: none;
	float: none;
}

.sidebar-title {
	font-size: 20px;
	margin-bottom: 15px;
	font-weight: 600;
	color: #002857;
}

.sidebar-list .dropdown-menu a{
	display: block;
	line-height: 30px;
	background: url('/image/catalog/sys/li-right-menu.png') 0px 14px no-repeat;
	padding-left:10px;
}

.sidebar-list .dropdown-menu a.see-all{
	background: none !important;
	margin-bottom: 10px;
}

.sidebar-list .dropdown-menu a:hover{
	color: #5d7079;
}

.btn-settings {
	color: #5d7079;
	position: relative;
	padding: 5px 0;
	font-weight: 500;
	border: none;
	background: none;
	display: block;
	width: 100%;
	text-align: left;
}

.btn-settings:hover{
	color: #23a1d1;
}

.btn-settings.active {
	color: #23a1d1;
	font-weight: 600;
}

#close-sidebar {
	font-size: 30px;
	position: absolute;
	top: 15px;
	left: 50%;
	cursor: pointer;
	color: #ff0000;
}

#close-sidebar:hover{
	color: #23a1d1;
}

#sidebar-btn {
	width: 40px;
	height: 40px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	display: block;
	float: right;
	margin-top: 13px;
	margin-right: 8px;
}

#sidebar-btn span{
	display: block;
	position: absolute;
	height: 2px;
	width: 24px;
	background: #ffb718 /* #FFEB32 /*#222*/;
	border-radius: 9px;
	opacity: 1;
	left: 8px;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}


#sidebar-btn span:nth-child(1) {
	top: 13px;
}

#sidebar-btn span:nth-child(2),
#sidebar-btn span:nth-child(3) {
	top: 21px;
}

#sidebar-btn span:nth-child(4) {
	top: 29px;
}

#sidebar-btn.open span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}

#sidebar-btn.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

#sidebar-btn.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#sidebar-btn.open span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}

.sidebar-btn-header {
	float: right;
	color: #ffb718;
	text-transform: uppercase;
	font-family: "Roboto-Regular", Arial, Verdana, Helvetica, sans-serif;
	font-size: 21px;
	margin-top: 23px;
	margin-right: 5px;
	margin-left: 15px;
	cursor: pointer;
}

.right-menu-btnimg {
    float: left;
    margin-top: 2px;
    margin-right: 3px;
    height: 23px;
    margin-left: -28px;
}

@media(max-width: 767px){

	#sidebar {
		-webkit-transform: translateX(102%);
		-moz-transform: translateX(102%);
		-ms-transform: translateX(102%);
		-o-transform: translateX(102%);
		transform: translateX(102%);
		transition: all .3s ease;
		padding: 30px;
		width: 100%;
	}



}



/* sendpulse */

.sp-force-hide {
	display: none;
}
	
.sp-form[sp-id="165767"] {
	display: block; 
	background: #46474c; 
	padding: 5px; 
	width: 100%; 
	max-width: 100%; 
	border-radius: 0px; 
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	font-family: inherit; 
	background-repeat: no-repeat; 
	background-position: center; 
	background-size: auto;
}

.sp-form[sp-id="165767"] input[type="checkbox"] {
	display: inline-block; 
	opacity: 1; 
	visibility: visible;
}

.sp-form[sp-id="165767"] .sp-form-fields-wrapper {
	margin: 0 auto; 
	width: 490px;
}

.sp-form[sp-id="165767"] .sp-form-control {
	background: #ffffff; 
	border-color: #46474c; 
	border-style: solid; 
	border-width: 1px; 
	font-size: 15px; 
	padding-left: 8.75px; 
	padding-right: 8.75px; 
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	height: 35px; 
	width: 100%;
}

.sp-form[sp-id="165767"] .sp-field label {
	color: #444444; 
	font-size: 13px; 
	font-style: normal; 
	font-weight: bold;
}

.sp-form[sp-id="165767"] .sp-button-messengers {
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.sp-form[sp-id="165767"] .sp-button {
	border-radius: 4px; 
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	background-color: #002857; 
	color: #ffbd2e; 
	width: auto; 
	font-weight: 700; 
	font-style: normal; 
	font-family: Arial, "Helvetica Neue", sans-serif; 
	box-shadow: none; 
	-moz-box-shadow: none; 
	-webkit-box-shadow: none;
	margin-top: 15px;
}

.sp-form[sp-id="165767"] .sp-button-container {
	text-align: center;
}

.sp-form[sp-id="165767"] .sp-message-success {
	color: #fff !important;
	
}

/* inner pages */

.innerpage {
	margin-top: 70px;
}

.inner {
	min-height: 400px;
	margin-right: -15px;
    margin-left: -15px;
}

.color-ncs-bl {
	position: relative;
	z-index: 1;
}

.color-ncs-block {
	height: 150px;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	position: relative;
	z-index: 2;
	margin-bottom: 30px;
}

.color-ncs-text {
	white-space: nowrap;
	font-size: 14px;
	padding: 7px;
	position: absolute;
	z-index: 3;
	bottom: 45px;
	background: rgba(255,255,255,0.5);
	color: #000;
	box-shadow: 0px 0px 1px rgba(0,0,0,0.5);
}

.color-ncs-devider {
	height: 100px;
}

.inner-nav-margin {
	margin-top: 20px;
}

.inner-samples {
	margin-right: -15px;
    margin-left: -15px;
}

/* lk */

.btn-lk-text {
	margin-top: 15px;
	margin-bottom: 30px
}

.btn-lk {
	margin-bottom: 30px
}

.btn-lk a:link,
.btn-lk a:visited {
	border: 1px solid #012959;
	color: #012959;
	display: block;
	padding: 10px;
	text-decoration: none;
	border-radius: 7px;
}

.btn-lk a:hover {
	color: #fff;
	background: #012959;
}

.input-bl {
	margin-bottom: 15px;
}

.label-txt {
	font-size: 13px;
}

a.label-link:link,
a.label-link:visited {
	font-size: 13px;
	margin-top: 10px;
}

a.label-link:hover {
	
}

.login-outer {
	border: 1px solid #f2f2f2;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	padding: 15px;
	border-radius: 15px;
}

.btn-lk-text span {
	padding: 5px 10px;
	background: #002857;
	color: #fff;
	border-radius: 3px;
}

/*  */

.fancybox-caption__body {
	color: #fff;
}

.fancybox-slide--iframe .fancybox-content {
    border-radius: 7px;
}

#toTop {
	border: 1px solid rgba(0,40,87,0.5);
	background: rgba(0,40,87,0.3);
	text-align: center;
	padding: 10px 15px;
	position: fixed;
	bottom: 15px;
	left: 15px;
	cursor: pointer;
	display: none;
	color: #fff;
	font-size: 11px;
	z-index: 999;
	font-family: "Roboto-Medium", Arial, Verdana, Helvetica, sans-serif !important;
	border-radius: 4px;
	box-shadow: 0px 0px 5px rgba(255,255,255,0.5);
	-webkit-transition: all 0.5s 0s ease-in;
}

#toTop:hover {
	background: rgba(0,40,87,0.7);
	box-shadow: 0px 0px 8px rgba(255,255,255,0.8);
	border: 1px solid rgba(0,40,87,1);
	-webkit-transition: all 0.1s 0s ease-in;
}

a.btn-uslugi:link,
a.btn-uslugi:visited {
	display: inline-block;
	padding: 15px 30px;

	background: rgba(0,40,87,1);
    background: -moz-linear-gradient(-45deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,40,87,1)), color-stop(100%, rgba(17,73,138,1)));
    background: -webkit-linear-gradient(-45deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%);
    background: -o-linear-gradient(-45deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%);
    background: linear-gradient(135deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002857', endColorstr='#11498a', GradientType=1 );
    color: #ffb718;
    font-size: 16px;
    text-align: center;
    border-radius: 7px;
    margin-bottom: 7px;
    margin-top: 23px;
    border: none;
    cursor: pointer;
    font-weight: bold;
	text-decoration: none;
}

a.btn-uslugi:hover {
	color: #fff;
}

.info-btn-call {
	margin-top: 0px;
    margin-bottom: 30px;
}

a.info-btn-call-link:link,
a.info-btn-call-link:visited {
	display: block;
    color: #ff0000;
    font-size: 16px;
    cursor: pointer;
    font-family: "Roboto-Black", Arial, Verdana, Helvetica, sans-serif !important;
	text-decoration: none;
	border: 1px solid #ff0000;
	padding: 15px 0px;
	border-radius: 7px;
	background: #fdf7f7 url('/img/btn-fon-white.png');
	text-align: center;
}

a.info-btn-call-link:hover {
	background: #fff;
}

/* left menu */

.left-menu {
	margin-top: 30px;
}

.left-menu a:first-letter {
	/* font-weight: bold; */
}

.left-menu a:link,
.left-menu a:visited {
	display: block;
	text-align: left;
	text-decoration: none;
	margin-bottom: 3px;
	color: #002857;
	font-size: 14px;
	background: #f6f6f6;
	padding: 10px 7px;
	border-radius: 4px;
}

.left-menu a.active,
.left-menu a:hover {
	/* color: #ffb718; */
	background: #eaf4ff;
}

/* brcrumb */

.brcrumb {
	margin-top: 30px;
}

.brcrumb a:link,
.brcrumb a:visited {
	font-size: 13px;
	padding: 5px 10px;
	background: #f6f6f6;
}

.brcrumb a:hover {
	
}

.brcrumb span {
	font-size: 13px;
}

.brcrumb span.lastitem {
	padding: 5px 10px;
	background: #f6f6f6;
}

/* listing effects */

	.list-s-bl {
		margin-bottom: 30px;
		min-height: 100px;
		position: relative;
		z-index: 1;
		overflow: hidden;
	}
	
	.list-s-bl img {
		border-radius: 7px;
	}
	
	a.list-s-bl-link:link,
	a.list-s-bl-link:visited {
		position: relative;
		z-index: 2;
	}
	
	a.list-s-bl-link:hover {
		
	}
	
	.list-s-bl-name {
		position: absolute;
		z-index: 3;
		top: 15px;
		left: 15px;
		
		background: rgba(0,0,0,0.5);
		/* width: 150px;
		height: 150px; */
		border-radius: 7px;
		text-align: left;
		margin-right: 15px;
	}
	
	a.list-s-bl-linkname:link,
	a.list-s-bl-linkname:visited {
		/* position: relative;
		z-index: 4;
		top: 30px;
		left: 30px; */
		display: block;
		padding: 10px 25px;
		color: #fff;
		font-size: 16px;
		font-family: "Roboto-Black", Arial, Verdana, Helvetica, sans-serif; 
		text-decoration: none;
	}
	
	a.list-s-bl-linkname:hover {
		
	}
	
/* new catalog */

h2.catalog-header {
	letter-spacing: 0px; 
	font-family: "Roboto-Black", Arial, Verdana, Helvetica, sans-serif; 
	font-size: 26px; 
	font-weight: normal; 
	color: #002857 /* #46474C */;
	display: block;
	margin-bottom: 5px;
	margin-top: 30px;
}

.cat-devider-h2 {
	width: 60px;
	height: 2px;
	background: #002857;
	margin-bottom: 5px;
}

.id-vykrasa {
	font-family: "Roboto-Light", Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal; 
	color: #002857;
	margin-bottom: 30px;
}

.id-vykrasa span {
	font-family: "Roboto-Medium", Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weight: normal; 
	color: #002857;
	background: #eaf4ff;
	border-radius: 4px;
	padding: 2px 3px;
}

/* Характиеристики в карточке */

.catalog-info-bl {
	background-image: url('/img/catalog-info-bl.png');
	background: rgba(0,40,87,1) url('/img/catalog-info-bl.png');
	background: -moz-linear-gradient(-45deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%) url('/img/catalog-info-bl.png');
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,40,87,1)), color-stop(100%, rgba(17,73,138,1))) url('/img/catalog-info-bl.png');
	background: -webkit-linear-gradient(-45deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%) url('/img/catalog-info-bl.png');
	background: -o-linear-gradient(-45deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%) url('/img/catalog-info-bl.png');
	background: -ms-linear-gradient(-45deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%) url('/img/catalog-info-bl.png');
	background: linear-gradient(135deg, rgba(0,40,87,1) 0%, rgba(17,73,138,1) 100%) url('/img/catalog-info-bl.png');
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002857', endColorstr='#11498a', GradientType=1 );
	padding: 30px 20px 15px 20px;
	margin-bottom: 0px;
	border-radius: 7px 7px 0px 0px;
}

.cat-inf-bl-min {
	color: #fff;
	font-family: "Roboto-Light", Arial, Verdana, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: normal;
	margin-bottom: 15px;
}

.catalog-info-bl > div > span {
	color: #fff;
	font-family: "Roboto-Medium", Arial, Verdana, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: normal; 
	background: rgba(255,255,255,0.2);
	border-radius: 4px;
	padding: 3px 5px;
}

/* Описание в карточке */

.catalog-info-txt {
	border: 1px solid #002857;
	padding: 30px;
	margin-bottom: 30px;
	font-family: "Roboto-Light", Arial, Verdana, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #000;
	border-radius: 0px 0px 7px 7px;
}


/* ценник в карточке*/

.cat-inf-bl-price-min {
	color: #fff;
	font-family: "Roboto-Medium", Arial, Verdana, Helvetica, sans-serif; 
	font-size: 16px; 
	font-weight: normal;
	margin-bottom: 30px;
	padding: 15px;
}

.cat-price-bl {
	font-size: 20px;
	color: #fff;
	text-align: center;
	padding: 15px 0px;
	margin-bottom: 15px;
	border-radius: 7px;
}

.cat-price-bl span {
	font-family: "Roboto-Black", Arial, Verdana, Helvetica, sans-serif;
    font-size: 34px;
    padding: 0px 7px;
	color: #ffb718;
}

.catalog-info-utch {
	font-family: "Roboto-Light", Arial, Verdana, Helvetica, sans-serif; 
	font-size: 14px;
	padding: 0px 7px;
    color: #002857;
	margin-bottom: 30px;
}

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





.cat-img-half-bl {
	margin-bottom: 30px;
	position: relative;
}
.cat-img-half-bl img {
	border-radius: 7px;
}

.under-brdr {
	position: relative;
	z-index: 1;
}

.brdr {
	position: absolute;
	z-index: 2;
	left: 30px;
	top: 15px;
	right: 30px;
	bottom: 15px;
	border: 1px solid #fff;
	border-radius: 7px;
}



.cat-img-pre-mini {
	margin-bottom: 30px;
}



.cat-bl-img-dop {
	margin: 0 -15px 0 -15px;
}

.cat-img-dop img {
	margin-bottom: 30px;
	border-radius: 7px;
}

.email-bt {
	background:#0DC143;
	border:2px solid #FFF;
	border-radius:50%;
	box-shadow:0 8px 10px rgba(13,193,67,0.3);
	cursor:pointer;
	height:68px;
	text-align:center;
	width:68px;
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index:30;
	transition:.3s;
	-webkit-animation:email-an linear 1s infinite;
	animation:email-an linear 1s infinite;
}

.email-bt .text-call{
	height:68px;
	width:68px;        
	border-radius:50%;
	position:relative;
	overflow:hidden;
}

.email-bt .text-call span {
	text-align: center;
	color:#FFF;
	opacity: 0;
	font-size: 0;
	position:absolute;
	right: 4px;
	top: 22px;
	line-height: 14px;
		font-weight: 600;
	text-transform: uppercase;
	transition: opacity .3s linear;
	font-family: 'Roboto-Regular', Arial, Helvetica, sans-serif;
}

.email-bt i {
	color:#fff;
	font-size:29px;
	transition:.3s;
	line-height: 66px;
}

.email-bt i  {
	-webkit-animation: opsimple 3s infinite;
	animation: opsimple 3s infinite;
}

@-webkit-keyframes email-an {
	0% {
		box-shadow:0 8px 10px rgba(13,193,67,0.3),0 0 0 0 rgba(13,193,67,0.2),0 0 0 0 rgba(13,193,67,0.2)
	}
	40% {
		box-shadow:0 8px 10px rgba(13,193,67,0.3),0 0 0 15px rgba(13,193,67,0.2),0 0 0 0 rgba(13,193,67,0.2)
	}
	80% {
		box-shadow:0 8px 10px rgba(13,193,67,0.3),0 0 0 30px rgba(13,193,67,0),0 0 0 26.7px rgba(13,193,67,0.067)
	}
	100% {
		box-shadow:0 8px 10px rgba(13,193,67,0.3),0 0 0 30px rgba(13,193,67,0),0 0 0 40px rgba(13,193,67,0.0)
	}
	}
@keyframes email-an {
	0% {
		box-shadow:0 8px 10px rgba(13,193,67,0.3),0 0 0 0 rgba(13,193,67,0.2),0 0 0 0 rgba(13,193,67,0.2)
	}
	40% {
		box-shadow:0 8px 10px rgba(13,193,67,0.3),0 0 0 15px rgba(13,193,67,0.2),0 0 0 0 rgba(13,193,67,0.2)
	}
	80% {
		box-shadow:0 8px 10px rgba(13,193,67,0.3),0 0 0 30px rgba(13,193,67,0),0 0 0 26.7px rgba(13,193,67,0.067)
	}
	100% {
		box-shadow:0 8px 10px rgba(13,193,67,0.3),0 0 0 30px rgba(13,193,67,0),0 0 0 40px rgba(13,193,67,0.0)
	}
}

@keyframes opsimple {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}

	80% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

@-webkit-keyframes opsimple {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

/* fast menu on general page */

.general-navigation {
	background: #F6F6F6;
}

.gen-nav-block {
	border-radius: 7px;
	padding: 15px;
	min-height: 200px;
}

.gen-nav-block-out-1 {
	background: #fff;
	border-radius: 7px;
}

.gen-nav-block-out-2 {
	background: #fff;
	border-radius: 7px;
}

.gen-nav-block-out-3 {
	background: #fff;
	border-radius: 7px;
}

.gen-nav-block-out-1,
.gen-nav-block-out-2,
.gen-nav-block-out-3 {
	position: relative;
	z-index: 1;
}

.gen-nav-block span {
	font-size: 24px;
	font-family: "Roboto-Light", Arial, Verdana, Helvetica, sans-serif;
	color: #555;
	text-transform: uppercase;
}

.gn-1 {
	background: /* #EAF4FF */ url('/img/gn-1.png') center right no-repeat;
}

.gn-2 {
	background: /* #faeaff */ url('/img/gn-2.png') center right no-repeat;
}

.gn-3 {
	background: /* #fdffea */ url('/img/gn-3.png') center right no-repeat;
}

p.gn-text {
	font-size: 14px;
	font-family: "Roboto-Light", Arial, Verdana, Helvetica, sans-serif;
	margin-right: 130px;
	margin-top: 15px;
	color: #b4b4b4;
}

a.gn-link-block:link,
a.gn-link-block:visited {
	border-radius: 7px;
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	box-shadow: 0 0 5px rgba(0,0,0,0.1);
	transition: 0.3s all;
}

a.gn-link-block:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	transition: 0.3s all;
}

.gen-nav-block-outer {
	border-radius: 7px;
	border: 1px solid rgba(0,0,0,0.05);
	background: rgba(255,255,255,0.5);
	margin-bottom: 30px;
}

.gen-nav-under-block {
		margin-bottom: 0px;
		padding: 0 15px;
}

ul.under-sub-menu-gen {
	list-style: none;
	margin: 0;
	padding: 0;
	margin-top: 15px;
}

ul.under-sub-menu-gen li {
	margin: 0 15px 15px 0 ;
	display: inline-block;
	
}

ul.under-sub-menu-gen li a:link,
ul.under-sub-menu-gen li a:visited {
	text-decoration: none;
	border-bottom: 1px dashed;
	line-height: 22px;
}

ul.under-sub-menu-gen li a:hover {
	border-bottom: 1px solid;
}

ul.under-sub-menu-gen li a i.fas {
	font-size: 12px;
}

/** colors-finch **/

.colors-out {
	position: relative;
	z-index: 1;
}

.colors-overflow {
	overflow-y: scroll;
	height: 500px;
	padding-bottom: 30px;
	padding-left: 10px;
	position: relative;
	z-index: 1;
}
	
.colors-overflow {
	scrollbar-color: #d4aa70 #e4e4e4;
	scrollbar-width: thin;
}

.colors-overflow::-webkit-scrollbar {
	width: 16px;
}

.colors-overflow::-webkit-scrollbar-track {
	background-color: #e4e4e4;
	border-radius: 100px;
}

.colors-overflow::-webkit-scrollbar-thumb {
	border-radius: 100px;
	border: 5px solid transparent;
	background-clip: content-box;
	background-color: #002857;
}
	
img.finger {
	width: 40px;
	margin-right: 15px;
	margin-bottom: 15px;
}


.colors-shadow {
	height: 13px;
	background: url('/img/shadow.png') repeat-x;
	position: relative;
	z-index: 2;
	margin: -13px 15px 15px 15px;
}

.colors-overflow .col-xs-4 {
	padding-left: 5px;
	padding-right: 5px;
}

.colors-overflow .paint-color {
	margin-bottom: 10px;
}

span.zag-art {
	display: block;
	color: #002857;
	font-family: "Roboto-Black", Arial, Verdana, Helvetica, sans-serif !important;
	font-size: 18px;
	margin: 30px 0px 15px 0px;
}

td.table-left-col {
	font-family: "Roboto-Black", Arial, Verdana, Helvetica, sans-serif !important;
	width: 30%;
}