.eventcalendar{

}
.eventcalendar a{
    text-decoration: none;
}

/* TITLE */

.eventcalendar .eventcalendar_title{
    border-bottom: 1px solid #2a83bf;
    margin-bottom: 20px;
}
.eventcalendar_title .text{
    display: table-cell;
    vertical-align: middle;
    padding-left: 5px;
}
.eventcalendar_title h1{
    font-family: 'Open Sans Condensed Bold', sans-serif !important;
    color: #2a83bf;
    text-transform: uppercase;
    margin-left: -1px;
    font-size: 25px;
    font-weight: bold;
    vertical-align: middle;
    display: inline-block;
    text-align: left;
}
/*.content_wrapper .title .text .special_color{*/
/*color: #fcbb33;*/
/*}*/
.eventcalendar_title .wrap_palm{
    display: table-cell;
    padding-right: 5px;
    vertical-align: bottom;
}
.eventcalendar_title .palm{
    width: 46px;
    height: 48px;
    background-image: url('../img/list/palm.png');
    vertical-align: middle;
    background-size: cover;
    display: inline-block;
}

.eventcalendar .eventcalendar_content{

}
.eventcalendar_content .wrap_event_type_search{
    /*display: inline-block;*/
    text-align: center;
    width: 938px;
    margin: 0 auto;
}
.wrap_event_type_search .wrap_event_type_item,
.wrap_event_type_search .search_item{
    display: inline-block;
    margin: 3px 2px;
    vertical-align: top;
}
.wrap_event_type_search .wrap_event_type_item [class *='_item']{
    width: 230px;
    height: 40px;
    display: table;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    position: relative;
    text-align: left;
}
.wrap_event_type_search > [class *='_item']{
    float:left;
}
.wrap_event_type_search > [class *='_item']:nth-child(4n+1){
    clear:both;
}
.wrap_event_type_search .event_type_item > div{
    display: table-cell;
    vertical-align: middle;
}
.wrap_event_type_search .event_type_item > div:nth-of-type(1){
    padding-left: 5px;
}
.wrap_event_type_search .event_type_item > div:nth-of-type(1) span{
    display: inline-block;
    background-size: cover;
}
/*****/
.wrap_event_type_search .event_type_item.health,
.calendar_week_month_content .wrap_day_content .day_content .event_item.health-fitness,
.wrap_day_content_bottom .wrap_time .event_item.health-fitness{
    background: #6ec21b;
}
.wrap_event_type_search .event_type_item.health > div:nth-of-type(1) span{
    width: 33px;
    height: 31px;
    background-image: url('../img/list/type/health.png');
}
.wrap_event_type_search .event_type_item.deals,
.calendar_week_month_content .wrap_day_content .day_content .event_item.deals-and-specials,
.wrap_day_content_bottom .wrap_time .event_item.deals-and-specials{
    background: #e2ba1b;
}
.wrap_event_type_search .event_type_item.deals > div:nth-of-type(1) span{
    width: 25px;
    height: 25px;
    background-image: url('../img/list/type/deals.png');
}
.wrap_event_type_search .event_type_item.community,
.calendar_week_month_content .wrap_day_content .day_content .event_item.community,
.wrap_day_content_bottom .wrap_time .event_item.community{
    background: #12a999;
}
.wrap_event_type_search .event_type_item.community > div:nth-of-type(1) span{
    width: 34px;
    height: 29px;
    background-image: url('../img/list/type/community.png');
}
.wrap_event_type_search .event_type_item.surf,
.calendar_week_month_content .wrap_day_content .day_content .event_item.surf-and-sports,
.wrap_day_content_bottom .wrap_time .event_item.surf-and-sports{
    background: #1252a9;
}
.wrap_event_type_search .event_type_item.surf > div:nth-of-type(1) span{
    width: 23px;
    height: 32px;
    background-image: url('../img/list/type/surf.png');
}
.wrap_event_type_search .event_type_item.music,
.calendar_week_month_content .wrap_day_content .day_content .event_item.music-art-shows,
.wrap_day_content_bottom .wrap_time .event_item.music-art-shows{
    background: #e2541b;
}
.wrap_event_type_search .event_type_item.music > div:nth-of-type(1) span{
    width: 35px;
    height: 40px;
    background-image: url('../img/list/type/music.png');
}
.wrap_event_type_search .event_type_item.holiday,
.calendar_week_month_content .wrap_day_content .day_content .event_item.holidays,
.wrap_day_content_bottom .wrap_time .event_item.holidays{
    background: #d7235a;
}
.calendar_week_month_content .wrap_day_content .day_content .event_item.out-of-area,
.wrap_day_content_bottom .wrap_time .event_item.out-of-area{
    background: black;
}
.wrap_event_type_search .event_type_item.holiday > div:nth-of-type(1) span{
    width: 24px;
    height: 28px;
    background-image: url('../img/list/type/holiday.png');
}
.wrap_event_type_search .event_type_item.misc,
.calendar_week_month_content .wrap_day_content .day_content .event_item.misc,
.wrap_day_content_bottom .wrap_time .event_item.misc{
    background: #bd1ba0;
}
.wrap_event_type_search .event_type_item.misc > div:nth-of-type(1) span{
    width: 33px;
    height: 27px;
    background-image: url('../img/list/type/misc.png');
}

/*****/

.wrap_event_type_search .event_type_item > div:nth-of-type(2){
    color: white;
    font-weight: bold;
    font-size: 16px;
    text-transform: uppercase;
    text-align: left;
}

.wrap_event_type_search .event_type_item > div:nth-of-type(3){
    text-align: right;
    padding: 5px 2px 0 0;
    vertical-align: top;
}
.wrap_event_type_search .event_type_item > div:nth-of-type(3) .one_checkbox{
    /*display: block;*/
    height: 19px;
    width: 19px;
}
.wrap_event_type_search .event_type_item > div:nth-of-type(3) .one_checkbox label:after {
    outline: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.wrap_event_type_search .event_type_item::before{
    font-size: 10px;
    color: white;
    display: block;
    position: absolute;
    right: 1px;
    bottom: 0px;
    content: 'Hide/Show';
}
/*.wrap_event_type_search .search_item{*/
    /*display: inline-block;*/
    /*margin: 1px;*/
/*}*/
.wrap_event_type_search .search_item input[type=text]{
    border: 2px solid #2a83bf!important;
    vertical-align: middle;
    margin-right: -3px;
    height: 40px;
    width: 190px;
    box-sizing: border-box;
    padding-left: 10px !important;
    border-radius: 0;
    background: none !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
}
.wrap_event_type_search .search_item button{
    background-image: url('../img/list/search_icon.png');
    background-size: cover;
    width: 40px;
    height: 40px;
    vertical-align: middle;
    cursor: pointer;
    border: 0!important;
    border-radius: 0 !important;
    position: relative;
}

.wrap_tabs_buttons{
    display: table;
    width: 938px;
    border-bottom: 1px solid #2a83bf;
    margin: 30px auto 0 auto;
}
.wrap_tabs_buttons .wrap_tabs{
    display: table-cell;
    vertical-align: bottom;
}
.wrap_tabs_buttons .wrap_tabs .tab{
    border: 1px solid #2a83bf;

    /*-webkit-border-top-left-radius: 10px;*/
    /*-moz-border-radius-topleft: 10px;*/
    border-top-left-radius: 4px;
    /*-webkit-border-top-right-radius: 10px;*/
    /*-moz-border-radius-topright: 10px;*/
    border-top-right-radius: 4px;
    padding: 12px 0;
    color: #2a83bf;
    background: white;
    font-size: 15px;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    cursor: pointer;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    width: 102px;
    height: 45px;
    text-align: center;
}
.wrap_tabs_buttons .wrap_tabs .tab.selected{
    color: white;
    background: #2a83bf;
}
.wrap_tabs_buttons .wrap_buttons{
    display: table-cell;
    text-align: right;
    vertical-align: bottom;
}
.wrap_tabs_buttons .wrap_buttons .button{
    display: inline-block;
    position: relative;
    width: 140px;
    height: 44px;
}
.wrap_tabs_buttons .wrap_buttons .button [class *='icon_']{
    display: inline-block;
    width: 44px;
    height: 44px;
    vertical-align: middle;
    position: absolute;
    left: 0;
    z-index: 1;
    background-size: cover;
}
.wrap_tabs_buttons .wrap_buttons .button .icon_add_event{
    background-image: url('../img/list/icon_add_event.png');
}
.wrap_tabs_buttons .wrap_buttons .button .icon_contact{
    background-image: url('../img/list/icon_contact.png');
}
.wrap_tabs_buttons .wrap_buttons .button .text{
    background: #fedb52;
    height: 36px;
    text-transform: uppercase;
    font-size: 14px;
    /*font-weight: bold;*/
    vertical-align: middle;
    padding: 8px 18px 8px 25px;
    text-align: center;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;

    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    margin: auto;
}
.wrap_calendar_content{
    position: relative;
}
.wrap_calendar_content.update{
    /*background: rgba(255,255,255,0.5);*/
}
.wrap_calendar_content .shadow {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.5);
    display: none;
}
/*.wrap_calendar_content .shadow{*/
    /*display: block;*/
/*}*/
.wrap_calendar_content .shadow .loader{
    background: url('../img/list/loader.gif');
    width: 66px;
    height: 66px;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.wrap_calendar_content .calendar_content{

}
.calendar_content .calendar_week_month{

}
.calendar_week_month_navigation,
.calendar_days_navigation{
    margin: 30px 0;
    text-align: center;
}
.calendar_week_month_navigation > div,
.calendar_days_navigation > div{
    display: inline-block;
    vertical-align: middle;
}
.calendar_week_month_navigation .arrow,
.calendar_days_navigation .arrow{
    background-image: url('../img/list/navigation_arrow.png');
    width: 17px;
    height: 26px;
    cursor: pointer;
    background-size: cover;
}
.calendar_week_month_navigation .arrow.next,
.calendar_days_navigation .arrow.next{
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
.calendar_week_month_navigation .information,
.calendar_days_navigation .information{
    font-family: 'Open Sans Condensed Bold', sans-serif !important;
    margin: 0 40px;
    /*width: 200px;*/
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
    color: #454545;
}
.calendar_week_month_content{ /*неделя*/
    text-align: center;
    margin-top: 5px;
}
.calendar_week_month_content .wrap_day_content{
    vertical-align: top;
    display: inline-block;
    /*margin: 0 5px;*/
    width: 131px;

    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
/*.calendar_week_month_content .wrap_day_content.today{}*/
.calendar_week_month_content .wrap_day_content .day_info{
    background: #2a83bf;
    text-align: center;
    padding: 2px 0;
    margin-top: 10px;
    cursor: pointer;
}
.calendar_week_month_content .wrap_day_content.today .day_info{
    background: #ffa73d;
    padding: 7px 0;
    cursor: pointer;
    margin-top: 0;
}
.calendar_week_month_content .wrap_day_content .day_info div{
    font-size: 18px;
    color: white;
}
.calendar_week_month_content .wrap_day_content.today .day_info div{
    color: black;
}
.calendar_week_month_content .wrap_day_content .day_content{
    margin-top: 2px;
    border: 2px solid #2a83bf;
    overflow: hidden;
}
.calendar_week_month_content .wrap_day_content .day_content .event_item{
    border-bottom: 2px solid #2a83bf;
    background: white;
    display: block;
    padding: 5px 0;
}
.calendar_week_month_content .wrap_day_content .day_content .event_item div{
    color: white;
    font-size: 16px;
}
.calendar_week_month_content .wrap_day_content .day_content .event_item:last-child{
    /*border-bottom: 0;*/
}


.calendar_content .calendar_days{

}

.calendar_days_content{ /*день в списке*/
    display: table;
    width: 100%;
}
.calendar_days_content .wrap_day_content_top{
    display: table-row;
}
.wrap_day_content_top > div{
    display: table-cell;
    vertical-align: bottom;
}
.wrap_day_content_top > div:first-child{
    width: 131px;
    text-align: center;
    border-bottom: 2px solid white;
    border-right: 1px solid white;
}
.wrap_day_content_top > div:first-child div{
    background: #2a83bf;
    padding: 14px 0;
}
.wrap_day_content_top > div:first-child span{
    display: inline-block;
    font-size: 18px;
    color: white;
    vertical-align: middle;
}
.wrap_day_content_top > div:first-child .icon_time{
    background-image: url('../img/list/icon_time.png');
    width: 16px;
    height: 17px;
    margin-right: 5px;
    background-size: cover;
}
.wrap_day_content_top > div:last-child{
    /*width: 60%;*/
    border-bottom: 2px solid white;
    border-left: 1px solid white;
}
.wrap_day_content_top > div:last-child > div{
    font-size: 20px;
    font-weight: bold;
    color: black;
    background: #ffa73d;
    padding: 14px 0 14px 20px;
}
.calendar_days_content .wrap_day_content_bottom{
    display: table-row-group;
}
.wrap_day_content_bottom .wrap_time{
    display: table-row;
}
.wrap_day_content_bottom .wrap_time .time{
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #2a83bf;

    border-left-width: 2px;
    color: #000000;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0;
}
.wrap_day_content_bottom .wrap_time .event_item{
    display: table-cell;
    vertical-align: middle;
    border: 1px solid #2a83bf;
    border-right-width: 2px;
    /*border-bottom-width: 1px;*/
    font-size: 16px;
    color: white;
    padding-left: 10px;
}
.wrap_day_content_bottom .wrap_time:first-child .time,
.wrap_day_content_bottom .wrap_time:first-child .event_item{
    border-top-width: 2px;
}
.wrap_day_content_bottom .wrap_time:last-child .time,
.wrap_day_content_bottom .wrap_time:last-child .event_item{
    border-bottom-width: 2px;
}
.wrap_day_content_bottom .wrap_no_events{
    /*border: 2px solid #2a83bf;*/
    font-size: 16px;
    color: black;
    padding: 10px;
    display: table-cell;
}
/*.wrap_day_content_bottom .wrap_no_events:first-child{*/
    /*border-right-width: 1px;*/
/*}*/
/*.wrap_day_content_bottom .wrap_no_events:last-child{*/
    /*border-left-width: 1px;*/
/*}*/
/*.calendar_days_content .wrap_time{}*/
/*.calendar_days_content .wrap_time{}*/
/*.calendar_days_content .wrap_time{}*/

/********************************************/


@media screen and (max-width: 985px) {
    /*Панель с типами событий*/
    .eventcalendar_content .wrap_event_type_search{
        width: 698px;
    }
    .wrap_event_type_search .wrap_event_type_item [class *='_item']{
        width: 170px;
        height: 30px;
    }
    .wrap_event_type_search .event_type_item.health > div:nth-of-type(1) span{
        width: 25px;
        height: 24px;
    }
    .wrap_event_type_search .event_type_item.deals > div:nth-of-type(1) span{
        width: 19px;
        height: 19px;
    }
    .wrap_event_type_search .event_type_item.community > div:nth-of-type(1) span{
        width: 26px;
        height: 22px;
    }
    .wrap_event_type_search .event_type_item.surf > div:nth-of-type(1) span{
        width: 17px;
        height: 24px;
    }
    .wrap_event_type_search .event_type_item.music > div:nth-of-type(1) span{
        width: 27px;
        height: 30px;
    }
    .wrap_event_type_search .event_type_item.holiday > div:nth-of-type(1) span{
        width: 18px;
        height: 21px;
    }
    .wrap_event_type_search .event_type_item.misc > div:nth-of-type(1) span{
        width: 25px;
        height: 21px;
    }
    .wrap_event_type_search .event_type_item > div:nth-of-type(2){
        font-size: 12px;
    }
    .wrap_event_type_search .event_type_item::before{
        font-size: 8px;
    }
    .wrap_event_type_search .event_type_item > div:nth-of-type(3){
        padding: 2px 2px 0 0;
    }
    .one_checkbox{
        width: 15px;
        height: 15px;
    }
    .one_checkbox label:after{
        width: 10px;
        height: 10px;
    }
    .one_checkbox input[type=checkbox]:checked + label:after{
        font-size: 11px;
        line-height: 12px;
    }
    .wrap_event_type_search .search_item input[type=text]{
        width: 140px;
        height: 30px;
        font-size: 13px;
    }
    .wrap_event_type_search .search_item button{
        width: 30px;
        height: 30px;
    }

    /*Кнопки и табы*/
    .wrap_tabs_buttons{
        width: 697px;
    }
    .wrap_tabs_buttons .wrap_tabs .tab{
        padding: 8px 0;
        font-size: 13px;
        width: 78px;
        height: 34px;
    }
    .wrap_tabs_buttons .wrap_buttons .button{
        width: 105px;
        height: 33px;
    }
    .wrap_tabs_buttons .wrap_buttons .button [class *='icon_']{
        width: 33px;
        height: 33px;
    }
    .wrap_tabs_buttons .wrap_buttons .button .text{
        height: 25px;
        font-size: 11px;
        padding: 4px 12px 4px 15px;
    }

    /*Наивгация*/
    .calendar_week_month_navigation .arrow,
    .calendar_days_navigation .arrow{
        width: 13px;
        height: 20px;
    }
    .calendar_week_month_navigation .information,
    .calendar_days_navigation .information{
        margin: 0 25px;
        font-size: 25px;
    }

    /*Контент календаря дней*/
    .calendar_week_month_content .wrap_day_content{
        width: 100px;
    }
    .calendar_week_month_content .wrap_day_content .day_info div{
        font-size: 15px;
    }
    .calendar_week_month_content .wrap_day_content .day_content .event_item div{
        font-size: 13px;
    }

    /*Контент списка дней*/
    .wrap_day_content_top > div:first-child .icon_time{
        width: 13px;
        height: 14px;
    }
    .wrap_day_content_top > div:first-child span{
        font-size: 15px;
    }
    .wrap_day_content_top > div:last-child > div{
        font-size: 17px;
    }
    .wrap_day_content_bottom .wrap_time .time,
    .wrap_day_content_bottom .wrap_time .event_item{
        font-size: 13px;
    }

}

@media screen and (max-width: 800px) {
    .eventcalendar_title h1{
        font-size: 20px;
    }

    .eventcalendar_content .wrap_event_type_search{
        width: 522px;
    }
    .wrap_event_type_search > [class *='_item']:nth-child(4n+1){
        clear: none;
    }
    .wrap_event_type_search > [class *='_item']:nth-child(3n+1){
        clear:both;
    }

    .wrap_tabs_buttons{
        width: 100%;
        margin: 30px auto 0 auto;
    }
}

@media screen and (max-width: 570px) {
    .eventcalendar_content .wrap_event_type_search{
        width: 350px;
    }
    .wrap_event_type_search > [class *='_item']:nth-child(3n+1){
        clear: none;
    }
    .wrap_event_type_search > [class *='_item']:nth-child(2n+1){
        clear:both;
    }
    .wrap_tabs_buttons .wrap_tabs{
        width: 100%;
    }
    .wrap_tabs_buttons .wrap_buttons .button{
        margin: 2px 0;
    }

}

@media screen and (max-width: 500px) {
    .eventcalendar_title h1{
        font-size: 18px;
    }
}

@media screen and (max-width: 420px) {
    .wrap_tabs_buttons .wrap_tabs .tab {
        padding: 9px 0;
        font-size: 12px;
        width: 70px;
        height: 34px;
    }
    .wrap_tabs_buttons .wrap_buttons .button [class *='icon_']{
        display: none;
    }
    .wrap_tabs_buttons .wrap_buttons .button{
        width: 65px;
        height: auto;
    }
    .wrap_tabs_buttons .wrap_buttons .button .text{
        height: auto;
        padding: 4px 0;
        position: relative;
    }
    .calendar_week_month_navigation .information,
    .calendar_days_navigation .information{
        font-size: 20px;
        margin: 0 10px;
    }

    .eventcalendar_content .wrap_event_type_search{
        width: auto;
    }
    .wrap_event_type_search > [class *='_item']{
        float: none;
    }
    .wrap_event_type_search > [class *='_item']:nth-child(2n+1){
        clear: none;
    }
    /*.wrap_event_type_search > [class *='_item']:nth-child(2n+1){*/
        /*clear:both;*/
    /*}*/
}