.navbar-toggler-icon{--bs-navbar-toggler-icon-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}


body {
	font-family: "Roboto", sans-serif;
	background-color: #FFF;
	color: #333;
}
h1,h2,h3{font-family: "Roboto", sans-serif;}
.navbar{
	background:#1E3081;
}
.navbar-brand img {
	height: 42px;

}
.navbar-brand {
	display:flex;
	font-size: .85rem;

}
.navbar-brand .brand-text{margin-left:10px;}
.navbar-brand span {
	text-transform:uppercase;display: block;font-size:1.65rem;font-weight: bold;
	color:#fff;line-height: 1;

}
.navbar-brand span i{
	color:#ffc207; font-style: normal;
}
.navbar-brand strong{display:block;font-size:.75rem;color:#fff;font-weight: 500; text-transform: uppercase}
.main-menu{}

.main-menu li a{color:#fff;font-weight: 500}
.main-menu li a:hover{color:#FFC207}


@media (min-width: 992px) {
	.navbar-expand-lg .navbar-nav .nav-link {
		padding: 0 1.35rem
	}
}
.social-list{list-style: none;padding:0;display:flex;flex-direction:row;margin-bottom: 0;}
.social-list li a{text-decoration: none;margin-left:.75rem;display:block}
.social-list li a ins{display:block;width:36px;height:36px;background-position: center center; background-repeat: no-repeat;background-size:contain;}
.social-list li a ins.social_vk{background-image:url(/images/social_vk.svg)}
.social-list li a ins.social_ozon{background-image:url(/images/social_ozon.svg)}







.b-intro {
	color:#fff;
	background: #384EAD url(/images/bg-abstract.png) center center no-repeat; background-size:100% auto;
	
	height: auto;
	display: flex;
	min-height: calc(100vh - 70px);
	align-items: center;
	margin-top: 0;
	padding-top: 1rem;
	padding-bottom: 3rem;
	border-bottom: 10px solid #EC008C;
	position: relative;
}
#scroll-down{display:block;width:24px;height:60px;background:url(../images/icon-scroll.png) center center no-repeat;background-size: contain; position: absolute;bottom:20px;left:50%;transform:translateX(-50%);    animation: updown .5s linear infinite;}
@keyframes updown{
	0%,100%{bottom:20px;}
	50%{bottom:10px;}
}

.b-intro img{
	width:100%;
	max-width:100%;
	padding-right:60px;}
.b-intro h1 {
	margin-top:1.75rem;
	text-transform: uppercase;
	font-size: 2.15rem;
	color: #fff;
	font-weight:bold;
	margin-bottom: .25rem;
}
.b-intro h1 span {
	margin-top:.25rem;
	display: block;
	font-size:4.35rem
}
.b-intro h1 span i{
	color:#ffc207;font-style: normal;
}
.b-intro__features{
	font-size:1.25rem;color:#ffc207;font-weight: 500;
}
.b-intro__lead-1{
	font-size:1.55rem;color:#fafafa;
	margin-bottom:4rem; margin-top:.5rem; line-height: 1.3;
}


.b-intro--outro {
	min-height: calc(100vh - 70px - 125px);; background-position:150% -60px;background-size:70% auto;
	border-top: 10px solid #293A7E;
	border-bottom:0; padding-top:4rem;padding-bottom:4rem
}



.btn {
	background:#005BFF;
	color: #FFF;
	border: none;
	text-align: center;
	border-radius: 12px;
	padding: 1rem 3rem;
	font-size:1rem; font-weight: 500;
	width:fit-content;
}
.btn:hover {
	background:#1A6CFF;
	color: #fff;

}
.h3{font-size:3rem;text-transform: uppercase;color:#fff;font-weight: bold; line-height: 1.1}
.h3 em{display:block; font-size:1.35rem;color:#fff;text-transform: none;font-style: normal;font-weight: normal; line-height: 1.2;margin-top:.25rem}

.b-advantages{background: rgb(88,188,234);
	background: linear-gradient(135deg, rgba(88,188,234,1) 0%, rgba(70,111,156,1) 100%);
	padding:5rem 0;
}

.b-advantages__list{color:#fff;list-style: disc;font-size:1.125rem;padding-left:16px;margin-bottom:.45rem}
.b-advantages__text{color:#fff;font-size:1.125rem;padding-left:0;}
.b-advantages__text a{color:#ffc207;font-weight:500;text-decoration: none}
.b-advantages__img{position:absolute;top:-50px;left:calc(100% - 40px);height:580px;}
.b-advantages .row{margin-top:1rem;margin-bottom:2rem; display: flex; flex-direction: row;align-items: end}

p, .p{font-size:1.1rem;color:#2b2b2b;margin-bottom: .75rem}
strong{font-weight: normal}
h2, .h2{color:#142157; text-transform: uppercase; font-weight: bold;font-size:2.5rem}

.b-purposes{padding:5rem 0}
.b-purposes__broken-screen-example{position: relative}
.b-purposes__broken-screen-example p{color:#f70000; text-transform: lowercase;font-style: italic;margin-top:.75rem;margin-left:60px;}
.b-purposes__broken-screen-example img{    max-width: calc(100% - 200px);
	float: right;
}
.b-purposes h2{margin-bottom:1rem}

.b-install-and-forget{background:#384EAD; padding:2.5rem 0 0; }
.b-install-and-forget p{color:#fff;font-size:2rem;font-weight: bold;text-transform: uppercase; line-height: 1.2;margin-bottom: .55rem; }
.b-install-and-forget p span{font-size: 1em}


.icon-thumbs-up{display:block;width:72px; height:72px; background:url(/images/icon-thumbs-up.svg) center center no-repeat; background-size: 100% auto; margin:0 2rem 0 -4rem}

.b-where-to-use{background: rgb(60,183,237);
	background: url(/images/bg-abstract-2.png) 0% -50px no-repeat, linear-gradient(to bottom, rgba(56,78,173,1) 0%, rgba(56,78,173,1) 30px, rgba(56,78,173,0) 31px, rgba(56,78,173,0) 100%) no-repeat, linear-gradient(135deg, rgba(60,183,237,1) 0%, rgba(37,101,173,1) 100%);    background-size: 80% auto, 100% 60px, auto;
padding:5rem 0 4rem;border-bottom: 10px solid #1B487A;}

.b-where-to-use h2{color:#fff; text-align:center}
.b-where-to-use .nav li{color:#fff; text-transform: uppercase; margin:0 1rem; font-size: 1.2rem; font-weight:500; margin-top:.5rem}

.b-where-to-use  .gallery{  margin-top:2rem;margin-bottom:2rem; display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: start;
	gap: 20px;}
.b-where-to-use  .gallery img{height:300px;width:auto;}

.b-compatibility{padding:5rem 0 0}
.b-compatibility .h2 small{display:block;font-size:.65em;margin-bottom:.45rem}

.b-compatibility span.p{font-size:1.2rem;font-weight:normal; text-transform: none;margin-top:.75rem;margin-bottom:1rem}
.b-compatibility__img-tv-sizes{width:100%; height:auto;max-width:90%;}

.b-order-custom-size{background:#F0F7FD;padding:2rem;margin-top:4rem}
.b-order-custom-size p{margin-bottom:0}

.b-comparison{background:#384EAD url(/images/bg-abstract-3.png) 30% 150px no-repeat; background-size:70% auto; text-align:center;padding:3rem 0 0;border-bottom: 0px solid #293A7E}
.b-comparison h2{color:#fff;font-size:2rem}
.b-comparison table{text-align: left;margin:0 auto;}
.b-comparison tr.illustrations td{background:none !important}
.b-comparison tr.captions td{font-size:1.25rem;font-weight:500;}
.b-comparison table tr{border-bottom:1px solid #5264B7;}
.b-comparison table td, .b-comparison table th{color:#fff;}
.b-comparison table th{color:#fff;font-weight:500;font-size:1.075rem;vertical-align: top;padding:1rem 100px 1rem 40px;}
.b-comparison table td{vertical-align: top;padding:1rem 40px}
.b-comparison table td p, .b-comparison table td .p{color:#cfcfcf;font-size:.9rem;}
.b-comparison table img{display:block; width:340px;height:auto;margin-left:-50px;}
.b-comparison table img:after{}
.b-comparison table td:nth-child(2){background:rgba(255,255,255,.2)}

ins.green{color:#18FF00; text-decoration: none}
ins.red{color:#FF0066; text-decoration: none}

.brand-name{text-transform: uppercase;}
.brand-name i{color:#ffc207;font-style:normal}

.b-testimonials{padding:3rem 0;background:#F0F7FD;}
.testimonial-item{background:#fff; border-radius: 12px;padding:2rem 3rem; margin:.5rem 0 }
.testimonial-item header{display:flex; align-items: center}
.testimonial-item__author-avatar{}
.testimonial-item__author-name{font-weight: 700;color:#000}
.testimonial-item__date{font-size:.825rem;margin-left:2rem; color:#333}
.testimonial-item__text{color:#000;font-size:.9rem;margin-left:76px}
.testimonial-item__author-text-avatar{background:#ccc;color:#FFF;border-radius: 50%;width:54px;height:54px;overflow:hidden;font-size:1.55rem;font-weight: bold;display:block;text-align: center;line-height: 54px; vertical-align: middle;margin-right:1.4rem}

.b-testimonials hr{margin:0rem 3rem;height:1px;border:none;background:#fff;color:#fff;}


.b-how-to-install{background:url(/images/bg-abstract-2.png) 0% -50px no-repeat, linear-gradient(to bottom, rgba(56,78,173,0) 0px, rgba(56,78,173,0) 100%) no-repeat, linear-gradient(135deg, rgba(60,183,237,1) 0%, rgba(37,101,173,1) 100%); background-size:50% auto, 100% auto, 100% auto;padding:3rem 0;}
.b-how-to-install h2{color:#fff;margin-bottom: 1.5rem;}
.b-how-to-install .video-wrapper{margin:2rem 0}
.b-how-to-install p{color:#eee;text-align:left;}



.b-faq{background: #F0F7FD;

	padding:5rem 0;}
.b-faq h2{margin-bottom:3rem;}
.faq-item{    padding-bottom: 1.5rem;
	margin-bottom: 1.5rem;
border-bottom:1px solid #C8B7EA}
.b-faq .faq-item:last-child{ border-bottom:0}
.faq-item h3 {
	font-size: 1.4rem;
	font-weight: 700;
	margin-bottom: 0;
	text-transform: none;
	position: relative;color:#142157 !important;
}

.faq-item p {
	margin-bottom: 0;
	padding-bottom: 6px;
	font-size: 1.2rem;
	font-weight: 400;color:#333;
	padding-right:30px;
}

.faq-item p:first-child {
	padding-top: 12px
}

.faq-item p:last-child {
	padding-bottom: 6px
}

.faq-item h3:before {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	display: inline-block;
	z-index: 999;
	content: '';
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 25 25' fill='none'%3E%3Cpath d='M13.1579 11.9089H25V13.0931H13.1579V25.001H11.8421V13.0931H0V11.9089H11.8421V0.000976562H13.1579V11.9089Z' fill='%235E35B1'/%3E%3C/svg%3E");
	transition-duration: .25s;
	transition-property: transform,box-shadow,filter,-webkit-filter;
	margin-right: 12px
}

.faq-item h3.active:before {
	transform: rotateZ(135deg)
}




.main-footer{background:#1E3081;color:#fff; display:flex;align-items: center;padding:1rem 0;border-bottom:10px solid #162045}
.main-footer p{color:#fff;}
.main-footer p a, .main-footer address a{color:#efefef;text-decoration: none;font-weight: 500}
.main-footer address{font-size:.9rem;color:#cacaca;margin-bottom:0}
.main-footer address span{margin-right:1rem}
.main-footer .main-menu{list-style: none;padding-left:0;display:flex;justify-content: space-between; flex-wrap: wrap}
.main-footer span.title{display:none}

@media (max-width:960px){
	.b-intro{text-align: center;min-height: calc(100vh - 71px)}
	#scroll-down{display: none}
	.b-intro img{padding:0 10px;}
	.b-intro h1{font-size:1.55rem}
	.b-intro h1 span{font-size:3rem}
	.b-intro__features{font-size: .9rem;}
	.b-intro__lead-1 {		font-size: 1.35rem;margin-bottom:2rem}

	p{font-size:1rem;margin-bottom: .25rem;}
	h2, .h2{font-size:1.5rem}
	.h3 {		font-size: 2rem;}
	.b-advantages{padding:1.25rem 0}
	.b-advantages__img{position:relative;top:0;left:0;height:auto;        width: 100%;
		padding-right:4%;}
	.b-advantages__text {
		font-size: 1.075rem;}
	.b-install-and-forget{padding:1.25rem 0 0rem; margin-bottom:-10px}
	.b-install-and-forget p{font-size:1rem}
	.icon-thumbs-up{margin: 0 1rem 0 0rem;}
	.b-purposes{padding:2rem 0 2rem}
	.b-purposes__broken-screen-example p{margin-left: 0;    font-size: .85rem;}
	.b-purposes__broken-screen-example p br{display:none;}
	.b-purposes__broken-screen-example img{width:auto;max-width:none;float:none}

	.b-where-to-use{padding:5rem 0 2rem}
	.b-where-to-use .nav li{font-size:1.125rem;margin:.25rem .75rem 0}
	.b-where-to-use .gallery{    gap: 10px;}
	.b-where-to-use .gallery img{height:77px;width:auto;max-width:100%;}
	.b-how-to-install{padding:2rem 0}
	.b-compatibility{padding:2rem 0 0}
	.b-compatibility__img-tv-sizes{max-width:100%;margin-bottom:1rem}
	.b-comparison{padding:2rem 0;overflow-x:scroll}
	.b-comparison h2{font-size:1.35rem}
	.b-comparison table .illustrations{}
	.b-comparison table .illustrations img{width:100px;height:auto;margin-left:0}
	.b-comparison table .captions td{font-size:9px;}
	.b-comparison table th{padding:.5rem  10px .5rem 0;font-size:10px;}
	.b-comparison table td{font-size:0px; padding:.5rem 10px .5rem 10px;}
	.b-comparison table td ins{font-size:16px;opacity:1}
	.b-comparison table td p, .b-comparison table td span{font-size:9px !important;line-height: 1.3}

	.b-order-custom-size{margin-top:1rem;    padding: 1rem 1rem 1.5rem}
	.b-order-custom-size .btn{margin-top:1rem;}
	.testimonial-item{padding:.85rem .75rem;margin:.5rem -8px;}
	.testimonial-item__author-text-avatar{width:40px;height:40px;line-height: 40px;margin-right:12px}
	.testimonial-item__text{margin-left:0;margin-top:.5rem;font-size:.875rem}
	.testimonial-item header{}
	.testimonial-item__date{margin-left:auto;}
	.b-faq{padding:2rem 0 1rem;}
	.b-faq h2 {
		margin-bottom: 1.5rem;
	}
	.faq-item{margin-bottom:.85rem;padding-bottom: .85rem;}
	.faq-item h3{font-size:1.125rem;max-width:calc(100% - 50px)}
	.faq-item h3:before{margin-right:-34px;}
	.faq-item p{font-size:1rem;}
	.main-footer {padding:1.5rem 0}
	.main-footer span.title{font-size:1rem;color:#fff;display:block;font-weight: 500;text-transform: uppercase;margin-bottom:.5rem}
	.main-footer .main-menu{display:none;}
	.main-footer .social-list{        margin: 0 0 1.5rem;}
	.social-list li a{text-decoration: none;margin-left:0; margin-right:.75rem;display:block}
	.main-footer address br{display:none;}
	.main-footer address span{display:block;margin-right:0}
	.b-intro--outro {min-height:calc(100vh - 200px)}
	.b-intro--outro .btn{margin:1rem auto 2rem;}

	.navbar-toggler:focus{box-shadow:none}
	.site-header{height:70px;}
	#main-nav{
		position: fixed;
		top: 70px;
		bottom: 0;
		right: 0;
		left: 0;
		width: calc(100% - 60px);
		min-height: calc(100vh - 70px);
		height:auto;
		background:rgba(255,255,255,.9);
		-webkit-transform: translateX(120%) !important;
		-ms-transform: translateX(120%) !important;
		-o-transform: translateX(120%) !important;
		transform: translateX(120%) !important;
		-webkit-transition: transform .4s linear !important;
		-o-transition: transform .4s linear !important;
		transition: transform .4s linear !important;
		z-index: 10;
	}
	.site-header.menu-opened  #main-nav {
		-webkit-transform: translateX(60px) !important;
		-ms-transform: translateX(60px) !important;
		-o-transform: translateX(60px) !important;
		transform: translateX(60px) !important;
		box-shadow: 0 0 65px rgba(0,0,0,0);
		display: flex !important;
		margin: 0;
	}
	#main-nav{padding: 0 48px;display:flex;flex-direction: column; align-items: start}
	#main-nav .main-menu{padding-top:32px;}
	#main-nav .btn{margin-bottom:102px;}
	#main-nav .main-menu li{margin:0px 0}
	#main-nav .main-menu li a{font-size:1.125rem;color:#000}
	#main-nav .social-list{margin-top:1rem;margin-bottom:1rem;padding-top:2rem;border-top:1px solid rgba(0,0,0,.4); width:100%}
	#main-nav .social-list li ins{width: 42px;height: 42px;}
	#main-nav .btn{white-space: nowrap;}
	.menu-opened .navbar-toggler-icon {background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M7.6143255,7.4436507L23.1706753,23 M7.6142936,22.9999752L23.1706429,7.4436255'/%3e%3c/svg%3e")
	}
}