body 
	{font-family: RT Fonts,Arial,Helvetica Neue,Helvetica,sans-serif;}
a{color:#555;}
a:hover,.my_red,.text-myred{color:#e84339 !important;}
.bg-myred{background-color:#e84339;}
.bg-myred-title{background-color:#e52d22;}
.bg-myred-light{background-color:#ff5353;}
.bg-myred a:hover{color:#fff !important;}
.text-right{text-align:right !important;}
.text-left{text-align:left !important;}
.btn.bg-myred{color:#fff;}
.msmall{font-size:0.82rem;}
.hl08{line-height:1.1rem; }
.wdim40 img{width:40px;}
.text-small{font-size:0.9rem;line-height:1rem;}
.modal .modal-body p{font-size:0.95rem;}
.modal label small{font-size:0.8rem;}
.is-invalid{border-color:red !important; border:2px red solid;}

#top-menu a{font-size:0.8rem; text-decoration:none;}
#top-menu  .nav-link{padding-top:0;padding-bottom:0;}
#block_menu_mob21 {
    
    float: left;
    background-color: #cfcfcf;
    color: #fff;
    
}
#block_phone_mob21 .tor-pulsate{

    float: right;
    background-color: #e84339;
    color: #fff;

}

#block_menu_mob21,#block_phone_mob21 .tor-pulsate{
	display: block;
	width: 45px;
    height: 45px;
    font-size: 25px;
    text-align: center;
    line-height: 47px;
    border-radius: 45px;
	cursor:pointer;
	}

#block_phone_mob21 a:hover, #block_menu_mob21:hover{color:#000  !important;}  
.nodecoration, .ndc{text-decoration:none;}
.mmenu{display:none;}

#mobileModalMenu .modal-body .dpdm {
	font-size:0.85rem;
    padding: 8px 5px;
    color: #000;
    background-color: #ccc;
    width: 100%;
    display: block;
    margin-top: 0;
    cursor: pointer;
    margin-bottom: 3px;
}
#mobileModalMenu .modal-body .dpdm  i{padding-right:10px;}
#mobileModalMenu .modal-body ul {
    margin: 0;
    padding: 0 10px;
    list-style-type: none;
}
#mobileModalMenu .modal-body ul a{font-size:0.85rem; text-decoration:none;}
#mobileModalMenu .modal-body ul li {
    padding: 8px 10px;
    margin-top: 0;
    cursor: pointer;
    margin-bottom: 3px;
    background-color: #ececec;
}


#header21{border-top:2px #eee dotted; border-bottom:2px #eee dotted; padding-bottom:5px;}

.menu-header {height: 40px;width: 100%;overflow: hidden;color:#fff;border-bottom: 3px solid #e84339;background-color: #777;}
.menu-header .menu_main{width:100%}
.menu-header .menu_main a{float:left;color:#fff;height: 39px;line-height: 38px; text-align:center; text-decoration:none;display:block !important; overflow:hidden;}
.menu-header .menu_main a:first-child{margin-left:0;}
.menu-header .menu_main a:hover, .menu-header .menu_main a.action{background-color:#e84339;border:0;color:#fff !important; }

/*menu nav*/
.menu_nav{position: absolute;overflow: hidden;z-index:1000;width:100%;margin-top:-1px;}

.menu_nav .row {overflow:hidden; margin-top:1px;
	background-color:#eee;  border:2px #e84339  solid; border-top:0;
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,0.44);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,0.44);
	box-shadow: 1px 1px 5px rgba(0,0,0,0.44);
	margin-bottom:8px;
}

.menu_nav .row div.menu__inner-item{text-align:center;margin-top:10px; margin-bottom:15px;float:left;width:20%;}
.menu_nav .row div.menu__inner-item a{color:#555;text-transform: uppercase;display:block;margin:10px auto; }
.menu_nav .row div.menu__inner-item span{display:block; border:3px #fff solid;}
.menu_nav .row div.menu__inner-item a:hover span{border:3px #de1d1d solid;}
.menu_nav .row div.menu__inner-item a:hover{text-decoration:none;color:#de1d1d;}
.menu_nav .menu1,.menu_nav .menu2,.menu_nav .menu3, .menu_nav .menu10{display:none;}
.menu_nav .amenu div{display:block; float:left;}
.noactual_Block{display:none;}
/*menu nav*/

.arol{margin-bottom:10px;}
.arol .title{
    margin-top:25px;  margin-left:0;
	color: #000;
    font-size: 22px !important;
    line-height: 24px; padding:3px 15px;
    text-shadow: 1px 1px 3px #ffffff, 0 0 1em #ffffff;background: rgba(255,255, 255, 0.6);
}

.arol .askidka{margin-left:0;
	color: #fff;
    font-size: 18px !important;
    line-height: 24px; padding:3px 15px;
    background: rgba(255,0,0, 0.6);
}


.arol .price{background: rgba(255, 0, 0, 0.6);color: #fff;font-size: 22px !important; line-height: 26px; padding:5px 15px;float:right;}



.pos{display:block;background-size: cover;border:1px #ccc dotted;cursor:pointer;overflow:hidden;padding:0 !important;}
.active_fade{display:block;overflow:hidden;height:100%; margin:0; padding:0;
	animation-name: nomyfade;
    animation-duration: 1s;
    animation-fill-mode: forwards;
    -webkit-animation-name: nomyfade;
    -webkit-animation-duration: 1s;
    -webkit-animation-fill-mode: forwards;

}    
.primer{display:block; float:left;height:35px;margin-left:15px; margin-top:120px; }
.primer span{color:#fff; font-size:1rem; padding:9px 10px; border:1px #fff solid; display:none;}




.aroll{background:url(/templates21/img/slider/office_roll.jpg) no-repeat; background-size: cover;}
.arol2{background:url(/templates21/img/slider/komnata_vertical.jpg) no-repeat; background-size: cover;}
.arol3{background:url(/templates21/img/slider/horizont_balkon.jpg) no-repeat; background-size: cover;}
.arol4{background:url(/templates21/img/slider/spalnya_rim.jpg) no-repeat; background-size: cover;}
/*footer*/
#footer ul {list-style-type: none;}
#footer li{line-height:1.1rem;}
#footer li u{display:block; margin-bottom:5px;}
.bg-mydark{background-color:#777;overflow:hidden;padding-top:20px; padding-bottom:20px; font-size:1rem;}
.bg-mydark a, .bg-mydark .bottom_contakt{font-size:0.8rem; color:#f0f0f0;text-decoration:none;}
#adop_menu{display:none;}
/*footer*/


.h7{font-size:0.8rem !important;}

.int2 {
    line-height: 1.2rem !important;
	font-size:0.95rem !important;
}



/*Экстрамалые девайсы («портретные телефоны», < 576px)*/
@media (max-width: 575.98px) { 
	#css_info:before {content: "xs";}
	#myslider{ background: url("/templates21/img/slider/myslider1.jpg")  repeat-x -400px 0; height:240px; background-size: cover;}
	#myslider .uh2 {font-size: 2rem !important;line-height: 2rem;font-weight: bold;margin-top:50px !important;  }
	/* -webkit-text-stroke: .03em rgba(255,255,255,.5);
  text-shadow: .07em 0 #800000;*/
   .tlogo img{ margin-left: 10px}
   #myslider  p.text-dark{ text-shadow: .07em 0 #ffffff;}
   
   
   .pos{height:250px;}
   .arol .title,.arol .askidka{width:60%;font-size:18px !important;}
   .arol .price{margin-top:120px; font-size:17px !important;}
   .active_fade .skidka{position:absolute;font-size:1rem; color:#fff; border-radius:50%;line-height:3rem;padding-left:5px; padding-right:5px;}
	.active_fade .skidka{margin-left:280px;}
   .mod0{margin-left:3px !important; margin-right:3px;}
   
}

@media (max-width: 390.98px) { 
	#css_info:before {content: "xs1";}
    #myslider{ background: url("/templates21/img/slider/myslider1.jpg")  repeat-x -450px 0; height:240px; background-size: cover;}
}


@media (min-width: 576px){
	#css_info:before {content: "xs1";}
	#myslider{ background: url("/templates21/img/slider/myslider1.jpg")  repeat-x -340px 0; height:240px; background-size: cover;}
	#myslider .uh2 {font-size: 1.6rem !important;line-height: 2rem;font-weight: bold;margin-top:70px !important; }
	.pos{height:250px;}
	.arol .title,.arol .askidka{width:50%;font-size:18px !important;}
	.arol .price{margin-top:125px}
	
}

/*Малые девайсы («ландшафтные», >= 575px)*/
@media (min-width: 576px) and (max-width: 767.98px) { 
	#css_info:before {content: "sm";}
	#myslider{ background: url("/templates21/img/slider/myslider1.jpg")  repeat-x -340px 0; height:240px; background-size: cover;}
	.pos{height:280px;}
    .arol .title,.arol .askidka{width:50%;}
	.arol .price{margin-top:150px}
}

/*Средние девайсы («таблетки», >= 768px) */
@media (min-width: 768px) and (max-width: 991.98px) {
	#css_info:before {content: "md";}
	.phone_raz{font-size:1.5rem;}
	.menu-header .menu_main a{font-size:1rem !important; }
	.menu_nav .row div a{width:120px;font-size:10px !important;}
	.menu_nav .row div span{width:120px;height:150px;background-size: cover;}
	#myslider{ background: url("/templates21/img/slider/myslider1.jpg")  repeat-x -340px 0; height:290px; background-size: cover;}
	#myslider .uh2 {font-size: 2rem !important;line-height: 2rem;font-weight: bold;margin-top:100px !important; text-shadow: .07em 0 #ffffff;}
	.pos{height:220px;}
	.arol .title,.arol .askidka{width:50%; font-size:1rem !important;}
	.arol .price{margin-top:80px;font-size: 17px !important;}
	.active_fade .skidka{position:absolute;font-size:1rem; color:#fff; border-radius:50%;line-height:3rem;padding-left:5px; padding-right:5px;}
	.active_fade .skidka{margin-left:280px;}

}

/*Большие девайсы (большие десктопы, >= 992px)*/
@media (min-width: 992px) and (max-width: 1199.98px) {
	#css_info:before {content: "lg";}
	#header21 .bi{display:none;}
	.phone_raz{font-size:1.5rem;}
	.menu-header .menu_main a{font-size:1.1rem !important; }
	.menu_nav .row div a{width:160px;font-size:12px !important;}
	.menu_nav .row div span{width:160px;height:200px;background-size: cover;}
	#myslider{ background: url("/templates21/img/slider/myslider1.jpg")  repeat-x -360px 0; height:340px;}
	#myslider .uh2 {font-size: 2rem !important;line-height: 2rem;font-weight: bold;margin-top:100px !important; text-shadow: .07em 0 #ffffff;}
	.pos{height:280px;}
	.arol .title, .arol .askidka{width:45%; font-size:1.2rem !important;}
	.arol .price{margin-top:145px;font-size:18px !important;}
	.active_fade .skidka{position:absolute;font-size:1.2rem; color:#fff; border-radius:50%;line-height:3.5rem;padding-left:5px; padding-right:5px;}
	.active_fade .skidka{margin-left:390px;}
}

@media (min-width: 1200px) {
	#css_info:before {content: "xl";}
	.phone_raz{font-size:1.8rem;}
	.menu-header .menu_main a{font-size:1.1rem !important; }
	.menu_nav .row div a{width:160px;font-size:12px !important;}
	.menu_nav .row div span{width:160px;height:200px;background-size: cover;}

	#myslider{ background: url("/templates21/img/slider/myslider1.jpg")  repeat-x -180px 0; height:340px;}
	#myslider .uh2 {font-size: 2rem !important;line-height: 2rem;font-weight: bold;margin-top:100px !important; text-shadow: .07em 0 #ffffff;}
	.pos{height:280px;}
	.arol .title, .arol .askidka{width:40%; font-size:1.2rem !important;}
	.arol .price{margin-top:150px;font-size:18px !important;}
	.active_fade:hover{
		animation-name: myfade;
		animation-duration: 1s;
		animation-fill-mode: forwards;
		-webkit-animation-name: myfade;
		-webkit-animation-duration: 1s;
		-webkit-animation-fill-mode: forwards;
	}
	.active_fade:hover .primer span{display:block;}
	.active_fade .skidka{position:absolute;font-size:1.2rem; color:#fff; border-radius:50%;line-height:3.3rem;padding-left:5px; padding-right:5px;}
	.active_fade .skidka{margin-left:490px;}
	
}

/* Устройства XX-Large (большие настольные компьютеры, 1400 пикселей и выше)*/
@media (min-width: 1400px) { 
	#css_info:before {content: "xxl";}
	.phone_raz{font-size:1.6rem; line-height:1.5rem;}
	.menu-header .menu_main a{font-size:1.2rem !important; }
	.menu_nav .row div a{width:180px;font-size:12px !important;}
	.menu_nav .row div span{width:180px;height:230px;background-size: cover;}
	.noactual_Block{display:block;}
	.menu_nav .row div.menu__inner-item{text-align:center;margin-top:10px; margin-bottom:15px;float:left;width:16.6%; }

	#myslider{ background: url("/templates21/img/slider/myslider1.jpg")  repeat-x; height:340px;}
	#myslider .uh2 {font-size: 2rem !important;line-height: 2rem;font-weight: bold;margin-top:100px !important; text-shadow: .07em 0 #ffffff;}
	.active_fade:hover{
		animation-name: myfade;
		animation-duration: 1s;
		animation-fill-mode: forwards;
		-webkit-animation-name: myfade;
		-webkit-animation-duration: 1s;
		-webkit-animation-fill-mode: forwards;
	}
	.active_fade:hover .primer span{display:block;}
	.aroll, .arol3{margin-right:1px;}
	.pos{height:320px;}
	.arol .title, .arol .askidka{width:40%;}
	.arol .price{margin-top:185px}
	.primer{margin-top:175px; }
	.active_fade .skidka{position:absolute;font-size:1.5rem; color:#fff; border-radius:50%;line-height:4rem;padding-left:5px; padding-right:5px;}
    .active_fade .skidka{margin-left:550px;}
}

@-webkit-keyframes pulsate {
0% {top:-3px;} 
5% {top:0px;} 
10% {top:-3px;} 
20% {top:2px;} 
40% {top:0px;} 
60% {top:0px;} 
80% {top:0px;}  
100% {top:0px;}}
	


@keyframes pulsate {
0% {top:-3px;} 
5% {top:0px;} 
10% {top:-3px;} 
20% {top:2px;} 
40% {top:0px;} 
60% {top:0px;} 
80% {top:0px;}  
100% {top:0px;}}
	
.tor-pulsate {
position:relative;
animation: pulsate 2s ease-in-out;
animation-iteration-count:infinite;	
}

@-webkit-keyframes myfade {
	from {background: rgba(0, 0, 0, 0);}
    to {background: rgba(0, 0, 0, 0.6);}
}


@keyframes myfade{
	from {background: rgba(0, 0, 0, 0);}
    to {background: rgba(0, 0, 0, 0.6);}
}	
	
@-webkit-keyframes nomyfade {
	from {background: rgba(0, 0, 0, 0.6);}
    to {background: rgba(0, 0, 0, 0);}
}


@keyframes nomyfade{
	from {background: rgba(0, 0, 0, 0.6);}
    to {background: rgba(0, 0, 0, 0);}
}