/* Стили для всего сайта */
/* ( в том числе 4k (xxl): ≥ 1930px ) */

body {
	font-family: 'Open Sans', sans-serif;
}

h1,
.h1 {
	text-transform: uppercase;
	font-weight: bold;
}

h2:not(.h2-title),
.h2:not(.h2-title) {
	font-size: 32px;
	text-transform: uppercase;
}

.sub-title {
    font-style: normal;
	font-size: 20px;
}

.fon .sub-title {
    color: #fff;
}

.sub-title:before {
    display: none;
}

.page-content {
	background: url(/img/background.jpg) center no-repeat;
	background-size: cover;
}

.button,
.button2 {
	font-size: 15px;
	min-height: 40px;
}

.button {
	background: linear-gradient(to right, #AC8C31, #E4CE71);
	color: #000;
	border-radius: 0;
}

.button:hover {
	background: linear-gradient(to right, #AC8C31, #E4CE71);
	box-shadow: 0 0 10px #dfc76ec7;
}

.button:active {
	background: linear-gradient(to right, #AC8C31, #E4CE71);
}

.button2 {
	background-color: transparent;
	color: #DFC76E;
	border: 1px solid #DFC76E;
	border-radius: 0;
	text-transform: none;
}

.button2:hover {
	color: #000;
	background: linear-gradient(to right, #AC8C31, #E4CE71);
}

.button2:active {
	color: #DFC76E;
	background-color: transparent;
}

.page-content {
    padding-top: 0;
}

.fon {
	background: url(/img/background3.jpg) center top no-repeat;
	background-size: cover;
	padding-top: 25px;
	padding-bottom: 50px;
	margin-bottom: 25px;
}

.fon h1, .fon .h1, .fon h2, .fon .h2 {
	color: #DFC76E;
	font-weight: bold;
}

.breadcrumb li a, .breadcrumb li span {
    color: #fff;
}

.breadcrumb li a {
	text-decoration: none;
}

.breadcrumb li a:hover span {
	color: #DFC76E;
}

.breadcrumb li:not(:last-child):after {
    content: "/";
    color: #fff;
}

.header-desktop .logo .nameblock {
	display: inline-block;
	width: 300px;
	margin-left: 20px;
	vertical-align: middle;
}

.header-desktop .logo .nameblock .name {
	display: block;
	font-size: 28px;
    font-weight: bold;
	margin-bottom: 3px;
}

.header-desktop .logo .nameblock .slogan {
	display: block;
	font-size: 11px;
}

.header-desktop .title {
	font-weight: bold;
}

.header-desktop .lic {
	display: flex;
    align-items: center;
	margin-left: 50px;
}

.header-desktop .lic .pic {
	font-size: 24px;
	background: linear-gradient(to right, #AC8C31, #E4CE71);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.header-desktop .lic .text {
	font-size: 14px;
	margin-left: 10px;
}

.header-desktop .contacts .time {
	font-size: 14px;
	margin-bottom: 10px;
}

.header-desktop .contacts .time .far {
	font-size: 20px;
	vertical-align: middle;
	background: linear-gradient(to right, #AC8C31, #E4CE71);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.header-desktop .contacts .email {
	font-size: 14px;
	margin-bottom: 10px;
}

.header-desktop .contacts .email a {
	text-decoration: none;
}

.header-desktop .contacts .email a:hover {
	color: #E1C884;
}

.header-desktop .contacts .email .fa {
	font-size: 20px;
	vertical-align: middle;
	background: linear-gradient(to right, #AC8C31, #E4CE71);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.header-desktop .contacts .adress {
	font-size: 14px;
}

.header-desktop .contacts .adress .fa {
	font-size: 20px;
	vertical-align: middle;
	background: linear-gradient(to right, #AC8C31, #E4CE71);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.header-desktop .contacts .phoneblock .phone {
	text-decoration: none;
	font-size: 19px;
}

.header-desktop .contacts .phoneblock div:not(:last-child) {
	margin-bottom: 5px;
}

.header-desktop .contacts .phoneblock .phone:hover {
	color: #E1C884;
}

.header-desktop .contacts .phoneblock .fas {
	font-size: 20px;
	vertical-align: middle;
	background: linear-gradient(to right, #AC8C31, #E4CE71);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.menu-top-container {
    background-color: #0D0D0D;
}

.menu-top:not(.mm-menu) ul.level1 > li > .item, .menu-top:not(.mm-menu) ul.level1 > li.flexMenu-viewMore > a {
    text-transform: none;
	min-height: 50px;
	font-size: 15px;
}

.menu-top:not(.mm-menu) ul.level1 > li:hover > .item, .menu-top:not(.mm-menu) ul.level1 > li.active > .item, .menu-top:not(.mm-menu) ul.level1 > li.selected > .item, .menu-top:not(.mm-menu) ul.level1 > li.flexMenu-viewMore:hover > a, .menu-top:not(.mm-menu) ul.level1 > li.flexMenu-viewMore.active > a {
    background: linear-gradient(to right, #AC8C31, #E4CE71);
	color: #000;
}

.menu-top:not(.mm-menu) ul.level2, .menu-top:not(.mm-menu) ul.flexMenu-popup {
    background-color: #F2F2F2;
	border: 1px solid #fff;
	max-width: 450px;
}

.menu-top:not(.mm-menu) ul.level2 > li:not(:last-child) {
	border-bottom: 1px solid #fff;
}

.menu-top:not(.mm-menu) ul.level2 > li > .item, .menu-top:not(.mm-menu) ul.flexMenu-popup > li > .item {
    color: #000;
	font-size: 15px;
}

.menu-top:not(.mm-menu) ul.level2 > li:hover > .item, .menu-top:not(.mm-menu) ul.level2 > li.active > .item, .menu-top:not(.mm-menu) ul.level2 > li.selected > .item, .menu-top:not(.mm-menu) ul.flexMenu-popup > li:hover > .item, .menu-top:not(.mm-menu) ul.flexMenu-popup > li.active > .item, .menu-top:not(.mm-menu) ul.flexMenu-popup > li.selected > .item {
    background: linear-gradient(to right, #AC8C31, #E4CE71);
}

.menu-top:not(.mm-menu) ul ul.level2:not(.level2-fullwidth-column) ul.level3 {
    background-color: #F2F2F2;
	border: 1px solid #fff;
}

.menu-top:not(.mm-menu) ul ul.level2:not(.level2-fullwidth-column) ul.level3 > li:not(:last-child) {
	border-bottom: 1px solid #fff;
}

.menu-top:not(.mm-menu) ul ul.level2:not(.level2-fullwidth-column) ul.level3 > li > .item {
	color: #000;
	font-size: 15px;
}

.menu-top:not(.mm-menu) ul ul.level2:not(.level2-fullwidth-column) ul.level3 > li:hover > .item, .menu-top:not(.mm-menu) ul ul.level2:not(.level2-fullwidth-column) ul.level3 > li.active > .item, .menu-top:not(.mm-menu) ul ul.level2:not(.level2-fullwidth-column) ul.level3 > li.selected > .item {
    background: linear-gradient(to right, #AC8C31, #E4CE71);
}

.vertical-menu ul.level1 {
    border: 1px solid #fff;
}

.vertical-menu ul.level1 > li > .item-wrap > .item {
    min-height: 40px;
    color: #333;
	border-bottom: 1px solid #fff;
	background: #F2F2F2;
}

.vertical-menu ul.level1 > li:last-child > .item-wrap > .item {
    border-bottom: none;
}

.vertical-menu ul.level1 > li > .item-wrap > .item:hover, .vertical-menu ul.level1 > li.active > .item-wrap > .item, .vertical-menu ul.level1 > li.selected > .item-wrap > .item {
    background: linear-gradient(to right, #AC8C31, #E4CE71);
    color: #333;
}

.vertical-menu ul.level2 {
    background: linear-gradient(to right, #AC8C31, #E4CE71);
	border-bottom: 1px solid #fff;
}

.vertical-menu ul.level2 > li > .item {
    color: #333;
	font-size: 14px;
}

.vertical-menu ul > li:not(.selected) a:hover span {
	transform: none;
}

.text ul li {
	list-style: none;
	position: relative;
}

.text ul li:before {
	content: '';
	position: absolute;
	top: -5px;
    left: -30px;
	width: 35px;
	height: 35px;
	background: url(/img/marker.png) top left no-repeat;
}

.index-slider .item .text-container .title, .fullwidth-slider .item .text-container .title {
    font-size: 36px;
	color: #E1C884;
}

.fullwidth-slider .item .text-container .title span {
	display: block;
    font-size: 48px;
	font-weight: bold;
	text-transform: uppercase;
}

.fullwidth-slider .item .text-container .text {
	color: #fff;
}

.fullwidth-slider .button-container {
	text-align: left;
}

.fullwidth-slider .button-container .button .fas {
	margin-left: 20px;
}

.fullwidth-slider .button-container .button2 {
	margin-left: 30px;
}

.fullwidth-slider .owl-carousel .owl-dots .owl-dot.active span {
    width: 14px !important;
    height: 14px !important;
    background: linear-gradient(to right, #AC8C31, #E4CE71) !important;
}

.fullwidth-slider .owl-carousel .owl-dots .owl-dot:hover span {
    width: 14px;
    height: 14px;
    background: rgba(255, 255, 255, 0.4);
}

.catalog-advantage-variant1 .item {
    text-align: left;
}

.catalog-advantage-variant1 .item .img-container {
    margin-left: 0;
    margin-right: 0;
}

.catalog-advantage-variant1 a.item:hover .title, .catalog-advantage-variant1 a.item:hover .text {
    color: #333;
	opacity: 0.8;
}

.catalog-advantage-variant10 .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%;
	position: relative;
	box-shadow: 0 0 10px #0000007d;
}

.catalog-advantage-variant10 .item .img-container .no-img:before,
.catalog-advantage-variant10 .item .lazy-container .img-container-padding:before {
	padding-top: 73.77%;
	content: "";
	display: block;
}

.catalog-advantage-variant10 .item .text-container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: absolute;
    bottom: 3px;
    left: 0;
    width: 100%;
    height: 30%;
    color: #fff;
    line-height: 1.1;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-transition: background 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out;
    background: #0009;
    transition: background 0.3s ease-in-out;
}

.catalog-advantage-variant10 .item .line {
	content: '';
	position: absolute;
    bottom: 0;
    left: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(to right, #AC8C31, #E4CE71);
}

.catalog-advantage-variant10 .item:hover .line, .catalog-advantage-variant10 .item.open .line {
	display: none;
}

.catalog-advantage-variant10 .item:hover .text-container, .catalog-advantage-variant10 .item.open .text-container {
	background: #fff;
	align-items: normal;
	flex-direction: column;
	-webkit-transition: background 0.3s ease-in-out, align-items 0.3s ease-in-out;
    -o-transition: background 0.3s ease-in-out, align-items 0.3s ease-in-out;
    transition: background 0.3s ease-in-out, align-items 0.3s ease-in-out;
	height: 100%;
	bottom: 0;
}

.catalog-advantage-variant10 .item:hover .text-container .text, .catalog-advantage-variant10 .item.open .text-container .text {
	display: flex;
}

.catalog-advantage-variant10 .item .text-container .name {
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 15px;
	text-align: center;
	color: #E1C884;
	text-decoration: none;
}

.catalog-advantage-variant10 .item:hover .text-container .name, .catalog-advantage-variant10 .item.open .text-container .name {
	font-weight: bold;
}

.catalog-advantage-variant10 .item .text-container a.name:hover {
	/*color: #FC2445;*/
}

.catalog-advantage-variant10 .item .text-container .name + .text {
	margin-top: 10px;
}

.catalog-advantage-variant10 .item .text-container .text {
	display: none;
	font-size: 14px;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	overflow: hidden;
}

.catalog-advantage-variant10 .item .text-container .text ul {
	padding: 0;
}

.catalog-advantage-variant10 .item .text-container .text ul li {
	list-style: none;
	line-height: 2.1;
}

.catalog-advantage-variant10 .item .text-container .text ul li a {
	color: #fff;
	text-decoration: none;
}

.catalog-advantage-variant10 .item .text-container .text ul li a:hover {
	color: #FC2445;
}

.catalog-advantage-variant10 .item .strelka {
	position: absolute;
	right: 15px;
	bottom: 15px;
	display: flex;
    align-items: center;
    justify-content: center;
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
	font-size: 14px;
	color: #E1C884;
	text-decoration: none;
}

.catalog-advantage-variant10 .item:hover .strelka {
	opacity: 1;
	transition: opacity 0.3s ease-in-out;
}

.pl .h1, .pl .h2 {
	text-transform: none;
	color: #E1C884;
}

.pl .h1 span, .pl .h2 span {
	font-size: 48px;
	font-weight: bold;
}

.pl .phone {
	text-decoration: none;
	font-size: 30px;
	position: relative;
	margin-left: 50px;
}

.pl .phone:hover {
	color: #E1C884 !important;
}

.pl .phone:before {
	content: '\f879';
    position: absolute;
    left: -50px;
    top: 0;
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	color: #E1C884
}

.text-elements table > tbody > tr > th, .table-responsive > .overflow > table > tbody > tr > th, .text-elements table > thead > tr > th, .table-responsive > .overflow > table > thead > tr > th, .text-elements table > tfoot > tr > th, .table-responsive > .overflow > table > tfoot > tr > th {
    background: #DFC76E;
	color: #fff;
}

.text-elements table > tbody > tr > td, .table-responsive > .overflow > table > tbody > tr > td, .text-elements table > tbody > tr > th, .table-responsive > .overflow > table > tbody > tr > th, .text-elements table > thead > tr > td, .table-responsive > .overflow > table > thead > tr > td, .text-elements table > thead > tr > th, .table-responsive > .overflow > table > thead > tr > th, .text-elements table > tfoot > tr > td, .table-responsive > .overflow > table > tfoot > tr > td, .text-elements table > tfoot > tr > th, .table-responsive > .overflow > table > tfoot > tr > th {
    border: 1px solid #797979;
}

.map-block .title {
	font-weight: bold;
}

.map-block .contacts .copyright {
    font-size: 14px;
    text-align: left;
}

.map-block .contacts .phoneblock, .map-block .contacts .time, .map-block .contacts .email, .map-block .contacts .adress {
    font-size: 14px;
	margin-bottom: 20px;
}

.map-block .contacts .phoneblock a {
	text-decoration: none;
}

.map-block .contacts .phoneblock a:hover {
	color: #E1C884;
}

.map-block .contacts .email a:hover {
	text-decoration: none;
	color: #E1C884;
}

.map-block .contacts .ss-vk .vk {
	font-size: 35px;
	background: linear-gradient(to right, #AC8C31, #E4CE71);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

footer .footer-bottom {
    background: #000;
    color: #fff;
    font-size: 12px;
    padding-top: 10px;
	padding-bottom: 20px;
}

footer .footer-bottom a {
	color: #fff;
}

/* /Стили для всего сайта */


/* Extra large (xl): ≤ 1929px */
@media only screen and (max-width: 1929px) {



}
/* Extra large (xl): ≤ 1929px */


/* Large (lg): ≤ 1359px */
@media only screen and (max-width: 1359px) {

.header-desktop .logo img {
	width: 80px;
}

.header-desktop .logo .nameblock {
    width: 190px;
}

.header-desktop .logo .nameblock .name {
    font-size: 17px;
}

.header-desktop .lic {
    margin-left: 30px;
}

.header-desktop .lic .pic {
    font-size: 18px;
    background: linear-gradient(to right, #AC8C31, #E4CE71);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.header-desktop .lic .text {
    font-size: 10px;
}

.header-desktop .contacts .time, .header-desktop .contacts .email, .header-desktop .contacts .adress {
    font-size: 10px;
}

.header-desktop .contacts .time .far, .header-desktop .contacts .email .fa, .header-desktop .contacts .adress .fa {
    font-size: 16px;
}

.header-desktop .contacts .phoneblock .fas {
    font-size: 16px;
}

.header-desktop .contacts .phoneblock .phone {
    font-size: 12px;
}

.fullwidth-slider .item .text-container .title {
    font-size: 30px;
}

.fullwidth-slider .item .text-container .title span {
    font-size: 34px;
}

.pl .h1 span, .pl .h2 span {
    font-size: 35px;
}

}
/* /Large (lg): ≤ 1359px */


/* Medium (md): ≤ 991px */
@media only screen and (max-width: 991px) {

.header-desktop .logo img {
    width: 70px;
}

.header-desktop .logo .nameblock {
    width: 130px;
	margin-left: 10px;
}

.header-desktop .logo .nameblock .name {
    font-size: 12px;
}

.header-desktop .lic {
    margin-left: 0;
}

.fullwidth-slider .item .text-container .title {
    font-size: 22px;
}

.fullwidth-slider .item .text-container .title span {
    font-size: 25px;
}

.pl .h1 span, .pl .h2 span {
    font-size: 25px;
}

.pl h2:not(.h2-title), .pl .h2:not(.h2-title) {
    font-size: 20px;
}

.pl .phone {
    font-size: 20px;
	margin-left: 35px;
}

.pl .phone:before {
    left: -35px;
}

}
/* /Medium (md): ≤ 991px */


/* Small (sm): ≤ 767px */
@media only screen and (max-width: 767px) {

.header-mobile {
    background: #fff;
    color: #333;
	border-bottom: 1px solid #0D0D0D;
}

.fullwidth-slider .item .text-container .title span {
    font-size: 22px;
}

.fullwidth-slider .item .text-container .title {
    font-size: 20px;
}

}
/* /Small (sm): ≤ 767px */


/* Extra small: ≤ 575px */
@media only screen and (max-width: 575px) {



}
/* /Extra small: ≤ 575px */


/* Mobile L: ≤ 425 */
@media only screen and (max-width: 425px) {

.fullwidth-slider .button-container .button2 {
    margin-left: 0;
}

}
/* /Mobile L: ≤ 425 */


/* Mobile M: ≤ 375 */
@media only screen and (max-width: 375px) {



}
/* Mobile M: ≤ 375 */


/* Mobile S: ≤ 320 */
@media only screen and (max-width: 320px) {



}
/* Mobile S: ≤ 320 */