﻿@charset "utf-8";
/* CSS Document */

@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 100;
  src: local('Roboto Thin'), local('Roboto-Thin'), url(/static/fonts/Roboto-Thin.woff2) format('woff2'), url(/static/fonts/Roboto-Thin.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Light'), local('Roboto-Light'), url(/static/fonts/Roboto-Light.woff2) format('woff2'), url(/static/fonts/Roboto-Light.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(/static/fonts/Roboto-Regular.woff2) format('woff2'), url(/static/fonts/Roboto-Regular.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Bold'), local('Roboto-Bold'), url(/static/fonts/Roboto-Bold.woff2) format('woff2'), url(/static/fonts/Roboto-Bold.woff) format('woff');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  src: local('Roboto Italic'), local('Roboto-Italic'), url(/static/fonts/Roboto-Italic.woff2) format('woff2'), url(/static/fonts/Roboto-Italic.woff) format('woff');
}

* {
	padding:0;
	margin:0;
	font-family: 'Open Sans', Arial, Helvetica, sans-serif;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}

html {
	height:100%;}

body {
	height:100%;
	background:#fff;
	min-width:1000px;
	line-height:0.8;
	}
	


.clear {
	clear:both;}

.clearfix:after {
	content:'';
	display:block;
	clear:both;	
}

img {
	display:block;
	}

a img {
	border:0;}

a, input, select, textarea {
	outline:none;}

input[type="submit"], label {
	cursor:pointer;
}
input::-moz-focus-inner { 
    border: 0;
    padding: 0;
}

textarea {
	overflow:auto;}

a:hover {
	text-decoration:none;}
a:active {
	background:transparent;
}
	
.in {
	width:1000px;
	margin:0 auto;}

#container {
	position:relative;
	overflow:hidden;
	min-height:100%;
}
#header {
	background:#fff;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	min-width:1000px;
	z-index:10000;
}
#header .in {
	padding-top:10px;
}
#logo {
	float:left;
	margin-right:35px;
	margin-top: 5px;
}
#logo img {}
#header .in .contacts {
	float:right;
	line-height:18px;
	margin-bottom:-2px;
}
#header .in .contacts .address {
	font-size:16px;
	color:#414042;
	margin-right:10px;
	margin-top: 5px;
    float: none;
}
#header .in .contacts .header {
	font-size:16px;
	float:left;
	color:#414042;
	margin-right:10px;
	margin-top: 10px;
}
#header .in .contacts .phones {
	font-size:14px;
	float:left;
	margin-top: 10px;
}
#header .in .contacts .phones .phone {
	color:#83a0bb;
	font-weight:600;
}
#header .in .contacts .phones .phone span { 
	font-weight:500;
	color:#414042;
}
#header_box {
	float:left;
    margin-top: -10px;
    margin-left: 20px;
}
#header_box, #top_google_box, #top_menu {
	width:500px;
}
#top_google_box {
    width: 485px;
    height: 60px;
    margin: 0 0 15px 5px;
}
#top_google_box .gsc-search-box .gsib_a {
    padding: 0px;
}
#top_google_box .gsc-search-box input.gsc-search-button-v2 {
    width: auto;
    height: auto;
}
#top_menu {
	height:32px;
}
#top_menu li {
	list-style:none;
	float:left;
	position:relative;
	border-bottom:4px solid transparent;
	padding-bottom:15px;
}
#top_menu li + li {
	margin-left:36px;
}
#top_menu li + li:before {
	position:absolute;
	left:-22px;
	font-size:12px;
	color:#555555;
	content:'/';
	top:3px;
}
#top_menu li a {
	font-size:12px;
	text-transform:uppercase;
	color:#414042;
	text-decoration:none;
}
#top_menu .active {
	border-color:#5e7d9b;
}
#top_menu .active a, #top_menu li:hover a {
	color:#5e7d9b;
}
#wrapper {
	padding-top:205px;
}
#slider {}
#slider img {
	margin:0 auto;
	height: 300px;
}
#wrapper .in {
	padding-top:30px;
}
.main_sections {
	background:#2d2d2d;
	padding:10px 0 10px;
	text-align:center;
}
.main_sections li {
	display:inline-block;
	vertical-align:top;
	margin:0 30px;
    width:auto; /* Old - width:270px; */
	text-align:left;
}
.main_sections .img {
	float:left;
	width:68px;
	margin-right:10px;
	margin-top:20px;
}
.main_sections .img img {
	width:100%;
}
.main_sections .text {
	overflow:hidden;
	font-weight:bold;
}
.main_sections .text .name {
	font-size:14px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	line-height:normal;
}
.main_sections .text .name:hover {
	text-decoration:underline;	
}
.main_sections .text .desc {
	padding-top:15px;
	font-size:11px;
	line-height:19px;
	color:#7c7c7c;
	}
#wrapper .in .left {
	float:left;
	width:195px;
	margin-right:47px;
}
#wrapper .in .caption, #wrapper h1 {
	font-size:18px;
	font-weight:600;
	color:#000;
	margin-bottom:15px;
	text-transform:uppercase;
	line-height:normal;
}
#left_menu {
	margin-left:-8px;
}
#left_menu li {
	list-style:none;
	margin-bottom:1px;
}
#left_menu li a {
	text-decoration:none;
}
#left_menu li a .img {
	display:inline-block;
	vertical-align:middle;
	width:53px;
	height:53px;
	line-height:53px;
	margin-right:18px;
}
#left_menu li a .img img {
	max-width:53px;
	max-height:53px;
	display:inline-block;
	vertical-align:middle;
	}
#left_menu li a .text {
	display:inline-block;
	vertical-align:middle;
	font-size:14px;
	color:#000;
	text-transform:uppercase;
	border-bottom:1px solid #000;
	padding-bottom:1px;
	margin-top:1px;
	line-height:normal;

}
#left_menu li a .text:hover {
	border-bottom:1px solid transparent;
}
#wrapper .in .right {
	float:right;
	width:233px;
	margin-left:47px;
}
#fedback {}
#fedback input[type="text"] {
	height:31px;
	line-height:29px;
	padding:0 11px;
	font-size:18px;
	border:1px solid #89a0b6;
	border-radius:3px;
	width:100%;
	margin-bottom:15px;
	color:#000;}
#fedback textarea {
	height:87px;
	line-height:normal;
	padding:5px 11px;
	font-size:18px;
	border:1px solid #89a0b6;
	border-radius:3px;
	width:100%;
	margin-bottom:12px;
	color:#000;
	resize:none;
}
#fedback textarea.big {
	height:177px;
}
#fedback .submit {
	text-align:right;
}
#fedback .submit input[type="submit"] {
	width:143px;
	height:50px;
	color:#fff;
	background:#5e7d9b;
	border-radius:10px;
	text-transform:uppercase;
	font-weight:600;
	border:0;
	font-size:18px;
	box-shadow:2px 2px 0 #2d2d2d;
}
#fedback .select_block {
	margin-bottom:11px;
}
#fedback .select_block .header {
	line-height:31px;
	float:left;
	width:100px;
	color:#8e8e8e;
	font-size:12px;
}
#fedback .select_block .select {
	width:125px;
	float:right;
}
#fedback .select_block .select .option_select{
	background:#fff;
	font-size:18px;
	color:#8e8e8e;
	border-color:#89A0B6;
}
#fedback .select_block .select .option_select:after {
	right:15px;
}
#fedback .select_block .select .dropdown {
	background:#fff;
}
#fedback .select_block .select .dropdown ul li {
	font-size:18px;
	color:#000;
}
#fedback .captcha_block {
	padding-top:8px;
	}
#fedback .captcha_block .question {
	font-size:17px;
	margin-bottom:8px;
	color:#8e8e8e;
	text-align:center;
}

#wrapper .in .middle {
	overflow:hidden;
	line-height: normal;
}
#wrapper .in .middle .news-content {
    font-size: 14px;
}
#wrapper .in .middle .news-content p {
    margin: 14px 0;
}
.article {}
.art_image {
	max-width:60%;
}
.art_image.float_left {
	float:left;
	margin:0 7px 7px 0;
}
.art_image.float_right {
	float:right;
	margin:0 0 7px 7px;
}
.art_image img {
	max-width:100%;
}
.article p {
	font-size:12px;
	line-height:15px;
	color:#000;
	margin-bottom:15px;
}
#empty {
	height:200px;
}
#footer {
	height:140px;
	background:#2d2d2d;
	margin-top:-140px;
}

#filter {}

#footer #footer_content, 
#footer #footer_counters {
    display: inline-block;
}
#footer #footer_content {
    width: 1010px;
}
#footer #footer_counters {
    width: 960px;
}
#footer #footer_counters {
    height: 31px;
    margin: -10px 0 0;
    text-align: right;
}
#footer #footer_counters .soc-share {
    float: left;
    margin: 8px 0 0;
}
#footer #footer_counters .counter-widget {
    opacity: 0.7;
    float: right;
}
#footer #footer_counters .counter-widget > li {
    width: 88px;
    height: 31px;
    margin: 0 0 0 2px;
}

.google-footer {
    width: 485px;
    height: 60px;
    position: relative;
    margin: 20px auto -50px;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
}
#footer .main_sections .img.footer-age-logo {
    width: 120px;
    height: 92px;
    display: block;
    position: relative;
    background: url('/static/img/footer.png') no-repeat center;
    background-size: cover;
}
#footer .main_sections .img.footer-age-logo > span {
    width: 36px;
    height: 23px;
    display: block;
    position: relative;
    margin: 17px auto 0;
    color: #d8e3e6;
    font-family: 'Roboto';
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    overflow: hidden;
}

#filter .filter_table {
	border-spacing:0;
	border-collapse:collapse;
}
#filter .filter_table td {
	font-size:13px;
	color:#000000;
	padding-bottom:14px;
}
#filter .filter_table td:first-child {
	width:100px;
	padding-right:10px;
}
.select {
	position:relative;
}
#filter .filter_table td .select {
	width:220px;}
.select .option_select {
	border:1px solid #738ea8;
	border-radius:5px;
	height:31px;
	line-height:29px;
	padding:0 53px 0 11px;
	background:#ebebeb;
	cursor:pointer;
	font-size:13px;
	color:#000;
	position:relative;
}
.select.active .option_select {
	border-radius:5px 5px 0 0;
}
.select .option_select:after {
	content:'';
	position:absolute;
	right:22px;
	width:16px;
	height:9px;
	margin-top:-5px;
	background:url(../img/select_arr.png) 0 0 no-repeat;
	top:50%;
}
.select .dropdown {
	position:absolute;
	top:100%;
	left:0;
	right:0;
	border:1px solid #738ea8;
	border-radius:0 0 5px 5px;
	background:#ebebeb;
	padding:5px 0;
	border-top:0;
}
.select .dropdown ul {}
.select .dropdown ul li {
	list-style:none;
	padding:6px 11px;
	font-size:13px;
	color:#000;
	cursor:pointer;
}
.select .dropdown ul li:hover,
.select .dropdown ul li.active {
	background:#738ea8;
	color:#fff;
}
#filter .filter_table td input[type="text"] {
	float:left;
	width:64px;
	height:31px;
	line-height:29px;
	padding:0 12px;
	border-radius:3px;
	border:1px solid #c2c2c2;
	font-size:13px;
	color:#000;
	margin-right:10px;
}
#filter .filter_table td input[type="submit"] {
	width:145px;
	height:31px;
	border-radius:3px;
	box-shadow:2px 2px 0 #555555;
	float:right;
	border:0;
	font-size:11px;
	color:#fff;
	text-transform:uppercase;
	background:#5e7d9b;
}
#filter .products_table {
	width:100%;
	border-spacing:0;
	border-collapse:collapse;
	margin-bottom:20px;
}
#filter .products_table td {
	text-align:center;
	padding:10px 0;
	line-height:normal;
	font-size:11px;
	color:#000;
	border:1px solid #5e7d9b;
	border-top:0;
	border-bottom:0;
	background:#f4f4f4;
}
#filter .products_table tr:first-child td {
	background:#5e7d9b;
	color:#fff;
	font-size:12px;
	font-weight:600;
	text-transform:uppercase;
}
#filter .products_table tr:last-child td {
	border-bottom:1px solid #5e7d9b;
}
#filter .products_table a {
    color: #000000;
    text-decoration: none;
}
#filter .products_table a:hover {
	color:#5e7d9b;
    text-decoration: none;
}

.paging {
	text-align:center;
	line-height:normal;
}
.paging a {
    border: 1px solid #ccc;
    border-radius: 3px;
    color: #000000;
    display: inline-block;
    font-size: 12px;
    margin: 0 1px 10px;
    min-width: 25px;
    padding: 5px;
    text-align: center;
    text-decoration: none;
}
.paging a.active,
.paging li.active a {
	color:#5e7d9b;
	text-decoration:underline;
    background: #f4f4f4;
}
.paging a:hover {
	color:#5e7d9b;
    background: #f4f4f4;
}

.paging ul.pager li{
    list-style:none;
    display: inline-block;
}
.paging ul.pager li.hidden,
.paging ul.pager li.first,
.paging ul.pager li.last{
    display: none;
}

#news {}
#news ul {}
#news ul li {
	list-style:none;
	margin-bottom:33px;
}
#news ul .img {
	float:left;
	width:200px;
	margin-right:20px;
}
#news ul .img img {
	width:100%;
}
#news ul .text {
	overflow:hidden;
}
#news ul .text .name {
	margin-bottom:5px;
	line-height:normal;
}
#news ul .text .name a {
	font-size:18px;
	color:#2d2d2d;
	text-transform:uppercase;
	text-decoration:none;
}
#news ul .text .name a:hover {
	text-decoration:underline;
}
#news ul .text .name .date {
	font-size:12px;
	color:#5e7d9b;
	margin-bottom:20px;
}
#news ul .text .name .desc {
	font-size:14px;
	line-height:16px;
	color:#000;
}
#map {
    width: 100%;
	height:600px;
    margin-top: 40px;
}

.contacts_page {}
.contacts_page .col {
	float:left;
	width:230px;
}
.contacts_page .col + .col {
	margin-left:123px;
}
.contacts_page .col .desc {
	font-size:14px;
	line-height:30px;
	color:#000;
	text-transform:uppercase;
}
.contacts_page .col .contacts_info {}
.contacts_page .col .contacts_info p {
	font-size:18px;
	line-height:30px;
	color:#000;}
.contacts_page .col .contacts_info p.sec {
	margin-left:49px;}
	
	
.services {}
.services li {
	list-style:none;
}
.services li .name {
	background:#fafafa;
	position:relative;
	border:1px solid #f2f2f2;
	padding-left:55px;
	line-height:40px;
	font-size:16px;
	color:#000;
	text-transform:uppercase;
	display:block;
	text-decoration:none;
	font-weight:bold;
}
.services li.active .name {
	border-color:#496c8d;
	background:#5e7d9b;
	color:#fff;
}
.services li .name:before {
	height:40px;
	width:40px;
	content:'+';
	font-size:30px;
	color:#b7b7b7;
	position:absolute;
	top:0;
	left:0;
	border-right:1px solid #f2f2f2;
	text-align:center;
	font-weight:normal;
}
.services li.active .name:before {
	border-color:#57748f;
	content:'-';
	line-height:34px;
	background:#57748f;
}
.services li .text {
	border:1px solid #f2f2f2;
	border-top:0;
	padding:15px 18px;
	font-size:12px;
	color:#989898;
	line-height:16px;
	display:none;
}
.services li .text img {
    display: inline-block;
}
.price_list {
	padding-top:10px;
	}
.price_list img {
	max-width:100%;
	}
	
.board {
	margin-bottom:35px;
}
.board li {
	list-style:none;
	padding:25px 0;
	border-top:1px solid #5e7d9b;
	line-height:normal;
}
.board li:first-child {
    border-top: none;
}
.board li .date {
	font-size:10px;
	color:#5e7d9b;}
.board li .type {
	font-size:12px;
	color:#2d2d2d;
}
.board li .advert {
    position: relative;
    width: 100%;
    display: inline-table;
}
.board li .advert p,
.board li .advert .contacts p {
	color:#2d2d2d;
	font-size:12px;
}
.board li .advert p {
	color:#2d2d2d;
}
.board li .advert .contacts p {
	color:grey;
}

.board li .advert > table {
    width: 100%;
}

.board li .advert .contacts,
.board li .advert .description {
    vertical-align: top;
}

.board li .advert .contacts {
    width: 35%;
    padding-right: 15px;
}

.board li .advert .description {
    width: 65%;
	color:#2d2d2d;
	font-size:14px;
    padding-left: 5%;
}

.g-recaptcha {
    max-width: 233px;
}
#rc-imageselect, .g-recaptcha {
    transform:scale(0.77);
    -webkit-transform:scale(0.77);
    transform-origin:0 0;
    -webkit-transform-origin:0 0;
}

.status-messages {
    display: inline-table;
    margin-bottom: 10px;
}
.status-messages > h4 {
    margin: 8px 0;
}

.social-link.fa {
    display: inline-block;
    font-size: 26px;
    margin: 5px;
    text-decoration: none;
    cursor: pointer;
}
.social-link.fa.fa-facebook {
    color: #3765a3;
}
.social-link.fa.fa-google-plus {
    color: #dc4e41;
}
.social-link.fa.fa-vk {
    color: #4c75a3;
}
.social-link.fa.fa-twitter {
    color: #5ea9dd;
}
.social-link.fa.fa-odnoklassniki {
    color: #f58220;
}

/*** scroll up (start) ***/
#scrollup {
 position: fixed; /* фиксированная позиция */
 opacity: 0.5; /* прозрачность */
 background-color: #aaa;
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 background-image: url('/static/img/up.png');
 border-radius: 5px; /* скругление углов */
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 right: 10px;
 bottom: 10px;
 cursor: pointer;
 width: 48px;
 height: 48px;
 border: 0;
 display: none;
}
/*** scroll up (end) ***/

/*** google search (start) ***/
.gs-webResult .gs-snippet,
.gs-imageResult .gs-snippet,
.gs-fileFormatType {
	line-height: normal;
}
/*** google search (end) ***/
