body {font:400 16px/1.4 "Arsenal", sans-serif;  margin:0; padding:0; background: #FFF; color:#000; position: relative; overflow-x: hidden;}
a {color:#1481B4; text-decoration:none;  }
a.nodecor { text-decoration:none;}
h1, h2, h3 { font-weight:300; line-height:140%; color: #333;}

.clr {clear:both;}
.float { float:left;}
.flex {display: flex;}
.cont-cont { min-height:400px;}
.button { cursor:pointer;}
.pointer {cursor:pointer; color:#06F;}
.none {display:none;}
.margin20 { height:20px; width:10px;}
.margin40 { height:40px; width:10px;}

.pagem { width:780px; margin:auto;}
.devide { width:2px; height:2rem; margin-top:0.6rem;}
.bord {border-right: 1px solid #E2E2E2; }
.bord2 {border-right: 1px solid #EFEFEF; }
.bord3 {border-bottom: 1px solid #EFEFEF; }
.white { color:#FFF;}
.bcrum span {font-size:0.6rem; margin:0 1rem 0 1rem;}
.bcrum  {margin:1rem 0 2rem 0; font-style:italic;}
.subm { font-size:1.2rem; padding:10px; background-color:#C60000; color:#FFF; border:none; cursor:pointer;}
.text_button { display:inline-block;  margin:10px; padding:10px; background-color: #773188; color:#FFF; cursor:pointer; background-image: linear-gradient(rgba(40,30,40,1), rgba(90,70,90,1));}
.social-block a {color: #fff;}
.contact .icon {color:#666; padding:10px; border:1px solid #999; text-align:center; border-radius:20px;}

#plaseboxum {display: none;}
.place-box {color: #FFFFFF;}
.place-box h3 {color: #FFFFFF;}
.place-con {padding: 20px; width: 50%; margin: auto;}



/*pc-styles*/
.section { height:24px; padding:3px 20px 3px 20px; }
.section a { color:#FFF; }
.topmenu-box {display:flex;}
.sectleft-box {display:flex; width:50%;}
.sectright-box {display:flex; width:50%; justify-content: flex-end;}
.actionslnk {background-color: #C60000;}

.midheader-box {display:flex;}
.logodesktop-box {display:flex; width:30%;}
.contact {display:flex; width:70%; justify-content: flex-end;}

.cit {color:#FFF;     border-bottom: 1px dashed currentColor;    white-space: nowrap; cursor:pointer;}
#action {background-color: #c60000;}
.mid-header { padding:23px 0 23px 0; background: linear-gradient(to top, #F7F7F7, #EFEFEF);}
.logo-pc { padding:15px 0 15px 0;}
.cont {padding:15px 10px 15px 10px; }
.contact { margin:20px 0 0 10px;}
.cont a {  color:#000;}
#menu { padding:0; font-size:1.2rem}
.punkt { margin:0 40px 0 0; padding:10px;}
.punkt a { color:#FFF;}
.punkt a:hover { color: #F2F2F2;}
.actus { background-color:#c60000;}


.cabform { margin:-1px 0 0 -50px; position: absolute; width:250px; z-index:2000; background-color: #CCC; display:none; border:1px solid #999;}
.cabinp { display:block; width:160px; font-size:1.2rem; margin:15px auto 0 auto; border-radius:5px; padding:3px 0 3px 6px; }
.cabsub { display:block; width:160px; font-size:1.2rem; line-height:140%; margin:20px auto 30px auto; padding:5px; border-radius:5px;}
.buttons { cursor:pointer; }
.cablink { }
.cab-pc {  padding:15px; width:170px; position: relative; z-index:2500;}
.cab { }
.bcrum span {font-size:0.6rem; margin:0 1rem 0 1rem;}
.bcrum  {margin:1rem 0 2rem 0; font-style:italic;}


/*drop menu*/
.main-menu-dropped {position: relative;}
.main-menu-box {display: flex; margin:0 -10px;}
.mm-parents {margin:0 10px;}
.mm-parents:hover {background-color: #fff;}
.mmp-content {font-size: 1.4rem; padding: 10px;}
.mm-parents a {color:#FFFFFF;}
.mm-parents:hover a {color:#000;}
.mm-childs {display:none; position:absolute; z-index: 34000;  background-color: #FFFFFF;  padding:20px 0; border-radius: 0 0 5px 5px; box-shadow: 0 2px 3px -1px rgba(0,0,0,.5);}
.mm-child-content {padding:10px;}
.mm-child-content:hover {background-color: #C60000; margin:-1px 0; border:1px solid #000; border-left:none; border-right: none;}
.mm-child-content a {color:#222;}
.mm-child-content:hover a {color:#FFF;}


/*footer  */
.hov-footer {color: #fff; padding:5px 0 5px 0; font-size:1.3rem; border-bottom:1px solid #c60000 }
.big-footer {color: #fff; }
.bottom-footer {color: #fff;  background-position:50% 50%; padding:25px 0 25px 0; font-size:0.8rem; background-color: #000; background-image:url(/media/pic/darkback.jpg);}
.social-block { text-align:right; }
.infofooter {margin:30px 60px 0 0; }
.cont-foot .icon {color: #CCC; padding:10px; border:1px solid #FFF; text-align:center; border-radius:20px; }
.zag { margin:1rem 0 1rem 0; font-weight:bold;}
.foot-link a { color: #AEAEAE; }
.infot { color: #AEAEAE;}


/*popup*/
.popup  { display:none; }
.po-blur { position:fixed; top:0; left:0; background-color:rgba(0,0,0,0.8);  width: 100%;  height: 100%; z-index:62000;}
.po-man { width:98%; text-align:right; margin:9px 0 0 0;}
.po-close { color:#c60000; cursor:pointer;}
.po-data { width:90%; margin:10px auto;}



/*mobile style*/
.mob-hed { height:50px; }
.logos {width:55px; margin:5px auto 0 auto;}
.lk {position: relative; z-index:101;  padding:20px 0 0 0; font-size:1.1rem; cursor:pointer;}
.cabform-dev { padding:10px 0; display:none; }
.closer {color:#c60000; font-size:1.3rem; cursor:pointer;}
.mobcloser-box {display: flex; position: fixed; width:100%; justify-content: flex-end; z-index: 200;}
.mobcloser-cab-box {display: flex; width:100%; justify-content: flex-end;}
.mobcloser { text-align:right; margin:0 0 -30px 0;}
.cabinp-device { display:block; font-size:1.8rem; margin:10px auto; width:70%;}
.cabsub-device { display:block; font-size:1.8rem; margin:10px auto; width:70%;}
#mask {width:100%; height:100%; background-color:rgba(255,255,255,1); position:fixed; z-index:24000; display:none; opacity:0;}
#menum-board {width:100%; position:absolute; z-index:25000;  background-color: #fff; left:100%; display:none;}
.top-menudev {display: flex; flex-wrap: wrap;  }
.dmcloser {margin:20px 20px 0 0;}
.sec { font-size:1rem; margin:10px 25px; position: relative; z-index: 300;}
.sec_hed { color:#c60000; }
.sec_link { border-bottom:1px dashed #0099CC; }
.device-menu-box {padding:10px 20px;}
.device-menu-box a {color:#000;}
.device-nm-parents {}
.device-nmp-content {font-size: 1.5rem; margin:10px 0; padding:10px 0; border-bottom: 1px solid #C8C7C7;}
.device-nm-childs-punkts {margin:10px 0;}
.device-nm-child-content {font-size: 1.1rem; line-height: 100%;}

.print_logo { width:300px; margin:auto;}
.print_slogan { font-size:3em; font-weight:bold; text-align:center; margin:30px 0 0 0; }
.print_phone { font-size:2em; text-align:center; margin:30px 0 0 0; }
.printxt {cursor:pointer; display:inline-block; padding:10px; font-size:1.3rem;  color:#FFF; background-image: linear-gradient(rgba(40,30,40,1), rgba(90,70,90,1));}

#page-container { }
.bb-footer { margin:40px 0 40px 0;}
.logo-footer { margin:0 60px 0 0;}
.zag {font-size:0.8rem;}
.foot-link a {font-size:0.8rem;}
.infot {font-size:0.8rem;}
.foot-nav {float:left;}
.cont-foot { float:left;}
.foot-nav { margin:30px 60px 0 0;}
#desktop-header {display:block;}
#device-header {display:none;}
.page { max-width:1100px; margin:auto;}


.devices-logo-box {width:90%; position: absolute; height:40px; margin:5px 0 0 0;  z-index:100;}
.devices-logo-box2 {width:56px; height: 40px; margin:auto;}
.devices-top-box {position: relative; display: flex;}
.devices-menu-ico-box {display: flex; width: 50%; }
.devices-cabinet-ico-box {display: flex; width: 50%; justify-content: flex-end;}
.menum-cont { width:26px; font-size:26px; margin:12px 0 0 0; position: relative; z-index:101;}
.po-cont { }
.po-cont {position: absolute; width: 70%; top:30px; left:50%; margin:0 0 0 -35%; z-index:62100; background-color:#FFF;}
.suppho {font-size:1.2rem; margin: 5px 20px;}
.device-tel-link {border-bottom:1px dashed #1D1D4E; color:#1D1D4E;}


/*tarifs*/
.home-tarif-name-box {display: flex; justify-content: center; width: 100%;}
.home-tarifs-zag { text-align: center; font-size:2rem; padding: 20px 0; color: #FFFFFF; font-weight: bold;}
.home-tarifs-box {display: flex; gap: 1rem; margin:30px 0; flex-wrap: wrap;}
.home-tarif { flex: 1 1 calc((100% / 5) - 2rem); background: rgb(171,143,143); border-radius: 5px; padding:20px; line-height: 120%;  box-shadow: 0 2px 3px -1px rgba(0,0,0,.5);}
.home-tarif-element-box {display: flex; flex-wrap: wrap; justify-content: center; height: 320px;}
.home-tarif-element {margin:10px 0; width: 100%;}
.home-tarif-name {text-align: center; height: 3rem;}
.tname {color: #fff; font-size: 1.4rem; font-weight: bold; line-height: 100%;}
.element-foo {display: block; font-size:0.9rem; color: #fff;}
.element-foo a {color: #fff;}
.element-bar {display: block; font-size:1.8rem; margin:5px 0; font-weight: bold; color: #fff;}
.request-buttons-box {display: flex; justify-content: center; width: 100%; margin:7px 0;}
.request-but {padding: 10px; color: #fff; cursor: pointer; border-radius: 4px;}
.ldl {font-size:0.8em;}
.other-tarif-button-box {display: flex; justify-content: center; width: 100%; margin:7px 0;}
.tarif-but { font-size: 1.2rem; padding: 20px; color: #fff; cursor: pointer; border-radius: 4px;}
.tarifus-table {border:1px solid #ccc; border-radius: 5px;}
.r1 {background-color: #DDD3D3;}
.r1 td {border-radius: 5px;}


/*color sheme*/
.place-box {background-color: #1E4652;}
.top-menu{  background-color: #1E4652;}
.activesection { background-color: #49727D;}
.nav {background:#222; }
.home-tarif {background-color:#1E4652; border:1px solid #ccc;}
.tarif-super {background-color:#C60000; border:1px solid #ccc;}
.with-tv {background-color:#658B95; border:1px solid #ccc;}
.request-but {background-color:#49727D;}
.request-but:hover {background-color:#9EB8BE;}
.tarif-but { background-color:#49727D;}
.tarif-but:hover { background-color:#9EB8BE;}
.hov-footer {background-color: #49727D;}
.big-footer {background-color: #1E4652; }





#placename, #placenm { font-size: 1.4rem; width:650px;} 
#placer, #places { display:none; padding:3px; position: absolute; max-height: 200px; width:678px; overflow-y: scroll; overflow-x: hidden; background-color: #fff; border:1px solid #000; border-top: none; z-index: 64000;}
.sel-option-req, .sel-option  {font-size: 1.3rem; color: #432C2D; cursor: pointer; padding:5px 3px}
.sel-option-req:hover {color: #fff; background-color: #032A96; }
.sel-option:hover {color: #fff; background-color: #032A96; }
.search-place-box, .place-box {display: flex;}
.search-arrow, .place-arrow {padding:5px; font-size: 1.2rem; cursor: pointer; border:1px solid #000; border-left: none; background-color:#C8C8C8;}

.pzagus {display: flex;}
.ptextus {width: 50%; }
.puprus {display: flex; flex-flow: row-reverse; width: 50%;}
.pclosus {font-size: 2rem; cursor: pointer;}


@media (max-width: 1600px) {
	#page-container {width:100%;}
}


@media (max-width: 1100px) {
	body {	font-size: 12px;}
	#page-container {width:100%;}
	.page { width:90%;}
	#desktop-header {display:none;}
	#device-header {display:block;}
	.bb-footer { margin:10px 0 10px 0;}
	.foot-nav { margin:0 30px 10px 0;}
	.po-cont {width:98%; top:5%; left:1%; margin:auto;}
	.sec {margin:10px 30px;}
	.home-tarifs-zag {font-size: 1.3rem; margin:10px 0; line-height:100%;}
	.home-tarifs-box {margin:10px 0;}
	.home-tarif {width:40%; margin:10px 10px;}
	.element-bar {font-size: 2rem; margin:5px 0;}
}

@media (max-width: 768px) {
	.home-tarifs-box {display: block;}
	.place-con {padding: 10px; width: 90%; margin: auto;}
	#placename { font-size: 1rem; width:100%;}
	#placenm { font-size: 1rem; width:100%;}
	#placer, #places {width:90%;}
	.sel-option-req {font-size: 1rem; padding:3px 2px;}
	.sel-option  {font-size: 1rem; padding:3px 2px;}
}

@media (max-width: 744px) {
	.home-tarif {width:85%; margin:10px auto; padding:10px; }
	.home-tarif-element-box {height:auto;}
	.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) {
	.suppho {font-size:1rem;}
}
@media (max-width: 320px) {
	body {	font-size: 10px;}
	.lk {font-size:0.9rem;}
	.home-tarifs-box {margin:5px 0;}
	.home-tarif {width:98%; margin:10px 0; padding:1%;}
	.home-tarif-element {width:30%; margin:20px 1%;}
	.element-bar {font-size: 0.8rem; margin:5px 0;}
	.element-foo {font-size: 0.7rem;}
	.tname {font-size: 1rem;}

}
@media screen {
	.pched_print {display:none;}
}
@media print {
	body {	font-size: 30px;}
	.top-header { display:none;}
	.mid-header { display:none;}
	.nav { display:none;}
	.bcrum { display:none;}
	.footer { display:none;}
	.pched_print {display:block;}
}