@import url('https://fonts.googleapis.com/css2?family=Jost:wght@400;500;700&display=swap');
.offcanvas-menu{
    background: #605e5e;	
    }

.popover{
    margin-left: 130px;

}


#golos_pg2024___fio2 .row-fluid:first-child{
display:none;
}

.pg_mediav{
    border-radius: 12px;
    padding:0 10px;
    border: 2px solid #72141E; 
    color:#72141E;
}

.pg_mediav:visited{
    color:#72141E;
}
  
.pg_mediav:hover{
    color:#fff;
    background-color:#72141E;
  
}
      
.pg_fiolink, .pg_fiolink:visited,.result:visited{
color:#72141E;
}
.pg_fiolink:hover,.result:hover{
text-decoration: underline;
}

.result{
  font-family: Jost;
  font-style: normal;
  font-weight: bold;
  font-size: 26px;
  line-height: 31px;
  color: #72141E;
  margin: 10px 0;
}


.blogpg_main .egoltlike{
display: none;
}
.fb_el_testir___vrem{
    display: none;
}
.thumbnail {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    display: block;
    line-height: 1.42857143;
    margin-bottom: 20px;
    o-transition: border .2s ease-in-out;
    padding: 4px;
    transition: border .2s ease-in-out;
    webkit-transition: border .2s ease-in-out;
  }

#rstbox_107 a{
border-radius: 12px;
display: flex;
color: white;
padding: 46px 18px;
font-family: 'Jost';
font-style: normal;
font-weight: 700;
font-size: 26px;
line-height: 31px;
background: url("../images/play.png") center center no-repeat #0069CA; 
}
#rstbox_107 a .mediavizitka{
    animation-name: media;
    animation-duration: 0.6s;
    animation-timing-function: ease;
    animation-delay: 600ms;
    animation-iteration-count: 1;
    animation-direction: normal;
    animation-fill-mode: none;
    animation-play-state: running;
}
#rstbox_107 a:hover .mediavizitka{
text-shadow: 0 0 10px white,0 0 20px white,0 0 30px white,0 0 30px white;
}


@keyframes media {
0% {
text-shadow:none;
}
50% {
text-shadow: 0 0 10px white,0 0 20px white,0 0 30px white,0 0 30px white;
}
100% {
text-shadow: none;
}
}













/*=========================== okrug ====================================*/

#sp-pg-okrug a{
font-family: Jost;
display: flex;
justify-content: space-evenly;
align-items: center;
background: #009F92;
font-weight: 500;
font-size: 36px;
line-height: 43px;
color: #FFFFFF;
max-height: 120px;
margin: 50px 0;
}
#sp-pg-okrug a:hover{
    background: #09887E;
    }

.block{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.block a{
width: 48%;
font-family: Jost;
font-style: normal;
font-weight: bold;
font-size: 26px;
line-height: 40px;
color: #0069CA;
padding: 11px 28px;
}

.block a:hover{
background: #0069CA;
color:#fff
}


/*=========================== end okrug ====================================*/




body {
    background: #F4F6F5;    
}
#sp-login-all a{
    font-family: Jost;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    line-height: 23px;
    text-align: center;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    padding: 13px 51px 12px 51px;
}

#sp-section-1 .row, #sp-section-2 .row {
    flex-wrap: nowrap;
}
#sp-top-vslab .row{
    flex-wrap: nowrap;	
    }
h1, h2{
    font-family: Jost;
    font-style: normal;
    font-weight: normal;
    font-size: 36px;
    line-height: 40px;

}

.article, .article-details {
background: white;
padding: 30px 40px;
margin-top: 20px;  
}
.pg_main .article{
background: transparent;
padding: 0;
}


#listform_9_com_fabrik_9{
background: white;
padding: 30px;
}
.fabrik_groupheading{
    background: #D7EDE1 !important;
    border: 1px solid #B4D1C1;
}

#listform_19_com_fabrik_19{
    background: white;
    padding: 30px;
    }

#listform_28_com_fabrik_28{
    background: white;
    padding: 30px;
    }



/*===========================konkursy plashki====================================*/
.konkurs_group{
    display: flex;
    justify-content: space-between;    
}
.konkurs_group a{
    padding: 15px;
    font-family: Jost;
    font-style: normal;
    font-weight: bold;
    font-size: 26px;
    line-height: 31px;
    color: #009F92;
    min-height: 224px;
    margin:12px 0;
}

.konkurs_group a:nth-child(1){
    background: url("../images/Asset21.png") right 25px bottom 13px no-repeat #fff;  
}
.konkurs_group a:nth-child(1):hover{
    background: url("../images/Asset21.png") right 25px bottom 13px no-repeat #009F92;
    box-shadow: 0px 8px 40px #009F92;
    color:white;
}
.konkurs_group a:nth-child(2){
    background: url("../images/Asset64.png") right 25px bottom -40px no-repeat #fff;  
}
.konkurs_group a:nth-child(2):hover{
    background: url("../images/Asset64.png") right 25px bottom -40px no-repeat #009F92;
    box-shadow: 0px 8px 40px #009F92;
    color:white;
}
.konkurs_group a:nth-child(3){
    background: url("../images/Asset66.png") right 25px bottom 13px no-repeat #fff;  
}
.konkurs_group a:nth-child(3):hover{
    background: url("../images/Asset66.png") right 25px bottom 13px no-repeat #009F92;
    box-shadow: 0px 8px 40px #009F92;
    color:white;
}

.group2 a:nth-child(3){
    background: url("../images/Asset67.png") right 25px bottom 13px no-repeat #fff;  
}
.group2 a:nth-child(3):hover{
    background: url("../images/Asset67.png") right 25px bottom 13px no-repeat #009F92;
    box-shadow: 0px 8px 40px #009F92;
    color:white;
}
.group2 a:nth-child(2){
    background: url("../images/Asset38.png") right 25px bottom 13px no-repeat #fff;  
}
.group2 a:nth-child(2):hover{
    background: url("../images/Asset38.png") right 25px bottom 13px no-repeat #009F92;
    box-shadow: 0px 8px 40px #009F92;
    color:white;
}
.group2 a:nth-child(1){
    background: url("../images/Asset25.png") right 25px bottom 13px no-repeat #fff;  
}
.group2 a:nth-child(1):hover{
    background: url("../images/Asset25.png") right 25px bottom 13px no-repeat #009F92;
    box-shadow: 0px 8px 40px #009F92;
    color:white;
}
/*=============================end==================================*/

.partners_group{
display: flex; 
margin: 80px 0;  
}

.partners_group p{
font-weight: normal;
font-size: 16px;
line-height: 22px;
display: flex;
}



.partners_group p img{
margin-right: 10px;
height: max-content;
  width: max-content;
    }

/*================ footer ===================*/
#sp-footer1 a{
color:white;
text-decoration: underline;
}
#sp-footer1 a:hover{
opacity: 0.8;
}
#sp-footer {
background: #0069CA;
color:white;
margin-top: 20px;
}
/*================ end footer ===================*/


#sp-footer {
background: #009F92;
color:white;
margin-top: 20px;
}







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



.offcanvas-inner{
margin-top: 30px;
}

#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;
}
.icon-arrow-right::before {
font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
content: "\f105";
font-style: normal; 
font-weight: 600; 
font-size: 18px;
}
.icon-arrow-down::before {
    font-family: 'Font Awesome 5 Free', 'Font Awesome 5 Brands';
    content: "\f107";
    font-style: normal; 
    font-weight: 600; 
    font-size: 18px;
    }


#sp-zagolovok-all .name1{
font-family: Jost;
font-style: normal;
font-weight: bold;
font-size: 48px;
line-height: 58px;

}
#sp-zagolovok-all .name2{
font-family: Jost;
font-style: normal;
font-size: 48px;
line-height: 58px;

}
#sp-zagolovok-all .name3{
font-family: Jost;
font-style: normal;
font-weight: bold;
font-size: 18px;
line-height: 25px;
text-transform: uppercase;  

}
#sp-zagolovok-all .pg_button{
    font-family: Jost;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
   color: #FFFFFF;  
   background: #009F92;
   padding: 19px 38px;  
   display: block;
text-align: center;
width: max-content;
  min-width: 340px;
}
#sp-zagolovok-all .pg_button:hover{
background:#09887E;
}










/*===================================*/
.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;
}


/*===================================*/












#sp-forum-header .row{
align-items: center;	
}
#sp-menu-ham a{
color:#7A5C40;
}
#sp-forum-knopka a{
color: white;
background: #7A5C40;
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: #604934;
}



#sp-menu-pg ul{
list-style: none;
display: flex;
justify-content: space-between;
padding: 0;

}
.pg_main #sp-menu-pg ul{
margin-left: -30px;
width: calc(100% + 60px);
}


#sp-menu-pg a{
text-transform: lowercase;
font-family: Jost;
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 35px;
color: #009F92;
padding: 6px 30px 10px 30px ;
}
#sp-menu-pg a:hover, #sp-menu-pg .active a{
background: #009F92;
color:#fff;
}





#sp-vslab a{
float:right;	
border: 1px solid;
padding: 7px 56px 5px 56px;
color:#000000;
margin: 14px 0;
font-family: Jost;
font-style: normal;
font-weight: 500;
font-size: 14px;
line-height: 20px;
text-align: center;
letter-spacing: 0.1em;
text-transform: uppercase;



}



#sp-login-all>.sp-column  {
    margin-top: 20px;
    }


                                               @media (min-width:1200px){

    .body-innerwrapper {
        background: url("../images/flag_line1.png") no-repeat;
        }

        


    }




                                                @media (min-width:992px){
#sp-picture-all, #sp-zagolovok-all{
padding: 0;
 }                                                   
 #sp-section-4 .container{
    padding: 0;
}
#sp-logo-all img{
    margin-top: -30px;
}
}


                                               









                                                @media (max-width:992px){

#sp-pg-okrug a {
font-size: 24px;
line-height: 36px;
max-height: 104px;
}
#sp-pg-okrug img {
max-width: 156px;
}




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;	
}
}

                                                @media (min-width:768px){
.konkurs_group a{                                              
width: 32%;  
}
.partners_group div{
width:32%;
}
.partners_group h1{
    min-height: 90px;
}

/*
.partners_group p{
margin: 50px 0;
min-height: 80px;
} */



#sp-login-all{
display: flex;
justify-content: end;
}
#sp-section-3{
    margin:40px 0 15px 0;
    }
#sp-login-all>.sp-column  {
width: 361px;
}
#sp-section-4{
    margin: 50px 0;
}

    
    }
                                             @media (max-width:768px){

#sp-pg-okrug a {
font-size: 18px;
line-height: 26px;
max-height: 80px;
}
#sp-pg-okrug img {
max-width: 110px;
}
.block {
    flex-direction: column;
  }
.block a {
    width: 100%;
    font-size: 20px;
line-height: 28px;
  }

.konkurs_group {                                                
flex-direction: column;
 }
 .partners_group {
flex-direction: column;
}
.partners_group>div{
margin-bottom: 30px;   
}
 .konkurs_group a{                                              
max-width: 360px;  
min-height: 102px;
} 

.konkurs_group a, .konkurs_group a:hover{
    background-size: 50px !important;
}




     
        #sp-zagolovok-all .name1 {
        font-size: 28px;
        line-height:40px;
        }
        #sp-zagolovok-all .name2 {
        
            font-size: 30px;
            line-height: 48px;
        
        }
        #sp-zagolovok-all a {
            font-size: 16px;
            line-height: 24px;
            padding: 3px 8px;
        }
        #sp-zagolovok-all .name3 {
            font-size: 16px;
            line-height: 25px;
        
        }
            
            }



                                                @media (max-width:500px){
h1, h2 {
font-size: 20px;
line-height: 22px;
}
#sp-pg-okrug a {
font-size: 14px;
line-height: 26px;
max-height: 80px;
}
#sp-pg-okrug img {
max-width: 85px;
}


#sp-login-all>.sp-column  {
margin-top: 6px;
}
.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;

	line-height: 20px;
}
.programm_text_button a {
    font-size: 14px;
    padding: 4px 20px 8px 20px;
}
.meetup{
flex-direction:column;	
}
}