/*
	Theme Name: Krasnodar
	Theme URL: http://yaneblogger.ru/blog
	Author: Alexandr Kuznetsov
	Author URI: http://yaneblogger.ru
*/
/* Eric Meyer's CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
*:focus{
	outline: none;
}
img {
  width: auto\9;
  height: auto;
  max-width: 100%;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}
.navigation .current, .navigation a{
    color: rgb(61, 150, 198);
    font-size: 20px;
    font-family: "Ubuntu";
    font-weight: bold;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
input{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	cursor: pointer;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* End of Eric Meyer's CSS Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
  font-size: 14px;
  font-family: "Ubuntu";
  color: rgb(0, 0, 0);
  line-height: 1.143;
  font-weight: 300;
}

strong,h1,h2,h3{
	font-weight: 500;
}
a{
	text-decoration: none;
}
#wrapper{
	width: 100%;
	overflow: hidden;
	min-height: 100%;
	background: #eff2f7;
}
.post_content{
	position:relative;
}
.wrapper {
	max-width: 1300px;
	margin: 0 auto;
	clear: both;
}
.wrapper:after{
	content: '';
	display: block;
	clear: both;
}
.wpcf7 input[type="checkbox"]{
    background: none;
    height: 20px;
    width: 20px;
}
.alignleft{
	float: left;
}
.alignright{
	float: right;
}
.aligncenter{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
table{
	width: 100%;
}
/* Header
-----------------------------------------------------------------------------*/
.header {
	background: #3d96c6;
	color: #fff;
	margin-bottom: 5px;
}
.logo{
	float: left;
	padding: 17px 0;
}
.map,.logo{
	width: 23%;
	text-align: center;
}
.map{
	float: right;
	padding: 14px 0;
}
.site-name{
	float: left;
	width: 53%;
  font-size: 45px;
  font-family: "Ubuntu";
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  line-height: 1.222;
  text-align: center;
  padding: 28px 0 15px;
}
/* Middle
-----------------------------------------------------------------------------*/
.middle {
	width: 100%;
	max-width: 1300px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.middle:after {
	display: table;
	clear: both;
	content: '';
}
.container {
	width: 100%;
	float: left;
	overflow: hidden;
}
.content {
	padding: 0 307px 0 307px;
}
.topnav{
	margin-bottom: 8px;
}
.topnav>ul{
	display: table;
	width: 100%;
	background: #3d96c6;
}
.topnav ul li{
	display: table-cell;
	text-align: center;
	line-height: 50px;
	position: relative;
}
.topnav ul li a{
	display: block;
  font-size: 20px;
  font-family: "Ubuntu";
  color: rgb(255, 255, 255);
  font-weight: normal;
  text-decoration: none;
  line-height: 50px;
  text-transform: uppercase;
}
.topnav ul li a:hover,.topnav ul li.current-menu-item a{
	background: #287dab;
}
.topnav>ul ul.sub-menu{
	background: #3d96c6;
	display: block;
	position: absolute;
	left: 0;
	top:100%;
	display: none;
	z-index: 5;
}
.topnav>ul ul.sub-menu li,.topnav>ul ul.sub-menu li a{
	font-size: 16px;
	display: block;
	line-height: 30px;
	text-align: left;
}
.topnav>ul ul.sub-menu li a{
	padding-left: 10px;
	padding-right: 10px;
	white-space: nowrap;
}
.topnav ul li:hover ul.sub-menu{
	display: block;
}
#slider{
	border: 3px solid #3d96c6;
	margin-bottom: 10px;
}
.metaslider .flexslider{
	margin-bottom: 0 !important;
}
.flex-control-nav{
	position: absolute !important;
	left: 30px  !important;
	bottom: 14px !important;
	width: auto !important;
}
.flex-control-nav li a{
	display: block !important;
	width: 20px !important;
	height: 20px !important;
	border-radius: 50% !important;
	background: #fff !important;
	border: 0 !important;
	margin: 0 1px !important;
}
.flex-control-paging li a.flex-active{
	background: #5da1c6 !important;
}

.gorlinia img {
    width: 100%;
}

.home_content{
	background: #fff;
	border: 3px solid #3d96c6;
	padding: 10px;
  font-size: 16px;
  font-family: "Ubuntu";
  color: rgb(40, 125, 171);
  line-height: 1.25;
  text-align: left;
  border-width: 2px;
  box-shadow: 0px 2px 6px 0px rgba(23, 24, 25, 0.38);
}
.home_content p{
	text-indent: 25px;
}
.article{
	margin-bottom: 12px;
}
.article p{
	margin-bottom: 16px;
}
.post{
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 2px 6px 0px rgba(23, 24, 25, 0.38);
  margin-bottom: 12px;
  padding: 14px 0px;
}
.page_title{
	padding-bottom: 0;
}
.post_content .alignleft{
	margin-right: 10px;
}
.post_title{
	display: table;
}
.post_title .post_date,.post_title h2{
	display: table-cell;
}
.post_title .post_date{
  font-size: 18px;
  font-family: "Ubuntu";
  color: rgb(255, 255, 255);
  line-height: 1.167;
  background: #3d96c6;
  width: 64px;
  text-align: center;
}
h2{
  font-size: 22px;
  font-family: "Ubuntu";
  color: rgb(61, 150, 198);
  line-height: 1.136;
  padding: 3px 9px;
}
.post_title h2 a{
	color: rgb(61, 150, 198);
	text-decoration: none;
}
.page_title h2{
	text-transform: uppercase;
	font-size: 17px;
}
.article h2{
	font-size: 17px;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.post_thumb{
	float: left;
	width: 40%;
}
.post_excerpt{
	padding-left: 5px;
}
.post_thumb + .post_excerpt{
	position: relative;
	padding-top: 15px;
	padding-right: 5px;
}
.post_excerpt:after{
	content: '';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	height: 9px;
	background: #3d96c6;
	border-radius: 5px 0 0 5px;
}
.single .post_excerpt:after{
	display: none;
}
/* Left Sidebar
-----------------------------------------------------------------------------*/
.left-sidebar {
	float: left;
	width: 300px;
	margin-left: -100%;
	position: relative;
	min-height: 100px;
}
.left-sidebar .widget{
	padding-bottom: 15px;
}
.left-sidebar .widget a{
	display: block;
	margin-bottom: 15px;
}
.widget_title{
  font-size: 20px;
  font-family: "Ubuntu";
  color: rgb(61, 150, 198);
  text-transform: uppercase;
  line-height: 1.25;
  font-weight: 500;
  border-bottom: 1px solid rgb(61, 150, 198);
  margin-bottom: 20px;
  text-align: center;
  padding-bottom: 5px;
}
.img_mask,.left-sidebar .widget a.img_mask{
	position: relative;
	display: block;
	margin-bottom: 10px;
}
.img_mask span{
	position: absolute;
	right: 0;
	bottom: 0;
  font-size: 20px;
  font-family: "Ubuntu";
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  background: rgba(255,255,255,0.3);
  width: 216px;
  line-height: 39px;
  height: 39px;
}
.img_mask span:hover{
	background: rgba(255,255,255,0.45);
}



.img_mask1,.left-sidebar .widget a.img_mask1{
	position: relative;
	display: block;
	margin-bottom: 10px;
}
.img_mask1 span{
	position: absolute;
	right: 0;
	bottom: 0;
  font-size: 20px;
  font-family: "Ubuntu";
  color: rgb(255, 255, 255);
  text-transform: uppercase;
  text-align: center;
  font-weight: normal;
  background: rgba(255,255,255,0.3);
  width: 216px;
  line-height: 39px;
  height: 39px;
}
a.img_mask1 img {
    height: 115px!important;
    width: 100%!important;
}
.img_mask1 span:hover{
	background: rgba(255,255,255,0.45);
}
/* Right Sidebar
-----------------------------------------------------------------------------*/
.right-sidebar {
	float: left;
	width: 300px;
	margin-left: -300px;
	position: relative;
	min-height: 100px;
}
.right-sidebar .widget{
	margin-bottom: 10px;
}
.widget_search{
	padding: 6px;
	background: #3d96c6;
}
.screen-reader-text{
	display: none;
}
.searchform{
	padding-right: 38px;
	position: relative;
}
#s{
  font-size: 20px;
  font-family: "Ubuntu";
  color: rgb(108, 108, 108);
  font-weight: 300;
  border-style: solid;
  border-width: 1px;
  border-color: rgb(22, 128, 182);
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  height: 37px;
  padding-left: 10px;
}
#searchsubmit{
	font-size: 0;
	display: block;
	position: absolute;
	right: 0;
	top: 1px;
	width: 34px;
	height: 35px;
	background: url(images/search.png);
}
.widget_calendar,.right-sidebar .widget_text{
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  box-shadow: 0px 2px 6px 0px rgba(23, 24, 25, 0.38);
  padding: 5px;
}
.right-sidebar .blue_widget:first-child+.blue_widget{
	-webkit-box-shadow: none;
	box-shadow: none;
	padding: 0;
	background: transparent;
}
.blue_widget + .blue_widget{
	background: #3d96c6;
	color: #fff;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-align: center;
	font-weight: normal;
	font-size: 22px;
}
.blue_widget > .textwidget > div{
	text-align: left;
	font-weight: 300;
}
.blue_widget h3{
		font-size: 24px;
		font-weight: 500;
		border-bottom: 1px solid #fff;
		padding-bottom: 10px;
		margin-bottom: 10px;
}
.blue_widget a{
	color: #fff;
	text-decoration: none;
}
.blue_widget p{
	margin-bottom: 10px;
	font-size: 24px;
}
.blue_widget span{
	display: block;
}
.blue_widget #text-5 span {
font-size:18px;}
.blue_widget hr{
	display: block;
	margin-bottom: 10px;
	color: #fff;
}
#wp-calendar{
	text-align: center;
}
#wp-calendar caption{
	background: #88b6d8;
	padding: 3px;
	border-radius: 3px;
}
#wp-calendar th,#wp-calendar td{
	padding: 2px;
	border: 2px solid transparent;
}
#wp-calendar th{
	font-weight: bold;
}
#wp-calendar td a{
	background: #2e90bd;
	color: #fff;
	display: block;
}
a.button{
	display: inline-block;
	padding: 7px 7px 7px 47px;
  font-size: 14px;
  font-family: "Ubuntu";
  color: rgb(255, 255, 255);
  width: 93px;
  text-transform: uppercase;
  line-height: 1.143;
  text-align: left;
  background-color: #3d96c6;
}
a.button.online{
	background: url(images/priem.png) 5px 50% no-repeat #3d96c6;
}
a.button.poryadok{
	background: url(images/mail.png) 5px 50% no-repeat #3d96c6;
}
.bottom{
  border-style: solid;
  border-width: 1px;
  border-color: rgb(209, 209, 209);
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  padding: 12px 25px;
  box-shadow: 0px 2px 2px 0px rgba(23, 24, 25, 0.38);
  margin-bottom: 60px;
}
.flex-direction-nav a{
	display: block !important;
	position: absolute !important;
	top: 50% !important;
	width: 14px !important;
	height: 29px !important;
	margin-top: -15px !important;
	font-size: 0 !important;
	opacity: 1 !important;
}
.flexslider .flex-prev,.flexslider .flex-prev:hover{
	left: -22px !important;
	background: url(images/prev_arrow.png) !important;
}
.flexslider .flex-next,.flexslider .flex-next:hover{
	right: -22px !important;
	background: url(images/next_arrow.png) !important;
}
.bottom_contacts{
  font-size: 20px;
  font-family: "Ubuntu";
  color: rgb(61, 150, 198);
  line-height: 1.25;
  text-align: right;
}
.phones{
	padding-bottom: 10px;
}
.phones span{
	font-size: 28px;
	font-weight: normal;
}
.adress {
	padding: 10px 25px 10px 0;
}
/* Footer
-----------------------------------------------------------------------------*/
.footer {
	background: #ebebeb;
	padding: 20px 0 0;
}
.contact_buttons{
	margin-bottom: 10px;
}
.copyright{
  font-size: 15px;
  font-family: "Ubuntu";
  color: rgb(255, 255, 255);
  line-height: 1.333;
  text-align: center;
  background: #9e9e9e;
  padding: 11px 0;
}
.wpcf7 label{
	display: block;
	max-width: 360px;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	color: #000;
}
textarea{
	width: 100%;
	resize:none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 0;
}
.wpcf7 textarea::-webkit-input-placeholder{
	color: #fff;
}
.wpcf7 input,.wpcf7 textarea{
	background: #F0F4F8;
	color: #000;
	height: 34px;
	padding-left: 5px;
	font-size: 16px;
	font-family: "Ubuntu";font-weight: 600;
	margin-top: 2px;
	border: 1px solid #000;
}
.wpcf7 input:focus,.wpcf7 textarea:focus{
	background: #D6DCE1;
}
.wpcf7 input[type="file"]{
	background: #c8cbc8;
	padding-left: 0;
	height: 24px;
	color: #000;
        border: none;
}
.wpcf7 textarea{
	height: 75px;
}
label a{
	color: #ff2323;
	text-decoration: underline;
}
h4{
	color: #287dab;
	font-size: 16px;
	font-weight: 500;
}
h4 span{
	color: #ff2323;
	text-transform: uppercase;
}
.wpcf7 input[type="submit"]{
	font-size: 20px;
	font-weight: 500;
	text-transform: uppercase;
	background: #3e96c6;
        border: none;
}
.wpcf7 input[type="submit"]:hover,.wpcf7 input[type="submit"]:focus{
	background: #3e5bc6;
}
@media (max-width: 1024px){
	.content{
		padding: 0;
	}
	.container{
		float: none;
		width:100%;
		margin-left: 0;
	}
	.left-sidebar,.right-sidebar{
		text-align: center;
		margin-left: 0;
	}
	.right-sidebar{
		float: right;
	}
	.post_thumb{
		width: 300px;
	}
	.post_thumb + .post_excerpt{
		margin-left: 320px;
	}
	.site-name{
		font-size: 36px;
		padding-top: 30px;
	}
}
@media (max-width: 767px){
	.contact_buttons{
		float: none !important;
		text-align: center;
	}
	.contact_buttons + div{
		float: none;
		width: 100%;
		text-align: center;
	}
	.bottom_contacts{
		max-width: 440px;
		margin-left: auto;
		margin-right: auto;
	}
	.site-name{
		font-size: 28px;
	}
}
@media (max-width: 620px){
	.left-sidebar,.right-sidebar{
		float: none;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}
	.post_thumb{
		width: 40%;
	}
	.post_thumb + .post_excerpt{
		margin-left: 42%;
	}
	.site-name{
		font-size: 22px;
		text-align: center;
	}
	.post_title h2,.topnav ul li a{
		font-size: 18px;
	}
}
@media (max-width: 480px){
	.post_thumb{
		float: none;
		width: 100%;
		margin-bottom: 10px;
	}
	.post_thumb img{
		width: 100%;
	}
	.post_thumb + .post_excerpt{
		margin-left: 1%;
	}
	.topnav ul li a{
		font-size: 14px;
		line-height: 30px;
	}
	.map{
		display: none;
	}
	.site-name{
		width: 75%;
		float: right;
	}
}
@media (max-width: 360px){
	.topnav ul,.topnav ul li{
		display: block;
		width: 100%;
		line-height: 30px;
	}
	.adress,.phones{
		float: none !important;
		text-align: center;
	}
}