.codepen-container{
width:100%;
}
.icetab {
    border: 2px solid #056839;
    display: inline-block;
    /* border-bottom: 0px; */
    margin: 0px;
    color: #000;
    cursor: pointer;
    /* border-right: 0px; */
}

    .icetab:last-child {
        border-right: 2px solid #056839;
    }

#icetab-content {
    overflow: hidden;
    position: relative;
    border-top: 0px solid #056839;
}


.tabcontent {
    /*position: absolute;*/
    left: 0px;
    top: 0px;
/*    background: #fff;*/
    width: 100%;
    border-top: 0px;
    border: 0px solid #056839;
    border-top: 0px;
    transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -webkit-transform: translateY(-100%);
    transform: scale(0);
    display: none;
}

    .tabcontent:first-child {
        position: relative;
    }

    .tabcontent.tab-active {
        border-top: 0px;
        display: block;
        transform: translateY(0%);
        -moz-transform: translateY(0%);
        -webkit-transform: translateY(0%);
        transform: scale(1);
    }




.title {
    color: #056839;
    text-align: center;
    letter-spacing: 14px;
    text-transform: uppercase;
    font-size: 17px;
    margin: 40px 0px;
}

.tabcontent {
    padding: 0;
}

.icetab {
    /* padding: 20px; */
    text-transform: capitalize;
   /* letter-spacing: 2px;*/
}

    .icetab .filter-item {
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        line-height: normal;
        padding: 10px 20px;
        /*width: calc(25% - 16px);
    width: -webkit-calc(25% - 16px);*/
        /* margin-right: 20px; */
        position: relative;
    }





        .icetab .filter-item:after {
            content: '';
            border-width: 0 15px 15px 0;
            border-color: transparent #056839 transparent transparent;
            -webkit-transition: all .3s linear 0ms;
            -khtml-transition: all .3s linear 0ms;
            -moz-transition: all .3s linear 0ms;
            -ms-transition: all .3s linear 0ms;
            -o-transition: all .3s linear 0ms;
            transition: all .3s linear 0ms;
            opacity: 0;
            border-style: solid;
            position: absolute;
            bottom: -17px;
            left: -2px;
        }

    .icetab.current-tab .filter-item:after {
        opacity: 1;
    }

    .icetab:hover .filter-item:after {
        opacity: 1;
    }

.icetab .filter-meta span.big
{
    font-weight: 600;
    color: #056738;
    font-size: 22px;
    line-height: 1;
	transition:0.35s;
}
    .icetab:hover {
        background: #056839;
        color: #fff;
    }

  .icetab:hover .filter-meta span.big,   .current-tab .filter-meta span.big{ color: #fff;}
  

  
.tabcontent .item--image-inner {
    width: 100%;
    text-align: center;
}

    .tabcontent .item--image-inner i {
        color: #fff;
        font-size: 36px;
    }

.icetab:hover .filter-image {
    color: #fff;
}

.icetab .filter-meta {
    text-align: left;
    margin-left: 10px;
}

.icetab .filter-image {
    font-size: 36px;
    color: #04542e;
}

.ct-grid-event1 .item--holder .item--title {
    font-size: 22px;
    margin-bottom: 0;
    font-weight: 500;
}

.current-tab {
    background: #056839;
    color: #fff;
}

    .current-tab .filter-image {
        color: #fff;
    }

.ct-grid-event1 .item--holder .item--title a:hover {
    color: #035830;
}
.ct-grid-event1 .grid-item-inner {

    transition: 0.35s;
}




.icetab .filter-meta cite {
    display: block;
    font-style: normal;
    font-size: 22px;
    /*color: #000637;*/
    margin-bottom: 4px;
    -webkit-transition: all .3s linear 0ms;
    -khtml-transition: all .3s linear 0ms;
    -moz-transition: all .3s linear 0ms;
    -ms-transition: all .3s linear 0ms;
    -o-transition: all .3s linear 0ms;
    transition: all .3s linear 0ms;
    font-weight: 500;
	letter-spacing: 0px;
}

.icetab .filter-meta span {
    font-size: 14px;
    font-weight: 500; 
	letter-spacing:0px;
}

#icetab-container {
    margin-bottom: 40px;
text-align: center;
}


@media screen and (max-width: 767px){
.icetab {
    width: 100%;
margin-bottom:25px;
}
.ct-grid-event1 .item--image {
    float: left;
    margin: auto;
    float: none;
    width: 100%;
}
.ct-grid-event1 .item--holder-wrap {
    display: block;
    float: none;
    width: 100%;
}
#icetab-container {
    margin-bottom: 15px;
}
.ct-grid-event1 .grid-item-inner{
display:block;
}
}