@charset "utf-8";
/* CSS Document */

/********* header **********/
.wrap-header-home {
    position: relative;
    min-height: 100vh;
    overflow: hidden;
}
.wrap-header-home .home-header-bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
}
.wrap-header-home .home-header-bg .moduletable,
.wrap-header-home .home-header-bg .mod-custom,
.wrap-header-home .home-header-bg .mod-custom > div {
    height: 100%;
    margin: 0;
    padding: 0;
}
.wrap-header-home .home-header-bg img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
}
.wrap-header-home .home-header-bg::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(270deg, rgba(15, 15, 15, 0.00) 52.21%, #0F0F0F 100%);
}
/*-------- TopSite sticky --------*/
#TopSite {
    position: relative;
    width: 100%;
    z-index: 1001;
}
#TopSite.top-site--fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.76);
    backdrop-filter: blur(10px);
    animation: topSiteSlideDown 0.6s ease forwards;
    z-index: 2000;
    padding-top: 10px;
    padding-bottom: 10px;
}
.top-site-placeholder {
    width: 100%;
    height: 0;
}
@keyframes topSiteSlideDown {
    from {
        transform: translateY(-100%);
    }
    to {
        transform: translateY(0);
    }
}
#TopSite.top-site--fixed .logo a img {
	width: 60px;
}
/*-------------------------------*/
.top-site {
	padding: 20px 40px 0;
}
.logo {
	margin-right: 90px;
}
.logo a img {
	transition-duration: 0.96s;
    -webkit-transition-duration: 0.96s;
    -moz-transition-duration: 0.96s;
    -o-transition-duration: 0.96s;
    -ms-transition-duration: 0.96s;
}
.logo a:hover img {
	opacity: 0.7;
}
.main-menu {}
.main-menu ul {}
.main-menu ul li {
	margin: 0 15px;
}
.main-menu ul li a {
	color: #ffffff;
	font-size: 18px;
}
.langs {}
.langs .mod-languages ul li {
	text-align: center;
	margin: 0;
}
.mod-languages ul li a {
	font-size: 18px;
	font-weight: 700;
	color: #ffffff;
	border-radius: 10px;
	border: 1px solid transparent;
	padding: 9px 10px;
}
.langs .mod-languages ul li a:hover,
.langs .mod-languages ul li.lang-active a {
	border: 1px solid #ffffff;
}
.langs .mod-languages ul li.lang-active {
	background-color: transparent;
}

/******** home ***********/
/*------- titles-home ------*/
.titles-home {
	position: relative;
	margin-top: 120px;
	padding-bottom: 100px;
}
.titles-home .left-header {
	padding-top: 60px;
}
.titles-home .left-header .fire-smoke-header {
	color: #FF9500;
	font-size: 96px;
	font-weight: 300;
	margin-bottom: 0;
	line-height: 1;
	text-transform: uppercase;
}
.titles-home .left-header .sub-title-header {
	font-size: 96px;
	font-weight: 800;
}
.titles-home .left-header .fire-smoke-description {
	font-size: 38px;
	font-weight: 700;
	margin-bottom: 20px;
}
.titles-home .left-header .link-modal {
	width: 100%;
	overflow: hidden;
}
.titles-home .left-header .link-modal a {
	float: left;
	padding: 14px 45px;
}
.titles-home .left-header .link-modal a:hover,
.titles-home .left-header .link-modal a:focus {
	text-decoration: none;
}
.titles-home .left-header .row-market {
	margin-top: 190px;
}
.titles-home .left-header .row-market .wrap-head-title {
	margin-bottom: 30px;
}
.titles-home .left-header .row-market .wrap-head-title .h1 {
	font-weight: 700;
	line-height: 0.8;
}
.titles-home .left-header .row-market .wrap-head-title .img-title {}
.titles-home .left-header .row-market .block-digit {}
.titles-home .left-header .row-market .block-digit .h2 {
	color: #FF9500;
	font-weight: 700;
}
.titles-home .left-header .row-market .block-digit p {
	margin-bottom: 0;
	font-size: 20px;
	font-weight: 700;
}
.titles-home .img-header-desktop {
	position: absolute;
	right: 0;
	top: 0;
}
/*---------- Hardware ---------*/
#Hardware {}
.custom-hardware {}
.custom-hardware .head {
	display: flex;
	align-items: center;
	margin-bottom: 120px;
}
.custom-hardware .head .img-title {
	flex: 0 0 60px;
	margin-right: 10px;
}
.custom-hardware .head .img-title img {
	width: 60px;
}
.custom-hardware .head .title {
	color: #FF9500;
	font-weight: 800;
	font-size: 92px;
	text-transform: uppercase;
}
.custom-hardware .block-hard {}
.custom-hardware .block-hard .wrap {
	position: relative;
	padding-top: 160px;
	height: 355px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
}
.custom-hardware .block-hard .img-hard {
	position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -40%);
    z-index: 2;
    width: min(380px, 100%);
}
.custom-hardware .block-hard .img-hard img {
	display: block;
    width: 100%;
    height: auto;
}
.custom-hardware .block-hard .desc-hard {
	padding: 0 30px;
	position: absolute;
    z-index: 1;
    bottom: 30px;
}
.custom-hardware .block-hard .desc-hard .h4 {
	letter-spacing: 0.031px;
	font-weight: 700;
}
.custom-hardware .block-hard .desc-hard .h6 {
	font-weight: 500;
}
.custom-hardware .block-hard-1 .wrap {
	background-image: url(../images/bg-hardware-1.png);
}
.custom-hardware .block-hard-2 .wrap {
	background-image: url(../images/bg-hardware-2.png);
}
.custom-hardware .block-hard-3 .wrap {
	background-image: url(../images/bg-hardware-3.png);
}
/*------- Start -------*/
#Start {}
.custom-start {}
.custom-start .row {
	align-items: center;
}
.custom-start .desc-start {}
.custom-start .desc-start .h1 {
	font-weight: 800;
	line-height: normal;
	text-transform: uppercase;
	display: flex;
	align-items: center;
}
.custom-start .desc-start .h1 span {
	padding: 0 10px;
}
.custom-start .desc-start .h1 span img {
	vertical-align: baseline;
}
.custom-start .desc-start .h6 {
	margin-bottom: 0;
	font-weight: 700;
	line-height: normal;
}
.custom-start .desc-start .blocks-advans {
	margin-top: 50px;
}
.custom-start .desc-start .blocks-advans .block-advan {
	display: flex;
	align-items: center;
}
.custom-start .desc-start .blocks-advans .block-advan .ic-advan {
	flex: 0 0 75px;
	margin-right: 10px;
}
.custom-start .desc-start .blocks-advans .block-advan .ic-advan img {
	width: 75px;
}
.custom-start .desc-start .blocks-advans .block-advan .text-advan {}
.custom-start .desc-start .blocks-advans .block-advan .text-advan .h5 {
	font-weight: 800;
	line-height: normal;
	letter-spacing: 0.047px;
}
.custom-start .desc-start .blocks-advans .block-advan .text-advan p {
	margin-bottom: 0;
	font-weight: 600;
}
.custom-start .desc-start .blocks-advans .block-advan-1,
.custom-start .desc-start .blocks-advans .block-advan-2 {
	margin-bottom: 15px;
}
.custom-start .form-start {}
.custom-start .form-start .wrap {
	border-radius: 62px;
	background: #F0F0F0;
	box-shadow: 5px 8px 68px 0 rgba(0, 0, 0, 0.11);
	padding: 30px 65px;
}
.custom-start .form-start .h5 {
	color: #212121;
	font-weight: 800;
	text-align: center;
}
.custom-start .form-start .include-form {}
.custom-start .form-start .include-form .cf-form-wrap {
	padding-right: 0;
	padding-left: 0;
	padding-top: 0;
}
.custom-start .form-start .include-form .convertforms .cf-control-group {
	padding-bottom: 0;
}
.custom-start .form-start .include-form .cf-form-wrap input {
	background-color: transparent;
}
.custom-start .form-start .include-form .cf-form-wrap .btn-submit {
	text-transform: uppercase;
	font-weight: 800;
}
.custom-start .form-start .include-form .cf-form-wrap .confid {
	color: #212121;
}
.custom-start .form-start .include-form .cf-form-wrap .confid a {
	color: #212121;
	text-decoration: underline;
}
.custom-start .form-start .include-form .cf-form-wrap .confid a:hover,
.custom-start .form-start .include-form .cf-form-wrap .confid a:focus {
	text-decoration: none;
}
/*--------- Section Slider ------------*/
#SectionSlider {}
.slider-media {

}
.wrap-slider {
    --wrap-slider-radius: 0;
    --wrap-slider-max-h: 100%;
    --wrap-slider-overlay: rgba(0, 0, 0, 0.55);
    --wrap-slider-overlay-soft: rgba(0, 0, 0, 0.25);
    --wrap-slider-accent: #ff7a00;
    position: relative;
}
.wrap-slider .my-swiper {
    position: relative;
    width: 100%;
    height: var(--wrap-slider-max-h);
    overflow: hidden;
    border-radius: var(--wrap-slider-radius);
}
.wrap-slider .swiper-wrapper {
    align-items: stretch;
}
.wrap-slider .swiper-slide {
    position: relative;
    width: 100%;
    height: var(--wrap-slider-max-h);
    overflow: hidden;
}
.wrap-slider .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wrap-slider .swiper-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(257deg, rgba(0, 0, 0, 0) 11.71%, rgba(0, 0, 0, 0.28) 59.11%),
        linear-gradient(0deg, rgba(0, 0, 0, 0.10) 0%, rgba(0, 0, 0, 0.10) 100%);
    pointer-events: none;
}
.wrap-slider .slider-overlay {
    position: absolute;
    inset: 0;
    z-index: 5;
    pointer-events: none;
}
.wrap-slider .slider-overlay .container {
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 80px;
    padding-bottom: 80px;
}
.wrap-slider .slider-title {
    pointer-events: auto;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    line-height: 0.95;
    font-size: 96px;
    color: #ffffff;
    margin: 0;
    max-width: 760px;
    text-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}
.wrap-slider .slider-tabs {
    pointer-events: auto;
    display: flex;
    gap: 32px;
    align-items: flex-end;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: auto;
    max-width: 920px;
}
.wrap-slider .slider-tab {
    appearance: none;
    border: 0;
    background: transparent;
    padding: 0;
    cursor: pointer;
    text-align: left;
    width: min(260px, 100%);
    color: #ffffff;
    opacity: 0.75;
    transition: opacity 200ms ease;
    position: relative;
}
.wrap-slider .slider-tab:hover {
    opacity: 0.95;
}
.wrap-slider .slider-tab.is-active {
    opacity: 1;
}
.wrap-slider .slider-tab-label {
    display: block;
    font-weight: 800;
    font-size: 26px;
    line-height: 1.2;
    margin-bottom: 10px;
    text-transform: none;
    text-shadow: 0 8px 18px rgba(0, 0, 0, 0.28);
}
.wrap-slider .slider-tab-bar {
    display: block;
    width: 100%;
    height: 3px;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.28);
}
.wrap-slider .slider-tab-fill {
    display: block;
    width: 0%;
    height: 100%;
    background: var(--wrap-slider-accent);
}
.wrap-slider .slider-tab-thumb {
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    border-radius: 0;
    margin: 0;
    opacity: 0;
    transform: translateY(6px);
    transition: height 180ms ease, opacity 180ms ease, transform 180ms ease;
}
.wrap-slider .tab-thumb.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, 0);
}
.wrap-slider .slider-tab-thumb img {
    display: block;
    width: 100%;
    height: 96px;
    object-fit: cover;
    border-radius: 0;
}
.wrap-slider .slider-tab:hover .slider-tab-thumb,
.wrap-slider .slider-tab:focus-visible .slider-tab-thumb {
    height: 96px;
    opacity: 1;
    transform: translateY(0);
}
.wrap-slider .slider-tab-label {
    margin-bottom: 10px;
}
.wrap-slider .slider-tab:hover .slider-tab-label,
.wrap-slider .slider-tab:focus-visible .slider-tab-label {
    margin-bottom: 12px;
}
.wrap-slider .slider-tab-bar {
    margin-top: 10px;
}
/*--------- Anything --------*/
#Anything {
	padding-top: 50px !important;
}
.custom-any {
	position: relative;
    z-index: 2;
}
.custom-any .desc-any {}
.custom-any .desc-any .h1 {
	font-weight: 800;
	text-transform: uppercase;
}
.custom-any .desc-any .subtitle {
	font-size: 20px;
	font-weight: 700;
}
.custom-any .desc-any .any-features {
	margin-top: 75px;
}
.custom-any .desc-any .any-features .block-any-feature {}
.custom-any .desc-any .any-features .block-any-feature .any-feature-icon {}
.custom-any .desc-any .any-features .block-any-feature .any-feature-text {
	font-weight: 700;
}
.custom-any .img-any {}
/*-------- WhatYouGet -------*/
#WhatYouGet {
	z-index: 10 !important;
}
.custom-what {}
.custom-what .h1 {
	color: #212121;
	font-weight: 800;
	text-transform: uppercase;
}
.custom-what .h1 span {
	color: #FF5900;
}
.custom-what .wtg-row {
	margin-top: 15px;
}
.custom-what .block-wtg {}
.custom-what .block-wtg .wtg-visual {
	margin-bottom: 20px;
  	min-height: 274px;
}
.custom-what .block-wtg .wtg-visual img {}
.custom-what .block-wtg .wtg-metric {}
.custom-what .block-wtg .wtg-metric .wtg-metric-value {
	color: #FF5900;
	font-size: 61px;
	font-weight: 700;
	text-transform: uppercase;
}
.custom-what .block-wtg .wtg-metric .wtg-metric-label {
	color: #212121;
	font-weight: 700;
	text-transform: uppercase;
}
.custom-what .block-wtg-1 {}
.custom-what .block-wtg-1 .wtg-visual img {
	padding-top: 30px;
}
.custom-what .block-wtg-2 {}
.custom-what .block-wtg-2 .wtg-visual img {
	padding-top: 30px;
}
.custom-what .block-wtg-3 {}
.custom-what .block-wtg-3 .wtg-card-map {
	padding-left: 70px;
}
/*-------- Finances ----------*/
#Finances {
	padding-bottom: 260px !important;
}
#Finances .finances-wave {
	position: absolute;
	left: -3%;
	bottom: -160px;
	width: 106%;
	height: auto;
	display: block;
	pointer-events: none;
	z-index: 1;
}
#Finances .finances-wave img {
	width: 100%;
	height: 100%;
	display: block;
}
#Finances .sppb-container,
#Finances .container {
	position: relative;
	z-index: 2;
}
.custom-fin {
	background-color: #F4F4F4;
}
.custom-fin .desc-fin {}
.custom-fin .desc-fin .h1 {
	color: #212121;
	font-weight: 800;
	text-transform: uppercase;
	margin-bottom: 14px;
}
.custom-fin .desc-fin .row-indicators {
	gap: 75px;
}
.custom-fin .desc-fin .block-ind {}
.custom-fin .desc-fin .block-ind .value-ind {
	color: #11C04B;
	font-size: 92px;
	font-weight: 700;
	line-height: 1;
}
.custom-fin .desc-fin .block-ind .h6 {
	margin-bottom: 0;
	color: #212121;
	font-weight: 700;
	text-transform: uppercase;
}
.custom-fin .desc-fin .block-ind-1 {}
.custom-fin .desc-fin .block-ind-2 {}
.custom-fin .desc-fin .block-ind-3 {}
.custom-fin .values-fin {}
.custom-fin .values-fin .wrap {
	border-radius: 20px;
	background: linear-gradient(39deg, #35CA66 3.95%, #21BF55 95.35%);
	display: flex;
	padding: 15px 20px;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 16px;
}
.custom-fin .values-fin .fin-block {}
.custom-fin .values-fin .fin-block .h2 {
	margin-bottom: 0;
	font-weight: 700;
	letter-spacing: 0.188px;
}
.custom-fin .values-fin .fin-block .h6 {
	margin-bottom: 0;
	font-weight: 700;
}
.custom-fin .values-fin .fin-block-1 {}
.custom-fin .values-fin .fin-block-2 {}
/*-------- Next ------------*/
#Next {}
.custom-next {
	position: relative;
}
.custom-next .title-next {
	color: #212121;
	font-size: 128px;
	font-weight: 700;
}
.custom-next .title-next span {
	color: #FF5900;
}
.custom-next .row-steps {
	margin-top: 120px;
}
.custom-next .steps {
    --accent: #ff6a00;
    --badge-bg: #f2f2f2;
    --text: #212121;
    --muted: #212121;
}
.custom-next .steps-items {
    position: relative;
    display: flex;
    gap: 36px;
    align-items: flex-start;
}
.custom-next .step:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 45px;
	left: 100px;
	right: -40px;
	border-top: 3px dashed var(--accent);
	z-index: 0;
}
.custom-next .step {
    position: relative;
    flex: 1 1 0;
    min-width: 0;
    z-index: 1;
}
.custom-next .step-badge {
    width: 100px;
    height: 95px;
    border-radius: 10px;
    background: var(--badge-bg);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
}
.custom-next .step-badge span {
    color: var(--accent);
    font-weight: 700;
    font-size: 48px;
    letter-spacing: 0.5px;
}
.custom-next .step-title {
    margin: 0 0 6px;
    line-height: 1.2;
    font-weight: 700;
    color: var(--text);
}
.custom-next .step-text {
    margin: 0;
    font-size: 16px;
    line-height: 1.3;
    color: var(--muted);
}
.custom-next .img-truck-lg {
	position: absolute;
	top: 170px;
  	right: 150px;
}
/*-------- Advantages --------*/
#Advantages {}
.custom-advans {}
.custom-advans .block-advan {
	display: flex;
}
.custom-advans .block-advan .wrap {
	border-radius: 20px;
	padding: 20px;
	flex-grow: 1;
	display: flex;
	flex-direction: column;
	height: 370px;
}
.custom-advans .block-advan .h2 {
	font-weight: 900;
	text-transform: uppercase;
	line-height: 1;
}
.custom-advans .block-advan ul.list-advans {
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
	margin-top: auto;
}
.custom-advans .block-advan ul.list-advans li {
	display: flex;
	align-items: center;
	margin-bottom: 10px;
}
.custom-advans .block-advan ul.list-advans li:last-child {
	margin-bottom: 0;
}
.custom-advans .block-advan ul.list-advans li .ic-advan {
	flex: 0 0 46px;
	margin-right: 12px;
}
.custom-advans .block-advan ul.list-advans li .ic-advan img {
	width: 46px;
}
.custom-advans .block-advan ul.list-advans li .text-advan {
	font-size: 22px;
	font-weight: 700;
}
.custom-advans .block-advan-1 {}
.custom-advans .block-advan-1 .wrap {
	background-color: #F70;
}
.custom-advans .block-advan-2 {}
.custom-advans .block-advan-2 .wrap {
	background-color: #FFAE00;
}
.custom-advans .block-advan-3 {}
.custom-advans .block-advan-3 .wrap {
	background-color: #11C04B;
}
/*-------- FormStart ---------*/
#FormStart {}
.custom-form-srart {
	border-radius: 50px;
	background-image: url(../images/img-bg-form.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding: 35px 55px;
}
.custom-form-srart .row {
	align-items: center;
}
.custom-form-srart .desc-form {}
.custom-form-srart .desc-form .h1 {
	font-weight: 800;
	text-transform: uppercase;
}
.custom-form-srart .desc-form .h5 {
	margin-bottom: 0;
	font-weight: 700;
}
.custom-form-srart .form-form {}
.custom-form-srart .form-form .h5 {
	font-weight: 800;
	text-align: center;
	margin-bottom: 15px;
}
.custom-form-srart .form-form .include-form .cf-form-wrap {
	padding: 0 0 15px;
}
.custom-form-srart .form-form .include-form .cf-form-wrap .cf-control-group {
	padding-bottom: 0;
}
.custom-form-srart .form-form .include-form .cf-form-wrap input {
	background-color: transparent;
	border-color: #ffffff;
	color: #ffffff;
}
.custom-form-srart .form-form .include-form .cf-form-wrap button.btn-submit {
	background-color: #ffffff;
	color: #FF5900;
	font-weight: 800;
	text-transform: uppercase;
}
.custom-form-srart .form-form .include-form .cf-form-wrap .confid {
	color: #ffffff;
	font-size: 16px;
}
.custom-form-srart .form-form .include-form .cf-form-wrap .confid a {
	color: #ffffff;
	text-decoration: underline;
}
.custom-form-srart .form-form .include-form .cf-form-wrap .confid a:hover,
.custom-form-srart .form-form .include-form .cf-form-wrap .confid a:focus {
	text-decoration: none;
}
.custom-form-srart .form-form .include-form .cf-form-wrap input::-webkit-input-placeholder {
   color: #ffffff;
}
.custom-form-srart .form-form .include-form .cf-form-wrap input:-moz-placeholder {
   color: #ffffff;
}
.custom-form-srart .form-form .include-form .cf-form-wrap input::-moz-placeholder {
   color: #ffffff;
}
.custom-form-srart .form-form .include-form .cf-form-wrap input:-ms-input-placeholder {
   color: #ffffff;
}
/********** footer ***********/
footer {
    position: relative;
	overflow: hidden;
	float: left;
	width: 100%;
}
footer .footer-bg {
    position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: -1px;
	z-index: 0;
	pointer-events: none;
}
footer .footer-bg-img {
    width: 100%;
    height: auto;
    object-fit: cover;
    object-position: center bottom;
    display: block;
}
footer #Footer,
footer #Copyright {
    position: relative;
    z-index: 10;
}
.footer-top {
	padding: 60px 0;
}
.footer-phone {}
.footer-phone a {
	color: #ffffff;
	font-size: 36px;
	font-weight: 700;
}
.footer-logo {
	text-align: center;
}
.footer-info {
	text-align: right;
}
.footer-info a {
	color: #ffffff;
}
.footer-info a.link-site {
	font-weight: 700;
}
.footer-info a.link-mail {
	font-weight: 800;
}
.footer-bottom {
	border-top: 1px solid #626262;
	border-bottom: 1px solid #626262;
	padding: 30px 0;
	background-color: #262626;
}
.footer-menu {}
.footer-menu ul {
	gap: 30px;
}
.footer-menu ul li {}
.footer-menu ul li a {
	color: #ffffff;
}
.footer-social {}
.footer-social ul {
	padding-left: 0;
	margin-bottom: 0;
	list-style: none;
	display: flex;
	align-items: center;
	justify-content: flex-end;
  	gap: 10px;
}
.footer-social ul li {
	color: #ffffff;
	font-weight: 600;
}
.footer-social ul li:first-child {
	margin-right: 30px;
}
#Copyright {
	padding: 25px 0;
	background-color: #262626;
}
.copyright {}
.privacy {
	text-align: right;
}
.privacy a {
	color: #ffffff;
}
/*--------- decor imgs page --------*/
.decor-layer {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 50;
}
.decor {
    position: absolute;
    will-change: transform;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease;
}
.decor img {
    display: block;
    width: 100%;
    height: auto;
}
.decor--hardware-left,
.decor-hardware-left {
    left: 0;
    width: 226px;
    transform: translate3d(0, -50%, 0);
}
.decor--hardware-right,
.decor-hardware-right {
    right: 0;
    width: 280px;
    transform: translate3d(0, -50%, 0);
}

/********** content *********/
body.page-page {
	background-color: #101010;
}
main {
	width: 100%;
	float: left;
    padding-bottom: 100px;
}
/*--------- breadcrumbs -----------*/
.breadcrumb {
	margin: 50px 0;
}
.breadcrumb li {
    font-size: 14px;
    font-weight: 400;
}
.breadcrumb li a {
    color: #ffffff;
    text-decoration: none;
}
.breadcrumb li a:hover {
    text-decoration: underline;
}
.breadcrumb li.active span {
    color: #ffffff;
    font-weight: 700;
}
.breadcrumb-item + .breadcrumb-item::before {
    content: "/";
    color: #ffffff;
}
/*---------- thank-page -----------*/
.link-home {
	display: flex;
  	justify-content: center;
}
.link-home a.link {
	flex: 0 0 auto;
}
/******** 404 ***********/
.error-page-inner {
    padding-top: 20px;
    padding-bottom: 80px;
    color: #ffffff;
}
.error-page-inner .img-error {
    text-align: center;
    margin-bottom: 30px;
}
.error-page-inner .img-error img {
    max-width: 25%;
}
.error-page-inner p {
    font-size: 18px;
    font-weight: 600;
}
.error-page-inner ul li {
    font-size: 16px;
}
.error-page-inner .right-error-page-inner ul li {
    list-style: none;
}
.error-page-inner a {
    color: #FF0000;
}

/************ goTop **********/
#goTop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #E50E04;
    color: #ffffff;
    cursor: pointer;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 18px;
}
#goTop i {
    font-size: 40px;
    color: #ffffff;
}
#goTop:hover {
    background-color: #e24039;
}
#goTop:hover i {
	color: #ffffff;
}

/********** modal ********/
.form-modal-dialog {
	max-width: 580px;
}
.form-modal-dialog .modal-content {
	border-radius: 50px;
}
.form-modal-dialog .close-modal {
	position: relative;
}
.form-modal-dialog .close-modal .btn-close {
	float: right;
	position: absolute;
	right: 20px;
	padding-top: 20px;
	width: 30px;
	height: 30px;
}
.form-modal-dialog .modal-header {
	border-bottom: none;
	max-width: 430px;
  	margin: 0 auto;
  	padding: 40px 0 0;;
}
.form-modal-dialog .modal-header .modal-title {
	font-weight: 800;
	line-height: normal;
	text-align: center;
}
.form-modal-dialog .modal-body .include-form {
	max-width: 430px;
  	margin: 0 auto;
  	padding-bottom: 30px;
}
.form-modal-dialog .modal-body .include-form .cf-form-wrap {
	padding: 0;
}
.form-modal-dialog .modal-body .include-form .convertforms .cf-control-group {
	padding-bottom: 0;
}
.form-modal-dialog .modal-body .include-form .cf-form-wrap .btn-submit {
	font-weight: 800;
	text-transform: uppercase;
}
.form-modal-dialog .modal-body .include-form .cf-form-wrap .confid {
	text-align: center;
	color: #212121;
}
.form-modal-dialog .modal-body .include-form .cf-form-wrap .confid a {
	text-decoration: underline;
	color: #212121;
}
.form-modal-dialog .modal-body .include-form .cf-form-wrap .confid a:hover,
.form-modal-dialog .modal-body .include-form .cf-form-wrap .confid a:focus {
	text-decoration: none;
}