/***************************************/
/*  CSS Temlate smr-group.ru  */
/***************************************/
 
.clear{clear:both;}
 
/*******************************************/
/* Подгружаем локальные шрифты Coco-Gothic */
/*******************************************/
@font-face {
  font-family: 'Coco-Gothic-Bold';
  src: url('/fonts/Coco/Coco-Gothic-Bold-Italic-trial.ttf');
  src: url('/fonts/Coco/Coco-Gothic-Bold-trial.ttf');
}

@font-face {
  font-family: 'Coco-Gothic-Heavy';
  src: url('/fonts/Coco/Coco-Gothic-Heavy-Italic-trial.ttf');
  src: url('/fonts/Coco/Coco-Gothic-Heavy-trial.ttf');
}

 @font-face {
  font-family: 'Coco-Gothic-Italic';
  src: url('/fonts/Coco/Coco-Gothic-Italic-trial.ttf');
}

 @font-face {
  font-family: 'Coco-Gothic-Light';
  src: url('/fonts/Coco/Coco-Gothic-Light-Italic-trial.ttf');
  src: url('/fonts/Coco/Coco-Gothic-Light-trial.ttf');
}

 @font-face {
  font-family: 'Coco-Gothic-Regular';
  src: url('/fonts/Coco/Coco-Gothic-Regular-trial.ttf');
}

 @font-face {
  font-family: 'Coco-Gothic-Ultralight';
  src: url('/fonts/Coco/Coco-Gothic-Ultralight Italic-trial.ttf');
  src: url('/fonts/Coco/Coco-Gothic-Ultralight-trial.ttf');
}

/************************************/
/* Подгружаем локальные шрифты sego */
/************************************/
@font-face {
  font-family: 'segoeui';
  src: url('/fonts/segoe/segoeui.ttf'); 
}
@font-face {
  font-family: 'segoeui-light';
  src: url('/fonts/segoe/segoeuil.ttf');
}
@font-face {
  font-family: 'segoeui-bold';
  src: url('/fonts/segoe/segoeuib.ttf');
}
@font-face {
  font-family: 'segoeui-i';
  src: url('/fonts/segoe/segoeuii.ttf');
}
@font-face {
  font-family: 'segoeui-z';
  src: url('/fonts/segoe/segoeuiz.ttf');
}


@font-face {
  font-family: 'seguisb';
  src: url('/fonts/segoe/seguisb.ttf');
}






/**************/
/*  Fancybox  */
/**************/
/*! fancyBox v2.1.4 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-image: url('/templates/smr/images/fancybox/fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('/templates/smr/images/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('/templates/smr/images/fancybox/blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('/templates/smr/images/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}
/* \\End Fancybox */
 
 
 
 
/******************/
/* Модальное окно */
/******************/
#call_back_modal_form {
	width: 300px; 
	height: 400px; /* Размеры должны быть фиксированы */
	border-radius: 5px;
	border: 3px #000 solid;
	background: #fff;
	position: fixed; /* чтобы окно было в видимой зоне в любом месте */
	top: 45%; /* отступаем сверху 45%, остальные 5% подвинет скрипт */
	left: 50%; /* половина экрана слева */
	margin-top: -150px;
	margin-left: -150px; /* тут вся магия центровки css, отступаем влево и вверх минус половину ширины и высоты соответственно =) */
	display: none; /* в обычном состоянии окна не должно быть */
	opacity: 0; /* полностью прозрачно для анимирования */
	z-index: 999; /* окно должно быть наиболее большем слое */
	padding: 20px 10px;
}
/* Кнопка закрыть для тех кто в танке) */
#call_back_modal_form #modal_close {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 10px;
	right: 10px;
	cursor: pointer;
	display: block;
}
/* Подложка */
#overlay {
	z-index: 998; /* подложка должна быть выше слоев элементов сайта, но ниже слоя модального окна */
	position: fixed; /* всегда перекрывает весь сайт */
	background-color: #000; /* черная */
	opacity: 0.8; /* но немного прозрачна */
	width: 100%; 
	height: 100%; /* размером во весь экран */
	top: 0; 
	left: 0; /* сверху и слева 0, обязательные свойства! */
	cursor: pointer;
	display: none; /* в обычном состоянии её нет) */
}


#container-call-back {
  display: none;
}

#wrapper-call-back{
	width:250px;
	text-align:center;
}

#wrapper-call-back h4{font-size: 26px;}
#wrapper-call-back p.p-zag{font-size:22px;}
#wrapper-call-back p.p-price{}
#wrapper-call-back p.p-price span{color: #ff3350; display:inline;}
#wrapper-call-back span{display: inline-block; position: relative; width:50px; height: 40px; right: -4px; border-radius:5px 0 0 5px; vertical-align: top;}
#wrapper-call-back span.name{background:url('/images/dop_teh/lico.png')no-repeat; background-size: 100% 100%;}
#wrapper-call-back span.tel{background:url('/images/dop_teh/telefon.png')no-repeat; background-size: 100% 100%;}
#wrapper-call-back input.input_text{padding: 5px 10px; font-size:14px; border-radius:0 5px 5px 0; height: 40px;}

#wrapper-call-back h1, #wrapper-call-back h2, #wrapper-call-back h3{color: #4b4b4b; font-size: 18px; margin:0px; /*margin-bottom:10px;*/}
#wrapper-call-back p{/*color: #4b4b4b;*/ font-size: 14px; padding: 3px 0px 5px 0px;}
#wrapper-call-back span{color: #4357ad; font-size: 16px;}
#wrapper-call-back input{width: 170px; text-align: left; background-color: #ffffff; position: relative; border: 1px solid #D4D4D4; border-radius: 3px; padding: 2px;  font-size: 1.2em;}
#wrapper-call-back input:hover {box-shadow: 0 0 3px #b4b4b4;}

#wrapper-call-back button.zakaz-call-back{
	width: 82%;
    margin-left: 7px;
	background:#fff;
   /* background: #e6311f;
    background: linear-gradient(to top, #e6311f, #ec5d52);*/
    padding: 10px 5px;
    color:#262626;
    border-radius: 5px;
    border: none;
    margin-top: 20px;
}

#wrapper-call-back button.zakaz-call-back:hover{
	/*background: linear-gradient(to top, #ec5d52, #e6311f);*/
    padding: 10px 5px;
    color:#17467A; text-decoration:none;
    border-radius: 5px;
}

/* \\END modal form */


.error{background: rgba(234, 71, 71, 0.42) !important;}

html,body {height: 100%; /* задаем высоту тела документа */}

body {
    background: #fff;
    color: #000000;
    font-size: 100.1%;
    padding: 0px;
    margin: 0px;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	font-size:18px; font-family: 'Open Sans', sans-serif;
	min-width:320px;
	font-family: 'segoeui';
}

body.contentpane {
	width:auto;
	margin:10px;
	text-align: left;
}


img { border: 0 none; }
.center{text-align:center;}
.center_block0{margin:0 auto;}
.green{color:#3b7456;}
.font-normal{font-weight: normal;}


/* ШАПКА */
.navbar-default {/*background-color: #f8f8f8;*/ border-color: #e7e7e7; background:none; box-shadow: none; border: none;}


.top-info{background:#13467B; height: 40px; margin:0px; padding:5px; color:#aae3ff; text-align:right; font-size:16px;}
.top-info a{color:#aae3ff;}
.top-info img{height: 30px; margin-left: 20px;}
.top-info .container{height: 100%;}
.top-info .container p {margin: 0px;}
.top-info .container p span {margin: 0px 15px;  font-family: 'segoeui'; font-size:11.5pt;}
.top-info .container .logo{width: 150px; text-align: left; position: relative; z-index: 100;}
.top-info .container .logo img{width: 150px; height:auto; margin:0px;}




										/****************************/
										/* ГОРИЗОНТАЛЬНАЯ НАВИГАЦИЯ */
										/****************************/
.fixed-phone{display:none;}
.fixed-menu{position:fixed !important; top:0px; width: 100%; background: #fff;}
.fixed-menu #top_menu{top:0px;}
#header.fixed-menu{height:50px;}
.top-info .container .logo.fixed-logo{position: fixed !important; top: 0px; /*left: 20%;*/}
.top-info .container .logo.fixed-logo img{width:70px; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; transition: 300ms;}
.fixed-menu #top_menu {padding-top:0px; margin-left: 70px;}
.fixed-menu #top_menu ul#menu.all_top_menu > li > a{padding:11px;}
.fixed-menu .wrapper_top_menu span.fixed-phone{display:block; float: right; margin-top: -40px; font-family: 'segoeui'; font-size: 13pt; color: #1C2E57;}


#header  {box-shadow: 0px 2px 5px #000; z-index: 20; position: relative;}
#header .wrapper_top_menu {position:relative; height:70px;}
#top_menu{z-index: 100; /*position: absolute;*/ /*top: -35px;*/ /*right:0px; bottom:0px;*/ float:none; box-shadow: none; font-family: 'Didact Gothic', sans-serif; display: table; width: 800px; margin: 0 auto; padding-top: 15px;}
.navbar{border:none; margin-bottom:0px;}
.navbar-nav{float:right;}					
.navbar-inverse .navbar-toggle {border-color: #333333; background-color: #444;}

.navbar-toggle {background: #333;}
.navbar-toggle .icon-bar {background: #fff;}


.menu-top{/*background-color:#f6f6f6;*/ /*border:1px solid #c0c0c0;*/}
#top_menu .menu-top-main{text-align: center; padding:0px;}
#top_menu ul#menu.all_top_menu {margin:0px; padding:0px; /*border:1px solid #e3e3e3;*/ /*background:#f6f6f6;*/ display: table; width:100%; /*border-radius:5px;*/ font-family: 'segoeui'; font-size:13pt;}
#top_menu ul#menu.all_top_menu li{position:relative; display:inline-block; margin:0px; margin-left: -4px; /*border-right:1px solid #e3e3e3;*/ float:none; display: table-cell;}
/*#top_menu ul#menu.all_top_menu li:first-child{border-left:1px solid #e3e3e3;}
#top_menu ul#menu.all_top_menu li:last-child{border-right:none;}*/
#top_menu ul#menu.all_top_menu li a{display: block; padding:18px 18px 5px 18px; /*font-size:18px;*/ text-decoration:none; color:#262626;}

/* Target all Firefox */
@-moz-document url-prefix() {
	#top_menu ul#menu.all_top_menu li a{/*font-size:16px;*/}
	#top_menu {width:700px;}
	#top_menu ul#menu.all_top_menu{font-size: 11pt; position: relative; left: 20px;}
	.fixed-menu #top_menu ul#menu.all_top_menu{left: 0px;}
} 

#top_menu ul#menu.all_top_menu > li > a{text-transform:uppercase;}
#top_menu ul#menu.all_top_menu li a:hover{color:#11447d; /*background-color:#e3e3e3;*/}
#top_menu ul#menu.all_top_menu li ul{display:none; background:rgba(255, 255, 255, 0.55); padding:10px 3px; text-align:left; width:300px; -webkit-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; -moz-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; z-index:1001; margin:0px; margin-top: -5px;}
#top_menu ul#menu.all_top_menu li ul li{display:block; margin:0; border:none;}
#top_menu ul#menu.all_top_menu li ul li a{display:block; padding:5px 10px; color:#333 !important; /*background-color:#f6f6f6 !important;*/}
#top_menu ul#menu.all_top_menu li ul li a:hover{/*background-color:#e3e3e3 !important;*/ color:#11447d !important;}
#top_menu ul#menu.all_top_menu > li:hover a{color:#11447d; /*background-color:#e3e3e3;*/}
#top_menu ul#menu.all_top_menu > li:hover ul{display:block !important; position:absolute; top:50px; min-width:200px; z-index:999;}

/* Target all Firefox */
@-moz-document url-prefix() { #top_menu ul#menu.all_top_menu > li:hover ul{display:block !important; position:absolute; top:50px; min-width:200px; z-index:999;} }

.menu-top-wrap nav.menu-top ul.all_top_menu li a{color:#fff; padding:5px 7px; /*font-size:17px;*/ text-decoration:none; border-radius:10px 10px 0px 0px;}
.menu-top-wrap nav.menu-top ul.all_top_menu li a:hover{color:#11447d; /*background-color:#c1d6e9;*/}
.menu-top-wrap nav.menu-top ul.all_top_menu li ul{display:none; background:#fff; padding:10px 3px; border:1px solid #ddd; text-align:left; width:6em; -webkit-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; -moz-box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; box-shadow:rgba(0,0,0,0.2) 0px 4px 6px; z-index:100; margin:0px;}
.menu-top-wrap nav.menu-top ul.all_top_menu li ul li{display:block; margin:0; line-height:1.1;}
.menu-top-wrap nav.menu-top ul.all_top_menu li ul li:last-child{margin:0px;}
.menu-top-wrap nav.menu-top ul.all_top_menu li ul a{ display:block; padding:5px 10px; border-radius:0px; color:#000;}
.menu-top-wrap nav.menu-top ul.all_top_menu li ul a:hover{/* background:#f1f1f1;*/}
.menu-top-wrap nav.menu-top ul.all_top_menu > li:hover a{color:#11447d; /*background-color:#c1d6e9;*/}
.menu-top-wrap nav.menu-top ul.all_top_menu > li:hover ul{display:block !important; position:absolute; top:100%; min-width:200px; z-index:999;}





/* Хлебные крошки */
/*
.breadcrumbs {background:#f9f9f9; min-height: 40px; border-top:2px solid #d2d2d4; border-bottom:2px solid #d2d2d4;}
.breadcrumbs .container{text-align:left;}
.breadcrumbs a {color:#00b8ea; padding: 6px 15px; line-height: 36px;}
.breadcrumbs img {margin-top: -5px; width: 20px;}
*/


																	/**********/
																	/* Slider */
																	/**********/
																	
.slider .carousel-inner .item{ height:550px;}
.slider .carousel-inner .item > img{margin:0 auto; max-width: inherit;}
a.carousel-control.left {z-index:100; background:none;}
a.carousel-control.left:hover {background:none;}
a.carousel-control.right {z-index:100; background:none;}
a.carousel-control.right:hover {background:none;}
a.carousel-control.left span {margin-top:-120px;}
a.carousel-control.right span {margin-top:-120px;}
.glyphicon-chevron-right:before{content: url('/images/dop_teh/slide-next.png');}
.glyphicon-chevron-left:before{content: url('/images/dop_teh/slide-prew.png');}

 .carousel-control.left:hover .carousel-control.left {background-image:none;}
 .carousel-control.right:hover .carousel-control.right {background-image:none;}
 .carousel-control.left:hover .glyphicon-chevron-left:before {content: url('/images/dop_teh/slide-prew-navy.png');}
 .carousel-control.right:hover .glyphicon-chevron-right:before {content: url('/images/dop_teh/slide-next-navy.png');}

.slider .carousel-inner .item .carousel-caption{/*right: 10%; top: 2%; width: 50%; left:initial;*/ /*width: 900px;*/ position: absolute; /*left: 70%;*/ top: 2%; /*margin-left: -625px;*/}
.carousel-indicators{top:20px; height: 50px;}
/*
.slider .carousel-inner .item .carousel-caption .info_slide a{display:block; margin:20px auto; width:250px; background:#e6311f; background: linear-gradient(to top, #e6311f, #ec5d52); padding:10px 5px; color:#fff; border-radius:5px; text-transform:uppercase; }
.slider .carousel-inner .item .carousel-caption .info_slide a:hover{background:#e6311f; background: linear-gradient(to top, #ec5d52, #e6311f); text-decoration:none;}
.slider .carousel-inner .item .carousel-caption .info_slide h3{text-transform:uppercase;  font-size: 30px;}
.slider .carousel-inner .item .carousel-caption .info_slide span{text-transform:uppercase; font-size: 30px; color:#ff3350;}
*/
/*
.slider .carousel-inner .item .carousel-caption .info_slide .inf_sl {background:rgba(255, 255, 255, 0.77); padding: 10px; width: 85%; margin: 0 auto;}
.slider .carousel-inner .item .carousel-caption .info_slide .inf_sl > div{display:inline-block; color:#00557c; vertical-align:middle; text-shadow:none;}
.slider .carousel-inner .item .carousel-caption .info_slide .inf_sl div.inf{text-align:right; width:55%; font-size:16px;}
.slider .carousel-inner .item .carousel-caption .info_slide .inf_sl div.skobka{}
.slider .carousel-inner .item .carousel-caption .info_slide .inf_sl div.price_s{font-size:30px; font-weight:bold; color:#e62c1a;}
.slider .carousel-inner .item .carousel-caption .info_slide .inf_sl div.price_s span{font-size:14px;}
*/



/* Контент в целом */
#contentarea{z-index: 1; position: relative; height: 100%;}
.info-baner .block_one{width: 100%; height: 550px; overflow:hidden; /*background: url('/images/banners/main_banner.jpg') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;*/
	position:relative;}
.info-baner .block_one .item .carousel-caption{width:100%; margin-top: 60px; color:#373634; text-shadow: none; left: 0%;}
.info-baner .block_one .item h3{text-transform: uppercase; font-size: 48pt; font-family: 'Coco-Gothic-Bold'; color:#13467B;}
.info-baner .block_one .item p{background:#fff; padding:5px 10px; margin:10px 0px; border-radius:5px; display: inline-block; font-family: 'segoeui-light'; font-size:13pt; font-weight:bold;}
/*.info-baner .block_one > div {width: 800px; margin: 150px auto; text-align:center; position: relative; z-index: 100;}
.info-baner .block_one > div h1{text-transform: uppercase; font-size: 40pt; font-family: 'Coco-Gothic-Bold';}
.info-baner .block_one > div p{background:#fff; padding:5px 10px; margin:10px 0px; border-radius:5px; display: inline-block; font-family: 'segoeui-light'; font-size:11pt;}	*/

.info-baner .block_two{width: 100%; height: 630px; background: url('/images/banners/main_banner_3.jpg') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; position:relative;}
.info-baner .block_two .info-text > p {text-transform:uppercase; position:relative; z-index:10; top: 30px;}
.info-baner .block_two .info-text > p a{text-decoration:none; color:#262626;}
.info-baner .block_two .info-text > p a:hover{color:#17467A; text-decoration:none;}
.info-baner .block_two .block_liniya{width: 100%; height: 450px; background: url('/images/banners/block_liniya.png') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	position:absolute; top:-254px; z-index: 10;}
.info-baner .block_two .info-text .info {padding-top:130px; position:relative; z-index:100;}
.info-baner .block_two .info-text .info p{margin-bottom: 50px; font-family: 'segoeui'; font-size:22pt;}
.info-baner .block_two .info-text .info  img{width:150px; display:inline-block; margin:20px 100px;}
.info-baner .block_two .info-text .block-photo {position:absolute; top:0px; left:10%;}
.info-baner .block_two .info-text .block-photo img{width:100%;}


.text-content{text-align:left;}


/* Главная - main-categories */
.wrapper-main-categories{width:100%; margin:0 auto; clear:both; margin-bottom: 30px;}
.wrapper-main-categories .item{float:left; width:50%; position: relative;}
.wrapper-main-categories .item .fon-hover {display:none; text-align:center;}
.wrapper-main-categories .item .fon-hover a {display:inline-block; text-transform:uppercase; color:#fff !important; font-size:30px; width:100%; height:100%; padding-top: 25%; text-decoration:none;}
.wrapper-main-categories .item:hover .fon-hover{display:block; width:100%; height:100%; background: rgba(19, 70, 123, 0.87); top: 0px; left: 0px;}
.wrapper-main-categories .item > img {width:100%;}
.wrapper-main-categories .item > div{position:absolute; top:120px; left:37%; background:#0b4d7f; text-align:center; width:300px; text-transform:uppercase; font-family: 'segoeui'; font-size:12pt;}
.wrapper-main-categories .item > div > a{display: block; width:100%; height:100%; padding:10px; color:#fff; letter-spacing: 3px;}
.wrapper-main-categories .item > div > a span.logo-white-blue-bez-group{display: inline-block; width:70px; height:36px; background: url('/images/logo-bez-group-white-blue-70.png') 0 0 no-repeat;}
	
.wrapper-main-categories .item > div:hover{background:#fff;}
.wrapper-main-categories .item > div:hover a{color:#0b4d7f; text-decoration:none;}
.wrapper-main-categories .item > div:hover > a span.logo-white-blue-bez-group{background-position: 0 -39px;}	
	
	
/**************************/
/* Главная - наши проекты */
/**************************/
.wrapper-our-projects-main{clear:both; text-align:center; min-height:400px;}
.wrapper-our-projects-main h2{color:#17467A; text-transform:uppercase;}
.wrapper-our-projects-main p{color:#17467A;}
.wrapper-our-projects-main p a{color:#262626; text-transform:uppercase;}
.wrapper-our-projects-main p a:hover{color:#17467A; text-decoration:none;}
.wrapper-our-projects-main .bottom-line{height:3px; width:70%; background:#194b70; margin:50px auto;}
.wrapper-our-projects-main .item-our-projects {min-height:220px; margin-top: 40px;}
.wrapper-our-projects-main .item-our-projects > div{width:150px; height:150px; display:inline-block; vertical-align:top; margin:10px 20px; position:relative; border:none;}
.wrapper-our-projects-main .item-our-projects > div a {display:none; width:100%; height:100%; color:#fff; padding-top:25px; text-decoration:none; text-shadow: 1px 1px 2px #000; border:none;}
.wrapper-our-projects-main .item-our-projects > div div.left-border{position:absolute; bottom:0px; left:0px; border: 40px solid transparent;	border-bottom: 5px solid #fff; border-left: 90px solid #fff;}
.wrapper-our-projects-main .item-our-projects > div div.right-border{position:absolute; bottom:0px; right:0px; border: 40px solid transparent;	border-right: 90px solid #fff; border-bottom: 5px solid #fff;}
.wrapper-our-projects-main .item-our-projects > div:hover{cursor:pointer; height:200px; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.wrapper-our-projects-main .item-our-projects > div:hover a {display:block;}


/***************************************/
/* Главная - форма обратной связи MAXI */
/***************************************/
#wrapper-forma-call-back-maxi h2 {color:#17467A; text-transform:uppercase; margin:0px 0px 40px 0px;}
#wrapper-forma-call-back-maxi > p input {border-radius:5px; background:#f2f3f5; padding:10px; color:#17467A; width:80%; font-size:10pt; border:none; /*border:1px solid #CFE2EF;*/}
#wrapper-forma-call-back-maxi > p button {background:none; width:200px; padding:10px; color:#262626; font-size:12pt; border:none; text-transform:uppercase; /*border:1px solid #CFE2EF;*/}
#wrapper-forma-call-back-maxi > p button span {display: inline-block; width:27px; height:20px; background: url('/images/mail-ico-27.jpg') 0 0 no-repeat; margin-bottom: 10px;}
#wrapper-forma-call-back-maxi > p button:hover {/*border:1px solid #CFE2EF;*/ border:none; color:#17467A;}
#wrapper-forma-call-back-maxi > p button:active {border:none;}
#wrapper-forma-call-back-maxi > p button:hover span{background-position: 0 -20px;}

#wrapper-forma-call-back-maxi > p input::-webkit-input-placeholder {color: #17467A;} 
#wrapper-forma-call-back-maxi > p input::-moz-placeholder {color: #17467A;}
#wrapper-forma-call-back-maxi > p textarea {border-radius:5px; background:#f2f3f5; padding:10px; color:#17467A; width:80%; font-size:10pt; border:none;}
#wrapper-forma-call-back-maxi > p textarea::-webkit-input-placeholder {color: #17467A;} 
#wrapper-forma-call-back-maxi > p textarea::-moz-placeholder {color: #17467A;}

/**************/
/* baner-info */
/**************/
.baner-info {min-height:400px;}
.baner-info .zagolovok-block{width: 300px; margin: 120px auto; background: #fff; padding: 10px; color: #17467A; text-transform: uppercase;}
.baner-info .zagolovok-block img{width: 30%; margin-bottom:10px;}

/******************/
/* zagolovok-page */
/******************/
.zagolovok-page  {margin-bottom: 50px;}
.zagolovok-page h1 {text-transform: uppercase; color:#000; font-family: 'Coco-Gothic-Bold'; width: 600px; margin: 50px auto; font-size: 32pt; text-align: center;}
.zagolovok-page ul {margin: 0px auto; padding: 0px; display: table; width: 90%; font-size: 13pt;}
.zagolovok-page ul li{position: relative; margin: 0px; float: none; /*display: table-cell;*/ display: inline-block; margin: 0px 45px;list-style-type: none; color: #262626; text-transform:uppercase;}
.zagolovok-page ul li a{color: #262626;}
.zagolovok-page ul li a:hover {color:#17467A; text-decoration:none;}

/******************/
/* photo-big-page */
/******************/
.margin-top-25 {margin-top:-25px;}




/*****************************************************/
/* Стиль категории статей Списком линии - style-line */
/*****************************************************/
.fon-category-articles-header{margin-top:80px;}
.fon-category-articles-header h1{margin-bottom: 40px; font-family: 'Coco-Gothic-Bold'; /*font-family: 'segoeui-bold';*/ text-transform:uppercase;}
.category_articles.style-line .item_article {margin-bottom:80px;}
.category_articles.style-line .item_article .preview-zagolovok{width:100%; /*min-height:250px;*/ /*overflow: hidden;*/ text-align: left; position: relative;}
.category_articles.style-line .item_article .preview-zagolovok h2{display: inline-block; margin-top: 40px; margin-left: 40px; text-align:left; color:#000; text-transform:uppercase; font-family: 'segoeui-light'; position: absolute; z-index:10; top:0px;}
.category_articles.style-line .item_article .preview-zagolovok h2 a{display:inline-block; width:100%; height:100%; color:#000; text-decoration:none; padding:5px;}
.category_articles.style-line .item_article .preview-zagolovok h2 a:hover{background: rgba(255, 255, 255, 0.64); }
.category_articles.style-line .item_article .preview-zagolovok .fon-img{position:relative; width: 100%; z-index:1;}
.category_articles.style-line .item_article .preview-zagolovok .fon-img img{width: 100%;}
.category_articles.style-line .item_article .preview-description {width: 100%; padding-top:10px; text-align:left;}
.category_articles.style-line .item_article .preview-more {width: 100%; padding:0px; text-align:center; color: #262626; text-decoration:none; text-transform:uppercase;}
.category_articles.style-line .item_article .preview-more a{/*color: #262626;*/ /*color: #337ab7;*/ color:#262626;}
.category_articles.style-line .item_article .preview-more a:hover{color:#17467A; text-decoration:none;}


/******************************************/
/* Список статей определенной мети (Тега) */
/******************************************/
.tags-list{margin-top:40px;}
.tag_list_articles {margin-bottom:50px;}
.tag_list_articles .logo-zagolovok {color: #17467B; font-weight: bold; text-transform: uppercase; font-size: 16pt; letter-spacing: 8px;}
.tag_list_articles .logo-zagolovok img{width:150px;}
.tag_list_articles .logo-zagolovok img{width:150px;}
.menu_tags{text-align:center; margin-bottom:70px;}
.menu_tags ul {display: table; width: 95%; margin: 0 auto;}
.menu_tags ul li {display: table-cell; text-transform: uppercase; /*font-family: 'segoeui-bold';*/ font-family: 'Coco-Gothic-Bold';}
.menu_tags ul li a {color: #343436; text-decoration: none; letter-spacing: 3px; font-size:12pt;}
.menu_tags ul li a:hover {color:#17467A; text-decoration:none;}


/********************/
/* Детальный проект */
/********************/
.fon-category-articles-header.article_detail {margin-top: 40px;}
.fon-category-articles-header.article_detail .logo-zagolovok{color: #17467B; font-weight: bold; text-transform: uppercase; font-size: 16pt; letter-spacing: 8px;}
.fon-category-articles-header.article_detail .logo-zagolovok a{color: #17467B;}
.fon-category-articles-header.article_detail .logo-zagolovok a:hover{color: #337ab7;}
.fon-category-articles-header.article_detail .logo-zagolovok img{width:150px;}
.fon-category-articles-header.article_detail h1{font-family: 'Coco-Gothic-Light'; margin-top: 40px;}
.item_article_detail {text-align:left;}
.item_article_detail p{margin:10px 0px;}
.item_article_detail ul{margin-top:20px; margin-bottom:20px;}
.item_article_detail .item_article_detail_main_img img{width:100%;}
.item_article_detail .gallery_article{margin: 30px 0px; text-align: justify; text-align-last: justify;}
.item_article_detail .gallery_article a{text-decoration:none;}
.item_article_detail .gallery_article img{width: 30%; margin: 10px;}





/****************/
/*    Подвал    */
/****************/
#contentarea .footer-pustishka{height:650px;}
#footer {margin-top:-600px;}
#footer-top {background: url('/images/footer-blue.jpg') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative; height:450px;}
#footer-top .container {position:relative;}	
#footer-top .container .footer-logo {position:absolute; top:-5px; left:0px;}	
#footer-top .container .footer-logo img{width:140px;}	
#footer-top .container .download-katalog{color:#fff; margin-top:70px;}	
#footer-top .container .download-katalog a{color:#fff; text-transform:uppercase;}	
#footer-top .container .download-katalog img{width:120px;}	


#footer-bottom {background:#4e4d4d; height:250px; color:#fff; position: relative; z-index: 10;}
#footer-bottom .footer-bottom-info {text-align:left;}
#footer-bottom .footer-bottom-info ul{margin:0px; padding:0px;}
#footer-bottom .footer-bottom-info ul li{list-style-type: none; font-size:12pt; margin:5px 0px;}
#footer-bottom .footer-bottom-info ul li img{margin-right:15px; width: 14px;}
#footer-bottom .footer-bottom-info ul li span{margin-left: 30px;}

#footer-bottom .footer-bottom-treugol {margin-top: -100px; margin-bottom: 50px;}
#footer-bottom .footer-bottom-treugol img {width:100%;}
#footer-bottom .footer-bottom-logo img {width:100%;}
#footer-bottom .footer-bottom-logo p {color:#868a8d; font-size:12pt;}

	
	
	
#footer .container{position:relative;}
/*
#footer .container > div{float: none; display: inline-block; margin: 0 auto; vertical-align:top; text-align:left;}
#footer .container > div > div{padding:5px 15px;}
#footer .container h3{text-transform: uppercase; font-weight: bold; color:#7a7a7a; text-align:center;}
#footer .container p{font-size:16px;}
#footer .container ul{font-size:16px; margin-left: 0; padding-left: 0;}
#footer .container ul li{list-style-type: none;}
#footer .container ul li a{color:#8a8a8a; text-decoration:none;}
#footer .container ul li a:hover{color:#009dde; transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;}

#footer .container .footer-uslugi > div{border-left:1px solid #808080; border-right:1px solid #808080;}
#footer .container .machine-footer {display: block; position: absolute; bottom: 0px; right: 10px;}
#footer .container .machine-footer img{width: 82%;}
*/


								/**********************/
								/* АДАПТИВНАЯ ВЕРСТКА */
								/**********************/
@media screen and (max-width: 1700px) {
	.wrapper-main-categories .item > div{top: 100px; left: 32%;}
}

@media screen and (max-width: 1400px) {
	.wrapper-main-categories{width:100%;}
	.wrapper-main-categories .item > div{top: 80px; left: 30%;}
}

@media screen and (max-width: 1200px) {
	#top_menu {width:750px; position: relative; left: 50px;}
	#top_menu ul#menu.all_top_menu{font-size: 12pt;}
	
	.fixed-menu #top_menu {width:700px;}
	.fixed-menu #top_menu ul#menu.all_top_menu{font-size: 12pt;}
	.fixed-menu .wrapper_top_menu span.fixed-phone{margin-top:-40px;}
	.fixed-menu #top_menu{left:0px;}
	/* Target all Firefox */
	@-moz-document url-prefix() {
		.fixed-menu .wrapper_top_menu span.fixed-phone{margin-top:-36px;}
	} 
	
	.wrapper-main-categories .item > div{top: 50px; left: 28%;}
	.wrapper-our-projects-main .item-our-projects > div{width:130px; height:150px;}
	/*.info-baner .block_one .item .carousel-caption{left: 75%;}*/
	
	.zagolovok-page ul li{margin: 0px 25px;}
	.wrapper-main-categories .item .fon-hover a {padding-top: 20%;}
	
	#footer-bottom .footer-bottom-treugol{margin-top: -80px;}
}

@media screen and (max-width: 1100px) {
	.info-baner .block_two .info-text .info img{width: 120px; margin: 20px 70px;}
	
}


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

	.wrapper-main-categories .item > div{top: 50px; left: 20%;}
	.wrapper-our-projects-main .item-our-projects > div{width:180px; height:200px;}
	
	.fixed-menu{position:relative !important;}
	.top-info .container .logo.fixed-logo{position: inherit !important;}
	.top-info .container .logo.fixed-logo img{width:100%;}
	
	.top-info .container .logo{width:101px;}
	.top-info .container .logo img{width:101px;}
	
	
	/* активируем Мобильное меню */
	.navbar-header{float:none;} 
	.navbar-left,.navbar-right{float:none !important;} 
	.navbar-toggle{display:block;} 
	.navbar-collapse{border-top:1px solid transparent; box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);} 
	.navbar-fixed-top{top:0; border-width: 0 0 1px;} 
	.navbar-collapse.collapse{display:none !important;} 
	.navbar-nav{float:none !important; margin-top:7.5px;} 
	.navbar-nav > li{float:none;} 
	.navbar-nav > li > a{padding-top:10px; padding-bottom:10px;} 
	.collapse.in{display:block !important;} 
	.navbar-inverse .navbar-toggle{border-color: #fff; box-shadow: 0px 0px 2px #fff;}
	/**************************************/
	#header .wrapper_top_menu {min-height:70px;}
	#header.fixed-menu{height:auto;}
	.fixed-menu .wrapper_top_menu span.fixed-phone{display:none;}
	.fixed-menu #top_menu{width:90%;}
	#top_menu{position: inherit; float: right; margin-top: 10px; display: block; width:90%; left:0px; padding-top:0px;}
	#top_menu .menu-top-main {margin-bottom:20px;}
	#top_menu ul#menu.all_top_menu {display:block; font-size: 13pt; left:0px;}
	#top_menu ul#menu.all_top_menu li {display:block; text-align: left; margin-left:10px;}
	#top_menu ul#menu.all_top_menu li ul {display:block; width:90%; margin-left:40px; margin-top:0px; background:#ccc;}
	#top_menu ul#menu.all_top_menu > li:hover ul {position:inherit; top:0px;}
	#top_menu ul#menu.all_top_menu li ul li a:hover {background:#ddd;}
	
	/*.info-baner .block_one .item .carousel-caption{left: 88%;}*/
	
	.wrapper-our-projects-main .item-our-projects > div a{display:block;}
}

@media screen and (max-width: 991px) {
	.top-info .container .logo{width:100px;}
	.top-info .container .logo img {width:100px;}
	
	
	.fon-category-articles-header {margin-top: 50px;}
	.zagolovok-page ul li{margin: 0px 10px;}
	.menu_tags {margin-bottom: 40px;}
	.menu_tags ul {width: 100%; padding-left: 20px;}
	.menu_tags ul li a{font-size: 10pt; display: inline-block; vertical-align: top; padding: 5px; min-height: 50px;}
	
	.category_articles.style-line .item_article .preview-zagolovok h2{width: 70%;}
	
	#footer-bottom .footer-bottom-info{width: 60%; float: left;}
	#footer-bottom .col-md-6{display: none;}
	#footer-bottom .footer-bottom-logo{width: 25%; float: right;}
	#footer-bottom .footer-bottom-treugol {margin-top: -60px;}
}

@media screen and (max-width: 900px) {
	.wrapper-main-categories .item > div{top: 30px; left: 15%; background: rgba(11, 77, 127, 0.91); width: 250px;}
	.info-baner .block_one .item .carousel-caption{/*left: 85%;*/ width: 75%; margin-left: 13%;}
}

@media screen and (max-width: 880px) {
	.info-baner .block_one .item .carousel-caption{/*left: 88%;*/ width: 70%;  margin-left: 15%;}
	.info-baner .block_one .item h3{font-size: 30pt;}
}

@media screen and (max-width: 850px) {
	.wrapper-main-categories .item{float:none; width:80%; margin:5px auto;}
	.wrapper-main-categories .item > div{top: 32%; left: 35%;}
	.info-baner .block_one .item .carousel-caption{/*left: 98%;*/ width: 60%; margin-left: 20%;}
}


@media screen and (max-width: 800px) {
	.top-info{width:100%;}
	.top-info .container{width:100%;}
	
	.info-baner .block_two .info-text .info img{margin: 20px 50px;}
	.info-baner .block_one .item .carousel-caption{/*left: 98%;*/ width: 60%; margin-left: 20%;}
	
	#footer-top .container .download-katalog{padding-left: 190px;}
	#footer-top .container .footer-logo{left: 20px;}
}



@media screen and (max-width: 760px) {
	#top_menu{width:100%; padding-left:100px;}
	.wrapper-main-categories .item > div{top: 25%; left: 30%;}
}

@media screen and (max-width: 750px) {
	.info-baner .block_one .item .carousel-caption{/*left: 98%;*/ width: 60%; margin-left: 20%;}
	
	.item_article_detail .gallery_article img{width: 45%; margin: 10px;}
}

@media screen and (max-width: 720px) {
	.zagolovok-page ul li a{font-size:11pt;}
}

@media screen and (max-width: 700px) {
	.info-baner .block_two .info-text .info img{width:110px; margin: 20px 30px;}
	.wrapper-our-projects-main .item-our-projects > div{width:200px; height:200px;}
	.wrapper-our-projects-main .item-our-projects > div div.left-border{border: 30px solid transparent; border-bottom: 10px solid #fff; border-left: 100px solid #fff;}
	.wrapper-our-projects-main .item-our-projects > div div.right-border{border: 30px solid transparent; border-right: 100px solid #fff; border-bottom: 10px solid #fff;}
	
	.info-baner .block_one .item .carousel-caption {/*left: 98%;*/ width: 50%; margin-left: 25%;}
	.info-baner .block_one .item h3{font-size: 23pt;}
	
	.fon-category-articles-header {margin-top: 30px;}
	.menu_tags ul li{display: block; text-align: left;}
}

@media screen and (max-width: 650px) {
	/*.info-baner .block_one .item .carousel-caption {margin-left: -450px;}*/
	
	.wrapper-main-categories .item {width:95%;}
	.zagolovok-page h1{width: 100%; font-size: 30pt;}
	
	#footer-bottom .footer-bottom-treugol {margin-top: -50px; margin-bottom: 30px;}
}

@media screen and (max-width: 620px) {
	.zagolovok-page ul li {margin: 10px; display: block; text-align:left;}
	.zagolovok-page ul li a{font-size: 15pt;}
}

@media screen and (max-width: 600px) {
	#top_menu{padding-left: 0px; padding-top: 30px;}
	#top_menu ul#menu.all_top_menu li ul{width: 80%;}
	
	.info-baner .block_one{display:none;}
	.info-baner .block_two .block_liniya{display:none;}
	.info-baner .block_two {height: 450px;}
	.info-baner .block_two .info-text .info{padding-top:100px;}
	.wrapper-main-categories .item > div{top: 20%; left: 25%;}
	
	.category_articles.style-line .item_article .preview-zagolovok h2{margin-top: 10px; margin-left: 10px; font-size: 25px;}
	.category_articles.style-line .item_article{margin-bottom: 50px;}
}

@media screen and (max-width: 550px) {
	.info-baner .block_two{height: 650px;}
	.info-baner .block_two .info-text .info img {width: 150px; margin: 10px 30px;}
	
	.wrapper-our-projects-main .item-our-projects > div{width:190px; height:200px;}
	
	#footer-bottom .footer-bottom-treugol {margin-top: -40px;}
}

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


@media screen and (max-width: 500px) {
	
	.wrapper-our-projects-main .item-our-projects > div{width:250px; height:200px;}
	
	.wrapper-main-categories .item .fon-hover a {padding-top: 16%;}
	
	.fon-category-articles-header h1{font-size:30px;}
	.category_articles.style-line .item_article .preview-zagolovok h2{font-size: 20px;}
	
	.item_article_detail .gallery_article {text-align: center;}
	.item_article_detail .gallery_article img{width: 90%;}
	
	#footer-top .container .download-katalog {padding-left: 150px;}
	
	#footer-bottom{height:auto;}
	#footer-bottom .footer-bottom-info {width: 100%;}
	#footer-bottom .footer-bottom-logo {width: 100%; float: left; margin-top: 30px; text-align:center;}
	#footer-bottom .footer-bottom-logo img{width: 130px;}
}

@media screen and (max-width: 450px) {
	.top-info .container p span{margin: 0px 5px;}
	
	.wrapper-main-categories .item > div{width:top: 20%; left: 20%; width: 60%;}
	.info-baner .block_two{height: 600px;}
	.info-baner .block_two .info-text .info img {width: 110px;}
	
	.zagolovok-page h1{font-size: 25pt;}
	.category_articles.style-line .item_article .preview-zagolovok h2{width: 90%;}
	
	#footer-top{height: 350px;}
	#footer-top .container .footer-logo img {width: 100px;}
	#footer-bottom .footer-bottom-treugol {margin-top: -30px;}
}

@media screen and (max-width: 400px) {
	.top-info{height:75px; color: #13467B;}
	.top-info p {text-align:left;}
	.top-info p img{float: right; margin-top: -15px; height: 40px;}
	.top-info p span{color: #aae3ff; display: inline-block; width: 200px; font-size: 14pt;}
	.top-info .container .logo {margin-top:10px;}
	
	#top_menu ul#menu.all_top_menu li a{padding: 18px 18px 5px 5px;}
	#top_menu ul#menu.all_top_menu li ul{margin-left: 30px;}
	
	.zagolovok-page h1{font-size: 20pt;}
	.wrapper-main-categories .item .fon-hover a {padding-top: 12%; font-size:25px;}
	
	#footer-top .container .download-katalog {padding-left: 110px;}
}

@media screen and (max-width: 350px) {
	.info-baner .block_two {height: 750px;}
	.info-baner .block_two .info-text .info p{margin-bottom:10px;}
	.info-baner .block_two .info-text .info img {width: 130px;}
	
	.category_articles.style-line .item_article .preview-zagolovok h2{margin-top: 5px; margin-left: 5px; font-size: 16px;}
	
	#footer-top .container .download-katalog a{font-size:16px;}
	#footer-top .container .download-katalog img {width: 100px;}
	#footer-bottom .footer-bottom-treugol {margin-top: -20px;}
}