@font-face {
    font-family: 'Agilis';
    src: local('Agilis'), url('../../../fonts/agilis.woff2') format('woff2'), url('../../../fonts/agilis.woff') format('woff'), url('../../../fonts/agilis.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;}

@font-face {
    font-family: 'Open-Sans';
    font-style: normal;
    font-weight:400;
    src: local('OpenSans'),
        url(../../../fonts/Open-Sans.woff2) format('woff2'),
        url(../../../fonts/Open-Sans.ttf) format('truetype');}
        
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight:400;
    src: local('OpenSans'),
        url(../../../fonts/Roboto.woff2) format('woff2'),
        url(../../../fonts/Roboto.ttf) format('truetype');}
        
@font-face {
    font-family: 'Solena-Regular';
    font-style: normal;
    font-weight:400;
    src: local('Solena-Regular'),
        url(../../../fonts/Solena-Regular.otf) format("opentype");}
    
        
body {
    background:#f6e9d4;
    background:url(../../../images/style/fon3.jpg);
    background-size:100%;
    background-attachment: fixed;
    font-size:12pt;
    color:#444;
    font-family: 'Open-Sans';
    line-height:1.5;}

a {
    color:#4664a4;
    text-decoration:none;}

div {
    box-sizing:border-box;}
    
.actions {display:none;}

.conteiner {
    margin:5px auto;
    width:100%;
    max-width:1300px;
    background:#fff;
    min-height:calc(100vh - 120px);
    display:flex;
    flex-wrap:wrap;
    box-shadow:3px 3px 30px #000;}

header {
    background:#353e4f;
    width:400px;
    padding:40px;
    box-sizing:border-box;}
    
.content{
    width:calc(100% - 400px);
    padding:40px 50px;}

header a {
    color:#f1c37d;}

.moduletable_menu {
    font-size:14pt;
    flex:1;
    text-transform:uppercase;
    padding:0 20px;}

.moduletable_menu a{
    font-family: 'Open-Sans';
    color:#fff;
    display:table;
    padding:2px 0 7px 0;
    margin:10px auto;
    text-align:center;
    position:relative;}

.moduletable_menu a:before{
    position:absolute;
    bottom:0;
    left:calc(50% - 25px);
    width:50px;
    border-bottom:1px solid #f1c37d;
    content:"";
    transition: 0.5s;}

.moduletable_menu a:hover{
    color:#f1c37d;
    transition: 0.5s;}
    
.moduletable_menu a:hover:before{
    border-bottom:1px solid #fff;
    left:0%;
    width:100%;}

.content p,
.content h2{
    margin:20px 0;
    text-align:justify;}

.content h2{
    padding:20px 0 0px;
    color:#000;
    font-size:23pt;
    font-family: 'Agilis';
    clear:both;
    line-height:1;
    text-align:left;}

.content h3{
    color:#222;
    font-size:16pt;
    font-family: 'Agilis';
    text-transform:uppercase;
    padding:10px 0 0px;}
    
.content ul li{
    list-style-type: square;
    margin:0 0 10px 50px;}

.content blockquote {
    font-family: 'Open-Sans';
    background:#edeff4;
    background:#e9e9e9;
    font-size:16pt;
    width:100%;
    text-align:right;
    padding:0 30px;
    float:right;
    margin:10px 0 20px 40px;
    display:block;
    float:right;
    max-width:320px;
    color:#000;
    font-family: 'Agilis';}

.content .blog .items-row {
    border-bottom:1px dotted #4664a4;}

.content .blog .items-row:last-child {
    border-bottom:0;}

.content .blog article .img-intro-left {
    display:none;}

    @media screen and (max-width:800px){
        
        body{
            min-width:360px;}
        
        header,
            .content{
                width:100%;}
        
        .content{
            padding:40px 20px;}
        
        .content p{
            font-size:11pt;}
    
        .content h2{
            font-size:18pt;}
}

/* Навигация */

.moduletable-nav {
    padding:10px 0;
    text-align:right;
    font-size:11pt;
    display:table;
    float:left;
    clear:both;
    border-bottom:1px solid #4664a4;}

.moduletable-nav span{ color:#444;}

.content article .img-fulltext-left{
    width:100%;
    order:1;
    z-index:2;
    position:relative;}
    
.content article .img-fulltext-left img{
    width:calc(100% + 100px);
    margin:-1px 0 0 -50px;}
    
/* Свежие материалы */

.moduletable-new {
    clear:both; 
    padding:10px 0;}

.moduletable-new .blog-new{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;}

.moduletable-new .items-row{
    border-bottom:1px dotted #4664a4;
    padding:10px 0 20px;
    width:47%;}
    
.moduletable-new .items-row:nth-child(7),
.moduletable-new .items-row:nth-child(8){
    border-bottom:0;}
    
.moduletable-new .title{
    padding:5px 0 0px;
    color:#000;
    font-size:23pt;
    font-family: 'Agilis';
    clear:both;
    display:table;
    line-height:1;}

.moduletable-new .create ~ a{
    color:#6786cd;
    font-size:10pt;}

.moduletable-new .create {
    font-size:10pt;}

.moduletable-persona a{padding:0 10px;}

    @media screen and (max-width:1024px){
        .moduletable-new .items-row{
            width:100%;}
            
        .moduletable-new .title{
            font-size:18pt;
            margin:10px 0 0;
        }
    }

/***** ***** ***** ***** ***** ***** Изображения в материалах */

.content .img-center {
    width:100%;}

.content .img-left {
    width:calc(50% - 20px);
    float:left;
    margin:15px 20px 15px 0;}
    
.content .img-right {
    width:calc(50% - 20px);
    float:right;
    margin:15px 0 15px 20px;}

@media screen and (max-width:800px){
    .content .img-left,
    .content .img-right {
        width:100%;
        margin:15px 0;}
}

/* Модуль логотипа и страницы человека */

.moduletable-face{
    padding:0 0 30px 0;
    text-align:center;}

.moduletable-face img{
    max-width:280px;
    margin:0 auto 15px auto;
    display:table;
    border:3px solid #fff;
    border-radius:49.9%;}

.moduletable-face a{
    color:#fff;}
    
.moduletable-face h2{
    font-family: 'Solena-Regular';
    font-size:34pt;
    color:#fff;
    text-align:center;
    line-height:1.3;}
    
.moduletable-face p{
    color:#f1c37d;
}

/*@media screen and (max-width:800px){
header {
    width:100%;
}
header > div{
    width:50%;
    float:left;
}
    
}*/

.moduletable-logo {
    width:100%;
    max-width:1300px;
    padding:5px 15px;
    margin:0 auto;}

.moduletable-logo p{
    font-family: 'Solena-Regular';
    font-size:20pt;}

.moduletable-logo a{
    color:#000;}