:root{--black:#000;--gray:#707070;--gray-light:#d3d3d3;--gray-bg:#f5f5f5;--white:#fff;--green:#008938;--blue:#204ec1;--red:#c92026;--orange:#c55403;--blue-light:#a5beff;--blue:#204ec1;--font-family:"Exo 2",sans-serif;--second-family:"Heebo",sans-serif}@font-face{font-family:Heebo;src:url(../fonts/Heebo-Regular.woff2) format("woff2"),url(../fonts/Heebo-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:'Exo 2';src:url(../fonts/Exo2-Light.woff2) format("woff2"),url(../fonts/Exo2-Light.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:'Exo 2';src:url(../fonts/Exo2-Regular.woff2) format("woff2"),url(../fonts/Exo2-Regular.woff) format("woff");font-weight:400;font-style:normal}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh}article,aside,figcaption,figure,footer,header,main,nav,section{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects;text-decoration:none;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}a:active,a:hover{outline-width:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-size:100%;line-height:1.15;margin:0;outline:0;cursor:pointer;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}button,input{overflow:visible}button,select{text-transform:none}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;outline:0}body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100vh;max-width:100vw;overflow-x:hidden}.container{width:100%;max-width:1024px;margin:0 auto;padding:0 20px}body{font-family:var(--font-family);color:var(--black);background:url(../imgs/bg.jpg) no-repeat center;background-size:cover;position:relative}.powered_by{position:absolute;bottom:0;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;padding-bottom:16px;z-index:3}.powered_by span{font-family:var(--font-family);font-weight:300;font-size:16px;text-align:center;color:var(--gray);display:block;width:182px}.powered_by::after,.powered_by::before{display:block;content:'';width:calc((100% - 202px)/ 2);height:1px;background:var(--gray)}.main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100vw;min-height:100vh}.splash_screen .main{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.logo{width:264px;height:auto;opacity:0;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease;-webkit-animation:fadeIn .5s ease .2s forwards;animation:fadeIn .5s ease .2s forwards}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.sing_in_header{width:100%;height:247px;background:url(../imgs/sign-in.svg) no-repeat center bottom;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:60px}.sing_in_header h1{font-family:var(--font-family);font-weight:400;font-size:34px;letter-spacing:.01em;text-transform:uppercase;text-align:center;color:var(--blue)}.sing_in_form{width:250px;margin-left:auto;margin-right:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.sing_in_form input[type=email],.sing_in_form input[type=password]{background:0 0;outline:0;border:none;padding:9px 0;border-bottom:1px solid var(--gray);font-family:var(--font-family);font-weight:400;font-size:19px;color:var(--gray)}.sing_in_form input[type=email]{margin-bottom:60px}.sing_in_form input[type=password]{margin-bottom:35px}.input_wrapper{position:relative}.input_wrapper label{font-family:var(--font-family);font-weight:400;font-size:14px;color:var(--gray);position:absolute;top:-10px;display:none}.input_wrapper.on ::-webkit-input-placeholder{color:transparent!important}.input_wrapper.on ::-moz-placeholder{color:transparent!important}.input_wrapper.on :-moz-placeholder{color:transparent!important}.input_wrapper.on :-ms-input-placeholder{color:transparent!important}.input_wrapper.on input{border-bottom:1px solid var(--green);color:#000}.input_wrapper.on label{display:block}.forgot_password{font-family:var(--font-family);font-weight:300;font-size:16px;text-decoration:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;color:var(--green);display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:75px}.button_border{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:40px;width:100%;border:1px solid var(--green);border-radius:25px;padding:8px 2px;background:0 0;outline:0;font-family:var(--font-family);font-weight:400;font-size:19px;color:var(--green);-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.button_border:hover{background:var(--green);color:#fff}.header_main{background:var(--blue)}.header_main .container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;height:70px}.object_dropdown_menu{position:relative}.object_dropdown_menu .object_dropdown_current{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px}.object_dropdown_menu .object_dropdown_current span{font-family:var(--font-family);font-weight:400;font-size:22px;color:var(--white)}.object_dropdown_menu .object_dropdown_current i{width:12px;height:6px;background:url(../imgs/icons/down_arrow_white.svg) no-repeat center;background-size:contain;-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.header_main_indicatiors{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px}.notification_alert{width:20px;height:20px;background:url(../imgs/icons/warning.svg) no-repeat center;background-size:contain}.notification_level{width:16px;height:16px;background:url(../imgs/icons/level.svg) no-repeat center;background-size:contain}.notification_charge{width:35px;height:17px;background:url(../imgs/icons/charge.svg) no-repeat center;background-size:contain;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:4px 6px;padding-right:8px}.notification_charge_level{height:100%;width:30px;background:#fff}.not_seporator{height:21px;width:1px;background:var(--blue-light)}.settings_btn{width:22px;height:22px;background:url(../imgs/icons/settings.svg) no-repeat center;background-size:contain}.main_settings{background:rgba(255,255,255,.77)}.settings .container{padding-top:20px;padding-bottom:50px;height:calc(100vh - 70px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.settings .button_border{margin-top:auto}.page_title{font-family:var(--font-family);font-weight:400;font-size:19px;color:var(--blue);line-height:33px;margin-bottom:20px}.settings_list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.settings_item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:flex;gap:10px}.settings_item span{font-family:var(--font-family);font-weight:300;font-size:19px;color:var(--black)}.set_io{min-width:42px;width:42px;height:42px;background:url(../imgs/icons/io.svg) no-repeat center;background-size:contain}.set_rio{min-width:42px;width:42px;height:42px;background:url(../imgs/icons/remote-io.svg) no-repeat center;background-size:contain}.set_com{min-width:42px;width:42px;height:42px;background:url(../imgs/icons/communication.svg) no-repeat center;background-size:contain}.settings_actions{margin-left:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.icon_btn{width:32px;height:32px;border:none;outline:0;background:0 0}.icon_btn_green_settings{background:url(../imgs/icons/settings_green.svg) no-repeat center;background-size:contain}.icon_btn_green_delete{background:url(../imgs/icons/delete.svg) no-repeat center;background-size:contain}.circle-progress{position:relative;width:90px;height:90px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.circle-progress svg{width:100%;height:100%;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.circle-progress .progress-bg{fill:none;stroke:var(--gray);stroke-width:1px}.circle-progress .progress-fill{fill:none;stroke:var(--red);stroke-width:5px;stroke-linecap:round;-webkit-transition:stroke-dashoffset .5s ease;-o-transition:stroke-dashoffset .5s ease;transition:stroke-dashoffset .5s ease}.main_item{width:90px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding-bottom:20px;border-bottom:6px solid transparent}.main_item.on{border-bottom:6px solid var(--blue)}.main_item.on .arrow_green{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.main_round_indicator{position:relative;width:90px;height:90px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.notification_count{position:absolute;top:60px;right:4px;z-index:5;border:2px solid var(--white);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:17px;width:30px;height:30px;font-family:var(--font-family);font-weight:400;font-size:16px;color:var(--white)}.main_item_title{display:block;padding-top:10px;font-family:var(--font-family);font-weight:400;font-size:16px;color:var(--blue);margin-bottom:8px}.main_item_toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px}.main_item_toggle span{font-family:var(--font-family);font-weight:300;font-size:16px;color:var(--black)}.main_item_toggle .arrow_green{width:12px;height:7px;background:url(../imgs/icons/down_arrow_green.svg) no-repeat center;background-size:contain}.color_red .notification_count{background:var(--red)}.color_green .notification_count{background:var(--green)}.color_green .circle-progress .progress-bg{stroke:var(--green)}.color_green .circle-progress .progress-fill{stroke:var(--green)}.color_orange .notification_count{background:var(--orange)}.color_orange .circle-progress .progress-bg{stroke:var(--gray)}.color_orange .circle-progress .progress-fill{stroke:var(--orange)}.main_grid{padding-top:20px}.main_grid .row{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;max-width:380px;margin:0 auto;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main_grid .row .row_placeholder{width:90px}.main_icon{display:block;width:45px;height:45px;position:absolute}.main_door{background:url(../imgs/icons/door_main.svg) no-repeat center;background-size:contain}.main_windows{background:url(../imgs/icons/window_main.svg) no-repeat center;background-size:contain}.main_temp{background:url(../imgs/icons/temp_main.svg) no-repeat center;background-size:contain}.main_light{background:url(../imgs/icons/light_main.svg) no-repeat center;background-size:contain}.main_hum{background:url(../imgs/icons/hum_main.svg) no-repeat center;background-size:contain}.main_item_menu{display:none;width:100%;margin:0 auto;max-width:380px;border-top:1px solid var(--blue);padding-top:20px;padding-bottom:40px}.main_item_menu.on{display:block}.main_item_menu_title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:30px}.main_item_menu_title span{font-family:var(--font-family);font-weight:400;font-size:19px;color:var(--blue)}.settings_button{background:0 0;border:none;outline:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;font-family:var(--font-family);font-weight:300;font-size:19px;color:var(--black)}.settings_button::before{display:block;content:'';width:20px;height:20px;background:url(../imgs/icons/settings_blue.svg) no-repeat center;background-size:contain;position:relative;top:1px}.main_item_menu_items{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}.main_item_menu_item{width:calc(50% - 10px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:3px}.main_item_menu_item i{display:block;width:42px;height:42px}.main_item_menu_item div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.main_item_menu_item div strong{font-family:var(--font-family);font-weight:300;font-size:19px;color:var(--black)}.main_item_menu_item div span{font-family:var(--font-family);font-weight:300;font-size:16px;color:var(--black)}.door_open{background:url(../imgs/icons/door_open.svg) no-repeat center;background-size:contain}.door_closed{background:url(../imgs/icons/door_closed.svg) no-repeat center;background-size:contain}.settings_overall{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.3);z-index:19;display:none}.settings_sidemenu{position:fixed;top:0;right:0;display:none;width:100vw;height:100vh;z-index:20;background:var(--white);width:360px}.settings_panel{height:100vh;overflow-y:auto;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.settings_group{padding:20px;padding-bottom:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:30px;position:relative;border-bottom:1px solid var(--gray-light)}.settings_menu{display:none}.settings_group_title{font-family:var(--font-family);font-weight:400;font-size:22px;color:var(--blue)}.settings_row{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:30px}.setting{width:calc(50% - 15px)}.setting label{font-family:var(--font-family);font-weight:400;font-size:19px;color:var(--black);margin-bottom:10px;display:block}.settings_select{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;position:relative}.settings_select.on::after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.settings_select.on::before{display:block;content:'';width:55px;height:5px;background:var(--gray);position:absolute;bottom:-16px}.settings_select span{font-family:var(--font-family);font-weight:300;font-size:19px;color:var(--black)}.settings_select::after{display:block;content:'';width:10px;height:6px;background:url(../imgs/icons/down_arrow_green.svg) no-repeat center;background-size:contain}.settings_menu{z-index:5;position:absolute;background:#fff;width:100%;left:0;padding:20px;border-bottom:1px solid var(--gray);border-top:1px solid var(--gray);bottom:-115%}.checkbox_grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px}.checkbox{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc((100% - 40px)/ 3);gap:7px}.checkbox input{-webkit-box-shadow:0 1px 4px 0 rgba(106,93,239,.52);box-shadow:0 1px 4px 0 rgba(106,93,239,.52)}.checkbox input:checked{-webkit-filter:hue-rotate(275deg) brightness(1.5);filter:hue-rotate(275deg) brightness(1.5)}.settings_actions{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:30px;padding-top:30px}.settings_list .settings_actions{padding-top:0}.save{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;border:none;background:0 0;outline:0;font-family:var(--second-family);font-weight:400;font-size:16px;text-align:right;color:var(--green)}.save::before{display:block;content:'';width:25px;height:20px;background:url(../imgs/icons/save_green.svg) no-repeat center}.cancel{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;border:none;background:0 0;outline:0;font-family:var(--second-family);font-weight:400;font-size:16px;text-align:right;color:#de2a6b}.cancel::before{display:block;content:'';width:21px;height:20px;background:url(../imgs/icons/cancel_red.svg) no-repeat center}.add_device{position:relative;padding:20px}.add_device_toggle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;border:none;background:0 0;outline:0;font-family:var(--second-family);font-weight:400;font-size:16px;text-align:right;cursor:pointer;color:var(--green)}.add_device_toggle span{padding-top:2px}.add_device_toggle::before{display:block;content:'';width:20px;height:20px;background:url(../imgs/icons/plus_green.svg) no-repeat center;background-size:contain}.add_device_form{position:absolute;top:0;left:0;border-bottom:1px solid var(--gray-light);padding:20px;background:#fff;display:none}.add_device_form form{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:20px;padding-top:20px}.add_device_form form label{font-family:var(--font-family);font-weight:400;font-size:14px;color:var(--gray)}.add_device_form form input,.add_device_form form select{background:0 0;padding:8px 0;font-family:var(--font-family);font-weight:300;font-size:16px;color:var(--black);border:none;outline:0;border-bottom:1px solid var(--gray-light);width:100%}.add_device_form form select{width:57px}.add_device_form .settings_actions{margin-left:0;padding-top:0}.add_device_name{width:calc(100% - 77px)}.add_device_com{width:57px}.close_aside{max-width:320px;margin:20px;margin-top:auto;width:100%}#com_select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.add_device_com{position:relative}.add_device_com::after{display:block;content:'';width:10px;height:6px;background:url(../imgs/icons/down_arrow_green.svg) no-repeat center;background-size:contain;position:absolute;bottom:13px;right:0}.add_device_com select:focus+:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}@media screen and (max-width:410px){.main_grid .row{gap:unset;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.main_item_menu_item div strong{font-size:16px}.main_item_menu_item div span{font-size:14px}}@media screen and (max-width:360px){.settings_sidemenu{width:100%}}@media screen and (max-width:345px){.main_grid .row{gap:10px}.main_item{width:80px}.main_grid .row{gap:calc((100% - 240px)/ 3)}}