@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?z68clq');
    src:  url('../fonts/icomoon.eot?z68clq#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?z68clq') format('truetype'),
    url('../fonts/icomoon.woff?z68clq') format('woff'),
    url('../fonts/icomoon.woff2?z68clq') format('woff2'),
    url('../fonts/icomoon.svg?z68clq#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

/*.ir-acc.et_divi_builder #et_builder_outer_content .tb-accordion,*/
.ir-acc.et_divi_builder #et_builder_outer_content .tb-act-accordion {
    width: 100%;
    min-width: 100%;
    display: flex;
    list-style-type: none;
    overflow: hidden;
    height: 200px;
    font-size: 0;
}

.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs {
    display: inline-block;
    background: rgba(0,15,52,1);
    /*width:20%;*/
    width:16.66667%;
    height: 200px;
    overflow: hidden;
    position: relative;
    margin: 0;
    font-size: 16px;
    -moz-transition: all 0.4s ease-in-out 0.1s;
    -o-transition: all 0.4s ease-in-out 0.1s;
    -webkit-transition: all 0.4s ease-in-out;
    -webkit-transition-delay: 0.1s;
    transition: all 0.4s ease-in-out 0.1s;
}
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs .tb-act-icons.icon-utv:before{ content: "\e904"; }
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs .tb-act-icons.icon-atv:before{ content: "\e900"; }
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs .tb-act-icons.icon-bikes:before{ content: "\e901"; }
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs .tb-act-icons.icon-snow:before{ content: "\e903"; }
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs .tb-act-icons.icon-water:before{ content: "\e902"; }
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs .tb-act-icons.icon-adventures:before{ content: "\e905"; }

.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs .tb-act-icons.icon-utv:before,
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs .tb-act-icons.icon-atv:before,
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs .tb-act-icons.icon-bikes:before,
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs .tb-act-icons.icon-snow:before,
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs .tb-act-icons.icon-water:before,
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs .tb-act-icons.icon-adventures:before{
    color: #fff;
    font-size: 72px;
    display: block;
    opacity: 1;
    margin: auto;
    text-align: center;
    transform: translateY(70px);

    -moz-transition: all 0.4s ease-in-out 0.1s;
    -o-transition: all 0.4s ease-in-out 0.1s;
    -webkit-transition: all 0.4s ease-in-out;
    -webkit-transition-delay: 0.1s;
    transition: all 0.4s ease-in-out 0.1s;

}
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs:hover .tb-act-icons.icon-utv:before,
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs:hover .tb-act-icons.icon-atv:before,
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs:hover .tb-act-icons.icon-bikes:before,
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs:hover .tb-act-icons.icon-snow:before,
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs:hover .tb-act-icons.icon-water:before,
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs:hover .tb-act-icons.icon-adventures:before{
    -moz-transition: all 0.4s ease-in-out 0.1s;
    -o-transition: all 0.4s ease-in-out 0.1s;
    -webkit-transition: all 0.4s ease-in-out;
    -webkit-transition-delay: 0.1s;
    transition: all 0.4s ease-in-out 0.1s;
    content:none;
    opacity: 0;
}
/** coloured blocks **/
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs:first-child { background: rgba(0,15,52,1); }
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs:nth-child(2) { background: rgba(0,51,102,1); }
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs:nth-child(3) { background: rgba(0,102,204,1); }
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs:nth-child(4) { background: rgba(51,153,255,1); }
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs:nth-child(5)  { background: rgba(0,153,153,1); }
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs:last-child  { background: rgba(52,148,114,1); }

/** hides background image when hover state is not active **/
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs .background-img{ opacity:0; }


/** hover **/
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs:hover { width: 450px; }

.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs:hover .background-img{
    opacity: 1;
    background-size: cover !important;
    width: 100%;
    height: 200px;
}
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs:hover .tb-act-icons a:before {
   margin-left: -100px;
}
.ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs:hover .tb-act-icons a:after {
    margin-left: -5px;
}

/** inside the hover -- anchor **/
.ir-acc.et_divi_builder #et_builder_outer_content .tb-act-icons { display: block; }
.ir-acc.et_divi_builder #et_builder_outer_content .tb-act-icons a,
.ir-acc.et-pb-theme-truckboss.et_divi_builder #et_builder_outer_content .tb-act-icons a,
.ir-acc.et-pb-theme-truckboss.et_divi_builder #et-boc #et_builder_outer_content .tb-act-icons a {
    font-family: 'Raleway', sans-serif;
    display: block;
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-decoration: none!important;
    width: 220px;
    padding: 5px 0 0;
    margin: auto;
    background:rgba(220,40,46,1);
    color:rgba(255,255,255,1);
    text-align: center;
    border: none;
    border-radius:0;
    outline:none;
    transform: translateY(70px);
    box-shadow: 1px 3px 2px 1px rgba(1,1,1,0.34);
    transition: background 0.5s ease-in-out, opacity 2s ease-in-out;

}
.ir-acc.et_divi_builder #et_builder_outer_content .tb-act-icons a span{ font-family: 'Raleway', sans-serif; letter-spacing: 2px; }

.ir-acc.et_divi_builder #et_builder_outer_content .tb-act-icons a:before, .tb-act-icons a:after {
   -moz-transition: all 0.4s ease-in-out 0.1s;
    -o-transition: all 0.4s ease-in-out 0.1s;
    -webkit-transition: all 0.4s ease-in-out;
    -webkit-transition-delay: 0.1s;
    transition: all 0.4s ease-in-out 0.1s;
    width: 80px;
    height: 200px;
    position: absolute;
    text-indent: 0;
    padding-top: 90px;
    padding-left: 25px;
    display: block;
    font: normal 30px Genericons;
    color: #fff;
}


@media screen and (max-width:599px) {

    .ir-acc.et_divi_builder #et_builder_outer_content .tb-act-accordion {
        width: 100%;
        min-width: 100%;
        display: block;
        list-style-type: none;
        overflow: visible;
        height: 100%;
        font-size: 0;
    }

    .ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs {
        display: block;
        background: rgba(0,15,52,1);
        border-right:none;
        width:100%;
        height:100px;
        overflow:visible;
    }

    .ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs .tb-act-icons.icon-utv:before,
    .ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs .tb-act-icons.icon-atv:before,
    .ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs .tb-act-icons.icon-bikes:before,
    .ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs .tb-act-icons.icon-snow:before,
    .ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs .tb-act-icons.icon-water:before,
    .ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs .tb-act-icons.icon-adventures:before{ transform: translateY(20px); }

    .ir-acc .et_divi_builder #et_builder_outer_content .tb-act-icons a{ transform: translateY(30px); }

    .ir-acc.et_divi_builder #et_builder_outer_content .tb-tabs:hover { width: 100%; }

}