@font-face {
	font-family: 'arubricacnbold';
	src: url('../fonts/arubricacnbold.eot');
	src: local('arubricacnbold'),
		 url('../fonts/arubricacnbold.woff') format('woff'),
		 url('../fonts/arubricacnbold.ttf') format('truetype'),
		 url('../fonts/arubricacnbold.svg') format('truetype');
}
@font-face {
	font-family: 'pt_sans';
	src: url('../fonts/pt_sans.eot');
	src: local('pt_sans'),
		 url('../fonts/pt_sans.woff') format('woff'),
		 url('../fonts/pt_sans.ttf') format('truetype'),
		 url('../fonts/pt_sans.svg') format('truetype');
}
/*html.frontpage{*/
html{
	background-image: url("../images/bg1.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% 846px;
}
html.inner{
	background-attachment: fixed;
	background-size: cover;
}
body{
	background: transparent;
	font-family: 'pt_sans', tahoma, sans-serif;
	font-size: 18px; /*20px;*/ /*21px;*/
	letter-spacing: 0.5px;
	line-height: 28px; /*30px;*/
	color: #222;
}



.white_transp{
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 10px, rgba(255,255,255,0) 380px);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 10px,rgba(255,255,255,0) 380px);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 10px,rgba(255,255,255,0) 380px);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );

/*background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 290px);
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 290px);
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 290px);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffff',GradientType=0 );*/


}

a{
	color: #01673F;
	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;
}

a:hover, a:focus{
	color: #004c30;
	text-decoration: none;
	outline: 0 none;
}

.clr_green, .green{color: #01673F;}
.clr_white, .white{color: white;}
.bg_green{background: #01673F;}

		em {color: #222;}

.shadow {text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.9);}


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


.up{text-transform: uppercase;}
.clear{clear: both;}
.bold{font-family: 'arubricacnbold', sans-serif;}
body.kz .bold{
	font-family: 'pt_sans', tahoma, sans-serif;
	font-weight: bold;
}

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

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

blockquote {
	border-left: 2px solid #01673f;
	/*font-size: 18px;*/
	font-size: inherit;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'arubricacnbold', sans-serif;
	margin: 0 0 18px;
	color: inherit;
}
body.kz h1, body.kz h2, body.kz h3, body.kz h4, body.kz h5, body.kz h6,
body.kz .h1, body.kz .h2, body.kz .h3, body.kz .h4, body.kz .h5, body.kz .h6 {
	font-family: 'pt_sans', tahoma, sans-serif;
	font-weight: bold;
	letter-spacing: -0.1px;
}

/*
не использовать следующие размеры шрифтов в 'arubricacnbold'
(так как не видно разницы между буквами l и i):
30, 25, 22, 21, 17, 16, 14, 13
*/
h1, .h1{font-size: 36px; line-height: 44px; margin-bottom: 30px;}
h2, .h2{font-size: 29px; line-height: 38px;}

h3, .h3{font-size: 26px; line-height: 30px;}
h4, .h4{font-size: 20px; line-height: 26px;}

h5, .h5{font-size: 18px; line-height: 24px; margin: 0 0 5px;}
h6, .h6{font-size: 16px; line-height: 15px; margin: 0 0 5px;}

* + h1, * + h2, * + h3, * + h4{margin-top: 40px;}

		/*ul, ol {padding-left: 0;}*/
		* + p, * + ul, * + ol, * + dl, * + blockquote, * + pre, * + address, * + fieldset, * + figure {margin-top: 18px;}
		p, ul, ol, dl, blockquote, pre, address, fieldset, figure {margin: 0 0 18px;}


::selection{ background: #01673F none repeat scroll 0 0; color: #ffffff; text-shadow: none;}
::-moz-selection { background: #01673F; color: #ffffff; text-shadow: none;}
::selection { background: #01673F; color: #ffffff; text-shadow: none;}


.btn{
	background: #01673F;
	background: -moz-linear-gradient(top,  #01673F 0%, #004c30 100%);
	background: -webkit-linear-gradient(top,  #01673F 0%,#004c30 100%);
	background: linear-gradient(to bottom,  #01673F 0%,#004c30 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01673F', endColorstr='#004c30',GradientType=0 );
	border: 0 none;
	box-shadow: 0 1px 0 #02965A inset;
	color: white;
	padding: 6px 12px 8px;
	text-shadow: 0 0 0 transparent;
	-webkit-transition: all 0s ease;
	   -moz-transition: all 0s ease;
		-ms-transition: all 0s ease;
		 -o-transition: all 0s ease;
			transition: all 0s ease;
}
.btn:hover{
	background: #004c30;
	color: white;
}

.tm-logo img {max-width: 400px; height: auto;}

body.inner .navbar{padding: 20px 0; border-bottom: 0 none; /*border-bottom: 1px solid #ccc;*/}
body.inner .navbar-nav {margin: 2px 0 0; /*30px 0 0;*/}
body.inner .tm-logo img {max-width: 250px; height: auto;}


.site_selector {
	text-align: right;
}

select#cl {
	-moz-appearance: none;
	/*background: rgba(0, 0, 0, 0) url("images/arrow_down_green.png") no-repeat scroll 90% center;*/
	background-color: rgba(0, 0, 0, 0);
	background-image: url("../images/arrow_down_green.png");
	background-position-x: 90%;
	background-position-y: center;
	background-repeat: no-repeat;
	background-size: 10px 10px;
	border: 1px solid #004c30;
	border-radius: 0;
	color: #004c30;
	cursor: pointer;
	font-size: 14px;
	padding: 5px 10px 4px 5px;
	text-transform: uppercase;
	width: 57px;
	z-index: 100;
}

.navbar{
	padding: 50px 0;
	margin-bottom: 0;
}
.navbar-nav {
	/*margin: 44px 0 0;*/
	margin: 12px 0 0;
}
.navbar-nav > li + li{margin-left: 32px;}
.navbar-nav > li > a{
	font-family: 'arubricacnbold';
	background: transparent;
	color: #111;
	font-size: 16px;
	padding: 15px 0;
	text-shadow: 0 0 0 transparent;
	text-transform: uppercase;
	position: relative;
}
body.kz .navbar-nav > li > a {
	font-family: 'pt_sans', tahoma, sans-serif;
	font-size: 15px;
	font-weight: bold;
	letter-spacing: -0.1px;
	text-shadow: 0 1px 0 #111;
}

.navbar-nav > li > a:hover, .navbar-nav > li > a:focus{
	background: transparent;
}
.navbar-nav > li > a::after {
	background: transparent;
	bottom: -10px;
	content: "";
	height: 3px;
	left: 0;
	position: absolute;
	right: 0;
	-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;
}
.navbar-nav > li.active > a::after,
.navbar-nav > li > a:hover::after {
	background: #01673F;
	bottom: 9px;
}
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover {
	background-color: transparent;
	border-color: transparent;
	color: #333;
}
.dropdown-menu{width: 220px; top: 48px;}
.dropdown-menu > li > a{
	white-space: normal;
	padding: 3px 15px;
	color: #111;
}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover,
.dropdown-menu > li.active > a, .dropdown-menu > li.active > a:hover {
	background: #01673F;
	color: #fff;
}
.dropdown:hover .dropdown-menu {
	display: block;
}
.navbar-collapse {
	padding-left: 0;
	padding-right: 0;
}
.navbar-right {
	float: right;
	margin-right: 0;
}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
	margin-left: 0;
	margin-right: 0;
}
.navbar-toggle{
	margin: 23px 0 0;
	padding: 10px 13px;
	border: 1px solid #01673F;
	border-radius: 0;
	-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;
}
.navbar-toggle .icon-bar{
	background: #01673F;
	height: 1px;
	-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;
}
.navbar-toggle:hover{margin: 23px 0 0; border: 1px solid #333;}
.navbar-toggle:hover .icon-bar{background: #333;}
.navbar-collapse.in {
	overflow-y: hidden;
}




#text-top{
	color: #fff;
	margin-top: 35px;
}

#top-a{padding: 43px 0 0;}
#top-b{padding: 53px 0;}
#bottom-a{margin: 0; overflow: hidden;}
#bottom-b{padding: 30px 0;}
#footer{
	background: #272727;
	color: white;
	font-size: 17px;
	padding: 15px 15px 16px;
}
#footer a{color: rgba(255,255,255,0.4);}
#footer a:hover{color: rgba(255,255,255,1);}
#inner{
	/*padding: 50px 0;
	background: #DBE9D9;*/ /*#eeeeee;*/
}
#inner {
	/*background-attachment: fixed;
	background-color: #dae8d8;
	background-image: url("../images/bg1.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	padding: 50px 0;*/
}
#inner img{max-width: 100%; height: auto;}
#inner .inner_white{
	background: white none repeat scroll 0 0;
	padding: 40px;
	border: 1px solid #ccc;
}


/*div.services{
	display: table;
	margin: auto;
	width: 100%;
	padding: 0 90px;
}
*/

ul.services{
	list-style: outside none none;
	margin: 0 !important;
	padding: 0;
}
ul.services > li{
	float: left;
	position: relative;
	/*background: rgba(0, 0, 0, 0.8);*/
	/*box-shadow: 0 -5px 3px 2px rgba(0, 0, 0, 0.8) inset;*/
	box-shadow: 0 -5px 3px 2px rgba(0, 0, 0, 0.8) inset, 4px 0 3px rgba(0, 0, 0, 0.65);
	/*width: 25%;*/
	width: 33.3%;
}
.inner div.services{padding: 0;}
.inner ul.services > li{width: 33.3%;}

ul.services > li .title{
	background: rgba(0, 0, 0, 0.85);
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 15px 50px 14px;
	text-transform: uppercase;
	position: absolute;
	left: 0;
	right: 0;
	z-index: 9;
}

ul.services > li .min_des{
	background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
	padding: 15px 40px 14px 50px;
	color: #fff;
	font-size: 16px;
	line-height: 20px;
	position: absolute;
	/*top: 100%;*/
	top: 57px;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	opacity: 0;
	z-index: 9;
	-webkit-transition: all 0.3s ease-in;
	   -moz-transition: all 0.3s ease-in;
		-ms-transition: all 0.3s ease-in;
		 -o-transition: all 0.3s ease-in;
			transition: all 0.3s ease-in;
}
ul.services > li .min_des ul,
ul.services > li .min_des ol{padding-left: 15px;}

ul.services > li .min_des ul li,
ul.services > li .min_des ol li{margin: 5px 0;}

ul.services > li a:hover .min_des{
	opacity: 1;
	/*top: 59px;*/
}
ul.services > li .bg_img{
	/*width: 354px;*/
	width: 100%;
	height: 427px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #ccc;
	position: relative;
}

ul.services > li .read_more{
	color: #fff;
	font-size: 16px;
	padding: 8px 30px 13px;
	background: #01673F;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 9;
	-webkit-transition: all 0.3s ease-in;
	   -moz-transition: all 0.3s ease-in;
		-ms-transition: all 0.3s ease-in;
		 -o-transition: all 0.3s ease-in;
			transition: all 0.3s ease-in;
}

ul.services > li a:hover{

}
ul.services > li a:hover .read_more{
	box-shadow: 0 0 10px 50px #fff inset;
	color: #01673f;
}





ul.projects{
	list-style: outside none none;
	margin: 0 !important;
	padding: 0;
}

ul.projects li{
	float: left;
	position: relative;
	width: 25%;

}

ul.projects li .bg_img{
	height: 249px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #01673F;
	position: relative;
	-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;
}

ul.projects li:hover{}

ul.projects .overlay{
	background: rgba(1, 103, 63, 0.0);
	bottom: 0;
	left: 0;
	padding: 20px;
	position: absolute;
	right: 0;
	top: 0;
	font-size: 16px;
	line-height: 24px;
	padding: 22px 30px;
	color: white;
	overflow: hidden;
}

ul.projects .top,
ul.projects .bottom{
	position: absolute;
	opacity: 0;
	-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;
}
ul.projects .top   {top: 100%; padding-right: 10px;}
ul.projects .bottom{bottom: 100%;}


ul.projects li:hover .overlay{background: rgba(1, 103, 63, 0.7);}
ul.projects li:hover .top,
ul.projects li:hover .bottom{
	/*background: rgb(0, 128, 0) none repeat scroll 0 0;*/
	position: absolute;
	opacity: 1;
}

ul.projects li:hover .top{top: 22px;}
ul.projects li:hover .bottom{bottom: 26px;}





.bg_green_img{
	background-attachment: fixed;
	background-image: url("../images/bg1.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	color: white;
	height: 487px;
	padding: 30px 0;
	position: relative;
}


.bg_green_img:before{
	background: rgba(1, 103, 63, 0.7);
	position: absolute;
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}


.bg_green_img .text{
	position: relative;
}






@-webkit-keyframes ANIM_ROTATE_BACK {
	0%   {
		-moz-transform   : rotate(360deg);
		-ms-transform    : rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform     : rotate(360deg);
		transform        : rotate(360deg);
	}
	100% {
		-moz-transform   : rotate(0);
		-ms-transform    : rotate(0);
		-webkit-transform: rotate(0);
		-o-transform     : rotate(0);
		transform        : rotate(0);
	}
}
@-moz-keyframes ANIM_ROTATE_BACK {
	0%   {
		-moz-transform   : rotate(360deg);
		-ms-transform    : rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform     : rotate(360deg);
		transform        : rotate(360deg);
	}
	100% {
		-moz-transform   : rotate(0);
		-ms-transform    : rotate(0);
		-webkit-transform: rotate(0);
		-o-transform     : rotate(0);
		transform        : rotate(0);
	}
}
@-o-keyframes ANIM_ROTATE_BACK {
	0%   {
		-moz-transform   : rotate(360deg);
		-ms-transform    : rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform     : rotate(360deg);
		transform        : rotate(360deg);
	}
	100% {
		-moz-transform   : rotate(0);
		-ms-transform    : rotate(0);
		-webkit-transform: rotate(0);
		-o-transform     : rotate(0);
		transform        : rotate(0);
	}
}
@keyframes ANIM_ROTATE_BACK {
	0%   {
		-moz-transform   : rotate(360deg);
		-ms-transform    : rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform     : rotate(360deg);
		transform        : rotate(360deg);
	}
	100% {
		-moz-transform   : rotate(0);
		-ms-transform    : rotate(0);
		-webkit-transform: rotate(0);
		-o-transform     : rotate(0);
		transform        : rotate(0);
	}
}

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


@-webkit-keyframes ANIM_ROTATE {
	0%   {
		-moz-transform   : rotate(0);
		-ms-transform    : rotate(0);
		-webkit-transform: rotate(0);
		-o-transform     : rotate(0);
		transform        : rotate(0);
	}
	100% {
		-moz-transform   : rotate(360deg);
		-ms-transform    : rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform     : rotate(360deg);
		transform        : rotate(360deg);
	}
}
@-moz-keyframes ANIM_ROTATE {
	0%   {
		-moz-transform   : rotate(0);
		-ms-transform    : rotate(0);
		-webkit-transform: rotate(0);
		-o-transform     : rotate(0);
		transform        : rotate(0);
	}
	100% {
		-moz-transform   : rotate(360deg);
		-ms-transform    : rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform     : rotate(360deg);
		transform        : rotate(360deg);
	}
}
@-o-keyframes ANIM_ROTATE {
	0%   {
		-moz-transform   : rotate(0);
		-ms-transform    : rotate(0);
		-webkit-transform: rotate(0);
		-o-transform     : rotate(0);
		transform        : rotate(0);
	}
	100% {
		-moz-transform   : rotate(360deg);
		-ms-transform    : rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform     : rotate(360deg);
		transform        : rotate(360deg);
	}
}
@keyframes ANIM_ROTATE {
	0%   {
		-moz-transform   : rotate(0);
		-ms-transform    : rotate(0);
		-webkit-transform: rotate(0);
		-o-transform     : rotate(0);
		transform        : rotate(0);
	}
	100% {
		-moz-transform   : rotate(360deg);
		-ms-transform    : rotate(360deg);
		-webkit-transform: rotate(360deg);
		-o-transform     : rotate(360deg);
		transform        : rotate(360deg);
	}
}



.reviews{
	color: #eee;
	position: relative;
	top: -33px;
	font-size: 16px;
	line-height: 24px;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	-ms-hyphens: auto;
	min-height: 380px;
}

.review1, .review2, .review3{
	background-repeat: no-repeat;
	background-size: contain;
	background-position: 0 0;
	/*padding: 20px 35px 20px 20px;*/
	padding: 15px 30px 15px 15px;
	position: absolute;
	overflow: hidden;
}
.review1{background-image: url("../images/styles/1.png"); width: 363px; height: 178px;}
.review2{background-image: url("../images/styles/2.png"); width: 285px; height: 140px; top: 241px;}
.review3{background-image: url("../images/styles/3.png"); width: 327px; height: 161px; top: 95px; right: 0; 
		padding-left: 40px; /*47px;*/ padding-right: 10px; /*20px;*/ 
		/* padding: 20px 20px 20px 47px;*/}



.gear1{
	background-image: url("../images/styles/1.svg");
	background-size: 188px 188px; width: 188px; height: 188px;
	top: 0; left: 50%; margin-left: -147px;
}
.gear2{
	background-image: url("../images/styles/3.svg");
	background-size: 190px 190px; width: 190px; height: 190px;
	top: -111px; left: 50%; margin-left: 9px;
}
.gear3{
	background-image: url("../images/styles/2.svg");
	background-size: 191px 191px; width: 191px; height: 191px;
	top: -211px; left: 50%; margin-left: -200px;
}

.gear1, .gear2, .gear3{
	position: relative;
	background-repeat: no-repeat;
	transition-duration: 1s;
	/*outline: 1px dashed;*/
}
.gear1{
	-webkit-animation: ANIM_ROTATE_BACK 5s infinite;
	-moz-animation:    ANIM_ROTATE_BACK 5s infinite;
	-o-animation:      ANIM_ROTATE_BACK 5s infinite;
	animation:         ANIM_ROTATE_BACK 5s infinite;
}
.gear2, .gear3{
	-webkit-animation: ANIM_ROTATE 5s infinite;
	-moz-animation:    ANIM_ROTATE 5s infinite;
	-o-animation:      ANIM_ROTATE 5s infinite;
	animation:         ANIM_ROTATE 5s infinite;
}

.gears{
	/*background: rgba(0,0,50,0.5);*/
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	width: 100%;
}

.reviews .name, .reviews .subt, .reviews .text{color: #eee;}
.reviews .name{
	font-family: 'arubricacnbold', sans-serif;
	font-size: 15px;
	line-height: 20px;
	max-height: 40px;
	overflow: hidden;
	font-weight: normal;
	text-transform: uppercase;
}
body.kz .reviews .name{font-family: 'pt_sans', tahoma, sans-serif; font-weight: bold;}

.reviews .subt{}
.reviews .text{
	margin-top: 8px; /*15px;*/
	font-size: 14px;
	line-height: 18px;
}



.map{
	position: relative;
}



.container{
	/*outline: 1px dashed;*/
	width: 1100px;
	padding: 0;
}




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

}
/*
@media (min-width: 1180px) {
	.container {
		max-width: 1080px;
		outline: 1px dotted orange;
	}
}
*/
@media (min-width: 1180px) {
	.container {
		width: 1100px;
		/*outline: 1px dotted red;*/
	}
}

@media (min-width: 1300px) {
	.container_max {
		padding: 0 90px;
		width: 100%;
	}
}




@media (max-width: 1179px) {
	html{background-size: 100% 772px;}
	.tm-logo img {height: auto; width: 300px;}
	.navbar-nav > li > a{font-size: 15px; padding: 5px 0 15px;}
	.navbar-nav > li + li {margin-left: 20px;}
	body.kz .navbar-nav > li > a{font-size: 14px;}
	.dropdown-menu {font-size: 13px; top: 40px; width: 210px;}
	ul.services > li .bg_img{height: 380px;}
	ul.services > li .title{padding: 15px 30px 14px;}
	ul.services > li .min_des{padding: 15px 25px 14px 30px; font-size: 15px;}
	ul.projects li .bg_img{height: 240px;}
	ul.projects .overlay{font-size: 14px; line-height: 20px; padding: 18px 20px;}
	ul.projects li:hover .top {top: 18px;}
	ul.projects li:hover .bottom {bottom: 20px;}
	.bg_green_img{height: 460px;}
	.reviews{top: -10px; min-height: 370px;}
	.review2{top: 210px;}
	.gear1 {
		background-size: 138px 138px;
		margin-left: -107px; top: 67px;
		width: 138px; height: 138px;}
	.gear2 {
		background-size: 140px 140px;
		margin-left: -1px; top: -1px;
		width: 140px; height: 140px;}
	.gear3 {
		background-size: 141px 141px;
		margin-left: -162px; top: -94px;
		width: 141px; height: 141px;}
	#footer {font-size: 15px;}
}

@media (max-width: 991px) {
	html{background-size: 100% 651px;}
	.tm-logo img {height: auto; width: 230px;}
	.navbar {padding: 30px 0;}
	.navbar-nav {margin: 1px 0 0;}
	.navbar-nav > li + li {margin-left: 18px;}
	.navbar-nav > li > a {font-size: 13px;}
	body.kz .navbar-nav > li > a{font-size: 12px;}
	select#cl{font-size: 12px; padding: 2px 8px 3px 3px; width: 53px; background-size: 8px 8px; vertical-align: top;}
	body.kz ul.services > li .title{font-size: 14px;} 
	ul.services > li .bg_img {height: 320px;}
	ul.services > li .title {font-size: 15px; padding: 15px 20px 14px;}
	ul.services > li .min_des {font-size: 13px; line-height: 17px; padding: 15px 15px 14px 20px;}
	ul.services > li .read_more{font-size: 15px; padding: 8px 25px;}
	.inner ul.services > li + li{margin-top: 50px;}
	.inner ul.services > li{width: 100%; float: none; display: block;}
	.inner ul.services > li .bg_img{height: 400px;}
	ul.projects li {width: 33.33%;}
	.bg_green_img {height: 430px;}
	.reviews {min-height: 340px;}
	.review1{width: 275px; height: 135px;}
	.review2{width: 225px; height: 111px;}
	.review3{width: 267px; height: 132px; top: 165px; padding-left: 33px;}
	.gear1 {
		background-size: 118px 118px;
		margin-left: -105px; top: 87px;
		width: 118px; height: 118px;}
	.gear2 {
		background-size: 120px 120px;
		margin-left: -14px; top: 28px;
		width: 120px; height: 120px;}
	.gear3 {
		background-size: 121px 121px;
		margin-left: -139px; top: -46px;
		width: 121px; height: 121px;}
	.partners .partner{width: 32%;}
}

@media (max-width: 767px) {
	html {background-size: 100% 632px;}
	body{font-size: 17px; line-height: 27px;}
	.navbar-nav > li + li {margin-left: 0;}
	.navbar-nav > li > a {display: inline-block; font-size: 15px; padding: 5px 0 10px; text-shadow: 2px 1px 5px rgba(255, 255, 255, 0.5);}
	.navbar-nav > li.active > a::after, .navbar-nav > li > a:hover::after {bottom: 7px;}
	body.kz .navbar-nav > li > a{font-size: 15px;}
	.dropdown-menu{top: 34px;}
	select#cl{width: 50px;}
	ul.services > li{width: 100%;}
	ul.services > li + li{margin-top: 57px;}
	ul.projects li {width: 50%;}
	#bottom-a{display: none;}
	ul.services > li .title {padding: 15px 25px 14px;}
	ul.services > li .min_des{padding: 15px 15px 14px 25px; top: 56px;}
	ul.services > li .bg_img {height: 303px;}
	.inner ul.services > li .bg_img{height: 350px;}
	.partners .partner{width: 49%;}
}


/*
не использовать следующие размеры шрифтов в 'arubricacnbold'
(так как не видно разницы между буквами l и i):
30, 25, 22, 21, 17, 16, 14, 13
*/
@media (max-width: 529px) {
	body {font-size: 16px; line-height: 24px;}
	.tm-logo img {width: 210px;}
	h1, .h1{font-size: 28px; line-height: 36px;}
	h2, .h2{font-size: 24px; line-height: 32px;}
	h3, .h3{font-size: 23px; line-height: 28px;}
	h4, .h4{font-size: 18px; line-height: 22px;}
	h5, .h5{font-size: 16px; line-height: 20px;}
	h6, .h6{font-size: 14px; line-height: 15px;}
	ul.services > li + li {margin-top: 45px;}
	ul.services > li .min_des {top: 53px;}
	ul.services > li .bg_img {height: 280px;}
	.inner ul.services > li .bg_img{height: 310px;}
	ul.projects li {width: 100%;}
	ul.projects .top {padding-right: 15px;}
	#inner .inner_white{padding: 25px;}
	.partners .partner{width: 99%;}
}

@media (max-width: 349px) {
	html {background-size: 100% 510px;}
	body {font-size: 15px; line-height: 20px;}
	.tm-logo img {width: 180px;}
	.navbar-toggle, .navbar-toggle:hover{margin: 16px 0 0;}
	.navbar {padding: 20px 0;}
	.navbar-nav > li > a {font-size: 14px; padding: 5px 0 6px;}
	.navbar-nav > li.active > a::after, .navbar-nav > li > a:hover::after {bottom: 4px;}
	.dropdown-menu {top: 30px;}
	#text-top {margin-top: 0;}
	ul.services > li .title {padding: 15px 20px;}
	ul.services > li .min_des {padding: 10px 10px 14px 20px; top: 49px;}
	.inner ul.services > li .title{height: 70px;}
	.inner ul.services > li .min_des {top: 70px;}
}