@font-face {
	font-family: "Roboto";
	font-display: auto;
	src: url("../fonts/RobotoRegular/RobotoRegular.eot");
	src: url("../fonts/RobotoRegular/RobotoRegular.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoRegular/RobotoRegular.woff") format("woff"), url("../fonts/RobotoRegular/RobotoRegular.ttf") format("truetype");
	font-style: normal;
	font-weight: 400
}

@font-face {
	font-family: "Roboto";
	font-display: auto;
	src: url("../fonts/RobotoLight/RobotoLight.eot");
	src: url("../fonts/RobotoLight/RobotoLight.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoLight/RobotoLight.woff") format("woff"), url("../fonts/RobotoLight/RobotoLight.ttf") format("truetype");
	font-style: normal;
	font-weight: 300
}

@font-face {
	font-family: "Roboto";
	font-display: auto;
	src: url("../fonts/RobotoMedium/RobotoMedium.eot");
	src: url("../fonts/RobotoMedium/RobotoMedium.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoMedium/RobotoMedium.woff") format("woff"), url("../fonts/RobotoMedium/RobotoMedium.ttf") format("truetype");
	font-style: normal;
	font-weight: 500
}

@font-face {
	font-family: "Roboto";
	font-display: auto;
	src: url("../fonts/RobotoBold/RobotoBold.eot");
	src: url("../fonts/RobotoBold/RobotoBold.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoBold/RobotoBold.woff") format("woff"), url("../fonts/RobotoBold/RobotoBold.ttf") format("truetype");
	font-style: normal;
	font-weight: 700
}

.slide-header {
	height: 380px
}

.main-slide {
	width: 100%;
	height: 100%;
	min-height: 500px;
	position: relative;
	overflow: hidden;
	margin-bottom: 0px !important;
	padding-bottom: 0 !important
}

.main-slide .slide {
	width: 100%;
	min-height: 500px;
	position: relative
}

.main-slide .slide.paralax {
	background-size: cover !important
}

.main-slide .slide.paralax .slideImage {
	background-position: center center !important;
	background-size: cover !important;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0
}

.main-slide .slide .main-slide-content {
	position: relative;
	width: 100%;
	min-height: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	z-index: 2;
	transition: all 0.8s
}

.main-slide .slide .main-slide-content .col-xs-12 p {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 30px
}

.main-slide .slide .main-slide-content .main-slider-title {
	padding: 10px 15px
}

.main-slide .slide .main-slide-content .icon {
	width: 42px;
	height: auto;
	margin-bottom: 15px
}

.main-slide .slide .main-slide-content h6 {
	margin-bottom: 40px;
	margin-top: 70px;
	font-size: 1.6rem;
	text-transform: uppercase
}

@media all and (max-width: 1200px) {
	.main-slide .slide .main-slide-content h6 {
		font-size: 1.4rem
	}
}

.main-slide .slide .main-slide-content h1,
.main-slide .slide .main-slide-content h3 {
	font-weight: 700;
	font-size: 3.5rem;
	line-height: 5rem;
	margin: 15px 0
}

@media all and (max-width: 1200px) {
	.main-slide .slide .main-slide-content h1,
	.main-slide .slide .main-slide-content h3 {
		font-size: 3.6rem;
		line-height: 4.2rem
	}
}

.main-slide .slide .main-slide-content h4 {
	font-weight: 400;
	margin-top: 30px;
	font-size: 2.1rem
}

@media all and (max-width: 1200px) {
	.main-slide .slide .main-slide-content h4 {
		font-size: 1.8rem
	}
}

.main-slide .slide .main-slide-content .main-slider-text {
	font-size: 1.2rem;
	width: 100%;
	padding: 0 15px 30px
}

.main-slide .slide .main-slide-content .main-slider-text .btn.btn-default {
	background: #ceb4a2;
	color: #111;
	margin: 15px 0 15px;
	border-radius: 35px;
	font-size: 16px;
	line-height: 46px;
	font-weight: 500;
	text-transform: none;
	transition: all 0.5s;
	height: 70px
}

.main-slide .slide .main-slide-content .main-slider-text .btn.btn-default:hover {
	color: #333;
	background: #edd8cb;
	transition: all 0.5s
}

@media all and (max-width: 1200px) {
	.main-slide .slide .main-slide-content .main-slider-text .btn.btn-default {
		margin: 40px 0;
		height: 60px;
		line-height: 36px
	}
}

.main-slide .slide.slick-active .main-slide-content {
	transition: all 0.8s;
	bottom: 200px
}

.main-slide .logo-main-slider {
	position: absolute;
	left: 50%;
	bottom: 50%;
	margin-left: -50px;
	text-align: center;
	display: flex;
	flex-direction: column;
	z-index: 1000
}

.main-slide .logo-main-slider .logo-main-slider-inner {
	height: 100px;
	width: 100px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center
}

.main-slide .logo-main-slider .logo-main-slider-inner img {
	height: 70px;
	width: auto;
	margin: 0 auto
}

.main-slide .logo-main-slider .logo-main-slider-title {
	font-family: "OpenSansLight";
	font-size: 18px;
	padding: 10px 0;
	text-transform: uppercase;
	color: #fff
}

.carusel-slide {
	width: 100%;
	height: auto;
	position: relative
}

.carusel-slide .slide {
	width: 100%;
	background-size: cover !important;
	position: relative;
	overflow: hidden
}

.carusel-slide .slide .card {
	border-radius: 0
}

.carusel-slide .slide .card img {
	border-radius: 0;
	box-shadow: none
}

.carusel-slide .slide.paralax {
	background-size: cover !important;
	background-attachment: fixed !important
}

.carusel-slide .slide.fadeImage::before {
	content: '';
	transition: all 0.4s;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 0
}

.carusel-slide .slide.fadeImage .main-slide-content {
	position: absolute;
	top: 100%;
	transition: all 0.6s;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center
}

.carusel-slide .slide.fadeImage .main-slider-title {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 1;
	position: absolute;
	transition: all 0.3s;
	bottom: 0;
	width: 100%;
	height: 100%
}

.carusel-slide .slide.fadeImage .main-slider-title h3 {
	font-size: 1.8rem;
	font-family: 'OpenSansLight';
	max-width: 200px
}

.carusel-slide .slide.fadeImage .main-slider-title h3 span {
	display: block;
	font-size: 4rem;
	line-height: 6rem;
	text-align: center
}

.carusel-slide .slide.fadeImage:hover::before {
	background: rgba(0, 0, 0, 0.7);
	transition: all 0.4s
}

.carusel-slide .slide.fadeImage:hover .main-slider-title {
	bottom: 100%;
	transition: all 0.3s
}

.carusel-slide .slide.fadeImage:hover .main-slide-content {
	position: absolute;
	top: 0;
	transition: all 0.6s
}

.carusel-slide .slide .main-slide-content {
	position: absolute;
	bottom: 80px;
	left: 0;
	width: 100%;
	display: block
}

.carusel-slide .slide .main-slide-content .main-slider-title {
	padding: 10px 15px
}

.carusel-slide .slide .main-slide-content .main-slider-title h3 {
	font-size: 1.5rem;
	margin: 0
}

.carusel-slide .slide .main-slide-content .main-slider-title h3 span {
	font-size: 2rem;
	display: block;
	float: none;
	clear: both
}

.carusel-slide .slide .main-slide-content .main-slider-text {
	font-size: 1.2rem;
	width: 100%;
	box-sizing: border-box;
	padding: 0 15px
}

.carusel-slide .slide .main-slide-content .main-slider-text ul {
	padding-left: 20px;
	text-align: left;
	margin: 10px auto 20px
}

.carusel-slide .slide .main-slide-content .main-slider-text ul li {
	list-style: disc outside !important
}

.carusel-slide .slide .main-slide-content .main-slider-text .btn.btn-default {
	background: #fff;
	color: #ba5289;
	margin: 15px 0;
	transition: all 0.5s
}

.carusel-slide .slide .main-slide-content .main-slider-text .btn.btn-default:hover {
	color: #c0392a;
	transition: all 0.5s;
	font-size: 1.2rem;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.8)
}

.carusel-slide .logo-main-slider {
	position: absolute;
	left: 50%;
	bottom: 50%;
	margin-left: -50px;
	text-align: center;
	display: flex;
	flex-direction: column;
	z-index: 1000
}

.carusel-slide .logo-main-slider .logo-main-slider-inner {
	height: 100px;
	width: 100px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center
}

.carusel-slide .logo-main-slider .logo-main-slider-inner img {
	height: 70px;
	width: auto;
	margin: 0 auto
}

.carusel-slide .logo-main-slider .logo-main-slider-title {
	font-family: "OpenSansLight";
	font-size: 18px;
	padding: 10px 0;
	text-transform: uppercase;
	color: #fff
}

.touchevents .carusel-slide .slide {
	height: auto
}

.touchevents .carusel-slide .slide::before {
	content: '';
	z-index: 0;
	border: 1px solid #fff
}

.touchevents .carusel-slide .slide.fadeImage {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center
}

.touchevents .carusel-slide .slide.fadeImage>div {
	z-index: 5
}

.touchevents .carusel-slide .slide.fadeImage .main-slider-title {
	position: relative;
	bottom: auto;
	height: auto
}

.touchevents .carusel-slide .slide.fadeImage .main-slide-content {
	bottom: auto;
	top: auto;
	position: relative;
	transition: all 0.6s;
	width: 100%;
	height: auto;
	display: flex;
	align-items: center
}

.grid-slider {
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

.grid-slider .slick-prev::before,
.grid-slider .slick-next::before {
	color: #111
}

.grid-slider>.col {
	display: flex;
	margin-bottom: 12px
}

.grid-slider>.col .grid-item h3 i {
	font-style: normal;
	background: #111
}

.grid-slider.animateSlider .slick-track .slick-slide {
	display: flex;
	background: #fff;
	margin: auto
}

.grid-slider.animateSlider .slick-track .slick-slide .grid-item {
	box-shadow: none
}

.grid-slider .grid-item {
	height: 100%;
	background: #fff;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
	margin: 0 -5px;
	padding: 20px
}

.grid-slider .grid-item h3 {
	font-size: 1.8rem;
	font-family: 'OpenSansLight'
}

.grid-slider .grid-item h3 i {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	clear: both;
	font-size: 4rem;
	font-style: normal;
	background: #111;
	margin: 0 auto;
	color: #fff;
	padding: 15px;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	margin-bottom: 20px
}

.grid-slider.grid-scheme>.col {
	padding-top: 70px;
	position: relative
}

.grid-slider.grid-scheme>.col .grid-item {
	padding: 10px 20px 20px;
	background: #fff;
	color: #111;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	border-radius: 4px
}

.grid-slider.grid-scheme>.col .grid-item::before,
.grid-slider.grid-scheme>.col .grid-item::after {
	content: "";
	position: absolute;
	z-index: -2;
	bottom: 15px;
	left: 10px;
	width: 50%;
	height: 20%;
	max-width: 300px;
	box-shadow: 0 15px 10px rgba(0, 0, 0, 0.2);
	transform: rotate(-3deg)
}

.grid-slider.grid-scheme>.col .grid-item::after {
	right: 10px;
	left: auto;
	transform: rotate(3deg)
}

.grid-slider.grid-scheme>.col .grid-item h3 {
	margin-bottom: 0;
	font-size: 1.4rem
}

.grid-slider.grid-scheme>.col .grid-item h3 i {
	color: #111;
	margin-top: -90px;
	margin-bottom: 10px;
	background: #fff;
	box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.2)
}

.price-slider {
	clear: both;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 25px 0
}

.price-slider>div {
	display: flex;
	margin-bottom: 15px;
	z-index: 100
}

.price-slider>div.pricebody-1 {
	margin-bottom: -23px
}

@media all and (max-width: 768px) {
	.price-slider>div.pricebody-1 {
		margin-bottom: 15px
	}
}

.price-slider .price-item {
	width: 100%;
	height: 100%;
	background: #fff;
	padding: 25px 0 15px;
	background-size: cover !important
}

.price-slider .price-item ul {
	padding-left: 0;
	margin-top: 0
}

.price-slider .price-item ul li {
	list-style: none;
	padding: 0 25px
}

.price-slider .price-item .h4 {
	text-transform: uppercase;
	display: block;
	padding: 10px 15px;
	margin: 0 25px 15px;
	border: 1px solid #000;
	text-align: center !important
}

.price-slider .price-item .h4 a {
	color: inherit;
	display: block;
	width: 100%
}

.price-slider .price-item .h4 a:hover {
	text-decoration: none
}

.price-slider .price-item.price-1 {
	margin-top: -23px;
	margin-bottom: -23px
}

.price-slider .price-item.price-1 ul li {
	margin-bottom: 36px
}

.price-slider .price-item.price-1 .h4 {
	border: 1px solid #fff
}

@media all and (max-width: 768px) {
	.price-slider .price-item.price-1 {
		margin-bottom: 0px;
		margin-top: 0px
	}
}

.paralax-slide {
	width: 100%;
	height: auto;
	position: relative
}

.paralax-slide .slide {
	width: 100%;
	height: 300px;
	background-size: cover !important;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center
}

.paralax-slide .slide.paralax {
	background-attachment: fixed !important;
	background-size: cover !important
}

.paralax-slide .slide.paralax::before {
	background: rgba(0, 0, 0, 0.6);
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0
}

.paralax-slide .slide.paralax>div {
	z-index: 5
}

.paralax-slide .slide.paralax h3 span {
	color: #666
}

.comand-slider .comand-item {
	padding: 15px;
	text-align: center
}

.comand-slider .comand-item img {
	width: 100%;
	height: auto
}

.comand-slider .comand-item .comand-content {
	font-weight: 700;
	color: #3d3d3d
}

.comand-slider .comand-item .comand-content p {
	font-size: 1.3rem
}

.comand-slider .comand-item .comand-title {
	font-weight: 700;
	text-transform: uppercase;
	color: #3d3d3d
}

.comand-slider .comand-item .comand-title p {
	letter-spacing: 0.5mm;
	font-size: 1.3rem
}

.catalog-item-body {
	transition: all 0.5s;
	padding: 15px
}

.catalog-item-body:hover {
	box-shadow: 0 2px 25px rgba(0, 0, 0, 0.1);
	transition: all 0.5s
}

.catalog-item-body:hover .catalog-item {
	border: 1px solid #ceb4a2
}

.catalog-item {
	text-align: center;
	padding: 15px;
	transition: all 0.5s;
	border: 1px solid #fff
}

.catalog-item a:hover {
	text-decoration: none
}

.catalog-item .catalog-image img {
	width: 60%
}

.catalog-item .catalog-body h4 {
	font-weight: 700;
	color: #333;
	position: relative;
	width: 100%;
	padding-bottom: 15px
}

.catalog-item .catalog-body h4 span {
	font-weight: 300
}

@media all and (max-width: 1200px) {
	.catalog-item .catalog-body h4 {
		font-size: 1.6rem
	}
}

.catalog-item .catalog-body h4::before {
	content: '';
	width: 33.333%;
	height: 1px;
	background: #ceb4a2;
	position: absolute;
	left: 50%;
	bottom: 1px;
	margin-left: -16.5%
}

@media all and (max-width: 1200px) {
	.catalog-item .catalog-body .catalog-description p {
		font-size: 1.4rem;
		margin-bottom: 0
	}
}

.video-slide {
	height: 550px;
	width: 100%;
	overflow: hidden
}

.fullscreen-bg {
	overflow: hidden;
	z-index: 3;
	position: relative;
	height: 100%;
	width: 100%
}

.fullscreen-bg__video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.overlay {
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 4;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

.overlay h1 {
	text-align: center;
	color: #fff;
	font-size: 70px;
	margin-top: 17%
}

.videoin-slide {
	width: 100%;
	margin-bottom: 80px;
	height: 378px
}

.videoin-slide .fullscreen-bgin {
	z-index: 3;
	position: relative;
	height: 100%;
	width: 100%;
	background-size: auto 100%;
	background-position: 0 0 !important
}

.videoin-slide .fullscreen-bgin .container {
	height: 100%;
	display: flex;
	flex-direction: row;
	align-items: center;
	align-content: center
}

@media all and (max-width: 992px) {
	.videoin-slide .fullscreen-bgin .container {
		display: block
	}
	.videoin-slide .fullscreen-bgin .container .slide-content {
		height: auto;
		display: flex;
		flex-direction: row;
		align-items: center;
		align-content: center
	}
}

@media all and (max-width: 992px) {
	.videoin-slide .fullscreen-bgin {
		height: auto
	}
}

.videoin-slide .video-block {
	margin-bottom: -150px;
	background: url("/img/macbook_PNG59.png") center center no-repeat;
	background-size: 100% auto;
	padding: 29px 73px 61px;
	box-sizing: border-box;
	height: 350px;
	width: 570px
}

@media all and (max-width: 992px) {
	.videoin-slide .video-block {
		margin: 15px auto
	}
}

@media all and (max-width: 599px) {
	.videoin-slide .video-block {
		margin: 15px auto;
		height: 200px;
		width: 300px;
		padding: 23px 39px 40px
	}
	.touchevents .carusel-slide .slide {
		height: auto
	}
}

@media all and (min-width: 768px) {
	.touchevents .carusel-slide .slide {
		height: auto
	}
}

@media all and (min-width: 599px) {
	.touchevents .carusel-slide .slide {
		height: auto
	}
}

.videoin-slide .video-block iframe {
	height: 100%;
	width: 100%
}

.videoin-slide .video-block .videoin {
	background: url("/img/back-video.png") center center no-repeat;
	background-size: 100% auto;
	height: 100%;
	width: 100%;
	cursor: pointer
}

.cd-timeline__container {
	position: relative;
	padding: 20px 0
}

.cd-timeline__container::before {
	content: '';
	position: absolute;
	top: 0;
	left: 18px;
	height: 100%;
	width: 4px;
	background: #d7e4ed
}

@media only screen and (min-width: 1170px) {
	.cd-timeline__container::before {
		left: 50%;
		margin-left: -2px
	}
}

.cd-timeline__block {
	position: relative;
	margin: 2em 0
}

.cd-timeline__block::after {
	content: "";
	display: table;
	clear: both
}

.cd-timeline__block:first-child {
	margin-top: 0
}

.cd-timeline__block:last-child {
	margin-bottom: 0
}

@media only screen and (min-width: 1170px) {
	.cd-timeline__block {
		margin: 4em 0
	}
}

@media only screen and (min-width: 1170px) {
	.cd-is-hidden {
		visibility: hidden
	}
}

.cd-timeline__img {
	position: absolute;
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
	top: 0;
	left: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 0 4px #fff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
	box-shadow: 0 0 0 4px #fff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05)
}

.cd-timeline__img img {
	display: block;
	width: 24px;
	height: 24px;
	position: relative
}

@media only screen and (min-width: 1170px) {
	.cd-timeline__img {
		width: 60px;
		height: 60px;
		left: 50%;
		margin-left: -30px;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	.cd-timeline__img.cd-timeline__img--bounce-in {
		visibility: visible;
		-webkit-animation: cd-bounce-1 0.6s;
		animation: cd-bounce-1 0.6s
	}
}

@-webkit-keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
		transform: scale(0.5)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes cd-bounce-1 {
	0% {
		opacity: 0;
		-webkit-transform: scale(0.5);
		transform: scale(0.5)
	}
	60% {
		opacity: 1;
		-webkit-transform: scale(1.2);
		transform: scale(1.2)
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

.cd-timeline__content {
	position: relative;
	margin-left: 60px;
	background: white;
	border-radius: 0.25em;
	padding: 1em;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.2)
}

.cd-timeline__content:after {
	content: "";
	display: table;
	clear: both
}

.cd-timeline__content::before {
	content: '';
	position: absolute;
	top: 16px;
	right: 100%;
	height: 0;
	width: 0;
	border: 7px solid transparent;
	border-right: 7px solid white
}

.cd-timeline__content .cd-timeline__read-more,
.cd-timeline__content .cd-timeline__date {
	font-size: 1.3rem
}

.cd-timeline__content .cd-timeline__read-more,
.cd-timeline__content .cd-timeline__date {
	display: inline-block
}

.cd-timeline__content .cd-timeline__read-more {
	float: right;
	padding: .8em 1em;
	background: #acb7c0;
	color: white;
	border-radius: 0.25em
}

.cd-timeline__content .cd-timeline__read-more:hover {
	background-color: #bac4cb
}

.cd-timeline__content .cd-timeline__date {
	float: left;
	padding: .8em 0;
	opacity: .7
}

@media only screen and (min-width: 768px) {
	.cd-timeline__read-more,
	.cd-timeline__date {
		font-size: 1.4rem
	}
}

@media only screen and (min-width: 1170px) {
	.cd-timeline__content {
		margin-left: 0;
		padding: 1.6em;
		width: 45%;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
	.cd-timeline__content::before {
		top: 24px;
		left: 100%;
		border-color: transparent;
		border-left-color: white
	}
	.cd-timeline__read-more {
		float: left
	}
	.cd-timeline__date {
		position: absolute;
		width: 100%;
		left: 122%;
		top: 6px;
		font-size: 1.6rem
	}
	.cd-timeline__block:nth-child(even) .cd-timeline__content {
		float: right
	}
	.cd-timeline__block:nth-child(even) .cd-timeline__content::before {
		top: 24px;
		left: auto;
		right: 100%;
		border-color: transparent;
		border-right-color: white
	}
	.cd-timeline__block:nth-child(even) .cd-timeline__read-more {
		float: right
	}
	.cd-timeline__block:nth-child(even) .cd-timeline__date {
		left: auto;
		right: 122%;
		text-align: right
	}
	.cd-timeline__content.cd-timeline__content--bounce-in {
		visibility: visible;
		-webkit-animation: cd-bounce-2 0.6s;
		animation: cd-bounce-2 0.6s
	}
}

@media only screen and (min-width: 1170px) {
	.cd-timeline__block:nth-child(even) .cd-timeline__content.cd-timeline__content--bounce-in {
		-webkit-animation: cd-bounce-2-inverse 0.6s;
		animation: cd-bounce-2-inverse 0.6s
	}
}

@-webkit-keyframes cd-bounce-2 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes cd-bounce-2 {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100px);
		transform: translateX(-100px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(20px);
		transform: translateX(20px)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@-webkit-keyframes cd-bounce-2-inverse {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px);
		transform: translateX(100px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@keyframes cd-bounce-2-inverse {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100px);
		transform: translateX(100px)
	}
	60% {
		opacity: 1;
		-webkit-transform: translateX(-20px);
		transform: translateX(-20px)
	}
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
}

@font-face {
	font-family: "Flaticon";
	src: url("/fonts/Flaticon.eot");
	src: url("/fonts/Flaticon.eot?#iefix") format("embedded-opentype"), url("/fonts/Flaticon.woff") format("woff"), url("/fonts/Flaticon.ttf") format("truetype"), url("/fonts/Flaticon.svg#Flaticon") format("svg");
	font-weight: normal;
	font-style: normal
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	@font-face {
		font-family: "Flaticon";
		src: url("/fonts/Flaticon.svg#Flaticon") format("svg")
	}
}

.fi:before {
	display: inline-block;
	font-family: "Flaticon";
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	line-height: 1;
	text-decoration: inherit;
	text-rendering: optimizeLegibility;
	text-transform: none;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased
}

.flaticon-transport:before {
	content: "\f100"
}

.flaticon-social:before {
	content: "\f101"
}

.flaticon-technology:before {
	content: "\f102"
}

.flaticon-search:before {
	content: "\f103"
}

.flaticon-shapes-1:before {
	content: "\f104"
}

.flaticon-shapes:before {
	content: "\f105"
}

.flaticon-discount:before {
	content: "\f106"
}

.flaticon-network:before {
	content: "\f107"
}

.flaticon-money:before {
	content: "\f108"
}

.flaticon-coins:before {
	content: "\f109"
}

.flaticon-finish:before {
	content: "\f10a"
}

.flaticon-ads:before {
	content: "\f10b"
}

.flaticon-people-1:before {
	content: "\f10c"
}

.flaticon-research:before {
	content: "\f10d"
}

.flaticon-social-media:before {
	content: "\f10e"
}

.flaticon-24-hours:before {
	content: "\f10f"
}

.flaticon-commerce:before {
	content: "\f110"
}

.flaticon-user:before {
	content: "\f111"
}

.flaticon-delivery-truck:before {
	content: "\f112"
}

.flaticon-holidays:before {
	content: "\f113"
}

.flaticon-statistics:before {
	content: "\f114"
}

.flaticon-businessman-success:before {
	content: "\f115"
}

.flaticon-sign:before {
	content: "\f116"
}

.flaticon-pen:before {
	content: "\f117"
}

.flaticon-map:before {
	content: "\f118"
}

.flaticon-delivery-van:before {
	content: "\f119"
}

.flaticon-arrows:before {
	content: "\f11a"
}

.flaticon-badge:before {
	content: "\f11b"
}

.flaticon-manager:before {
	content: "\f11c"
}

.flaticon-lawyer:before {
	content: "\f11d"
}

.flaticon-private-folder-hand-drawn-outline:before {
	content: "\f11e"
}

.flaticon-people:before {
	content: "\f11f"
}

.flaticon-parents:before {
	content: "\f120"
}

.flaticon-thief:before {
	content: "\f121"
}

.flaticon-file:before {
	content: "\f122"
}

.flaticon-circular-graphic-with-candidates-percentages-of-votation:before {
	content: "\f123"
}

.flaticon-circle:before {
	content: "\f124"
}

.flaticon-timer:before {
	content: "\f125"
}

.flaticon-cancel-1:before {
	content: "\f126"
}

.flaticon-cancel:before {
	content: "\f127"
}

.flaticon-left-arrow-1:before {
	content: "\f128"
}

.flaticon-right-arrow-1:before {
	content: "\f129"
}

.flaticon-down-arrow:before {
	content: "\f12a"
}

.flaticon-left-arrow:before {
	content: "\f12b"
}

.flaticon-right-arrow:before {
	content: "\f12c"
}

.flaticon-settings:before {
	content: "\f12d"
}

.flaticon-startup:before {
	content: "\f12e"
}

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url("/fonts/material-icons.woff2") format("woff2")
}

.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased
}

html {
	height: auto
}

.sidebar-max-open body {
	height: 100%;
	width: 100%
}

.sidebar-max {
	width: 100%;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1200;
	background: rgba(0, 0, 0, 0.4);
	height: 100%;
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	box-sizing: border-box;
	transition: all 0.3s
}

.sidebar-max .sidebar-max-inner {
	width: 50%;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.4);
	padding: 0 15px;
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	background: #fff
}

@media all and (max-width: 768px) {
	.sidebar-max .sidebar-max-inner {
		width: 100%
	}
}

.sidebar-max#mobile .sidebar-max-inner {
	width: 300px
}

@media all and (max-width: 768px) {
	.sidebar-max#mobile .sidebar-max-inner {
		width: 300px
	}
}

.sidebar-max.active {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	transition: all 0.3s
}

.sidebar-max .fixed-btn {
	position: absolute;
	right: 5px;
	top: -10px;
	z-index: 10;
	margin: 0;
	background: none !important;
	box-shadow: none !important;
	color: #c1bfbf !important
}

.sidebar-max .help-sidebar-title {
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	margin: 0;
	box-sizing: border-box;
	padding: 15px;
	font-weight: 700;
	font-size: 1.8rem;
	border-bottom: 1px solid #ddd;
	padding-right: 65px;
	background: #fff;
	z-index: 9
}

.sidebar-max .help-sidebar-content-inner {
	z-index: 8;
	padding: 66px 15px 15px;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	box-sizing: border-box;
	background: #fff;
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch
}

.sidebar-max .help-sidebar-content-inner .help-sidebar-content {
	width: 100%
}

.sidebar-max .help-sidebar-content-inner ul {
	font-size: 16px
}

.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}

.slick-list {
	position: relative;
	overflow: hidden;
	display: block;
	margin: 0;
	padding: 0
}

.slick-list:focus {
	outline: none
}

.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}

.slick-loading .slick-list {
	background: #fff url('/img/ajax-loader.gif') center center no-repeat
}

@media all and (max-width: 768px) {
	.slick-list {
		padding: 0
	}
}

.slick-slider .slick-track,
.slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.slick-prev,
.slick-next {
	position: absolute;
	display: block;
	height: 40px;
	width: 40px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	background: #fff;
	border-radius: 50%;
	color: transparent;
	top: 50%;
	border: 0 solid #dadada;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	padding: 0;
	z-index: 1000;
	outline: none
}

@media all and (max-width: 768px) {
	.slick-prev,
	.slick-next {
		border: 1px solid #dadada
	}
}

.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
	outline: none;
	background: rgba(255, 255, 255, 0.8);
	color: transparent
}

.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
	opacity: 1
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
	opacity: 1
}

.slick-prev:before,
.slick-next:before {
	font-family: "FontAwesome";
	font-size: 20px;
	line-height: 1;
	color: #333;
	opacity: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-prev {
	left: 10px
}

[dir="rtl"] .slick-prev {
	left: auto;
	right: 10px
}

.slick-prev:before {
	margin-left: -2px;
	content: ""
}

[dir="rtl"] .slick-prev:before {
	content: ""
}

@media all and (max-width: 768px) {
	.slick-prev {
		left: 0
	}
}

.slick-next {
	right: 10px
}

[dir="rtl"] .slick-next {
	left: 10px;
	right: auto
}

.slick-next:before {
	margin-right: -2px;
	content: ""
}

[dir="rtl"] .slick-next:before {
	content: ""
}

@media all and (max-width: 768px) {
	.slick-next {
		right: 0
	}
}

.slick-dotted.slick-slider {
	margin-bottom: 0;
	padding-bottom: 15px
}

.slick-dots {
	position: absolute;
	bottom: 5px;
	list-style: none;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	width: 100%
}

.slick-dots li {
	position: relative;
	display: inline-block;
	height: 20px;
	width: 20px;
	margin: 0;
	padding: 0;
	cursor: pointer
}

.slick-dots li button {
	border: 0;
	background: transparent;
	display: block;
	height: 20px;
	width: 20px;
	outline: none;
	line-height: 0px;
	font-size: 0px;
	color: transparent;
	padding: 5px;
	cursor: pointer
}

.slick-dots li button:hover,
.slick-dots li button:focus {
	outline: none
}

.slick-dots li button:hover:before,
.slick-dots li button:focus:before {
	opacity: 1
}

.slick-dots li button:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	width: 20px;
	height: 20px;
	font-family: "FontAwesome";
	font-size: 7px;
	line-height: 20px;
	text-align: center;
	color: #bebebe;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.slick-dots li.slick-active button:before {
	color: #ceb4a2;
	opacity: 1
}

.slick-track {
	position: relative;
	left: 0;
	top: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}

.slick-track:before,
.slick-track:after {
	content: "";
	display: table
}

.slick-track:after {
	clear: both
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	float: left;
	height: 100%;
	min-height: 1px;
	display: none
}

[dir="rtl"] .slick-slide {
	float: right
}

.slick-slide img {
	display: block;
	height: auto !important
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}

.slick-arrow.slick-hidden {
	display: none
}

.question-bar {
	width: 100%;
	height: 10px;
	background: #fff;
	clear: both;
	padding: 10px 0 0;
	border-radius: 5px;
	position: relative
}

.question-bar .question-progress {
	height: 10px;
	border-radius: 5px;
	background: #ceb4a2;
	position: absolute;
	left: 0;
	top: 0
}

.next-question {
	display: none
}

.next-question.send-question {
	display: block
}

.container-questions {
	position: relative;
	margin-bottom: 50px;
	border: 1px solid #efefef;
	border-radius: 20px;
	box-shadow: 0 2px 25px rgba(0, 0, 0, 0.1)
}

.container-questions .loader-body {
	display: none;
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background: rgba(0, 0, 0, 0.4)
}

.container-questions.sender .loader-body {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%
}

.container-questions.sender .loader {
	position: relative;
	display: grid;
	grid-template-columns: 33% 33% 33%;
	grid-gap: 2px;
	width: 80px;
	height: 80px
}

.container-questions.sender .loader>div {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #fff;
	transform: scale(0);
	transform-origin: center center;
	animation: loader 2s infinite linear
}

.container-questions.sender .loader>div:nth-of-type(1),
.container-questions.sender .loader>div:nth-of-type(5),
.container-questions.sender .loader>div:nth-of-type(9) {
	animation-delay: 0.4s
}

.container-questions.sender .loader>div:nth-of-type(4),
.container-questions.sender .loader>div:nth-of-type(8) {
	animation-delay: 0.2s
}

.container-questions.sender .loader>div:nth-of-type(2),
.container-questions.sender .loader>div:nth-of-type(6) {
	animation-delay: 0.6s
}

.container-questions.sender .loader>div:nth-of-type(3) {
	animation-delay: 0.8s
}

@keyframes loader {
	0% {
		transform: scale(0)
	}
	40% {
		transform: scale(1)
	}
	80% {
		transform: scale(1)
	}
	100% {
		transform: scale(0)
	}
}

.question-static {
	height: 60px;
	line-height: 60px;
	margin: 10px 0
}

.question {
	display: none
}

.question.active {
	display: block
}

.question>.row>.row {
	display: flex;
	flex-direction: row;
	align-items: stretch;
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 30em;
	justify-content: center
}

.question>.row>.row>.col-lg-3 {
	padding: 0 5px;
	height: auto
}

@media all and (max-width: 992px) {
	.question>.row>.row>.col-lg-3 {
		width: 0;
		flex: 1 1 0
	}
}

.question .question-item {
	background: #fff;
	box-shadow: 0 2px 25px rgba(0, 0, 0, 0.1);
	padding: 0 0 20px;
	margin-bottom: 10px;
	position: relative;
	cursor: pointer;
	height: 100%
}

.question .question-item::before {
	content: '';
	position: absolute;
	left: 10px;
	top: 10px;
	right: 10px;
	bottom: 10px;
	border: 1px solid #ceb4a2;
	opacity: 0;
	transition: all 0.3s
}

.question .question-item.active::before,
.question .question-item:hover::before {
	opacity: 1;
	transition: all 0.3s
}

.question .question-item.active::after {
	font-family: FontAwesome;
	position: absolute;
	left: 20px;
	top: 20px;
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	text-align: center;
	display: block;
	color: #fff;
	border-radius: 50%;
	background: #ceb4a2;
	content: "\f00c"
}

.question .question-item.img-question .img-question-image {
	padding: 0 0 20px
}

.question .question-item.img-question .img-question-image img {
	max-height: 265px
}

@media all and (max-width: 992px) {
	.question .question-item.img-question .img-question-image img {
		height: auto;
		width: 100%
	}
}

.question .question-item.img-question .img-question-image img.small {
	max-width: 65px
}

.question .question-item .question-title {
	position: relative;
	width: 100%;
	padding: 0 10px
}

.question .question-item .question-title span {
	display: block;
	font-size: 14px
}

@media all and (max-width: 992px) {
	.question .question-item .question-title {
		font-size: 14px;
		text-align: justify
	}
}

.table-container {
	display: flex;
	flex-direction: row;
	width: 100%;
	justify-content: center;
	align-items: stretch
}

.table-container .table-col {
	position: relative;
	border-right: 1px solid #000
}

.table-container .table-col .table-cel {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0px 10px;
	height: 100px;
	text-align: center;
	font-size: 15px;
	border-bottom: 1px solid #000
}

.table-container .table-col .table-cel:last-child {
	border-bottom: 0px solid #000
}

.table-container .table-col .table-cel:first-child {
	border-bottom: 0px solid #000
}

.table-container .table-col .table-cel.image-cel {
	padding: 10px 10px;
	height: 110px
}

.table-container .table-col .table-cel.image-cel img {
	max-width: 100%;
	max-height: 100%
}

.table-container .table-col .table-cel.black {
	padding: 0px 10px;
	height: 57px;
	background: #000;
	color: #fff;
	border-bottom: 0px solid #000
}

.table-container .table-col .table-cel.black.start-cel {
	border-radius: 25px 0 0 25px
}

.table-container .table-col .table-cel.black.finish-cel {
	border-radius: 0 25px 25px 0
}

.table-container .table-col .table-cel .tabel-flex {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center
}

.table-container .table-col .table-cel .tabel-flex .small-help {
	display: none
}

.table-container .table-col .table-cel .tabel-flex img {
	width: 47px;
	height: auto;
	margin-right: 10px
}

.table-container .table-col .table-cel .tabel-flex span {
	font-size: 12px;
	line-height: 1;
	text-align: left
}

@media all and (max-width: 992px) {
	.table-container .table-col .table-cel .tabel-flex {
		flex-direction: column;
		justify-content: center
	}
	.table-container .table-col .table-cel .tabel-flex .small-help {
		display: block
	}
	.table-container .table-col .table-cel .tabel-flex img {
		margin: 15px 0
	}
	.table-container .table-col .table-cel .tabel-flex span {
		font-size: 2rem;
		text-align: center
	}
}

.table-container .table-col.finish-col {
	border-right: 0 solid #000
}

.table-container .table-col.active {
	border: 0;
	border-radius: 15px
}

.table-container .table-col.active::before {
	position: absolute;
	content: '';
	width: 100%;
	height: 100%;
	border: 3px solid #ff007e;
	border-radius: 15px
}

.table-container .table-col.active .table-cel.black {
	background: #ff007e;
	border-radius: 0 0 0 0
}

.table-container .table-col.no-border {
	border-right: 0 solid #000
}

@media all and (max-width: 992px) {
	.table-container {
		flex-direction: column;
		align-items: flex-start
	}
	.table-container .table-col {
		width: 100%;
		border: 1px solid #000;
		border-radius: 5px;
		margin-bottom: 15px
	}
	.table-container .table-col.no-border {
		border-right: 1px solid #000
	}
	.table-container .table-col.start-col {
		display: none
	}
	.table-container .table-col .table-cel {
		height: auto;
		padding: 15px
	}
}

#main {
	width: 100%;
	height: 60px;
	text-align: center
}

.bg-rose {
	background: #f5e9e1
}

.prev-question {
	display: none
}

.bg-image {
	background-size: 100% 100% !important;
	background-size: cover !important
}

.white-text {
	color: #fff
}

.display-test {
	display: none
}

.no-radius {
	border-radius: 0 !important
}

.no-bg-color {
	background-color: transparent !important;
	border: 1px solid #ffffff
}

.no-bg-color-black {
	background-color: transparent;
	border: 1px solid #7d7979;
	color: #080808;
	border-radius: 0
}

.main-header-h2 {
	margin-bottom: 0px !important
}

.no-bg-color-black:hover {
	border: 1px solid #e9c7b1
}

.hidden-inner {
	overflow: hidden
}

.buble-left {
	position: relative;
	padding: 15px 20px;
	background: #ededed;
	border-radius: 10px;
	margin-bottom: 15px
}

.buble-left::before {
	content: '';
	position: absolute;
	right: 100%;
	top: 50%;
	margin-top: -7px;
	border: 7px solid transparent;
	border-right: 7px solid #ededed
}

.avatar-big {
	border-radius: 50%;
	width: 130px;
	margin-right: 20px
}

.left-height-img {
	position: absolute;
	left: 0;
	top: 20px;
	right: 0;
	height: 70%;
	max-width: none !important
}

@media all and (max-width: 768px) {
	.left-height-img {
		position: relative;
		height: auto;
		width: 100%;
		padding-bottom: 30px
	}
}

.white-border {
	padding: 15px 20px;
	position: relative;
	transition: all 0.5s
}

.white-border::before {
	content: '';
	position: absolute;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
	border: 1px solid #fff;
	transition: all 0.5s
}

.white-border.under-top-div {
	margin-top: 108px;
	padding-top: 88px
}

.white-border.under-top-div .under-top {
	position: absolute;
	text-align: center;
	width: 100%;
	left: 0;
	top: 0;
	margin-top: -88px;
	z-index: 10
}

.white-border.under-top-div .under-top img {
	height: 176px
}

.white-border::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	border: 10px solid #fff;
	opacity: 0;
	transition: all 0.5s
}

.white-border h3 {
	font-weight: 500;
	font-size: 2.4rem;
	line-height: 1.2;
	position: relative;
	width: 100%;
	padding-bottom: 15px
}

.white-border h3::before {
	content: '';
	width: 33.333%;
	height: 1px;
	background: #ceb4a2;
	position: absolute;
	left: 0;
	bottom: 0
}

.white-border h3.center-border::before {
	content: '';
	width: 100px;
	height: 1px;
	background: #ceb4a2;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	bottom: 0
}

.white-border h3.noborder::before {
	display: none
}

.white-border:hover {
	transition: all 0.5s;
	box-shadow: 0 2px 35px rgba(0, 0, 0, 0.1)
}

.white-border:hover::before {
	border: 1px solid #ceb4a2;
	transition: all 0.5s
}

.white-border:hover::after {
	opacity: 1;
	transition: all 0.5s;
	z-index: 0
}

.center-padding {
	padding: 0 15px
}

.padding-20 {
	padding: 20px 0
}

.padding-40 {
	padding: 40px 0
}

.padding-30 {
	padding: 30px 0
}

.padding-40-0 {
	padding: 40px 0 0
}

.margin-top-20 {
	margin-top: 20px
}

.margin-top-40 {
	margin-top: 40px
}

.light-grey-bg {
	background: #fcf8f7
}

.shadow-top {
	position: relative
}

.shadow-top::before {
	content: '';
	width: 100%;
	height: 60px;
	position: absolute;
	opacity: 0.5;
	left: 0;
	top: 0;
	background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
	background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, transparent 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000', GradientType=0)
}

.border {
	padding: 15px;
	border: 2px solid #FFD700
}

.wallplayer-body {
	position: relative;
	z-index: 1
}

.news-block {
	width: 100%;
	margin-top: 10px;
	margin-bottom: 20px;
	clear: both;
	display: block;
	overflow: hidden
}

.news-block .news-image {
	width: 100px;
	float: left
}

.news-block .news-image img {
	width: 100%;
	border-radius: 50%;
	height: auto
}

.news-block .news-content {
	float: right;
	width: calc(100% - 100px);
	padding-left: 15px
}

.news-block .news-content .news-title {
	font-weight: normal;
	margin-bottom: 0;
	font-size: 18px;
	height: auto
}

.news-block .news-content .news-date {
	color: #898989;
	font-size: 12px
}

.news-block .news-content .news-more a {
	text-decoration: underline;
	color: #898989;
	font-size: 12px
}

.news-block .news-content .news-more a:hover {
	color: #727378
}

span.num {
	float: left;
	padding-right: 4px;
	font-size: 48px;
	font-weight: 800;
	line-height: 60px;
	color: #727376
}

.afternum {
	font-size: 1.3em;
	height: 52px;
	padding: 8px 6px 0 0;
	font-weight: 800;
	line-height: 1.2em
}

.ul-50 {
	text-align: left;
	margin: 25px 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap
}

.ul-50 li {
	list-style-type: none;
	display: block;
	float: left;
	width: 50%;
	box-sizing: border-box;
	font-weight: 300;
	font-size: 16px;
	color: #fff;
	padding: 20px 0 20px 40px;
	background-repeat: no-repeat;
	background-position: left center
}

.ul-50 li:nth-child(1) {
	background-image: url("/img/li/tr1.png")
}

.ul-50 li:nth-child(2) {
	background-image: url("/img/li/tr2.png")
}

.ul-50 li:nth-child(3) {
	background-image: url("/img/li/tr3.png")
}

.ul-50 li:nth-child(4) {
	background-image: url("/img/li/tr4.png")
}

.ul-50 li:nth-child(5) {
	background-image: url("/img/li/tr5.png")
}

.ul-50 li:nth-child(6) {
	background-image: url("/img/li/tr6.png")
}

.ul-50 li:nth-child(7) {
	background-image: url("/img/li/tr7.png")
}

.ul-50 li:nth-child(8) {
	background-image: url("/img/li/tr8.png")
}

@media all and (max-width: 768px) {
	.ul-50 li {
		width: 100%;
		padding: 30px 0 30px 40px
	}
}

.back-image {
	width: 100%;
	height: auto;
	margin: auto;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover !important;
	overflow: hidden;
	position: relative
}

.videoform {
	position: absolute;
	right: 0;
	top: 0;
	width: 60%;
	height: 100%;
	z-index: 5;
	background: #fff;
	padding-right: 10%;
	transition: all 0.3s
}

.videoform .border {
	display: block
}

.videoform .after-border {
	display: none
}

@media all and (max-width: 768px) {
	.videoform {
		position: relative;
		width: 100%
	}
	.videoform .border {
		display: none
	}
	.videoform .after-border {
		display: block
	}
}

.videoform.active {
	width: 40%;
	transition: all 0.3s
}

@media all and (max-width: 768px) {
	.videoform.active {
		position: relative;
		width: 100%
	}
	.videoform.active .border {
		display: none
	}
	.videoform.active .after-border {
		display: block
	}
}

.wallplayer {
	margin-left: -20%;
	height: 100%;
	min-height: 100% !important;
	left: 0;
	top: 0
}

@media all and (max-width: 768px) {
	.wallplayer {
		margin-left: 0
	}
}

.flex-stretch {
	align-items: stretch !important
}

#videomodal .modal-header {
	display: none
}

#videomodal .modal-body {
	padding: 0
}

.shadow-top {
	position: relative
}

.shadow-top::after {
	content: '';
	width: 100%;
	height: 60px;
	position: absolute;
	left: 0;
	bottom: 0;
	background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
	background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
	background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
	opacity: 0.5
}

.btn-head {
	display: inline-block;
	box-sizing: border-box;
	background: #ceb4a2;
	font-weight: 700;
	color: #333;
	margin: 0
}

.center-block-top {
	position: absolute;
	margin-top: -30px;
	text-align: center;
	width: 100%;
	left: 0;
	top: 0
}

.box-icon-big {
	width: 200px !important;
	height: 200px !important
}

.big-div {
	margin: 150px auto 200px
}

.box-icon-big img {
	width: 70% !important
}

.box-icon {
	display: flex;
	width: 130px;
	height: 130px;
	position: relative;
	align-content: center;
	justify-content: center;
	align-items: center;
	background: #fff;
	box-shadow: 0 2px 35px rgba(0, 0, 0, 0.1);
	margin: 0 auto 15px
}

.box-icon::before {
	content: '';
	position: absolute;
	left: 15px;
	top: 15px;
	bottom: 15px;
	right: 15px;
	border: 1px solid #ceb4a2
}

.box-icon.inverse {
	width: 230px;
	height: 230px
}

.box-icon.inverse::before {
	content: '';
	position: absolute;
	left: 15px;
	top: 15px;
	bottom: 15px;
	right: 15px;
	border: 1px solid #ceb4a2
}

.box-icon p {
	font-weight: 400;
	margin-bottom: 0
}

.box-icon p span {
	font-size: 35px
}

.box-icon img {
	width: 60px
}

h3 {
	font-weight: 500
}

.description-category {
	height: 200px;
	overflow: hidden;
	display: block;
	width: 100%;
	padding-bottom: 70px;
	position: relative;
	transition: all 0.3s
}

.description-category .description-category-inner {
	height: auto;
	width: 100%;
	padding-bottom: 70px
}

.description-category.open {
	transition: all 0.3s
}

.description-category.open .btn i {
	transform: rotate(180deg);
	transition: all 0.3s
}

.description-category .btn i {
	transition: all 0.3s
}

.description-category .seeall-container {
	position: absolute;
	bottom: 0;
	left: 0;
	height: 70px;
	width: 100%;
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 52%, #fff 100%);
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #fff 52%, #fff 100%);
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, #fff 52%, #fff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
}

@media all and (max-width: 992px) {
	.wrap_mW._show_1e._isCallEnabled_2Q.__jivoMobileButton {
		display: none
	}
}

.mainMenu {
	color: #ddd;
	margin: 0 auto;
	float: none;
	display: inline-block;
	margin-left: 84px;
}

@media (max-width: 992px) {
	.mainMenu {
		display: none
	}
}

.mainMenu .ul-cont {
	display: none;
	background: #fff
}

.mainMenu>li {
	position: inherit;
	color: #fff;
	padding: 0;
	text-transform: none;
	text-align: center;
	height: 60px
}

@media (max-width: 1199px) {
	.mainMenu>li {
		height: 50px
	}
}

.mainMenu>li>a {
	height: 60px;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: center
}

@media (max-width: 1199px) {
	.mainMenu>li>a {
		height: 50px
	}
}

.mainMenu>li.parent {
	position: relative
}

.mainMenu>li.parent::before {
	content: '';
	position: absolute;
	right: 9px;
	top: 50%;
	margin-top: -4px;
	transform: rotate(45deg);
	width: 6px;
	height: 6px;
	border: 1px solid #fff;
	border-left: 0;
	border-top: 0;
	transition: all 0.2s
}

.mainMenu>li.parent a {
	padding-right: 20px
}

.mainMenu>li>.ul-cont {
	position: absolute;
	left: 0;
	top: 100%;
	padding-left: 0;
	height: auto !important;
	overflow: hidden
}

.mainMenu>li>.ul-cont li {
	height: auto !important;
	display: block;
	padding: 0;
	text-align: left
}

.mainMenu>li>.ul-cont li::before {
	content: '';
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;
	border-bottom: 1px solid #ddd
}

.mainMenu>li>.ul-cont li:last-child::before {
	display: none
}

.mainMenu>li>.ul-cont li a {
	width: 100%;
	display: block;
	color: #000 !important;
	line-height: 25px;
	font-size: 1.4rem !important;
	padding: 5px 15px
}

.mainMenu>li>.ul-cont li a:hover {
	color: #009ed6
}

.mainMenu>li:hover>.ul-cont {
	display: block;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3)
}

.mainMenu>li li {
	position: relative;
	min-width: 190px;
	height: auto;
	line-height: 25px;
	transition: all 0.3s
}

.mainMenu>li li a {
	padding-top: 15px;
	padding-bottom: 15px
}

.mainMenu>li li.parent::before {
	content: '';
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;
	border-bottom: 1px solid #ddd
}

.mainMenu>li li.parent:hover>.ul-cont {
	display: block
}

.mainMenu>li li>.ul-cont {
	position: absolute;
	left: 100%;
	top: 0
}

.mainMenu .container-items {
	display: none;
	position: absolute;
	top: 100%;
	max-height: 1200%;
	left: 0;
	right: 0;
	z-index: 5000;
	background: #fff;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
	webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0
}

.mainMenu .container-items ul {
	float: left;
	width: 100% !important;
	height: auto;
	display: inline-table !important;
	padding-top: 10px;
	height: auto;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid
}

.mainMenu .container-items ul li {
	display: block !important;
	width: 100%;
	position: relative;
	text-align: left
}

.mainMenu .container-items ul li .container-item-image {
	height: 40px;
	margin-left: 15px
}

.mainMenu .container-items .h4,
.mainMenu .container-items h4 {
	text-align: left !important;
	font-size: 1.3rem !important;
	margin: 0;
	padding: 10px 15px;
	font-weight: 400;
	text-transform: uppercase;
	color: #000;
	position: relative
}

.mainMenu .container-items .h4:before,
.mainMenu .container-items h4:before {
	content: '';
	position: absolute;
	left: 15px;
	bottom: 3px;
	width: 50px;
	border-top: 1px solid #ceb4a2
}

.mainMenu .container-items li {
	height: auto !important;
	line-height: 25px !important;
	color: #000 !important
}

.mainMenu .container-items li a {
	color: #000 !important;
	text-align: left !important;
	line-height: 20px;
	text-align: left;
	width: 100%;
	display: block;
	font-size: 1.4rem !important;
	padding: 3px 15px;
	position: relative;
	transition: all 0.3s
}

.mainMenu .container-items li a::before {
	content: '';
	position: absolute;
	left: 5px;
	top: 15px;
	margin-top: -2px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #ceb4a2;
	border-left: 2px solid #ceb4a2;
	transform: rotate(135deg);
	opacity: 0;
	transition: all 0.6s
}

.mainMenu .container-items li a:hover {
	background: none;
	color: #ceb4a2 !important;
	text-decoration: none;
	transition: all 0.3s;
	padding-left: 20px;
	font-weight: 400
}

.mainMenu .container-items li a:hover::before {
	left: 5px;
	margin-top: -4px;
	width: 8px;
	height: 8px;
	opacity: 1;
	transition: all 0.6s
}

.phoneMenu {
	color: #ddd;
	display: block;
	position: absolute;
	right: 70px;
	top: 10px;
	margin: 0 !important
}

@media all and (max-width: 992px) {
	.phoneMenu {
		right: 100px;
		top: 5px
	}
}

.phoneMenu .ul-cont {
	display: none;
	background: #fff
}

.phoneMenu>li {
	position: inherit;
	color: #fff;
	padding: 0;
	text-transform: none;
	text-align: center;
	height: 50px
}

@media (max-width: 1199px) {
	.phoneMenu>li {
		height: 45px
	}
}

.phoneMenu>li>a {
	padding: 9px !important;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: center;
	align-items: center;
	background: #333 !important
}

.phoneMenu>li.parent {
	position: relative
}

.phoneMenu>li>.ul-cont {
	position: absolute;
	right: 0;
	top: 100%;
	padding-left: 0;
	height: auto !important;
	overflow: hidden
}

.phoneMenu>li>.ul-cont li {
	height: auto !important;
	display: block;
	padding: 0;
	text-align: left
}

.phoneMenu>li>.ul-cont li::before {
	content: '';
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;
	border-bottom: 1px solid #ddd
}

.phoneMenu>li>.ul-cont li:last-child::before {
	display: none
}

.phoneMenu>li>.ul-cont li a {
	width: 100%;
	display: block;
	color: #000 !important;
	line-height: 25px;
	font-size: 1.4rem !important;
	padding: 5px 15px
}

.phoneMenu>li>.ul-cont li a:hover {
	color: #009ed6
}

.phoneMenu>li:hover>.ul-cont {
	display: block;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3)
}

.phoneMenu>li li {
	position: relative;
	min-width: 200px;
	height: auto;
	line-height: 25px;
	transition: all 0.3s
}

.phoneMenu>li li a {
	padding-top: 15px;
	padding-bottom: 15px;
	transition: all 0.3s
}

.phoneMenu>li li a:hover {
	text-decoration: none;
	color: #ceb4a2 !important;
	transition: all 0.3s
}

.phoneMenu>li li.parent::before {
	content: '';
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 0;
	border-bottom: 1px solid #ddd
}

.phoneMenu>li li.parent:hover>.ul-cont {
	display: block
}

.phoneMenu>li li>.ul-cont {
	position: absolute;
	left: 100%;
	top: 0
}

.phoneMenu .container-items {
	display: none;
	position: absolute;
	top: 100%;
	max-height: 1200%;
	left: 0;
	right: 0;
	z-index: 5000;
	background: #fff;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
	webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	-webkit-column-gap: 0;
	-moz-column-gap: 0;
	column-gap: 0
}

.phoneMenu .container-items ul {
	float: left;
	width: 100% !important;
	height: auto;
	display: inline-table !important;
	padding-top: 10px;
	-webkit-column-break-inside: avoid;
	page-break-inside: avoid;
	break-inside: avoid
}

.phoneMenu .container-items ul li {
	display: block !important;
	width: 100%;
	position: relative;
	text-align: left
}

.phoneMenu .container-items ul li .container-item-image {
	height: 40px;
	margin-left: 15px
}

.phoneMenu .container-items h4 {
	text-align: left !important;
	font-size: 1.3rem !important;
	margin: 0;
	padding: 10px 15px;
	font-weight: 400;
	text-transform: uppercase;
	color: #000;
	position: relative
}

.phoneMenu .container-items h4:before {
	content: '';
	position: absolute;
	left: 15px;
	bottom: 3px;
	width: 50px;
	border-top: 1px solid #ceb4a2
}

.phoneMenu .container-items li {
	height: auto !important;
	line-height: 25px !important;
	color: #000 !important
}

.phoneMenu .container-items li a {
	color: #000 !important;
	text-align: left !important;
	line-height: 20px;
	text-align: left;
	width: 100%;
	display: block;
	font-size: 1.4rem !important;
	padding: 3px 15px;
	position: relative;
	transition: all 0.3s
}

.phoneMenu .container-items li a::before {
	content: '';
	position: absolute;
	left: 5px;
	top: 15px;
	margin-top: -2px;
	width: 4px;
	height: 4px;
	border-top: 2px solid #ceb4a2;
	border-left: 2px solid #ceb4a2;
	transform: rotate(135deg);
	opacity: 0;
	transition: all 0.6s
}

.phoneMenu .container-items li a:hover {
	background: none;
	color: #ceb4a2 !important;
	text-decoration: none;
	transition: all 0.3s;
	padding-left: 20px;
	font-weight: 400
}

.phoneMenu .container-items li a:hover::before {
	left: 5px;
	margin-top: -4px;
	width: 8px;
	height: 8px;
	opacity: 1;
	transition: all 0.6s
}

.max-dropdown {
	margin: 0 -15px;
	padding-left: 0
}

.max-dropdown li {
	list-style: none;
	border-bottom: 1px solid #ddd
}

.max-dropdown li a {
	font-size: 16px;
	line-height: 20px;
	padding: 15px 15px;
	display: block;
	width: 100%;
	box-sizing: border-box
}

.max-dropdown li a:hover {
	text-decoration: none
}

.max-dropdown .no-padding ul {
	padding-left: 0
}

.max-dropdown .no-padding ul li a {
	padding: 15px 25px
}

.max-dropdown .no-padding.active .mobile-menu-ul {
	display: block
}

.max-dropdown .no-padding.active .parent::before {
	transform: rotate(180deg);
	transition: all 0.3s
}

.max-dropdown .no-padding .parent {
	position: relative
}

.max-dropdown .no-padding .parent::before {
	content: '';
	position: absolute;
	right: 15px;
	top: 20px;
	border: 6px solid transparent;
	border-top: 6px solid #333;
	transition: all 0.3s
}

.max-dropdown .no-padding .mobile-menu-ul {
	display: none
}

body p {
	font-size: 16px
}

.back-form {
	background-size: cover !important;
	color: #fff
}

.body-item li {
	font-size: 16px;
	line-height: 24px
}

.body-item img {
	max-width: 100%
}

#sendReview .form-group {
	margin-top: 10px
}

.nowrap {
	white-space: nowrap
}

.map {
	height: 300px
}

.old-price {
	display: none
}

.old-price span {
	text-decoration: line-through
}

.search {
	max-width: 200px;
	margin-top: -1px
}

.search .input-group {
	padding-right: 0;
	display: flex;
	flex-direction: row
}

.search .form-group {
	margin-top: 0 !important;
	padding-bottom: 0
}

.search .form-group .form-control {
	margin-top: 7px !important;
	margin-bottom: 0 !important;
	height: 25px;
	padding: 3px 3px 3px 0;
	font-size: 11px;
	line-height: 25;
	max-width: 130px;
	color: #fff
}

.search .form-group .input-group-btn {
	margin-bottom: 0 !important;
	padding-left: 0
}

.search .form-group .input-group-btn .search-vendor {
	margin-top: 8px !important;
	margin-bottom: 0 !important;
	height: 25px;
	padding: 3px 5px;
	min-width: 36px;
	width: 36px;
	font-size: 11px;
	line-height: 25px;
	border-radius: 3px
}

.search .form-group .input-group-btn .search-vendor i {
	font-size: 15px;
	display: block
}

@media all and (max-width: 992px) {
	.search {
		display: none
	}
	.search.mobile-search {
		display: block;
		width: 100%;
		padding: 15px 0;
		box-sizing: border-box
	}
	.search.mobile-search .input-group {
		width: 100%;
		padding-right: 40px
	}
	.search.mobile-search .input-group input {
		color: #000;
		line-height: 25px;
		font-size: 14px
	}
	.search.mobile-search .input-group-btn {
		position: absolute;
		right: 20px;
		top: 0
	}
}

.media-area {
	overflow: hidden
}

.table-shopping img {
	max-width: 100%
}

.field-shoporder-payment .form-group {
	margin-top: 0
}

.anchor {
	margin-bottom: 50px
}

.inline {
	display: inline-block;
	position: relative
}

.list-menu li {
	display: block;
	clear: both;
	width: 100%;
	text-transform: none;
	text-align: left
}

.list-menu li a {
	padding: 10px 0;
	text-transform: none !important
}

.light {
	font-weight: 300 !important
}

.max-accordeon-title {
	cursor: pointer;
	border-bottom: 1px solid #ddd;
	display: block;
	width: 100%;
	padding: 5px 10px;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none
}

.max-accordeon-title i {
	float: right
}

.vendor-prev {
	clear: both;
	float: right;
	padding-right: 15px;
	margin-top: 0
}

.youtube-player img:hover {
	-webkit-filter: brightness(75%)
}

.ytLoader {
	cursor: pointer;
	position: relative
}

.ytLoader::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.4);
	transition: all 0.3s;
	opacity: 0
}

.ytLoader:hover::before {
	opacity: 1;
	transition: all 0.3s
}

.ytLoader .playBtn {
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	margin-left: -40px;
	margin-top: -40px;
	width: 80px;
	height: 80px;
	background: rgba(0, 0, 0, 0.7);
	border-radius: 50%
}

.ytLoader .playBtn::before {
	content: '';
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -10px;
	margin-left: -3px;
	border: 10px solid transparent;
	border-left: 10px solid #ddd
}

.max-accorder-item {
	overflow: hidden;
	transition: all 0.3s;
	height: 0
}

.max-accorder-item .max-accorder-item-body {
	width: 100%;
	height: auto;
	display: block;
	overflow: hidden
}

#topmenu {
	position: fixed;
	width: 100%;
	background: #fff;
	top: 0;
	left: 0;
	z-index: 1100;
	margin-top: -40px;
	transition: all 0.3s
}

#topmenu.go-top {
	margin-top: 0;
	transition: all 0.3s
}

@media all and (max-width: 600px) {
	#topmenu .hidden-small {
		display: none
	}
}

@media all and (min-width: 601px) {
	#topmenu .hidden-max {
		display: none
	}
}

@media all and (min-width: 1200px) {
	#topmenu .container-fluid {
		position: relative;
		max-width: 1200px;
		margin: 0 auto
	}
}

@media all and (max-width: 992px) {
	#topmenu .hidden-medium {
		display: none
	}
}

.basket {
	position: absolute;
	right: 10px;
	background: #333;
	top: 10px
}

@media (max-width: 1199px) {
	.basket {
		top: 5px
	}
}

@media (max-width: 992px) {
	.basket {
		right: 75px
	}
}

#main-nav {
	border-radius: 0;
	top: 0;
	height: 60px;
	transition: all 0.3s
}

#main-nav.at-top {
	top: 0;
	transition: all 0.3s
}

#main-nav.go-top {
	top: 0;
	transition: all 0.3s
}

@media (max-width: 1199px) {
	#main-nav {
		height: 50px
	}
}

@media (min-width: 1200px) {
	#main-nav .container-fluid {
		position: relative;
		max-width: 1200px;
		margin: 0 auto
	}
}

#main-nav .hover-item a {
	font-weight: 700 !important
}

.wrap_3s {
	bottom: 0 !important;
	right: auto !important;
	left: 0 !important;
	top: auto !important;
	margin-left: 10px !important;
	margin-bottom: 10px !important
}

.notunder:hover {
	text-decoration: none
}

.top-not-margin {
	margin-top: -20px
}

.bottom-not-margin {
	margin-bottom: -20px
}

.margin-bottom-0 {
	margin-bottom: 0px !important
}

.margin-bottom-10 {
	margin-bottom: 10px !important
}

.margin-top-0 {
	margin-top: 0px !important
}

.margin-top-10 {
	margin-top: 10px !important
}

.margin-bottom-20 {
	margin-bottom: 20px !important
}

.margin-bottom-30 {
	margin-bottom: 30px !important
}

.margin-bottom-40 {
	margin-bottom: 40px !important
}

.margin-bottom-50 {
	margin-bottom: 50px !important
}

.margin-bottom-60 {
	margin-bottom: 60px !important
}

.margin-bottom-70 {
	margin-bottom: 70px !important
}

.margin-bottom-80 {
	margin-bottom: 80px !important
}

.margin-bottom-90 {
	margin-bottom: 90px !important
}

.margin-top-20 {
	margin-top: 20px !important
}

.margin-top-30 {
	margin-top: 30px !important
}

.margin-top-40 {
	margin-top: 40px !important
}

.margin-top-50 {
	margin-top: 50px !important
}

.margin-top-60 {
	margin-top: 60px !important
}

.margin-top-70 {
	margin-top: 70px !important
}

.margin-top-80 {
	margin-top: 80px !important
}

.margin-top-90 {
	margin-top: 90px !important
}

.cover {
	width: 100%
}

.input-group-row {
	position: relative
}

.count .btn:first-child {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0 0 10px
}

.count .btn:last-child {
	position: absolute;
	right: 0;
	top: 0;
	margin: 0 0 10px
}

.count label {
	font-size: 12px;
	text-transform: uppercase;
	color: #333;
	padding-bottom: 1px
}

.count .input-count {
	padding-right: 42px;
	padding-left: 42px
}

.count .input-count input {
	border: 1px solid #ebebeb;
	height: 38px;
	margin: 0 0 10px;
	border-radius: 3px !important;
	padding: 0 5px;
	text-align: center;
	background: none !important
}

.count .input-group .form-control:not(:first-child):not(:last-child) {
	border-radius: 0;
	width: 100%
}

.gallery {
	position: relative;
	border: 1px solid #ebebeb;
	border-radius: 6px;
	display: block;
	height: 100%
}

.gallery .main-img {
	width: 100%;
	height: 100%
}

.gallery .main-img a {
	height: 100%;
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	justify-content: center
}

.gallery .main-img img {
	max-height: 340px
}

.gallery .main-img.with-thumb {
	padding-left: 115px
}

.gallery .thumb-gallery {
	position: absolute;
	left: 10px;
	top: 10px;
	bottom: 10px;
	overflow-y: scroll;
	overflow-x: hidden
}

.gallery .thumb-gallery::-webkit-scrollbar {
	width: 10px
}

.gallery .thumb-gallery::-webkit-scrollbar-thumb {
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: rgba(229, 200, 181, 0.8);
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5)
}

.gallery .thumb-gallery::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(229, 200, 181, 0.4)
}

.gallery .thumb-gallery::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: #fff
}

.gallery .thumb-gallery a {
	display: block;
	border: 1px solid #ebebeb;
	border-radius: 6px;
	margin-right: 10px;
	overflow: hidden
}

.gallery .thumb-gallery img {
	width: 100px
}

.left-not-margin-large {
	margin-left: -160px
}

@media all and (max-width: 992px) {
	.left-not-margin-large {
		margin-left: 0
	}
}

.bg-grey-light-2 {
	background: #f7f7f7
}

.bg-grey-light {
	background: #f7f7f7
}

.bg-grey-light h3 {
	position: relative;
	width: 100%;
	padding-bottom: 15px
}

.bg-grey-light h3::before {
	content: '';
	width: 100px;
	height: 1px;
	background: #ceb4a2;
	position: absolute;
	left: 0;
	bottom: 0
}

.bg-grey-light h3.noborder::before {
	display: none
}

.ul-style {
	z-index: 1;
	padding-left: 0
}

.ul-style>li {
	list-style-type: none;
	counter-increment: list;
	padding: 12px 0 12px 40px;
	font-size: 1.8rem;
	position: relative
}

@media all and (max-width: 1200px) {
	.ul-style>li {
		font-size: 1.6rem
	}
}

.ul-style>li::before {
	content: counter(list) " ";
	width: 25px;
	height: 25px;
	line-height: 25px;
	display: block;
	text-align: center;
	border-radius: 50%;
	background: #f5e9e1;
	float: left;
	margin-right: 15px;
	font-size: 13px;
	font-weight: 400;
	position: absolute;
	left: 0;
	top: 12px
}

.head-under h4,
.head-under h3 {
	font-weight: 500;
	position: relative;
	width: 100%;
	padding-bottom: 15px
}

.head-under h4::before,
.head-under h3::before {
	content: '';
	width: 100px;
	height: 1px;
	background: #ceb4a2;
	position: absolute;
	left: 0;
	bottom: 0
}

.max-height {
	height: 100%
}

.margin-right-10 {
	margin-right: 10px !important
}

.margin-right-20 {
	margin-right: 20px !important
}

.margin-right-30 {
	margin-right: 30px !important
}

.flex-grid {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start
}

.flex-grid.middle {
	align-items: center;
	width: 100%
}

.flex-grid.stretch {
	align-items: stretch
}

.flex-grid.justify {
	justify-content: space-between
}

.alert {
	width: 100%
}

.icon-header i {
	font-size: 22px;
	padding-top: 4px
}

.inverse {
	color: #fff !important
}

.inverse label {
	color: #fff !important
}

.change-city {
	font-size: 14px;
	color: #333;
	font-weight: 400;
	position: relative
}

.change-city .material-icons {
	font-size: 16px;
	margin-top: 12px;
	display: block;
	float: left
}

.change-city a {
	color: #333;
	font-weight: 400
}

.navbar.navbar-transparent small {
	color: #666
}

.modal-header h4 {
	margin-top: 0 !important
}

.city-collection {
	overflow: hidden;
	padding-bottom: 15px;
	border-top: 1px solid #ddd;
	padding-top: 15px
}

.col-city {
	width: 25%;
	float: left
}

@media all and (max-width: 768px) {
	.left-not-margin-large {
		width: 100%;
	}
	.col-city {
		width: 50%
	}
}

.col-city .group-city {
	width: 100%;
	position: relative
}

.col-city .group-city .group-city-city {
	position: absolute;
	left: 0;
	top: 0;
	color: #f44336;
	font-size: 16px;
	text-align: left
}

.col-city .group-city .group-city-item {
	width: 100%;
	padding-left: 20px;
	box-sizing: border-box;
	cursor: pointer
}

.col-city .group-city .group-city-item.active {
	font-weight: 400
}

.col-city .group-city .group-city-item:hover {
	text-decoration: underline
}

.change-city-dialog {
	background: #fff;
	padding: 15px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.3);
	color: #333;
	text-align: center;
	display: flex;
	flex-direction: column;
	border-radius: 7px;
	position: absolute;
	top: 100%;
	margin-top: 10px;
	right: 0;
	z-index: 1040
}

.change-city-dialog .change-city-button {
	display: flex;
	flex-direction: row
}

.change-city-dialog h6 {
	text-transform: none
}

.change-city-dialog::before {
	content: '';
	right: 40px;
	border: 7px solid transparent;
	border-bottom: 7px solid #fff;
	position: absolute;
	bottom: 100%
}

.related-product-slider .col-lg-3 {
	padding-top: 35px;
	padding-bottom: 10px
}

.payment {
	padding-bottom: 0 !important
}

.payment small {
	clear: both;
	display: block;
	padding: 5px 0 0
}

.sale-product {
	position: absolute;
	left: 5px;
	top: 5px
}

.full-width {
	width: 100% !important
}

#main-basket-inner table {
	width: 100%
}

#main-basket-inner .td-name ul {
	padding: 0;
	margin-top: 5px
}

#main-basket-inner .td-name ul li {
	border-top: 1px solid #ddd;
	padding: 5px 0;
	list-style: none;
	overflow: hidden;
	white-space: pre-wrap
}

#main-basket-inner .td-name ul li span {
	width: auto;
	clear: both;
	float: left;
	text-align: left;
	display: block;
	background: #999999;
	color: #fff;
	padding: 0 5px;
	border-radius: 4px
}

#succesAlert {
	position: fixed;
	top: 70px;
	left: 15px;
	z-index: 5000;
	right: 15px
}

.change-city .form-group {
	margin-top: 0 !important
}

.full {
	max-width: 100%
}

.wrapper {
	margin-top: 60px
}

#basket {
	padding: 0 15px
}

#basket img {
	max-width: 100%
}

#basket .items {
	border-bottom: 1px solid #ddd
}

#basket .items a {
	color: #111;
	text-decoration: none
}

#basket .items a h5 {
	font-size: 1.1rem
}

.accord.collapse {
	overflow: hidden;
	height: 0
}

.accord.collapse.in {
	overflow: inherit;
	height: auto
}

.divider {
	width: 100%;
	opacity: 0;
	margin-top: 5px;
	margin-bottom: 5px
}

.card-title-back {
	background: #1c1c1b;
	width: 100%;
	padding: 8px 15px;
	color: #fff;
	text-decoration: none;
	font-size: 1.3rem
}

.data-slick .card {
	margin-bottom: 0
}

ol li {
	position: relative;
	line-height: 35px;
	padding: 10px 0 10px 20px;
	list-style-position: outside
}

h2 {
	text-transform: none;
	display: table;
	font-weight: 500;
	margin: 10px auto 20px;
	text-align: center
}

.map {
	min-height: 290px
}

.map p {
	font-size: 14px
}

.content-map {
	max-width: 300px
}

.list-product {
	display: flex;
	flex-flow: row wrap
}

.list-product .col {
	display: flex
}

.list-product .col .card {
	display: flex;
	width: 100%;
	flex-direction: column;
	justify-content: space-between
}

.list-product .col .card .card-body {
	padding: 10px 15px
}

.list-product .col .card .card-body a {
	color: #111
}

.addFav,
.addToCard {
	cursor: pointer;
	position: absolute;
	right: 15px;
	bottom: 4px;
	line-height: 1.6rem;
	display: block
}

.addFav i,
.addToCard i {
	font-size: 1.6rem;
	line-height: 1.6rem
}

.addFav {
	left: 15px;
	right: auto
}

.card .card-body p {
	margin-bottom: 0
}

.maket-item img {
	max-width: 100%
}

.maket-item .maket-item-title {
	padding: 10px 0;
	text-align: center
}

.maket-preview {
	display: inline-block
}

.maket-preview img {
	max-height: 42px;
	margin-top: 2px
}

.mobile-menu-bar {
	display: none;
	font-size: 1.6rem
}

.product_img img {
	max-width: 100%
}

.product-gallery a {
	display: block;
	float: left;
	width: 25%
}

.filter .form-group {
	margin-top: 0
}

.flex {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center
}

header {
	background: #009ed6;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 70px;
	z-index: 1000
}

header .flex {
	height: 75px
}

header .logo-main img {
	height: 60px
}

header .row .col a {
	color: #fff;
	text-align: center;
	transition: all 0.3s;
	line-height: 25px
}

header .row .col a:hover {
	text-decoration: none;
	color: #999;
	transition: all 0.3s
}

.logo-main {
	text-align: center
}

.logo-main img {
	max-width: 70%;
	margin: 8px auto 7px
}

.content-body ul {
	padding-left: 20px;
	margin: 10px 0 20px
}

.content-body ul.collection {
	padding-left: 0
}

.content-body ul li {
	list-style: disc outside
}

.content-body ul li.collection-item {
	list-style: none
}

.count-item {
	position: relative;
	height: 120px;
	width: 150px;
	margin: 0 auto 15px;
	-moz-user-select: none;
	-webkit-user-select: none
}

.count-item::selection,
.count-item::-moz-selection {
	background: transparent
}

.count-item .count-up,
.count-item .count-down {
	width: 30px;
	height: 30px;
	cursor: pointer;
	border-radius: 50% 0 0 50%;
	line-height: 30px;
	text-align: center;
	background: #111;
	color: #fff;
	display: block;
	position: absolute;
	bottom: 0;
	left: 25px;
	overflow: hidden;
	transition: all 0.3s;
	-moz-user-select: none;
	-webkit-user-select: none
}

.count-item .count-up::selection,
.count-item .count-up::-moz-selection,
.count-item .count-down::selection,
.count-item .count-down::-moz-selection {
	background: transparent
}

.count-item .count-up:hover,
.count-item .count-down:hover {
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.4);
	transition: all 0.3s;
	text-shadow: #777 1px 1px, #787878 2px 2px, #797979 3px 3px, #7a7a7a 4px 4px, #7b7b7b 5px 5px, #7c7c7c 6px 6px, #7d7d7d 7px 7px, #7e7e7e 8px 8px, #7f7f7f 9px 9px, gray 10px 10px, #818181 11px 11px, #828282 12px 12px, #838383 13px 13px, #848484 14px 14px, #858585 15px 15px, #868686 16px 16px, #878787 17px 17px, #888 18px 18px
}

.count-item .count-up {
	border-radius: 0 50% 50% 0;
	left: auto;
	right: 25px
}

.count-item input {
	position: absolute;
	left: 55px;
	height: 28px !important;
	line-height: 28px;
	border-top: 1px solid #111 !important;
	border-bottom: 1px solid #111 !important;
	color: #101010;
	margin-bottom: 0 !important;
	text-align: center;
	bottom: 0;
	width: 40px !important
}

@media all and (max-width: 992px) {
	.mobile-menu-bar {
		display: block;
		position: absolute !important;
		right: 0;
		top: 0
	}
}

@media all and (max-width: 992px) {
	#nav-mobile {
		position: relative;
		margin: 0 auto
	}
	#nav-mobile a {
		font-size: 1.4rem
	}
}

.modal h5 {
	margin: 0
}

.navbar-header {
	position: absolute;
	left: 15px;
	top: 0
}

.navbar-fixed {
	z-index: 500
}

.ul-conttopmenu .item {
	line-height: 43px !important
}

.card-product {
	margin-bottom: 50px
}

.collapsible-body li>a {
	height: auto;
	line-height: 28px;
	padding-top: 10px !important;
	padding-bottom: 10px !important
}

.contact-table i {
	font-size: 2rem;
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #111;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	text-align: center;
	color: #fff
}

.vendor {
	font-size: 18px;
	color: #666
}

@media all and (max-width: 768px) {
	.vendor {
		display: block;
		text-align: left;
		float: none !important;
		font-size: 16px
	}
}

.media .avatar {
	margin: 0 auto;
	width: 120px;
	height: 120px;
	position: relative;
	z-index: 10;
	overflow: hidden;
	display: block;
	border-radius: 50%;
	margin-bottom: -60px
}

@media all and (max-width: 768px) {
	.media .avatar {
		width: 120px;
		height: 120px;
		margin-left: auto;
		margin-right: auto
	}
}

.media .avatar img {
	width: 100%
}

.media .review-content {
	background: #fff;
	position: relative;
	padding: 0 40px;
	padding-top: 40px;
	text-align: center;
	box-shadow: 0 2px 25px rgba(0, 0, 0, 0.1);
	margin-bottom: 25px
}

.media .review-content>* {
	z-index: 1
}

.media .review-content::before {
	content: '';
	position: absolute;
	left: 15px;
	top: 15px;
	right: 15px;
	bottom: 15px;
	border: 1px solid #ceb4a2;
	z-index: 0
}

.media .review-content .media-heading {
	z-index: 3
}

.media-raiting {
	width: 100%;
	text-align: center;
	color: #ceb4a2;
	margin-bottom: 15px
}

.media .media-heading small {
	font-family: "Roboto", "Helvetica", "Arial", sans-serif
}

.btn.btn-default {
	border-radius: 20px;
	background: #ceb4a2;
	text-transform: none;
	color: #333
}

.btn.btn-default:hover {
	background: #edd8cb;
	color: #333
}

.btn.btn-default.btn-large {
	font-size: 16px;
	line-height: 36px;
	border-radius: 35px;
	padding: 12px 40px
}

.btn.btn-default.btn-large.btn-flat {
	font-weight: 300;
	background: none;
	border: 1px solid #ceb4a2;
	box-shadow: none
}

@media all and (max-width: 1200px) {
	.btn.btn-default.btn-large {
		font-size: 16px;
		line-height: 36px;
		border-radius: 30px;
		padding: 12px 37px
	}
}

.no-padding .form-group {
	padding-bottom: 0;
	margin-top: 10px
}

.field-question-name::before,
.field-input-name::before {
	content: '';
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -13px;
	height: 24px;
	width: 24px;
	background: url("../img/form/pamyatniki_name.svg") center center no-repeat;
	background-size: 24px 24px
}

.field-question-phone::before,
.field-input-phone::before {
	content: '';
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -13px;
	height: 24px;
	width: 24px;
	background: url("../img/form/pamyatniki_phone.svg") center center no-repeat;
	background-size: 24px 24px
}

.field-question-email::before,
.field-input-email::before {
	content: '';
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -13px;
	height: 24px;
	width: 24px;
	background: url("../iimg/form/pamyatniki_mail.svg") center center no-repeat;
	background-size: 24px 24px
}

.small-case {
	text-transform: none
}

.padding-bottom-20 {
	padding-bottom: 20px !important
}

.padding-bottom-15 {
	padding-bottom: 15px !important
}

.padding-bottom-10 {
	padding-bottom: 10px
}

.padding-top-20 {
	padding-top: 20px
}

.padding-top-10 {
	padding-top: 10px
}

.padding-top-40 {
	padding-top: 40px
}

.padding-top-70 {
	padding-top: 15px
}

.padding-bottom-40 {
	padding-bottom: 40px
}

.border-inner-img {
	position: relative
}

.border-inner-img::before {
	content: '';
	position: absolute;
	display: block;
	left: 10px;
	top: 10px;
	bottom: 10px;
	right: 10px;
	border: 1px solid #fff
}

.active-text {
	color: #ceb4a2 !important
}

.back-style {
	color: #fff
}

.inline-block {
	display: inline-block
}

.flex-row {
	display: flex;
	flex-direction: row;
	align-items: center
}

.flex-row.flex-start {
	align-items: flex-start
}

.white-input {
	background-color: #fff !important;
	padding: 15px 10px !important;
	height: 60px;
	background-image: none !important
}

.has-error .white-input {
	border: 1px solid #a94442
}

.has-error .white-input+.help-block {
	display: none
}

.back-phone {
	background-size: auto 100% !important;
	background-color: #ededed !important
}

@media all and (max-width: 1200px) {
	.back-phone {
		background-size: 100% auto !important;
		background-position: center 20px !important
	}
}

@media all and (max-width: 768px) {
	.back-phone {
		background-image: none !important
	}
}

.icon-small {
	margin-top: 5px;
	width: 44px
}

.margin-right-20 {
	margin-right: 20px
}

.right-form h2 {
	text-align: left;
	color: #333;
	line-height: 1.2
}

.right-form h2,
.left-form h2 {
	margin: 0;
	margin-bottom: 15px;
	padding-bottom: 15px;
	position: relative
}

.right-form h2::before,
.left-form h2::before {
	content: '';
	width: 80px;
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	background: #ceb4a2
}

.right-form .container .row,
.left-form .container .row {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-content: center;
	align-items: center
}

.border-img {
	border: 1px solid #ebebeb;
	border-radius: 3px
}

.border-bottom {
	margin: 0;
	margin-bottom: 15px;
	padding-bottom: 15px;
	position: relative
}

.border-bottom::before {
	content: '';
	width: 80px;
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -40px;
	height: 1px;
	background: #ceb4a2
}

.margin-top {
	margin-top: 20px
}

.media .media-body textarea {
	margin-top: 15px
}

.media .media-body .media .media-body {
	padding-right: 0
}

.media .media-footer .btn {
	margin-bottom: 20px
}

.review-item {
	padding: 0 30px 30px
}

@media all and (max-width: 768px) {
	.review-item {
		padding: 0 0px 30px
	}
}

.media .media-heading {
	color: #333;
	position: relative;
	width: 100%;
	padding-bottom: 15px;
	margin-bottom: 15px
}

.media .media-heading::before {
	content: '';
	position: absolute;
	bottom: 0;
	width: 80px;
	left: 50%;
	margin-left: -40px;
	height: 1px;
	background: #ceb4a2
}

.media .media-footer:after {
	display: table;
	content: " ";
	clear: both
}

.media p {
	color: #000
}

.media-left,
.media>.float-left {
	padding: 10px
}

.main-btn-right {
	color: #ceb4a2
}

.main-btn-right:hover {
	text-decoration: none;
	color: #ffffff
}

@media (max-width: 600px) {
	.left-not-margin-large {
		width: 100%;
	}
	.main-btn-right {
		padding-left: 4px
	}
}

.main-btn-right-black {
	color: #000000;
	padding-right: 10px;
	padding-left: 40px
}

.main-btn-right-black:hover {
	text-decoration: none;
	color: #989494
}

@media (max-width: 600px) {
	.main-btn-right-black {
		padding-left: 4px
	}
}

.help-sidebar-content h5 {
	display: none
}

.ul-style-new .fa {
	font-size: 30px;
	color: #f7e9e0;
	padding-right: 10px
}

.ul-style-new {
	list-style-type: none !important
}

.ul-style-new>li::before {
	content: none !important
}

.rodion {
	color: red
}

.konstruktor {
	width: 96%;
	background-image: url(../img/konstruktor-pamyatnikov.webp);
	height: 175px;
	background-size: cover;
	margin-bottom: 10px;
	margin-left: 0;
	margin-top: -50px;
}

.rituals {
	width: 101%;
	background-image: url(../img/ritual_covid.png);
	height: 260px;
	background-size: cover;
	margin-bottom: 10px;
	margin-top: -50px;
	margin-left: 0;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 600px) {
	.konstruktor {
		background-image: url(../img/konstruktor-pamyatnikov-mobile.webp);
		width: 100%;
		background-size: cover;
		height: 600px;
		padding-bottom: 10px;
		margin-left: 0;
		margin-top: -35px;
	}
	.rituals {
		background-image: url(../img/ritual_covid_mobile.png);
		width: 100%;
		background-size: cover;
		height: 116px;
		border-radius: 5px;
		padding-bottom: 10px;
		margin-left: 0;
		margin-top: -35px;
	}
}

#vd {
	padding-bottom: 40px;
}

;
.main-header-h2 a {
	color: #fff;
	text-decoration: none;
}

.main-header-h2 .active-text a:hover {
	color: #ceb4a2
}

#map {
	width: 100%;
	height: 300px;
	margin-top: -25px;
}

#map p {
	font-family: "MyriadPro-Regular", sans-serif;
	font-size: 14px !important;
	text-align: center;
	color: #424242;
}

#map span {
	color: #ff0000;
	font-family: "MyriadPro-Regular", sans-serif;
	font-size: 14px !important;
	text-align: center;
}

#map a {
	color: #cca58b;
}

#map a:hover {
	color: #424242;
}


/*.sidebar-max-inner{display:none} */

@-webkit-keyframes animPulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.7);
    transform: scale(1.7);
  }
}
@keyframes animPulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  10% {
    opacity: 0.9;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(1.7);
    transform: scale(1.7);
  }
}

.soc-img {
  width: 1.5vw;
}
.soc-img img {
  width: 100%;
}
.soc-fix {
  position: fixed;
  right: 2vw;
  top: 22vw;
  z-index: 333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.soc-fix__item {
  position: relative;
  width: 2.5vw;
  height: 2.5vw;
  padding: 0.7vw;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#ceb4a2),
    to(#e5c8b5)
  );
  background-image: -webkit-linear-gradient(bottom, #ceb4a2 0%, #e5c8b5 100%);
  background-image: -o-linear-gradient(bottom, #ceb4a2 0%, #e5c8b5 100%);
  background-image: linear-gradient(to top, #ceb4a2 0%, #e5c8b5 100%);
}
.soc {
  position: relative;
}
.soc-pulse {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 3vw;
  width: 3vw;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: none;
  background-color: transparent;
}
.soc-pulse__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(206,180,162, 0.45);
  border-radius: 50%;
  -webkit-animation: animPulse 2s linear infinite;
  animation: animPulse 2s linear infinite;
}
.soc-pulse__item.two {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.soc-pulse__item.three {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.soc-pulse__item-img {
  width: 0.7vw;
}
.soc-pulse__item img {
  width: 100%;
}
.to_top {
  position: fixed;
  right: 2vw;
  bottom: 1.5vw;
  width: 2vw;
  height: 2vw;
  border-radius: 100%;
  padding: 0.7vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  z-index: 189;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 0.4s;
  -o-transition: all 0.4s;
  transition: all 0.4s;
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    from(#424242),
    to(#333)
  );
  background-image: -webkit-linear-gradient(bottom, #424242 0%, #333 100%);
  background-image: -o-linear-gradient(bottom, #424242 0%, #333 100%);
  background-image: linear-gradient(to top, #424242 0%, #333 100%);
}
.to_top__img {
  width: 1.2vw;
}
.to_top__img img {
  width: 100%;
  margin-top: -2px;
}
.to_top.act {
  opacity: 1;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.top {
  position: relative;
}
.top-pulse {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 3vw;
  width: 3vw;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: none;
  background-color: transparent;
}
.top-pulse__item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid rgba(206,180,162, 0.45);
  border-radius: 50%;
  -webkit-animation: animPulse 2s linear infinite;
  animation: animPulse 2s linear infinite;
}
.top-pulse__item.two {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.top-pulse__item.three {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}
.card-footer{color:#000;}
.card-footer {
    margin-top: 15px;
    margin-bottom: -15px;
}
.visible-xs{
	display:none;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
  .soc-fix {
    right: 0.7rem;
    top: 20rem;
}
  .soc-fix__item {
    width: 4rem;
    height: 4rem;
    padding: 0.7rem;
  }
  .soc-pulse {
    height: 5rem;
    width: 5rem;
  }
  .soc-img {
    width: 1.8rem;
	padding-top: 0px;
  }
  .to_top {
    right: 1.8rem;
    bottom: 1rem;
    width: 3rem;
    height: 3rem;
}
  .to_top__img {
    width: 4vw;
}
  .top-pulse {
    position: absolute;
    top: 50%;
    left: 50%;
    height: 8vw;
    width: 8vw;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: none;
    background-color: transparent;
}
.card-footer {
    margin-top: 15px;
    margin-bottom: -15px;
}
	.margin-top-20 {
    width: 100%;
    margin-top: 20px !important;
}
.head-under img{
    width: 100%;
}
.main-slide .slide .main-slide-content {
    position: relative;
    width: 100%;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    z-index: 2;
    transition: all 0.8s;
    padding: 15px;
}
.main-header-h2 {
    margin-bottom: 0px !important;
    font-size: 32px;
}
.visible-xs{
	display:block;
}
.fixed-bottom{
	display:block;
	position:fixed;
	background:#e5c8b5 url(../img/action.webp) no-repeat top left;
	background-size:cover;
	z-index:111;
	bottom:0;
	left:0;
	width:100%;
	text-align:center;
	line-height:44px;
	box-shadow:0 0 15px rgba(0,0,0,.5);
	height:44px
}
.fixed-bottom .scroll-fixed-bottom{
	background:#e5c8b5 url(../img/action.webp) no-repeat top left;
	background-size:cover;
	box-shadow:0 -1px 12px rgba(0,0,0,.2)
}
.fixed-bottom .phone{
	position:relative
}
.fixed-bottom .phone small{
	position:absolute;
	color:#111;
	left:0;
	width:43px;
	line-height:1.1;
	text-align:right;
	top:9px;
	font-size:10px;
	font-family: "Montserrat", sans-serif;
}
.fixed-bottom.scroll-fixed-bottom .phone small{
	color:#fff
}
.fixed-bottom .phone a{
	color:#141e3c
}
.fixed-bottom.scroll-fixed-bottom .phone a{
	color:#fff
}
.fixed-bottom .phone a{
	font-size:22px;
	font-family: "Montserrat", sans-serif;
	font-weight: 800;
}
.fixed-bottom .phone a i{
	color:#fff;
	background:#8c2e8f;
	font-size:15px;
	padding:9px;
	margin-left:-20px;
	margin-right:5px;
	display:none;
	vertical-align:middle;
	border-radius:50%
}
.fixed-bottom .phone a span{
	display:inline-block;
	vertical-align:middle
}
.fixed-bottom .phone a b{
	font-weight:600
}
.viber-ico{
	width: 42px;
	padding: 0 10px 5px 0;
	position: relative;
}
}

body {
    overflow-x: hidden;
}