/*Баннер*/
.cloud-banner{
	position: relative;
	height: 600px; 
    background: url(../../img/img_cloud/cloud_bg.jpg) 100% 40% no-repeat; /* Добавляем фон */
    background-size: cover; 
}

.cloud-banner::before {
	content: "";
	position: absolute;
	top: 0px;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(3,7,17,.5);
	transition: all .3s ease;
  }

.cloud-banner-title{
	font-family: Open Sans;
	font-weight: 700;
	font-size: 50px;
	color: #ffffff;
	line-height: 150%;
	margin: 10% 0 3% 0;
	padding: 0;
}

.cloud-banner-desc{
	font-family: Open Sans;
	font-weight: 400;
	font-size: 18px;
	color: #ffffff;
	margin: 30px 0 0 0;
	padding: 0;
	line-height: 180%;
}

.cloud-banner-btn-container{
	margin: 60px 0 0 0;
}

.cloud-banner-btn{
	background-color: #274695;
	color: #fff;
	padding: 15px 35px;
	font-family: Open Sans;
	font-weight: 400;
	font-size: 16px;
	border-radius: 30px;
}

.cloud-banner-btn:hover{
	background-color: #274695;
	color: #fff;
	text-decoration: none;
	box-shadow: 0px 10px 15px rgb(0 0 0 / 15%);
}

/**/
.cloud-for{
	background-color: #f2f5fa;
	padding: 100px 0 0 0;
}

.cloud-for-title-container{
	margin: 0 0 20px 0;
}

.cloud-for-title{
	font-family: Open Sans;
	font-weight: 700;
	font-size: 36px;
	margin: 0 30px 0 0;
	color: #030711;
}

.cloud-for-br{
	display: none;
}

.cloud-for-title-active{
	color: #030711;
}

.cloud-for-title-hide{
	color: #adb0bd;
}

.cloud-for-title-hide:hover{
	color: #797a80;
	cursor: pointer;
}

.cloud-for-form{
	background-color: #ffffff;
	border: 1px solid #d0d2d6;
	border-radius: 10px;
	padding: 30px;
	box-shadow: 10px 10px 30px rgba(99,118,192,.3);
}

.cloud-for-form-img{
	max-width: 100%;
}

.cloud-for-form-text-container{
	margin: 60px 0 0 0;
}

.cloud-for-form-text{
	font-family: Open Sans;
	font-weight: 400;
	font-size: 16px;
	color: #030711;
	line-height: 170%;
	margin: 0 0 30px 0;
}

.cloud-for-form-icon{
	text-align: center;
}

.cloud-for-form-icon img{
	margin: 0 0 5px 0;
	width: 40px;
}

.cloud-for-form-icon p{
	font-family: Open Sans;
	font-weight: 400;
	font-size: 12px;
	color: #858585;
}

.form-btn{
	position: absolute;
    display: block;
    width: 170px;
    height: 45px;
    background: #274695;
    border-radius: 100px;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border: none;
	font-family: Open Sans;
	font-weight: 400;
	font-size: 16px;
}

.form-btn:hover{
	text-decoration: none;
	color: #fff;
	box-shadow: 10px 10px 30px rgba(99,118,192,.3);
}

.form-btn-container{
	margin: 30px 0 0 0;
}

/*Шаги*/
.steps{
	background-color: #f2f5fa;
	padding: 120px 0 0 0;
}

.steps-container{
	margin: 60px 0 50px 0;
}

.step-card-icon{
	box-sizing: border-box;
    position: relative;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 72px;
    height: 72px;
    border: 2px solid transparent;
    border-radius: 24px;
    padding: 0;
    box-shadow: -15px 20px 40px rgb(171 175 199 / 30%);
    margin: 0;
    background: transparent radial-gradient(#fff,hsla(0,0%,100%,0));
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    pointer-events: none;
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}

.step-card-icon-one:after{
	background-image: url(/../img/img_cloud/one.svg);
	content: "";
    position: relative;
    display: block;
    width: 80%;
    height: 80%;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.step-card-icon-two:after{
	background-image: url(/../img/img_cloud/two.svg);
	content: "";
    position: relative;
    display: block;
    width: 80%;
    height: 80%;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.step-card-icon-three:after{
	background-image: url(/../img/img_cloud/three.svg);
	content: "";
    position: relative;
    display: block;
    width: 80%;
    height: 80%;
    background-position: 50%;
    background-size: contain;
    background-repeat: no-repeat;
}

.steps-title{
	font-family: Open Sans;
	font-weight: 700;
	font-size: 36px;
	color: #030711;
	margin: 0 0 20px 0;
}

.steps-text{
	font-family: Open Sans;
	font-weight: 400;
	font-size: 16px;
	color: #030711;
}

.cloud-advantage{
	margin: 0 0 60px 0;
}

.cloud-advantage-img-bg{
	width: 110px;
    height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f2f5fa;
    border: 1px solid #274695;
    border-radius: 50%;
    margin-bottom: 20px;
}

.cloud-advantage-img{
	width: 60px;
    margin-bottom: 0;
}

.cloud-advantage-title{
	font-family: Open Sans;
	font-weight: 700;
	font-size: 18px;
	color: #030711;
	margin: 0 0 10px 0;
}

.cloud-advantage-text{
	font-family: Open Sans;
	font-weight: 400;
	font-size: 14px;
	color: #030711;
}

/*Преимущества*/
.advantage{
	background-color: #f2f5fa;
	padding: 60px 0;
}

.advantage-title-container{
	text-align: center;
	margin: 0 0 80px 0;
}

.advantage-title{
	font-family: Open Sans;
	font-weight: 700;
	font-size: 36px;
	color: #030711;
	margin: 0 0 20px 0;
}

.advantage-text{
	font-family: Open Sans;
	font-weight: 400;
	font-size: 16px;
	color: #030711;
}

.advantage-item{
	margin: 30px 0 60px 0;
}

.advantage-item-desc{
	display: inline-block;
	width: 65%;
}

.advantage-item-desc-right{
	margin: 0 0 0 20px;
}

.advantage-item-title{
	font-family: Open Sans;
	font-weight: 700;
	font-size: 18px;
	color: #030711;
	margin: 0 0 10px 0;
}

.advantage-item-text{
	font-family: Open Sans;
	font-weight: 400;
	font-size: 14px;
	color: #030711;
}

.advantage-item-right{
	direction: rtl;
}

.advantage-img-container{
	text-align: center;
}

.advantage-img{
	display: inline-block;
	width: 80%;
}

.advantage-item-icon{
	width: 50px;
	vertical-align: top;
}

.advantage-item-icon-right{
	float: right;
}

.advantage-item-icon-mobile{
	display: none;
}

/*Товары*/
.products{
	background-color: #f2f5fa;
	padding: 60px 0;
}

.cam-card{
	background-color: #ffffff;
	border-radius: 10px;
	padding: 30px;
	margin: 0 15px;
	max-height: 130px;
	/*box-shadow: 10px 10px 30px rgba(99,118,192,.3);*/
}

.cam-card{
	cursor: pointer;
}

.cam-card-name{
	font-family: Open Sans;
	font-weight: 400;
	font-size: 14px;
	color: #030711;
	height: 50px;
}

.cam-card-price{
	font-family: Open Sans;
	font-weight: 700;
	font-size: 24px;
	color: #030711;
}

.cam-card-default{
	border: 1px solid #d0d2d6;
}

.cam-card-active{
	border: 1px solid #274695;
}

.cam-text-br{
	display: none;
}

.carousel-hide{
	display: none;
}

.product-card-hide{
	display: none;
}

.products-title{
	font-family: Open Sans;
	font-weight: 700;
	font-size: 36px;
	color: #030711;
	margin: 0 0 20px 0;
}

.product-title{
	font-family: Open Sans;
	font-weight: 700;
	font-size: 36px;
	color: #030711;
	margin: 0 0 20px 0;
}

.products-title-container{
	display: inline-block;
	margin: 0 0 60px 0;
}

.products-title-switch-container{
	display: inline-block;
	padding: 10px 0;
	border-radius: 30px;
	border: 1px solid #d0d2d6;
	background-color: #ffffff;
	margin: 0 0 60px 0;
}

.products-title-switch{
	display: inline-block;
	font-family: Open Sans;
	font-weight: 400;
	font-size: 16px;
	margin: 0 30px;
}

.products-title-switch-active{
	border-radius: 30px;
	padding: 5px 20px;
	background-color: #274695;
	color: #ffffff;
}

.products-title-switch-default{
	color: #030711;
}

.products-title-switch:hover{
	cursor: pointer;
}

.product-card{
	background-color: #ffffff;
	border: 1px solid #d0d2d6;
	border-radius: 10px;
	padding: 30px;
	margin: 30px 30px;
	box-shadow: 10px 10px 30px rgba(99,118,192,.3);
}

.product-card-img-carousel{
	width: 100%;
}

.product-card-img{
	width: 100%;
}

.product-card-text-container{
	margin: 0 0 40px 0;
}

.product-card-text{
	font-family: Open Sans;
	font-weight: 400;
	font-size: 16px;
	color: #55565a;
}

.product-card-feature-container{
	margin: 0 0 40px 0;
}

.product-card-feature-items{
	list-style: none;
	padding: 0;
	width: 100%;
}

.product-card-feature-item{
	display: inline-block;
	width: 24%;
}

.product-card-feature-item-icon{
	width: 30px;
	margin: 0 0 10px 0;
}

.product-card-feature-item-title{
	font-family: Open Sans;
	font-weight: 700;
	font-size: 16px;
	color: #030711;
	margin: 0 0 5px 0;
}

.product-card-feature-item-text{
	font-family: Open Sans;
	font-weight: 400;
	font-size: 16px;
	color: #030711;
	margin: 0;
}

.product-card-desc-container{
	margin: 0 0 30px 0;
}

.product-card-desc-items{
	padding: 0;
	max-width: 40em;
	padding: 0;
	overflow-x: hidden;
	list-style: none;
}

.product-card-desc-item{
	margin: 0 0 10px 0;
}

.product-card-desc-item span{
	font-family: Open Sans;
	font-weight: 400;
	font-size: 16px;
	color: #858585;
}

.product-card-desc-item:before {
	float: left;
	width: 0;
	white-space: nowrap;
	content:
	". . . . . . . . . . . . . . . . . . . . "
	". . . . . . . . . . . . . . . . . . . . "
	". . . . . . . . . . . . . . . . . . . . "
	". . . . . . . . . . . . . . . . . . . . "
}

ul.product-card-desc-items span:first-child {
	padding-right: 0.33em;
	background: white
}
	
ul.product-card-desc-items span + span {
	float: right;
	padding-left: 0.33em;
	background: white
}

.product-card-btn-price{
	font-family: Open Sans;
	font-weight: 700;
	font-size: 30px;
	color: #030711;
	vertical-align: middle;
}

.product-card-btn{
    display: inline-block;
    width: 170px;
    height: 45px;
    background: #274695;
    border-radius: 100px;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border: none;
	font-family: Open Sans;
	font-weight: 400;
	font-size: 16px;
	vertical-align: middle;
	margin: 0 30px 0 0;
}

.product-card-btn:hover{
	text-decoration: none;
	color: #fff;
	box-shadow: 10px 10px 30px rgba(99,118,192,.3);
}

/*Тарифы*/
.tariffs{
	background-color: #f2f5fa;
	padding: 50px 0 120px 0;
}

.tariffs-title{
	font-family: Open Sans;
	font-weight: 700;
	font-size: 36px;
	color: #030711;
	margin: 0 0 20px 0;
}


.tariffs-item{
	background-color: #fff;
	border: 1px solid #d0d2d6;
	border-radius: 10px;
	padding: 0 0 40px 0;
	box-shadow: 10px 10px 30px rgba(99,118,192,.3);
}

.tariffs-name-item{
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	background-color: #274695;
	color: #fff;
	font-family: Open Sans;
	font-weight: 700;
	font-size: 16px;
	padding: 20px 20px;
}

.tariffs-desc-item {
	padding: 0 20px 0px 40px;
	height: 370px;
}

.tariffs-desc-item ul {
	margin: 0;
	padding: 0;
}

.tariffs-desc-item li {
	color: #030711;
	font-size: 14px;
	list-style: none;
	margin: 10px 0 0 0;
}

.tariffs-desc-item li:before {
	content: '';
    display: inline-block;
    vertical-align: middle;
    width: .4em;
    height: .4em;
    border-radius: 50%;
    margin-left: -.4em;
    color: #274695;
    background-color: currentColor;
    -webkit-transform: translateX(-200%);
    transform: translateX(-200%);
}

.tariff-price-item{
	text-align: center;
	padding: 0 20px 0px 20px;
	margin: 20px 0 0 0;
	color: #030711;
	font-family: Open Sans;
	font-size: 30px;
	font-weight: 700;
}

.tariff-channel-item{
	text-align: center;
	padding: 0 20px 0px 20px;
	margin: 5px 0 0 0;
	color: #858585;
	font-family: Open Sans;
	font-size: 12px;
	font-weight: 400;
}

.tariff-btn{
	position: absolute;
    bottom: -25px;
    left: 50%;
    display: block;
    width: 170px;
    height: 45px;
    transform: translateX(-50%);
    background: #274695;
    
    border-radius: 100px;
    font-size: 16px;
    line-height: 45px;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border: none;
	font-family: Open Sans;
	font-weight: 400;
	font-size: 16px;
}

.tariff-btn:hover{
	text-decoration: none;
	color: #fff;
}

/*FAQ*/
.faq{
	background-color: #f2f5fa;
	padding: 80px 0 40px 0;
}

.faq-title{
	font-family: Open Sans;
	font-weight: 700;
	font-size: 36px;
	color: #030711;
	margin: 0 0 20px 0;
}

.faq-q{
	font-family: Open Sans;
	font-weight: 400;
	font-size: 16px;
	color: #030711;
}

.faq-a{
	font-family: Open Sans;
	font-weight: 400;
	font-size: 16px;
	color: #030711;
}

/*Обратная связь*/
.request{
	background-color: #f2f5fa;
	padding: 0 0 60px 0;
}

.request-text-container{
	text-align: center;
}

.request-caption{
	font-family: Open Sans;
	font-weight: 700;
	font-size: 36px;
	color: #030711;
	margin: 120px 0 60px 0;
}

.request-text{
	font-family: Open Sans;
	font-weight: 400;
	font-size: 18px;
	color: #030711;
	margin: 0 auto;
	padding: 0 0 40px 0;
	max-width: 770px;
}

.request-form{
    font-family: Open Sans;
	font-weight: 400;
    font-size: 14px;
    color: #030711;
    background-color: #fff;
    max-width: 100%;
    border: 1px solid #d0d2d6;
    padding: 30px;
    margin: 0 auto;
    text-align: center;
    border-radius: 5px;
	box-shadow: 10px 10px 30px rgba(99,118,192,.3);
}

.request-mark{
	background-color: #274695;
	color: #fff;
}

.request-form-caption{
	font-family: Open Sans;
	font-weight: 700;
    font-size: 24px;
    color: #030711;
    padding: 0 0 50px 0;
    margin: 0;
}

.request-form-input{
	padding: 10px;
    margin: 0 25px 25px 0;
}

.request-form-btn{
	background-color: #274695;
    border: none;
    color: #fff;
    padding: 13px 30px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 5px;
}

/**/
.installation_consutation{
	background: url(https://thumb.tildacdn.com/tild3737-3732-4733-b434-346432383131/-/format/webp/noroot.png) no-repeat;
    position: relative;
    z-index: 1;
    padding: 100px 0;

}

.installation_consutation:before{
	content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #030711;
    opacity: 0.75;
    z-index: -1;
}

.installation_consutation_h3{
	padding: 0;
	margin: 0 0 10px 0;
	color: #ffffff;
	font-family: Open Sans;
	font-weight: 400;
	font-size: 20px;
}

.installation_consutation_h3:after{
	content: "";
    width: 45px;
    height: 2px;
    background: #F49B00;
    margin-left: 20px;
    display: inline-block;
}

.installation_consutation_h2{
	padding: 0;
	margin: 0 0 35px 0;
	color: #ffffff;
	font-family: Open Sans;
	font-weight: 700;
	font-size: 30px;
}

.installation_consutation_p{
	padding: 0;
	margin: 0;
	color: #ffffff;
	font-family: Open Sans;
	font-weight: 400;
	font-size: 16px;
}

.installation_consutation_phones_text{
	padding: 0;
	margin: 0;
	display: inline;
}

.installation_consutation_phone{
	font-family: Open Sans;
	font-weight: 700;
	font-size: 20px;
	color: #ffffff;
}

.installation_consutation_phone:hover{
	text-decoration: none;
	color: #ffffff;
}

.installation_consutation_row_btn{
	padding: 0;
	margin: 20px 0 0 0;
}

.installation_consutation_span{
	color: #ffffff;
	font-family: Open Sans;
	font-weight: 400;
	font-size: 16px;
	margin: 0 15px;
}

.installation_consutation_btn{
	display: inline-block;
	font-family: Open Sans;
	font-weight: 400;
	font-size: 16px;
	color: #030711; 
	padding: 15px 30px;
	border-radius: 15px;
	background-color: #F49B00;
}

.installation_consutation_btn:hover{
	text-decoration: none;
	background-color: #FFBA43;
	color: #ffffff
}

.bg_cover {background-repeat: no-repeat; background-position: center 0; background-size: cover; -webkit-background-size: cover;}
.bg_fixed {background-attachment: fixed;}

.hidden_form{
	display: none;
}