@font-face {
    font-family: "Opensans";
    font-style: normal;
    font-weight: normal;
    src: local("☺"), url("/themes/default/fonts/opensans.woff") format("woff"), url("/themes/default/fonts/opensans.ttf") format("truetype"), url("/themes/default/fonts/opensans.svg") format("svg");
}
@font-face {
    font-family: "Opensansbold";
    font-style: normal;
    font-weight: normal;
    src: local("☺"), url("/themes/default/fonts/opensansbold.woff") format("woff"), url("/themes/default/fonts/opensansbold.ttf") format("truetype"), url("/themes/default/fonts/opensansbold.svg") format("svg");
}

.desktop-image {
	display: inline!important;
}
.mobile-image {
	display: none!important;
}
.desktop-block {
	display: block!important;
}
.mobile-block {
	display: none!important;
}
.desktop-flex {
	display: -webkit-box!important;
	display: flex!important;
}
.mobile-flex {
	display: none!important;
}
.desktop-td {
	display:table-cell!important;
}
.mobile-td {
	display: none!important;
}
.desktop-a {
	display:inline!important;
}
.mobile-a {
	display: none!important;
}
#header-menu-trigger {
	display: none;
}
.catalog-menu-mobile {
	display: none;
}
#header-projects-trigger {
	display: none;
}

@media screen and (max-width: 1200px) {
    
	html,
	body {
		margin: 0;
		padding:0;
		width:100%;
	}
	body.no-scroll {
		height: 100%;
		overflow: hidden;
	}
	#page {
		width: 100%;
		padding: 0;
		margin: 0;
		min-width:auto;
		max-width:none;
	}

	.desktop-image {
		display: none!important;
	}
	.mobile-image {
		display: inline!important;
	}

	.desktop-block {
		display: none!important;
	}
	.mobile-block {
		display: block!important;
	}

	.desktop-flex {
		display: none!important;
	}
	.mobile-flex {
		display: -webkit-box!important;
		display: flex!important;
	}
	.desktop-td {
		display: none!important;
	}
	.mobile-td {
		display:table-cell!important;
	}	
	.desktop-a {
		display:none!important;
	}
	.mobile-a {
		display: inline!important;
	}
    /* ----- header ----- */
	#header {
		position: fixed;
		top:0;
		left:0;		
		height:70px;
		width:100%;
		min-width: 320px;

		display: -webkit-box;

		display: flex;
		-webkit-box-align: center;
		        align-items: center;
		-webkit-box-pack: start;
		        justify-content: flex-start;

		z-index: 10000;
		box-shadow: 4px 4px 8px 0px rgba(12, 105, 177, 0.7);
		background-color: #fff;
		border-top:4px solid #0c69b1;
	}
	#header-menu-trigger,
	#header-projects-trigger {
		display: block;
		-webkit-box-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		justify-content: space-between;
		margin: 5px 10px 2px 10px;
		padding: 5px;
		text-decoration: none;
		border:2px solid #0ba5ca;
		box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.4);
		background: rgb(255,255,255);
		background: radial-gradient(circle, rgba(255,255,255,1) 61%, rgba(161,224,237,1) 100%);
	}
	#header-menu-trigger,
	#header-projects-trigger {
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
	}

	#header-menu-trigger .material-icons,
	#header-projects-trigger .material-icons  {
		color:#118aa6;
	}
	#headerl {
		float: none;
		padding: 0;
		margin: 0 10px 0 auto;
		width: 50px;
		height: 50px;
		flex-basis: 50px;
		background: none;
	}
	#headerl img {
		width: 50px;
	}
	#headerr {
		display: none;
	}	
	#headersun {
		display: none;
	}
	#headergost {
		display: none;
	}
	#headertitleword {
		display: none;
	}
	#headermainword {
		position: static;
		width: auto;
		height: auto;
		padding: 0;
		margin: 0 auto 0 0;
	}
	#headermainword span {
		font-size: 15px!important;
		font-family: "Opensansbold";
	}
	#header-menu-trigger-wrapper,
	#header-projects-trigger-wrapper {
		/**/
	}
	#header-menu-trigger-wrapper p,
	#header-projects-trigger-wrapper p {
		margin: 0;
		padding: 0;
		text-align: center;
		color:#0ba5ca;
		color:#0c69b1;
		font-size: 11px;
	}
	/*
	#search_top_mobile {
		width: 90%;
		margin: 0;
		padding: 5px 3%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
		background-color: #fff;
		border:2px solid #c6bb9a; 
		color:#64625a;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		-ms-border-radius: 5px;
		-o-border-radius: 5px;
	}
	#search_top_mobile input {
		width: 90%;
		flex-basis: 90%;
		padding:5px 3%;
		border: none;
	}
	#search_top_mobile input:active, 
	#search_top_mobile input:hover, 
	#search_top_mobile input:focus {
		outline: 0;
		outline-offset: 0;
	}*/
	/* header menu mobile */
	#menu.header-menu {
		display: none;
		/* display: block; */
		/* overflow: hidden; */
		width:100%;
		height: 100%;
		position: fixed;
		top:0;
		left:0;
		min-width: 350px;
		background-color: #eef4fb;
		z-index: 10000;
	}
	#menu.header-menu.active {
		display: block;
	}
	.header-menu .catalog-menu-mobile-close {
		position: absolute;
		top:10px;
		right:10px;
	}
	.header-menu .header-menu-mobile-close {
		position: absolute;
		top:10px;
		right:10px;		
	}
	.header-menu #menuchibi {
		display: none;
	}
	.header-menu #header-menu-wrapper {
		width: 100%;
		height: 100%;
		position: relative;
		overflow: hidden;
	}
	.header-menu #menuleft {
		width: 100%;
		margin:20px 0;
	}
	.header-menu ul#navmenu {
		width: 90%;
		height: auto;
		padding: 0;
		margin: 0 auto;
	}
	.header-menu ul#navmenu .level_1 {
		display: block;
		float: none;
		margin:0 0 10px 0;
		padding: 10px 2% 10px 2%;
		width: 92%!important;
		background: none;
		border-bottom:2px solid #0ba5ca;
		/* border-left:2px solid #094b7e; */
	}
	.header-menu ul#navmenu .level_1:last-child {
		border-bottom: none;
	}
	.header-menu ul#navmenu .level_1 a {
		font-size: 16px;
		font-family: "Opensansbold";
		color:#094b7e;
		padding: 0;
		margin: 0;
		text-transform: uppercase;
	}
	.header-menu ul#navmenu .level_1 a:hover {
		text-decoration: none;
		color:#0ba5ca;
	}
	.header-menu ul#navmenu .submenuleft2 {
		display: block;
	}
	.header-menu ul#navmenu ul {
		position: static;
		background: none;
		width: 100%;
		display: block;
		border:none;
	}
	.header-menu #menu #topl2,
	.header-menu #menu #topl3,
	.header-menu #menu #topl4,
	.header-menu #menu #topl5 {
		width: 100%;
	}
	.header-menu #header-menu-wrapper-title {
		width: 90%;
		padding: 10px 0;
		margin: 0 auto;
		/* border-bottom: 2px solid #094b7e; */
		/* border-left: 2px solid #094b7e; */
		text-transform: uppercase;
		color: #0c69b1;
		font-family: "Opensansbold";
		font-size: 18px;
	}
	.header-menu ul#navmenu ul li {
		padding:10px 0;
	}
	.header-menu ul#navmenu .level_1 li a {
		text-transform: lowercase;
		font-size: 16px!important;
		font-family: "Opensans";
		line-height: 20px;
		color:#118aa6;
	}
	.header-menu ul#navmenu ul li a::before {
		content: " ▸";
	}
	/* wrapmain */
	#wrapmain {
		display: block;
		width: 96%;
		padding: 70px 0 30px 0;
		margin: 0 auto;
		font-family: "Opensans";
	}
	#content {
		margin: 0;
		padding: 0 0 15px 0;
		width: 100%;
	}
	#mobile-publications-content {
		width: 100%;
	}
	#mobile-publications-content .bluetitle {
		background: #0ba5ca;
		color: #ffffff;
	}
	.block {
		margin: 5px 0px 10px 0px;
		padding: 10px 15px;
		border-bottom:2px solid #0ba5ca;
		border-left:2px solid #0ba5ca;
	}
	.block a {
		display: block;
		text-decoration: none;
		color:#094b7e;
	}
	.block a.more {
		display: none;
	}
	/* lside */
	#lside {
		display: block;
		position: fixed;
		top:90px;
		left:0;
		margin: 0;
		padding: 20px 20px 20px 0px;
		z-index: 2;
		background: #fff;
		-webkit-transition-property: all;
		transition-property: all;
		-webkit-transition-duration: 0.2s;
		transition-duration: 0.2s;
		-webkit-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out;
		transform: translate(-200%, 0);
		-webkit-transform: translate(-200%, 0);
		-moz-transform: translate(-200%, 0);
		-ms-transform: translate(-200%, 0);
		-o-transform: translate(-200%, 0);
		box-shadow: -4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}
	#lside .ltitle.bluetitle {
		display: none;
	}
	#lside .ltitle.bluetitle.bluetitle-years {
		display: block;
		font-size: 13px;
		text-align: center;
		padding:5px 10px;
		margin: 0;
	}
	#lmenu {
		position: relative;
		width: 100%;
		margin: 0;
		border-top: none;
		height: 480px;
		overflow-y: scroll;
	}
	#lsertif {
		display: none;
	}
	#lside.active {
		-webkit-transition-property: all;
		transition-property: all;
		-webkit-transition-duration: 0.2s;
		transition-duration: 0.2s;
		-webkit-transition-timing-function: ease-in-out;
		transition-timing-function: ease-in-out;
		transform: translate(0%, 0);
		-webkit-transform: translate(0%, 0);
		-moz-transform: translate(0%, 0);
		-ms-transform: translate(0%, 0);
		-o-transform: translate(0%, 0);
	}
	#lside-container {
		width: 100%;
		position: relative;
	}
	#leftmenu li a {
		background: #ddebf6;
	}
	#leftmenu li a:hover {
		background: #ddebf6;
	} 
	.project-years-mobile-close {
		position: absolute;
		top: -18px;
		right: -18px;
		z-index: 1;
	}
	.project-years-mobile-close .material-icons {
		font-size: 20px;
	}
	#black-fon {
		display: none;
		position: fixed;
		cursor: pointer;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
		background: #fff;
		opacity: 0.5;
		z-index: 1;
	}
	#black-fon.active {
		display: block;
	}
	/* rside */
	#rside {
		display: none;
	}

	/* content */
	#content {
		font-family: "Opensans";
		font-size: 14px;
	}
	#mobile-slogan {
		width: 100%;
		margin: 20px auto;
		padding:0px 0;
		color:#0ba5ca;
		border-bottom:2px solid #0ba5ca;
		border-left:2px solid #0ba5ca;
	}
	#mobile-slogan h3 {
		margin: 0;
		padding: 0px 10px 10px 10px;
		text-transform: uppercase;
		font-family: "Opensansbold";
	}
	#mobile-slogan h4 {
		margin: 0;
		padding: 0px 10px 10px 10px;
		text-transform: uppercase;
		font-family: "Opensansbold";
		font-weight: normal;
	}
	#content .img-in-cat {
		display: block;
		float: none;
		margin: 10px auto;
	}
	#content .goods h1 {
		text-transform: uppercase;
		font-family: "Opensansbold";
		font-size: 16px;
		color:#0C69B1;
	}
	.Gorky {
		width: 100%;
		overflow: hidden;
		padding: 5px 0px;
		margin:10px 0;
		font-size: 12pt;
	}
	.tblforkatalog {
		float: none;
		width: 100%;
	}
	.tdgto-block-1.mobile-block {
		border-bottom:2px solid #094b7e;
		color:#094b7e
	}
	.tdgto-block-3.mobile-block {
		border-top:2px solid #094b7e;
		color:#094b7e;
		text-align: right;
	}
	.tblforkatalog td, .tbltep td {
		background: #f1f6fb;
		padding: 10px 5px;
	}
	.tblforkatalog img {
		border: 1px solid #000000;
		margin: 3px 0px;
		width: 70px;
	}
	#feedback {
		padding: 10px 2% 10px 2%;
		overflow: hidden;
		width: 95%;
	}
	.pinput, .parea {
		width: 95%;
	}
	.form-question th,
	.form-question td {
		padding: 10px 3px;
	}
	.div-scroll {
		width: 90%;
		margin: 0 auto;
		overflow-x: scroll;
	}
	#mobile-certificates-content {
		margin: 20px 0 0 0;
		padding: 0 0 0px 0;
		border-left:2px solid #1fa5d9;
		border-right:2px solid #1fa5d9;
		border-bottom:2px solid #1fa5d9;
	}
	#mobile-certificates-content .bluetitle {
		background: #1fa5d9;
		color: #ffffff;
	}
	#mobile-certificates-content a {
		display: block;
		margin: 0 auto;
		width: 100%;
		text-align: center;
	}
	#mobile-certificates-content a img {
		width: 100px;
		padding: 0;
		margin: 10px 0 20px 0;
	}
	/* footer */	
	#footer {
		clear: both;
		height: auto;
		width: 100%;
		position: relative;
		background: #0C69B1;
		display: -webkit-box;
		display: flex;
		-webkit-box-align: start;
		        align-items: flex-start;
		-webkit-box-pack: center;
		        justify-content: center;
		flex-wrap: wrap;
	}
	#footer #footerl {
		display: none;
	}
	#footer #menuleft {
		display: none;
	}
	#footer #footerlogo {
		display: none;
	}
	#footer #footerpravo {
		margin: 0 auto;
		position: static;
		-webkit-box-ordinal-group: 3;
		        order: 2;
		width: 200px;
		flex-basis: 200px;
	}
	#footer #footerpravo div {
		text-align: center;
	}
	#footer #footeraddr {
		margin: 20px auto 20px auto;
		position: static;
		-webkit-box-ordinal-group: 2;
		        order: 1;
		text-align: center;
		width: 90%;
		flex-basis: 90%;
		height: auto;
		color:#ffffff;
		font-size: 20px;
	}
	#footer #footeraddr br {
		display: none;
	}
	#footer #footergosha {
		margin: 0 auto;
		position: static;
		-webkit-box-ordinal-group: 4;
		        order: 3;
		width: 90%;
		flex-basis: 90%;
	}
	#footer #footergosha a {
		display: block;
		margin: 20px auto;
		width: 88px;
		flex-basis: 88px;
	}
	/* ============================================================== */
	
	/* ----- mainSwiper ----- */
	.mainSwiper {
		/* margin:130px auto 1px auto; */
	}

}

@media screen and (max-width: 1100px) {

}

@media screen and (max-width: 1000px) {

}

@media screen and (max-width: 900px) {
	
}

@media screen and (max-width: 800px) {

}

@media screen and (max-width: 700px) {

}	

@media screen and (max-width: 600px) {
	
}

@media screen and (max-width: 500px) {

}

@media screen and (max-width: 400px) {
    
}