body {
margin: 0;
}
body {
font-family: 'LatoWeb', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
a,button,input[type="button"]{
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
b,strong{
font-weight: normal;
font-family: 'LatoWebbold';
}
.w-p15-mb2{
padding: 15px;
background: #fff;
margin-bottom: 2px;
}
.w-p15-mb15{
padding: 15px;
background: #fff;
margin-bottom: 15px;
}
.w-p15-pb0-mb0{
padding: 15px;
background: #fff;
margin-bottom: 0px;
padding-bottom: 0px;
}
.w-p15-mb2:empty{
display: none;
}
.w-p10-mb0{
padding: 10px;
background: #fff;
margin-bottom: 0px;
}
.mb-10{
margin-bottom: 10px !important;
}
.mb-15{
margin-bottom: 15px !important;
}
.flex-center{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.default-popup{
position: fixed !important;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: hidden;
outline: 0;
z-index: 1072;
overflow-x: hidden;
overflow-y: auto;
display: block;
}
.default-popup:after {
content: "";
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: -1;
background-color: rgba(0, 0, 0, 0.5);
}
.popup-content{
margin: 5rem auto;
width: 55%;
position: relative;
display: block;
}
.top-popup-bar{
background: #fff;
position: absolute;
border-radius: 50%;
left: -25px;
top: -25px;
width: 50px;
-moz-box-shadow: 0px 0px 7px 1px #797b7c;
-webkit-box-shadow: 0px 0px 7px 1px #797b7c;
box-shadow: 0px 0px 7px 1px #797b7c;
}
.wrap-popup-img{
padding: 15px;
background: #fff;
}
.popup-content img{
max-width: 100%;
}
.top-popup-bar img{
padding: 10px;
}
.top-popup-bar img:hover{
cursor: pointer;
}
img[popup]{
padding: 10px;
-moz-transition: .3s;
-o-transition: .3s;
-webkit-transition: .3s;
transition: .3s;
max-width: 100%;
}
img[popup]:hover{
cursor: pointer;
-moz-box-shadow: 0px 0px 10px 0px #909090;
-webkit-box-shadow: 0px 0px 10px 0px #909090;
box-shadow: 0px 0px 10px 0px #909090;
}
@media(max-width: 991px){
.popup-content{
width: auto;
margin: 4rem 30px;
}
}
/******************************************************************************************************************/
/*************************************************  PUSH MENU  ****************************************************/
/******************************************************************************************************************/
.mp-menu.mp-cover ~ .scroller{

}
.mp-menu.mp-cover ~ .scroller .scroller-inner{

}
.menu-trigger {
position: relative;
padding-left: 60px;
font-size: 0.9em;
}
.mp-pusher {
position: relative;
left: 0;
height: 100%;
}
.mp-menu {
position: absolute; /* we can't use fixed here :( */
top: 0;
left: 0;
z-index: 1;
width: 300px;
height: 100%;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.mp-level {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: #ffffff;
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
/* overlays for pusher and for level that gets covered */
.mp-pusher:after,
.mp-level:after,
.mp-level:before {
position: absolute;
top: 0;
right: 0;
width: 0;
height: 0;
content: '';
opacity: 0;
}
.mp-pusher:after,
.mp-level:after {
background: rgba(0,0,0,0.3);
-webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
-moz-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
}
.mp-level:after {
z-index: -1;
}
.mp-pusher.mp-pushed:after,
.mp-level.mp-level-overlay:after {
width: 100%;
height: 100%;
opacity: 1;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
cursor: pointer;
z-index: 20;
}
.mp-level.mp-level-overlay {
cursor: pointer;
}
.mp-level.mp-level-overlay.mp-level:before {
width: 100%;
height: 100%;
background: transparent;
opacity: 1;
}
.mp-pusher,
.mp-level {
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
transition: all 0.5s;
}
/* overlap */
.mp-overlap .mp-level.mp-level-open {
box-shadow: 1px 0 2px rgba(0,0,0,0.2);
-webkit-transform: translate3d(-40px, 0, 0);
-moz-transform: translate3d(-40px, 0, 0);
transform: translate3d(-40px, 0, 0);
}
/* First level */
.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
/* cover */
.mp-cover .mp-level.mp-level-open {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
-webkit-transform: translate3d(-100%, 0, 0);
-moz-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
/* content style */
.mp-menu ul {
margin: 0;
padding: 0;
list-style: none;
}
.mp-menu h2 {
margin: 0;
padding: 1em;
}
.mp-menu.mp-overlap h2:before {
position: absolute;
top: 0;
right: 0;
margin-right: 8px;
font-size: 75%;
line-height: 1.8;
opacity: 0;
-webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
-moz-transition: opacity 0.3s, -moz-transform 0.1s 0.3s;
transition: opacity 0.3s, transform 0.1s 0.3s;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
transform: translateX(-100%);
}
.mp-menu.mp-cover h2 {
text-transform: uppercase;
font-size: 1em;
}
.mp-overlap .mp-level.mp-level-overlay > h2:before {
opacity: 1;
-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
-moz-transition: -moz-transform 0.3s, opacity 0.3s;
transition: transform 0.3s, opacity 0.3s;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
transform: translateX(0);
}
.mp-menu .mp-level.mp-level-overlay > .mp-back,
.mp-menu .mp-level.mp-level-overlay > .mp-back:after {
background: transparent;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
color: transparent;
}
/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* We'll show the first level only */
.no-csstransforms3d .mp-pusher,
.no-js .mp-pusher {
padding-left: 300px;
}
.no-csstransforms3d .mp-menu .mp-level,
.no-js .mp-menu .mp-level {
display: none;
}
.no-csstransforms3d .mp-menu > .mp-level,
.no-js .mp-menu > .mp-level {
display: block;
}
.push-h2{

}
.wrap-page-content{
background: #b1b6c9;
}
.wrap-push-catalogue{
padding-left: 15px;
padding-right: 15px;
}
.va-m{
vertical-align: middle;
display: inline-block;
position: relative;
float: none;
}
.va-tb{
display: inline-block;
vertical-align: text-bottom;
float: none;
position: relative;
}
.va-tt{
display: inline-block;
vertical-align: text-top;
float: none;
position: relative;
}
.pl-0{
padding-left: 0px !important;
}
.pr-0{
padding-right: 0px !important;
}
.pr-10{
padding-right: 10px !important;
}
.pr-5{
padding-right: 5px !important;
}
.p-0{
padding-left: 0px !important;
padding-right: 0px !important;
}
.pb-0{
padding-bottom: 0px !important;
}
.mb-0{
margin-bottom: 0px !important;
}
.mb-10{
margin-bottom: 10px !important;
}
.mb-20{
margin-bottom: 20px !important;
}
.mt-20{
margin-top: 20px !important;
}
.mb-2{
margin-bottom: 2px !important;
}
.pt-15{
padding-top: 15px;
}
.fw-b{
font-family: 'LatoWebSemibold';
}
b{
font-family: 'LatoWebSemibold';
font-weight: normal;
}
.con-15w{
padding: 15px;
background: white;
margin-top: 2px;
}
a{
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
label{
font-weight: normal;
font-family: "LatoWebSemiBold";
}
.botkin-mode label{
font-weight: normal;
font-family: inherit;
}
.botkin-mode b{
font-family: inherit;
}
.botkin-mode strong{
font-family: inherit;
}
select::-ms-expand {
display: none;
}
.mobile-book .wrap-book-mode-menu{
display: block;
}
.mobile-book .return-to-book{
display: none;
}
.mobile-reader .return-to-book{
display: block;
}
.mobile-book .wrap-turnover-title{
display: block;
}
.mobile-reader .wrap-turnover-title{
display: none;
}
@media (min-width: 992px) {
.hidden-lg-up {
display: none !important;
}
}
@media (min-width: 768px) {
.hidden-sm-up {
display: none !important;
}
.menu-wrap {
display: none;
}
}
@media (max-width: 767px) {
.wrap-book-mode-menu{
display: none;
}
.col-md-9.col-sm-9.col-xs-12{
padding-left: 0px;
padding-right: 0px;
}
/*html, body, .scroller {
height: 100%;
}
.scroller {
overflow-y: scroll;
}
.scroller,
.scroller-inner {
position: relative;
}*/
.wrap-page-content{
/*height: 100%;*/ /*for scroll*/
}
.for-scroll{
/*height: 100%;*/ /*for scroll*/
/*position: relative;*/ /*for scroll*/
/*overflow: hidden;*/ /*for scroll*/
}
.wrap-push-catalogue{
/*overflow: auto;*/ /*for scroll*/
/*height: 100%;*/ /*for scroll*/
}
}
/******************************************************************************************************************/
/*****************************************  pages.main_frame.downloads  *******************************************/
/******************************************************************************************************************/
.wrap-page-downloads{

}
.wrapper-content-d{
padding-bottom: 30px;
background: #b1b6c9;
}
/*.fullscreen-bg{
background: url(images/fon-collage-b4bad2.png) 50% 0px no-repeat;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}*/
.wrap-content-d{
padding-top: 40px;
/*padding-bottom: 40px;*/
}
.content-d{
padding: 20px;
background: #fff;
text-align: center;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.title-h{
margin-top: 0px;
margin-bottom: 20px;
font-size: 2em;
font-family: "Latowebbold";
/* margin-left: -2px; */
position: relative;
padding-left: 60px;
text-align: center;
display: inline-block;
}
.title-h:before{
content: "";
background: url(images/logo_mb4reader.png) no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
width: 50px;
height: 50px;
display: inline-block;
position: absolute;
left: 0px;
top: -10px;
}
.text-invite{
margin-bottom: 0px;
text-align: left;
}
.wrap-content-downloads{
position: relative;
min-height: 50em;
position: relative;
/* min-height: 610px; */
background: url(images/fon-collage-b4bad2.png) 50% -35px no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
}
.wrap-content-downloads [class^=col-md-offset-]{
padding-right: 0px;
padding-left: 0px;
padding-top: 40px;
}
.wrap-fast-join{
background: rgba(255, 255, 255, 0.95);
padding: 20px;
margin-bottom: 40px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 0px 10px 3px #9095a8;
-webkit-box-shadow: 0px 0px 10px 3px #9095a8;
box-shadow: 0px 0px 10px 3px #9095a8;
}
.fast-code-describe{
border-left-color: #cc0c2f;
margin-bottom: 0px;
border-left-width: 3px;
padding-left: 18px;
}
.included-code{
color: #cc0c2f;
font-family: "latowebbold";
font-size: 1.25em;
display: inline-block;
vertical-align: middle;
}
.wrap-download-blocks{

}
.download-block{
padding-left: 20px;
padding-right: 20px;
/* background: #fff; */
margin-bottom: 40px;
}
.download-block:nth-child(odd){
/*padding-left: 0px;*/
}
.download-block:nth-child(even){
/*padding-right: 0px;*/
}
.down-block {
width: 100%;
min-height: 250px;
margin: 0 auto;
background: rgba(255, 255, 255, 0.95);
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
-moz-box-shadow: 0px 0px 10px 3px #9095a8;
-webkit-box-shadow: 0px 0px 10px 3px #9095a8;
box-shadow: 0px 0px 10px 3px #9095a8;
text-align: center;
}
.wrap-add-text{
padding-left: 0px;
padding-right: 0px;
background: #fff;
padding: 20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.additional-text{
margin-bottom: 0px;
}
.additional-text p{

}
.download-span-button {
display: inline-block;
width: 35px;
height: 35px;
line-height: 23px;
background: white;
border: 1px solid #c3c3c3;
color: gray;
text-align: center;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
margin-left: 15px;
}
.download-span-button img{
width: 30px;
height: 30px;
}
.wrap-logo-version{
display: inline-block;
text-align: center;
width: 120px;
height: 120px;
line-height: 120px;
padding: 0px;
margin-top: 10px;
margin-bottom: 10px;
}
.wrap-logo-version img{
max-width: 100%;
}
.head-version{
font-size: 24px;
font-family: "LatoWebBold";
}
.btn-download{
color: #333333;
background-color: #e1e1e1;
border-color: #d3d3d3;
padding: 10px 30px;
font-size: 18px;
line-height: 1.46666667;
margin: 10px 0;
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.btn-download:hover{

}
.btn-animated {
position: relative;
min-width: 0!important;
padding-right: 45px!important;
}
.btn-download.btn-animated {
padding-right: 60px!important;
}
.btn-animated i {
-webkit-transition: right 0.2s ease-in-out;
-o-transition: right 0.2s ease-in-out;
transition: right 0.2s ease-in-out;
z-index: 3;
right: 17px;
position: absolute;
line-height: 48px;
top: 0;
min-width: 12px;
}
.btn-animated.btn-download:hover i { 
right: 15px;
}
.btn-animated:hover i { 
right: 11px;  
}
.btn-animated:after {
width: 35px;
height: 100%;
background-color: rgba(0, 0, 0, 0.1);
position: absolute;
content: "";
top: 0;
opacity: 0;
filter: alpha(opacity=0);
right: 0px;
z-index: 2;
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
-webkit-border-radius: 0 25px 25px 0;
-moz-border-radius: 0 25px 25px 0;
border-radius: 0 25px 25px 0;
width: 45px;
}
.btn-animated:hover:after {
opacity: 1;
filter: alpha(opacity=100);
}
.disabled-wrap{

}
.disabled-wrap .down-block{
background: rgba(255, 255, 255, 0.5);
}
.disabled-wrap .wrap-logo-version{

}
.disabled-wrap .wrap-logo-version img{

}
.disabled-wrap .head-version{
color: #9ca1b4;
}
.disabled-wrap .btn-disabled{
background: rgba(225, 225, 225, 0.6);
color: #95979e;
}
.disabled-wrap .btn-disabled:hover{
cursor: not-allowed;
}
.btn-download.btn-animated.in-title {
padding: 4px 14px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 14px;
/*-moz-border-radius: 3px;*/
/*-webkit-border-radius: 3px;*/
/*border-radius: 3px;*/
margin-left: 10px;
padding-right: 30px !important;
}
.btn-download.btn-animated.in-title i {
right: 12px;
line-height: 30px;
}
.btn-animated.btn-download.in-title:hover i { 
right: 8px;
}
.btn-download.btn-animated.in-title:after {
width: 30px;
/*-moz-border-radius: 0px 3px 3px 0px;*/
/*-webkit-border-radius: 0px 3px 3px 0px;*/
/*border-radius: 0px 3px 3px 0px;*/
}
.wrap-but-d{
margin-bottom: 10px;
}
.wrap-but-d>a{
margin-left: 0px !important;
width: 100%;
}
@media(max-width: 991px){
.btn-download.btn-animated.in-title{
overflow: hidden;
}
.btn-download.btn-animated.in-title:after {
opacity: 1;
background: #ababab;
}
.btn-download.btn-animated.in-title i {
right: 10px;
}
}
@media(max-width: 640px){
.download-block{
width: 100%;
padding-right: 0px;
padding-left: 0px;
}
}
/******************************************************************************************************************/
/**************************************************  SLIDE_MENU  **************************************************/
/******************************************************************************************************************/
html, 
body, 
.container-slide, 
.content-wrap {
/*overflow: hidden;
width: 100%;
height: 100%;*/
/*overflow-x: hidden;*/
}
/*.menu-wrap a {
color: #b8b7ad;
}
.menu-wrap a:hover, 
.menu-wrap a:focus {
color: #c94e50;
}*/
.content-wrap {
/*overflow-y: scroll;*/
/*overflow: hidden;*/
overflow: hidden;
-webkit-overflow-scrolling: touch;
}
.content {
position: relative;
background: #b4bad2;
}
.navbar-toggle-catalogue:before{
content: "\f0c9";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* Close Button */
.close-button {
width: 1em;
height: 1em;
position: absolute;
right: 1em;
top: 1em;
overflow: hidden;
text-indent: 1em;
font-size: 0.75em;
border: none;
background: transparent;
color: transparent;
}
.close-button:before,
.close-button:after {
content: '';
position: absolute;
width: 3px;
height: 100%;
top: 0;
left: 50%;
background: #bdc3c7;
}
.close-button:before {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.close-button:after {
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);
}
/* Menu */
.menu-wrap {
position: fixed;
top: 0;
z-index: 1011;
width: 300px;
height: 100%;
background: white;
padding: 1em 0.7em 0em 0em;
font-size: 1.15em;
-webkit-transform: translate3d(-320px,0,0);
-moz-transform: translate3d(-320px,0,0);
transform: translate3d(-320px,0,0);
-webkit-transition: -webkit-transform 0.4s;
-moz-transition: -webkit-transform 0.4s;
transition: transform 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.menu, 
.icon-list {
height: 100%;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
.icon-list {
-webkit-transform: translate3d(0,100%,0);
-moz-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
.icon-list a {
display: block;
padding: 0.8em;
-webkit-transform: translate3d(0,500px,0);
-moz-transform: translate3d(0,500px,0);
transform: translate3d(0,500px,0);
}
.icon-list,
.icon-list a {
-webkit-transition: -webkit-transform 0s 0.4s;
-moz-transition: -webkit-transform 0s 0.4s;
transition: transform 0s 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.icon-list a span {
margin-left: 10px;
font-weight: 700;
}
/******************************************************************************************************************/
/*********************************************  Сообщения об ошибках  *********************************************/
/******************************************************************************************************************/
.wrap-ssp:empty,
.wrap-err:empty{
display: none;
}
.wrap-ssp {
padding: 15px;
margin-top: 15px;
background: white;
}
.wrap-err {
padding: 15px;
margin-top: 15px;
background: white;
}
.wrap-ssp-message .def_ssp_msg, 
.wrap-err-message .def_err_msg {
padding: 20px;
/* border: 1px solid #CC0C2F; */
border-radius: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
}
.wrap-ssp-message .def_ssp_msg {
background: #DDEFD9;
}
.wrap-err-message .def_err_msg {
background: #FFEAEA;
}
.wrap-ssp-message .hdr, 
.wrap-err-message .hdr {
font-size: 1.5rem;
font-weight: 200;
display: inline-block;
color: black;
padding-bottom: 2px;
margin-bottom: 10px;
border-bottom: 1px solid #999999;
}
.wrap-ssp-message ul, 
.wrap-err-message ul {
margin-bottom: 0px;
padding-left: 25px;
}
.wrap-ssp-message li, 
.wrap-err-message li {
list-style-type: none;
padding: 3px 0px;
position: relative;
font-style: italic;
text-indent: 0px;
}
.wrap-ssp-message li:before, 
.wrap-err-message li:before {
content: "\f00c";
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
width: 1.8em;
color: #CC0C2F;
margin-left: -1.8em;
font-size: 1em;
position: absolute;
left: 0;
top: 50%;
margin-top: -.5em;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wrap-ssp-message li:before {
    color: #60AB50;
}
/******************************************************************************************************************/
/**************************************************  header_top  **************************************************/
/******************************************************************************************************************/
.wrap-header-top{
background: #454869;
padding-top: 15px;
padding-bottom: 15px;
font-size: 1.4rem;
}
.wrap-logo-student{
padding-right: 0px;
padding-left: 0px;
width: 9%;
padding-top: 5px;
}
.logo-link-student{
display: block;
}
.logo-link-student img{
width: 100%;
}
.wrap-logo-description{
color: white;
padding-right: 0px;
}
.logo-title{
font-size: 2em;
font-family: 'LatoWebSemibold';
margin-top: 0px;
margin-bottom: 0px;
}
.logo-description{
font-size: 1.35em;
font-family: 'LatoWebSemibold';
margin-bottom: 6px;
}
.logo-description strong{
font-weight: normal;
}
.wrap-page-title{
/*line-height: 0;*/
}
.wrap-header-info {
display: none;
/*line-height: 0;*/
}
.page-title{
-webkit-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
/* border: 2px solid #edd3bf; */
color: #ffffff;
/* background: white; */
display: inline-block;
display: -webkit-box;
-webkit-box-orient: vertical;
font-family: 'LatoWebSemibold';
-webkit-line-clamp: 1;
text-overflow: ellipsis;
/* white-space: nowrap; */
overflow: hidden;
font-size: 1.35em;
height: 1.5em;
line-height: 1.5em;
position: relative;
/* padding-left: 0.5em; */
/* padding-right: 0.5em; */
}
.wrap-page-title span{

}
.wrap-my-account{
margin-bottom: 7px;
}
.wrap-access{
display: inline-block;
margin-right: 6px;
vertical-align: middle;
}
.wrap-access a{
display: inline-block;
text-transform: lowercase;
color: #535459;
border: 1px solid transparent;
padding: 4px 10px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
margin-bottom: 0;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
background: #fff;
}
.wrap-access a:hover{
text-decoration: none;
background: #e9cfbd;
color: black;
}
.wrap-access .utab_adisabled{
display: none;
}
.wrap-personal-area{
display: inline-block;
vertical-align: middle;
}
.wrap-personal-area>a{
color: white;
text-decoration: none;
text-transform: uppercase;
}
.wrap-personal-area>a:hover{
color: white;
text-decoration: underline;
}
.fio-user-student {
display: inline-block;
margin-right: 8px;
color: white;
text-transform: uppercase;
}
.enter-reg-login{

}
.enter-reg-login a{
text-transform: uppercase;
color: white;
}
.wrap-menu-in-collapse .enter-reg-login a{
color: black;
padding: 5px 15px 5px;
display: inline-block;
}
.enter-reg-login a:hover{
color: white;
text-decoration: underline;
}
.wrap-menu-in-collapse .enter-reg-login a:hover{
color: black;
}
.fio-user-student a{
display: inline-block;
color: white;
text-transform: uppercase;
font-family: 'LatoWebMedium';
}
.fio-user-student a:hover{
text-decoration: underline;
}
.wrap-btn-exit{
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
background: white;
border-radius: 100%;
text-align: center;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
vertical-align: middle;
}
.wrap-btn-exit:hover{
background: #ebd1be;
}
.wrap-btn-exit a{
display: inline-block;
font-size: 0px;
color: #454869;
vertical-align: middle;
}
.wrap-btn-exit a:hover{
color:#000;
text-decoration: none;
}
.wrap-btn-exit a:before{
font-size: 2rem;
margin-left: 4px;
}
.wrap-my-basket{
text-align: right;
}
.wrap-basket-sign{

}
.title-orders{
display: inline-block;
color: white;
vertical-align: middle;
margin-right: 7px;
}
.total-orders-basket{
display: inline-block;
color: white;
vertical-align: middle;
margin-right: 7px;
}
.btn-white{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: white;
color: #555;
padding: 4px 10px;
}
.btn-white:hover{
text-decoration: none;
background: #e9cfbd;
color: black;
}
.btn-red{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #fff;
color: #6f6f6f;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
border: 1px solid #d9d9d9;
padding: 6px 30px;
}
.btn-red:hover{
text-decoration: none;
background: #f78585;
color: black;
}
/******************************************************************************************************************/
.wrap-note-link{
display: inline-block;
margin-right: 6px;
vertical-align: middle;
}
.wrap-note-link a{
display: inline-block;
background: #fff;
/* border: 1px solid transparent; */
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
height: 30px;
width: 30px;
line-height: 27px;
text-align: center;
}
.wrap-note-link a:hover{
background: #edd3bf;
}
.wrap-note-link a>span:first-child{
display: inline-block;
vertical-align: middle;
line-height: 1;
}
.wrap-note-link a>span img{
width: 20px;
}
.wrap-note-link a>span.not-txt{
display: inline-block;
vertical-align: middle;
display: none;
}
.wrap-note-index-link a{
color: #656565;
display: block;
padding: 14px;
}
.wrap-note-index-link a:hover{
text-decoration: none;
color: #000;
}
.wrap-note-index-link a>span img{
width: 18px;
}
.wrap-note-index-link a>span.not-txt{
display: inline-block;
vertical-align: middle;
}
.wrap-note-index-link a>span:first-child{
display: inline-block;
vertical-align: middle;
line-height: 1;
margin-right: 4px;
}
/******************************************************************************************************************/
@media(max-width: 991px){
.wrap-note-link a{
height: 27px;
width: 27px;
line-height: 25px;
}
.title-menu-collapse .wrap-note-link a{
height: 30px;
width: 30px;
line-height: 27px;
margin-left: 4px;
background: #e9cfbd;
}
}
/******************************************************************************************************************/
/***********************************************  header_bottom  **************************************************/
/******************************************************************************************************************/
.wrap-header-bottom{
background: white;
padding-top: 6px;
padding-bottom: 6px;
font-size: 1.4rem;
}
.wrap-header-bottom .navbar{
margin-bottom: 0px;
border-radius: 0px;
background-color: #fff;
border-color: transparent;
min-height: 35px;
min-height: auto;
/*min-height: 50px;*/
}
.wrap-header-bottom .navbar-form{
margin-bottom: 0px;
margin-top: 0px;
}
.wrap-search-student{
padding-left: 6px;
}
.wrap-select-filter{
display: inline-block;
position: relative;
padding-right: 0px;
padding-left: 0px;
}
.select-search-filter{
background: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
margin: 0;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
line-height: 1.42857143;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
-webkit-border-radius: 20px 0px 0px 20px;
-moz-border-radius: 20px 0px 0px 20px;
border-radius: 20px 0px 0px 20px;
height: 35px;
padding-right: 0px;
padding-left: 20px;
border-color: #cccccc;
color: #777777;
position: relative;
width: 100% !important;
}
.wrap-select-filter:after{
content: "\f078";
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
color: #353535;
position: absolute;
right: 0px;
top: 0;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background: transparent;
padding-left: 0px;
font-size: 1em;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
}
.input-group.search-group {
width: 100%;
}
.input-group.search-group .form-control:not(:first-child):not(:last-child) {
height: 35px;
border-right: transparent;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
}
.search-group .input-search:focus {
border-color: #cccccc;
}
.btn.search-button{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
border-top-left-radius: 0;
border-bottom-left-radius: 0;
margin-left: -1px;
background-color: transparent;
border: 1px solid #ccc;
border-left: none;
position: relative;
color: #555;
height: 35px;
}
.wrap-search-student .search-group .input-group-btn {
width: 1%;
}
.wrap-general-links{
padding-right: 0px;
}
.wrap-general-links .navbar-nav{
float: right;
}
.wrap-general-links .navbar-nav>li>a{
padding-top: 0px;
padding-bottom: 0px;
color: #555;
}
.wrap-general-links .navbar-nav>li>a:hover{
color: #000;
}
.wrap-general-links .navbar-nav>li>span{
padding: 0px 15px;
color: #cecece;
display: none;
}
.wrap-general-links .navbar-nav>li>.utab_adisabled{
display: none;
}
.wrap-general-links .navbar-nav>li:last-child>a{
padding-right: 0px;
}
.wrap-general-links .dot-link:before,
.wrap-general-links .dot-li a:before{
content: "\f111";
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
color: #717171;
font-size: 0.5em;
position: absolute;
left: 0;
top: 50%;
margin-top: -.5em;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.wrap-general-links .dot-li:hover a:before,
.wrap-general-links .navbar-nav>li>a:hover .dot-link:before{
color: #e9cfbd;
}
.wrap-general-links .dot-li a.utab_anchor_cur:before{
color: #57dfc3;
}
.wrap-nav-search{
padding-right: 0px;
padding-left: 0px;
}
.navbar-toggle-catalogue{
display: none;
}
.stick {
opacity: 0;
filter: alpha(opacity=0);
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
}
.object-visible {
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
.header-bottom.stick {
position: fixed;
width: 100%;
margin-bottom: 0px;
top: 0;
left: 0;
z-index: 999;
filter: alpha(opacity=0);
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -moz-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -moz-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
    to {
        opacity: 1;
        transform: none;
    }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}
.wrap-header-bottom.affix{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.affix{
opacity: 0;
filter: alpha(opacity=0);
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
}

.wrap-header-bottom.affix{
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
.wrap-header-bottom.affix{
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
.wrap-header-bottom.affix{
position: fixed;
width: 100%;
margin-bottom: 0px;
top: 0;
left: 0;
z-index: 1002;
filter: alpha(opacity=0);
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
opacity: 1 !important;
filter: alpha(opacity=100) !important;
-moz-box-shadow: 0px 2px 2px 1px #a5a5a5;
-webkit-box-shadow: 0px 2px 2px 1px #a5a5a5;
box-shadow: 0px 2px 2px 1px #a5a5a5;
}
.wrap-header-bottom.affix ~ .plus-cont {
padding-top: 50px;
}
.wrap-menu-in-collapse .guest-frame-login {
padding-left: 15px;
padding-right: 15px;
text-align: center;
border-top: 1px solid #e7e7e7;
}
.wrap-menu-in-collapse .title-menu-collapse>a{
display: block;
text-align: center;
padding: 5px;
border-top: 1px solid #e7e7e7;
color: black;
text-transform: uppercase;
}
.font-controls-items{
padding-right: 0px;
text-align: right;
padding-top: 7px;
}
.font-controls-items>.navbar-nav{
float: none;
margin: 0px;
}
/*.font-controls-items>.navbar-nav:first-child{
margin-right: 10px;
}*/
.font-controls-items .navbar-nav>li{
float: none;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.name-right{
display: inline-block;
vertical-align: middle;
color: white;
font-family: "LatoWebSemibold";
/*font-size: 1.3rem;*/
}
.font-controls-items .navbar-nav>li>a{
display: inline-block;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
/*border: 1px solid transparent;*/
background: white;
text-align: center;
position: relative;
width: 30px;
height: 30px;
line-height: 28px;
vertical-align: middle;
padding: 0px;
cursor: pointer;
color: #555;
}
/*.font-controls-items .navbar-nav>li>a:focus{
background: white;
box-shadow:inset none;
-moz-box-shadow:inset none;
-webkit-box-shadow: inset none;
}*/
.font-controls-items .navbar-nav>li>a:hover{
background: #edd3bf;
/*box-shadow:inset 1px 1px 1px 1px gray;*/
/*-moz-box-shadow:inset 1px 1px 1px 1px gray;*/
/*-webkit-box-shadow: inset 1px 1px 1px 1px gray;*/
color: #000;
}
.font-controls-items .navbar-nav>li>a img{
width: 18px;
height: 18px;
}
.wrap-btn-full>a {
font-size: 0;
line-height: 44px !important;
}
a.custom_pat_on:before {
content: "\e98b";
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 14px;
}
a.custom_pat_back:before{
content:"\e98c";
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
font-size: 14px;
}
.wrap-switch-template-btn{
padding-top: 14px;
}
.wrap-switch-template-btn a{
color: #464646;
display: inline-block;
background: #fff;
padding: 5px 15px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
.wrap-switch-template-btn a:hover{
color: #000;
background: #edd4c0;
text-decoration: none;
}
.wrap-socials{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.font-controls-items.wrap-socials{
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.wrap-socials .nav-socials{
margin-right: 10px;
}
.wrap-socials .nav-socials li{
margin-left: 0;
}
.wrap-socials .nav-socials a{
height: 30px;
width: 30px;
padding: 0;
cursor: pointer;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 10px;
}
.wrap-socials .nav-socials li:last-of-type a{
margin-right: 0px;
}
/*####################################################### MEDIA ####################################################*/
@media(max-width: 1199px){
.wrap-general-links .navbar-nav>li>a {
font-size: 0.85em;
}
.wrap-logo-description{
font-size: 0.8em;
}
.wrap-logo-student {
width: 10%;
padding-top: 5px;
}
.fio-user-student {
display: block;
margin-bottom: 5px;
margin-right: 0px;
font-size: 1.3em;
}
.variable-block{
font-size: 0.9em;
}
.variable-block .wrap-basket-sign .btn-white{
font-size: 1em;
}
.page-title{
font-size: 1.1em;
}
}
@media(max-width: 991px){
.wrap-logo-student{
width: 13%;
padding-top: 5px;
}
.block-width{
font-size: 0.9em;
}
.wrap-logo-description{
font-size: 0.8em;
}
.variable-block{
padding-left: 0px;
font-size: 0.77em;
}
.wrap-btn-exit {
vertical-align: middle;
width: 27px;
height: 27px;
line-height: 27px;
}
.wrap-my-basket .btn-white{
font-size: 1em;
}
.wrap-nav-search{
padding-bottom: 5px;
}
.wrap-nav-search .checkbox-circle{
margin-bottom: 0px;
margin-top: 0px;
}
.wrap-general-links .navbar-nav>li>a {
font-size: 1em;
}
.wrap-general-links {
padding-left: 0px;
}
.wrap-general-links .navbar-nav{
float: none;
text-align: center;
margin: 0px 0px 0px 0px;
}
.wrap-general-links .navbar-nav>li{
float: none;
display: inline-block;
}
.fio-user-student {
font-size: 1.5em;
margin-bottom: 4px;
display: block;
}
.page-title{
font-size: 1.2em;
width: 96%;
}
.hide-ext{
display: none;
}
}
@media(max-width: 767px){
.menu-wrap{
/*display: block;*/
}
.wrap-logo-student{
width: 20px;
position: absolute;
left: 25px;
padding-top: 0px;
z-index: 2;
}
.wrap-logo-description{
padding: 0px 50px;
}
.logo-description{
margin-bottom: 0px;
}
.block-width{
text-align: center;
}
.variable-block{
display: none;
}
.wrap-header-top .wrap-page-title{
display: none;
}
.wrap-header-bottom{
padding-top: 0px;
padding-bottom: 0px;
}
.wrap-header-bottom .navbar-header{
position: relative;
text-align: center;
padding: 5px 60px;
min-height: 50px;
}
.wrap-header-info {
display: inline-block;
width: 88%;
position: relative;
text-align: center;
vertical-align: middle;
padding-top: 6px;
}
.wrap-header-bottom .navbar-toggle{
float: none;
position: absolute;
right: 15px;
margin: 0px 0px 0px 0px;
display: inline-block;
vertical-align: middle;
height: 42px;
width: 42px;
line-height: 42px;
padding: 0px;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
top: 22%;
margin-top: -0.5em;
}
.wrap-header-bottom .navbar-toggle:focus{
background-color: transparent;
}
.wrap-header-bottom .navbar-toggle:hover {
background-color: #ddd;
}
.wrap-header-bottom .navbar-toggle-catalogue{
position: absolute;
left: 15px;
display: inline-block;
vertical-align: middle;
height: 42px;
width: 42px;
line-height: 42px;
padding: 0px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-color: #ddd;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
top: 22%;
margin-top: -0.5em;
}
.wrap-header-bottom .navbar-toggle-catalogue:focus{
background-color: transparent;
outline: 0;
}
.wrap-header-bottom .navbar-toggle-catalogue:hover {
background-color: #ddd;
}
.navbar-default .navbar-collapse.collapse-student{
padding-right: 0px;
padding-left: 0px;
margin-right: -15px;
margin-left: -15px;
}
.wrap-general-links .navbar-nav{
text-align: left;
}
.wrap-general-links .navbar-nav>li{
display: block;
}
.wrap-general-links .navbar-nav>li>a {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 3.6em;
padding-right: 30px;
border-top: 1px solid #e7e7e7;
}
.wrap-general-links .dot-link:before, .wrap-general-links .dot-li a:before {
left: 4.3em;
}
.wrap-general-links .navbar-nav>li:last-child>a {
padding-right: 15px;
}
.wrap-search-student .navbar-form{
padding-top: 0px;
padding-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
border-top: none;
border-bottom: none;
}
.wrap-nav-search{
padding-bottom: 10px;
padding-top: 10px;
padding-left: 30px;
padding-right: 30px;
}
.title-menu-collapse .fio-user-student{
color: black;
display: block;
padding: 5px 30px 5px 30px;
border-top: 1px solid #454869;
text-align: right;
margin-bottom: 0px;
font-size: 1.2em;
}
.wrap-access-exit{
text-align: right;
border-top: 1px solid #e7e7e7;
padding: 5px 30px;
}
.title-menu-collapse .wrap-access {
margin-right: 0px;
}
.title-menu-collapse .wrap-access a{
background: #e9cfbd;
/*color: black;*/
}
.title-menu-collapse .wrap-btn-exit{
background: #ebd1be;
width: 30px;
height: 30px;
line-height: 30px;
}
.title-menu-collapse .wrap-btn-exit a{
color: #555;
}
.collapse-basket .wrap-basket-sign{
text-align: center;
border-top: 1px solid #454869;
padding: 10px 30px;
}
.collapse-basket .title-orders{
color: black;
}
.collapse-basket .total-orders-basket{
color: black;
}
.collapse-basket .wrap-basket-sign>a.btn-white{
background: #e9cfbd;
/*color: black;*/
}
.page-title{
font-size: 1em;
width: 100%;
padding: 0px 6px;
color: #000;
/*line-height: 2.7em;*/
/*line-height: 1.7em;*/
line-height: 2em;
border: none;
}
/* Shown menu */
.show-menu .menu-wrap {
display: block;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition: -webkit-transform 0.8s;
-moz-transition: -webkit-transform 0.8s;
transition: transform 0.8s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .icon-list,
.show-menu .icon-list a {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
-webkit-transition: -webkit-transform 0.8s;
-moz-transition: -webkit-transform 0.8s;
transition: transform 0.8s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .icon-list a {
-webkit-transition-duration: 0.9s;
transition-duration: 0.9s;
}
.content{
overflow: hidden;
}
.content:before {
position: absolute;
top: 0;
left: 0;
z-index: 1010;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.3);
content: '';
opacity: 0;
transform: translate3d(100%,0,0);
-webkit-transform: translate3d(100%,0,0); /** Chrome & Safari **/
-moz-transform: translate3d(100%,0,0); /** Chrome & Safari **/
-o-transform: translate3d(100%,0,0); /** Opera **/
-moz-transform: translate3d(100%,0,0); /** Firefox **/
-webkit-transition: opacity 0.4s, -webkit-transform 0s 0.4s;
-moz-transition: opacity 0.4s, -webkit-transform 0s 0.4s;
transition: opacity 0.4s, transform 0s 0.4s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
}
.show-menu .content:before {
opacity: 1;
-webkit-transition: opacity 0.8s;
-moz-transition: opacity 0.8s;
transition: opacity 0.8s;
-webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
transition-timing-function: cubic-bezier(0.7,0,0.3,1);
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.font-menu-collapse{
text-align: right;
border-top: 1px solid #e7e7e7;
padding: 5px 30px;
}
.font-controls-items{
padding-top: 0px;
}
.font-menu-collapse .name-right{
color: #6e6a6b;
font-family: "LatoWeb";
}
.font-menu-collapse .font-controls-items .navbar-nav>li>a{
background: #edd3bf;
}
.wrap-switch-template-btn.acc-btn{
padding-top: 5px;
font-size: 1.4rem;
}
}
@media(max-width: 460px){
.wrap-logo-student {
width: 25px;
}
.wrap-logo-description {
font-size: 0.7em;
}
}
@media(max-width: 420px){
.wrap-logo-student {
width: 20px;
}
.wrap-logo-description {
font-size: 0.6em;
}
}
@media(max-width: 370px){
.wrap-logo-description {
font-size: 0.52em;
padding: 0px 35px;
}
}
/*################################################## Поисковая строка ##############################################*/
.search-tips-block {
left: 0;
width: 100%;
top: 45px;
border: 1px solid #ccc;
border-top-color: #d9d9d9;
background: white;
box-shadow:0px 5px 10px 1px rgba(0,0,0,0.2);
-moz-box-shadow:0px 5px 10px 1px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.2);
}
.search-tips-block .pr {
cursor: pointer;
font-size: 1.1em;
padding: 0.5em 1em 0.5em 1em;
line-height: 1.5;
text-align: left;
width: 100%;
display: block;
float: left;
border-bottom: 1px solid #EAEAEA;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #444444;
}
.search-tips-block .pr.cur{
background: rgba(69,72,105,0.15);
}
.search-tips-block .pr:hover{
background: rgba(69,72,105,0.15);
}
.search-tips-block .prompt-text {

}
.search-tips-block .pr .h {
color: black;
font-family: 'LatoWebSemibold';
}
/******************************************************************************************************************/
/********************************************  header-bottom-reader  **********************************************/
/******************************************************************************************************************/
.header-bottom-reader{

}
.header-bottom-reader .wrap-search-student{
padding-left: 0px;
}
.checkbox-circle{
padding-right: 0px;
padding-left: 35px;
font-size: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
label.label-check{
height: 35px;
line-height: 35px;
padding-left: 15px;
font-size: 13px;
}
.checkbox input[type=checkbox]{
margin-left: auto;
left: 10px;
top: 12px;
margin-top: 0px;
opacity: 0;
}
.input-check{
opacity: 0;
}
.label-check:before{
content: "";
display: inline-block;
position: absolute;
width: 35px;
height: 35px;
left: 0;
border: 1px solid #cccccc;
border-radius: 3px;
background-color: #fff;
-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-moz-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}
.checkbox.checkbox-circle label:before {
border-radius: 50%;
}
.checkbox label:after {
display: inline-block;
position: absolute;
left: 10px;
top: 0;
font-size: 15px;
color: #555555;
}
.checkbox input[type="checkbox"]:checked + label:after {
font-family: 'FontAwesome';
content: "\f00c";
}
.header-bottom-reader .input-group.search-group .form-control:not(:first-child):not(:last-child) {
-webkit-border-radius: 20px 0px 0px 20px;
-moz-border-radius: 20px 0px 0px 20px;
border-radius: 20px 0px 0px 20px;
}
.input-group.search-group .form-control {
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
/******************************************************************************************************************/
/*********************************************  main_content_index  ***********************************************/
/******************************************************************************************************************/
.wrap-main-blocks{
padding-top: 15px;
}
.wrap-main-blocks .main-block{
padding: 15px;
background: white;
text-align: center;
}
.wrap-main-blocks .col-md-4{
margin-bottom: 15px;
}
.main-block span.main-block-span{
display: block;
padding: 10px 15px 0px 15px;
font-family: 'LatoWebSemibold';
text-align: center;
text-transform: uppercase;
}
.wrap-main-blocks .main-block a.main-block-link{
display: block;
padding: 15px;
color: black;
background:#edd3bf;
-moz-box-shadow: -5px 5px 1px 0px #cecece;
-webkit-box-shadow: -5px 5px 1px 0px #cecece;
box-shadow: -5px 5px 1px 0px #cecece;
}
.wrap-main-blocks .main-block.st-attention a.main-block-link{
background:#57dfc3;
}
.wrap-main-blocks .main-block a.main-block-link:hover{
text-decoration: underline;
}
.description-main-block{
display: table;
height: 5em;
width: 100%;
text-align: center;
}
.description-main-block span{
display: table-cell;
vertical-align: middle;
}
.block-help-librarian{
padding-left: 0px;
padding-right: 0px;
}
.block-instr{
padding-left: 0px;
padding-right: 8px;
}
.block-my-lists{
padding-right: 0px;
padding-left: 0px;
}
.block-checkup{
text-align: center;
background: #fff;
padding: 8px;
margin-bottom: 8px;
}
.wrap-blocks-3{
padding-left: 0px;
padding-right: 0px;
}
.wrap-checkup-link{

}
.wrap-checkup-link .checkup-link{
display: block;
color: #656565;
vertical-align: middle;
}
.wrap-checkup-link .checkup-link.dis{
color: #b9b9b9;
}
.wrap-checkup-link .checkup-link:hover{
color: #000;
text-decoration: none;
}
.wrap-checkup-link .checkup-link.dis:hover{
color: #b9b9b9;
}
.wrap-checkup-link .checkup-link:before{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-right: 4px;
font-size: 16px;
color: #767676;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
vertical-align: middle;
}
.wrap-checkup-link .checkup-link.dis:before{
color: #b9b9b9;
}
.wrap-checkup-link .checkup-link:before{
content: "\f046";
}
.wrap-checkup-link .checkup-link:hover:before{
color: #000;
}
.wrap-checkup-link .checkup-link.dis:hover:before{
color: #b9b9b9;
}
/******************************************************************************************************************/
.wrap-note-link{
display: inline-block;
margin-right: 6px;
vertical-align: middle;
}
.wrap-note-link a{
display: inline-block;
background: #fff;
/* border: 1px solid transparent; */
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
height: 30px;
width: 30px;
line-height: 27px;
text-align: center;
}
.wrap-note-link a:hover{
background: #edd3bf;
}
.wrap-note-link a>span:first-child{
display: inline-block;
vertical-align: middle;
line-height: 1;
}
.wrap-note-link a>span img{
width: 20px;
}
.wrap-note-link a>span.not-txt{
display: inline-block;
vertical-align: middle;
display: none;
}
.wrap-note-index-link{
text-align: center;
}
.wrap-note-index-link a{
color: #656565;
display: block;
padding: 7px;
background: white;
}
.wrap-note-index-link a:hover{
text-decoration: none;
color: #000;
}
.wrap-note-index-link a>span img{
width: 18px;
}
.wrap-note-index-link a>span img[src$="notifications.png"]{
display: inline-block;
/*-moz-animation: pulse 2s infinite linear;
-o-animation: pulse 2s infinite linear;
-webkit-animation: pulse 2s infinite linear;
animation: pulse 2s infinite linear;
-moz-box-shadow: 0px 0px 0px 4px #d641286b;
-webkit-box-shadow: 0px 0px 0px 4px #d641286b;
box-shadow: 0px 0px 0px 4px #d641286b;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #ff00004d;*/
}
@-webkit-keyframes pulse {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
@-moz-keyframes pulse {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
@-o-keyframes pulse {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
@-ms-keyframes pulse {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
@keyframes pulse {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1; }
}
.wrap-note-index-link a>span.not-txt{
display: inline-block;
/*vertical-align: middle;*/
}
.wrap-note-index-link a>span:first-child{
display: inline-block;
/*vertical-align: middle;*/
/*line-height: 1;*/
/*margin-right: 10px;*/
}
.wrap-lists-link{
text-align: center;
}
.my-lists-link{
color: #656565;
display: block;
padding: 8px;
background: #fff;
}
.my-lists-link:focus{
text-decoration: none;
color: #8b8b8b;
}
.my-lists-link:hover{
text-decoration: none;
color: #000;
}
.my-lists-link:before{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-right: 4px;
font-size: 14px;
color: #767676;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.my-lists-link:before{
content: "\f03a";
}
.my-lists-link:hover:before{
color: #000;
}
.wrap-note-index-link a,
.wrap-lists-link a{
padding: 0;
height: 35px;
line-height: 35px;
}
.wrap-note-index-link a:hover,
.wrap-lists-link a:hover{
text-decoration: none;
color: #000;
}
/**************************************************  MEDIA  *******************************************************/
@media(max-width: 1199px){
.instr-link,
.my-lists-link{
/*padding: 25px;*/
}
.wrap-note-index-link a{
/*padding: 25px 0px;*/
}
.my-lists-link{
/*padding: 25px 10px;*/
}
.wrap-main-blocks .main-block a.main-block-link.instr-link{
/*padding: 25px;*/
}
}
@media(max-width: 991px){
.wrap-main-blocks .col-md-4 {
padding-right: 15px;
padding-left: 15px;
}
.wrap-main-blocks .col-md-2 {
margin-bottom: 15px;
}
.block-my-lists{
/*padding-right: 15px;*/
}
.block-instr {
/*padding-left: 15px;*/
}
.wrap-main-blocks .main-block a.main-block-link{
text-align: left;
}
.wrap-note-index-link a {
/*padding: 15px 0px;*/
}
.my-lists-link {
/*padding: 15px 10px;*/
}
.wrap-main-blocks .main-block a.main-block-link.instr-link {
/*padding: 15px;*/
}
.wrap-note-link a{
height: 27px;
width: 27px;
line-height: 25px;
}
.title-menu-collapse .wrap-note-link a{
height: 30px;
width: 30px;
line-height: 27px;
margin-left: 4px;
background: #e9cfbd;
}
}
@media(max-width: 375px){
.header-bottom-reader .wrap-nav-search{
text-align: center;
}
.header-bottom-reader .wrap-search-student {
width: 100%;
padding-right: 0px;
margin-bottom: 10px;
}
.wrap-main-blocks .col-md-2{
width: 100%;
}
.block-my-lists {
/*padding-left: 15px;*/
}
.checkbox-circle{
width: auto;
}
}
/******************************************************************************************************************/
/***********************************************  subscriptions  **************************************************/
/******************************************************************************************************************/
.wrap-subscriptions{
margin-bottom: 15px;
}
.wrap-subscriptions-catalogue{
margin-left: -5px;
margin-right: -5px;
}
.wrap-head-subscriptions{
background: white;
margin-bottom: 2px;
margin-top: 0px;
padding: 15px;
padding-left: 30px;
text-transform: uppercase;
font-size: 1.25em;
position: relative;
display: block;
color: #333;
}
.head-link-subscriptions{
/* background: white; */
margin-bottom: 2px;
margin-top: 0px;
/* padding: 15px; */
padding-left: 20px;
text-transform: uppercase;
font-size: 1.25em;
position: relative;
display: block;
color: #333;
margin-top: 10px;
/*text-decoration: underline;*/
}
.wrap-head-subscriptions:hover,
.head-link-subscriptions:hover{
color: #000;
}
.wrap-head-subscriptions:before,
.head-link-subscriptions:before{
content: "\f111";
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
color: #57dfc3;
font-size: 0.5em;
position: absolute;
left: 0;
top: 50%;
margin-left: 15px;
margin-top: -.5em;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.head-link-subscriptions:before{
margin-left: 5px;
}
.wrap-all-subscriptions{
height: 13.75em;
background: white;
display: table;
width: 100%;
padding: 15px;
margin-bottom: 2px;
}
.wrap-all-cat-subscriptions{

}
.wrap-no-subs-text{
display: table-cell;
vertical-align: middle;
text-align: center;
text-transform: uppercase;
font-size: 1.2em;
font-family: 'LatoWebLight';
}
.wrap-one-subscription{
padding: 5px;
text-align: center;
display: table;
}
.wrap-one-subscription a{
display: table-cell;
vertical-align: middle;
height: 12.5em;
width: 100%;
position: relative;
background: #57dfc3;
color: white;
font-family: 'LatoWebSemibold';
/*text-transform: uppercase;*/
}
.wrap-one-subscription a:hover{
text-decoration: none;
-moz-box-shadow: -5px 5px 1px 0px #9fb1ad;
-webkit-box-shadow: -5px 5px 1px 0px #9fb1ad;
box-shadow: -5px 5px 1px 0px #9fb1ad;
}
.to-all-link{
text-align: right;
background: white;
padding: 3px 6px 3px 0px;
}
.to-all-link:empty{
display: none;
}
.to-all-link a{
color: #333;
text-transform: uppercase;
font-family: "LatowebSemibold";
}
.to-all-link a:hover{
color: #000;
}
.wrap-all-my-subscriptions{

}
.wrap-all-my-subscriptions .to-all-link{
display: none;
}
.wrap-all-my-subscriptions .wrap-one-subscription{
width: 20%;
}
.wrap-all-my-subscriptions .wrap-one-subscription a {
height: 10.85em;
}
/****************************************************  MEDIA  *****************************************************/
@media(max-width: 1199px){
.wrap-all-my-subscriptions .wrap-one-subscription {
width: 24.9%;
}
.wrap-one-subscription a{
height: 10.1em;
}
.wrap-all-subscriptions {
height: auto;
}
}
@media(max-width: 991px){
.wrap-all-my-subscriptions .wrap-one-subscription {
width: 33%;
}
}
@media(max-width: 520px){
.wrap-one-subscription{
width: 50%;
}
.wrap-all-my-subscriptions .wrap-one-subscription {
width: 49.8%;
}
}
@media(max-width: 380px){
.wrap-one-subscription{
width: 100%;
padding: 5px;
}
.wrap-all-my-subscriptions .wrap-one-subscription {
width: 100%;
padding: 5px;
}
}
/******************************************************************************************************************/
/*************************************************  index_texts  **************************************************/
/******************************************************************************************************************/
.wrap-presentation-texts{
margin-bottom: 15px;
}
.index-text-left{
padding-right: 0px;
}
.wrap-left-text{
padding: 15px;
background: white;
}
.wrap-right-text{
padding: 15px;
background: white;
}
.wrap-left-text,
.wrap-right-text{
min-height: 9.5em;
}
.inclusive-education-intro{
padding: 15px;
background: white;
margin-bottom: 15px;
}
.inclusive-education-intro strong{
border-bottom: 2px solid #3e3e3e;
color: #3e3e3e;
padding-bottom: 3px;
display: inline-block;
font-size: 1.1em;
}
.inclusive-education-intro>p:last-child{
margin-bottom: 0px;
}
.custom-ul-iconed{
list-style: none;
padding-left: 30px;
}
.custom-ul-iconed li{
position: relative;
margin-bottom: 3px;
}
.custom-ul-iconed li:before{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
vertical-align: middle;
position: absolute;
top: 5px;
/* margin-top: -.6em; */
left: -24px;
font-size: 10px;
}
.i-circle li:before{
content: "\f111";
}
.default-i-color li:before{
color: #3e3e3e;
}
/***************************************************  MEDIA  ******************************************************/
@media (max-width: 1199px) {
.wrap-left-text, .wrap-right-text {
min-height: 10.75em;
}	
}
@media (max-width: 767px) {
.index-text-left{
padding-right: 15px;
margin-bottom: 15px;
}
.wrap-left-text, .wrap-right-text {
min-height: auto;
}	
}
/******************************************************************************************************************/
/*************************************************  read_index  ***************************************************/
/******************************************************************************************************************/
.wrap-read-index{
/*background: white;*/
/*margin-bottom: 15px;*/
}
.full-read-stickers-area .wrap-read-index{
background: white;
}
.wrap-grid{
padding: 5px;
background: #fff;
}
.wrap-read-index .wrap-no-subs-text{
/*display: none;*/
}
.wrap-read-index .wrap-head-subscriptions:before{
color: #edd3bf; 
}

.wrap-book-sticker-index-id{
margin-bottom: 15px;
}
.wrap-book-sticker-index-id:nth-child(odd){
padding-right: 0px;
}
.wrap-book-sticker-index{
padding: 15px;
background: #edd3bf;
min-height: 12em;
}
.wrap-avatar-book{
display: block;
-ms-flex: 0 0 60px;
flex: 0 0 90px;
max-width: 90px;
}
.wrap-avatar-book > a{
display: block;
float: left;
}
.wrap-avatar-book > a img{
max-width: 60px;
}
.wrap-avatar-book > a:hover{
text-decoration: none;
-moz-box-shadow: -5px 5px 1px 0px #9a8e85;
-webkit-box-shadow: -5px 5px 1px 0px #9a8e85;
box-shadow: -5px 5px 1px 0px #9a8e85;
}
.wrap-avatar-book > img{
/*width: 100%;*/
width: 60px;
float: left;
}
.wrap-markers-book{
list-style: none;
padding: 0px;
margin: 0;
/*width: 20%;
float: left;*/
/*margin-top: 5px;*/
margin-left: 5px;
float: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-direction: column;
    flex-direction: column;
}
.wrap-title-book{
margin-bottom: 15px;
color: #000;
display: inline-block;
}
.wrap-title-book:hover{
text-decoration: underline;
color: #000;
}
.wrap-markers-book li{
display: inline-block;
margin-bottom: 5px;
}
.wrap-markers-book li:empty{
display: none;
}
.wrap-markers-book li img{
width: 20px;
}
.wrap-title-book h2{
margin-bottom: 0px;
margin-top: 0px;
font-size: 1.3em;
font-family: 'LatoWebSemibold';
display: inline-block;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
height: 2.25em;
position: relative;
}
.wrap-authors-book{

}
.wrap-bibliography-book .head,
.wrap-authors-book .head,
.wrap-publisher-book .head,
.wrap-year-book .head,
.wrap-prototype-book .head{
text-align: left;
display: inline-block;
width: 30%;
vertical-align: top;
font-family: 'LatoWebSemibold';
}
.wrap-bibliography-book .value,
.wrap-authors-book .value,
.wrap-publisher-book .value,
.wrap-year-book .value,
.wrap-prototype-book .value{
text-align: left;
display: inline-block;
width: 70%;
vertical-align: middle;
padding-left: 30px;
font-size: 0.9em;
}
.wrap-book-sticker-index-id .wrap-authors-book .value{
-webkit-line-clamp: 2;
text-overflow: ellipsis;
overflow: hidden;
height: 2.75em;
position: relative;
}
.wrap-add-to-basket{
text-align: center;
}
.wrap-add-basket-reader .wrap-add-to-basket{
text-align: left;
}
.stop_sale{
display: inline-block;
-webkit-transform: rotate(340deg);
-moz-transform: rotate(340deg);
-ms-transform: rotate(340deg);
-o-transform: rotate(340deg);
transform: rotate(340deg);
border: 3px dashed #fd3f31;
padding: 6px 12px;
/* margin-left: 20px; */
color: #000000;
text-align: center;
z-index: 10;
}
.cartoon-brief{
padding-left: 0px;
padding-right: 0px;
}
.wrap-add-to-basket .add_to_basket,
.wrap-add-to-basket .go_to_basket{
display: inline-block;
text-transform: lowercase;
color: #fff;
border: 1px solid transparent;
padding: 4px 14px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
margin-bottom: 0;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
background: #d45a5a;
font-family: 'LatoWebSemibold';
}
.wrap-add-to-basket .add_to_basket{
padding: 4px 6px;
/*width: 100%;*/
}
.wrap-add-to-basket .alredy_is{
margin-bottom: 5px;
display: inline-block;
}
.wrap-add-to-basket .alredy_is_br{
margin-bottom: 0px;
}
.wrap-add-to-basket .add_to_basket:hover,
.wrap-add-to-basket .go_to_basket:hover{
/*text-decoration: none;
background: #fff;
color: #535459;*/
}
.wrap-add-to-basket > div{
display: block;
}
/***************************************************  MEDIA  ******************************************************/
@media(max-width: 1199px){
.wrap-book-sticker-index .wrap-avatar-book > img {
width: 48px;
}
.wrap-book-sticker-index .wrap-add-to-basket .add_to_basket, 
.wrap-book-sticker-index .wrap-add-to-basket .go_to_basket{
font-size: 0.8em;
}
.wrap-book-sticker-index .wrap-add-to-basket .alredy_is{
font-size: 0.8em;
}
}
@media(max-width: 991px){
.wrap-book-sticker-index-id:nth-child(odd){
padding-right: 15px;
}
.stop_sale{
transform: none;
}
}
@media(max-width: 767px){
.wrap-book-sticker-index-id:nth-child(odd) {
padding-right: 7px;
}
.wrap-book-sticker-index-id:nth-child(even) {
padding-left: 7px;
}
.wrap-book-sticker-index .wrap-avatar-book{
float: none;
}
.wrap-book-sticker-index .wrap-avatar-book > a {
border: 3px solid #ffeee1;
min-height: 11em;
line-height: 11em;
margin-bottom: 3px;
}
.wrap-book-sticker-index .wrap-markers-book {
border: 3px solid #ffeee1;
padding: 6px;
float: none;
margin-left: 0px;
width: 100%;
}
.wrap-book-sticker-index .wrap-avatar-book > img {
width: auto;
-moz-box-shadow: -5px 5px 1px 0px #9a8e85;
-webkit-box-shadow: -5px 5px 1px 0px #9a8e85;
box-shadow: -5px 5px 1px 0px #9a8e85;
}
.wrap-book-sticker-index .wrap-markers-book li{
margin-bottom: 0px;
}
.wrap-book-sticker-index .wrap-markers-book li img {
width: 24px;
}
.short-info-brief{
padding-left: 0px;
padding-right: 0px;
margin-bottom: 10px;
}
.cartoon-brief{
text-align: center;
margin-bottom: 10px;
}
.wrap-book-sticker-index .wrap-add-basket-index{
display: table;
width: 100%;
min-height: 5em;
border-top: 3px dashed #ffeee1;
padding-top: 10px;
}
.wrap-book-sticker-index .wrap-add-to-basket .add_to_basket, 
.wrap-book-sticker-index .wrap-add-to-basket .go_to_basket {
font-size: 1em;
}
.wrap-book-sticker-index .wrap-add-to-basket .alredy_is {
font-size: 1em;
}
.wrap-book-sticker-index .wrap-add-to-basket {
text-align: center;
display: table-cell;
vertical-align: middle;
}
}
@media(max-width: 580px){
.wrap-book-sticker-index-id{
width: 100%;
}
.wrap-book-sticker-index-id:nth-child(odd) {
padding-right: 15px;
}
.wrap-book-sticker-index-id:nth-child(even) {
padding-left: 15px;
}
}

/*****************************************************************************************************************
/*********************************************  Расширенный поиск  ************************************************/
/******************************************************************************************************************/
.extsearch-title{
padding: 15px;
margin-top: 0px;
margin-bottom: 2px;
background: white;
text-align: center;
font-size: 2em;
}
.current-search{
padding: 15px;
background: white;
margin-bottom: 2px;
font-size: 1.5em;
text-align: center;
}
.wrap-extsearch{

}
.extsearch_gds:before,
.extsearch_gds:after,
.extsearch_flds:after,
.extsearch_flds:before{
display: table;
content: " ";
}
.extsearch_flds:after,
.extsearch_gds:after{
clear: both;
}
.extsearch_flds{
padding: 15px;
background: white;
margin-bottom: 2px;
}
.extsearch_fld{

}
.extsearch_fld_head{
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-family: 'LatoWebSemibold';
}
.extsearch_fld_INPUT input{
display: block;
width: 100% !important;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
height: 35px;
border-color: #e1e1e1;
color: #777777;
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
}
.extsearch_fld_INPUT input:focus{
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.inputs-book-year{

}
div[class^="input-year-"]{

}
div[class^="input-year-"] input{
padding-right: 34px;
-moz-border-radius: 34px;
-webkit-border-radius: 34px;
border-radius: 34px;
display: inline-block;
width: 94%;
}
div[class^="input-year-"]>i{
line-height: 34px;
right: 3px;
}
.input-year-from{
padding-left: 0px;
padding-right: 0px;
}
.input-year-to{
padding-right: 0px;
}
div[class^="input-year-"]>span{
display: inline-block;
width: 6%;
vertical-align: middle;
text-align: left;
padding-right: 1%;
}
.f-r-o-m{

}
.t-o{

}
.extsearch_gds{
background: white;
margin-bottom: 2px;
padding: 15px;
}
.extsearch_gds_h{
margin-bottom: 15px;
font-size: 1.5em;
}
.extsearch_gds_col3{
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 0px;
width: 33.33333333%;
display: inline-block;
}
.chbox_row{
width: 100%;
}
.chbox_row>tbody>tr{
display: inline-block;
margin-bottom: 3px;
}
.chbox_row>tbody>tr>td:first-child{
padding-left: 0px;
padding-right: 6px;
}
.chbox_row>tbody>tr>td:first-child input{
margin-top: 0px;
}
.extsearch_gds_col3:after{
clear: both;
content:"";
}
.extsearch_gds_dlm{
display: none;
}
.extsearch_gds table tbody tr td a {
display: inline-block;
padding: 6px 30px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #fff;
color: #6f6f6f;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
border: 1px solid #d9d9d9;
}
.extsearch_gds>table {
text-align: center;
width: 100%;
margin-top: 30px;
float: left;
}
.extsearch_gds table tbody tr td a:focus{
text-decoration: none;
}
.extsearch_gds table tbody tr td a:hover{
background: #d0fbf3;
color: #359c87;
text-decoration: none;
border-color: transparent;
}
.extsearch_GO_fields {
text-align: center;
padding: 15px;
background: white;
}
.extsearch_GO_fields input{
display: inline-block;
padding: 6px 30px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #fff;
color: #6f6f6f;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
border: 1px solid #d9d9d9;
}
.extsearch_GO_fields input:hover{
background: #ebd1be;
border-color: transparent;
}
.extsearch_gds_h{
margin-bottom: 10px;
margin-top: 10px;
font-size: 1.25em;
padding: 7px 15px;
border: 1px solid #b4bad2;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
.extsearch_gds_h input[type="checkbox"]{
margin-top: 0px;
margin-bottom: 4px;
margin-right: 10px;
vertical-align: middle;
}
.extsearch_gds_h input[type="checkbox"]:hover{
cursor: pointer;
}
.extsearch_gds_col3+table{
width: 100%;
margin-top: 20px;
margin-bottom: 20px;
}
/***************************************************  Media  ******************************************************/
@media(max-width: 767px){
div[class^="input-year-"] {
padding-left: 0px;
}
.input-year-from {
margin-bottom: 15px;
}
}
@media(max-width: 640px){
.extsearch_gds_col3{
width: 100%;
}
}
/******************************************************************************************************************/
/*****************************************  pages.main_frame.catalogue  *******************************************/
/******************************************************************************************************************/
.wrap-content-inside{
background: white;
padding: 15px;
}
.wrap-catalogue-title{
margin-top: 0px;
font-family: 'LatoWebSemibold';
text-align: center;
margin-bottom: 20px;
font-size: 2em;
}
.clarification-title{

}
.wrap-kits-catalogue{
padding: 15px 30px;
padding-right: 0px;
border: 4px solid #b1b6c9;
/*border-right-width: 3px;*/
border-top: none;
background: #fdfaf8;
}
.tabs.tabs-style-bar {

}
.tabs-style-bar nav {
background: #b1b6c9;
}
.tabs-style-bar nav ul {
border: 4px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
border-bottom: none;
}
.tabs.tabs-style-bar nav ul li{
width: 33.33333333%;
padding: 0px;
vertical-align: middle;
}
.tabs.tabs-style-bar nav ul li:first-child > a,
.tabs.tabs-style-bar nav ul li:first-child > span{
padding: 1.85em;
}
.tabs-style-bar nav ul li a,
.tabs-style-bar nav ul li>span {
margin: 0 2px;
background-color: rgba(247, 247, 247, 0.63);
color: #74777b;
display: block;
padding: 15px;
}
.tabs-style-bar nav ul li:last-child a,
.tabs-style-bar nav ul li:last-child>span {
margin-right: 1px;
}
.tabs-style-bar nav ul li a{
color: #555;
border-bottom: 4px solid #b1b6c9;
}
.tabs-style-bar nav ul li a:hover{
color: #000;
}
.tabs-style-bar nav ul li.tab-current>span{
background: #fdfaf8;
-moz-box-shadow: inset 0px 5px 0px #ecd2be;
-webkit-box-shadow: inset 0px 5px 0px #ecd2be;
box-shadow: inset 0px 5px 0px #ecd2be;
color: #313131;
font-family: 'LatoWebSemibold';
border-bottom: 4px solid #fdfaf8;
}
.wrap-content-inside .kits_tree{
/*margin-right: -15px;*/
/*margin-left: -15px;*/
}
.kits_tree:after,
.kits_tree:before{
display: table;
content: " ";
}
.kits_tree:after{
clear: both;
}
/*******************************************************************************************/
/**********************************  Колонки для каталогов *********************************/
/*******************************************************************************************/
.wrap-kits-catalogue .kits_tree>.kt-col{
position: relative;
min-height: 1px;
padding-right: 30px;
/* padding-left: 15px; */
}
.main-catalogue .kits_tree>.kt-col{
width: 33.33333333%;
float: left;
}
.ugs-catalogue .kits_tree>.kt-col{
width: 33.33333333%;
float: left;
}
.pub-catalogue .kits_tree>.kt-col{
width: 33.33333333%;
float: left;
}
.main-catalogue .kits_tree>.kt-item.ktg-0,
.main-catalogue .kits_tree>div[class^="ctlg_col"]{
width: 33.33333333%;
float: left;
/* padding-left: 15px; */
padding-right: 30px;
}
.kt-item{
position: relative;
}
.kt-item.ktg-0{
margin-bottom: 10px;
}
.kt-item.ktg-1{

}
.kits-pma{
/*display: inline-block;*/
/* width: 5%; */
/* vertical-align: top; */
/* margin-right: 8px; */
position: absolute;
left: -22px;
}
.kits-pma:hover{

}
.kits-pma img{
/*margin-right: 8px;*/
width: 15px;
}
a.item-head{
vertical-align: text-top;
display: inline-block;
/* color: #9a531c; */
/* color: #6268a0; */
color: #000000;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 2px;
padding-top: 0px;
margin-bottom: 5px;
border-bottom: 2px solid #ecd2be;
font-size: 1.15em;
width: 100%;
}
.main-catalogue a.item-head{
font-family: 'LatoWebsemiBold';
}
a.item-head:hover{
color: #000;
text-decoration: none;
border-bottom: 2px solid #000000;
}
a.kta{
vertical-align: text-top;
display: inline-block;
/*color: #b36427;*/
/*color: #6268a0;*/
color: #000000;
padding-right: 0px;
padding-left: 0px;
padding-bottom: 2px;
padding-top: 0px;
border-bottom: 2px solid #ecd2be;
font-size: 1em;
margin-bottom: 5px;
width: 100%;
/*text-transform: uppercase;*/
}
.main-catalogue a.kta{
font-family: 'LatoWebSemibold';
}
a.kta-0,
a.kta-1{

}
a.kta-0{

}

a.kta-2{

}
a.kta-3{

}
a.kta:hover{
color: #000;
text-decoration: none;
border-bottom: 2px solid #000000;
}
span.item-head{
vertical-align: text-top;
display: inline-block;
/*color: #636363;*/
/*color: #545454;*/
color: #333;
/*font-family: 'LatoWebBold';*/
padding-right: 0px;
padding-left: 0px;
padding-bottom: 3px;
padding-top: 0px;
border-bottom: 2px solid transparent;
font-size: 1.1em;
width: 100%;
/*text-transform: uppercase;*/
}
span.item-head span{

}
div[id^="item-"]{
/*padding-left: 1.5em;*/
padding-left: 6%;
margin-bottom: 15px;
font-size: 0.95em;
}
/***************************************************  MEDIA  ******************************************************/
@media(max-width: 1199px){
.tabs.tabs-style-bar nav ul li:first-child > a, 
.tabs.tabs-style-bar nav ul li:first-child > span {
padding: 2.5em;
}
.tabs-style-bar nav ul li:last-child a, 
.tabs-style-bar nav ul li:last-child>span {
padding-left: 23px;
padding-right: 23px;
}
a.item-head,
span.item-head {
/*width: 86%;*/
}
}
@media(max-width: 991px){
.main-catalogue .kits_tree>.kt-item.ktg-0,
.main-catalogue .kits_tree>div[class^="ctlg_col"] {
width: 50%;
}
/*div[class^="input-year-"] input{
width: 90%;
}*/
/*div[class^="input-year-"]>span{
width: 10%;
}*/
.wrap-kits-catalogue {
padding: 15px 10px 15px 30px;
}
}
@media(min-width: 768px){
.tabs-style-bar nav ul{
display: flex;
}
.tabs-style-bar nav ul li a,
.tabs-style-bar nav ul li>span {
display: flex !important;
align-items: center;
justify-content: center;
height: 100%;
padding: 15px !important; 
}
}
@media(max-width: 767px){
.tabs.tabs-style-bar nav ul li{
width: 100%;
}
.tabs-style-bar nav ul li a{
border-bottom: 0px;
-moz-box-shadow: inset 0px 8px 6px -1px #b1b6c9;
-webkit-box-shadow: inset 0px 8px 6px -1px #b1b6c9;
box-shadow: inset 0px 8px 6px -1px #b1b6c9;
}
.tabs.tabs-style-bar nav ul li:first-child > a, 
.tabs.tabs-style-bar nav ul li:first-child > span {
padding: 1em;
}
.tabs.tabs-style-bar nav ul li:first-child > a {
margin-top: -4px;
}
.tabs-style-bar nav ul li:last-child a, 
.tabs-style-bar nav ul li:last-child>span {
margin-right: 2px;
}
.tabs-style-bar nav ul li.tab-current>span{
border-bottom: none;
}
.wrap-catalogue-title {
font-size: 1.5em;
}
.main-catalogue .kits_tree>.kt-item.ktg-0,
.main-catalogue .kits_tree>div[class^="ctlg_col"] {
width: 100%;
padding-right: 0px;
}
.ugs-catalogue .kits_tree>.kt-col{
width: 50%;
}
.pub-catalogue .kits_tree>.kt-col{
width: 50%;
}
}
@media(max-width: 640px){
.ugs-catalogue .kits_tree>.kt-col{
width: 100%;
}
.pub-catalogue .kits_tree>.kt-col{
width: 100%;
}
/*div[class^="input-year-"] input{
width: 82%;
}*/
/*div[class^="input-year-"]>span{
width: 18%;
}*/
}

/******************************************************************************************************************/
/*********************************************  sengine.main_frame  ***********************************************/
/******************************************************************************************************************/
.wrap-container-sengine{
padding-bottom: 15px;
}
.wrap-sengine-page{

}
.wrap-container-sengine{
padding-top: 15px;
}
.wrap-menu-left{
background: white;
padding: 15px;
}
.wrap-main-link-calogue{
list-style-type: none;
padding-left: 0px;
margin-bottom: 15px;
padding: 15px;
background: white;
padding-bottom: 10px;
}
.hidden-xs .wrap-main-link-calogue{
padding-bottom: 20px;
}
.wrap-push-catalogue .wrap-main-link-calogue{
padding: 0px;
}
.wrap-main-my-subscriptions .wrap-main-link-calogue{
min-height: 243px;
}
.wrap-main-link-calogue li{
margin-bottom: 10px;
}
.main-link-catalogue a{
display: block;
padding: 15px;
color: black;
background: #edd3bf;
-moz-box-shadow: -5px 5px 1px 0px #cecece;
-webkit-box-shadow: -5px 5px 1px 0px #cecece;
box-shadow: -5px 5px 1px 0px #cecece;
}
.main-link-catalogue a:hover{

}
.wrap-rubricator-sengine{
padding: 15px;
/*padding-right: 0px;*/
/*padding-left: 0px;*/
background: white;
}
.wrap-rubricator-sengine:empty{
display: none;
}
.wrap-push-catalogue .wrap-rubricator-sengine{
padding-left: 0px;
padding-right: 0px;
}
.mobile-reader .wrap-rubricator-sengine{
display: none;
} 
.wrap-rubricator-sengine>div{

}
.rubricator-sticker{
margin-top: 15px;
}
.rubricator-sticker:first-child{
margin-top: 0px;
}
.rubricator-head{
text-transform: uppercase;
font-size: 1.3em;
font-family: "LatoWebSemibold";
margin-bottom: 10px;
display: block;
/*-moz-box-shadow: inset 0px 0px 6px 1px #dadada;*/
/*-webkit-box-shadow: inset 0px 0px 6px 1px #dadada;*/
/*box-shadow: inset 0px 0px 6px 1px #dadada;*/
border: 1px solid #cccccc;
padding: 5px;
text-align: center;
}
.rubricator-head:hover{
cursor: pointer;
}
.rubricator-sengine>div a{
display: block;
color: #454869;
font-family: 'LatoWebSemibold';
padding: 6px;
padding-bottom: 3px;
padding-left: 0px;
/* border: 1px solid #b1b6c9; */
margin-bottom: 6px;
border-bottom: 2px solid transparent;
-webkit-transition: 0.2s;
-moz-transition: 0.2s;
-o-transition: 0.2s;
transition: 0.2s;
}
.rubricator-sticker.closed .rubricator-head{
margin-bottom: 0px;
}
.rubricator-sticker.closed .rubricator-head,
.rubricator-sticker.opened .rubricator-head{
position: relative;
}
.rubricator-sticker.closed .rubricator-head:before,
.rubricator-sticker.opened .rubricator-head:before{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
left: -11px;
top: 50%;
margin-top: -1em;
font-size: 10px;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
border-radius: 50%;
background: #edd2bf;
}
.rubricator-sticker.closed .rubricator-head:before{
content: "\f067";
}
.rubricator-sticker.opened .rubricator-head:before{
content: "\f068";
}
.rubricator-sticker.closed .wrap-sengine-settings,
.rubricator-sticker.opened .wrap-sengine-settings{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.rubricator-sticker.closed .wrap-sengine-settings{
height: 0px;
overflow: hidden;
}
.rubricator-sticker.opened .wrap-sengine-settings{
height: auto;
overflow: auto;
}
.wrap-setting-disciplines{
padding-top: 10px;
}
.wrap-setting-disciplines .left-link{
padding-left: 0px;
}
.wrap-setting-disciplines .right-link{
padding-right: 0px;
text-align: right;
}
.wrap-setting-disciplines a{
display: inline-block;
vertical-align: middle;
color: #555;
text-transform: lowercase;
text-decoration: underline;
}
.wrap-setting-disciplines a:hover{
color: #000;
}
.wrap-setting-disciplines a>i{
display: inline-block;
vertical-align: middle;
}
.wrap-setting-disciplines a:hover>i{

}
.wrap-setting-disciplines a>span{
display: inline-block;
text-decoration: underline;
}
.wrap-setting-disciplines .left-link>span{
margin-left: 4px;
}
.rubricator-a-my-rubrics{
position: relative;
min-height: 1px;
padding-right: 15px;
vertical-align: middle;
display: inline-block;
width: 50%;
}
.rubricator-a-my-rubrics:before{
font-family: 'icomoon'!important;
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
display: inline-block;
vertical-align: middle;
content: "\e996";
margin-right: 4px;
}
.rubricator-a-all{
position: relative;
min-height: 1px;
padding-left: 15px;
vertical-align: middle;
display: inline-block;
width: 50%;
text-align: right;
text-transform: uppercase !important;
font-family: "LatoWebBold";
}
span.rubricator-a-my-rubrics,
span.rubricator-a-my-rubrics:before,
span.rubricator-a-all{
color: #bfbfbf;
}
.rubricator-sengine>div a:hover{
color: #000;
text-decoration: none;
border-bottom: 2px solid #edd3bf;
}
.wrap-quantity-title{
margin-bottom: 2px;
display: table;
width: 100%;
}
.shown-pages{
display: table-cell;
background: white;
border-right: 2px solid #b1b6c9;
width: 22%;
vertical-align: middle;
padding: 15px;
text-align: center;
}
.name-heads{
font-family: "Latowebbold";
}
.cur-num{
font-family: "Latowebbold";
}
.wrap-reader-text{

}
.film-wrapper{

}
.speaker-player:empty{
display: none;
}
.speaker-player audio{
width: 100%;
}
.wrap-count-stickers{

}
.wrap-range{

}
.wrap-total{

}
.wrap-title-sengine{
margin-top: 0px;
background: white;
padding: 15px;
font-size: 1.5em;
text-align: center;
font-family: 'LatoWebSemibold';
display: table-cell;
width: 78%;
vertical-align: middle;
}
.wrap-collection-choice{
padding: 15px;
background: white;
margin-bottom: 15px;
text-align: center;
}
.wrap-collection-choice>div{
width: 25%;
display: inline-block;
text-align: center;
padding: 10px 10px;
}
.wrap-collection-choice .wrap-current{
position: relative;
/*padding: 10px 0px;*/
}
.wrap-collection-choice .wrap-current>span{
position: relative;
display: block;
overflow: hidden;
text-overflow: ellipsis;
padding: 0px 0px 10px;
}
.wrap-collection-choice .wrap-current>span:after{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 6px;
background: #57dfc3;
content: '';
}
.wrap-collection-choice .wrap-col-link{
/*padding: 10px;*/
position: relative;
}
.wrap-collection-choice .wrap-col-link a{
color: #555;
padding: 10px;
position: relative;
display: block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.wrap-collection-choice .wrap-col-link a:after{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 6px;
background: #57dfc3;
content: '';
-webkit-transition: -webkit-transform 0.3s;
-moz-transition: -webkit-transform 0.3s;
transition: transform 0.3s;
-webkit-transform: translate3d(0,150%,0);
-moz-transform: translate3d(0,150%,0);
-ms-transform: translate3d(0,150%,0);
transform: translate3d(0,150%,0);
}
.wrap-collection-choice .clct:hover .wrap-col-link a:after{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 6px;
background: #57dfc3;
content: '';
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.wrap-collection-choice .wrap-col-link a:focus{
text-decoration: none;
color: #000;
}
.wrap-collection-choice .wrap-col-link a:hover{
text-decoration: none;
color: #000;
}
.wrap-main-sengine-sticker{
position: relative;
padding: 0px;
margin-bottom: 15px;
}
.answers-container{
padding: 15px;
}
.grid{
list-style: none;
padding: 0px;
margin-bottom: 0px;
margin-left: -10px;
margin-right: -10px;
}
.wrap-read-index.grid{
margin-left: 0px;
margin-right: 0px;
}
.wrap-read-index .grid-sizer,
.wrap-read-index .grid-item{
width: 50%;
}
.grid-item {
float: left;
padding: 10px;
}
.wrap-read-index .grid-item{
padding: 5px;
}
.hs317{
background-position: center !important;
background-size: contain !important;
}
div[id^="swx-book/I"]{

}
.wrap-sengine-sticker{
padding: 15px;
background: #f7f7f7;
margin-bottom: 1px;
position: relative;
}
.book-brief-sticker .wrap-sengine-sticker{
background: #edd3bf;
}
.cartoon-in-list{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
/*box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0.2);*/
/*margin-bottom: 10px;*/
/*background: #fff;*/
}
.book-brief-sticker .cartoon-in-list{
/*background: rgba(255, 255, 255, 0.7);*/
}
.desc-in-list{
margin-bottom: 10px;
}
.desc-in-list > div{
margin-bottom: 5px;
}
.desc-in-list > div:last-of-type{
margin-bottom: 0px;
}
.desc-in-index{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.desc-index{
-ms-flex-positive: 1;
flex-grow: 1;
}
.wrap-book-sticker-sengine {
/*padding: 15px;*/
/*padding-bottom: 35px;*/
/*background: #f7f7f7;*/
/*overflow-x: auto;*/
}
.talking-audio{
width: 100%;
}
.wrap-title-book-sengine{
-ms-flex-positive: 1;
flex-grow: 1;
padding-left: 10px;
}
.wrap-title-book-sengine > a{
color: #000;
display: block;
}
.wrap-title-book-sengine > a:hover{
text-decoration: underline;
color: #000;
}
.wrap-title-book-sengine h2{
margin-top: 0;
/*margin-bottom: 20px;*/
font-size: 1.5em;
font-family: 'LatoWebSemibold';
}
.wrap-download-update{
padding: 10px;
background: white;
text-align: right;
font-size: 0.85em;
}
.wrap-sengine-sticker:not(.sengine-sticker-guest) ~ .wrap-download-update{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.wrap-add-to-basket .add_to_basket:hover, 
.wrap-add-to-basket .go_to_basket:hover {
text-decoration: none;
background: #b11e1e;
color: white;
font-family: 'LatoWebSemibold';
}
.wrap-download-update .wrap-add-to-basket{
text-align: inherit;
}
.wrap-list-dialog{
padding: 15px;
background: white;
margin-bottom: 15px;
}
.wrap-title-dialog{
margin-bottom: 15px;
padding-bottom: 10px;
font-family: 'LatoWebSemibold';
text-transform: uppercase;
text-align: center;
border-bottom: 1px dashed #b1b6c9;
}
.wrap-select-student{
position: relative;
}
.wrap-select-student i{
right: 18px;
top: 3px;
-webkit-border-radius: 0px 20px 20px 0px;
-moz-border-radius: 0px 20px 20px 0px;
border-radius: 0px 20px 20px 0px;
border-left: 1px solid #e1e1e1;
background: #ffffff;
font-size: 0.8em;
width: 30px;
height: 30px;
line-height: 30px;
}
.select-student{
background: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
margin: 0;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
height: 35px;
padding-right: 2.5em;
padding-left: 1.5em;
border-color: #e1e1e1;
color: #777777;
position: relative;
}
.wrap-list-dialog .form-control{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
}
.wrap-list-dialog .wrap-date-dialog .form-control{
padding-left: 1.5em;
}
.btn-export{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
color: #6f6f6f;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
border: 1px solid transparent;
background: #57dfc3;
color: #ffffff;
font-family: "LatoWebSemibold";
}
.btn-export:hover{
background: #fff;
color: #000;
border-color: #cccccc;
}
.btn-panel{
width: 100%;
background: white;
/* padding-top: 15px; */
/* padding-bottom: 15px; */
color: black;
border-radius: 0px;
}
.btn-panel:focus,
.btn-panel:active{
color: black;
}
.btn-panel:hover{
color: #cc0c20;
}
.wrap-panel-list{
padding: 10px;
/*border: 1px solid #454869;*/
margin-bottom: 15px;
text-align: center;
/*-moz-border-radius: 6px 0px 6px 6px;*/
/*-webkit-border-radius: 6px 0px 6px 6px;*/
/*border-radius: 6px 0px 6px 6px;*/
-moz-box-shadow: 0px 0px 8px 0px #76788c;
-webkit-box-shadow: 0px 0px 8px 0px #76788c;
box-shadow: 0px 0px 8px 0px #76788c;
}
.title-elem-panel{
display: inline-block;
-webkit-border-radius: 15px 0px 0px 0px;
-moz-border-radius: 15px 0px 0px 0px;
border-radius: 15px 0px 0px 0px;
margin-left: 0;
line-height: 1;
border: 1px solid transparent;
padding: 6px 6px 6px 10px;
border-color: #454869;
background: #454869;
position: relative;
color: #fff;
font-size: 11px;
font-family: "LatoWebSemiBold";
}
.title-elem-panel:before,
.title-elem-panel:after{
position: absolute;
bottom: -1px;
content: '';
width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent transparent transparent;
border-width: 0 0 0 0;
}
.title-elem-panel:before{
border-color: transparent transparent transparent transparent;
}

.title-elem-panel:after{
left: -14px;
border-style: solid;
border-width: 19px 16px 0px 0px;
border-color: transparent #454869 transparent transparent;
}
.wrap-export-panel .btn{
background: #e2e2e2;
border-color: #b3b3b3;
color: #000;
font-family: "Latowebsemibold";
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
font-size: 12px;
margin-left: 10px;
}
.wrap-export-panel .btn:hover{
background: #fff;
border-color: #b3b3b3;
}
.wrap-export-panel .btn.btn-export{
width: 100%;
margin-left: 0px;
}
.three-but-inputs{
margin-bottom: 10px;
}
.three-but-inputs .btn{
margin: 5px;
}
.three-but-inputs ~ .form-inline .checkbox-inline{
margin-left: 10px;
}
.wrap-export-panel .form-inline .input-group .input-group-addon{
-moz-border-radius: 30px 0px 0px 30px;
-webkit-border-radius: 30px 0px 0px 30px;
border-radius: 30px 0px 0px 30px;
background: #fff;
}
.wrap-export-panel .btn-order-now{
background: #d45a5a;
color: #fff;
border-color: transparent;
font-family: "Latowebbold";
}
.wrap-export-panel .btn-order-now:hover{
/*background: #b11e1e;*/
color: #000;
/*border-color: transparent;*/
}
.wrap-export-panel .btn-list-to-basket{
background: #9599a9;
color: #fff;
border-color: transparent;
font-family: "Latowebbold";
}
.wrap-export-panel .btn-list-to-basket:hover{
color: #000;
}
.st-control-checkbox {
display: inline-block;
position: absolute;
right: 0px;
top: 0px;
margin-bottom: 0px;
padding-left: 0px;
line-height: 1;
}
.sengine-sticker-guest ~ .st-control-checkbox{
display: none;
}
.sengine-sticker-guest .add-in-list{
display: none;
}
.sengine-sticker-guest ~ .wrap-download-update .wrap-add-to-basket {
display: none;
}
.st-control-checkbox input[type="checkbox"]{
font-size: 0;
margin-top: 0;
cursor: pointer;
line-height: 1;
}
.st-control-checkbox input:after {
position: absolute;
top: -9px;
left: -9px;
display: inline-block;
height: 30px;
width: 30px;
text-align: center;
line-height: 27px;
border: 2px solid #d4d5dc;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
background: #fff;
content: "";
/* z-index: 2; */
cursor: pointer;
z-index: 10;
}
.st-control-checkbox input:checked:after {
font-family: 'FontAwesome';
content: "\f00c";
display: inline-block;
font-size: 15px;
}
@media(max-width: 991px){
.rubricator-head{
font-size: 1em;
}
}
/* ********************************************************************************************************************** */
.wrap-book-sticker-reader {
padding: 15px;
/*padding-bottom: 35px;*/
background: #f7f7f7;
overflow-x: auto;
}
.reader-cartoon{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 15px;
}
.wrap-add-basket-reader{
float: left;
width: 100%;
}
.wrap-add-basket-reader:not(:empty){
margin-top: 10px;
}
.wrap-title-book-reader{
padding-right: 90px;
padding-left: 15px;
}
.wrap-title-book-reader h2{
margin: 0;
}
.reader-head-value{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 5px;
}
.reader-head-value .head{
-webkit-box-flex: 0;
-ms-flex: 0 0 25%;
flex: 0 0 25%;
max-width: 25%;
font-weight: bold;
}
.reader-head-value .value{
flex-grow: 1;
flex-basis: 0;
max-width: 100%;
width: 100%;
}
/* ********************************************************************************************************************** */
.sengine-doc-sticker{
background: white;
padding: 15px;
margin-bottom: 15px;
}
.wrap-doc-link{
margin-bottom: 10px;
}
.doc-link{
color: #454869;
display: inline-block;
color: #454869;
font-family: 'LatoWebSemibold';
padding: 6px;
padding-bottom: 3px;
border-bottom: 2px solid transparent;
}
.doc-link:hover{
color: #000;
text-decoration: none;
border-bottom: 2px solid #edd3bf;
}
.wrap-from-book-tab {

}
.from-title-tab{
text-align: right;
padding-left: 0px;
}
.book-doc-tab{

}
.sengine-doc-sticker .hilight{
background: #fdf7f3;
padding: 2px 8px 2px 8px;
font-style: italic;
display: inline-block;
}
.sengine-doc-tab-sticker .hilight{
background: #fdf7f3;
padding: 2px 8px 2px 8px;
font-style: italic;
display: inline-block;
}
.wrap-sengine-sticker .hilight{
background: rgba(237, 211, 191, 0.35);
padding: 2px 8px 2px 8px;
font-style: italic;
display: inline-block;
}
.sengine-doc-tab-sticker{
background: white;
padding: 15px;
margin-bottom: 15px;
}
.wrap-from-text{
margin-bottom: 15px;
}
.from-text-title{
padding-left: 0px;
padding-right: 0px;
text-align: right;
}
.from-text{

}
.from-text-link{

}
.wrap-from-head{
margin-bottom: 15px;
}
.custom-head{
padding: 0px;
text-align: right;
}
.sengine-doc-tab-sticker .from-title-tab{
padding-right: 0px;
}
.custom-head-link{

}
.custom-head-link:hover {

}
.wrap-from-book-tab{

}
/***************************************************  Media  ******************************************************/
@media(max-width: 1199px){
.wrap-title-book-sengine {
/*padding-right: 3.5em;*/
}
}
@media(max-width: 991px){
.desc-in-index {
display: block;
}
.desc-index{
margin-bottom: 10px;
}
.wrap-add-basket-index .wrap-add-to-basket{
text-align: right;
}
}
@media(max-width: 767px){
.desc-in-index{
display: flex;
}
.desc-index{
margin-bottom: 0px;
margin-right: 10px;
}
.wrap-read-index .grid-sizer,
.wrap-read-index .grid-item{
width: 100%;
}
.wrap-read-index .grid-item{
padding: 0;
}
.wrap-read-index .grid-item:not(:last-of-type){
margin-bottom: 5px;
}
.book-brief-sticker .wrap-sengine-sticker{
margin-bottom: 0px;
}
.wrap-sengine-sticker{
padding: 10px;
}
}
@media(max-width: 640px){
.wrap-title-book-reader h2 {
font-size: 1.75em;
font-family: "Latowebsemibold";
}
}
@media(max-width: 480px){
.desc-in-index{
display: block;
}
.desc-index{
margin-right: 0px;
margin-bottom: 10px;
}
.wrap-title-book-sengine {
/*padding-right: 0px;*/
}
.wrap-speaker-in-title {
/*left: 20px;*/
/*right: auto;*/
}
.wrap-bibliography-book .head,
.wrap-authors-book .head,
.wrap-publisher-book .head,
.wrap-year-book .head,
.wrap-prototype-book .head,
.wrap-bibliography-book .value,
.wrap-authors-book .value,
.wrap-publisher-book .value,
.wrap-year-book .value,
.wrap-prototype-book .value{
display: block;
width: 100%;
vertical-align: middle;
padding-left: 0px;
margin-bottom: 0px;
}
.wrap-bibliography-book .value,
.wrap-authors-book .value,
.wrap-publisher-book .value,
.wrap-year-book .value,
.wrap-prototype-book .value{
margin-bottom: 5px;
}
.wrap-add-basket-index .wrap-add-to-basket {
text-align: left;
}
}
/******************************************************************************************************************/
/*************************************************  Pagination  ***************************************************/
/******************************************************************************************************************/
/*########################################### Верхняя панель с пейджинацией #########################################*/
.wrap-top-navigator{

}
.wrap-ul-pagination{

}
.wrap-title-list{
margin-bottom: 30px;
/*font-family: 'LatoWebThin';*/
text-transform: uppercase;
font-size: 0.75rem;
}
.wrap-top-navigator{
margin-bottom: 15px;
}
.wrap-botom-navigator{
margin-top: 30px;
}
.wrap-ul-pagination{
padding-top: 10px;
padding-bottom: 10px;
position: relative;
background: white;
}
.wrap-ul-pagination img{
height: 16px;
width: 16px;
vertical-align: sub;
/*margin-right: 6px;*/
}
.pagination-ros{
list-style: none;
padding-left: 0;
padding-right: 0;
margin-top: 0px;
margin-bottom: 0px;
/*text-align: center;*/
text-align: left;
}
.pagination-ros li{
margin: 0 5px 0px 0;
display: inline-block;
vertical-align: middle;
}
.pagination-ros li a{
display: inline-block;
vertical-align: middle;
padding: 8px 8px;
color: #818181;
text-decoration: none;
}
.pagination-ros .bg-link-page{
display: inline-block;
vertical-align: middle;
border: 1px solid #e7e7e7;
text-align: center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
position: relative;
z-index: 1;
background-color: whitesmoke;
}
.pagination-ros .bg-link-page:hover{
background-color: #FBFBFB;
}
.pagination-ros .bg-link-page > img{
margin: 8px 8px;
}
.pagination-ros li:first-child{
/*width: 35%;*/
}
.wrap-go-to{
/*width: 50%;*/
width: 35%;
text-align: left;
padding: 2px 10px;
background: #E4E4E4;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
font-size: 1rem;
position: relative;
font-family: 'LatoWebThin';
}
.wrap-go-to input{
display: inline-block;
width: 40%;
padding: 4px 10px;
font-size: 1rem;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
border-color: #e1e1e1;
color: #000000;
font-family: 'LatoWebThin';
position: relative;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
margin-right: 6px;
margin-left: -8px;
vertical-align: middle;
}
.pagination-ros .wrap-go-to input:focus{
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.pagination-ros .wrap-go-to a{
padding: 0px;
display: inline-block;
position: absolute;
right: 4px;
top: 22%;
margin-top: -.24em;
padding: 5px 5px;
background: white;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.pagination-ros .wrap-go-to a:hover{
background: #F3F3F3;
-moz-box-shadow: 0px 0px 6px #8C8C8C;
-webkit-box-shadow: 0px 0px 6px #8C8C8C;
box-shadow: 0px 0px 6px #8C8C8C;
}
.pagination-ros .wrap-go-to a img{
width: 16px;
height: 16px;
}
.range-ros{
padding-left: 0;
padding-right: 0px;
text-align: center;
}
.range-ros:empty{
display: none;
}
.range-ros > div{
margin: 0 15px 0px 0;
display: inline-block;
vertical-align: middle;
}
.range-ros > div:last-child{
margin: 0 15px 0px 0;
}
.range-ros > div a{
display: inline-block;
vertical-align: middle;
color: #3D3D3D;
text-decoration: none;
/*font-family: 'LatoWebThin';*/
}
.range-ros > div a:hover{
text-decoration: underline;
}
.range-ros > div img{
display: inline-block;
vertical-align: middle;
position: relative;
margin-right: 5px;
}
/*Постраничная пейджинация*/
.pagination-ros-num{
display: inline-block;
margin: 0px 0px;
/*text-align: center;*/
}
.pagination-ros-num>li{
/*margin: 0 5px 0px 0;*/
display: inline-block;
vertical-align: middle;
}
.pagination-ros-num>li>a, 
.pagination-ros-num>li>span {
position: relative;
float: left;
/* margin-left: -1px; */
/*line-height: 1.8;*/
color: #337ab7;
text-decoration: none;
background-color: transparent;
border: 1px solid #ddd;
border: none;
/*font-family: 'LatoWebThin';*/
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
height: 35px;
min-width: 35px;
line-height: 35px;
text-align: center;
}
.pagination-ros-num>li>a:hover, 
.pagination-ros-num>li>span:hover {
background-color: #EFEFEF !important;
}
.pagination-ros-num>li:first-child>img{
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
margin-left: 0;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
position: relative;
float: left;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination-ros-num>li:last-child>img {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
position: relative;
float: left;
margin-left: -1px;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination-ros-num img[src*="three-dotes-gray"] {
display: none;
}
.no-active-number-page{
color: #000 !important;
}
.a_jmp_page{
color: #000 !important;
}
.active-number-page {
background-color: #EFEFEF !important;
color: #000 !important;
font-weight: 600 !important;
/*line-height: 1.7 !important;*/
border: 1px solid #D2D2D2 !important;
}
.pagination-ros-num>li>span.wrap-img-arrow{

}
/*Показать по*/
.watch-student-total{
display: inline-block;
width: 100%;
position: relative;
}
.watch-student-total select{
background: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
margin: 0;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
height: 35px;
line-height: 35px;
padding-right: 2.5em;
padding-left: 2.5em;
border-color: #e1e1e1;
color: #777777;
position: relative;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
}
.watch-student-total select:-ms-expand{
display: none;
}
.watch-student-total i{
right: 5px;
top: 3px;
-webkit-border-radius: 0px 20px 20px 0px;
-moz-border-radius: 0px 20px 20px 0px;
border-radius: 0px 20px 20px 0px;
/* border: 1px solid #e1e1e1; */
border-left: 1px solid #e1e1e1;
background: #ffffff;
font-size: 0.8em;
width: 30px;
height: 30px;
line-height: 30px;
}
/****************************************************  MEDIA  *****************************************************/
@media(max-width: 1199px){
.wrap-collection-choice .wrap-col-link a,
.wrap-collection-choice .wrap-current>span{
font-size: 0.8em;
}
.wrap-ul-pagination{
padding-top: 0px;
padding-bottom: 0px;
background: transparent;
}
.pagination-ros-num{
display: block;
background: white;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
margin-bottom: 2px;
}
.range-ros{
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
background: white;
margin-bottom: 2px;
}
.watch-on-student{
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
background: white;
}
}
@media(max-width: 991px){
.wrap-setting-disciplines a{
font-size: 1.2rem;
}
.rubricator-a-my-rubrics{
padding-right: 0px;
}
.rubricator-a-my-rubrics:before{

}
.wrap-select-student {
padding-bottom: 5px;
}
.wrap-avatar-book > a:hover {
-moz-box-shadow: 0px 5px 10px 0px #b1b1b1;
-webkit-box-shadow: 0px 5px 10px 0px #b1b1b1;
box-shadow: 0px 5px 10px 0px #b1b1b1;
}
}
@media(max-width: 767px){

}
@media(max-width: 567px){
.wrap-collection-choice{
padding: 0px;
}
.wrap-collection-choice .wrap-current>span {
padding-top: 10px;
-moz-box-shadow: 0px 4px 5px 1px #b1b6c9;
-webkit-box-shadow: 0px 4px 5px 1px #b1b6c9;
box-shadow: 0px 4px 5px 1px #b1b6c9;
}
.wrap-collection-choice>div {
width: 100%;
}
}
@media(max-width: 640px){
.wrap-title-sengine{
display: block;
width: 100%;
padding: 10px;
}
.wrap-select-student{
width: 100%;
}
.wrap-date-dialog{
width: 100%;
}
.desc-in-list{
width: 83.33333333%;
padding-right: 0px;
}
.add-in-list{
width: 100%;
padding-top: 20px;
padding-bottom: 10px;
}
.wrap-title-book-reader{
padding-right: 0px;
}
}
@media(max-width: 480px){
.wrap-selects-dialog{
width: 100%;
}
.wrap-select-student {
padding-right: 0px;
}
.wrap-date-dialog {
padding-right: 0px;
}
.wrap-select-student i {
right: 5px;
}
.wrap-btn-export{
width: 100%;
padding-top: 15px;
}
.cartoon-in-list{
/*width: 100%;*/
/*text-align: center;*/
/*margin-bottom: 10px;*/
}
.wrap-sengine-sticker .wrap-avatar-book {
/*float: none;*/
}
.wrap-sengine-sticker .wrap-avatar-book > a{
/*border: 3px solid #e8e8e8;
min-height: 11em;
line-height: 11em;
margin-bottom: 3px;*/
}
.wrap-sengine-sticker .wrap-avatar-book > img{
/*width: auto;
-moz-box-shadow: -5px 5px 1px 0px #9a8e85;
-webkit-box-shadow: -5px 5px 1px 0px #9a8e85;
box-shadow: -5px 5px 1px 0px #9a8e85;*/
}
.wrap-sengine-sticker .wrap-markers-book {
/*border: 3px solid #e8e8e8;
padding: 6px;
float: none;
margin-left: 0px;
width: 100%;*/
}
.desc-in-list{
/*padding-left: 0px;
padding-top: 20px;
width: 100%;*/
}
}
/******************************************************************************************************************/
/***************************************************  Корзина  ****************************************************/
/******************************************************************************************************************/
.bill-steps{
padding: 15px;
background: white;
margin-bottom: 10px;
}
.bill-steps .basket_buttons{
text-align: center;
}
.bill-steps .basket_buttons:after,
.bill-steps .basket_buttons:before{
display: table;
content: " ";
}
.bill-steps .basket_buttons:after{
clear: both;
}
.bill-steps input.basket_button {
display: inline-block;
padding: 6px 6px;
margin-bottom: 0;
font-size: 14px;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
color: #4a4a4a;
font-size: 1.3rem;
font-family: 'LatoWebMedium';
outline: none;
background-color: #fff6c8;
border-color: #fff6c8;
font-style: normal !important;
cursor: default;
/* float: left; */
margin-left: 6px;
margin-right: 6px;
width: 25%;
text-align: center;
}
.bill-steps input.basket_button:nth-child(n+2){
/*margin-left: 5em;*/
}
.bill-steps input.btncur{
background-color: #ecb78b;
border-color: #ecb78b;
}
.basket_header{
display: none;
}
.wrap-basket-info{
/*padding: 30px;*/
/*background: white;*/
/*text-align: center;*/
margin-bottom: 10px;
}
.wrap-basket-info .basket_info{
padding: 30px;
background: white;
text-align: center;
display: block;
}
.wrap-basket-next{
padding: 20px;
background: white;
text-align: center;
}
.wrap-basket-next{
padding: 10px;
background: white;
text-align: center;
}
.wrap-basket-cnc{
padding: 10px;
background: #d2d6e4;
text-align: center;
margin-top: 10px;
}
.trash-basket{
display: inline-block;
vertical-align: middle;
}
.trash-basket a{
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: white;
color: #555;
padding: 4px 10px;
}
.trash-basket a:hover{
text-decoration: none;
background: #f15d5d;
color: white;
}
.trash-basket a:before{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
content: "\f014";
padding-right: 5px;
font-size: 14px;
color: #454869;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.trash-basket a:hover:before{
color: white;
}
.basket_info{
font-family: 'LatoWebSemibold';
font-size: 1.2em;
}
.wrap-basket-page .basket_info{
background: #fff;
display: block;
text-align: center;
padding: 10px;
margin-bottom: 2px;
text-transform: uppercase;
color: #f15d5d;
}
.basket_next_prior{

}
.basket_next_prior .basket_button{
display: inline-block;
padding: 6px 30px;
margin-bottom: 0;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
color: #4a4a4a;
font-size: 1.3rem;
outline: none;
background-color: #f7f7f7;
border-color: #e4e4e4;
border-radius: 20px;
cursor: pointer;
text-align: center;
}
.basket_next_prior .btndis.back{
display: none;
}
.basket_next_prior .btnok.back{
margin-right: 10px;
background-color: #f7f7f7;
border-color: #e4e4e4;
}
.basket_next_prior .btnok{
background-color: #ecb78b;
border-color: #ecb78b;
}
.basket_button_confirm{
display: none;
}
.basket_button_confirm .basket_button{

}
.basket_goto_confirm_comment{

}
.basket-header{
padding: 10px;
margin-bottom: 2px;
text-align: center;
background: white;
font-size: 1.2em;
font-family: 'LatoWebMedium';
}
.wrap-cart-lots{
margin-bottom: 10px;
position: relative;
padding: 15px;
background: white;
}
.wrap-titles-cart-lot .name-cart-lot{

}
.wrap-titles-cart-lot .author-cart-lot{

}
.wrap-border-dot{
padding: 0;
border-bottom: 1px dashed #797979;
color: #797979;
margin-bottom: 6px;
padding-bottom: 2px;
}
.wrap-border-solid{
padding: 0;
border-bottom: 1px solid #000;
color: #000;
margin-bottom: 6px;
padding-bottom: 2px;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.name-cart-lot a{
display: block;
color: #454869;
font-family: 'LatoWebSemibold';
/*padding: 6px;*/
padding-bottom: 3px;
/* border: 1px solid #b1b6c9; */
margin-bottom: 6px;
border-bottom: 2px solid transparent;
}
.name-cart-lot a:hover{
color: #000;
text-decoration: none;
border-bottom: 2px solid #edd3bf;
}
.close-cart-lot{
position: absolute;
top: 5px;
right: 5px;
}
.close-cart-lot a{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #555;
cursor: pointer;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
}
.close-cart-lot a:focus{
color: #555;
}
.close-cart-lot a:hover{
color: #000;
text-decoration: none;
}
.close-cart-lot a:before{
content: "\f00d";
}
.basket_order_info {
padding: 15px;
background: white;
margin-bottom: 10px;
}
.shop3_your_wares{
position: relative;
margin: 1rem -1rem;
border: solid #f7f7f9;
border-width: .2rem 0 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding: 1.5rem;
border-width: .2rem;
margin-bottom: 20px;
margin-top: 0px;
overflow: hidden;
width: 100%;
overflow-x: scroll;
}
.shop3_your_wares>.head{
font-size: 1.2em;
font-family: 'LatoWebSemibold';
margin-bottom: 15px;
}
.basket_content_table{
width: 100%;
margin-bottom: 15px;
border-bottom: 1px solid #868686;
}
.basket_content_table tr:first-child{
background: #f2f9ff;
}
.basket_content_table tr td{
padding: .75rem;
line-height: 1.5;
vertical-align: middle;
border-top: 1px solid #eceeef;
font-size: 0.9em;
}
.basket_content_table td.basket_content_head{
font-style: normal;
font-family: 'LatoWebMedium';
vertical-align: top;
font-size: 1.1em;
}
.basket_content_value{

}
.basket_content_value a{
color: #555;
font-family: 'LatoWebSemibold';
display: inline-block;
}
.basket_content_value a:hover{

}
.basket_content_table tbody tr:nth-child(n+2):hover {
background: #f9f9f9;
}
.shop3_basket_total{
text-align: right;
}
.shop3_basket_total .head{

}
.shop3_basket_total .data{

}
.order-info-user{
margin-bottom: 25px;
border-bottom: 1px dashed #afafaf;
}
.order-info-user .control-label{
text-align: right;
}
.basket_button_complete{
padding: 20px;
background: white;
text-align: center;
}
.basket_button_complete input{
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
color: #333;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding-left: 20px;
padding-right: 20px;
background-color: #ecb78b;
border-color: #ecb78b;
color: #555;
font-family: 'LatoWebSemibold';
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.basket_button_complete input:hover{
background-color: #d69f71;
border-color: #d69f71;
color: #fff;
}
.basket_button_complete input:first-child{
background-color: #fff6c8;
border-color: #fff6c8;
color: #555;
margin-right: 10px;
}
.basket_button_complete input:first-child:hover{
background-color: #ecb78b;
border-color: #ecb78b;
color: #555;
}
.main-wrapper-basket .confirm-lib .shop3_basket_total{
display: none;
}
.wrap-basket-complete{
padding: 15px;
background: white;
text-align: center;
}
.thanks-words{
font-size: 1.5em;
font-family: 'LatoWebSemibold';
}
/***********************************************  Paigination basket  **********************************************/
.pgs_Tbar{
display: block;
background: white;
margin-bottom: 10px;
padding-top: 10px;
padding-bottom: 10px;
}
.pgs_Tbar tbody{
display: block;
}
.pgs_Tbar tbody tr{
display: block;
text-align: center;
}
.pgs_Tbar tbody tr td{
display: inline-block;
}
.pgs_Tbar tbody tr td a{
display: inline-block;
vertical-align: middle;
}
.pgs_Tbar tbody tr td a:hover{

}
.pgs_Tbar tbody tr td img{
width: 22px;
height: 22px;
}
/****************************************************  MEDIA  *****************************************************/
@media(max-width: 991px){
.wrap-bibliography-cart{
padding-left: 0px;
padding-right: 0px;
overflow-x: scroll;
}
}
@media(max-width: 640px){
.bill-steps input.basket_button{
width: 33%;
}
}
@media(max-width: 420px){
.bill-steps input.basket_button{
width: 45%;
}
}
/******************************************************************************************************************/
/**********************************************  Вход / регистрация  **********************************************/
/******************************************************************************************************************/
.wrapper-login-form{
padding-top: 40px;
padding-bottom: 40px;
}
.title-enter-form{
padding: 10px;
background: white;
margin-top: 0px;
margin-bottom: 2px;
font-size: 1.5em;
text-align: center;
font-family: 'LatoWebSemibold';
font-size: 1.25em;
}
.title-name-list{
padding: 10px;
background: white;
font-family: 'LatoWebSemibold';
text-align: center;
margin-top: 0px;
margin-bottom: 0px;
}
.clarification-pwrestore{
padding: 15px;
background: white;
margin-bottom: 2px; 
}
.wrap-form-area{
padding: 15px;
background: white;
margin-bottom: 2px;
}
.wrap-form-area .form-control{
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
.wrap-enter-form{
text-align: center;
padding: 20px;
}
.wrap-activate-form{
text-align: center;
padding: 15px;
background: white;
}
.btn-enter,
.btn-gray{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
color: #6f6f6f;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
border: 1px solid transparent;
padding: 6px 30px;
font-family: "LatoWebSemibold";
}
.wrap-activate-form .btn-enter{
background: #57dfc3;
color: #fff;
}
.btn-enter{
background: #ebd1be;
}
.btn-gray{
border: 1px solid #ccc;
background: #efefef;
color: #333;
}
.btn-enter:hover,
.btn-gray:hover{
color: #000;
background: white;
border-color: transparent;
-moz-box-shadow: inset 1px 1px 1px 1px gray;
-webkit-box-shadow: inset 1px 1px 1px 1px gray;
box-shadow: inset 1px 1px 1px 1px gray;
}
.wrap-activate-form .btn-enter:hover{
color: #000;
}
.wrap-rees-link{
padding-left: 0px;
}
.wrap-reg-link{
text-align: right;
padding-right: 0px;
}
.link-rees,
.link-reg{
color: #333333;
}
.link-rees:hover,
.link-reg:hover{
color: #333333;
}
input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #FDFDFD inset !important;
}
.wrap-default-links{
padding: 10px;
background: white;
margin-top: 2px;
}
/******************************************************************************************************************/
/*************************************************  Регистрация  **************************************************/
/******************************************************************************************************************/
.clarification-form{
background: white;
margin-bottom: 2px;
font-size: 1em;
text-align: right;
padding: 5px;
padding-right: 15px;
font-family: 'LatoWebSemibold';
}
.wrap-country-select{

}
.wrap-country-select .select_over{
position: relative;
display: inline-block;
}
.wrap-country-select .select_over select{
background: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
margin: 0;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
line-height: 1.42857143;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
height: 35px;
padding-right: 0px;
padding-left: 20px;
border-color: #cccccc;
color: #777777;
position: relative;
width: 100% !important;
}
.wrap-country-select .select_over:first-child {
width: 20%;
}
.wrap-country-select .select_over:nth-child(2) {
margin-left: 2%;
width: 78%;
}
.wrap-country-select .other_country {
display: block;
width: 100%;
height: 35px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
margin-top: 10px;
}
.wrap-country-select .select_over:after{
content: "\f078";
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
color: #353535;
position: absolute;
right: 0px;
top: 0;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background: transparent;
padding-left: 0px;
font-size: 1em;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
}
.radio-list-text{
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}
.captcha{
text-align: center;
}
.captcha img{
width: 100%;
}
.captcha a{
color: #a7a7a7;
display: block;
border: 1px solid #ccc;
border-top: none;
}
.captcha a:hover{
color: #000;
text-decoration: none;
}
.wrap-form-area label{
font-weight: normal;
font-family: 'LatoWebSemibold';
}
.main-wrapper-basket label{
font-weight: normal;
font-family: 'LatoWebSemibold';
}
/****************************************************  MEDIA  *****************************************************/
@media(max-width: 640px){
.wrap-country-select .select_over:first-child{
width: 100%;
margin-bottom: 10px;
}
.wrap-country-select .select_over:nth-child(2) {
margin-left: 0%; 
width: 100%;
}
}
/******************************************************************************************************************/
/***************************************************  New Reg  ****************************************************/
/******************************************************************************************************************/
.tabpanel{
background: #fff;
padding: 15px;
}
.ul-tabs-style-1{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
/*border-bottom: 20px solid #fff;*/
}
.ul-tabs-style-1 .li-tab{
-ms-flex-preferred-size: 0;
flex-basis: 0;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
position: relative;
text-align: center;
}
.ul-tabs-style-1 .li-tab.li-tab-current{

}
.ul-tabs-style-1 .li-tab a{
position: relative;
display: block;
line-height: 1.42857143;
border-radius: 4px 4px 0 0;
color: #333333;
margin-right: 0;
line-height: 1;
font-weight: 600;
border: 1px solid transparent;
border-bottom: none;
padding: 12px 15px 11px 15px;
-webkit-border-radius: 15px 15px 0 0;
-moz-border-radius: 15px 15px 0 0;
border-radius: 15px 15px 0 0;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
transition: none;
font-size: 13px;
}
.ul-tabs-style-1 .li-tab a:hover{
background-color: #edf0f3;
border-color: #edf0f3;
border-bottom-color: #fff;
text-decoration: none;
}
.ul-tabs-style-1 .li-tab.li-tab-current a{
background-color: #d9dde5;
border-color: #d9dde5;
border-bottom-color: #fff;
z-index: 1;
}
.ul-tabs-style-1 .li-tab a:before{
position: absolute;
left: -14px;
bottom: -1px;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 28px 14px 0 0;
border-color: transparent transparent transparent transparent;
}
.ul-tabs-style-1 .li-tab a:after{
position: absolute;
right: -14px;
bottom: -1px;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 28px 0 0 14px;
border-color: transparent transparent transparent transparent;
}
.ul-tabs-style-1 .li-tab a:after,
.ul-tabs-style-1 .li-tab a:before{
bottom: 0px;
}
.ul-tabs-style-1 .li-tab.li-tab-current a:before{
border-color: transparent #d9dde5 transparent transparent;
}
.ul-tabs-style-1 .li-tab.li-tab-current a:after{
border-color: transparent transparent transparent #d9dde5;
z-index: 2;
}
.ul-tabs-style-1 .li-tab a:hover:before {
border-color: transparent #edf0f3 transparent transparent;
border-width: 28px 14px 0 0;
}
.ul-tabs-style-1 .li-tab.li-tab-current a:hover:before {
border-color: transparent #d9dde5 transparent transparent;
border-width: 28px 14px 0 0;
}
.ul-tabs-style-1 .li-tab.li-tab-current a:hover:after {
border-color: transparent transparent transparent #d9dde5;
}
.ul-tabs-style-1 .li-tab a:hover:after {
border-color: transparent transparent transparent #edf0f3;
border-width: 28px 0 0 14px;
}
.ul-tabs-style-1 .li-tab.li-tab-current:first-child > a:before,
.ul-tabs-style-1 .li-tab:first-child > a:before,
.ul-tabs-style-1 .li-tab:last-child > a:after,
.ul-tabs-style-1 .li-tab.li-tab-current:last-child > a:after{
border-width: 0 0 0 0;
border-color: transparent transparent transparent transparent;
}
.tab-content{
padding: 15px;
border: 1px solid #dadde5;
}
.tab-style-1{
opacity:0;
transition:opacity .15s linear;
display: none;
}
.tab-style-1.tab-style-current{
display: block;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
[class^="tab-style-"].br-30 input[type="text"],
[class^="tab-style-"].br-30 input[type="password"],
[class^="tab-style-"].br-30 input[type="email"]{
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
.clarification-form{
padding: 10px;
margin-bottom: 2px; 
}
@media(max-width: 640px){
[class^="ul-tabs-style-"].media-orient{
margin-left: 13px;
margin-right: 13px;
-webkit-box-orient: vertical!important;
-webkit-box-direction: normal!important;
-ms-flex-direction: column!important;
flex-direction: column!important;
}
.ul-tabs-style-1 .li-tab.li-tab-current:first-child > a:before,
.ul-tabs-style-1 .li-tab.li-tab-current > a:before{
border-width: 28px 14px 0 0;
border-color: transparent #d9dde5 transparent transparent;
}
.ul-tabs-style-1 .li-tab.li-tab-current > a:after,
.ul-tabs-style-1 .li-tab.li-tab-current:last-child > a:after{
border-width: 28px 0 0 14px;
border-color: transparent transparent transparent #d9dde5;
}
.ul-tabs-style-1 .li-tab a:hover:before{
border-color: transparent #edf0f3 transparent transparent;
border-width: 28px 14px 0 0;
}
.ul-tabs-style-1 .li-tab.li-tab-current:first-child > a:before,
.ul-tabs-style-1 .li-tab.li-tab-current > a:before,
.ul-tabs-style-1 .li-tab.li-tab-current a:hover:before{
border-width: 28px 14px 0 0;
border-color: transparent #d9dde5 transparent transparent;
}

.ul-tabs-style-1 .li-tab.li-tab-current > a:after,
.ul-tabs-style-1 .li-tab.li-tab-current:last-child > a:after{
border-width: 28px 0 0 14px;
border-color: transparent transparent transparent #d9dde5;
}
.ul-tabs-style-1 .li-tab a:hover:after {
border-color: transparent transparent transparent #edf0f3;
border-width: 28px 0 0 14px;
}
}
/******************************************************************************************************************/
/*********************************************  Страница пользователя  ********************************************/
/******************************************************************************************************************/
.tabs{
position: relative;
width: 100%;
}
.tabs.tabs-style-linebox{
background: white;
padding: 15px;
margin-bottom: 15px;
margin-top: 15px;
}
.tabs nav {
text-align: center;
}
.tabs nav ul{
position: relative;
padding: 0;
list-style: none;
margin-bottom: 0px;
}
.tabs nav ul li{
position: relative;
z-index: 1;
display: inline-block;
text-align: center;
padding: 0px;
}
.tabs.tabs-style-linebox nav ul li{
width: 19.5%;
}
.tabs nav ul li>span{
position: relative;
display: block;
}
.tabs-style-linebox nav ul li>span{
/*margin: 0 0.5em;*/
}
.tabs.tabs-style-linebox nav ul li>span a{
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
color: #555;
font-size: 1.3rem;
font-family: 'LatoWebMedium';
border-color: transparent;
background: transparent;
text-align: center;
overflow: hidden;
position: relative;
width: 100%;
}
.tabs.tabs-style-linebox nav ul li>span a:hover{
text-decoration: none;
color: white;
font-family: 'LatoWebSemibold';
}
.tabs.tabs-style-linebox nav ul li>span a:after{
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background: #57dfc3;
content: '';
-webkit-transition: background-color 0.3s, -webkit-transform 0.3s;
-moz-transition: background-color 0.3s, -webkit-transform 0.3s;
transition: background-color 0.3s, transform 0.3s;
-webkit-transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);
transition-timing-function: ease, cubic-bezier(0.7,0,0.3,1);
-webkit-transform: translate3d(0,100%,0) translate3d(0,-3px,0);
-moz-transform: translate3d(0,100%,0) translate3d(0,-3px,0);
-ms-transform: translate3d(0,100%,0) translate3d(0,-3px,0);
transform: translate3d(0,100%,0) translate3d(0,-3px,0);
}
.tabs.tabs-style-linebox nav ul li>span a.utab_anchor_cur{
color: white;
font-family: 'LatoWebBold';
}
.tabs.tabs-style-linebox nav ul li>span a.utab_anchor_cur:after{
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.wrap-tab-link:hover a.utab_anchor:after {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
.tabs.tabs-style-linebox nav ul li>span span.utab_adisabled{
display: inline-block;
padding: 6px 12px;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
color: #4a4a4a;
font-size: 1.3rem;
font-family: 'LatoWebThin';
border-color: transparent;
background: transparent;
cursor: default;
width: 100%;
text-align: center;
}
a.utab_anchor{

}
span.utab_adisabled{

}
.wrap-main-link-controls{
list-style-type: none;
padding-left: 0px;
margin-bottom: 15px;
padding: 15px;
background: white;
/*padding-bottom: 5px;*/
}
.wrap-push-catalogue .wrap-main-link-controls{
padding: 0px;
/*padding-bottom: 15px;*/
}
.admin-title{
font-family: 'LatoWebSemibold';
/*border-bottom: 3px solid #404040;*/
text-transform: uppercase;
padding-bottom: 4px;
margin-bottom: 10px;
font-size: 0.9em;
position: relative;
color: #404040;
}
.admin-title i{
margin-right: 5px;
display: inline-block;
vertical-align: middle;
font-size: 1.3em;
color: #b4bad2;
}
.admin-title-text{
display: inline-block;
vertical-align: middle;
position: relative;
}
.wrap-main-link-controls .tabs.tabs-style-linebox{
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
.wrap-main-link-controls .tabs.tabs-style-linebox nav ul li{
width: 100%;
/*margin-top: 5px;*/
/*margin-bottom: 5px;*/
/*border: 1px solid #d9d9d9;*/
}
/***************************************************  MEDIA  ******************************************************/

@media(max-width: 991px){
.tabs.tabs-style-linebox nav ul li{
/*width: 19%;*/
}
.tabs.tabs-style-linebox nav ul li>span a{
padding: 6px 2px;
font-size: 1.2rem;
}
}
@media(max-width: 767px){
.wrap-main-link-controls .tabs.tabs-style-linebox nav ul li>span a{
padding: 15px 5px;
font-size: 1.5rem;
border: none;
}
}
@media(max-width: 640px){
.tabs.tabs-style-linebox nav ul li{
width: 24%;
}
}
@media(max-width: 567px){
.tabs.tabs-style-linebox nav ul li{
width: 32.333333%;
}
}
@media(max-width: 520px){
.tabs.tabs-style-linebox nav ul li{
width: 32.333333%;
}
}
@media(max-width: 420px){
.tabs.tabs-style-linebox nav ul li{
width: 49%;
}
}
/*************************************************  MANAGEMENT  ***************************************************/
[class^="manage-menu"] .tabs.tabs-style-linebox{
margin-top: 45px;
}
[class^="manage-menu"] .admin-title{
position: absolute;
left: 0;
top: -28px;
background: #fff;
padding: 5px;
padding-right: 25px;
border-top-right-radius: 30px;
border-top-left-radius: 5px;
}
.manage-menu-4-but .tabs.tabs-style-linebox nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.manage-menu-4-but .tabs.tabs-style-linebox nav ul li{
width: 25%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
max-width: 100%;
}
[class^="manage-menu"] .tabs.tabs-style-linebox nav ul li>span a{
border-left-width: 4px;
border-right-width: 4px;
}

.step-ladder{
padding: 10px;
background: #fff;
margin-bottom: 2px;
}
.value-sticker{
/*padding: .75em;*/
line-height: 1.5;
vertical-align: middle;
border-top: 1px solid #eceeef;
}
.value-sticker:last-child{
border-bottom: 1px solid #eceeef;
}
.value-sticker.m-l-r--10{
margin-left: -10px;
margin-right: -10px;
}
@media(max-width: 1199px){
[class^="manage-menu"] .tabs.tabs-style-linebox nav ul li>span a {
font-size: 1rem;
}
[class^="manage-menu"] + .container .tabs.tabs-style-linebox nav ul li>span a{
font-size: 1rem;
}
}
@media(max-width: 991px){
[class^="manage-menu"] .tabs.tabs-style-linebox nav ul li>span a {
font-size: 0.85rem;
}
[class^="manage-menu"] + .container .tabs.tabs-style-linebox nav ul li>span a{
font-size: 0.85rem;
}
}
@media(max-width: 767px){
.manage-menu-4-but .tabs.tabs-style-linebox nav ul li{
min-width: 50%;
}
[class^="manage-menu"] .tabs.tabs-style-linebox nav ul li>span a {
font-size: 1.25rem;
}
}
@media(max-width: 567px){
.manage-menu-4-but .tabs.tabs-style-linebox nav ul li{
min-width: 100%;
}
}
/******************************************************************************************************************/
/************************************************  Синхронизация  *************************************************/
/******************************************************************************************************************/
.title-account-settings{
margin-top: 0px;
margin-bottom: 2px;
font-size: 1em;
text-align: center;
padding: 15px;
background: white;
}
.clarification-access{
padding: 15px 15px 15px 15px;
background: white;
margin-bottom: 0px;
}
.wrap-merge-custom{

}
.merge_custom{

}
.merge_custom .row{
padding: 0px 15px 15px 15px;
background: white;
margin-right: 0px;
margin-left: 0px;
}
.merge_custom .head{
max-width: 100%;
margin-bottom: 5px;
font-weight: normal;
font-family: 'LatoWebSemibold';
display: block;
}
.merge_custom .value{
display: block;
}
.merge_custom .value input{
display: block;
width: 100%;
height: 35px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.merge_custom .value input:focus{
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
}
.merge_custom .row:last-child{
margin-top: 2px;
padding-top: 15px;
text-align: center;
}
.merge_custom .row>.btn{
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #57dfc3;
color: #fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
border: 1px solid transparent;
padding: 6px 30px;
font-family: "LatoWebSemibold";
}
.merge_custom .row>.btn:hover{
background: #fff;
border: 1px solid #d9d9d9;
color: #000;
}
/******************************************************************************************************************/
/*************************************************  Управление  ***************************************************/
/******************************************************************************************************************/
.wrap-admin-buttons{
padding: 15px;
background: white;
text-align: center;
min-height: 170px;
}
.wrap-admin-buttons a{
display: inline-block;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid #ccc;
background: transparent;
margin: 1%;
background: #fff;
color: #6f6f6f;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
border: 1px solid #d9d9d9;
width: 48%;
padding: 6px;
font-family: 'LatoWebSemibold';
}
.wrap-admin-buttons a:hover{
background: #57dfc3;
color: #000;
text-decoration: none;
}
/*****************************************************  MEDIA  ****************************************************/
@media(max-width: 480px){
.wrap-admin-buttons a{
width: 98%;
}
}
/******************************************************************************************************************/
/************************************************  Учетные записи  ************************************************/
/******************************************************************************************************************/
.wrap-admin-subordinates{
/*text-align: center;
background: white;
padding-bottom: 15px;*/
}
.wrap-admin-subordinates>div{
text-align: center;
/*text-align: left;
margin-top: 0px !important;
margin-bottom: 0px !important;
padding: 15px;
background: white;
margin-bottom: 2px !important;
font-size: 1.1em !important;
font-weight: normal !important;
color: #000 !important;*/
}
.bm-title{
padding: 10px;
background: white;
margin-top: 0px;
margin-bottom: 2px;
font-size: 1.5em;
text-align: center;
font-family: 'LatoWebSemibold';
}
.ge-spanel{
padding:15px;
background: white;
margin-bottom: 2px;
}
input.ge-stext{
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
display: inline-block;
vertical-align: middle;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
height: 35px;
width: 82.333333%;
margin-right: 1%;
}
input.ge-stext:focus{
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
input.ge-button{
display: inline-block;
font-size: 14px;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #57dfc3;
color: #fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
border: 1px solid transparent;
padding: 6px 6px;
font-family: "LatoWebSemibold";
width: 16.66666667%;
}
input.ge-button:hover{
background: #fff;
border-color: #cccccc;
color: #000;
}
.wrap-admin-subordinates table,
.wrap-admin-organisations table{
width: 100%;
margin-bottom: 2px;
text-align: left;
}
.wrap-admin-subordinates table tr td,
.wrap-admin-organisations table tr td{
padding: .75em;
line-height: 1.5;
vertical-align: middle;
border-top: 1px solid #eceeef;
font-size: 1em;
}
.wrap-admin-subordinates table tr:nth-child(even) td,
.wrap-admin-organisations table tr:nth-child(even) td{
background: none !important;
}
.wrap-admin-subordinates table tr:nth-child(odd) td,
.wrap-admin-organisations table tr:nth-child(odd) td{
background: none !important;
}
.wrap-admin-subordinates table tr td a,
.wrap-admin-organisations table tr td a{
vertical-align: middle;
display: inline-block;
color: #454869;
font-family: 'LatoWebSemibold';
padding: 6px;
padding-left: 0px;
padding-bottom: 3px;
border-bottom: 2px solid transparent;
}
.wrap-admin-subordinates table tr td a:hover,
.wrap-admin-organisations table tr td a:hover{
color: #000;
text-decoration: none;
border-bottom: 2px solid #57dfc3;
}
.wrap-admin-subordinates>div>table>tbody,
.wrap-admin-organisations>div>table>tbody{
background: #fff;
}
.wrap-admin-subordinates>div>table>tbody>tr:hover,
.wrap-admin-organisations>div>table>tbody>tr:hover{
background: #f5f5f5 !important;
}
.ge-cmds{
background: white;
text-align: center;
padding: 15px;
margin-bottom: 2px;
}
.ge-cmds span,
.ge-cmds a{
position: relative;
display: inline-block;
color: #000000;
text-decoration: none;
background-color: transparent;
border: 1px solid #ddd;
border: none;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
margin: 0 2px;
}
.ge-cmds a:hover{
background-color: #EFEFEF;
}
.ge-cmds span.ge-cur{
background-color: #EFEFEF;
color: #000;
border: 1px solid #D2D2D2;
}
.ge-cmds .ge-pgs-info{
padding: 6px 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
margin-top: 10px;
background-color: #f7f7f7;
border: 1px solid #D2D2D2;
}
.ge-pgs-buttons{
padding: 15px;
background: white;
text-align: center;
}
.ge-pgs-buttons input{
display: inline-block;
font-size: 14px;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #EFEFEF;
color: #6f6f6f;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
border: 1px solid #d9d9d9;
padding: 6px 6px;
font-family: "LatoWebSemibold"
}
.ge-pgs-buttons input:hover{
background: white;
}

.ge-pgs-buttons input:first-child{
background: #57dfc3;
border-color: #57dfc3;
color: #555;
margin-right: 10px;
}
.ge-pgs-buttons input:first-child:hover{
background-color: #fff;
border-color: #ccc;
color: #000;
}
.wrap-admin-organisations .ge-spanel>input.ge-stext,
.wrap-admin-subordinates .ge-spanel>input.ge-stext{
width: auto;
}


.ge-spanel>input.ge-button{

}

.ge-spanel>input.ge-button:nth-of-type(2) {

}
.ge-spanel>input.ge-button[value^=">"]{
background: #f5f5f5;
border-color: #d3d3d3;
color: #000;
width: 34px;
height: 34px;
line-height: 32px;
padding: 0px;
}
.ge-spanel>input.ge-button[value^=">"]:hover {
background: #fff;
}
.wrap-admin-organisations .ge-spanel>input.ge-button:last-of-type,
.wrap-admin-subordinates .ge-spanel>input.ge-button:last-of-type {
margin-left: 10px;
}
.ge-spanel>input.ge-button:focus{
outline: none;
}
.ge-apanel {
background: #fff;
margin-bottom: 2px;
}
.ge-apanel table{
margin-bottom: 0px;
}
.ge-apanel table tbody{
display: table;
width: 100%;
}
.ge-apanel table tbody tr:nth-child(even){
text-align: right;
}
.ge-apanel table tbody tr:nth-child(even) td{
border-top: none;
padding-top: 0px;
}
.ge-apanel table tbody tr td input[type="button"]{
display: inline-block;
font-size: 14px;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #57dfc3;
color: #fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
border: 1px solid transparent;
padding: 6px 36px;
font-family: "Latowebsemibold";
}
.ge-apanel table tbody tr td input[type="button"]:hover{
background: #fff;
border-color: #cccccc;
color: #000;
}
.ge-apanel td textarea{
display: block;
width: 100%;
height: auto;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
padding-right: 42.5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ccc !important;
overflow: auto;
}
.ge-apanel td input[type="text"]:not([disabled]):focus,
.ge-apanel td textarea:focus{
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
/**********************************************  Одна учетная запись  *********************************************/
.ge-dialog>div{
background: white;
/*text-align: center;*/
}
.ge-dialog>div table{
text-align: left;
}
.ge-dialog>div table td select{
background: none;
cursor: pointer;
margin: 0;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: block;
line-height: 1.42857143;
background-image: none;
border: 1px solid #ccc;
height: 35px;
padding-right: 0px;
padding-left: 20px;
border-color: #cccccc;
color: #777777;
position: relative;
}
.ge-dialog>div>div{
text-align: left;
}
.ge-dialog>div table tr td input:not([disabled]):not([type="checkbox"]):not([type="radio"]),
.ge-dialog>div table tr td input[disabled]{
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ececec !important;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
display: inline-block;
vertical-align: middle;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
height: 35px;
}
.ge-dialog>div table tr td input:not([disabled]):not([type="checkbox"]):not([type="radio"]){
border: 1px solid #8c9291 !important;
}
.ge-dialog>div table tr td input[id^="new-"]{

}
.ge-dialog>div table tr td textarea{
display: block;
width: 100%;
height: auto;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
padding-right: 42.5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ccc !important;
overflow: auto;
}
.ge-dialog>div>input[type="checkbox"]{
margin-top: 0px;
margin-bottom: 15px;
}
.ge-dialog>div table tr td input[type="checkbox"]{
margin-top: 0px;
margin-left: 8px;
}
.ge-dialog>div table tr td b{
margin-left: 10px;
}
.ge-dialog>div table tr td span h1{
margin-top: 0px;
margin-bottom: 0px;
font-size: 1.5em;
font-family: "LatoWebSemibold";
}
.ge-dialog>div table tr td input:not([disabled]):focus,
.ge-dialog>div table tr td textarea:focus,
.ge-dialog>div table tr td input[id^="new-"]:focus{
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.ge-dialog ~ input[type="button"].ge-button{
margin-top: 15px;
background: white;
margin-left: 1%;
margin-right: 1%;
width: 14.666667%;
padding: 6px 18px;
color: black;
}
.ge-dialog ~ input[type="button"].ge-button:hover{
background: #57dfc3;
border-color: #57dfc3;
}
/******************************************************************************************************************/
/********************************************  Организации / статистика  ******************************************/
/******************************************************************************************************************/
.wrap-admin-organisations{
text-align: center;
}
.name-textarea textarea{
display: block;
width: 100%;
height: auto;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
padding-right: 42.5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ccc;
overflow: auto;
}
.name-textarea textarea:focus{
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.wrap-annotation-form{

}
.title-annotation{
font-size: 1.2em;
padding-bottom: 2px;
border-bottom: 2px solid #b1b6c9;
display: inline-block;
}
.wrap-annotation-form ul{
list-style-type: none;
}
.wrap-annotation-form ul li{
position: relative;
}
.wrap-annotation-form ul li:before{
content: "\f046";
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
width: 1.5em;
color: #34b759;
margin-left: -1.5em;
font-size: 1em;
vertical-align: middle;
}
.bm-title{
padding: 15px;
margin-bottom: 2px;
background: white;
text-align: center;
}
.bm-title:first-child{
padding: 10px;
background: white;
margin-top: 0px;
margin-bottom: 2px;
font-size: 1.5em;
text-align: center;
font-family: 'LatoWebSemibold';
}
.bm-line{
padding: 15px;
background: white;
margin-bottom: 2px;
text-align: center;
}
.bm-line .bm-stop{
display: none;
}
.bm-line>div{
display: inline-block;
margin: 4px;
background: #e2e2e2;
width: 20%;
vertical-align: middle;
height: 2.5em;
line-height: 2.5em;
}
.bm-line>div.bm-cur{
background: #57dfc3;
font-family: 'LatoWebSemibold';
font-size: 1em;
color: white
}
.bm-line>div.bm-jmp{

}
.bm-line>div.bm-jmp a{
display: block;
color: #555;
}
.bm-line>div.bm-jmp a:hover{
background: #57dfc3;
font-family: 'LatoWebSemibold';
color: #fff;
text-decoration: none;
}
.ge-dialog{
padding: 15px;
margin-bottom: 2px;
background: white;
text-align: left;
}
.ge-dialog>div p:first-child{
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-family: 'LatoWebSemibold';
}
.ge-dialog>div p:last-child{
margin-bottom: 2px;
}
.ge-dialog>div textarea{
display: block;
width: 100% !important;
height: auto;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ccc !important;
overflow: auto;
}
.ge-dialog>div textarea:focus{
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.wrap-admin-organisations>div>input.ge-button{
display: inline-block;
font-size: 14px;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid #ccc;
background: transparent;
margin: 5px;
margin-top: 15px;
background: #fff;
color: #6f6f6f;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
padding: 6px 12px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
width: 11.3%;
}
.wrap-admin-organisations>div>input.ge-button:hover{
background: #edd3bf;
font-family: 'LatoWebSemibold';
color: #000;
text-decoration: none;
}
.ge-spanel{
padding: 15px;
background: white;
margin-bottom: 2px;
}
.wrap-my-reports .ge-spanel{
text-align: center;
}
.ge-spanel .select_over{
position: relative;
display: inline-block;
width: 25%;
}
.ge-spanel .select_over select{
background: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
margin: 0;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
line-height: 1.42857143;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
height: 35px;
padding-right: 25px;
padding-left: 20px;
border-color: #cccccc;
color: #777777;
position: relative;
width: 100% !important;
vertical-align: middle;
margin-right: auto !important;
}
.ge-spanel .select_over:after{
content: "\f078";
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
color: #353535;
position: absolute;
right: 0px;
top: 0;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background: transparent;
padding-left: 0px;
font-size: 1em;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
}
.wrap-my-reports input.ge-stext{
margin-left: 10px;
width: 25%;
}
.wrap-my-reports input.ge-button{
width: 25%;
}
.ge-spanel ~ table,
.wrap-admin-organisations>div>table{
width: 100%;
background: white;
margin-top: 15px;
margin-bottom: 15px;
text-align: left;
}
.wrap-admin-organisations>div>table td,
.ge-spanel ~ table td{
padding: .75rem;
line-height: 1.5;
vertical-align: middle;
border-top: 1px solid #eceeef;
font-size: 1em;
background: none !important;
}
.wrap-admin-organisations>div>table td a,
.ge-spanel ~ table td a{
vertical-align: middle;
display: inline-block;
color: #454869;
font-family: 'LatoWebSemibold';
padding: 6px;
padding-left: 0px;
padding-bottom: 3px;
border-bottom: 2px solid transparent;
}
.wrap-admin-organisations>div>table td a:hover,
.ge-spanel ~ table td a:hover{
color: #000;
text-decoration: none;
border-bottom: 2px solid #57dfc3;
}
.wrap-admin-organisations>div>table tr:hover,
.ge-spanel ~ table tr:hover{
background-color: #f7f7f7;
}
.ge-spanel>input{

}
.wrap-admin-organisations>div>table{

}
.ge-cmds{
padding: 15px;
background: white;
margin-bottom: 2px;
}
.ge-pgs-buttons{
padding: 15px;
background: white;
}
 
.ge-pgs-buttons input:first-child{
display: inline-block;
font-size: 14px;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
color: #6f6f6f;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
padding: 6px 12px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
background: #EFEFEF;
border: 1px solid #d9d9d9;
margin-left: 1%;
margin-right: 1%;
width: 14.666667%;
font-family: 'LatoWebSemibold';
}
 
.ge-pgs-buttons input:first-child{
background-color: #57dfc3;
border-color: #57dfc3;
color: #fff;
}
.ge-pgs-buttons input:hover{
background: #fff;
color: #000;
text-decoration: none;
border-color: #dcdcdc;
}
.ge-dialog>div>input.input_text_small{
width: 25%;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
display: inline-block;
vertical-align: middle;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
height: 35px;
}
.ge-dialog>div>input.input_text_small:focus{
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.ge-dialog>div>input[type=checkbox]{
margin-right: 5px;
}
.ge-dialog>div>p input.button{
display: inline-block;
font-size: 14px;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid #ccc;
background: transparent;
margin: 5px;
background: #fff;
color: #555;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
padding: 6px 12px;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
/*width: 11.3%;*/
}
.ge-dialog>div>input.button:hover{
background: #edd3bf;
/*font-family: 'LatoWebSemibold';*/
color: #000;
text-decoration: none;
}
.ge-dialog>div>.dlg_h2{
margin-bottom: 5px;
margin-top: 15px;
font-size: 1.4em;
padding-bottom: 10px;
border-bottom: 1px dashed #dcdcdc;
font-family: 'LatoWebSemibold';
}
.ge-dialog>div>div[class^="clcc"]{
width: 33.33333333%;
margin: 0px;
padding: 15px;
}
.ge-dialog>div>.clccol1{

}
.ge-dialog>div>.clccol2{

}
.ge-dialog>div>.clccol2>span{

}
.ge-dialog>div>.clccol3{

}
.ge-dialog>div>h3{
text-align: right;
font-size: 1.2em;
margin-top: 0px;
padding-bottom: 10px;
border-bottom: 1px dashed gainsboro;
}
.ge-dialog>.org_div_row{
display: flex;
flex-flow: row wrap;
justify-content: flex-end;
margin-bottom: 10px;
}
.ge-dialog>.org_div_row input[type="text"]:first-child{
display: inline-block;
height: 30px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
position: relative;
z-index: 2;
flex-grow: 1;
min-width: 25%;
}
.ge-dialog>.org_div_row input[type="text"]:first-child:focus{
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.ge-dialog>.org_div_row > select{
background: none;
/*-webkit-appearance: none;*/
/*-moz-appearance: none;*/
/*appearance: none;*/
cursor: pointer;
margin: 0;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
line-height: 1.42857143;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
height: 30px;
padding-right: 30px;
padding-left: 15px;
border-color: #cccccc;
color: #777777;
position: relative;
flex-grow: 1;
min-width: 25%;
margin-left: 10px;
}
.ge-dialog>.org_div_row ~ p{
margin-bottom: 2px;
font-family: "Latowebsemibold";
}
.ge-dialog>.org_div_row ~ input[type="text"]{
display: inline-block;
height: 30px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc !important;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
position: relative;
z-index: 2;
width: 100% !important;

}
.ge-dialog>.org_div_row ~ input[type="text"]:focus{
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
border-color:#66afe9 !important;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
/*****************************************************  MEDIA  ****************************************************/
@media(max-width: 640px){
.ge-dialog>div{
overflow: scroll;
}
.wrap-admin-organisations .bm-line>div{
width: 38.5%;
}
.wrap-admin-organisations>div>input.ge-button{
width: 25%;
}
.ge-spanel .select_over,
.wrap-my-reports input.ge-stext,
.wrap-my-reports input.ge-button{
width: 100%;
margin: 0px;
margin-bottom: 15px;
}
.wrap-my-reports input.ge-button{
margin-bottom: 0px;
}
}
@media(max-width: 567px){
.ge-pgs-buttons input{
width: 40%;
}

.ge-dialog ~ input[type="button"].ge-button{
width: 30%;
}
}
@media(max-width: 480px){
.wrap-admin-subordinates .ge-spanel input.ge-stext{
/*width: 59%;*/
}
.wrap-admin-subordinates .ge-spanel input.ge-button{
/*width: 40%;*/
}

.ge-dialog>div>input.input_text_small{
width: 40%;
}
}
@media(max-width: 400px){
.ge-spanel input.ge-stext{
width: 100%;
margin-bottom: 15px;
}
.ge-spanel input.ge-button{
width: 100%;
}
.ge-spanel>input.ge-button[value^=">"]{
width: 100%;
margin-top: 15px;
margin-left: 0px;
}
}
/******************************************************************************************************************/
/***************************************************  Доступ  *****************************************************/
/******************************************************************************************************************/
.wrap-subscribe{

}
.wrap-subscribe .btn-export{
width: 100%;
}
.wrap-explains{
text-align: center;
}
.title-codes{
margin-top: 0px;
margin-bottom: 10px;
font-size: 1.4em;
font-family: 'LatoWebSemibold';
position: relative;
}
.my-subscriptions{
display: inline-block;
text-transform: uppercase;
}
.my-subscriptions-bullet{
padding-left: 15px;
}
.my-subscriptions-bullet:before{
content: "\f111";
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
color: #57dfc3;
font-size: 0.5em;
position: absolute;
left: 0;
top: 54%;
/*margin-left: 15px;*/
margin-top: -.5em;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wrap-include-code:first-child{
margin-bottom: 15px;
}
.title-access-bibl{
margin-top: 0px;
margin-bottom: 15px;
font-size: 1.2em;
text-align: center;
}
.include-code{
position: relative;
margin: 1rem -1rem;
border: solid #f7f7f9;
border-width: .2rem 0 0;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding: 1.5rem;
border-width: .2rem;
margin-bottom: 0px;
margin-top: 0px;
width: 100%;
overflow: scroll;
}
.include-code table.utab_my_account {
width: 100%;
}
.include-code tr td{
padding: .75rem;
line-height: 1.5;
vertical-align: middle;
border-top: 1px solid #eceeef;
font-size: 1em;
}
.include-code tr td a{
vertical-align: middle;
display: inline-block;
color: #454869;
font-family: 'LatoWebSemibold';
padding: 6px;
padding-left: 0px;
padding-bottom: 3px;
border-bottom: 2px solid transparent;
}
.include-code tr td a:hover{
color: #000;
text-decoration: none;
border-bottom: 2px solid #edd3bf;
}
tr td.order_head{
font-style: normal;
font-family: 'LatoWebMedium';
vertical-align: top;
font-size: 1.1em;
}
.include-code tbody tr:nth-child(n+2):hover {
background-color: #f7f7f7;
}
table.utab_my_account td.h{
font-style: normal;
font-family: 'LatoWebMedium';
vertical-align: top;
font-size: 1em;
}
table.utab_my_account td.v{

}
/****************************************************  MEDIA  *****************************************************/
@media(max-width: 567px){
.wrap-input-captcha{
width: 66.66666667%;
}
.wrap-cartoon-captcha{
width: 33.33333333%;
}
.wrap-activate-captcha{
width: 100%;
padding-left: 0px;
margin-top: 15px;
}
}
/******************************************************************************************************************/
/***********************************************  Ответы с сервера  ***********************************************/
/******************************************************************************************************************/
.wrapper-update-info{
padding: 15px;
background: white;
display: table;
width: 100%;
}
.update-info-text{
font-size: 1.5em;
margin-top: 0px;
margin-bottom: 0px;
text-align: center;
display: table-cell;
vertical-align: middle;
height: 11.1em;
position: relative;
font-family: 'LatoWebSemibold';
}
/******************************************************************************************************************/
/********************************************  Страницы ссылок с footer  ******************************************/
/******************************************************************************************************************/
.wrapper-body-content{

}
.title-body-content{
margin-top: 0px;
margin-bottom: 15px;
text-align: center;
font-size: 2.5em;
background: white;
padding: 15px;
}
.wrapper-body-content>div:first-of-type{
background: white;
padding: 15px;
}
.wrapper-body-content>div p{
font-size: 1.2em;
padding: 10px 20px;
margin: 0 0 20px;
border-left: 5px solid #eee;
}
.wrapper-body-content>div h2{
margin-top: 0px;
font-size: 1.2em;
margin-bottom: 10px;
font-style: italic;
font-family: 'LatoWebSemibold';
}
.wrapper-body-content>div>span h2:nth-of-type(1){

}
.wrapper-body-content>div>span h2:nth-of-type(2){
font-style: normal;
font-size: 1.5em;
text-align: right;
margin-bottom: 30px;
font-family: 'LatoWeb';
}
.wrapper-body-content>div table{
width: 100%;
text-align: right;
position: relative;
margin: 1rem -1rem;
border: solid #f7f7f9;
margin-left: 0;
margin-right: 0;
padding: 1.5rem;
border-width: .2rem;
margin-bottom: 30px;
margin-top: 0px;
}
.wrapper-body-content>div table tbody>tr{

}
.wrapper-body-content>div tbody tr:hover {
background-color: #f7f7f7;
}
.wrapper-body-content>div table tbody>tr td{
padding: .75rem;
line-height: 1.5;
vertical-align: middle;
border-top: 1px solid #eceeef;
font-size: 1em;
}
.wrapper-body-content>div table tbody>tr td:first-child{

}
.wrapper-body-content>div table tbody>tr td:last-child{
text-align: left;
}
.wrapper-body-content>div ul{

}
.wrapper-body-content>div ul>li{

}
.wrapper-body-content>div ul>li a{

}
.wrapper-body-content>div ul>li a:hover{

}
.wrapper-body-content b{
font-family: 'LatoWebSemibold';
font-weight: normal;
}
.wrapper-body-content a{
color: #777c92;
}
.wrapper-body-content a:hover{
color: #525669;
}
/******************************************************************************************************************/
/*************************************************  Инструкция  ***************************************************/
/******************************************************************************************************************/
.instr-cont{
background: white;
padding: 15px;
margin-bottom: 15px;
}
.wrap-stack{
/*padding-left: 15px;*/
/*padding-right: 15px;*/
padding: 15px;
background: white;
margin-top: 0px !important;
}
.instr-cont h2,
.instr-cont h3,
.instr-cont h4,
.instr-cont h5{
margin-top: 0px;
margin-bottom: 15px;
}
/* when on mobile, disable affix position */
#side-nav {clear: both}
#side-nav .nav.affix,
#side-nav .nav.affix.affix-bottom { position: relative; margin: 20px 0; backface-visibility: hidden; }

#side-nav > .nav li.active > a,
#side-nav > .nav li.active:hover > a { background-color: #e6f0f8 }
#side-nav > .nav li:hover > a { background-color: #f5f9fc }

/* side navigation */
#side-nav  { 
/*margin-top: 40px; */
clear: none 
}
/*#side-nav > .nav > li > ul { margin-top: 2px; height:0; opacity: 0; padding-left: 15px; transition: all 0.3s ease-out; }*/
#side-nav > .nav li > ul {
height:0;
opacity: 0;
padding-left: 15px;
transition: height 0.3s ease-out, opacity 0.3s ease;
}
#side-nav > .nav li { 
overflow: hidden 
}
#side-nav > .nav li.active > ul { 
opacity: 1; margin-top: 2px; 
}
#side-nav > .nav li.active.list2 > ul { 
height: 106px; height: calc(52px*2 + 2px); 
}
#side-nav > .nav li.active.list3 > ul { 
height: 160px; height: calc(52px*3 + 2px*2); 
}
#side-nav > .nav li.active.list4 > ul { 
height: 214px; 
height: calc(52px*4 + 2px*3); 
}
#side-nav > .nav li.active.list5 > ul { 
height: 268px; 
height: calc(52px*5 + 2px*6); 
}
#side-nav > .nav li.active.list6 > ul { 
height: 322px; 
height: calc(52px*6 + 2px*5); 
}
#side-nav > .nav li.active.list7 > ul { 
height: 376px; 
height: calc(52px*7 + 2px*6); 
}
#side-nav > .nav li.active.list8 > ul { 
height: 430px; height: calc(52px*8 + 2px*7); 
}
#side-nav > .nav li.active.list9 > ul { 
height: 484px; 
height: calc(52px*9 + 2px*8); 
}
#side-nav > .nav li.active.list10 > ul { 
height: 530px; 
height: calc(52px*10 + 2px*9); 
}
#side-nav > .nav li.active.list11 > ul { 
height: 592px; 
height: calc(52px*11 + 2px*10); 
}
#side-nav > .nav li.active.list11.additional > ul { 
height: 444px; 
height: calc(52px*11 + 2px*11 + 52px*5 + 2px*4); 
}
#side-nav > .nav li > a { 
z-index: 1; 
padding: 6px 10px;
color: #000;
}
#side-nav > .nav li > ul { 
z-index: 0 
}
#side-nav > .nav > li > a { 
font-size: 1.25em;
}
#side-nav > .nav > li > ul > li > a { 
font-size: 1em;
}
#side-nav > .nav > li > ul > li > ul > li > a { 
font-size: 0.85em;
}

.nav-stacked.affix{
z-index: 10;
filter: alpha(opacity=0);
-webkit-backface-visibility: hidden;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-webkit-animation-duration: 0.4s;
animation-duration: 0.4s;
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
.nav-stacked.affix{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.nav-stacked.affix{
opacity: 1 !important;
filter: alpha(opacity=100) !important;
}
.nav-stacked.affix{
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
#side-nav [class^="list"].active .nav.nav-stacked .nav.nav-stacked {
height: auto;
opacity: 1;
}

@media (min-width: 768px) {
#side-nav .nav.affix,
#side-nav .nav.affix-bottom { 
position: fixed !important;  width: 263px; 
}
#side-nav .nav.affix { 
top: 0px; 
}
#side-nav .nav.affix-bottom { 
top: auto; bottom: 275px 
}
}
/******************************************************************************************************************/
/************************************************  multiscrollspy  ************************************************/
/******************************************************************************************************************/
.title-body-content{

}
.title-body-content span{

}
.wrap-list-instructions,
.wrap-list-instructions ul{
list-style: none;
padding: 0px;
margin-bottom: 0px;
}
.wrap-list-instructions h3{
margin-top: 0px;
margin-bottom: 15px;
}
.wrap-list-instructions p{
font-size: 1.25em;
}
.wrap-list-instructions>li{
padding: 15px;
background: white;
margin-bottom: 15px;
}
.wrap-list-instructions>li:last-child{
margin-bottom: 0px;
}
.wrap-list-instructions>li>h3{
font-family: "Latowebbold";
font-size: 2em;
}
.wrap-list-instructions>li>p{

}
.wrap-list-instructions>li>ul{ 
list-style: none;
margin-bottom: 0px;
padding-left: 0px;
}
.wrap-list-instructions>li>ul>li{ 

}
.wrap-list-instructions>li>ul>li>h3{ 
font-size: 1.5em;
font-family: "Latowebbold";
}
.wrap-list-instructions>li>ul>li>ul>li>h3{ 
font-size: 1.25em;
}
.wrap-list-instructions>li>ul>li>p{ 

}
.wrap-inst-img{
display: block;
margin-bottom: 15px;
-moz-box-shadow: 0px 0px 10px 2px #6d6d6d;
-webkit-box-shadow: 0px 0px 10px 2px #6d6d6d;
box-shadow: 0px 0px 10px 2px #6d6d6d;
padding: 0px;
}
.wrap-inst-img:last-child{
margin-bottom: 0px;
}
.wrap-inst-img img{

}
.wrap-img-icon{
height: 40px;
width: 40px;
line-height: 35px;
display: inline-block;
background: #f2d2bd;
padding: 0px;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
}
.wrap-img-icon img{
width: 20px;
}
.inside-link{
color: black;
font-family: "Latowebbold";
border-bottom: 2px solid #f66f5a;
padding-bottom: 2px;
}
.inside-link:hover{
border-color: #45476d;
text-decoration: none;
color: #f6705d;
}
.wrap-img-in-instr {
display: inline-block;
width: 35px;
height: 35px;
line-height: 32px;
background: white;
border: 1px solid #c3c3c3;
color: gray;
text-align: center;
-moz-border-radius: 100%;
-webkit-border-radius: 100%;
border-radius: 100%;
margin-left: 15px;
}
.wrap-img-in-instr img{
width: 25px;
height: 25px;
}
/******************************************************************************************************************/
/**************************************************  Читалка  *****************************************************/
/******************************************************************************************************************/
.wrapper-book-main{
padding-top: 15px;
}
.wrap-contents{
/*background: white;
padding: 15px;*/
padding: 0px;
}
.wrap-turnover-title a{
text-align: right;
display: block;
color: #454869;
padding: 6px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 25px;
margin-bottom: 6px;
position: relative;
}
.wrap-turnover-title a:after{
content: "\f00e";
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
width: 1.8em;
color: #b1b6c9;
margin-right: -1.8em;
font-size: 1em;
/*position: absolute;*/
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.wrap-turnover-title a:focus{
color: #454869;
text-decoration: none;
}
.wrap-turnover-title a:hover{
color: #000;
}
.wrap-turnover-title:hover a:after{
color: #000;
}
.wrap-headings{
padding: 15px;
background: white;
}
/******************************************************************************/
.title-contents{
margin-top: 0px;
font-size: 1.3em;
font-family: 'LatoWebSemibold';
text-transform: uppercase;
padding-bottom: 10px;
border-bottom: 2px dashed #b1b6c9;
padding-top: 10px;
}
.table-of-contents{

}
.tcont-row-1{
position: relative;
margin-bottom: 10px;
}
.tcont-a-1{
display: inline-block;
width: 100%;
padding: 10px;
background: #f7f7f7;
color: #555;
}
.tcont-a-1:hover{
text-decoration: none;
-moz-box-shadow: inset 1px 1px 1px 1px #adadad;
-webkit-box-shadow: inset 1px 1px 1px 1px #adadad;
box-shadow: inset 1px 1px 1px 1px #adadad;
color: black;
}
.tcont-row-2{

}
.tcont-a-div-2{

}
.tcont-a-2{
display: block;
color: #454869;
font-family: 'LatoWebSemibold';
padding: 6px;
padding-bottom: 3px;
padding-left: 0px;
text-align: right;
margin-bottom: 6px;
border-bottom: 2px solid transparent;
}
.tcont-a-2:hover{
color: #000;
text-decoration: none;
border-bottom: 2px solid #edd3bf;
}
.tcont-gr-1{
display: inline-block;
width: 100%;
padding: 10px;
background: #f7f7f7;
text-decoration: none;
-moz-box-shadow: inset 1px 1px 1px 1px #adadad;
-webkit-box-shadow: inset 1px 1px 1px 1px #adadad;
box-shadow: inset 1px 1px 1px 1px #adadad;
color: black;
font-family: "latowebbold";
}
div[class^="tcont-a-on-"],
div[class^="tcont-a-off-"]{
position: absolute;
right: -15px;
top: -5px;
}
div[class^="tcont-a-on-"] a,
div[class^="tcont-a-off-"] a{
font-size: 0px;
width: 20px;
height: 20px;
line-height: 18px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
background: #f7f7f7;
display: inline-block;
text-align: center;
color: black;
border: 1px solid #e2e2e2;
}
div[class^="tcont-a-on-"] a:hover,
div[class^="tcont-a-off-"] a:hover{
-moz-box-shadow: inset 1px 1px 1px 1px gray;
-webkit-box-shadow: inset 1px 1px 1px 1px gray;
box-shadow: inset 1px 1px 1px 1px gray;
border: 1px solid transparent;
}
div[class^="tcont-a-on-"] a:before,
div[class^="tcont-a-off-"] a:before{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 10px;
vertical-align: middle;
}
div[class^="tcont-a-on-"] a:before{
content: "\f078";
}
div[class^="tcont-a-off-"] a:before{
content: "\f077";
}
.tcont-gr-2.tcont_cur-2{
width: 100%;
display: inline-block;
text-align: right;
color: #424242;
text-decoration: none;
}
.tcont-gr-2.tcont_cur_doc-2{
width: 100%;
display: inline-block;
text-align: right;
color: #424242;
text-decoration: none;
}
.tcont-gr-2.tcont_cur-2.tcont_cur_doc-2{
width: 100%;
display: inline-block;
text-align: right;
font-size: 1.2em;
font-family: "LatoWebBold";
color: #000;
text-decoration: none;
border-bottom: 2px solid #edd3bf;
margin-bottom: 5px;
margin-top: 5px;
}
.a-volume{
color: black;
display: inline-block;
width: 100%;
padding: 10px;
background: #ead9e8;
margin-bottom: 10px;
font-family: "Latowebbold";
font-size: 1.2em;
}
.a-volume:hover{
text-decoration: none;
-moz-box-shadow: inset 1px 1px 1px 1px #adadad;
-webkit-box-shadow: inset 1px 1px 1px 1px #adadad;
box-shadow: inset 1px 1px 1px 1px #adadad;
color: black;
}
.a-volume + .aTCont{

}
/**********************************************  Оглавление для книги  *************************************************/
.aTCont,
.bTCont {
/*border:1px solid #ff0000;*/
/*padding:1em 1em 1em 1em;*/
}
.aTCont-row-doc,
.bTCont-row-doc {
/*border:1px solid #00ff00;*/
/*padding:1em 1em 1em 1em;*/
/*margin:1em 1em 1em 1em;*/
margin-bottom: 10px;
position: relative;
}
.aTCont-row-doc-a,
.bTCont-row-doc-a {
/*border:2px solid #666666;*/
display: inline-block;
width: 100%;
padding: 10px;
background: #f7f7f7;
color: #000;
/*font-size: 1.2em;*/
/*font-family: "Latowebbold";*/
position: relative;
}
.aTCont-row-doc-a:hover,
.bTCont-row-doc-a:hover{
text-decoration: none;
-moz-box-shadow: inset 1px 1px 1px 1px #adadad;
-webkit-box-shadow: inset 1px 1px 1px 1px #adadad;
box-shadow: inset 1px 1px 1px 1px #adadad;
color: black;
}
.aTCont-row-doc-text,
.bTCont-row-doc-text {
/*border:2px solid #666666;*/
/*color:#c0c0c0;*/
display: inline-block;
width: 100%;
padding: 10px;
background: #f7f7f7;
color: #b9b9b9;
position: relative;
font-family: "Latowebbold";
}
.aTCont-current_doc,
.bTCont-current_doc {
/*font-size:2em;*/
/*font-weight:bold;*/
text-decoration: none;
-moz-box-shadow: inset 1px 1px 1px 1px #adadad;
-webkit-box-shadow: inset 1px 1px 1px 1px #adadad;
box-shadow: inset 1px 1px 1px 1px #adadad;
color: black;
font-family: "LatoWebsemiBold";
/*font-size: 1.2em;*/
/*background: #dfe0e6;*/
background: #d9eae5;
}
.aTCont-row-childs,
.bTCont-row-childs {
/* border: 1px solid #0000ff; */
/* padding: 1em 1em 1em 1em; */
/* margin: 1em 1em 1em 1em; */
/* position: relative; */
border: 1px dashed #cccccc;
border-top: none;
padding: 10px;
text-align: right;
}
.aTCont-row-childs:empty,
.bTCont-row-childs:empty{
display: none;
}
.aTCont-row-childs-a-off,
.aTCont-row-childs-a-on,
.bTCont-row-childs-a-off,
.bTCont-row-childs-a-on{
font-size: 0px !important;
width: 20px;
height: 20px;
line-height: 18px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
background: #f7f7f7;
display: inline-block;
text-align: center;
color: black;
border: 1px solid #e2e2e2;
position: absolute;
right: -21px;
top: 0;
z-index: 10;
}
.aTCont-row-childs-a-off:hover,
.aTCont-row-childs-a-on:hover,
.bTCont-row-childs-a-off:hover,
.bTCont-row-childs-a-on:hover{
-moz-box-shadow: inset 1px 1px 1px 1px gray;
-webkit-box-shadow: inset 1px 1px 1px 1px gray;
box-shadow: inset 1px 1px 1px 1px gray;
border: 1px solid transparent;
color: #333333;
}
.aTCont-row-childs-a-off:before,
.aTCont-row-childs-a-on:before,
.bTCont-row-childs-a-off:before,
.bTCont-row-childs-a-on:before{
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 10px;
vertical-align: middle;
}
.aTCont-row-childs-a-off:before,
.bTCont-row-childs-a-off:before {
/*background-color:#ff0000;*/
content: "\f077";
}
.aTCont-row-childs-a-on:before,
.bTCont-row-childs-a-on:before {
/*background-color:#0000ff;*/
content: "\f078";
}
.aTCont-row-sect,
.bTCont-row-sect {
/* border: 2px dotted #666666; */
/* border: 1px dashed #cccccc; */
display: inline-block;
width: 100%;
border-top: none;
/* padding-right: 10px; */
}
.aTCont-row-sect.adepth2,
.bTCont-row-sect.bdepth2{
border: 1px solid #cccccc;
margin-top: 10px;
}
.aTCont-row-sect.adepth2:first-child,
.bTCont-row-sect.bdepth2:first-child{
margin-top: 0px;
}
.aTCont-row-sect-text,
.bTCont-row-sect-text {
/*border:2px dotted #666666;*/
/*border: 1px dashed #cccccc;*/
display: inline-block;
padding: 6px;
padding-bottom: 3px;
padding-left: 0px;
margin-bottom: 6px;
}
.aTCont-row-sect-a,
.bTCont-row-sect-a {
/*border:2px dotted #000077;*/
display: inline-block;
color: #454869;
/*font-family: 'LatoWebSemibold';*/
padding: 6px;
padding-bottom: 3px;
/*padding-left: 0px;*/
text-align: right;
margin-bottom: 6px;
border-bottom: 2px solid transparent;
position: relative;
}
.aTCont-row-sect-a.adepth-a2,
.bTCont-row-sect-a.bdepth-a2{
background: #f7f7f7;
font-family: 'LatoWebSemibold';
text-align: left;
padding-left: 6px;
font-size: 1.1em;
border-bottom: 2px solid #dfe0e6;
width: 100%;
margin-bottom: 0px;
}
.aTCont-row-sect-a.adepth-a3:before,
.bTCont-row-sect-a.bdepth-a3:before{
content: "\f068";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: absolute;
right: -4px;
margin-top: -.5em;
font-size: 8px;
color: #cccccc;
top: 60%;
}
.aTCont-row-sect-a.adepth-a2.aTCont-current_sect,
.bTCont-row-sect-a.bdepth-a2.bTCont-current_sect{
color: #000;
border-bottom: 2px solid #9acabc;
font-family: "Latowebbold";
}
.aTCont-row-sect-a.adepth-a3.aTCont-current_sect,
.bTCont-row-sect-a.bdepth-a3.bTCont-current_sect{
color: #000;
border-bottom: 2px solid #9acabc;
font-family: "Latowebbold";
}
.aTCont-row-sect-a.adepth-a3.aTCont-current_sect:before,
.bTCont-row-sect-a.bdepth-a3.bTCont-current_sect:before{
content: "\f111";
color: #9acabc;
font-size: 10px;
right: -5px;
}
.aTCont-row-sect-a:hover,
.bTCont-row-sect-a:hover{
color: #000;
text-decoration: none;
border-bottom: 2px solid #9acabc;
}
.aTCont-cm1p .aTCont-row-sect-text,
.bTCont-cm1p .bTCont-row-sect-text{
color: #b9b9b9;
}
.aTCont-row-sect-text.aTCont-current_sec,
.bTCont-row-sect-text.bTCont-current_sect {
/*font-size:3em;*/
color: #000;
text-decoration: none;
border-bottom: 2px solid #9acabc;
font-family: "Latowebsemibold";
}
/******************************************************************************/
.wrap-add-to{
/*padding: 10px;
background: #ececec;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;*/
}
.reader-basket{
padding-top: 15px;
}
.wrap-discuss-sticker{
padding-bottom: 40px;
}
.wrap-discuss-sticker div#discuss_area_edit{

}
.wrap-discuss-sticker div#discuss_area_edit>div.HyperTextArea{
width: 100%;
/* margin: 0 auto; */
padding: 10px;
background: white;
-webkit-border-radius: 3px 3px 0px 0px;
-moz-border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
-moz-box-shadow: inset 0px 0px 6px 3px gray;
-webkit-box-shadow: inset 0px 0px 6px 3px gray;
box-shadow: inset 0px 0px 6px 3px gray;
}
.wrap-discuss-sticker div#discuss_area_edit>div.HyperTextArea .mtbl{
width: 100%;
}
.wrap-discuss-sticker div#discuss_area_edit>div.HyperTextArea .mtbl iframe{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.wrap-discuss-sticker div#discuss_area_edit>div.HyperTextArea .mtbl table td{
display: inline-block;
}
#HEdt_discuss01_hilitecolor{
display: none;
}
.wrap-discuss-sticker div#swap_discuss_area_content{
width: 100%;
position: relative;
}
.wrap-discuss-sticker .DA_sticker{
padding: 10px;
background: white;
margin-bottom: 15px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.wrap-discuss-sticker div[id^="DA_pgl_sticker_hide_clime"]{
padding: 10px;
background: #d3d8e2;
margin-bottom: 15px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.wrap-discuss-sticker div[id^="DA_pgl_sticker_hide_clime"] .DAStk_dtTxt{
background-color: #d3d8e2;
}
.wrap-discuss-sticker div#swap_discuss_area_content{

}
.wrap-discuss-sticker div#swap_discuss_area_content #discuss_area_cmds{

}
.wrap-discuss-sticker div#swap_discuss_area_content #discuss_area_cmds #DA_go{
margin: 0px 0px 17px 0px !important;
background: white;
padding: 10px 10px;
-webkit-border-radius: 0px 0px 3px 3px;
-moz-border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
}
.wrap-discuss-sticker div#swap_discuss_area_content #discuss_area_cmds #DA_go table{
width: 100%;
}
.wrap-discuss-sticker div#swap_discuss_area_content #discuss_area_cmds #DA_go table td:last-child{
text-align: right;
}
.wrap-discuss-sticker .DA_btn_go{
display: inline-block;
font-size: 0.85em;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color: #0A0A0A;
background-color: transparent;
padding: 6px 12px;
font-size: 0.85em;
float: left;
border: 1px solid #ccc;
-webkit-transition: .3s;
-moz-transition: .3s;
-moz-transition: .3s;
-o-transition: .3s;
transition: .3s;
}
.wrap-discuss-sticker .DA_btn_go:hover{
background: #EDF5EA;
}
.wrap-discuss-sticker div#swap_discuss_area_content div[id^="DA_pgl_sticker_hide_owner"]{
background: white;
padding: 10px 10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.wrap-discuss-sticker div#swap_discuss_area_content .DAStk_dt{
border-bottom: 1px solid #E1E1E1;
}
.wrap-discuss-sticker div#swap_discuss_area_content .DAStk_dtTxt{
font-weight: 300;
}
.return-to-book{

}
.return-to-book a{
text-align: right;
display: block;
color: #454869;
padding: 6px;
padding-bottom: 3px;
padding-left: 0px;
padding-right: 25px;
margin-bottom: 6px;
position: relative;
}
.return-to-book a:after{
content: "\f112";
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
width: 1.8em;
color: #b1b6c9;
margin-right: -1.8em;
margin-top: -.5em;
position: absolute;
top: 50%;
font-size: 1em;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.return-to-book a:focus{
color: #454869;
text-decoration: none;
}
.return-to-book a:hover{
color: #000;
}
.return-to-book:hover a:after{
color: #000;
}
.sticker-reader-book{
margin-bottom: 2px;
}
.ss-style-roundedsplit{
position: relative;
background: #e8e8e8;
padding: 15px;
padding-top: 5px;
}
.wrap-goto-content + .ss-style-roundedsplit{
margin-top: 35px;
}
.ss-style-roundedsplit:before,
.ss-style-roundedsplit:after{
position: absolute;
content: '';
pointer-events: none;
top: -20px;
left: 0;
z-index: 10;
width: 50%;
height: 20px;
background: inherit;
}
.bcolor{
background: #f7f7f7;
}
.ss-style-roundedsplit:before {
-webkit-border-radius: 0 20px 0 0;
-moz-border-radius: 0 20px 0 0;
border-radius: 0 20px 0 0;
}
.ss-style-roundedsplit:after {
left: 50%;
-webkit-border-radius: 20px 0 0 0;
-moz-border-radius: 20px 0 0 0;
border-radius: 20px 0 0 0;
}
.wrap-opinion-sticker{
/*padding-bottom: 35px;*/
}
.wrap-annotation-sticker span.head,
.wrap-opinion-sticker span.head,
.wrap-included-sticker span.head{
display: block;
max-width: 100%;
margin-bottom: 5px;
font-family: 'LatoWebSemibold';
}
.wrap-annotation-sticker span.value{

}
.wrap-annotation-sticker span.value p:last-child{
margin-bottom: 0px;
}
.sticker-reader-book .wrap-annotation-sticker:not(:empty),
.sticker-reader-book .wrap-opinion-sticker:not(:empty){
padding-bottom: 35px;
/*margin-top: 10px;*/
}
.wrap-main-sengine-sticker .wrap-annotation-sticker:not(:empty){
/*margin-top: 10px;*/
}
.wrap-opinion-sticker:empty,
.wrap-annotation-sticker:empty{
display: none;
}
.wrap-opinion-sticker span.value{

}
.wrap-opinion-sticker span.value p:last-child{
margin-bottom: 0px;
}
/*.wrapper-button-read{
padding: 15px;
padding-bottom: 40px;
padding-top: 20px;
text-align: center;
background: #fff;
border-top: 2px solid #e8e8e8;
}
.wrap-goto-content{

}*/
.wrapper-button-read{
/*padding: 15px;*/
padding-bottom: 40px;
padding-top: 20px;
text-align: center;
background: #fff;
border-top: 2px solid #e8e8e8;
}
.wrap-goto-content:empty{
display: none;
}
.wrapper-button-read>a:first-child{
padding: 4px 47px;
margin-right: 10px;
}
.wrapper-button-read>a:last-child{
padding: 4px 30px;
margin-right: 0px;
}
.self_testing{
text-align: center;
margin-top: 15px;
}
.self_testing > a{
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
.self_testing > a[href*=off-self-testing]{
color: #fff;
background-color: #28a745;
border-color: #28a745;
}
.offline-apps{
border: 1px solid #757575;
font-size: 14px;
font-family: Latowebsemibold;
margin-left: 10px;
}
.offline-apps>a{
display: inline-block;
height: 20px;
width: 20px;
line-height: 20px;
margin-left: 5px;
color: #000;
}
.offline-apps>a:hover{
color: #70b173;
}
.offline-apps>a span{

}
.offline-apps>a span:before{

}
.offline-apps>span{
display: inline-block;
height: 20px;
width: 20px;
line-height: 20px;
margin-left: 5px;
color: #ccc;
}
.offline-apps>span:hover{
cursor: not-allowed;
}
.offline-apps>span span{

}
.offline-apps>span span:before{

}
.wrap-headings .offline-apps{
display: block;
text-align: center;
border-color: #cccccc;
border-width: 2px;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
margin-bottom: 10px;
margin-left: 0px;
}
.wrap-included-sticker{
padding-bottom: 30px;
}
.wrap-included-sticker .book-kits{
margin-left: -3px;
margin-right: -3px;
}
.wrap-included-sticker .book-kit{
display: inline-block;
margin: 6px 3px;
}
.wrap-included-sticker .a-book-kit{
background: #2a927d;
padding: 4px 8px;
color: white;
font-family: 'LatoWebSemibold';
}
.wrap-included-sticker .a-book-kit:hover{

}
.wrap-sengine-list .cover_guide_area{
padding: 15px;
background: white;
}
.cover_guide_area h3{
margin-bottom: 30px;
text-align: center;
font-size: 2em;
font-weight: normal;
font-family: "LatoWebSemibold";
}
.cover_guide_area .guide_col,
.wrap-rubricator-catalogue .guide_col{
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
width: 33.33333333%;
display: inline-block;
vertical-align: top;
}
.cover_guide_area .guide_col .guide_col-row{
margin-bottom: 3px;
}
.cover_guide_area .guide_col ~ .guide_col_dlm,
.wrap-rubricator-catalogue .guide_col ~ .guide_col_dlm{
display: none;
}
.cover_guide_area .guide_col ~ .guide_col_SQEND{
min-height: 1px;
margin-bottom: 15px;
position: relative;
}
.cover_guide_area .guide_col ~ a,
.cover_guide_area .guide_col ~ input{
display: inline-block;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
color: #ffffff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
border: 1px solid transparent;
padding: 6px 30px;
font-family: "LatoWebSemibold";
}
.cover_guide_area .guide_col ~ input{
background: #edd3bf;
color: black;
}
.cover_guide_area .guide_col ~ a{
background: white;
border: 1px solid #dadada;
color: #555;
margin-right: 10px;
}
.cover_guide_area .guide_col ~ a:hover,
.cover_guide_area .guide_col ~ input:hover{
text-decoration: none;
color: #000;
background: white;
-moz-box-shadow: inset 1px 1px 1px 1px gray;
-webkit-box-shadow: inset 1px 1px 1px 1px gray;
box-shadow: inset 1px 1px 1px 1px gray;
}
.cover_guide_area .guide_col .guide_col-row input[type=checkbox]{
width: 6%;
vertical-align: top;
}
.cover_guide_area .guide_col .guide_col-row span{
padding-left: 5px;
display: inline-block;
width: 94%;
}
.cover_guide_area .guide_col>a,
.wrap-rubricator-catalogue .guide_col>a{
display: block;
color: #4b525a;
font-family: 'LatoWebSemibold';
padding: 6px;
padding-bottom: 3px;
padding-left: 0px;
margin-bottom: 6px;
border-bottom: 2px solid transparent;
}
.cover_guide_area .guide_col>a:last-child,
.wrap-rubricator-catalogue .guide_col>a:last-child{
margin-bottom: 0px;
}
.cover_guide_area .guide_col>a:hover,
.wrap-rubricator-catalogue .guide_col>a:hover{
color: #000;
text-decoration: none;
border-bottom: 2px solid #edd3bf;
}
/***************************************************  MEDIA  *****************************************************/
@media(max-width: 1199px){
.reader-info{
/*width: 78.333333%;*/
}
.reader-basket{
width: 100%;
padding-top: 15px;
margin-top: 15px;
border-top: 1px dashed #d2d2d2;
}
.reader-basket .wrap-add-to-basket .add_to_basket {
padding: 4px 15px;
}
.sticker-reader-book .wrap-book-sticker-sengine{
padding-bottom: 20px;
}
.table-of-contents a{
font-size: 0.8em;
}
}
@media(max-width: 767px){
.wrapper-book-main .container{
padding-left: 0px;
padding-right: 0px;
}
}
@media(max-width: 640px){
.cover_guide_area .guide_col,
.wrap-rubricator-catalogue .guide_col{
width: 100%;
padding-right: 5px;
padding-left: 5px;
}
.reader-head-value{
display: block;
}
.reader-head-value .head,
.reader-head-value .value{
display: block;
flex: 0 0 auto;
max-width: 100%;
}
.reader-head-value .head{
margin-bottom: 5px;
}
.reader-head-value .value{
margin-bottom: 10px;
}
}
@media(max-width: 480px){
.reader-cartoon{
/*width: 100%;
text-align: center;*/
}
.reader-cartoon .wrap-avatar-book{
float: none;
}
.reader-cartoon .wrap-avatar-book > a {
/*border: 3px solid #e8e8e8;
min-height: 11em;
line-height: 11em;
margin-bottom: 3px;*/
}
.reader-cartoon .wrap-avatar-book > img {
width: auto;
-moz-box-shadow: -5px 5px 1px 0px #9a8e85;
-webkit-box-shadow: -5px 5px 1px 0px #9a8e85;
box-shadow: -5px 5px 1px 0px #9a8e85;
}
.reader-cartoon .wrap-markers-book {
/*border: 3px solid #e8e8e8;
padding: 6px;
float: none;
margin-left: 0px;
width: 100%;*/
}
.sticker-reader-book .wrap-reader-bookmark {
/*top: 5px;
right: 5px;*/
}
.reader-info {
/*width: 100%;*/
/*padding-top: 15px;*/
}
}
@media(max-width: 420px){
.wrapper-button-read{
padding-left: 10px;
padding-right: 10px;
}
.wrapper-button-read>a:first-child{
/*display: block;
margin-left: 15px;
margin-right: 15px;
margin-bottom: 15px;*/
margin-right: 0px;
}
.wrapper-button-read>a{
width: 100%;
margin-right: 0px !important;
margin-left: 0px !important;
}
.wrapper-button-read>a:not(.last-of-type){
margin-bottom: 10px;
}
.wrapper-button-read .btn-download.btn-animated.in-title{
/*display: block;
margin-left: 15px;
margin-right: 15px;*/
}
}

/******************************************************************************************************************/
/***************************************************  Модули  *****************************************************/
/******************************************************************************************************************/
.div_answer{
margin-bottom: 10px;
}
.div_answer{
margin-bottom: 10px;
}
.div_answer .answer_head-fix {
/*margin-bottom: 5px;*/
/*margin-left: 0px;*/
}
.div_answer>input[type="radio"]{
display: inline-block;
vertical-align: top;
width: 25px;
}
.answer_head-fix{
/*margin-left: 8px;*/
width: 90%;
display: inline-block;
}
.div_answer textarea{
display: block;
width: 100%;
height: auto;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
padding-right: 42.5px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-moz-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: 1px solid #ccc !important;
overflow: auto;
}
.div_answer textarea:focus{
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.div_question{

}
.question_head{
text-align: right;
font-size: 1.2em;
font-style: italic;
font-family: "Latowebbold";
}
.after_question_head{

}
.div_question table{
width: 100%;
}
.div_question table tr{

}
.div_question table tr>td{
padding: .5em;
line-height: 1.5;
vertical-align: middle;
border-top: 1px solid #eceeef;
font-size: 1em;
}
.div_question table tr>td.anshtd1{
font-style: normal;
font-family: 'LatoWebMedium';
vertical-align: top;
font-size: 1.2em;
}
.div_question table tr td.anshtd2{
text-align: center;
font-style: normal;
font-family: 'LatoWebMedium';
vertical-align: top;
font-size: 1.2em;
width: 15%;
}
.div_question table tr td.ansdtd1{

}
.div_question table tr td.ansdtd2{
text-align: center;
}
.div_question .warn{
color: #bf4f4f;
margin-bottom: 10px;
}
.div_question .warn_cmds{
text-align: center;
}
.div_question .warn_cmds a{
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #fff;
color: #6f6f6f;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
border: 1px solid #d9d9d9;
margin: 4px 6px;
}
.div_question .warn_cmds a:hover{
color: #000;
}
/******************************************************************************************************************/
/*********************************************  Стикеры для модулей  **********************************************/
/******************************************************************************************************************/
.wrap-main-modul-sticker{
margin-bottom: 15px;
}
.wrap-modul-sticker-sengine{
padding: 15px;
/*padding-bottom: 35px;*/
background: #f7f7f7;
position: relative;
}
.wrap-avatar-modul{
float: left;
}
.wrap-avatar-modul a {
display: block;
}
.wrap-avatar-modul a:hover {
text-decoration: none;
-moz-box-shadow: -5px 5px 1px 0px #9a8e85;
-webkit-box-shadow: -5px 5px 1px 0px #9a8e85;
box-shadow: -5px 5px 1px 0px #9a8e85;
}
.wrap-avatar-modul img {

}
.wrap-markers-modul {
list-style: none;
padding: 0px;
margin: 0;
float: left;
margin-top: 5px;
width: 100%;
}
.wrap-markers-modul li {
display: inline-block;
}
.wrap-markers-modul li img {
width: 100%;
}
.cartoon-modul-reader{
padding-right: 0px;
padding-left: 0px;
text-align: center;
}
.to-complect-modul{
padding-left: 0px;
padding-right: 0px;
text-align: center;
}
.separator-right {
width: 100%;
margin-bottom: 20px;
position: relative;
height: 1px;
}
.separator-right:after {
height: 1px;
background: #d1d1d1;
background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.18)), color-stop(35%, rgba(0, 0, 0, 0.12)), color-stop(70%, rgba(0, 0, 0, 0.05)), color-stop(100%, rgba(0, 0, 0, 0)));
background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
background: -o-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
background: linear-gradient(to right, rgba(0, 0, 0, 0.18) 0%, rgba(0, 0, 0, 0.12) 35%, rgba(0, 0, 0, 0.05) 70%, rgba(0, 0, 0, 0) 100%);
position: absolute;
bottom: -1px;
left: 0px;
content: "";
width: 100%;
}
.name-more h3{
margin-top: 0px;
margin-bottom: 10px;
font-size: 1.5em;
font-family: 'LatoWebbold';
}
.wrapper-block-more:empty{
display: none;
}
.wrapper-block-more {
margin-bottom: 15px;
}
.wrapper-block-more span.head {
display: block;
font-size: 1.25em;
margin-bottom: 10px;
margin-top: 0px;
font-family: 'LatoWebsemibold';
}
.wrapper-block-more td {
vertical-align: top;
padding: 8px 8px 8px 0px;
}
.wrapper-block-more td b{
font-weight: normal;
font-family: "Latowebsemibold";
font-size: 1.2em;
}
/**************************************************  MODUL  *******************************************************/
@media (min-width:992px) and (max-width:1199px) {
.cartoon-modul-reader{
width: 33.33333333%;
}
.info-modul-reader{
overflow-x: scroll;
}
.to-complect-modul{
width: 100%;
}
.to-complect-modul .wrap-add-to-basket{
text-align: left;
padding-left: 3.5em;
}
}
@media (max-width: 991px) {
.cartoon-modul-reader{
margin-bottom: 15px;
}
.wrap-avatar-modul {
float: none;
}
.wrap-markers-modul {
border: 3px solid #e8e8e8;
padding: 6px;
float: none;
margin-left: 0px;
width: 100%;
}
.wrap-avatar-modul a {
display: block;
border: 3px solid #e8e8e8;
min-height: 11em;
line-height: 11em;
margin-bottom: 3px;
}
.info-modul-reader{
padding-right: 0px;
padding-left: 0px;
}
.wrap-modul-sticker-sengine{
padding-bottom: 15px;
}
.to-complect-modul{
padding-top: 15px;
margin-top: 15px;
border-top: 1px dashed #d2d2d2;
}
}
@media (max-width: 767px) {
.info-modul-reader{
overflow-x: scroll;
}
}
/******************************************************************************************************************/
/*******************************************  Стикеры для вебинаров  **********************************************/
/******************************************************************************************************************/
.wrap-main-webinar-sticker{
margin-bottom: 15px;
}
.wrap-webinar-sticker-sengine{
padding: 15px;
padding-bottom: 35px;
background: #f7f7f7;
}
.wrap-avatar-webinar{
float: left;
}
.wrap-avatar-webinar a {
display: block;
}
.wrap-avatar-webinar a:hover {
text-decoration: none;
-moz-box-shadow: -5px 5px 1px 0px #9a8e85;
-webkit-box-shadow: -5px 5px 1px 0px #9a8e85;
box-shadow: -5px 5px 1px 0px #9a8e85;
}
.wrap-avatar-webinar img {

}
.wrap-markers-webinar {
list-style: none;
padding: 0px;
margin: 0;
float: left;
margin-top: 5px;
width: 100%;
}
.wrap-markers-webinar li {
display: inline-block;
}
.wrap-markers-webinar li img {
width: 100%;
}
/******************************************************************************************************************/
/***********************************************  Титл вебинара  **************************************************/
/******************************************************************************************************************/
.wrap-annotation-sticker.webinar-style span.head{
font-size: 1.2em;
}
.wrap-annotation-sticker.webinar-style span.value{
display: block;
}
.wrap-annotation-sticker.webinar-style span.value ul{
margin-top: 6px;
margin-bottom: 10px;
}
.wrap-annotation-sticker.webinar-style span.value ul li{
list-style-type: none;
padding: 3px 0px;
position: relative;
}
.wrap-annotation-sticker.webinar-style span.value ul li:before{
content: "\f00c";
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
width: 1.5em;
color: #b1b6c9;
margin-left: -1.8em;
font-size: 1em;
position: absolute;
left: 0;
top: 50%;
margin-top: -.5em;
}
.wrap-annotation-sticker.webinar-style span.value p{
font-size: 1em;
padding: 10px 20px;
margin: 0 0 20px;
border-left: 5px solid #cecece;
}
.wrap-annotation-sticker.webinar-style span.value table td{
vertical-align: top;
padding: 11px 11px 11px 0px;
font-size: 1.2em;
}
/******************************************************************************************************************/
/**************************************************  Листалка  ****************************************************/
/******************************************************************************************************************/
.text-part-reader h1{
margin-top: 0px;
background: white;
padding: 15px;
font-size: 1.5em;
text-align: center;
font-family: 'LatoWebSemibold';
display: table-cell;
width: 78%;
vertical-align: middle;
}
.wrap-top-substratum{
box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
border: 1px solid #f1f1f1;
background: white;
background: #ffebeb;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 2px;
position: relative;
text-align: center;
font-size: 1.2em;
font-family: 'LatoWebSemibold';
}
.substr-img{
display: inline-block;
padding-left: 5px;
}
.substr-img a{
color: #777777;
background-color: transparent;
border-color: #777777;
border: 1px solid #e7e7e7;
color: #5F5F5F;
width: 40px;
height: 40px;
/*line-height: 2.5;*/
line-height: 35px;
display: block;
text-align: center;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
position: relative;
z-index: 1;
background-color: #fff;
text-decoration: none;
}
.substr-img a:hover{
/*background-color: #fff7f0;*/
-moz-box-shadow: inset 1px 1px 1px 1px gray;
-webkit-box-shadow: inset 1px 1px 1px 1px gray;
box-shadow: inset 1px 1px 1px 1px gray;
border: 1px solid transparent;
}
.substr-img img{
width: 26px;
}
.wrap-pagination-links-top{
background: white;
padding-top: 4px;
padding-bottom: 4px;
margin-bottom: 2px;
position: relative;
}
.wrap-modes{
padding-left: 0px;
}
.wrap-pagination{

}
.wrap-bookmark {
padding-left: 0px;
padding-right: 0px;
}
.wrap-modes img{
width: 26px;
}
.wrap-pagination img{
width: 20px;
}
.wrap-bookmark img{
width: 27px;
}
.wrap-set-bmark-div>img{
/*display: none;*/
width: 27px;
}
.pagination-book {
text-align: center;
}
.pagination-book > span,
.pagination-book > div{
margin: 0 5px 0px 0;
display: inline-block;
/*font-size: 1.7em;*/
vertical-align: middle;
}
.pagination-book .set-bmark-div{
margin-right: 0px;
}
.pagination-book>div a,
.pagination-book>div span {
color: #777777;
background-color: transparent;
border-color: #777777;
border: 1px solid #e7e7e7;
color: #5F5F5F;
width: 40px;
height: 40px;
/*line-height: 2.5;*/
line-height: 35px;
display: block;
text-align: center;
}
.pagination-book.circle>div a,
.pagination-book.circle>div span {
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
}
.pagination-book.animated-effect>div a,
.pagination-book.animated-effect>div span {
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
position: relative;
z-index: 1;
background-color: #fff;
text-decoration: none;
}
.pagination-book.animated-effect>div a:hover{
background-color: #fff7f0;
}
.pagination-book > span a{
display: inline-block;
border: 1px solid #eaeaea;
border-radius: 30px;
color: #6a6a6a;
padding: 8px 16px;
min-width: 100px;
min-height: 36px;
}
.pagination-book > span a.btn-save{
background: #57dfc3;
color: white;
}
.pagination-book > span a.btn-next{
background: #454869;
color: white;
}
.pagination-book > span a:hover{

}
.wrap-content-read,
.film-wrapper{
padding: 15px;
font-size: 1.2em;
background: white;
}
.wrap-content-read p,
.film-wrapper p{

}
.wrap-content-read p:last-child,
.film-wrapper p:last-child{
margin-bottom: 0px;
}
.wrap-content-read p:last-of-type,
.film-wrapper p:last-of-type{
margin-bottom: 0px;
}
.wrap-content-read p:empty,
.film-wrapper p:empty{
display: none;
}
.wrap-content-read h2,
.film-wrapper h2{
/*margin-top: 10px;*/
text-align: center;
font-size: 1.5em;
font-family: "LatowebBold";
}
.wrap-content-read h3,
.film-wrapper h3{
/*margin-top: 0px;*/
font-size: 1.25em;
font-family: "LatowebSemiBold";
}
.wrap-content-read p a,
.wrap-content-read h3 a,
.film-wrapper p a,
.film-wrapper h3 a{
color: #195a47;
text-decoration: underline;
}
.wrap-content-read p a:hover,
.wrap-content-read h3 a:hover,
.film-wrapper p a:hover,
.film-wrapper h3 a:hover{
color: #000;
}
.wrap-content-read ul,
.film-wrapper ul{
list-style-type: none;
margin-bottom: 0px;
}
.wrap-content-read ul li,
.film-wrapper ul li{
position: relative;
}
.wrap-content-read ul li a,
.film-wrapper ul li a{
color: #195a47;
text-decoration: underline;
}
.wrap-content-read ul li a:hover,
.film-wrapper ul li a:hover{
color: #000;
}
.wrap-content-read ul li:before,
.film-wrapper ul li:before{
content: "\f111";
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
color: #afbddc;
font-size: 0.5em;
width: 12px;
vertical-align: middle;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wrap-content-read ul li>div,
.film-wrapper ul li>div{
display: inline-block;
vertical-align: text-top;
width: 97%
}
.reference-link-pp{
width: 90%;
margin: 0 auto;
background: white;
padding: 20px;
-moz-box-shadow: 0px 0px 10px 2px gray;
-webkit-box-shadow: 0px 0px 10px 2px gray;
box-shadow: 0px 0px 10px 2px gray;
}
.reference-link-pp h3{
margin-top: 0px;
font-size: 1.5em;
font-family: "LatoWebBold";
}
.reference-link-pp p a{
color: #195a47;
text-decoration: underline;
}
.reference-link-pp p{

}
.reference-link-pp p a:hover{
color: #000;
}
.reference-link-pp img{
width: 100%;
}
.div-table{
width: 100%;
overflow-x: scroll;
margin-bottom: 10px;
}
.div-table .tbl{
position: relative;
border: 1px solid #f7f7f9;
padding: 1.5rem;
width: 100%;
}
.div-table .tbl tbody tr:nth-child(n+3):hover {
background-color: #f7f7f7;
}
.div-table .tbl td {
padding: .75rem;
border-top: 1px solid #eceeef;
border-right: 1px solid #eceeef;
}
.div-table .tbl tr:first-child td {

}
.div-table .tbl td:not([rowspan]):not([colspan]) {
vertical-align: top;
}
.reference-link-pp h3{
margin-top: 0px;
font-size: 1.5em;
font-family: "LatoWebBold";
}
.reference-link-pp p a{
color: #9acabc;
text-decoration: underline;
}
.reference-link-pp p{

}
.reference-link-pp p a:hover{
color: #000;
}
.reference-link-pp img{
width: 100%;
}
.wrap-attantion-guest .title-guest{
margin-bottom: 15px;
padding-bottom: 10px;
font-family: 'LatoWebSemibold';
text-transform: uppercase;
text-align: center;
border-bottom: 1px dashed #b1b6c9;
font-size: 1.5em;
}
.wrap-pagination-links-bottom{
background: white;
padding-top: 4px;
padding-bottom: 4px;
margin-top: 2px;
}
.wrapper-book-main .full_page_image{
margin: 0 auto;
width: 100% !important;
}
.wrapper-book-main .full_page_image embed{
width: 100% !important;
}
.wrapper-book-main .full_page_image img{
width: 100% !important;
background-size: contain !important;
}
.substratum-info{
text-align: center;
padding: 15px;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);
border: 1px solid #f1f1f1;
margin-bottom: 10px;
margin-top: 10px;
}
.substratum-info a{
color: #454869;
font-family: 'LatoWebSemibold';
}
.substratum-info a:hover{
color: #000;
}
/***********************************************  Unions  **********************************************/
.div-union .tbl-union{

}
.div-union .tbl-union tbody>tr{

}
.div-union .tbl-union tbody>tr>td{

}
.div-union .tbl-union .vbrief_cell{
padding: 5px;
}
.div-union .tbl-union .vbrief_cell a{
display: block;
color: #555;
border-bottom: 2px solid transparent;
padding-bottom: 4px;
}
.div-union .tbl-union .vbrief_cell a:hover{
color: #000;
text-decoration: none;
border-bottom: 2px solid #9acabc;
}
.div-union .tbl-union .vbrief_cell a img{
width: 12%;
}
.div-union .tbl-union .vbrief_cell a span.h{
display: inline-block;
vertical-align: middle;
width: 88%;
padding-left: 6px;
}
.div-union .tbl-union .vbrief_cell a span.h p{
margin-bottom: 0px;
}
.div-union>div .uniscreen-head{
margin-bottom: 10px;
font-size: 1.3em;
text-align: center;
font-family: 'LatoWebSemibold';
}
.div-union>div .uniscreen{
text-align: center;
}
.div-union>div .uniscreen video{
width: 100%;
}
.div-union-area{
moz-box-shadow: 0px 0px 10px 0px #a2a2a2;
-webkit-box-shadow: 0px 0px 10px 0px #a2a2a2;
box-shadow: 0px 0px 10px 0px #a2a2a2;
margin-top: 15px;
margin-bottom: 15px;
}
.div-union-area-head{
position: relative;
}
.div-union-area-on,
.div-union-area-off{
position: absolute;
left: -15px;
top: 50%;
margin-top: -0.9em;
background: #fff;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
border-radius: 50%;
}
.div-union-area-on a,
.div-union-area-off a{
display: inline-block;
width: 20px;
height: 20px;
line-height: 20px;
background: #5a606f;
text-align: center;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
color: #fff;
/* font-size: 24px; */
}
.div-union-area-on a:hover,
.div-union-area-off a:hover{
text-decoration: none;
background: #81899c;
}
.div-union-area-on a:before,
.div-union-area-off a:before{

}
.div-union-area-h2{
background: #e9edf6;
padding: 10px;
padding-left: 20px;
/*font-size: 1.25em;*/
font-family: "Latowebbold";
}
.div-union-area-h2 b{

}
.div-union-area-body{
padding: 10px 10px;
}
.div-union-area-body .txt{
/*padding: 10px 20px;*/
/*margin-bottom: 0px;*/
}
.div-union-area-body iframe{
/* box-shadow: inset 0px 0px 10px 0px #a2a2a2; */
/*border: 1px solid #a2a2a2;*/
border: 1px solid #cccccc;
/* padding: 10px; */
margin-top: 10px;
margin-bottom: 5px;
}
.doc-swap-tab{
padding: 10px;
-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.2);
box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.2);
margin-top: 15px;
}
/*****************************************************************************************************/
.wrap-reader-bookmark{
position: absolute;
display: inline-block;
top: 10px;
right: 10px;
}
.wrap-reader-bookmark>.set-bmark-div{
position: relative;
}
.wrap-reader-bookmark>.set-bmark-div a{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
position: relative;
z-index: 1;
background-color: #fff;
text-decoration: none;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 1px solid #e7e7e7;
width: 40px;
height: 40px;
/* line-height: 2.5; */
line-height: 35px;
display: block;
text-align: center;
}
.wrap-reader-bookmark>.set-bmark-div a:hover{
background-color: #b1b6c9;
border-color: #b1b6c9;
}
.wrap-reader-bookmark>.set-bmark-div a img{
width: 27px;
}
.wrap-reader-bookmark>.set-bmark-div>img{
width: 27px;
margin-top: 7px;
margin-right: 7px;
}
.wrap-reader-bookmark>img{
/*display: none;*/
margin-top: 7px;
margin-right: 7px;
width: 27px;
}
.wrap-speaker-in-title>img{
/*display: none;*/
margin-top: 7px;
margin-right: 7px;
width: 27px;
}
.wrap-speaker-in-title{
position: absolute;
display: inline-block;
top: 10px;
right: 60px;
}
.wrap-speaker-in-title a{
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
position: relative;
z-index: 1;
background-color: #fff;
text-decoration: none;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
border: 1px solid #e7e7e7;
width: 40px;
height: 40px;
/* line-height: 2.5; */
line-height: 35px;
display: block;
text-align: center;
}
.wrap-speaker-in-title a:hover{
color: #000;
background: white;
-moz-box-shadow: inset 1px 1px 1px 1px gray;
-webkit-box-shadow: inset 1px 1px 1px 1px gray;
box-shadow: inset 1px 1px 1px 1px gray;
}
.wrap-speaker-in-title a img{
width: 27px;
}
.film-wrapper .film-bottom{
margin-left: -15px;
margin-right: -15px;
margin-top: 15px;
}
/*********************************************  Patological anatomy  **********************************************/
.abz-image{
/*-moz-box-shadow: inset 0px 0px 10px 0px grey;
-webkit-box-shadow: inset 0px 0px 10px 0px grey;
box-shadow: inset 0px 0px 10px 0px grey;*/
text-align: center;
margin-bottom: 15px;
}
.himg{
display: block;
padding: 10px;
}
.abz-image img{
max-width: 100%;
}
.sigimg{
display: block;
padding: 10px;
/* font-size: 85%; */
/* text-align: left; */
font-family: "Latowebbold";
}
.abz-image ~ .atlas-inside-book{
/*-moz-box-shadow: 0px 0px 10px 2px grey;*/
/*-webkit-box-shadow: 0px 0px 10px 2px grey;*/
/*box-shadow: 0px 0px 10px 2px grey;*/
}
/***************************************************  MEDIA  ******************************************************/
@media(max-width: 991px){
.pagination-book>div a, 
.pagination-book>div span {
width: 35px;
height: 35px;
line-height: 30px;
}
.wrap-modes img {
width: 23px;
}
.wrap-pagination img {
width: 15px;
}
.wrap-bookmark img {
width: 23px;
}
.div-union .tbl-union tbody>tr>td{
display: inline-block;
width: 50% !important;
}
.wrap-content-read>p img,
.film-wrapper>p img{
max-width: 100%;
}
.text-part-reader .wrap-content-read .txt img,
.text-part-reader .film-wrapper .txt img{
max-width: 100%;
}
}
@media(max-width: 767px){
.wrap-content-read,
.film-wrapper{
padding: 0;
}
}
@media(max-width: 640px){
.shown-pages{
display: block;
width: 100%;
border-right: none;
margin-bottom: 2px;
padding: 10px;
}
.text-part-reader h1{
display: block;
width: 100%;
padding: 10px;
margin-bottom: 2px;
}
.wrap-modes{
padding-right: 0px;
}
.wrap-pagination{
padding-right: 0px;
padding-left: 0px;
}
.pagination-book > div{
margin-right: 2px;
}
.wrap-bookmark{
padding-right: 0px;
padding-left: 0px;
}
.pagination-book>div a, 
.pagination-book>div span,
.substr-img a{
width: 30px;
height: 30px;
line-height: 27px;
}
.wrap-bookmark img {
width: 19px;
}
.wrap-pagination img {
width: 12px;
}
.wrap-modes img,
.substr-img a img {
width: 17px;
}
.pagination-book > div.wrap-book-mode,
.pagination-book > div.delimiter {
margin-right: 0px;
}
.wrap-reader-bookmark,
.wrap-speaker-in-title {
position: relative;
top: auto;
right: auto;
}
.wrap-reader-bookmark{
margin-right: 5px;
}
}
@media(max-width: 480px){
.wrap-speaker-in-title {
/*top: 5px;
right: 50px;*/
}
.wrap-pagination-links-top{
text-align: center;
}
.pagination-book>div a, 
.pagination-book>div span,
.substr-img a {
width: 20px;
height: 20px;
line-height: 15px;
}
.wrap-modes{
width: auto;
}
.wrap-pagination{
width: auto;
padding-left: 10px;
padding-right: 10px;
}
.wrap-bookmark {
width: auto;
}
.wrap-modes .pagination-book{
/*text-align: left;*/
/*padding: 5px;*/
}
.wrap-pagination .pagination-book{
/*padding: 5px;*/
}
.wrap-modes img,
.substr-img a img {
width: 12px;
}
.wrap-bookmark img {
width: 14px;
}
.div-union .tbl-union tbody>tr>td{
width: 100% !important;
}
}
/******************************************************************************************************************/
/*************************************************  Избранное  ****************************************************/
/******************************************************************************************************************/
.wrap-bookmarks-user .bm-title{
display: none;
}
.wrap-bookmarks-user .usr_own_bmarks{ 
padding: 15px;
background: white;
margin-bottom: 2px;
}
.wrap-bookmarks-user .usr_own_bmarks{ 
padding: 15px;
background: white;
margin-bottom: 2px;
}
.wrap-bookmarks-user .usr_own_bmarks:before,
.wrap-bookmarks-user .usr_own_bmarks:after{
display: table;
content: " ";
}
.wrap-bookmarks-user .usr_own_bmarks:after{
clear: both;
}
.wrap-bookmarks-user .bmark-title{ 
/*float: left;*/
/*width: 50%;*/
padding: 1em;
position: relative;
}
.wrap-bookmarks-user .bmark-title>a:first-child{ 
background: #454869;
padding: 1em;
display: block;
color: white;
font-family: 'LatoWebSemibold';
font-size: 1.2em;
margin-bottom: 2px;
text-transform: uppercase;
}
.wrap-bookmarks-user .bmark-title>a:first-child:hover{ 

}
.wrap-bookmarks-user .bmark-item{ 
position: relative;
background: #e4e4e4;
padding: 20px;
/*padding-left: 25px;*/
border-bottom: 2px solid #ffffff;
}
.wrap-bookmarks-user .bmark-title>.bmark-item:last-child{ 
border-bottom: none;
}
.wrap-bookmarks-user .bmark-item>a:first-child{ 
display: block;
padding: 0 0 0.5em;
color: #000;
margin-bottom: 5px;
}
.wrap-bookmarks-user .bmark-item>a:first-child:hover{ 
color: #000;
}
.wrap-bookmarks-user .bmark-tab{ 
position: relative;
display: inline-block;
width: 20%;
margin: 0.8em 0.4em;
text-align: center;
}
.wrap-bookmarks-user .bmark-tab>a:first-child{ 
color: #555;
padding: 6px 10px;
border: 2px solid white;
border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
display: inline-block;
width: 100%;
}
.wrap-bookmarks-user .bmark-tab>a:first-child:hover{ 
color: #000;
background: #ffffff;
text-decoration: none;
}
.wrap-bookmarks-user a.kill_href{ 
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: 0px;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #8a8a8a;
cursor: pointer;
width: 20px;
height: 20px;
line-height: 20px;
text-align: center;
position: absolute;
z-index: 10;
}
.wrap-bookmarks-user .bmark-title>a.kill_href{ 
top: 0px;
right: 0px;
background: white;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
width: 30px;
height: 30px;
line-height: 30px;
}
.wrap-bookmarks-user .bmark-item>a.kill_href{ 
top: 4px;
right: 4px;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
background: white;
}
.wrap-bookmarks-user .bmark-tab>a.kill_href{ 
top: -5px;
right: 0px;
width: 15px;
height: 15px;
line-height: 15px;
background: white;
border-radius: 100%;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
}
.wrap-bookmarks-user a.kill_href:before{ 
content: "\f00d";
font-size: 10px;
}
.wrap-bookmarks-user .bmark-title>a.kill_href:before{ 
font-size: 15px;
}
.wrap-bookmarks-user a.kill_href:hover{ 
text-decoration: none;
color: #000;
}
.wrap-bookmarks-user .ge-cmds{ 
padding: 15px;
background: white;
text-align: center;
}
.wrap-bookmarks-user .ge-cmds a,
.wrap-bookmarks-user .ge-cmds span{ 
position: relative;
display: inline-block;
color: #000000;
text-decoration: none;
background-color: transparent;
border: 1px solid #ddd;
border: none;
-webkit-border-radius: 100%;
-moz-border-radius: 100%;
border-radius: 100%;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
transition: 0.3s;
height: 35px;
width: 35px;
line-height: 35px;
text-align: center;
margin: 0 2px;
}
.wrap-bookmarks-user .ge-cmds a:hover{
background-color: #EFEFEF;
}
.wrap-bookmarks-user .ge-cmds span.ge-cur{
background-color: #EFEFEF;
color: #000 !important;
border: 1px solid #D2D2D2;
}
.wrap-bookmarks-user .ge-cmds .ge-pgs-info{ 

}
/***************************************************  MEDIA  ******************************************************/
@media(max-width: 991px){
.wrap-bookmarks-user .bmark-tab {
width: 30%;
}
}
@media (max-width: 567px){
.wrap-bookmarks-user .bmark-tab {
/*width: 45%;*/
}
}
@media (max-width: 480px){
.wrap-bookmarks-user .bmark-tab {
width: 45%;
}
}
@media (max-width: 380px){
.wrap-bookmarks-user .bmark-tab {
width: 100%;
}
}
/******************************************************************************************************************/
/***************************************************  Отчеты  *****************************************************/
/******************************************************************************************************************/
.d2dlg_table{
padding: 15px;
background: white;
margin-bottom: 2px;
}
.d2dlg_table .d2dlg_row{

}
.d2dlg_table .d2dlg_row:hover{
background: #f7f7ff;
}
.d2dlg_table .d2dlg_row>div{
padding: .75rem;
line-height: 1.5;
vertical-align: middle;
border-top: 1px solid #eceeef;
font-size: 1em;
}
.d2dlg_row:before,
.d2dlg_row:after{
display: table;
content: " ";
}
.d2dlg_row:after{
clear: both;
}
.d2dlg_table .d2dlg_cell_w_ev{
width: 85%;
float: left;
display: block;
}
.d2dlg_table .d2dlg_cell_ev{
width: 10%;
float: left;
display: block;
text-align: center;
position: relative;
}
.d2dlg_table .d2dlg_cell_ev:first-of-type{
width: 5%;
/*text-align: left;*/
}
.d2dlg_table .d2dlg_cell_ev a{
display: inline-block;
padding: 3px 6px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
background: #ec8383;
color: #fff;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
border: 1px solid #ec8383;
font-family: "LatoWebSemibold";
}
.d2dlg_row .d2dlg_cell_ev:nth-child(3n) a{
background: #71d0aa;
border: 1px solid #71d0aa;
}
.d2dlg_table .d2dlg_cell_ev a:hover{
background: #fff;
color: #000;
border-color: #cccccc;
text-decoration: none;
}
.d2dlg_table .d2dlg_row_sqend{
display: none;
}
.d2dlg_row .d2dlg_cell_ev input[type=checkbox]{
display: block;
margin: 0 auto;
margin-top: 3px;
margin-bottom: 5px;
}
.d2dlg_table .d2dlg_row>div{
background: transparent !important;
max-width: none !important;
}
.d2dlg_table .d2dlg_row>div:empty{
display: none;
}
.d2dlg_table .d2dlg_row>div:nth-of-type(1){
width: 7.5%;
position: relative;
}
.d2dlg_table .d2dlg_row>div:nth-of-type(1) input[type=checkbox]{
position: absolute;
right: 20%;
}
.d2dlg_table .d2dlg_row>div:nth-of-type(2){
width: 80%;
}
.d2dlg_table .d2dlg_row>div:nth-of-type(3){
width: 12.5%;
text-align: center;
}
.d2dlg_table .d2dlg_row a{
vertical-align: middle;
display: inline-block;
color: #454869;
font-family: 'LatoWebSemibold';
/*padding: 6px;*/
padding-bottom: 3px;
border-bottom: 2px solid transparent;
}
.d2dlg_table .d2dlg_row a:hover{
color: #000;
text-decoration: none;
border-bottom-color: #57dfc3;
}
/****************************************************  MEDIA  *****************************************************/
@media(max-width: 991px){
.d2dlg_table{
padding: 0px;
}
.wrap-my-reports .d2dlg_table{
padding: 15px;
}
.d2dlg_table .d2dlg_cell_w_ev{
width: 90%;
}
.d2dlg_table .d2dlg_cell_ev{
width: 50%;
}
.d2dlg_table .d2dlg_row>div:nth-last-child(-n+3){
border-top: none;
padding-top: 0px;
}
.wrap-my-reports .d2dlg_table .d2dlg_row>div:nth-last-child(-n+3){
border-top: 1px solid #eceeef;
padding-top: .75rem;
}
.d2dlg_table .d2dlg_cell_ev:first-of-type{
padding: 0.75rem 4px;
width: 10%;
}
.d2dlg_row .d2dlg_cell_ev input[type=checkbox]{
display: inline-block;
margin: 4px 0 0;
margin-right: 10px;
}
.d2dlg_table .d2dlg_row>div:nth-of-type(1){
width: 15%;
}
.d2dlg_table .d2dlg_row>div:nth-of-type(2) {
width: 70%;
}
.d2dlg_table .d2dlg_row>div:nth-of-type(3){
width: 15%;
}
.d2dlg_table .d2dlg_row>div:nth-of-type(1) input[type=checkbox]{
right: 25%;
}
}
@media(max-width: 460px){
.d2dlg_table .d2dlg_row>div:nth-of-type(1){
width: 20%;
}
.d2dlg_table .d2dlg_row>div:nth-of-type(2) {
width: 60%;
}
.d2dlg_table .d2dlg_row>div:nth-of-type(3){
width: 20%;
}
}
@media(max-width: 360px){
.d2dlg_table .d2dlg_cell_w_ev{
width: 85%;
}
.d2dlg_table .d2dlg_cell_ev:first-of-type{
width: 15%;
}
.d2dlg_table .d2dlg_row>div{
border-top: none;
}
}

/******************************************************************************************************************/
/**************************************************  My_lists  ****************************************************/
/******************************************************************************************************************/
.wrap-actions-lists{
background: #fff;
margin-bottom: 2px;
padding: 10px;
}
.table-lists{
background: white;
}
.wrap-actions-lists .table-lists{
border: 2px solid #454869;
}
.table-responsive table{
margin-bottom: 0px;
width: 100%;
max-width: 100%;
border: none;
}
.table-lists .msg{
padding: 15px;
display: block;
text-align: center;
-moz-box-shadow: 0px 0px 8px 0px #c8c8c8;
-webkit-box-shadow: 0px 0px 8px 0px #c8c8c8;
box-shadow: 0px 0px 8px 0px #c8c8c8;
margin: 15px;
font-family: "Latowebbold";
font-size: 1.25em;
}
.table-responsive table>tbody>tr>td, 
.table-responsive table>tbody>tr>th, 
.table-responsive table>tfoot>tr>td, 
.table-responsive table>tfoot>tr>th, 
.table-responsive table>thead>tr>td, 
.table-responsive table>thead>tr>th{
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table-hover table > tbody > tr:hover {
  background-color: #f5f5f5;
}
.table-lists input[type="checkbox"]:hover{
cursor: pointer;
}
.table-lists td a{
vertical-align: text-top;
display: inline-block;
color: #000;
padding-bottom: 2px;
padding-top: 0px;
border-bottom: 2px solid #454869;
}
.table-lists tr:first-child td{
border-top: none;
}
.table-lists td a:hover{
color: #000;
text-decoration: none;
border-bottom: 2px solid #000000;
}
.input-group input[type="button"],
.btn-group input[type="button"]{
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn-group>input[type="button"] {
position: relative;
float: left;
}
.input-group input[type="button"]:hover,
.btn-group input[type="button"]:hover{
background: #fff;
border-color: #b3b3b3;
}
.btn-group>input[type="button"]:first-child {
    margin-left: 0;
}
.btn-group-justified>.btn-group input[type="button"] {
width: 100%;
}
.input-group input[type="text"]{
display: inline-block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
input[type="text"]:focus{
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.input-group.input-button-1-1{
width: 100%;
display: inline-block;
}
.input-group.input-button-1-1 input[type="text"]{
width: 74%;
margin-right: 1%;
}
.input-group.input-button-1-1 input[type="text"] ~ input[type="button"]{
width: 25%;
}
.square-buttons input[type="button"]{
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
background: #e6e6e6;
}
.square-inputs input[type="text"]{
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
}
.square-buttons input[type="button"]:focus{
outline: none;
}
.round-buttons input[type="button"]{
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
background: #e2e2e2;
border: 1px solid;
border-color: #b3b3b3;
}
.round-inputs input[type="text"]{
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
.square-buttons input[type="button"]:focus{
outline: none;
}
.round-buttons input[type="button"]:focus{
outline: none;
}
.buttons-2.square-buttons .btn-group:first-child input[type="button"]{
border-right-color: #cccccc;
}
.buttons-2.round-buttons .btn-group:first-child{
padding-right: 5px;
}
.buttons-2.round-buttons .btn-group:last-child{
padding-left: 5px;
}
.wrap-my-lists .input-group-btn{
padding-right: 5px;
}
.wrap-my-lists .input-group-btn:last-child{
padding-right: 0px;
}
.btn-go:hover{
background: #98ead9 !important;
border-color: #98ead9 !important;
}
.btn-send:hover{
background: #edd3bf !important;
border-color: #edd3bf !important;
}
.btn-delete:hover{
background: #ffbebe !important;
border-color: #ffbebe !important;
}
.full-width-but input[type="button"]{
width: 100%;
}
.wrap-btns-radio{
background: rgba(255, 255, 255, 0.4);
text-align: center;
margin-bottom: 10px;
}
.wrap-btns-radio .btn-default{
border-radius: 0px;
}
.wrap-btns-radio .btn-default input[type=radio]{
margin-top: 0px;
margin-right: 9px;
}
.wrap-btns-radio .btn-group>.btn-group:first-child .btn-default{
-moz-border-radius: 0px 0px 0px 15px;
-webkit-border-radius: 0px 0px 0px 15px;
border-radius: 0px 0px 0px 15px;
}
.wrap-btns-radio .btn-group>.btn-group:last-child .btn-default{
-moz-border-radius: 0px 0px 15px 0px;
-webkit-border-radius: 0px 0px 15px 0px;
border-radius: 0px 0px 15px 0px;
}
.lists-notifications table{
margin-bottom: 15px;
-moz-box-shadow: 0px 0px 10px 0px #969696;
-webkit-box-shadow: 0px 0px 10px 0px #969696;
box-shadow: 0px 0px 10px 0px #969696;
background: #fff2f2;
}
.lists-notifications table:last-of-type{
margin-bottom: 0px;
}
.lists-notifications .notification_head{
margin-bottom: 5px;
display: inline-block;
font-family: "latowebsemibold";
}
.lists-notifications.table-lists td{
vertical-align: middle;
}
.lists-notifications.table-lists td a{
display: inline-block;
/*padding: 2px 4px 0px 4px;*/
padding: 2px 6px;
margin-bottom: 0;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
width: 100%;
border: 1px solid;
background: #e2e2e2;
border-color: #b3b3b3;
/*-moz-box-shadow: 0px 0px 5px 0px #969696;*/
/*-webkit-box-shadow: 0px 0px 5px 0px #969696;*/
/*box-shadow: 0px 0px 5px 0px #969696;*/
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
.lists-notifications.table-lists td a:hover{
background: #fff;
border-color: #b3b3b3;
}
@media(max-width: 991px){
.table-responsive table{
overflow-x: scroll;
display: block;
}
}
/******************************************************************************************************************/
/***********************************************  Back-And-Forth  *************************************************/
/******************************************************************************************************************/
.usr-notif-div{
background: #fff;
    padding: 15px;
}
.usr-notif-div .head-notif{
font-family: "Latowebbold";
font-size: 1.25em;
margin-bottom: 10px;
display: block;
}
.usr-notif-div a{

}
.usr-notif-div a:hover{

}
.ch-who{
text-align: center;
margin-bottom: 10px;
}
.ch-who .who{
font-size: 1.5em;
font-family: "Latowebbold";
}
.wrap-st-choice{
margin-bottom: 10px;
}
.st-choice{
margin-bottom: 10px;
}
.st-choice ul{
margin-bottom: 0px;
}
.st-choice ul li{

}
.st-choice .rdr{
display: block;
margin-bottom: 5px;
font-family: "Latowebbold";
}
.st-choice .a-dv{

}
.st-choice .a-dv:hover{

}
.st-notif .notmy{
text-align: right;
}
.st-notif .notmy .nn{
padding-right: 10px;
}
.st-notif .notmy .a-cnc{

}
.st-notif .notmy .a-cnc:hover{

}
/******************************************************************************************************************/
/*************************************************  wrap-notif-head  **********************************************/
/******************************************************************************************************************/
.wrap-notif-head{
background: white;
padding: 15px;
margin-top: 15px;
}
.wrap-notif-head:empty{
display: none;
}
.wide_use{
/*background: #FFEAEA;*/
background: #fff;
padding: 15px;
-moz-box-shadow: 0px 0px 10px 0px grey;
-webkit-box-shadow: 0px 0px 10px 0px grey;
box-shadow: 0px 0px 10px 0px grey;
opacity: 0;
backface-visibility: hidden;
transform: translateZ(0);
animation-fill-mode: both;
animation-name: fadeInUp;
animation-duration: 0.4s;
opacity: 1;
margin-top: 15px;
}
.wide_use:empty{
display: none;
}
.wide_use .ch{
/*display: inline;*/
font-size: 1.25em;
font-style: italic;
}
.wide_use .ch .tx{

}
.wide_use .ch .org_nm{
font-family: "Latowebbold";
}
.wide_use .ch-who{
/*display: inline;*/
margin-top: 10px;
text-align: inherit;
}
.wide_use .ch-who .who{
display: inline-block;
border-bottom: 2px solid #337ab7;
}
.wide_use .wrap-st-choice{
margin-top: 10px;
}
.wide_use .wrap-st-choice .st-choice{
/*display: inline-block;
width: 50%;
vertical-align: top;*/
}
.wide_use .wrap-st-choice .st-choice .rdr{

}
.wide_use .wrap-st-choice .st-choice ul{
/*padding-left: 0;*/
}
.wide_use .wrap-st-choice .st-choice ul li{
/*padding: 0;*/
}
.wide_use .wrap-st-choice .st-choice ul li:before{
content: none;
}
.wide_use .wrap-st-choice .st-choice .a-dv{

}
.wide_use .notmy.op{
/*text-align: right;*/
}
.wide_use .notmy.op .nn{

}
.wide_use .notmy.op .a-cnc{

}
.wide_use .st-choice ul{
padding-left: 0;
margin-left: -3px;
}
.wide_use .st-choice li{
padding: 3px;
font-style: normal;
display: inline-block;
}
.wide_use .st-choice li a{
background-color: #337ab7;
color: #fff;
display: inline-block;
padding: 4px 8px;
font-family: "Latowebbold";
transition: background-color .3s;
border-radius: 15px;
}
.wide_use .st-choice li a:hover{
background-color: #144e80;
text-decoration: none;
}
@media(max-width: 767px){
.wide_use .wrap-st-choice .st-choice{
/*width: auto;
display: block;*/
}
}
/******************************************************************************************************************/
/****************************************************  st-notif  **************************************************/
/******************************************************************************************************************/
.st-notif{
background: #fff;
padding: 15px;
}
.st-notif:empty{
display: none;
}
.st-notif .ch{
font-family: "Latowebbold";
font-size: 1.25em;
margin-bottom: 10px;
display: block;
}
.st-notif .notification_head{
font-family: "Latowebbold";
font-size: 1.25em;
margin-bottom: 10px;
display: block;
}
/*************************************** General for lines with selects *****************************************/
[class^=val-sel-op-]{
margin-bottom: 10px;
}
[class^=val-sel-op-] .val{
display: inline-block;
vertical-align: middle;
}
[class^=val-sel-op-] .wrap-sel{
display: inline-block;
vertical-align: middle;
position: relative;
padding-left: 10px;
padding-right: 10px;
}
[class^=val-sel-op-] .wrap-sel:after{
content: "\f078";
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
color: #353535;
position: absolute;
right: 15px;
top: 0;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-pointer-events: none;
pointer-events: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
background: transparent;
padding-left: 0px;
font-size: 10px;
width: 30px;
height: 30px;
line-height: 30px;
text-align: center;
}
[class^=val-sel-op-] select{
background: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
margin: 0;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
line-height: 1.42857143;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
height: 30px;
padding-right: 30px;
padding-left: 15px;
border-color: #cccccc;
color: #777777;
position: relative;
width: 100%;
}
[class^=val-sel-op-] .op{
display: inline-block;
text-align: center;
vertical-align: middle;
text-align: right;
}
/*************************************** General for lines with text *****************************************/
[class^=usr-info-op-]{
margin-bottom: 10px;
}
[class^=usr-info-op-]:last-child{
margin-bottom: 0px;
}
[class^=usr-info-op-] .status{
display: inline-block;
vertical-align: middle;
}
[class^=usr-info-op-] .usr{
display: inline-block;
vertical-align: middle;
}
[class^=usr-info-op-] .info{
display: inline-block;
vertical-align: middle;
padding-left: 10px;
padding-right: 10px;
}
[class^=usr-info-op-] .op{
display: inline-block;
text-align: center;
vertical-align: middle;
text-align: right;
}
/*************************************** General for buttons op *****************************************/
.op .a-ok{
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
color: white;
background: #71d0aa;
display: inline-block;
padding: 0px 10px;
height: 30px;
line-height: 30px;
vertical-align: middle;
border: 1px solid transparent;
}
.op .a-cnc{
/*font-size: 0;*/
display: inline-block;
/*vertical-align: middle;*/
}
/*.op .a-cnc:before{
content: "";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: pointer;
content: "\f00d";
font-size: 16px;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}*/
.op .a-ok:hover{
border-color: #ccc;
background: #fff;
color: #000;
text-decoration: none;
}
/*.op .a-cnc:hover:before{
border-color: #ccc;
background: #fff;
color: #000;
text-decoration: none;
}*/
/*************************************** Custom for lines with selects *****************************************/
.val-sel-op-3{

}
.val-sel-op-3 .val{
width: 30%;
}
.val-sel-op-3 .wrap-sel{
width: 60%;
}
.val-sel-op-3 .op{
width: 10%;
}
/***************************************** Custom for lines with info ******************************************/
.usr-info-op-3{

}
.usr-info-op-3 .usr{
width: 50%;
}
.usr-info-op-3 .info{
width: 40%;
}
.usr-info-op-3 .op{
width: 10%;
}
/***************************************** Custom for lines with info ******************************************/
.usr-info-op-4{

}
.usr-info-op-4 .status{
width: 12%;
}
.usr-info-op-4 .usr{
width: 38%;
}
.usr-info-op-4 .info{
width: 45%;
}
.usr-info-op-4 .op{
width: 5%;
}
/****************************************************  Media  *****************************************************/
@media(max-width: 1199px){
.val-sel-op-3 .wrap-sel{
width: 58%;
}
.val-sel-op-3 .op{
width: 12%;
}
.usr-info-op-3 .usr {
width: 45%;
}
.usr-info-op-3 .info {
width: 43%;
}
.usr-info-op-3 .op {
width: 12%;
}
.usr-info-op-4 .usr{
padding-left: 10px;
}
}
@media(max-width: 991px){
.val-sel-op-3 .wrap-sel {
width: 54%;
}
.val-sel-op-3 .op{
width: 16%;
}
.usr-info-op-3 .usr {
width: 40%;
}
.usr-info-op-3 .op {
width: 17%;
}
.usr-info-op-4 .status{
width: 15%;
}
.usr-info-op-4 .op {
width: 7%;
}
.usr-info-op-4 .info {
width: 40%;
}
}
@media(max-width: 530px){
[class^=val-sel-op-] {
margin-bottom: 15px;
position: relative;
padding: 15px 10px;
border: 1px solid #b4bad2;
}
[class^=usr-info-op-] {
position: relative;
border: 1px solid #b4bad2;
padding: 10px;
}
[class^=usr-info-op-] .status{
display: block;
width: auto;
/* display: inline-block; */
/* -webkit-border-radius: 15px 0px 0px 0px; */
/*-moz-border-radius: 15px 0px 0px 0px;*/
/* border-radius: 0px 15px 0px 0px; */
line-height: 1;
border: 1px solid transparent;
padding: 4px 4px 4px 6px;
border-color: #454869;
background: #454869;
position: relative;
color: #fff;
font-size: 11px;
font-family: "LatoWebSemiBold";
text-align: center;
margin-bottom: 10px;
}
[class^=usr-info-op-] .usr{
width: 50%;
padding-left: 0px;
vertical-align: top;
padding-right: 5px;
}
[class^=usr-info-op-] .info {
width: 50%;
vertical-align: top;
padding-right: 0px;
/*text-align: right;*/
/*border-left: 1px dashed gray;*/
padding-left: 5px;
}
[class^=usr-info-op-] .op,
[class^=val-sel-op-] .op {
width: auto;
position: absolute;
top: -10px;
right: -10px;
}
.val-sel-op-3 .val {
width: 50%;
}
.val-sel-op-3 .wrap-sel {
width: 50%;
padding-right: 0px;
}
[class^=val-sel-op-] .wrap-sel:after{
right: 0;
}
.usr-info-op-3{
padding-top: 15px;
}
.op .a-cnc:before{
width: 20px;
height: 20px;
line-height: 20px;
}
.op .a-ok{
height: 20px;
line-height: 20px;
}
}
@media(max-width: 420px){
.val-sel-op-3 .val {
width: 100%;
margin-bottom: 5px;
}
.val-sel-op-3 .wrap-sel {
width: 100%;
padding-left: 0px;
}
[class^=usr-info-op-] .usr {
width: 100%;
padding-left: 0px;
vertical-align: top;
padding-right: 0px;
margin-bottom: 5px;
}
[class^=usr-info-op-] .info {
width: 100%;
vertical-align: top;
padding-right: 0px;
padding-left: 0px;
}
}
/******************************************************************************************************************/
/*********************************************  Checking Borrowings  **********************************************/
/******************************************************************************************************************/
.wrap-my-checks{

}
.table-checks{
background: white;
overflow: hidden;
}
.table-checks table>thead>tr th{
border-width: 1px;
border-style: solid;
border-color: #b4bad2;
border-top: none;
text-align: center;
}
.table-checks table>thead>tr th:first-child{
border-left: none;
}
.table-checks table>thead>tr th:last-child{
border-right: none;
}
.table-checks table>tbody>tr>td{
border-left: 1px solid #b4bad2;
border-top: 1px solid #b4bad2;
}
.table-checks table>tbody>tr>td:first-child{
border-left: none;
}
.table-checks table>tbody>tr>td:last-child{
text-align: center;
vertical-align: middle;
width: 180px;
}
.number-check{

}
.wrap-link-check{

}
.link-check{
display: inline-block;
color: #454869;
font-family: "Latowebbold";
}
.link-check:hover{
/*border-bottom-color: #000;*/
text-decoration: underline;
color: #000;
}
.wrap-date-check{

}
.date-check{
display: block;
}
.time-check{
display: block;
text-align: right;
font-size: 85%;
color: gray;
}
.percents-check{

}
.percents-check>div{
margin-bottom: 3px;
}
.percents-check>div:last-child{
margin-bottom: 0px;
}
.percents-check>div>span{

}
.percents-check>div>b{
padding-left: 3px;
font-family: "Latowebbold";
}
.percents-check>div>strong{

}
.percents-check>div>strong>em{
display: block;
height: 4px;
}
.percents-check>.plagiat-check>strong>em{
background-color: #ffc4ac;
}
.percents-check>.legal-check>strong>em{
background-color: #a6daff;
}
.percents-check>.original-check>strong>em{
/*background-color: #8fff3a;*/
background-color: #a4ef9f;
}
.plagiat-line>span,
.legal-line>span{
display: block;
height: 4px;
}
.plagiat-line span{
background-color: #ffc4ac;
}
.legal-line span{
background-color: #a4ef9f;
}
.reports-link{

}
.btn-dwn{
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
color: white;
/*background: #42b360;*/
background: #71d0aa;
padding: 3px 10px;
}
.btn-del{
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
color: white;
/*background: #b34242;*/
background: #ec8383;
padding: 3px 10px;
margin-left: 5px;
}
.btn-dwn:hover,
.btn-del:hover{
background: white;
border-color: gray;
text-decoration: none;
}
.wrap-upload{
text-align: center;
margin-bottom: 10px;
background: #fff;
}
.btn-upload-file{
overflow: hidden;
padding: 9px 70px 9px 45px;
position: relative;
background: #56dfc3;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
border: none;
}
.btn-upload-file:focus{
outline: none;
}
.btn-upload-file:before{
content: "\e963";
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
position: relative;
-webkit-font-smoothing: antialiased;
position: absolute;
height: 100%;
top: 0;
line-height: 2;
font-size: 140%;
width: 60px;
left: auto;
right: 0px;
z-index: 2;
}
.btn-upload-file:after{
content: '';
position: absolute;
z-index: -1;
-webkit-transition: all 0.3s;
-moz-transition: all 0.3s;
transition: all 0.3s;
width: 30%;
height: 200%;
background: rgba(255, 255, 255, 0.2);
z-index: 1;
right: 0;
top: 0;
margin: -5px 0 0 -5px;
-webkit-transform-origin: 0 0;
-webkit-transform: rotate(-20deg);
-moz-transform-origin: 0 0;
-moz-transform: rotate(-20deg);
-ms-transform-origin: 0 0;
-ms-transform: rotate(-20deg);
transform-origin: 0 0;
transform: rotate(-20deg);
}
.btn-upload-file:hover:after {
width: 37%;
}
.wrap-button-default input {
margin: 0.25em;
background: #57dfc3;
display: inline-block;
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
}
.antiplagiat-sticker{
background: #fff;
margin-top: 10px;
margin-bottom: 10px;
padding: 9px;
}
.uploading:before{
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
content: "\f013";
width: auto;
height: auto;
top: 50%;
margin-top: -.5em;
font-size: 1.5em;
content: "\e996";
line-height: 1;
right: 15px;
}
.btn-refresh{
background: #56dfc3;
margin-left: 10px;
color: black;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
border-color: transparent;
/*padding: 3px 10px;*/
}
.btn-refresh:hover{
background: white;
border-color: gray;
text-decoration: none;
/*padding: 3px 10px;*/
}
/*.btn-refresh:before{
content: "\f021";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 5px;
background: #56dfc3;
color: black;
border-radius: 30px;
border-radius: 30px;
border-radius: 30px;
}*/
/******************************************************************************************************************/
/*************************************************  Short Report  *************************************************/
/******************************************************************************************************************/
.wrap-short-report{

}
.table-short-report{
background: white;
overflow: hidden;
}
.table-short-report table>thead>tr th{
border-width: 1px;
border-style: solid;
border-color: #b4bad2;
border-top: none;
text-align: center;
}
.table-short-report table>thead>tr th:first-child{
border-left: none;
}
.table-short-report table>thead>tr th:last-child{
border-right: none;
}
.table-short-report table>tbody>tr>td{
border-left: 1px solid #b4bad2;
border-top: 1px solid #b4bad2;
vertical-align: middle;
}
.table-short-report table>tbody>tr>td:first-child{
border-left: none;
}
.table-short-report table>tbody>tr>td:last-child{
text-align: center;
vertical-align: middle;
width: 10%;
}
.table-short-report table>tbody>tr>td:nth-of-type(1){
width: 10%;
}
.table-short-report table>tbody>tr>td:nth-of-type(2){
width: 10%;
}
.table-short-report table>tbody>tr>td:nth-of-type(3){
width: 40%;
}
.table-short-report table>tbody>tr>td:nth-of-type(4){

}
.table-short-report table>tbody>tr>td:nth-of-type(5){
width: 25%;
}
.table-short-report table>tbody>tr>td:nth-of-type(6){
width: 10%;
}
.number-short{
font-family: "Latowebbold";
}
.share-report{
padding: 2px 4px;
border-top: 2px solid#ff723a;
border-bottom: 2px solid#ff723a;
color: #ff723a;
text-align: right;
font-family: "Latowebbold";
}
.share-text{

}
.source-name{

}
.source-link{

}
.source-link ul{
padding-left: 0px;
list-style: none;
text-align: center;
margin-bottom: 0px;
}
.source-link ul>li{

}
.source-link ul>li a{
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
background: #454869;
color: #fff;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 1px solid transparent;
}
.source-link ul>li a:hover{
border-color: gray;
background: #fff;
text-decoration: none;
color: black;
}
.source-link ul>li a:before{

}
.source-link ul>li a:hover:before{

}
.relevant-date{

}
/******************************************************************************************************************/
/***********************************************  From Navigator  *************************************************/
/******************************************************************************************************************/
.text-part-reader{
position: inherit;
}
.right-column{
padding-right: 0px;
padding-left: 0px;
}
.left-column{
padding-left: 0px;
}
.right-column ~ .left-column{
padding-left: 15px;
padding-right: 0px;
}
.wrap-right-column{
padding: 20px;
background: white;
min-height: 30em;
}
.title-from-navigator{
margin-top: 0px;
margin-bottom: 20px;
text-align: center;
font-size: 2em;
font-weight: normal;
font-family: "latowebsemibold";
}
.intro-content{

}
.intro-content>p{

}
.intro-content>p:last-child{
margin-bottom: 0px;
}
.intro-content>ul{
padding-left: 20px;
}
.intro-content>ul>li{

}
.ss-style-roundedges{
position: relative;
padding: 20px;
background: #fff;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
font-size: 1.3em;
-moz-box-shadow: 0px 0px 10px 5px rgba(239, 239, 239, 0.7);
-webkit-box-shadow: 0px 0px 10px 5px rgba(239, 239, 239, 0.7);
box-shadow: 0px 0px 10px 5px rgba(239, 239, 239, 0.7);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/*.ss-style-roundedges:after,
.ss-style-roundedges:before{
position: absolute;
content: '';
pointer-events: none;
width: 30px;
height: 30px;
border-radius: 50%;
background: #fff;
top: -10px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
transform: rotate(45deg);
}
.ss-style-roundedges:before{
left: -10px;
}
.ss-style-roundedges:after{
right: -10px;
}*/
/******************************************************************************************************************/
/***************************************************  Footer  *****************************************************/
/******************************************************************************************************************/
.wrap-footer{
margin-top: 15px;
padding-bottom: 15px;
padding-top: 15px;
background: #9599a9;
}
.wrap-footer-columns{
position: relative;
}
.footer-head{
font-family: 'LatoWebSemibold';
font-size: 1.15em;
margin-bottom: 0px;
}
.footer-head.small{
font-size: 85%;
}
.wrap-footer-body{

}
.wrap-footer-links{
list-style-type: none;
padding-left: 0px;
}
.wrap-footer-links li{
margin-top: 4px;
margin-bottom: 4px;
}
.wrap-footer-links li a{

}
.wrap-footer-links li a:hover{

}
.wrap-footer-address{

}
.wrap-address-blocks{
text-align: center;
}
.wrap-address-blocks address{
margin-bottom: 0px;
}
.wrap-selling-block{

}
.footer-address{

}
.white-color{
display: inline-block;
color: white;
font-family: 'LatoWebSemibold';
}
.footer-address a{
color: white;
}
a.white-color{

}
a.white-color:focus{
text-decoration: none;
color:  #fff;
}
a.white-color:hover{
text-decoration: underline;
color:  #fff;
}
.wrap-tech-block{

}
.wrap-img-code{
margin-bottom: 15px;
padding-top: 10px;
}
.wrap-img-code img{
width: 45%;
}
.wrap-footer-web{
margin-bottom: 0px;
}
.wrap-footer-web a.white-color{
font-size: 1.3em;
}
.navigator-choice{
text-align: right;
}
.bg-icon-16{
/*position: absolute;*/
/*bottom: 0;*/
/*right: 15px;*/
padding-right: 15px;
}
.bg-icon-16 span{
width: 40px;
height: 40px;
line-height: 40px;
display: inline-block;
text-align: center;
-moz-box-shadow: 0px 0px 0px 1px #000;
-webkit-box-shadow: 0px 0px 0px 1px #000;
box-shadow: 0px 0px 0px 1px #000;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
color: #000;
font-weight: 600;
}
/*####################################################### MEDIA ####################################################*/
@media(max-width: 991px){
.wrap-img-code{
padding-top: 0px;
}
.wrap-img-code img {
width: 61%;
}
}
@media(max-width: 767px){
.wrap-address-blocks {
text-align: right;
margin-bottom: 0px;
padding-top: 10px;
margin-top: 10px;
border-top: 1px solid #333333;
}
.footer-address:last-child{
margin-bottom: 0px;
}
.navigator-choice{
text-align: left;
padding-top: 10px;
margin-top: 10px;
border-top: 1px solid black;
}
}
/******************************************************************************************************************/
/*************************************************  page_content_404  *********************************************/
/******************************************************************************************************************/
.title-page-404{
margin-top: 0px;
margin-bottom: 20px;
font-size: 2.5em;
padding-left: 5px;
padding-top: 5px;
text-align: right;
}
.wrap-content-404{
margin-bottom: 20px;
}
.right-wrap-block{
background: white;
padding: 15px;
}
.wrap-list-404{
list-style-type: none;
padding-left: 5px;
margin-bottom: 0px;
}
.wrap-list-404 li{
margin-top: 10px;
font-size: 1em;
}
.wrap-list-404 li:first-child{
margin-top: 0px;
}
/*.wrap-list-404 li:before{
content: "\f13d";
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
margin-right: 10px;
color: #4877af;
}*/
.wrap-list-404 li:before{
content: "\e91c";
display: inline-block;
vertical-align: middle;
margin-right: 10px;
color: #9e9e9e;
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: 400;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 1.2em;
}
.wrap-img-student{
position: relative;
}
.wrap-img-student img{
width: 100%;
}
.thank-words{
text-align: right;
margin-bottom: 0px;
font-style: italic;
font-size: 1.25em;
}
/******************************************************************************************************************/
/*************************************************  09.07.2020  ***************************************************/
/******************************************************************************************************************/
.moretext-v,
.moretext-inv{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
display: block;
}

.moretext-inv{
display: none;
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
.moretext-v{
display: inherit;
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
}
[class*="moretext-"] + a{
display: inline-block;
font-size: 20px;
line-height: 1;
}
.ss-style-roundedsplit:empty{
display: none;
}
@-webkit-keyframes fadeOut {
	0% {opacity: 1;}
   100% {opacity: 0;} 
}

@keyframes fadeOut {
    0% {opacity: 1;}
   100% {opacity: 0;}
}
.fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
/******************************************************************************************************************/
/****************************************************  16.11.2020  ************************************************/
/******************************************************************************************************************/
.prompts_select-cover{
margin-bottom: 15px;
}
.prompts_select{

}
.prompts_select input[type="text"]{
display: inline-block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
position: relative;
z-index: 2;
width: 100%;
margin-bottom: 0;
border-radius: 30px;
}
.prompts_select input[type="text"]:focus{
outline:thin dotted;
outline:5px auto -webkit-focus-ring-color;
outline-offset:-2px;
border-color:#66afe9;
outline:0;
-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
}
.prompts-list{
padding-top: 10px;
}
.prompts-list:empty{
display: none;
}
.prompts-list > div{
margin-bottom: 5px;
}
.prompts-list > div:hover{
cursor: pointer;
}
.prompts-list > div:hover,
.prompts-list .pr.cur,
.prmp-text{
font-weight: 600;
}
.prmp-text{
padding-right: 10px;
}
.prmp-text + a{
display: inline-block;
color: #000;
padding-bottom: 2px;
border-bottom: 2px solid #ecd2be;
}
.prmp-text + a:hover{
text-decoration: none;
border-bottom-color: #000;
}
/******************************************************************************************************************/
/***************************************************  index_splide  ***********************************************/
/******************************************************************************************************************/
.cs-index-section{
margin-bottom: 15px;
}
.cs-index-section-head{
background: white;
margin-bottom: 2px;
padding: 15px;
padding-left: 30px;
text-transform: uppercase;
font-size: 1.25em;
position: relative;
display: block;
color: #333;
transition: color .3s;
}
.cs-index-section-head > a{
display: block;
color: #333;
}
.cs-index-section-head > a:hover{
color: #000;
}
.cs-index-section-head:before{
content: "\f111";
font: normal normal normal 14px/1 FontAwesome;
display: inline-block;
font-size: 0.5em;
position: absolute;
left: 0;
top: 50%;
margin-left: 15px;
margin-top: -.5em;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.cs-index-section.news .cs-index-section-head:before{
color: #ad0707;
}
.cs-index-section-body{
padding: 15px;
background: #fff;
}
.cs-index-section-body .splide .splide__progress{
padding-top: 20px;
}
.cs-index-section-body .splide .splide__pagination__page{

}
.cs-index-section-body .splide .splide__pagination__page.is-active{
background: #e9cfbd;
}
.cs-index-section-footer{
margin-top: 2px;
text-align: right;
background: white;
padding: 3px 6px 3px 0px;
}
.cs-index-section-footer > a{
color: #333;
text-transform: uppercase;
font-family: "LatowebSemibold";
}
/******************************************************************************************************************/
.splide__slide-wrap{
padding-right: 10px;
}
.sengine__slide{
margin-bottom: 15px;
}
.sengine__slide .splide__slide-wrap{
padding-right: 0px;
background: #fff;
}
.splide__slide-wrap > article > label{
font-family: "latowebbold";
}
.sengine-news-label{
text-align: right;
}
.sengine-news-label label{
margin-bottom: 0;
}
.splide__slide-wrap > article h2{
margin-top: 0;
font-size: inherit;
margin-bottom: 0;
padding-left: 10px;
}
.sengine__slide .splide__slide-wrap > article h2{
padding-left: 0px;
margin-bottom: 15px;
}
.splide__slide-wrap > article h2 > a{
color: #ad0707;
font-family: "LatoWebBold";
/*font-size: 1.5em;*/
}
.splide__slide-wrap > article h2 > a > span{
display: block;
display: flex;
display: -webkit-box;
max-height: calc(1.25em * 1.2 * 4);
font-size: 1.25em;
line-height: 1.2;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
}
.splide__slide-wrap > article p{
margin-bottom: 0;
}
.splide__slide-wrap > article > p > span{

}
.splide__slide-wrap > article img{
max-width: 100%;  
background: #ccc;
}
.splide__slide-wrap .news-img-name{
margin-bottom: 10px;
}
.sengine__slide .splide__slide-wrap .news-img-name{
margin-bottom: 0px;
}
.splide__slide-wrap .news-img-name [class^="col-md"]{
padding-left: 0;
padding-right: 0;
}
.sengine__slide .news-img-name [class^="col-md"].col-md-9{
margin-bottom: 0px;
padding: 10px;
}
/******************************************************************************************************************/
/****************************************************  News Page  *************************************************/
/******************************************************************************************************************/
.news-page{
}
.news-page-top,
.news-page-header,
.news-page-body{
margin-bottom: 2px;
background: white;
padding: 15px;
}
.news-page-top{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.news-page-top > a{
text-transform: uppercase;
color: #000;
font-family: "LatoWebBold"
}
.news-page-top > span{
font-family: "LatoWebBold"
}
.news-page-header{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.news-page-header img{
max-width: 100%;
background: #ccc;
}
.news-page-header [class^="col-md"]{
padding-left: 0;
padding-right: 0;
}
.news-page-header h1{
font-family: "LatoWebBold";
margin-top: 0;
margin-bottom: 0;
padding-right: 10px;
font-size: 2.25em;
}
.news-page-header h1{
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
@media(max-width: 480px){
.news-page-header{
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
}
.news-page-header [class^="col-md"]{
width: 100%;
}
.news-page-header .col-md-3{
order: 1;
}
.news-page-header .col-md-9{
order: 2;
}
.news-page-header figure{
margin-bottom: 15px;
}
}
/******************************************************************************************************************/
/***************************************************  OLD_BROWSERS  ***********************************************/
/******************************************************************************************************************/
.no-csstransforms3d .menu-wrap{
display: none !important;
}
.no-csstransforms3d .hidden-sm-up{
display: none !important;
}
.no-csstransforms3d .container {
width: 1170px;
}
.no-csstransforms3d .col-md-1{
width: 8.33333333%;
}
.no-csstransforms3d .col-md-2{
width: 16.66666667%;
}
.no-csstransforms3d .col-md-3{
width: 25%;
}
.no-csstransforms3d .col-md-4{
width: 33.33333333%;
}
.no-csstransforms3d .col-md-5{
width: 41.66666667%;
}
.no-csstransforms3d .col-md-6{
width: 50%;
}
.no-csstransforms3d .col-md-7{
width: 58.33333333%;
}
.no-csstransforms3d .col-md-8{
width: 66.66666667%;
}
.no-csstransforms3d .col-md-9{
width: 75%;
}
.no-csstransforms3d .col-md-10{
width: 83.33333333%;
}
.no-csstransforms3d .col-md-11{
width: 91.66666667%;
}
.no-csstransforms3d .col-md-12{
width: 100%;
}
.no-csstransforms3d .col-md-1, 
.no-csstransforms3d .col-md-2, 
.no-csstransforms3d .col-md-3, 
.no-csstransforms3d .col-md-4, 
.no-csstransforms3d .col-md-5, 
.no-csstransforms3d .col-md-6, 
.no-csstransforms3d .col-md-7, 
.no-csstransforms3d .col-md-8, 
.no-csstransforms3d .col-md-9, 
.no-csstransforms3d .col-md-10, 
.no-csstransforms3d .col-md-11, 
.no-csstransforms3d .col-md-12{
float: left;
}
.no-csstransforms3d .col-md-1.va-m, 
.no-csstransforms3d .col-md-2.va-m, 
.no-csstransforms3d .col-md-3.va-m, 
.no-csstransforms3d .col-md-4.va-m, 
.no-csstransforms3d .col-md-5.va-m, 
.no-csstransforms3d .col-md-6.va-m, 
.no-csstransforms3d .col-md-7.va-m, 
.no-csstransforms3d .col-md-8.va-m, 
.no-csstransforms3d .col-md-9.va-m, 
.no-csstransforms3d .col-md-10.va-m, 
.no-csstransforms3d .col-md-11.va-m, 
.no-csstransforms3d .col-md-12.va-m{
display: inline-block;
float: none;
vertical-align: middle;
}
.no-csstransforms3d .col-md-offset-3 {
margin-left: 25%;
}
.no-csstransforms3d .wrap-header-top{
/* IE8 */
-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/studmedlib_background_dark_top.jpg',sizingMethod='scale')";
/* IE < 8 */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='images/studmedlib_background_dark_top.jpg', sizingMethod='scale');
background-image: none; /* IE ≤ 9.0 */
}
.no-csstransforms3d .navbar-toggle{
display: none;
}
.no-csstransforms3d .navbar-form{
width: auto;
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.no-csstransforms3d .col-md-2.wrap-logo-student{
width: 9% !important;
}
.no-csstransforms3d .navbar-form .input-group{
display: inline-block;
vertical-align: middle;
}
.no-csstransforms3d .collapse-student.collapse{
display: inline-block!important;
/*padding-left: 0px;*/
vertical-align: middle;
float: none;
width: 100%;
height: auto!important;
padding-bottom: 0;
overflow: visible!important;
border-color: #e7e7e7;
border-top: 0;
box-shadow: none;
}
.no-csstransforms3d .navbar-nav{
/*float: left;*/
margin: 0;
}
.no-csstransforms3d .wrap-general-links .navbar-nav{
/*float: right;*/
}
.no-csstransforms3d .wrap-general-links .navbar-nav>li{
float: left;
}
.no-csstransforms3d .input-group.search-group .form-control{
height: 35px;
border-right: transparent;
border-color: transparent;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px;
}
.no-csstransforms3d .input-group.search-group .form-control{
border: 1px solid #ccc;
}
.no-csstransforms3d .general-sengine-sticker{
min-height: 570px;
}
.no-csstransforms3d .wrapper-index-sticker{
min-height: 470px;
}
.no-csstransforms3d select{
padding: 7px;
line-height: normal !important;
}
.no-csstransforms3d i.form-control-feedback{
display: none;
}
.no-csstransforms3d .navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.no-csstransforms3d .navbar-form .input-group .form-control, 
.no-csstransforms3d .navbar-form .input-group .input-group-addon, 
.no-csstransforms3d .navbar-form .input-group .input-group-btn {
width: auto;
}
.no-csstransforms3d .navbar-form .input-group>.form-control {
width: 100%;
}
.no-csstransforms3d .wrap-search-student .navbar-form .input-group>.form-control {
width: 80%;
}
.no-csstransforms3d .input-group.search-group .form-control {
height: 35px;
/*border-color: transparent;*/
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-border-radius: 20px 0px 0px 20px;
-moz-border-radius: 20px 0px 0px 20px;
border-radius: 20px 0px 0px 20px;
}
.no-csstransforms3d .wrap-search-student .search-group .input-group-btn {
width: 20%;
display: inline-block;
}
.no-csstransforms3d .name-sengine-sticker a>h2 {
font-weight: 500;
display: inline-block;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
width: 100%;
text-overflow: ellipsis;
overflow: hidden;
height: 2.25em;
position: relative;
}
.no-csstransforms3d .btn.search-button {

}

/****25.01.2022 pop-up_ppp****/
.txt {
  position: relative;
}
.ppp {
  width:25px;
  height:25px;
  cursor:pointer;
  font-size: 0;
  z-index: 100;
}

.ppp:after {
  content: '*';
  width:15px;
  height:15px;
  font-size: 1.8rem;
  font-weight: 600;
}


#JSpop-up_wrapper {
  width:100%;
  height:100%;
  position:relative;
}
.JSpop-up_close {
  position: absolute;
  right:10px;
  top:10px;
  width:20px;
  height:20px;
  background: url('images/close.svg');
  cursor:pointer;
}
.JSpop-up_window {
  background: #fff;
  width:100%;
  padding:20px 10px;
  border-radius: 13px;
  border: 1px solid #e3e3e3;
  border-radius: 13px;
}

/****31.01.2022 disable menu item****/

body ._disable_tab>span a {
  pointer-events:none!important;
  color:#4a4a4a!important;
  cursor: default!important;
  font-weight: 200!important;
  font-family: 'LatoWebThin'!important;
}
body ._disable_tab>span a:after {
  top:auto!important;
  bottom: 0!important;
  background: none!important;
}

body ._disable_tab_left>span a {
  font-size:1.3rem!important;
}
/************************************/