*,
*::before,
*::after {
  box-sizing: border-box;
}

body{
    font-family: 'MuseoSansCyrl';
    font-weight: 300;
    font-size: 12px; 
    background-image: url(/themes/coikonkursru/images/fon_down.png);
    background-repeat: repeat;
    margin: 0;
    padding: 0;
}

a{
    color: #337ab7;
    text-decoration: none;
}

.container{
    margin: 0 auto;
    max-width: 1170px; 
}

.btn-subscribe{
    display: inline-block;
    background-image: url(/themes/coikonkursru/images/polosa_menu.png);
    background-repeat: repeat-x;
    padding: 10px 20px;
    font-weight: bold;
    text-transform: uppercase;
    border-radius: 5px;
}


.collapse {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
}

.collapse.show {
    display: block;
    opacity: 1;
}

form *{
    font-weight: 100;
    color: #858585;
}

form .form-item label{
    font-weight: bold;
}

form .form-item{
    border-radius: 0;
}

form select{
    padding: 6px 12px;
    font-weight: bold;
}

form input[type="password"],
form input[type="text"]{
    padding: 6px 12px;
    font-weight: bold;
}

form input[type="submit"]{
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.views-exposed-form{
    display: flex;
    gap: 10px;
    padding: 10px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.views-exposed-form select{
    display: block;
}

.views-exposed-form input{
    display: block;
}

.pager{
    text-align: center;
}

.pager__items{
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    list-style: none;
}

.pager__item{
    display: inline;
    
}

.pager__item a{
    padding: 6px 12px;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    margin: 0;
}

.pager__item.is-active a{
    color: #fff;
    background-color: #337ab7;
    border-color: #337ab7;
}

/*Top Header*/

#top-header-content{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

#TopHeader1{
    height: 2px;
    background-color: #fef341;
}

#TopHeader2{
    background-color: #2a457e;
    color: #fef341;
    font-size: 18px;
    padding: 12px 0;
    font-style: italic;
    font-weight: 300;
}

#welcome{
    flex: 7;
}

#linklk{
    font-size: 14px;
    font-style: normal;
    display: flex;
    align-items: center;
    gap: 10px;
    flex: 5;   
}

#TopHeader2 a,
#TopHeader2 a:link,
#TopHeader2 a:visited,
#TopHeader2 a:active,
#TopHeader2 a:hover{
    color: #d7e7f1;
}

#TopHeader3{
    height: 2px;
    background-color: #2b4fa5;
}

/* End Top Header */


/* Header */
#header-wrapper{
    padding: 15px;
    background-image: url(/themes/coikonkursru/images/plashka.png);
    background-position: center; 
}

#header-content{
    display: flex;
    gap: 30px;
    flex-wrap: wrap;
}

#header-content>div{
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

#header-content>div:first-child{
    flex: 7;
}

#header-content>div:last-child{
    flex: 5;
}

#sitename h1{
    font-family: 'PragmaticaSlab';
    font-weight: bolder;
    font-size: 20px;
    margin: 0;
    color: #fff;
}

#topinfo{
    font-size: 14px;
    color: #fef341;
    display: grid;
    grid-template-columns: 55px auto;
    gap: 10px;
}

#topinfo a{
    color: #fef341;
}

#topinfo p {
    margin: 0;
    padding: 0
}

#LineMenu{
    background-color: #90a388;
    height: 2px;
}

/* End Header */

/* Bottom Header */
#bottomheader-wrapper{  
    background-image: url(/themes/coikonkursru/images/polosa_menu.png); 
    background-repeat:  repeat-x;
}

#block-coikonkursru-glavnoemenyu-2>ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

#block-coikonkursru-glavnoemenyu-2>ul li{
    background-color: #ffb400;
    border-top-left-radius: 29px;
    border-bottom-left-radius: 29px;
    margin-left: -29px;
}

#block-coikonkursru-glavnoemenyu-2>ul a{
    display: block;
    font-family: 'MuseoSansCyrl';
    font-weight: 500;
    color: #003a89;
    font-size: 18px;
    padding: 19px;
    background-image: url(/themes/coikonkursru/images/polosa_menu.png); 
    background-repeat:  repeat-x;
    margin-left: 5px;
    border-top-left-radius: 29px;
    border-bottom-left-radius: 29px;
    padding-right: 35px;
    text-align: center;
    width: 245px;
}

#block-coikonkursru-glavnoemenyu-2>ul li:first-child{
    margin-left: 0;
}

#block-coikonkursru-glavnoemenyu-2>ul li:last-child a{
    padding-right: 15px;
}

#block-coikonkursru-glavnoemenyu-2>ul li:has(a.is-active){
    background-color: #3c9c11;
}

#block-coikonkursru-glavnoemenyu-2>ul a:hover, 
#block-coikonkursru-glavnoemenyu-2>ul a:active{
    color: #8a969f;
    background-color: transparent;
}

#block-coikonkursru-glavnoemenyu-2>ul li a.is-active{
    color: #ffffff;
    background-color: #7ed451;
    background-image: none;
}

/* End Bottom Header */



/*Slider*/

#slider-wrapper>div{
    background-color: #f1f4f7;
}

.views_slideshow_cycle_slide{
    width: 100% !important;
} 

.views_slideshow_cycle_slide img{
    width: 100% !important;
    height: auto !important;
}

.views-slideshow-pager-bullets{
    text-align: center;
    list-style: none;
    padding: 5px 0;
    margin: 0;
}

.views-slideshow-controls-bottom .views-slideshow-pager-bullets li,
.views-slideshow-pager-bullets li{
    background-image: url(/themes/coikonkursru/images/slider1.png);
    background-repeat: no-repeat;   
    height: 14px !important;
    width: 14px !important;
    font-size: 1px;
    color: #fee83c;
    display: inline-block;
    background-color: transparent;
}

.views-slideshow-controls-bottom .views-slideshow-pager-bullets li.active,
.views-slideshow-pager-bullets li.active{
    background-image: url(/themes/coikonkursru/images/slider2.png);
    background-color: transparent;
}

/*End Slider*/

#block-coikonkursru-primary-local-tasks>ul{
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    background-color: #d7e7f1;
    margin: 0;
    padding: 0;
}

#block-coikonkursru-primary-local-tasks>ul li a{
    padding: 15px;
    display: block;
}


#content-wrapper>div{
    font-size: 14px;
    background-color: #f1f4f7;
    
}


#block-coikonkursru-page-title{
    padding-left: 75px;
    padding-top: 30px;
    color: #2a457e;
    font-family: 'MuseoSansCyrl';    
}

#block-coikonkursru-page-title h1{
    font-weight: 100;
    font-size: 30px;
}

#block-coikonkursru-yookassapaymentblock,
#block-coikonkursru-system-main{
    padding-left: 100px;
    padding-right: 10px
}    

.main-konkurses .views-field-field-icon{
    height: 170px;
}

.main-konkurses .views-field-field-fullname{
    height: 55px;
}


.main-konkurses{
    font-size: 24px !important;
    text-align: center;
    text-transform: uppercase;
    color: #424345 !important;
    font-weight: 100 !important;
}

.main-konkurses h3{
    font-weight: 100;
}

.main-konkurs-icon-block{
    background-image: url(/themes/coikonkursru/images/Rectangle.png); 
    background-repeat:  no-repeat;
    display: inline-block;
    width: 288px;
    height: 292px;
    text-align: center;
    text-transform: uppercase;
    color: #2a457e;
    font-size: 18px;
    font-weight: 500;
    padding:  20px 10px;
    /*float: left;*/
    margin: 20px;
    vertical-align: top;
}

/* Tooltip */
.tooltip > .tooltip-inner {
    background-color: #fdfefe; 
    color: #575756; 
    border: 1px solid #fcf359;
    padding: 5px;
    font-size: 14px;
}

/* Tooltip on top */
.tooltip.top > .tooltip-arrow {
    border-top: 2px solid #fcf359;
}

/* Tooltip on bottom */
.tooltip.bottom > .tooltip-arrow {
    border-bottom: 2px solid #fcf359;
}

/* Tooltip on left */
.tooltip.left > .tooltip-arrow {
    border-left: 2px solid #fcf359;
}

/* Tooltip on right */
.tooltip.right > .tooltip-arrow {
    border-right: 2px solid #fcf359;
}

.btnkonkursinfo{
    position:relative;
    background-image: url(/themes/coikonkursru/images/ybtn.png); 
    background-repeat:  repeat-x;
    height:29px;
    width:84px;
    cursor: pointer;
    color: black;
    font-size: 14px;
    font-weight: 700;
    text-transform: none;
    padding: 5px 0;
    margin-left: 2px;
    margin-right: 2px;
    display: inline-block;
}
.mytooltip{
    display:none;
    padding:10px;
    border: 2px solid #fcf359;
    background-color: #fdfefe; 
    color: #575756;     
    width:300px;
    text-align: left;
}
.btnkonkursinfo:hover .mytooltip{
    display:block;
    position:absolute;
    top:30px;
    left: -30px;
    z-index:9999;
}

.btnkonkursinfo img{
    margin: 0 5px;
}


#flexcontainer{
    display: flex;
    gap: 10px;
}


/*Top footer*/

#topfooter-wrapper{
    background-color: #fee83c;
}

#block-coikonkursru-glavnoemenyu{
    margin: 0 auto;
    max-width: 1170px;
}

#block-coikonkursru-glavnoemenyu>ul{
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
}

#block-coikonkursru-glavnoemenyu>ul a{
    display: flex;
    color: #2b4b85;
    background-color: transparent;
    font-size: 12px;
    font-weight: 500;
    padding: 15px;
    height: 100%;
}

#block-coikonkursru-glavnoemenyu>ul a:hover,
#block-coikonkursru-glavnoemenyu>ul a:active{
    color: #617bb8;
}

#block-coikonkursru-glavnoemenyu>ul li>a.is-active{
    background-color: #7ec647;
    color: #ffffff;
}

/*End top footer*/

/*footer*/

#footer-wrapper{
    background-color: #2a447d;
    color: white;
    padding: 20px;
}

#footer-wrapper a{
    color: white;
}

#footer-wrapper a:hover{
    text-decoration: underline;
}

#footer-header{
    font-size: 14px;
    font-family: "PragmaticaSlab";
    font-weight: bold;
    padding-bottom: 20px;
}

#footer-content{
    display: flex;
    flex-wrap: wrap;
}
#footer-content>div{
    flex-basis: 50%;
}

.footer-line{
    display: grid;
    grid-template-columns: 55px auto;
    gap: 15px;
    align-items: center;
}

.textviber{
    color: #d49dff;
    font-style: italic;
    font-weight: 500;
    padding: 0 20px;
}

/*end footer*/


/*Календарь событий*/

.view-calendar-view .views-field-field-calendar-icon{
    height: 160px;
}

.view-calendar-view .views-field-field-calendar-icon img{
    margin: 0 auto;
} 

.calendar-title, .datereg{
    font-size: 12px;
    text-transform: none;
    text-align: left;
}

.datereg{
    color: gray;
}

.monthc{
    color: red;
    font-weight: normal;
    text-transform: none;
    
}

.monthc:first-letter{
    text-transform: uppercase;
}

.dayc{
    color: black;
    font-size: 18px;
    font-weight: bold;
    padding-left: 7px;
}

.infocalendar{
    padding: 7px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.kon3, .kon7 {
    display: none;
}

.calendar-title{
    font-weight: bold;
}

#edit-submit-materialy-konkursa-pedagogicheskogo-masterstva,
#edit-submit-kalendar-sobytiy{
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

/* Конец Календарь событий*/

/*Sidebar right*/

#flexcontainer>div:last-child{
    min-width: 300px;
    padding: 5px;
}

.sidebarinfo{
    text-align: center;
    color: #2a457e;
    font-weight: 500;
    font-size: 18px;
    text-transform: uppercase;
}

.konkursname{
    padding: 0 35px;
}


.sidebarinfo .sidebarbtn{
    display: block;
    background-image: url(/themes/coikonkursru/images/polosa_menu.png); 
    background-repeat:  repeat-x;
    font-size: 14px;
    cursor: pointer;
    font-weight: 700;
    text-transform: none;
    margin: 10px 45px;
    padding: 5px ;
}

.sidebarpolosa{
    height: 2px;
    background-color: #b1b1b1;
/*    margin: 0 15px;*/
}

/* End Sidebar right*/

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

.view-konkurs-pedmastervo .views-field-field-icon-path img{
    width: 100px;
    height: auto;
    margin: 0 15px;
}
.view-konkurs-pedmastervo .views-row{
    display: inline-block;
    width: 130px;
    text-align: center;
    vertical-align: top;
    margin: 10px;
}

.view-konkurs-pedmastervo .views-field-title {
    font-size: 14px;
    text-align: center;
}

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


.konkursinfoblock{
    background-color: #fff;
    position: relative;
    margin-bottom: 20px;
    margin-top: 20px;
    box-sizing: content-box;
}

.konkursinfoblockheader{
    font-size: 24px;
    font-weight: 300;
    color: #424345;
    min-height: 65px;
    cursor: pointer;
    padding: 10px 100px;
/*    box-sizing: content-box;*/
}

.konkursinfoblockheader img:first-child{
    position: absolute;
    top: 10px;
    left: 10px;
}

.konkursinfoblockheader img:last-child{
    position: absolute;
    top: 30px;
    right: 30px;
}

.konkursinfoblockbody{
    font-size: 14px;
    padding-bottom: 10px;
    padding-left: 100px; 
}



/*Конкурсы боковая панель*/
.konkursinfoblock{
    background-color: #fff;
    position: relative;
    margin-bottom: 10px;
    margin-top: 10px;
}

.konkursinfoblockheader{
    font-size: 24px;
    font-weight: 300;
    color: #424345;
    height: 65px;
    cursor: pointer;
    padding: 10px 100px;
}

.konkursinfoblockheader img:first-child{
    position: absolute;
    top: 10px;
    left: 10px;
}

.konkursinfoblockheader img:last-child{
    position: absolute;
    top: 30px;
    right: 30px;
}

.konkursinfoblockbody{
    font-size: 14px;
    padding-left: 100px; 
}

#block-coikonkursru-views-block-sroki-provedeniya-tvorcheskih-block-1,
#block-coikonkursru-views-block-sroki-provedeniya-block-1{
    background-color: #eaeaea;
    border-radius: 15px;
    padding: 20px;
    margin: 10px;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
}

.srokikonblock{
    padding: 10px;
    width: 240px;
}

.srokikonblocknameetap{
    font-size: 14px;
}

.srokikonblock:nth-child(2){
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.srokikonblock:nth-last-child(2){
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

#block-views-n-block .srokikonblock:nth-last-child(1){
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.srokikonblock:nth-child(even){
    background-color: #2b5acf;
    color: white;
}

.srokikonblock:nth-child(odd){
    background-color: #fed935;
    color: black;
}

.srokikonblockgrafik img{
    display: none;
}
.srokikonblockgrafik a{
    background-image: url(/themes/coikonkursru/images/btngraf.png);
    background-repeat: no-repeat; 
    height: 67px !important;
    width: 200px !important;
    font-size: 1px;
    display: inline-block;
}
/*конец конкурсы боковая панель*/

#user-login-form input{
    display: block;
    margin-bottom: 10px;
}