/* HTML 5 shits */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, main, nav, section {
	display: block;	
}

/* Reset browsers default styling */
html, body, div, span, 	h1, h2, h3, h4, h5, h6,	a, acronym,	font, img,	ul, li,	fieldset, form, label, legend, button {
	margin: 0; padding: 0;	border: 0; outline: 0;	font-size: 100.01%; vertical-align: baseline;		background: transparent; }
p {padding-top:0; margin-top:0; }	   
ul { list-style: none; }
blockquote, q { quotes: none; }
textarea { overflow:auto; }

			
 /* site styling */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body { 
	color: #424242; 
	font-family: "Montserrat", Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height: 24px;
}

textarea, select, input {	font-family: "Montserrat", Arial, Helvetica, sans-serif;}
.t8 {font-size:8px}
.t9 {font-size:9px}
.t10 {font-size:10px}
.t11 {font-size:11px}
.t12 {font-size:12px}
.t13 {font-size:13px}
.t14 {font-size:14px}
.t15 {font-size:15px}
.t16 {font-size:16px}
.t18 {font-size:18px}
.t20 {font-size:20px}


.white {color:#FFF}
.black { color:#000000; }
.red { color:#ca0332; }
.purple { color:#6d1e68; }
.gray { color:#838282; }
.light_blue { color:#7fa4cc; }
.blue { color:#255b95; }
.dark_gray { color:#363636; }
.uppercase {text-transform:uppercase}
.lowercase {text-transform:lowercase}

.bold {font-weight:bold}
.underline {text-decoration:underline}
.no-underline {text-decoration:none}


h1 {font-size:30px; display:inline-block; font-weight:normal; } 
h2 {font-size:24px; display:inline-block; font-weight:normal; }
.content h2 {font-weight:bold;} 
h3 {font-size:20px; display:inline-block; font-weight:bold; }
h4 {font-size:18px; display:inline-block; font-weight:normal; }

article .content ul li {list-style:inside; padding-left:20px; margin:3px;}
article .content ul {margin-bottom:20px;}

a {text-decoration:none; color:#255b95}
.page { padding: 7px 12px;  background-color: #285a95; color: #ffe700; border-radius: 5px; line-height: 30px;}
.a_page { padding:7px 12px; background-color:#ececec; color:#285a95; border-radius:5px; line-height:30px}

img { border:0px; }
.img_ico_b {border:1px solid #7fa4cc; padding:4px;}

.img_b {border:1px solid #7fa4cc; margin-right:10px;}


#msg { display:none; position:absolute; z-index:200; background:url(/images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent { display:block; background:#e8e8e8; color:#4f4d4e; border:2px solid #f10022; border-left:none; padding:5px; min-width:150px; max-width:250px}

.on {display:block }
.off {display:none }

.ok_mess { padding:5px 10px; margin:5px; background-color:#eceff4; border:1px solid #abc1d9; color:#090; font-weight:bold}
.bad_mess { padding:5px 10px; margin:5px; background-color:#f2d7de; border:1px solid #7d0f36; color:#7d0f36; font-weight:bold}

/*
#my_table { background:#CCC; width:100%}
#my_table td { background-color: #FFF; padding:5px 10px; text-align:center; vertical-align:top; text-align:left }
#my_table td p {padding:0; margin:0}
*/

.clear{clear:both;}	

#wrapper { position:relative; margin:0 auto; width:100%; background:none}
header { position:relative;	clear:both;	width:100%;	height:auto;	margin:0 auto; }
main { position:relative; clear:both; width:100%;	padding:30px 0;	margin:0 auto; }
#main_content {position:relative; width:100%; margin:0 35px 35px 32px; float:left;}
.content { width: 1200px; padding:0; margin: 0 auto; }

.navbar_1 { position:relative; background-color: #285a95; height: 54px; padding: 8px 0; width:100%;  }
.navbar_1 a {color: #b5cde9 }
.navbar_1 .icon { height: 36px; vertical-align: middle}
.navbar_2 { position:relative; background-color: #eaeef3; height: 78px; padding: 8px 0; width:100%; }
.navbar_right_info { width: 360px; float: right}

.slider {height: 243px; margin-bottom: 21px; padding-bottom: 30px; background:#285a95 url("/images/slider_inside.jpg") bottom center no-repeat; border-bottom: none}
.slider.home_page {height: 705px; margin-bottom: 21px; background: #285a95 url("/images/slider.jpg") top center no-repeat;  border-bottom: 13px solid #6e9bd1}
.slider .content { width: 1100px; padding-top: 60px}
.cta {width: 25%; float: left; text-align: center}
.content .cta .title {font-size: 34px; text-align: center; margin-bottom: 20px; font-family: "Roboto Condensed"}
.cta .ico { margin-bottom: 20px}
.cta .btn {color: #FFF; width: 220px; height: 50px; margin: 0 auto; font-size: 13px; text-align: center; padding : 7px 35px 5px 25px; background: url("/images/cta_btn_back.png") top center no-repeat; line-height: 18px }

.cta_inside {width: 100%; text-align: left; clear: both; margin: 20px 0; }
.cta_inside .btn { display: table; color: #FFF; width: 186px; height: 50px; font-size: 16px; text-align: center; padding : 7px 35px 5px 5px; background: url("/images/cta_btn_back_2.png") top left no-repeat; line-height: 18px; float: left; vertical-align: top; margin-top: -14px; margin-right: 20px}
.cta_inside .btn span { display: table-cell;  vertical-align: middle; }


.gray_section {background-color: #f0f1f3;}
.gray_section.calcs .content {width: 800px; padding: 20px 0}
.gray_section.contactform {padding: 40px 0}

.section_title { font-size: 36px; text-align: center; margin: 30px 0 60px 0; color: #285a95 }


.calcs .content .title {font-size: 32px; text-align: center; margin: 20px 0 0 0}
.calcs .content .sub_title { font-family: "Montserrat"; font-size: 17px; text-align: center; margin: 10px 0}

.calc_1, .calc_2, .calc_3 {width: 32%; float: left; text-align: center; padding: 20px}
.calc_1 img, .calc_2 img, .calc_3 img { width: 80% }
.calc_2 { margin: 0 2% }

.anketa { position: relative; width: 50%; float: left; text-align: right; border-right: 1px solid #ccc; margin-top: 80px; margin-right: 50px; padding-right: 65px}
.anketa_icon {position: absolute; top: 20px; left: 70px}
.content .anketa .title {text-align: right; font-size: 34px;  margin: 20px 0 0 0}
.anketa .sub_title { font-family: "Montserrat"; font-size: 20px; font-weight: bold; margin: 10px 0}
.anketa .desc { font-family: "Montserrat"; font-size: 17px; margin: 25px 0}
.anketa .cta { font-family: "Montserrat"; font-weight: 300; font-size: 16px; background-color: #285a95; color: #FFF; padding:  15px 20px; border-radius: 10px; width: auto; float: right}
.partners{ width: calc(50% - 65px); float: left; text-align: left; padding-left: 65px; margin-top: 80px;}



article .content table {background:#CCC; width:100%; margin:10px 0}
article .content td { background-color: #FFF; padding:5px; vertical-align:top; text-align:left }
article .content td p {padding:0; margin:0}


.contact_form_container {position:relative; width: 100%; background-color: #FFF; border: 1px solid #ccc; border-radius: 5px; color: #464646; font-size: 18px }
.form_column {width:50%; float: left; padding: 15px 20px}
.form_column:nth-child(even) {padding-left: 60px}
.form_column:nth-child(odd) {padding-right: 60px}

.form_column.recaptcha {padding-left:60px; padding-right: 0}
.form_column.send {padding-right:60px;  padding-left: 0}

.form_full_width {width:100%; float: none; padding: 20px 60px}

.form_column .label {margin-bottom: 10px;}


.c1, .c2 {width: 48%; float: left; }
.c1 {margin-right: 4%}
.c1 .section_header { height: 110px; background: url(/images/c1_header.jpg) top center no-repeat; margin-bottom: 30px }
.c2 .section_header { height: 110px; background: url(/images/c2_header.jpg) top center no-repeat; margin-bottom: 30px }

#contact_form .input {width:100%; background-color:#FFF; border:1px solid #bdbdbf; color:#333;  height: 50px; font-size: 18px; border-radius: 5px; padding:5px; margin-bottom:10px }
#contact_form #notes {width:100%;  height: 200px; padding:2px; margin-bottom:10px; padding:5px; border-radius: 5px;}

.contact_form_btn { border:0; text-transform:uppercase; width:200px; height:80px; font-size: 20px; padding:20px 50px; color:#FFF; cursor:pointer; background-color:#255b95; float: right; border-radius: 10px }


footer {	position:relative; clear:both; width:100%; }
footer a { color:#406b9f; text-decoration:none}
footer .content { position:relative; width:1200px; height:620px; margin:0 auto; }

.footer_bottom {background-color: #285a95; border-top: 10px solid #ffe700}
.footer_bottom .content { color: #ffffff; text-align: center; height: auto; padding: 35px 0; font-size: 17px; font-family: "Montserrat"}

#logo { position:relative; width: 270px; height: 60px; float: left}
.logo_img { width:100%; height:auto; }


.h_offices { position: relative; float: left; height: 30px; width: 150px; font-size: 18px }
.h_search { position: relative; float: left; height: 30px; width: 150px; font-size: 18px}
.h_phone { position:relative; float: left; font-size:26px; width: 200px}
.h_phone a {color:#FFF}
.h_social { position: relative; float: left; height: 30px; width: 150px; }
.h_lang { position: relative; float: right; height: 30px; width: 40px; }
.lang {display: inline-block; font-size:16px; width: 36px; height: 36px; padding:7px; background-color: #5686be; border-radius: 50%; text-transform:uppercase}

.h_menu {width: calc(100% -  320px); float: right; margin: 15px 0 0 50px; text-align: right}

/* ------------------------------------  TOP MENU --------------------------------------*/
nav{ font-family: "Montserrat"; font-weight: 500; font-size: 17px; }
.menu-link { display: none;}
.menu { -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; transition: all 0.3s ease; }
.menu>ul { padding: 0px; margin: 0px; width: 100%; list-style: none; position: relative; display: inline-block; }
.menu > li > ul.sub-menu { min-width: 10em;	padding: 4px 0; }
.menu ul li { padding: 0px; }
.menu > ul > li { display: inline-block; }
.menu ul li a { display: block; text-decoration: none; color: #285a95; font-size: 1em; }
.menu ul li > a { height:40px; padding: 12px 9px; }
.menu ul ul { display: none; position: absolute; top:99%; min-width: 160px; border-radius: 10px; padding: 10px; background-color: #285a95; z-index:10000; box-shadow: 1px 1px 5px #285a95; }
.menu ul li:hover > ul { display: block; }
.menu ul ul > li { position: relative; }
.menu ul ul > li a { padding: 10px 20px 10px 10px; height: auto; color: #FFF; font-weight: 400; background-color: #285a95; text-align: left }
.menu ul ul > li:last-child a { border-bottom:none}

.menu ul ul > li a:hover { background-color: #37649A; color: #fff; }
.menu ul ul ul { position: absolute; left: 100%; top:0; }

.menu > ul > li:nth-last-child(-n+2) ul.sub-menu { right: 0; left: auto; }

/* ------------------------------------  END TOP MENU --------------------------------------*/

.show-menu{text-decoration:none; color:#255b95; background:#ffe700 url(/images/nav-icon.png) 10px 15px no-repeat; text-align:left; font-size:20px; text-transform:uppercase; height:50px; line-height:52px; display:none; padding-left:40px; clear:both}
.show-menu-ins{text-decoration:none; color:#FFF; background:#255b95 url(/images/nav-icon-ins.png) 10px 15px no-repeat; text-align:left; font-size:20px; text-transform:uppercase; height:50px; line-height:52px; display:none; padding-left:40px; clear:both}


.search_div { display: none }
.search_div_on { display: inline-block; transition:all 1s;}
#search_form { display:block; height:40px }
#search_string { background-color:#FFF; border:1px solid #94b4d4; font-size:15px; height:40px; width:280px; padding:3px 0 3px 5px; float:left }
#search_btn { background:#94b4d4 url(/images/search_btn.png) center center no-repeat;  border:0; height:40px; width:40px; cursor:pointer; padding:7px; margin:0 }

.promo_container { position:relative; width:343px; height:320px; float:left; margin: 0 0 60px 0}
.promo_container:nth-child(3), .promo_container:nth-child(6){margin: 0 85px}

.cat_container { position:relative; width:30.3%; height:460px; float:left; margin: 0 3% 60px 0}
.cat_container:nth-child(3n) { margin: 0 0 60px 0 }
.cat_container img {max-width: 100%; border-radius: 8px; display: block; margin-bottom: 50px}

.category_title { font-size: 30px; color: #275b96;  text-align: center; margin-bottom: 70px}
.art_title { font-size:18px; font-weight: 500; text-align: center; font-family: "Montserrat"; width: 100%;}
.art_description {font-size: 15px; color: #333; text-align: center; }
.art_ico { position: absolute; width: 75px; height: 75px; top: 110px; right: 10px; z-index: 999 }
.art_more { text-align:center; text-decoration:underline; text-underline-offset: 5px; font-size:15px; font-family: "Montserrat";}



.promo_img { width:343px; height:247px; margin-bottom: 10px}
.promo_img img {border-radius: 8px;}
.promo_ico { position: absolute; width: 75px; height: 75px; bottom: 10px; right: 10px; z-index: 999 }
.promo_more { text-align:left; text-decoration:underline; text-underline-offset: 5px; font-size:15px; font-family: "Montserrat";}
.promo_title { font-size:18px; font-family: "Montserrat"; width: 250px; height: 70px; overflow: hidden; }


/* ------------------------------------  FOOTHER MENU --------------------------------------*/
.footer_col { width:25%; float: left; border-right: 1px solid #ccc; padding: 0 30px; font-family: "Montserrat"; }
.footer_col .title {font-size: 34px; margin-bottom: 20px}
.footer_col:first-child { padding-left: 0}
.footer_col:last-child {border:none; padding-right: 0}

.footer_col ul li {list-style:none; display:block; padding:7px; }
.footer_col ul li a {color:#406b9f;  }
.footer_col .icon {width:36px}
/* ------------------------------------  FOOTHER MENU --------------------------------------*/


.brocker_login {position:relative; width:232px; background-color:#d8e4f0; top:-34px; padding:17px 13px;}
.brocker_login .input {background-color:#FFF; border:1px solid #9cb0c3; width:190px; height:30px; color:#9cb0c3; padding-left:5px; margin-bottom:10px; font-size:13px; }
.brocker_login .input_select {background-color:#FFF; border:1px solid #9cb0c3; width:190px; height:30px; color:#9cb0c3; padding-left:5px;  margin-bottom:10px; font-size:13px;}
.brocker_login .btn { background-color:#7395ba; border:0; padding:9px 15px 7px 15px; color:#FFF}
.links {margin-top: 20px}
.links_title {text-transform:uppercase; padding-bottom:15px; font-weight:bold; font-size:16px;}
#right_column ul li {list-style:inside;}
#right_column ul li a {color:#255b95; text-decoration:underline; line-height:18px}


.office_details {width:calc(100% - 180px); float:right; }
.office_details.columns {column-count: 3}
.office_details.columns h2 {
  column-span: all;
  text-align: left;
	display: block; margin-bottom: 15px;
}

.office_cities {line-height:22px; font-size:14px; width: 180px; float:left}

.title{ text-align: left; font-size: 30px; margin-bottom: 40px; color: #275b96 }
.content .title {text-align: left; font-size: 34px; margin-bottom: 40px; line-height: 40px; color: #275b96; }
.content .description { font-family: "Montserrat"; margin-bottom: 60px }
.content .description h3 {color: #6e9bd1; margin: 20px 0}
.content .description ul li {list-style:disc; margin-left: 40px}


.cat_title { width: 50%; float: left; height: 150px; padding-left: 90px; padding-top: 10px; margin-bottom: 20px; font-size: 17.5px; color:#285a95; font-family: "Montserrat"; background: url("/images/sub_title_back.gif") 0 0 no-repeat}
.cat_header { width: 50%; float: right; height: 247px }


.contact-us {font-size:14px; text-transform:uppercase}

.label {margin-bottom:5px; width:100%; font-weight:bold}
.form_field {margin-bottom:15px; width:100%; line-height:20px;}
.form_field .input {background-color:#FFF; border:1px solid #cccccc; height:30px; color:#255b95; padding-left:5px; font-size:13px; width:300px; }
.form_field .input_small {background-color:#FFF; border:1px solid #cccccc; height:30px; color:#255b95; padding-left:5px; font-size:13px; width:140px; }

.form_field .input_select {background-color:#FFF; border:1px solid #cccccc; height:30px; color:#255b95; padding-left:5px; font-size:13px; width:300px;}
.calc_btn {padding:7px 12px; background-color:#7fa4cc; color:#FFF; border:0}

article .content img { max-width: 100% !important; width: 100%}

.files_1, .files_2 { width: 45%; float: left; background-color: #f7f7f7; padding: 40px 10px 10px 20px; margin-right: 5%; min-height: 300px}
.files_1 ul li, .files_2 ul li {list-style: disc; list-style-position: inside}
.files_1 a, .files_2 a {color: #333; text-decoration: underline; text-underline-offset: 5px; }
.files_1 .title {margin: 55px 0 50px 15px; text-align: left; font-size: 24px; font-weight: bold; color: #6e9bd1; font-family: "Montserrat";}
.files_2 .title {margin: 55px 0 50px 15px; text-align: left; font-size: 24px; font-weight: bold; color: #333; font-family: "Montserrat";}
.files_1 { background: #f7f7f7 url("/images/files_1_back.jpg") top 45px left no-repeat; }
.files_2 { background: #f7f7f7 url("/images/files_2_back.jpg") top 45px left no-repeat; }

.breadcrumbs div { display:inline-block; margin-bottom:25px; font-family: "Montserrat"; }
.breadcrumbs div a { color:#0055a4; font-size:16px; }

@media only screen and (min-width : 200px) and (max-width : 760px) {	
	
	#wrapper {  position:relative; margin:0 auto; width:100%;}
	header {	position:relative;	clear:both;	width:100%;	height:auto;	margin:0 auto; }
	main {	position:relative; clear:both; width:100%;	padding:0;	margin:0 auto; }

	.content, .slider .content, .gray_section.calcs .content {width:100%; height: auto}
	main .content {width: 90%; margin: 0 5%}
	footer .content {width:90%;  margin: 0 5%; height: auto}
	.footer_bottom .content {padding: 15px 0; width:90%;  margin: 0 5%; height: auto}

	.gray_section.calcs .content {margin: 0}
	.show-menu{display:block; cursor:pointer; width:100%;}
	
	#logo { position:relative; margin:0 auto; padding-top:5px; width:100%; height:auto; text-align:center; display:block; clear:both; top:inherit; left:inherit; float: none}
	.logo_img {width:80%; max-width:393px; height:auto}
	
	.search { position:relative; top:inherit; left:inherit; width:98%; text-align:center; margin:5px }
	#search_string { background-color:#FFF; border:1px solid #94b4d4; font-size:12px; height:30px; width:80%; padding:3px 0 3px 5px; float:left}
	
	.search_div_on {width:95%; margin:  0 5%; text-align: center}
	#search_form {height: 55px;	}
	#search_string {width: calc(100% - 70px); height: 40px;}

	.navbar_1, .navbar_2 { height: auto}
	.h_offices {width: 50%; height: 50px; text-align: center}
	.h_search {width: 50%; text-align: center}
	.h_social {text-align: center; width: 120px}
	.h_phone {font-size: 18px; width: calc(100% - 170px); text-align: center}
	.navbar_right_info {width: 95%; margin: 0 auto; float: none; clear: both}
	nav {position:relative; width:100%; clear:both; height:auto; }	
	.sf-menu{position:relative; display:none;}
	
	.h_menu {width: 100%; float: none; margin: 0; text-align: left}
	.slider {height: 200px}
	.slider .content {padding: 20px 0}
	.promo_container, .promo_container:nth-child(3), .promo_container:nth-child(6) {width: 100%; height: auto; margin: 0 auto 20px}
	.promo_img {width:100%; height: auto}
	.promo_img img {text-align: center; width: 100%}
	.promo_ico {bottom: 70px}
	.promo_title {width: calc(100% - 85px)	}
	
	.calc_1, .calc_2, .calc_3 {width: 100%; margin: 0 auto}
	.calc_1 img, .calc_2 img, .calc_3 img { width: 50% }
	.anketa, .partners {width: 100%; margin: 0; padding: 0; text-align: center; float: none; border-right: none}
	.anketa_icon {display: none}
	.content .anketa .title {text-align: center}
	.anketa .cta {float: none; margin-bottom: 20px}
	
	.section_title{font-size: 26px; margin: 15px auto 30px}
		
	.cta {width:50%; margin-bottom: 20px;}
	.cta img {max-width:60%}
	.cta .btn {width: 100%; font-size: 12px; background: url(/images/cta_btn_back_2.png) top center no-repeat; padding: 7px 35px 7px 7px; background-size: contain}
	.content .cta .title {font-size: 26px}
	.footer_col {width: 100%; clear: both; float: none; border-right: none; text-align: center}
	.footer_col:first-child {padding-left: 30px}
	.footer_col:last-child {padding-right: 30px; padding-bottom: 40px}
	
	
	.office_details {width:100%; clear:both; padding-top:20px;}
	.office_cities {line-height:22px; font-size:14px; width:100%; clear:both}
	.office_details.columns {column-count:1}
	
	.content .title {line-height: 30px}
	.content .title h1 {font-size: 26px}
	footer .content .title {text-align: center}
	
	.cat_title {width: 100%; background-size: 80px; height: auto; min-height: 90px}
	.cat_header {width: 100%; height: auto;}
	.cat_header img {max-width: 100%; }
	.cat_container, .cat_container:nth-child(3n) {width: 100%; margin: 0 auto 20px; height: auto}
	
	.form_column, .form_full_width, .form_column:nth-child(even), .form_column:nth-child(odd) {width: 100%;  padding: 5px 20px 10px; float: left; text-align: left;}	
	#contact_form .input, .form_column .label {margin-bottom: 5px}
	
	.contact_page .section_title {margin-bottom: 50px}
	.contact_form_btn {float: left; width: 100%; height: auto}
	
} 

@media only screen and (min-width : 760px) and (max-width : 1200px) {	

		#wrapper {  position:relative; margin:0 auto; width:100%;}
	header {	position:relative;	clear:both;	width:100%;	height:auto;	margin:0 auto; }
	main {	position:relative; clear:both; width:100%;	padding:0;	margin:0 auto; }
	.navbar_1 {padding: 8px 20px}
	.navbar_2 {height: auto; padding: 0}
	.content, .slider .content, .gray_section.calcs .content {width:100%; height: auto}
	.slider.home_page {height: 400px ; background-position: top -250px center}
	main .content {width: 95%; margin: 0 2.5%}
	footer .content {width:90%;  margin: 0 5%; height: auto}
	.footer_bottom .content {padding: 15px 0; width:95%;  margin: 0 2.5%; height: auto}

	.gray_section.calcs .content {margin: 0}
	.show-menu{display:block; cursor:pointer; width:100%;}
	
	#logo { position:relative; margin:0 auto; padding-top:5px; width:300px; height:auto; text-align:left; display:block; clear:both; top:inherit; left:0; float: none}
	.logo_img {width:80%; max-width:393px; height:auto}
	
	.search { position:relative; top:inherit; left:inherit; width:98%; text-align:center; margin:5px }
	#search_string { background-color:#FFF; border:1px solid #94b4d4; font-size:12px; height:30px; width:80%; padding:3px 0 3px 5px; float:left}
	
	.h_search, .h_offices {width:120px}
	.search_div_on { margin: 0 10px; text-align: center}
	#search_form {height: 55px;	}
	#search_string {width: calc(100% - 45px); height: 40px;}


	nav {position:relative; width:100%; clear:both; height:auto; }	
	.sf-menu{position:relative; display:none;}
	
	.h_menu {width: 100%; float: none; margin: 0; text-align: left}
	.slider {height: 200px}
	.slider .content {padding: 20px 0}
	.promo_container, .promo_container:nth-child(3), .promo_container:nth-child(6) {width: 30%; height: auto; margin: 0 1.5% 20px}
	.promo_img {width:100%; height: auto}
	.promo_img img {text-align: center; width: 100%}
	.promo_ico {bottom: 100px}
	.promo_title {width: calc(100% - 85px)	}
	
	
	.calcs .content .title {font-size: 24px;}
	.calc_1 img, .calc_2 img, .calc_3 img { width: 60% }

	.anketa_icon {left:0; top: -30px}

	
	.section_title{font-size: 28px; margin: 15px auto 30px}
		
	.cta {width:25%; margin-bottom: 20px;}
	.cta img {max-width:60%}
	.cta .btn {width: 100%; font-size: 12px; background: url(/images/cta_btn_back_2.png) top center no-repeat; padding: 7px 35px 7px 7px; background-size: contain}
	.content .cta .title {font-size: 26px}
	.footer_col {width: 50%; float: left; border-right: none; text-align: center; margin-bottom: 40px}
	.footer_col:first-child {padding-left: 10px}
	.footer_col:nth-child(3) {clear:both}
	.footer_col:last-child {padding-right: 10px}
	
	
	.office_details {width:100%; clear:both; padding-top:20px;}
	.office_cities {line-height:22px; font-size:14px; width:100%; clear:both}
	.office_details.columns {column-count:1}
	
	.content .title {line-height: 30px}
	.content .title h1 {font-size: 26px}
	footer .content .title {text-align: center}
	
	.cat_title {width: 50%; background-size: 80px; height: auto; min-height: 90px}
	.cat_header {width: 50%; height: auto;}
	.cat_header img {max-width: 100%; }
	.cat_container, .cat_container:nth-child(3n) {width: calc(50% - 20px); margin: 0 10px 20px; height: auto}
	.cat_container:nth-child(2n+1) {clear:left}
	
	.form_column {padding:10px}
	
	.form_column:nth-child(even) {clear: left}
	
	.form_column.recaptcha {padding-left:60px; padding-right: 0; float: left}
	.form_column.send {padding-right:60px;  padding-left: 0; float: right; text-align: right; clear: none}	
	
}
@media only screen and (min-width : 640px) and (max-width : 860px) {	
	.promo_container, .promo_container:nth-child(3), .promo_container:nth-child(6) {width: 47.5%; height: auto; margin: 0 2.5% 20px 0}
	.promo_container, .promo_container:nth-child(2), .promo_container:nth-child(4) .promo_container:nth-child(6) {width: 47.5%; height: auto; margin: 0 2.5% 20px 0}

	.promo_img {width:100%; height: auto}
	.promo_img img {text-align: center; width: 100%}
	.promo_ico {bottom: 100px}
	.promo_title {width: calc(100% - 85px)	}

}


@media all and (max-width: 1200px) { 
	.menu-link { display: block; width:100%; color: #fff; background:#285a95 url(/images/nav-icon.png) 10px 13px no-repeat; padding-left:40px; text-align:left; font-size:20px; text-transform:uppercase; height:45px; line-height:45px; }
	.menu-link:hover{ color: #fff; } 
  .menu { clear: both; min-width: inherit; float: none; }
  .menu, .menu > ul ul { overflow: hidden; max-height: 0; background-color: #1E4B80;}
  .menu > li > ul.sub-menu { padding: 0px; border: none;}
  .menu.active, .menu > ul ul.active { max-height: 100em; }
  .menu ul { display: block;}
  .menu > ul { border-top: 1px solid #356DAD; }
  .menu li, .menu > ul > li { display: block; z-index:10999 }
  .menu li a { color: #FFF; display: block; padding: 0.8em; border-bottom: 1px solid #FFF; position: relative; }
  .menu li.has-submenu > a:after { content: '+'; position: absolute; top: 0; right: 0; display: block; font-size: 1.5em; padding: 0.55em 0.5em; }
  .menu li.has-submenu > a.active:after { content: "-"; }
	.menu ul ul > li a { background-color: #6898D0; height:auto; padding: 10px 20px; }
  .menu ul ul, .menu ul ul ul { display: inherit; position: relative; left: auto; top:auto; border:none; }
	
	.menu ul ul {box-shadow: none; background-color: transparent; border-radius: 0; padding: 0}
	.menu ul li > a {height: 45px; color: #FFF; font-size: 0.8em}
}