@font-face {
 font-family: "Gosha Sans Regular";
 src: url("../fonts/GoshaSans-Regular.otf");
}
@font-face {
 font-family: "Gosha Sans Bold";
 src: url("../fonts/GoshaSans-Bold.otf");
}

.body-innerwrapper{
background:url('../images/qr_logo_r.png') no-repeat, url('../images/qr_logo_l.png') no-repeat;
background-position-x: right, left;	
background-position-y: 0, 444px;
}

.ct_contact_z{
font-family: Gosha Sans Bold;
font-size: 28px;
line-height: 34px;
color: #56CCF2;	
margin:30px 0;
}

#sp-section-1{
margin-bottom: 50px;	
}
#sp-logo-all img{
margin-right:32px;
}
#sp-logo-all .flex div{
font-family: Gosha Sans Bold;
font-size: 32px;
line-height: 40px;
letter-spacing: 0.05em;
text-transform: uppercase;
max-width: 600px;
}

.ct_group_black, .ct_group{
display:flex;
flex-wrap: wrap;

}
.ct_group_black .ct_block{
background:#4F4F4F;	
color:white;
min-height: 224px;
}
.ct_group_black .ct_block p{
font-size: 18px;
line-height: 22px;
margin-top: 20px;
}
.ct_group .ct_block{
font-size: 24px;
line-height: 34px;
}

.ct_group_black .ct_zagol{
font-family: Gosha Sans Bold;
font-size: 28px !important;
line-height: 29px;	
}

.ct_block{
padding:18px;
margin-top:16px;
margin-bottom:16px;
}
.ct_group_black div:nth-child(odd), .ct_group div:nth-child(odd){
width:calc(50% - 16px);
margin-right:16px;
}
.ct_group_black div:nth-child(even), .ct_group div:nth-child(even){
width:calc(50% - 16px);
margin-left:16px;
}

/*=============== pagination ====================*/
.pagination{display:inline-block;padding-left:0;margin:20px 0;border-radius:4px}
.pagination ul > li{display:inline}
.pagination ul>li>a,.pagination ul>li>span{position:relative;float:left;padding:6px 12px;margin-left:-1px;line-height:1.42857143;color:#337ab7;text-decoration:none;background-color:#fff;border:1px solid #ddd}
.pagination ul>li:first-child>a,.pagination ul>li:first-child>span{margin-left:0;border-top-left-radius:4px;border-bottom-left-radius:4px}
.pagination ul>li:last-child>a,.pagination ul>li:last-child>span{border-top-right-radius:4px;border-bottom-right-radius:4px}
.pagination ul>li>a:focus,.pagination ul>li>a:hover,.pagination ul>li>span:focus,.pagination ul>li>span:hover{z-index:2;color:#23527c;background-color:#eee;border-color:#ddd}
.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{z-index:3;color:#fff;cursor:default;background-color:#337ab7;border-color:#337ab7}
.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:#777;cursor:not-allowed;background-color:#fff;border-color:#ddd}
.pagination-lg ul>li>a,.pagination-lg>li>span{padding:10px 16px;font-size:18px;line-height:1.3333333}
.pagination-lg ul>li:first-child>a,.pagination-lg ul>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}
.pagination-lg ul>li:last-child>a,.pagination-lg ul>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}
.pagination-sm ul>li>a,.pagination-sm ul>li>span{padding:5px 10px;font-size:12px;line-height:1.5}
.pagination-sm ul>li:first-child>a,.pagination-sm ul>li:first-child>span{border-top-left-radius:3px;border-bottom-left-radius:3px}
.pagination-sm ul>li:last-child>a,.pagination-sm ul>li:last-child>span{border-top-right-radius:3px;border-bottom-right-radius:3px}
/*===================================*/




#sp-zagolovok-all p{
font-family: IBM Plex Serif;
font-style: normal;
font-weight: bold;
font-size: 36px;
line-height: 47px;
color: #0A4E9B;	
}
#sp-zagolovok-all div{
font-family: 'IBM Plex Serif', serif;
}
#sp-conf-tema-txt, #sp-conf-spisok{
max-width:464px;
}
#sp-tema .row, #sp-knopka .row{
justify-content: space-between;
}

.hidden {
    display: none;
    visibility: hidden;
}
.fabrikDataContainer {
    overflow: auto;
}

.offcanvas-inner{
margin-top: 30px;
}
#cck1r_save_tema{
width:auto;
padding:0;
}
#seblod_form .btn-toolbar button{
margin:4px;	
}

.nav-pills > li > a {
    display: block;
    padding: 10px 15px;
}
.icon-plus::before {
font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
content: "\f0fe";
font-style: normal;
}

/*===================================*/
.programm_block{
display:flex;
margin-bottom:30px;	
}
.zagolovok .programm_time, .zagolovok .programm_text{
font-size:34px;
font-weight:300;
font-family: IBM Plex Serif;
}
.programm_time{
white-space:nowrap;
margin-right: 12%;
}
.zagolovok .programm_time{
margin-right: 14%;
}
.programm_time, .programm_text_h3, .programm_text_p{
font-size:22px;
margin-bottom:20px;
font-family: Roboto;
font-weight: 500;
}
.programm_text_h3 span, .programm_text_p span{
font-weight: 300;	
}

.programm_text_button{
margin-top:20px;
}
.programm_text_button a, .discuss_block a{
color: white;
background: #7A5C40;
font-family: 'IBMPlexSerif';
font-style: normal;
font-weight: normal;
font-size: 18px;
line-height: 36px;
text-transform: lowercase;	
padding: 4px 30px 10px 30px;	
}
.programm_text_button a:hover, #sp-forum-after a:hover, .discuss_block a:hover{
background: #604934;
}
/*===================================*/
.discuss{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.discuss_block{
font-size: 16px;
line-height: 23px;
margin: 20px 0;
color: #7A5C40;
max-width: 320px;
padding: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
background:url('../images/Vector.png') no-repeat;
background-position-x: center;
background-position-y: 20px;
}
.discuss_block:hover{
background:#F0EBE0;

}

.discuss_block p{
margin-top:20px;
text-align: center;	
}

/*===================================*/
.offcanvas-menu .form-control{
border:none;
border-radius:0;	
}
.offcanvas-menu a{
color:white;	
}
.offcanvas-menu a:hover{
color:white;	
text-decoration: underline;
}
/*===================================*/
#art_button_add, #cat_button_add{
margin:20px 0;
}

.icon-edit:before{
font-style:normal;
content: "\f044";
font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';	
}
.icon-delete:before{
	font-style:normal;
content: "\f2ed";
font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';	
}
.icon-publish:before{
	font-style:normal;
content: "\f058";
font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';	
}
.icon-search:before{
font-style:normal;
content: "\f06e";
font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';	
}


/*===================================*/
.themes .article{
display: flex;
align-items: baseline;
justify-content: space-between;
}
.themes .article-introtext{
display: none;
}


/*===================================*/
.fabrikActions>div{
display:flex;
justify-content: space-between;
}
.fabrikElement .radio input{
margin:5px;
}


/*===================================*/
.eglike_act{
min-width:122px;
margin-left: 30px;
}
.themes .article-list>div:nth-child(odd){
background:#F5F5F5;
}
.themes .article-list>div{
margin:0;
border:none;
}
.themes h1{
/*font-style: normal;*/
font-weight: 300;
}
.blogmain_forum p{
display: none;	
}

#sp-forum-video .slide-desc-text-default{
padding: 0px !important;
height: 150px;	
}


h1{
font-family: 'IBM Plex Serif', serif;
font-size:36px;
font-style: italic;	
line-height: 47px;
}
h2{
font-family: 'IBMPlexSerif';
font-size:18px;
line-height: 23px;
font-weight: 400;
}
#sp-section-6 h3, #sp-organizatory h3{
font-family: IBM Plex Serif;
font-style: normal;
font-weight: 300;
font-size: 30px;
line-height: 47px;
}
#sp-section-6 h3{
margin-bottom:34px;
}


/*================ footer ===================*/
#sp-footer1 a{
    color:white;
    text-decoration: underline;
    }
    #sp-footer1 a:hover{
    opacity: 0.8;
    }
    #sp-footer{
        background:#56CCF2 url('../images/pattern-dt.png');	
        background-repeat: repeat-x;
        padding: 50px 0;
        color:white;	
        }
    /*================ end footer ===================*/










#sp-top-vslab .row{
flex-wrap: nowrap;	
}
#sp-forum-header .row{
align-items: center;	
}
#sp-menu-ham a{
color:#0A4E9B;
}
#sp-forum-knopka a{
color: white;
background: #27b374;
font-family: 'IBMPlexSerif';
font-style: normal;
font-weight: normal;
font-size: 28px;
line-height: 36px;
text-transform: lowercase;	
padding: 10px 50px 16px 50px;	
}
#sp-forum-knopka a:hover{
background: #1e9962;
}

#sp-forum-menu ul{
list-style: none;
display: flex;
justify-content: space-between;
}
#sp-forum-menu a{
	font-family: 'IBMPlexSerif';
color:#7A5C40;
font-weight: 500;
font-size: 18px;
line-height: 23px;
text-transform: lowercase;
}
#sp-forum-menu a:hover{
text-decoration-line: underline;
}





#sp-vslab a{
float:right;
font-size: 14px;
line-height: 17px;
text-align: center;
letter-spacing: 0.1em;
text-transform: uppercase;
border: 1px solid;
padding: 3px 30px;
color:#000;
margin: 10px;
}

.expert_group{
display:flex;
flex-wrap: wrap;	
}
.expert_block{
margin-bottom: 30px;
display:flex;
max-width:340px;	
}
.expert_block p{
margin-top:24px;
line-height: 16px !important;
}
.expert_block>div{
margin-top:30px;

}


@media (max-width:1526px){
.body-innerwrapper{
background-position-x: calc(50% + 472px), calc(50% - 448px);
}
}






@media (max-width:992px){
	

#sp-logo-all .flex div{

font-size: 28px;

}	
	
	
	
h1{
font-size: 30px;
}
#sp-forum-knopka a{
font-size: 24px;
padding: 4px 40px 12px 40px;
}
#sp-menu-ham{
max-width:59px;
}
#sp-vslab{
display: flex;
align-items: center;
justify-content: flex-end;	
}
}
.offcanvas-menu{
background: #605e5e;	
}

@media (max-width: 768px) {
	
.ct_block{
width:90% !important;
margin: 16px 0 16px 0 !important;	
}


#sp-logo-all .flex div{
font-size: 20px;
line-height: 32px;
}		
	
	

}



@media (max-width:500px){
	.ct_group .ct_block{
font-size: 18px;
line-height: 24px;
}
#sp-logo-all img {
margin-right: 16px;
width:100px;
}	
	
#sp-logo-all .flex div{
font-size: 14px;
line-height: 22px;
max-width: 314px;
}

}

@media (min-width:992px){

}