/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

/* ========================================================================
   Use this file to add custom CSS easily
 ========================================================================== */

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

/*html {background: #ffffff;}*/
body{
	font-family: "roboto-light", Tahoma, Helvetica, sans-serif;
	color: #000;
	font-size: 18px;
	line-height: 24px;
}


a, .uk-link {
	color: #0072af;
	text-decoration: none;
	outline: 0 none;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}

.left{text-align: left;}
.center{text-align: center;}
.right{text-align: right;}

.up{text-transform: uppercase;}
.clear{clear: both;}
.italic{font-style: italic;}

.lines li + li,
.lines ul{margin-top: 10px;}

.left_img{float: left; margin: 0px 35px 15px 0;}
.right_img{float: right; margin: 0px 0 15px 35px;}

.left_ico{float: left; margin: 4px 15px 5px 0;}
.right_ico{float: right; margin: 4px 0 5px 15px;}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	/*font-family: 'roboto-regular', Helvetica, Tahoma, sans-serif;*/
	font-family: inherit;
	margin: 0 0 20px;
	color: inherit;
	/*letter-spacing: -0.5px;*/
}

* + h1, * + h2, * + h3, * + .h1, * + .h2, * + .h3{margin-top: 30px;}
* + h4, * + h5, * + h6, * + .h4, * + .h5, * + .h6 {margin-top: 20px;}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{margin-bottom: 0;}

.clr_blue{color: #002e5b;}
.clr_grey, .clr_gray{color: #888;}

b, strong {
	font-family: "roboto-bold",Tahoma,Helvetica,sans-serif;
	font-weight: normal;
}
*.bold{font-family: 'roboto-bold', Tahoma, Helvetica, sans-serif;}
*.light{font-family: 'roboto-light', Tahoma, Helvetica, sans-serif;}
*:last-child {margin-bottom: 0;}

h1, .h1, .uk-h1 {font-size: 50px; line-height: 50px;}
h2, .h2, .uk-h2 {font-size: 30px; line-height: 35px;}

h3, .h3, .uk-h3 {font-size: 25px; line-height: 35px;}
h4, .h4, .uk-h4 {font-size: 20px; line-height: 25px;}

h5, .h5, .uk-h5 {font-size: 18px; line-height: 20px;}
h6, .h6, .uk-h6 {font-size: 14px; line-height: 16px;}


.flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: center;
}
.flex.top{align-items: start; align-items: flex-start;}
.flex.bottom{align-items: end; align-items: flex-end;}
.flex.left{}
.flex.right{}

.flex > div + div{margin-left: 20px;}


.text_large {font-size: 50px; line-height: 80px;}
.text_large2{font-size: 80px; line-height: 90px;}

.margin-large-bottom {margin-bottom: 60px;}


.uk-panel-box{color: #000;}
.uk-panel-box-large{
	background: #ffffff none repeat scroll 0 0;
	/*box-shadow: 0 5px 8px 0 rgba(160, 166, 168, 0.35);*/
	padding: 80px 100px 80px 160px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 80px 100px 80px 160px;
}
#tm-top-b {margin-top: 0;}

.fp_services{
	line-height: 30px;
	padding: 105px 70px 145px;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.fp_services .uk-panel-box{
	padding: 70px 55px 20px;
	box-shadow: 0 2px 30px 3px rgba(0, 0, 0, 0.20);
}
.fp_services .uk-panel-box .uk-margin{margin-bottom: 50px;}
.fp_services .flex{margin-bottom: 37px;}
.fp_services 

.fp_services * +  h1, .fp_services * +  h2, .fp_services * +  h3,
.fp_services * + .h1, .fp_services * + .h2, .fp_services * + .h3{margin-top: 0;}
.fp_services * +  h4, .fp_services * +  h5, .fp_services * +  h6,
.fp_services * + .h4, .fp_services * + .h5, .fp_services * + .h6 {margin-top: 0;}

.fp_services .uk-panel-box:hover {
	/*box-shadow: 0 2px 27px 3px rgba(0, 0, 0, 0.4);*/
	box-shadow: 0 2px 27px 3px rgba(0, 46, 91,0.4);
}
.fp_services .uk-panel-box,
.fp_services img.ico{
	-webkit-transition: all 0.5s ease-out;
	   -moz-transition: all 0.5s ease-out;
		-ms-transition: all 0.5s ease-out;
		 -o-transition: all 0.5s ease-out;
			transition: all 0.5s ease-out;
}
.fp_services .uk-panel-box:hover img.ico {
	-webkit-transform: rotateY(360deg);
	   -moz-transform: rotateY(360deg);
		-ms-transform: rotateY(360deg);
		 -o-transform: rotateY(360deg);
			transform: rotateY(360deg);
}


.uk-grid-medium {margin-left: -20px;}
.uk-grid-medium > * {padding-left: 20px;}


.tm-toolbar{
	background: #002e5b;
	padding: 0;
	color: #ffffff;
	font-size: 16px;
	height: auto;
}
.tm-toolbar .uk-button{color: #fff;}


.uk-button{
	background: #cd0000;
	font-family: "roboto-regular", Tahoma, Helvetica, sans-serif;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	padding: 17px 24px 18px;
	min-height: auto;
	height: auto;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	letter-spacing: 0;
	text-transform: none;
}
.uk-button:hover, .uk-button:focus{
	background: #c10000;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	-webkit-transform: none;
	   -moz-transform: none;
		-ms-transform: none;
		 -o-transform: none;
			transform: none;
}
.uk-button-link{
	background: transparent;
	color: #002e5b;
	font-size: 16px;
	padding: 0;
	text-decoration: underline;
}
.uk-button-link:hover, .uk-button-link:focus{
	background: transparent;
	color: #000;
}
.btn_empty{
	background: transparent;
	border: 2px solid #002e5b;
	color: #002e5b;
	padding: 18px 20px;
}
.btn_empty:hover, .btn_empty:focus{
	/*background: rgba(255,255,255,0.2);
	color: #002e5b;*/
	background: #002e5b;
	color: #ffffff;
}
.btn_large{
	font-size: 18px;
}



.uk-float-right {
	align-items: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	/*float: right;*/
}

.uk-float-right > div + div{margin-left: 45px;}

.tm-toolbar > .uk-container,
.uk-navbar > .uk-container{padding: 0 20px;}
/*.tm-headerbar*/

.tm-headerbar{min-height: 60px;}
.tm-headerbar > .uk-flex:first-child{
	justify-content: space-between;
	width: 100%;
}

.tm-navbar{
	border-bottom: 0 none;
	margin-bottom: 0;
}
.uk-navbar {
	background: #ffffff;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
	position: relative;
	z-index: 2;
}

.uk-navbar-nav > li + li{margin-left: 120px;}
.uk-navbar-nav > li > a{
	font-family: "roboto-regular", Tahoma, Helvetica, sans-serif;
	font-size: 25px;
	color: #000;
	padding: 28px 0 31px;
	height: auto;
	line-height: 30px;
}
.uk-navbar-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li.uk-open > a {color: #002e5b;}

.uk-nav-navbar > li > a:hover, .uk-nav-navbar > li > a:focus {background: rgba(0, 0, 0, 0.2);}

.uk-navbar-nav > li.uk-active > a {color: #aaa;}
.uk-dropdown-navbar{margin-top: 0;}
.uk-dropdown, .uk-dropdown-blank {
	padding: 30px;
	/*width: 270px;*/
	/*width: 350px;*/
	width: 470px;
}
.uk-nav.uk-nav-navbar .uk-nav-sub {padding-left: 50px;}





.tm-block-footer-bg {
	background-image: url("/wp-content/uploads/footer.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 540px;
	margin-top: 0;
	padding: 105px 0 90px;
}
.tm-footer{
	background: #dddddd;
	padding: 10px 0;
	color: #999999;
}
.tm-footer a {color: #888;}
.tm-footer a:hover {color: #aaa;}

.box_contacts{box-shadow: 0 10px 33px 0 rgba(0, 0, 0, 0.6);}
.map {height: 527px;}

.uk-slideshow .uk-overlay-panel{
	font-size: 20px;
	padding: 20px 20px 115px;
}

.uk-slideshow ~ .uk-overlay-panel.uk-overlay-bottom{padding-bottom: 37px;}
.uk-dotnav > * > *{
	background: #c4c4c4;
	width: 15px;
	height: 15px;
}
.uk-dotnav > .uk-active > * {
	background: #cd0000;
}
.uk-dotnav{margin-left: -30px;}
.uk-dotnav > *{padding-left: 30px;}

.uk-slidenav {
	background: rgba(0, 0, 0, 0);
	border: 2px solid #002e5b;
	color: #002e5b;
	display: block !important;
	font-weight: bold;
}
.uk-slidenav:hover, .uk-slidenav:focus {
	background: rgba(255,255,255,0.2);
	color: #002e5b;
}
.uk-slidenav-position .uk-slidenav-previous{left: 70px;}
.uk-slidenav-position .uk-slidenav-next{right: 70px;}


.uk-breadcrumb{margin: 40px 0 0;}
.tm-noblog .tm-content, .tm-isblog .tm-article.tm-article-box, .yoo-zoo .uk-article{
	margin: 60px 0; /*40px 0 60px;*/ /*60px 0;*/
	box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2);
}
.uk-article-title{
	/*font-family: "roboto-bold",Tahoma,Helvetica,sans-serif;*/
	font-family: "roboto-regular",Tahoma,Helvetica,sans-serif;
	font-size: 36px;
	line-height: 42px;
	color: #000;
	padding-bottom: 15px;
	border-bottom: 3px solid #002e5b;
}


.form_center {
	background: #eee;
	margin: 30px auto 0;
	padding: 30px;
	width: 80%;
}
.form_center div.wpcf7{margin-top: 0;}
div.wpcf7{margin-top: 30px;}
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form textarea{
	font-family: "roboto-light",Tahoma,Helvetica,sans-serif;
	font-size: 16px;
	padding: 7px 15px;
	box-sizing: border-box;
	width: 100%;
}
.uk-modal{
	font-size: 16px;
	color: #000;
}


.blocks {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-around;
	margin: 0 -25px;
}
.blocks .block{
	flex-grow: 1;
	margin: 0 25px;
	position: relative;
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.2);
}
.blocks .img{
	background-color: #eeeeee;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 280px;
	width: 100%;
	position: relative;
}
.blocks .des{
	/*background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0;*/
	background: #fff;
	font-family: "roboto-bold",Tahoma,Helvetica,sans-serif;
	color: #000; /*#fff;*/
	font-size: 20px;
	line-height: 24px;
	padding: 10px 70px;
	left: 0;
	right: 0;
	bottom: 0;
	/*position: absolute;*/
	text-align: center;
}

.blocks .img,
.blocks .des{
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;
		-ms-transition: all 0.3s ease;
		 -o-transition: all 0.3s ease;
			transition: all 0.3s ease;
}
.blocks a:hover .img{opacity: 0.8;}
/*.blocks a:hover .des{color: #eee;}*/



.serv {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	list-style: outside none none;
	margin: 0 -1%;
	padding: 0;
}
.serv > li {
	padding: 0 1%;
	width: 46%;
	/*flex-grow: 1;*/
}

.serv > li > a {
	/*border-left: 2px solid;*/
	font-family: roboto-bold;
	font-size: 19px;
	/*line-height: 18px;*/
	position: relative;
}
.serv ul {margin-top: 5px;}
.serv.lines ul li + li {margin-top: 3px;}

.serv li a {
	color: #000;
	line-height: 18px;
}
.serv li a:hover {color: #aaa;}




.uk-container {
	max-width: 1195px;
	padding: 0;
}



@media (max-width: 349px) {
	.uk-container {
		max-width: 95%;
		padding-left: 10px;
		padding-right: 10px;
		outline: 1px dotted #083;
	}
}
@media (min-width: 350px) {
	.uk-container {
		max-width: 300px;
		outline: 1px dotted #f0a;
	}
}
/*@media (min-width: 530px) {*/
@media (min-width: 480px) {
	.uk-container {
		max-width: 420px;
		outline: 1px dotted #6a0;
	}
}
@media (min-width: 768px) {
	.uk-container {
		max-width: 720px;
		outline: 1px dotted blue;
	}
}
/*@media (min-width: 992px) {*/
@media (min-width: 960px) {
	.uk-container {
		max-width: 900px;
		outline: 1px dotted green;
	}
}

@media (min-width: 1280px) {
	.uk-container {
		max-width: 992px;
		outline: 1px dotted orange;
	}
}

@media (min-width: 1601px) {
	.uk-container {
		max-width: 1195px;
		outline: 1px dotted red;
	}
}

.uk-container {outline-width: 0;}

@media (max-width: 1600px) {
	body {font-size: 16px; line-height: 22px;}
	h1, .h1, .uk-h1 {font-size: 42px; line-height: 42px;}
	h2, .h2, .uk-h2 {font-size: 25px; line-height: 30px;}
	h3, .h3, .uk-h3 {font-size: 21px; line-height: 31px;}
	h4, .h4, .uk-h4 {font-size: 18px; line-height: 25px;}
	h5, .h5, .uk-h5 {font-size: 17px; line-height: 20px;}
	/*h6, .h6, .uk-h6 {font-size: 14px; line-height: 16px;}*/

	.text_large {font-size: 42px; line-height: 66px;}
	.text_large2{font-size: 66px; line-height: 72px;}
	.tm-toolbar > .uk-container, .uk-navbar > .uk-container {padding: 0 16px;}
	.tm-toolbar{font-size: 14px;}
	.tm-logo img{width: 190px;}
	.uk-navbar-nav > li + li {margin-left: 95px;}
	.uk-navbar-nav > li > a{font-size: 21px; line-height: 26px; padding: 22px 0 26px;}
	.uk-button{font-size: 14px; padding: 13px 20px;}
	.uk-button-link{padding: 0;}
	.uk-slideshow .uk-overlay-panel {font-size: 17px;}
	.uk-slideshow .uk-overlay-panel{padding: 20px 20px 95px;}
	.margin-large-bottom {margin-bottom: 50px;}
	.uk-slideshow ~ .uk-overlay-panel.uk-overlay-bottom {padding-bottom: 30px;}
	.fp_services{font-size: 15px; line-height: 25px; padding: 87px 60px 120px;}
	.fp_services .uk-panel-box {padding: 55px 45px 20px; box-shadow: 0 2px 27px 3px rgba(0, 0, 0, 0.2);}
	.fp_services .flex {margin-bottom: 25px;}
	.fp_services img.ico {max-width: 65px; max-height: 65px;}
	.fp_services .uk-panel-box .uk-margin {margin-bottom: 38px;}
	.tm-block-footer-bg{background-size: 100% 450px; padding: 86px 0 75px;}
	.map {height: 436px;}
	.uk-panel-box-large{padding: 65px 80px 65px 135px;}
}