@font-face {
    font-family: "EtelkaRegular";
    src: url("/static/fonts/Etelka/Regular/EtelkaMediumProRegular.eot");
    src: url("/static/fonts/Etelka/Regular/EtelkaMediumProRegular.eot?#iefix")format("embedded-opentype"),
    url("/static/fonts/Etelka/Regular/EtelkaMediumProRegular.woff") format("woff"),
    url("/static/fonts/Etelka/Regular/EtelkaMediumProRegular.ttf") format("truetype");
    font-style: normal;
    font-weight: normal;
}

html {
    background-color: #fff
}


body {padding-top: 0px; font-family: EtelkaRegular; background: transparent; }

.cabinet-container{

    background-color: #f6f6f6;

    width: 100%;
    /*margin-top: 60px;*/
    padding-top: 50px;
    overflow: hidden;
    /*background: url("/static/img/ko5.jpg");*/
    /*background: url("/static/img/snow-bg20.jpg");*/
    /*background-size: cover;*/
    background-position: top center;
}

.tabs, .pills{ border: none;}

.tabs li {border: none;}
.tabs li a{ padding: 10px 20px; color: #000; border: 2px solid transparent; border-radius: 50px;;}

.tabs li a:hover{border: 2px solid transparent;}

.tabs li.active{border: none!important;}
.tabs li.active a{
    color: #2f8bde;
    border-radius: 50px;
    border: 2px solid #2f8bde;
}
.tabs li.active a:hover{color: #2f8bde!important; border-radius: 50px; border: 2px solid #2f8bde!important;}

/*.tabs li.active a, .tabs li.active a:hover{ border: 1px solid #ddd; background: #000; color: #fff;}*/

.pills li a{background: transparent; color: #000; text-shadow: none; border-radius: 0px; padding: 5px 0px; margin: 10px;}
.pills li.active a{border-bottom: 2px solid #000; background: transparent; color: #000; text-shadow: none;}
.pills li a:hover{background: transparent; color: #000; text-shadow: none;}

.cabinet-content{
    margin: 0 auto;
    width: 960px;
    padding: 20px;
    background-color: #fff;
    min-height: 550px;
}

.top-hide-menu, .wiki-menu{
    line-height: 70px;
}

.top-hide-menu li, .wiki-menu li{ display: inline-block; cursor: pointer }
.top-hide-menu li a, .wiki-menu li a{ font-size: 14px; padding: 10px 0px; margin: 20px; color: #000; }
.top-hide-menu li a:hover, .wiki-menu li a:hover{ text-decoration: none; color: #000;
    border-bottom: 2px solid #000;
}

.top-hide-menu li.active a, .wiki-menu li.active a{ border-bottom: 2px solid #000; }


.cabinet-top-menu{
    /*position: relative; width: 100%; height: 250px; margin-top: 55px;*/
    /*background-color: rgba(53, 161, 255, 0.05);*/
    /*background: url("/static/img/ko2.JPG");*/
    /*background-size: cover;*/
    /*background-position: bottom center;*/

    /*position: fixed; top:0px;*/
    width: 100%; height: 60px; z-index: 1001; text-align: center;
    background-color: #fff;
    border-bottom: 2px solid rgba(0, 0, 0, 0.1);
}

.cabinet-top-panel{
    position: absolute; top:0px;
    width: 100%; height: 60px; z-index: 1001; text-align: center;
    background-color: #fff;
    border-bottom: 10px solid rgba(0, 0, 0, 0.1);

}
.cabinet-top-panel.fixed{position: fixed; top: 0px;}

@font-face {
  font-family: 'Bad Script';
  font-style: normal;
  font-weight: 400;
  src: local('Bad Script Regular'), local('BadScript-Regular'), url(/static/fonts/BadScript/BadScript-Regular.ttf) format('truetype');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}

footer{ border: 0px; text-transform: uppercase; color: #000; margin-top: 0px; text-align: left;}
footer ul{list-style: none; width: 800px; margin: 10px auto 30px auto;}
footer ul li {text-align: left; margin-bottom: 10px; color: #000;}


a{ color: #2f8bde;}
a:hover{ color: #297bc4;}
a:focus{ outline: none;}

label{ color: #666; font-weight: normal; padding-top: 7px; font-size: 14px;}
.help-block{ color: #666;!important; padding: 5px;}
.success label{color: #666!important;}
.clearfix.success label:after {content: ' ☆'; font-weight: bold; font-size: 14px; color: #cc3018;}
.clearfix.success .inputs-list label:after {content: '';}

input[type="text"], input[type="password"] {
    padding: 10px 15px!important; box-sizing: border-box; width: 277px; font-size: 15px; box-shadow: none; border: 1px solid #d3d3d3 !important; color: #333!important;}
input[type="text"]:focus, input[type="password"]:focus, select:focus {outline: 2px solid #2f8bde; box-shadow: none!important;}
input[type="password"] {box-sizing: content-box; width: 245px;}
form .input{ margin-left: 220px}
.input select{
    border: 1px solid #d3d3d3 !important;
    border-bottom: 2px solid #d3d3d3 !important;
    width: 277px!important; padding: 10px 15px;
    color:#333!important;
    font-size: 15px; font-weight: normal;
    height: 45px; margin-right: 20px; letter-spacing: 1px;}
.input textarea{
    border: 1px solid #d3d3d3 !important; color: #333!important; box-shadow: none;
    border-radius: 0px; padding: 10px 15px; box-sizing: border-box; width: 277px; font-size: 15px;
    max-width: 450px; max-height: 700px;
}

.page-header{ background-color: #fff; border-bottom: 2px solid rgba(41, 123, 196, 0.1);}


/*  CHECKBOX */

/*.regular-checkbox*/


input[type="checkbox"] + label{ display: inline; float: none;}

input[type="checkbox"] {	display: none; }

input[type="checkbox"] + label {
    vertical-align: middle;
    cursor: pointer;
	background-color: #fafafa;
	border: 1px solid #cacece;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 14px;
    border-radius: 50px;
	display: inline-block;
	position: relative;
    margin-right: 10px;
}

input[type="checkbox"] + label:active, input[type="checkbox"]:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

input[type="checkbox"]:checked + label {
	background-color: #2f8bde;
    border-radius: 50px!important;
    border: 1px solid rgba(47, 139, 222, 0.3);
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}

input[type="checkbox"]:checked + label:hover{background-color: #2a89d8;}
input[type="checkbox"] + label:hover{box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);}

input[type="checkbox"]:checked + label:after {
	content: '\2039' !important;
    font-family: EtelkaRegular;
    -webkit-transform: rotate(-85deg);
       -moz-transform: rotate(-85deg);
        -ms-transform: rotate(-85deg);
         -o-transform: rotate(-85deg);
            transform: rotate(-85deg);
    -ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* for IE8 */

	font-size: 30px;
	position: absolute;
	top: 5px;
	left: 9px;
    color: #fff;
}

/**/


/* Верх кабинета */

.page-header.top{
    height: 255px; margin-bottom: 20px; vertical-align: top; padding: 0px;
    background-color: rgba(47, 139, 222, 0.1);
}

.cabinet-general-menu{
    display: none; position: absolute; top: 50px;
    background: #fff;
    z-index: 10; margin: 0; padding: 7px 0;
    list-style: none;
    border-radius: 0px 0px 3px 3px;
    border-bottom: 1px solid rgba(51, 51, 51, 0.1);
    border-left: 1px solid rgba(51, 51, 51, 0.1);
    border-right: 1px solid rgba(51, 51, 51, 0.1);
}

.cabinet-general-menu li{ display: block; height: auto; padding: 10px; margin: 0px; text-align: left; }
.cabinet-general-menu a{ display: block; line-height: 20px; font-size: 14px; color: #383838; }
.cabinet-general-menu a:hover{text-decoration: none;}
.cabinet-general-menu li:hover{ background-color: #fafafa;}


.cabinet-menu * {
    -webkit-transition: color 0.3s, border 0.3s;
       -moz-transition: color 0.3s, border 0.3s;
         -o-transition: color 0.3s, border 0.3s;
            transition: color 0.3s, border 0.3s;
}

.cabinet-menu{ display: inline-block; vertical-align: top; width: 100%; height: 100px; text-align: center;}

.cabinet-menu .menu{ list-style: none; white-space: nowrap; display: block; text-align: center; margin: 0px; height: 62px; padding: 0px; vertical-align: top;
    color: #fff;
}

.cabinet-menu .menu li{
    display: inline-block; margin: 0px; vertical-align: top; text-align: center;
    line-height: 30px;
    padding: 15px 0px;
}
.cabinet-menu .menu li a{

    display: inline-block; position: relative;
    margin: 0px 10px; cursor: pointer; width: 120px;
    font-size: 13px; text-transform: uppercase; text-align: center;
    border-radius: 20px;
    letter-spacing: 1px;
    color: #000; text-decoration: none;
}

.cabinet-menu .menu li a:hover{ text-decoration: none; background-color: rgba(0, 0, 0, 0.10);}
.cabinet-menu .menu li a.active{
    text-decoration: none;
    background-color: rgba(0, 0, 0, 0.10);
    background-color: #2f8bde; color: #fff;
}


.cabinet-menu .menu .name{text-align: center;}


.cabinet-menu .submenu, .sub-submenu{
    display:block; display: none; margin: 0px; list-style: none; min-width: 600px;
    /*background-color: #2f8bde;*/
    /*background-color: #f8f8f8;*/
    /*box-shadow: 0px 1px 2px rgba(16, 16, 16, 0.1);*/
}
.cabinet-menu .submenu:hover, .cabinet-top-menu:hover .cabinet-menu .submenu{
    /*background-color: #f0f0f0;*/
}
.cabinet-menu .submenu li{
    display: inline-block; position: relative;
}
.cabinet-menu .submenu a{
    display: inline-block; padding: 15px; height: auto; margin: 0px; cursor: pointer;
    vertical-align: top; text-align: center; text-transform: none;
    line-height: 20px; font-size: 13px; color: #000; letter-spacing: 1px; color: #a8a8a8;
}

/*.cabinet-menu .submenu li:hover{ background-color: rgba(0, 0, 0, 0.10);}*/
.cabinet-menu .submenu li a:hover{ text-decoration: none; color: #2f8bde;}
.cabinet-menu .submenu li a.active{ color:#2f8bde;}


/* Конец верх кабинета */

/* Услуги */

.services_list *{ list-style: none;
    -webkit-transition: opacity 0.3s, color 0.3s, background-color 0.3s;
       -moz-transition: opacity 0.3s, color 0.3s, background-color 0.3s;
         -o-transition: opacity 0.3s, color 0.3s, background-color 0.3s;
            transition: opacity 0.3s, color 0.3s, background-color 0.3s;
}

.services_list a {
    text-decoration: none;
}

.services_list li:hover a { text-decoration: none; color: #2570b2;}


.services_list li {
    display: block;
    margin: 10px;
    padding: 20px;
    width: 800px;
    vertical-align: top;
    border-radius: 3px;
    text-align: left;
    text-transform: uppercase;

    text-decoration: none !important;
    color: #2f8bde !important;
    outline: none !important;
}

.services_list li:hover{
    background-color: rgba(37, 112, 178, 0.05);
}

.services_list .li-left{
    display: inline-block; width: 60px; height: 60px; line-height: 66px; margin: 15px;
    font-size: 38px; text-align: center; font-weight: bold;
}
.services_list li .li-right{  display: inline-block; width: 600px; padding-top: 25px; vertical-align: top;}

.services_list li .text{ font-size: 16px; letter-spacing: 1px;}

.services_list li .additional{color: #969696; font-size: 12px; padding-top: 10px; line-height: 17px;}

.cabinet-general-services{
    list-style: none; margin: 0px;
    text-align: center;
}

.cabinet-general-services li{ display: inline-block;}

.cabinet-general-services li a{
    width: 210px;
    display: block; padding: 30px ; margin-right: 15px; margin-top: 50px; cursor: pointer; line-height: 40px;
    text-transform: uppercase;  text-align: center;
    border: 5px double rgba(0, 0, 0, 0.1);
    color: rgba(0, 0, 0, 0.4);
    font-size: 20px;
        -webkit-transition: border 0.2s, color 0.2s;
           -moz-transition: border 0.2s, color 0.2s;
             -o-transition: border 0.2s, color 0.2s;
                transition: border 0.2s, color 0.2s;
}
.cabinet-general-services li a:hover{
    color: #2f8bde;
    border: 5px solid #2f8bde;
    text-decoration: none;
}

/* Конец Услуги */

.service_message{
    text-align: justify;
    color: #000; border: 10px solid rgba(0, 0, 0, 0.1);
    padding: 20px 30px;
    margin: 20px 37px 20px 20px;
    font-size: 14px;
}

.service_message p{line-height: 20px; font-size: 16px}

.service_message.error{ border: 10px solid rgba(180, 49, 14, 0.4);}
.service_message.error p{color: #b4310e;}

.service_message.success{ border: 10px solid rgba(57, 193, 153, 0.4);}
.service_message.success p{color: #077c75;}

.service_message.info{ border: 10px solid rgba(35, 106, 169, 0.4);}
.service_message.info p{color: #236aa9;}

.service_message_close{ position: absolute; right: 20px; top: 15px; text-transform: uppercase; font-size: 12px; cursor: pointer}
.service_message_close:hover{ text-decoration: none; opacity: 0.8;}

/* Кнопки */

.toTop{
    cursor: pointer;
    padding: 26px 30px 17px 30px !important;
    margin: 0px!important;
}

.toTop:hover{ background-color: rgba(0, 0, 0, 0.1); border-bottom: 0px solid transparent!important;}

.cabinet-btn{
    display: inline-block; cursor: pointer; margin: 5px 5px 5px 0px;
    background-color: #2f8bde; color: #fff;
    padding: 15px;
    border-radius: 2px;
    font-size: 12px; text-transform: uppercase; font-family: EtelkaRegular; font-weight: normal;
    border: 1px solid #267ac1;;
    -webkit-transition: background-color 0.3s;
       -moz-transition: background-color 0.3s;
         -o-transition: background-color 0.3s;
            transition: background-color 0.3s;
}
.cabinet-btn:hover{ text-decoration: none; background-color: #2265a2; color: #fff;}

.cabinet-btn.white{ background-color: #fff; color: #333; border: 1px solid #e8e8e8;}
.cabinet-btn.white:hover{ background-color: #e8e8e8; color: #333;}
.cabinet-btn.red{ background-color: #a83218; color: #fff; border: 1px solid #e8e8e8;}
.cabinet-btn.red:hover{ background-color: #c93b1d; }

a.red{ color: #a83218 }
a.red-bg{ background-color: #a83218; color: #fff; }
a.green{ color: #419b81
}

/* Конец Кнопки */

/* Просто блоки разные*/

.cabinet-section * {color: #000}
.cabinet-section{
    display: inline-block; vertical-align: top; position: relative;  width: 360px;  height: auto;  padding: 20px; margin: 20px;
    text-transform: uppercase;  text-align: center;
    color: #000; border: 10px solid rgba(0, 0, 0, 0.1);
}

.cabinet-section h4{ display: inline-block; padding: 0px; font-size: 14px; margin: 5px; border-bottom:  1px solid #000;}

.cabinet-section .big-btn{
    font-size: 14px;
    display: inline-block;
    margin: 50px;
    padding: 10px;
    border: 2px solid #000;
    background-color: transparent;
}

.cabinet-section .mini-btn{
    font-size: 11px;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #000;
}

.cabinet-section .big-btn:hover, .cabinet-section .mini-btn:hover{
    background-color: #000;
    color: #fff;
    text-decoration: none;
}

.cabinet-section ul{ list-style: none}

.cabinet-section .in-section{ display: block; margin: 20px auto; text-align: left; width: 340px; overflow-x: auto; max-height: 500px;}

.cabinet-section .title, .cabinet-section .title:hover{
    font-size: 16px; letter-spacing: 5px; text-decoration: none;
    display: block; text-align: right;
    color: #000;
    /*-webkit-transform: rotate(2deg);*/
       /*-moz-transform: rotate(2deg);*/
         /*-o-transform: rotate(2deg);*/
            /*transform: rotate(2deg);*/
}

#interview{text-align: left;}

#interview header{
    background-color: #fff;
}
#interview header a{ display: inline-block; color: #fff; padding: 15px;}
/*#interview header a.active{ background-color: #2c82d0; vertical-align: top; max-width: 600px;}*/
#interview header a.active:hover{ text-decoration: none;}

#interview .title{  margin: 20px 0px; text-align: left; margin-left: 10px;}
#interview .question{ background-color: #fff; font-size: 14px; padding: 20px; margin-bottom: 10px;}
#interview .question p input{ vertical-align: sub; margin-right: 10px;}
#interview .question p label{ float: none; text-transform: none;}
#interview .cabinet-btn{ color: #fff; padding: 10px 15px;}

.cabinet-section .queue, .cabinet-section .marks, .cabinet-section .food{
    color: #fff;
    padding: 7px;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.2);
    margin-top: 5px;
    font-size: 12px; line-height: 12px;
}
.cabinet-section .queue:hover, .cabinet-section .marks:hover, .cabinet-section .food:hover{ background-color: #fff}

.cabinet-section .queue .dou, .cabinet-section .marks .subject{ width: 220px; display: inline-block; line-height: 20px;}
.cabinet-section .queue .number, .cabinet-section .marks .mark{
    width: 60px; display: inline-block; margin: 5px; vertical-align: top; cursor: pointer;
    font-size: 25px; line-height: 25px;  text-align: right;
}


.cabinet-section .food .left{width: 160px; display: inline-block; line-height: 20px;}
.cabinet-section .food .right{width: 90px; display: inline-block; margin: 5px; vertical-align: top;
    font-size: 18px; line-height: 25px;  text-align: right;}


.cabinet-section hr{
    border-bottom: 1px solid #fff;
    margin: 10px 0px;
}

.cabinet-section .news{
    padding: 15px; margin: 10px;
}

.cabinet-section .news:hover{
    background-color: #fff;
}

.fast-menu a{
    margin: 10px;
}

.size10{ font-size: 10px}
.size12{ font-size: 12px}

.width200{ width: 200px;}
.width400{ width: 400px;}
.width800{ width: 853px;}

.height200{ height: 200px; margin-bottom: 20px; overflow:hidden;}

.cabinet-content-item{
    color: #000; border: 10px solid rgba(0, 0, 0, 0.1);
    padding: 20px 30px;
    margin: 20px 37px 20px 20px;
    font-size: 14px;
}

.cabinet-content-special{
    background-color: rgba(0, 0, 0, 0.1);
    padding: 15px;
}

.cabinet-modal-message-block {
    z-index: 25000;
    position: fixed;
    top: 20%; width: 99%;
    text-align: center;
}
.cabinet-modal-message-block-content, .cabinet-modal-form-block-content{
    width: 600px; margin: 0 auto; padding: 50px;
    font-size: 18px;
    background: #fff; border: 10px solid rgba(0, 0, 0, 0.1);}





  /*        СКРОЛЛ БАР       */

::-webkit-scrollbar{ width:12px; }

::-webkit-scrollbar-thumb{ background-color: #2f8bde;) }

::-webkit-scrollbar-thumb:hover{ background-color: #2f8bde; }

::-webkit-scrollbar-track{ }

::-webkit-scrollbar-track:hover{ border-left: 0px solid rgba(98, 122, 173, 0.25); border-right: 0px solid rgba(98, 122, 173, 0.25); }

/* Конец Просто блоки разные*/