#ShowPhone{position:absolute;top:45%;left:0;width:100px;height:150px;color:#fff;text-align:center;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-border-radius:0 5px 5px 0;-moz-border-radius:0 5px 5px 0;border-radius:0 5px 5px 0;}
#IconBar{margin-left:29px;margin-top:82px;}
#s_panel{opacity:0;position:absolute;top:-125%;left:-250px;background:url(../Phone/htc.png);width:265px;height:490px;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;-o-transition-duration:0.3s;transition-duration:0.3s;-webkit-border-radius:0 5px 0 0;-moz-border-radius:0 5px 0 0;border-radius:20px;}
#IconRe{opacity:1;width:100px;-webkit-transition:opacity 0.3s;}
#ShowPhone:hover{left:0;}
#ShowPhone:hover #s_panel{left:0;opacity:1;}
#MainWindowOn{width:206px;height:347px;margin-top:81px;margin-left:-4px;top:30px;}
#securit{-webkit-animation:securit 12s linear infinite;animation:securit 12s linear infinite;}
#blink{-webkit-animation:blink 15s linear infinite;animation:blink 15s linear infinite;}
@-webkit-keyframes securit{0%{opacity:0;}
20%{opacity:1;}
55%{opacity:1;}
80%{opacity:0;}
100%{opacity:0;}
}
@keyframes securit{0%{opacity:0;}
20%{opacity:1;}
55%{opacity:1;}
80%{opacity:0;}
100%{opacity:0;}
}
@-webkit-keyframes blink{0%{opacity:0;}
20%{opacity:1;}
55%{opacity:1;}
80%{opacity:0;}
100%{opacity:0;}
}
@keyframes blink{0%{opacity:0;}
20%{opacity:1;}
55%{opacity:1;}
80%{opacity:0;}
100%{opacity:0;}
}
#Back_B{z-index:900;position:absolute;width:30px;height:30px;margin-top:66px;top:30px;cursor:default;-moz-user-select:-moz-none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}
.slider{width:90px;height:10px;background:rgba(0, 0, 0, 0.35);position:relative;top:145px;left:55px;}
.ui-slider-handle{border-radius:50%;width:24px;height:24px;position:absolute;top:-7px;margin-left:-12px;z-index:200;background:url(../slider-button.png);}
.ui-widget-header{background:rgb(61, 90, 254);;height:5px;left:1px;top:1px;position:absolute;}
a{outline:none;-moz-outline-style:none;}
#P_I_Garage{width:186px;height:100px;}
#P_I_Kit{width:186px;height:100px;}
#P_I_Lest{width:186px;height:100px;}
#P_I_Pool{width:186px;height:100px;}
#P_I_relax{width:186px;height:100px;}
#P_I_bat{width:186px;height:100px;}
#P_I_Spal{width:186px;height:100px;}
#P_I_S{width:186px;height:100px;}
#Howers1{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;position:relative;background-color:rgba(0, 0, 0, 0.50);height:100px;width:186px;text-shadow:black 1px 0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px -1px, black 0px -1px, black 1px -1px;font-size:18px;text-align:center;margin-left:10px;margin-top:-100px;z-index:800;opacity:1;transition:opacity 0.3s;cursor:default;-moz-user-select:-moz-none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}
#Howers1:hover{opacity:.7;}
#Howers2{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;position:relative;background-color:rgba(0, 0, 0, 0.50);height:100px;width:186px;text-shadow:black 1px 0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px -1px, black 0px -1px, black 1px -1px;font-size:18px;text-align:center;margin-left:10px;margin-top:-100px;z-index:800;opacity:1;transition:opacity 0.3s;cursor:default;-moz-user-select:-moz-none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}
#Howers2:hover{opacity:.7;}
#Howers3{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;;position:relative;background-color:rgba(0, 0, 0, 0.50);height:100px;width:186px;text-shadow:black 1px 0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px -1px, black 0px -1px, black 1px -1px;font-size:18px;text-align:center;margin-left:10px;margin-top:-100px;z-index:800;opacity:1;transition:opacity 0.3s;cursor:default;-moz-user-select:-moz-none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}
#Howers3:hover{opacity:.7;}
#Howers4{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;position:relative;background-color:rgba(0, 0, 0, 0.50);height:100px;width:186px;text-shadow:black 1px 0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px -1px, black 0px -1px, black 1px -1px;font-size:14px;text-align:center;margin-left:10px;margin-top:-100px;z-index:800;opacity:1;transition:opacity 0.3s;cursor:default;-moz-user-select:-moz-none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}
#Howers4:hover{opacity:.7;}
#Howers5{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;position:relative;background-color:rgba(0, 0, 0, 0.50);height:100px;width:186px;text-shadow:black 1px 0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px -1px, black 0px -1px, black 1px -1px;font-size:18px;text-align:center;margin-left:10px;margin-top:-100px;z-index:800;opacity:1;transition:opacity 0.3s;cursor:default;-moz-user-select:-moz-none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}
#Howers5:hover{opacity:.7;}
#Howers6{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;position:relative;background-color:rgba(0, 0, 0, 0.50);height:100px;width:186px;text-shadow:black 1px 0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px -1px, black 0px -1px, black 1px -1px;font-size:18px;text-align:center;margin-left:10px;margin-top:-100px;z-index:800;opacity:1;transition:opacity 0.3s;cursor:default;-moz-user-select:-moz-none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}
#Howers6:hover{opacity:.7;}
#Howers7{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;position:relative;background-color:rgba(0, 0, 0, 0.50);height:100px;width:186px;text-shadow:black 1px 0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px -1px, black 0px -1px, black 1px -1px;font-size:18px;text-align:center;margin-left:10px;margin-top:-100px;z-index:800;opacity:1;transition:opacity 0.3s;cursor:default;-moz-user-select:-moz-none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}
#Howers7:hover{opacity:.7;}
#Howers8{display:flex;justify-content:center;align-items:flex-start;flex-direction:column;position:relative;background-color:rgba(0, 0, 0, 0.50);height:100px;width:186px;text-shadow:black 1px 0px, black 1px 1px, black 0px 1px, black -1px 1px, black -1px 0px, black -1px -1px, black 0px -1px, black 1px -1px;font-size:18px;text-align:center;margin-left:10px;margin-top:-100px;z-index:800;opacity:1;transition:opacity 0.3s;cursor:default;-moz-user-select:-moz-none;-o-user-select:none;-khtml-user-select:none;-webkit-user-select:none;user-select:none;}
#Howers8:hover{opacity:.7;}
.PageAll{z-index:-1;color:black;position:absolute;background-image:url();width:208px;height:282px;margin-top:80px;margin-left:23px;opacity:0.5;top:30px;}
.PageImg{margin-left:-99px;position:absolute;width:207px;height:319px;}
#testpage{z-index:10;color:black;position:absolute;background-color:white;width:208px;height:282px;margin-top:80px;margin-left:23px;opacity:1;top:30px;}
.icons_container_in_room{position:absolute;width:206px;height:20px;display:flex;flex-direction:row;justify-content:space-around;align-items:center;top:94px;left:2px;font-size:10px;}
.icon_in_room{width:50px;height:20px;background:none;color:#fff;display:flex;justify-content:space-between;align-items:center;}
.icon_in_blcok_in_room{width:18px;}
.new_back_bt{position:absolute;width:30px;height:30px;top:-14px;left:5px;}
.new_back_bt > img{width:20px;}
.label_rooms{position:absolute;width:100px;height:35px;display:flex;flex-direction:column;color:#fff;top:45px;left:12px;align-items:flex-start;justify-content:space-between;font-size:18px;}
.hor{width:100px;height:2px;background:#3f57e0;}
.doorDown{opacity:0;}
.hor_min{width:80px;height:2px;background:#3f57e0;margin-left:5px;}
.p_in_how{margin-bottom:0px;font-size:16px;margin-left:6px;}
#slider11{position:absolute;height:55px;width:55px;left:87px;top:125px;text-align:-webkit-auto;}
#slider22{position:absolute;height:55px;width:55px;left:87px;top:125px;text-align:-webkit-auto;}
#slider33{position:absolute;height:55px;width:55px;left:87px;top:125px;text-align:-webkit-auto;}
#slider44{position:absolute;height:55px;width:55px;left:87px;top:125px;text-align:-webkit-auto;}
#slider55{position:absolute;height:55px;width:55px;left:87px;top:125px;text-align:-webkit-auto;}
#slider66{position:absolute;height:55px;width:55px;left:87px;top:125px;text-align:-webkit-auto;}
#slider77{position:absolute;height:55px;width:55px;left:87px;top:125px;text-align:-webkit-auto;}
.mask_slider{display:none;width:207px;height:348px;background:rgba(0, 0, 0, 0.75);position:absolute;top:-29px;left:5px;transition:all 2s linear;}
.bt_ok_in_mask{border:1px solid #3d5afe;position:absolute;width:30px;height:30px;border-radius:50%;top:310px;left:87px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;font-size:10px;}
.bt_ok_in_mask:hover{background:#3d5afe;}
.on_in_mask{z-index:10;}
#all_rooms_container{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-around;}
.wrapepr_rooms{margin:0 0 0 -1px;width:206px;background:gray;height:347px;overflow-y:scroll;overflow-x:hidden;background:url("../Phone/MainScreanOn.png");background-size:cover;background-repeat:no-repeat no-repeat;}
.wrapepr_rooms::-webkit-scrollbar{width:0px;}
.my_rooms_in_wrapper{height:100px;margin:15px 0;position:relative;}
.static_header_all{width:206px;height:15px;background:#000;position:absolute;background:url(../Phone/onHeader.png);background-repeat:no-repeat;background-size:cover;z-index:901;}
.icon_in_block_holder{position:absolute;top:0;margin-left:10px;height:100px;width:100px;display:flex;flex-direction:row;align-items:center;justify-content:center;margin-left:106px;}
.first_bt_ic{width:30px;height:30px;background:none;border:1px solid #3f57e0;border-radius:50%;margin:2px;cursor:pointer;z-index:801;display:flex;align-items:center;justify-content:center;}
.first_bt_ic:hover{background:#3f57e0;}
.first_bt_ic > img{width:20px !important;}
.active_all_light_bt_ON{}
.app_nav_bar{border-radius:10px;left:134px;width:70px;height:30px;background:rgba(0, 0, 0, 0.64);position:absolute;display:flex;flex-direction:row;align-items:center;justify-content:space-around;z-index:901;}
.image_menu_app, .block_menu_app{width:15px;height:15px;margin:0 5px;cursor:pointer;}
.image_menu_app{background:url('../Phone/Switch/view_list_active.png');background-repeat:no-repeat;background-size:cover;}
.block_menu_app{background:url('../Phone/Switch/view_cards_active.png');background-repeat:no-repeat;background-size:cover;}
.wrapper_list_menu{display:none;margin:15px 0 0 0;width:206px;height:310px;background:url("../Phone/222.jpg");background-repeat:no-repeat;background-size:cover;}
.cards_menu_el{display:flex;align-items:flex-start;justify-content:space-around;flex-direction:column;border-radius:10px;background:rgba(37, 34, 73, 0.44);width:60px;height:60px;margin:10px 3px;font-size:12px;border:1px solid #000;cursor:pointer;}
.cards_menu_el > img{width:20px;}
.cards_menu_el > img, p{margin:0 0 0 3px;}
.cards_menu_wrapepr{width:206px;display:flex;flex-direction:row;align-items:center;}
.cards_menu_wrapepr:first-child{margin:60px 0 0 0;}
.slider22{position:relative;overflow:hidden;padding:30px 0;}
.slider22 .bg-i{position:absolute;top:-50px;width:400px;z-index:1;}
.rs-control .rs-range-color{background-color:#31c6a2;}
.rs-control .rs-path-color{background-color:rgba(200,200,200, 0.8);}
.rs-control .rs-handle{background:#000;width:40px;height:40px;border-radius:50%;}
.rs-border{border:0;}
.rs-seperator{border:0;}
.half.top .rs-tooltip,
.half.bottom .rs-tooltip{top:-50px;left:65px;}
.app_nav_bar_wrapper{width:206px;height:30px;background:rgb(22, 4, 51);position:absolute;top:97px;z-index:900;}
.f_lev{position:relative;top:35px;left:-60px;font-size:14px;}
.t_lev{position:relative;top:200px;left:-60px;font-size:14px;}
.dd{width:200px;height:200px;margin-left:300px;background:#000;}
.ch_label{position:absolute;top:5px;left:10px;color:#fff;}
.rs-control .rs-range-color{background-color:#3d5afe;}
.rs-control .rs-path-color{background-color:white;}
.rs-control .rs-handle{background-color:#3d5afe;border:4px solid #fff;cursor:pointer;}
.rs-control .rs-bg-color{background-color:#000;}
.icons_container_in_room:first-chold{justify-content:space-between !important;}