/*** base color ***/

/* white / menu - #edf3f5 */
/* black / text - #193340 */
/* red / text - #c62f3c */
/* red / menu - #f95c69 */


body {
	background: #edf3f5;
}

.arial-14 {
	font-family: Arial, sans-serif;	
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 0px;
	color: #797b7e;
	line-height: 3;
	text-align: center;
}
.arial-15b {
	font-family: Arial, sans-serif;	
	font-weight: bold;
	font-size: 15px;
	letter-spacing: 0px;
	color: #193340;
	line-height: 0.5;
	text-align: left;
	padding-left: 6px;
}
.arial-16 {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 1px;
	color: #193340;
	line-height: 1.4;
	text-align: left;
	padding-bottom: 15px;
}
.arial-16 span {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 1px;
	color: #193340;
	line-height: 1.4;
	text-align: left;	
}
.arial-20b {
	font-family: Arial, sans-serif;	
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 1px;
	color: #193340;
	line-height: 1.3;
	text-align: left;	
}
.arial-24b {
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 24px;
	letter-spacing: 1px;
	color: #193340;
	line-height: 1.3;
	text-align: left;	
}

.domain::before {
    content: "\0040";    /* Unicode character for @ symbol - маскировака е-мейла от ботов*/
	font-weight: normal;
}

/******* font parameters *******/

.bold {
	font-weight: bold
}
.uppercase {
	text-transform: uppercase
}
.line-height25 {
	line-height: 2
}

/* *******  font color ******* */

.red {
	color: #d4024c
}
.gray {
	color: #6d757b
}

/******* ADD PARAMETRS *******/

.sh-container, .sh-wrapper, .sh-wrapper-contacts, .sh-col-l, .sh-col-r, img, ul.sub-menu, nav a, #submit {
	-moz-transition: all .4s ease-in-out;
	-webkit-transition: all .4s ease-in-out;
	-o-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.opacity:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.4;
	-o-opacity: 0.4;
	-webkit-opacity: 0.4;
	opacity: 0.4;
}
.clear {
	width: 100%;
	clear: both;
}
.center {
	margin: 0 auto;
	text-align: center;
}
.dis-none {
	display: none;
	visibility: hidden;
}
.fixed {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
}
.z-index {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 99;
}
.no-link {
	cursor: default;
}
a.link {
	color: #cf0106;
}
footer a.link {
	font-family: Arial, sans-serif;
	text-transform: uppercase;	
	font-weight: normal;
	font-size: 14px;
	letter-spacing: 3px;	
	line-height: 1.3;
	color: #c62f3c;	
}
a.link:hover {
	color: #f13958;
}
.border3 {
	border-radius: 3px;
}
hr.head {
	  border: none; 
    color: #c9cbcc; 
    background-color: #c9cbcc; 
    height: 1px; 
}

/*********  width for containers  *********/

.mw1920 {
	max-width: 100%;
	max-width: 1920px;
	box-sizing: border-box;
}

/** responsive **/

.mw472 {
	max-width: 100%;
	max-width: 472px;	
}

.mw990 {
	max-width: 100%;
	max-width: 990px
}
.mw1100 {
	max-width: 100%;
	max-width: 1100px
}
.w300 {
	width: 300px
}
.w341 {
	width: 341px
}
.w472 {
	width: 472px
}
.w728 {
	width: 728px
}
.w1020 {
	width: 1020px
}
.w1100 {
	width: 1100px
}

/* *********  background color ********* */

.bg-fff {
	background: #fff
}
.bg-193340 {
	background: #193340
}
.bg-rgba1 {
	background: rgba(250, 250, 250, 0.8)
}
.bg-pattern {
	background-position: 0 0;
	background-repeat: repeat;
	background-image: url(../img/pattern.png);
}
.bg-header {
	margin: 0 auto;
	text-align: center;
	background-color: #fff;
	background-image: url(../img/header-img2.png);
	background-size: cover;
	/* image for all area */
}
.bg-footer {
	margin: 0 auto;
	text-align: center;
	background-color: #000;
	background-image: url(../img/footer-img.png);
	background-size: cover;
	/* image for all area */
}
.bg-border {
	background: none;
	border: 4px solid #99a5ad;
}

/* ***********  position  *********** */

.f-left {
	float: left
}
.f-right {
	float: right
}
.t-left {
	text-align: left
}
.t-right {
	text-align: right
}
.t-center {
	text-align: center
}
.t-just {
	text-align: justify
}

/* margin */

.margin-0a {
	margin: 0 auto
}
.margin-t10 {
	margin-top: 10px
}
.margin-t11 {
	margin-top: 11px
}
.margin-t15 {
	margin-top: 15px
}
.margin-t17 {
	margin-top: 17px
}
.margin-t20 {
	margin-top: 20px
}
.margin-t25 {
	margin-top: 25px
}
.margin-t30 {
	margin-top: 30px
}
.margin-t35 {
	margin-top: 35px
}
.margin-t40 {
	margin-top: 40px
}
.margin-t45 {
	margin-top: 45px
}
.margin-t55 {
	margin-top: 55px
}
.margin-t50 {
	margin-top: 50px
}
.margin-t60 {
	margin-top: 60px
}
.margin-t70 {
	margin-top: 70px
}
.margin-t80 {
	margin-top: 80px
}
.margin-t100 {
	margin-top: 100px
}
.margin-t-8p {
	margin-top: -8%
}
.margin-b0 {
	margin-bottom: 0px
}
.margin-b10 {
	margin-bottom: 10px
}
.margin-b15 {
	margin-bottom: 15px
}
.margin-b20 {
	margin-bottom: 20px
}
.margin-b25 {
	margin-bottom: 25px
}
.margin-b30 {
	margin-bottom: 30px
}
.margin-b40 {
	margin-bottom: 40px
}
.margin-b50 {
	margin-bottom: 50px
}
.margin-b60 {
	margin-bottom: 60px
}
.margin-b-7 {
	margin-bottom: -7px
}
.margin-l2p {
	margin-left: 2%
}
.margin-l3p {
	margin-left: 10%
}
.margin-l15 {
	margin-left: 15px
}
.margin-l20 {
	margin-left: 20px
}
.margin-l50 {
	margin-left: 50px
}
.margin-l120 {
	margin-left: 120px
}
.margin-r10 {
	margin-right: 10px
}
.margin-r20 {
	margin-right: 20px
}
.margin-r25 {
	margin-right: 25px
}
.margin-r30 {
	margin-right: 30px
}
.margin-r35 {
	margin-right: 35px
}
.margin-r40 {
	margin-right: 40px
}
.margin-r45 {
	margin-right: 45px
}
.margin-r49 {
	margin-right: 49px
}
.margin-r50 {
	margin-right: 50px
}
.margin-r53 {
	margin-right: 53px
}
.margin-r60 {
	margin-right: 60px
}
.margin-r65 {
	margin-right: 65px
}
.margin-r70 {
	margin-right: 70px
}
.margin-r80 {
	margin-right: 80px
}
.margin-r90 {
	margin-right: 90px
}
.margin-r100 {
	margin-right: 100px
}
.margin-r110 {
	margin-right: 110px
}
.margin-r120 {
	margin-right: 120px
}
.margin-r130 {
	margin-right: 130px
}
.margin-r147 {
	margin-right: 147px
}
.margin-r150 {
	margin-right: 150px
}
.margin-r160 {
	margin-right: 160px
}
.margin-tb20 {
	margin-top: 20px;
	margin-bottom: 20px
}
.margin-tb30 {
	margin-top: 30px;
	margin-bottom: 30px
}
.margin-tb40 {
	margin-top: 40px;
	margin-bottom: 40px
}
.margin-t-100 {
	margin-top: -100px;
}

/* padding */

.padding-no {
	padding: 0
}
.padding-t2 {
	padding-top: 2px
}
.padding-t5 {
	padding-top: 5px
}
.padding-t10 {
	padding-top: 10px
}
.padding-t15 {
	padding-top: 15px
}
.padding-t20 {
	padding-top: 20px
}
.padding-t25 {
	padding-top: 25px
}
.padding-t30 {
	padding-top: 30px
}
.padding-t34 {
	padding-top: 57px
}
.padding-t40 {
	padding-top: 40px
}
.padding-t49 {
	padding-top: 49px
}
.padding-t50 {
	padding-top: 50px
}
.padding-t60 {
	padding-top: 60px
}
.padding-t62 {
	padding-top: 62px
}
.padding-t70 {
	padding-top: 70px
}
.padding-t80 {
	padding-top: 80px
}
.padding-t90 {
	padding-top: 90px
}
.padding-t95 {
	padding-top: 95px
}
.padding-t100 {
	padding-top: 100px
}
.padding-t120 {
	padding-top: 120px
}
.padding-b5 {
	padding-bottom: 5px
}
.padding-b10 {
	padding-bottom: 10px
}
.padding-b15 {
	padding-bottom: 15px
}
.padding-b20 {
	padding-bottom: 20px
}
.padding-b30 {
	padding-bottom: 30px
}
.padding-b35 {
	padding-bottom: 35px
}
.padding-b40 {
	padding-bottom: 40px
}
.padding-b50 {
	padding-bottom: 50px
}
.padding-b60 {
	padding-bottom: 60px
}
.padding-b70 {
	padding-bottom: 70px
}
.padding-b80 {
	padding-bottom: 80px
}
.padding-b100 {
	padding-bottom: 100px
}
.padding-r5 {
	padding-right: 5px
}
.padding-r10 {
	padding-right: 10px
}
.padding-r15 {
	padding-right: 15px
}
.padding-r20 {
	padding-right: 20px
}
.padding-r30 {
	padding-right: 30px
}
.padding-r40 {
	padding-right: 40px
}
.padding-r50 {
	padding-right: 50px
}
.padding-r100 {
	padding-right: 100px
}
.padding-l2 {
	padding-left: 2px
}
.padding-l10 {
	padding-left: 10px
}
.padding-l15 {
	padding-left: 15px
}
.padding-l20 {
	padding-left: 20px
}
.padding-l30 {
	padding-left: 30px
}
.padding-l50 {
	padding-left: 50px
}
.padding-l100 {
	padding-left: 100px
}
.padding-lr10 {
	padding-left: 10px;
	padding-right: 10px
}
.padding-lr15 {
	padding-left: 15px;
	padding-right: 15px
}
.padding-tb5 {
	padding: 5px 0
}
.padding-tb25 {
	padding: 25px 0
}
.padding-tb30 {
	padding: 30px 0
}
.padding-tb40 {
	padding: 40px 0
}
.padding-3040 {
	padding: 30px 40px 20px;
}
.padding-40 {
	padding: 40px
}
.padding-lrtb {
	padding: 5px 15px;
}

/* for header img */

.padding-percent {
	padding: 2% 0px 10%
}
.padding-percent1 {
	padding: 5% 10px
}
.padding-percent2 {
	padding: 2% 0px 2%
}

/* **** feedback form *********** */

.bg-gray {
	background: #d5d8de
}
.green {
	color: #68a145
}

/* table */
p.p-table {
text-align: left;	
margin-bottom: 10px;
}
table.table-bordered {
	width: 100%;	
	border-spacing: 1px;
}
table.table-bordered.margin-r5 {
	width: 98%;
	border-spacing: 1px;
}
  .table-bordered th,
  .table-bordered td {    
		font-family: Verdana, Arial, sans-serif;
		font-size: 15px;
		color: #6d6d6d;	
		padding: 10px 0;		
  }
	td.green-color {
	color: #000;
}
tr.head th {
	color: #000;
}
td.green-color span.red {
	color: #c1013d;
}
td.green-color span {
	color: #000;
}
td.blue-color {
	color: #3856c6;
}
td.orange-color {
	color: #c1013d;	
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
 border: 1px solid #7f9399; 
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border: 1px solid #7f9399;
}
tbody>tr:hover {
	background: #dae0e5;
}
/* end table */

/* If ! Screen size is less than or equal to 1200px (adaptive layout) */
@media screen and (max-width: 1200px),
screen and (max-device-width: 1200x){
	
table {
width: 100%;
float: none;
margin: 0 auto;
text-align: center;
padding: 0;	
margin-bottom: 10px;	
}
p.p-table {
text-align: center;	
}
.sh-col-r.mw985 table.table-bordered.margin-r5 {
	width: 100%;
	min-width: 185px;
float: none;
margin: 0 auto;
text-align: center;
padding: 0;
margin-bottom: 15px;
}
}

/* If ! Screen size is less than or equal to 400px (adaptive layout) */
@media screen and (max-width: 400px),
screen and (max-device-width: 400px){
table {
width: 94%;
}
}
/********************* RESET CSS***********************/

* {
	margin: 0;
	padding: 0
}
html, body {
	width: 100%;
	height: 100%
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	background-position: 0 0;
	background-repeat: no-repeat;
	border: 0 none;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline
}
a img, :link img, :visited img {
	border: 0 none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
q:before, q:after, blockquote:before, blockquote:after {
	content: ""
}
blockquote, q {
	quotes: "" ""
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
a, ol, ul {
	list-style: none;
	text-decoration: none;
	outline-style: none
}
pre {
	-webkit-overflow-scrolling: touch;
	background: #f8f8f8;
	border-radius: 6px;
	border: solid 1px #e5e5e5;
	font-family: monospace;
	font-size: 0.9em;
	line-height: 1.75em;
	margin: 0 0 2em 0;
	overflow-x: auto;
	padding: 1em 1.5em
}
code {
	background: #f8f8f8;
	border-radius: 6px;
	border: solid 1px #e5e5e5;
	font-family: monospace;
	font-size: 0.9em;
	margin: 0 0.25em;
	padding: 0.25em 0.65em
}
body {
	overflow-y: scroll;
	overflow-x: hidden
}
:focus {
	outline: none
}
ul li a:focus {
	outline: none
}
/*****************  BASIC CONTAINERS  *****************/

.sh-container {
	text-align: center;
	margin: 0 auto;
	width: 100%;
	height: auto;
	line-height: 0;
}
.sh-wrapper {
	display: inline-block;
	height: auto;
	line-height: 1.5;
}
.sh-col-l {
	float: left;
}
.sh-col-r {
	float: right;
}

/* *** 2 boxes - img+text *** */

.imgtexts {
	display: block;
	text-align: left;
	margin: 30px 0 5px;
}
img.picture {
	display: block;
	float: left;
	max-width: 100%;
	height: auto;
	margin: 0px 30px 3px 0;
}
img.pic-center {
	display: block;
	float: none;
	max-width: 100%;
	height: auto;
	margin: auto;
}
/* *** back to top *** */

.scrollup {
	width: 40px;
	height: 40px;
	opacity: 0.3;
	position: fixed;
	bottom: 50px;
	right: 100px;
	display: none;
	text-indent: -9999px;
	background: url(../img/icon_top.png) no-repeat;
	-moz-transition: .4s ease-in-out;
	-webkit-transition: .4s ease-in-out;
	-o-transition: .4s ease-in-out;
	transition: .4s ease-in-out;
}
.scrollup:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.2;
	-o-opacity: 0.2;
	-webkit-opacity: 0.2;
	opacity: 0.2;
}
/******************  CSS3 MEDIA QUERIES  ******************/

/* If ! Screen size is less than or equal to 1920px (adaptive layout) */

@media screen and (max-width: 1920px), screen and (max-device-width: 1920px) {
	img {
		/* Эластичные изображения */
		max-width: 100%;
		height: auto;
		width: auto\9;
	}
}
/* If ! Screen size is less than or equal to 1180px (adaptive layout) */

@media screen and (max-width: 1180px), screen and (max-device-width: 1180px) {
	.sh-wrapper-test.w0000 {
		width: 90%;
	}
	/* responsive 1 */
	.sh-col-test.w000 {
		max-width: 94%;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	/* responsive 2 */
	.sh-col-l-test.w000 {
		width: 96%;
		margin-left: 0;
		float: none;
		margin: 0 auto;
		text-align: center;
		margin-bottom: 20px;
		padding: 0;
	}
	/* responsive 3 для img + для блока, в котором лежит !!! (прописывать полныe путi)*/
	.sh-col-test.w000 {
		float: none;
		margin: 0 auto;
		text-align: center;
		max-width: 100%;
		width: auto\9;
		padding: 0 10px;
		/* important */
	}
	/* responsive 4 */
	.sh-col-test.w000 {
		float: none;
		margin: 0 auto;
		text-align: center;
	}
	/* responsive 5 */
	.sh-col-test.w000 {
		float: none;
		margin: 0 auto;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	/* FOR FONTS (font in inner) */
		.sh-wrapper.w0000 {
		width: 96%;
		padding: 0 2%;
	}
	.sh-col-l.w000 {
		width: 98%;
		padding: 0 1%;
	}
	/* font in inner */
}

/* If ! Screen size is less than or equal to 520px (adaptive layout) */

@media screen and (max-width: 520px), screen and (max-device-width: 520px) {
	.scrollup {
		left: 0;
		margin-left: 10px;
	}
}

/* list-style */
ul.list-style {
	display: block;
	font-family: Arial, sans-serif;	
	font-weight: normal;
	font-size: 16px;
	letter-spacing: 1px;
	color: #2f3438;
	line-height: 1.3;
	text-align: left;
	list-style-image: url(../img/marker.png);
	padding-left: 20px;
}
/*--------------------------------------------------------------
Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}
/*--------------------------------------------------------------
Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
/*--------------------------------------------------------------
Clearings
--------------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
/*--------------------------------------------------------------
Main Navigation
--------------------------------------------------------------*/
nav#main-navigation.primary-navigation.navigation.clearfix {
	margin: 0;
	padding: 0;
}
.primary-navigation {
	float: left;
	margin: 1em 0;
}
.main-navigation-toggle {
	display: none;
}
.main-navigation-menu {
	float: left;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	position: relative;	
}
.main-navigation-menu li {
	float: left;
	position: relative;
	margin: 0;
}
.main-navigation-menu a {
	font-family: Arial, sans-serif;
	text-transform: uppercase;	
	font-weight: bold;	
	letter-spacing: 2px;
	color: #f9fbfc;
	line-height: 1.3;
	display: block;	
	font-size: 0.75rem; /* not edit*/
	padding: 1.4em 1.8em 0.7em 1.8em; /* padding for a */
	text-decoration: none;
}

/* desktop menu */
/* arrows */

.main-navigation-menu > .current-menu-item.menu-item-has-children > a:after {
	display: inline-block;
	margin: -0.2em 0 0 0.5em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: inherit;
	vertical-align: top;
	content: url(../img/arrow-desctop-current.png);	
}
.main-navigation-menu > .menu-item-has-children > a:after {
	display: inline-block;
	margin: -0.2em 0 0 0.5em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: inherit;
	vertical-align: top;
	content: url(../img/arrow-desctop.png);	
}
ul > .menu-item-has-children > a:after {
	display: inline-block;
	margin: -0.2em 0 0 0.5em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: inherit;
	vertical-align: top;
	content: url(../img/arrow-desctop.png);	
}
.main-navigation-menu a:link, 
.main-navigation-menu a:visited {
	color: #fff;
	text-decoration: none;
}
.main-navigation-menu li a:hover {
	color: #f95c69;
}
.main-navigation-menu ul {
	position: absolute;
	display: none;
	z-index: 99;
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-position: outside;
	background: #1c1f29;
	border-bottom: 1px solid rgba(255,255,255,0.2);
}
.main-navigation-menu ul li{
	margin: 0;
}
.main-navigation-menu ul a {
	width: 10rem;
	padding: 1em;
	float: none;
	/* font-size: 13px; */
	/* font-size: 0.8125rem; */
	border-bottom: 1px solid rgba(255,255,255,0.2);
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.main-navigation-menu ul li:last-child a {
	border-bottom: none;
}
.main-navigation-menu ul .menu-item-has-children > a:after {
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-decoration: inherit;
	vertical-align: top;
	-webkit-transform:rotate(270deg);
	-moz-transform:rotate(270deg);
	-o-transform:rotate(270deg);
	-ms-transform:rotate(270deg);
}
.main-navigation-menu ul .menu-item-has-children > a:hover:after {
	text-decoration: none;
}
.main-navigation-menu li ul ul {	
	padding: 0;
	border: 1px solid rgba(255,255,255,0.2);
}
.main-navigation-menu li:hover ul ul, 
.main-navigation-menu li:hover ul ul ul, 
.main-navigation-menu li:hover ul ul ul ul {
	display: none;
}
.main-navigation-menu li:hover ul, 
.main-navigation-menu li li:hover ul, 
.main-navigation-menu li li li:hover ul, 
.main-navigation-menu li li li li:hover ul {
	display: block;
}
.main-navigation-menu li.current-menu-item > a {
	text-decoration: none;
	color: #f95c69;
}
.main-navigation-menu ul li.current-menu-item > a:after {
	text-decoration: none;
}
ul.sub-menu.level2 {
	margin-left: 130px;	
}
ul.sub-menu li a{	
	background: #193340;
	font-size: 0.7em; 
}
ul.sub-menu.level2 li a{	
	background: #193340;
	font-size: 0.7em; 
}
ul.sub-menu.level2 a {
		border: 1px solid rgba(255,255,255,0.2);
}

/*--------------------------------------------------------------
Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
Desktop Large ( < 1120px )
--------------------------------------------------------------*/
@media only screen and (max-width: 70em) {
		.main-navigation-menu a {
		padding: 1.4em 1.1em 0.7em; /* padding for a */
}	
}
/*--------------------------------------------------------------
Desktop Small ( < 960px )
--------------------------------------------------------------*/
@media only screen and (max-width: 60em) {

	nav#main-navigation.primary-navigation.navigation.clearfix {
	margin: 0;
	padding: 0 0 17px 0;
}

/* for sub menu */

ul.sub-menu li a {	
	background: #213e4c;
	font-size: 0.8em;	
}
ul.sub-menu.level2 li a {	
	background: #294858;
	font-size: 0.8em;	
}
ul.sub-menu.level2 a {
	border: 1px solid rgba(255,255,255,0.2);
}
/* *** */
	ul.sub-menu {
	margin-left: 0px;
	background: none;
}
	ul.sub-menu.level2 {
	margin-left: 0px;
	background: none;
}
	/* Reset */
	.primary-navigation {
		margin: 0;
	}	
	.primary-navigation, 
	.main-navigation-menu li {
		float: none;
		position: static;
	}	
	.main-navigation-menu ul {
		position: static;
		display: block;
	}	
	.main-navigation-menu ul a {
		width: auto;
		float: none;
	}	
	.main-navigation-menu li ul ul {
		margin-left: 0;
	}	
	.main-navigation-menu li:hover ul ul, 
	.main-navigation-menu li:hover ul ul ul, 
	.main-navigation-menu li:hover ul ul ul ul,
	.main-navigation-menu li:hover ul, 
	.main-navigation-menu li li:hover ul, 
	.main-navigation-menu li li li:hover ul,
	.main-navigation-menu li li li li:hover ul {
		display: inline;
	}	
	.main-navigation-menu > .menu-item-has-children > a:after,
	.main-navigation-menu ul .menu-item-has-children > a:after {
		display: none;
	}	
	.main-navigation-menu > .current-menu-item.menu-item-has-children > a:after {
	content: none;	
}
.main-navigation-menu > .menu-item-has-children > a:after {
	content: none;	
}
	/* Main Navigation Toggle */	
	.main-navigation-toggle {
		float: none;
		display: inline-block;
		margin: 0;
		padding: 1em;
		background: none;
	}	
	.main-navigation-toggle:hover,
	.main-navigation-toggle:focus,
	.main-navigation-toggle:active {
		cursor: pointer;
		background: none;
	}	
	/* icon gamburger */	
		.main-navigation-toggle {
		border: none;
		outline: none;
		padding: 25px 0 0;
	}	
	.main-navigation-toggle:after {
		float: left;
		display: inline-block;	
		line-height: 1;		
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-decoration: inherit;
		vertical-align: middle;
		content: url(../img/gamburger.png);	
	}	
	.main-navigation-toggle:hover:after {
		content: url(../img/gamburger-hover.png);
	}		
	/* Main Navigation Menu */	
	.main-navigation-menu {
		float: left;
		width: 100%;
		display: none;
		margin-bottom: 1em;
		border-top: 1px solid rgba(255,255,255,0.2);
	}	
	.main-navigation-menu li {
		margin: 0;
	}	
	.main-navigation-menu a {
		display: block;
		clear: left;
		padding: 1.2em;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		font-size: 0.9rem; /* not edit*/
	
	}	
	.main-navigation-menu ul {
		float: none;
		width: 100%;
		border: none;
		padding: 0;
	}	
	.main-navigation-menu ul a {
		display: block;
		width: 100%;
		padding-left: 2em;
	}	
	.main-navigation-menu ul li ul a {
		padding-left: 4em;
	}	
	.main-navigation-menu ul li ul li ul a {
		padding-left: 6em;
	}	
	.main-navigation-menu ul li ul li ul li ul a {
		padding-left: 8em;
	}	
	.main-navigation-menu ul li:last-child a {
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}
	.main-navigation-menu li ul ul {
		border: none;
		border-top: 1px solid rgba(255,255,255,0.2);
	}	
	.main-navigation-menu li.current-menu-item > a {
		text-decoration: none;
		border-bottom: 1px solid rgba(255,255,255,0.2);
	}
	/* Mobile Submenu Dropdowns */	
	.main-navigation-menu .submenu-dropdown-toggle {
		float: right;
		display: block;
		margin: 0;
		padding: 0.8em 1.2em;
	}	
	.main-navigation-menu .submenu-dropdown-toggle:hover {
		cursor: pointer;
	}	
	/* icon la-angle-down */	
	.main-navigation-menu .submenu-dropdown-toggle:before {		
		line-height: 1;		
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-decoration: inherit;
		vertical-align: middle;
		content: url(../img/sub-menu-down.png);		
	}	
	/* icon la-angle-up */	
	.main-navigation-menu .submenu-dropdown-toggle.active:before {
		content: url(../img/sub-menu-up.png);		
	}	
	.main-navigation-menu .submenu-dropdown-toggle:hover:before {
		color: #ffae00;
	}	
	.main-navigation-menu ul .submenu-dropdown-toggle {
		padding: 0.5em 1em;
	}	
	.main-navigation-menu ul .submenu-dropdown-toggle:before {
		font-size: 24px;
	}	

}
/*--------------------------------------------------------------
Mobile Small ( < 320px )
--------------------------------------------------------------*/
@media only screen and (max-width: 20em) {	
	.main-navigation-toggle:after {
		font-size: 24px;
	}	
}
/* Ensure navigation is visible on desktop view */
@media only screen and (min-width: 60.001em) {	
	.main-navigation-menu {
		display: block !important;
	}	
}

/************************  CSS3 MEDIA QUERIES  ************************/

/* If ! Screen size is less than or equal to 1920px (adaptive layout) */

@media screen and (max-width: 1920px), screen and (max-device-width: 1920px) {
	img {
		/* Эластичные изображения */
		max-width: 100%;
		height: auto;
		width: auto\9;
	}
	.dis-non-pc {
		display: none;
	}
}

/* If ! Screen size is less than or equal to 1105px (adaptive layout) */

@media screen and (max-width: 1105px), screen and (max-device-width: 1105px) {

	.sh-wrapper.w1100 {
		width: 100%;
		padding: 0;
	}	
		.sh-wrapper.w1020 {
		width: 96%;
		padding: 2%;		
	}	
	.sh-col-l.w341 {
		max-width: 98%;
		float: none;
		margin: 0 auto;
		text-align: center;
	}
		.sh-col-r.w728 {
		max-width: 98%;
		float: none;
		margin: 0 auto;
		text-align: center;
		margin-top: 20px;
	}
	
	/* footer */
	
		.sh-col-l.w300 {
		width: 98%;
		float: none;
		margin: 0 auto;
		text-align: center;
		max-width: 100%;		
		width: auto\9;
		padding: 0;
		margin: 0;
	}
		.sh-col-r.w300 {
		width: 98%;
		float: none;
		margin: 0 auto;
		text-align: center;
		max-width: 100%;		
		width: auto\9;
		padding: 0;
		margin: 0;
	}
	.sh-col-l.w300 p {
		float: none;
		margin: 0 auto;
		text-align: center;
		max-width: 100%;		
		width: auto\9;
		padding: 0;
		margin: 0;
	}
		.sh-col-r.w300 p {
		float: none;
		margin: 0 auto;
		text-align: center;
		max-width: 100%;		
		width: auto\9;
		padding: 0;
		margin: 0;
	}
		.sh-col-l.w341 {
		width: 98%;
		float: none;
		margin: 0 auto;
		text-align: center;
		max-width: 100%;		
		width: auto\9;
		padding: 0;
		margin: 0;
	}
		.sh-col-l.w341 h3 {
		width: 98%;
		float: none;
		margin: 0 auto;
		text-align: center;
		max-width: 100%;		
		width: auto\9;
		padding: 0;
		margin: 0 0 10px;		
	}
	.dis-non-mob {
		display: none;
	}
	p.dis-non-pc {
		display: block;
		margin-top: 20px;		
	}

		/* ** video * */

		.sh-col-l.mw472 {
		max-width: 100%;		
		float: none;
		margin: 0 auto;
		text-align: center;
		width: auto\9;		
	}
		iframe.video-respons {
		width: 100%;		
		width: auto\9;				
	}
}

/* If ! Screen size is less than or equal to 400px (adaptive layout) */

@media screen and (max-width: 400px), screen and (max-device-width: 400px) {
.arial-15b {
	line-height: 1.3;
	text-align: center;
}
}
