/*
Theme Name: Kosair
Theme URI: 
Author: Bondaruk Andrey
Author URI: www.facebook.com/bondaruk.andrey
Description: For www.kosair.com.ua
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
html, body, div, span, applet, object, iframe,
.h1, .h2, .h3, .h4, .h5, .h6, 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;
}

.h2,h2 {
	font-size: 20px;
	margin-bottom: 10px;
}

.h2 {
    display: block;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.h3,h3 {
	font-size: 18px;
	margin-bottom: 10px;
}
.h4,h4 {
	font-size: 17px;
	margin-bottom: 10px;
}
span.post
{
	font-size: 15px!important;
	margin-bottom:0px!important;
	font-weight:bold;
}

h2.post a
{
	font-weight:bold;
}

p
{
	margin-bottom: 15px;
}



/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}


ol, ul
{
	list-style: none;
	margin-left: 20px;
}
.text-content ul{
	list-style: circle;
}
.text-content ol{
	list-style: decimal;
}

.entry-content ol, .entry-content ul {
	list-style: disc;
	margin-top:15px;
	margin-left: 25px;
	margin-bottom:15px;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* =Basic structure
-------------------------------------------------------------- */

/* Body, links, basics */
html {
	font-size: 87.5%;
}
body {
	font-size: 14px;
	font-size: 1rem;
	line-height:1.6em;
	font-family: "Open Sans", Arial, sans-serif;
	text-rendering: optimizeLegibility;
	color: #222;
}
/* Links */
a {
	text-decoration: none;
	border-bottom: 1px solid;
}
.pseudo_link {
	border-bottom: 1px dashed;
}
a,
.pseudo_link,
.no_visited:visited,
.no_visited a:visited {
	color:#0f54a2;
	border-color:#3277c5;
	cursor: pointer;
}

a:hover,
.pseudo_link:hover {
	color:#c90000!important;
	border-color:rgba(201,0,0,0.3)!important
}

a:visited {
	color:#0f54a2;
	border-color:#3277c5;
}

a:active {
	background: none;
}

.no_border, .fancybox-close {
	border:none;}

.aligncenter {
	display: block;
	margin: 0 auto;
}

.clr {
	clear:both;
	line-height:1px;
	height:1px;
}

.header-inner, #page, .main-navigation {
	max-width: 1180px;
	margin-left: auto;
	margin-right: auto;
}

.wrapper {
	width: 100%;
}

.site-header {
	border-bottom:1px solid #A1A1A1;
	height:160px;
	color:#23599B;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 999;
}

.header-inner {
	position:relative;
	height:140px;
}

#ticker-container {
	position:absolute;
	left:225px;
	top:55px;
	text-shadow:0px 1px 0px #9BCDFF;
}

/*Ticker*/
#ticker-wrapper {
	float: left;
	overflow: hidden;
	/*position: absolute;*/
	width: 100%;
	height: 25px;
	z-index: 12;
}

span.ticker-header {
	float: left;
	font-size: 20px;
	line-height: 20px;
	max-width: 155px;
	height: 20px;
	padding:5px 5px 0 0;
	margin-right: 5px;
	/*	font-weight: bold;*/
}

ul.ticker {
	display: block;
	float: left;
	max-width: 800px;
	height: 25px;
	overflow: hidden;
	/*	border: 1px solid #BA0101;*/
}

ul.ticker li {
	display: block;
	float: left;
	margin: 5px 15px 0px 0px;
	overflow: hidden;
	width: 100%;
	height: 19px;
}

ul.ticker li span {
	color: #222;
	float: left;
	font-size: 20px;
	line-height: 20px;
	font-style:italic;
	/*	font-weight: bold;*/
}

a.site-logo {
	display:block;
	width:213px;
	height:64px;
	text-indent:-8000px;
	background: url('images/site-logo.png') 0px 0px no-repeat;
	position:absolute;
	left:10px;
	top:25px;
}

/*body .site-header .site-description {
color:23599B;
font-size:17px;
text-shadow:0px 1px 0px #B7DBFF;
position:absolute;
left:10px;
top:100px;}*/

.phones {
	position:absolute;
	line-height:28px;
	text-align:right;
	text-shadow:0px 1px 0px #696969;
	color:#23599B !important;
	right:10px;
	top:10px;}

.phones span, .phones a {
	color: #EEEEEE;
}
.phone  {
	font-size:130%;
	font-weight:bold;
}

strong {
	font-weight:bold;}

/* Navigation Menu */
.top-nav-wrapp {}

.main-navigation {}

.main-navigation ul {
	/*margin-bottom:10px;*/
	height:40px;
	/*margin:0px 5px -22px  5px;*/
	margin:0 0 -22px  0;
	-webkit-box-shadow: 0 3px 3px #C1C1C1;
	-moz-box-shadow: 0 3px 3px #C1C1C1;
	box-shadow: 0 3px 3px #C1C1C1;

	border:1px solid #0795D0;
	background-color:#f9f9f9;
	/*padding:0 7px;*/
	padding-left: 7px;
	padding-right: 7px;

	/*-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/}

.main-navigation li {
	float:left;
	padding:10px 14px;
	z-index: 100;

}
.main-navigation a {
	display:block;
	line-height:20px;
	border:none;
}
.main-navigation li.current-menu-item,
.main-navigation li.current-post-parent,
.main-navigation li.current-category-ancestor,
.main-navigation li.current-post-ancestor {padding:8px 1px;}

.main-navigation li.current-menu-item a,
.main-navigation li.current-post-parent a,
.main-navigation li.current-category-ancestor a,
.main-navigation li.current-post-ancestor a {
	background-color:#6699FF;
	padding:2px 12px;
	color:#fff;

	-webkit-box-shadow: 0 0 7px #4b71bc inset;
	-moz-box-shadow: 0 0 7px #4b71bc inset;
	box-shadow: 0 0 7px #4b71bc inset;}

.main-navigation li.current-menu-item a:hover,
.main-navigation li.current-post-parent a:hover,
.main-navigation li.current-category-ancestor a:hover,
.main-navigation li.current-post-ancestor a:hover {
	background-color:#c90000;
	color:#fff!important;}

.main-navigation a:hover,
.main-navigation a:focus {
	color: #21759b;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	/*display: none;*/
}
.main-navigation ul.nav-menu.toggled-on,
.menu-toggle {
	display: inline-block;
}

.site-content {
	display: flex;
	position:relative;
	min-height:600px;
	margin-top:105px;
	/*margin: */
	/*padding:0 20px;*/
}

/*===== Breadcrumbs ====*/

.breadcrumbs {
	font-size:13px;
	margin-bottom:-1%;
	margin-left:20px;
}

.breadcrumbs ul {
	margin-left: 0;
}

.breadcrumbs ul li {
	display: inline-block;
}

.breadcrumbs li + li::before {
	content: '›';
	padding-right: 3.4px;
	padding-left: 3.4px;
}

/*=============================*/


ul.service_description {
	color:#2E2E2E;
	font-style:italic;
	font-weight:normal;
	line-height:23px;
	margin-top:30px;}

ul.service_description li {
	margin-bottom:30px;
	margin-right:30px;
	float:left;
	width:45%;}
ul.service_description li strong {
	font-weight:normal;}
ul.service_description li h3 {font-size:18px; font-weight:bold; margin-bottom:3px;}

ul.service_description li p {
	font-size:15px;}

ul.service_description li img {
	float:left;
	margin-right:20px;
	display:inline-block;}
/*===============================*/

h1.entry-title, h1.archive-title, h1.ourwork-full-title {
	margin-bottom:10px;
	font-size:20px;
	font-weight:normal;
	line-height: 25px;
}

h1.ourwork-full-title {
	width:900px;
}

h1.ourwork-title {
	float: left;
	width: 185px;
	margin-bottom: 5px;
}

span.ourwork-title {
	float: left;
	width: 185px;
	margin-bottom: 10px;
}

.ourwork-thumbnail
{
	/*height: 188px;*/
	margin-right: 35px;
}

.entry-content {
	max-width: 900px;
}

.content {
	display: flex;
	flex-direction: column;
	/*float:left;*/
	margin-left: 20px;
	margin-right: 10px;
	width:76.2712%;
	/*max-width:900px;*/
}

.right-block {
	border-left:1px dashed #A1A1A1;
	min-height:600px;
	padding-left:10px;
	/*float:right;*/
	width:240px;
	white-space:normal;
}

.site-info
{
	color: #6699FF;
	font-size: 16px;
	display: flex;
	justify-content: space-between;
	/*width: 1180px;*/
	/*margin: 0 auto;*/
}
/*.site-info div {
	width: 190px;
}*/
.site-info h4 {
	color: #CCCCCC;
	font-size: 20px;
	font-weight: normal;
}
footer .site-info .h4 {
	color: #CCCCCC;
	font-size: 20px;
	font-weight: normal;
	margin-bottom: 10px;
}
.site-info ul {
	margin-left: 0;
	padding-left: 0;
}

.site-footer {
	color:#fff;
	padding: 10px 85px;
	height: 100%;
	background:url(images/footer-bg.png);
	/*width: 100%;*/
	margin:0 auto;
}

.site-footer a {
	color:inherit;
	border:none!important;
	text-decoration:none;
}

.site-footer a:hover {
	color:#fff!important;
	border:none!important;
	text-decoration:none;
}

#copyright
{
	display: block;
	text-align: center;
	/*font-weight:bold;*/
	/*margin-left: 15px;*/
	margin-top: 25px;
}
#copyright a {
	margin-left: 10px;
}

.copyright_sprava {
	text-align: center;
}
#copyright .copyright_sprava a {
	margin-left: 0;
}
.copyright_sprava img {
	width: 90px;
	margin-bottom: 2px;
	vertical-align: middle;
}


#counter
{
	float:left;
	margin-top:39px;
	text-align:center;
	width: 63%;
}

#contacts
{
	display: flex;
	flex-flow: column;
	text-align: center;
	/*font-weight: bold;*/
	/*font-size: 130%;*/
}

/*=== widget_categories ===*/
.widget-title {
	display: block;
	background-color:#6699FF;
	color:#fff;
	font-size:15px;
	padding: 4px 10px;
	margin-bottom:4px;
	width: auto;
	/*float: left;*/
}

.widget {
	/*width:220px;*/
	margin-bottom:10px;}

.widget_categories > ul > li, .menu-right_menu-container > ul > li {
	font-weight: initial;
	margin:5px 0 5px 0;
	padding:2px 0 3px 0;}

.widget_categories li {
	margin:2px 0 2px 0;}

.widget_categories .children li {
	margin-left:21px;
}
.widget_categories .children li.current-cat {
	margin-left:0;
	margin-top:8px;
}

.widget_categories .current-cat > a {
	margin:1px 0 0 0;
	padding:2px 20px;
	border:none;
	border:1px solid #0763AA;

	/*-webkit-border-radius: 19px;
    -moz-border-radius: 19px;
    border-radius: 19px;*/}

/*.widget_categories .current-cat .children {
margin-left:20px;}*/
/*=================================*/

.ourworks_categories {
	text-align: center;
	margin-left: 0;
}

ul.ourworks_categories li {
	display: inline-block;
	/*float:left;*/
	/*width:24%;*/
	height:200px;
	text-align:center;
	margin-bottom:40px;}

.category_image {
	display:block;
	height:170px;
	width:170px;
	vertical-align:bottom;
	text-align:center;
	margin:0 auto;}

.category_name {
	margin-top:5px;
	font-size:110%;}


.works_count {
	position:relative;
	font-size:12px;
	margin-left:10px;
	margin-bottom:2px;
	padding:3px 8px;
	/*background-color:#FF4242;*/
	background-color:#FF1A1A;
	color:#fff;

	-webkit-border-radius: 14px;
	-moz-border-radius: 14px;
	border-radius: 14px;}

/*=========== Ourworks ============*/
div.ourwork-item {
	/*width:225px;
    height:270px;*/
	float:left;
	height: 250px;
}

.wrapper-tile{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	font-size: 0;
}
.wrapper-tile>.ourwork-item{
	float: none;
	display: inline-block;
}
.wrapper-tile>*{
	font-size: 14px;
}

.attachment-thumbnail, .attachment-medium {
	padding: 3px;
	background-color: #fff;
	border: 1px solid #ACACAC;
}

.blog-post-intro {
	padding-bottom: 10px;
	margin-bottom: 25px;
	border-bottom: 1px dashed #ccc;
}
.short-text {
	padding-left: 10px;
}
@media screen and (min-width:1550px)
{

	.wrapper, hgroup {
		width: 1180px;
	}
}

@media screen and (min-width:1850px)
{
	.wrapper, hgroup {
		width: 1180px;
	}
}

/* Minimum width of 960 pixels. */
/*@media screen and (min-width: 960px) {
	body {
		background:url(images/background.png);}



	.site-header {
		background:url(images/head-blue-bg.png);}
}*/
#socialbar{display: flex;/*width: 550px;*/position: relative;margin-bottom:10px;height:21px;}.vk, .fb, .tweet, .gplus{float:left;margin-right:15px;text-align: justify;}.fb{float:left;width:110px;text-align:justify;margin-top: -2px;}.fb-like{float:left;width:110px;text-align:justify;}.tweet{width:100px;}.gplus{width:100px;text-align: justify;}


div.articles-post{
	margin: 10px 0;
}

/* Стили меню 2-го уровня */
.main-navigation .sub-menu {
	display: none;
	position: absolute;
	margin: 0;
	border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	-webkit-border-radius: 0 0 4px 4px;
	z-index: 999999;
}

#menu-top_menu > li:hover .sub-menu {
	position: absolute;
	display: flex;
	overflow: auto;
	max-width: 100%;
	height: auto;
	margin-top: 10px;
	background: #fff;
	clear: both;
}

.sub-menu a {
	text-align: center;
	padding: 6px 0;
}

.sub-menu .sub-menu {
	display: flex;
	flex-direction: column;
	position: initial !important;
	margin-top: 0 !important;
	padding-top: 10px;
	border: initial;
	border-top: 1px solid;
	background: initial;
	box-shadow: initial;
}
.sub-menu .sub-menu a {
	text-align: left;
	padding: initial;
}
.sub-menu .sub-menu .menu-item {
	font-weight: initial;
}

.main-navigation .sub-menu li {
	clear: both;
}



.main-navigation ul li.current_page_item a, nav.main-navigation ul li.current_page_item a:visited, nav.main-navigation ul li.current_page_item a:hover {
	text-decoration:none;
	/*color:#CCC;*/
	color:white;
	font-weight: bold;
}

.phones a:hover
{
	color:#23599B!important;

}


#ninja_forms_form_1_cont
{
	padding: 10px;
	margin-top: 20px;
	margin-bottom: 25px;
	border-color: #3277c5;
	border: 1px solid;
	float: left;
}


.ninja-forms-form-title
{
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: normal;
}

.ninja-forms-req-symbol
{
	color: #c90000!important;
	font-weight: bold;
}

.ninja-forms-help-text
{
	display:none;
}

#ninja_forms_field_1_label, #ninja_forms_field_2_label, #ninja_forms_field_3_label, #ninja_forms_field_4_label
{
	color: #0f54a2;
	float: left;
	margin-right: 5px;
}

.ninja-forms-required-items
{
	color: #c90000;
	margin-bottom: 5px;
}

/*#ninja_forms_field_1*/
/*{*/
/*width:254px;*/
/*}*/

/*#ninja_forms_field_2*/
/*{*/
/*width:248px;*/
/*}*/

/*#ninja_forms_field_3*/
/*{*/
/*width:203px;*/
/*}*/
.text-wrap
{
	margin-bottom:10px;
}
#ninja_forms_form_1_response_msg
{
	color: #0f54a2;
	font-weight: bold;
}
#yandex-map
{
	float:left;
	margin-bottom: 25px;
}
.reviews-post, .articles-post
{
	padding-bottom: 20px;
	margin-bottom:20px!important;
	border-bottom: 1px dashed #A1A1A1;
}
.rating
{
	float: left;
	font-size: 10px;
	margin-top: 5px;
	margin-left: 15px;
}
.site-description
{
	float: left;
	margin-top: 10px;
	margin-bottom: 20px;
}
.site-description h3
{
	font-size: 20px;
	color: #0f54a2;
	font-weight:bold;
}
.site-description ul
{
	margin-left:20px;
}
.site-description ul li
{
	list-style-type: disc;
	color: #0f54a2;
}
.menu-item-11
{
	/*font-weight:bold;*/
}
.menu-item { font-weight: bold; }
.raboty_avto_image {
	display: block;
	margin: 5px auto;
}
.table-of-prices {
	margin: 10px auto;
	max-width: 700px;
	width: 100%;
}
.table-of-prices td {
	height: 44px;
	border-bottom: 1px solid black;
	text-align: center;
	padding: 7px;
	font-weight: 700;
	vertical-align: middle;
}
.table-of-prices td:nth-child(1n) {
	text-align: left;
}
.table-of-prices td:nth-child(2n) {
	text-align: center;
	/*color: #ff0000;*/
}
.table-of-prices th {
	padding: 0 30px;
	line-height: 70px;
	height: 70px;
	background-color: #6699FF;
	color: #fff;
}
.table-of-prices th:nth-child(1n) {
	text-align: left;
}
.table-of-prices th:nth-child(2n) {
	text-align: center;
}
.sub-menu > li {
	padding: 3px 14px;
}
.sub-menu > li.current-menu-item {
	padding: 3px 1px;
}

.h3 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 3px;
}
.h3_main {
	font-size: 18px;
	margin-bottom: 3px;
}

.table_content a:visited {
	color: #0f54a2;
	border-color: #3277c5;
}
#kosairco {
	width: 100%;
	margin: 20px auto;
	text-align: center;
}
#kosairco td img {
	max-width: 215px;
	width: 100%;
}
.clear {
	clear: both;
}
.table_content {
	display: inline-block;
	width: 33%;
	list-style: decimal !important;
	border-right: 1px dashed #A1A1A1;
}
.title_table_content {
	font-weight: 700;
}
.some_text_table_content {
	width: 60%;
	display: inline-block;
	margin-left: 3%;
	vertical-align: top;
	margin-top: 5%;
}
.size-full {
	margin-top: 10px;
}
.table_content_box {
	margin-bottom: 15px;
}
.for_marg {
	margin-top: 4%;
}
.title-form-page {
	font-size: 18px;
	display: block;
	text-align: center;
}
#form-box-page {
	max-width: 400px;
	/*width: 60%;*/
	margin: 0 auto;
}
textarea {
	max-width: 400px;
	min-width: 400px;
	max-height: 150px;
}
/* PopUp for form */
.b-container{
	width:100%;
	height:100%;
	margin:0px auto;
	padding:10px;
	color: #3277c5;
}
.b-popup{
	width:100%;
	min-height:100%;
	background-color: rgba(0,0,0,0.7);
	overflow:hidden;
	position:fixed;
	top:0px;
	left: 0px;
	z-index: 999;
}
.b-popup .b-popup-content{
	position: absolute;
	top: 40%;
	left: 30%;
	width:40%;
	/*height: 70px;*/
	padding: 15px 25px;
	background-color: #c5c5c5;
	border-radius:5px;
	box-shadow: 0px 0px 10px #000;
	text-align: center;
	font-weight: 700;
}
.b-popup-content a {
	color: black;
	padding: 3px 40px;
	text-decoration: none;
	border: 1px solid black;
}
.b-popup-content a:hover {
	border-color: #0f54a2 !important;
	color: #0f54a2 !important;
}
.ninja-forms-error-msg{
	color: #ff012c !important;
	font-weight: 700;
}
/* PopUp for form End */
.btn-fixed-up {
	position: fixed;
	display: none;
	font-weight: 900;
	color: #0f54a2;
	padding: 6px 30px;
	cursor: pointer;
	right: 20px;
	bottom: 1%;
	border: 3px solid;
	z-index: 10;
	/*background: rgba(0,0,0,.2);*/
}
.btn-fixed-up img {
	position: fixed;
	right: 1%;
	bottom: 1%;
	width: 4%;
}

.contacts-page-data, .contacts-map {
	display: inline-block;
}
.contacts-map {
	margin-top: -35px;
}
.contacts-map iframe {
	max-width: 100%;
}

.contacts-page-data {
	vertical-align: top;
    margin-right: 15px;
}

.home-from-notfound {
	text-align: center;
	font-size: 20px;
	display: block;
	border: 0;
	margin-top: 35px;
}

.feedback {
	position: absolute;
    top: 100px;
    left: 10px;
	background-color: #6699FF;
	height: 30px;
    color: #fff;
    -webkit-box-shadow: 0 0 7px #4b71bc inset;
    -moz-box-shadow: 0 0 7px #4b71bc inset;
    box-shadow: 0 0 7px #4b71bc inset;
	color: #fff!important;
	padding: 0;
	margin-left: 30px;
}

.feedback:hover {
	background-color: #c90000;
    color: #fff!important;
}

.feedback label {
	cursor: pointer;
	padding: 4px 12px;
	font-weight: bold;
	height: 30px;
	display: block; 
}

.feedback-button {
	display: block;
	text-align: center;
	width: 200px;
	height: 30px;
	-webkit-box-shadow: 0 0 7px #4b71bc inset;
    -moz-box-shadow: 0 0 7px #4b71bc inset;
    box-shadow: 0 0 7px #4b71bc inset;
	padding: 10px;
	margin: 20px auto;
	background-color: #6699FF;
	color: #fff!important;
}

.feedback-button:hover {
	background-color: #c90000;
    color: #fff!important;
}

.feedback-button label {
	cursor: pointer;
	padding: 4px 12px;
	font-weight: bold;
	height: 30px;
	display: block; 
}

/* Стили модального окна */
.modal-header .htitle {
    color: #555;  
    font-size: 20px;
    font-weight: normal;
    line-height: 1;    
    margin: 0;
}
/* кнопка закрытия окна */
.modal .btn-close {
    color: #aaa;
    cursor: pointer;
    font-size: 30px;
    text-decoration: none;
    position: absolute;
    right: 5px;
    top: 0;
}
.modal .btn-close:hover {
    color: red;
}
/* слой затемнения */
.modal-wrap:before {
    content: "";
    display: none;
    background: rgba(0, 0, 0, .3);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 101;
}
.modal-overlay {
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 102;
}
/* активация слоя затемнения и модального блока */
.modal-open:checked ~ .modal-wrap:before,
.modal-open:checked ~ .modal-wrap .modal-overlay {
    display: block;
}
.modal-open:checked ~ .modal-wrap .modal-dialog {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 20%;
}
/* элементы модального окна */
.modal-dialog {
    background: #fefefe;
    border: none;
    border-radius: 5px;
    position: fixed;
    width: 80%;
    max-width: 500px;
    left: 50%;
    top: -100%;
    -webkit-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -moz-box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    box-shadow: 0 15px 20px rgba(0,0,0,.22),0 19px 60px rgba(0,0,0,.3);
    -webkit-transform: translate(-50%, -500%);
    -ms-transform: translate(-50%, -500%);
    -o-transform: translate(-50%, -500%);
    transform: translate(-50%, -500%);
    -webkit-transition: -webkit-transform 0.4s ease-out;
    -moz-transition: -moz-transform 0.4s ease-out;
    -o-transition: -o-transform 0.4s ease-out;
    transition: transform 0.4s ease-out;
    z-index: 103;
}
.modal-body {
  padding: 20px;
}
.modal-body p {
    margin: 0;
}
.modal-header,
.modal-footer {
    padding: 20px 20px;
}
.modal-header {
    border-bottom: #eaeaea solid 1px;
}
.modal-header h2 {
    font-size: 20px;
    margin: 0;
}
.modal-footer {
    border-top: #eaeaea solid 1px;
    text-align: right;
}

.btn {
    background: #6699FF;
    border: #555 solid 1px;
    border-radius: 3px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding: 8px 15px;
    text-decoration: none;
    text-align: center;
    min-width: 60px;
    position: relative;
	
}
.btn:hover, .btn:focus {
    background: #6699FF;
}
.btn-primary {
    background: #428bca;
    border-color: #357ebd;
    color: #fff;
}
.btn-primary:hover{
    background: #66A1D3;
}

/* Элементы формы контактов */
.textbox{
    height:45px;
    width:100%;
    border-radius:3px;
    border:rgba(0,0,0,.3) 1px solid;
    box-sizing:border-box;
    font-size:14px; 
    padding:8px;
    margin-bottom:20px; 
	margin-left: 10px;
}
.message:focus,
.textbox:focus{
    outline:none;
    border:rgba(24,149,215,1) 1px solid;
    color:rgba(24,149,215,1);
}
.message{
	background: rgba(255, 255, 255, 0.4); 
    width:100%;
    height: 120px;
    border:rgba(0,0,0,.3) 1px solid;
    box-sizing:border-box;
    -moz-border-radius: 3px;
    font-size:14px;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
    display:block;
    padding:10px;
    margin-bottom:20px;
    overflow:hidden;
}

.btn-form{
    width:45%;
   /* height:45px;  */
    border:rgba(0,0,0,.2) 1px solid;
    background: #6699FF;
    color:#fff;
	margin-left: 135px;
}

.btn-form:hover{
    background: #6699FF;;
}

#call-back input[type="email"] {
	margin-left: 10px;
}
/* Конец стилей модалки */

.no-border {
	border: 0;
}

.star {
	color: #c90000;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

body {
	font-family: sans-serif !important;
	color: #0b3465 !important;
	/*font-size: 1.1rem !important;*/
}

.title-form-page {
	display: none;
}

.ninja-forms-cont {
	width: 100%;
	border: none !important;
	border-radius: 5px;
	padding-top: 0 !important;
	background: #fefefe;
}

.ninja-forms-cont:before {
	display: block;
	content: 'Обратный звонок';
	color: #555;
    font-size: 20px;
    font-weight: normal;
    line-height: 1;
    padding: 20px;
}

input[type="text"].ninja-forms-field {
    height:45px !important;
    /*width:435px;*/
    border-radius:3px;
    border:rgba(0,0,0,.3) 1px solid;
    box-sizing:border-box;
    font-size:14px !important; 
    padding:8px;
    margin-bottom:20px; 
	margin-left: 10px;
}
input[type="submit"].ninja-forms-field {
	width: 175px !important;
	height: inherit!;
	float: inherit !important;
   /* height:45px;  */
    border:rgba(0,0,0,.2) 1px solid;
    background: #6699FF;
    color:#fff;
	margin: 0 auto !important;
    background: #6699FF;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    font-size: 14px;
    padding: 8px 15px;
    text-decoration: none;
    text-align: center;
    min-width: 60px;
    position: relative;
	
}

input[type="submit"].ninja-forms-field:hover{
    background: #6699FF;
}

input[type="submit"].ninja-forms-field:hover, input[type="submit"].ninja-forms-field:focus {
    background: #6699FF;
}

.ninja-forms-form {
	border: none !important;
    border-top: 1px solid #eaeaea !important;
	padding-top: 0 !important;
	padding-bottom: 20px !important;
}

.ninja-forms-form textarea {
	border-radius: 3px;
}

.ninja-forms-form .field-wrap {
	margin-bottom: 0 !important; 
}

.field-wrap label {
	width: auto !important;
}
.email {
	margin-left: 18px !important;
}

.ninja-forms-all-fields-wrap {
	padding-top: 20px;
}

.share {
	display: flex;
	flex-flow: column;
}
.share .fb {
	margin-bottom: 7px;
}
.stars { opacity: 0; }

/* Responsive */
header, body, footer {
	width: auto;
}
.flexslider_hg_homepage, .slides img, .slides li, .flex-viewport  {
	height: auto;
}
.no-border {
	max-width: 900px;
}
.no-border img, span.text-content img, .size-full {
	display: flex;
	max-width: 100%;
	height: auto;
}

.entry-content .ext-link img, .entry-content img.aligncenter {
	/*max-width: 850px;*/
	width: 100%;
	height: auto;
}

.entry-content p:first-child {
	margin-bottom: 0;
}
.nav-menu {
	display: flex;
	flex-direction: row;
}

.mobile-menu {
	background: #f8f8f8;
}

body { background:url(images/background.png); }
.site-header { background:url(images/head-blue-bg.png); }

div.ourwork-item {
	width: 25%;
	height: auto;
}
.look-more { margin-right: 43px; }
#primary {
	display: flex;
	justify-content: space-between;
}

/* Media */
@media (max-width: 1280px) {
	.header-inner, #page, .main-navigation {
		width: auto;
		/*max-width: none;*/
		margin-left: 42px;
		margin-right: 42px;
	}
	.content {
		width: auto;
	}
	.fl, .fr {
		align-self: center;
	}
	#ticker-container {
		display: none;
	}
}
@media (max-width: 1250px) {
	.contacts-map { margin-top: 0; }
}
@media (max-width: 1200px) {
	.table_content {
		float: left;
		margin-right: 3%;
	    width: 250px;
	}
	.some_text_table_content {
		display: block;
		margin-left: 0;
		width: auto;
	}
	div.ourwork-item {
		width: 33%;
	}
}
@media (max-width: 768px) {
	.main-navigation {
		float: right;
		position: relative;
		width: 300px !important;
	}
	.menu-top_menu-container {
		position: absolute;
		width: 100%;
		z-index: 50;
	}
	.nav-menu {
		float: right;
		flex-direction: column;
		height: auto !important;
	}
	.mobile-menu {
		float: right;
		font-size: 4em;
		text-align: center;
		width: 100px;
		line-height: 50px;
		height: 42px;
		border-radius: 5px 5px 0 0;
	}
	.hamburger {
		display: block;
		width: 100px;
		margin: 0 auto;
		cursor: pointer;
	}
	.cross {
		display: block;
		width: 100px;
		margin: 0 auto;
		cursor: pointer;
	}
	.main-navigation ul {
		border: none;
		width: 100%;
		height: 0;
		clear: right;
		background: #f8f8f8;
	}
	#menu-top_menu > li:hover .sub-menu {
		display: none;
		position: inherit;
		box-shadow: none;
		background: none;
	}
	.main-navigation ul li .sub-menu {
		display: block;
		margin-top: 10px;
		position: inherit;
	}
	.menu-item-has-children > a:after {
		position: absolute;
		right: 10px;
		content: attr(data-content) "❮";
		transform: rotate(-90deg);
	}
	.menu-item-has-children .sub-menu a:after {
		right: 30px;
	}
	.site-content {
		flex-direction: column;
	}
	.site-info {
		flex-direction: column;
		text-align: center;
	}
	.site-info .fb, .site-info .tweet, .site-info .gplus {
		text-align: center;
	}
	.site-info .fb-like {
		text-align: center;
	}
	.share {
		align-items: center;
	}
	.share, .forus, #contacts, .information, .kosair {
		margin-top: 20px;
	}
	#contacts { order: 1; }
	.site-info .vk, .site-info .fb, .site-info .tweet, .site-info .gplus {
		margin-right: 0;
	}
	.right-block { display: none; }
	.wrapper-tile {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	div.ourwork-item {
		width: 190px;
	}
	.look-more { margin-right: 0; }
	.fillers {
	    font-size: xx-small;
    	line-height: 1em;
    	max-width: 100%;
	}
	.sub-menu a {
		text-align: left;
	}
}
@media (max-width: 992px) {
	.main-navigation li {
		justify-content: space-between;
		padding:10px 10px;
	}
	.fl iframe, .fr iframe {
		width: auto;
		height: auto;
	}
	.entry-content {
		display:flex;
		flex-direction: column;
	}
	.table_content {
		border-right: none;
		width: auto;
	}
	.header-inner, #page, .main-navigation {
		width: auto;
		margin-left: 0;
		margin-right: 0;
	}
	.ourwork-thumbnail {
		margin-right: 10px;
	}
	#menu-top_menu > li:hover .sub-menu {
		left: 0;
	}
}
@media (max-width: 576px) {
	.entry-content {
		display:flex;
		flex-direction: column;
	}
	/*.phones { zoom: .7; }*/
	/*.site-title { zoom: .7; }*/
}
@media (max-width: 412px) {
	.feedback { height: inherit; }
	.phones { zoom: .75; }
	.site-title { zoom: .75; }
	.table-of-prices th:nth-child(2n) {
		line-height: inherit;
	}
}

/* Настройка отображения карточек */
.ourwork-item {
	position: relative;
}
span.ourwork-title {
	width: 178px;
    padding: 5px;
    position: absolute;
    top: 0;
    opacity: 0;
    z-index: -1;
    background: white;
    transition: all ease 1s;
}
.ourwork-item:hover span.ourwork-title {
	top: 188px;
	z-index: 10;
	opacity: 1;
	transition: all ease 1s;
}
.look-more span, .feedback-new {
    display: block;
    font-size: 14px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
	width: 175px;
    border-radius: 3px;
    margin: 0 auto;
    padding: 8px 15px;
    color:#fff;
    background: #6699FF;
    border:rgba(0,0,0,.2) 1px solid;
}
/*Style for WP Customer Reviews*/
.wpcr3_button_1 {
	font-size: 14px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 3px;
    margin: 0 auto;
    color:#fff;
    background: #6699FF;
    border:rgba(0,0,0,.2) 1px solid;
}
.wpcr3_button_1:hover {
	font-size: 14px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    border-radius: 3px;
    margin: 0 auto;
    color:#fff;
    background: #87afff;
    border:rgba(0,0,0,.2) 1px solid;
}

/* Table style */
table.dataTable {
	border-collapse: collapse;
	margin: 10px auto;
    max-width: 700px;
    width: 100%;
    border-bottom: none !important;
}
table.dataTable th {
	padding: 0 30px !important;
    line-height: 70px;
    height: 70px;
    background-color: #6699FF;
    color: #fff;
}
table.dataTable th:nth-child(1) {
	text-align: left;
}
table.dataTable td:nth-child(1n) {
	text-align: left;
}
table.dataTable td:nth-child(2n) {
	text-align: center;
}
table.dataTable td {
    height: 44px;
    border-bottom: 1px solid black;
    padding: 7px;
    font-weight: 700;
    vertical-align: middle;
}
table.dataTable tbody tr {
	background: none !important;
}
table.dataTable thead th {
	border-bottom: none;
}
table.dataTable tbody tr:last-child td {
	font: inherit !important;
    vertical-align: top !important;
    border-bottom: none !important;
    margin-bottom: 44px !important;
}