/* HERO */
#hero {
    margin-top:-90px;
    padding: 240px 0 15%;
    max-height: 1000px;
    overflow: hidden;
}
@media only screen and (max-width: 991.98px) {
    #hero {
        padding: 150px 0 12%;
    }
}
@media only screen and (max-width: 767.98px) {
    #hero {
        padding: 120px 0 60px;
    }
}
#hero .container {
    z-index:1;
    position: relative;
    padding: 0 30px;
}
#hero #video {
    position : absolute;
    width : 100%;
    height : 100%;
    top : 50%;
    left : 50%;
    z-index : -1;
    opacity: 0.2;
    transform : translateX(-50%) translateY(-50%);
    -webkit-mask-box-image: url("../assets/index/mask-desktop.svg");
    mask-box-image: url("../assets/index/mask-desktop.svg");
}
@media only screen and (max-width: 767.98px) {
    #hero #video {
        -webkit-mask-box-image: url("../assets/index/mask-mobile.svg");
        mask-box-image: url("../assets/index/mask-mobile.svg");
    }

}
#hero video {
    position : absolute;
    top : 50%;
    left : 50%;
    min-width : 100%;
    min-height : 100%;
    width : auto;
    height : auto;
    z-index : -2;
    transform : translateX(-50%) translateY(-50%);
}
@media only screen and (max-width: 767.98px) {
    #hero .large-heading {
        margin-bottom:60px;
    }
}
#hero .amazon-logo {
    margin-left:0;
    max-width:200px;
    display:block;
    margin: 30px 0 5px;
}
@media only screen and (max-width: 767.98px) {
    #hero .amazon-logo {
        max-width:120px;
        margin: 20px 0 5px;
    }
}

/* ABOUT */
@media only screen and (max-width: 767.98px) {
    #about {
        padding-bottom:0;
    }
}
#about ul {
    list-style-type:none;
}
@media only screen and (max-width: 767.98px) {
    #about ul {
        margin-bottom:60px;
        text-align:center;
    }
}
#about ul li {
    font-size: 24px;
    margin-bottom: 15px;
}
@media only screen and (max-width: 991.98px) {
    #about ul li {
        font-size: 20px;
    }
}
@media only screen and (max-width: 767.98px) {
    #about ul li {
        font-size: 18px;
    }
}
@media only screen and (max-width: 767.98px) {
    #about .large-heading {
        margin-bottom:0;
    }
}

/* SERVICES */
#services .small-heading,
#solutions .small-heading {
    font-family: 'Nunito Sans', sans-serif;
}
@media only screen and (max-width: 767.98px) { 
    #services .small-heading,
    #solutions .small-heading {
        margin-bottom: 0;
        font-size:18px;
    }
}
.service-switch {
    margin: 15px 0;
    padding: 15px 0;
    color: #455268;
    cursor: pointer;
    font-weight: 800;
}
.service-switch.active {
    color: #25EBBB;
}
.service-wrapper {
    display: none;
    background: #172A4B url(../assets/amazon/S1_New_product_launches_BG.jpg) center bottom no-repeat;
    background-size: cover;
    padding: 60px;
    border-radius:45px;
}
@media only screen and (max-width: 991.98px) {
    .service-wrapper {
        padding: 30px;
    }
}
@media only screen and (max-width: 767.98px) {
    .service-wrapper {
        display: block;
        background: transparent;
        background-image:none !important;
        padding: 0;
        border-radius:0;
        margin-bottom:5px;
    }
}
.service-wrapper.service-growth-management {
    background-image: url(../assets/amazon/S1_growth_management_BG.jpg);
}
.service-wrapper.service-listing-optimization {
    background-image: url(../assets/amazon/S1_Listing_optimization_SEO_BG.jpg);
}
.service-wrapper.service-catalog-organization {
    background-image: url(../assets/amazon/S1_Catalog_organization_BG.jpg);
}
.service-wrapper.service-pricing-strategy {
    background-image: url(../assets/amazon/S1_Pricing_Strategy_BG.jpg);
}
.service-wrapper.service-inventory-management {
    background-image: url(../assets/amazon/S1_Inventory_management_BG.jpg);
}
.service-wrapper.service-wrapper.service-product-review-builder {
    background-image: url(../assets/amazon/S2_Product_review_builder_BG.jpg);
}
.service-wrapper.service-ppc-media-buying {
    background-image: url(../assets/amazon/S2_PPC_medibuying_BG.jpg);
}
.service-wrapper.service-reporting-data {
    background-image: url(../assets/amazon/S2_Reporting_data_BG.jpg);
}
.service-wrapper.service-account-health {
    background-image: url(../assets/amazon/S2_Account_health_BG.jpg);
}
.service-wrapper.service-feedback-management {
    background-image: url(../assets/amazon/S2_Feedback_management_BG.jpg);
}
.service-wrapper.service-best-seller {
    background-image: url(../assets/amazon/S2_Best_seller_rank_BG.jpg);
}
@media only screen and (max-width: 767.98px) {
    .service-wrapper .service-content-wrapper {
        display: none;
        margin-top: 30px;
    }
}
.service-wrapper.service-product-launches {
    display: block;
}
@media only screen and (max-width: 767.98px) {
    .service-wrapper.service-product-launches .service-content-wrapper {
        display: block;
    }
}
.service-wrapper.service-product-review-builder {
    display: block;
}
@media only screen and (max-width: 767.98px) {
    .service-wrapper.service-product-review-builder .service-content-wrapper {
        display: block;
    }
}
@media only screen and (max-width: 767.98px) {
    .service-wrapper .service-content-wrapper {
        display: none;
        margin-top: 0;
        padding:0 15px 15px;
        border-bottom-left-radius: 30px;
        border-bottom-right-radius: 30px;
        background: #172A4B;
    }
}
.service-title .fa {
    display: none;
}
@media only screen and (max-width: 767.98px) {
    .service-title {
        display: flex;
        justify-content: space-between;
        align-items:center;
        cursor:pointer;
        padding:15px;
        background: #172A4B;
    }
    .service-title .small-heading {
        margin:0;
    }
    .service-title .fa {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size:18px;
        color: #25EBBB;
        border:2px solid #25EBBB;
        border-radius: 50%;
        width:32px;
        height:32px;
        line-height:32px;
        text-align:center;
        letter-spacing: 0;
    }
    .service-title .fa:before {
        margin-left:1px;
    }
    .service-title .fa-minus {
        display:none;
    }        
    .jquery-accordion-active .fa-minus {
        display:flex;
    }
    .jquery-accordion-active .fa-plus {
        display:none;
    }
        
}
    

/* PLATFORMS */
#platforms .platform-wrapper {
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 991.98px) {
    #platforms .platform-wrapper {
        flex-wrap: wrap;
    }
}
#platforms img {
    padding: 15px;
    max-height:60px;
    width: auto;
    margin: auto;
}
@media only screen and (max-width: 991.98px) {
    #platforms img {
        max-height:50px;
    }
}
@media only screen and (max-width: 767.98px) {
    #platforms img {
        width: auto;
        max-height: 50px;
    }
}
#platforms i {
    font-size:36px;
    padding: 15px;
    margin: auto;
}

/* CREATIVE */
#creative .heading-wrapper {
    align-items: center;
}
#creative .creative-switcher {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#creative .creative-switcher button {
    display: inline-block;
    width: 30%;
    border: 1px solid #25EBBB;
    border-radius:30px;
    text-align: center;
    padding: 10px 15px;
    margin: 30px 1% 0;
    background: transparent;
    color: white;
    font-size: 16px;
    font-family: 'Nunito Sans', sans-serif;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all 0.5s ease;
}
@media only screen and (max-width: 991.98px) {
    #creative .creative-switcher button {
        margin: 15px 1%;
    }
}
@media only screen and (max-width: 767.98px) {
    #creative .creative-switcher button {
        margin: 0 0.5% 15px;
        font-size: 13px;
        width: 31%;
        padding: 10px 5px;
    }
}
#creative .creative-switcher button:hover {
    background: #25EBBB;
    color: black;
}
#creative .creative-switcher button.active {
    background: #25EBBB;
    color: black;
}
#creative .creative-slider {
    margin-top:30px;
}
@media only screen and (max-width: 767.98px) {
    #creative .creative-slider {
        margin-top:15px;
    }
}
#creative .creative-slider .slick-list {
    overflow:visible;
}
#creative .creative-slider .slick-slide {
    margin:0 15px;
    max-width:350px;
}
#creative .creative-slider .slick-slide:nth-child(4n + 1) {
    margin-top:75px;
}
#creative .creative-slider .slick-slide:nth-child(4n + 2) {
    margin-top:150px;
}
#creative .creative-slider .slick-slide:nth-child(4n + 3) {
    margin-top:75px;
}
#creative .creative-slider .slick-slide:nth-child(4n + 4) {
    margin-top:0;
}
@media only screen and (max-width: 991.98px) {
    #creative .creative-slider .slick-slide:nth-child(4n + 1) {
        margin-top:30px;
    }
    #creative .creative-slider .slick-slide:nth-child(4n + 2) {
        margin-top:0;
    }
    #creative .creative-slider .slick-slide:nth-child(4n + 3) {
        margin-top:30px;
    }
    #creative .creative-slider .slick-slide:nth-child(4n + 4) {
        margin-top:60px;
    }
}
@media only screen and (max-width: 767.98px) {
    #creative .creative-slider .slick-slide:nth-child(4n + 1) {
        margin-top:30px;
    }
    #creative .creative-slider .slick-slide:nth-child(4n + 2) {
        margin-top:60px;
    }
    #creative .creative-slider .slick-slide:nth-child(4n + 3) {
        margin-top:30px;
    }
    #creative .creative-slider .slick-slide:nth-child(4n + 4) {
        margin-top:0;
    }
}
#creative .creative-slider video {
    border-radius:30px;
    margin-bottom:30px;
    border:1px solid #868686;
}
#creative .creative-slider img {
    border-radius:30px;
    margin-bottom:30px;
    border:1px solid #868686;
}
#creative .creative-slider .scroll-slide::-webkit-scrollbar {
    display: none;
}
#creative .slick-dots li button:before,
#creative .slick-dots li.slick-active button:before {
    color: white;
}

/* SOLUTIONS */
#solutions .heading-wrapper {
    margin-bottom: 60px;
    align-items: center;
}
@media only screen and (max-width: 767.98px) {
    #solutions .heading-wrapper {
        margin-bottom: 30px;
    }
}

/* TESTIMONIALS */
#testimonials .testimonials-wrapper {
    background:white;
    color: black;
    padding: 30px 60px;
    border-radius: 30px;
}
@media only screen and (max-width: 991.98px) {
    #testimonials .testimonials-wrapper {
        padding: 30px 15px;
    }
}
@media only screen and (max-width: 767.98px) {
    #testimonials .testimonials-wrapper {
        padding: 30px 15px;
    }
}
#testimonials .small-heading {
    text-transform: uppercase;
    font-family: 'Nunito Sans', sans-serif;
    font-size:16px;
    font-weight:300;
    letter-spacing: 3px;
}
@media only screen and (max-width: 767.98px) {
    #testimonials .small-heading {
        margin-bottom: 15px;
    }
}
#testimonials blockquote {
    font-size:24px;
    margin:30px;
}
@media only screen and (max-width: 991.98px) {
    #testimonials blockquote {
        margin:15px;
    }
}
@media only screen and (max-width: 767.98px) {
    #testimonials blockquote {
        font-size:16px;
    }
}
#testimonials p.author {
    font-weight: 700;
}

/* CLIENTS */
#clients ul li {
    margin-bottom:15px;
}
@media only screen and (max-width: 767.98px) {
    #clients ul li {
        font-size:14px;
        margin-bottom:10px;
    }
}
#clients .clients-wrapper {
    display: flex;
    flex-wrap: wrap;
}
#clients .clients-wrapper>* {
    flex: 0 0 25%;
}
@media only screen and (max-width: 991.98px) {
    #clients .clients-wrapper>* {
        flex: 0 0 33.33%;
    }
}
#clients .clients-wrapper img {
    width: 25%;
    padding: 0 60px;
    max-height: 100px;
    margin: 60px 0;
}
@media only screen and (max-width: 991.98px) {
    #clients .clients-wrapper img {
        width: 33.33%;
        max-height: 75px;
    }
}
@media only screen and (max-width: 767.98px) {
    #clients .clients-wrapper img {
        padding:0 20px;
        margin:30px 0;
    }
}

/* PLEDGE */
#pledge ul li {
    margin-bottom: 15px;
}
@media only screen and (max-width: 767.98px) {
    #pledge ul li {
        text-align:left;
        font-size:18px;
    }
}

/* CONTACT */
@media only screen and (max-width: 767.98px) {
    #contact {
        background: #020822;
        padding-bottom:0;
    }
}
#contact .contact-wrapper {
    background: #020822;
    border-radius:30px;
    padding:60px 30px;
    max-width: 960px;
    margin: 0 auto;
}
@media only screen and (max-width: 767.98px) {
    #contact .contact-wrapper {
        padding:15px;
    }
}
#contact form {
    max-width: 480px;
    margin: 0 auto;
}
#contact input,
#contact select,
#contact textarea,
#contact fieldset,
#contact optgroup,
#contact label,
#contact #card-element:disabled {
  font-family: inherit;
  font-size: 100%;
  color: inherit;
  border: none;
  border-radius: 0;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
#contact label,
#contact legend,
#contact ::placeholder {
  font-size: 16px;
  margin-bottom: .5rem;
  padding-top: .2rem;
  display: flex;
  align-items: baseline;
}
#contact input,
#contact select,
#contact textarea,
#contact #card-element {
  border: 1px solid white;
  border-radius: 5px;
  background-color: transparent;
  padding: .75em 1rem;
  margin-bottom: 1rem;
}
#contact input:focus,
#contact select:focus,
#contact textarea:focus {
  outline-style: solid;
  outline-width: thin;
  outline-color: transparent;
  outline-offset: -1px;
}
#contact [type="text"],
#contact [type="email"] {
  width: 100%;
}
#contact [type="button"],
#contact [type="submit"],
#contact [type="reset"] {
  width: auto;
  cursor: pointer;
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}
#contact [type="button"]:focus,
#contact [type="submit"]:focus,
#contact [type="reset"]:focus {
  outline: none;
}
#contact select {
  text-transform: none;
}
#contact [type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  display: inline-block;
  width: auto;
  margin: 0 .5em 0 0 !important;
}
#contact [type="radio"] {
  -webkit-appearance: radio;
  -moz-appearance: radio;
  appearance: radio;
}
#contact [type="submit"] {
    width: 100%;
    max-width: 320px;
    padding: 15px 30px;
    border: 1px solid #25EBBB;
    border-radius: 30px;
    margin: 1.5rem auto;
    transition: all 0.5s ease;
}
#contact [type="submit"]:hover {
    background: #25EBBB;
    color: black;
}
#contact .form-note {
    font-size: 9px;
}