::-webkit-scrollbar {
	width: 10px;
	height: 10px;
}
::-webkit-scrollbar-button {
	width: 0px;
	height: 0px;
}
::-webkit-scrollbar-thumb {
	background: rgba(255, 136, 0, 1);;
	border: 0px none #ffffff;
	border-radius: 0px;
}
::-webkit-scrollbar-thumb:hover {
	background: rgba(255, 136, 0, 1);;
}
::-webkit-scrollbar-thumb:active {
	background: rgba(255, 136, 0, 1);;
}
::-webkit-scrollbar-track {
background: #313131;
border: 0px none #ffffff;
border-radius: 0px;
}
::-webkit-scrollbar-track:hover {
background: #313131;
}
::-webkit-scrollbar-track:active {
background: #313131;
}
::-webkit-scrollbar-corner {
background: #313131;
}

.main_bg_text button,
.main_bg_text button:hover,
.compl,
.compl:hover,
.compl:before,
.compl:hover:before,
.items_useful,
.items_useful:hover,
.items_comfort,
.items_comfort:hover,
.order_button,
.order_button:hover,
.about_predlozenie_item,
.about_predlozenie_item:hover,
.about_predlozenie_item .up_svg svg,
.about_predlozenie_item:hover .up_svg svg,
.preimushestva_item_1,
.preimushestva_item_1:hover,
.preimushestva_item_2,
.preimushestva_item_2:hover,
.preimushestva_item_3,
.preimushestva_item_3:hover,
.preimushestva_item_4,
.preimushestva_item_4:hover,
.preimushestva_item_1::before,
.preimushestva_item_1:hover::before,
.preimushestva_item_2::before,
.preimushestva_item_2:hover::before,
.preimushestva_item_3::before,
.preimushestva_item_3:hover::before,
.preimushestva_item_4::before,
.preimushestva_item_4:hover::before,
.mobile-menu,
.fixed .mobile-menu,
.close,
.close:hover,
.modal button.modal_btn_close,
.modal button.modal_btn_close:hover {
	-webkit-transition: all .400s;
	   -moz-transition: all .400s;
		 -o-transition: all .400s;
			transition: all .400s;
}

.container-fluid {
	padding-left: 50px;	
	padding-right: 50px;
}
#header .container-fluid {
	padding-left: 40px !important;	
	padding-right: 25px !important;
}


a.logo {
	display: flex;
	justify-content: center;
}
a.logo span {
	display: block;
	font-family: "Inter", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 200;
  	font-style: normal;	
	line-height: normal;
	margin-bottom: 7px;
	color: #fff;
	font-size: 11px;
	letter-spacing: 3.2px;
}
a.logo img {
	max-width:200px;
	height: auto;
	line-height: normal;
}

.main_img {
	display: block;
	width: 100%;
	background: url('../../images/main_bg_2.jpg') center right no-repeat;
	background-size: cover;
	-webkit-border-top-right-radius: 25px;
	   -moz-border-top-right-radius: 25px;
	        border-top-right-radius: 25px;
	-webkit-border-bottom-right-radius: 25px;
	   -moz-border-bottom-right-radius: 25px;
	        border-bottom-right-radius: 25px;
}
#slider .container-fluid,
#slider .row {
	height: 100%;
}
#slider .container-fluid {
	padding-bottom: 20px;
}
.main_bg_text {
	display: flex;
	overflow: hidden;
	flex-direction: column;
	justify-content: center;
	padding: 60px 80px;
	background: #191919;
	width: 100%;
	height: 100%;
	-webkit-border-top-left-radius: 25px;
	   -moz-border-top-left-radius: 25px;
	        border-top-left-radius: 25px;
	-webkit-border-bottom-left-radius: 25px;
	   -moz-border-bottom-left-radius: 25px;
	        border-bottom-left-radius: 25px;
}
.main_bg_text::after {
	content: 'meigenz';
	text-transform: uppercase;
	font-family: 'Inter', 'Roboto', sans-serif;
	position: absolute;
	color: #ffffff;
	/* opacity: 0.05;
	-moz-opacity: 0.05;
	-ms-filter: alpha(opacity=5); */
	bottom:-80px;
	left: 12%;
	font-size: 250px;
	font-weight: 100;
	line-height: normal;
	letter-spacing: .1em;
	font-weight: 600;
	color: #131313;
	text-shadow: 1px 1px rgba(255,255,255,.1);
	/* color: rgba(255, 255, 255, 1); */
	/* -webkit-text-stroke: 1px rgba(0,0,0,.1);
  	-webkit-text-fill-color: #000; */
}
.main_img,
.main_bg_text {
	position: relative;
	height: calc(100% - 120px);
	margin-top: 120px;
	/* background: url(../../images/main_bg_2.jpg) right center no-repeat;
	background-size: cover; */
}
div.main_bg_text div {
	position: relative;
	z-index: 3;
}
.main_slider .col-md-7 {
	padding-right: 0;
}
.main_slider .col-md-5 {
	padding-left: 0;
}
.main_bg_text h1 {
	font-family: 'Segoe UI Variable Static Display', 'Google Sans', 'Roboto', sans-serif;
	font-size: 70px;
	line-height: 80px;
	font-weight: 400;
}
span.up_h1 {
	position: relative;
	left: 3px;
	display: block;
	/* color: #ff671b; */
	color: rgba(255, 136, 0, 1);
	letter-spacing: 3em;
	font-size: 11px;
	margin-bottom: 20px;
	text-transform: uppercase;
}
span.up_h1:before {
	content: '';
	position: absolute;
	z-index: 2;
	width: 100px;
	height: 1px;
	left: -135px;
	top: 50%;
	margin-top: -1px;
	/* background: #ff671b; */
	background: rgba(255, 136, 0, 1);
}
.main_bg_text p {
	font-family: 'Inter', 'Roboto', sans-serif;
	font-size: 30px;
	color: rgba(150, 161, 174, 1);
	font-weight: 200;
}
.main_bg_text p span {
	margin-right: 20px;
}
.main_bg_text p span:last-child {
	margin-right: 0;
}
.main_bg_text p span:after {
	content: '';
	display: inline-block;
	position: relative;
	top: -4px;
	margin-left: 20px;
	width: 10px;
	height: 10px;
	/* background: #ff671b; */
	background: rgba(255, 136, 0, 1);
	border-radius: 50%;
	filter: blur(2px);
}
.main_bg_text p span:last-child:after {
	display: none;
	margin-left: 0;
}
.main_bg_text button {
	font-family: 'Inter', sans-serif;
	font-size: 18px;
	font-weight: 400;
	letter-spacing: 0.03em;
	margin-top: 60px;
	/* color: #ff6727; */
	color: #fff;
	border: 1px solid #ff671b;
	/* background: rgba(52,55,58,1); */
	background: #ff671b;
	padding: 20px 50px;
	/* box-shadow: 0 0 50px lab(70.0429% 42.5156 75.8207); */
	-webkit-border-radius: 25px;
	   -moz-border-radius: 25px;
	        border-radius: 25px;
}
.main_bg_text button:hover {
	border-color: rgba(255,255,255,1);
	color: #fff;
	background: rgba(52,55,58,1);
	box-shadow: 0 0 50px rgba(255,255,255,.5);
}
.phone_up {
	display: flex;
	height: 80px;
	align-items: center;
	padding-left: 30px;
	margin-bottom: 0;
}
.phone_up li {
	list-style: none;
}
.phone_up li a {
	color: #fff;
	font-family: 'Inter', 'Google Sans', 'Roboto', sans-serif;
	font-weight: 300;
	font-size: 20px;
}
.phone_up li a:hover {
	color: #ff671b;
}
.phone_up a:last-child {
	font-size: 14px;
	border-bottom: 1px solid rgba(255,255,255,.5);
	padding-bottom: 2px;
}
.phone_up a:last-child:hover {
	border-color: transparent;
}
#topMain {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80px;
}
#topMain li {
	margin-right: 15px;
}

.stellaz-boltovoj {
	padding: 60px 50px;
}
/* .stellaz-boltovoj .container-fluid {
	padding-right: 0;
} */
.num_catalog div,
.h2_name_catalog p,
.num_catalog_black div,
.h2_name_catalog_black p {
	font-family: 'Inter', 'Roboto', sans-serif;
}
.num_catalog div,
.num_catalog_black div {
	font-size: 100px;
	line-height: 108px;
	margin-bottom: 10px;
}
.num_catalog div {
	color: #fff;
	font-weight: 200;
}
.num_catalog_black div {
	color: #1c1c1c;
	font-weight: 300;
}
.num_catalog span,
.h2_name_catalog h2,
.num_catalog_black span,
.h2_name_catalog_black h2, {
	font-family: 'Segoe UI Variable Static Display', sans-serif;
}
.num_catalog span,
.num_catalog_black span {
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: .1em;
}
.num_catalog span {
	font-family: 'Segoe UI Variable Static Display', sans-serif;
	font-weight: 400;
	color: rgba(150, 161, 174, .7);
}
.num_catalog_black span {
	color: rgba(0,0,0,.5);
	font-family: 'Segoe UI Variable Static Display', sans-serif;
	font-weight: 400;
} 
.h2_name_catalog h2,
.h2_name_catalog_black h2 {
	position: relative;
	font-size: 70px;
	line-height: 80px;
	font-weight: 400;
}
.h2_name_catalog h2,
.h2_name_catalog_black h2 {
	font-family: 'Segoe UI Variable Static Display', sans-serif;
	color: #fff;
}
.h2_name_catalog_black h2 {
	font-weight: 600;
	color: #1c1c1c;
}
.h2_name_catalog p,
.h2_name_catalog_black p {
	display: block;
	position: relative;
	padding-left: 120px;
	color: rgba(255,255,255,.7);
	font-weight: 300;
}
.h2_name_catalog p {
	color: rgba(150, 161, 174, 1);
}
.h2_name_catalog_black p {
	/* color: rgba(104, 116, 131, 1); */
	color: rgba(0,0,0,.5);
	font-weight: 400;
}
.h2_name_catalog p:before,
.h2_name_catalog_black p:before {
	content: '';
	position: absolute;
	top: 12px;
	left: 0;
	width: 90px;
	height: 1px;
}
.h2_name_catalog p:before {
	background: rgba(255,255,255,.4);
}
.h2_name_catalog_black p:before {
	background: rgba(0,0,0,.3);
}
.h2_name_catalog_up {
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(255,255,255,.1);
}
.h2_name_catalog_up_black {
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(0,0,0,.1);
}
.h2_name_catalog_up h2 span,
.h2_name_catalog_up_black h2 span {
	display: block;
	font-family: 'Inter', sans-serif;
	font-weight: 200;
	font-size: 46px;
}
.h2_name_catalog_up h2 span {
	color: rgba(150, 161, 174, 1);
}
.h2_name_catalog_up_black h2 span {
	color: rgba(0,0,0,.7);
}
.dark-bg {
	display: block;
	/* position: absolute;
	top: 0;
	left: 0; */
}
/* .dark-bg_2 {
	position: absolute;
	z-index: 2;
	background: rgba(255, 103, 0, .3);
	width: 50px;
	height: 50px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	filter: blur(24px);
} */
.light_bg,
.light_bg_2,
.light_bg_3 {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.light_bg {
	width: 100px;
	height: 100px;
	filter: blur(16px);
	background: linear-gradient(to right, rgba(255, 103, 0, 1), rgba(255, 239, 134, 1));
}
.light_bg_2 {
	z-index: 1;
	width: 60px;
	height: 60px;
	filter: blur(12px);
	background: linear-gradient(to bottom, rgba(255, 136, 0, 1), rgba(255, 248, 195, 1));
}
.light_bg_3 {
	z-index: 1;
	width: 80px;
	height: 80px;
	filter: blur(15px);
	background: linear-gradient(to bottom, rgba(255, 136, 0, 1), rgba(255, 248, 195, 1));
}
.light_bg svg {
	width: 30px !important;
	height: 30px !important;
}
table {
	font-family: 'Inter', 'Roboto', sans-serif;
}
table td, table th,
.h2_name_catalog_black table td, .h2_name_catalog_black table th {
	background: #191919;
	text-align: center;
	font-size: 15px;
	font-weight: 300;
	padding: 15px 25px !important;
}
table td, table th {
	border: 1px solid rgba(32, 38, 56, 1) !important;
	color: #fff;
	background: #191919;
}
.h2_name_catalog_black table td, .h2_name_catalog_black table th {
	border: 1px solid rgba(104, 116, 131, .1) !important;
	/* color: rgba(150, 161, 174, 1); */
	color: #1c1c1c;
	background: transparent;
}
table th {
	background: transparent;
	color: rgba(255, 136, 0, 1);
}
.h2_name_catalog_black table th {
	background: #ff671b;
	color: #fff;
	font-weight: 400;
}
.h2_name_catalog_black table td {
	font-weight: 400;
}
table td:first-child, table th:first-child {
	text-align: left;
}
table td:first-child {
	color: rgba(150, 161, 174, 1);
}
.h2_name_catalog_black table td:first-child {
	color: rgba(104, 116, 131, 1);
}
.stellaz-boltovoj h3,
.alert_important h3 {
	font-family: 'Segoe UI Variable Static Display', sans-serif;
	font-size: 30px;
	padding-bottom: 35px;
}
.stellaz-boltovoj h3 {
	color: #fff;
	border-bottom: 1px solid rgba(150, 161, 174, .5);
	font-weight: 600;
}
.alert_important h3,
.alert_important h3 span {
	color: #1c1c1c;
	/* border-bottom: 1px solid rgba(229, 231, 235, 1); */
}
.alert_important h3 span {
	font-weight: 350;
}
.alert_important svg {
	position: relative;
	top: -3px;
	margin-right: 15px;
	width: 30px;
	height: 30px;
	fill: #ff671b;
}
.stellaz-boltovoj h3:after/*,
.alert_important h3::after*/ {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 50%;
	height: 1px;
}
.stellaz-boltovoj h3:after {
	background: rgba(255,255,255,.5);
}
/* .alert_important h3::after {
	background-color: #1c1c1c;
	height: 1px;
	bottom: -1px;
} */
.p_alert {
	color: rgba(150, 161, 174, 1);
	font-size: 13px;
	text-transform: uppercase;
}
.p_alert span {color: rgba(255, 103, 0, 1);}
.compl {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 25px;
	background: rgba(52, 55, 58, 1);
	-webkit-border-radius: 15px;
	moz-border-radius: 15px;
	border-radius: 15px;
	min-height: 200px;
	overflow: hidden;
	margin-bottom: 30px;
}
.compl:hover {
	background: rgba(255,255,255,.1);
}
.compl:before {
	content: '';
	top: 20px;
    right: 15px;
	width: 24px;
	height: 24px;
    background-color: rgba(255,255,255,.5);
    content: ' ';
    display: inline-block;
    position: absolute;
	-webkit-mask: url(../../images/svg/circle.svg) no-repeat;
    mask: url(../../images/svg/circle.svg) no-repeat;
    -webkit-mask-size: cover;
    mask-size: cover;
}
.compl:hover:before {
	-webkit-mask: url(../../images/svg/check-circle.svg) no-repeat;
    mask: url(../../images/svg/check-circle.svg) no-repeat;
    -webkit-mask-size: cover;
	background: #fff;
}
/* .compl_main div[class*='col-'] .compl::before {
	content: '';
	position: absolute;
	width: 80px;
	height: 80px;
}
.compl_main div[class*='col-']:hover .compl::before {
	content: '';
	position: absolute;
	width: 80px;
	height: 80px;
	right: -20px;
	top: -20px;
	filter: blur(15px);
	background: linear-gradient(to right, rgba(255, 103, 0, 1), rgba(255, 239, 134, 1));
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
} */
/* .compl_main div[class*='col-']:nth-child(2n) .compl::before {
}
.compl_main div[class*='col-']:nth-child(2n+1) .compl::before {
	right: -20px;
	bottom: -20px;
} */
.compl h4 {
	font-family: 'Segoe UI Variable Static Display', sans-serif;
	color: 	rgba(150, 161, 174, 1);
	font-size: 15px;
	text-transform: uppercase;
	border-bottom: 1px solid rgba(150, 161, 174, .3);
	padding-bottom: 15px;
	font-weight: 400;
	max-width: 90%;
	line-height: 1.5em;
	letter-spacing: 0.03em;
}
.compl p {
	align-items: end;
	margin-bottom: 0;
	color: #fff;
	font-family: 'Inter', 'Roboto', sans-serif;
	font-size: 50px;
	line-height: normal;
	font-weight: 300;
}
.compl p sup {
	font-size: 14px;
	top: -30px;
}
.h2_name_catalog_up p span {
	color:rgba(255, 136, 0, 1);
}
.h2_name_catalog_up_black p span {
	color: #1c1c1c;
}
.img_catalog {
	padding-right: 80px;
}
/* .img_catalog img {
	max-width: 500px !important;
	height: auto;
} */
.img_catalog img,
.fancybox__content img,
.owl-carousel.owl-padding-0 .owl-item {
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px
}
.fancybox__caption {
	font-family: 'Google Sans', 'Roboto', sans-serif;
}
.owl-theme .owl-controls .owl-buttons div svg {
	position: relative;
	width: 36px;
	height: 36px;
	top: -5px;
}
.controlls-over .owl-controls .owl-prev svg {
	left: -2px;
}
.controlls-over .owl-controls .owl-next svg {
	right: -2px;
}
.circle_main,
.circle_main_2 {
	display: flex;
	justify-content: center;
}
.circle_main {
	padding: 60px;
}
.circle_main_2 {
	padding: 100px 0 30px 0;
}
.h2_name_useful {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 60px;
}
.h2_name_useful h2,
.h2_name_useful_black h2,
.about h2,
.preimushestva_name h2 {
	font-family: 'Segoe UI Variable Static Display', sans-serif;
}
.h2_name_useful h2 {
	color: rgba(150, 161, 174, 1);
	font-weight: 200;
	font-size: 50px;
	line-height: 80px;
	text-align: center;
}
.h2_name_useful_black h2 {
	font-size: 60px;
	color: #1c1c1c;
	line-height: 60px;
	margin-bottom: 0;
}
.h2_name_useful_black {
	display: flex;
	flex-direction: column;
	padding-left: 115px;
	padding-bottom: 60px;
	justify-content: flex-start;
	margin-top: 80px;
}
.h2_name_useful_black:before {
	content: '';
	position: absolute;
	width: 60px;
	height: 60px;
	filter: blur(14px);
    background: linear-gradient(to bottom, rgba(255, 184, 104, 1), rgba(255, 248, 195, 1));
	left: 15px;
	top: 50%;
	margin-top: -110px;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;	
}
.h2_name_useful_black p {
	font-family: 'Inter', 'Roboto', sans-serif;
	font-size: 26px;
	font-weight: 300;
	margin-bottom: 0;
	color: #1c1c1c;
}
.bottom_line {
	display: block;
	position: relative;
	height: 1px;
	background: rgba(229, 231, 235, 1);
	margin: 60px 0;
	max-width: 75%;
	left: -100px;
}
.bottom_line::before {
	content: '';
	position: absolute;
	height: 1px;
	background-color: #1c1c1c;
	width: 50%;
	bottom: -1;
	left: 0;
}
.h2_name_useful h2:before {
	content: '';
	position: absolute;
	left: -15%;
	top: 45px;
	width: 150px;
	height: 1px;
	background: rgba(150, 161, 174, 1);
}
.h2_name_useful h2 span {
	display: block;
	color: #fff;
	font-family: 'Segoe UI Variable Static Display', 'Roboto', sans-serif;
	font-size: 60px;
	font-weight: 400;
}
.h2_name_useful h2 span::after {
	content: '';
	position: absolute;
	width: 200px;
	height: 2px;
	right: -250px;
	top: 120px;
	background: #fff;
}
.useful {
	padding-right: 35px;
}
.useful .col-md-12 {
	margin-bottom: 50px;
}
.useful .col-md-12:last-child {
	margin-bottom: 0;
}
.comfort {
	padding-left: 35px;
}
.items_useful,
.items_comfort {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 200px;
	margin-bottom: 50px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	padding: 40px;
	color: #fff;
	font-family: 'Inter', 'Roboto', sans-serif;
	font-weight: 300;
	z-index: 1;
}
.items_useful {
	border: 1px solid rgba(150, 161, 174, 1);
	background: #191919;
}
.items_comfort {
	border: 1px solid rgba(255, 255, 255, 1);
	background: rgba(255,255,255,.1);
}
.items_useful:hover,
.items_comfort:hover {
	border-color: rgba(255, 136, 0, 1) !important;
}
.items_useful:hover {
	background: rgba(255,255,255,0.1);
}
.items_comfort:hover {
	background: #191919;
}
.items_useful:last-child,
.items_comfort:last-child {
	margin-bottom: 0;
}
.items_useful::after,
.items_useful::before,
.items_comfort::after,
.items_comfort::before {
	content: "";
	position: absolute;
	display: block;
	border: 2px solid #191919;
	z-index: 20;
}
.items_useful::after,
.items_comfort::after {
  left: -2px;
  top: 25px;
  right: -2px;
  bottom: 25px;
  border-top: none;
  border-bottom: none;
}
.items_useful::before,
.items_comfort::before {
  left: 25px;
  top: -2px;
  right: 25px;
  bottom: -2px;
  border-left: none;
  border-right: none;
}
.items_useful h4,
.items_comfort h4 {
	font-family: 'Segoe UI Variable Static Display', sans-serif;
	font-weight: 400;
	margin-bottom: 30px;
	text-transform: uppercase;
	font-size: 16px;
	color: #ff671b;
}
.items_useful h4 span,
.items_comfort h4 span {
	margin-right: 20px;
	color: #fff;
}
.items_useful h4 span::after,
.items_comfort h4 span::after {
	content: '';
    display: inline-block;
    position: relative;
    top: -1px;
    margin-left: 20px;
    width: 10px;
    height: 10px;
    background: rgba(255, 136, 0, 1);
    border-radius: 50%;
    filter: blur(2px);
}
.items_useful h4 span:last-child,
.items_comfort h4 span:last-child {
	margin-right: 0;
}
.items_useful h4 span:last-child::after,
.items_comfort h4 span:last-child::after {
	display: none;
}
.items_useful p,
.items_comfort p {
	align-items: end;
	margin-bottom: 0;
	font-size: 15px;
}
.items_useful p {
	color: rgba(150, 161, 174, 1);
}
.items_comfort p {
	color: rgba(255,255,255,1);
}
.bg_boltovoj div {
	width: 100%;
	height: 100%;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	overflow: hidden;
	background: url(../../images/boltovoj/bg_boltovoj.jpg) center center no-repeat;
	background-size: cover !important;
}
.order_button {
	font-family: 'Inter', sans-serif;
	color: #fff;
	font-weight: 500;
	text-transform: uppercase;
	font-size: 15px;
	padding: 20px 50px;
	margin: 40px 0;
	background: #ff671b;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	box-shadow: 0 0 50px #ff671b;
	border: 2px solid #ff671b;
}
.order_button:hover {
	background: rgba(255,255,255,.1);
	box-shadow: 0 0 50px rgba(255,255,255,.5);
	border-color: rgba(255,255,255,.3);
}
.order_button_black:hover,
.order_button_black:active,
.order_button_black:focus {
	background: #191919;
	color: #fff;
	box-shadow: 0 0 50px rgba(19,19,19,.5);
	border-color: rgba(104, 116, 131, 1);
}
.bottom_name_section {
	position: relative;
	padding: 0 0 0;
	overflow: hidden;
}
.bottom_name_section:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0; left: 0;
	background: linear-gradient(to top, #000, #131313);
	height: 50%;
}
.bottom_name_section .container-fluid {
	padding: 0;
	text-align: center;
}
.bottom_name_section p {
	position: relative;
	bottom: -35px;
	white-space: nowrap;
	font-family: 'Segoe UI Variable Static Display', sans-serif;
	font-size: 150px;
	font-weight: 600;
	line-height: 1;
	text-transform: uppercase;
	color: rgba(255,255,255,.08);
	text-shadow: 1px 1px rgba(0,0,0,.5);
	-webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;	
	margin-bottom: 0;
}
.order-form {
	background: #0d0d0d;
	padding: 120px 50px;
}
.order_name {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}
.order_name h2 {
	position: relative;
	font-family: 'Segoe UI Variable Static Display', san-serif;
	color: #fff;
	font-weight: 400;
	font-size: 46px;
}
.order_name h2::after {
	content: '';
	position: absolute;
	z-index: -1;
	width: 50px;
    height: 50px;
    filter: blur(20px);
	top: -15px;
	right: -15px;
    background: linear-gradient(to bottom right, rgba(255, 136, 0, 1), rgba(255, 248, 195, 1));
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.order_name p {
	font-family: 'Inter', sans-serif;
	font-weight: 300;
	color: rgba(150, 161, 174, 1);
	font-size: 24px;
	max-width: 500px;
	padding-bottom: 30px;
	border-bottom: 1px solid rgba(255, 255, 255, .1);
}
.order-form_bottom form div[class*='col-'] {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}

form input.form-control,
form button {
	height: 50px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
form input.form-control,
.vygoda_feedback_intro form input.form-control {
	background: rgba(0,0,0,.3);
	color: #fff;
}
form input.form-control {
	background: rgba(0,0,0,.3);
	color: #fff;
}
.vygoda_feedback_intro form input.form-control {
	background: #fff;
	color: #1c1c1c;
}
form input.form-control:active,
form input.form-control:focus {
	background: rgba(0,0,0,1);
	color: #fff;
	border-color: rgba(255, 136, 0, 1);
}
.vygoda_feedback_intro form input.form-control:active,
.vygoda_feedback_intro form input.form-control:focus {
	background: #f9f9f9;
	color: rgba(104, 116, 131, 1);
	border-color: #1c1c1c;
}
form input.form-control::placeholder {
	color: rgba(150, 161, 174, 1);
	font-size: 14px;
	font-weight: 300;
}
input:-webkit-autofill,
input:-webkit-autofill:active,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px rgba(0,0,0,1) inset !important;
  -webkit-text-fill-color: #fff !important;
}
.vygoda_feedback_intro input:-webkit-autofill,
.vygoda_feedback_intro input:-webkit-autofill:active,
.vygoda_feedback_intro input:-webkit-autofill:focus,
.vygoda_feedback_intro textarea:-webkit-autofill,
.vygoda_feedback_intro select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px rgba(150, 161, 174, 1) inset !important;
  -webkit-text-fill-color: #1c1c1c!important;
}
form label,
.vygoda_feedback_intro form label {
	font-family: 'Inter', sans-serif;
	font-weight: 300;
	font-size: 11px;
	text-transform: uppercase;
	padding-left: 13px;
}
form label {
	color: #fff;
}
.vygoda_feedback_intro form label {
	color: rgba(104, 116, 131, 1);
}
form button.cme-btn:hover,
form button.cme-btn:active,
form button.cme-btn:focus {
	background: rgba(255,255,255,.1) !important;
	box-shadow: 0 0 50px rgba(255,255,255,.5) !important;
	border-color: rgba(255,255,255,.3) !important;
}
.vygoda_feedback_intro .send_button {
	margin-top: 20px;
}
.sogl {
	font-family: 'Inter', sans-serif;
	font-weight: 200;
	font-size: 13px;
	color: rgba(150, 161, 174, 1);
}
.sogl a {
	color: rgba(255, 136, 0, 1);
	border-bottom: 1px solid rgba(255, 136, 0, 1);
	padding-bottom: 2px;
}
.sogl a:hover,
.sogl a:focus,
.sogl a:active {
	color: #fff;
	border-color: transparent;
}
.stellaz-bezboltovoj {
	background: #f9f9f9;
	padding: 0;
}
.stellaz-bezboltovoj .container-fluid {
	padding: 60px 100px 0 100px;
}
.stellaz-bezboltovoj .container-fluid:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 650px;
	background: linear-gradient(to bottom, #0d0d0d, #f9f9f9);
}
.bottom_name_section_2 p {
	content: 'стеллажи безболтовые';
	position: relative;
    bottom: -50px;
    white-space: nowrap;
    font-family: 'Segoe UI Variable Static Display', sans-serif;
    font-size: 120px;
    font-weight: 600;
    line-height: 1;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .95);
    text-shadow: 1px 1px rgba(0, 0, 0, .1);
    -webkit-background-clip: text;
    -moz-background-clip: text;
    background-clip: text;
	text-align: center;
}
.alert_important {
	padding: 80px 0;
}
.alert_text {
	display: flex;
	height: 100%;
	font-family: 'Inter', 'Roboto', sans-serif;
	padding: 50px;
	background: #fff;
	-wekit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	box-shadow: 0 0 50px rgba(0,0,0,.05);
	background: rgba(52, 55, 58, 1);
	color: #fff;
	font-weight: 300;
}
/* .alert_text:before {
	content: '\26A0';
	position: absolute;
	right: 35px;
	bottom: 0;
	font-size: 60px;
	font-family: 'Inter', sans-serif;
	font-weight: 200;
	color: rgba(150, 161, 174, .3);;
} */
.alert_text p:last-child{
	margin-bottom: 0;
}
.items_poryadok {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	padding: 40px 80px 0 15px;
	/* background: #fff; */
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
.items_poryadok p {
	margin-bottom: 0;
	font-family: 'Inter', sans-serif;
	color: rgba(104, 116, 131, 1);
}
.items_poryadok h4,
.items_poryadok h5 {
	font-family: 'Segoe UI Variable Static Display', sans-serif;
	color: #1c1c1c;
}
.items_poryadok h4 {
	font-size: 36px;
	font-weight: 350;
	margin-bottom: 60px;
}
.items_poryadok h5 {
	font-size: 46px;
	font-weight: 400;
	text-transform: uppercase;
}
.items_poryadok div {
	margin-bottom: 80px;
}
.items_poryadok div:last-child {
	margin-bottom: 0;
}
.items_poryadok_bg div,
.vygoda_items_bg div {
	width: 100%;
	height: 100%;
	background-size: cover !important;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
.items_poryadok_bg div {
	background: url(../../images/main_bg_3.jpg) center center no-repeat;
}
.vygoda_items_bg {
	padding-right: 60px;
}
.vygoda_items_bg div {
	background: url(../../images/main_bg_4.jpg) center center no-repeat;
}
.vygoda {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-bottom: 80px;
}
.vygoda_light {
	padding-left: 60px;
}
.vygoda h2 {
	font-family: 'Segoe UI Variable Static Display', sans-serif;
	font-size: 46px;
	color: #1c1c1c;
	border-bottom: 1px solid rgba(229, 231, 235, 1);
	padding-bottom: 30px;
}
.vygoda h2:before {
	content: '';
	position: absolute;
	width: 50%;
	left: 50%;
	margin-left: -25%;
	height: 1px;
	background: #1c1c1c;
	bottom: -1px;
}
.vygoda_items {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
}
.vygoda_items span {
	font-family: 'Segoe UI Variable Static Display', sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	margin-bottom: 10px;
}
.vygoda_items span:before {
	content: '|';
	padding-right: 10px;
}
.vygoda_items span:after {
	content: '|';
	padding-left: 10px;
}
.vygoda_items h3,
.vygoda_feedback h3 {
	font-family: 'Segoe UI Variable Static Display', sans-serif;
	font-weight: 400;
	color: #1c1c1c;
}
.vygoda_items h3 {
	font-size: 36px;
}
.vygoda_feedback h3 {
	font-size: 30px;
}
.vygoda_items p {
	text-align: center;
	margin-bottom: 0;
	color: rgba(104, 116, 131, 1);
}
.line_small {
	margin: 70px 0;
	width: 20%;
	height: 1px;
	background: #1c1c1c;
}
.vygoda_feedback {
	background: #fff;
	height: 100%;
	padding: 40px 60px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	box-shadow: 0 0 50px rgba(0,0,0,.05);
}
.vygoda_feedback_intro p {
	color: rgba(104, 116, 131, 1);
}
.vygoda_feedback_intro form div[class*='col-'] {
	margin-bottom: 20px;
}
.vygoda_feedback_intro form button.cme-btn:hover,
.vygoda_feedback_intro form button.cme-btn:active,
.vygoda_feedback_intro form button.cme-btn:focus{
	background: #191919 !important;
	color: #fff !important;
	box-shadow: 0 0 50px rgba(19,19,19,.5) !important;
	border-color: rgba(104, 116, 131, 1) !important;
}
.vygoda_feedback_intro button.btn-primary.disabled, .vygoda_feedback_intro button.btn-primary:disabled {
    color: rgba(255,255,255,.7) !important;
    background-color: rgba(25,25,25,.5) !important;
    border-color: rgba(104, 116, 131, 1) !important;
    box-shadow: none !important;
}
.sogl_2 {
	padding-top: 15px;
	font-family: 'Inter', sans-serif;
	font-weight: 300;
	font-size: 11px !important;
	color: rgba(104, 116, 131, 1);
}
.sogl_2 a {
	color: rgba(255, 136, 0, 1);
	border-bottom: 1px solid rgba(255, 136, 0, 1);
	padding-bottom: 2px;
}
.sogl_2 a:hover,
.sogl_2 a:focus,
.sogl_2 a:active {
	color: #1c1c1c;
	border-color: transparent;
}
section.about {
	padding: 0;
	background: #f9f9f9;
}
section.about .container-fluid {
	background: #0d0d0d !important;
	padding: 100px 100px 180px 100px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.about h2 {
	position: relative;
	color: #fff;
	font-size: 70px;
	font-weight: 350;
	text-align: center;
	margin-bottom: 80px;
}
.about div.about_light::before {
	content: '';
	position: absolute;
	right: -60px;
	top: -20px;
	width: 60px;
	height: 60px;
	filter: blur(24px);
    background: linear-gradient(to bottom, rgba(255, 136, 0, 1), rgba(255, 248, 195, 1));
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.about_name .about_line {
	position: relative;
	border-bottom: 1px solid rgba(32, 38, 56, 1);
	margin-bottom: 60px;
}
.about_name .about_line:before {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 30%;
	background: rgba(255,255,255,.5);
	height: 1px;
}
.about_we {
	padding-left: 60px;
	margin-bottom: 120px;
}
.about_we div {
	padding: 40px 60px;
	background: #191919;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
.about_we span,
.about h3,
h3.orange:before {
	font-family: 'Segoe UI Variable Static Display', sans-serif;
}
.about_we span {
	position: relative;
	font-size: 12px;
	font-weight: 400;
    color: rgba(150, 161, 174, .7);
	text-transform: uppercase;
	letter-spacing: 0.1em;
}
.about h3 {
	color: #fff;
	font-size: 36px;
	line-height: 56px;
	margin-top: 20px;
	font-weight: 350;
}
.about h3 sup {
	color: rgba(150, 161, 174, .5);
	font-size: 15px;
	top: -20px;
}
.about p,
.about_predlozenie_intro {
	color: rgba(150, 161, 174, 1);
	font-family: 'Inter', sans-serif;
	font-weight: 300;
}
.orange {
	color: #ff671b !important;
}
h3.orange {
	font-size: 90px;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-align: right;
	line-height: 90px;
}
h3.orange:before {
	content: '[ о компании ]';
	position: absolute;
	right: 460px;
	top: -30px;
	color: rgba(150, 161, 174, 1);
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.03em;
	font-weight: 350;
}
h3.orange::after {
	content: '2013';
	position: absolute;
	left: 0;
	bottom: -40px;
	font-size: 56px;
	color: rgba(150, 161, 174, .1);
	font-family: 'Inter', sans-serif;
	font-weight: 700;
	letter-spacing: 0.03em;
}
.about_we div {
	box-shadow: 0 0 30px rgba(0,0,0,.1);
}
.about_predlozenie {
	position: relative;
	padding-top: 210px;
}
.about_predlozenie:before {
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -1px;
	background: rgba(255,255,255,.2);
	width: 1px;
	height: 100px;
}
.about_predlozenie_intro {
	position: absolute;
	left: 50%;
	margin-left: 20px;
	top: 0;
	width: 30%;
	text-transform: uppercase;
	font-size: 13px;
	color: #fff;
}
.about_arrow_down_left {
	position: absolute;
	left: 50%;
	margin-left: 20px;
	top: 80px;
}
.about_predlozenie_item {
	height: 100%;
	background: #111;
	border: 1px solid rgba(32, 38, 56, 1);
	padding: 30px;
	overflow: hidden;
}
.about_predlozenie_item span {
	display: block;
	color: #fff;
	font-family: 'Inter', sans-serif;
	font-weight: 350;
	font-size: 13px;
	margin-bottom: 30px;
	text-transform: uppercase;
}
.about_predlozenie_item img {
	margin-bottom: 30px;
	max-width: 90%;
	margin-left: 5%;
}
.about_predlozenie_item,
.about_predlozenie_item img {
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
}
.about_predlozenie_item:hover {
	border-color: #4a5565;
}
.about_predlozenie_item .up_svg svg {
	position: absolute;
	right: 30px;
	top: 15px;
	fill: #111;
}
.about_predlozenie_item:hover .up_svg svg {
	fill: #fff;
}
.about_predlozenie_item h4,
.preimushestva_item h4 {
	font-family: 'Segoe UI Variable Static Display', sans-serif;
	font-weight: 400;
	margin-bottom: 15px;
	color: #fff;
	font-size: 24px;
}
.about_predlozenie_item h4 {
	display: inline-block;
}
.about_predlozenie_item p {
	margin-bottom: 0;
	font-size: 15px;
}
.about_predlozenie_item p span {
	display: inline-block;
	margin: 0 15px 0 0;
	font-size: 14px;
	text-transform: none;
	color: rgba(150, 161, 174, 1);
}
.about_predlozenie_item p span::after {
	content: '';
    display: inline-block;
    position: relative;
    top: -2px;
    margin-left: 15px;
    width: 5px;
    height: 5px;
    background: rgba(255, 136, 0, 1);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
    border-radius: 50%;
    filter: blur(1px);
}
.about_predlozenie_item p span:last-child:after {
	display: none;
}
.preimushestva {
	background: #0d0d0d;
	padding: 0;
}
.preimushestva .container-fluid {
	padding: 100px 100px 0 100px;
	border-top: 1px solid rgba(150, 161, 174, .2);
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	box-shadow: 0 0 50px #000;
}
/* .preimushestva .container-fluid::before {
	content: '';
	position: absolute;
	width: 50%;
	height: 1px;
	background: rgba(150, 161, 174, .5);
	top: 0;
	left: 50%;
	margin-left: -25%;
} */
.preimushestva_name {
	display: flex;
	flex-direction: column;
	align-items: center;
}
.preimushestva_name h2 {
	font-size: 60px;
	line-height: 60px;
	color: #fff;
}
.preimushestva_name span {
	position: absolute;
	top: -125px;
	color: rgba(150, 161, 174, 1);
	font-family: 'Inter', sans-serif;
	font-weight: 350;
	text-transform: uppercase;
	font-size: 13px;
	/* letter-spacing: 0.2em; */
	background: #111;
	padding: 15px 50px 15px 75px;
	border: 1px solid rgba(150, 161, 174, .5);
	border-top: 0;
	border-bottom: 0;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	box-shadow: 0 0 15px #000;
}
.preimushestva_name span svg {
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -15px;
	fill: #ff671b;
	width: 30px;
	height: 30px;
}
.preimushestva_name .light_bg_3 {
	margin: 30px 0;
}
.preimushestva_items {
	padding: 100px 0;
	display: flex;
}
.preimushestva_item {
	position: relative;
	overflow: hidden;
}
.preimushestva_item h4 {
	display: block;
	margin-bottom: 30px;
	border-bottom: 1px solid rgba(150, 161, 174, .2);
	padding-bottom: 25px;
}
.preimushestva_item_1,
.preimushestva_item_2,
.preimushestva_item_3,
.preimushestva_item_4 {
	position: relative;
	border: 1px solid rgba(32, 38, 56, 1);
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	padding: 30px;
	background: #111;
	z-index: 1;
	height: 100%;
}
.preimushestva_item_1:hover,
.preimushestva_item_2:hover,
.preimushestva_item_3:hover,
.preimushestva_item_4:hover {
	border-color: #4a5565;
}
.preimushestva_item_1:before {
	content: '1';
}
.preimushestva_item_2:before {
	content: '2';
}
.preimushestva_item_3:before {
	content: '3';
}
.preimushestva_item_4:before {
	content: '4';
}
.preimushestva_item_1:before,
.preimushestva_item_2:before,
.preimushestva_item_3:before,
.preimushestva_item_4:before {
	position: absolute;
	z-index: 2;
	right: 15px;
	bottom: -40px;
	font-size: 100px;
	font-family: 'Segoe UI Variable Static Display', sans-serif;
	font-weight: 600;
	color: rgba(150, 161, 174, .2);
}
.preimushestva_item_1:hover::before,
.preimushestva_item_2:hover::before,
.preimushestva_item_3:hover::before,
.preimushestva_item_4:hover::before {
	color: rgba(150, 161, 174, 1);
}
.preimushestva_item p {
	margin-bottom: 0;
	color: rgba(150, 161, 174, 1);
	font-family: 'Inter', sans-serif;
	font-weight: 350;
	font-size: 15px;
	padding-right: 40px;
}
.preimushestva_item img {
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	position: relative;
	z-index: 2;
	margin-bottom: 30px;
}
.deviz {
	padding: 20px 0 120px;
}
.deviz_name {
	padding: 0 0 60px;
	border-right: 1px solid rgba(150, 161, 174, .5);
}
.deviz_name::after {
	content: '';
	position: absolute;
	width: 1px;
	height: 50px;
	background: #fff;
	right: -1px;
	bottom: 0;
}
.deviz_name div {
	display: flex;
	justify-content: end;
	align-items: end;
	padding-right: 60px;
}
.deviz_name h2 {
	position: relative;
	color: #fff;
	font-family: 'Segoe UI Variable Static Display', sans-serif;
	font-size: 50px;
	font-weight: 600;
	line-height: normal;
	margin-bottom: 0;
	bottom: -72px;
	text-transform: uppercase;
}
.deviz_name svg {
	position: absolute;
	right: 15px;
	top: 0;
}
.deviz_text {
	padding-left: 15px;
	color: rgba(150, 161, 174, 1);
	font-family: 'Inter', sans-serif;
	font-weight: 300;
	font-size: 24px;
}
.deviz_text div {
	position: relative;
	top: -14px;
}
.preimushestva {
	border-bottom: 1px solid rgba(150, 161, 174, .2);
}
/* .gradient_bottom {
	height: 120px;
	background: linear-gradient(to top, #000, #0d0d0d);
} */
.preimushestva:before {
	content: '';
	position: absolute;
	width: 100%;
	height: 120px;
	bottom: 0;
	left: 0;
	background: linear-gradient(to top, #000, #0d0d0d);
}
.contacts {
	background: url(../../images/bottom_bg.jpg) center top -150px no-repeat;
	padding: 0;
	background-size: cover !important;
	font-family: 'Inter', sans-serif;
	font-weight: 350;
}
.contacts .container-fluid {
	padding: 0;
}
.h-550 {
	display: flex;
	justify-content: center;
	height: 550px;
	padding: 0;
	text-align: center;
	overflow: hidden;
}
.h-550:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 550px;
	background: radial-gradient(at center, transparent 50%, #0d0d0d), linear-gradient(to bottom, #0d0d0d, transparent);
	z-index: 1;
}
/* .h-550:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background: linear-gradient(to top, #0d0d0d, transparent);
	z-index: 1;
} */
.h-550 p {
	position: absolute;
	bottom: -30px;
	font-size: 250px;
	color: rgba(255,255,255,.8);
	font-weight: 600;
	margin-bottom: 0;
	line-height: normal;
	z-index: 3;
}
.span_100 {
	color: rgba(255,103,27,1);
}
.span_80 {
	color: rgba(255,103,27,.8);
}
.span_60 {
	color: rgba(255,103,27,.6);
}
.span_40 {
	color: rgba(255,103,27,.4);
}
.h-550 p:before {
	content: '';
	position: absolute;
	z-index: 2;
	width: 50px;
	height: 50px;
	left: 50%;
	margin-left: -35px;
	background: linear-gradient(to bottom, rgba(255, 103, 0, 1), rgba(255, 239, 134, 1));
	filter: blur(7.4px);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.contacts_intro {
	position: relative;
	margin-top: -50px;
	z-index: 4;
	padding: 120px 100px 120px 100px;
	background: #0d0d0d;
	border-top: 1px solid rgba(150, 161, 174, .2);
	border-bottom: 1px solid rgba(150, 161, 174, .1);
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.contacts_intro h3,
.contacts_intro h4,
.h-550 p {
	font-family: 'Segoe UI Variable Static Display', sans-serif;
}
.contacts_intro h3 {
	color: #fff;
	font-weight: 400;
	font-size: 26px;
	margin-bottom: 10px;
	text-transform: uppercase;
}
.contacts_intro h4 {
	font-size: 14px;
	font-weight: 400;
	color: rgba(150, 161, 174, .7);
	margin-bottom: 20px;
}
.trademark {
	display: block;
	color: rgba(150, 161, 174, 1);
	text-transform: uppercase;
	font-weight: 300;
	font-size: 11px;
	margin-bottom: 60px;
}
.trademark span {
	color: #ff671b;
	font-weight: 400;
}
.phone_bottom {
	display: block;
	color: #fff;
	font-size: 26px;
	font-weight: 300;
}
.phone_bottom:hover,
.phone_bottom:active,
.phone_bottom:focus,
.mail_bottom:hover,
.mail_bottom:active,
.mail_bottom:focus,
.policy a:hover,
.policy a:focus,
.policy a:active,
.site_made a:hover,
.site_made a:active,
.site_made a:focus,
.bottom_info .policy a:hover,
.bottom_info .policy a:active,
.bottom_info .policy a:focus {
	color: #ff671b;
}
.mail_bottom {
	color: #fff;
	font-weight: 300;
	border-bottom: 1px solid rgba(150, 161, 174, .5);
	padding-bottom: 3px;
}
.mail_bottom:hover {
	border-color: transparent;
}
.contacts_intro p,
.contacts_rekvizity {
	color: #fff;
	font-weight: 300;
	margin-bottom: 0;
	font-size: 15px;
}
.inn,
.kpp,
.ogrn,
.bik,
.ks,
.rs {
	padding-left: 60px;
}
.ogrn {
	margin-bottom: 20px;
}
.inn:before,
.kpp:before,
.ogrn:before,
.bik:before,
.ks:before,
.rs:before {
	position: absolute;
	left: 60px;
	color: rgba(150, 161, 174, .7);
}
.inn:before {
	content: 'ИНН:';
}
.kpp:before {
	content: 'КПП:';
}
.ogrn:before {
	content: 'ОГРН:';
}
.bik:before {
	content: 'БИК:';
}
.ks:before {
	content: 'к/с:';
}
.rs:before {
	content: 'р/с:';
}
p.policy, .policy a {
	font-size: 11px;
	margin-bottom: 0;
}
.time span {
	color: rgba(150, 161, 174, .7);
	font-size: 13px;
}
.bottom_info {
	border-top: #fff !important;
	padding: 30px 100px;
	background: #0d0d0d;
	color: rgba(150, 161, 174, .7) !important;
	font-size: 11px;
}
.site_made {
	text-align: right;
}
.bottom_info .policy {
	text-align: center;
}
.site_made a,
.bottom_info .policy,
.bottom_info .policy a {
	color: rgba(150, 161, 174, .8);
}
.site_made span:first-child {
	color: #ff671b;
}
.site_made span:last-child {
	color: #fff;
}
.mobile-menu {
    margin-left: 50px;
    margin-top: 25px;
	display: none;
}
.fixed .mobile-menu {
    margin-top: 25px;
}
.m-menu {
    display: block;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.line-top {
    top: 8px;
}
.line-bottom {
    bottom: 7px;
}
.menu-line {
    position: absolute;
    left: 0;
    height: 2px;
    width: 30px;
    transition: .3s;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    will-change: transform;
    background: #e2e2e2;
}
.m-menu:hover .line-top {
    -webkit-transform: translateY(-3px);
    transform: translateY(-3px);
}
.m-menu:hover .line-bottom {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
}
.modal {
	background: rgba(0,0,0,.7) !important;
}
.close {
	color: #fff;
	text-shadow: none;
	opacity: 1;
}
.close:hover {
	color: rgba(255, 103, 27, 1) !important;
	opacity: 1;
}

@media screen and (max-width: 1600px) {
	.bottom_name_section p {
		bottom: -30px;
		font-size: 130px;
	}
	.bottom_name_section_2 p {
		bottom: -50px;
		font-size: 110px;
	}
}
@media screen and (max-width: 1500px) {
	.items_useful, .items_comfort {
		min-height: 225px;
	}
	.compl {
		min-height: 220px;
	}
	.bottom_name_section p {
		bottom: -30px;
		font-size: 120px;
	}
	.bottom_name_section_2 p {
		bottom: -50px;
		font-size: 100px;
	}
	.stellaz-bezboltovoj,
	section.about .container-fluid,
	.preimushestva .container-fluid,
	.contacts_intro,
	.bottom_info {
		padding-left: 50px;
		padding-right: 50px;
	}
	.stellaz-boltovoj .container-fluid,
	.order-form .container-fluid,
	.stellaz-bezboltovoj .container-fluid {
		padding-left: 0;
		padding-right: 0;
	}
	.about_name,
	.about_we {
		-ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
	}
	.about_we {
		padding-left: 0;
	}
	.preimushestva_item h4 {
		min-height: 85px;
	}
	.h-550 p {
		font-size: 210px;
		bottom: -20px;
	}
}
@media screen and (max-width: 1400px) {
	section#slider {
		height: auto !important;
	}
	#header .container-fluid {
		padding-right: 35px !important;
	}
	.vygoda_items_bg {
		padding-right: 30px;
	}
	.vygoda_light {
		padding-left: 30px;
	}
	.vygoda_items h3 {
		text-align: center;
	}
}
@media screen and (max-width: 1200px) {
	#topMain {
		display: none;
	}
	.main_bg_text h1 {
		font-size: 50px;
		line-height: 60px;
	}
	.main_bg_text p {
		font-size: 24px;
	}
	.items_useful, .items_comfort {
		min-height: 280px;
	}
	.bottom_name_section p {
		bottom: -15px;
		font-size: 90px;
	}
	.order-form div[class*='col-'],
	.vygoda_light {
		-ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
	}
	.order_name p {
		max-width: 100%;
	}
	.cme-fields div.col-md-3 {
		margin-bottom: 30px;
	}
	.callme-result div {
		margin-top: 0 !important;
	}
	.alert_important .pr-60 {
		padding-right: 0 !important;
	}
	.vygoda_items span {
		text-align: center;
	}
	.vygoda_items_bg,
	.vygoda_items,
	.preimushestva_item {
		-ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
	}
	.vygoda_light {
		margin-top: 30px;
		padding-left: 15px;
	}
	.vygoda_items {
		padding-bottom: 30px;
	}
	.vygoda_light .callme-result div {
		margin-top: 30px !important;
	}
	.bottom_name_section_2 p {
		bottom: -45px;
		font-size: 80px;
	}
	.preimushestva_item {
		margin-bottom: 30px;
	}
	.h-550 p {
		font-size: 180px;
		bottom: -10px;
	}
	.mobile-menu {
		display: block;
	}
}
@media screen and (max-width: 1024px) {
	.num_catalog {
		padding-right: 0;
		margin-bottom: 80px;
		text-align: center;
	}
	.img_catalog,
	.h2_name_catalog,
	.stellaz-boltovoj .pr-60,
	.stellaz-boltovoj .col-md-8,
	.h2_name_catalog_black,
	.stellaz-bezboltovoj .pr-60,
	.vygoda_light,
	.about_name,
	.about_we {
		-ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
        max-width: 100% !important;
	}
	.img_catalog {
		padding: 0 25%;
		margin-bottom: 80px;
	}
	.stellaz-boltovoj .pr-60 {
		padding-right: 0 !important;
		margin-bottom: 80px;
	}
	.stellaz-bezboltovoj .col-md-4 {
		-ms-flex: 0 0 50%;
            flex: 0 0 50%;
        max-width: 50%;
	}
	.stellaz-bezboltovoj .pr-60 {
		padding-right: 0 !important;
	}
	.bottom_name_section_2 p {
		bottom: -45px;
		font-size: 70px;
	}
	.about_name {
		margin-bottom: 40px;
	}
	.h-550 p {
		font-size: 160px;
		bottom: -10px;
	}
}
@media screen and (max-width: 992px) {
	#topMain {
		display: none;
	}
	.phone_up {
		position: absolute;
		right: 50px;
		top: -5px;
		float: none !important;
	}
	.useful .col-md-12,
	.bg_boltovoj,
	.comfort,
	.about_predlozenie .col-md-4,
	.contacts_intro .col-md-4 {
		-ms-flex: 0 0 50% !important;
            flex: 0 0 50% !important;
        max-width: 50% !important;
		margin-bottom: 30px;
	}
	.about_predlozenie .col-md-4:last-child {
		margin-bottom: 0;
	}
	.main_slider .col-md-7,
	.useful,
	.useful .col-md-12:last-child {
		-ms-flex: 0 0 100% !important;
            flex: 0 0 100% !important;
        max-width: 100% !important;
	}
	.useful .col-md-12:last-child {
		margin-bottom: 30px;
	}
	.useful .col-md-12:last-child .items_useful {
		min-height: 180px;
	}
	.main_img {
		background: none;
		height: 0;
		margin-top: 0;
	}
	.items_comfort {
		min-height: 250px;
		margin-bottom: 30px;
	}
	.bottom_line {
		width: calc(100% + 100px) !important;
		max-width: none;
	}
	.preimushestva_name h2 {
		text-align: center;
	}
	.h-550 p {
		font-size: 120px;
		bottom: 20px;
	}
	.contacts_intro .pl-60 {
		padding-left: 25px !important;
	}
	.inn:before, .kpp:before, .ogrn:before, .bik:before, .ks:before, .rs:before {
		left: 25px;
	}
	.contacts_intro {
		padding-bottom: 15px;
	}
	.main_bg_text {
		-webkit-border-radius: 25px;
		-moz-border-radius: 25px;
		border-radius: 25px;
	}
	.h2_name_useful h2:before,
	.h2_name_useful h2 span::after {
		width: 0;
	}
}
@media screen and (max-width: 992px) and (orientation:landscape) {
	.about_predlozenie_intro {
		width: 40%;
	}
}
@media screen and (max-width: 768px) {
	.deviz_name div {
		padding-right: 15px;
	}
}
@media screen and (max-width: 767px) {
	.compl_main .col-md-4,
	.deviz .col-md-6 {
		-ms-flex: 0 0 50% !important;
            flex: 0 0 50% !important;
        max-width: 50% !important;
	}
	.bottom_info .col-md-4 {
		-ms-flex: 0 0 33.333333333% !important;
            flex: 0 0 33.333333333% !important;
        max-width: 33.333333333% !important;
	}
	.items_poryadok_bg {
		min-height: 600px;
		margin-top: 80px;
	}
}
@media screen and (max-width: 650px) {
	#header .container-fluid {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.phone_up {
		right: 0;
	}
	.container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}
	.useful .col-md-12, .bg_boltovoj, .comfort, .about_predlozenie .col-md-4, .contacts_intro .col-md-4,
	.alert_important .col-md-4,
	.stellaz-bezboltovoj .col-md-4,
	.preimushestva_item {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
		margin-bottom: 30px;
	}
	.items_useful, .items_comfort,
	.bg_boltovoj {
    	min-height: 200px;
	}
	.useful,
	.main_slider .col-md-7,
	.stellaz-boltovoj .pr-60 {
		padding-right: 15px !important;
	}
	.stellaz-boltovoj {
		padding: 60px 15px;
	}
	.comfort,
	.h2_name_useful_black,
	.about_we,
	.contacts_intro .pl-60 {
		padding-left: 15px !important;
	}
	.bottom_name_section p {
		bottom: -10px;
		font-size: 50px;
	}
	.order-form_bottom .pr-100 {
		padding-right: 0 !important;
	}
	.h2_name_useful_black:before {
		top: 0;
		left: 50%;
		margin-left: -30px;
	}
	.order-form {
		padding-left: 15px;
		padding-right: 30px;
	}
	.stellaz-bezboltovoj, section.about .container-fluid, .preimushestva .container-fluid, .contacts_intro, .bottom_info {
		padding-left: 15px;
		padding-right: 15px;
	}
	.bottom_line {
		left: 0;
		width: 100% !important;
	}
	.h2_name_useful_black {
		padding-bottom: 0;
	}
	.stellaz-bezboltovoj .vygoda_items_bg {
		min-height: 600px;
		margin-bottom: 80px;
	}
	.vygoda {
		margin-bottom: 30px;
	}
	.vygoda_items_bg {
		padding-right: 15px;
	}
	.stellaz-bezboltovoj .mt-80 {
		margin-top: 0 !important;
	}
	.about div.about_light::before {
		right: 0;
	}
	.about_predlozenie:before {
		height: 140px;
	}
	.about_predlozenie_intro {
		width: 40%;
	}
	.about_arrow_down_left {
		top: 120px;
	}
	.deviz_name {
		padding-left: 15px;
	}
	.deviz_name h2 {
		text-align: right;
	}
	.h-550 p {
		font-size: 90px;
		bottom: 20px;
	}
	.contacts .h-550 {
		height: 350px !important;
	}
	.contacts {
		background-position: center top -350px;
	}
	.h-550 p:before {
		top: -50px;
	}
	.inn:before, .kpp:before, .ogrn:before, .bik:before, .ks:before, .rs:before {
		left: 15px;
	}
	.order_button,
	.main_bg_text button {
		width: 100%;
	}
}
@media screen and (max-width: 550px) {
	.phone_up {
		display: none;
	}
	#sidepanel {
		width: 100% !important;
	}
	.mobile-menu {
		float: none;
		position: absolute;
		right: 15px;
		top: -15px;
	}
	.main_bg_text {
		padding: 60px 20px;		
	}
	.main_bg_text h1 {
		font-size: 46px;
		line-height: 56px;
	}
	.main_bg_text p {
		font-size: 20px;
	}
	.main_bg_text p span:after {
		top: -1px;
	}
	.h2_name_catalog h2, .h2_name_catalog_black h2 {
		font-size: 60px;
		line-height: 70px;
	}
	.h2_name_catalog_up h2 span, .h2_name_catalog_up_black h2 span {
		font-size: 36px;
	}
	.h2_name_catalog p, .h2_name_catalog_black p {
		padding-left: 80px;
	}
	.h2_name_catalog p:before, .h2_name_catalog_black p:before {
		width: 50px;
	}
	.img_catalog {
		padding: 0 15px;
	}
	.compl_main .col-md-4,
	.bottom_info .col-md-4 {
		-ms-flex: 0 0 100% !important;
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	.h2_name_useful {
		padding-left: 15px;
		padding-right: 15px;
	}
	.vygoda_feedback,
	.about_we div {
		padding: 40px 20px;
	}
	h3.orange {
		font-size: 64px;
	}
	h3.orange:before {
		display: block;
		right: 270px;
		top: -40px;
	}
	.deviz_name h2 {
		font-size: 40px;
	}
	.deviz_text {
		font-size: 18px;
	}
	.h-550 p {
		font-size: 60px;
		bottom: 30px;
	}
	.bottom_info .policy,
	.site_made {
		text-align: left;
	}
	.h2_name_useful_black h2 {
		margin-top: 20px;
	}
	.items_poryadok {
		padding-right: 15px;
	}
}
@media screen and (max-width: 400px) {
	.main_bg_text h1 {
		font-size: 40px;
		line-height: 50px;
	}
	.main_bg_text button {
		padding: 20px 30px;
	}
	.h2_name_catalog h2, .h2_name_catalog_black h2 {
		font-size: 50px;
		line-height: 60px;
	}
	.h2_name_catalog_up h2 span, .h2_name_catalog_up_black h2 span {
		font-size: 26px;
	}
	.h2_name_useful h2 {
		font-size: 40px;
		line-height: 60px;
	}
	.h2_name_useful h2 span {
		font-size: 50px;
		line-height: 60px;
	}
	.h2_name_useful_black h2 {
		font-size: 50px;
	}
	h3.orange:before {
		right: 35%;
		top: -60px;
	}
	.about h2,
	.preimushestva_name h2 {
		font-size: 50px;
		line-height: 60px
	}
	.h-550 p {
		font-size: 50px;
		bottom: 35px;
	}
}
@media screen and (max-width: 320px) {
	span.up_h1 {
		letter-spacing: 2em;
	}
	.main_bg_text h1 {
		font-size: 30px;
		line-height: 40px;
	}
	.main_bg_text p {
		font-size: 16px;
	}
	.main_bg_text button {
		padding: 20px;
		font-size: 16px;
	}
	.h2_name_catalog h2, .h2_name_catalog_black h2 {
		font-size: 40px;
		line-height: 50px;
	}
	.h2_name_catalog_up h2 span, .h2_name_catalog_up_black h2 span {
    	font-size: 24px;
	}
	.h2_name_catalog p, .h2_name_catalog_black p {
    	padding-left: 60px;
	}
	.h2_name_catalog p:before, .h2_name_catalog_black p:before {
    	width: 35px;
	}
	.stellaz-boltovoj h3 {
		font-weight: 400;
	}
	h3.orange {
		font-size: 50px;
	}
	h3.orange::after {
		font-size: 46px;
	}
	.about_predlozenie:before,
	.about_predlozenie_intro,
	.about_arrow_down_left {
		left: 30%;
	}
	.about_predlozenie_intro {
		width: 60%;
	}
	.deviz_name h2 {
		font-size: 30px;
	}
	.deviz_text {
		font-size: 16px;
	}
}


/** Globals
 **************************************************************** **/
html, body {
	height:100%;
	direction: ltr;
}
body {
	color:#666;
	background-color: #131313;
	-webkit-font-smoothing: antialiased;
	font-family: 'Inter', sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
	font-variation-settings: "GRAD" 0;

	font-size:16px; line-height:1.5;
	margin:0; padding:0;
	letter-spacing: 0.03em;
}


body #wrapper {
	overflow:hidden; 
	min-height:100%;
}

section {
	display: block;
	position: relative;
	padding: 100px 0;

	background-attachment: fixed;
	  background-position: center center;
		background-repeat: no-repeat;

	-webkit-background-size: cover !important;
	   -moz-background-size: cover !important;
		 -o-background-size: cover !important;

	-webkit-box-sizing: border-box !important;
	   -moz-box-sizing: border-box !important;
	   background-size: cover !important;
			box-sizing: border-box !important;
}


section:after,
section:before {
	content:" ";
	display:table;
}
	section:after {
		display: block;
	    content: "";
	    clear: both;
	}

.container {
	position:relative;
}

a:active,
a:focus,
a:hover { 
	text-decoration:none;
}

.btn {
	position:relative;
}
.btn-default {
	border-width:2px;
}

.input-group-addon {
	border:#ddd 2px solid;
	border-right:0;
}
	section.dark .input-group-addon {
		background-color:#212121;
		border-color:#666;
		color:#eaeaea;
	}
section .input-group-btn .btn.btn-default,
section .input-group-btn button.btn-default {
	border-width:2px;
	border-color:#ddd;
}
.form-control:focus {
	border-color:#c6c6c6;
}

img.img-fluid {
	display:inline-block;
}

#sidepanel {
	color:#888;
	font-size:14px;
	position: fixed;
	top: 0; left: -400px; bottom:0;
	width:400px;
	z-index: 3000;
	background-color:#131313;
	
	overflow-y:scroll;
	overflow-x: hidden;
	display:none;

	-webkit-transition: right .4s ease;
		 -o-transition: right .4s ease;
			transition: right .4s ease;

}
#sidepanel section {
	padding: 0;
	background: #131313;
}
#sidepanel section .container-fluid {
	padding: 0 !important;
}
#sidepanel h3 {
	font-size: 26px;
	font-weight: 500;
	color: #fff;
}
.dropdown-toggle::after {
	margin-left: 0;
}
#sidepanel ul {
	margin-left: 0;
}
#sidepanel .container-fluid:before {
	content: '';
	background: none;
	width: 0;
	position: relative;
	left: 0;
}
#sidepanel_overlay {
	position:fixed;
	left:0; top:0;
	right:0; bottom:0;
	background-color:rgba(0,0,0,0.5);
	z-index:2999;

	-webkit-transition: all .400s;
	   -moz-transition: all .400s;
		 -o-transition: all .400s;
			transition: all .400s;
}

#sidepanel_close {
	color: #999;
	background-color:rgba(0,0,0,0.2);

	display: block;
	position: absolute;
	top: 0; right: 0;

	width: 40px; height: 40px;
	font-size: 18px;
	line-height: 35px;

	text-align: center;
}
#sidepanel_close:hover {
	color:#fff;
}
	#sidepanel.sidepanel-light #sidepanel_close {
		color:#777;
		background-color:rgba(0,0,0,0.1);
	}
	#sidepanel.sidepanel-light #sidepanel_close:hover {
		color:#333;
	}
	#sidepanel.sidepanel-theme-color #sidepanel_close {
		color:#ccc;
		background-color:rgba(0,0,0,0.1);
	}
	#sidepanel.sidepanel-theme-color #sidepanel_close:hover {
		color:#fff;
	}

#sidepanel .sidepanel-content {
	margin:50px 30px 50px 30px;
	overflow-y:auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
}
#sidepanel .sidepanel-content::-webkit-scrollbar {
	display: none;
}

div.side-nav li.list-group-item {
	padding-right: 0;
}
#sidepanel .sidepanel-title {
	font-size:18px;
	line-height:23px;
}

#sidepanel ul>li>a {
	font-size:14px;
}
#sidepanel ul ul>li>a {
	font-size:11px;
}
#sidepanel ul {
	border-bottom:rgba(0,0,0,0.2) 1px solid;
}
#sidepanel ul ul {
	margin-bottom:0;
	border-bottom:0;
	padding-bottom:0;
}
#sidepanel .list-group-item ul li,
#sidepanel .list-group-item ul li a {
	font-size: 18px;
}

#sidepanel .list-group-item {
	background-color:transparent;
	border:0;
}
	#sidepanel .list-group-item a {
		color:#ffffff;
		display:block;
		text-decoration:none;
		letter-spacing: 0.03em;
		font-size: 16px;
		font-weight: 300;
		font-family: 'Inter', sans-serif;
	}
	#sidepanel .list-group-item a:hover,
	#sidepanel .list-group-item a:active,
	#sidepanel .list-group-item a:focus,
	.side-phone:hover,
	.side-phone:active,
	.side-phone:focus,
	.side-mail:hover,
	.side-mail:active,
	.side-mail:focus {
		color: rgba(255, 136, 0, 1) !important;
	}
	#sidepanel ul li a[data-toggle="collapse"].collapsed {
		color:#ddd;
		font-weight:300;
	}
	#sidepanel ul li a>i.ico-dd {
		float:right;
	}
	#sidepanel ul li a>i.ico-category {
		width:20px;
	}
		#sidepanel .list-group-item a>i {
			margin-right:6px;
		}
	#sidepanel .list-group-item .badge {
		float:right;
	}
#sidepanel_close svg {
	position: relative;
	top: 3px;
}
.side-phone,
.side-mail {
	display: block;
	color: #fff;
}
.side-mail,
.side-phone {
	font-weight: 300;
}
.side-phone {
	font-size: 20px;
	margin: 30px 0 10px;
}
.side-mail {
	border-bottom: 1px solid rgba(255, 255, 255, .5);
	padding-bottom: 2px;
	width: fit-content;
}
.side-mail:hover {
	border-color: transparent;
}

#header,
#topNav {
	display: block;
}
#header {
	position: relative;
	left:15px; top:15px; right:15px;
	z-index:1000;
	font-size:14px;
	height: 80px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;

	-webkit-transition: all .800s;
	   -moz-transition: all .800s;
		 -o-transition: all .800s;
			transition: all .800s;
}
#header a.logo>img {
	-webkit-transition: all .300s;
	   -moz-transition: all .300s;
		 -o-transition: all .300s;
			transition: all .300s;
}
#header a.logo.logo-responsive>img {
	height:100%;
}

#topBar ul li a,
#mainMenu ul li a,
#topMain ul li a {
	text-transform:uppercase;
}

#header .navbar-collapse.navbar-centered {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    z-index: -1
}
	#header .navbar-collapse.navbar-centered>.nav-main {
		display: inline-block;
	}

#header.navbar-toggleable-md .navbar-collapse {
	display: inherit;
	width: auto;
}
@media only screen and (min-width: 769px) {
	body.menu-vertical #mainMenu.sidebar-vertical .navbar-collapse {
		display: block !important;
	}
}
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar li a:after {
	border:0;
}
body.menu-vertical #mainMenu.sidebar-vertical .navbar-collapse ul.nav.navbar-nav,
body.menu-vertical #mainMenu.sidebar-vertical .navbar-default .navbar-nav>li>a {
	display: block;
	width: 100%;
}
body.menu-vertical #mainMenu.sidebar-vertical .sidebar-nav .navbar .navbar-collapse li {
	width: 100%;
}
body.menu-vertical #mainMenu.sidebar-vertical .navbar-collapse>ul.nav.navbar-nav li>a {
	padding-left: 15px;
	padding-right: 15px;
}

	#header.transparent {
		position:absolute;
		background-color:transparent;
		border-bottom:rgba(255,255,255,0.3) 1px solid;

		-webkit-box-shadow: none;
		   -moz-box-shadow: none;
				box-shadow: none;
	}
	#header.transparent.color,
	#header.transparent.dark {
		border:0;
	}
	#header.transparent #topMain.nav-pills>li>a {
		color:#fff;
	}
	#header.transparent #topMain.nav-pills>li.active>a,
	#header.transparent #topMain.nav-pills>li>a:hover {
		background-color:rgba(0,0,0,0.03);
	}
	#header.transparent + section.page-header.page-header-lg,
	#header.transparent + section.page-header {
		padding:180px 0;
	}
	#header.transparent + section.page-header.page-header-xlg {
		padding:280px 0;
		padding-top:350px;
	}
	
	#header.transparent + section.page-header.page-header-lg {
		padding-top:250px;
	}

	#header.transparent a.social-icon {
		background-color:rgba(0,0,0,0.2);
	}
	#header.transparent a.social-icon>i {
		color:#eaeaea;
	}
	
		#header.fixed.transparent{
			-webkit-backdrop-filter: blur(7.4px);
			backdrop-filter: blur(7.4px);
			background-color:rgba(13,13,13,.35);
			box-shadow: 0 0 35px rgba(255,255,255,.2) !important;
			top: 0;
			border-top-left-radius: 0;
			border-top-right-radius: 0;
		}
		#header.fixed.dark,
		#header.fixed.dark.transparent {
			background-color:#333;
			border:0;
		}
		#header.fixed.dark.transparent ul.nav-second-main li a,
		#header.fixed.dark.transparent ul.nav-second-main li a>i,
		#header.fixed.dark.transparent #topMain.nav-pills>li>a {
			color:#fff;
		}

	@media only screen and (max-width: 992px) {
		#header.transparent.fixed #topNav button.btn-mobile {
			color:#333 !important;
		}
		#header.transparent.dark.fixed #topNav button.btn-mobile {
			color:#fff !important;
		}
		#header.transparent #topMain.nav-pills>li>a {
			color:#fff;
		}
		#header.transparent.dark #topMain.nav-pills>li>a {
			color:#fff;
		}
	}
	

	@media only screen and (max-width: 768px) {
		#header.transparent + section.page-header {
			margin-top:0;
		}

		/* force dark submenu */
		#header.transparent #topMain {
			background-color:#333 !important;
		}
		#header.transparent #topMain li.active>a {
			color:#fff !important;
		}
	}

	#header.header-md #topNav #topMain>li>a {
		height:50px;
		line-height:50px;
		font-size: 14px;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		background: rgba(52,55,58,1);
	}
	#header.header-md #topNav #topMain>li>a:hover {
		background: #ff671b;
	}
	@media only screen and (max-width: 992px) {
		#header.header-md #topMain.nav-pills>li>a {
			color:#212121;
		}
		#header.header-md #topMain.nav-pills>li.active>a,
		#header.header-md #topMain.nav-pills>li>a:hover {
			color:#212121;
			background-color:rgba(0,0,0,0.02);
		}
	}

	#header.fixed {
		position:fixed;
		border-bottom:rgba(0,0,0,0.08) 1px solid;
	}

	#topNav ul.dropdown-menu {
		text-align:left;
		margin-top: 0;
		box-shadow:none;
		list-style:none;
		background:#ff671b;
		min-width:250px;
		padding:0;

		-webkit-transition: top .4s ease;
			 -o-transition: top .4s ease;
				transition: top .4s ease;

		-webkit-border-radius: 15px;
		   -moz-border-radius: 15px;
				border-radius: 15px;
	}
		#topNav ul.dropdown-menu ul.dropdown-menu {
			margin-top: -1px !important;
		}

	#topNav ul.dropdown-menu li {
		position:relative;
		margin-right: 0;
		border-bottom: rgba(0,0,0,0.06) 1px solid;
	}
	#topNav ul.dropdown-menu li:last-child {
		border: 0;
	}
	#topNav ul.dropdown-menu li:last-child {
		border-bottom:0;
	}
	#topNav ul.dropdown-menu li a {
		margin:0;
		padding:15px 25px;
		font-weight:400;
		line-height:23px;

		color:#fff;
		font-size:13px;
		display:block;
		text-decoration:none;
	}
	#topNav ul.dropdown-menu a.dropdown-toggle {
		background-position: right center;
		background-repeat: no-repeat;
	}
	#topNav ul.dropdown-menu li.active>a, 
	#topNav ul.dropdown-menu li.active:hover>a, 
	#topNav ul.dropdown-menu li.active:focus>a, 
	#topNav ul.dropdown-menu li:hover>a, 
	#topNav ul.dropdown-menu li:focus>a, 
	#topNav ul.dropdown-menu li:focus>a {
		color:#fff;
		background-color:rgba(0,0,0,0.05);
	}
	
	#topNav ul.dropdown-menu li.divider {
		margin:-1px 0 0 0;
		padding:0; border:0;
		background-color:rgba(0,0,0,0.1);
	}
	#topNav .nav li:hover>ul.dropdown-menu {
		padding:0;
		display:block;
		z-index:100;
	}
	#topNav ul.dropdown-menu li .badge {
		margin-top:4px;
	}

	#topNav ul.dropdown-menu>li:hover > ul.dropdown-menu {
		display:block;
		position:absolute;
		left:100%; top:0;
		padding:0; margin:0; 
		border-left:0 !important;
		border-right:0 !important;
		border-bottom:0 !important;
	}


	@media only screen and (max-width: 992px) {
		.navbar-collapse {
			height:100%;
		}

		#topNav div.nav-main-collapse {
			padding:0; margin:0;
		}
		#topNav nav.nav-main {
			background-color:#fff;
		}
		#topNav div.nav-main-collapse,
		#topNav div.nav-main-collapse.in {
			width: 100%;
			margin:-1px 0 0 0;
		}
		#topNav div.nav-main-collapse {
			float: none;
			overflow-x:hidden;
			max-height:350px;
		}





		html.noscroll,
		html.noscroll body {
			overflow: hidden !important;
		}

		#topNav div.nav-main-collapse {
			-webkit-overflow-scrolling: touch;
		    -webkit-animation: fadeIn .3s !important;
		            animation: fadeIn .3s !important;
		}

		#topNav div.nav-main-collapse.in {
			display: block !important;
		}
		#topNav div.nav-main-collapse {
			position: relative;
		}

		#topMain>li>a>span {
			display:none !important;
		}
		#topMain li {
			display:block !important;
			float:none;
			text-align:left;

			-webkit-border-radius: 0;
			   -moz-border-radius: 0;
					border-radius: 0;
		}
		#topMain li a {
			text-align:left;
			border:0;
			height:auto;
			line-height:15px;

			-webkit-border-radius: 0;
			   -moz-border-radius: 0;
					border-radius: 0;
		}
		#topMain>li:hover,
		#topMain>li:hover>a {
			border-top:0 !important;
		}
		#topMain>li>a {
			height:auto;
			line-height:auto;
		}

		#topMain ul.dropdown-menu {
			position: static;
			clear: both;
			float: none;
			display: none !important;
			border-left:0 !important;

			-webkit-box-shadow: none;
			   -moz-box-shadow: none;
					box-shadow: none;
		}

		#topNav nav.nav-main li.resp-active > ul.dropdown-menu {
			display: block !important;
			margin-left:30px;
			margin-right:30px;
			padding:20px 0;
			border-right:0;
		}
		#topNav nav.nav-main li.resp-active > ul.dropdown-menu li {
			border-left:0;
		}

		#topNav ul.nav>li:hover>a:before, 
		#topNav ul.nav>li.active>a:before {
			background-color:transparent;
		}

		#topNav ul.dropdown-menu>li:hover > ul.dropdown-menu {
			position:static;
		}

		#topNav div.submenu-dark ul.dropdown-menu {
			border-top:0;
		}


		#topNav nav.nav-main li.resp-active > ul.dropdown-menu {
			margin:0; padding:0;
		}
		#topNav nav.nav-main li > ul.dropdown-menu li a {
			padding-left:40px;
			width: 100%;
			display: block;
		}
		
		#topNav .dropdown-menu.float-right,
		#topNav .dropdown-menu.float-left {
			float:none !important;
		}
	}
	
	@media only screen and (max-width: 500px) {
		#topNav div.nav-main-collapse {
			max-height:290px;
			overflow-y:auto;
		}
	}


#toTop {
	font-size:38px;
	line-height:33px;
	background-color: rgba(0,0,0,0.3);
	color: #FFF;
	position: fixed;
	height: 40px; width: 40px;
	right: 6px; bottom: 6px;
	text-align: center;
	text-transform: uppercase;
	opacity: 0.9;
	filter: alpha(opacity=90);
	text-decoration:none;
	display:none;
	z-index: 1000;

	-webkit-border-radius: 50% !important;
	-moz-border-radius: 50% !important;
	border-radius: 50% !important;

	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
		 -o-transition: all 0.2s;
			transition: all 0.2s;
}
#toTop:hover {
	background-color: rgba(0,0,0,0.7);
}

#preloader {
    position: fixed;
    z-index: 9999999;
    top: 0; bottom: 0;
    right: 0; left: 0;

    background: #fff;
}

.inner {
    position: absolute;
    top: 0; bottom: 0;
    right: 0; left: 0;

    width: 54px;
    height: 54px;
    margin: auto;
}

.page-loader{
 	display:block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fefefe;
	z-index: 100000;	
}

#preloader span.loader {
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  font-size: 10px;
  text-indent: -12345px;
  border-top: 1px solid rgba(0,0,0, 0.08);
  border-right: 1px solid rgba(0,0,0, 0.08);
  border-bottom: 1px solid rgba(0,0,0, 0.08);
  border-left: 1px solid rgba(0,0,0, 0.5);
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  
   -webkit-animation: spinner 700ms infinite linear;
   -moz-animation: spinner 700ms infinite linear;
   -ms-animation: spinner 700ms infinite linear;
   -o-animation: spinner 700ms infinite linear;
   animation: spinner 700ms infinite linear;
  
  z-index: 100001;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.modal button,
.modal .btn {
	z-index: 99999;
	position: relative;
}
.modal button.modal_btn_close {
	background: rgba(255, 103, 27, 1);
	color: #fff;
	border: 0;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	padding: 10px 35px;
	font-family: 'Inter', sans-serif;
	font-weight: 300;
}
.modal button.modal_btn_close:hover {
	background: #fff;
	color: #0d0d0d;
}
.modal .modal-header h1,
.modal .modal-header h2,
.modal .modal-header h3,
.modal .modal-header h4,
.modal .modal-header h5,
.modal .modal-header h6 {
	z-index: 1;
}
.img-hover img {
	-webkit-transition: all .400s;
	   -moz-transition: all .400s;
		 -o-transition: all .400s;
			transition: all .400s;
}
	.img-hover:hover img {
		opacity: 0.8;
		filter: alpha(opacity=80);
	}
	.img-hover>.badge-absolute {
		position: absolute;
		border-radius:0 !important;
		padding:8px;
		z-index:100;
	}

.dropdown-menu {
	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

.navbar-toggle {
	border:0;

	-webkit-border-radius: 0;
	   -moz-border-radius: 0;
			border-radius: 0;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 8px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    display: none;
}
.navbar-toggle .icon-bar {
	display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    margin-bottom:3px;
}
.navbar-default .navbar-toggle .icon-bar {
	background-color:#111;
}
@media only screen and (max-width: 768px) {
	.navbar-toggle {
		display: inherit;
	}
}


form .row {
	margin-bottom:20px;
}
table a {
	color:#666;
}
section.dark table a {
	color:#ddd;
}
@media only screen and (max-width: 768px) {
	div.side-nav ul {
		height: auto;
	}
}



section.page-header * {
	z-index:10;
}


.btn-group>.btn {
	padding: 10px !important;
}
.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    border-width: 1px;
    padding: 6px 12px;
    line-height: 26px;
}
.btn-group>.btn-default {
    line-height: 18px;
}
.btn-group-sm>.btn, .btn-sm {
    padding: 2px 10px;
	font-size: 12px !important;
	line-height: 1.5 !important;
}
.btn-group-lg>.btn, .btn-lg {
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 10px !important;
    padding-bottom: 10px!important;
    font-size: 18px !important;
    line-height: 1.3333333 !important;
}

.btn {
	font-size: 15px;
	line-height: 1.6;
}

.btn-group>.btn:first-child {
    padding-right: 5px;
}

#topMain>li>a {
	display: block;
	position: relative;
	padding-left: 25px;
	padding-right: 25px;
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
}
#topMain .dropdown-toggle::after {
	border: 0;
}
#slider .page-header {
	border-radius: 2px;
}

ul.nav>li>a {
	display: block;
}
ul.list-group>li {
	list-style: none;
}
ul.nav.nav-pills>li {
	display: inline-block;
}
ul.list-group li>a,
ul.list-group ul:not(.collapse) {
	display: block;
	width: 100%;
}
ul.list-group ul {
	width: 100%;
}
ul.list-group li>a:after {
	border: 0;
}
ul.dropdown-menu a {
	display: block;
	width: 100%;
}
ul.row.list-inline>li,
ul.list-unstyled.list-inline>li {
	margin-right: 0;
}
.list-inline>li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
.badge {
	padding:.3em .6em .4em;
}
pre {
	font-size:13px;
}
ul.list-unstyled .dropdown-toggle::after {
	border:0;
}
.dropdown-menu>li>a {
    font-weight: 400;
    color: #333;
}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {
    color: #fff;
    text-decoration: none;
    background-color: #337ab7;
    outline: 0;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 9px 0;
    overflow: hidden;
    background-color: #e5e5e5;
    padding: 0;
}
@media (min-width: 1200px) {
	.container {
	    width: 1170px;
	    max-width: 100%;
	}
}

div.side-nav[class*=" mdl-shadow--"] {
	padding: 15px 15px 1px 15px;
}
@media only screen and (max-width: 768px) {
	div.side-nav[class*=" mdl-shadow--"] {
		padding: 0 !important;
	}
	div.side-nav[class*=" mdl-shadow--"] ul>li {
		margin: 5px 15px !important;
		border: 0 !important;
		font-size:16px;
	}
}

	ul.side-nav li {
		list-style:none;
	}
	ul.side-nav ul {
		margin:0 0 20px 0;
		padding:0;
	}
	ul.side-nav ul li {
		padding:0 15px;
	}
	ul.side-nav ul li:last-child {
		border-bottom:0;
	}
	ul.side-nav a {
		display:block;
		text-decoration:none;
		color:#333;
		font-size:13px;
		letter-spacing: 1px;
	}
	ul.side-nav ul li a {
		padding:8px 3px;
		font-size:12px;
	}
	ul.side-nav>li {
		padding:0;
	}
	ul.side-nav>li>a {
		padding:15px 10px;
	}
	ul.side-nav>li.list-group-item.active {
		border:0;
		background-color:transparent;
	}
	ul.side-nav>li.active>a {
		background-color:transparent;
	}
	ul.side-nav li.list-toggle.active:after,
	ul.side-nav > li.active>a {
		font-weight:700;
	}
	ul.side-nav li.list-toggle:after {
		content: "\f104";
		font-family: FontAwesome;
		position: absolute;
		font-size: 15px;
		right: 10px;
		top: 7px;
		font-weight:normal;
		color:#999;
	}
	ul.side-nav li.list-toggle.active:after {
		content: "\f107";
	}

	ul.side-nav .list-group-item {
		border-left:0;
		border-right:0;
		border-color: rgba(148,149,150,0.1);

		-webkit-border-radius: 0;
		   -moz-border-radius: 0;
				border-radius: 0;
	}

section#slider {
	display:block;
	padding:0;
	margin:0;
	box-shadow:none;
	overflow:hidden !important;
	border-bottom:0;
	z-index:0;

		-webkit-transition: all 0s;
		   -moz-transition: all 0s;
			 -o-transition: all 0s;
				transition: all 0s;
}
section#slider.mobile-fullheight {
	-webkit-transition: all .400s;
	   -moz-transition: all .400s;
		 -o-transition: all .400s;
			transition: all .400s;
}
	section#slider.transparent {
		background-color:transparent;
	}
section#slider.parallax-slider:before {
    background-color: rgba(0,0,0,0.0);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}

section#slider .text-muted {
	color: #fff !important;
}

section#slider .slider-video {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 0;
	top: 0;
	left: 0;
}
section#slider .slider-video video {
	position: absolute;
	top:0; bottom: 0; 
	left:0; right: 0;
	min-width: 100%; 
	min-height: 100%; 
	width: auto; 
	height: auto;
	overflow: hidden;
}
section#slider canvas {
	width:auto !important;
	height:auto !important;
}
section#slider a:hover {
	color:#fff;
}

section#slider:not(.custom-form) form .btn {
	margin:0;
}
section#slider:not(.custom-form) input {
	color:#fff;
	background-color:rgba(0,0,0,0.7);
	border-color:rgba(255,255,255,0.3);
}
section#slider:not(.custom-form) .input-group-addon:first-child {
	color:#ccc;
	background-color:rgba(0,0,0,0.7);
	border-color:rgba(255,255,255,0.3);
}
section#slider:not(.custom-form) form.validate input.error {
	color:#333;
}
section#slider:not(.custom-form) input:focus {
	border-color:rgba(255,255,255,0.3);
}
section#slider:not(.custom-form) .btn-default {
	background-color:rgba(0,0,0,0.2);
	border-color:rgba(255,255,255,0.5);
}


	#slider h1,
	.slider h1,
	#slider h2,
	.slider h2,
	#slider h3,
	.slider h3,
	#slider h4,
	.slider h4,
	#slider h5,
	.slider h5,
	#slider h6,
	.slider h6 {
		color:#fff;
	}
	
	
#slider .slider-links,
.slider .slider-links {
	position:absolute;
	z-index:100;
	color:#fff;
}
#slider .slider-links li,
.slider .slider-links li {
	vertical-align:top;
	text-align:left;
	font-size:22px;
	color:#ddd;
	font-style:italic;
}
#slider .slider-links li a,
.slider .slider-links li a {
	color:#fff;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	border-left: 1px solid rgba(255,255,255,.15);
	margin-left: 15px;
	overflow: hidden;
	padding: 6px 0;
	padding-left: 15px;
	text-transform: uppercase;
	max-width:220px;
	display:inline-block;
	text-align:left;
	max-height:62px;
	text-shadow:none;

	opacity: 1;
	filter: alpha(opacity=100);
}
#slider .slider-links li:hover a,
.slider .slider-links li:hover a {
		opacity: 0.8;
		filter: alpha(opacity=80);
}

	.tparrows.round,
	.tp-leftarrow.round,
	.tp-rightarrow.round,
	.flex-prev,
	.flex-next,
	.camera_next,
	.camera_prev,
	.nivo-nextNav,
	.nivo-prevNav,
	.owl-prev,
	.owl-next,
	.swiper-button-next,
	.swiper-button-prev {
		background-image:none !important;
		border:0;
		color:#ccc;
		font-size:34px;
		line-height:55px;
		height:auto !important;
		width:56px !important;
		text-align:center;
		background-color:rgba(0,0,0,0.2);

		-webkit-border-radius: 3px;
		   -moz-border-radius: 3px;
				border-radius: 3px;

		-webkit-transition: all .400s;
		   -moz-transition: all .400s;
			 -o-transition: all .400s;
				transition: all .400s;
	}

@media only screen and (max-width: 768px) {
	img.img-fluid {
		float: none !important;
	}

	#header.fixed {
		position:fixed;
	}
	
	section form div.row>div.form-group>div,
	section form div.row>div {
		margin-bottom:15px;
	}
	section form div.row>div.form-group>div:last-child,
	section form div.row>div:last-child {
		margin-bottom:0;
	}

}