/* Homepage static CSS extracted from index.php (M4 Slice A) */

/* === jR3D testimonials carousel (M4 Slice B; was inline in index.php) === */
.jR3DCarouselGalleryCustom {
  margin-left: 15px;
  max-width: 98%;
}
.jR3DCarouselCustomSlide {
  cursor: pointer;
}

/* === homepage layout / components (ex-index.php ~L400) === */



/* These carried display:table / display:table-row, Bootstrap 3's way of faking
   equal-height columns. Bootstrap 4's .row is a flex container that stretches
   its items to equal height on its own -- and overriding .row's display kills
   the flex context .col-* depends on, which stacks every column at the left
   edge (BS4 dropped the floats BS3 used). Keep the box-sizing, drop the table
   display and let the grid work. */
.container-full-height {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.row-full-height {
    height: 100%;
}
.row-full-height .col-lg-3 {
    cursor: pointer;
    min-height: 475px;
}
.on-hover-yellow, .on-hover-yellow:hover {
    background: #F1C00E !important;
    z-index: 990;
}
.on-hover-greenish-blue, .on-hover-greenish-blue:hover {
    background: #81C2C0 !important;
    z-index: 990;
}
.on-hover-red, .on-hover-red:hover {
    background: #D95B66 !important;
    z-index: 990;
}
.on-hover-brown, .on-hover-brown:hover {
    background: #B4833E !important;
    z-index: 990;
}
.on-hover-purple, .on-hover-purple:hover {
    background: #445E71 !important;
    z-index: 990;
}
.inline-block-tab a {
    text-decoration: none;
}

.inline-block-section {
    display: none;
}

.clear-banc-img {
    max-width: 320px;
    width: 100%;
}

@media(max-width: 767px){

    .clear-banc-img {
        max-width: 415px;
        width: 100%;
    }

}


/* BreezeTact */

.bt-conv-front p, .bt-conv-front img {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 0px;
}

.bt-conv-front {
    z-index: 99999999;
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding: 15px;
}

.bt-conv-front img {
    margin-top: -5px;
}

.bt-ext-space-cb-cv {
    height: 0px;
}

.bt-icons-txt-cb {
    text-align: center;
}

.bt-pl-outer-container .bt-pl-container-left {
    float: left;
}

.bt-pl-inner-container {
    width: 33.33%;
    padding-top: 15px;
    padding-bottom: 6px;
}

.bt-pl-inner-container-left {
    float: left;
}

.bt-pl-inner-container-center {
    display: inline-block;
    margin: 0 auto;
}

.bt-pl-inner-container-right {
    float: right;
}

.bt-pl-outer-container .bt-pl-container-center {
    display: inline-block;
    margin: 0 auto;
}

.bt-pl-outer-container .bt-pl-container-right {
    float: right;
}

.bt-pl-outer-container .bt-pl-container-section {
    width: 33.33%;
    padding-top: 15px;
    padding-bottom: 15px;
    border-right: 1px solid #FFF;
}


/* 768, not 767: the max-width partner below is `max-width: 767px`, so a 767
   boundary here made both blocks apply at exactly 767px and left the site's
   phone band one pixel short of the 767 it uses everywhere else. */
@media(min-width: 768px){

    .bt-pl-outer-container, .bt-conv-front {
        display: none;
    }

    .support-ticket-section.support-ticket-section-footer.to-disp-mb{
        display: none;
    }

}

@media(max-width: 767px){

    .bt-pl-outer-container, .bt-conv-front {
        display: block;
        font-size: 12px;
        bottom: 0px;
    }

    .who-we-are p, .what-we-do p {
        font-size: 16px !important;
    }

    #jssor_6 {
        margin-top: 70px !important;
    }



    .container.footer-bottom-section {
        padding-bottom: 48px !important;
    }

}

@media(max-width: 767px){

    .bt-fa-2x {
        font-size: 1.7em;
    }

}

@media(min-width: 981px) and (max-width: 1190px){

    .container.who-we-are {
        margin-bottom: 160px;
    }

}

.bt-conv-front {
    border-top: 1px solid #fff !important;
    background: #4a9cc8 !important;
    color: #fff !important;
}

.bt-icons-txt-cb, .bt-pl-outer-container a {
    color: #fff !important;
}

.bt-pl-outer-container {
    background: #4a9cc8 !important;
}

.bt-pl-inner-container {
    border-left: 1px solid #fff !important;
}

.bt-pl-inner-container-left {
    width: 33%;
}


.bt-icons-txt-cb, .bt-pl-outer-container a {
    color: #FFFFFF !important;
    text-align: center;
}

/* BreezeTact */

/* Support Ticket */

.support-ticket-section {
    position: fixed;
    bottom: 0;
    left: 30px;
    padding: 20px 30px 0px 30px;
    background: #38a1da;
    border: 1px solid #38a1da;
    max-width: 375px;
    width: 100%;
    box-shadow: 1px 0px 3px #7c7c7d;
}

.support-ticket-section input {
    max-width: 250px !important;
    width: 100% !important;
    height: 30px !important;
    margin-bottom: 15px;
    background: #fff !important;
    border-radius: 4px;
    padding: 15px;
    color: #7c7c7d !important;
    font-size: 13px;
}

.support-ticket-section textarea {
    max-width: 250px !important;
    width: 100% !important;
    height: 130px !important;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 15px;
    color: #000;
    font-size: 13px;
}

.support-ticket-btn {
    background: #2768AC;
    color: #FFF;
    padding: 10px 40px 10px 40px;
    border: 0px solid;
    font-size: 13px;
    font-weight: 400;
    margin-top: 20px;
    cursor: pointer;
    text-decoration: none !important;
    font-family: Roboto-Regular;
}

.support-ticket-btn:hover {
    color: #FFF !important;
    text-decoration: none !important;
}

.support-ticket-section ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #7d7b7b;
    opacity: 1; /* Firefox */
    font-family: Roboto-Light;
    font-size: 14px;
}

.support-ticket-section :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #7d7b7b;
    font-family: Roboto-Light;
    font-size: 14px;
}

.support-ticket-section ::-ms-input-placeholder { /* Microsoft Edge */
    color: #7d7b7b;
    font-family: Roboto-Light;
    font-size: 14px;
}

.fa-ticket:before {
    font-size: 26px;
    color: #fff;
    cursor: pointer;
    position: relative;
    top: -3px;
}

@media(max-width: 767px){

    .support-ticket-section {
        display: none;
    }

}

/* Support Ticket */

.active-section-portfolio {
    display: block;
}

.active-tab-portfolio {
    background: #6A6565;
    font-weight: bold;
}

.active-tab-portfolio a {
    color: #FFF;
}

.portfolio-section {
    max-width: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.portfolio-section .portfolio-client {
    max-width: 250px;
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 18px;
}

.section-one-forth h2 {
    min-height: 68px;
    height: 100%;
}

.section-one-forth p {
    min-height: 200px;
    height: 100%;
}

.dark-btn-blue {
    background: #003471;
    padding: 10px 40px 11px 40px;
    line-height: 35px;
    border: 1px solid #003471;
    border-radius: 30px;
    cursor: pointer;
    box-shadow: 2px 2px 10px #777;
    color: #fff;
}

.dark-btn-blue:hover {
    background: #003470;
    color: #38A1DA;
    box-shadow: 0px 0px 0px #777;
}

.fancy-btn-blue {
    background: #38A1DA;
    font-weight: bold;
    padding: 10px 40px 15px 40px;
    line-height: 35px;
    border: 1px solid #38A1DA;
    cursor: pointer;
    box-shadow: 2px 2px 10px #777;
    COLOR: #fff;
    text-decoration: none;
}

.fancy-btn-blue:hover {
    background: #FFF;
    color: #38A1DA;
    box-shadow: 0px 0px 0px #777;
}

.fancy-btn {
    text-decoration: none;
}

.fancy-circle {
    background: #38a1da;
    border-radius: 50%;
    max-width: 100px;
    height: 100px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 28px;
    display: none;
}

.circle-active {
    display: block;
}

.no-ext-h {
    margin-bottom: 0px;
}

.ext-height {
    margin-bottom: 63px;
}
.read-more-link {
    color: #FFF;
    text-decoration: underline;
    font-style: italic;
}



/* === premierbadge / mid-page (ex-index.php ~L1487) === */


    @media (min-width:600px) and (max-width:780px){
        .premierbadge{vertical-align: top; min-width: 100px !important; margin-bottom: 16px;margin-left:-330% !important;}
        .cloud{vertical-align: top; min-width: 100px !important; margin-bottom: 16px;margin-left:-215% !important;}
        .mailchimp{vertical-align: top; min-width: 110px !important; margin-bottom: 16px;margin-left:120% !important;}
        .badge4004e4{vertical-align: top; margin-bottom: 16px; min-width: 90px !important;margin-left:400% !important;}
        .badge-46{vertical-align: top; margin-bottom: 16px !important; min-width: 85px;margin-left:650% !important;}
        .yelp{vertical-align: top; margin-bottom: 16px; min-width: 40px !important;margin-left:780% !important;}
        .badge-88{min-width: 110px !important;  vertical-align: top; position: relative; top: 0px; margin-bottom: 16px;margin-left:825% !important;}
        .busines-award{max-width: 250px !important; vertical-align: top; position: relative; top: -4px; margin-bottom: 16px  !important;margin-left:480% !important;}
        .badge-0066{vertical-align: top; max-width: 54px !important; width: 100%; margin: -8px 8px 6px 345px !important;}
        .design-rush{vertical-align: top; min-width: 106px !important; width: 100%; margin: 0 8px 16px 155px !important;}
        .ad-agency{vertical-align: top; min-width: 50px !important; width: 60%; margin: 0 1px 5px 465px !important;}
        .image-badge{vertical-align: top; max-width: 140px !important; width: 100%; margin: 16px 8px 16px 445px  !important;}
        .blue-badge{vertical-align: top; max-width: 70px !important; width: 100%; margin: 0 8px 16px 520px  !important;}
        .gold-badge{vertical-align: top; max-width: 70px !important; width: 100%; margin: 0 8px 16px 480px  !important;}
        .seo-badge{vertical-align: top; max-width: 70px !important; width: 100%; margin: 0 8px 16px 510px  !important;}
    }

    @media   (min-width:200px) and (max-width:599px){
        .premierbadge{vertical-align: top;  min-width: 150px !important; margin: 0px 8px 0px -15px;}
        .cloud{vertical-align: top; min-width: 150px !important; margin: 0px 8px 0px -10px;}
        .mailchimp{vertical-align: top;min-width: 150px !important; margin: 0px 8px 0px -15px;}
        .badge4004e4{vertical-align: top; margin-bottom: 16px; min-width: 100px;}
        .badge-46{vertical-align: top; max-width: 110px; margin-bottom: 16px;}
        .yelp{vertical-align: top; position: relative; margin-bottom: 16px}
        .badge-88{min-width: 175px; vertical-align: top; position: relative; top: 0px; margin-bottom: 16px;margin-left:-50px;}
        .busines-award{max-width: 71px; vertical-align: top; position: relative; top: -4px; margin-bottom: 16px;}
        .badge-0066{vertical-align: top; max-width: 54px !important; width: 100%; margin: -8px 8px 6px -20px;}
        .design-rush{vertical-align: top; min-width: 135px; width: 100%; margin: 0 23px 16px -25px;}
        .ad-agency{vertical-align: top; min-width: 100px !important; width: 100%; margin: 0 1px 5px 15px;}
        .image-badge{vertical-align: top; min-width: 135px; width: 100%; margin: 15px 35px 16px -25px !important;}
        .blue-badge{vertical-align: top; max-width: 60px; width: 100%; margin: 0 18px 16px -10px !important;}
        .gold-badge{vertical-align: top; max-width: 60px; width: 100%; margin: 0 18px 16px -35px !important;}
        .seo-badge{vertical-align: top; max-width: 60px; width: 100%; margin: 0 8px 16px -65px !important;}
    }


/* === jssor skins + homepage section backgrounds (ex-index.php ~L2172) === */


/* jssor slider loading skin spin css */

.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;

    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}


.jssorb059 .i {position:absolute;cursor:pointer;}
.jssorb059 .i .b {fill:#D8D8D8;stroke:#D8D8D8;stroke-width:2000;stroke-miterlimit:10;stroke-opacity:0.4;}
.jssorb059 .i:hover .b {stroke-opacity:.7;}
.jssorb059 .iav .b {fill:#000;stroke:#fff;stroke-opacity: 1;}
.jssorb059 .i.idn {opacity:.3;}


.jssorb057 .i {position:absolute;cursor:pointer;}
.jssorb057 .i .b {fill:#D8D8D8;stroke:#D8D8D8;stroke-width:2000;stroke-miterlimit:10;stroke-opacity:0.4;}
.jssorb057 .i:hover .b {stroke-opacity:.7;}
.jssorb057 .iav .b {fill:#FFF;stroke:#D8D8D8;stroke-opacity: 1;}
.jssorb057 .i.idn {opacity:.3;}

.jssorb057 .i:nth-child(2), .jssorb057 .i:nth-child(3), .jssorb057 .i:nth-child(4), .jssorb057 .i:nth-child(5), .jssorb057 .i:nth-child(6), .jssorb057 .i:nth-child(7), .jssorb057 .i:nth-child(8), .jssorb057 .i:nth-child(10), .jssorb057 .i:nth-child(11), .jssorb057 .i:nth-child(12), .jssorb057 .i:nth-child(13), .jssorb057 .i:nth-child(14), .jssorb057 .i:nth-child(15), .jssorb057 .i:nth-child(16), .jssorb057 .i:nth-child(17) {display: none !important;}

.jssorb057 .i:nth-child(1) {left: 182px !important;}

.jssorb057 .i:nth-child(9) {left: 208px !important;}

.jssorb057 .i:nth-child(18) {left: 234px !important;}















/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;

    animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

/*jssor slider bullet skin 032 css*/
.jssorb0325 {position:absolute;}
.jssorb0325 .i {position:absolute;cursor:pointer;}
.jssorb0325 .i .b {fill:#fff;fill-opacity:0.7;stroke:#000;stroke-width:1200;stroke-miterlimit:10;stroke-opacity:0.25;}
.jssorb0325 .i:hover .b {fill:#000;fill-opacity:.6;stroke:#fff;stroke-opacity:.35;}
.jssorb0325 .iav .b {fill:#fff;fill-opacity:1;stroke:#fff;stroke-opacity:.35;}
.jssorb0325 .i.idn {opacity:.3;}

.jssorb032 .iav .b {fill:#fff;fill-opacity:1;stroke:#000;stroke-opacity:.35; cursor: pointer;}

.jssorb032 .i {fill:#D8D8D8;fill-opacity:0.35;stroke:#000;stroke-opacity:.35; cursor: pointer;}

/*jssor slider arrow skin 051 css*/
.jssora051 {display:block;position:absolute;cursor:pointer;}
.jssora051 .a {fill:none;stroke:#fff;stroke-width:360;stroke-miterlimit:10;}
.jssora051:hover {opacity:.8;}
.jssora051.jssora051dn {opacity:.5;}
.jssora051.jssora051ds {opacity:.3;pointer-events:none;}


#videopl2 {
    background: url("/images/2018/08/Online-Marketing-Programs-mb.jpg");
    background-size: cover;
    background-size: cover;
    height: 100%;
    background-position: center;
}

#videopl3 {
    background: url("/images/2018/08/Cant-be-beat-mb.jpg");
    background-size: cover;
    background-size: cover;
    height: 100%;
    background-position: center;
}

#videopl5 {
    background: url("/images/2018/08/Client-Reporting-Portal-mb.jpg");
    background-size: cover;
    background-size: cover;
    height: 100%;
    background-position: center;
}
.row {
    margin-right: 0px;
    margin-left: 0px;
}
@media(max-width: 1600px){

    .rm-mgbtm {
        margin-bottom: -165px !important;
    }

    .rm-btm h2 {
        font-size: 35px !important;
    }

    .contact-us-btn {
        padding: 10px 20px 10px 20px !important;
        max-width: 200px !important;
    }

    .contact-us-btn img {
        width: 20px !important;
    }



    .portfolio-section .portfolio-client {
        max-width: 220px;
    }
}

@media(max-width: 1350px){

    .row-full-height .col-lg-3, .row-full-height .col-lg-6 {
        cursor: pointer;
        min-height: 600px;
    }

    .portfolio-section .portfolio-client {
        max-width: 150px;
    }

    .portfolio-tab {
        max-width: 20% !important;
    }

    .portfolio-imgs .beginning-tab-portfolio, .portfolio-imgs .portfolio-tab:nth-child(2), .portfolio-imgs .portfolio-tab:nth-child(3), .portfolio-imgs .portfolio-tab:nth-child(4) {
        margin-bottom: 20px;
    }

}

@media(max-width: 1050px){

    .rm-mgbtm {
        margin-bottom: 20px !important;
    }

    .rm-btm h2 {
        font-size: 22px !important;
    }

    .contact-us-btn {
        padding: 9px 15px 9px 10px !important;
        max-width: 180px !important;
    }

    .contact-us-btn img {
        width: 15px !important;
    }

}



/* === homepage extras formerly after slick (ex-index.php ~L3219+) === */



iframe#tidio-chat-iframe {
    bottom: 85px !important;
}

h1 {margin: 20px 0; text-align: center; color: #3c4135;}
h2 {text-align: center; color: #3c4135;}
p {text-align: center;}
a {color: #38A1DA;}
pre {width: 382px; margin: 10px auto; padding: 10px; background: #e8ece3;}
.pointer {cursor: pointer;}
.plate {width: 300px; background: #FFF; color: #38A1DA; margin: 0 auto; text-align: center; font-size: 24px; padding: 40px 25px 0px 25px;}
.plate i:before { font-size: 40px; }
.listener {display: flex; width: 400px; height: 300px; margin: 0 auto; border: 1px solid #3c4135; transition: background 200ms;}
.listener:hover {background: #adba93;}
.listener.small {width: 200px; height: 200px; margin-bottom: 20px;}
.listener .plate {margin: auto;}

.portfolio-imgs {
    border: 1px solid #F8F8F8;
    box-shadow: 1px 1px 2px 1px #F0F0F0;0
    text-align: center;
}

.portfolio-tab {
    padding: 16px 8px 18px 8px;
    color: #7d7b7b;
    cursor: pointer;
    font-size: 14px;
    max-width: 12%;
    width: 100%;
    text-align: center;
    transition: 0.7s ease;
    vertical-align: top;
}

.active-portfolio-tab {
    background: #003471;
    color: #fff;
    font-weight: bold;
}

.boxX, .boxX2, .boxX3, .boxX4, .boxX5, .boxX6, .boxX7, .boxX8, .boxX9 {
    transition-property: opacity,transform;
    transition-timing-function: cubic-bezier(.445,.05,.55,.95);
    transition-duration: .4s;
}

/* Bootstrap 3 gave every heading margin-top: 20px; Bootstrap 4's reboot zeroes
   it, which closed the gap between each service tile's icon and its title.
   Restored just for the tiles -- the rest of the page keeps BS4's spacing, the
   same as the CMS route has had all along. */
.equalize-height-box3 h3 {
    margin-top: 20px;
}

/* "What We Do" ships two grids: the desktop one flips each box open in place,
   the phone one is a denser grid whose tiles link out to the service pages.
   They differ in order, layout and behaviour, so they stay separate trees and
   the viewport picks one.
   .wwd-mobile is hidden outside any query so a dropped query falls back to the
   desktop tree alone rather than stacking both. .wwd-desktop is only ever
   hidden, never given a display, because its containers are display:table. */
/* padding:0 so the tiles run edge to edge, matching the desktop containers,
   which carry it inline. */
.wwd-mobile {
    display: none;
    padding: 0;
}

@media (width <= 767px) {
    .wwd-desktop {
        display: none;
    }

    .wwd-mobile {
        display: block;
    }
}

.portfolio-section-any {
    display: none;
    position: relative;
    z-index: 0;
    margin-bottom: 20px;
    transition-property: opacity,transform;
    transition-timing-function: cubic-bezier(.445,.05,.55,.95);
    transition-duration: .4s;
    opacity: 0;
    transform: translateY(100px);
}

.portfolio-section-any img {
    cursor: pointer;
}

.active-portfolio-section {
    display: block;
    opacity: 1;
}

.contact-us-btn {
    display: block;
    border: 1.5px solid #2768AA;
    padding: 15px 35px 15px 35px;
    max-width: 250px;
    width: 100%;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
    color: #2768AA;
}

.contact-us-btn:hover {
    background: #2768AA;
    color: #fff;
    text-decoration: none;
}

.row-free-consultation-btn {
    padding-top: 35px;
}

@media(max-width: 1200px){

    .tmp-img {
        display: none;
    }

    .to-hide-tablets {
        display: none;
    }

}

@media(max-width: 1450px){

    .tmp-img {
        margin-left: 95px !important;
    }

}

@media(max-width: 1600px){

    .who-we-are p, .what-we-do p {
        font-size: 14px !important;
    }

    .container.who-we-are .less-padding-left, .what-we-do .less-padding-left {
        padding-left: 30px !important;
    }

    .minHeightFull {
        min-height: 100% !important;
    }

    .portfolio-imgs .portfolio-tab:nth-child(4){
        font-size: 12px !important;
    }

    .portfolio-tab {
        font-size: 13px !important;
    }

}

@media (min-width:300px) and (max-width:500px){
    .forbes-slide-logo{
        max-width: 190px !important;
        margin:0px 0px 17px -77px !important;
    }
    .fb-slide-logo{
        min-width: 115px !important;
    }
}

@media(max-width: 1450px){

    .row-full-height .col-lg-3 {
        min-height: 510px;
    }

}

@media(min-width: 767px){

    .to-disp-mobile {
        display: none;
    }

    .to-disp-desktop {
        display: block;
    }

}

@media(max-width: 767px){

    .contact-us-btn{
        font-size:15px;
        margin-top:10px;
        max-width: 145px !important;
        text-align: center!important;
        margin:auto;
    }

    /*Trigger Accessibilty*/

    .acsb-trigger.acsb-bg-lead.acsb-ready.acsb-trigger-position-x-right.acsb-trigger-position-y-bottom.acsb-trigger-size-medium {
        display: block !important;
    }

    .acsb-trigger.acsb-actions-active .acsb-actions-active-icon{
        display: block !important;
    }

    body .acsb-trigger .acsb-actions-active-icon{
        border-color: #2768aa !important;
    }

    .mbl-center-text{
        text-align:center !important;
    }

    /*Trigger Accessibilty*/

    .equalize-height-box3 p {
        display: none;
    }

    .equalize-height-box3 h3 {
        font-size: 16px !important;
    }

    .equalize-height-box3 img {
        max-width: 75px !important;
        width: 100%;
    }

    .row-full-height .col-lg-3, .row-full-height .col-md-6 {
        min-height: 335px;
    }

    .portfolio-tab {
        max-width: 100% !important;
    }

    .portfolio-imgs .beginning-tab-portfolio, .portfolio-imgs .portfolio-tab:nth-child(2), .portfolio-imgs .portfolio-tab:nth-child(3), .portfolio-imgs .portfolio-tab:nth-child(4) {
        margin-bottom: 0px;
    }

    .to-disp-desktop {
        display: none;
    }

    .to-disp-mobile {
        display: block;
    }

    .jR3DCarouselGalleryCustom {
        max-width: 90%;
    }

    /* Slider Adjustments */

    .hp-slider-txt {
        top: 80px;
    }



    #scroll-sidebar {
        top: 0px;
        display: none;
    }

    .intro-cmp {
        margin-top: 40px;
    }

    .jssora051 svg {
        width: 75% !important;
        position: relative;
        top: 90px !important;
    }

    /* Slider Adjustments */

    .less-pd-tp-btm-mb {
        padding-top: 75px !important;
        padding-bottom: 75px !important;
    }

    .less-pd-tp-btm-mb a img {
        width: 70px;
    }

}