@charset "UTF-8";
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=cyrillic';
@import url('https://fonts.googleapis.com/css?family=Indie+Flower');

html, body {padding:0;margin:0;font-family:'Open Sans', Verdana, sans-serif;height:100%;width:100%;font-size:14px;color:#222;}
body{position:relative;background:#f6f5f3;}
img{vertical-align:bottom;border:0;}
*{box-sizing:border-box;}

.wrapper{display:flex;flex-direction:column;height:100%;}
.wrap{flex: 1 0 auto;}

a{text-decoration:none;cursor:pointer;color:#d71321;}
a:hover{color:#666;}
.cl{clear:both;}
.trans{-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;-ms-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;}
.nowrap{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-o-text-overflow:ellipsis;}
h1, h2{margin:0;padding:0;}

.sec-area{width:1000px;min-width:1000px;height:100%;margin:0 auto;position:relative;}
header{font-size:18px;font-weight:600;padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #eee;}
header.header-hov{cursor:pointer;}
.icon-header{font-size:20px;vertical-align:middle;color:#222;background:#ffdb4d;padding:5px;border-radius:50%;margin-right:10px;}
.icon-cabinet-header{display:inline-block;font-size:14px;padding:0;}


.full-width{width:100%;}
.center{text-align:center;}

.form-error{text-align:center;padding:15px 10px;color:#e74c3c;background:#fbd1cd;position:relative;font-size:12px;}
.form-error .triangle{position:absolute;top:-10px;left:calc(50% - 8px);
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 10px 12px;
border-color: transparent transparent #fbd1cd transparent;
line-height: 0px;
_border-color: #000000 #000000 #fbd1cd #000000;
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.form-done{text-align:center;padding:15px 10px;color:#27ae60;background:#dbfce9;position:relative;font-size:12px;}


#preloader{position:fixed;top:0;bottom:0;left:0;right:0;background:#f6f5f3;z-index:9999;height:100%;width:100%;}
#preloader .spinner{width:296px;height:296px;position:absolute;left:50%;top:50%;background:url('/lk_images/preloader_spinner.gif') no-repeat 50% 50%;margin:-148px 0 0 -148px;}

#tabs nav ul {border:1px solid #ccc;border-radius:3px;width:100%;}
#tabs nav ul li {width:50%;}


#index{width:100%;}
#index .sec-area{}
#index .logo-area{text-align:center;margin-bottom:20px;}
#index .logo-area img{border-radius:50%;width:70px;height:70px;}
#index .index-container-formbox{background:#fff;padding:20px;margin:50px auto;width:450px;}
#index .str{margin-bottom:15px;}
#index .str .button, #index .index-container-box .str button{margin-top:5px;}
#index .more-area{padding-top:20px;margin-top:20px;border-top:1px solid #eee;}
#index .form-error{margin-bottom:10px;}


#cabinet-header{background:#fff;height:65px;z-index:99;position: relative;}
#cabinet-header .box{}
#cabinet-header .data{float:left;width:40%;text-align:right;font-size:12px;padding:5px 0;}
#cabinet-header .data .tel{font-size:16px;}

#cabinet-header .menu{float:left;width:60%;}
#cabinet-header .menu .menu_ua_img{height:39px;margin:13px 30px 13px 0;}
#cabinet-header .menu img{height:39px;margin:13px 15px 13px -15px;}
#cabinet-header .menu .box a{display:inline-block;height:100%;line-height:65px;padding:0 12px;}
#cabinet-header .menu .box a.active, #cabinet-header .box a:hover{
-webkit-box-shadow: inset 0px -2px 0px 0px rgba(215, 19, 33, 1);
-moz-box-shadow:    inset 0px -2px 0px 0px rgba(215, 19, 33, 1);
box-shadow:         inset 0px -2px 0px 0px rgba(215, 19, 33, 1);	
}
#cabinet-header .menu .box a.active:hover{color:#d71321;}
#cabinet-header .box-left{float:left;}
#cabinet-header .box-right{float:right;}



#sideBar{float:left;width:15%;}
#sideBar .box-link{position:relative;}
#sideBar .box-link2{position:relative;padding-left:5px;}
#sideBar a{display:inline-block;width:100%;padding:10px 15px;position:relative;}
#sideBar a:hover{background:rgba(255,255,255,.5);}
#sideBar a.active{background:#fff;border-radius:3px;}
#sideBar a.active:hover{color:#d71321;}
#sideBar hr{color:#ccc;}
#sideBar a.add{position:absolute;left:-40px;top:0;width:38px;border-radius:50%;}
#sideBar a.add:hover{background:rgba(255,255,255,.5);}

#stickyHeader{background:#fff;padding:0;} 


#page{position:relative;margin:20px 0 0 0;}
#page .sec-area{position:relative;}
#page .container{float:left;width:60%;}
#page .container .area{margin:0 20px 20px 20px;background:transparent;padding:1px 0 0 0;background:#fff;}
#page .container .area header{margin:20px 20px 0 20px;}
#page .content{}
#page .content .str-notready{position:relative;}
#page .content .str-notready .str-box{
 -webkit-filter: url(#blur);
 filter: url(#blur);
 -webkit-filter: blur(1.5px);
 filter: blur(1.5px);
 filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius='1.5');
}
#page .content .str-notready-cover{position:absolute;top:0;bottom:0;left:0;right:0;z-index:99;background:rgba(0,0,0,.03);text-align:center;}
#page .content .str-notready-cover .box{display:inline-block;height:30px;line-height:30px;padding:0 15px;border-radius:15px;margin-top:50px;}
#page .content .str-notready-cover .box{
  -webkit-animation: blink1 1s linear infinite;
  animation: blink1 1s linear infinite;
}
@-webkit-keyframes blink1 {
  0% { background: rgba(255, 219, 77, 1); }
  50% { background: rgba(255, 219, 77, 0.3); }
  100% { background: rgba(255, 219, 77, 1); }
}
@keyframes blink1 {
  0% { background: rgba(255, 219, 77, 1); }
  50% { background: rgba(255, 219, 77, 0.3); }
  100% { background: rgba(255, 219, 77, 1); }
}

#page .content .str-hov a{color:#222;}
#page .str{margin:0;padding:0 20px;}
#page .str-hov:hover, #page .str-active{background:#ffeca6;}
#page .str-half{width:50%;float:left;}
#page .str-box{padding:20px 0px;border-bottom:1px solid #eee;}
#page .str-box .box-l{float:left;color:#999;}
#page .str-box .box-r{float:right;}
#page .str-box .box-l2{float:left;text-align:left;}
#page .str-box .box-l2 a{color:#d71321;font-size:95%}
#page .str-box .box-l2 a:hover{color:#666;}
#page .str-box .box-r2{float:right;text-align:right;}
#page .str-box .box-r2 a{color:#d71321;font-size:95%}
#page .str-box .box-r2 a:hover{color:#666;}
#page .str-box-log{padding:5px 0px;border-bottom:1px solid #eee;}
#page .str-box-log .box-l{float:left;color:#999;font-size:95%}
#page .str-box-log .box-r{float:right;text-align:right;color:#999;font-size:95%}
#page .str-box-usermakedone{padding:0 0 20px 0px;border-bottom:1px solid #eee;}
#page .str-box .head{font-weight:600;margin:20px 0;}
#page .str-box .head2{font-weight:600;margin:10px 0;}
#page .str-box .date{font-size:12px;color:#ccc;}
#page .str-box .text{line-height:150%;}

#page .str-box .db-desc{font-size:12px;margin-top:10px;}
#page .str-box .db-desc .logo{float:left;width:50px;margin-right:10px;}
#page .str-box .db-desc .logo img{width:50px;height:50px;}
#page .str-box .db-desc .date{float:left;width:80%;}

#page .str-box .btnDo{float:right;width:30px;text-align:right;font-size:16px;}
#page .str-box .btnDo span{color:transparent;}
#page .str-hov:hover .btnDo span{color:#222;}
#page .str-box .btnDo span:hover{color:#d71321;cursor:pointer;}

#page .str-box .btnLink{float:right;width:30px;height:30px;line-height:30px;text-align:center;font-size:18px;border-radius:15px;border:1px solid #d71321;color:#d71321;cursor:pointer;}
#page .str-box .btnLink-active{background:#d71321;color:#fff;}
#page .str-box .btnLink-active-green{background:#27ae60;color:#fff;border:1px solid #27ae60;}
#page .str-box .btnLink-active-green:hover, #page .str-box .btnLink:hover{background:#2ecc71;border:1px solid #2ecc71;color:#fff;}


#page .str-box .btnLU{float:right;width:30px;height:30px;line-height:30px;text-align:center;font-size:18px;border-radius:15px;border:1px solid #d71321;color:#d71321;cursor:pointer;}
#page .str-box .btnLU-active{background:#d71321;color:#fff;}
#page .str-box .btnLU-active-green{background:#27ae60;color:#fff;border:1px solid #27ae60;}
#page .str-box .btnLU-active-green:hover, #page .str-box .btnLU:hover{background:#2ecc71;border:1px solid #2ecc71;color:#fff;}


#page .str-hov .str-box:hover{border-bottom:1px solid #ffeca6;}
#page .content .box{display:inline-block;}
#page .content .box-desc{width:40%;vertical-align:top;}
#page .content .box-input{width:60%;position:relative;}
#page .content .box-desc2{width:80%;vertical-align:baseline;}
#page .content .box-input2{float:right;position:relative;}

#ServiceModal .content-scroll .full-width{width:100%}
#ServiceModal .content-scroll .width-85{width:85%}
#ServiceModal .content-scroll .str{margin:0;padding:0 20px;}
#ServiceModal .content-scroll .str-box{padding:20px 0px;border-bottom:1px solid #eee;}
#ServiceModal .content-scroll .box{display:inline-block;}
#ServiceModal .content-scroll .box-desc{float:left;vertical-align:top; padding:10px 0px;}
#ServiceModal .content-scroll .box-input{float:right;position:relative;}
#ServiceModal .content-scroll .input-select{width:200px;}
#ServiceModal .content-scroll .input-number{width:100px;}


#page .container .add-area{width:100%;}
#page .container .add-area a{display:inline-block;height:100%;width:100%;padding:15px 20px;}
#page .container .delete-area-box{float:left;text-align:left;width:50%;}
#page .container .add-area-box{float:right;text-align:right;width:50%;}


#page .container .back-area{}
#page .container .back-area-box{border-bottom:1px solid #eee;margin:20px 0;}
#page .container .back-area-box a{display:inline-block;height:100%;width:100%;padding:0 20px 15px 20px;}

#page .container .back-area2{width:100%; border-bottom:1px solid #eee;margin:5px 0;}
#page .container .back-area2 a{display:inline-block;height:100%;width:100%;padding:10px 20px;}
#page .container .back-area2-lbox{float:left;text-align:left;width:50%;}
#page .container .back-area2-rbox{float:right;text-align:right;width:50%;}
#page .container .back-area2-lboxd{float:left;text-align:left;}
#page .container .back-area2-rboxd{float:right;text-align:right;}

#page #tabs nav{margin-top:20px;}

#page .form-error, #page .form-done{margin:20px 20px 0 20px;}

#page .container-cabinet{float:left;width:85%;}
#page .container-cabinet .area{margin:0 0 0 20px;background:#fff;padding:20px;}

#page .container-help{float:left;width:25%;font-size:12px;color:#666;position:relative;}
#page .container-help header{margin:20px 0;}
#page .container-help .area{}
#page .container-help ul{margin:0;padding:0 20px;}
#page .container-help li{margin-bottom:10px;}
#page .container-help img{max-width:100%;margin-bottom:20px;}

#page .container-help .toTop{position:fixed;bottom:20px;z-index:99;padding:10px 15px;background:rgba(255,255,255,.6);border-radius:3px;color:#d71321;display:none;}
#page .container-help .toTop:hover{cursor:pointer;}
#page .container-help .icon-toTop{font-size:16px;}

/* #btnProfileEdit{display:none;} */


#page .str-cr{background:rgba(26,188,156,.5);cursor:pointer;border-radius:5px;}
#page .str-cr:hover{background:rgba(26,188,156,.7);}
#page .str-cl-add{padding:10px 20px;margin-left:0px;background:#f8f8f8;display:none;
-webkit-box-shadow: inset 0px 7px 5px -5px rgba(50, 50, 50, 0.6);
-moz-box-shadow:    inset 0px 7px 5px -5px rgba(50, 50, 50, 0.6);
box-shadow:         inset 0px 7px 5px -5px rgba(50, 50, 50, 0.6);
}
#page .str-cl{padding-right:10px;margin-left:15px;background:rgba(231,76,60,.5);cursor:pointer;display:none;border-radius:5px;
-webkit-box-shadow: inset 0px 7px 5px -5px rgba(50, 50, 50, 0.6);
-moz-box-shadow:    inset 0px 7px 5px -5px rgba(50, 50, 50, 0.6);
box-shadow:         inset 0px 7px 5px -5px rgba(50, 50, 50, 0.6);
}
#page .str-cl:hover{background:rgba(231,76,60,.7);}
#page .str-cnt-add{padding:10px 20px;margin-left:20px;background:#f8f8f8;display:none;
-webkit-box-shadow: inset 0px 7px 5px -5px rgba(50, 50, 50, 0.6);
-moz-box-shadow:    inset 0px 7px 5px -5px rgba(50, 50, 50, 0.6);
box-shadow:         inset 0px 7px 5px -5px rgba(50, 50, 50, 0.6);
}
#page .str-cnt{padding-right:10px;margin-left:30px;background:rgba(52,152,219,.5);cursor:pointer;display:none;border-radius:5px;
-webkit-box-shadow: inset 0px 7px 5px -5px rgba(50, 50, 50, 0.6);
-moz-box-shadow:    inset 0px 7px 5px -5px rgba(50, 50, 50, 0.6);
box-shadow:         inset 0px 7px 5px -5px rgba(50, 50, 50, 0.6);
}
#page .str-cnt:hover{background:rgba(52,152,219,.7);}
#page .str-db-add{padding:10px 20px;margin-left:40px;background:#f8f8f8;display:none;
-webkit-box-shadow: inset 0px 7px 5px -5px rgba(50, 50, 50, 0.6);
-moz-box-shadow:    inset 0px 7px 5px -5px rgba(50, 50, 50, 0.6);
box-shadow:         inset 0px 7px 5px -5px rgba(50, 50, 50, 0.6);
}
#page .str-db{padding-right:10px;margin-left:45px;background:rgba(241,196,15,.5);cursor:pointer;display:none;border-radius:5px;
-webkit-box-shadow: inset 0px 7px 5px -5px rgba(50, 50, 50, 0.6);
-moz-box-shadow:    inset 0px 7px 5px -5px rgba(50, 50, 50, 0.6);
box-shadow:         inset 0px 7px 5px -5px rgba(50, 50, 50, 0.6);
}
#page .str-db:hover{background:rgba(241,196,15,.7);}
#page .str-us-add{padding:10px 20px;margin-left:60px;background:#f8f8f8;display:none;
-webkit-box-shadow: inset 0px 7px 5px -5px rgba(50, 50, 50, 0.6);
-moz-box-shadow:    inset 0px 7px 5px -5px rgba(50, 50, 50, 0.6);
box-shadow:         inset 0px 7px 5px -5px rgba(50, 50, 50, 0.6);
}
#page .str-dbu{padding-right:20px;margin-left:60px;background:rgba(155,89,182,.5);cursor:pointer;display:none;border-radius:5px;
-webkit-box-shadow: inset 0px 7px 5px -5px rgba(50, 50, 50, 0.6);
-moz-box-shadow:    inset 0px 7px 5px -5px rgba(50, 50, 50, 0.6);
box-shadow:         inset 0px 7px 5px -5px rgba(50, 50, 50, 0.6);
}
#page .str-dbu:hover{background:rgba(155,89,182,.7);}


#page .infodata-container {
	background: #fff;
}
#page .infodata-container .str {
	padding:0;
}
#page .infodata-container .str .box{
	padding: 10px;
	border-bottom: 1px solid #eee;
}
#page .infodata-container .str .box:nth-last-child(1) {
	border-bottom: 0;	
}
#page .infodata-container .str .box-attention {
	background: rgba(255,219,77,.5);
}


#tree .btnDo{float:right;width:30px;text-align:center;padding:10px 0;font-size:16px;}
#tree .btnDo span{color:transparent;}
#tree .str-cr:hover span{color:#222;}
#tree .str-cl:hover span{color:#222;}
#tree .str-cnt:hover span{color:#222;}
#tree .str-db:hover span{color:#222;}
#tree .str-dbu:hover span{color:#222;}
#tree .btnDo span:hover{color:#d71321;cursor:pointer;}
#tree .tree-toggle-str{padding:10px 20px;text-align:right;}
#tree .tree-toggle-str .btn-tree-open{display:inline-block;cursor:pointer;}
#tree .tree-toggle-str .btn-tree-close{display:inline-block;cursor:pointer;display:none;}



#header{padding:30px 0;background:#fff;}

footer{padding:20px 0 0 0;background:#2c2b29;font-size:12px;}
footer .str{margin-bottom:20px;}
footer .data{float:left;width:50%;color:#999;}
footer .contact{float:left;width:50%;text-align:right;color:#999;}
footer a{color:#999;border-bottom:1px dashed #999;}
footer a:hover{color:#999;border-bottom:1px solid #999;}
footer .str-info{}
footer .info{float:left;width:70%;color:#777;}
footer .mooltee{float:left;width:30%;text-align:right;color:#666;}
footer .mooltee span{font-size:18px;font-family:'Indie Flower', cursive;font-weight:600;
background: linear-gradient(90deg, #f1c40f, #2ecc71, #3498db, #9b59b6);-webkit-background-clip:text;color:transparent;}


#modal-reg{position:fixed;height:100%;width:100%;background:rgba(0,0,0,.6);z-index:99999;display:table;top:0;}
#modal-reg .modal-close{position:absolute;top:25px;right:25px;}
#modal-reg .modal-close .icon-close{font-size:30px;color:#ffdb4d;cursor:pointer;}
#modal-reg .modal-container{height:100%;width:100%;display:table-cell;vertical-align:middle;}
#modal-reg .modal-container .box{background:#fff;padding:20px;margin:0 auto;width:450px;}
#modal-reg .modal-container .box .str{margin-bottom:15px;}


#modal-agree{position:fixed;height:100%;width:100%;background:rgba(0,0,0,.6);z-index:99999;display:none;top:0;}
#modal-agree .modal-close{position:absolute;top:25px;right:25px;}
#modal-agree .modal-close .icon-close{font-size:30px;color:#ffdb4d;cursor:pointer;}

#modal-agree .modal-container{height:100%;width:100%;
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	align-items: center;
}
#modal-agree .modal-container .box{background:#fff;padding:20px;width:65% !important;}
#modal-agree .modal-container .box .str{margin-bottom:15px;}