/*carusel*/
.promo-container { overflow:hidden; width:100%; height: 460px;  position:relative; background-color:#f2f2f2;}
.banpro {position:absolute; width: 100%; height: 100%;  z-index:199; background-size: cover; background-position:center 0;}
.maskpro {background-color:rgba(0,0,0,0.20); position:absolute; z-index:200; height: 100%; width: 100%;}
.maskpro2 {background-color:rgba(0,70,82,0.40); position:absolute; z-index:200; height: 100%; width: 100%;}
.baninfo { color:#FFF; font-size:16px; margin:50px 0; position: relative; z-index:201;}
.baninfo a { color:#FFF;}
.pg {margin:auto; width:1000px}
.backpro {background-size: cover; background-position: center;  position:absolute; z-index:100;}
.textpro {display:block;}
.t1 {font-size:2.5rem; font-weight:bold; line-height:140%; border-bottom: 1px solid #fff; display: inline-block;}

.blnkh {font-size:2.5rem; font-weight:bold; line-height:140%;}
.blocklink {border-bottom: 1px solid #E7DADA; color:#fff;}
.t2 {line-height:140%; margin:10px 0 30px 0; font-size:1.2rem;}
.t3 {line-height:140%;}
.activitybuttons { position:relative; display:inline-block; line-height: 1.179; text-decoration:none; padding: 0.85em 1.6778em; color:#FFF; background-color:#DA3A3A;  text-align: center;  white-space: nowrap; font-weight:bold; border-radius:25px;}
.activitybuttons:hover { background-image: linear-gradient(#d90000, #d60000); }
.back1 { background-image:url(/media/pic/customer/home/pro/nds.jpg);}
.back2 { background-image:url(/media/pic/customer/home/pro/block.jpg);}
.back3 { background-image:url(/media/pic/customer/home/pro/smotrbox2.jpg);}
.back4 { background-image:url(/media/pic/customer/home/pro/router.jpg);}
.back5 { background-image:url(/media/pic/customer/home/pro/newoffice.jpg);}
.back6 { background-image:url(/media/pic/customer/home/pro/gift2021.jpg);}
.back7 { background-image:url(/media/pic/customer/home/pro/hiboxa6.jpg);}

.hme_trf1 {background-image: linear-gradient(90deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,.7) 17%,hsla(0,0%,100%,.7) 83%,hsla(0,0%,100%,0)),url(/media/pic/rouble.png);}
.hme_trf2 {background: linear-gradient(90deg, rgba(30,70,82,1) 0%, rgba(101,139,149,1) 100%); padding:20px 0;}
.hme_trf {background: linear-gradient(90deg, rgba(25,59,69,1) 0%, rgba(45,110,130,1) 100%); padding:20px 0;}
.adverts { background: linear-gradient(90deg, rgba(255,253,253,1) 0%, rgba(231,218,218,1) 100%); padding:20px 0;}	
.advert { display: flex; margin: 0 0 20px 0; padding:10px;   border-radius: 3px;}
.home_news {background: linear-gradient(90deg, rgba(255,253,253,1) 0%, rgba(231,218,218,1) 100%); padding:20px 0;}


._GrEtA {width: 100%; position: relative;}
._gtrFv0 {display:block; font-size: 0;}
img.ioBnhtr {margin: 0 auto; display: block; width: 100%; max-width: 1300px;}

/*news guestbook*/
.guestb_header {font-size:2rem; margin:20px 0;	}
.guestb_container a {color: inherit;}
.dynflex {display: flex; margin:0 -10px; flex-wrap: wrap;}
.dfl {width:100%; margin:5px 5px; padding:10px; border:1px solid #D4D4D4;}
.dfl:hover {background-color: #eee;}

.servactus {padding: 10px;}
.servact-box {display: flex; width: 100%; flex-wrap: wrap;   gap: 1rem;}
.servact-content {width:100%;  height: 350px; }
.servact {padding: 20px; width:90%;}
.servact-h1 {color: #FFFFFF; font-size: 2rem; text-align: center; margin:20px 0;}
.servact-h2 {color: #FFFFFF; font-size: 1.2rem; font-weight: bold; margin:20px 0; }
.pl {background-image:url(/media/pic/customer/home/500/pl.jpg)}
.smotr {background-image:url(/media/pic/customer/home/500/smotr.jpg)}

.back-module {position: absolute; width:100%; height:100%;  z-index: 2;}
.module-background1 {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-position: 50% 50%; background-size: cover; z-index: -2;}
.video-box2 {width: 100%;  height: 100%;  opacity:1;   transition: opacity 2s;    transform: translateZ(0);  }
.module-video {position: absolute; z-index: -1; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; font-family: 'object-fit: cover;';}

.adv_hed {margin:20px 0; font-size: 2rem; line-height: 140%;}
.advert_text {padding: 20px; font-size: 1.2rem;}

@media (max-width: 1600px) {
	.promo-container, .pro-cont {width:100%; }
}
@media (max-width: 1000px) {
	.pro-cont {height:280px; width:100%;}
	.baninfo {font-size:15px; margin:50px 0 0 0;}
	.selectors-box {margin-top:250px;}
	.dfl {width: 49.99%; }	
	.dfl {width:99%; margin:5px auto; padding:10px;}
	.advert { flex-direction:column-reverse;  width:99%; margin:5px auto; padding:0px;}
	.adv_hed {margin:10px 0; font-size: 1.5rem; line-height: 110%;}
	.advert_text {padding:10px; font-size: 1.1rem;}
	.advcon {width:100%; margin: auto;}
}
@media (max-width: 744px) {
	.promo-container {height:360px;}
	.home-tarif {width:85%; margin:10px auto; padding:10px;}
	.home-tarif-element {width:30%; margin:20px 1%;}
	.element-bar {font-size: 1.2rem; margin:5px 0;}
	.tarif-but {font-size: 1rem; padding:10px;}
}
@media (max-width: 450px) {
	.baninfo {font-size:15px; margin:10px 0;}
	.backpro {background-size:auto; background-position: center;}
	.zag-box {font-size: 1.2rem;}
	.servact-content {width:100%; margin:1% auto;}
}
@media (max-width: 320px) {
	.hmenpic {font-size:3rem;}
	
}
