@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;900&display=swap');
.main_page #sp-main-body{
    background:url('../images/Layer4.png') no-repeat;   
    background-position-x: right;
}

.mk_logo{
    display: flex;
    justify-content: space-between;
}
.mk_logo div{
    max-width: 745px;
}

#sp-logo-all p{
    font-size: 24px;
    line-height: 26px;
    color: #00A29C;
}
#sp-forum-header, #sp-tema{
    margin:30px 0;
}
#sp-tema{
    padding: 30px 0;
    background: #C0F0EE;
    font-size: 18px;
line-height: 25px;

}

.mk_logo img{
margin-right: 20px;
}



.mk2021_map{
display: flex;
overflow: auto; 
margin-top: -225px;
}
.mk2021_map img{
    min-width: 800px;
}
.mk2021_map_legend{
display: flex;
justify-content: center;
margin: 40px 0;   
}
.mk2021_map_legend div{
margin: 0 20px; 
}

















.mk_contact{
margin: 38px 0 90px 0;	
}
.mk_contact_block{
margin:20px 0;
display:flex;
justify-content:space-between;	
flex-wrap: wrap;
}
.mk_contact_block div{
width:340px;	
}
.mk_block{

background: #2C2F60;
padding: 20px;
margin: 10px 0;
width: 49%;
}
.mk_group{
display:flex;
justify-content: space-between;
flex-direction: row;
}
.mk_zagol{
    font-family: Roboto;
    font-style: normal;
    font-weight: 900;
    font-size: 24px !important;
    line-height: 29px;  
    color: #FFFFFF;
}
.mk_block p{
margin-top:20px;
color:white;	
}
.mk_block br{
margin-bottom: 10px;	
}
#sp-forum-knopka p{
text-align:center;	
}
.mk_data{

font-size: 20px;
}
/*=============== 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-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-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: Roboto;
    font-style: normal;
    font-weight: 900;
    font-size: 36px;
    line-height: 40px;
}
h2{
    font-weight: 900;
    font-size: 24px;
    line-height: 29px;
}

#sp-section-6 h3, #sp-organizatory h3{
font-style: normal;
font-weight: 300;
font-size: 30px;
line-height: 47px;
}
#sp-section-6 h3{
margin-bottom:34px;
}



/*================ footer ===================*/
#sp-footer1 a{
    color:#000;
    text-decoration: underline;
    }
    #sp-footer1 a:hover{
        color:#000;
    opacity: 0.6;
    }
    #sp-footer{
        background: #f1f2f6;
        padding: 20px 0;	
        }
    /*================ end footer ===================*/








#sp-eksperty{
background:url('../images/book-blur 2.png') no-repeat;
background-position-x: center;
background-position-y: 22px;
min-height:500px;
}

#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: #E94A5C;
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: #ea344a;
}

#sp-forum-menu ul{
list-style: none;
display: flex;
justify-content: space-between;
}
#sp-forum-menu a{
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;
text-transform: uppercase;	
border: 1px solid;
padding: 3px 10px;
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:992px){
    .mk2021_map{
        margin-top: -150px;
       }
.mk_logo img{
    display: none;
}
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) {
.mk_group{
flex-direction: column;
}
.mk_block{
width: 100%;
}
}



@media (max-width:500px){

#sp-logo-all p{
font-size: 16px;
line-height: 20px;
}
.mk_logo h1{
font-size: 24px;
line-height: 28px;    
}
.mk_data{
font-size: 14px; 
line-height: 20px;  
}
.mk2021_map_legend {
font-size: 10px;
line-height: 10px;
}
.mk2021_map_legend div {
margin: 0px 5px;
}
#sp-zagolovok-all p {
font-size: 16px;
line-height: 24px;
}
.themes .article{
flex-direction: column;
}	
.eglike_act {
margin: 0;
}
	
	
	
	.zagolovok .programm_time {
    margin-right: 12%;
}
.zagolovok .programm_time, .zagolovok .programm_text {
    font-size: 24px;
  
}
	.programma .article{
	padding:0;
	border:none;
	}
	.programm_time {
    margin-right: 10%;
}
.programm_text_h3{
	line-height: 22px;
}
.programm_time, .programm_text_h3 {
    font-size: 14px;
    font-weight: 500;
	margin-bottom: 12px;
}
.programm_text_p {
    font-size: 14px;
    font-weight: 300;
	line-height: 20px;
}
.programm_text_button a {
    font-size: 14px;
    padding: 4px 20px 8px 20px;
}

}

@media (min-width:992px){
    #sp-forum-knopka{
        display: flex;
        justify-content: end;
        align-items: end;
    
    }
    .body-innerwrapper{
        background:url('../images/Layer2.png') no-repeat;   
        background-position-x: left; 
        background-size: 300px; 
        }
}