@font-face{ 
font-family:'OpenSans Light';
src: url('/font/opensans-light-webfont.eot');
src: url('/font/opensans-light-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/opensans-light-webfont.woff') format('woff'),
url('/font/opensans-light-webfont.ttf') format('truetype'),
url('/font/opensans-light-webfont.svg#webfont') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face{ 
font-family:'OpenSans Regular';
src: url('/font/opensans-regular-webfont.eot');
src: url('/font/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/opensans-regular-webfont.woff') format('woff'),
url('/font/opensans-regular-webfont.ttf') format('truetype'),
url('/font/opensans-regular-webfont.svg#webfont') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'OpenSans CondBold';
src: url('/font/opensans-condbold-webfont.eot');
src: url('/font/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/opensans-condbold-webfont.woff') format('woff'),
url('/font/opensans-condbold-webfont.ttf') format('truetype'),
url('/font/opensans-condbold-webfont.svg#webfont') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'OpenSans SemiBold';
src: url('/font/opensans-semibold-webfont.eot');
src: url('/font/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/opensans-semibold-webfont.woff') format('woff'),
url('/font/opensans-semibold-webfont.ttf') format('truetype'),
url('/font/opensans-semibold-webfont.svg#webfont') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'OpenSans ExtraBold';
src: url('/font/opensans-extrabold-webfont.eot');
src: url('/font/opensans-extrabold-webfont.eot?#iefix') format('embedded-opentype'),
url('/font/opensans-extrabold-webfont.woff') format('woff'),
url('/font/opensans-extrabold-webfont.ttf') format('truetype'),
url('/font/opensans-extrabold-webfont.svg#webfont') format('svg');
font-weight:normal;
font-style:normal;
}



/* ==========================================================================
   Custom styles
   ========================================================================== */
html,
button,
input,
select,
textarea {color:#111;}
body {font-size:1em; line-height:1.4; -webkit-font-smoothing:antialiased; font-family:Arial, sans-serif; margin:0; padding:0; background:url('/img/.png') left top repeat;}
::-moz-selection {background:#b3d4fc; text-shadow:none;}
::selection {background:#b3d4fc; text-shadow:none;}
hr {display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0;}
img {vertical-align:middle; border:none; max-width:100%; height:auto;}
fieldset {border:0; margin:0; padding:0;}
textarea {resize:vertical;}
.chromeframe {margin:0.2em; background:#ffffcc; color:#000; padding:3.2em 7em; font-size:85%;}
table {border-collapse:collapse; border-spacing:0;}

a {text-decoration:underline; color:#08c;
-webkit-transition:color .15s ease;
-moz-transition:color .15s ease;
-o-transition:color .15s ease;
transition:color .15s ease;}
a:hover {text-decoration:none; color:#f90;}

h1,
h2,
h3,
h4,
h5,
h6 {margin:.625em 0; font-family:inherit; font-weight:normal; line-height:1; color:inherit; text-rendering:optimizelegibility;}



/*  ==========================================================================
	
    ========================================================================== */
@media screen and (max-width: 992px) {

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

}
@media screen and (max-width: 560px) {

}
@media screen and (max-width: 480px) {


}



/* ==========================================================================
   Телефон, социальные сети
   ========================================================================== */
#cap {width:100%; background:url('/img/cap-bg.jpg') left bottom repeat-x;}
#cap-gray {max-width:1170px; display:block; margin:0 auto; padding:25px 0px 7px; text-align:right; position:relative;}
#cap-gray > a {display: block;font-family: 'OpenSans SemiBold', Arial, sans-serif;font-size: 1.3em;text-decoration: none;color: #7A7F95;position: absolute;right: 0px;bottom: -5px;padding: 5px 0px;font-weight: bold;}
/*#cap-gray > a:before {content: '';width: 0;border-top: 28px solid #f1f1f1;border-left: 23px solid transparent;height: 0;left: -22px;top: 0;position: absolute;}*/
/* ==========================================================================
   AddThis
   ========================================================================== */
#cap-gray span.addthis_toolbox {display:inline-block; margin:0px 40px -3px 0px; width:158px;}
.at16nc,
.at300bs {background:url('/img/social.png') no-repeat;}
.at16nc.at16t_vk {background-position:0 -16px;}
.at16nc.at16t_vk:hover {background-position:0 0;}
.at15t_odnoklassniki_ru {background-position:0 -48px;}
.at15t_odnoklassniki_ru:hover {background-position:0 -32px;}
.at16nc.at16t_mymailru {background-position:0 -80px;}
.at16nc.at16t_mymailru:hover {background-position:0 -64px;}
.at16nc.at16t_facebook {background-position:0 -112px;}
.at16nc.at16t_facebook:hover {background-position:0 -96px;}
.at16nc.at16t_google_plusone_share {background-position:0 -144px;}
.at16nc.at16t_google_plusone_share:hover {background-position:0 -128px;}
.at16nc.at16t_compact {background-position:0 -176px;}
.at16nc.at16t_compact:hover {background-position:0 -160px;}

@media screen and (max-width: 480px) {
#cap-gray {display:block; padding:15px 14px; text-align:center;margin-bottom: 25px;}
#cap-gray > a {display:block; font-size:1.05em; font-family:'OpenSans SemiBold', Arial, sans-serif;}
#cap-gray span.addthis_toolbox {display:none;}

}
@media screen and (max-width: 800px) {
	#cap-gray > a {font-size: .9em;bottom: -29px;}
	#cap-gray > a:before{border-top: 23px solid #f1f1f1;border-left: 27px solid transparent;}
}
@media screen and (max-width: 992px) {
#cap-gray > a {font-size: 12pt; bottom: -23px;    padding: 0px 10px;}
}
/* ==========================================================================
   Контент
   ========================================================================== */
.reg-content {max-width:1170px; margin:0 auto; padding:0 30px; min-height: calc(100vh - 421px);}

.reg-content h1 {font-size:1.75em; font-family:'OpenSans Light', Arial, sans-serif; margin:1em 0 .75em 0;}

.reg-content p {font-size:.75em; font-family:'OpenSans SemiBold', Arial, sans-serif; line-height:1.5em; padding:0 2px; /*verflow:hidden;*/}

.reg-content p img[align="center"], img[align="middle"] {}
.reg-content p img[align="left"] {padding:4px 22px 12px 0;}
.reg-content p img[align="right"] {}
@media screen and (max-width: 560px) {
.reg-content p img[align="center"], img[align="middle"] {}
.reg-content p img[align="left"] {padding:0 0 12px 0;}
.reg-content p img[align="right"] {}
}

.reg-content ul {font-size:.75em; font-family:'OpenSans SemiBold', Arial, sans-serif;}

@media screen and (max-width: 992px) {
.reg-content {padding:0 20px;}

.reg-content h1 {font-size:1.25em; font-family:'OpenSans CondBold', Arial, sans-serif; }
}



/* ==========================================================================
   Меню
   ========================================================================== */
#header {margin-bottom:0.25em;}

#header nav a {text-decoration:none;}
#header nav a:hover {color:#f90;}
#header nav a.here {color:#08c;}
#header nav a:hover.here {color:#f90;}

#header nav ul#nav li span {font-size:.85em; font-family:'OpenSans SemiBold', Arial, sans-serif; color:#515151; cursor:default;}
#header nav ul#nav li span.here {color:#08c;}

#header nav {max-width:1170px; margin:0 auto; padding:25px 0px 25px; overflow:hidden; border-bottom:1px solid #ebebeb;box-sizing: border-box;}
#header nav > a,
#header nav ul {display:inline-block;}
#header nav > a {float:left; font-size:2.15em; font-style:italic; font-family: Calibri, Arial, sans-serif; color:#222; background:url('/img/logotip.png') left top no-repeat; line-height:1.95em; padding-left:90px;}

#header nav ul {float:right; text-transform:uppercase; margin:22px 0 0; padding:0;}
#header nav ul a {font-size:.85em; font-family:'OpenSans SemiBold', Arial, sans-serif; color:#515151;}

#header nav li {display:inline-block; padding:0 12px 0 12px;}
#header nav ul#nav > li:last-child {padding:0 0 0 12px;}
#header nav ul#nav > li:first-child {padding-left:0;}

#header nav ul#nav > li {padding-bottom:5px;}
#header nav ul#nav > li:nth-child(2),
#header nav ul#nav > li:nth-child(4) {background:url('/img/nav-arrow-down.png') center bottom no-repeat;}
#header nav ul#nav > li:hover:nth-child(1),
#header nav ul#nav > li:hover:nth-child(2),
/*#header nav ul#nav > li:hover:nth-child(4),*/
#header nav ul#nav > li:hover:nth-child(5) {background:none;}

#header nav li ul,
#header nav li ul li {display:block; padding:0;}

#header nav > li {position:relative;}

@media screen and (max-width: 1024px) {
#header nav li {padding:0 2px 0 10px;}
#header nav {padding:18px 30px;}
}
@media screen and (max-width: 992px) {

#header {margin-bottom:auto;}

#header nav {border-bottom:none;}
#header nav > a {float:none; font-size:1.85em; background:url('/img/logotip.png') center bottom no-repeat; line-height:0.75em; padding-left:0; padding-top:75px; text-align:center; width:100%;}
}
/* ==========================================================================
   Выпадающее меню
   ========================================================================== */
#header nav li ul {position:absolute; margin:0; padding:9px 0 0; background:url('/img/subnav-arrow.gif') left top no-repeat; z-index:9;}

#header nav li ul {visibility:hidden;}
#header nav li:hover ul {visibility:visible;}

#header nav li > a:hover {color:#f90;}

#header nav li ul li {background:#f7f7f7; border-bottom:1px solid #e5e5e5;}

#header nav li ul li,
#header nav li ul li:first-child {padding:0 10px 3px;}

#header nav li > ul > li a {font-size:.725em; text-transform:none;}

/* ==========================================================================
   Адаптивное меню
   ========================================================================== */
#pageslide {display:none; position:fixed; top:0; height:100%; z-index:999999; width:200px !important; background:#fff; font-size:.75em; padding:10px 20px 0;
		box-shadow:inset 0 0 8px #000;
	-moz-box-shadow:inset 0 0 8px #000;
-webkit-box-shadow:inset 0 0 8px #000;}

#pageslide a {color:#333;}

#pageslide ul {list-style:none; margin:0; padding:0;}
#pageslide ul li {margin:0; padding:8px 0; font-weight:bold;}
#pageslide ul li ul {margin:0 0 0 12px; font-size:.95em;}
#pageslide ul li ul li {padding:6px 0 1px; font-weight:normal;}

.mobile-nav {position:fixed; top:0; z-index:9999; display:none; text-decoration:none; color:#fff; background:url('/img/pageslide-bg.gif') left top repeat-x; height:34px; padding-left:46px; line-height:2.15em;}

a.mobile-nav {color:#fff;}
a:hover.mobile-nav {color:#ebebeb;}

.mobile-nav::before {background:url('/img/alt-nav.gif') left top repeat-x; z-index:-2;}
.mobile-nav::after {background:url('/img/menu.png') 12px 6px no-repeat; z-index:-1;}
.mobile-nav::before,
.mobile-nav::after {content:' '; display:inline-block; position:absolute; top:0; left:0; z-index:-1;}
.mobile-nav,
.mobile-nav::before,
.mobile-nav::after {height:34px; width:100%;}

@media screen and (max-width: 992px) {
body {padding-top:34px;}
#header nav ul {display:none !important;}
.mobile-nav {display:block;}
}



/* ==========================================================================
   Галереи изображений с подписью
   ========================================================================== */
.top-service-list a {text-decoration:none; color:#08c;}
.top-service-list a:hover {color:#f90;}

.top-service-list a,
.top-service-list a span {display:block; font-family:'OpenSans CondBold', Arial, sans-serif;}

.top-service-list a span {overflow:hidden; position:relative;}
.top-service-list a span:first-child {background:#111;}

.top-service-list a:hover span:first-child::before,
.top-service-list a span:first-child::after,
.top-service-list a:hover span:first-child::after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}

.top-service-list a:hover span:first-child::before {background:url('/img/link-ico.png') center center no-repeat;}

.top-service-list a span:first-child::after {background:url('/img/gallery-arrow.gif') 3em bottom no-repeat;}

.top-service-list a span:last-child {padding:6px 11px 7px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;
		-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
box-sizing:border-box;}

/* ==========================================================================
   Колонки
   ========================================================================== */
.top-service-list {overflow:hidden; margin:2em 0 2.5em;}
.top-service-list a {float:left; margin-left:3.4%; margin-bottom:3%;}
.top-service-list a {width:22.45%;}
.top-service-list.uslugi a {width:30.45%;}
.top-service-list a:nth-of-type(4n+1) {margin-left:0; clear:left;}
.top-service-list.uslugi a:nth-of-type(4n+1) {margin-left:3.4%; clear:none;}
.top-service-list.uslugi a:nth-of-type(3n+1) {margin-left:0; clear:left;}
.top-service-list a:nth-last-child(-n+4) {margin-bottom:0;}
@media screen and (max-width: 768px) {
.top-service-list a {width:48.3%; margin-bottom:3.4%;}
.top-service-list a:nth-last-child(-n+2) {margin-bottom:20px;}
.top-service-list a:nth-of-type(3n+1) {margin-left:3.4%; clear:none;}
.top-service-list a:nth-of-type(2n+1) {margin-left:0; clear:left;}
}
@media screen and (max-width: 460px) {
.top-service-list a {width:100% !important; margin-left:0 !important; margin-bottom:22px !important; clear:none !important;}
.top-service-list a:last-child {margin-bottom:20px !important;}
}



/* ==========================================================================
   Галереи изображений с зумом
   ========================================================================== */
.top-service-zoom a,
.top-service-zoom a span {display:block;}

.top-service-zoom a span {overflow:hidden; position:relative;}


.top-service-zoom a:hover span:first-child::before,
.top-service-zoom a span:first-child::after,
.top-service-zoom a:hover span:first-child::after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}

.top-service-zoom a:hover span:first-child::before {background:none;}

/* ==========================================================================
   Колонки
   ========================================================================== */
.top-service-zoom {overflow:hidden; margin:2em 0 2.5em;}
.top-service-zoom a {float:left; margin-left:3.4%; margin-bottom:3%;}
.top-service-zoom a {width:22.45%;}
.top-service-zoom a:nth-of-type(4n+1) {margin-left:0; clear:left;}
.top-service-zoom a:nth-last-child(-n+4) {margin-bottom:20px;}
@media screen and (max-width: 768px) {
.top-service-zoom a {width:48.3%; margin-bottom:3.4%;}
.top-service-zoom a:nth-last-child(-n+2) {margin-bottom:20px;}
.top-service-zoom a:nth-of-type(3n+1) {margin-left:3.4%; clear:none;}
.top-service-zoom a:nth-of-type(2n+1) {margin-left:0; clear:left;}
}
@media screen and (max-width: 460px) {
.top-service-zoom a {width:100% !important; margin-left:0 !important; margin-bottom:22px !important; clear:none !important;}
.top-service-zoom a:last-child {margin-bottom:0 !important;}
}



/* ==========================================================================
   Галерея отзывов
   ========================================================================== */
.top-reviews-list a {text-decoration:none; color:#08c;}
.top-reviews-list a:hover {color:#f90;}

.top-reviews-list a,
.top-reviews-list a span {display:block; font-family:'OpenSans CondBold', Arial, sans-serif;}

.top-reviews-list a span {overflow:hidden; position:relative;}
.top-reviews-list a span:first-child {background:#fff; border:1px solid #e1e1e1;}

.top-reviews-list a:hover span:first-child::before,
.top-reviews-list a span:first-child::after,
.top-reviews-list a:hover span:first-child::after {content:' '; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}

.top-reviews-list a:hover span:first-child::before {background:url('/img/link-ico.png') center center no-repeat;}

.top-reviews-list a span:last-child {padding:6px 11px 7px; border-bottom:1px solid #e1e1e1; border-left:1px solid #e1e1e1; border-right:1px solid #e1e1e1;
		-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
box-sizing:border-box;}

/* ==========================================================================
   Колонки
   ========================================================================== */
.top-reviews-list {overflow:hidden; margin:2em 0 2.5em;}
.top-reviews-list a {float:left; margin-left:3.4%; margin-bottom:3%;}
.top-reviews-list a {width:17.28%;}
.top-reviews-list a:nth-last-child(-n+5) {margin-bottom:3%;}
@media screen and (max-width: 768px) {
.top-reviews-list a {width:48.3%; margin-bottom:3.4%!important;}
.top-reviews-list a:nth-last-child(-n+2) {margin-bottom:0;}
.top-reviews-list a:nth-of-type(3n+1) {margin-left:3.4%; clear:none;}
.top-reviews-list a:nth-of-type(2n+1) {margin-left:0; }
.top-reviews-list a:nth-of-type(5n+1){clear:none;}
.top-reviews-list a:nth-of-type(2n){margin-left:3.4%}
}
@media screen and (max-width: 460px) {
.top-reviews-list a {width:100% !important; margin-left:0 !important; margin-bottom:22px !important; clear:none !important;}
.top-reviews-list a:last-child {margin-bottom:0 !important;}
}
/* ==========================================================================
   Большие скрины отзывов
   ========================================================================== */
.review-big {margin-top:30px;}
.review-big img {border:2px solid #eee;}



/* ==========================================================================
   Продукция и услуги на главной
   ========================================================================== */
.fixed-bg-gray {background:url('/img/triangles.jpg') left top repeat; padding:1px 0; border-top:1px solid #ebebeb;}

.all-service-list {}

.all-service-list ul {list-style:none; margin:6.5em 0 0; padding:0; font-size:.75em; font-family:'OpenSans SemiBold', Arial, sans-serif;}
.all-service-list li {padding:.35em 0 0;}
.all-service-list li strong {font-family:Arial, sans-serif; font-size:1.05em; font-weight:bold;}
.all-service-list a {color:#555;}
.all-service-list ul {color:#222;}

.all-service-list a {background:url('/img/bull.png') left center no-repeat; padding:0 0 0 .75em;}

.all-service-list figure {position:relative;}
.all-service-list h1 {position:absolute; color:#222; margin:1.25em 0 0;}

@media screen and (max-width: 992px) {
.all-service-list {padding:.25em 0 2em;}

.all-service-list ul {margin:.625em 0 0; line-height:1.45em;}
.all-service-list li {display:inline;}
.all-service-list ul:first-letter {text-transform:uppercase;}
.all-service-list h1 {position:relative; margin:.625em 0 .45em !important;}

.all-service-list a {background:none; padding:0; text-transform:lowercase; white-space:nowrap;}
.all-service-list li::after {content:', ';}
.all-service-list li:last-child::after {content:'.';}
}
/* ==========================================================================
   Колонки
   ========================================================================== */
.all-service-list {overflow:hidden;}
.all-service-list figure {float:left; margin-left:3.2%;}
.all-service-list figure {width:22.6%; margin-bottom:3.2%;}
.all-service-list figure:nth-of-type(4n+1) {margin-left:0; clear:left;}
@media screen and (max-width: 992px) {
.all-service-list figure {width:100% !important; margin-left:0 !important; margin-bottom:1.375em; clear:none !important;}
.all-service-list figure {margin-bottom:auto;}
}



/* ==========================================================================
   Преимущества
   ========================================================================== */
.fixed-bg-blue {position:relative; background-attachment:fixed; background-repeat:no-repeat; background:url('/img/main-parallax.jpg'); padding:1px 0; margin-bottom:2.25em;}

.fixed-bg-blue h1,
.fixed-bg-blue h3,
.fixed-bg-blue p {color:#fff;}

.advantage-list {margin:2em 0 1.5em;}

.advantage-list h3 {font-size:1.25em; font-family:'OpenSans Light', Arial, sans-serif; margin:.0em 0 .0em 0; padding:.45em 0 .45em 2.5em; background-image:url('/img/advantage.png'); background-repeat:no-repeat;}
.advantage-list figure:nth-child(1) h3 {background-position:0 0;}
.advantage-list figure:nth-child(2) h3 {background-position:0 -99px;}
.advantage-list figure:nth-child(3) h3 {background-position:0 -196px;}
.advantage-list figure:nth-child(4) h3 {background-position:0 -292px;}
/* ==========================================================================
   Колонки
   ========================================================================== */
.advantage-list {overflow:hidden;}
.advantage-list figure {float:left; margin-left:3.2%;}
.advantage-list figure {width:22.6%;}
.advantage-list figure:nth-of-type(4n+1) {margin-left:0; clear:left;}
@media screen and (max-width: 992px) {
.advantage-list figure {width:100% !important; margin-left:0 !important; margin-bottom:1.375em; clear:none !important;}
.advantage-list figure {margin-bottom:auto;}
}



/* ==========================================================================
   Карусель для новых объектов
   ========================================================================== */
.new-work {max-width:1210px; margin:-4px auto 0;}

.carousel-showcase {position:relative;}

.carousel-showcase ul {margin:0; padding:0; list-style:none; display:block; overflow:hidden;}
.carousel-showcase li {width:300px; height:300px; text-align:center; float:left;}
.carousel-showcase li a {display:block;}
.carousel-showcase li a {padding:0 20px;}
.carousel-showcase li a span {font-size:1.35em;}
.carousel-showcase li a {font-family:'OpenSans SemiBold', Arial, sans-serif; font-size:.75em; line-height:1.45em; color:#777;}
.carousel-showcase li a:hover {color:#222;}

.carousel-showcase.responsive {width:auto; margin-left:-30px;}

.carousel-showcase #prev3,
.carousel-showcase #next3 {position:absolute; display:block; top:62px; width:40px; height:109px; background-image:url('/img/fredsel-arrow.png'); z-index:9;}

.carousel-showcase #prev3 {left:45px; background-position:left top;}
.carousel-showcase #next3 {right:10px; background-position:right top;}
.carousel-showcase a:hover#prev3 {background-position:left bottom;}
.carousel-showcase a:hover#next3 {background-position:right bottom;}

#showcase a {display:block; position:relative; overflow:hidden; text-align:left;}

#showcase a {text-decoration:none;}

#showcase a span:first-child {display:block; z-index:2; height:29px; font-family:'OpenSans CondBold', Arial, sans-serif; color:#08c;}
#showcase a:hover span:first-child {color:#f90;}

#showcase a span:last-child {display:block; overflow:hidden; position:relative; background:#000; margin-bottom:8px;}
#showcase a:hover span:last-child::before {background:url('/img/link-ico.png') center center no-repeat; content:' '; position:absolute; top:0; left:0; width:100%; height:100%; z-index:1;}




/* ==========================================================================
   Позвоните нам прямо сейчас
   ========================================================================== */
.call-me-now {text-align:center; margin:1.25em 0 2.75em; }
.call-me-now.dop{text-align:center; margin:1.25em 0 1.75em; padding-bottom: 50px;border-bottom: 1px solid #ebebeb;}
.txtdop{font-size: 1.75em;font-family: 'OpenSans Light', Arial, sans-serif;margin: 1em 0 .75em 0;}
.call-me-now h2 {font-size:1.75em;}
.call-me-now h3 {margin:-3px 0 18px;}

.call-me-now h2,
.call-me-now h3 {font-family:'OpenSans CondBold', Arial, sans-serif; color:#555;}

.call-me-now a {font-family:'OpenSans Light', Arial, sans-serif; background:#5485fe; text-decoration:none; color:#fff; text-transform:uppercase; padding:15px 0; width:286px; display:inline-block;
		-webkit-border-radius:2px;
	-moz-border-radius:2px;
border-radius:2px;
-webkit-transition:background .35s ease;
-moz-transition:background .35s ease;
-o-transition:background .35s ease;
transition:background .35s ease;}

.call-me-now a:hover {background:#6d99fe;}




/* ==========================================================================
   #footer
   ========================================================================== */
#footer {background:url('/img/triangles.jpg') left top repeat; padding:24px 0 0; margin-top:2em; border-top:1px solid #ebebeb;}
.footer-wrap {max-width:1170px; margin:0 auto; padding:0 30px;}

#footer p {font-family:'OpenSans SemiBold', Arial, sans-serif; font-size:.75em; line-height:1.5em; color:#333;}
#footer .footer-content figure:nth-of-type(3) p {font-size:.55em; color:#555;}

#footer a.efremov {font-size:10px; display:inline-block; width:101px; text-align:center; color:#333; margin-top:9px;}
#footer a.efremov img {padding-bottom:3px;}

.footer-content {overflow:hidden;}
.footer-content figure {float:left; margin-left:3.2%;}
.footer-content figure:nth-of-type(1) {width:24.2%;}
.footer-content figure:nth-of-type(2) {width:43.2%;}
.footer-content figure:nth-of-type(3) {width:26.2%; padding-top:3px;}
.footer-content figure:nth-of-type(3n+1) {margin-left:0; clear:left;}
.footer-content figure:nth-of-type(2) p {background:url('/img/big-bull.png') left center no-repeat; padding-left:9px;}
@media screen and (max-width: 768px) {
.footer-content figure {width:100% !important; margin-left:0 !important; clear:none !important;}
}
#footer-nav {margin:24px 0 0; padding:30px 0; list-style:none; text-align:center; font-size:.75em; font-family:'OpenSans SemiBold', Arial, sans-serif; background:#fff; border-top:1px solid #ebebeb;}
#footer-nav li {display:inline-block; padding:0 15px;}
#footer-nav li a {color:#999;}
@media screen and (max-width: 992px) {
#footer-nav {display:none;}
}




/*  ==========================================================================
	Формы
    ========================================================================== */
#callback {padding:40px;}

#callback form {width:100%; overflow:hidden;}
#callback textarea,
#callback input:nth-child(1) {float:left;}
#callback input:nth-child(2) {float:right;}

#callback input,
#callback textarea {font-family:'OpenSans SemiBold', Arial, sans-serif; font-size:.85em; color:#555;
		box-sizing:border-box;
	-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
border:1px solid #ccc;
margin:0;}

#callback input:focus,
#callback textarea:focus {color:#000;}

#callback input {width:49.5%; position:relative; padding:0 20px; height:4em;}

#callback textarea {width:100%; resize:none; display:block; padding:15px 20px; margin:7px 0; height:10em;}

#callback a#send {display:block; background:#5485fe; clear:both; font-family:'OpenSans SemiBold', Arial, sans-serif; font-size:.85em; color:#fff; text-decoration:none; text-transform:uppercase; text-align:center; padding:15px 20px; border:1px solid #5485fe;}

#callback a:hover#send {background:#fff; color:#333;
-webkit-transition:background .05s ease;
-moz-transition:background .05s ease;
-o-transition:background .05s ease;
transition:background .05s ease;}

#callback #success {display:none; text-align:center;}

#callback {display:none;}

#callback input.warning,
#callback textarea.warning {border:1px solid #f33;}

.no-js #callback {display:block; max-width:992px; margin:0 auto;}



/* ==========================================================================
   Табы для странички контактов
   ========================================================================== */
.map-tabs-title span a.selected {text-decoration:none; color:#777; background:none;}
.map-tabs {margin-bottom:2.5em;}
.map-tabs > div {margin-top:1em; height:330px;}
#first iframe,
#second #glass-wall-yandex-map {width:100%; height:100%; border:6px solid #ddd;
box-sizing:border-box;  
	-moz-box-sizing:border-box;  
		-webkit-box-sizing:border-box;}
.map-tabs a {text-decoration:none; background:url('/img/underline_dashed.gif') left bottom repeat-x;}
.map-tabs a:hover {background:none;}



/* ==========================================================================
   Субнавигация по "нашим объектам"
   ========================================================================== */
#our-work-nav {font-size:.75em; font-family:'OpenSans SemiBold', Arial, sans-serif; line-height:1.5em;}
#our-work-nav strong,
#our-work-nav span {padding-right:.85em; white-space:nowrap; color:#777;}
#our-work-nav strong {font-family:'OpenSans SemiBold', Arial, sans-serif; color:#000;}
#our-work-nav a.current {color:#a6a6a6;}



/* ==========================================================================
   Кнопка YouTube на странице медиа
   ========================================================================== */
#youtube-btn {background-image:url('/img/youtube-btn.png'); background-repeat:no-repeat; display:block; width:47px; height:22px;}
a#youtube-btn {background-position:left bottom; padding-left:55px;}
a:hover#youtube-btn {background-position:left top;}



/* ==========================================================================
   Крошки
   ========================================================================== */
p.crumbs-lnk {font-size:.65em !important; margin:-12px 0 24px !important; color:#94949E !important;}



/* ==========================================================================
   Крошки
   ========================================================================== */
#ral-table {width:100%; overflow:hidden; margin-top:22px;}
#ral-table div {width:108px; height:36px; float:left; font-size:.65em; font-weight:bold; border:1px solid #fff; margin:0 20px 20px 0; padding:0;
		-webkit-border-radius:3px;
	-moz-border-radius:3px;
border-radius:3px;}
#ral-table div span {background:rgba(255, 255, 255, 0.65); padding:1px 3px 2px;}



/* ==========================================================================
   Галерея видео YouTube
   ========================================================================== */
.youtube-video-list {overflow:hidden; margin:2em 0 2.5em;}
.youtube-video-list a {float:left; margin-left:5%; margin-bottom:3%; border:3px solid #fff;
		box-sizing:border-box;
	-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.youtube-video-list a:hover {border:3px solid #777;}
.youtube-video-list a {width:30%;}
.youtube-video-list a:nth-of-type(3n+1) {margin-left:0; clear:left;}
.youtube-video-list a:nth-last-child(-n+3) {margin-bottom:3%;}
.youtube-video-list  a:nth-child(6) {margin-left:1.5%;}
@media screen and (max-width: 460px) {
.youtube-video-list a {width:100% !important; margin-left:0 !important; margin-bottom:22px !important; clear:none !important;}
.youtube-video-list a:last-child {margin-bottom:0 !important;}
}


/* ==========================================================================
   Медиа (для СМИ)
   ========================================================================== */
.for-the-media {font-size:1.25em; font-family:'OpenSans Light', Arial, sans-serif; margin:1.75em 0 .5em 0;}


/* ==========================================================================
   Пагинация в "Объектах"
   ========================================================================== */
.shops-pagination {width:100%;}
.shops-pagination a,
.shops-pagination span {display:inline-block; font-family:'OpenSans Regular', Arial, sans-serif; padding:0 4px 2px; margin:24px 2px -9px 0; border:1px solid #5485fe; font-size:.85em;
-webkit-border-radius:2px;
-moz-border-radius:2px;
border-radius:2px;}
.shops-pagination a {background:#5485fe; color:#fff; text-decoration:none;}
.shops-pagination a:hover {background:#fff; color:#555; border:1px solid #ccc;}
.shops-pagination span {background:#ccc; color:#fff; border:1px solid #ccc; cursor:default;}
/* ==========================================================================
  Пунк меню "Наши клиенты"
   ========================================================================== */
      .klienti{width:100%;}
   .klienti td
   {
  width:20%;
  height:20%;
  vertical-align:middle;
  text-align: center;
  border-left: 1px solid rgb(235, 235, 235);
  border-right: 1px solid rgb(235, 235, 235);
   }
   .klienti td img
   {
   max-width:70%;
   max-height:50%;

   }
   .klienti tr
   {
  
   border-top: 1px solid rgb(235, 235, 235);
   border-bottom: 1px solid rgb(235, 235, 235);
   }
     .klienti tr:first-child
	 {
	 border-top:0;
	 }
	 .klienti tr:last-child
	 {
	 border-bottom:0;
	 }
	 .klienti tr td:first-child
	 {
	  border-left:0;
	 }
	 .klienti tr td:last-child
	 {
	  border-right:0;
	 }
	 .homeimg
	 {
		  margin-bottom: 50px;
	 }
	/* 
	
   @media all and (max-width:480px) 
   {
    .homeimg  {width:100%;}
	.klienti td{	width: 96px;  height: 96px;	}
	.klienti td img   { max-width:60px;  }
	}
	
   @media all and (min-width:481px) and (max-width:768px) 
   {
   .homeimg  {width:100%;}
	.klienti td{	width: 153px;  height: 153px;	}
	.klienti td img   { max-width:120px;    }
	}
   */
.top-service-list a span img
{
width:100%;
}
@media (max-width:776px){
	a[rel=group]{
		text-align:center;
	}
	a[rel=group] img{
		max-height:350px;
		min-height:auto;
	}
}
span.slogon {
    display: block;
    background: none;
    font-size: 15pt;
    color: #5485FE;
    line-height: 20px;
    font-style: normal;
    margin-top: 10px;
}

.opisanie {float:right; width:50%;    margin-top: 37px;}
.myinfo{float:left; width:80%;}
.myinfo  img{border: 3px solid #908F8F;}
.container_prod { width: 100%;    overflow: hidden; }
@media screen and (max-width: 480px) {
.regions{bottom: -26px!important; font-size: 11pt!important;}

}
@media screen and (max-width: 800px) {
.regions{bottom: -26px!important; font-size: 11pt!important;}

}
@media screen and (max-width: 992px) {
.regions{bottom: -23px!important; font-size: 12pt!important;}

}
.regions{left: 0px; bottom: 5px; color: #7A7F95; font-size: 13pt; position: absolute; width: 176px;}
td.prod_text {    font-family: 'OpenSans SemiBold', Arial, sans-serif;    font-size: 10pt;}
.myp {border: 1px solid #C5C8CE;    width: 60%;    padding: 5px!important;    text-align: center;}
.insidemyp {border: 1px solid #C5C8CE; margin-right: 20px; padding: 5px!important;    text-align: center;}

@media screen and (max-width: 480px) {
.myp {width: 90%;!important; font-size: 8pt!important;}
.opisanie { margin-top: 5px;}
td.prod_text {font-size: 8pt!important;}
.myinfo {width:45%;}
#pageslide{padding: 10px 5px 0; width: 120px!important;}
.reg-content{padding: 0 2px;}
#cap-gray > a{font-size: 10pt; padding: 0px 2px; position: relative; float: right;}
.regions{font-size: 10pt!important; width: 135px; position: relative; float: left;}
#footer p{font-size: 0.65em; line-height: 1.3em;}
@media screen and (max-width: 560px) {
.myp {width: 90%;!important; font-size: 8pt!important;}
.opisanie { margin-top: 5px!important;}
td.prod_text {font-size: 8pt!important;}
.myinfo {width:45%;}
}
@media screen and (max-width: 800px) {
.myp {width: 90%;!important; font-size: 8pt!important;}
.opisanie { margin-top: 25px;}
td.prod_text {font-size: 8pt!important;}
.myinfo {width:45%;}
}
@media screen and (max-width: 992px) {
.myp {width: 90%;!important; font-size: 9pt!important;}
.opisanie { margin-top: 25px;}
td.prod_text {font-size: 9pt!important;}
.myinfo {width:45%;}
}
.trmy{border-bottom: 1px solid #C5C8CE;}
.tdmy{padding: 20px 0px;}
.insidekat{margin: 0px auto; width: 65%;}