/* Start:/local/assets/css/pages/smart/style.css?172891779040229*/
/*---------------------------
	RB PAGE SMART
---------------------------*/

/*	BEGIN RB PAGE SAMRT HEADER	*/

.rb-page-smart {
	background-color: #161616;
}

.rb-page-smart-header {
	background-color: transparent;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	height: 680px;
}

.rb-page-smart-header-bg {
	background-color: #161616;
	background-image: url(/local/assets/img/pages/smart/bg/smart-header.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 1920px;
	overflow: hidden;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 680px;
	width: 100%;
}

.rb-page-smart-header-bg img {
	object-fit: cover;
}

.rb-page-smart-header-layout {
	background-color: transparent;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding-top: 150px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	min-height: 100%;
	width: 100%;
}

.rb-page-smart-header-title h1 {
	color: #fff;
	font-size: 48px;
	font-weight: 500;
	text-align: center;
}

.rb-page-smart-header-title h1 span {
	color: #fdb71e;
}

.rb-page-smart-header-subtitle {
	margin: 0 auto;
	padding: 0 0 20px;
	text-align: center;
	max-width: 768px;
}

.rb-page-smart-header-subtitle p {
	color: #fff;
	font-size: 17px;
	font-weight: 500;
}

.rb-page-smart-header-buttons {
	align-items: center;
	display: flex;
	justify-content: center;
	flex-direction: row;
	gap: 20px;
	padding-top: 10px;
}

.rb-page-smart-header-buttons .rb-btn {
	justify-content: center;
	text-align: center;
	width: 210px;
}

.rb-page-smart-header-points-item {
	cursor: pointer;
	position: absolute;
	z-index: 2;
}

.rb-page-smart-header-points-item:hover {
	z-index: 10;
}

.rb-page-smart-header-points-item[data-item = "1"] {
	top: calc(50% - 260px);
	left: calc(50% - 20px);
}

.rb-page-smart-header-points-item[data-item = "2"] {
	top: calc(50% - 172px);
	left: calc(50% - 495px);
}

.rb-page-smart-header-points-item[data-item = "3"] {
	top: calc(50% - 145px);
	left: calc(50% + 655px);
}

.rb-page-smart-header-points-item[data-item = "4"] {
	top: calc(50% + 210px);
	left: calc(50% - 305px);
}

.rb-page-smart-header-points-item[data-item = "5"] {
	top: calc(50% + 255px);
	left: calc(50% + 485px);
}

.rb-page-smart-header-points-item span[data-point = "1"] {
	animation: rb-fill 2s infinite ease-in-out;
	background-color: #fdb71e;
	border: 2px solid transparent;
	border-radius: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	left: -7px;
	right: 0;
	bottom: 0;
	transition: all .5s;
	height: 24px;
	width: 24px;
}

.rb-page-smart-header-points-item span[data-point = "2"] {
	background-color: #fdb71e;
	border: 2px solid transparent;
	border-radius: 100%;
	opacity: .7;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all .5s;
	height: 10px;
	width: 10px;
}

.rb-page-smart-header-points-item span[data-point = "3"] {
	animation: rb-circle 4s infinite ease-in-out;
	border: 2px solid #fdb71e;
	border-radius: 100%;
	opacity: .5;
	position: absolute;
	top: -15px;
	left: -10px;
	right: 0;
	bottom: 0;
	transition: all .5s;
	height: 30px;
	width: 30px;
}

.rb-page-smart-header-points-item-content {
	opacity: 0;
	position: absolute;
	transition: all .4s ease;
	height: 110px;
	width: 180px;
	visibility: hidden;
	z-index: 5;
}

.rb-page-smart-header-points-item-content::before {
	background-color: rgb(0, 0, 0, .5);
	content: '';
	opacity: 0;
	position: absolute;
	top: -680px;
	left: -1920px;
	transition: all .8s ease;
	visibility: hidden;
	height: calc(680px * 5);
	width: calc(1920px * 2);
	z-index: 5;
}

.rb-page-smart-header-points-item-content img {
	position: relative;
	z-index: 10;
}

.rb-page-smart-header-points-item:hover + .rb-page-smart-header-points-item-content {
	opacity: 1;
	visibility: visible;
	z-index: 5;
}

.rb-page-smart-header-points-item:hover + .rb-page-smart-header-points-item-content::before {
	opacity: 1;
	visibility: visible;
}

.rb-page-smart-header-points-item[data-item = "1"] + .rb-page-smart-header-points-item-content {
	top: calc(50% - 315px);
	left: calc(50% - 215px);
}

.rb-page-smart-header-points-item[data-item = "2"] + .rb-page-smart-header-points-item-content {
	top: calc(50% - 230px);
	left: calc(50% - 690px);
}

.rb-page-smart-header-points-item[data-item = "3"] + .rb-page-smart-header-points-item-content {
	top: calc(50% - 205px);
	left: calc(50% + 460px);
}

.rb-page-smart-header-points-item[data-item = "4"] + .rb-page-smart-header-points-item-content {
	top: calc(50% + 120px);
	left: calc(50% - 620px);
	height: 200px;
	width: 300px;
}

.rb-page-smart-header-points-item[data-item = "5"] + .rb-page-smart-header-points-item-content {
	top: calc(50% + 200px);
	left: calc(50% + 290px);
}

@keyframes rb-fill {
	0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-moz-transform: rotate(0deg) scale(0.7) skew(1deg);-o-transform: rotate(0deg) scale(0.7) skew(1deg);transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .1;}
	50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-moz-transform: rotate(0deg) scale(1) skew(1deg);-o-transform: rotate(0deg) scale(1) skew(1deg);transform: rotate(0deg) scale(1) skew(1deg);opacity: .1;}
	100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-moz-transform: rotate(0deg) scale(0.7) skew(1deg);-o-transform: rotate(0deg) scale(0.7) skew(1deg);transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .1;}
}

@keyframes rb-circle {
	0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-moz-transform: rotate(0deg) scale(0.5) skew(1deg);-o-transform: rotate(0deg) scale(0.5) skew(1deg);transform: rotate(0deg) scale(0.5) skew(1deg);opacity: 0;}
	30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-moz-transform: rotate(0deg) scale(0.7) skew(1deg);-o-transform: rotate(0deg) scale(0.7) skew(1deg);transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
	100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-moz-transform: rotate(0deg) scale(1) skew(1deg);-o-transform: rotate(0deg) scale(1) skew(1deg);transform: rotate(0deg) scale(1) skew(1deg);
opacity: 0;}
}

@media(min-width: 1921px) {

	.rb-page-smart-header-bg {
		background-image: url("/local/assets/img/pages/smart/bg/smart-header-bg.jpg");
		background-position: center bottom;
		background-size: cover;
	}

	.rb-page-smart-header-points-item {
		display: none;
	}

}

@media(max-width: 1400px) {

	.rb-page-smart-header-bg {
		background-image: url("/local/assets/img/pages/smart/bg/smart-header-bg.jpg");
		background-position: center bottom;
		background-size: cover;
	}

	.rb-page-smart-header-points-item {
		display: none;
	}

}

@media(max-width: 991px) {

	.rb-page-smart-header {
		background-image: url("/local/assets/img/pages/smart/bg/smart-header.jpg");
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover;
		max-height: 500px;
	}

	.rb-page-smart-header-bg {
		display: none;
	}

	.rb-page-smart-header-layout {
		padding: 150px 30px;
	}

	.rb-page-smart-header-title h1 {
		font-size: 32px;
	}

}

@media(max-width: 575px) {

	.rb-page-smart-header {
		background-image: url("/local/assets/img/pages/smart/bg/smart-header-bg-mobile.jpg");
		background-position: center bottom;
		max-height: 460px;
	}

	.rb-page-smart-header-layout {
		justify-content: center;
		gap: 15px;
		padding: 0 15px;
	}

	.rb-page-smart-header-title span {
		display: block;
	}

	.rb-page-smart-header-subtitle p {
		font-size: 15px;
	}

	.rb-page-smart-header-buttons {
		flex-direction: column;
		gap: 10px;
		padding-top: 0;
	}

	.rb-page-smart-header-buttons .rb-btn {
		font-size: 15px;
		font-weight: 500;
		padding: 18px 30px 15px;
	}

}

/*	END RB PAGE SAMRT HEADER	

/*	BEGIN RB PAGE SAMRT BODY	*/

.rb-page-smart-body {
	background-color: #161616;
	display: flex;
	flex-direction: column;
	gap: 70px;
	overflow: hidden;
	padding: 70px 0;
	width: 100%;
}

@media(max-width: 767px) {

	.rb-page-smart-body {
		gap: 40px;
		padding: 40px 0;
	}

}

/*	BEGIN RB PAGE SMART SLIDER	*/

.rb-page-smart-slider {
	margin: 0 auto;
	padding: 0 30px;
	position: relative;
	max-width: 980px;
	width: 100%;
}

.rb-page-smart-slider-list {
	opacity: 0;
	padding-bottom: 40px;
	transition: opacity .4s ease;
	width: 100%;
}

.rb-page-smart-slider-list.slick-slider {
	opacity: 1;
}

.rb-page-smart-slider-list-item {
	display: flex !important;
	flex-direction: column;
	gap: 50px;
}


.rb-page-smart-slider-list-item-title {
	color: #fff;
	display: block;
	font-size: 32px;
	font-weight: 500;
	text-align: center;
}

.rb-page-smart-slider-list-item-video-wrap {
	display: flex;
	justify-content: center;
	width: 100%;
}

.rb-page-smart-slider-list-item-video {
	object-fit: cover;
	margin: 0 auto;
	min-height: 512px;
	height: 100%;
	width: 100%;
}

.rb-page-smart-slider-list-item-text {
	color: #cacbd0;
	font-size: 15px;
	font-weight: 400;
	text-align: center;
}

.rb-page-smart-slider-list-item-buttons {
	align-items: center;
	display: flex;
	flex-direction: row;
	gap: 20px;
	margin-top: -20px;
	justify-content: center;
}

.rb-page-smart-slider-list-item-buttons a {
	max-width: 210px;
	width: 100%;
}

.rb-page-smart-slider-prev {
	color: #cacbd0;
	cursor: pointer;
	font-size: 24px;
	position: absolute;
	top: 340px;
	left: -15px;
}

.rb-page-smart-slider-next {
	color: #cacbd0;
	cursor: pointer;
	font-size: 24px;
	position: absolute;
	top: 340px;
	right: -15px;
}

.rb-page-smart-slider .slick-dots {
	display: flex;
	list-style: none;
	justify-content: center;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.rb-page-smart-slider .slick-dots li {
	background-color: transparent;
	border: 1px solid #696968;
	border-radius: 50%;
	cursor: pointer;
	margin: 0 12px;
	text-indent: -9999px;
	height: 10px;
	width: 10px;
}

.rb-page-smart-slider .slick-dots li.slick-active {
	background-color: #fdb71e;
	border-color: #fdb71e;
}

.rb-page-smart-slider .slick-dots li button {
	display: none;
}

@media(max-width: 991px) {

	.rb-page-smart-slider-list-item {
		gap: 40px;
	}

	.rb-page-smart-slider-list-item-title {
		font-size: 25px;
	}

	.rb-page-smart-slider-list-item-video {
		width: calc(100% - 60px);
	}

	.rb-page-smart-slider-list-item-buttons {
		margin-top: -10px;
	}

	.rb-page-smart-slider-prev {
		left: 15px;
	}

	.rb-page-smart-slider-next {
		right: 15px;
	}

}

@media(max-width: 767px) {

	.rb-page-smart-slider-list-item-video {
		min-height: 450px;
	}

}

@media(max-width: 575px) {

	.rb-page-smart-slider {
		padding: 0 15px;
	}

	.rb-page-smart-slider-list-item-video-wrap {
		min-height: 225px;
	}

	.rb-page-smart-slider-list-item-video {
		min-height: 225px;
		width: 100%;
	}

	.rb-page-smart-slider-prev {
		display: none;
	}

	.rb-page-smart-slider-next {
		display: none;
	}

}

/*	END RB PAGE SMART SLIDER	*/

/*	BEGIN RB PAGE SMART WORK	*/

.rb-page-smart-work {
	display: flex;
	flex-direction: column;
	gap: 30px;
	margin: 0 auto;
	padding: 0 30px;
	width: 100%;
}

.rb-page-smart-work-title {
	text-align: center;
}

.rb-page-smart-work-title h3 {
	color: #fff;
	font-size: 32px;
	font-weight: 500;
}

.rb-page-smart-work-subtitle {
	margin: 0 auto;
	padding-bottom: 20px;
	text-align: center;
	max-width: 920px;
}

.rb-page-smart-work-subtitle p {
	color: #cacbd0;
	font-size: 15px;
	font-weight: 400;
}

.rb-page-smart-work-layout {
	align-items: center;
	display: flex;
	flex-direction: row;
	gap: 20px;
	justify-content: space-between;
	margin: 0 auto;
	max-width: 1110px;
	width: 100%;
}

.rb-page-smart-work-text {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 30px;
	margin: 0 auto;
	padding: 0 30px;
	justify-content: center;
	min-height: 100%;
	max-width: 540px;
	width: 100%;
}

.rb-page-smart-work-text p {
	color: #cacbd0;
	font-size: 15px;
	font-weight: 400;
	text-align: left;
	max-width: 350px;
	width: 100%;
}

.rb-page-smart-work-text a {
	color: #696968;
	font-size: 15px;
	font-weight: 400;
}

.rb-page-smart-work-picture {
	align-items: center;
	display: none;
	flex-direction: column;
	justify-content: center;
	min-height: 100%;
	max-width: 540px;
	width: 100%;
}

.rb-page-smart-work-picture img {
	object-fit: cover;
}

.rb-page-smart-work-animation {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
	min-height: 100%;
	max-width: 540px;
	width: 100%;
}

.rb-page-smart-work-animation-picture {
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 2;
}

.rb-page-smart-work-animation-substrate {
	animation: RbSmWAFadeOut .5s forwards ease;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 4;
}

.rb-page-smart-work-animation.--scroll .rb-page-smart-work-animation-substrate {
	animation: RbSmWAFadeIn 1s forwards ease;
}

.rb-page-smart-work-animation-hand {
	animation: RbSmWAHDown 1s forwards ease;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 7;
}

.rb-page-smart-work-animation-hand img {
	position: relative;
	z-index: 10;
}

.rb-page-smart-work-animation.--scroll .rb-page-smart-work-animation-hand {
	animation: RbSmWAHUp 2s forwards ease;
	animation-delay: .5s;
}

@keyframes RbSmWAFadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes RbSmWAFadeOut {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
	}
}

@keyframes RbSmWAHUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

@keyframes RbSmWAHDown {
	from {
		opacity: 1;
		transform: translateY(0);
	}
	to {
		opacity: 0;
		transform: translateY(20px);
	}
}

.rb-page-smart-work-animation-hand-points {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 5;
}

.rb-page-smart-work-animation-hand-points-item {
	animation: RbSmWAFadeOut 1s forwards ease;
	background-color: transparent;
	opacity: 0;
	position: absolute;
	left: 225px;
	bottom: 110px;
}

.rb-page-smart-work-animation.--scroll .rb-page-smart-work-animation-hand-points-item[data-item = "1"] {
	animation: RbSmWAFadeIn 2s forwards ease;
	animation-delay: 2s;
}

.rb-page-smart-work-animation-hand-points-item span[data-point = "1"] {
	animation: RbSmWAPFill 2s infinite ease-in-out;
	background-color: #fdb71e;
	border: 2px solid transparent;
	border-radius: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	left: -7px;
	right: 0;
	bottom: 0;
	transition: all .5s;
	height: 24px;
	width: 24px;
	z-index: 20;
}

.rb-page-smart-work-animation-hand-points-item span[data-point = "2"] {
	background-color: #fdb71e;
	border: 2px solid transparent;
	border-radius: 100%;
	opacity: 1;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all .5s;
	height: 10px;
	width: 10px;
	z-index: 20;
}

.rb-page-smart-work-animation-hand-points-item span[data-point = "3"] {
	animation: RbSmWAPCircle 4s infinite ease-in-out;
	border: 2px solid #fdb71e;
	border-radius: 100%;
	opacity: .5;
	position: absolute;
	top: -15px;
	left: -10px;
	right: 0;
	bottom: 0;
	transition: all .5s;
	height: 30px;
	width: 30px;
	z-index: 20;
}

@keyframes RbSmWAPFill {
	0% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-moz-transform: rotate(0deg) scale(0.7) skew(1deg);-o-transform: rotate(0deg) scale(0.7) skew(1deg);transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .1;}
	50% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-moz-transform: rotate(0deg) scale(1) skew(1deg);-o-transform: rotate(0deg) scale(1) skew(1deg);transform: rotate(0deg) scale(1) skew(1deg);opacity: .1;}
	100% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-moz-transform: rotate(0deg) scale(0.7) skew(1deg);-o-transform: rotate(0deg) scale(0.7) skew(1deg);transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .1;}
}

@keyframes RbSmWAPCircle {
	0% {-webkit-transform: rotate(0deg) scale(0.5) skew(1deg);-moz-transform: rotate(0deg) scale(0.5) skew(1deg);-o-transform: rotate(0deg) scale(0.5) skew(1deg);transform: rotate(0deg) scale(0.5) skew(1deg);opacity: 0;}
	30% {-webkit-transform: rotate(0deg) scale(0.7) skew(1deg);-moz-transform: rotate(0deg) scale(0.7) skew(1deg);-o-transform: rotate(0deg) scale(0.7) skew(1deg);transform: rotate(0deg) scale(0.7) skew(1deg);opacity: .5;}
	100% {-webkit-transform: rotate(0deg) scale(1) skew(1deg);-moz-transform: rotate(0deg) scale(1) skew(1deg);-o-transform: rotate(0deg) scale(1) skew(1deg);transform: rotate(0deg) scale(1) skew(1deg);
opacity: 0;}
}

.rb-page-smart-work-animation-circle-points {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 15;
}

.rb-page-smart-work-animation-circle-points-item {
	/*	animation: RbSmWAFadeOut 1s forwards ease;*/
	background-color: transparent;
	opacity: 0;
	position: absolute;
}

.rb-page-smart-work-animation-circle-points-item[data-item = "1"] {
	top: 260px;
	left: 22px;
}

.rb-page-smart-work-animation.--scroll .rb-page-smart-work-animation-circle-points-item[data-item = "1"] {
	animation: RbSmWAFadeIn 2s forwards ease;
	animation-delay: 6s;
}

.rb-page-smart-work-animation-circle-points-item[data-item = "2"] {
	top: 172.5px;
	left: 196.5px;
}

.rb-page-smart-work-animation.--scroll .rb-page-smart-work-animation-circle-points-item[data-item = "2"] {
	animation: RbSmWAFadeIn 2s forwards ease;
	animation-delay: 6s;
}

.rb-page-smart-work-animation-circle-points-item[data-item = "3"] {
	top: 133.5px;
	left: 302px;
}

.rb-page-smart-work-animation.--scroll .rb-page-smart-work-animation-circle-points-item[data-item = "3"] {
	animation: RbSmWAFadeIn 2s forwards ease;
	animation-delay: 6s;
}

.rb-page-smart-work-animation-circle-points-item span[data-point = "1"] {
	animation: RbSmWAPFill 2s infinite ease-in-out;
	background-color: #fdb71e;
	border: 2px solid transparent;
	border-radius: 100%;
	margin: auto;
	position: absolute;
	top: 0;
	left: -11px;
	right: 0;
	bottom: 0;
	transition: all .5s;
	height: 74px;
	width: 74px;
	z-index: 20;
}

.rb-page-smart-work-animation-circle-points-item span[data-point = "2"] {
	background-color: #fdb71e;
	border: 2px solid transparent;
	border-radius: 100%;
	opacity: 0;
	margin: auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: all .5s;
	height: 52px;
	width: 52px;
	z-index: 20;
}

.rb-page-smart-work-animation-circle-points-item span[data-point = "3"] {
	animation: RbSmWAPCircle 2s infinite ease-in-out;
	animation-delay: 2s;
	border: 2px solid #fdb71e;
	border-radius: 100%;
	opacity: .5;
	position: absolute;
	top: -39px;
	left: -13.5px;
	right: 0;
	bottom: 0;
	transition: all .5s;
	height: 79px;
	width: 79px;
	z-index: 20;
}

.rb-page-smart-work-animation-svg {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}

.rb-page-smart-work-animation-svg-c1,
.rb-page-smart-work-animation-svg-c2,
.rb-page-smart-work-animation-svg-c3 {
	animation: RbSmWAS-cOut .5s forwards;
	fill: #cacbd0;
}

.rb-page-smart-work-animation.--scroll .rb-page-smart-work-animation-svg-c1,
.rb-page-smart-work-animation.--scroll .rb-page-smart-work-animation-svg-c2,
.rb-page-smart-work-animation.--scroll .rb-page-smart-work-animation-svg-c3 {
	animation: RbSmWAS-cIn 1s forwards ease;
	animation-delay: 5s;
}

@keyframes RbSmWAS-cIn {
	from {
		fill: #cacbd0;
	}
	to {
		fill: #fdb71e;
	}
}

.rb-page-smart-work-animation-svg-gc1,
.rb-page-smart-work-animation-svg-gc2,
.rb-page-smart-work-animation-svg-gc3 {
	animation: RbSmWAS-gcOut .5s forwards;
	opacity: 0;
}

.rb-page-smart-work-animation.--scroll .rb-page-smart-work-animation-svg-gc1,
.rb-page-smart-work-animation.--scroll .rb-page-smart-work-animation-svg-gc2,
.rb-page-smart-work-animation.--scroll .rb-page-smart-work-animation-svg-gc3 {
	animation: RbSmWAS-gcIn 2s forwards ease;
	animation-delay: .25s;
}

@keyframes RbSmWAS-gcIn {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0px);
	}
}

@keyframes RbSmWAS-gcOut {
	from {
		opacity: 1;
		transform: translateY(0px);
	}
	to {
		opacity: 0;
		transform: translateY(10px);
	}
}

.rb-page-smart-work-animation-svg-ci1,
.rb-page-smart-work-animation-svg-ci2,
.rb-page-smart-work-animation-svg-ci3 {
	animation: RbSmWAS-gcOut .5s forwards;
	opacity: 0;
}

.rb-page-smart-work-animation.--scroll .rb-page-smart-work-animation-svg-ci1,
.rb-page-smart-work-animation.--scroll .rb-page-smart-work-animation-svg-ci2,
.rb-page-smart-work-animation.--scroll .rb-page-smart-work-animation-svg-ci3 {
	animation: RbSmWAS-gcIn 2s forwards ease;
	animation-delay: .25s;
}

.rb-page-smart-work-animation-svg-l1 {
	animation: RbSmWAS-lOut .5s forwards;
	opacity: 0;
}

.rb-page-smart-work-animation.--scroll .rb-page-smart-work-animation-svg-l1 {
	animation: RbSmWAS-lIn 1.5s forwards ease;
	animation-delay: 5s;
}

@keyframes RbSmWAS-lOut {
	from {
		opacity: 0.2;
	}
	to {
		opacity: 0;
	}
}

@keyframes RbSmWAS-lIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 0.2;
	}
}

.rb-page-smart-work-animation-svg-mask-a1 {
	y: 100%;
	transition: all .4s ease;
}

.rb-page-smart-work-animation.--scroll .rb-page-smart-work-animation-svg-mask-a1 {
	animation: RbSmWAS-aIn 7s forwards;
	animation-delay: 3s;
}

.rb-page-smart-work-animation-svg-mask-a2 {
	y: -100%;
	transition: all .4s ease;
}

.rb-page-smart-work-animation.--scroll .rb-page-smart-work-animation-svg-mask-a2 {
	animation: RbSmWAS-aDownIn 3.8s forwards;
	animation-delay: 4.8s;
}

.rb-page-smart-work-animation-svg-mask-a3 {
	y: 100%;
	transition: all .4s ease;
}

.rb-page-smart-work-animation.--scroll .rb-page-smart-work-animation-svg-mask-a3 {
	animation: RbSmWAS-aIn 4.5s forwards;
	animation-delay: 3.3s;
}

.rb-page-smart-work-animation-svg-mask-a4 {
	y: -100%;
	transition: all .4s ease;
}

.rb-page-smart-work-animation.--scroll .rb-page-smart-work-animation-svg-mask-a4 {
	animation: RbSmWAS-aDownIn 4s forwards;
	animation-delay: 5s;
}

.rb-page-smart-work-animation-svg-mask-a5 {
	y: 100%;
	transition: all .4s ease;
}

.rb-page-smart-work-animation.--scroll .rb-page-smart-work-animation-svg-mask-a5 {
	animation: RbSmWAS-aIn 4s forwards;
	animation-delay: 3.3s;
}

.rb-page-smart-work-animation-svg-mask-a6 {
	y: -100%;
	transition: all .4s ease;
}

.rb-page-smart-work-animation.--scroll .rb-page-smart-work-animation-svg-mask-a6 {
	animation: RbSmWAS-aDownIn 3.2s forwards;
	animation-delay: 5.2s;
}

@keyframes RbSmWAS-aOut {
	from {
		y: 0;
	}
	to {
		y: 100%;
	}
}

@keyframes RbSmWAS-aIn {
	from {
		y: 100%;
	}
	to {
		y: 0;
	}
}

@keyframes RbSmWAS-aDownIn {
	from {
		y: -100%;
	}
	to {
		y: 0;
	}
}

@media(max-width: 1140px) {

	.rb-page-smart-work-animation {
		display: none;
	}

	.rb-page-smart-work-picture {
		display: flex;
	}

}

@media(max-width: 767px) {

	.rb-page-smart-work-title h3 {
		font-size: 25px;
	}

	.rb-page-smart-work-subtitle {
		padding-bottom: 0;
	}

	.rb-page-smart-work-layout {
		flex-direction: column;
	}

	.rb-page-smart-work-text {
		gap: 20px;
		order: 2;
		padding: 0;
		max-width: 100%;
	}

	.rb-page-smart-work-text p {
		text-align: center;
		max-width: 100%;
	}

	.rb-page-smart-work-piture {
		order: 1;
		max-width: 100%;
	}

}

@media(max-width: 575px) {

	.rb-page-smart-work {
		padding: 0 15px;
	}

}

/*	END RB PAGE SMART WORK	*/

/*	BEGIN RB PAGE SMART CONTROL	*/

.rb-page-smart-control {
	display: flex;
	flex-direction: column;
	gap: 50px;
	margin: 0 auto;
	padding: 0;
	max-width: 980px;
	width: 100%;
}

.rb-page-smart-control-title {
	padding: 0 30px;
	text-align: center;
}

.rb-page-smart-control-title h3 {
	color: #fff;
	font-size: 32px;
	font-weight: 500;
}

.rb-page-smart-control-list-layout {
	position: relative;
}

.rb-page-smart-control-list {
	margin: 0 -5px;
	opacity: 0;
	overflow: hidden;
	padding: 0 30px;
	transition: all .4s ease;
	height: 500px;
}

.rb-page-smart-control-list.slick-slider {
	opacity: 1;
	overflow: initial;
	height: initial;
}

.rb-page-smart-control-list-item {
	background-color: #262626;
	display: flex !important;
	cursor: grab;
	flex-direction: column;
	gap: 30px;
	margin: 0 5px;
	padding: 50px 30px;
	height: 500px;
	max-width: 300px;
	width: 100%;
}

.rb-page-smart-control-list-item-picture {
	margin-top: -10px;
}

.rb-page-smart-control-list-item-title {
	color: #fff;
	font-size: 17px;
	font-weight: 500;
}

.rb-page-smart-control-list-item-text {
	color: #cacbd0;
	font-size: 15px;
	font-weight: 400;
	min-height: 135px;
}

.rb-page-smart-control-list-item-link {
	color: #696968;
	font-size: 14px;
	font-weight: 400;
	margin-top: -10px;
	transition: color .4s ease;
	text-decoration: underline;
}

.rb-page-smart-control-list-item-link:hover {
	color: #fff;
}

.rb-page-smart-control-list .slick-dots {
	display: flex;
	list-style: none;
	justify-content: center;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}

.rb-page-smart-control-list .slick-dots li {
	background-color: transparent;
	border: 1px solid #696968;
	border-radius: 50%;
	cursor: pointer;
	margin: 0 12px;
	text-indent: -9999px;
	height: 10px;
	width: 10px;
}

.rb-page-smart-control-list .slick-dots li.slick-active {
	background-color: #fdb71e;
	border-color: #fdb71e;
}

.rb-page-smart-control-list .slick-dots li button {
	display: none;
}

@media(max-width: 991px) {

	.rb-page-smart-control-title h3 {
		font-size: 25px;
	}

	.rb-page-smart-control-list {
		padding: 0 0 30px;
	}

	.rb-page-smart-control-list .slick-list {
		padding: 0 0 0 15px;
	}

	.rb-page-smart-control-list-item {
		width: 300px;
	}

}

@media(max-width: 767px) {

	.rb-page-smart-control {
		gap: 40px;
	}

	.rb-page-smart-control-title {
		padding: 0 15px;
	}

}

/*	END RB PAGE SMART CONTROL	*/

/*	BEGIN RB PAGE SMART ADV	*/

.rb-page-smart-adv {
	display: flex;
	flex-direction: column;
	gap: 50px;
}

.rb-page-smart-adv-header {
	display: flex;
	flex-direction: column;
	gap: 50px;
	margin: 0 auto;
	padding: 0 30px;
	max-width: 980px;
	width: 100%;
}

.rb-page-smart-adv-title {
	text-align: center;
}

.rb-page-smart-adv-title h3 {
	color: #fff;
	font-size: 32px;
	font-weight: 500;
}

.rb-page-smart-adv-icons {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding-bottom: 20px;
}

.rb-page-smart-adv-icons-item {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 30px;
	justify-content: center;
}

.rb-page-smart-adv-icons-item i {
	align-items: center;
	color: #fdb71e;
	display: flex;
	font-size: 28px;
	justify-content: center;
	height: 40px;
	width: 40px;
}

.rb-page-smart-adv-icons-item span {
	color: #fff;
	font-size: 15px;
	font-weight: 500;
	text-align: center;
}

.rb-page-smart-adv-list-layout {
	position: relative;
}

.rb-page-smart-adv-list {
	background-image: url("/local/assets/img/pages/smart/bg/smart-adv-bg.jpg");
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	overflow: hidden;
	opacity: 0;
	padding-bottom: 60px;
	position: relative;
	transition: opacity .4s ease;
	height: 680px;
}

.rb-page-smart-adv-list.slick-slider {
	opacity: 1;
	height: initial;
}

.rb-page-smart-adv-list-item {
	align-items: center;
	display: flex;
	cursor: grab;
	flex-direction: row;
	justify-content: space-between;
	gap: 30px;
	margin: 0 auto;
	padding: 70px 20px;
	max-width: 920px;
}

.rb-page-smart-adv-list-item-picture {
	display: flex;
	flex: 1;
}

.rb-page-smart-adv-list-item-picture img {
	max-height: 540px;
}

.rb-page-smart-adv-list-item-desc {
	display: flex;
	flex-direction: column;
	gap: 20px;
	justify-content: center;
	max-width: 350px;
	width: 100%;
}

.rb-page-smart-adv-list-item-title {
	color: #fff;
	font-size: 15px;
	font-weight: 500;
}

.rb-page-smart-adv-list-item-subtitle {
	color: #fff;
	font-size: 32px;
	font-weight: 500;
	line-height: 1.3;
	padding-bottom: 10px;
}

.rb-page-smart-adv-list-item-text {
	color: #cacbd0;
	font-size: 15px;
	font-weight: 400;
}

.rb-page-smart-adv-list-prev {
	align-items: center;
	color: #cacbd0;
	cursor: pointer;
	display: flex;
	font-size: 24px;
	position: absolute;
	top: 0;
	left: calc(40% - 920px / 2);
	height: 100%;
}

.rb-page-smart-adv-list-next {
	align-items: center;
	color: #cacbd0;
	cursor: pointer;
	display: flex;
	font-size: 24px;
	position: absolute;
	top: 0;
	right: calc(40% - 920px / 2);
	height: 100%;
}

.rb-page-smart-adv-list .slick-dots {
	display: flex;
	list-style: none;
	justify-content: center;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 50px;
}

.rb-page-smart-adv-list .slick-dots li {
	background-color: transparent;
	border: 1px solid #696968;
	border-radius: 50%;
	cursor: pointer;
	margin: 0 12px;
	text-indent: -9999px;
	height: 10px;
	width: 10px;
}

.rb-page-smart-adv-list .slick-dots li.slick-active {
	background-color: #fdb71e;
	border-color: #fdb71e;
}

.rb-page-smart-adv-list .slick-dots li button {
	display: none;
}


@media(max-width: 1200px) {

	.rb-page-smart-adv-list-item {
		padding: 70px 60px;
	}

	.rb-page-smart-adv-list-item-picture {
		justify-content: center;
	}

	.rb-page-smart-adv-list-prev {
		left: 30px;
	}

	.rb-page-smart-adv-list-next {
		right: 30px;
	}

}

@media(max-width: 991px) {

	.rb-page-smart-adv-title h3 {
		font-size: 25px;
	}

	.rb-page-smart-adv-list-item {
		padding: 50px 70px;
	}

}

@media(max-width: 767px) {

	.rb-page-smart-adv-header {
		gap: 40px;
	}

	.rb-page-smart-adv-icons {
		flex-wrap: wrap;
		margin: 0 auto;
		padding: 0;
		max-width: 550px;
	}

	.rb-page-smart-adv-icons-item {
		gap: 20px;
		padding-bottom: 40px;
		width: 50%;
	}

	.rb-page-smart-adv-list-item-subtitle {
		font-size: 25px;
	}

}

@media(max-width: 700px) {

	.rb-page-smart-adv {
		gap: 10px;
	}

	.rb-page-smart-adv-list {
		background: none;
	}

	.rb-page-smart-adv-list-item {
		flex-direction: column;
		gap: 40px;
		padding: 0 0 30px;
	}

	.rb-page-smart-adv-list-item-picture {
		background-image: url("/local/assets/img/pages/smart/bg/smart-adv-mobile-bg.jpg");
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: cover;
		padding-top: 30px;
		width: 100%;
	}

	.rb-page-smart-adv-list-item-picture img {
		max-width: 250px;
	}

	.rb-page-smart-adv-list-item-desc {
		gap: 15px;
		padding: 0 15px;
		text-align: center;
	}

	.rb-page-smart-adv-list-prev {
		display: initial;
		top: 250px;
		left: 30px;
		height: initial;
	}

	.rb-page-smart-adv-list-next {
		display: initial;
		top: 250px;
		right: 30px;
		height: initial;
	}

}

@media(max-width: 575px) {

	.rb-page-smart-adv-header {
		padding: 0 15px;
	}

	.rb-page-smart-adv-list-item-picture img {
		max-width: 170px;
	}

	.rb-page-smart-adv-list-prev {
		top: 185px;
		left: 15px;
	}

	.rb-page-smart-adv-list-next{
		top: 185px;
		right: 15px;
	}

}

/*	END RB PAGE SMART ADV	*/

/*	BEGIN RB PAGE SMART APP	*/

.rb-page-smart-app {
	align-items: center;
	display: flex;
	flex-direction: row;
	justify-content: center;
	gap: 10px;
	margin-top: -70px;
	padding: 0 30px;
}

.rb-page-smart-app a {
	display: flex;
	text-decoration: none;
}

.rb-page-smart-app img {
	max-width: 180px;
}

@media(max-width: 767px) {

	.rb-page-smart-app {
		flex-wrap: wrap;
		margin-top: -40px;
	}

}

@media(max-width: 575px) {

	.rb-page-smart-app {
		display: none;
	}

}

/*	END RB PAGE SMART APP	*/

/*	END RB PAGE SMART CATALOG	*/

.rb-page-smart-catalog {
	display: block;
	margin: 0 auto;
	padding: 0 30px;
	max-width: 1110px;
	width: 100%;
}

.rb-page-smart-catalog-title-layout {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 30px;
	justify-content: center;
	padding-bottom: 50px;
}

.rb-page-smart-catalog-title {
	text-align: center;
}

.rb-page-smart-catalog-title h3 {
	color: #fff;
	font-size: 32px;
	font-weight: 500;
}

.rb-page-smart-catalog-subtitle {
	text-align: center;
}

.rb-page-smart-catalog-subtitle p {
	color: #cacbd0;
	font-size: 15px;
	font-weight: 400;
}

.rb-page-smart-catalog-list-layout {
	position: relative;
}

.rb-page-smart-catalog-list {
	overflow: hidden;
	opacity: 0;
	margin: 0 auto;
	padding-bottom: 90px;
	transition: all .4s ease;
	height: 160px;
	max-width: 930px;
}

.rb-page-smart-catalog-list.slick-slider {
	opacity: 1;
	overflow: initial;
	height: initial;
}

.rb-page-smart-catalog-list-item {
	background-color: #262626;
	border-radius: 15px;
	transition: background-color .4s ease;
	margin: 0 10px 0;
	transition: all .4s ease;
	min-width: 170px;
	max-width: 170px;
}

.rb-page-smart-catalog-list-item:hover {
	background-color: #4f4f51;
}

.rb-page-smart-catalog-list-item a {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 20px;
	padding: 25px 15px 0;
	text-align: center;
	text-decoration: none;
	height: 160px;
	width: 100%;
}

.rb-page-smart-catalog-list-item a:hover {
	text-decoration: none;
}

.rb-page-smart-catalog-list-item i {
	align-items: center;
	color: #fdb71e;
	font-size: 30px;
	display: flex;
	justify-content: center;
	transition: color .4s ease;
	height: 40px;
	width: 40px;
}

.rb-page-smart-catalog-list-item span {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	transition: color .4s ease
}

.rb-page-smart-catalog-list-item a[href *= "sale"] i {
	color: #d457fd;
}

.rb-page-smart-catalog-list-prev {
	color: #cacbd0;
	cursor: pointer;
	font-size: 24px;
	position: absolute;
	top: 65px;
	left: 15px;
}

.rb-page-smart-catalog-list-next {
	color: #cacbd0;
	cursor: pointer;
	font-size: 24px;
	position: absolute;
	top: 65px;
	right: 15px;
}

.rb-page-smart-catalog-list .slick-dots {
	display: flex;
	list-style: none;
	justify-content: center;
	margin: 0 auto;
	padding: 0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 50px;
}

.rb-page-smart-catalog-list .slick-dots li {
	background-color: transparent;
	border: 1px solid #696968;
	border-radius: 50%;
	cursor: pointer;
	margin: 0 12px;
	text-indent: -9999px;
	height: 10px;
	width: 10px;
}

.rb-page-smart-catalog-list .slick-dots li.slick-active {
	background-color: #fdb71e;
	border-color: #fdb71e;
}

.rb-page-smart-catalog-list .slick-dots li button {
	display: none;
}

.rb-page-smart-catalog-buttons {
	display: flex;
	justify-content: center;
	width: 100%;
}

.rb-page-smart-catalog-buttons a {
	max-width: 220px;
	width: 100%;
}

@media(max-width: 1200px) {

	.rb-page-smart-catalog-list {
		max-width: 740px;
	}

}

@media(max-width: 991px) {

	.rb-page-smart-catalog-title h3 {
		font-size: 25px;
	}

	.rb-page-smart-catalog-list {
		max-width: 550px;
	}

}

@media(max-width: 767px) {

	.rb-page-smart-catalog {
		margin: -25px auto 0;
		padding: 0 15px;
	}

	.rb-page-smart-catalog-title-layout {
		gap: 15px;
	}

	.rb-page-smart-catalog-list {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		gap: 15px;
		padding-bottom: 20px;
		opacity: 1;
		height: initial;
	}

	.rb-page-smart-catalog-list-item {
		margin: 0;
	}

	.rb-page-smart-catalog-list-prev {
		display: none;
	}

	.rb-page-smart-catalog-list-next {
		display: none;
	}

}

@media(max-width: 575px) {

	.rb-page-smart-catalog-list-item {
		min-width: 160px;
		max-width: 160px;
	}

}

/*	BEGIN RB PAGE SMART CATALOG	*/

/*	BEGIN RB PAGE SMART FAQ	*/

.rb-page-smart-faq {
	margin: 0 auto;
	max-width: 960px;
}

.rb-page-smart-faq-title {
	color: #fff;
	font-size: 25px;
	font-weight: 500;
	padding: 0 15px 25px;
	text-align: center;
}

.rb-page-smart-faq-list {
	/*	border-bottom: 1px solid #696968;*/
	display: flex;
	flex-direction: column;
}

.rb-page-smart-faq-question {
	align-items: center;
	background-color: transparent;
	border-top: 1px solid #696968;
	color: #cacbd0;
	cursor: pointer;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.5;
	display: flex;
	padding: 0 45px 0 20px;
	position: relative;
	transition: background-color .6s ease;
	min-height: 68px;
}

/*.rb-page-smart-faq-question.--last {
	border-bottom: 1px solid #696968;
}*/

.rb-page-smart-faq-question.--open {
	background-color: #262626;
	color: #fff;
	font-weight: 500;
}

.rb-page-smart-faq-question::before {
	align-items: center;
	color: #cacbd0;
	content: '\e909';
	display: flex;
	font-family: "rb-icomoon";
	font-size: 18px;
	margin: auto 0;
	position: absolute;
	top: 0;
	right: 15px;
	bottom: 0;
	transition: transform .95s ease;
}

.rb-page-smart-faq-question.--open::before {
	color: #fff;
	transform: rotate(180deg);
}

.rb-page-smart-faq-answer {
	opacity: 0;
	transform: translateY(20px);
	transition: transform .95s ease;
	height: 0;
	max-height: 0;
	visibility: hidden;
}

.rb-page-smart-faq-answer p {
	color: #cacbd0;
	font-size: 15px;
	font-weight: 400;
	padding-bottom: 20px;
}

.rb-page-smart-faq-answer p:last-child {
	padding-bottom: 0;
}

.rb-page-smart-faq-answer p:last-child + ul {
	padding-bottom: 20px;
}

.rb-page-smart-faq-answer ul {
	padding-left: 20px;
	padding-bottom: 20px;
}

.rb-page-smart-faq-answer ul > li {
	color: #cacbd0;
	font-size: 15px;
	font-weight: 400;
}

.rb-page-smart-faq-answer ol > li {
	color: #cacbd0;
	font-size: 15px;
	font-weight: 400;
}

.rb-page-smart-faq-answer a {
	color: #cacbd0;
	text-decoration: underline;
}

.rb-page-smart-faq-question.--open + .rb-page-smart-faq-answer {
	opacity: 1;
	padding: 20px 20px 20px 40px;
	transform: translateY(0);
	height: auto;
	max-height: 1500px;
	visibility: visible;
}

/*@media(max-width: 767px) {

	.rb-page-smart-faq {
		padding-bottom: 50px;
	}

}
*/
@media(max-width: 575px) {

	.rb-page-smart-faq-question {
		padding: 10px 55px 10px 15px;
	}

	.rb-page-smart-faq-question.--open + .rb-page-smart-faq-answer {
		padding: 20px 20px 20px 30px;
	}

}

/*	END RB PAGE SMART FAQ	*/

/*	BEGIN RB PAGE SMART COPYRIGHT	*/

.rb-page-smart-copyright {
	align-items: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: 10px;
	padding: 0 30px;
	text-align: center;
}

.rb-page-smart-copyright span {
	color: #fff;
	font-size: 17px;
	font-weight: 500;
}

.rb-page-smart-copyright a {
	color: #fff;
	font-family: "ALS Hauss", sans-serif;
	font-size: 25px;
	font-weight: 500;
	text-decoration: none;
}

@media(max-width: 767px) {

	.rb-page-smart-copyright {
		gap: 20px;
		padding: 0 15px;
	}

	.rb-page-smart-copyright span {
		font-size: 15px;
	}

}


/*	NED RB PAGE SMART COPYRIGHT	*/

/* End */
/* /local/assets/css/pages/smart/style.css?172891779040229 */