:root {
      --maincolor: #4f6fa0;
}
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700');
*{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}
html{height:100%;background: #f4f4f4;}
body{color:#000;font-size:14px;font-family: 'Open Sans', sans-serif;height:100%;margin:0;padding:0;width:100%}
header,nav,article,aside,footer,hgroup,section{display:block}
img{border:none;outline:none}
h1,h2,h3,h4,h5,h6,h1:hover,h2:hover,h3:hover,h4:hover,h5:hover,h6:hover{text-decoration:none;color:var(--maincolor);margin-bottom: 10px;width:100%;display:block;float:left;}
h3 {font-size: 14px;}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:underline}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
caption,th{text-align:left}
q:before,q:after{content:''}
abbr,acronym{border:0;}
input,input:focus,input[type="text"],button,textarea,a:focus,select:focus,button:focus,.select2:focus{border:none !important;outline:none !important}
em,i{font-style:italic}
b,strong {font-weight:700;font-size:14px;font-family: 'Open Sans', sans-serif;}
a{color:var(--maincolor);text-decoration:underline}
a:hover{text-decoration:none;}
ul,ol{list-style:none}
.left{float:left}
.right{float:right}
.clear{clear:both}
::selection{color:#fff;background:#0293E0}
.hidden {display: none !important;}
.anim,.anim:hover,.anim:focus,.anim:active,*:before,*:after{-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}
body {background: #f4f4f4;color:#000;}
.wrapper {width:100%;max-width: 1024px;margin:0 auto;}
header,section,footer {display: block;width: 100%;float: left;}
header {background: var(--maincolor);position: fixed;    z-index: 999;}
header .wrapper {color:#fff;}
header .logo {display: block;float: left;width: auto;padding: 5px 0;}
header .logo img {display: block;float:left;height: 40px;}
.content {margin-top: 70px;display: block;float: left;width: 100%;}
.content .wrapper section {display: block;float: right;max-width: 728px;width: 100%;}
.content.width100 .wrapper section {width: 100%;max-width: 100%;background: #fff;border: 1px solid #eceeef;overflow: hidden;}
.content.width100 .wrapper section.w70 {width: calc(100% - 280px) !important;}
.content.width100 .wrapper aside {width: 260px;display: block;float: left;}
.content.width100 .wrapper aside .el {display: block;flex: left;width: 100%;}
.content.width100 .wrapper aside .el+.el {margin-top: 10px;}
.content.width100 .wrapper section h1 {margin-bottom: 20px;background: #f7f7f9;border-bottom: 1px solid #eceeef;color:#000;padding: 10px 20px;}
.content aside {display: block;float: left;max-width: 728px;width: calc(100% - 748px);max-width: 260px;position: relative;}
.content aside .card {display: block;width:100%;position: -webkit-sticky;position: sticky;top:60px;}
nav {display: block;float: right;}
nav ul {display: block;float: left;width: 100%;}
nav ul li {display: block;float: left;margin-left: 30px;padding: 15px 0;}
nav ul li a {display: block;color:#fff;text-decoration: none;font-size: 14px;font-weight: bold;border-bottom: 1px solid var(--maincolor);}
nav ul li a:hover {border-bottom: 1px solid #fff;}
aside .widget {display: block;float: left;width: 100%;margin-bottom: 30px;}
aside .widget .widget_title {display: block;float: left;width: 100%;margin-bottom: 10px;background: #ededed;text-transform: uppercase;padding: 10px;border-left:5px solid var(--maincolor);color:var(--maincolor);font-weight: bold;font-size: 18px;margin-bottom: 10px;}
aside .widget .widget_link, aside .widget .widget_link a, aside .widget .widget_link a img {width: 100%;display: block;float: left;}
.gtop {display: block;float: left;width: 100%;overflow: hidden;}
.gtop ins, .gtop div {margin-bottom: 20px;}
.gtop .el {width: 49.5%;display: block;float: left;}
.gtop .el:nth-child(2) {float: right;}
.gtop.bottom ins, .gtop.bottom div {margin:20px auto;;}
.gtop.middle ins, .gtop.middle div {margin: 0;}
.gtop.middle ins {margin: 0 auto;}
.list {width: 100%;display: block;float: left;}
.list .item {width: 25%;display: block;float: left;margin-bottom: 20px;}
.list .item .link {text-align: center;color:var(--maincolor);text-align: center;font:700 18px/1.2em 'Open Sans';display: block;float: left;width: 100%;}
.list .item .cover {width: 60px;height: 60px;display: block;float: left;margin-right: 10px;border-radius: 50%;border: 2px solid #1e5e9d;    overflow: hidden;background: url('../images/loading.gif') no-repeat center center;background-size: 60px;}
.list .item .cover img {width: 100%;display: block;}
.list.user .item {padding: 10px;}
.list.user .item .info {display: block;float: left;width: calc(100% - 70px);    padding: 10px 0px;}
.list.user .item .info .name {color:#1e5e9d;font:700 16px/1.2em 'Open Sans';display: block;width: 100%;text-align: left;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.list.user .item .info .id {color:#1e5e9d;font:700 14px/1.2em 'Open Sans';display: block;width: 100%;text-align: left;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;margin-top: 3px;}
.list.user .item:hover .info .name {text-decoration: underline;}
.page404 h1, .page404 p {text-align: center !important}
.page404 p {margin-bottom: 30px;}
.pad20 {padding: 0 10px;margin-bottom: 20px;}
.user .top {display: block;float: left;width: 100%;padding: 10px;background: #f7f7f9;border-bottom: 1px solid #eceeef;}
.user .top .cover {width: 100px;height: 100px;display: block;float: left;margin-right: 10px;border-radius: 50%;border: 2px solid #1e5e9d;    overflow: hidden;background: url('../images/loading.gif') no-repeat center center;background-size: 100px;}
.user .top .cover img {width: 100%;display: block;}
.user .top .info {float: left;display: block;width: calc(100% - 110px);position: relative;}
.user .top .info h1 {background: transparent !important;padding: 0 !important;margin-bottom: 10px !important;margin-top: 20px !important;}
.user .top .info strong{float: left;}
.user .details {display: block;float: left;width: 100%;padding: 10px;}
.user .details .item {width: 100%;display: block;float: left;margin-bottom: 10px;}
.user .details .item .label {width: 240px;display: block;float: left;font:400 16px/1.4em 'Open Sans';color:#999999;}
.user .details .item .value {width: calc(100% - 250px);display: block;float: right;font:400 18px/1.4em 'Open Sans'}
.user .details .item .value.width100 {width: 100%;}
.user .details .item+h3 {margin-top: 20px;}
ins {overflow: hidden;}
.user h3 {border-bottom: 1px solid #eceeef;padding-bottom: 10px;}
.textpage{width:100%!important}
.textpage a{color:var(--maincolor);text-decoration:none}
.textpage a:hover{text-decoration:underline;}
.textpage h1,.textpage h2,.textpage h3,.textpage h4,.textpage h5,.textpage h6{color:var(--maincolor);line-height:1.2em;width:100%;font-weight: bold;}
.textpage img{display:block;max-height:100%!important}
.textpage h1{font:700 24px/1.2em 'Open Sans'}
.textpage h2{font:700 22px/1.2em 'Open Sans'}
.textpage h3{font:700 20px/1.2em 'Open Sans'}
.textpage h4{font:700 18px/1.2em 'Open Sans';display: block;float: left;width: 100%;padding: 10px;background: #f7f7f9;border-bottom: 1px solid #eceeef;}
.textpage h5{font:700 16px/1.2em 'Open Sans'}
.textpage h6,.textpage li,.textpage p{font:400 16px/1.4em 'Open Sans'}
.textpage li,.textpage p{color:#000;width:100%}
.textpage td:first-child,.textpage th{font:16px/1.4em 'Open Sans'}
.textpage iframe{height:400px!important;width:100%!important}
.textpage ul{width:100%;float: left;display: block;}
.textpage ul li{padding-left:18px;position: relative;}
.textpage ul li:before {content:'';display: block;width: 8px;height: 8px;background:var(--maincolor);    position: absolute;left: 0;top: 5px;}
.textpage ol{counter-reset:num;width:100%}
.textpage ol li:before{content:counter(num) ')';counter-increment:num;color:#000;padding-right:9px}
.textpage table{border-collapse:collapse;width:100%}
.textpage td,.textpage th{border:1px solid #e1e1e1;padding:1.5em}
.textpage th{color:#000}
.textpage td{color:#000;font-size:16px;line-height:1.2em}
.textpage img+h1,.textpage img+h2,.textpage img+h3,.textpage img+h4,.textpage img+h5,.textpage img+h6,.textpage img+ol,.textpage img+p,.textpage img+table,.textpage img+ul,.textpage ol+h1,.textpage ol+h2,.textpage ol+h3,.textpage ol+h4,.textpage ol+h5,.textpage ol+h6,.textpage ol+ol,.textpage ol+p,.textpage ol+table,.textpage ol+ul,.textpage p+h1,.textpage p+h2,.textpage p+h3,.textpage p+h4,.textpage p+h5,.textpage p+h6,.textpage p+ol,.textpage p+p,.textpage p+table,.textpage p+ul,.textpage table+h1,.textpage table+h2,.textpage table+h3,.textpage table+h4,.textpage table+h5,.textpage table+h6,.textpage table+ol,.textpage table+p,.textpage table+table,.textpage table+ul,.textpage ul+h1,.textpage ul+h2,.textpage ul+h3,.textpage ul+h4,.textpage ul+h5,.textpage ul+h6,.textpage ul+ol,.textpage ul+p,.textpage ul+table,.textpage ul+ul{margin-top:30px}
.textpage h1+p,.textpage h2+p,.textpage h3+p,.textpage h4+p,.textpage h5+p,.textpage h6+p,.textpage li+li,.textpage ol+p,.textpage p+p,.textpage table+p,.textpage ul+p{margin-top:15px;display: block;float: left;}
.textpage li+li {margin-top: 5px;}
footer{color:#747f8c;text-align: center;margin-bottom: 20px;}
footer .copy {width: 100%;display: block;float:left;padding-top: 20px;}
.paypage .in {padding: 0 20px;display: block;float: left;width: 100%;padding-bottom: 20px;text-align: center;}
.pay {display: inline-block;margin: 30px 0;background: #f7f7f9;padding: 40px 20px;width: 100%;cursor: pointer;}
.pay a, .pay form input[type="button"] {background:#4f6fa0;color:#fff;border: 2px solid #fff;padding: 10px 20px;display: inline-block;font-weight: bold;text-transform: uppercase;margin-top: 10px;font-size: 20px;}
.pay a:hover, .pay form input[type="button"]:hover {text-decoration: none;background: #6d8dbd;border: 2px solid #fff;}
.pay p {font: 700 24px/1.2em 'Open Sans' !important;text-align: center !important;}
.pay p b {color:#4f6fa0;font: 700 24px/1.2em 'Open Sans' !important;}
.paypage.textpage p {font:400 14px/1.4em 'Open Sans';text-align: left;}
.paypage.textpage p i {color:#999999;}
.paypage.textpage p.normal {text-align: center;}
.paypage h1 {text-align: center !important;}

.pay form {max-width: 640px;width: 100%;display: inline-block;}
.pay form span {display: block;float: left;width: 100%;}
.pay form span+span {margin-top: 10px;}
.pay form input[type="text"], .pay form textarea {width: 100%;display: block;float: left;border: 2px solid var(--maincolor) !important;padding: 10px;font-size: 18px;}
.pay form textarea {height: 140px;resize: none;}
.pay form span.errore {font-size: 18px;font-weight: bold;color:#cc2020;}
.pay form span.errore.ok {color:#54c35d;}
.delete {clear: both;    background: #4f6fa0;
    color: #fff !important;
    padding: 5px 10px;
    display: block;
    font-weight: bold;

    font-size: 16px;
float: left;position: absolute;right: 0;}
.delete:hover {text-decoration: none !important;background: #4977bb;}
.line {display: block;
    float: left;
    width: 100%;
    padding: 0 20px;
    margin-bottom: 20px;}
.top+.line {margin-top: 10px;padding: 0 10px;margin-bottom: 10px;}

.list .item .moreuser {
    width: 100%;
    text-align: center;
    display: block;
    float: left;
    margin-top: 5px;
    min-height: 30px;
}
.list .item .moreuser a {
    width: 30px;
    height: 30px;
    display: inline-block;
    padding: 0;
    box-shadow: none;
    border-radius: 50%;
    overflow: hidden;
    float: none;
    margin: 0 3px;
}
.list .item .moreuser a img {
    width: 30px;
    height: 30px;
    position: relative;
}
.list .item .moreuser a span {
    display: none;
}
@media all and (min-width: 0px) and (max-width: 1024px) {
	.wrapper {padding: 0 10px;}
    .content aside {display: none;}
    .content .wrapper section {margin: 0 auto;float: none;}
    .content.width100 .wrapper section {float: left;display: block;}
    nav {display: none;}
    nav.show {position: fixed;background: rgba(0, 0, 0, 0.4);left:0;width: 100%;height: 100%;z-index: 3;display: block;}
    nav ul {max-width: 320px;display: block;float: left;width: 100%;background: var(--maincolor);height: 100%;position: relative;padding-top: 30px;}
    nav li {clear: both;}
    nav .close:after {content: '\e800';font-family: 'fontello';color:#fff;font-size:24px;display: block;position: absolute;right: 10px;top: 10px;cursor: pointer;z-index: 4;    left: 290px;}
    nav .close:hover:after {color:#ccc;}
    header .buter:after {content: '\f0c9';font-family: 'fontello';position: absolute;right: 10px;font-size: 30px;top: 10px;cursor: pointer;}
    header .buter:hover:after {color:#ccc;}
    .content {margin-top: 70px;}
}


@media all and (min-width: 0px) and (max-width: 990px) {
    
    .content .wrapper .main {width: 100%;max-width: 100%;}
    .list .item {width: 33.3333%;}
    .content.width100 .wrapper aside {display: none;}
    .content.width100 .wrapper section.w70 {width: 100% !important;}
    .gtop .el {width: 100%;}
    .gtop .el:nth-child(2) {display: none;}
}

@media all and (min-width: 0px) and (max-width: 768px) {
    .content.width100 .wrapper section h1 {font:700 20px/1.2em 'Open Sans';}
    .list .item {width: 50%;}
    .user .details .item .label {width: 100%;}
    .user .details .item .value {width: 100%;}
    .delete {position: relative;margin-top: 5px;}
}

@media all and (min-width: 0px) and (max-width: 640px) {
	#overlay .modal {width: 320px;}
    .list .item {width: 100%;}
    .content.width100 .wrapper section h1 {font:700 16px/1.2em 'Open Sans';}
    
}

@media all and (min-width: 0px) and (max-width: 440px) {
    .line {display: none;}
    .footer-link {    
    display: none;
    float: left;
    position: fixed;
    background: transparent;
    bottom: 0;
    width: 100%;
    text-align: center;
    z-index: 99999999;
    }
    .footer-link .link {width: 320px;max-height: 100px;margin: 0 auto;display: inline-block;z-index: 999999999999;display: inline-block;    overflow: hidden;}
    .footer-link .close {width: 320px;height: 20px;margin: 0 auto;display: inline-block;    position: fixed;left: 0;right: 0;    margin-top: -20px;z-index: 999998;text-align: right;}
    .footer-link .close span {z-index: 999999;cursor: pointer;display: block;width: 17px;background: url(../img/close.png) 0 0;height: 17px;float: right;}
    .footer-link .close:hover span {background: url(../img/close.png) 17px 0;}
    /*.footer-link .close span:before {content: '\e800';font-family: 'fontello';font-size: 20px;color:#000;}
    .footer-link .close span:hover:before {color: var(--maincolor);}*/
}
@media all and (min-width: 440px) {
    .footer-link {display: none !important}
}
p.short {margin-top:0 !important;padding: 0 20px;margin-bottom: 10px;}
.moreimg span {display: block;float: left;width: 100%}
.moreimg span img {display: block;float: left;width: 100%;position: relative;-webkit-filter: brightness(100%);
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;}
.moreimg span .cover_top {display: block;float: left;width: 100%;overflow: hidden;margin-bottom: 10px !important}
.moreimg a {text-decoration: none !important;}
.moreimg a:hover {text-decoration: none !important;}
.moreimg a:hover .cover_top img {-webkit-filter: brightness(125%);}
.moreimg a:hover .big{color:#6f92c7;}
.moreimg .big {font:700 20px/1.2em 'Open Sans';text-decoration: none;color:#4f6fa0;margin-bottom: 5px !important;width: 100%;display: block;float: left;}
.moreimg .small {font:500 16px/1.2em 'Open Sans';text-decoration: none;color:#000;display: block;float: left;clear: both;width: 100%;}


.gtop.moreimg span {display: block;float: left;width: 32%;margin-right: 2%;}
.gtop.moreimg span:last-child {margin-right: 0;}

.value.moreimg span .cover_top {display: block;float: left;width: 20%;margin-right: 20px;}
.value.moreimg span .info_top {display: block;float: left;width: calc(100% - 20% - 20px);}
.value.moreimg span .big {font:700 26px/1.2em 'Open Sans';}
.value.moreimg span .small {font:500 20px/1.2em 'Open Sans';}
.value.moreimg span .info_top:after {content: 'Подробнее';display: block;float: left;margin-top: 10px;border: 1px solid #4f6fa0;padding: 10px 20px;border-radius: 8px;color:#4f6fa0;font:700 16px/1.2em 'Open Sans';}
.value.moreimg span a:hover .info_top:after {color:#6f92c7;}


@media all and (min-width: 0px) and (max-width: 860px) { 
    .gtop.moreimg span:nth-child(3) {display: none;}
    .gtop.moreimg span {width: 49% !important;margin-right: 2%;}
    .gtop.moreimg span:nth-child(2) {margin-right: 0;}
}

@media all and (min-width: 0px) and (max-width: 640px) {
    .gtop.moreimg span:nth-child(2) {display: none;}
    .gtop.moreimg span {width: 100% !important;margin-right: 0;margin-bottom: 40px;}
}