.calendar-column{
    width:30.6%;
}

.primary-btn, .secondary-btn{
    outline: none;
    float: right;
    font-size: 14px;
    color: #336699 !important;
    font-family: 'robotocondensed';
    border-radius: 2px;
    margin: 0px 8px 0px 0px;
    padding: 0 12px 0 6px !important;
    height: 32px;
    line-height: 34px;
    position: relative;
    cursor: pointer;
}
.secondary-btn.customize-btn{
    background:none;
}

.secondary-btn.customize-btn:hover{
    background: none;
}

.heading-bar{
    width: 97%;

    padding: 10px 0 0 2px;
    position: relative;
    overflow: hidden;
    clear: both;
    margin-left: 11px;
}


.heading-bar h4, .heading-bar h5{
    font-size: 22px;
    width: 94%;
    height: 42px;
    line-height: 42px;
    color: #fff;
    padding: 0 0 0 45px;
    position: relative;
    background:url(../images/title-sprite.png) no-repeat -291px -186px #92c1dc;
}

/*.heading-bar .title-icon, .calendar-icon{*/
    /*left: 0px;*/
    /*background: url(../images/title-sprite.png) no-repeat -40px 0px #2d81ba;*/
/*}*/

.heading-bar .title-icon{
left: 0px;
height: 42px;
background: url(../images/title-sprite.png) no-repeat -290px -46px #4097c8;
}

.space{
    margin-top:10px;
    padding-top:0px
}
.row8{
    float: left;
    width: 65%;
}
.row8 .calendar-column{
    width:48%;
}
.ical.upcoming-holidays{
    margin-top:20px;
    width:31%;
    margin-right: 16px;
}
.ical.upcoming-holidays{
    width: 225px;
    float: right;
    overflow: hidden;
    margin-right: 17px;
}
.ical .holidays{
    width: 100%;
}

.ical .holidays .holiday-content{
    border: 1px solid #d7d7d7;
    overflow: hidden;
}

.ical .holidays .holiday-title{
    background: #e7a63c;
    height: 40px;
    width: 100%;
    float: left;
    color: #fff;
    line-height: 40px;
    font-weight: bold;
}
.ical .holidays .holiday-content ul{
    width: 100%;
    float: left;
}
.ical.upcoming-holidays ul li{
    /*border-bottom: 1px solid #ccc;*/
    /*color: #333333;*/
    /*font-weight: bold;*/
    padding: 8px 0 7px 4px;
    /*width: 98.6%;*/
}

.ical.upcoming-holidays ul li img{
    float: none;
    padding: 0px 10px 0 5px;
}
.ical  .holidays .holiday-content a{
    font-size: 13px;
    color: #333;
}
.ical.upcoming-holidays ul li p{
    color: #666;
    font-size: 12px;
}

.tiles_area{
    position:relative;
    overflow:hidden;

}
@media(min-width:600px) and (max-width:767px) {
    .tiles_area{
        left:10%
    }

}
@media(min-width:480px) and (max-width:599px) {
    .tiles_area{
        left:20%
    }

}
@media(min-width:320px) and (max-width:479px) {
    .tiles_area{
        /* left:10% */
    }

}
.tiles_area .tiles.flag{
    height: 215px;
}
.tiles_area .tiles {
    width: 47%;

    padding: 0px;
    float:left;

    font-size: .8em;
    border: 1px solid #E8E8E8;

    margin-left: 12px;
    background-color: #FFFFFF;
}
.tiles_area .photo {
    width: 100%;
    /* height: 150px; */
    border-bottom: 1px solid #E8E8E8;
}
line{
    height: 1px;
    width: 100%;
    background-color: #E8E8E8;
    color: 	#E8E8E8;
    display: block;
    float: left;
    margin: 0px;

    padding: 0px;
    left: 0px;
}

.tiles_area .desc {
    width: 100%;
    height: 125px;
    font-weight:300;

}
.tiles a{
    text-decoration: none;
}
.tiles h2{
    font-size: 1.5em;
    font-weight: normal;
    color: #616166;
    margin-top: 2px;
    text-align: left;
    margin-bottom: 0px;
    padding: 10px 0px 10px 10px;
}
.tiles h3{
    font-size: 1.2em;
    margin: 0px;
    text-align: left;
    padding: 0px 0px 1px 9px;
    color: #8E8B8B;
    line-height: 26px;
    font-family: 'robotoregular';
}
/*.tiles_area .row{
	width:100%;
	height:30%;
}*/
.tiles .desc p {
    padding: 5px;
    font-size: 12px;
}
.ical .holidays .holiday-title h2{
    padding-left:5px;
}
.ical .holidays .holiday-content a{
    position: absolute;
    margin-top: 5px;
}

.main-row{
    cursor:pointer;
}

.banner{
    width:737px;
    margin-left:-15px;
    height:280px;
    position: relative;

}
.banner::before{
    position: absolute;
    content:' ';
    left:0;
    top:0;
    width:100%;
    height: 100%;
    background: rgba(0,0,0,.7);
}
.banner img{

    height:280px;
    width:735px;

}
.banner .details{
    position: absolute;
    top: 15%;
    left: 5%;
    width:80%;
    height: 150px;
    line-height: 25px;
}
.banner span{
    font-size:16px;
    color: #fff;
    margin-left:5px;
}
.banner h2{
    /*position: absolute;*/
    font-size: 24px !important;
    color:#fff !important;
    padding:0 !important;
    margin:0 !important;

}
.details i{
    width:16px;
    height:16px;
    width: 16px;
    height: 16px;
    display: block;
    float: left;
    margin-top: 3px;
}
.details .edate i{

    background: url(../images/hourglass.png) no-repeat;

}
.details .ecat i{

    background: url(../images/tags.png) no-repeat;


}
.details .loc i{

    background: url(../images/location.png) no-repeat;


}
/*.details .event{*/

    /*width:100%;*/
    /*height: 25px;*/
    /*margin-left: 2px;*/
    /*margin-bottom: 5px;*/
/*}*/
.details .eloc i{

    background: url(../images/pin.png) no-repeat;



}

@media(min-width:180px) and (max-width:479px) {
    .holidayText{
        display:none;
        background-color:red;
    }
}


.hlist_tab tr:hover,.hlist_tab>thead>tr>th{
    background-color:#ededed
}
.hlist_tab>tbody>tr>td>a,.hlist_tab>thead>tr>th{
    font-weight:700;color:#000
}
.hlist_tab>tbody>tr>td>a:hover{
    font-weight:700;color:#000;text-decoration: underline;

}
.hlist_tab{
    width:100%;margin:0 auto;border:1px solid #ddd;overflow:hidden;margin-top:10px;float:left;
}
.hlist_tab tr{
    border-bottom:1px solid #ddd
}
.hlist_tab>tbody>tr>td{
    padding:12px
}
.hlist_tab>thead>tr>th{
    border-bottom:2px solid #ddd;padding:12px;text-align:left
}
.dt_nowrap{
    white-space:nowrap
}
.r1{background-color: #f9f9f9;
}
.mobile_text{
    display: none;
}
.pc{display: block;
}
@media (max-width: 479px) and (min-width: 180px){.mobile_text{display: block;}.pc{display: none;}}


.ical .row1{
    margin-top:0;
    padding-top:15px;
}
@media (min-width: 180px) and (max-width: 479px)
{   
    .calendar-list{margin-top:30px;}
    .calendar-column{width:100%;}.row8{width: 100%;}
    .ical.upcoming-holidays{width: 88%;}
    .tiles_area .tiles{width:100%;margin-top:20px}
    .photo img{
        width:100%;
        height:auto;
    }
}