* { 
box-sizing:border-box; 
margin:0; 
padding:0; 
outline: none; 
} 
body { 
color: #1e252f; 
font-family: 'PT Sans', sans-serif;
font-size:18px; 
line-height:28px; 

} 
section {padding:20px 0;}
a img { 
border: none; 
} 
a {color: #1e252f !important;text-decoration: none !important;border-bottom: 1px solid #1e252f;} 
a:hover, a:active { } 
ul { 
list-style: none; 
list-style-position: inside; 
} 
ol { 
list-style-position: inside; 
} 
h1, .h1 {margin: 0 0 20px 0;font-size: 26px;line-height:30px;font-style: normal;font-weight: normal;text-transform: uppercase;} 

h2, .h2 {font-size: 22px;line-height:26px;font-style: normal;font-weight: normal;margin: 0 0 0.5em;text-decoration: none;line-height:1.3;} 
h3, .h3 {font-size:16px;text-transform:uppercase;margin-bottom:0px !important;} 
.h3 {margin-top:0px;} 
#about h1, .steps h2,  .h2, #about h2{margin: 10px 0 10px 0px; 
text-transform:uppercase; 
font-size:30px; 
padding: 20px 0px 0px 0; 
text-align:center; 
line-height:1.3;
} 

#about h1:after, .steps h2:after, .h2:after, #about h2:after { 
display: block; 
width: 120px; 
height: 2px; 
margin: 20px auto 30px; 
content: ''; 
background-color: #1e252f; 
} 

.main {overflow:hidden;margin:30px 0 0;} 
.right_main {} 
.right_main p, .right_main div, .right_main ul, .right_main ol, .right_main table, #about p, #about div, #about ul, #about ol {margin: 0 0 1em;} 
.right_main ul li, .right_main ol li, #about ul li, #about ol li {margin-bottom:0.3em;} 
.center {margin:0 auto;width:960px;position:relative;padding: 0 !important;} 
.right_main table td {vertical-align:top;} 
.right_main:only-child {width:100%;} 
.right_main ul li, #slider ul li {list-style-type:none;} 
.right_main ul li:before, #slider ul li:before {content: " \2015 ";} 
.right_main table p, .right_main table div {margin:0px;padding:0px;} 

.center {margin:0 auto;width:960px;position:relative;padding: 0 !important;} 
.imgleft {float: left; padding: 2px; border:1px dashed #959595; margin: 0 10px 0px 0; } 
#call { 
background: #222; 
background-repeat: no-repeat; 
background-position: 0 0; 
background-size: cover; 
padding:20px 0 40px;
color:#f0f1f3;
} 
#dop {position: absolute; top: 0px; left: 0px; overflow: hidden;} 
#dop .element {float: left; margin-right: 25px;color: rgb(255, 255, 255); height: 100%; line-height: 34px; font-size: 12px; padding-left: 30px; background: url(http://tg.sitroplus.ru/upload/medialibrary/2df/marker..) 5px 5px / 20px no-repeat;} 


div.catalog_list_clear { 
clear: both; 
} 

div.right_main > .tab {display:none;} 
div.right_main > .tab.active {display:block;color: #454543;} 

/*ÔÎÐÌÀ ÇÀÊÀÇÀ*/ 
#form-zakaz {margin: 5px 0px;padding: 10px 20px; text-align: center; font-size: 20px; box-shadow: 0px 2px 8px rgba(0,0,0,0.1); background: #ffffff;cursor:pointer;} 
#form-zakaz .form {padding: 10px 20px; margin: 20px 0px 10px; display: inline-block; font-weight: bold; background: rgb(254, 231, 139);cursor:poinetr; transition:0.5s;} 
#form-zakaz .form:hover, .menu_top .form:active {background:#222222 !important;color:#ffffff;} 
/*ÔÎÐÌÀ ÇÀÊÀÇÀ*/ 

/*ÔÎÐÌÀ*/ 


#order-form{ 
position: fixed; 
width: 80%; 
max-width: 500px; 
top: 50px; 
left: 0; 
right: 0; 
margin: auto; 
padding: 20px; 
z-index: 1000; 
display: none; 
box-shadow: 0px 2px 8px rgba(0,0,0,0.1); background: #ffffff; 
} 
#lock{ 
z-index: 999; 
position: fixed; 
top: 0; 
left: 0; 
width: 100%; 
height: 100%; 
background: rgba(0,0,0,.8);
display: none; 
} 
#order-form fieldset{ 
border: 1px solid #d5d5d5; 
padding: 5px; 
} 
#order-form fieldset legend{ 
width: auto; 
margin: auto; 
border: 0; 
padding: 0 5px; 
font-size: 14px; 
} 
#order-form.success{ 
padding: 0; 
text-align: center; 
line-height: 50px; 
} 
#order-form.success p{ 
margin: 0; 
} 
#order-form.success p.success{ 
color: green; 
} 
#order-form.success p.error{ 
color: red; 
} 
#order-form a.close { 
background-size: contain; 
background-image: url(/images/close.png); 
width: 15px; 
height: 15px; 
top: 5px; 
right: 5px; 
position: absolute; 
} 
#order-form label.error input , #order-form label .error textarea { border: 2px solid #f7ca43;} 
#order-form input[type="text"] { 
width: 100%; 
height: 28px; 
border: 1px solid #d5d5d5; 
float: right; 
padding: 0 5px; 
} 
#order-form label{ 
overflow: hidden; 
line-height: 30px; 
margin-bottom: 5px; 
display: block; 
font-weight:normal; 
} 
#order-form textarea{ 
display: block; 
border: 2px solid #d5d5d5; 
padding: 5px; 
width: 100%; 
box-sizing: border-box; 
resize: none; 
height: 70px; 
} 
#order-form h1{ 
margin: 0; 
font-size: 16px; 
line-height: 24px; 
font-style: normal; 
font-weight: bold; 
/* text-align: center; */ 
text-transform: uppercase; 
font-weight:normal; 
} 
#order-form h1+div{ 
color: #7a7a7a; 
margin-bottom: 10px;} 

#order-form button, .form { 

line-height:45px;
    background:none;
    width: 100%;
    height: 47px;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid #1e252f;
    color: #1e252f;
    font-size: 14px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    font-weight: bold;
} 
#order-form button:hover, .form:hover { 

    background:#1e252f;
    width: 100%;
    height: 47px;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid #1e252f;
    color: #f0f1f3;
    font-size: 14px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    font-weight: bold;

} 


.send {overflow:hidden;width:100%;margin: 15px 0;text-align: center;} 
.send .left {float:left;width:50%;} 
.send .right {float:right;width:50%;text-align:right;padding-top:10px;} 


/*ÔÎÐÌÀ*/ 
.leftimg {float:left;padding: 10px;border: 1px solid #ccc;margin: 0 20px 20px 0;} 
.rightimg {float:right;padding: 10px;border:1px solid #eee;margin: 0 0px 20px 20px;} 
.text404 { 
margin: 20px auto; 
color: #1a1a1a; 
box-shadow: 0px 2px 8px rgba(0,0,0,0.1); background: #ffffff; 
overflow: hidden; 
} 
.text404 div { 
font-size: 200px; 
float:left; 
display:inline-block; 
line-height: 200px; 
margin: 0 30px 0 70px; 
} 
.text404 p { 
font-size: 32px; 
line-height: 42px; 
margin: 0; 
padding: 0; 
} 
.big_foto { 
border: 1px solid #eee; 
padding: 10px; 
width:100%; 
margin:0 0 1em; 
} 
.contacts {position:relative;} 
.steps {padding:20px 0;background: url(/images/pattern.png);border-top: 1px solid #f0f1f3;} 
.step {text-align:center;margin-bottom:10px;} 

/*.step > .text {color:#7a7a7a;} */
.shit {
    display: inline-block;
    position:relative;
    width: 80px;
margin-bottom:20px;
}
   .shit span { display: block;
    position: absolute;
    top: 30px;
    left: 0;
    font-size: 40px;
    text-align: center;
    right: 0;
color:#f0f1f3;
}
#ourgallery {background:#A78D59;}
#ourgallery .button {
    background: #f0f1f3;
    width: 50%;
    height: 47px;
    vertical-align: middle;
    text-align: center;
    text-transform: uppercase;
    /* border: 2px solid #d4dce6; */
    color: #f0f1f3;
    font-size: 14px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    font-weight: bold;
    margin: 20px auto;
}
#ourgallery .button a {
    text-decoration: none;
    border-bottom: 0px;
    line-height: 47px;
   
}


#ourgallery .button:hover {background:#262b31;}
#ourgallery .button:hover a {color:#f0f1f3 !important;}
.cat_element:nth-child(4n+1) {clear:left;}

/*ØÀÏÊÀ*/ 
#logo {background-image: url(/images/logo.png);background-repeat: no-repeat;background-size: 43px;padding-left: 52px;} 
#footer #logo {background-image: url(/images/logo-white.png);background-size: 36px;padding-left: 52px;}

span.logo {display: block;font-size: 40px;text-transform: uppercase;color: #1E252F;padding-bottom: 6px;} 
span.logo span {color:#A78D59;}
#footer span.logo, #footer span.logo span {color:#efeeeb;}
#footer span.logo {font-size:26px;padding-bottom:0px;}
.footer_address  {margin-top:5px;}
 #footer span.descr {display: block;color: #efeeeb;text-transform: none;font-size: 12px;margin-top:-13px !important;padding-left: 0px;}
span.descr {font-size: 19px;color: #7a7a7a;padding-left: 4px;} 
#header_main {padding: 5px 0 10px 0;}
#header_main .name {
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 12px;
    }
 #header_main  .email {padding-left: 30px;background: url(/images/e-mail.png) left 5px no-repeat;background-size: 18px;font-size: 14px;} 

#header_main a {text-decoration:none; border-bottom: 1px solid transparent;color:#1a1a1a;} 
#header_main a:hover {border-bottom:1px solid #1a1a1a;} 
#header_main .address {font-size: 16px;line-height: 22px;color: #1e252f;} 



#header_main .time {font-size: 16px;padding-left: 30px; 
background: url(/images/time.png) left 2px no-repeat; 
background-size:20px;} 



.vkont{ 
padding-left: 30px; 
background: url(/images/vk.png) left 2px no-repeat; 
background-size:20px;} 
.email {padding-left: 30px; 
background: url(/images/e-mail.png) left 2px no-repeat; 
background-size:20px;} 

.tel {padding-left: 30px;font-size: 18px;line-height: 24px; 
background: url(/images/call.png) left 2px no-repeat; 
background-size:20px;} 
.tel a {display:inline-block;} 

/*ØÀÏÊÀ*/ 
/*ÌÅÍÞ*/ 
.menu_top { 
position:relative;
padding-bottom: 5px; 
background: #1e252f; 
} 
.menu_top .form {text-transform: uppercase;background: #f7ca43;cursor:pointer;transition:0.5s;font-size: 16px;letter-spacing: .05em;text-align:center;} 
.menu_top .form:hover, .menu_top .form:active {background:#222222;color:#ffffff;} 
#footer nav a {margin-right:30px ;font-size: 14px;line-height:1;}
#footer nav a.selected, #footer nav a:hover, #footer nav a:active { 
border-bottom: 2px solid #ecd7bf; 
color: #f0f1f3!Important; 
} 

nav a {margin-right: 40px;text-decoration:none !important;letter-spacing: .05em;line-height:34px;text-transform: uppercase;font-size: 16px;color: #f0f1f3 !important;} 
nav a.selected, nav a:hover, nav a:active { 
border-bottom: 2px solid #ecd7bf; 
color: #f0f1f3!Important; 
} 
/*ÌÅÍÞ*/ 

/*ÕËÅÁÍÛÅ ÊÐÎØÊÈ*/ 
.bx_breadcrumbs ul { 
padding: 0 !important; 
} 
.bx_breadcrumbs ul li{ 
display:inline-block; 
line-height:20px; 
position: relative; 

} 
.bx_breadcrumbs ul li a:after {content: "/";position: absolute;/* top: 8px; */right: 15px;/* left: 0; */} 
.bx_breadcrumbs ul li:before {content: "" !important;} 
.bx_breadcrumbs ul li a{ 
display:block; 
color:#7a7a7a; 
/*font-size:14px;*/ 
opacity: .5; 
/* content: "";*/ 
margin-right:35px; 
} 
.bx_breadcrumbs ul li:first-child a {padding-left:0;margin-right: 35px;} 
.bx_breadcrumbs ul li:last-child a {background:none; margin-right:0px;} 
.bx_breadcrumbs ul li a:hover{ 
line-height:20px; 
opacity:1 
} 
.bx_breadcrumbs ul li span{ 
display:block; 
color:#7a7a7a; 
/* font-size:14px;*/ 
} 

.bx_breadcrumbs, 
.bx_breadcrumbs ul li{ 
-webkit-transition:all 0.3s ease; 
-moz-transition:all 0.3s ease; 
-ms-transition:all 0.3s ease; 
-o-transition:all 0.3s ease; 
transition:all 0.3s ease; 
} 
/*ÕËÅÁÍÛÅ ÊÐÎØÊÈ*/ 
/*ËÈÑÒÀËÊÀ ÝËÅÌÅÍÒÎÂ*/ 
table.arrows {width:100%;margin:0 0 25px;position:relative;} 
table.arrows td h1 {margin-bottom:0;letter-spacing:.05em;} 
table.arrows td{ 
width: 25%; 
vertical-align:middle; 
} 
table.arrows td.center{ 
width: 50%; 
padding: 0 30px !important; 
text-align: center; 
} 
table.arrows a { 
line-height: 20px; 
text-decoration: none; 
border-bottom:1px solid transparent; 

color:#1a1a1a; 
} 
table.arrows a:hover {border-bottom: 1px solid #1a1a1a;} 
table.arrows td.left {text-align: left; padding-left: 20px; 
font-size: 18px; 
letter-spacing: .05em; 
} 
table.arrows td.right {text-align: right; padding-right: 20px; font-size: 18px; 
letter-spacing: .05em;} 

table.arrows a:before{ 
content: '\2190'; 
font-family: arial; 
position: absolute; 
left: 0px; 
height: 20px; 
line-height: 20px; 
} 
table.arrows td.right a:before{ 
content: '\2192'; 
right: 0px; 
left: auto; 
} 
/*ËÈÑÒÀËÊÀ ÝËÅÌÅÍÒÎÂ*/ 

/*TOP-FOOTER*/ 
#top-footer { 
overflow:hidden; 
padding:20px 0; 
background: #A78D59;color:#efeeeb;margin:0px 0; 
} 
/*TOP-FOOTER*/ 
#projects {padding:20px 0;background:#222;} 
/*ÊÀÐÒÀ*/ 
#map {height:450px;} 
.contacts {position:relative;} 

#map + div{ 
width: 232px; 
position: absolute; 
top: 0; 
left: 10%; 
background: rgba(255,255,255,0.7); 
height:100%; 
max-height: 470px; 
overflow: auto; 
} 
#map + div > ul{ 
padding: 10px 0; 
counter-reset: list; 
list-style: none; 
} 
#map + div > ul p:first-child:before{ 
box-sizing: content-box; 
content: counter(list)' '; 
text-align: center; line-height: 10px; color: #222222; font-weight: bold; 
border: 2px solid #222222; border-radius: 50%; padding: 5px; height: 10px; width: 10px; 
display: inline-block; 
margin-right: 5px; 
} 
#map + div > ul li:only-child p:first-child:before{ 
display: none; 
} 
#map + div > ul li{ 
counter-increment: list; 
padding: 10px 10px 0; 
margin: 0; 
} 
#map + div > ul li.active{ 
background: #f0f0f0; 
} 
#map + div > ul li p{ 
line-height: 20px; 
margin: 5px 0 0; 
} 
#map + div > ul li p[data-map]{ 
color: #222222; 
cursor: pointer; 
border-bottom: 1px dotted #222222; 
display: inline; 
position: relative; 
} 
#map + div > ul li p[data-map]:hover{ 
border: 0; 
} 
#map + div > ul li p:first-child:hover{ 
border-color: transparent; 
} 
#map + div > ul li:before{ 
display: none; 
} 
ymaps p {margin:0 !important;}
/*ÊÀÐÒÀ*/ 

/*FOOTER*/ 
#footer {background: #1e252f;padding: 10px 0;text-align: left;color:#efeeeb;margin:0; text-transform:uppercase; font-size:14px;} 
#footer a {text-decoration:none;border:none;color:#efeeeb !important;} 
#footer a:hover {border-bottom:1px solid #efeeeb;} 
#footer .tels {display:inline-block; *zoom:1; *display:inline;vertical-align: middle;font-size: 16px;} 
#footer .address {display:inline-block; } 
#footer .tels p {margin:0px !important;} 
.map-white{ 
padding-left: 30px; 
background: url(/images/map-white.png) left 2px no-repeat; 
background-size:20px;} 
.tel-white{ 
padding-left: 30px; 
background: url(/images/call-white.png) left 2px no-repeat; 
background-size:20px;} 
.time-white{ 
padding-left: 30px; 
background: url(/images/time-white.png) left 2px no-repeat; 
background-size:20px;} 
.vkont-white{ 
padding-left: 30px; 
background: url(/images/vk-white.png) left 2px no-repeat; 
background-size:20px;} 
.email-white {padding-left: 30px; 
background: url(/images/e-mail-white.png) left 2px no-repeat; 
background-size:20px;} 

/*ÊÍÎÏÊÈ ÏÎÄÅËÈÒÜÑß*/ 
#share a:hover{ 
border: 1px solid #fff; 
} 
.facebook, .classmate, .kontakt, .google, .twitter{ 
display: inline-block; 
width: 25px; 
height: 25px; 
border: 1px solid transparent; 

} 
.kontakt{ 
background: url(/images/social/kontakt.png) no-repeat; 
background-size:cover; 
} 
.classmate{ 
background: url(/images/social/classmate.png) no-repeat; 
background-size:cover; 
} 
.facebook{ 
background: url(/images/social/facebook.png) no-repeat; 
background-size:cover; 
} 
.google{ 
background: url(/images/social/google.png) no-repeat; 
background-size:cover; 
} 
.twitter{ 
background: url(/images/social/twitter.png) no-repeat; 
background-size:cover; 
} 
/*ÊÍÎÏÊÈ ÏÎÄÅËÈÒÜÑß*/ 
/*FOOTER*/ 

a.site{ 
border-bottom:1px dotted #f7ca43; 

} 
a.site:hover{ 

border-bottom:1px dotted #1a1a1a; 
cursor:pointer; 
} 

.cbk-phone .cbk-phone-bgr {background-color:#f7ca43 !important;} 
.cbk-phone, .cbk-phone:hover {right:5% !important;} 


.btn-menu {
	display: none;
	position: relative;
	background: transparent;
	cursor: pointer;
	font-size:12px;
	width: 30px;
	position: relative;
	z-index: 2000;
	height: 30px;
	float:right;
	transition: all ease .238s;
}
div.btn-menu:after {content: 'меню';
	position: absolute;
	height: 0.2em;
	width: 100%;
	left: 0;
	top: 50%;}
.btn-menu:before,
.btn-menu:after, 
.btn-menu span {
	background-color: #4c4c4c;
	-webkit-transition: all ease .238s;
	-moz-transition: all ease .238s;
	transition: all ease .238s;
}

.btn-menu:before,
.btn-menu:after {
	content: '';
	position: absolute;
	height: 0.2em;
	width: 100%;
	left: 0;
	top: 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}
.btn-menu:after::last-child {
	content: 'меню';
font-size:12px;
	position: absolute;
	height: 0.2em;
	width: 100%;
	left: 0;
	top: 50%;
	-webkit-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
}

.btn-menu span {
	position: absolute;
	width: 100%;
	height: 0.2em;
	left: 0;
	top: 50%;
	overflow: hidden;
	text-indent: 200%;
}

.btn-menu:before {
	-webkit-transform: translate3d(0, -7px, 0);
	transform: translate3d(0, -7px, 0);
}

.btn-menu:after {
	-webkit-transform: translate3d(0, 7px, 0);
            transform: translate3d(0, 7px, 0);
font-size:12px;
}

.btn-menu.active span {
	opacity: 0;
}

.btn-menu.active:before {
	-webkit-transform: rotate3d(0, 0, 1, 45deg);
	top: 50%;
	transform: rotate3d(0, 0, 1, 45deg);
}

.btn-menu.active:after {
	-webkit-transform: rotate3d(0, 0, 1, -45deg);
	top: 50%;
content:'' !important;
	transform: rotate3d(0, 0, 1, -45deg);
}

.gray_txt {background: #ebeae6;padding: 15px 10px;font-size: 14px;line-height: 1.5;border: 1px solid #ebeae6;}
.contacts_info a {text-decoration:none; border-bottom:0px;}
.contacts_info p {margin-bottom:5px;}
.catalog_tovarov {text-align: center;}
.catalog_tovarov .name {
    font-weight: bold;
    margin-bottom: 0;
}
.catalog_tovarov .price {
    font-size: 14px;
    margin-bottom: 0;
    border-bottom: 1px solid #aaa;
}
.catalog_tovarov .text {
    font-size: 14px;
    line-height: 1.5;
}

.catalog_tovarov .element_img {margin-bottom:5px;}