/*------------------------------------*\
    
    Global Print CSS

    You can include block or page specific print styling within its respective CSS stylesheet

\*------------------------------------*/


 @media print {

    /* Reset*/
    *,
    *:before,
    *:after,
    *:first-letter,
    p:first-line,
    div:first-line,
    blockquote:first-line,
    li:first-line {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        filter: none !important;
        -webkit-filter: none !important;
        text-shadow: none !important;
    }

    html, 
    body { 
        page-break-after: avoid;
        page-break-before: avoid; 
        height: 99%;
        overflow: hidden;
    }

    h2, h3 {
        /* Avoid a paragraph being detached from the heading immediately preceding it */
        page-break-after: avoid;
    }

    figure, table {
        /* Avoid breaking figure or table into 2 pages */
        -webkit-column-break-inside: avoid;
            -moz-column-break-inside: avoid;
                break-inside: avoid;
        page-break-inside: avoid;
    }

    p {
        /* Prevent single line at the end of a page and a single line at the top the next page */
        orphans: 2;
        widows: 2;
    }

    /* headr */

    .header-contact-btn{
        display: none;
    }

    /* Slick Slider - remove if not using slick slider */

    .slick-slider .slick-arrow,
    .slick-slider .slick-dots {
    display: none !important; /* we usually don't need to show slider navigation for print */
    }

    /* For sliders you want to display full width for print.
      Update ".slick-slider" with your specific slider names. */
    .slick-slider,
    .slick-slider .slick-list,
    .slick-slider .slick-track,
    .slick-slider .slick-slide {
    width: 100% !important;
    height: auto !important;
    }

    /* For sliders where you only want to show the 1st image of that slider.
      Update ".slick-slider" with your specific slider names. */
    .slick-slider .slick-slide 				{ display: none !important; }
    .slick-slider .slick-slide.slick-active { display: block !important; }

    /* Show Only Active Thumbnails */
    .slick-slider .slick-cloned {
    display: none;
    }

    /* Reset adaptiveHeight */
    .slick-list {
        height: auto !important;
    }

    /* Remove Scrollbars */
    .slick-track {
        width: auto !important;
        height: auto !important;
        -webkit-transform: none !important;
                transform: none !important;
    }

    .slick-track.slick-slide {
        width: auto !important;
    }
    
    
    /* Grid Styling */

    .container { width: auto; }

    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; }

    .col-sm-12 { width: 100%; }
    .col-sm-11 { width: 91.66666666666666%; }
    .col-sm-10 { width: 83.33333333333334%; }
    .col-sm-9 { width: 75%; }
    .col-sm-8 { width: 66.66666666666666%; }
    .col-sm-7 { width: 58.333333333333336%; }
    .col-sm-6 { width: 50%; }
    .col-sm-5 { width: 41.66666666666667%; }
    .col-sm-4 { width: 33.33333333333333%; }
    .col-sm-3 { width: 25%; }
    .col-sm-2 { width: 16.666666666666664%; }
    .col-sm-1 { width: 8.333333333333332%; }

    .col-lg-auto {
        flex: 0 0 auto;
        width: auto;
    }

    .col-lg-1 {
        flex: 0 0 auto;
        width: 8.33333333%;
    }

    .col-lg-2 {
        flex: 0 0 auto;
        width: 16.66666667%;
    }

    .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
    }

    .col-lg-4 {
        flex: 0 0 auto;
        width: 33.33333333%;
    }

    .col-lg-5 {
        flex: 0 0 auto;
        width: 41.66666667%;
    }

    .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
    }

    .col-lg-7 {
        flex: 0 0 auto;
        width: 58.33333333%;
    }

    .col-lg-8 {
        flex: 0 0 auto;
        width: 66.66666667%;
    }

    .col-lg-9 {
        flex: 0 0 auto;
        width: 75%;
    }

    .col-lg-10 {
        flex: 0 0 auto;
        width: 83.33333333%;
    }

    .col-lg-11 {
        flex: 0 0 auto;
        width: 91.66666667%;
    }

    .col-lg-12 {
        flex: 0 0 auto;
        width: 100%;
    }

    .col-lg-offset-0 {
        margin-left: 0;
    }

    .col-lg-offset-1 {
        margin-left: 8.33333333%;
    }

    .col-lg-offset-2 {
        margin-left: 16.66666667%;
    }

    .col-lg-offset-3 {
        margin-left: 25%;
    }

    .col-lg-offset-4 {
        margin-left: 33.33333333%;
    }

    .col-lg-offset-5 {
        margin-left: 41.66666667%;
    }

    .col-lg-offset-6 {
        margin-left: 50%;
    }

    .col-lg-offset-7 {
        margin-left: 58.33333333%;
    }

    .col-lg-offset-8 {
        margin-left: 66.66666667%;
    }

    .col-lg-offset-9 {
        margin-left: 75%;
    }

    .col-lg-offset-10 {
        margin-left: 83.33333333%;
    }

    .col-lg-offset-11 {
        margin-left: 91.66666667%;
    }

    .card-flex {
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
    }

    .card-flex:before,
    .card-flex:after {
        display: none;
    }

    .js-cards {
        margin: 0 -30px 0 -8px;
    }

    .js-card-item {
        padding: 20px 8px;
    }

    .card {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        text-decoration: none;
        height: 100%;
        overflow: hidden;
        width: 317px;
        box-shadow: 0 3px 8px rgba(3,15,28,0.11);
        border-radius: 3px;
    }

    .card__img-wrap {
        position: relative;
        width: 100%;
        height: 186px !important;
    }

    .js-cards .slick-track {
        display: flex !important;
    }

    .js-cards .slick-slide {
        height: inherit !important;
    }

    .js-cards .slick-slide div {
        height: 100%;
    }

    .card__date {
        position: absolute;
        margin-top: 2px;
        left: 0px;
        background-color: #2DB4CB;
        border-radius: 30px;
        color: #fff;
        padding: 9px 30px;
        font-size: 16px;
        text-transform: uppercase;
        height: auto !important;
    }

    .card__details {
        padding: 37px 15px 40px 15px;
    }

    .card__title {
        font-size: 24px;
        font-weight: 500;
        font-family: 'Work Sans', sans-serif;
    }

    .card__bottom {
        height: auto !important;
        padding: 0 15px 26px 15px;
    }

    .card__cta {
        background: none;
        border: none;
        font-size: 16px;
        font-weight: 500;
        font-family: 'Work Sans', sans-serif;
        color: #2DB4CB;
        text-transform: uppercase;
        border-bottom: 3px solid #2DB4CB;
        padding: 0 5px 3px 5px;
        cursor: pointer;
        transition: all 0.3s ease-in-out;
    }

    .card__cta:hover{
        color: #001830;
        border-bottom: 3px solid #001830;
    }

    .cards__bttn {
        padding-top: 12px;
    }

    .card__description {
        color: #001830;
    }

    .swipe span{
        margin-left: 3px;
    }


    .cards__bttn {
        padding-top: 46px;
    }

    .card__img-wrap {
        height: 296px !important;
        overflow: hidden;
    }
    
    .card__details {
        padding: 33px 22px 15px 22px;
    }

    .card__title {
        padding-bottom: 15px;
    }

    .card {
        transition: all .3s ease-in-out;
    }

    .card:hover {        
        box-shadow: 2px 5px 20px rgba(3, 15, 28, 0.31);
    }

    .card__top{
        position: relative;
    }

    
}