/*
Theme Name: Brooklyn Child
Theme URI: http://www.unitedthemes.com
Description: Creative Portfolio
Version: 2.2
Author: United Themes
Author URI: http://www.unitedthemes.com
Template: brooklyn
*/

@import url("../brooklyn/style.css");
@import url(//fonts.googleapis.com/css?family=Lato:100,300,400,700,900,100italic,300italic,400italic,700italic,900italic);

/*------------------------------------*\
    #SLICK SLIDER
\*------------------------------------*/
/* Slider */
.slick-slider
{
    position: relative;

    display: block;

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

    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/*------------------------------------*\
    #TOOLTIPSTER
\*------------------------------------*/

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
    border-radius: 5px;
    border: 2px solid #000;
    background: #4c4c4c;
    color: #fff;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
    overflow: hidden;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
    /* border-color: ... !important; */
}

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
    cursor: help;
    margin-left: 4px;
}

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
    padding: 0;
    font-size: 0;
    line-height: 0;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9999999;
    pointer-events: none;
    width: auto;
    overflow: visible;
}
.tooltipster-base .tooltipster-content {
    overflow: hidden;
}


/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
    display: block;
    text-align: center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}
.tooltipster-arrow span, .tooltipster-arrow-border {
    display: block;
    width: 0;
    height: 0;
    position: absolute;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-top: 8px solid;
    bottom: -7px;
}
.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-top: 9px solid;
    bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid;
    top: -7px;
}
.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    border-left: 9px solid transparent !important;
    border-right: 9px solid transparent !important;
    border-bottom: 9px solid;
    top: -7px;
}
.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
    left: 0;
    right: 0;
    margin: 0 auto;
}
.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
    left: 6px;
}
.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
    left: 5px;
}
.tooltipster-arrow-top-right span,  .tooltipster-arrow-bottom-right span {
    right: 6px;
}
.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
    right: 5px;
}
.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-left: 8px solid;
    top: 50%;
    margin-top: -7px;
    right: -7px;
}
.tooltipster-arrow-left .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-left: 9px solid;
    margin-top: -8px;
}
.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 8px solid transparent !important;
    border-bottom: 8px solid transparent !important;
    border-right: 8px solid;
    top: 50%;
    margin-top: -7px;
    left: -7px;
}
.tooltipster-arrow-right .tooltipster-arrow-border {
    border-top: 9px solid transparent !important;
    border-bottom: 9px solid transparent !important;
    border-right: 9px solid;
    margin-top: -8px;
}


/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */

.tooltipster-fade {
    opacity: 0;
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    -ms-transition-property: opacity;
    transition-property: opacity;
}
.tooltipster-fade-show {
    opacity: 1;
}

.tooltipster-grow {
    -webkit-transform: scale(0,0);
    -moz-transform: scale(0,0);
    -o-transform: scale(0,0);
    -ms-transform: scale(0,0);
    transform: scale(0,0);
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
    -webkit-backface-visibility: hidden;
}
.tooltipster-grow-show {
    -webkit-transform: scale(1,1);
    -moz-transform: scale(1,1);
    -o-transform: scale(1,1);
    -ms-transform: scale(1,1);
    transform: scale(1,1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}

.tooltipster-swing {
    opacity: 0;
    -webkit-transform: rotateZ(4deg);
    -moz-transform: rotateZ(4deg);
    -o-transform: rotateZ(4deg);
    -ms-transform: rotateZ(4deg);
    transform: rotateZ(4deg);
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    -ms-transition-property: -ms-transform;
    transition-property: transform;
}
.tooltipster-swing-show {
    opacity: 1;
    -webkit-transform: rotateZ(0deg);
    -moz-transform: rotateZ(0deg);
    -o-transform: rotateZ(0deg);
    -ms-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 1);
    -webkit-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -moz-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -ms-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    -o-transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
    transition-timing-function: cubic-bezier(0.230, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
    top: 0;
    -webkit-transition-property: top;
    -moz-transition-property: top;
    -o-transition-property: top;
    -ms-transition-property: top;
    transition-property: top;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-fall-show {
}
.tooltipster-fall.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    top: 0px !important;
    opacity: 0;
}

.tooltipster-slide {
    left: -40px;
    -webkit-transition-property: left;
    -moz-transition-property: left;
    -o-transition-property: left;
    -ms-transition-property: left;
    transition-property: left;
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1.15);
}
.tooltipster-slide.tooltipster-slide-show {
}
.tooltipster-slide.tooltipster-dying {
    -webkit-transition-property: all;
    -moz-transition-property: all;
    -o-transition-property: all;
    -ms-transition-property: all;
    transition-property: all;
    left: 0px !important;
    opacity: 0;
}


/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
    opacity: 0.5;
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.tooltipster-light {
    border-radius: 5px;
    border: 1px solid #cccccc;
    background: #ededed;
    color: #666666;
}
.tooltipster-light .tooltipster-content {
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
}

.tooltipster-noir {
    border-radius: 0px;
    border: 2px solid #cdef39;
    background: #fff;
    color: #2c2c2c;
}
.tooltipster-noir .tooltipster-content {
    font-family: 'Georgia', serif;
    font-size: 14px;
    line-height: 16px;
    padding: 8px 10px;
}



/*------------------------------------*\
    #TIMELINE
\*------------------------------------*/

.timeline-container{
    position: relative;
    height: 78px;
}
.timelineSlider {
    background: url(images/bg-timeline.jpg) repeat-x;
}

.timeline-slide{
    outline: none;
    height: 79px;
    display: inline-block;
}

.timeline-date{
    font-family: 'Lato', 'Arial', sans-serif;
    font-size: 11px;
    color: #fff;
    text-align: center;
    padding-top: 5px;
}

.timeline-info__img{
    position: relative;
    float: left;
    margin-right: 5px;
}

.timeline-info__text{
    position: relative;
    float: left;
}

.timeline-info__date{
    font-family: 'Lato', Arial, sans-serif;
    font-size: 11px;
}
.timeline-info__heading{
    font-family: 'Lato', Arial, sans-serif;
    font-size: 14px;
    margin: 0;
}

.timeline-info__link {
    padding-left: 17px;
    background: url(images/tl-reg.png) left 1px no-repeat;
}

a.timeline-info__link:link {
    font-family: 'Lato', Arial, sans-serif;
    font-size: 12px;
    text-decoration: none;
    color: #000;
}

a.timeline-info__link:visited {
    text-decoration: none;
    color: #000;
}

a.timeline-info__link:active {
    text-decoration: none;
    color: #000;
}

a.timeline-info__link:hover{
    color: #2a6496;
    text-decoration: underline;
}

.timeline-bullet{
    width:11px;
    height:11px;
    margin:8px auto;
    background:#929292;
    -webkit-border-radius:5px;
    border-radius:5px;
    cursor:pointer;
}

.timeline-bullet__red{
    background-color: #e1112a;
}

.timeline-bullet__green{
    background-color: #4aab1f;
}

.timeline-bullet__blue{
    background-color: #1188bf;
}

.timeline-place{
    font-family: 'Lato', 'Arial', sans-serif;
    font-size: 11px;
    color: #ababab;
    text-align: center;
}

#prevEvent {
    background: url(images/tl-lt.png) no-repeat;
    width: 33px;
    height: 78px;
    display: block;
    cursor: pointer;
    position: absolute;
    top:0;
    left:0;
}

#nextEvent {
    background: url(images/tl-rt.png) no-repeat;
    width: 33px;
    height: 78px;
    display: block;
    cursor: pointer;
    position: absolute;
    top:0;
    right:0;
}





/*------------------------------------*\
    #TESTIMONIALS
\*------------------------------------*/
#our-philosophy-is.parallax-section {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-image: url("images/6305518892_ea411e81e2_b.jpg");
}

#timeLine {
    padding: 0!important;
}





/*------------------------------------*\
    #RACE TYPES
\*------------------------------------*/
.feature-copy, .feature-copy p { margin-bottom: 30px; font-size: 16px; line-height: 24px; font-family:'Lato'; }

.race-box { background: #f3f3f3; background: rgba(255, 255, 255, 0.6); box-shadow: 0 1px 4px 0px rgba(0, 0, 0, .3); -webkit-box-shadow: 0 1px 4px 0px rgba(0, 0, 0, .3); margin-bottom:15px;}

.section-ur { margin-bottom: 40px; overflow: hidden; }
.ur-header { padding: 12px 0; font-family:'Lato'; font-weight: bold; font-size: 17px; background: #e1112a; color: #fff; text-transform: uppercase; text-align: center; }

.section-pr { margin-bottom: 100px; overflow: hidden; }
.type-video { display: block; position: relative; }
.type-video:after { width: 34px; height: 25px; content: ''; position: absolute; bottom: 10px; right: 10px; }
.section-pr a { color: #000000; }
.section-pr a.white { color: #ffffff; }

.section-types { padding-bottom: 110px; text-align: right; overflow: hidden; }
.link-findarace { margin-bottom: 15px; text-transform: uppercase; font-family:'Lato'; font-size: 18px; line-height: 27px; display: block; color: #000000; }
.racing-type-item { min-height:500px; padding:20px 20px 15px 20px; line-height:20px; display:block; text-align: left; }
.racing-type-image { background:#000; position:relative; }
.racing-type-image:after { width:100%; height:100%; background-color:rgba(21, 21, 21, .2); -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#33151515, endColorstr=#33151515)"; position:absolute; top:0; left:0; content:""; }
.racing-type-item:hover .racing-type-image:after { background:none; -ms-filter:none; }
.racing-type-item:hover { color: #dddddd; text-decoration: none; }
.racing-type-title { margin:19px 0 7px 0; padding-bottom:7px; color:#f3f3f3; font:400 15px/15px 'Lato'; font-weight: bold; text-transform:uppercase; letter-spacing:1px; }
.race-length { margin-bottom:17px; color:#f3f3f3; font:400 20px/20px 'Lato'; font-weight: bold; }
.race-unit { color:#bbb; font:400 10px/19px 'Lato'; font-weight: bold; text-transform:uppercase; display:block; }
.race-content p, .race-content p.lead { line-height:20px; font-size: 13px; color:#ddd; }
.bg-black-rocks, .bg-dark, #footer {
    color: #ddd;
    /*background: url(images/tile-dark.jpg) 0 0 repeat;*/
    background: #000;
}
.racing-type-title {
    margin: 19px 0 7px 0;
    padding-bottom: 7px;
    color: #f3f3f3!important;
    font: 400 15px/15px 'Lato';
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.type-kids-race, .type-junior {
    border-color: #ef7521;
}
.type-sprint {
    border-color: #e1112a;
}
.type-super {
    border-color: #1188bf;
}
.type-beast {
    border-color: #5e9a00;
}
.type-sprint, .type-super, .type-beast, .type-kids-race, .type-junior {
    border-width: 3px;
    border-style: solid;
    border-top: hidden;
    border-right: hidden;
    border-left: hidden;
}
.left {
    float: left;
}
.right {
    float: right;
}
.lead {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}






/*------------------------------------*\
    #EVENTS
\*------------------------------------*/
time {
    background: #cdef39;
    padding: 0 11px;
    font: bold 30px/43px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    position: absolute;
    bottom: 0;
    left: 0;
}

.ut-btn {
color: #000000;
}




/*------------------------------------*\
    #LATEST POSTS LIST
\*------------------------------------*/
.post-date {
    position: absolute;
    top: -1px;
    left: 10px;
    background: #fff;
    width: 50px;
    padding-bottom: 5px;
}

.post-month {
    font-size: 13px;
    display: block;
    text-align: center;
    margin-top: 5px;
}

.post-day {
    font-size: 40px;
    display: block;
    text-align: center;
    line-height: 1;
}

.post-year {
    font-size: 13px;
    display: block;
    text-align: center;
    margin-bottom: 5px;
}

.masonry_date_pattern {
    background-image: url(images/space_around_content_patern.png);
    background-size: auto;
    background-repeat: repeat;
    height: 15px;
    display: block;
}





/*------------------------------------*\
    #PRICING TABLE
\*------------------------------------*/
#pricing-table {
    margin: 0 auto;
    text-align: center;
}

#pricing-table .plan {
    text-shadow: 0 1px rgba(255,255,255,.8);
    background: #fff;
    border: 1px solid #ddd;
    color: #333;
    padding: 20px;
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 20px;
}

#pricing-table #most-popular {
    z-index: 2;
    /*top: -13px;*/
    border-width: 3px;
    padding: 30px 20px;
    /*border-radius: 5px;*/
    box-shadow: 20px 0 10px -10px rgba(0, 0, 0, .15), -20px 0 10px -10px rgba(0, 0, 0, .15);
}

#pricing-table .plan:nth-child(1) {
    /*border-radius: 5px 0 0 5px;*/
}

#pricing-table .plan:nth-child(4) {
    /*border-radius: 0 5px 5px 0;*/
}

/* --------------- */

#pricing-table h3 {
    font-size: 20px;
    font-weight: normal;
    padding: 20px;
    margin: -20px -20px 50px -20px;
    background-color: #eee;
    background-image: linear-gradient(#fff, #eee);
}

#pricing-table #most-popular h3 {
    background-color: #ddd;
    background-image: linear-gradient(#eee, #ddd);
    margin-top: -30px;
    padding-top: 18px;
    /*border-radius: 5px 5px 0 0;*/
}

#pricing-table .plan:nth-child(1) h3 {
    /*border-radius: 5px 0 0 0;*/
}

#pricing-table .plan:nth-child(4) h3 {
    /*border-radius: 0 5px 0 0;*/
}
#pricing-table h3 {
    min-height: 146px;
    display: block;
}

#pricing-table #most-popular h3 {
    min-height: 144px;
    display: block;
}

#pricing-table h3 span {
    display: block;
    font: 25px/100px "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #777;
    background: #fff;
    border: 5px solid #fff;
    height: 100px;
    width: 100px;
    margin: 10px auto -65px;
    border-radius: 100px;
    box-shadow: 0 5px 20px #ddd inset, 0 3px 0 #999 inset;
}

#pricing-table h3 span.singleline {
    margin-top:40px;
}

/* --------------- */

#pricing-table ul {
    margin: 20px 0 0 0;
    padding: 0;
    list-style: none;
}

#pricing-table li {
    border-top: 1px solid #ddd;
    padding: 10px 0;
    font-size: 13px;
}

/* --------------- */

#pricing-table .signup {
    /*position: relative;
    padding: 8px 20px;*/
    margin: 20px 0 0 0;
    /*color: #fff;
    font: bold 14px Arial, Helvetica;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    background-color: #72ce3f;
    background-image: linear-gradient(#72ce3f, #62bc30);
    border-radius: 3px;
    text-shadow: 0 1px 0 rgba(0,0,0,.3);
    box-shadow: 0 1px 0 rgba(255, 255, 255, .5), 0 2px 0 rgba(0, 0, 0, .7);*/
}

#pricing-table .signup:hover {
    background-color: #62bc30;
    background-image: linear-gradient(#62bc30, #72ce3f);
}

#pricing-table .signup:active, #pricing-table .signup:focus {
    background: #62bc30;
    top: 2px;
    box-shadow: 0 0 3px rgba(0, 0, 0, .7) inset;
}


.pricing-mobile-separator {
    display: block;
    width: 100%;
    height: 20px;
}





/*------------------------------------*\
    #SPONSORS LOGOS
\*------------------------------------*/
.sponsor-logos-container{
    height: 190px;
}
.sponsor-logo{
    position: relative;
    text-align: center;
    display: inline-block;
    margin-top: 30px;
}

.sponsor-logo img{
    display: inline;
}





/*------------------------------------*\
    #FOOTER
\*------------------------------------*/
.footer-container{
    margin-top: 100px;
}

a.footer-link:hover {
    color: #fff;
}

.footer-column{
    margin-bottom: 100px;
}

.copyright-text{
    text-align: center;
    color: #838382;
    padding: 10px;
    margin: 0;
}





/*------------------------------------*\
    #INFO LIST
\*------------------------------------*/
.list2 {
    margin: 0;
    padding: 0;
    overflow: hidden;
    list-style-type: none!important;
}

.list2 li .badge {
    width: 70px;
    height: 60px;
    background: #cdef39;
    text-align: center;
    font: bold 21px/60px 'Lato', "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #000000;
    padding: 0;
    margin: 6px 30px 0 0;
    float: left;
    border-radius: 0;
}

.list2 li p {
    margin-bottom: 0;
}

.list2 li {
    font-size: 14px;
    line-height: 1.428571429;
    margin-bottom: 29px;
    padding: 0;
}
.extra-wrap {
    overflow: hidden;
}