﻿@font-face {
    font-family: "RobotoRegular";
    font-style: normal;
    font-weight: normal;
    src: local("☺"), url("/themes/default/fonts/RobotoRegular.woff") format("woff"), url("/themes/default/fonts/RobotoRegular.ttf") format("truetype"), url("/themes/default/fonts/RobotoRegular.svg") format("svg");
}
@font-face {
    font-family: "Robotobold";
    font-style: normal;
    font-weight: normal;
    src: local("☺"), url("/themes/default/fonts/roboto-bold.woff") format("woff"), url("/themes/default/fonts/roboto-bold.ttf") format("truetype"), url("/themes/default/fonts/roboto-bold.svg") format("svg");
}
@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");
}
@font-face {
    font-family: "Arial_Narrow";
    font-style: normal;
    font-weight: normal;
    src: local("☺"), url("/themes/default/fonts/Arial_Narrow.woff") format("woff"), url("/themes/default/fonts/Arial_Narrow.ttf") format("truetype"), url("/themes/default/fonts/Arial_Narrow.svg") format("svg");
}
@font-face {
    font-family: "optima-cyr";
    font-style: normal;
    font-weight: normal;
    src: local("☺"), url("/themes/default/fonts/optima-cyr.woff") format("woff"), url("/themes/default/fonts/optima-cyr.ttf") format("truetype"), url("/themes/default/fonts/optima-cyr.svg") format("svg");
}
@font-face {
    font-family: "optima-cyr-bold";
    font-style: normal;
    font-weight: normal;
    src: local("☺"), url("/themes/default/fonts/optima-cyr-bold.woff") format("woff"), url("/themes/default/fonts/optima-cyr-bold.ttf") format("truetype"), url("/themes/default/fonts/optima-cyr-bold.svg") format("svg");
}
html, body { 
	width: 100%; 
	height: 100%; 
	padding: 0; 
	margin: 0; 
	/* font-family: "RobotoRegular"; */
	font-family: "optima-cyr";
	/* font-family: "century_gothic"; */
	font-size: 12px; 
	color: #000000; 
	/* background: #777272;  */
}


a { 
	outline: none; 
	-moz-outline: 0; 
	border: none; 
	border-width: 0px; 
}
a:active { 
	outline: none; 
	-moz-outline: 0; 
}
a:focus { 
	outline: none; 
	-moz-outline: 0; 
}

img { 
	border: none; 
	border-width: 0px; 
}

.clear { 
	clear: both; 
	font-size: 0; 
	line-height: 0; 
	height: 0; 
}

*html #main { 
	height: 100%; 
}


p { 
	margin: 12px 0px ; 
}
a { 
	text-decoration: underline; 
	color: #000; 
}
a:hover { 
	text-decoration: none; 
}

/* ----- h1- h6 ----- */
h1 {
	color: #000;
	font-size: 25px;
	font-style: none;
	font-weight: normal;
	text-transform: uppercase;
    font-family: "optima-cyr";
}
h2, h3, h4 { 
	font-size: 18px;
	margin: 15px 0; 
	font-weight: normal; 
    font-family: "optima-cyr";
}
h3 { 
	font-size: 16px;
}
h4 {
	font-size: 14px;
}

table { 
	border-collapse: collapse; 
}

ul { 
	list-style: none; 
	margin: 0px; 
	padding: 0px; 
}

/* ----- pagewrap ----- */
html {
	
}
body {
	height:auto;
}
#pagewrap {
	width:100%;
}
#blackwrap {
	z-index:10000;
}
#show_form {
	z-index:10001;
}

/* ----- menu-header, main-header, header ----- */
header {
	width: 100%;
	background-color: #003e39;
	font-family: "optima-cyr";
    /* font-family: "century_gothic_gras"; */
    /* font-family: "candara"; */
}
#header-main-container {
	padding: 0;
	margin: 0 auto;
	width: 86.2%;
}
#header-main {
	width: 100%;
	height: 72px;
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-family: "optima-cyr";
}
.logo-header {
	padding: 0;
	margin: 0 auto 0 0;
}
#header-menu-trigger {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	color:#ff84a1;
	text-decoration: none;
	padding: 25px 30px 25px 50px;
	margin: 0 0px 0 0;
}
#header-menu-trigger.active {
	background: #002925;
}
#header-menu-trigger img {
	padding: 0;
	margin: 0 5px 0 0;
}
#header-menu-trigger .material-icons {

}
#header-menu-trigger .header-menu-trigger-title {
	font-size: 19px;
	text-transform: uppercase;
	font-family: "optima-cyr-bold";
}
#header-menu {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
#header-menu ul {
	padding: 0;
	margin: 0;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
#header-menu li {
	padding: 0;
	margin:0 0 0 30px;
}
#header-menu li::after {
	content: url("/themes/default/images/header-menu-li.png");
	/* display: block; */
	padding: 0;
	margin: 0 0 0 12px;
}
#header-menu a {
	text-decoration: none;
	color:#ffffff;
	font-size: 19px;
}

#header-info-container {
	width: 100%;
	padding: 0;
	margin: 0;
	background: #ffffff;
	font-family: "optima-cyr";
}
#header-info {
	width: 86.2%;
	padding: 0;
	margin: 0 auto;
	height: 60px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#header-info-soc {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.top-header-search {
	width: 500px;
	padding: 0;
	margin: 0 0 0 300px;
	border-bottom: 1px solid #000000;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.top-header-search input {
	flex-basis: 80%;
	border: none;
	font-size: 14px;
}
.top-header-search input::placeholder {
	color:#adadad;
}
.top-header-search input:active, 
.top-header-search input:hover, 
.top-header-search input:focus {
    outline: 0;
    outline-offset: 0;
}

#header-user-panel {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
#header-user-panel .header-phone {
    font-family: "optima-cyr-bold";
	font-size: 18px;	
	padding: 0;
	margin:0 20px 0 0;
}
#header-user-panel .header-phone span {
	font-size: 16px;
}
#header-user-panel .user {
	padding: 0;
	margin: 0;
}
#header-user-panel .wish {
	margin: 0 7px;
	padding: 0;
}
#header-user-panel .main-header-basket {

}
#header-user-panel .user a,
#header-user-panel .wish a,
#header-user-panel .main-header-basket a {
	display: block;
	text-decoration: none;
}
#header-user-panel .main-header-basket a {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-size: 15px;
	font-family: "optima-cyr-bold";
}
#header-user-panel .user a img,
#header-user-panel .wish a img,
#header-user-panel .main-header-basket a img {
	width: 23px;
	padding:5px 6px;
	margin: 0;
}

/* ----- catalog-menu-wrap ----- */
.catalog-menu-wrap {
	display: none;
	/* width: 76.4%; */
	height: 420px;
	background: #ffffff;
	position: absolute;
	top:72px;
	left:23%;
	right:0;
	z-index: 11;
	-webkit-box-shadow: -4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: -4px 4px 8px 0px rgba(34, 60, 80, 0.2);
	box-shadow: -4px 4px 8px 0px rgba(34, 60, 80, 0.2);
}
.catalog-menu-container {
	margin: 0;
	padding: 45px 0 0 60px;
}
.catalog-menu-container ul {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.catalog-menu-container ul li {
	height: 210px;
}
.catalog-menu-container ul ul {
	display: block;
}
.catalog-menu-container ul ul li {
	float: left;
	height: auto;
	width: 290px;
}
.catalog-menu-container ul li a {
	font-family: "optima-cyr-bold";
	font-size: 18px;
	text-decoration: none;
}
.catalog-menu-container ul ul li a {
	font-family: "optima-cyr";
	font-size: 18px;
	text-decoration: none;
}
/* ----- mainSwiper ----- */
#main-swiper-container {
	width: 100%;
	padding: 0;
	margin:0;
}
.mainSwiper {
	margin: 0 auto;
	padding: 0;
	width: 100%;
	position: relative;
}
.mainSwiper .swiper-slide {
	width: 100%;
}
.mainSwiper .swiper-slide img {
	width: 100%;
}
.mainSwiper .swiper-pagination-bullet {
	background: #ffffff;
	opacity: 1;
}
.mainSwiper .swiper-pagination-bullet-active {
	background: #808080;
	/* border:1px solid #c9c9c9; */
}

/* ----- catalog-on-main ----- */
#catalog-on-main {
	width: 1480px;
	padding: 0;
	margin: 0;
}

/* catalog-on-main */
#catalog-on-main {
	width: 1480px;
	padding: 0;
	margin:0 auto;
	font-family: "optima-cyr";
}
#catalog-on-main-buttons {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 0 0 0px 0;
	margin: 40px 0 0;
	border-bottom:1px solid #5b5b5b;
	/* background: url("/themes/default/images/catalog-on-main-buttons.png") repeat-x scroll 50% 96%; */
}
#catalog-on-main-buttons h3 {
	position: relative;
	top:2px;
	margin: 0 0 0 90px;
	padding: 0 0 15px 0;
	font-size: 20px;
	font-family: "optima-cyr";
	color:#5b5b5b;
	cursor: pointer;
	/* border-bottom: 3px solid #ffffff; */
}
#catalog-on-main-buttons h3:hover,
#catalog-on-main-buttons h3.active {
	color:#ff84a1;
	cursor: pointer;
	border-bottom: 3px solid #ff84a1;
}
#catalog-on-main-container {
	width: 100%;
	padding: 0;
	margin: 0 auto;
}
.catalog-on-main-block {
	display: none;
}
.catalog-on-main-block.active {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
.catalog-on-main-block .catalog-list-one {
	position: relative;
	width: 307px;
	flex-basis: 307px;
	padding: 0;
	margin: 45px 0 0 0;
}
.catalog-on-main-block .catalog-list-one img {
	width: 100%;
}
.catalog-list-one-title {
	padding: 10px 0 5px 0;
	margin: 0;
	font-size: 15px;
}
.catalog-list-one-buttons {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.catalog-list-one-price {
	margin: 0 auto 0 0;
	padding: 0;
	font-size: 18px;
	font-family: "optima-cyr-bold";
}
.catalog-list-one-buttons-favorite {
	width: 22px;
	height: 22px;
	flex-basis: 22px;
	background: url("/themes/default/images/catalog-list-one-buttons-favorite.png") no-repeat scroll 50% 50%;
	border: 1px solid #000000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
.catalog-list-one-buttons-basket {
	width: 103px;
	height: 22px;
	padding: 0;
	margin:0 0 0 6px;
	flex-basis: 103px;
	font-size: 13px;
	text-align: center;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #000000;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
}
.catalog-list-one-buttons-favorite:hover,
.catalog-list-one-buttons-favorite.active {
	background: url("/themes/default/images/catalog-list-one-buttons-favorite-active.png") no-repeat scroll 50% 50%;
	border: 1px solid #ffffff;	
}
.catalog-list-one-buttons-basket:hover {
	border: 1px solid #ff84a1;
	background-color: #ff84a1;
}
.catalog-list-one-more {
	display: none;
}
.catalog-list-one:hover .catalog-list-one-more {
	display: block;
	position: absolute;
	top:210px;
	left:57px;
	width: 198px;
	border:1px solid #ffffff;
	text-align: center;
	margin: 0;
	padding:8px 0;
	text-transform: uppercase;
	font-size: 20px;
	color:#ffffff;
}
.catalog-list-one:hover .catalog-list-one-img {
	-webkit-filter: brightness(40%);
	filter: grayscale(100%);
	filter: brightness(40%);
}
.catalog-on-main-more-all {
	margin: 0;
	padding: 40px 0 35px 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border:1px solid #ffffff;
	text-align: center;
	padding: 0;
	margin: 40px 0 35px 0;
}
.catalog-on-main-more-all a {
	margin: 0;
	padding:3px;
	text-transform: uppercase;
	font-size: 20px;
	color:#000000;
	border:1px solid #000000;
	text-decoration: none;
}
.catalog-on-main-more-all a:hover {
	color:#fff;
	background: #ff84a1;
	border:1px solid #ff84a1;
}

/* ----- about-on-main ----- */
#about-on-main {
	width: 100%;
	padding: 0;
	margin: 0;
	background: #103a34;
	color:#ffffff;
	font-family: "optima-cyr";
}
#about-on-main h2 {
	margin: 0;
	padding: 45px 0;
	text-align: center;
	font-size: 25px;
	text-transform: uppercase;
}
#about-on-main h2 span {
	color:#ff84a1;
}
#about-on-main-container {
	padding: 0 0 90px 0;
	width: 1339px;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#about-on-main-container #about-on-main-text,
#about-on-main-container #about-on-main-image {
	flex-basis: 48%;
}
#about-on-main-container #about-on-main-text {
	font-size: 20px;
	line-height: 24px;
}
#about-on-main-container #about-on-main-text p:first-child {
	margin: 0;
	padding: 0 0 20px 0;
}
#about-on-main-container #about-on-main-text p:last-child {
	margin: 0;
	padding: 0 0 0 0;
}

/* ----- service-swiper-container ----- */
#service-swiper-container {
	position: relative;
	/* display: none; */
	margin: 0 auto;
	padding: 0 40px;
	width: 77%;
	font-family: "optima-cyr";
}
.serviceSwiper {
	width: 100%;
	overflow:hidden;
}
.serviceSwiper .swiper-slide {
	background: #f1f1f1;
	padding:15px 0 20px 0;
	cursor: pointer;
}
.service-on-main-date {
	padding:0 30px 3px 20px;
	color:#5b5b5b;
	font-size: 11px;
}
.service-on-main-title {
	padding:0 30px 15px 20px;
	font-size: 14px;
}
.service-on-main-text {
	padding:0px 30px 8px 20px;
	font-size: 15px;
}
.service-on-main-more {
	padding:0px 30px 0px 20px;
	color:#4c6b67;
	font-size: 14px;
	font-family: "optima-cyr-bold";
}
.service-on-main-more a {
	color:#234a45;
	text-decoration: none;
}
.service-on-main-h3 {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.service-on-main-h3 h3 {
	font-size: 25px;
	text-transform: uppercase;
	color:#000000;
	margin: 0;
	padding: 55px 0 46px 0;
}	
.service-on-main-h3 h3 span {
	color:#ff84a1;
}
.service-on-main-h3 a {
	text-transform: lowercase;
	color:#666667;
	text-decoration: none;
	border-bottom: 1px dashed #666667;
	font-size: 25px;
}
.service-on-main-h3 a:hover {
	color:#ff84a1;
	border-bottom: 1px dashed #ff84a1;
}
.service-on-main-all-more {
	margin: 0;
	padding: 5px 0 5px 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	border:1px solid #ffffff;
	text-align: center;
	padding: 0;
	margin: 35px 0 40px 0;
}
.service-on-main-all-more a {
	margin: 0;
	padding:3px;
	text-transform: uppercase;
	font-size: 20px;
	color:#000000;
	border:1px solid #000000;
	text-decoration: none;
	font-family: "optima-cyr";
}
.service-on-main-all-more a:hover {
	color:#fff;
	background: #ff84a1;
	border:1px solid #ff84a1;
}
.serviceSwiper .swiper-button-next,
.serviceSwiper .swiper-button-prev {
	top: 57%;
}	
.serviceSwiper .swiper-button-next::after, 
.serviceSwiper .swiper-button-prev::after {
	font-size: 26px;
	color:#000000;
}
/* ----- questions-on-main ----- */
#questions-on-main {
	background-color: #ffc5d3;
}
#questions-on-main-container {
	width: 1200px;
	padding: 65px 0 61px 0;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	font-family: "optima-cyr";
}
#questions-on-main-h {
	width: 390px;
	flex-basis: 390px;
}
#questions-on-main-h h2 {
 	color:#000000;
	font-size: 45px;
	padding: 0;
	margin: 0;
}
#questions-on-main-h h3 {
	color:#446262;
	font-size: 33px;
	padding: 0;
	margin: 0;
}
#questions-on-main form {
	width: 390px;
	flex-basis: 390px;
}
#questions-on-main form input {
	width: 92%;
	padding:7px 4%;
	margin:0 0 13px 0;
	border: none;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	-o-border-radius: 9px;
}
#questions-on-main form textarea {
	width: 92%;
	height: 42px;
	padding:7px 4%;
	margin:0 0 13px 0;
	border: none;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	-o-border-radius: 9px;
}
#questions-on-main form button {
	width: 100%;
	/* height: 42px; */
	padding:6px 0%;
	margin:0 0 1px 0;
	text-align: center;
	color:#ffffff;
	text-transform: uppercase;
	font-size: 16px;
	background-color: #003e39;
	border: none;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	-ms-border-radius: 9px;
	-o-border-radius: 9px;
}
#questions-on-main form button:hover {
	background-color: #056860;
	cursor: pointer;
}
#questions-on-main form input:active, 
#questions-on-main form input:hover, 
#questions-on-main form input:focus,
#questions-on-main form textarea:active, 
#questions-on-main form textarea:hover, 
#questions-on-main form textarea:focus {
	outline: 0;
	outline-offset: 0;
}

/* ----- footer and fon-footer and law-footer ----- */
footer {
	overflow: hidden;
	width: 100%;
	/* height: 350px; */
	/* background: #102d29 url("/themes/default/images/footer.png") repeat-x scroll 0% 50%; */
	padding: 0;
	margin:0px auto 0 auto;
	font-family: "optima-cyr";
	border-top:2px solid #8b6570;
	background: rgb(35,74,69);
	background: linear-gradient(180deg, rgba(35,74,69,1) 0%, rgba(16,45,41,1) 100%);
}
footer .footer-wrapper {
	width: 1480px;
}
#footer-menu  .footer-wrapper {
	height: 295px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
#footer-menu .logo-footer {
	margin:77px 0 0 0;
}
#footer-menu-block-1 {
	margin: 0;
	padding: 35px 0 0 0;
}
#footer-menu-block-1 ul {
	padding: 0;
	margin: 0;
}
#footer-menu-block-1 li {

}
#footer-menu-block-1 a {
	display: block;
	text-decoration: none;
	color:#ffffff;
	font-size: 20px;
	margin: 0;
	padding: 0px 0 1px 0;
}
#footer-menu-block-2 {
	margin: 0;
	padding: 10px 0 0 0;
	color:#ffffff;
	font-size: 20px;
}
#footer-menu-block-2 h4 {
	margin: 25px 0 0 0;
	padding: 0;
	font-size: 19px;
	font-family: "optima-cyr-bold";
}
#footer-menu-block-2 a {
	text-decoration: none;
	color:#ffffff;
}
#footer-menu-map {
	width: 400px;
	flex-basis: 400px;
	height: 240px;
	padding: 0;
	margin:25px 0 0 0;
}
#footer-law  .footer-wrapper {
	/* width: 1480px; */
	height: 53px;
	margin: 0 auto;
	padding: 0;
	border-top:1px solid #ff84a1;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#footer-law  .footer-wrapper span {
	color:#ffffff;
	font-size: 13px;
}
#footer-law  .footer-wrapper span a {
	text-decoration: none;
	color:#ffffff;
}

/* inner */
#main.main_2 {

}
#main.main-inner {
	width: 100%;
	margin: 0 auto;
	padding:20px 7%;
}
#main.main_2 .tetext {

}	
header.header-inner {
	-webkit-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
	-moz-box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
	box-shadow: 0px 4px 8px 0px rgba(34, 60, 80, 0.2);
}

/* go-to-top */
#go-to-top {
	display: none;
	position: fixed;
	right: 11%;
	bottom:56px;
	padding:10px;
	color:#fff;
	background-color: #9ebf99;
	font-family: Opensans;
    font-size: 15px;
	text-transform: uppercase;
	text-decoration: none;
	z-index:10002;
}
#go-to-top::before {
	content: "↑";
	padding:0 3px 0 0;
}
#go-to-top.show {
	display: block;
}

/**/

@media screen and (max-width: 1900px) {
	
}

@media screen and (max-width: 1850px) {

}

@media screen and (max-width: 1800px) {
	#header-main-container {
		padding: 0;
		margin: 0 auto;
		width: 96%;
	}
	#header-info {
		width: 96%;
	}
	.catalog-menu-wrap {
		left:24%;
	}
	#main.main-inner {
		width: 96%;
		padding: 20px 2%;
	}
}

@media screen and (max-width: 1750px) {
	.catalog-menu-wrap {
		left:22%;
	}
}

@media screen and (max-width: 1700px) {
	.top-header-search {
		margin: 0 0 0 100px;
	}
	.catalog-menu-wrap {
		left:19.5%;
	}
}

@media screen and (max-width: 1650px) {
	.catalog-menu-wrap {
		left:17%;
	}
}

@media screen and (max-width: 1600px) {
	#header-menu a {
		font-size: 17px;
	}
	.top-header-search {
		margin: 0 0 0 0px;
	}
	#catalog-on-main {
		width: 99%;
	}
	.catalog-on-main-block.active {
		display: flex;
		align-items: flex-start;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	.catalog-on-main-block .catalog-list-one {
		width: 21%;
		flex-basis: 21%;
	}
	.catalog-list-one:hover .catalog-list-one-more {
		left:20%;
		top:165px;
	}
	#catalog-on-main-buttons {
		width: 95%;
		/* padding: 0; */
		margin: 40px auto 0 auto;
	}
	#service-swiper-container {
		padding: 0 5%;
		width: 90%;
	}
	.catalog-menu-wrap {
		left:20%;
	}
}

@media screen and (max-width: 1500px) {
	#header-menu a {
		font-size: 15px;
	}	
	footer .footer-wrapper {
		width: 96%;
	}
}

@media screen and (max-width: 1450px) {
	/**/
}

@media screen and (max-width: 1400px) {
	/**/
	#header-menu a {
		font-size: 13px;
	}	
	.catalog-list-one:hover .catalog-list-one-more {
		left:15%;
	}
	#about-on-main-container {
		width: 90%;
	}
	#about-on-main-container #about-on-main-text, 
	#about-on-main-container #about-on-main-image {
		flex-basis: 45%;
		font-size: 18px;
		line-height: 22px;
	}
}

@media screen and (max-width: 1350px) {
	/**/
	footer .footer-wrapper {
		width: 96%;
	}
	#header-menu li {
		padding: 0;
		margin: 0 0 0 15px;
	}
	#header-menu-trigger {
		padding: 25px 20px 25px 30px;
	}
}

@media screen and (max-width: 1300px) {
	.catalog-list-one:hover .catalog-list-one-more {
		left:10%;
	}
	#questions-on-main-container {
		width: 800px;
	}
}
@media screen and (max-width: 1250px) {
	#header-menu-trigger {
		padding: 25px 20px 25px 20px;
	}
}

@media screen and (max-width: 1200px) {
	
	/* skin-tango*/

	/*

	.jcarousel-skin-onmain1 .jcarousel-clip-vertical {
	}
	.jcarousel-skin-onmain1 .jcarousel-item {
	}
	.jcarousel-skin-onmain1 .jcarousel-item-horizontal {
		width: 280px!important;
	}
	.jcarousel-prev-horizontal {
		right: 65px!important;
	}
	.jcarousel-next-horizontal {
		right: 20px!important;
	}


	.jcarousel-skin-onmain2 .jcarousel-clip-horizontal {
		width: 1180px!important;
	}
	.jcarousel-skin-onmain2 .jcarousel-clip-vertical {
	}
	.jcarousel-skin-onmain2 .jcarousel-item {
	}

	.jcarousel-prev-horizontal {
		right: 65px!important;
	}
	.jcarousel-next-horizontal {
		right: 20px!important;
	}

	*/

}