/********************* 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
}

h4 {
	margin-top: 20px;
}

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
}
.text-ul {
	list-style: disc;
	text-align: left;
	font-family: Verdana, Arial, sans-serif;	
	font-size: 15px;
	margin: 20px 0 0 50px;
}
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;
}
img.picture {
	display: block;
	float: left;
	max-width: 100%;
	height: auto;
	margin: 0px 30px 3px 0;
}

/* *** 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;
	}
}
/* 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;
	}
}

/*** base color ***/

/* yellow - #ffae00 */
/* red - #cf0106 */

body {
	background: #fff;
}

.verdana-15 {
	font-family: Verdana, Arial, sans-serif;	
	font-weight: normal;
	font-size: 15px;
	letter-spacing: 0px;
	color: #000;
	line-height: 1.2;
	text-align: left;	
	margin-top: 15px;
}
.arial-16 {
	font-family: Arial, sans-serif;	
	font-weight: bold;
	font-size: 16px;
	letter-spacing: 2px;
	color: #fff;
	line-height: 1.3;
	text-align: left;
}
.arial-22 {
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 22px;
	letter-spacing: 2px;
	color: #fff;
	line-height: 1.3;
}
.arial-22 span {
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 22px;
	letter-spacing: 2px;
	color: #fff;
	line-height: 1.3;
}
.arial-22:hover, .arial-22 span:hover {
	color: #ffae00;
}
.arial-27 {
	font-family: Arial, sans-serif;	
	font-weight: bold;
	font-size: 27px;
	letter-spacing: 2px;
	color: #000;
	line-height: 1;
	text-align: left;
}
.arial-28 {
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 30px;
	letter-spacing: 3px;
	color: #fff;
	line-height: 1.3;
	text-align: left;
}
.arial-28 span {
	font-family: Arial, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 30px;
	letter-spacing: 3px;
	color: #ffae00;
	line-height: 1.3;
	text-align: left;
}

/******* font parameters *******/

.bold {
	font-weight: bold
}
.uppercase {
	text-transform: uppercase
}
.line-height17 {
	line-height: 1.7
}

/* *******  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;
}
a.link:hover {
	color: #ffae00;
}
.border3 {
	border-radius: 3px;
}

/*********  width for containers  *********/

.mw1920 {
	max-width: 100%;
	max-width: 1920px;
	box-sizing: border-box;
}

/** responsive **/

.mw990 {
	max-width: 100%;
	max-width: 990px
}
.w330 {
	width: 260px
}
.w600 {
	width: 670px
}
.w728 {
	width: 728px
}
.w980 {
	width: 980px
}
.w990 {
	width: 990px
}
.w1030 {
	width: 1030px
}
.w1100 {
	width: 1100px
}

/* *********  background color ********* */

.bg-fafafa{
	background: #fafafa
}
.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 */
}

/* ***********  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-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-b30 {
	margin-bottom: 30px
}
.margin-b40 {
	margin-bottom: 40px
}
.margin-b50 {
	margin-bottom: 50px
}
.margin-b60 {
	margin-bottom: 60px
}
.margin-l2p {
	margin-left: 2%
}
.margin-l3p {
	margin-left: 10%
}
.margin-l15 {
	margin-left: 15px
}
.margin-l20 {
	margin-left: 20px
}
.margin-l120 {
	margin-left: 120px
}
.margin-r10 {
	margin-right: 10px
}
.margin-r20 {
	margin-right: 20px
}
.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-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-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-tb20 {
	padding: 20px 0
}
.padding-tb25 {
	padding: 25px 0
}
.padding-tb30 {
	padding: 30px 0
}
.padding-tb40 {
	padding: 40px 0
}
.padding-30 {
	padding: 30px
}

/* 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
}

/*--------------------------------------------------------------
# 5.0 - 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. */
}
/*--------------------------------------------------------------
# 6.0 - 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;
}
/*--------------------------------------------------------------
# 7.0 - Clearings
--------------------------------------------------------------*/
.clearfix:before,
.clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
/*--------------------------------------------------------------
Main Navigation
--------------------------------------------------------------*/

.menu-item-has-children ul.sub-menu.level2 {
	margin-left: 130px;
}
.menu-item-has-children ul.sub-menu.level2 a {
		border: 1px solid rgba(255,255,255,0.2);
}
ul > .menu-item-has-children > a:after {
	display: inline-block;
	margin: 0em 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);	
}
nav#main-navigation.primary-navigation.navigation.clearfix {
	margin: 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;	
	font-weight: normal;	
	letter-spacing: 0px;
	color: #fff;
	line-height: 1.3;
	display: block;
	font-size: 13px; /* not */ 
	font-size: 1rem; /* not */
	padding: 0.75em 0.75em; /* padding for a */
	text-decoration: none;
}
/* desktop menu */
/* arrows */
.main-navigation-menu > .menu-item-has-children > a:after {
	display: inline-block;
	margin: -0.1em 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: #ffae00;
}
.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;
}
/* to do */
.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;
}
/* to do */
.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: #ffae00;
}
.main-navigation-menu ul li.current-menu-item > a:after {
	text-decoration: none;
}
/*--------------------------------------------------------------
Media Queries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## 17.2 - Desktop Large ( < 1120px )
--------------------------------------------------------------*/
@media only screen and (max-width: 70em) {
		.main-navigation-menu a {
	padding: 0.75em 0.2em; /* padding for a */
}	
}
/*--------------------------------------------------------------
## 17.3 - Desktop Small ( < 960px )
--------------------------------------------------------------*/
@media only screen and (max-width: 60em) {

	/*** Mobile Main Navigation ***/

	ul.sub-menu.level2 li a {
		width: 100%;
		margin-left: -130px;
		background: #363c45;
	}	
	i.la.la-angle-down {
		display: 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 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: 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);
	}	
	.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;
	}	
}
/*--------------------------------------------------------------
## 17.10 - 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;
	}
}

/* If ! Screen size is less than or equal to 1024px (adaptive layout) */

@media screen and (max-width: 1024px), screen and (max-device-width: 1024px) {
		.sh-wrapper.w1100 {
		width: 100%;
		padding: 0;
	}
		.sh-wrapper.w990 {
		width: 96%;
		padding: 0 2%;
	}
		.sh-col-l.w257 {
		text-align: center;
		margin: 0 auto;
		float: none;
	}
		.sh-col-r.w728 {
		text-align: center;
		margin: 0 auto;
		float: none;
		margin-top: 20px;
	}
		.sh-col-l.w640 {
		text-align: center;
		margin: 0 auto;
		float: none;		
	}
	.sh-col-l.w640 h1.arial-28 {
		width: 100%;		
		text-align: center;
		margin: 0 auto;
		float: none;
	}
		.sh-col-l.w640 h2.arial-16 {
		width: 100%;		
		text-align: center;
		margin: 0 auto;
		float: none;
	}
		.sh-col-l.w990 h2.arial-27 {			
		padding: 0 1%;
	}
	img.imggray {
		display: none;
	}
	.sh-wrapper.mw990 {
		width: 96%;
		padding: 0 2%;
	}
	.sh-col-l.w330 {
		width: 100%;
		text-align: center;
		margin: 0 auto;
		float: none;
		padding: 20px 0 30px;
	}
	.sh-col-l.w600 {
		width: 90%;
		text-align: center;
		margin: 0 auto;
		float: none;
		padding: 30px 0;
	}
	/* form comment */
	
	#commentform {
	width: 98%;
	padding: 0 1%;
	}
	
	#avt1, #myl2, #url3, #soob4, #md5, #input {
	width: 98%;
	}
	#submit {
	width: 99%;
		}
}

/* If ! Screen size is less than or equal to 1070px (adaptive layout) */

@media screen and (max-width: 1070px), screen and (max-device-width: 1070px) {

	.sh-wrapper.w1030 {
		width: 100%;
		padding: 0;
	}
	
}


/* If ! Screen size is less than or equal to 1000px (adaptive layout) */

@media screen and (max-width: 1000px), screen and (max-device-width: 1000px) {
	
		/* ** video * */

		.sh-col-l.w600 {
		float: none;
		margin: 0 auto;
		text-align: center;
		max-width: 100%;		
		width: auto\9;
	}
		iframe.video-respons {
		max-width: 100%;		
		width: auto\9;		
	}

	
}

/* If ! Screen size is less than or equal to 750px (adaptive layout) */

@media screen and (max-width: 750px), screen and (max-device-width: 750px) {
		.sh-wrapper.w990.margin-t35 {
		margin-top: 20px;
	}
		.sh-col-r.w728 {
		width: 90%;
	}
		.sh-col-l.w640 h1.arial-28 {
		font-size: 24px;
	}
	 h2.arial-27 {
		font-size: 24px;
	}
}

/* If ! Screen size is less than or equal to 400px (adaptive layout) */

@media screen and (max-width: 400px), screen and (max-device-width: 400px) {
	 h2.arial-27 {
		font-size: 20px;
	}
}

/* form for comments */

label.input_title {
	font-family: Verdana, Arial, sans-serif;	
	font-weight: normal;
	font-size: 15px;
	letter-spacing: 0px;
	color: #000;
	line-height: 1.2;
	text-align: left;
}
.comment_area {
	margin-top:20px;
	}
.commentlist {
	list-style:none;
	}
.commentlist li {
	border:1px solid #000000;
	margin:5px 0;
	padding:10px;
	}
.avatar_div {
	float:left;
	text-align:center;
	padding-right:10px;
	}
.author_comment {
	background-attachment:scroll;
	background-color:#transparent;
	background-repeat:repeat-x;
	}
.comments_title {
	margin-bottom:18px;
	}
#commentform {
	text-align:left;
	}
#avt1, #myl2, #url3, #soob4, #md5, #input {
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 15px;
	letter-spacing: 0px;
	color: #000;
	line-height: 1.2;
	text-align: left;
	background-color:#transparent;
	margin-bottom:18px;
	padding:5px;
	width: 100%;
	width: 970px;
	}
#submit {
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 15px;
	letter-spacing: 0px;
	background: #cf0106;
	color: #fff;	
	cursor:pointer;	
	margin-bottom:18px;
	padding:5px;
	width:100%;
	width:990px;
	height: 40px;
	border: 0px;
	outline: 0px;
	}
#submit:hover {
	background:#ffae00;
	color: #000;
	}
.input_in {
	display:none;
	}
.pagetitle {
	margin:5px 1px 18px;
	text-align:right;
	}
.archive_post {
	margin-bottom:10px;
	}
	
	/* comments */
	
.postmetadata {	
	text-align: left;
	font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 15px;
	letter-spacing: 0px;	
	color: #cf0106;
	border-bottom:1px solid #C49419;
	margin:10px 0;
	padding:3px 0;
	}
.entry{
	margin:10px 0;
	text-align:justify;
		font-family: Verdana, Arial, sans-serif;
	font-weight: normal;
	font-size: 15px;
	}
.ads{float:left;margin:0 5px 5px 0;}
.entry ul{margin-top:2px;margin-left:20px;margin-bottom:10px;}
.entry li{list-style:decimal;margin-left:25px;}
.entry ul li{list-style:disc;}
.entry ol{padding-bottom:18px;padding-left:20px;}
.navigation{margin:1px 0;padding:10px;}