html, body {
	margin: 0;
	padding: 0;
}

body {
	background: #fff;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	color: #9d9999;
	font-size: 18px;
	line-height: 26px;
	font-weight: 400;
}

b {
	font-weight: 800;
}

.animation {
	opacity: 0;
}

.animated {
	opacity: 1;
}

img {
	max-width: 100%;
	max-height: 100%;
}

img.fleft {
	float: left !important;
	margin-right: 40px;
	margin-bottom: 20px;
}

.fleft {
	float: left !important;
}

.fright {
	float: right !important;
}

.row {
	width: 100%;
	display: block;
	float: left;
}

.ib {
	display: inline-block;
}

.sec {
	display: block;
	float: left;
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	text-align: center;
}

.container {
	display: inline-block;
	width: 960px;
	text-align: left;
}

body:not(.homepage) .content_sec .container {
	width: 1085px;
	padding: 25px 55px;
	font-weight: 300;
	font-size: 16px;
}

body:not(.homepage) .content_sec .container big {
	font-size: 20px;
}

body:not(.homepage) .header + .content_sec .container {
	box-shadow: 0px -10px 12px -8px rgba(0,0,0, .8);
	min-height: 500px;
}

* {
	outline: none;
	box-sizing: border-box;
}

a {
	color: #87b459;
	text-decoration: underline;
	transition: all 0.15s ease-out;
}

a:hover {
	text-decoration: none;
	color: #000;
}

select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	background: #fff url(img/select.png) no-repeat top 50% right 14px;
}

.centered {
	text-align: center !important;
}

.relative {
	position: relative;
}

.header {
	color: #fff;
}

.header.homepage {
	background: #034058 url(img/header_bg.jpg) no-repeat top center;
}

body:not(.homepage) {
	background: url(img/header_bg.jpg) repeat-x top center;
}

.header .container {
	background: url(img/map.png) no-repeat 50% 80px;
	min-height: 100px;
	text-align: center;
}

.header.homepage .container {
	min-height: 600px;
	padding-bottom: 100px;
}

.logo {
	margin-top: 90px;
	/*margin-bottom: 80px;*/
	margin-bottom: 30px;
}

.languages_box {
	display: inline-block;
	float: left;
	width: 100%;
	margin-bottom: 30px;
}

.languages_box .holder {
	display: inline-block;
}

.lang_item {
	display: inline-block;
	float: left;
	padding: 0 5px;
	margin-left: -1px;
	text-decoration: none;
	border: 1px solid #5097a4;
}

.lang_item img {
	vertical-align: middle;
}

.lang_item:hover, .lang_item.current {
	background-color: #5097a4;
}

body:not(.homepage) .logo {
	margin-top: 70px;
	margin-bottom: 60px;
}

.apps {
	margin-bottom: 75px;
}

.ap_item {
	display: inline-block;
	width: 46px;
	height: 46px;
	border-radius: 10em;
	border: 1px solid rgba(255,255,255, .2);
	text-align: center;
	line-height: 45px;
	font-size: 25px;
	margin: 0 5px;
	color: #fff;
}

.ap_item:hover {
	background: #fff;
	color: #044259;
}

.ap_item:nth-child(1):hover {
	background: #b4b4b4;
	color: #fff;
}

.ap_item:nth-child(2):hover {
	background: #048bba;
	color: #fff;
}

.ap_item:nth-child(3):hover {
	background: #80bb41;
	color: #fff;
}

h1 {
	font-size: 47px;
	line-height: 58px;
	margin-top: 0;
	margin-bottom: 19px;
	letter-spacing: 1px;
}

h1 span {
	color: #f0a61f;
}

.slogan {
	position: relative;
	z-index: 10;
	display: inline-block;
	width: 83%;
	font-family: 'Roboto Condensed', sans-serif;
	margin-top: 0;
	color: #53cce2;
	line-height: 26px;
	font-size: 18px;
	font-weight: 100;
}

.content_sec {
}

.content_sec .container {
	background: #fff;
}

.blocks_list {
	margin-top: -168px;
	float: left;
	width: 100%;
}

.block_item {
	position: relative;
	display: inline-block;
	width: 322px;
	vertical-align: top;
	padding-top: 130px;
	padding-left: 40px;
	padding-right: 40px;
	margin-right: -5px;
	margin-bottom: 60px;
	text-align: center;
	background: url(img/circle_shadow.png) no-repeat top center;
}

.block_item::before {
	content: '';
	position: absolute;
	top: 75px;
	left: 48%;
	display: inline-block;
	color: #fff;
	font-size: 30px;
}

.block_item:nth-child(1)::before {
	content: '1';
}

.block_item:nth-child(2)::before {
	content: '2';
}

.block_item:nth-child(3)::before {
	content: '3';
}

.block_item::after {
	content: '';
	position: absolute;
	top: 87px;
	right: -15px;
	display: inline-block;
	width: 44px;
	height: 4px;
	background: url(img/dots.png) no-repeat;
}

.block_item:last-child::after {
	display: none;
}

.bi_circle {
	display: inline-block;
	width: 100%;
	height: 185px;
	padding-top: 50px;
	background: url(img/block_circle.png) no-repeat top center;
	text-align: center;
}

.block_item h3 {
	font-size: 40px;
	line-height: 48px;
	color: #323131;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 40px;
	margin-top: 10px;
}

.bi_desc {
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
}

/* SLIDER BRANDNS */
body:not(.homepage) .slider_brands {
	margin-top: 30px;
}

.slider_brands {
	float: left;
	width: 100%;
	padding: 30px 0px;
	border-top: 1px solid #dcdcdc;
}

.slider_brands .item {
	display: table-cell;
	vertical-align: middle;
	margin-bottom: 10px;
	width: 150px;
	height: 110px;
	padding: 0 10px;
	text-align: center;
	background: url(img/brands_wrap.png) no-repeat right;
}

.slider_brands .item img {
	max-height: 100%;
	max-width: 100%;
	opacity: .3;
	transition: all 0.2s ease-out;
}

.slider_brands .item:hover img {
	opacity: 1;
}

.owl-controls {
	display: block;
	float: left;
	width: 100%;
	text-align: center;
	margin-top: 20px;
	border-bottom: 1px solid #dcdcdc;
}

.owl-pagination {
	display: block;
	float: left;
	width: 100%;
	margin-bottom: -16px;
}

.owl-pagination .owl-page {
	display: inline-block;
	width: 17px;
	height: 17px;
	background: #fff url(img/dot.png) no-repeat center center;
}

.owl-pagination .owl-page:hover, .owl-pagination .owl-page.active {
	background: #fff url(img/dot_r.png) no-repeat center center;
}

.footer {
	padding: 10px 0 40px;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: 400;
	color: #6c6c6c;
}

.banners {
	margin-bottom: 60px;
}

.banners .banner {
	float: left;
	transition: all 0.2s ease;
}

.banners .banner:last-child {
	float: right;
}

.banners .banner:hover {
	transform: perspective(500px) rotateY(10deg) scale(1.1);
}

.banners .banner:last-child:hover {
	transform: perspective(500px) rotateY(-10deg) scale(1.1);
}

.content_text {
	float: left;
	width: 100%;
	font-size: 16px;
	line-height: 24px;
	text-align: center;
	font-weight: 400;
	font-family: 'Roboto Condensed', sans-serif;
}

.content_text big, .content_sec h3 {
	display: inline-block;
	color: #0195c3;
	font-size: 28px !important;
	font-weight: 300;
	margin-bottom: 15px;
	text-align: center;
	font-family: 'Yanone Kaffeesatz', sans-serif;
}

.content_sec h3 {
	display: block;
	margin-bottom: 30px;
}

.content_text p:first-child {
	margin-top: 0;
}

.content_text p {
	margin-bottom: 30px;
}

.noMB {
	margin-bottom: 10px !important;
}

.topmenu_sec {
	background: #023f57 url(img/topmenu_bg.png) no-repeat bottom center;
}

.topmenu {
	list-style: none;
	padding: 0;
	margin: 0;
	text-align: center;
}

.topmenu li {
	display: inline-block;
}

.topmenu li a {
	display: inline-block;
	height: 72px;
	padding: 22px 24px;
	font-family: 'Yanone Kaffeesatz', sans-serif;
	background: url(img/tm_wrap.gif) no-repeat right center;
	text-decoration: none;
	font-size: 17px;
	font-weight: 300;
	letter-spacing: 1px;
	color: #24b5dd;
	text-transform: uppercase;
}

.topmenu li a:hover {
	color: #fff;
}

.topmenu li:last-child a {
	background-image: none;
}

.topmenu li.current a {
	color: #fff;
	background-color: rgba(40,93,125, .4);
}

.bread {
	list-style: none;
	margin: 0;
	margin-bottom: 22px;
	padding: 0;
	text-align: center;
}

.bread li {
	display: inline-block;
	padding-right: 8px;
	text-decoration: none;
	font-family: 'Roboto Condensed', sans-serif;
	text-transform: uppercase;
	background: url(img/bread_wrap.png) no-repeat right center;
	font-size: 12px;
	color: #9d9999;
}

.bread li:last-child {
	background: none;
}

.bread li a {
	color: #9d9999;
	text-decoration: none;
}

.bread li a:hover {
	color: #000;
}

body:not(.homepage) h1 {
	font-size: 46px;
	line-height: 50px;
	margin-top: 0;
	margin-bottom: 30px;
	letter-spacing: 1px;
	color: #2b2b2b;
	text-align: center;
}

.fw300 {
	font-weight: 300;
}

.photos_box {
	margin: 40px 60px;
	text-align: center;
}

.photos_box a.fancybox {
	display: inline-block;
	max-width: 33%;
	max-height: 185px;
	margin-right: -1px;
	margin-top: -5px;
	transition: all 0.2s ease;
}

.photos_box a.fancybox img {
	max-width: 100%;
	max-height: 100%;
}

.photos_box a.fancybox:hover {
	transform: scale(.95);
}

.emp_list {
	margin: 40px 0;
}

.emp_item {
	width: 460px;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 65px;
}

.emp_item:nth-child(2n+2) {
	margin-left: 50px;
}

.emp_img {
	float: left;
	max-width: 45%;
}

.emp_info {
	float: left;
	width: 55%;
	font-size: 14px;
	padding-left: 22px;
	font-family: 'Roboto Condensed', sans-serif;
}

.emp_info h4 {
	margin-top: 0;
	margin-bottom: 5px;
	font-size: 30px;
	color: #0096c1;
	font-weight: 300;
	font-family: 'Yanone Kaffeesatz', sans-serif;
}

.emp_info h4 a {
	text-decoration: none;
	color: inherit;
}

.emp_info h4 a:hover {
	color: #000;
}

.emp_info h5 {
	margin-top: 0;
	margin-bottom: 16px;
	color: #414141;
	font-size: 16px;
	font-weight: 400;
}

.emp_desc {
	margin-bottom: 22px;
}

.emp_sc {
	display: block;
	float: left;
	width: 100%;
	font-size: 17px;
	color: #2b2b2b;
	font-weight: 300;
	margin-top: 4px;
	margin-bottom: 6px;
	text-decoration: none;
}

.emp_sc img {
	display: block;
	float: left;
	margin-right: 10px;
	margin-top: -4px;
	will-change: transform;
	transition: all 0.15s ease-out;
}

.emp_sc:hover img {
	transform: scale(0.95) rotate(10deg);
}

.emp_sc:hover {
	text-shadow: 0px 0px 0px #000;
}

#mmenu_link {
	display: none;
}

.contact_new {
	width: 100%;
	display: block;
	margin: 0 auto;
	max-width: 700px;
}

.contact_new h2 {
	font-size: 30px;
	font-weight: 400;
	text-align: center;
	color: #605e5e;
}

.cn_cell {
	float: left;
	width: 48%;
	margin-right: 2%;
	margin-bottom: 15px;
}

.cn_cell > .fa {
	float: left;
	width: 50px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: linear-gradient(#2f8795, #297c8c);
	border-radius: 4px 0 0 4px;
	border: 1px solid #297c8c;
	color: #fff;
	font-size: 18px;
	text-shadow: -1px -1px 0px rgba(0,0,0, .5);
}

.cn_cell .text_input {
	float: left;
	width: calc(100% - 50px);
	height: 40px;
	border: 1px solid #ccc;
	border-left: none;
	background: linear-gradient(#eee, #fff);
	border-radius: 0 4px 4px 0;
	padding: 0 10px;
	padding-top: 3px;
	color: #297c8c;
	font-size: 18px;
	font-weight: 500;
	transition: all 0.2s ease-out;
}

.cn_cell .text_input:hover {
	border-color: #aaa;
}

.cn_cell .text_input:focus {
	border-color: #297c8c;
}

.cn_cell.error {
	box-shadow: 0px 0px 6px #fa4444;
}

.cn_cell.error .text_input {
	border-color: red;
	background: #ffe4e4;
}

.cn_cell.error .fa {
	background: #912c2c;
	border-color: red;
}

.upimage {
	width: 98%;
	background: #f6f6f6;
	border-radius: 6px;
	border: 1px solid #ddd;
	padding: 20px;
	margin-bottom: 20px;
}

#upload_file {
	display: inline-block;
	float: left;
	height: 40px;
	padding: 0 20px;
	padding-top: 3px;
	border-radius: 4px;
	font-weight: 500;
	background: #297c8c;
	color: #fff;
	border: none;
	font-size: 18px;
	transition: all 0.2s ease-out;
	transform: translateY(0);
}

#upload_file::after {
	content: '\f093';
	margin-left: 10px;
	font-family: 'FontAwesome';
}

#upload_file.ready {
	background: #87b459;
}

#upload_file.ready::after {
	content: '\f05d';
}

#upload_file:hover {
	transform: translateY(2px);
}

#upload_file .fa {
	margin-left: 10px;
}

#upload_file + input {
	display: none;
}

#preview-photo {
	float: right;
	max-width: 50%;
	max-height: 100px;
	border-radius: 4px;
}

.checkbox {
	display: none;
}

.checkbox + label {
	display: inline-block;
	background: url(img/ch2.png) no-repeat 0px 4px;
	min-height: 20px;
	padding-left: 25px;
	margin-bottom: 10px;
	font-size: 18px;
}

.checkbox.error + label {
	color: red !important;
}

.checkbox:checked + label {
	background-image: url(img/ch2_r.png);
	color: #000;
}

.checkbox.error + label {
	color: red !important;
}

.cn_submit {
	background: #87b459;
	color: #fff;
	font-size: 20px;
	width: 100%;
	height: 40px;
	padding: 0 30px;
	padding-top: 4px;
	font-weight: 500;
	border-radius: 4px;
	border: none;
	border-bottom: 3px solid #688a44;
	margin-bottom: 40px;
	transform: translateY(0px);
	transition: all 0.2s ease-out;
}

.cn_submit:hover {
	transform: translateY(3px);
	border-bottom: 0px solid #688a44;
}

.cn_submit .fa {
	margin-right: 7px;
	font-size: 18px;
}

.cn_buttons .checkbox + label {
	float: left;
	width: 50%;
	line-height: 20px;
	background-position: 0px 1px;
}

.cn_buttons .cn_submit {
	float: right;
	max-width: 40%;
	margin-right: 2%;
}

.star-rating {
	font-size: 0;
}

.star-rating__wrap {
	display: inline-block;
	font-size: 1rem;
	margin-top: 9px;
}

.star-rating__wrap:after {
	content: "";
	display: table;
	clear: both;
}

.star-rating__ico {
	float: right;
	padding-left: 2px;
	cursor: pointer;
	color: #FFB300;
}

.star-rating__ico:last-child {
	padding-left: 0;
}

.star-rating__input {
	display: none;
}

.star-rating__ico:hover:before, .star-rating__ico:hover ~ .star-rating__ico:before, .star-rating__input:checked ~ .star-rating__ico:before {
	content: "\f005";
}

.topmenu_sec {
	position: relative;
}

.socs_top {
	position: absolute;
	left: 50%;
	top: 100%;
	margin-top: -1px;
	margin-left: -57px;
}

.socs_top a {
	display: inline-block;
	width: 46px;
	height: 46px;
	line-height: 46px;
	color: #fff;
	text-align: center;
	font-size: 23px;
	margin: 0 5px;
	border-radius: 0 0 10em 10em;
	border: 1px solid rgba(255,255,255, .2);
	border-top: none;
}

.socs_top a:first-child:hover {
	background-color: #2b5993;
}

.socs_top a:last-child:hover {
	background-color: #0077b5;
}

.partner_item {
	display: inline-block;
	vertical-align: top;
	width: 30%;
	margin-right: 2%;
	padding: 15px;
	border: 1px solid #ccc;
	margin-bottom: 20px;
	text-align: center;
	transition: all 0.2s ease-out;
}

.partner_item:hover {
	box-shadow: 0px 0px 12px rgba(0,0,0, .2);
}

.partner_img {
	height: 70px;
	margin-bottom: 10px;
}

.partner_img img {
	max-height: 100%;
}

.partner_item a {
	display: inline-block;
	padding: 5px 15px 2px;
	margin-right: 5px;
	background: #4a84af;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
}

.partner_item a:last-child {
	margin-right: 0;
}

.partner_item a:hover {
	background-color: #396586;
}

/*.topmenu > li:nth-child(6) {
    display: none;
}*/

/* RESPONSIVE */
@media(max-width: 1024px) {
	.container, body:not(.homepage) .content_sec .container {
		width: 100%;
	}

	body:not(.homepage) .content_sec .container {
		padding-left: 20px;
		padding-right: 20px;
	}
}

@media(max-width: 768px) {
	h1 {
		font-size: 41px;
	}

	.logo {
		margin-top: 80px;
		margin-bottom: 40px;
	}

	.apps {
		margin-bottom: 40px;
	}

	.slogan {
		width: 95%;
	}

	.block_item {
		width: 240px;
		padding-left: 0;
		padding-right: 0;
	}

	.bi_desc {
		padding-left: 20px;
		padding-right: 20px;
	}

	.slider_brands .item {
		width: 100%;
	}

	.header .container {
		min-height: 100px;
	}

	.footer .container {
		text-align: center;
	}

	.footer .fleft, .footer .fright {
		float: none !important;
		display: block;
	}

	.banner {
		width: 48%;
	}

	.banner:hover {
		transform: none !important;
	}

	.content_text {
		padding-left: 20px;
		padding-right: 20px;
	}

	.slider_brands .item {
		display: block;
	}

	.emp_item:nth-child(2n+2) {
		margin-left: 0;
	}
}

@media (max-width: 670px) {
	.block_item {
		width: 220px;
	}
}

@media (max-width: 600px) {
	#mmenu_link {
		display: inline-block;
		float: right;
		width: 50px;
		height: 45px;
		text-align: center;
		line-height: 50px;
		color: #fff;
		font-size: 21px;
	}

	.topmenu_sec .container {
		position: relative;
	}

	#mmenu_link.active {
		background: #165e72;
		color: #fff;
		line-height: 45px;
	}

	.topmenu {
		display: none;
		position: absolute;
		width: 100%;
		top: 100%;
		right: 0;
        z-index: 100;
	}

	.topmenu.opened {
		display: block;
	}

	.topmenu li {
		width: 100%;
	}

	.topmenu li a {
		width: 100%;
		padding: 10px;
		height: auto;
		border-bottom: 1px solid rgba(0,0,0, .4);
		background-color: #024159;
	}

	.topmenu li.current a {
		background-color: #165e72;
	}

	.topmenu li a:hover, .topmenu li a:active {
		text-shadow: 0px 0px 3px $fff;
	}

	.socs_top {
		left: 0%;
		top: 6px;
		margin-top: 0;
		margin-left: 0;
	}

	.socs_top a {
		width: 40px;
		height: 40px;
		border-radius: 10em;
		line-height: 40px;
		border: 1px solid rgba(255,255,255, .2);
		border-top: 1px solid rgba(255,255,255, .2);
	}

	.logo {
		margin-top: 40px;
	}
}

@media (max-width: 568px) {
	.header {
		background-size: cover;
	}

	h1 {
		font-size: 45px;
	}

	.blocks_list {
		margin-top: 40px;
	}

	.block_item {
		width: 100%;
		border-bottom: 1px solid #d9d9d9;
		padding-top: 0;
		padding-bottom: 50px;
		margin-bottom: 50px;
		background: none;
	}

	.block_item:last-child {
		border-bottom: none;
	}

	.block_item::after {
		display: none;
	}

	.block_item::before {
		top: 74px;
		left: 30px;
		color: #CAD4D8;
		font-size: 70px;
	}

	.banner {
		width: 100%;
		text-align: center;
	}

	.content_text {
		text-align: justify;
	}

	.content_text big {
		text-align: center;
	}

	.photos_box {
		margin-left: 30px;
		margin-right: 30px;
	}

	.emp_item {
		width: 100%;
		border-bottom: 1px solid #ddd;
		padding-bottom: 40px;
	}

	.emp_img {
		width: 100%;
		max-width: 100%;
		text-align: center;
		margin-bottom: 20px;
	}

	.emp_info {
		width: 100%;
		text-align: center;
		padding-left: 0;
	}

	.emp_sc {
		text-align: left;
	}
}

@media (max-width: 500px) {
	.cn_buttons {
		text-align: center;
	}

	.cn_buttons .checkbox + label {
		width: 100%;
		text-align: left;
	}

	.cn_buttons .cn_submit {
		max-width: 50%;
		float: none;
	}
}

@media (max-width: 400px) {
	.header .container {
		padding-left: 20px;
		padding-right: 20px;
	}

	.block_item::before {
		left: 15px;
	}

	.photos_box a.fancybox {
		max-width: 100%;
	}

	.cn_cell {
		width: 100%;
	}

	.upimage {
		width: 100%;
		text-align: center;
	}

	#upload_file {
		float: none;
	}

	#preview-photo {
		float: none;
		margin-top: 20px;
		max-height: 200px;
	}

	.cn_buttons .cn_submit {
		max-width: 100%;
	}
}
