/* Override Bootstrap Styles */

.modal {

    text-align: center;

}



@media screen and (min-width: 768px) { 

.modal:before {

    display: inline-block;

    vertical-align: middle;

    content: " ";

    height: 100%;

}

}



.modal-dialog {

    display: inline-block;

    text-align: left;

    vertical-align: middle;

}



.carousel-control.left, .carousel-control.right {

    background-image:none !important;

    filter:none !important;

    color: #1f9aa8 !important;

 }

 .carousel-caption {

    right: 10%;

    text-align: center;

    left: auto;

    top: 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    align-content: center;

    justify-content: center;

    width: 40vw;

}
 .carousel-caption1 {

    right: 50%;

    text-align: center;

    left: auto;

    top: 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    align-content: center;

    justify-content: center;

    width: 40vw;

}


.modal-backdrop {

    background:  #fff;

}



.modal-content {

    border: none;

    border-radius: 14px;

    box-shadow: 0 5px 15px #1F9AA8;

    -webkit-box-shadow: 0 5px 15px #1F9AA8;

    color: #1F9AA8;

}



.modal-content .custom-close {

    background: transparent;

    border: none;

    position: absolute;

    right: 15px;

    transition: .3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    -webkit-transition: .3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    -moz-transition: .3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    opacity: .65;

}



.modal-content .custom-close > i {

    color: #1F9AA8;

    font-size: 24px;

}



.modal-content .custom-close:hover {

   opacity: 1;

}



.modal-dialog {

    max-width: 435px;

}



.modal-title {

    display: flex;

    margin: 25px auto;

    justify-content: center;

    align-items: center;

    font-size: 26px;

    font-weight: 300;

}



.modal-title > b {

    font-weight: bold;

    margin-right: 5px;

}



.modal-header {

    border-bottom: none;

    padding-bottom: 0;

}



.modal-content .form-group { 

    display: flex;

    justify-content: space-between;

    width: 100%;

    padding: 0 25px;

}



.modal {

    position: absolute;

    height: 100%;

    overflow: initial;

}



.modal-body {

    position: relative;

    padding: 15px;

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

}



.modal-content .form-group > input { 

    flex-grow: 1;

    border: 1px solid #B8EBF0;

    border-radius: 24px;

    padding: 10px 20px;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 300;

    display: block;

}

.modal-content .form-group p {

    font-size: 11px;

    line-height: 22px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    margin: 0 auto;

    text-align: center;

}

.modal-content .form-group p > input[type="radio"] {

    width: auto;

    margin-right: 5px;

    align-self: center;

    position: relative;

    top: 2px;

}



.modal-content .switch {

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 14px;

    font-weight: 300;

}



.modal-content .switch button {

    border: none;

    background: #BAEBF0;

    padding: 15px 30px;

    border-radius: 25px;

    font-weight: bold;

    color: #1F9AA8;

    margin-left: 15px;

}



.modal-content .form-group p > label {

    display: inline;

}



.modal-content .form-group p > a {

    border-bottom: 1px solid rgba(31, 154, 168, 0.63);

    text-decoration: none;

}



.modal-content .modal-button { 

    border-radius: 24px;

    border: none;

    padding: 15px 35px;

    background: #1F9AA8;

    color: white;

    font-size: 13px;

    font-weight: bold;

    min-width: 175px;

    margin: 0 auto;

    display: block;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



.modal-content .modal-button:hover {

    border-radius: 5px;

    box-shadow: 0 4px 8px rgba(0, 141, 157, 0.3);

}



.modal-body img {

    height: 48px;

    margin: 35px auto 15px auto;

}

/* Override Bootstrap Styles */



/* Pace Styles */

.cover {

    background-color: #F8F8F8;

    background-image: url('../../images/layout/logo.png');

    background-repeat: no-repeat;

    background-position: center center;

    z-index: 1999;

    position: fixed;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

}



/* Pace Styles */



/* Core Styles */



form.invalid select:invalid,

form.invalid textarea:invalid,

form.invalid input:invalid {

    border-color: #ef6549 !important;

}



form.invalid input[type="radio"]:invalid + label,

form.invalid input[type="radio"]:invalid + span {

    color: #ef6549 !important;

}



form.invalid input[type="file"]:invalid + label {

    background: #ef6549 !important;

    color: white !important;

}



form {

    transition: .3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    -webkit-transition: .3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    -moz-transition: .3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

}

form.disabled{

    opacity: .35;

    pointer-events: none;

    cursor: not-allowed;

}



* {

    text-shadow: none !important;

}



html {

    /* Adjust font size */

    font-size: 100%;

    -webkit-text-size-adjust: 100%;

    

    /* Font varient */

    font-variant-ligatures: none;

    -webkit-font-variant-ligatures: none;



    /* Smoothing */

    text-rendering: optimizeLegibility;

    -moz-osx-font-smoothing: grayscale;

    font-smoothing: antialiased;

    -webkit-font-smoothing: antialiased;

    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;

}



* {

    outline: none !important;

}

body {

    background: #F8F8F8;

    overflow-y: scroll;

    overflow-x: hidden;

    font-family: 'Roboto', sans-serif;

}



body.pace-done {

    overflow-y: auto;

}



body.pace-running > .page-wrapper {

    display: none;

}



.page-wrapper {

    min-height: 100vh;

    display: flex;

    flex-direction: column;

}



.page-content {

    flex-grow: 1;

}



.container-fluid,

.container {

    width: 100%;

    display: flex;

    flex-direction: row;

    padding: 0 30px;

    flex-wrap: wrap;

}



.container {

    max-width: 1170px;

}



.flex-grow {

    width: 100%;

    flex-grow: 1;

}



/* Header Styles */

header {

    width: 100%;

    min-height: 120px;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: flex-start;

    font-family: 'Roboto', sans-serif;

    flex-wrap: wrap;

    flex: 0;

    background: #F8F8F8;

    overflow: hidden;

    transition: box-shadow 0.2s ease-in;

    -webkit-transition: box-shadow 0.2s ease-in;

    -moz-transition: box-shadow 0.2s ease-in;

    border-bottom: 2px solid rgba(186, 235, 240, 0.57);

}



header > .header-top,

header > .header-bottom {

    flex-grow: 1;

    display: flex;

    width: 100%;

    justify-content: center;

}



header > .header-top {

    padding: 30px 0;

}



header > .header-bottom {

    transition: .3s;  

    -webkit-transition: .3s;  

    -moz-transition: .3s;  

    overflow: hidden;

    max-height: 0;

    padding-top: 0px;

    border: solid transparent;

    border-width: 1px 0;

}



header > .header-bottom.active {

    max-height: 400px;

    padding-top: 30px;

    border-color: rgba(0, 141, 157, 0.15);

}



header > .header-top > .container-fluid > .mobile-menu {

    cursor: pointer;

    display: none;

}



header > .header-top > .container-fluid > .mobile-menu > img {

    height: 28px;

}



header > .header-top > .container-fluid > .logo {

    align-self: center;

    margin-right: 25px;

    width: 148px;

    height: 57px;

    position: relative;

}



header > .header-top > .container-fluid > .logo > img {

    width: 148px;

    position: absolute;

    left: 0;

    top: -6px;

}



header > .header-top > .container-fluid > .navigation {

    display: flex;

    flex-direction: row;

    align-items: center;

    flex-grow: 1;

}



header > .header-top > .container-fluid > .navigation > li {

    position: relative;

}



header > .header-top > .container-fluid > .navigation > li > a {

    display: block;

    margin: 0 8px;

    padding: 4px 0;

    text-decoration: none;

    font-size: 12px;

    color: #1F9AA8;

    font-weight: bold;

    white-space: nowrap;

    transition: font-size .1s ease-in-out;

    -webkit-transition: font-size .1s ease-in-out;

    -moz-transition: font-size .1s ease-in-out;

    border-bottom:1px solid transparent;

}



header > .header-top > .container-fluid > .navigation > li:(.active):hover > a {

    border-color:rgba(31, 154, 168, 0.35);

}



header > .header-top > .container-fluid > .navigation > li.has-dropdown:after {

    content: "";

    display: none;

    width: 35%;

    height: 3px;

    background-color: #0C9AA8;

    position: absolute;

    bottom: -8px;

    left: 8px;

    border-radius: 25px;

}



header > .header-top > .container-fluid > .navigation > li.active-link:after,

header > .header-top > .container-fluid > .navigation > li.active:after  {

    display: block;

}



header > .header-top > .container-fluid > .navigation > li.active-link > a,

header > .header-top > .container-fluid > .navigation > li.active > a {

    font-size: 14px;

}



header > .header-top > .container-fluid > .navigation-buttons {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-self: flex-end;

}



header > .header-top > .container-fluid > .navigation-buttons > li > a {

    display: flex;

    height: 47px;

    padding: 0 15px;

    text-decoration: none;

    font-size: 13px;

    color: #ffffff;

    font-weight: 500;

    border-radius: 24px;

    margin:0 4px;

    white-space: nowrap;

    justify-content: center;

    align-items: center;

    border: 1px solid transparent;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



header > .header-top > .container-fluid > .navigation-buttons > li:hover > a {

    border-radius: 5px;

    box-shadow: 0 4px 8px rgba(0, 141, 157, 0.3);

}



header > .header-top > .container-fluid > .navigation-buttons > li:first-child > a {

    background: #1F9AA8;

    position: relative;

}



header > .header-top > .container-fluid > .navigation-buttons > li:first-child.active > a {

    border: 2px solid #fff;

    border-radius: 5px;

    box-shadow: 0 4px 8px rgba(0, 141, 157, 0.3);

}



header > .header-top > .container-fluid > .navigation-buttons > li:nth-child(2) > a {

    background: #FFA75C;

}



header > .header-top > .container-fluid > .navigation-buttons > li:nth-child(3) > a {

    background: #BAEBF0;

    color: #1F9AA8;

}



header > .header-top > .container-fluid > .navigation-buttons > li:nth-child(4) > a {

    background: transparent;

    color: #B2B2B2;

    border-color: #B2B2B2;

}



header > .header-top > .container-fluid > .navigation-buttons > li > a > img{

    height: 18px;

    margin-right: 5px;

    align-self: center;

}



header > .header-top > .container-fluid > .navigation-buttons > li:nth-child(2) > a > img{

    height: 22px;

}



header > .header-top > .container-fluid > .navigation-buttons > li:nth-child(3) > a > img{

    height: 23px;

}



header > .header-top > .container-fluid > .navigation-buttons > li:nth-child(4) > a > img{

    height: 25px;

}



header > .header-bottom > .container-fluid > .sub-menu {

    flex-direction: column;

    align-items: flex-start;

    flex-grow: 1;

    padding-left: 180px;

    display: none;

    justify-content: center;

}



header > .header-bottom > .container-fluid > .sub-menu#header-sub-menu-list {

    padding-bottom: 30px;   

}



header > .header-bottom > .container-fluid > .sub-menu.active {

    display: flex;

}



header > .header-bottom > .container-fluid > .sub-menu > li {

    position: relative;

}



header > .header-bottom > .container-fluid > .sub-menu > li > a {

    display: block;

    padding: 8px 0;

    text-decoration: none;

    font-size: 12px;

    color: #1F9AA8;

    white-space: nowrap;

    transition: .15s ease-in-out;

    -webkit-transition: .15s ease-in-out;

    -moz-transition: .15s ease-in-out;

    border-bottom:1px solid transparent;

}



header > .header-bottom > .container-fluid > .sub-menu > li.active > a {

    font-weight: bold;

}



header > .header-bottom > .container-fluid > .sub-menu > li.active > a,

header > .header-bottom > .container-fluid > .sub-menu > li:hover > a {

    border-color:rgba(31, 154, 168, 0.35);

}



header > .header-bottom > .container-fluid > .sub-menu#header-brands-3,

header > .header-bottom > .container-fluid > .sub-menu#header-brands-2,

header > .header-bottom > .container-fluid > .sub-menu#header-brands {

    flex-direction: row;

    padding-left: 0;

}



header > .header-bottom > .container-fluid > .sub-menu#header-brands-3 > li,

header > .header-bottom > .container-fluid > .sub-menu#header-brands-2 > li,

header > .header-bottom > .container-fluid > .sub-menu#header-brands > li {

    width: 16.6%;

    min-width: 125px;

    max-width: 150px;

    position: relative;

    transition: .15s ease-in-out;

    -webkit-transition: .15s ease-in-out;

    -moz-transition: .15s ease-in-out;

    margin: 7px;

}



header > .header-bottom > .container-fluid > .sub-menu#header-brands-3 > li.active,

header > .header-bottom > .container-fluid > .sub-menu#header-brands-2 > li.active,

header > .header-bottom > .container-fluid > .sub-menu#header-brands-3 > li:not(.active):hover,

header > .header-bottom > .container-fluid > .sub-menu#header-brands-2 > li:not(.active):hover,

header > .header-bottom > .container-fluid > .sub-menu#header-brands > li.active,

header > .header-bottom > .container-fluid > .sub-menu#header-brands > li:not(.active):hover {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    margin: 0 15px;

}



header > .header-bottom > .container-fluid > .sub-menu#header-brands-3 > li.active,

header > .header-bottom > .container-fluid > .sub-menu#header-brands-2 > li.active,

header > .header-bottom > .container-fluid > .sub-menu#header-brands > li.active {

    pointer-events: none !important;

    cursor: not-allowed !important;

}



header > .header-bottom > .container-fluid > .sub-menu#header-brands-3 > li.active > a,

header > .header-bottom > .container-fluid > .sub-menu#header-brands-2 > li.active > a,

header > .header-bottom > .container-fluid > .sub-menu#header-brands > li.active > a {

    box-shadow: 0 1px 3px #FFA75C !important;

}



header > .header-bottom > .container-fluid > .sub-menu#header-brands-3 > li > a,

header > .header-bottom > .container-fluid > .sub-menu#header-brands-2 > li > a,

header > .header-bottom > .container-fluid > .sub-menu#header-brands > li > a {

    display: block;

    padding: 0;

    text-decoration: none;

    font-size: 12px;

    color: #1F9AA8;

    background: #fff;

    white-space: nowrap;

    transition: .1s ease-in-out;

    -webkit-transition: .1s ease-in-out;

    -moz-transition: .1s ease-in-out;

    border-radius: 11px;

    box-shadow: 0 1px 3px rgba(0, 141, 157, 0.65);

    opacity: .95;

    border: none;

}



header > .header-bottom > .container-fluid > .sub-menu#header-brands-3 > li:hover > a,

header > .header-bottom > .container-fluid > .sub-menu#header-brands-2 > li:hover > a,

header > .header-bottom > .container-fluid > .sub-menu#header-brands > li:hover > a {

    box-shadow: 0 1px 3px rgba(0, 141, 157, 0.70);

    opacity: 1;

}



header > .header-bottom > .container-fluid > .sub-menu#header-brands-3 > li > a > img,

header > .header-bottom > .container-fluid > .sub-menu#header-brands-2 > li > a > img,

header > .header-bottom > .container-fluid > .sub-menu#header-brands > li > a > img {

    max-width: 100%;

    height: 150px;

    margin: 10px auto;

    padding: 5px 2px;

    display: block;

    align-self: center;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

}



header > .header-bottom > .container-fluid > .sub-menu#header-brands-3 > li > a > span,

header > .header-bottom > .container-fluid > .sub-menu#header-brands-2 > li > a > span,

header > .header-bottom > .container-fluid > .sub-menu#header-brands > li > a > span {

    display: block;

    margin: 0 auto;

    text-align: center;

    height: 38px;

    line-height: 38px;

    background: #B8EBF0;

    font-size: 11px;

    font-weight: bold;

    border-bottom-left-radius: 11px;

    border-bottom-right-radius: 11px;

}



header > .header-bottom > .container-fluid > .view-all {

    width: 100%;

    flex-wrap: wrap;

    display: none;

}



header > .header-bottom > .container-fluid > #header-brands.active + .view-all {

    display: block;

}



header > .header-bottom > .container-fluid > .view-all > a {

    color: #1F9AA8;

    border: 1px solid #1F9AA8;

    width: 165px;

    text-align: center;

    height: 36px;

    line-height: 36px;

    border-radius: 25px;

    font-size: 13px;

    font-weight: bold;

    font-family: 'Roboto', sans-serif;

    text-decoration: none;

    transition: .3s ease-in-out;

    -webkit-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    margin: 15px auto;

    display: block;

}

header > .header-bottom > .container-fluid > .view-all > a:hover {

    color: #fff;

    background: #1F9AA8;

    border-radius: 0;

}

/* Header Styles */



/* Footer Styles */

footer {

    padding: 40px 0;

    display: flex;

    border-top: 2px solid rgba(186, 235, 240, 0.57);

}



footer > .container-fluid {

    align-items: center;

}



footer > .container-fluid > .logo {

    align-self: center;

    margin-right: 75px;

    width: 175px;

    position: relative;

}



footer > .container-fluid > .logo > img {

    max-width: 100%;

}



footer > .container-fluid > .navigation {

    margin: 0 15px;

}



footer > .container-fluid > .navigation.grow {

    flex-grow: 1;

}



footer > .container-fluid > .navigation > li > a {

    font-size: 13px;

    color: #1F9AA8;

    margin: 12px 0;

    display: block;

}



footer > .container-fluid > .social-media {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

}



footer > .container-fluid > .social-media > li {

    font-size: 13px;

    color: #1F9AA8;

    display: block;

    text-align: center;

    margin: 5px 0;

    font-weight: 500;

}



footer > .container-fluid > .social-media > li > a {

    text-decoration: none;

}



footer > .container-fluid > .social-media > li > a > i {

    font-size: 22px;

    color: #008d9d;;

}

/* Footer Styles */



/* Core Styles */





/* Home Page Styles */



    /* Home Carousel */

    .home-carousel:after {

        content: "";

        display: block;

        width: 100%;

        height: 180px;

        position: absolute;

        bottom: -80px;

        left: 0;

        background: url('../../images/carousel/carousel-path-2.png');

        background-size: cover;

        z-index: 1;

    }



    .home-carousel > .carousel-inner > .item > .carousel-caption {

        font-family: 'Roboto', sans-serif;

    }



    .home-carousel > .carousel-inner > .item > .carousel-caption > h3 {

        font-size: 3.5vw;

        color: #1F9AA8;

        font-weight: 300;

    }



    .home-carousel > .carousel-inner > .item > .carousel-caption > h4 {

        font-size: 3.5vw;

        font-weight: bold;

        color: #1F9AA8;

        padding-top: 10px;

    }



    .home-carousel > .carousel-inner > .item > .carousel-caption > img {

        max-height: 80px;

         align-self: center;

    }



    .home-carousel > .carousel-inner .bebbe .carousel-caption {

        flex-direction: row;

        flex-wrap: wrap;

        display: flex;

    }



    .home-carousel > .carousel-inner .bebbe .carousel-caption > img {

        max-height: 350px;

    }



    .home-carousel > .carousel-inner .bebbe .carousel-caption > div {

        flex-direction: column;

        flex-wrap: wrap;

        display: flex;

    }



    .home-carousel > .carousel-inner .bebbe .carousel-caption > div > span {

        color: #803D98;

        font-family: 'Roboto', sans-serif;

        font-weight: 100;

        font-size: 32px;

        padding: 10px 25px;

        text-align: left;

    }



    .home-carousel > .carousel-inner .bebbe .carousel-caption > div > span > b {

        font-weight: bold;

    }



    .home-carousel > .carousel-inner .bebbe .carousel-caption > div > img {

        align-self: flex-start;

        max-height: 72px;

        margin-left: 15px;

    }



    .home-carousel > .carousel-inner .bebbe .carousel-caption button {

        color: #813B98;

        border: 1px solid #813B98;

        width: 190px;

        text-align: center;

        height: 36px;

        line-height: 33px;

        border-radius: 25px;

        font-size: 13px;

        font-weight: bold;

        font-family: 'Roboto', sans-serif;

        margin: 5px 0 0 25px;

        text-decoration: none;

        transition: .3s ease-in-out;

        -webkit-transition: .3s ease-in-out;

        -moz-transition: .3s ease-in-out;

    }



    .home-carousel > .carousel-inner .bebbe .carousel-caption button:hover {

        color: #fff;

        background: #813B98;

        border-radius: 0;

    }



    .home-carousel > .carousel-inner .joyjo .carousel-caption {

        flex-direction: row;

        flex-wrap: wrap;

        display: flex;

        width: 65vw;

    }



    .home-carousel > .carousel-inner .joyjo .carousel-caption > img {

        max-height: 325px;

    }



    .home-carousel > .carousel-inner .joyjo .carousel-caption > div {

        flex-direction: column;

        flex-wrap: wrap;

        display: flex;

    }



    .home-carousel > .carousel-inner .joyjo .carousel-caption > div > span {

        color: #006A95;

        font-family: 'Roboto', sans-serif;

        font-weight: 100;

        font-size: 26px;

        padding: 10px 25px;

        text-align: left;

        padding-right: 50px;

    }



    .home-carousel > .carousel-inner .joyjo .carousel-caption > div > span > b {

        font-weight: bold;

    }



    .home-carousel > .carousel-inner .joyjo .carousel-caption > div > img {

        align-self: flex-start;

        max-height: 120px;

        margin-left: 15px;

    }



    .home-carousel > .carousel-inner .joyjo .carousel-caption button {

        color: #006A95;

        border: 1px solid #006A95;

        width: 190px;

        text-align: center;

        height: 36px;

        line-height: 33px;

        border-radius: 25px;

        font-size: 13px;

        font-weight: bold;

        font-family: 'Roboto', sans-serif;

        margin: 5px 0 0 25px;

        text-decoration: none;

        transition: .3s ease-in-out;

        -webkit-transition: .3s ease-in-out;

        -moz-transition: .3s ease-in-out;

    }



    .home-carousel > .carousel-inner .joyjo .carousel-caption button:hover {

        color: #fff;

        background: #006A95;

        border-radius: 0;

    }



    .home-carousel > .carousel-inner .onlem-adult .carousel-caption {

        flex-direction: row;

        flex-wrap: wrap;

        display: flex;

        width: 65vw;

    }



    .home-carousel > .carousel-inner .onlem-adult .carousel-caption > img {

        max-height: 375px;

    }



    .home-carousel > .carousel-inner .onlem-adult .carousel-caption > div {

        flex-direction: column;

        flex-wrap: wrap;

        display: flex;

    }



    .home-carousel > .carousel-inner .onlem-adult .carousel-caption > div > span {

        color: #006A95;

        font-family: 'Roboto', sans-serif;

        font-weight: 100;

        font-size: 26px;

        padding: 10px 25px;

        text-align: left;

        padding-right: 15px;

    }



    .home-carousel > .carousel-inner .onlem-adult .carousel-caption > div > span > b {

        font-weight: bold;

    }



    .home-carousel > .carousel-inner .onlem-adult .carousel-caption > div > img {

        align-self: flex-start;

        max-height: 80px;

        margin: 0px 0 15px 25px;

        display: block;

    }



    .home-carousel > .carousel-inner .onlem-adult .carousel-caption button {

        color: #006A95;

        border: 1px solid #006A95;

        width: 190px;

        text-align: center;

        height: 36px;

        line-height: 33px;

        border-radius: 25px;

        font-size: 13px;

        font-weight: bold;

        font-family: 'Roboto', sans-serif;

        margin: 5px 0 0 25px;

        text-decoration: none;

        transition: .3s ease-in-out;

        -webkit-transition: .3s ease-in-out;

        -moz-transition: .3s ease-in-out;

    }



    .home-carousel > .carousel-inner .onlem-adult .carousel-caption button:hover {

        color: #fff;

        background: #006A95;

        border-radius: 0;

    }



    .home-carousel > .carousel-inner .onlem-baby .carousel-caption {

        flex-direction: row;

        flex-wrap: wrap;

        display: flex;

        width: 35vw;

        right: auto;

        left: 15%;

        align-items: flex-start;

        justify-content: flex-start;

    }



    .home-carousel > .carousel-inner .onlem-baby .carousel-caption > div {

        flex-direction: column;

        flex-wrap: wrap;

        display: flex;

    }



    .home-carousel > .carousel-inner .onlem-baby .carousel-caption > div > span {

        color: #0C9AA8;

        font-family: 'Roboto', sans-serif;

        font-weight: 100;

        font-size: 26px;

        padding: 10px 25px;

        text-align: left;

        padding-right: 15px;

    }



    .home-carousel > .carousel-inner .onlem-baby .carousel-caption > div > span > b {

        font-weight: bold;

    }



    .home-carousel > .carousel-inner .onlem-baby .carousel-caption > div > img {

        align-self: flex-start;

        margin: 0 auto 15px auto;

        display: block;

        max-width: 375px;

        margin-left: -35px;

        margin-bottom: -25px;

    }



    .home-carousel > .carousel-inner .onlem-baby .carousel-caption button {

        color: #0C9AA8;

        border: 1px solid #0C9AA8;

        width: 190px;

        text-align: center;

        height: 36px;

        line-height: 33px;

        border-radius: 25px;

        font-size: 13px;

        font-weight: bold;

        font-family: 'Roboto', sans-serif;

        margin: 5px 0 0 25px;

        text-decoration: none;

        transition: .3s ease-in-out;

        -webkit-transition: .3s ease-in-out;

        -moz-transition: .3s ease-in-out;

    }



    .home-carousel > .carousel-inner .onlem-baby .carousel-caption button:hover {

        color: #fff;

        background: #0C9AA8;

        border-radius: 0;

    }



    /* Home Carousel */



    /* Home Wizard */

    .home-wizard {

        position: relative;

        z-index: 99;

        min-height: 200px;

        display: flex;

        justify-content: center;

        align-items: center;

        color: #000;

    }



    .home-wizard > .container {

        margin: -75px 0 35px 0;

    }

    

    .home-wizard > .container > .wizard-left {

        flex-grow: 1;

        justify-content: center;

        display: flex;

        flex-direction: column;

    }



    .home-wizard > .container > .wizard-left > h3 {

        font-family: 'Pacifico', sans-serif;

        color: #1F9AA8;

        font-size: 46px;

        padding-top: 50px;

    }



    .home-wizard > .container > .wizard-left > h4 {

        font-family: 'Roboto', sans-serif;

        color: #1F9AA8;

        font-size: 24px;

        font-weight: 300;

        margin-top: 20px;

    }



    .home-wizard > .container > .wizard-left > span {

        font-family: 'Roboto', sans-serif;

        color: #1F9AA8;

        font-size: 15px;

        font-weight: 300;

        margin-top: 10px;

        display: block;

    }



    .home-wizard > .container > .wizard-right > img {

        width: 38vw;

        max-width: 550px;

    }

    /* Home Wizard */



    /* Home Quick Links */

    .home-quick-links {

        margin-top: -50px;

        margin-bottom: 15px;

    }



    .home-quick-links > .container > .right,

    .home-quick-links > .container > .left {

        width: 50%;

        height: 400px;

        display: flex;

        justify-content: center;

        flex-direction: column;

        padding: 0 50px;

    }



    .home-quick-links > .container > .left {

        background-image: url('../../images/layout/babycare.png');

        background-size: 300px;

        background-repeat: no-repeat;

        background-position: right 200px;

    }

    

    .home-quick-links > .container > .right {

        align-items: flex-end;

        background-image: url('../../images/layout/adultcare.png');

        background-size: cover;

        background-repeat: no-repeat;

        background-position: left bottom;

    }



    .home-quick-links > .container > .left > h3 {

        font-family: 'Pacifico', sans-serif;

        color: #1F9AA8;

        font-size: 36px;

    }



    .home-quick-links > .container > .left > a {

        color: #1F9AA8;

        border: 1px solid #1F9AA8;

        width: 130px;

        text-align: center;

        height: 28px;

        line-height: 28px;

        border-radius: 25px;

        font-size: 13px;

        font-weight: bold;

        font-family: 'Roboto', sans-serif;

        margin: 35px 0 0 15px;

        text-decoration: none;

        transition: .3s ease-in-out;

        -webkit-transition: .3s ease-in-out;

        -moz-transition: .3s ease-in-out;

    }



    .home-quick-links > .container > .left > a:hover {

        color: #fff;

        background: #1F9AA8;

        border-radius: 0;

    }



    .home-quick-links > .container > .right > h3 {

        font-family: 'Pacifico', sans-serif;

        color: #4363AD;

        font-size: 36px;

    }



    .home-quick-links > .container > .right > a {

        color:#4363AD;

        border: 1px solid #4363AD;

        width: 130px;

        text-align: center;

        height: 28px;

        line-height: 28px;

        border-radius: 25px;

        font-size: 13px;

        font-weight: bold;

        font-family: 'Roboto', sans-serif;

        margin: 35px 15px 0 0;

        text-decoration: none;

        transition: .3s ease-in-out;

        -webkit-transition: .3s ease-in-out;

        -moz-transition: .3s ease-in-out;

    }



    .home-quick-links > .container > .right > a:hover {

        color: #fff;

        background: #4363AD;

        border-radius: 0;

    }

    /* Home Quick Links */



    /* Home Blog */

    .home-blog {

        margin-bottom: 25px;

    }



    .home-blog > .line {

        width: 100%;

        margin: 0 auto 25px auto;

    }



    

    .home-blog > .container {

        max-width: 1170px;

    }



    .home-blog > .container > .title {

        color: #1F9AA8;

        display: block;

        text-align: center;

        margin: 0 auto;

        font-size: 32px;

        font-family: 'Roboto', sans-serif;

        font-weight: bold;

        margin-top: -6.9vw;

        width: 100%;

    }



    .home-blog > .container > .title > span {

        font-weight: 300;

    }



    .home-blog > .container > .blog-carousel {

        margin: 0 auto;

        width: 100%;

    }



    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items {

        display: flex;

        align-items: center;

        justify-content: space-evenly;

        margin: 25px auto;

    }



    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items > div {

        width: 22%;

        max-width: 250px;

        height: 325px;

        border-radius: 22px 22px 0 0;

        padding: 25px;

        display: flex;

        justify-content: center;

        align-items: flex-end;

        box-shadow: 0px 0px 10px rgba(0, 141, 157, 0.38);

        background-size: cover;

        background-position: center center;

        position: relative;

        z-index: 9999;

        cursor: pointer;

        transform: scale(.95);

        -webkit-transform: scale(.95);

        -moz-transform: scale(.95);

        transition: .15s cubic-bezier(0.47, 0, 0.745, 0.715);

        -webkit-transition: .15s cubic-bezier(0.47, 0, 0.745, 0.715);

        -moz-transition: .15s cubic-bezier(0.47, 0, 0.745, 0.715);

        opacity: .85;

    }



    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items > div:hover {

        opacity: 1;

        transform: scale(1.1);

        -webkit-transform: scale(1.1);

        -moz-transform: scale(1.1);

        z-index: 99;

    }



    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items > div:first-child {

        background-image: url('../../images/blog/1.png');

        background-position: center;

        background-size: cover;

    }



    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items > div:nth-child(2) {

        background-image: url('../../images/blog/2.png');

        background-position: center;

        background-size: cover;

    }



    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items > div:nth-child(3) {

        background-image: url('../../images/blog/3.png');

        background-position: center;

        background-size: cover;

    }



    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items > div:nth-child(4) {

        background-image: url('../../images/blog/4.png');

        background-position: center;

        background-size: cover;

    }



    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items > div.last {

        background-image: url('../../images/blog/5.png');

        background-position: center;

        background-size: cover;

    }



    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items > div > span {

        font-size: 16px;

        line-height: 22px;

        text-align: center;

        color: #0C9AA8;

        padding-top: 15px;

        font-family: 'Roboto', sans-serif;

        font-weight: bold;

        border-top: 1px solid rgba(12, 155, 168, 0.523);

        background: #0c9aa8;

        color: white;

        padding: 15px;

        border-radius: 4px;

    }



    .home-blog > .container .view-all {

        color: #1F9AA8;

        border: 1px solid #1F9AA8;

        width: 165px;

        text-align: center;

        height: 36px;

        line-height: 36px;

        border-radius: 25px;

        font-size: 13px;

        font-weight: bold;

        font-family: 'Roboto', sans-serif;

        margin: 35px 0 0 15px;

        text-decoration: none;

        transition: .3s ease-in-out;

        -webkit-transition: .3s ease-in-out;

        -moz-transition: .3s ease-in-out;

        margin: 15px auto;

    }



    .home-blog > .container .view-all:hover {

        color: #fff;

        background: #1F9AA8;

        border-radius: 0;

    }



    .home-blog .carousel-control.left {

        left: -150px;

    }



    .home-blog .carousel-control.right {

        right: -150px;

    }

    /* Home Blog */



    /* Home Special Brand */

    .home-special-brand {

        background-image: url('../../images/layout/special-brand-bg.png');

        padding: 50px 0 25px 0;

        background-size: cover;

        background-position: center center;

    }



    .home-special-brand > .container {

        max-width: 960px;

        padding-right: 0;

    }



    .home-special-brand > .container > .left {

        width: 50%;

    }



    .home-special-brand > .container > .left > h3 {

        font-family: 'Pacifico', sans-serif;

        font-size: 42px;

        color: #1F9AA8;

    }



    .home-special-brand > .container > .left > h4 {

        font-family: 'Roboto', sans-serif;

        font-size: 46px;

        font-weight: 100;

        color: #1F9AA8;

        margin: 15px 0;

        color: #1F9AA8;

    }



    .home-special-brand > .container > .left > p {

        font-family: 'Roboto', sans-serif;

        font-size: 12px;

        line-height: 22px;

        color: #1F9AA8;

        margin: 5px 0;

    }



    .home-special-brand > .container > .left > p.strong {

        font-size: 14px;

        font-weight: 500;

        margin-top: 15px;

    }



    .home-special-brand > .container > .right {

        width: 50%;

        padding: 0;

    }



    .home-special-brand > .container > .right > img {

        margin-left: 50px;

        max-width: 100%;

    }



    .home-special-brand > .container .view-more {

        color: #1F9AA8;

        border: 1px solid #1F9AA8;

        width: 135px;

        text-align: center;

        height: 36px;

        line-height: 36px;

        border-radius: 25px;

        font-size: 13px;

        font-weight: bold;

        font-family: 'Roboto', sans-serif;

        margin: 35px 0 0 15px;

        text-decoration: none;

        transition: .3s ease-in-out;

        -webkit-transition: .3s ease-in-out;

        -moz-transition: .3s ease-in-out;

        display: block;

        margin: 15px 0;

    }



    .home-special-brand > .container .view-more:hover {

        color: #fff;

        background: #1F9AA8;

        border-radius: 0;

    }

    /* Home Special Brand */



    /* Home Career */

    .home-career {

        background-image: url('../../images/layout/career-bg.png');

        height: 400px;

        background-size: cover;

        background-position: top;

    }



    .home-career > .container {

        flex-direction: column;

        max-width: 960px;

        flex-wrap: wrap;

    }

    

    .home-career > .container > h3 {

        font-family: 'Roboto', sans-serif;

        font-size: 46px;

        font-weight: 100;

        color: #1F9AA8;

        padding-top: 100px;

    }

    

    .home-career > .container > p {

        font-family: 'Roboto', sans-serif;

        font-size: 12px;

        line-height: 22px;

        color: #1F9AA8;

        margin: 15px 0;

        max-width: 450px;

    }

    

    .home-career > .container .view-more {

        color: #1F9AA8;

        border: 1px solid #1F9AA8;

        width: 135px;

        text-align: center;

        height: 36px;

        line-height: 36px;

        border-radius: 25px;

        font-size: 13px;

        font-weight: bold;

        font-family: 'Roboto', sans-serif;

        margin: 35px 0 0 15px;

        text-decoration: none;

        transition: .3s ease-in-out;

        -webkit-transition: .3s ease-in-out;

        -moz-transition: .3s ease-in-out;

        display: block;

        margin: 15px 0;

    }



    .home-career > .container .view-more:hover {

        color: #fff;

        background: #1F9AA8;

        border-radius: 0;

    }

    /* Home Career */



/* Home Page Styles */





/* Brands Page Styles */

.brands-wizard {

    padding-bottom: 75px;

}



.brands-wizard > .container > .top {

    display: flex;

    width: 100%;

    padding: 35px 0 70px 0;

    align-items: center;

}



.brands-wizard > .container > .top > .title {

    font-family: 'Roboto', sans-serif;

    font-size: 56px;

    color: #1F9AA8;

    flex-grow: 1;

    font-weight: 100;

}



.brands-wizard > .container > .top > img {

    max-width: 45vw;

}



.brands-wizard > .container > .bottom {

    justify-content: center;

    align-items: center;

    display: flex;

    width: 100%;

}



.brands-wizard > .container > .bottom > .buttons {

    display: flex;

    justify-content: center  ;

    align-items: center;

}



.brands-wizard > .container > .bottom > .buttons > a {

    padding: 10px;

    border: 2px solid #0C9AA8;

    border-radius: 24px;

    text-decoration: none;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);

    -webkit-transition: .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);

    -moz-transition: .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);

    box-sizing: padding-box;

    -moz-box-sizing: padding-box;

    -webkit-box-sizing: padding-box;

}



.brands-wizard > .container > .bottom > .buttons > a:hover,

.brands-wizard > .container > .bottom > .buttons > a.active {

    border-radius: 0;

    margin: 0;

    box-shadow: 0 0 9px #008d9d;

}



.brands-wizard > .container > .bottom > .buttons > a.active {

    border-color: #FFA75C;

    box-shadow: 0 0 9px #FFA75C;

}



.brands-wizard > .container > .bottom > .buttons > a:first-child {

    margin-right: 25px;

}



.brands-wizard > .container > .bottom > .buttons > a > img {

    align-self: center;

    margin: 0 5px;

    height: 42px;

}



.brands-wizard > .container > .bottom > .buttons > a > span {

    color: #0C9AA8;

    font-family: 'Roboto', sans-serif;

    font-size: 18px;

    margin: 2px 15px 0 15px;

}



.brands-wizard > .container > .bottom > .buttons > a > span > b {

    font-weight: bold;

}



.brands-wizard > .container > .brands-list {

    display: flex;

    justify-content: center;

    align-items: center;

}



.brands-wizard > .container > .brands-list {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    width: 100%;

    padding-top: 75px;

}



.brands-wizard > .container > .brands-list > li {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: row;

}



.brands-wizard > .container > .brands-list > li.honey,

.brands-wizard > .container > .brands-list > li.curelex,

.brands-wizard > .container > .brands-list > li.holder {

    margin-top: 0;

}



.brands-wizard > .container > .brands-list > li.honey > a,

.brands-wizard > .container > .brands-list > li.curelex > a,

.brands-wizard > .container > .brands-list > li.holder > a {

    padding-top: 0;

}



.brands-wizard > .container > .brands-list > li.honey > div,

.brands-wizard > .container > .brands-list > li.curelex > div,

.brands-wizard > .container > .brands-list > li.holder > div {

    padding-top: 75px;

}



.brands-wizard > .container > .brands-list > li.joyjo > a,

.brands-wizard > .container > .brands-list > li.onlem > a {

    padding-top: 0;

}



.brands-wizard > .container > .brands-list > li > a {

    padding-right: 50px;

    width: 50%;

    justify-content: center;

    align-items: center;

    padding-top: 75px;

    padding-bottom: 0;

}



.brands-wizard > .container > .brands-list > li > a > img {

    max-width: 100%;

    align-self: center;

    display: block;

    margin: 0 auto;

    padding: 15px 25px;

}



.brands-wizard > .container > .brands-list > li:first-child > a > img {

   margin-top: 0;

}



.brands-wizard > .container > .brands-list > li.joyful {

   margin-top: -50px;

}



.brands-wizard > .container > .brands-list > li.joyful > div {

   align-self: flex-start;

   margin-bottom: 0;

   margin-top: 150px;

}



.brands-wizard > .container > .brands-list > li > div {

    display: flex;

    flex-direction: column;

    width: 50%;

    align-self: flex-end;

    margin-bottom: 35px;

    padding-left: 75px;

}



.brands-wizard > .container > .brands-list > li > div > span {

    color: #1F9AA8;

    font-family: 'Roboto', sans-serif;

    font-weight: 100;

    font-size: 28px;

    line-height: 34px;

}



.brands-wizard > .container > .brands-list > li > div > span > b {

    font-weight: bold;

}



.brands-wizard > .container > .brands-list > li > div > p {

    color: #1F9AA8;

    font-family: 'Roboto', sans-serif;

    font-size: 15px;

    line-height: 25px;

    margin: 10px 0;

    max-width: 500px;

}



.brands-wizard > .container > .brands-list > li.joyful > div > span:last-child,

.brands-wizard > .container > .brands-list > li.joyful > div > span,

.brands-wizard > .container > .brands-list > li.joyful > div > p {

    color: #005470;

    border-color: #005470;

}



.brands-wizard > .container > .brands-list > li.joyjo > div > span:last-child,

.brands-wizard > .container > .brands-list > li.joyjo > div > span,

.brands-wizard > .container > .brands-list > li.joyjo > div > p {

    color: #001089;

    border-color: #001089;

}





.brands-wizard > .container > .brands-list > li.onlem.adult > div > span:last-child,

.brands-wizard > .container > .brands-list > li.onlem.adult > div > span,

.brands-wizard > .container > .brands-list > li.onlem.adult > div > p {

    color: #003764;

    border-color: #003764;

}



.brands-wizard > .container > .brands-list > li.onlem.adult > div > span:last-child:hover {

    color: white !important;

    background: #003764 !important;

}



.brands-wizard > .container > .brands-list > li.joyful > div > span:last-child,

.brands-wizard > .container > .brands-list > li.joyful > div > span,

.brands-wizard > .container > .brands-list > li.joyful > div > p {

    color: #236B82;

    border-color: #236B82;

}



.brands-wizard > .container > .brands-list > li.joyful > div > span:last-child:hover {

    color: white !important;

    background: #236B82 !important;

}



.brands-wizard > .container > .brands-list > li.holder > div > span:last-child,

.brands-wizard > .container > .brands-list > li.holder > div > span,

.brands-wizard > .container > .brands-list > li.holder > div > p {

    color: #011689;

    border-color: #011689;

}



.brands-wizard > .container > .brands-list > li.holder > div > span:last-child:hover {

    color: white !important;

    background: #011689 !important;

}



.brands-wizard > .container > .brands-list > li.curelex > div > span:last-child,

.brands-wizard > .container > .brands-list > li.curelex > div > span,

.brands-wizard > .container > .brands-list > li.curelex > div > p {

    color: #384171;

    border-color: #384171;

}



.brands-wizard > .container > .brands-list > li.curelex > div > span:last-child:hover {

    color: white !important;

    background: #384171 !important;

}



.brands-wizard > .container > .brands-list > li.honey > div > span:last-child,

.brands-wizard > .container > .brands-list > li.honey > div > span,

.brands-wizard > .container > .brands-list > li.honey > div > p {

    color: #0B109F;

    border-color: #0B109F;

}



.brands-wizard > .container > .brands-list > li.honey > div > span:last-child:hover {

    color: white !important;

    background: #0B109F !important;

}



.brands-wizard > .container > .brands-list > li.joyful > div > span:last-child,

.brands-wizard > .container > .brands-list > li.joyful > div > span,

.brands-wizard > .container > .brands-list > li.joyful > div > p {

    color: #19647D;

    border-color: #19647D;

}



.brands-wizard > .container > .brands-list > li.joyful > div > span:last-child:hover {

    color: white !important;

    background: #19647D !important;

}



.brands-wizard > .container > .brands-list > li > div > span:last-child {

    color: #1F9AA8;

    border: 1px solid #1F9AA8;

    width: 165px;

    text-align: center;

    height: 36px;

    line-height: 36px;

    border-radius: 25px;

    font-size: 13px;

    font-weight: bold;

    font-family: 'Roboto', sans-serif;

    margin: 35px 0 0 15px;

    text-decoration: none;

    transition: .3s ease-in-out;

    -webkit-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    margin: 15px 0;

    cursor: pointer;

}



.brands-wizard > .container > .brands-list > li > div > span:last-child:hover {

    color: #fff;

    background: #1F9AA8;

    border-radius: 0;

}





.brands-wizard > .container > .brands-list > li.joyful > div > span:last-child:hover {

    color: #fff;

    background: #005470;

    border-radius: 0;

}



.brands-wizard > .container > .brands-list > li.joyjo > div > span:last-child:hover {

    color: #fff;

    background: #001089;

    border-radius: 0;

}



/* Brands Page Styles */





/* About Page Styles */

.about-page {

    padding-bottom: 75px;

}



.about-page > .container > .top {

    display: flex;

    width: 100%;

    padding: 35px 0; 

    align-items: center;

}



.about-page > .container > .top > .title {

    font-family: 'Roboto', sans-serif;

    font-size: 56px;

    color: #1F9AA8;

    flex-grow: 1;

    font-weight: 100;

}



.about-page > .container > .top > img {

    max-width: 45vw;

}



.about-page > .container > .bottom {

    display: flex;

    width: 100%;

    flex-direction: column;

    flex-wrap: wrap;

    color: #1F9AA8;

    padding-top: 35px;

}



.about-page > .container > .bottom > strong {

    font-family: 'Roboto', sans-serif;

    font-size: 24px;

    font-weight: bold;

    padding-bottom: 40px;

    line-height: 28px;

}



.about-page > .container > .bottom > span {

    font-family: 'Roboto', sans-serif;

    font-size: 22px;

    font-weight: 400;

    display: block;

    padding-bottom: 8px;

}



.about-page > .container > .bottom > p {

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    line-height: 21px;

    font-weight: 400;

    display: block;

    padding-bottom: 30px;

}



.about-page > .container > .bottom > img {

    max-width: 45vw;

}



.about-page > .container > .bottom > p.reset,

.about-page > .container > .bottom > strong.reset {

    padding-bottom: 8px;

}

/* About Page Styles */



/* History Page Styles */

.history-page {

    padding-bottom: 75px;

}



.history-page > .container > .top {

    display: flex;

    width: 100%;

    padding: 35px 0 125px 0;

    align-items: center;

}



.history-page > .container > .top > .title {

    font-family: 'Roboto', sans-serif;

    font-size: 56px;

    color: #1F9AA8;

    flex-grow: 1;

    font-weight: 100;

}



.history-page > .container > .top > img {

    max-width: 45vw;

}



.history-page > .container > .bottom {

    display: flex;

    width: 100%;

    flex-direction: column;

    flex-wrap: wrap;

    color: #1F9AA8;

}



.history-page > .container > .bottom > strong {

    font-family: 'Roboto', sans-serif;

    font-size: 18px;

    font-weight: bold;

    line-height: 28px;

    text-align: center;

}



.history-page > .container > .bottom > p.reset {

    padding-top: 35px;

}



.history-page > .container > .bottom > p {

    font-family: 'Roboto', sans-serif;

    font-size: 13px;

    line-height: 18px;

    font-weight: 400;

    display: block;

    padding-bottom: 4px;

    text-align: center;

}



.history-page > .container > .bottom > img {

    max-width: 45vw;

}



.history-page > .container > .bottom > strong.reset {

    padding-bottom: 8px;

}



.history-page > .container > .bottom > .timeline {

    display: flex;

    max-width: 960px;

    align-self: center;

    margin: 25px auto;

    justify-content: space-between;

    position: relative;

}



.history-page > .container > .bottom > .timeline.mobile {

    display: none;

    width: 100%

}



.history-page > .container > .bottom > .timeline.mobile > div > div {

    margin-top: 0 !important;

}



.history-page > .container > .bottom > .timeline.mobile .left {

    width: 100%;

    max-width: 100%;

}





.history-page > .container > .bottom > .timeline.mobile:after,

.history-page > .container > .bottom > .timeline.mobile > .left > div:after {

    display: none;

}



.history-page > .container > .bottom > .timeline.mobile > div > div {

    margin-left: auto;

    margin-right: auto;

    max-width: 425px;

    z-index: 2;

}



.history-page > .container > .bottom > .timeline:after {

    content: "";

    display: block;

    position: absolute;

    left: 50%;

    top: 0;

    height: 100%;

    width: 2px;

    background: #1F9AA8;

    box-shadow: 0 0 10px rgba(0, 141, 157, 0.78);

}



.history-page > .container > .bottom > .timeline > .right,

.history-page > .container > .bottom > .timeline > .left {

    width: 45%;

    max-width: 350px;

}



.history-page > .container > .bottom > .timeline > div > div {

    border-radius: 11px;

    background-image: url('../../images/history/timeline.png');

    background-repeat: no-repeat;

    background-position: top center;

    margin-bottom: 55px;

    padding: 8px;

    box-shadow: 0 10px 15px rgba(0, 141, 157, 0.27);

    padding-bottom: 35px;

    position: relative;

}



.history-page > .container > .bottom > .timeline > .right > div {

     margin-top: 75px !important;

}



.history-page > .container > .bottom > .timeline > .left > div:after {

    content: "2000";

    display: block;

    position: absolute;

    right: -58px;

    z-index: 2;

    top: 4px;

    color: #fff;

    font-family: 'Roboto', sans-serif;

    font-size: 13px;

    font-weight: bold;

    flex-grow: 1;

    align-self: center;

    padding: 4px 8px;

    border-radius: 15px;

    background: #1F9AA8;

    box-shadow: 0 0 10px rgba(0, 141, 157, 0.78);

}



.history-page > .container > .bottom > .timeline > .left > div:nth-child(2):after {

    content: "2004";

}



.history-page > .container > .bottom > .timeline > .left > div:nth-child(3):after {

    content: "2008";

}



.history-page > .container > .bottom > .timeline > .left > div:nth-child(4):after {

    content: "2012";

}



.history-page > .container > .bottom > .timeline > .left > div:nth-child(5):after {

    content: "2014";

}



.history-page > .container > .bottom > .timeline > .left > div:nth-child(6):after {

    content: "2016";

}



.history-page > .container > .bottom > .timeline > .right > div:after {

    content: "2003";

    display: block;

    position: absolute;

    left: -56px;

    z-index: 2;

    top: 8px;

    color: #fff;

    font-family: 'Roboto', sans-serif;

    font-size: 13px;

    font-weight: bold;

    flex-grow: 1;

    align-self: center;

    padding: 4px 8px;

    border-radius: 15px;

    background: #1F9AA8;

    box-shadow: 0 0 10px rgba(0, 141, 157, 0.78);

}



.history-page > .container > .bottom > .timeline > .right > div:nth-child(2):after {

    content: "2007";

}



.history-page > .container > .bottom > .timeline > .right > div:nth-child(3):after {

    content: "2010";

}



.history-page > .container > .bottom > .timeline > .right > div:nth-child(4):after {

    content: "2013";

}



.history-page > .container > .bottom > .timeline > .right > div:nth-child(5):after {

    content: "2015";

}



.history-page > .container > .bottom > .timeline > .right > div:nth-child(6):after {

    content: "2017";

}



.history-page > .container > .bottom > .timeline > .right > .absolute,

.history-page > .container > .bottom > .timeline > .right > .custom {

    position: relative;

}



.history-page > .container > .bottom > .timeline  .hasMargin,

.history-page > .container > .bottom > .timeline .absoluteT {

    margin-top: 125px !important;

}



.history-page > .container > .bottom > .timeline > .right > div {

    margin-top: 35px;

}

    

.history-page > .container > .bottom > .timeline .top {

    padding: 15px;

    padding-bottom: 0;

    min-height: 146px;

    display: flex;

    flex-direction: row;

}





.history-page > .container > .bottom > .timeline .top span {

    font-family: 'Roboto', sans-serif;

    font-size: 46px;

    font-weight: bold;

    color: #1F9AA8;

    flex-grow: 1;

    align-self: center;

}



.history-page > .container > .bottom > .timeline img {

    padding: 25px 15px 15px 15px;

    max-width: 100%;

    position: relative;

    max-width: 194px;

}



.history-page > .container > .bottom > .timeline .custom img {

    position: absolute;

    right: 0;

    top: 0;

    max-height: 100%;

    max-width: 150px;

}



.history-page > .container > .bottom > .timeline .absolute img {

    max-width: 140px;

    margin-top: -65px;

    margin-right: -5px;

}





.history-page > .container > .bottom > .timeline img.reset {

    max-width: 100%;

}



.history-page > .container > .bottom > .timeline p {

    font-family: 'Roboto', sans-serif;

    font-size: 13px;

    line-height: 17px;

    font-weight: 400;

    color: #1F9AA8;

    padding: 0 50px 15px 15px;

}



.history-page > .container > .bottom > .timeline .custom p {

    padding-right: 125px;

}



.history-page > .container > .bottom > .timeline > .right > div.customTL {

    margin-top: 25px !important;

}

/* History Page Styles */



/* Adult Page Styles */

.adult > .banner {

    height: 430px;

    background-image: url('../../images/onlem-adult/banner.png');

    background-size: cover;

    background-position: right center;

}



.holder > .banner {

    height: 430px;

    background-image: url('../../images/holder/banner.png');

    background-size: cover;

    background-position: right center;

}



.curelex > .banner {

    height: 430px;

    background-image: url('../../images/curelex/banner.png');

    background-size: cover;

    background-position: right center;

}



.adult > .banner > .container {

    height: 375px;

    display: flex;

    justify-content: center;

    flex-direction: column;

}



.adult > .banner > .container > img {

    max-width: 375px;

}



.adult > .banner > .container > ul {

    display: flex;

    justify-content: center;

    align-items: center;

    max-width: 375px;

    margin: 25px 0 15px 0;

    position: relative;

    z-index: 99;

}



.holder > .banner > .container > ul {

    max-width: 845px;

}





.adult > .banner > .container > ul > li > a {

    color: #1F9AA8;

    font-family: 'Roboto', sans-serif;

    font-weight: bold;

    font-size: 12px;

    padding: 15px 25px;

    border-radius: 25px;

    margin: 5px;

    text-decoration: none;

    background: #FFF;

    display: block;

    letter-spacing: 1px;

    box-shadow: 0 1px 3px rgba(0, 141, 157, 0.65);

}



.adult > section > .container {

    margin-top: -50px;

}



.adult > section.reset > .container {

    margin-top: 15px;

    padding: 25px 0;

}



.adult > section > .container > .left {

    width: 45%;

}



.adult > section > .container > .left > img {

    max-width: 100%;

}



.adult > section.reset > .container > .left > img {

    margin-top: 0;

}



.adult > section > .container > .right {

    width: 55%;

    padding: 25px;

    justify-content: center;

    display: flex;

    flex-direction: column;

}



.holder > section > .container > .left > h4,

.mix > section > .container > .right > h4,

.adult > section > .container > .right > h4 {

    color: #006B95;

    font-size: 36px;

    font-family: 'Roboto', sans-serif;

    font-weight: 100;

    padding: 15px 0;

}



.bebbe > section > .container > .right > h4 {

    color: #803D98;

}



.holder > section > .container > .left > h4 > b ,

.mix > section > .container > .right > h4 > b ,

.adult > section > .container > .right > h4 > b {

    font-weight: bold;

}



.holder > section > .container > .left > p,

.mix > section > .container > .right > p,

.adult > section > .container > .right > p {

    color: #006B95;

    font-family: 'Roboto', sans-serif;

    font-size: 13px;

    line-height: 27px;

    font-weight: 300;

    padding: 15px 0;

}



.holder > section > .container > .left > ul,

.adult > section > .container > .right > ul {

    display: flex;

    justify-content: space-between;

}



.holder > section > .container > .left > ul > li,

.adult > section > .container > .right > ul > li {

    display: flex;

    width: 14.28%;

}



.holder > section > .container > .left > ul > li > a,

.adult > section > .container > .right > ul > li > a {

    text-decoration: none;

}



.holder > section > .container > .left > ul > li > a > img,

.adult > section > .container > .right > ul > li > a > img {

    display: block;

    margin: 0 auto;

    max-width: 100%;

}



.holder > section > .container > .left > ul > li > a > span,

.adult > section > .container > .right > ul > li > a > span {

    font-size: 12px;

    line-height: 15px;

    font-family: 'Roboto', sans-serif;

    color: #006C95;

    display: block;

    text-align: center;

    padding-top: 8px;

}



.adult > section.product-list > ul {

    width: 100% ;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 35px 0;

}



.holder > section.product-list > ul {

    justify-content: space-around;

}



.curelex > section.product-list > ul {

    max-width: 500px;

    margin: 0 auto;

}



.adult > section.product-list > ul > li {

    width: 14.28%;

    height: 100%;

    max-width: 240px;

    text-align: center;

}



.adult > section.product-list > ul > li {

    width: 35%;

}



.adult > section.product-list > ul > li > a {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    font-family: 'Roboto', sans-serif;

    text-decoration: none;

    height: 100%;

}



.adult > section.product-list > ul > li > a > img {

    height: 90px;

    align-self: center;

    margin: 15px auto 25px auto;

    max-width: 100%;

}



.adult > section.product-list.custom > ul > li > a > img {

    height: 130px;

}



.adult > section.product-list.custom > ul > li > a > span {

    color: #B52452;

}



.adult > section.product-list.custom > ul > li:nth-child(2) > a > span {

    color: #FFB100;

}



.adult > section.product-list.custom > ul > li:nth-child(3) > a > span {

    color: #374681;

}



.adult > section.product-list > ul > li > a > span {

    color: #86C619;

}



.adult > section.product-list > ul > li:nth-child(2) > a > span {

    color: #D27E28;

}



.adult > section.product-list > ul > li:nth-child(3) > a > span {

    color: #AE274F;

}



.adult > section.product-list > ul > li:nth-child(4) > a > span {

    color: #0093D2;

}



.adult > section.product-list > ul > li > a > span:first-child {

    font-size: 46px;

    font-weight: bold;

    display: block;

    padding: 5px 0;

}



.adult > section.product-list > ul > li > a > span:nth-child(2) {

    font-size: 16px;

    font-weight: bold;

    display: block;

    padding: 0 0 7.5px;

}



.adult > section.product-list > ul > li > a > span:nth-child(3) {

    font-size: 12px;

    display: block;

    padding: 0 0 15px;

}



.adult > section.product-list > ul > li > a > p {

    color: #006B95;

    font-size: 13px;

    line-height: 21px;

    display: block;

    padding: 0 5px 5px 0;

    flex-grow: 1;

}



.adult > section.product-list > ul > li > a > div {

    background: #FFA75C;

    padding: 6px 15px;

    color: #fff;

    font-size: 13px;

    display: flex;

    justify-content: center;

    align-items: center; 

    font-weight: bold;

    border-radius: 24px;

    margin-top: 15px;

    transition: 0.2s ease-in;

    -webkit-transition: 0.2s ease-in;

    -moz-transition: 0.2s ease-in;

}



.adult > section.product-list > ul > li > a > div:hover {

    border-radius: 0;

    box-shadow: 0 1px 3px rgba(0, 141, 157, 0.65);

}



.adult > section.product-list > ul > li > a > div > span {

    height: 26px;

    line-height: 28px;

    width: 100%;

    padding: 0 8px;

}



.adult > section.product-list > ul > li > a > div > img {

    max-width: 24px;

}

/* Adult Page Styles */



/* Baby Page Styles */

.baby > .banner {

    height: 385px;

    background-image: url('../../images/onlem-baby/banner.png');

    background-size: cover;

    background-position: right center;

    margin-bottom: 35px;

}



.baby.joyful > .banner {

    height: 430px;

    background-image: url('../../images/joyful/banner.png');

    background-size: cover;

    background-position: right center;

}



.baby.leri > .banner {

    height: 430px;

    background-image: url('../../images/leri/banner.png');

    background-size: cover;

    background-position: right center;

}



.baby.honey > .banner {

    height: 430px;

    background-image: url('../../images/honey/banner.png');

    background-size: cover;

    background-position: right center;

}



.baby.super-joyjo > .banner {

    height: 430px;

    background-image: url('../../images/super-joyjo/banner.png');

    background-size: cover;

    background-position: right center;

}



.bebbe > .banner {

    height: 430px;

    background-image: url('../../images/bebbe/banner.png');

    background-size: cover;

    background-position: right center;

}



.baby > .banner,

.adult > .banner {

    position: relative;

    height: 385px;

    margin-bottom: 35px;

}



.baby > .banner:after,

.adult > .banner:after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100px;

    background-image: url('../../images/carousel/carousel-path-2.png');

    background-size: cover;

    background-repeat: no-repeat;

}



.baby > .banner > .container {

    height: 375px;

    display: flex;

    justify-content: center;

    flex-direction: column;

}



.baby > .banner > .container > img {

    max-width: 375px;

}



.honey > .banner > .container > img {

    max-width: 325px;

}



.baby.super-joyjo > .banner > .container > img {

    max-width: 325px;

}



.baby > .banner > .container > ul {

    display: flex;

    justify-content: center;

    align-items: center;

    max-width: 375px;

    margin: 25px 0 15px 0;

    position: relative;

    z-index: 99;

}



.baby > .banner > .container > ul > li > a {

    color: #1F9AA8;

    font-family: 'Roboto', sans-serif;

    font-weight: bold;

    font-size: 12px;

    padding: 15px 25px;

    border-radius: 25px;

    margin: 5px;

    text-decoration: none;

    background: #FFF;

    display: block;

    letter-spacing: 1px;

    box-shadow: 0 1px 3px rgba(0, 141, 157, 0.65);

}



.special-brands-page .checklist,

.adult .checklist,

.baby .checklist {

    flex-direction: column;

}



.special-brands-page .checklist {

    padding-left: 50px;

}



.special-brands-page .checklist > li,

.adult .checklist > li,

.baby .checklist > li {

    width: 100% !important;

    color: #006B95;

    font-family: 'Roboto', sans-serif;

    font-size: 13px;

    font-weight: 300;

    margin: 6px 0;

}



.special-brands-page .checklist > li > img,

.adult .checklist > li > img,

.baby .checklist > li > img {

    align-self: center;

    padding-right: 5px;

    width: 22px;

}





.baby > section.reset > .container {

    margin-top: 15px;

    padding: 25px 0;

}



.baby > section.reset > .container > .right,

.baby > section > .container > .left {

    width: 45%;

}



.baby > section.reset > .container > .left {

    width: 55%;

}



.baby > section > .container > .left > img {

    max-width: 98%;

}



.baby > section > .container > .left > img.reset {

    margin: 0;

    margin-top: 45px;

}



.baby > section > .container > .right > img {

    max-width: 475px;

    align-self: center;

}



.baby > section > .container > .left > h4 {

    color: #006B95;

    font-size: 36px;

    font-family: 'Roboto', sans-serif;

    font-weight: 100;

    padding: 15px 0;

    text-align: center;

}



.baby > section > .container > .left > h4.custom {

    text-align: left;

    padding-left: 25px;

    margin-bottom: 15px;

}



.buy-now,

.adult > section .buy-now,

.baby > section .buy-now {

    background: #FFA75C;

    padding: 6px 15px;

    color: #fff;

    font-size: 13px;

    display: flex;

    justify-content: center;

    align-items: center; 

    font-weight: bold;

    border-radius: 24px;

    transition: 0.2s ease-in;

    -webkit-transition: 0.2s ease-in;

    -moz-transition: 0.2s ease-in;

    max-width: 128px;

    cursor: pointer;

}



.baby, .adult {

    padding-bottom: 35px;

}

.bebbe > section .buy-now {

    margin-top: 15px;

}



.buy-now:hover,

.adult > section .buy-now:hover,

.baby > section .buy-now:hover {

    border-radius: 0;

    box-shadow: 0 1px 3px rgba(0, 141, 157, 0.65);

}



.buy-now > span,

.adult > section .buy-now > span,

.baby > section .buy-now > span {

    height: 26px;

    line-height: 28px;

    width: 100%;

    padding: 0 8px;

}



.buy-now > img,

.adult > section .buy-now > img,

.baby > section .buy-now > img {

    max-width: 24px;

}



.baby > section.reset > .container > .left > img {

    margin-top: 0;

}



.baby > section > .container > .right {

    width: 55%;

    padding: 25px;

    justify-content: center;

    display: flex;

    flex-direction: column;

}



.baby > section > .container > .right > h4 > b {

    font-weight: bold;

}



.baby > section > .container > .right > p {

    color: #006B95;

    font-family: 'Roboto', sans-serif;

    font-size: 13px;

    line-height: 27px;

    font-weight: 300;

    padding: 15px 0;

}



.joyful > section.reset > .container > .right > h4,

.joyful > section.reset > .container > .right > p {

    color: #1F9AA8;

}



.baby > section > .container > .right > ul {

    display: flex;

    width: 100%;

    justify-content: space-between;

}



.baby > section > .container > .right > ul > li {

    display: flex;

    width: 14.28%;

}



.baby > section > .container > .right > ul > li > a {

    text-decoration: none;

}



.baby > section > .container > .right > ul > li > a > img {

    display: block;

    margin: 0 auto;

    max-width: 100%;

}



.baby > section > .container > .right > ul > li > a > span {

    font-size: 12px;

    line-height: 15px;

    font-family: 'Roboto', sans-serif;

    color: #006C95;

    display: block;

    text-align: center;

    padding-top: 8px;

}



.baby > section > .container > .right > .buy-now + img,

.adult > section > .container > .right + img,

.baby > section > .container > .right + img {

    margin: 0 auto;

    max-height: 120px;

}



.baby > section > .container > .right > .buy-now + img {

    margin: 50px auto;

    max-height: 58px;

}



.baby > section > .container > .right > .flex-grow + img {

    max-height: 58px;

}



.baby > section > .container > p {

    font-size: 13px;

    line-height: 21px;

    font-family: 'Roboto', sans-serif;

    color: #006C95;

    display: block;

    text-align: center;

    padding: 25px 50px;

}



.baby > section.product-list {

    padding: 0;

}



.baby > section.product-list > ul {

    width: 100% ;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 35px 0;

}



.baby > section.product-list > ul > li {

    height: 100%;

    text-align: center;

}



.baby > section.product-list > ul > li > a {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    font-family: 'Roboto', sans-serif;

    text-decoration: none;

    height: 100%;

    position: relative;

    padding: 25px;

}



.baby > section.product-list > ul > li > a:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 50%;

    background: rgba(186, 235, 240, 0.57);

    z-index: -1;

}



.baby > section.product-list > ul > li:nth-child(1) > a:before {

    background: #FFECAD;

}



.baby > section.product-list > ul > li:nth-child(2) > a:before {

    background: #FFD6CC;

}



.baby > section.product-list > ul > li:nth-child(3) > a:before {

    background: #FAD3FF;

}



.baby > section.product-list > ul > li:nth-child(4) > a:before {

    background: #FFE3EF;

}



.baby > section.product-list > ul > li:nth-child(5) > a:before {

    background: #D9FFD6;

}



.baby > section.product-list > ul > li > a > img {

    height: 180px;

    align-self: center;

    margin: 15px auto 25px auto;

    max-width: 100%;

}



.baby > section.product-list.custom > ul > li > a > img {

    height: 115px;

}



.baby > section.product-list.custom > ul > li > a > img {

    height: 130px;

}



.baby > section.product-list > ul > li > a > span {

    color: #DDB62A;

}



.baby > section.product-list > ul > li:nth-child(2) > a > span {

    color: #D27E28;

}



.baby > section.product-list > ul > li:nth-child(3) > a > span {

    color: #AE274F;

}



.baby > section.product-list > ul > li:nth-child(4) > a > span {

    color: #0093D2;

}



.baby > section.product-list > ul > li > a > span:first-child {

    font-size: 32px;

    font-weight: bold;

    display: block;

    padding: 5px 0 15px 0;

    font-family: 'Pacifico', sans-serif;

}



.honey > section.product-list > ul > li > a > span:first-child {

    font-size: 22px;

    display: block;

    padding: 5px 0 15px 0;

    font-family: 'Pacifico', sans-serif;

}



.baby > section.product-list > ul > li > a > span:nth-child(2) {

    font-size: 16px;

    font-weight: bold;

    display: block;

    padding: 0 0 7.5px;

}



.baby > section.product-list > ul > li > a > span:nth-child(3) {

    font-size: 12px;

    display: block;

    padding: 0 0 15px;

}



.baby > section.product-list > ul > li > a > p {

    color: #006B95;

    font-size: 13px;

    line-height: 21px;

    display: block;

    padding: 0 5px 5px 0;

    flex-grow: 1;

    border-top: 1px solid red;

    padding-top: 15px;

}



.baby > section.product-list > ul > li > a > div {

    background: #FFA75C;

    padding: 6px 15px;

    color: #fff;

    font-size: 13px;

    display: flex;

    justify-content: center;

    align-items: center; 

    font-weight: bold;

    border-radius: 24px;

    margin-top: 15px;

    transition: 0.2s ease-in;

    -webkit-transition: 0.2s ease-in;

    -moz-transition: 0.2s ease-in;

}



.baby > section.product-list > ul > li > a > div:hover {

    border-radius: 0;

    box-shadow: 0 1px 3px rgba(0, 141, 157, 0.65);

}



.baby > section.product-list > ul > li > a > div > span {

    height: 26px;

    line-height: 28px;

    width: 100%;

    padding: 0 8px;

}



.baby > section.product-list > ul > li > a > div > img {

    max-width: 24px;

}



.baby > section.product-list > span {

    display: flex;

    justify-content: center;

    align-items: center;

    color: #1F9AA8;

    font-size: 42px;

    font-family: 'Roboto', sans-serif;

    font-weight: 100;

    padding: 15px 0;

    text-align: center;

    width: 100%;

}



.baby > section.product-list > span > b {

    font-family: 'Pacifico', sans-serif;

    padding-right: 10px;

    font-size: 32px;

}



.honey > section.product-list > span > b {

    font-size: 42px;

    position: relative;

    margin-top: -10px;

}



.baby > section.product-list > span:nth-child(2) {

    font-weight: bold;

    font-size: 24px;

    padding: 0;

}



.baby > section.product-list > ul > li:nth-child(1) > a > span {

    color: #DDB62A !important;

}



.baby > section.product-list > ul > li:nth-child(1) > a > p {

    border-color: #DDB62A;

}



.baby > section.product-list > ul > li:nth-child(2) > a > span {

    color: #E27C64 !important;

}



.baby > section.product-list > ul > li:nth-child(2) > a > p {

    border-color: #E27C64;

}



.baby > section.product-list > ul > li:nth-child(3) > a > span {

    color: #AF4FBB !important;

}



.baby > section.product-list > ul > li:nth-child(3) > a > p {

    border-color: #AF4FBB;

}



.baby > section.product-list > ul > li:nth-child(4) > a > span {

    color: #E14F8F !important;

}



.baby > section.product-list > ul > li:nth-child(4) > a > p {

    border-color: #E14F8F;

}



.baby > section.product-list > ul > li:nth-child(5) > a > span {

    color: #3EA537 !important;

}



.baby > section.product-list > ul > li:nth-child(5) > a > p {

    border-color: #3EA537;

}



.holder-custom-section {

    margin-top: 75px;

}



.holder-custom-section .buy-now {

    margin-top: 15px;

}



/* Baby Page Styles */





/* Mission Page Styles */

.ar-ge-page,

.mission-page {

    padding-bottom: 75px;

}



.ar-ge-page > .container > .top,

.mission-page > .container > .top {

    display: flex;

    width: 100%;

    padding: 35px 0; 

    align-items: center;

}



.ar-ge-page > .container > .bottom > img {

    max-width: 100%;

}



.ar-ge-page > .container > .top > .title,

.mission-page > .container > .top > .title {

    font-family: 'Roboto', sans-serif;

    font-size: 56px;

    color: #1F9AA8;

    flex-grow: 1;

    font-weight: 100;

}



.ar-ge-page > .container > .top > img,

.mission-page > .container > .top > img {

    max-width: 45vw;

}



.ar-ge-page > .container > .bottom > p,

.mission-page > .container > .bottom > p {

    font-size: 13px;

    line-height: 26px;

    font-family: 'Roboto', sans-serif;

    color: #006C95;

    display: block;

    padding-top: 30px;

}



.policies-page > .container > .bottom > h4,

.mission-page > .container > .bottom > h4 {

    font-family: 'Roboto', sans-serif;

    font-size: 36px;

    color: #006C95;

    flex-grow: 1;

    font-weight: 300;

}



.policies-page > .container > .bottom,

.mission-page > .container > .bottom {

    width: 100%;

}



.policies-page > .container > .bottom > p,

.mission-page > .container > .bottom > p {

    padding-top: 15px;

}



.policies-page > .container > .bottom > hr,

.mission-page > .container > .bottom > hr {

    width: 100%;

    background: #006c9547;

    height: 1px;

    margin: 50px auto;

}



.policies-page > .container > .bottom > h6,

.mission-page > .container > .bottom > h6 {

    font-family: 'Roboto', sans-serif;

    font-size: 28px;

    color: #006C95;

    flex-grow: 1;

    font-weight: 300;

    padding-top: 15px;

}



.policies-page > .container > .bottom > ul,

.mission-page > .container > .bottom > ul {

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #006C95;

    flex-grow: 1;

    font-weight: 300;

    margin: 15px 0;

}



.policies-page > .container > .bottom > ul > li,

.mission-page > .container > .bottom > ul > li {

    margin-bottom: 8px;

}



.ar-ge-page > .container > .bottom > p:first-child {

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 0;

}



.ar-ge-page > .container > .bottom > p {

    padding-top: 15px;

}

/* Mission Page Styles */



/* Special Brands Styles */

.special-brands-page {

    padding-bottom: 75px;

}



.special-brands-page > .container > .top {

    display: flex;

    width: 100%;

    padding: 35px 0; 

    align-items: center;

}



.special-brands-page > .container > .top > .title {

    font-family: 'Roboto', sans-serif;

    font-size: 56px;

    color: #1F9AA8;

    flex-grow: 1;

    font-weight: 100;

}



.special-brands-page > .container > .top > img {

    max-width: 45vw;

}



.special-brands-page > .container > .bottom > p {

    font-size: 13px;

    line-height: 26px;

    font-family: 'Roboto', sans-serif;

    color: #006C95;

    display: block;

    padding-top: 30px;

}



.special-brands-page > .banner {

    height: 435px;

    background-image: url('../../images/special-brands/banner.png');

    background-size: cover;

    position: relative;

    background-position: right center;

}



.special-brands-page > .banner:after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100px;

    background-image: url('../../images/carousel/carousel-path-2.png');

    background-size: cover;

    background-repeat: no-repeat;

}



.special-brands-page > .banner > .container {

    height: 375px;

    display: flex;

    justify-content: center;

    flex-direction: column;

}



.special-brands-page > .banner > .container > .title {

    font-family: 'Pacifico', sans-serif;

    font-size: 56px;

    color: #1F9AA8;

    align-self: flex-start;

    font-weight: 100;

    display: flex;

    flex-direction: column;

}



.special-brands-page > .banner > .container > .title > span {

    font-family: 'Roboto', sans-serif;

    margin-top: 5px;

}



.special-brands-page > .container {

    justify-content: space-between;

    align-items: center;

    padding: 75px 30px 35px 30px;

}



.special-brands-page > .container.custom {

    align-items: flex-start;

    padding-bottom: 0;

}



.special-brands-page > .container > .right,

.special-brands-page > .container > .left {

    width: 50%;

}



.special-brands-page > .container.custom > .right {

    max-width: 375px;

    margin-right: 35px;

}



.special-brands-page > .container > .left > img {

    max-width: 100%;

}



.special-brands-page > .container > .right > span { 

    font-size: 22px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: bold;

    display: block;

    padding: 15px 15px 15px 50px;

}



.special-brands-page > .container > .right >  p { 

    font-size: 13px;

    line-height: 22px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    display: block;

    padding: 15px 15px 15px 50px;

}



.special-brands-page > .container > .left > .title {

    font-family: 'Pacifico', sans-serif;

    font-size: 42px;

    color: #1F9AA8;

    align-self: flex-start;

    font-weight: 100;

    display: flex;

    flex-direction: column;

}



.special-brands-page > .container > .left > .title > span {

    font-family: 'Roboto', sans-serif;

    margin-top: 15px;

}



.special-brands-page > .container > .left > p {

    font-size: 13px;

    line-height: 26px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    display: block;

    max-width: 435px;

    padding-top: 10px;

}



.special-brands-page > .container > .left > .contact {

    margin-top: 20px;

    display: flex;

    align-items: center;

}



.special-brands-page > .container > .left > .contact > span {

    font-size: 12px;

    line-height: 26px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    display: block;

    font-weight: bold;

    padding-left: 10px;

    padding-top: 2px;

}



.special-brands-page > .container > .left > .phone {

    margin-top: 5px;

    font-size: 32px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    display: block;

}



.special-brands-page > .container.custom > .right > span { 

    padding: 0;

    font-weight: 300;

    padding-left: 15px;

    font-size: 24px;

}



.special-brands-page > .container.custom > .right > span > b { 

    font-weight: bold;

}



.special-brands-page > .container > .right .form-group { 

    display: flex;

    justify-content: space-between;

    width: 100%;

    margin: 15px 0;

}



.special-brands-page > .container > .right .form-group > input { 

    flex-grow: 1;

    border: 1px solid #B8EBF0;

    border-radius: 24px;

    padding: 10px 20px;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 300;

    display: block;

}



.special-brands-page > .container > .right .form-group > textarea { 

    flex-grow: 1;

    border: 1px solid #B8EBF0;

    border-radius: 24px;

    padding: 20px;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 300;

    display: block;

    resize: none;

}



.special-brands-page > .container > .right button { 

    border-radius: 24px;

    border: none;

    padding: 15px 35px;

    background: #1F9AA8;

    color: white;

    font-size: 13px;

    font-weight: bold;

    min-width: 175px;

    margin: 0 auto;

    display: block;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



.special-brands-page > .container > .right button:hover {

    border-radius: 5px;

    box-shadow: 0 4px 8px rgba(0, 141, 157, 0.3);

}

/* Special Brands Styles */





/* Policies Page Styles */

.policies-page {

    padding-bottom: 75px;

}



.policies-page > .container > .top {

    display: flex;

    width: 100%;

    padding: 35px 0; 

    align-items: center;

}



.policies-page > .container > .top > .title {

    font-family: 'Roboto', sans-serif;

    font-size: 56px;

    color: #1F9AA8;

    flex-grow: 1;

    font-weight: 100;

}



.policies-page > .container > .top > img {

    max-width: 45vw;

}



.policies-page > .container > .bottom > p {

    font-size: 13px;

    line-height: 26px;

    font-family: 'Roboto', sans-serif;

    color: #006C95;

    display: block;

    padding-top: 30px;

}

/* Policies Page Styles */



/* Contact Page Styles */

.contact-page {

    padding-bottom: 75px;

}



.contact-page > .container > .top {

    display: flex;

    width: 100%;

    padding: 35px 0; 

    align-items: center;

}



.contact-page > .container > .top > .title {

    font-family: 'Roboto', sans-serif;

    font-size: 56px;

    color: #1F9AA8;

    flex-grow: 1;

    font-weight: 100;

}



.contact-page > .container > .top > img {

    max-width: 65vw;

}



.contact-page > .container > .bottom {

    display: flex;

    width: 100%;

    flex-direction: row;

    justify-content: center;

    justify-self: center;

    align-self: center;

    margin: 35px auto 0 auto;

    text-align: center;

}



.contact-page > .container > .bottom > .left {

    width: 35%;

    text-align: left;

}



.contact-page > .container > .bottom > .left > span {

    padding-bottom: 0;

    margin-bottom: 0;

}



.contact-page > .container > .bottom > .left > span.divider {

    margin-top: 30px;

    padding-bottom: 0;

    margin-bottom: 0;

}



.contact-page > .container > .bottom > .left > p {

    padding-top: 15px;

}



.contact-page > .container > .bottom > .right {

    width: 35%;

    padding-left: 100px;

} 



.contact-page > .container > .bottom span {

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    display: block;

    padding: 0;

    font-weight: 300;

    padding-bottom: 15px;

    font-size: 24px;

}



.contact-page > .container > .bottom span > b {

    font-weight: bold;

}



.contact-page > .container > .bottom p {

    font-size: 13px;

    line-height: 26px;

    font-family: 'Roboto', sans-serif;

    color: #006C95;

    display: block;

    padding-top: 30px;

}



.contact-page > .container > .bottom   .form-group { 

    display: flex;

    justify-content: space-between;

    width: 100%;

    margin: 8px 0;

}



.contact-page > .container > .bottom  .form-group > input { 

    flex-grow: 1;

    border: 1px solid #B8EBF0;

    border-radius: 24px;

    padding: 10px 20px;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 300;

    display: block;

}



.contact-page > .container > .bottom  .form-group > textarea { 

    flex-grow: 1;

    border: 1px solid #B8EBF0;

    border-radius: 24px;

    padding: 20px;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 300;

    display: block;

    resize: none;

}



.contact-page > .container > .bottom  button { 

    border-radius: 24px;

    border: none;

    padding: 15px 35px;

    background: #1F9AA8;

    color: white;

    font-size: 13px;

    font-weight: bold;

    min-width: 175px;

    margin: 15px auto;

    display: block;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



.contact-page > .container > .bottom  button:hover {

    border-radius: 5px;

    box-shadow: 0 4px 8px rgba(0, 141, 157, 0.3);

}

/* Contact Page Styles */



/* Career Page */

.career-page > .banner {

    height: 370px;

    background-image: url('../../images/career/banner.png');

    background-size: cover;

    background-position: right center;

    position: relative;

}



.career-page > .banner:after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100px;

    background-image: url('../../images/carousel/carousel-path-2.png');

    background-size: cover;

    background-repeat: no-repeat;

}



.career-page > .banner > .container {

    height: 335px;

    display: flex;

    justify-content: center;

    flex-direction: column;

}



.career-page > .banner > .container > .title {

    font-family: 'Roboto', sans-serif;

    font-size: 56px;

    color: #1F9AA8;

    align-self: flex-start;

    font-weight: 100;

}



.career-page > .container {

    justify-content: space-between;

    align-items: center;

    padding: 35px 30px;

}



.career-page > .container > .right,

.career-page > .container > .left {

    width: 50%;

}



.career-page > .container > .right {

    border-left: 1px solid #B8EBF0;

    padding-left: 5%;

}



.career-page > .container > .left {

    padding-right: 5%;

}



.career-page > .container > .left > span { 

    font-size: 22px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: bold;

    display: block;

    padding-bottom: 25px;

}



.career-page > .container p { 

    font-size: 13px;

    line-height: 22px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    display: block;

    padding-bottom: 15px;

}



.career-page > .container > .right .form-group { 

    display: flex;

    justify-content: space-between;

    width: 100%;

    margin: 30px 0;

}



.career-page > .container > .right .form-group > input { 

    flex-grow: 1;

    border: 1px solid #B8EBF0;

    border-radius: 24px;

    padding: 10px 20px;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 300;

    display: block;

}



.career-page > .container > .right .form-group > input:first-child { 

    margin-right: 15px;

}



.career-page > .container > .right p { 

    display: flex;

    padding-right: 15px;

}



.career-page > .container > .right p a { 

    border-bottom: 1px solid rgba(31, 154, 168, 0.63);

    text-decoration: none;

}



.career-page > .container > .right input[type=radio] { 

    width: auto;

    margin-right: 15px;

    align-self: center;

}



.career-page > .container > .right  .button-group { 

    display: flex;

    justify-content: center;

    align-items: center;

}



.custom-file-upload,

.career-page > .container > .right .button-group button { 

    border-radius: 24px;

    border: none;

    padding: 15px 35px;

    background: #1F9AA8;

    color: white;

    font-size: 13px;

    font-weight: bold;

    min-width: 175px;

    margin: 0 auto;

    display: block;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    text-align: center;

    cursor: pointer;

}



.custom-file-upload:hover,

.career-page > .container > .right .button-group button:hover {

    border-radius: 5px;

    box-shadow: 0 4px 8px rgba(0, 141, 157, 0.3);

}



input[type="file"] {

    display: none;

}

/* Career Page */



/* Blog Page */

.blog-detail > .top > .container,

.blog-list > .top > .container-fluid {

    padding-top: 35px;

}



.blog-list > .top > .container-fluid > .title {

    font-family: 'Roboto', sans-serif;

    font-size: 56px;

    color: #1F9AA8;

    align-self: flex-start;

    font-weight: 300;

    padding-right: 100px;

}



.blog-detail > .top > .container > .search,

.blog-list > .top > .container-fluid > .search {

    display: flex;

    flex-grow: 1;

    position: relative;

}



.blog-detail > .top > .container > .search > input,

.blog-list > .top > .container-fluid > .search > input {

    flex-grow: 1;

    border: 1px solid #B8EBF0;

    border-radius: 24px;

    padding: 10px 20px;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 300;

    display: block;

}



.blog-detail > .top > .container > .search > i,

.blog-list > .top > .container-fluid > .search > i {

    color: #1F9AA8;

    position: absolute;

    right: 25px;

    font-size: 26px;

    top: 13px;

    cursor: pointer;

}



.blog-detail > .top > .container > .search > i {

    right: 15px;

    font-size: 20px;

    top: 10px;

}



.blog-list > .bottom > .container-fluid {

    max-width: 1170px;

    margin-top: 75px;

}



.blog-list > .bottom > .container-fluid > .left {

    width: 250px;

}



.blog-list > .bottom > .container-fluid > .left > span {

    font-family: 'Pacifico', sans-serif;

    color: #1F9AA8;

    font-size: 28px;

}



.blog-list > .bottom > .container-fluid > .left > ul {

    margin-top: 25px;

    padding-left: 5px;

}



.blog-list > .bottom > .container-fluid > .left > ul > li {

    margin: 15px 0;

}



.blog-list > .bottom > .container-fluid > .left > ul > li > a {

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    display: block;

    font-weight: bold;

}



.blog-list > .bottom > .container-fluid > .right {

    flex-grow: 1;

    width: 75%;

}



.blog-list > .bottom > .container-fluid > .right > .blog-highlight {

    box-shadow: 0 4px 2px -2px rgba(0, 141, 157, 0.11);

    margin-bottom: 15px;

    cursor: pointer;

}



.blog-list > .bottom > .container-fluid > .right > .blog-highlight > .title {

    font-family: 'Roboto', sans-serif;

    font-size: 24px;

    color: #1F9AA8;

    align-self: flex-start;

    font-weight: bold;

    display: block;

    margin-bottom: 15px;

    cursor: pointer;

}



.blog-list > .bottom > .container-fluid > .right > .blog-highlight > img {

    width: 100%;

}



.blog-list > .bottom > .container-fluid > .right > .blog-highlight > .bottom {

    display: flex;

    padding: 15px 0;

    align-items: center;

}



.blog-list > .bottom > .container-fluid > .right > .blog-highlight > .bottom > .tag {

    background: #0C9AA8;

    border-radius: 25px;

    padding: 8px 15px;

    color: white;

    font-size: 14px;

    line-height: 15px;

    display: inline-block;

    text-decoration: none;

}



.blog-list > .bottom > .container-fluid > .right > .blog-highlight > .bottom > div {

    flex-grow: 1;

    text-align: right;

}



.blog-list > .bottom > .container-fluid > .right > .blog-highlight > .bottom > div > a {

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 100;

    font-style: italic;

    text-decoration: none;

    font-size: 15px;

}



.blog-list > .bottom > .container-fluid > .right > .blog-highlight > .bottom > div > a:last-child {

    font-weight: 400;

    font-style: normal;

    padding-left: 15px;

}



.blog-list > .bottom > .container-fluid > .right > .blog-post-list {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin: 30px 0;

}



.blog-detail > .bottom > .container > .post,

.blog-list > .bottom > .container-fluid > .right > .blog-post-list > .post {

    width: calc(50% - 15px);

    width: -webkit-calc(50% - 15px);

    width: -moz-calc(50% - 15px);

    box-shadow: 0 4px 2px -2px rgba(0, 141, 157, 0.11);

    margin:30px 0;

    padding-bottom: 15px;

    cursor: pointer;

}





.blog-list > .bottom > .container-fluid > .right > .blog-post-list > .post:not(.hidden):first-child {

    width: 100%;

}



.blog-detail > .bottom > .container > .post {

    width: 100%;

    margin: 30px auto;

}



.blog-detail > .bottom > .container > .post > img,

.blog-list > .bottom > .container-fluid > .right > .blog-post-list > .post > img {

    width: 100%;

}



.blog-detail > .bottom > .container > .post > img {

    border-radius: 25px;

}



.blog-detail > .bottom > .container > .post > .title,

.blog-list > .bottom > .container-fluid > .right > .blog-post-list > .post > .title {

    font-family: 'Roboto', sans-serif;

    font-size: 19px;

    color: #1F9AA8;

    align-self: flex-start;

    font-weight: bold;

    display: block;

    cursor: pointer;

}



.blog-detail > .bottom > .container > .post > .title {

    font-size: 36px;

}



.blog-detail > .bottom > .container > .post > .p,

.blog-list > .bottom > .container-fluid > .right > .blog-post-list > .post > p {

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    line-height: 18px;

    color: #1F9AA8;

}



.blog-detail > .bottom > .container > .post > div,

.blog-list > .bottom > .container-fluid > .right > .blog-post-list > .post > div {

    display: flex;

    padding: 15px 0;

    align-items: center;

}



.blog-detail > .bottom > .container > .post .tag,

.blog-list > .bottom > .container-fluid > .right > .blog-post-list > .post > .tag {

    background: #0C9AA8;

    border-radius: 25px;

    padding: 6px 10px;

    color: white;

    font-size: 12px;

    line-height: 15px;

    display: inline-block;

    text-decoration: none;

}



.blog-detail > .bottom > .container > .post .tag {

    font-style: normal;

    font-weight: normal;

    line-height: 24px;

    margin-left: 0;

    padding: 6px 15px;

}



.blog-detail > .bottom > .container > .post > div,

.blog-list > .bottom > .container-fluid > .right > .blog-post-list > .post > div {

    flex-grow: 1;

}



.blog-detail > .bottom > .container > .post > div {

    margin: 5px 0 35px 0;

}



.blog-detail > .bottom > .container > .post > div > a,

.blog-list > .bottom > .container-fluid > .right > .blog-post-list > .post > div > a {

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 100;

    font-style: italic;

    text-decoration: none;

    font-size: 13px;

}





.blog-detail > .bottom > .container > .post > div > a {

    font-weight: 300;

    font-size: 15px;

    margin-left: 15px;

}





.blog-detail > .bottom > .container > .post > div > a:nth-child(4),

.blog-detail > .bottom > .container > .post > div > a:nth-child(5) {

    font-size: 36px;

    margin-left: 15px;

}



.blog-detail > .bottom > .container > .post > div > a:nth-child(5) {

    padding-left: 8px !important;

    margin-left: 0;

}



.blog-detail > .bottom > .container > .post > div > a:last-child,

.blog-list > .bottom > .container-fluid > .right > .blog-post-list > .post > div > a:last-child {

    font-weight: 400;

    font-style: normal;

    padding-left: 15px;

}



.blog-detail > .bottom > .container > .post p {

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    line-height: 24px;

    color: #1F9AA8;

    margin: 5px 0;

}



.blog-detail > .bottom > .container > .post p > b {

    font-weight: bold;

    display: block;

    margin-top: 25px;

}

/* Blog Page */





/* Market */

footer > .container-fluid > .call-center {

    display: flex;

    flex-direction: column;

    margin-left: 25px;

    flex-grow: 1;

    color: #1F9AA8;

}



footer > .container-fluid > .call-center > span {

    color: #1F9AA8;

    font-weight: bold;

    font-size: 13px;

    margin-bottom: -10px;

}



footer > .container-fluid > .call-center > span > i {

    font-size: 26px;

    position: relative;

    bottom: -3px;

    margin-right: 2px;

    margin-bottom: 15px;

}



footer > .container-fluid > .call-center > p {

        font-size: 28px;

}



.market header > .header-top {

    padding: 15px 15px 8px 15px;

}



.market header {

    position: relative;

}



.market #headerNavigationButtons,

.market #headerAuthButtons {

    display: none;

}



.market #headerNavigationButtons.active,

.market #headerAuthButtons.active {

    display: flex;

}



.market header:after {

    content: "";

    width: 100%;

    height: 69px;

    left: 0;

    bottom: 0;

    background: #1F9AA8;

    z-index: 1;

    position: absolute;

}



.market header > .header-bar {

    position: relative;

    z-index: 99;

}



.market header .header-bar > .container-fluid > .form-group  {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0;

    padding: 15px 0;

    position: relative;

    opacity: 0;



    height: 0;

    overflow: hidden;

    padding: 0;

}



.market header .header-bar > .container-fluid > .form-group > input {

    flex-grow: 1;

    border: 1px solid #B8EBF0;

    border-radius: 24px;

    padding: 10px 20px;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 300;

    display: block;

    width: calc(100vw - 350px);

    width: -webkit-calc(100vw - 350px);

    width: -moz-calc(100vw - 350px);

    padding-right: 45px;

}



.market header .header-bar > .container-fluid > .form-group > i.fas {

    color: #1F9AA8;

    font-size: 26px;

    position: absolute;

    font-size: 23px;

    position: absolute;

    right: 15px;

    top: 23px;

    cursor: pointer;

}



.market header > .header-bar > .container-fluid > .basket {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 10px;

    border-radius: 8px;

    color: #fff;

    padding: 5px 15px;

    cursor: pointer;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    border: 1px solid white;

}



.market header > .header-bar > .container-fluid > .basket:hover {

    background: #fff;

    color: #1F9AA8;

    border-radius: 0;

}



.market header > .header-bar > .container-fluid > .basket i {

    font-size: 22px;

    margin-right: 10px;

}



.market header > .header-bar > .container-fluid > .basket > b {

    font-weight: bold;

    font-size: 13px;

    margin-right: 10px;

}



.market header > .header-bar > .container-fluid > .basket > span {

    font-size: 12px;

}



.market header > .header-bar > .container-fluid > .basket > span > b {

    display: block;

}



.market header > .header-bar > .container-fluid > .basket > span > b:last-child {

    margin-top: 5px;

}



.market header > .header-bottom > .container-fluid > .sub-menu#header-brands-3 > li > a > img,

.market header > .header-bottom > .container-fluid > .sub-menu#header-brands-2 > li > a > img,

.market header > .header-bottom > .container-fluid > .sub-menu#header-brands > li > a > img {

    height: auto;

    display: block;

    padding-top: 25px;

}



.market header > .header-bottom > .container-fluid > .sub-menu#header-brands-3 > li > a > span,

.market header > .header-bottom > .container-fluid > .sub-menu#header-brands-2 > li > a > span,

.market header > .header-bottom > .container-fluid > .sub-menu#header-brands > li > a > span {

    height: 50px;

    line-height: 50px;

    font-size: 22px;

    font-family: 'Pacifico', sans-serif;

}



.market header > .header-bottom > .container-fluid > .sub-menu#header-brands-3,

.market header > .header-bottom > .container-fluid > .sub-menu#header-brands-2,

.market header > .header-bottom > .container-fluid > .sub-menu#header-brands {

    margin-bottom: 35px;

}



.market header > .header-top > .container-fluid > .navigation-buttons > li > a {

    background: transparent !important;

    color: #1f9aa8 !important;

    border-color: #1f9aa8 !important;

    box-shadow: none !important;

    min-width: 110px;

}



.market header > .header-top > .container-fluid > .navigation-buttons > li > a > i {

    margin-right: 5px;

    font-size: 19px;

}



.market header > .header-top > .container-fluid > .navigation-buttons > li > a:hover {

    background: #1f9aa8 !important;

}



.market header > .header-top > .container-fluid > .navigation-buttons > li > a:hover,

.market header > .header-top > .container-fluid > .navigation-buttons > li > a:hover > i {

    color: white !important;

}



.market .quick-links > .container {

    min-height: 340px;

}



.market img.payment {

    display: block;

    margin: 15px auto 0 auto;

    max-height: 46px;

    max-width: 100%;

}



.market .quick-links ul {

    display: flex;

    margin-top: 100px;

    justify-content: center;

    align-items: center;

    width: 100%;

    margin-bottom: 75px;

}



.market .quick-links ul > li > a {

    height: 100%;

    flex-grow: 1;

}



.market .quick-links ul > li {

    width: 24%;

}



.market .quick-links ul > li > a {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    flex-wrap: wrap;

    padding: 25px;

    margin: 0 15px;

    border: 1px solid #0C9AA8;

    border-radius: 24px;

    text-decoration: none;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



.market .quick-links ul > li > a:hover {

    border-radius: 0;

    border-width: 4px;

}



.market .quick-links ul > li > a:hover > span {

    font-weight: bold;

}



.market .quick-links ul > li > a:hover > img {

    height: 72px;

}



.market .quick-links ul > li > a > img {

    max-width: 100%;

    height: 56px;

    margin-bottom: 15px;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

} 



.market .quick-links ul > li > a > span {

   color: #1F9AA8;

   font-weight: 300;

   transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

   -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

   -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



.market .products-carousel {

    margin-bottom: 35px;

    background: #fff;

    padding: 35px 0;

}



.market .products-carousel > .container > .title {

    color: #1F9AA8;

    display: block;

    text-align: center;

    margin: 0 auto;

    font-size: 32px;

    font-family: 'Roboto', sans-serif;

    font-weight: 300;

    width: 100%;

}



.market .products-carousel > .container > .title > span {

    font-weight: bold;

}



.market .products-carousel > .container > .carousel {

    margin: 0 auto;

    width: 100%;

    padding: 0 125px;

}



.products-carousel > .container > .carousel > .carousel-inner > .item > .items {

    display: flex;

    align-items: center;

    justify-content: space-evenly;

    margin: 25px auto;

}



.product-box,

.products-carousel > .container > .carousel > .carousel-inner > .item > .items > div {

    width: 23%;

    background: #F7F7F7;

    padding: 25px;

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    box-shadow: 0 0 10px #1f9aa85c;

    transition: .1s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    -webkit-transition: .1s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    -moz-transition: .1s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    cursor: pointer;

}



.product-box {

    background: #fff;

}



.product-box:hover,

.products-carousel > .container > .carousel > .carousel-inner > .item > .items > div:hover {

    box-shadow: 0 0 25px #1F9AA8;

    padding: 25px 25px 15px 25px;

}



.product-box > img,

.products-carousel > .container > .carousel > .carousel-inner > .item > .items > div > img {

    max-width: 100%;

    max-height: 132px;

    margin: 15px auto;

}



.product-box > span,

.products-carousel > .container > .carousel > .carousel-inner > .item > .items > div > span {

    color: #0C9AA8;

    padding: 5px 5px;

    text-align: center;

    font-size: 13px;

    font-weight: bold;

}



.product-box > p,

.products-carousel > .container > .carousel > .carousel-inner > .item > .items > div > p {

    color: #0C9AA8;

    font-weight: 400;

    font-size: 22px;

    margin: 15px auto;

    text-align: center;

}



.market .product-not-found {

    color: #0C9AA8;

    flex-grow: 1;

    width: 100%;

    flex-wrap: wrap;

    text-align: center;

    justify-content: center;

    align-items: center;

    font-size: 22px;

    margin: 50px auto;

    display: none;

}



.market .buy-now {

    max-width: 160px;

}



.products-list.inactive {

    transition: .3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    -webkit-transition: .3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    -moz-transition: .3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    opacity: 0;

}



.products-list.active {

    opacity: 1;

}



.products-list > .container {

    justify-content: center;

    align-items: center;

    margin-bottom: 35px;

}



.products-list > .container > .product-box {

    width: 19%;

    border: 1px solid #ddd;

    margin: 5px 5px;

}



.market .home-info > .container > ul {

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 75px 25px;

    border-radius: 25px;

    margin-bottom: 35px;

    background: #fff;

}



.market .home-info > .container > ul > li {

    width: 33.33%;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

}



.market .home-info > .container > ul > li:not(:last-child) {

    border-right: 1px solid #B8EBF0;

}



.market .home-info > .container > ul > li > img {

    height: 56px;

    margin-bottom: 30px;

}



.market .home-info > .container > ul > li > span {

    color: #1F9AA8;

    font-size: 15px;

    line-height: 22px;

    text-align: center;

}



.market .basket > .container-fluid {

    margin: 10px auto;

    padding: 30px;

}



.market .basket > .container-fluid > .left > span {

    color: #1F9AA8;

    font-size: 13px;

    font-weight: 300;

}



.market .basket > .container-fluid > .left > span:first-child {

    font-size: 26px;

    font-weight: bold;

}



.market .basket > .container-fluid > .left {

    width: calc(100% - 300px);

    width: -webkit-calc(100% - 300px);

    width: -moz-calc(100% - 300px);

}



.market .basket table {

    width: 100%;

}



.market .basket table thead > tr > th {

    font-size: 14px;

    color: #1F9AA8;

    font-weight: 300;

    padding: 30px 0;

}



.market .basket table tbody > tr {

    font-size: 14px;

    color: #1F9AA8;

    font-weight: 300;

    padding: 30px 0;

    border: 1px solid #ddd;

}



.market .basket table tbody > tr > td > div {

    margin: 15px;

}



.market .basket table tbody > tr > td:not(.reset),

.market .basket table thead > tr > th:not(.reset) {

    min-width: 140px;

    text-align: center;

    justify-content: center;

}



.market .basket table tbody > tr > td.reset {

    min-width: 50px;

    text-align: center;

    justify-content: center;

}



.market .basket table thead > tr > th:first-child{

    font-weight: bold;

    text-align: left;

    font-size: 36px;

}



.market .basket .basket-info,

.market .basket table tbody tr {

    background: #fff;

}



.market .basket table span {

    padding: 0  15px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

}



.market .basket table tbody .product-image {

    padding: 25px 35px;

    background: #fff;

    border-radius: 14px;

    border: 1px solid #ddd;

}



.market .basket table tbody .product-image > img {

    height: 120px;

}



.market .basket table tbody > tr > td:nth-child(2) {

    min-width: 180px;

}



.market .basket table tbody .product-name {

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%;

    line-height: 19px;

    font-size: 14px;

    color: #1F9AA8;

    padding: 25px 0;

    font-weight: bold;

}



.product-setup .product-price,

.market .basket table tbody .product-price {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    flex-wrap: wrap;

    height: 100%;

    font-size: 26px;

    color: #1F9AA8;

    font-weight: bold;

    min-width: 135px;

}



.product-setup .product-price b,

.market .basket table tbody .product-price b {

    font-size: 14px;

    margin-top: 5px;

}



.product-setup .product-amount,

.market .basket table tbody .product-amount {

    display: flex;

    justify-content: center;

    align-items: center;

}





.product-setup i,

.market .basket table tbody i {

    color: #1F9AA8;

    font-size: 22px;

    transition: .3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    -webkit-transition: .3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    -moz-transition: .3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

}



.product-setup i:hover,

.market .basket table tbody i:hover {

    color: #FFA75C;

}



.product-setup .product-amount input,

.market .basket table tbody .product-amount input {

    margin: 0 15px;

    padding: 10px 5px;

    border: 1px solid #ddd;

    width: 42px;

    color: #1F9AA8;

    font-weight: bold;

    text-align: center;

}



.market .basket > .container-fluid > .right {

    display: flex;

    justify-content: center;

    text-align: center;

    flex-grow: 1;

    padding: 50px 15px 15px 15px;

}



.market .basket > .container-fluid > .right .basket-info > span {

    padding: 15px 0 35px 0;

    color: #1F9AA8;

    font-weight: bold;

    text-align: center;

    font-size: 21px;

    display: block;

    margin-top: -65px;

}



.market .basket > .container-fluid > .right .basket-info > ul {

    display: flex;

    justify-content: center;

    text-align: center;

    flex-direction: column;

    flex-wrap: wrap;

}



.market .basket > .container-fluid > .right .basket-info {

    width: 100%;

    height: 415px;

    padding: 0 15px;

    margin-top: 45px;

    border: 1px solid #ddd;

}



.market .basket > .container-fluid > .right .basket-info > ul > li {

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    min-height: 75px;

    border-bottom: 1px solid #ddd;

}



.market .basket > .container-fluid > .right .basket-info > ul > li > span {

    width: 50%;

    text-align: left;

    color: #1F9AA8;

    font-size: 13px;

    font-weight: bold;

}



.market .basket > .container-fluid > .right .basket-info > ul > li > b {

    width: 50%;

    color: #1F9AA8;

    font-size: 22px;

    text-align: right;

}



.market .basket > .container-fluid > .right .basket-info .basket-button {

    margin-top: 35px;

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 13px;

    color: #FFA75C;

    border-radius: 24px;

    font-weight: bold;

    padding: 15px;

    border: 1px solid #FFA75C;

    cursor: pointer;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    padding-top: 17px;

}



.market .basket > .container-fluid > .right .basket-info .basket-button.reset {

    margin-top: 15px;

}



.market .basket > .container-fluid > .right .basket-info .basket-button:hover {

    border-color: #ddd;

    background: #FFA75C;

    color: #fff;

    border-radius: 0;

}



.sidebar {

    margin: 15px 0;

    width: 210px;

    border-radius: 24px;

    background: #fff;

    border: 1px solid #ddd;

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    align-self: flex-start;

}



.sidebar > ul {

    display: flex;

    width: 100%;

    flex-direction: column;

    flex-wrap: wrap;

    padding: 20px;

    border-bottom: 1px solid #1f9aa8bf;

}



.sidebar > ul:last-child {

    border-bottom: none;

}



.sidebar > ul > li {

    display: flex;

    align-items: center;

    font-size: 14px;

    color: #1F9AA8;

    margin: 3px 0;

}



.sidebar > ul > li > a {

    text-decoration: none;

    color: #1F9AA8;

    text-decoration: none;

    color: #1F9AA8;

    display: flex;

    align-items: center;

    display: flex;

    width: 100%;

}



.sidebar > ul > li label {

    cursor: pointer;

    margin: 0 0 0 5px !important;

}



.sidebar > ul > li input,

.sidebar > ul > li input + label {

    opacity: .85;

    margin: 0;

    margin-top: -1px;

}



.sidebar > ul > li input:checked,

.sidebar > ul > li input:checked + label {

    font-weight: bold;

    opacity: 1;

}



.sidebar > ul > li:first-child {

    font-weight: bold;

    font-size: 16px;

    margin-bottom: 15px;

}



.products-list.custom {

    display: flex;

    width: calc(100vw - 315px);

    flex-wrap: wrap;

    justify-content: space-evenly;

    margin: 15px 0;

    align-items: flex-start;

}



.products-list.custom .product-box {

    margin-bottom: 15px;

    padding: 30px 15px;

}



.products-detail {

    margin: 15px auto;

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

}



.products-detail > .top {

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 30px;

}



.products-detail > .top > .left {

    flex-grow: 1;

    display: flex;

    justify-content: center;

    align-items: center;

}



.products-detail > .top > .left > img {

    max-width: 100%;

    display: block;

    margin: 0 auto;

}



.products-detail > .top > .right {

    width: 50%;

    max-width: 480px;

    display: flex;

    justify-content: center;

    align-items: center;

    align-self: flex-start;

}



.products-detail > .top > .left > .badges {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    flex-direction: column;

    flex-grow: 1;

}



.products-detail > .top > .left > .badges > img {

    margin-bottom: 30px;

}



.products-detail > .top > .right > .product-data {

    background: #F8F8F8;

    padding: 30px;

    border-radius: 14px;

    box-shadow: 0 0 5px #ddd;

}



.products-detail > .top > .right > .product-data > span {

    font-size: 32px;

    color: #1F9AA8;

    line-height: 36px;

    font-weight: bold;

    display: block;

}



.products-detail > .top > .right > .product-data > ul {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    flex-wrap: wrap;

    margin-top: 35px;

}



.products-detail > .top > .right > .product-data > ul > li {

    margin: 10px 0;

    box-shadow: 0 0 5px #ddd;

    padding: 20px;

    border-radius: 24px;

    width: 100%;

    background: #FFFFFF;

    display: flex;

    align-items: center;

}



.products-detail > .top > .right > .product-data > ul > li > span {

    font-size: 13px;

    color: #1F9AA8;

    min-width: 120px;

}



.product-setup {

    display: flex;

    justify-content: center;

    margin: 15px auto;

}



.product-setup .product-price {

    font-size: 48px;

    flex-direction: row;

    flex-grow: 1;

    justify-content: flex-start;

}



.product-setup .product-price {

    margin-right: 10px;

}



.market .buy-now {

    max-width: 160px;

    padding: 8px 15px;

    text-align: center;

    margin: 0 auto;

    min-height: 42px;

}



.market .buy-now.disabled {

    background: green;

    border: 0;

    border-radius: 0;

    pointer-events: none;

    cursor: not-allowed;

}



.products-detail > .bottom > .pane {

    background: #E8F8FA;

    display: flex;

    width: 100%;

    padding: 20px;

    border: 1px solid #ddd;

    border-radius: 50px;

    margin-bottom: 15px;

    justify-content: center;

    align-items: center;

}



.products-detail > .bottom > .pane > li > a {

    text-decoration: none;

    color: #1F9AA8;

    font-weight: bold;

}



.products-detail > .bottom {

    display: flex;

    width: 100%;

    flex-direction: column;

    flex-wrap: wrap;

}



.products-detail > .bottom > p {

    color: #1F9AA8;

    font-size: 13px;

    line-height: 20px;

    padding: 0 75px;

    text-align: center;

    width: 100%;

    display: block;

}



.products-detail > .bottom img {

    max-width: 660px;

    align-self: center;

}



.products-detail > .bottom .img-labels {

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 35px;

    margin-top: -35px;

}



.products-detail > .bottom .img-labels > img:first-child {

    margin-right: 35px;

}



.market .container-fluid {

    justify-content: center;

}



.checkout.modal .modal-header span {

    font-size: 13px;

    line-height: 22px;

    padding: 0 30px;

    display: block;

    margin-bottom: 15px;

    text-align: center;

}



.checkout.modal .modal-header span > b {

    font-weight: bold;

}



.checkout-page {

    width: 100%;

}



.checkout-page > .container > .top {

    padding: 30px 0;

    width: 100%;

    display: flex;

    justify-content: center;

    flex-direction: column;

    flex-wrap: wrap;

    align-items: center;

}



.checkout-page > .container > .top > .title {

    text-align: center;

    font-family: 'Roboto', sans-serif;

    font-size: 56px;

    color: #1F9AA8;

    flex-grow: 1;

    font-weight: bold;

}



.checkout-status-text {

    text-align: center;

    font-family: 'Roboto', sans-serif;

    font-size: 46px;

    color: #1F9AA8;

    flex-grow: 1;

    font-weight: 300;

    margin-top: 75px;

}



.checkout-status-text > b {

    font-weight: bold;

}



.checkout-page > .container > .top > .title + p {

    text-align: center;

    font-family: 'Roboto', sans-serif;

    font-size: 26px;

    color: #1F9AA8;

    flex-grow: 1;

    font-weight: 300;

    display: block;

    margin-top: 15px;

}



.checkout-page > .container > .top > .title + p > b {

    font-weight: bold;

}



.checkout-page > .container {

    justify-content: center;

    align-items: center;

}



.checkout-page > .container > form {

    display: flex;

    width: 100%;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    flex-wrap: wrap;

    max-width: 460px;

    margin-bottom: 35px;

}



.checkout-page > .container > form > .form-group {

    width: 100%;

    display: flex;

    justify-content: space-between;

}



.checkout-page .form-group > input { 

    flex-grow: 1;

    border: 1px solid #B8EBF0;

    border-radius: 24px;

    padding: 10px 20px;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 300;

    display: block;

    margin: 0 15px;

}



.checkout-page button { 

    border-radius: 24px;

    border: none;

    padding: 15px 35px;

    background: #1F9AA8;

    color: white;

    font-size: 13px;

    font-weight: bold;

    min-width: 175px;

    margin: 0 auto;

    display: block;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



.checkout-page button:hover {

    border-radius: 5px;

    box-shadow: 0 4px 8px rgba(0, 141, 157, 0.3);

}

/* Market */



/* Profile */

.profile-tabs {

    display: flex;

    width: calc(100% - 240px);

    margin: 15px;

    border-radius: 24px;

    background: #fff;

    border: 1px solid #ddd;

    padding: 15px;

    justify-content: center;

    align-items: center;

}



.profile-tabs .tab-pane {

    width: 100%;

    display: none;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    flex-wrap: wrap;

}



.profile-tabs .tab-pane.active {

    display: flex;

}



#update-address-form,

.profile-tabs .tab-pane form {

    width: 100%;

}



.profile-tabs .address-list {

    display: flex;

    width: 100%;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

}



.profile-tabs .address-list > li > a {

    display: flex;

    flex-direction: column;

    text-decoration: none;

    border: 1px solid #ddd;

    padding: 15px;

    margin: 5px;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    border-radius: 24px;

}



.profile-tabs .address-list > li > a:hover {

    border-radius: 5px;

    box-shadow: 0 4px 8px rgba(0, 141, 157, 0.3);

    background: #1F9AA8;

}



.profile-tabs .address-list > li > a > span {

    font-size: 15px;

    font-weight: 400;

    text-align: center;

    padding-top: 15px;

    color: #1F9AA8;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



.profile-tabs .address-list > li > a:hover span {

    color: #fff;

}



.profile-tabs .title {

    font-size: 26px;

    font-weight: bold;

    text-align: center;

    padding-bottom: 35px;

    padding-top: 15px;

    color: #1F9AA8;

}



.profile-tabs .form-group { 

    display: flex;

    justify-content: space-between;

    width: 100%;

    padding: 0 25px;

    flex-direction: column;

}



.profile-tabs .form-group > input { 

    flex-grow: 1;

    border: 1px solid #B8EBF0;

    border-radius: 24px;

    padding: 10px 20px;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 300;

    display: block;

}



.profile-tabs .form-group > label { 

    flex-grow: 1;

    border: none;

    padding: 10px 20px;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 900;

    padding-left: 5px;

}



#update-address-form button,

.profile-tabs button { 

    border-radius: 24px;

    border: none;

    padding: 15px 35px;

    background: #1F9AA8;

    color: white;

    font-size: 13px;

    font-weight: bold;

    min-width: 175px;

    margin: 0 auto;

    display: block;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



#update-address-form button:hover,

.profile-tabs button:hover {

    border-radius: 5px;

    box-shadow: 0 4px 8px rgba(0, 141, 157, 0.3);

}



.profile-sidebar > ul > li:first-child {

    border-bottom: 1px solid #ddd;

    padding-bottom: 5px;

    margin-bottom: 10px;

}



.profile-sidebar > ul > li:first-child > a {

    padding-left: 0px;

    font-size: 18px;

}





ul {

    list-style: none !important;

}



.profile-sidebar > ul > li.active > a {

    font-weight: 600;

}



.profile-sidebar > ul > li > a {

    font-size: 14px;

    padding: 4px 0;

    padding-left: 10px;

}   



.product-thumbnails {

    border: 1px solid #ddd;

    display: flex;

    flex-direction: column;

}



.product-thumbnails > li > a {

    display: block;

    margin: 5px auto;

    padding: 15px 30px;

    border-bottom: 1px solid transparent;

}



#product-carousel {

    margin: 25px;

    padding: 35px;

}



.product-thumbnails > li:not(:last-child) > a {

    border-bottom: 1px solid #ddd;

}



.product-thumbnails > li > a > img {

    display: block;

    max-width: 100%;

    max-height: 70px;

    margin: 0 auto;

}

/* Profile */



.quick-list > span {

    text-align: center;

    font-family: 'Roboto', sans-serif;

    font-size: 18px;

    color: #1F9AA8;

    flex-grow: 1;

    font-weight: 300;

    display: block;

    margin-top: 15px;

}



#quick-list {

    display: flex;

    justify-content: center;

    margin: 15px auto;

    align-items: center;

}



#quick-list li {

    border: 1px solid #ddd;

    font-size: 14px;

    padding: 10px;

    background: #fff;

    margin: 0 10px;

    cursor: pointer;

}

.modal {

    text-align: center;

}



@media screen and (min-width: 768px) { 

.modal:before {

    display: inline-block;

    vertical-align: middle;

    content: " ";

    height: 100%;

}

}



.modal-dialog {

    display: inline-block;

    text-align: left;

    vertical-align: middle;

}



.carousel-control.left, .carousel-control.right {

    background-image:none !important;

    filter:none !important;

    color: #1f9aa8 !important;

 }

 .carousel-caption {

    right: 10%;

    text-align: center;

    left: auto;

    top: 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    align-content: center;

    justify-content: center;

    width: 40vw;

}



.modal-backdrop {

    background:  #fff;

}



.modal-content {

    border: none;

    border-radius: 14px;

    box-shadow: 0 5px 15px #1F9AA8;

    -webkit-box-shadow: 0 5px 15px #1F9AA8;

    color: #1F9AA8;

}



.modal-content .custom-close {

    background: transparent;

    border: none;

    position: absolute;

    right: 15px;

    transition: .3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    -webkit-transition: .3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    -moz-transition: .3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    opacity: .65;

}



.modal-content .custom-close > i {

    color: #1F9AA8;

    font-size: 24px;

}



.modal-content .custom-close:hover {

   opacity: 1;

}



.modal-dialog {

    max-width: 435px;

}



.modal-title {

    display: flex;

    margin: 25px auto;

    justify-content: center;

    align-items: center;

    font-size: 26px;

    font-weight: 300;

}



.modal-title > b {

    font-weight: bold;

    margin-right: 5px;

}



.modal-header {

    border-bottom: none;

    padding-bottom: 0;

}



.modal-content .form-group { 

    display: flex;

    justify-content: space-between;

    width: 100%;

    padding: 0 25px;

}



.modal {

    position: absolute;

    height: 100%;

    overflow: initial;

}



.modal-body {

    position: relative;

    padding: 15px;

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

}



.modal-content .form-group > input { 

    flex-grow: 1;

    border: 1px solid #B8EBF0;

    border-radius: 24px;

    padding: 10px 20px;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 300;

    display: block;

}

.modal-content .form-group p {

    font-size: 11px;

    line-height: 22px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    margin: 0 auto;

    text-align: center;

}

.modal-content .form-group p > input[type="radio"] {

    width: auto;

    margin-right: 5px;

    align-self: center;

    position: relative;

    top: 2px;

}



.modal-content .switch {

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 14px;

    font-weight: 300;

}



.modal-content .switch button {

    border: none;

    background: #BAEBF0;

    padding: 15px 30px;

    border-radius: 25px;

    font-weight: bold;

    color: #1F9AA8;

    margin-left: 15px;

}



.modal-content .form-group p > label {

    display: inline;

}



.modal-content .form-group p > a {

    border-bottom: 1px solid rgba(31, 154, 168, 0.63);

    text-decoration: none;

}



.modal-content .modal-button { 

    border-radius: 24px;

    border: none;

    padding: 15px 35px;

    background: #1F9AA8;

    color: white;

    font-size: 13px;

    font-weight: bold;

    min-width: 175px;

    margin: 0 auto;

    display: block;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



.modal-content .modal-button:hover {

    border-radius: 5px;

    box-shadow: 0 4px 8px rgba(0, 141, 157, 0.3);

}



.modal-body img {

    height: 48px;

    margin: 35px auto 15px auto;

}

/* Override Bootstrap Styles */



/* Pace Styles */

.cover {

    background-color: #F8F8F8;

    background-image: url('../../images/layout/logo.png');

    background-repeat: no-repeat;

    background-position: center center;

    z-index: 1999;

    position: fixed;

    left: 0px;

    top: 0px;

    width: 100%;

    height: 100%;

}



.cover.enabled {

    display: block !important;

}

/* Pace Styles */



/* Core Styles */



form.invalid select:invalid,

form.invalid textarea:invalid,

form.invalid input:invalid {

    border-color: #ef6549 !important;

}



form.invalid input[type="radio"]:invalid + label,

form.invalid input[type="radio"]:invalid + span {

    color: #ef6549 !important;

}



form.invalid input[type="file"]:invalid + label {

    background: #ef6549 !important;

    color: white !important;

}



form {

    transition: .3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    -webkit-transition: .3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    -moz-transition: .3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

}

form.disabled{

    opacity: .35;

    pointer-events: none;

    cursor: not-allowed;

}



* {

    text-shadow: none !important;

}



html {

    /* Adjust font size */

    font-size: 100%;

    -webkit-text-size-adjust: 100%;

    

    /* Font varient */

    font-variant-ligatures: none;

    -webkit-font-variant-ligatures: none;



    /* Smoothing */

    text-rendering: optimizeLegibility;

    -moz-osx-font-smoothing: grayscale;

    font-smoothing: antialiased;

    -webkit-font-smoothing: antialiased;

    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;

}



* {

    outline: none !important;

}

body {

    background: #F8F8F8;

    overflow-y: scroll;

    overflow-x: hidden;

    font-family: 'Roboto', sans-serif;

}



body.pace-done {

    overflow-y: auto;

}



body.pace-running > .page-wrapper {

    display: none;

}



.page-wrapper {

    min-height: 100vh;

    display: flex;

    flex-direction: column;

}



.page-content {

    flex-grow: 1;

}



.container-fluid,

.container {

    width: 100%;

    display: flex;

    flex-direction: row;

    padding: 0 30px;

    flex-wrap: wrap;

}



.container {

    max-width: 1170px;

}



.flex-grow {

    width: 100%;

    flex-grow: 1;

}



/* Header Styles */

header {

    width: 100%;

    min-height: 120px;

    display: flex;

    flex-direction: row;

    justify-content: center;

    align-items: flex-start;

    font-family: 'Roboto', sans-serif;

    flex-wrap: wrap;

    flex: 0;

    background: #F8F8F8;

    overflow: hidden;

    transition: box-shadow 0.2s ease-in;

    -webkit-transition: box-shadow 0.2s ease-in;

    -moz-transition: box-shadow 0.2s ease-in;

    border-bottom: 2px solid rgba(186, 235, 240, 0.57);

}



header > .header-top,

header > .header-bottom {

    flex-grow: 1;

    display: flex;

    width: 100%;

    justify-content: center;

}



header > .header-top {

    padding: 30px 0;

}



header > .header-bottom {

    transition: .3s;  

    -webkit-transition: .3s;  

    -moz-transition: .3s;  

    overflow: hidden;

    max-height: 0;

    padding-top: 0px;

    border: solid transparent;

    border-width: 1px 0;

}



header > .header-bottom.active {

    max-height: 400px;

    padding-top: 30px;

    border-color: rgba(0, 141, 157, 0.15);

}



header > .header-top > .container-fluid > .mobile-menu {

    cursor: pointer;

    display: none;

}



header > .header-top > .container-fluid > .mobile-menu > img {

    height: 28px;

}



header > .header-top > .container-fluid > .logo {

    align-self: center;

    margin-right: 25px;

    width: 148px;

    height: 57px;

    position: relative;

}



header > .header-top > .container-fluid > .logo > img {

    width: 148px;

    position: absolute;

    left: 0;

    top: -6px;

}



header > .header-top > .container-fluid > .navigation {

    display: flex;

    flex-direction: row;

    align-items: center;

    flex-grow: 1;

}



header > .header-top > .container-fluid > .navigation > li {

    position: relative;

}



header > .header-top > .container-fluid > .navigation > li > a {

    display: block;

    margin: 0 8px;

    padding: 4px 0;

    text-decoration: none;

    font-size: 12px;

    color: #1F9AA8;

    font-weight: bold;

    white-space: nowrap;

    transition: font-size .1s ease-in-out;

    -webkit-transition: font-size .1s ease-in-out;

    -moz-transition: font-size .1s ease-in-out;

    border-bottom:1px solid transparent;

}



header > .header-top > .container-fluid > .navigation > li:(.active):hover > a {

    border-color:rgba(31, 154, 168, 0.35);

}



header > .header-top > .container-fluid > .navigation > li.has-dropdown:after {

    content: "";

    display: none;

    width: 35%;

    height: 3px;

    background-color: #0C9AA8;

    position: absolute;

    bottom: -8px;

    left: 8px;

    border-radius: 25px;

}



header > .header-top > .container-fluid > .navigation > li.active-link:after,

header > .header-top > .container-fluid > .navigation > li.active:after  {

    display: block;

}



header > .header-top > .container-fluid > .navigation > li.active-link > a,

header > .header-top > .container-fluid > .navigation > li.active > a {

    font-size: 14px;

}



header > .header-top > .container-fluid > .navigation-buttons {

    display: flex;

    flex-direction: row;

    align-items: center;

    justify-self: flex-end;

}



header > .header-top > .container-fluid > .navigation-buttons > li > a {

    display: flex;

    height: 47px;

    padding: 0 15px;

    text-decoration: none;

    font-size: 13px;

    color: #ffffff;

    font-weight: 500;

    border-radius: 24px;

    margin:0 4px;

    white-space: nowrap;

    justify-content: center;

    align-items: center;

    border: 1px solid transparent;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



header > .header-top > .container-fluid > .navigation-buttons > li:hover > a {

    border-radius: 5px;

    box-shadow: 0 4px 8px rgba(0, 141, 157, 0.3);

}



header > .header-top > .container-fluid > .navigation-buttons > li:first-child > a {

    background: #1F9AA8;

    position: relative;

}



header > .header-top > .container-fluid > .navigation-buttons > li:first-child.active > a {

    border: 2px solid #fff;

    border-radius: 5px;

    box-shadow: 0 4px 8px rgba(0, 141, 157, 0.3);

}



header > .header-top > .container-fluid > .navigation-buttons > li:nth-child(2) > a {

    background: #FFA75C;

}



header > .header-top > .container-fluid > .navigation-buttons > li:nth-child(3) > a {

    background: #BAEBF0;

    color: #1F9AA8;

}



header > .header-top > .container-fluid > .navigation-buttons > li:nth-child(4) > a {

    background: transparent;

    color: #B2B2B2;

    border-color: #B2B2B2;

}



header > .header-top > .container-fluid > .navigation-buttons > li > a > img{

    height: 18px;

    margin-right: 5px;

    align-self: center;

}



header > .header-top > .container-fluid > .navigation-buttons > li:nth-child(2) > a > img{

    height: 22px;

}



header > .header-top > .container-fluid > .navigation-buttons > li:nth-child(3) > a > img{

    height: 23px;

}



header > .header-top > .container-fluid > .navigation-buttons > li:nth-child(4) > a > img{

    height: 25px;

}



header > .header-bottom > .container-fluid > .sub-menu {

    flex-direction: column;

    align-items: flex-start;

    flex-grow: 1;

    padding-left: 180px;

    display: none;

    justify-content: center;

}



header > .header-bottom > .container-fluid > .sub-menu#header-sub-menu-list {

    padding-bottom: 30px;   

}



header > .header-bottom > .container-fluid > .sub-menu.active {

    display: flex;

}



header > .header-bottom > .container-fluid > .sub-menu > li {

    position: relative;

}



header > .header-bottom > .container-fluid > .sub-menu > li > a {

    display: block;

    padding: 8px 0;

    text-decoration: none;

    font-size: 12px;

    color: #1F9AA8;

    white-space: nowrap;

    transition: .15s ease-in-out;

    -webkit-transition: .15s ease-in-out;

    -moz-transition: .15s ease-in-out;

    border-bottom:1px solid transparent;

}



header > .header-bottom > .container-fluid > .sub-menu > li.active > a {

    font-weight: bold;

}



header > .header-bottom > .container-fluid > .sub-menu > li.active > a,

header > .header-bottom > .container-fluid > .sub-menu > li:hover > a {

    border-color:rgba(31, 154, 168, 0.35);

}



header > .header-bottom > .container-fluid > .sub-menu#header-brands-3,

header > .header-bottom > .container-fluid > .sub-menu#header-brands-2,

header > .header-bottom > .container-fluid > .sub-menu#header-brands {

    flex-direction: row;

    padding-left: 0;

}



header > .header-bottom > .container-fluid > .sub-menu#header-brands-3 > li,

header > .header-bottom > .container-fluid > .sub-menu#header-brands-2 > li,

header > .header-bottom > .container-fluid > .sub-menu#header-brands > li {

    width: 16.6%;

    min-width: 125px;

    max-width: 150px;

    position: relative;

    transition: .15s ease-in-out;

    -webkit-transition: .15s ease-in-out;

    -moz-transition: .15s ease-in-out;

    margin: 7px;

}



header > .header-bottom > .container-fluid > .sub-menu#header-brands-3 > li.active,

header > .header-bottom > .container-fluid > .sub-menu#header-brands-2 > li.active,

header > .header-bottom > .container-fluid > .sub-menu#header-brands-3 > li:not(.active):hover,

header > .header-bottom > .container-fluid > .sub-menu#header-brands-2 > li:not(.active):hover,

header > .header-bottom > .container-fluid > .sub-menu#header-brands > li.active,

header > .header-bottom > .container-fluid > .sub-menu#header-brands > li:not(.active):hover {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    margin: 0 15px;

}



header > .header-bottom > .container-fluid > .sub-menu#header-brands-3 > li.active,

header > .header-bottom > .container-fluid > .sub-menu#header-brands-2 > li.active,

header > .header-bottom > .container-fluid > .sub-menu#header-brands > li.active {

    pointer-events: none !important;

    cursor: not-allowed !important;

}



header > .header-bottom > .container-fluid > .sub-menu#header-brands-3 > li.active > a,

header > .header-bottom > .container-fluid > .sub-menu#header-brands-2 > li.active > a,

header > .header-bottom > .container-fluid > .sub-menu#header-brands > li.active > a {

    box-shadow: 0 1px 3px #FFA75C !important;

}



header > .header-bottom > .container-fluid > .sub-menu#header-brands-3 > li > a,

header > .header-bottom > .container-fluid > .sub-menu#header-brands-2 > li > a,

header > .header-bottom > .container-fluid > .sub-menu#header-brands > li > a {

    display: block;

    padding: 0;

    text-decoration: none;

    font-size: 12px;

    color: #1F9AA8;

    background: #fff;

    white-space: nowrap;

    transition: .1s ease-in-out;

    -webkit-transition: .1s ease-in-out;

    -moz-transition: .1s ease-in-out;

    border-radius: 11px;

    box-shadow: 0 1px 3px rgba(0, 141, 157, 0.65);

    opacity: .95;

    border: none;

}



header > .header-bottom > .container-fluid > .sub-menu#header-brands-3 > li:hover > a,

header > .header-bottom > .container-fluid > .sub-menu#header-brands-2 > li:hover > a,

header > .header-bottom > .container-fluid > .sub-menu#header-brands > li:hover > a {

    box-shadow: 0 1px 3px rgba(0, 141, 157, 0.70);

    opacity: 1;

}



header > .header-bottom > .container-fluid > .sub-menu#header-brands-3 > li > a > img,

header > .header-bottom > .container-fluid > .sub-menu#header-brands-2 > li > a > img,

header > .header-bottom > .container-fluid > .sub-menu#header-brands > li > a > img {

    max-width: 100%;

    height: 150px;

    margin: 10px auto;

    padding: 5px 2px;

    display: block;

    align-self: center;

    box-sizing: border-box;

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

}



header > .header-bottom > .container-fluid > .sub-menu#header-brands-3 > li > a > span,

header > .header-bottom > .container-fluid > .sub-menu#header-brands-2 > li > a > span,

header > .header-bottom > .container-fluid > .sub-menu#header-brands > li > a > span {

    display: block;

    margin: 0 auto;

    text-align: center;

    height: 38px;

    line-height: 38px;

    background: #B8EBF0;

    font-size: 11px;

    font-weight: bold;

    border-bottom-left-radius: 11px;

    border-bottom-right-radius: 11px;

}



header > .header-bottom > .container-fluid > .view-all {

    width: 100%;

    flex-wrap: wrap;

    display: none;

}



header > .header-bottom > .container-fluid > #header-brands.active + .view-all {

    display: block;

}



header > .header-bottom > .container-fluid > .view-all > a {

    color: #1F9AA8;

    border: 1px solid #1F9AA8;

    width: 165px;

    text-align: center;

    height: 36px;

    line-height: 36px;

    border-radius: 25px;

    font-size: 13px;

    font-weight: bold;

    font-family: 'Roboto', sans-serif;

    text-decoration: none;

    transition: .3s ease-in-out;

    -webkit-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    margin: 15px auto;

    display: block;

}

header > .header-bottom > .container-fluid > .view-all > a:hover {

    color: #fff;

    background: #1F9AA8;

    border-radius: 0;

}

/* Header Styles */



/* Footer Styles */

footer {

    padding: 40px 0;

    display: flex;

    border-top: 2px solid rgba(186, 235, 240, 0.57);

}



footer > .container-fluid {

    align-items: center;

}



footer > .container-fluid > .logo {

    align-self: center;

    margin-right: 75px;

    width: 175px;

    position: relative;

}



footer > .container-fluid > .logo > img {

    max-width: 100%;

}



footer > .container-fluid > .navigation {

    margin: 0 15px;

}



footer > .container-fluid > .navigation.grow {

    flex-grow: 1;

}



footer > .container-fluid > .navigation > li > a {

    font-size: 13px;

    color: #1F9AA8;

    margin: 12px 0;

    display: block;

}



footer > .container-fluid > .social-media {

    display: flex;

    flex-direction: column;

    align-items: flex-start;

}



footer > .container-fluid > .social-media > li {

    font-size: 13px;

    color: #1F9AA8;

    display: block;

    text-align: center;

    margin: 5px 0;

    font-weight: 500;

}



footer > .container-fluid > .social-media > li > a {

    text-decoration: none;

}



footer > .container-fluid > .social-media > li > a > i {

    font-size: 22px;

    color: #008d9d;;

}

/* Footer Styles */



/* Core Styles */





/* Home Page Styles */



    /* Home Carousel */

    .home-carousel:after {

        content: "";

        display: block;

        width: 100%;

        height: 180px;

        position: absolute;

        bottom: -80px;

        left: 0;

        background: url('../../images/carousel/carousel-path-2.png');

        background-size: cover;

        z-index: 1;

    }



    .home-carousel > .carousel-inner > .item > .carousel-caption {

        font-family: 'Roboto', sans-serif;

    }



    .home-carousel > .carousel-inner > .item > .carousel-caption > h3 {

        font-size: 3.5vw;

        color: #1F9AA8;

        font-weight: 300;

    }



    .home-carousel > .carousel-inner > .item > .carousel-caption > h4 {

        font-size: 3.5vw;

        font-weight: bold;

        color: #1F9AA8;

        padding-top: 10px;

    }



    .home-carousel > .carousel-inner > .item > .carousel-caption > img {

        max-height: 80px;

         align-self: center;

    }



    .home-carousel > .carousel-inner .bebbe .carousel-caption {

        flex-direction: row;

        flex-wrap: wrap;

        display: flex;

    }



    .home-carousel > .carousel-inner .bebbe .carousel-caption > img {

        max-height: 350px;

    }



    .home-carousel > .carousel-inner .bebbe .carousel-caption > div {

        flex-direction: column;

        flex-wrap: wrap;

        display: flex;

    }



    .home-carousel > .carousel-inner .bebbe .carousel-caption > div > span {

        color: #803D98;

        font-family: 'Roboto', sans-serif;

        font-weight: 100;

        font-size: 32px;

        padding: 10px 25px;

        text-align: left;

    }



    .home-carousel > .carousel-inner .bebbe .carousel-caption > div > span > b {

        font-weight: bold;

    }



    .home-carousel > .carousel-inner .bebbe .carousel-caption > div > img {

        align-self: flex-start;

        max-height: 72px;

        margin-left: 15px;

    }



    .home-carousel > .carousel-inner .bebbe .carousel-caption button {

        color: #813B98;

        border: 1px solid #813B98;

        width: 190px;

        text-align: center;

        height: 36px;

        line-height: 33px;

        border-radius: 25px;

        font-size: 13px;

        font-weight: bold;

        font-family: 'Roboto', sans-serif;

        margin: 5px 0 0 25px;

        text-decoration: none;

        transition: .3s ease-in-out;

        -webkit-transition: .3s ease-in-out;

        -moz-transition: .3s ease-in-out;

    }



    .home-carousel > .carousel-inner .bebbe .carousel-caption button:hover {

        color: #fff;

        background: #813B98;

        border-radius: 0;

    }



    .home-carousel > .carousel-inner .joyjo .carousel-caption {

        flex-direction: row;

        flex-wrap: wrap;

        display: flex;

        width: 65vw;

    }



    .home-carousel > .carousel-inner .joyjo .carousel-caption > img {

        max-height: 325px;

    }



    .home-carousel > .carousel-inner .joyjo .carousel-caption > div {

        flex-direction: column;

        flex-wrap: wrap;

        display: flex;

    }



    .home-carousel > .carousel-inner .joyjo .carousel-caption > div > span {

        color: #006A95;

        font-family: 'Roboto', sans-serif;

        font-weight: 100;

        font-size: 26px;

        padding: 10px 25px;

        text-align: left;

        padding-right: 50px;

    }



    .home-carousel > .carousel-inner .joyjo .carousel-caption > div > span > b {

        font-weight: bold;

    }



    .home-carousel > .carousel-inner .joyjo .carousel-caption > div > img {

        align-self: flex-start;

        max-height: 120px;

        margin-left: 15px;

    }



    .home-carousel > .carousel-inner .joyjo .carousel-caption button {

        color: #006A95;

        border: 1px solid #006A95;

        width: 190px;

        text-align: center;

        height: 36px;

        line-height: 33px;

        border-radius: 25px;

        font-size: 13px;

        font-weight: bold;

        font-family: 'Roboto', sans-serif;

        margin: 5px 0 0 25px;

        text-decoration: none;

        transition: .3s ease-in-out;

        -webkit-transition: .3s ease-in-out;

        -moz-transition: .3s ease-in-out;

    }



    .home-carousel > .carousel-inner .joyjo .carousel-caption button:hover {

        color: #fff;

        background: #006A95;

        border-radius: 0;

    }



    .home-carousel > .carousel-inner .onlem-adult .carousel-caption {

        flex-direction: row;

        flex-wrap: wrap;

        display: flex;

        width: 65vw;

    }



    .home-carousel > .carousel-inner .onlem-adult .carousel-caption > img {

        max-height: 375px;

    }



    .home-carousel > .carousel-inner .onlem-adult .carousel-caption > div {

        flex-direction: column;

        flex-wrap: wrap;

        display: flex;

    }



    .home-carousel > .carousel-inner .onlem-adult .carousel-caption > div > span {

        color: #006A95;

        font-family: 'Roboto', sans-serif;

        font-weight: 100;

        font-size: 26px;

        padding: 10px 25px;

        text-align: left;

        padding-right: 15px;

    }



    .home-carousel > .carousel-inner .onlem-adult .carousel-caption > div > span > b {

        font-weight: bold;

    }



    .home-carousel > .carousel-inner .onlem-adult .carousel-caption > div > img {

        align-self: flex-start;

        max-height: 80px;

        margin: 0px 0 15px 25px;

        display: block;

    }



    .home-carousel > .carousel-inner .onlem-adult .carousel-caption button {

        color: #006A95;

        border: 1px solid #006A95;

        width: 190px;

        text-align: center;

        height: 36px;

        line-height: 33px;

        border-radius: 25px;

        font-size: 13px;

        font-weight: bold;

        font-family: 'Roboto', sans-serif;

        margin: 5px 0 0 25px;

        text-decoration: none;

        transition: .3s ease-in-out;

        -webkit-transition: .3s ease-in-out;

        -moz-transition: .3s ease-in-out;

    }



    .home-carousel > .carousel-inner .onlem-adult .carousel-caption button:hover {

        color: #fff;

        background: #006A95;

        border-radius: 0;

    }



    .home-carousel > .carousel-inner .onlem-baby .carousel-caption {

        flex-direction: row;

        flex-wrap: wrap;

        display: flex;

        width: 35vw;

        right: auto;

        left: 15%;

        align-items: flex-start;

        justify-content: flex-start;

    }



    .home-carousel > .carousel-inner .onlem-baby .carousel-caption > div {

        flex-direction: column;

        flex-wrap: wrap;

        display: flex;

    }



    .home-carousel > .carousel-inner .onlem-baby .carousel-caption > div > span {

        color: #0C9AA8;

        font-family: 'Roboto', sans-serif;

        font-weight: 100;

        font-size: 26px;

        padding: 10px 25px;

        text-align: left;

        padding-right: 15px;

    }



    .home-carousel > .carousel-inner .onlem-baby .carousel-caption > div > span > b {

        font-weight: bold;

    }



    .home-carousel > .carousel-inner .onlem-baby .carousel-caption > div > img {

        align-self: flex-start;

        margin: 0 auto 15px auto;

        display: block;

        max-width: 375px;

        margin-left: -35px;

        margin-bottom: -25px;

    }



    .home-carousel > .carousel-inner .onlem-baby .carousel-caption button {

        color: #0C9AA8;

        border: 1px solid #0C9AA8;

        width: 190px;

        text-align: center;

        height: 36px;

        line-height: 33px;

        border-radius: 25px;

        font-size: 13px;

        font-weight: bold;

        font-family: 'Roboto', sans-serif;

        margin: 5px 0 0 25px;

        text-decoration: none;

        transition: .3s ease-in-out;

        -webkit-transition: .3s ease-in-out;

        -moz-transition: .3s ease-in-out;

    }



    .home-carousel > .carousel-inner .onlem-baby .carousel-caption button:hover {

        color: #fff;

        background: #0C9AA8;

        border-radius: 0;

    }



    /* Home Carousel */



    /* Home Wizard */

    .home-wizard {

        position: relative;

        z-index: 99;

        min-height: 200px;

        display: flex;

        justify-content: center;

        align-items: center;

        color: #000;

    }



    .home-wizard > .container {

        margin: -75px 0 35px 0;

    }

    

    .home-wizard > .container > .wizard-left {

        flex-grow: 1;

        justify-content: center;

        display: flex;

        flex-direction: column;

    }



    .home-wizard > .container > .wizard-left > h3 {

        font-family: 'Pacifico', sans-serif;

        color: #1F9AA8;

        font-size: 46px;

        padding-top: 50px;

    }



    .home-wizard > .container > .wizard-left > h4 {

        font-family: 'Roboto', sans-serif;

        color: #1F9AA8;

        font-size: 24px;

        font-weight: 300;

        margin-top: 20px;

    }



    .home-wizard > .container > .wizard-left > span {

        font-family: 'Roboto', sans-serif;

        color: #1F9AA8;

        font-size: 15px;

        font-weight: 300;

        margin-top: 10px;

        display: block;

    }



    .home-wizard > .container > .wizard-right > img {

        width: 38vw;

        max-width: 550px;

    }

    /* Home Wizard */



    /* Home Quick Links */

    .home-quick-links {

        margin-top: -50px;

        margin-bottom: 15px;

    }



    .home-quick-links > .container > .right,

    .home-quick-links > .container > .left {

        width: 50%;

        height: 400px;

        display: flex;

        justify-content: center;

        flex-direction: column;

        padding: 0 50px;

    }



    .home-quick-links > .container > .left {

        background-image: url('../../images/layout/babycare.png');

        background-size: 300px;

        background-repeat: no-repeat;

        background-position: right 200px;

    }

    

    .home-quick-links > .container > .right {

        align-items: flex-end;

        background-image: url('../../images/layout/adultcare.png');

        background-size: cover;

        background-repeat: no-repeat;

        background-position: left bottom;

    }



    .home-quick-links > .container > .left > h3 {

        font-family: 'Pacifico', sans-serif;

        color: #1F9AA8;

        font-size: 36px;

    }



    .home-quick-links > .container > .left > a {

        color: #1F9AA8;

        border: 1px solid #1F9AA8;

        width: 130px;

        text-align: center;

        height: 28px;

        line-height: 28px;

        border-radius: 25px;

        font-size: 13px;

        font-weight: bold;

        font-family: 'Roboto', sans-serif;

        margin: 35px 0 0 15px;

        text-decoration: none;

        transition: .3s ease-in-out;

        -webkit-transition: .3s ease-in-out;

        -moz-transition: .3s ease-in-out;

    }



    .home-quick-links > .container > .left > a:hover {

        color: #fff;

        background: #1F9AA8;

        border-radius: 0;

    }



    .home-quick-links > .container > .right > h3 {

        font-family: 'Pacifico', sans-serif;

        color: #4363AD;

        font-size: 36px;

    }



    .home-quick-links > .container > .right > a {

        color:#4363AD;

        border: 1px solid #4363AD;

        width: 130px;

        text-align: center;

        height: 28px;

        line-height: 28px;

        border-radius: 25px;

        font-size: 13px;

        font-weight: bold;

        font-family: 'Roboto', sans-serif;

        margin: 35px 15px 0 0;

        text-decoration: none;

        transition: .3s ease-in-out;

        -webkit-transition: .3s ease-in-out;

        -moz-transition: .3s ease-in-out;

    }



    .home-quick-links > .container > .right > a:hover {

        color: #fff;

        background: #4363AD;

        border-radius: 0;

    }

    /* Home Quick Links */



    /* Home Blog */

    .home-blog {

        margin-bottom: 25px;

    }



    .home-blog > .line {

        width: 100%;

        margin: 0 auto 25px auto;

    }



    

    .home-blog > .container {

        max-width: 1170px;

    }



    .home-blog > .container > .title {

        color: #1F9AA8;

        display: block;

        text-align: center;

        margin: 0 auto;

        font-size: 32px;

        font-family: 'Roboto', sans-serif;

        font-weight: bold;

        margin-top: -6.9vw;

        width: 100%;

    }



    .home-blog > .container > .title > span {

        font-weight: 300;

    }



    .home-blog > .container > .blog-carousel {

        margin: 0 auto;

        width: 100%;

    }



    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items {

        display: flex;

        align-items: center;

        justify-content: space-evenly;

        margin: 25px auto;

    }



    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items > div {

        width: 22%;

        max-width: 250px;

        height: 325px;

        border-radius: 22px 22px 0 0;

        padding: 25px;

        display: flex;

        justify-content: center;

        align-items: flex-end;

        box-shadow: 0px 0px 10px rgba(0, 141, 157, 0.38);

        background-size: cover;

        background-position: center center;

        position: relative;

        z-index: 9999;

        cursor: pointer;

        transform: scale(.95);

        -webkit-transform: scale(.95);

        -moz-transform: scale(.95);

        transition: .15s cubic-bezier(0.47, 0, 0.745, 0.715);

        -webkit-transition: .15s cubic-bezier(0.47, 0, 0.745, 0.715);

        -moz-transition: .15s cubic-bezier(0.47, 0, 0.745, 0.715);

        opacity: .85;

    }



    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items > div:hover {

        opacity: 1;

        transform: scale(1.1);

        -webkit-transform: scale(1.1);

        -moz-transform: scale(1.1);

        z-index: 99;

    }



    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items > div:first-child {

        background-image: url('../../images/blog/1.png');

        background-position: center;

        background-size: cover;

    }



    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items > div:nth-child(2) {

        background-image: url('../../images/blog/2.png');

        background-position: center;

        background-size: cover;

    }



    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items > div:nth-child(3) {

        background-image: url('../../images/blog/3.png');

        background-position: center;

        background-size: cover;

    }



    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items > div:nth-child(4) {

        background-image: url('../../images/blog/4.png');

        background-position: center;

        background-size: cover;

    }



    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items > div.last {

        background-image: url('../../images/blog/5.png');

        background-position: center;

        background-size: cover;

    }



    .home-blog > .container > .blog-carousel > .carousel-inner > .item > .items > div > span {

        font-size: 16px;

        line-height: 22px;

        text-align: center;

        color: #0C9AA8;

        padding-top: 15px;

        font-family: 'Roboto', sans-serif;

        font-weight: bold;

        border-top: 1px solid rgba(12, 155, 168, 0.523);

        background: #0c9aa8;

        color: white;

        padding: 15px;

        border-radius: 4px;

    }



    .home-blog > .container .view-all {

        color: #1F9AA8;

        border: 1px solid #1F9AA8;

        width: 165px;

        text-align: center;

        height: 36px;

        line-height: 36px;

        border-radius: 25px;

        font-size: 13px;

        font-weight: bold;

        font-family: 'Roboto', sans-serif;

        margin: 35px 0 0 15px;

        text-decoration: none;

        transition: .3s ease-in-out;

        -webkit-transition: .3s ease-in-out;

        -moz-transition: .3s ease-in-out;

        margin: 15px auto;

    }



    .home-blog > .container .view-all:hover {

        color: #fff;

        background: #1F9AA8;

        border-radius: 0;

    }



    .home-blog .carousel-control.left {

        left: -150px;

    }



    .home-blog .carousel-control.right {

        right: -150px;

    }

    /* Home Blog */



    /* Home Special Brand */

    .home-special-brand {

        background-image: url('../../images/layout/special-brand-bg.png');

        padding: 50px 0 25px 0;

        background-size: cover;

        background-position: center center;

    }



    .home-special-brand > .container {

        max-width: 960px;

        padding-right: 0;

    }



    .home-special-brand > .container > .left {

        width: 50%;

    }



    .home-special-brand > .container > .left > h3 {

        font-family: 'Pacifico', sans-serif;

        font-size: 42px;

        color: #1F9AA8;

    }



    .home-special-brand > .container > .left > h4 {

        font-family: 'Roboto', sans-serif;

        font-size: 46px;

        font-weight: 100;

        color: #1F9AA8;

        margin: 15px 0;

        color: #1F9AA8;

    }



    .home-special-brand > .container > .left > p {

        font-family: 'Roboto', sans-serif;

        font-size: 12px;

        line-height: 22px;

        color: #1F9AA8;

        margin: 5px 0;

    }



    .home-special-brand > .container > .left > p.strong {

        font-size: 14px;

        font-weight: 500;

        margin-top: 15px;

    }



    .home-special-brand > .container > .right {

        width: 50%;

        padding: 0;

    }



    .home-special-brand > .container > .right > img {

        margin-left: 50px;

        max-width: 100%;

    }



    .home-special-brand > .container .view-more {

        color: #1F9AA8;

        border: 1px solid #1F9AA8;

        width: 135px;

        text-align: center;

        height: 36px;

        line-height: 36px;

        border-radius: 25px;

        font-size: 13px;

        font-weight: bold;

        font-family: 'Roboto', sans-serif;

        margin: 35px 0 0 15px;

        text-decoration: none;

        transition: .3s ease-in-out;

        -webkit-transition: .3s ease-in-out;

        -moz-transition: .3s ease-in-out;

        display: block;

        margin: 15px 0;

    }



    .home-special-brand > .container .view-more:hover {

        color: #fff;

        background: #1F9AA8;

        border-radius: 0;

    }

    /* Home Special Brand */



    /* Home Career */

    .home-career {

        background-image: url('../../images/layout/career-bg.png');

        height: 400px;

        background-size: cover;

        background-position: top;

    }



    .home-career > .container {

        flex-direction: column;

        max-width: 960px;

        flex-wrap: wrap;

    }

    

    .home-career > .container > h3 {

        font-family: 'Roboto', sans-serif;

        font-size: 46px;

        font-weight: 100;

        color: #1F9AA8;

        padding-top: 100px;

    }

    

    .home-career > .container > p {

        font-family: 'Roboto', sans-serif;

        font-size: 12px;

        line-height: 22px;

        color: #1F9AA8;

        margin: 15px 0;

        max-width: 450px;

    }

    

    .home-career > .container .view-more {

        color: #1F9AA8;

        border: 1px solid #1F9AA8;

        width: 135px;

        text-align: center;

        height: 36px;

        line-height: 36px;

        border-radius: 25px;

        font-size: 13px;

        font-weight: bold;

        font-family: 'Roboto', sans-serif;

        margin: 35px 0 0 15px;

        text-decoration: none;

        transition: .3s ease-in-out;

        -webkit-transition: .3s ease-in-out;

        -moz-transition: .3s ease-in-out;

        display: block;

        margin: 15px 0;

    }



    .home-career > .container .view-more:hover {

        color: #fff;

        background: #1F9AA8;

        border-radius: 0;

    }

    /* Home Career */



/* Home Page Styles */





/* Brands Page Styles */

.brands-wizard {

    padding-bottom: 75px;

}



.brands-wizard > .container > .top {

    display: flex;

    width: 100%;

    padding: 35px 0 70px 0;

    align-items: center;

}



.brands-wizard > .container > .top > .title {

    font-family: 'Roboto', sans-serif;

    font-size: 56px;

    color: #1F9AA8;

    flex-grow: 1;

    font-weight: 100;

}



.brands-wizard > .container > .top > img {

    max-width: 45vw;

}



.brands-wizard > .container > .bottom {

    justify-content: center;

    align-items: center;

    display: flex;

    width: 100%;

}



.brands-wizard > .container > .bottom > .buttons {

    display: flex;

    justify-content: center  ;

    align-items: center;

}



.brands-wizard > .container > .bottom > .buttons > a {

    padding: 10px;

    border: 2px solid #0C9AA8;

    border-radius: 24px;

    text-decoration: none;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);

    -webkit-transition: .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);

    -moz-transition: .3s cubic-bezier(0.68, -0.55, 0.265, 1.55);

    box-sizing: padding-box;

    -moz-box-sizing: padding-box;

    -webkit-box-sizing: padding-box;

}



.brands-wizard > .container > .bottom > .buttons > a:hover,

.brands-wizard > .container > .bottom > .buttons > a.active {

    border-radius: 0;

    margin: 0;

    box-shadow: 0 0 9px #008d9d;

}



.brands-wizard > .container > .bottom > .buttons > a.active {

    border-color: #FFA75C;

    box-shadow: 0 0 9px #FFA75C;

}



.brands-wizard > .container > .bottom > .buttons > a:first-child {

    margin-right: 25px;

}



.brands-wizard > .container > .bottom > .buttons > a > img {

    align-self: center;

    margin: 0 5px;

    height: 42px;

}



.brands-wizard > .container > .bottom > .buttons > a > span {

    color: #0C9AA8;

    font-family: 'Roboto', sans-serif;

    font-size: 18px;

    margin: 2px 15px 0 15px;

}



.brands-wizard > .container > .bottom > .buttons > a > span > b {

    font-weight: bold;

}



.brands-wizard > .container > .brands-list {

    display: flex;

    justify-content: center;

    align-items: center;

}



.brands-wizard > .container > .brands-list {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    width: 100%;

    padding-top: 75px;

}



.brands-wizard > .container > .brands-list > li {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: row;

}



.brands-wizard > .container > .brands-list > li.honey,

.brands-wizard > .container > .brands-list > li.curelex,

.brands-wizard > .container > .brands-list > li.holder {

    margin-top: 0;

}



.brands-wizard > .container > .brands-list > li.honey > a,

.brands-wizard > .container > .brands-list > li.curelex > a,

.brands-wizard > .container > .brands-list > li.holder > a {

    padding-top: 0;

}



.brands-wizard > .container > .brands-list > li.honey > div,

.brands-wizard > .container > .brands-list > li.curelex > div,

.brands-wizard > .container > .brands-list > li.holder > div {

    padding-top: 75px;

}



.brands-wizard > .container > .brands-list > li.joyjo > a,

.brands-wizard > .container > .brands-list > li.onlem > a {

    padding-top: 0;

}



.brands-wizard > .container > .brands-list > li > a {

    padding-right: 50px;

    width: 50%;

    justify-content: center;

    align-items: center;

    padding-top: 75px;

    padding-bottom: 0;

}



.brands-wizard > .container > .brands-list > li > a > img {

    max-width: 100%;

    align-self: center;

    display: block;

    margin: 0 auto;

    padding: 15px 25px;

}



.brands-wizard > .container > .brands-list > li:first-child > a > img {

   margin-top: 0;

}



.brands-wizard > .container > .brands-list > li.joyful {

   margin-top: -50px;

}



.brands-wizard > .container > .brands-list > li.joyful > div {

   align-self: flex-start;

   margin-bottom: 0;

   margin-top: 150px;

}



.brands-wizard > .container > .brands-list > li > div {

    display: flex;

    flex-direction: column;

    width: 50%;

    align-self: flex-end;

    margin-bottom: 35px;

    padding-left: 75px;

}



.brands-wizard > .container > .brands-list > li > div > span {

    color: #1F9AA8;

    font-family: 'Roboto', sans-serif;

    font-weight: 100;

    font-size: 28px;

    line-height: 34px;

}



.brands-wizard > .container > .brands-list > li > div > span > b {

    font-weight: bold;

}



.brands-wizard > .container > .brands-list > li > div > p {

    color: #1F9AA8;

    font-family: 'Roboto', sans-serif;

    font-size: 15px;

    line-height: 25px;

    margin: 10px 0;

    max-width: 500px;

}



.brands-wizard > .container > .brands-list > li.joyful > div > span:last-child,

.brands-wizard > .container > .brands-list > li.joyful > div > span,

.brands-wizard > .container > .brands-list > li.joyful > div > p {

    color: #005470;

    border-color: #005470;

}



.brands-wizard > .container > .brands-list > li.joyjo > div > span:last-child,

.brands-wizard > .container > .brands-list > li.joyjo > div > span,

.brands-wizard > .container > .brands-list > li.joyjo > div > p {

    color: #001089;

    border-color: #001089;

}





.brands-wizard > .container > .brands-list > li.onlem.adult > div > span:last-child,

.brands-wizard > .container > .brands-list > li.onlem.adult > div > span,

.brands-wizard > .container > .brands-list > li.onlem.adult > div > p {

    color: #003764;

    border-color: #003764;

}



.brands-wizard > .container > .brands-list > li.onlem.adult > div > span:last-child:hover {

    color: white !important;

    background: #003764 !important;

}



.brands-wizard > .container > .brands-list > li.joyful > div > span:last-child,

.brands-wizard > .container > .brands-list > li.joyful > div > span,

.brands-wizard > .container > .brands-list > li.joyful > div > p {

    color: #236B82;

    border-color: #236B82;

}



.brands-wizard > .container > .brands-list > li.joyful > div > span:last-child:hover {

    color: white !important;

    background: #236B82 !important;

}



.brands-wizard > .container > .brands-list > li.holder > div > span:last-child,

.brands-wizard > .container > .brands-list > li.holder > div > span,

.brands-wizard > .container > .brands-list > li.holder > div > p {

    color: #011689;

    border-color: #011689;

}



.brands-wizard > .container > .brands-list > li.holder > div > span:last-child:hover {

    color: white !important;

    background: #011689 !important;

}



.brands-wizard > .container > .brands-list > li.curelex > div > span:last-child,

.brands-wizard > .container > .brands-list > li.curelex > div > span,

.brands-wizard > .container > .brands-list > li.curelex > div > p {

    color: #384171;

    border-color: #384171;

}



.brands-wizard > .container > .brands-list > li.curelex > div > span:last-child:hover {

    color: white !important;

    background: #384171 !important;

}



.brands-wizard > .container > .brands-list > li.honey > div > span:last-child,

.brands-wizard > .container > .brands-list > li.honey > div > span,

.brands-wizard > .container > .brands-list > li.honey > div > p {

    color: #0B109F;

    border-color: #0B109F;

}



.brands-wizard > .container > .brands-list > li.honey > div > span:last-child:hover {

    color: white !important;

    background: #0B109F !important;

}



.brands-wizard > .container > .brands-list > li.joyful > div > span:last-child,

.brands-wizard > .container > .brands-list > li.joyful > div > span,

.brands-wizard > .container > .brands-list > li.joyful > div > p {

    color: #19647D;

    border-color: #19647D;

}



.brands-wizard > .container > .brands-list > li.joyful > div > span:last-child:hover {

    color: white !important;

    background: #19647D !important;

}



.brands-wizard > .container > .brands-list > li > div > span:last-child {

    color: #1F9AA8;

    border: 1px solid #1F9AA8;

    width: 165px;

    text-align: center;

    height: 36px;

    line-height: 36px;

    border-radius: 25px;

    font-size: 13px;

    font-weight: bold;

    font-family: 'Roboto', sans-serif;

    margin: 35px 0 0 15px;

    text-decoration: none;

    transition: .3s ease-in-out;

    -webkit-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    margin: 15px 0;

    cursor: pointer;

}



.brands-wizard > .container > .brands-list > li > div > span:last-child:hover {

    color: #fff;

    background: #1F9AA8;

    border-radius: 0;

}





.brands-wizard > .container > .brands-list > li.joyful > div > span:last-child:hover {

    color: #fff;

    background: #005470;

    border-radius: 0;

}



.brands-wizard > .container > .brands-list > li.joyjo > div > span:last-child:hover {

    color: #fff;

    background: #001089;

    border-radius: 0;

}



/* Brands Page Styles */





/* About Page Styles */

.about-page {

    padding-bottom: 75px;

}



.about-page > .container > .top {

    display: flex;

    width: 100%;

    padding: 35px 0; 

    align-items: center;

}



.about-page > .container > .top > .title {

    font-family: 'Roboto', sans-serif;

    font-size: 56px;

    color: #1F9AA8;

    flex-grow: 1;

    font-weight: 100;

}



.about-page > .container > .top > img {

    max-width: 45vw;

}



.about-page > .container > .bottom {

    display: flex;

    width: 100%;

    flex-direction: column;

    flex-wrap: wrap;

    color: #1F9AA8;

    padding-top: 35px;

}



.about-page > .container > .bottom > strong {

    font-family: 'Roboto', sans-serif;

    font-size: 24px;

    font-weight: bold;

    padding-bottom: 40px;

    line-height: 28px;

}



.about-page > .container > .bottom > span {

    font-family: 'Roboto', sans-serif;

    font-size: 22px;

    font-weight: 400;

    display: block;

    padding-bottom: 8px;

}



.about-page > .container > .bottom > p {

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    line-height: 21px;

    font-weight: 400;

    display: block;

    padding-bottom: 30px;

}



.about-page > .container > .bottom > img {

    max-width: 45vw;

}



.about-page > .container > .bottom > p.reset,

.about-page > .container > .bottom > strong.reset {

    padding-bottom: 8px;

}

/* About Page Styles */



/* History Page Styles */

.history-page {

    padding-bottom: 75px;

}



.history-page > .container > .top {

    display: flex;

    width: 100%;

    padding: 35px 0 125px 0;

    align-items: center;

}



.history-page > .container > .top > .title {

    font-family: 'Roboto', sans-serif;

    font-size: 56px;

    color: #1F9AA8;

    flex-grow: 1;

    font-weight: 100;

}



.history-page > .container > .top > img {

    max-width: 45vw;

}



.history-page > .container > .bottom {

    display: flex;

    width: 100%;

    flex-direction: column;

    flex-wrap: wrap;

    color: #1F9AA8;

}



.history-page > .container > .bottom > strong {

    font-family: 'Roboto', sans-serif;

    font-size: 18px;

    font-weight: bold;

    line-height: 28px;

    text-align: center;

}



.history-page > .container > .bottom > p.reset {

    padding-top: 35px;

}



.history-page > .container > .bottom > p {

    font-family: 'Roboto', sans-serif;

    font-size: 13px;

    line-height: 18px;

    font-weight: 400;

    display: block;

    padding-bottom: 4px;

    text-align: center;

}



.history-page > .container > .bottom > img {

    max-width: 45vw;

}



.history-page > .container > .bottom > strong.reset {

    padding-bottom: 8px;

}



.history-page > .container > .bottom > .timeline {

    display: flex;

    max-width: 960px;

    align-self: center;

    margin: 25px auto;

    justify-content: space-between;

    position: relative;

}



.history-page > .container > .bottom > .timeline.mobile {

    display: none;

    width: 100%

}



.history-page > .container > .bottom > .timeline.mobile > div > div {

    margin-top: 0 !important;

}



.history-page > .container > .bottom > .timeline.mobile .left {

    width: 100%;

    max-width: 100%;

}





.history-page > .container > .bottom > .timeline.mobile:after,

.history-page > .container > .bottom > .timeline.mobile > .left > div:after {

    display: none;

}



.history-page > .container > .bottom > .timeline.mobile > div > div {

    margin-left: auto;

    margin-right: auto;

    max-width: 425px;

    z-index: 2;

}



.history-page > .container > .bottom > .timeline:after {

    content: "";

    display: block;

    position: absolute;

    left: 50%;

    top: 0;

    height: 100%;

    width: 2px;

    background: #1F9AA8;

    box-shadow: 0 0 10px rgba(0, 141, 157, 0.78);

}



.history-page > .container > .bottom > .timeline > .right,

.history-page > .container > .bottom > .timeline > .left {

    width: 45%;

    max-width: 350px;

}



.history-page > .container > .bottom > .timeline > div > div {

    border-radius: 11px;

    background-image: url('../../images/history/timeline.png');

    background-repeat: no-repeat;

    background-position: top center;

    margin-bottom: 55px;

    padding: 8px;

    box-shadow: 0 10px 15px rgba(0, 141, 157, 0.27);

    padding-bottom: 35px;

    position: relative;

}



.history-page > .container > .bottom > .timeline > .right > div {

     margin-top: 75px !important;

}



.history-page > .container > .bottom > .timeline > .left > div:after {

    content: "2000";

    display: block;

    position: absolute;

    right: -58px;

    z-index: 2;

    top: 4px;

    color: #fff;

    font-family: 'Roboto', sans-serif;

    font-size: 13px;

    font-weight: bold;

    flex-grow: 1;

    align-self: center;

    padding: 4px 8px;

    border-radius: 15px;

    background: #1F9AA8;

    box-shadow: 0 0 10px rgba(0, 141, 157, 0.78);

}



.history-page > .container > .bottom > .timeline > .left > div:nth-child(2):after {

    content: "2004";

}



.history-page > .container > .bottom > .timeline > .left > div:nth-child(3):after {

    content: "2008";

}



.history-page > .container > .bottom > .timeline > .left > div:nth-child(4):after {

    content: "2012";

}



.history-page > .container > .bottom > .timeline > .left > div:nth-child(5):after {

    content: "2014";

}



.history-page > .container > .bottom > .timeline > .left > div:nth-child(6):after {

    content: "2016";

}
.history-page > .container > .bottom > .timeline > .left > div:nth-child(7):after {

    content: "2021";

}


.history-page > .container > .bottom > .timeline > .right > div:after {

    content: "2003";

    display: block;

    position: absolute;

    left: -56px;

    z-index: 2;

    top: 8px;

    color: #fff;

    font-family: 'Roboto', sans-serif;

    font-size: 13px;

    font-weight: bold;

    flex-grow: 1;

    align-self: center;

    padding: 4px 8px;

    border-radius: 15px;

    background: #1F9AA8;

    box-shadow: 0 0 10px rgba(0, 141, 157, 0.78);

}



.history-page > .container > .bottom > .timeline > .right > div:nth-child(2):after {

    content: "2007";

}



.history-page > .container > .bottom > .timeline > .right > div:nth-child(3):after {

    content: "2010";

}



.history-page > .container > .bottom > .timeline > .right > div:nth-child(4):after {

    content: "2013";

}



.history-page > .container > .bottom > .timeline > .right > div:nth-child(5):after {

    content: "2015";

}



.history-page > .container > .bottom > .timeline > .right > div:nth-child(6):after {

    content: "2017";

}



.history-page > .container > .bottom > .timeline > .right > .absolute,

.history-page > .container > .bottom > .timeline > .right > .custom {

    position: relative;

}



.history-page > .container > .bottom > .timeline  .hasMargin,

.history-page > .container > .bottom > .timeline .absoluteT {

    margin-top: 125px !important;

}



.history-page > .container > .bottom > .timeline > .right > div {

    margin-top: 35px;

}

    

.history-page > .container > .bottom > .timeline .top {

    padding: 15px;

    padding-bottom: 0;

    min-height: 146px;

    display: flex;

    flex-direction: row;

}





.history-page > .container > .bottom > .timeline .top span {

    font-family: 'Roboto', sans-serif;

    font-size: 46px;

    font-weight: bold;

    color: #1F9AA8;

    flex-grow: 1;

    align-self: center;

}



.history-page > .container > .bottom > .timeline img {

    padding: 25px 15px 15px 15px;

    max-width: 100%;

    position: relative;

    max-width: 194px;

}



.history-page > .container > .bottom > .timeline .custom img {

    position: absolute;

    right: 0;

    top: 0;

    max-height: 100%;

    max-width: 150px;

}



.history-page > .container > .bottom > .timeline .absolute img {

    max-width: 140px;

    margin-top: -65px;

    margin-right: -5px;

}





.history-page > .container > .bottom > .timeline img.reset {

    max-width: 100%;

}



.history-page > .container > .bottom > .timeline p {

    font-family: 'Roboto', sans-serif;

    font-size: 13px;

    line-height: 17px;

    font-weight: 400;

    color: #1F9AA8;

    padding: 0 50px 15px 15px;

}



.history-page > .container > .bottom > .timeline .custom p {

    padding-right: 125px;

}



.history-page > .container > .bottom > .timeline > .right > div.customTL {

    margin-top: 25px !important;

}

/* History Page Styles */



/* Adult Page Styles */

.adult > .banner {

    height: 430px;

    background-image: url('../../images/onlem-adult/banner.png');

    background-size: cover;

    background-position: right center;

}



.holder > .banner {

    height: 430px;

    background-image: url('../../images/holder/banner.png');

    background-size: cover;

    background-position: right center;

}



.curelex > .banner {

    height: 430px;

    background-image: url('../../images/curelex/banner.png');

    background-size: cover;

    background-position: right center;

}



.adult > .banner > .container {

    height: 375px;

    display: flex;

    justify-content: center;

    flex-direction: column;

}



.adult > .banner > .container > img {

    max-width: 375px;

}



.adult > .banner > .container > ul {

    display: flex;

    justify-content: center;

    align-items: center;

    max-width: 375px;

    margin: 25px 0 15px 0;

    position: relative;

    z-index: 99;

}



.holder > .banner > .container > ul {

    max-width: 845px;

}





.adult > .banner > .container > ul > li > a {

    color: #1F9AA8;

    font-family: 'Roboto', sans-serif;

    font-weight: bold;

    font-size: 12px;

    padding: 15px 25px;

    border-radius: 25px;

    margin: 5px;

    text-decoration: none;

    background: #FFF;

    display: block;

    letter-spacing: 1px;

    box-shadow: 0 1px 3px rgba(0, 141, 157, 0.65);

}



.adult > section > .container {

    margin-top: -50px;

}



.adult > section.reset > .container {

    margin-top: 15px;

    padding: 25px 0;

}



.adult > section > .container > .left {

    width: 45%;

}



.adult > section > .container > .left > img {

    max-width: 100%;

}



.adult > section.reset > .container > .left > img {

    margin-top: 0;

}



.adult > section > .container > .right {

    width: 55%;

    padding: 25px;

    justify-content: center;

    display: flex;

    flex-direction: column;

}



.holder > section > .container > .left > h4,

.mix > section > .container > .right > h4,

.adult > section > .container > .right > h4 {

    color: #006B95;

    font-size: 36px;

    font-family: 'Roboto', sans-serif;

    font-weight: 100;

    padding: 15px 0;

}



.bebbe > section > .container > .right > h4 {

    color: #803D98;

}



.holder > section > .container > .left > h4 > b ,

.mix > section > .container > .right > h4 > b ,

.adult > section > .container > .right > h4 > b {

    font-weight: bold;

}



.holder > section > .container > .left > p,

.mix > section > .container > .right > p,

.adult > section > .container > .right > p {

    color: #006B95;

    font-family: 'Roboto', sans-serif;

    font-size: 13px;

    line-height: 27px;

    font-weight: 300;

    padding: 15px 0;

}



.holder > section > .container > .left > ul,

.adult > section > .container > .right > ul {

    display: flex;

    justify-content: space-between;

}



.holder > section > .container > .left > ul > li,

.adult > section > .container > .right > ul > li {

    display: flex;

    width: 14.28%;

}



.holder > section > .container > .left > ul > li > a,

.adult > section > .container > .right > ul > li > a {

    text-decoration: none;

}



.holder > section > .container > .left > ul > li > a > img,

.adult > section > .container > .right > ul > li > a > img {

    display: block;

    margin: 0 auto;

    max-width: 100%;

}



.holder > section > .container > .left > ul > li > a > span,

.adult > section > .container > .right > ul > li > a > span {

    font-size: 12px;

    line-height: 15px;

    font-family: 'Roboto', sans-serif;

    color: #006C95;

    display: block;

    text-align: center;

    padding-top: 8px;

}



.adult > section.product-list > ul {

    width: 100% ;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 35px 0;

}



.holder > section.product-list > ul {

    justify-content: space-around;

}



.curelex > section.product-list > ul {

    max-width: 500px;

    margin: 0 auto;

}



.adult > section.product-list > ul > li {

    width: 14.28%;

    height: 100%;

    max-width: 240px;

    text-align: center;

}



.adult > section.product-list > ul > li {

    width: 35%;

}



.adult > section.product-list > ul > li > a {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    font-family: 'Roboto', sans-serif;

    text-decoration: none;

    height: 100%;

}



.adult > section.product-list > ul > li > a > img {

    height: 90px;

    align-self: center;

    margin: 15px auto 25px auto;

    max-width: 100%;

}



.adult > section.product-list.custom > ul > li > a > img {

    height: 130px;

}



.adult > section.product-list.custom > ul > li > a > span {

    color: #B52452;

}



.adult > section.product-list.custom > ul > li:nth-child(2) > a > span {

    color: #FFB100;

}



.adult > section.product-list.custom > ul > li:nth-child(3) > a > span {

    color: #374681;

}



.adult > section.product-list > ul > li > a > span {

    color: #86C619;

}



.adult > section.product-list > ul > li:nth-child(2) > a > span {

    color: #D27E28;

}



.adult > section.product-list > ul > li:nth-child(3) > a > span {

    color: #AE274F;

}



.adult > section.product-list > ul > li:nth-child(4) > a > span {

    color: #0093D2;

}



.adult > section.product-list > ul > li > a > span:first-child {

    font-size: 46px;

    font-weight: bold;

    display: block;

    padding: 5px 0;

}



.adult > section.product-list > ul > li > a > span:nth-child(2) {

    font-size: 16px;

    font-weight: bold;

    display: block;

    padding: 0 0 7.5px;

}



.adult > section.product-list > ul > li > a > span:nth-child(3) {

    font-size: 12px;

    display: block;

    padding: 0 0 15px;

}



.adult > section.product-list > ul > li > a > p {

    color: #006B95;

    font-size: 13px;

    line-height: 21px;

    display: block;

    padding: 0 5px 5px 0;

    flex-grow: 1;

}



.adult > section.product-list > ul > li > a > div {

    background: #FFA75C;

    padding: 6px 15px;

    color: #fff;

    font-size: 13px;

    display: flex;

    justify-content: center;

    align-items: center; 

    font-weight: bold;

    border-radius: 24px;

    margin-top: 15px;

    transition: 0.2s ease-in;

    -webkit-transition: 0.2s ease-in;

    -moz-transition: 0.2s ease-in;

}



.adult > section.product-list > ul > li > a > div:hover {

    border-radius: 0;

    box-shadow: 0 1px 3px rgba(0, 141, 157, 0.65);

}



.adult > section.product-list > ul > li > a > div > span {

    height: 26px;

    line-height: 28px;

    width: 100%;

    padding: 0 8px;

}



.adult > section.product-list > ul > li > a > div > img {

    max-width: 24px;

}

/* Adult Page Styles */



/* Baby Page Styles */

.baby > .banner {

    height: 385px;

    background-image: url('../../images/onlem-baby/banner.png');

    background-size: cover;

    background-position: right center;

    margin-bottom: 35px;

}



.baby.joyful > .banner {

    height: 430px;

    background-image: url('../../images/joyful/banner.png');

    background-size: cover;

    background-position: right center;

}



.baby.leri > .banner {

    height: 430px;

    background-image: url('../../images/leri/banner.png');

    background-size: cover;

    background-position: right center;

}



.baby.honey > .banner {

    height: 430px;

    background-image: url('../../images/honey/banner.png');

    background-size: cover;

    background-position: right center;

}



.baby.super-joyjo > .banner {

    height: 430px;

    background-image: url('../../images/super-joyjo/banner.png');

    background-size: cover;

    background-position: right center;

}



.bebbe > .banner {

    height: 430px;

    background-image: url('../../images/bebbe/banner.png');

    background-size: cover;

    background-position: right center;

}



.baby > .banner,

.adult > .banner {

    position: relative;

    height: 385px;

    margin-bottom: 35px;

}



.baby > .banner:after,

.adult > .banner:after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100px;

    background-image: url('../../images/carousel/carousel-path-2.png');

    background-size: cover;

    background-repeat: no-repeat;

}



.baby > .banner > .container {

    height: 375px;

    display: flex;

    justify-content: center;

    flex-direction: column;

}



.baby > .banner > .container > img {

    max-width: 375px;

}



.honey > .banner > .container > img {

    max-width: 325px;

}



.baby.super-joyjo > .banner > .container > img {

    max-width: 325px;

}



.baby > .banner > .container > ul {

    display: flex;

    justify-content: center;

    align-items: center;

    max-width: 375px;

    margin: 25px 0 15px 0;

    position: relative;

    z-index: 99;

}



.baby > .banner > .container > ul > li > a {

    color: #1F9AA8;

    font-family: 'Roboto', sans-serif;

    font-weight: bold;

    font-size: 12px;

    padding: 15px 25px;

    border-radius: 25px;

    margin: 5px;

    text-decoration: none;

    background: #FFF;

    display: block;

    letter-spacing: 1px;

    box-shadow: 0 1px 3px rgba(0, 141, 157, 0.65);

}



.special-brands-page .checklist,

.adult .checklist,

.baby .checklist {

    flex-direction: column;

}



.special-brands-page .checklist {

    padding-left: 50px;

}



.special-brands-page .checklist > li,

.adult .checklist > li,

.baby .checklist > li {

    width: 100% !important;

    color: #006B95;

    font-family: 'Roboto', sans-serif;

    font-size: 13px;

    font-weight: 300;

    margin: 6px 0;

}



.special-brands-page .checklist > li > img,

.adult .checklist > li > img,

.baby .checklist > li > img {

    align-self: center;

    padding-right: 5px;

    width: 22px;

}





.baby > section.reset > .container {

    margin-top: 15px;

    padding: 25px 0;

}



.baby > section.reset > .container > .right,

.baby > section > .container > .left {

    width: 45%;

}



.baby > section.reset > .container > .left {

    width: 55%;

}



.baby > section > .container > .left > img {

    max-width: 98%;

}



.baby > section > .container > .left > img.reset {

    margin: 0;

    margin-top: 45px;

}



.baby > section > .container > .right > img {

    max-width: 475px;

    align-self: center;

}



.baby > section > .container > .left > h4 {

    color: #006B95;

    font-size: 36px;

    font-family: 'Roboto', sans-serif;

    font-weight: 100;

    padding: 15px 0;

    text-align: center;

}



.baby > section > .container > .left > h4.custom {

    text-align: left;

    padding-left: 25px;

    margin-bottom: 15px;

}



.buy-now,

.adult > section .buy-now,

.baby > section .buy-now {

    background: #FFA75C;

    padding: 6px 15px;

    color: #fff;

    font-size: 13px;

    display: flex;

    justify-content: center;

    align-items: center; 

    font-weight: bold;

    border-radius: 24px;

    transition: 0.2s ease-in;

    -webkit-transition: 0.2s ease-in;

    -moz-transition: 0.2s ease-in;

    max-width: 128px;

    cursor: pointer;

}



.baby, .adult {

    padding-bottom: 35px;

}

.bebbe > section .buy-now {

    margin-top: 15px;

}



.buy-now:hover,

.adult > section .buy-now:hover,

.baby > section .buy-now:hover {

    border-radius: 0;

    box-shadow: 0 1px 3px rgba(0, 141, 157, 0.65);

}



.buy-now > span,

.adult > section .buy-now > span,

.baby > section .buy-now > span {

    height: 26px;

    line-height: 28px;

    width: 100%;

    padding: 0 8px;

}



.buy-now > img,

.adult > section .buy-now > img,

.baby > section .buy-now > img {

    max-width: 24px;

}



.baby > section.reset > .container > .left > img {

    margin-top: 0;

}



.baby > section > .container > .right {

    width: 55%;

    padding: 25px;

    justify-content: center;

    display: flex;

    flex-direction: column;

}



.baby > section > .container > .right > h4 > b {

    font-weight: bold;

}



.baby > section > .container > .right > p {

    color: #006B95;

    font-family: 'Roboto', sans-serif;

    font-size: 13px;

    line-height: 27px;

    font-weight: 300;

    padding: 15px 0;

}



.joyful > section.reset > .container > .right > h4,

.joyful > section.reset > .container > .right > p {

    color: #1F9AA8;

}



.baby > section > .container > .right > ul {

    display: flex;

    width: 100%;

    justify-content: space-between;

}



.baby > section > .container > .right > ul > li {

    display: flex;

    width: 14.28%;

}



.baby > section > .container > .right > ul > li > a {

    text-decoration: none;

}



.baby > section > .container > .right > ul > li > a > img {

    display: block;

    margin: 0 auto;

    max-width: 100%;

}



.baby > section > .container > .right > ul > li > a > span {

    font-size: 12px;

    line-height: 15px;

    font-family: 'Roboto', sans-serif;

    color: #006C95;

    display: block;

    text-align: center;

    padding-top: 8px;

}



.baby > section > .container > .right > .buy-now + img,

.adult > section > .container > .right + img,

.baby > section > .container > .right + img {

    margin: 0 auto;

    max-height: 120px;

}



.baby > section > .container > .right > .buy-now + img {

    margin: 50px auto;

    max-height: 58px;

}



.baby > section > .container > .right > .flex-grow + img {

    max-height: 58px;

}



.baby > section > .container > p {

    font-size: 13px;

    line-height: 21px;

    font-family: 'Roboto', sans-serif;

    color: #006C95;

    display: block;

    text-align: center;

    padding: 25px 50px;

}



.baby > section.product-list {

    padding: 0;

}



.baby > section.product-list > ul {

    width: 100% ;

    display: flex;

    justify-content: space-between;

    align-items: center;

    padding: 35px 0;

}



.baby > section.product-list > ul > li {

    height: 100%;

    text-align: center;

}



.baby > section.product-list > ul > li > a {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    font-family: 'Roboto', sans-serif;

    text-decoration: none;

    height: 100%;

    position: relative;

    padding: 25px;

}



.baby > section.product-list > ul > li > a:before {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 50%;

    background: rgba(186, 235, 240, 0.57);

    z-index: -1;

}



.baby > section.product-list > ul > li:nth-child(1) > a:before {

    background: #FFECAD;

}



.baby > section.product-list > ul > li:nth-child(2) > a:before {

    background: #FFD6CC;

}



.baby > section.product-list > ul > li:nth-child(3) > a:before {

    background: #FAD3FF;

}



.baby > section.product-list > ul > li:nth-child(4) > a:before {

    background: #FFE3EF;

}



.baby > section.product-list > ul > li:nth-child(5) > a:before {

    background: #D9FFD6;

}



.baby > section.product-list > ul > li > a > img {

    height: 180px;

    align-self: center;

    margin: 15px auto 25px auto;

    max-width: 100%;

}



.baby > section.product-list.custom > ul > li > a > img {

    height: 115px;

}



.baby > section.product-list.custom > ul > li > a > img {

    height: 130px;

}



.baby > section.product-list > ul > li > a > span {

    color: #DDB62A;

}



.baby > section.product-list > ul > li:nth-child(2) > a > span {

    color: #D27E28;

}



.baby > section.product-list > ul > li:nth-child(3) > a > span {

    color: #AE274F;

}



.baby > section.product-list > ul > li:nth-child(4) > a > span {

    color: #0093D2;

}



.baby > section.product-list > ul > li > a > span:first-child {

    font-size: 32px;

    font-weight: bold;

    display: block;

    padding: 5px 0 15px 0;

    font-family: 'Pacifico', sans-serif;

}



.honey > section.product-list > ul > li > a > span:first-child {

    font-size: 22px;

    display: block;

    padding: 5px 0 15px 0;

    font-family: 'Pacifico', sans-serif;

}



.baby > section.product-list > ul > li > a > span:nth-child(2) {

    font-size: 16px;

    font-weight: bold;

    display: block;

    padding: 0 0 7.5px;

}



.baby > section.product-list > ul > li > a > span:nth-child(3) {

    font-size: 12px;

    display: block;

    padding: 0 0 15px;

}



.baby > section.product-list > ul > li > a > p {

    color: #006B95;

    font-size: 13px;

    line-height: 21px;

    display: block;

    padding: 0 5px 5px 0;

    flex-grow: 1;

    border-top: 1px solid red;

    padding-top: 15px;

}



.baby > section.product-list > ul > li > a > div {

    background: #FFA75C;

    padding: 6px 15px;

    color: #fff;

    font-size: 13px;

    display: flex;

    justify-content: center;

    align-items: center; 

    font-weight: bold;

    border-radius: 24px;

    margin-top: 15px;

    transition: 0.2s ease-in;

    -webkit-transition: 0.2s ease-in;

    -moz-transition: 0.2s ease-in;

}



.baby > section.product-list > ul > li > a > div:hover {

    border-radius: 0;

    box-shadow: 0 1px 3px rgba(0, 141, 157, 0.65);

}



.baby > section.product-list > ul > li > a > div > span {

    height: 26px;

    line-height: 28px;

    width: 100%;

    padding: 0 8px;

}



.baby > section.product-list > ul > li > a > div > img {

    max-width: 24px;

}



.baby > section.product-list > span {

    display: flex;

    justify-content: center;

    align-items: center;

    color: #1F9AA8;

    font-size: 42px;

    font-family: 'Roboto', sans-serif;

    font-weight: 100;

    padding: 15px 0;

    text-align: center;

    width: 100%;

}



.baby > section.product-list > span > b {

    font-family: 'Pacifico', sans-serif;

    padding-right: 10px;

    font-size: 32px;

}



.honey > section.product-list > span > b {

    font-size: 42px;

    position: relative;

    margin-top: -10px;

}



.baby > section.product-list > span:nth-child(2) {

    font-weight: bold;

    font-size: 24px;

    padding: 0;

}



.baby > section.product-list > ul > li:nth-child(1) > a > span {

    color: #DDB62A !important;

}



.baby > section.product-list > ul > li:nth-child(1) > a > p {

    border-color: #DDB62A;

}



.baby > section.product-list > ul > li:nth-child(2) > a > span {

    color: #E27C64 !important;

}



.baby > section.product-list > ul > li:nth-child(2) > a > p {

    border-color: #E27C64;

}



.baby > section.product-list > ul > li:nth-child(3) > a > span {

    color: #AF4FBB !important;

}



.baby > section.product-list > ul > li:nth-child(3) > a > p {

    border-color: #AF4FBB;

}



.baby > section.product-list > ul > li:nth-child(4) > a > span {

    color: #E14F8F !important;

}



.baby > section.product-list > ul > li:nth-child(4) > a > p {

    border-color: #E14F8F;

}



.baby > section.product-list > ul > li:nth-child(5) > a > span {

    color: #3EA537 !important;

}



.baby > section.product-list > ul > li:nth-child(5) > a > p {

    border-color: #3EA537;

}



.holder-custom-section {

    margin-top: 75px;

}



.holder-custom-section .buy-now {

    margin-top: 15px;

}



/* Baby Page Styles */





/* Mission Page Styles */

.ar-ge-page,

.mission-page {

    padding-bottom: 75px;

}



.ar-ge-page > .container > .top,

.mission-page > .container > .top {

    display: flex;

    width: 100%;

    padding: 35px 0; 

    align-items: center;

}



.ar-ge-page > .container > .bottom > img {

    max-width: 100%;

}



.ar-ge-page > .container > .top > .title,

.mission-page > .container > .top > .title {

    font-family: 'Roboto', sans-serif;

    font-size: 56px;

    color: #1F9AA8;

    flex-grow: 1;

    font-weight: 100;

}



.ar-ge-page > .container > .top > img,

.mission-page > .container > .top > img {

    max-width: 45vw;

}



.ar-ge-page > .container > .bottom > p,

.mission-page > .container > .bottom > p {

    font-size: 13px;

    line-height: 26px;

    font-family: 'Roboto', sans-serif;

    color: #006C95;

    display: block;

    padding-top: 30px;

}



.policies-page > .container > .bottom > h4,

.mission-page > .container > .bottom > h4 {

    font-family: 'Roboto', sans-serif;

    font-size: 36px;

    color: #006C95;

    flex-grow: 1;

    font-weight: 300;

}



.policies-page > .container > .bottom,

.mission-page > .container > .bottom {

    width: 100%;

}



.policies-page > .container > .bottom > p,

.mission-page > .container > .bottom > p {

    padding-top: 15px;

}



.policies-page > .container > .bottom > hr,

.mission-page > .container > .bottom > hr {

    width: 100%;

    background: #006c9547;

    height: 1px;

    margin: 50px auto;

}



.policies-page > .container > .bottom > h6,

.mission-page > .container > .bottom > h6 {

    font-family: 'Roboto', sans-serif;

    font-size: 28px;

    color: #006C95;

    flex-grow: 1;

    font-weight: 300;

    padding-top: 15px;

}



.policies-page > .container > .bottom > ul,

.mission-page > .container > .bottom > ul {

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #006C95;

    flex-grow: 1;

    font-weight: 300;

    margin: 15px 0;

}



.policies-page > .container > .bottom > ul > li,

.mission-page > .container > .bottom > ul > li {

    margin-bottom: 8px;

}



.ar-ge-page > .container > .bottom > p:first-child {

    font-size: 18px;

    font-weight: bold;

    margin-bottom: 0;

}



.ar-ge-page > .container > .bottom > p {

    padding-top: 15px;

}

/* Mission Page Styles */



/* Special Brands Styles */

.special-brands-page {

    padding-bottom: 75px;

}



.special-brands-page > .container > .top {

    display: flex;

    width: 100%;

    padding: 35px 0; 

    align-items: center;

}



.special-brands-page > .container > .top > .title {

    font-family: 'Roboto', sans-serif;

    font-size: 56px;

    color: #1F9AA8;

    flex-grow: 1;

    font-weight: 100;

}



.special-brands-page > .container > .top > img {

    max-width: 45vw;

}



.special-brands-page > .container > .bottom > p {

    font-size: 13px;

    line-height: 26px;

    font-family: 'Roboto', sans-serif;

    color: #006C95;

    display: block;

    padding-top: 30px;

}



.special-brands-page > .banner {

    height: 435px;

    background-image: url('../../images/special-brands/banner.png');

    background-size: cover;

    position: relative;

    background-position: right center;

}



.special-brands-page > .banner:after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100px;

    background-image: url('../../images/carousel/carousel-path-2.png');

    background-size: cover;

    background-repeat: no-repeat;

}



.special-brands-page > .banner > .container {

    height: 375px;

    display: flex;

    justify-content: center;

    flex-direction: column;

}



.special-brands-page > .banner > .container > .title {

    font-family: 'Pacifico', sans-serif;

    font-size: 56px;

    color: #1F9AA8;

    align-self: flex-start;

    font-weight: 100;

    display: flex;

    flex-direction: column;

}



.special-brands-page > .banner > .container > .title > span {

    font-family: 'Roboto', sans-serif;

    margin-top: 5px;

}



.special-brands-page > .container {

    justify-content: space-between;

    align-items: center;

    padding: 75px 30px 35px 30px;

}



.special-brands-page > .container.custom {

    align-items: flex-start;

    padding-bottom: 0;

}



.special-brands-page > .container > .right,

.special-brands-page > .container > .left {

    width: 50%;

}



.special-brands-page > .container.custom > .right {

    max-width: 375px;

    margin-right: 35px;

}



.special-brands-page > .container > .left > img {

    max-width: 100%;

}



.special-brands-page > .container > .right > span { 

    font-size: 22px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: bold;

    display: block;

    padding: 15px 15px 15px 50px;

}



.special-brands-page > .container > .right >  p { 

    font-size: 13px;

    line-height: 22px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    display: block;

    padding: 15px 15px 15px 50px;

}



.special-brands-page > .container > .left > .title {

    font-family: 'Pacifico', sans-serif;

    font-size: 42px;

    color: #1F9AA8;

    align-self: flex-start;

    font-weight: 100;

    display: flex;

    flex-direction: column;

}



.special-brands-page > .container > .left > .title > span {

    font-family: 'Roboto', sans-serif;

    margin-top: 15px;

}



.special-brands-page > .container > .left > p {

    font-size: 13px;

    line-height: 26px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    display: block;

    max-width: 435px;

    padding-top: 10px;

}



.special-brands-page > .container > .left > .contact {

    margin-top: 20px;

    display: flex;

    align-items: center;

}



.special-brands-page > .container > .left > .contact > span {

    font-size: 12px;

    line-height: 26px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    display: block;

    font-weight: bold;

    padding-left: 10px;

    padding-top: 2px;

}



.special-brands-page > .container > .left > .phone {

    margin-top: 5px;

    font-size: 32px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    display: block;

}



.special-brands-page > .container.custom > .right > span { 

    padding: 0;

    font-weight: 300;

    padding-left: 15px;

    font-size: 24px;

}



.special-brands-page > .container.custom > .right > span > b { 

    font-weight: bold;

}



.special-brands-page > .container > .right .form-group { 

    display: flex;

    justify-content: space-between;

    width: 100%;

    margin: 15px 0;

}



.special-brands-page > .container > .right .form-group > input { 

    flex-grow: 1;

    border: 1px solid #B8EBF0;

    border-radius: 24px;

    padding: 10px 20px;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 300;

    display: block;

}



.special-brands-page > .container > .right .form-group > textarea { 

    flex-grow: 1;

    border: 1px solid #B8EBF0;

    border-radius: 24px;

    padding: 20px;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 300;

    display: block;

    resize: none;

}



.special-brands-page > .container > .right button { 

    border-radius: 24px;

    border: none;

    padding: 15px 35px;

    background: #1F9AA8;

    color: white;

    font-size: 13px;

    font-weight: bold;

    min-width: 175px;

    margin: 0 auto;

    display: block;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



.special-brands-page > .container > .right button:hover {

    border-radius: 5px;

    box-shadow: 0 4px 8px rgba(0, 141, 157, 0.3);

}

/* Special Brands Styles */





/* Policies Page Styles */

.policies-page {

    padding-bottom: 75px;

}



.policies-page > .container > .top {

    display: flex;

    width: 100%;

    padding: 35px 0; 

    align-items: center;

}



.policies-page > .container > .top > .title {

    font-family: 'Roboto', sans-serif;

    font-size: 56px;

    color: #1F9AA8;

    flex-grow: 1;

    font-weight: 100;

}



.policies-page > .container > .top > img {

    max-width: 45vw;

}



.policies-page > .container > .bottom > p {

    font-size: 13px;

    line-height: 26px;

    font-family: 'Roboto', sans-serif;

    color: #006C95;

    display: block;

    padding-top: 30px;

}

/* Policies Page Styles */



/* Contact Page Styles */

.contact-page {

    padding-bottom: 75px;

}



.contact-page > .container > .top {

    display: flex;

    width: 100%;

    padding: 35px 0; 

    align-items: center;

}



.contact-page > .container > .top > .title {

    font-family: 'Roboto', sans-serif;

    font-size: 56px;

    color: #1F9AA8;

    flex-grow: 1;

    font-weight: 100;

}



.contact-page > .container > .top > img {

    max-width: 65vw;

}



.contact-page > .container > .bottom {

    display: flex;

    width: 100%;

    flex-direction: row;

    justify-content: center;

    justify-self: center;

    align-self: center;

    margin: 35px auto 0 auto;

    text-align: center;

}



.contact-page > .container > .bottom > .left {

    width: 35%;

    text-align: left;

}



.contact-page > .container > .bottom > .left > span {

    padding-bottom: 0;

    margin-bottom: 0;

}



.contact-page > .container > .bottom > .left > span.divider {

    margin-top: 30px;

    padding-bottom: 0;

    margin-bottom: 0;

}



.contact-page > .container > .bottom > .left > p {

    padding-top: 15px;

}



.contact-page > .container > .bottom > .right {

    width: 35%;

    padding-left: 100px;

} 



.contact-page > .container > .bottom span {

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    display: block;

    padding: 0;

    font-weight: 300;

    padding-bottom: 15px;

    font-size: 24px;

}



.contact-page > .container > .bottom span > b {

    font-weight: bold;

}



.contact-page > .container > .bottom p {

    font-size: 13px;

    line-height: 26px;

    font-family: 'Roboto', sans-serif;

    color: #006C95;

    display: block;

    padding-top: 30px;

}



.contact-page > .container > .bottom   .form-group { 

    display: flex;

    justify-content: space-between;

    width: 100%;

    margin: 8px 0;

}



.contact-page > .container > .bottom  .form-group > input { 

    flex-grow: 1;

    border: 1px solid #B8EBF0;

    border-radius: 24px;

    padding: 10px 20px;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 300;

    display: block;

}



.contact-page > .container > .bottom  .form-group > textarea { 

    flex-grow: 1;

    border: 1px solid #B8EBF0;

    border-radius: 24px;

    padding: 20px;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 300;

    display: block;

    resize: none;

}



.contact-page > .container > .bottom  button { 

    border-radius: 24px;

    border: none;

    padding: 15px 35px;

    background: #1F9AA8;

    color: white;

    font-size: 13px;

    font-weight: bold;

    min-width: 175px;

    margin: 15px auto;

    display: block;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



.contact-page > .container > .bottom  button:hover {

    border-radius: 5px;

    box-shadow: 0 4px 8px rgba(0, 141, 157, 0.3);

}

/* Contact Page Styles */



/* Career Page */

.career-page > .banner {

    height: 370px;

    background-image: url('../../images/career/banner.png');

    background-size: cover;

    background-position: right center;

    position: relative;

}



.career-page > .banner:after {

    content: "";

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100px;

    background-image: url('../../images/carousel/carousel-path-2.png');

    background-size: cover;

    background-repeat: no-repeat;

}



.career-page > .banner > .container {

    height: 335px;

    display: flex;

    justify-content: center;

    flex-direction: column;

}



.career-page > .banner > .container > .title {

    font-family: 'Roboto', sans-serif;

    font-size: 56px;

    color: #1F9AA8;

    align-self: flex-start;

    font-weight: 100;

}



.career-page > .container {

    justify-content: space-between;

    align-items: center;

    padding: 35px 30px;

}



.career-page > .container > .right,

.career-page > .container > .left {

    width: 50%;

}



.career-page > .container > .right {

    border-left: 1px solid #B8EBF0;

    padding-left: 5%;

}



.career-page > .container > .left {

    padding-right: 5%;

}



.career-page > .container > .left > span { 

    font-size: 22px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: bold;

    display: block;

    padding-bottom: 25px;

}



.career-page > .container p { 

    font-size: 13px;

    line-height: 22px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    display: block;

    padding-bottom: 15px;

}



.career-page > .container > .right .form-group { 

    display: flex;

    justify-content: space-between;

    width: 100%;

    margin: 30px 0;

}



.career-page > .container > .right .form-group > input { 

    flex-grow: 1;

    border: 1px solid #B8EBF0;

    border-radius: 24px;

    padding: 10px 20px;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 300;

    display: block;

}



.career-page > .container > .right .form-group > input:first-child { 

    margin-right: 15px;

}



.career-page > .container > .right p { 

    display: flex;

    padding-right: 15px;

}



.career-page > .container > .right p a { 

    border-bottom: 1px solid rgba(31, 154, 168, 0.63);

    text-decoration: none;

}



.career-page > .container > .right input[type=radio] { 

    width: auto;

    margin-right: 15px;

    align-self: center;

}



.career-page > .container > .right  .button-group { 

    display: flex;

    justify-content: center;

    align-items: center;

}



.custom-file-upload,

.career-page > .container > .right .button-group button { 

    border-radius: 24px;

    border: none;

    padding: 15px 35px;

    background: #1F9AA8;

    color: white;

    font-size: 13px;

    font-weight: bold;

    min-width: 175px;

    margin: 0 auto;

    display: block;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    text-align: center;

    cursor: pointer;

}



.custom-file-upload:hover,

.career-page > .container > .right .button-group button:hover {

    border-radius: 5px;

    box-shadow: 0 4px 8px rgba(0, 141, 157, 0.3);

}



input[type="file"] {

    display: none;

}

/* Career Page */



/* Blog Page */

.blog-detail > .top > .container,

.blog-list > .top > .container-fluid {

    padding-top: 35px;

}



.blog-list > .top > .container-fluid > .title {

    font-family: 'Roboto', sans-serif;

    font-size: 56px;

    color: #1F9AA8;

    align-self: flex-start;

    font-weight: 300;

    padding-right: 100px;

}



.blog-detail > .top > .container > .search,

.blog-list > .top > .container-fluid > .search {

    display: flex;

    flex-grow: 1;

    position: relative;

}



.blog-detail > .top > .container > .search > input,

.blog-list > .top > .container-fluid > .search > input {

    flex-grow: 1;

    border: 1px solid #B8EBF0;

    border-radius: 24px;

    padding: 10px 20px;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 300;

    display: block;

}



.blog-detail > .top > .container > .search > i,

.blog-list > .top > .container-fluid > .search > i {

    color: #1F9AA8;

    position: absolute;

    right: 25px;

    font-size: 26px;

    top: 13px;

    cursor: pointer;

}



.blog-detail > .top > .container > .search > i {

    right: 15px;

    font-size: 20px;

    top: 10px;

}



.blog-list > .bottom > .container-fluid {

    max-width: 1170px;

    margin-top: 75px;

}



.blog-list > .bottom > .container-fluid > .left {

    width: 250px;

}



.blog-list > .bottom > .container-fluid > .left > span {

    font-family: 'Pacifico', sans-serif;

    color: #1F9AA8;

    font-size: 28px;

}



.blog-list > .bottom > .container-fluid > .left > ul {

    margin-top: 25px;

    padding-left: 5px;

}



.blog-list > .bottom > .container-fluid > .left > ul > li {

    margin: 15px 0;

}



.blog-list > .bottom > .container-fluid > .left > ul > li > a {

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    display: block;

    font-weight: bold;

}



.blog-list > .bottom > .container-fluid > .right {

    flex-grow: 1;

    width: 75%;

}



.blog-list > .bottom > .container-fluid > .right > .blog-highlight {

    box-shadow: 0 4px 2px -2px rgba(0, 141, 157, 0.11);

    margin-bottom: 15px;

    cursor: pointer;

}



.blog-list > .bottom > .container-fluid > .right > .blog-highlight > .title {

    font-family: 'Roboto', sans-serif;

    font-size: 24px;

    color: #1F9AA8;

    align-self: flex-start;

    font-weight: bold;

    display: block;

    margin-bottom: 15px;

    cursor: pointer;

}



.blog-list > .bottom > .container-fluid > .right > .blog-highlight > img {

    width: 100%;

}



.blog-list > .bottom > .container-fluid > .right > .blog-highlight > .bottom {

    display: flex;

    padding: 15px 0;

    align-items: center;

}



.blog-list > .bottom > .container-fluid > .right > .blog-highlight > .bottom > .tag {

    background: #0C9AA8;

    border-radius: 25px;

    padding: 8px 15px;

    color: white;

    font-size: 14px;

    line-height: 15px;

    display: inline-block;

    text-decoration: none;

}



.blog-list > .bottom > .container-fluid > .right > .blog-highlight > .bottom > div {

    flex-grow: 1;

    text-align: right;

}



.blog-list > .bottom > .container-fluid > .right > .blog-highlight > .bottom > div > a {

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 100;

    font-style: italic;

    text-decoration: none;

    font-size: 15px;

}



.blog-list > .bottom > .container-fluid > .right > .blog-highlight > .bottom > div > a:last-child {

    font-weight: 400;

    font-style: normal;

    padding-left: 15px;

}



.blog-list > .bottom > .container-fluid > .right > .blog-post-list {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin: 30px 0;

}



.blog-detail > .bottom > .container > .post,

.blog-list > .bottom > .container-fluid > .right > .blog-post-list > .post {

    width: calc(50% - 15px);

    width: -webkit-calc(50% - 15px);

    width: -moz-calc(50% - 15px);

    box-shadow: 0 4px 2px -2px rgba(0, 141, 157, 0.11);

    margin:30px 0;

    padding-bottom: 15px;

    cursor: pointer;

}





.blog-list > .bottom > .container-fluid > .right > .blog-post-list > .post:not(.hidden):first-child {

    width: 100%;

}



.blog-detail > .bottom > .container > .post {

    width: 100%;

    margin: 30px auto;

}



.blog-detail > .bottom > .container > .post > img,

.blog-list > .bottom > .container-fluid > .right > .blog-post-list > .post > img {

    width: 100%;

}



.blog-detail > .bottom > .container > .post > img {

    border-radius: 25px;

}



.blog-detail > .bottom > .container > .post > .title,

.blog-list > .bottom > .container-fluid > .right > .blog-post-list > .post > .title {

    font-family: 'Roboto', sans-serif;

    font-size: 19px;

    color: #1F9AA8;

    align-self: flex-start;

    font-weight: bold;

    display: block;

    cursor: pointer;

}



.blog-detail > .bottom > .container > .post > .title {

    font-size: 36px;

}



.blog-detail > .bottom > .container > .post > .p,

.blog-list > .bottom > .container-fluid > .right > .blog-post-list > .post > p {

    font-family: 'Roboto', sans-serif;

    font-size: 12px;

    line-height: 18px;

    color: #1F9AA8;

}



.blog-detail > .bottom > .container > .post > div,

.blog-list > .bottom > .container-fluid > .right > .blog-post-list > .post > div {

    display: flex;

    padding: 15px 0;

    align-items: center;

}



.blog-detail > .bottom > .container > .post .tag,

.blog-list > .bottom > .container-fluid > .right > .blog-post-list > .post > .tag {

    background: #0C9AA8;

    border-radius: 25px;

    padding: 6px 10px;

    color: white;

    font-size: 12px;

    line-height: 15px;

    display: inline-block;

    text-decoration: none;

}



.blog-detail > .bottom > .container > .post .tag {

    font-style: normal;

    font-weight: normal;

    line-height: 24px;

    margin-left: 0;

    padding: 6px 15px;

}



.blog-detail > .bottom > .container > .post > div,

.blog-list > .bottom > .container-fluid > .right > .blog-post-list > .post > div {

    flex-grow: 1;

}



.blog-detail > .bottom > .container > .post > div {

    margin: 5px 0 35px 0;

}



.blog-detail > .bottom > .container > .post > div > a,

.blog-list > .bottom > .container-fluid > .right > .blog-post-list > .post > div > a {

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 100;

    font-style: italic;

    text-decoration: none;

    font-size: 13px;

}





.blog-detail > .bottom > .container > .post > div > a {

    font-weight: 300;

    font-size: 15px;

    margin-left: 15px;

}





.blog-detail > .bottom > .container > .post > div > a:nth-child(4),

.blog-detail > .bottom > .container > .post > div > a:nth-child(5) {

    font-size: 36px;

    margin-left: 15px;

}



.blog-detail > .bottom > .container > .post > div > a:nth-child(5) {

    padding-left: 8px !important;

    margin-left: 0;

}



.blog-detail > .bottom > .container > .post > div > a:last-child,

.blog-list > .bottom > .container-fluid > .right > .blog-post-list > .post > div > a:last-child {

    font-weight: 400;

    font-style: normal;

    padding-left: 15px;

}



.blog-detail > .bottom > .container > .post p {

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    line-height: 24px;

    color: #1F9AA8;

    margin: 5px 0;

}



.blog-detail > .bottom > .container > .post p > b {

    font-weight: bold;

    display: block;

    margin-top: 25px;

}

/* Blog Page */





/* Market */

footer > .container-fluid > .call-center {

    display: flex;

    flex-direction: column;

    margin-left: 25px;

    flex-grow: 1;

    color: #1F9AA8;

}



footer > .container-fluid > .call-center > span {

    color: #1F9AA8;

    font-weight: bold;

    font-size: 13px;

    margin-bottom: -10px;

}



footer > .container-fluid > .call-center > span > i {

    font-size: 26px;

    position: relative;

    bottom: -3px;

    margin-right: 2px;

    margin-bottom: 15px;

}



footer > .container-fluid > .call-center > p {

        font-size: 28px;

}



.market header > .header-top {

    padding: 15px 15px 8px 15px;

}



.market header {

    position: relative;

}



.market #headerNavigationButtons,

.market #headerAuthButtons {

    display: none;

}



.market #headerNavigationButtons.active,

.market #headerAuthButtons.active {

    display: flex;

}



.market header:after {

    content: "";

    width: 100%;

    height: 69px;

    left: 0;

    bottom: 0;

    background: #1F9AA8;

    z-index: 1;

    position: absolute;

}



.market header > .header-bar {

    position: relative;

    z-index: 99;

}



.market header .header-bar > .container-fluid > .form-group  {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 0;

    padding: 15px 0;

    position: relative;

    opacity: 0;



    height: 0;

    overflow: hidden;

    padding: 0;

}



.market header .header-bar > .container-fluid > .form-group > input {

    flex-grow: 1;

    border: 1px solid #B8EBF0;

    border-radius: 24px;

    padding: 10px 20px;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 300;

    display: block;

    width: calc(100vw - 350px);

    width: -webkit-calc(100vw - 350px);

    width: -moz-calc(100vw - 350px);

    padding-right: 45px;

}



.market header .header-bar > .container-fluid > .form-group > i.fas {

    color: #1F9AA8;

    font-size: 26px;

    position: absolute;

    font-size: 23px;

    position: absolute;

    right: 15px;

    top: 23px;

    cursor: pointer;

}



.market header > .header-bar > .container-fluid > .basket {

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 10px;

    border-radius: 8px;

    color: #fff;

    padding: 5px 15px;

    cursor: pointer;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    border: 1px solid white;

}



.market header > .header-bar > .container-fluid > .basket:hover {

    background: #fff;

    color: #1F9AA8;

    border-radius: 0;

}



.market header > .header-bar > .container-fluid > .basket i {

    font-size: 22px;

    margin-right: 10px;

}



.market header > .header-bar > .container-fluid > .basket > b {

    font-weight: bold;

    font-size: 13px;

    margin-right: 10px;

}



.market header > .header-bar > .container-fluid > .basket > span {

    font-size: 12px;

}



.market header > .header-bar > .container-fluid > .basket > span > b {

    display: block;

}



.market header > .header-bar > .container-fluid > .basket > span > b:last-child {

    margin-top: 5px;

}



.market header > .header-bottom > .container-fluid > .sub-menu#header-brands-3 > li > a > img,

.market header > .header-bottom > .container-fluid > .sub-menu#header-brands-2 > li > a > img,

.market header > .header-bottom > .container-fluid > .sub-menu#header-brands > li > a > img {

    height: auto;

    display: block;

    padding-top: 25px;

}



.market header > .header-bottom > .container-fluid > .sub-menu#header-brands-3 > li > a > span,

.market header > .header-bottom > .container-fluid > .sub-menu#header-brands-2 > li > a > span,

.market header > .header-bottom > .container-fluid > .sub-menu#header-brands > li > a > span {

    height: 50px;

    line-height: 50px;

    font-size: 22px;

    font-family: 'Pacifico', sans-serif;

}



.market header > .header-bottom > .container-fluid > .sub-menu#header-brands-3,

.market header > .header-bottom > .container-fluid > .sub-menu#header-brands-2,

.market header > .header-bottom > .container-fluid > .sub-menu#header-brands {

    margin-bottom: 35px;

}



.market header > .header-top > .container-fluid > .navigation-buttons > li > a {

    background: transparent !important;

    color: #1f9aa8 !important;

    border-color: #1f9aa8 !important;

    box-shadow: none !important;

    min-width: 110px;

}



.market header > .header-top > .container-fluid > .navigation-buttons > li > a > i {

    margin-right: 5px;

    font-size: 19px;

}



.market header > .header-top > .container-fluid > .navigation-buttons > li > a:hover {

    background: #1f9aa8 !important;

}



.market header > .header-top > .container-fluid > .navigation-buttons > li > a:hover,

.market header > .header-top > .container-fluid > .navigation-buttons > li > a:hover > i {

    color: white !important;

}



.market .quick-links > .container {

    min-height: 340px;

}



.market img.payment {

    display: block;

    margin: 15px auto 0 auto;

    max-height: 46px;

    max-width: 100%;

}



.market .quick-links ul {

    display: flex;

    margin-top: 100px;

    justify-content: center;

    align-items: center;

    width: 100%;

    margin-bottom: 75px;

}



.market .quick-links ul > li > a {

    height: 100%;

    flex-grow: 1;

}



.market .quick-links ul > li {

    width: 24%;

}



.market .quick-links ul > li > a {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    flex-wrap: wrap;

    padding: 25px;

    margin: 0 15px;

    border: 1px solid #0C9AA8;

    border-radius: 24px;

    text-decoration: none;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



.market .quick-links ul > li > a:hover {

    border-radius: 0;

    border-width: 4px;

}



.market .quick-links ul > li > a:hover > span {

    font-weight: bold;

}



.market .quick-links ul > li > a:hover > img {

    height: 72px;

}



.market .quick-links ul > li > a > img {

    max-width: 100%;

    height: 56px;

    margin-bottom: 15px;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

} 



.market .quick-links ul > li > a > span {

   color: #1F9AA8;

   font-weight: 300;

   transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

   -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

   -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



.market .products-carousel {

    margin-bottom: 35px;

    background: #fff;

    padding: 35px 0;

}



.market .products-carousel > .container > .title {

    color: #1F9AA8;

    display: block;

    text-align: center;

    margin: 0 auto;

    font-size: 32px;

    font-family: 'Roboto', sans-serif;

    font-weight: 300;

    width: 100%;

}



.market .products-carousel > .container > .title > span {

    font-weight: bold;

}



.market .products-carousel > .container > .carousel {

    margin: 0 auto;

    width: 100%;

    padding: 0 125px;

}



.products-carousel > .container > .carousel > .carousel-inner > .item > .items {

    display: flex;

    align-items: center;

    justify-content: space-evenly;

    margin: 25px auto;

}



.product-box,

.products-carousel > .container > .carousel > .carousel-inner > .item > .items > div {

    width: 23%;

    background: #F7F7F7;

    padding: 25px;

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    justify-content: center;

    align-items: center;

    box-shadow: 0 0 10px #1f9aa85c;

    transition: .1s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    -webkit-transition: .1s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    -moz-transition: .1s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    cursor: pointer;

}



.product-box {

    background: #fff;

}



.product-box:hover,

.products-carousel > .container > .carousel > .carousel-inner > .item > .items > div:hover {

    box-shadow: 0 0 25px #1F9AA8;

    padding: 25px 25px 15px 25px;

}



.product-box > img,

.products-carousel > .container > .carousel > .carousel-inner > .item > .items > div > img {

    max-width: 100%;

    max-height: 132px;

    margin: 15px auto;

}



.product-box > span,

.products-carousel > .container > .carousel > .carousel-inner > .item > .items > div > span {

    color: #0C9AA8;

    padding: 5px 5px;

    text-align: center;

    font-size: 13px;

    font-weight: bold;

}



.product-box > p,

.products-carousel > .container > .carousel > .carousel-inner > .item > .items > div > p {

    color: #0C9AA8;

    font-weight: 400;

    font-size: 22px;

    margin: 15px auto;

    text-align: center;

}



.market .product-not-found {

    color: #0C9AA8;

    flex-grow: 1;

    width: 100%;

    flex-wrap: wrap;

    text-align: center;

    justify-content: center;

    align-items: center;

    font-size: 22px;

    margin: 50px auto;

    display: none;

}



.market .buy-now {

    max-width: 160px;

}



.products-list.inactive {

    transition: .3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    -webkit-transition: .3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    -moz-transition: .3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    opacity: 0;

}



.products-list.active {

    opacity: 1;

}



.products-list > .container {

    justify-content: center;

    align-items: center;

    margin-bottom: 35px;

}



.products-list > .container > .product-box {

    width: 19%;

    border: 1px solid #ddd;

    margin: 5px 5px;

}



.market .home-info > .container > ul {

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 75px 25px;

    border-radius: 25px;

    margin-bottom: 35px;

    background: #fff;

}



.market .home-info > .container > ul > li {

    width: 33.33%;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

}



.market .home-info > .container > ul > li:not(:last-child) {

    border-right: 1px solid #B8EBF0;

}



.market .home-info > .container > ul > li > img {

    height: 56px;

    margin-bottom: 30px;

}



.market .home-info > .container > ul > li > span {

    color: #1F9AA8;

    font-size: 15px;

    line-height: 22px;

    text-align: center;

}



.market .basket > .container-fluid {

    margin: 10px auto;

    padding: 30px;

}



.market .basket > .container-fluid > .left > span {

    color: #1F9AA8;

    font-size: 13px;

    font-weight: 300;

}



.market .basket > .container-fluid > .left > span:first-child {

    font-size: 26px;

    font-weight: bold;

}



.market .basket > .container-fluid > .left {

    width: calc(100% - 300px);

    width: -webkit-calc(100% - 300px);

    width: -moz-calc(100% - 300px);

}



.market .basket table {

    width: 100%;

}



.market .basket table thead > tr > th {

    font-size: 14px;

    color: #1F9AA8;

    font-weight: 300;

    padding: 30px 0;

}



.market .basket table tbody > tr {

    font-size: 14px;

    color: #1F9AA8;

    font-weight: 300;

    padding: 30px 0;

    border: 1px solid #ddd;

}



.market .basket table tbody > tr > td > div {

    margin: 15px;

}



.market .basket table tbody > tr > td:not(.reset),

.market .basket table thead > tr > th:not(.reset) {

    min-width: 140px;

    text-align: center;

    justify-content: center;

}



.market .basket table tbody > tr > td.reset {

    min-width: 50px;

    text-align: center;

    justify-content: center;

}



.market .basket table thead > tr > th:first-child{

    font-weight: bold;

    text-align: left;

    font-size: 36px;

}



.market .basket .basket-info,

.market .basket table tbody tr {

    background: #fff;

}



.market .basket table span {

    padding: 0  15px;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

}



.market .basket table tbody .product-image {

    padding: 25px 35px;

    background: #fff;

    border-radius: 14px;

    border: 1px solid #ddd;

}



.market .basket table tbody .product-image > img {

    height: 120px;

}



.market .basket table tbody > tr > td:nth-child(2) {

    min-width: 180px;

}



.market .basket table tbody .product-name {

    display: flex;

    justify-content: center;

    align-items: center;

    height: 100%;

    line-height: 19px;

    font-size: 14px;

    color: #1F9AA8;

    padding: 25px 0;

    font-weight: bold;

}



.product-setup .product-price,

.market .basket table tbody .product-price {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    flex-wrap: wrap;

    height: 100%;

    font-size: 26px;

    color: #1F9AA8;

    font-weight: bold;

    min-width: 135px;

}



.product-setup .product-price b,

.market .basket table tbody .product-price b {

    font-size: 14px;

    margin-top: 5px;

}



.product-setup .product-amount,

.market .basket table tbody .product-amount {

    display: flex;

    justify-content: center;

    align-items: center;

}





.product-setup i,

.market .basket table tbody i {

    color: #1F9AA8;

    font-size: 22px;

    transition: .3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    -webkit-transition: .3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

    -moz-transition: .3s cubic-bezier(0.6, -0.28, 0.735, 0.045);

}



.product-setup i:hover,

.market .basket table tbody i:hover {

    color: #FFA75C;

}



.product-setup .product-amount input,

.market .basket table tbody .product-amount input {

    margin: 0 15px;

    padding: 10px 5px;

    border: 1px solid #ddd;

    width: 42px;

    color: #1F9AA8;

    font-weight: bold;

    text-align: center;

}



.market .basket > .container-fluid > .right {

    display: flex;

    justify-content: center;

    text-align: center;

    flex-grow: 1;

    padding: 50px 15px 15px 15px;

}



.market .basket > .container-fluid > .right .basket-info > span {

    padding: 15px 0 35px 0;

    color: #1F9AA8;

    font-weight: bold;

    text-align: center;

    font-size: 21px;

    display: block;

    margin-top: -65px;

}



.market .basket > .container-fluid > .right .basket-info > ul {

    display: flex;

    justify-content: center;

    text-align: center;

    flex-direction: column;

    flex-wrap: wrap;

}



.market .basket > .container-fluid > .right .basket-info {

    width: 100%;

    height: 415px;

    padding: 0 15px;

    margin-top: 45px;

    border: 1px solid #ddd;

}



.market .basket > .container-fluid > .right .basket-info > ul > li {

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    text-align: center;

    min-height: 75px;

    border-bottom: 1px solid #ddd;

}



.market .basket > .container-fluid > .right .basket-info > ul > li > span {

    width: 50%;

    text-align: left;

    color: #1F9AA8;

    font-size: 13px;

    font-weight: bold;

}



.market .basket > .container-fluid > .right .basket-info > ul > li > b {

    width: 50%;

    color: #1F9AA8;

    font-size: 22px;

    text-align: right;

}



.market .basket > .container-fluid > .right .basket-info .basket-button {

    margin-top: 35px;

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    font-size: 13px;

    color: #FFA75C;

    border-radius: 24px;

    font-weight: bold;

    padding: 15px;

    border: 1px solid #FFA75C;

    cursor: pointer;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    padding-top: 17px;

}



.market .basket > .container-fluid > .right .basket-info .basket-button.reset {

    margin-top: 15px;

}



.market .basket > .container-fluid > .right .basket-info .basket-button:hover {

    border-color: #ddd;

    background: #FFA75C;

    color: #fff;

    border-radius: 0;

}



.sidebar {

    margin: 15px 0;

    width: 210px;

    border-radius: 24px;

    background: #fff;

    border: 1px solid #ddd;

    display: flex;

    flex-direction: column;

    flex-wrap: wrap;

    align-self: flex-start;

}



.sidebar > ul {

    display: flex;

    width: 100%;

    flex-direction: column;

    flex-wrap: wrap;

    padding: 20px;

    border-bottom: 1px solid #1f9aa8bf;

}



.sidebar > ul:last-child {

    border-bottom: none;

}



.sidebar > ul > li {

    display: flex;

    align-items: center;

    font-size: 14px;

    color: #1F9AA8;

    margin: 3px 0;

}



.sidebar > ul > li > a {

    text-decoration: none;

    color: #1F9AA8;

    text-decoration: none;

    color: #1F9AA8;

    display: flex;

    align-items: center;

    display: flex;

    width: 100%;

}



.sidebar > ul > li label {

    cursor: pointer;

    margin: 0 0 0 5px !important;

}



.sidebar > ul > li input,

.sidebar > ul > li input + label {

    opacity: .85;

    margin: 0;

    margin-top: -1px;

}



.sidebar > ul > li input:checked,

.sidebar > ul > li input:checked + label {

    font-weight: bold;

    opacity: 1;

}



.sidebar > ul > li:first-child {

    font-weight: bold;

    font-size: 16px;

    margin-bottom: 15px;

}



.products-list.custom {

    display: flex;

    width: calc(100vw - 315px);

    flex-wrap: wrap;

    justify-content: space-evenly;

    margin: 15px 0;

    align-items: flex-start;

}



.products-list.custom .product-box {

    margin-bottom: 15px;

    padding: 30px 15px;

}



.products-detail {

    margin: 15px auto;

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

}



.products-detail > .top {

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 30px;

}



.products-detail > .top > .left {

    flex-grow: 1;

    display: flex;

    justify-content: center;

    align-items: center;

}



.products-detail > .top > .left > img {

    max-width: 100%;

    display: block;

    margin: 0 auto;

}



.products-detail > .top > .right {

    width: 50%;

    max-width: 480px;

    display: flex;

    justify-content: center;

    align-items: center;

    align-self: flex-start;

}



.products-detail > .top > .left > .badges {

    display: flex;

    justify-content: flex-start;

    align-items: center;

    flex-direction: column;

    flex-grow: 1;

}



.products-detail > .top > .left > .badges > img {

    margin-bottom: 30px;

}



.products-detail > .top > .right > .product-data {

    background: #F8F8F8;

    padding: 30px;

    border-radius: 14px;

    box-shadow: 0 0 5px #ddd;

}



.products-detail > .top > .right > .product-data > span {

    font-size: 32px;

    color: #1F9AA8;

    line-height: 36px;

    font-weight: bold;

    display: block;

}



.products-detail > .top > .right > .product-data > ul {

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    flex-wrap: wrap;

    margin-top: 35px;

}



.products-detail > .top > .right > .product-data > ul > li {

    margin: 10px 0;

    box-shadow: 0 0 5px #ddd;

    padding: 20px;

    border-radius: 24px;

    width: 100%;

    background: #FFFFFF;

    display: flex;

    align-items: center;

}



.products-detail > .top > .right > .product-data > ul > li > span {

    font-size: 13px;

    color: #1F9AA8;

    min-width: 120px;

}



.product-setup {

    display: flex;

    justify-content: center;

    margin: 15px auto;

}



.product-setup .product-price {

    font-size: 48px;

    flex-direction: row;

    flex-grow: 1;

    justify-content: flex-start;

}



.product-setup .product-price {

    margin-right: 10px;

}



.market .buy-now {

    max-width: 160px;

    padding: 8px 15px;

    text-align: center;

    margin: 0 auto;

    min-height: 42px;

}



.market .buy-now.disabled {

    background: green;

    border: 0;

    border-radius: 0;

    pointer-events: none;

    cursor: not-allowed;

}



.products-detail > .bottom > .pane {

    background: #E8F8FA;

    display: flex;

    width: 100%;

    padding: 20px;

    border: 1px solid #ddd;

    border-radius: 50px;

    margin-bottom: 15px;

    justify-content: center;

    align-items: center;

}



.products-detail > .bottom > .pane > li > a {

    text-decoration: none;

    color: #1F9AA8;

    font-weight: bold;

}



.products-detail > .bottom {

    display: flex;

    width: 100%;

    flex-direction: column;

    flex-wrap: wrap;

}



.products-detail > .bottom > p {

    color: #1F9AA8;

    font-size: 13px;

    line-height: 20px;

    padding: 0 75px;

    text-align: center;

    width: 100%;

    display: block;

}



.products-detail > .bottom img {

    max-width: 660px;

    align-self: center;

}



.products-detail > .bottom .img-labels {

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 35px;

    margin-top: -35px;

}



.products-detail > .bottom .img-labels > img:first-child {

    margin-right: 35px;

}



.market .container-fluid {

    justify-content: center;

}



.checkout.modal .modal-header span {

    font-size: 13px;

    line-height: 22px;

    padding: 0 30px;

    display: block;

    margin-bottom: 15px;

    text-align: center;

}



.checkout.modal .modal-header span > b {

    font-weight: bold;

}



.checkout-page {

    width: 100%;

}



.checkout-page > .container > .top {

    padding: 30px 0;

    width: 100%;

    display: flex;

    justify-content: center;

    flex-direction: column;

    flex-wrap: wrap;

    align-items: center;

}



.checkout-page > .container > .top > .title {

    text-align: center;

    font-family: 'Roboto', sans-serif;

    font-size: 56px;

    color: #1F9AA8;

    flex-grow: 1;

    font-weight: bold;

}



.checkout-status-text {

    text-align: center;

    font-family: 'Roboto', sans-serif;

    font-size: 46px;

    color: #1F9AA8;

    flex-grow: 1;

    font-weight: 300;

    margin-top: 75px;

}



.checkout-status-text > b {

    font-weight: bold;

}



.checkout-page > .container > .top > .title + p {

    text-align: center;

    font-family: 'Roboto', sans-serif;

    font-size: 26px;

    color: #1F9AA8;

    flex-grow: 1;

    font-weight: 300;

    display: block;

    margin-top: 15px;

}



.checkout-page > .container > .top > .title + p > b {

    font-weight: bold;

}



.checkout-page > .container {

    justify-content: center;

    align-items: center;

}



.checkout-page > .container > form {

    display: flex;

    width: 100%;

    justify-content: space-between;

    align-items: flex-start;

    flex-direction: row;

    flex-wrap: wrap;

    max-width: 100%;

    margin-bottom: 35px;

}



.checkout-page > .container > form > .delivery,

.checkout-page > .container > form > .user {

    width: calc(50% - 30px);

    width: -webkit-calc(50% - 30px);

    width: -moz-calc(50% - 30px);

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.checkout-page > .container > form .form-group {

    width: 100%;

    display: flex;

    justify-content: space-between;

}

.checkout-page .title {

    text-align: center;

    font-family: 'Roboto', sans-serif;

    font-size: 24px;

    color: #1F9AA8;

    flex-grow: 1;

    font-weight: 900;

    display: block;

    margin-top: 15px;    

}



.checkout-page .form-group input { 

    flex-grow: 1;

    border: 1px solid #B8EBF0;

    border-radius: 24px;

    padding: 10px 20px;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 300;

    display: block;

    margin: 0 15px;

}



.checkout-page button { 

    border-radius: 24px;

    border: none;

    padding: 15px 35px;

    background: #1F9AA8;

    color: white;

    font-size: 13px;

    font-weight: bold;

    min-width: 175px;

    margin: 0 auto;

    display: block;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



.checkout-page button:hover {

    border-radius: 5px;

    box-shadow: 0 4px 8px rgba(0, 141, 157, 0.3);

}

/* Market */



/* Profile */

.profile-tabs {

    display: flex;

    width: calc(100% - 240px);

    margin: 15px;

    border-radius: 24px;

    background: #fff;

    border: 1px solid #ddd;

    padding: 15px;

    justify-content: center;

    align-items: center;

}



.profile-tabs .tab-pane {

    width: 100%;

    display: none;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    flex-wrap: wrap;

}



.profile-tabs .tab-pane.active {

    display: flex;

}



#update-address-form,

.profile-tabs .tab-pane form {

    width: 100%;

}



.profile-tabs .address-list {

    display: flex;

    width: 100%;

    justify-content: center;

    align-items: center;

    flex-wrap: wrap;

}



.profile-tabs .address-list > li > a {

    display: flex;

    flex-direction: column;

    text-decoration: none;

    border: 1px solid #ddd;

    padding: 15px;

    margin: 5px;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    border-radius: 24px;

}



.profile-tabs .address-list > li > a:hover {

    border-radius: 5px;

    box-shadow: 0 4px 8px rgba(0, 141, 157, 0.3);

    background: #1F9AA8;

}



.profile-tabs .address-list > li > a > span {

    font-size: 15px;

    font-weight: 400;

    text-align: center;

    padding-top: 15px;

    color: #1F9AA8;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



.profile-tabs .address-list > li > a:hover span {

    color: #fff;

}



.profile-tabs .title {

    font-size: 26px;

    font-weight: bold;

    text-align: center;

    padding-bottom: 35px;

    padding-top: 15px;

    color: #1F9AA8;

}



.profile-tabs .form-group { 

    display: flex;

    justify-content: space-between;

    width: 100%;

    padding: 0 25px;

    flex-direction: column;

}



.profile-tabs .form-group > input { 

    flex-grow: 1;

    border: 1px solid #B8EBF0;

    border-radius: 24px;

    padding: 10px 20px;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 300;

    display: block;

}



.profile-tabs .form-group > label { 

    flex-grow: 1;

    border: none;

    padding: 10px 20px;

    font-size: 14px;

    font-family: 'Roboto', sans-serif;

    color: #1F9AA8;

    font-weight: 900;

    padding-left: 5px;

}



#update-address-form button,

.profile-tabs button { 

    border-radius: 24px;

    border: none;

    padding: 15px 35px;

    background: #1F9AA8;

    color: white;

    font-size: 13px;

    font-weight: bold;

    min-width: 175px;

    margin: 0 auto;

    display: block;

    transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -webkit-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

    -moz-transition: .25s cubic-bezier(0.785, 0.135, 0.15, 0.86);

}



#update-address-form button:hover,

.profile-tabs button:hover {

    border-radius: 5px;

    box-shadow: 0 4px 8px rgba(0, 141, 157, 0.3);

}



.profile-sidebar > ul > li:first-child {

    border-bottom: 1px solid #ddd;

    padding-bottom: 5px;

    margin-bottom: 10px;

}



.profile-sidebar > ul > li:first-child > a {

    padding-left: 0px;

    font-size: 18px;

}





ul {

    list-style: none !important;

}



.profile-sidebar > ul > li.active > a {

    font-weight: 600;

}



.profile-sidebar > ul > li > a {

    font-size: 14px;

    padding: 4px 0;

    padding-left: 10px;

}   



.product-thumbnails {

    border: 1px solid #ddd;

    display: flex;

    flex-direction: column;

}



.product-thumbnails > li > a {

    display: block;

    margin: 5px auto;

    padding: 15px 30px;

    border-bottom: 1px solid transparent;

}



#product-carousel {

    margin: 25px;

    padding: 35px;

}



.product-thumbnails > li:not(:last-child) > a {

    border-bottom: 1px solid #ddd;

}



.product-thumbnails > li > a > img {

    display: block;

    max-width: 100%;

    max-height: 70px;

    margin: 0 auto;

}

/* Profile */

 

.quick-list > span {

    text-align: center;

    font-family: 'Roboto', sans-serif;

    font-size: 18px;

    color: #1F9AA8;

    flex-grow: 1;

    font-weight: 300;

    display: block;

    margin-top: 15px;

}



#quick-delivery-list,

#quick-list {

    display: flex;

    justify-content: center;

    margin: 15px auto;

    align-items: center;

    flex-wrap: wrap;

    align-items: center;

    justify-content: flex-start;

}



#quick-delivery-list li,

#quick-list li {

    border: 1px solid #ddd;

    font-size: 13px;

    text-align: center;

    padding: 10px 5px;

    background: #eaeaea;

    margin: 0 5px;

    margin-top: 15px;

    cursor: pointer;

    border-radius: 24px;

    transition: .3s ease-in-out;

    -webkit-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    opacity: .65;

    line-height: 21px;

    width: 134px;

}



#quick-delivery-list li:first-child,

#quick-list li:first-child {

    width: 100%;

}





.delivery,

.user {

    background: #fff;

    border: 1px solid #ddd;

    margin: 15px;

    padding: 15px;

    position: relative;

}



#quick-delivery-list li.active,

#quick-list li.active {

    border-radius: 0;

    opacity: 1;

    background: #FFA75C;

    color: #fff;

    font-weight: bold;

}





#quick-delivery-list li.active a,

#quick-list li.active a {

    color: #fff;

}



#quick-delivery-list li i,

#quick-list li i {

    width: 100%;

    color: #ffa75c;

    text-align: right;

    padding-right: 10px;

    font-size: 22px;

}





#quick-delivery-list li span,

#quick-list li span {

    display: block;

    word-wrap: break-word;

}





#quick-delivery-list li.active i,

#quick-list li.active i {

    color: #fff;

    display: block;

    width: 100%;

    word-break: break-all;

}



#quick-delivery-list li:not(.active):hover,

#quick-list li:not(.active):hover {

    border-radius: 0;

    opacity: 1;

}



#quick-delivery-list li a,

#quick-list li a {

   text-decoration: none;

}



input.disabled {

    pointer-events: none;

    opacity: .45;

    cursor: not-allowed;

}



.same-info {

    width: 100%;

    text-align: right;

    font-family: 'Roboto', sans-serif;

    font-size: 14px;

    font-weight: bold;

    color: #1F9AA8;

    text-decoration: none !important;

    position: absolute;

    top: -25px;

    right: 5px;

    background: #ffff;

    border: 1px solid #ddd;

    width: 200px;

    text-align: center;

    padding: 10px;

    display: flex;

    justify-content: center;

    align-items: center;

}



.same-info i {

    color: #1F9AA8;

    font-size: 26px;

    transition: .3s ease-in-out;

    -webkit-transition: .3s ease-in-out;

    -moz-transition: .3s ease-in-out;

    margin-right: 5px;

}



.same-info.active span {

    color: #FFA75C !important;

}



.same-info.active i {

    color: #FFA75C;

    font-size: 32px;

}



.forgot-password {

    display: block;

    padding: 0 30px;

    margin-bottom: 15px;

    text-align: right;

    font-size: 14px;

    color: #1f9aa8;

    font-weight: 500;

    font-family: 'Roboto', sans-serif;

    text-decoration: none;

}