.header-image-box .your-general-rte {
    position: relative;
    left: -8%;
}

.header-image-box .your-skin-head-rte {
    position: relative;
    left: 26%;
}

.header-image-box .feel-itchy-head-rte {
    left: 19%;
    position: relative;
}

.page-skin-advice .article-whole-box8 .header-image figcaption {
    left: 12%;
}

.header-image-box .when-healing-rte, .header-image-box .your-skin-head-rte, .header-image-box .whtmakes-heaing-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 76px;
    line-height: 76px;
    color: #fff;
    display: block;
}

.header-image-box .feel-itchy-head-rte {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 54px;
    line-height: 60px;
    color: #f25b00;
    display: block;
}

.page-skin-advice .article-whole-box8 .header-image figcaption {
    width: 57%;
    left: 18%;
}

.prod-tabs-content-box .prod-image-text-box {
    margin-left: 0px;
}

/* PA 13 */
.article3-rte h2 a:hover, .article2-rte h2 a:hover, .article1-rte h2 a:hover {
    color: #f25b00;
}

.header-image img, .advice-tab-box .skin-advice-tabs {
    display: block;
}

span.orange-text {
    color: #f25b00;
}

.download-leaflet-rte p {

    position: relative;
    left: 20%;
    /* margin-top: 46px; *//* PA 40 */

}

.fixed-component .component-content {
    margin-bottom: 0px;
}

.search-result-header-rte p {
    margin: 0px auto;
    width: 1170px;
}

.privacy-header-outer-box {
    width: 100%;
    background-image: #f7f7f7;
    margin-bottom: 34px;;
}

.drops-outer-box .prod-tab-inner-box > .component-content img {
    width: 48%;
    margin-top: 15px;
}

/* PA 40 */
.page-fenistil-roll-on .prod-use-rte1 h2 {
    width: 100%;
}

.page-fenistil-roll-on .prod-use-rte2 p:first-child {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    margin-top: 57px;
}

.page-fenistil-roll-on .orange-text a {
    font-size: 40px;
    line-height: 32px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
}

.page-fenistil-roll-on .prod-use-rte2 p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    margin-top: 30px;
}

.prod-use-rte1 h2 {
    width: 80%;
}

.fenistil-use-box1 .prod-use-rte1 h2 {
    width: 100%;
    margin-top: 57px;
}

.prod-heading-rte h1 span.blue-text {
    font-size: 80px;
    line-height: 90px;
    color: #00339e;
    font-family: "Lato", sans-serif;
    font-weight: 700;
}

.prod-cond-outer-box-gel .prod-heading-rte {
    margin: 40px 0px 0px 0px;
}

.prod-nav-icon5, .prod-nav-icon4, .prod-nav-icon3, .prod-nav-icon2, .prod-nav-icon1 {
    width: 9% !important;
    margin: 0px 0px 0px 0px;
}

.product-tabs {
    position: relative;
}

.prod-cond-outer-box-gel {
    width: 1170px;
    margin: 0px auto;
}

.prod-works-box {
    background-image: url(../../../../../../../content/dam/cf-consumer-healthcare/fenistil/master/gel-img2.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    height: 700px;
}

#wrapper .product-tabs .tabs-nav-item.is-active {
    border-top: 4px solid #f25b00;
}

.prod-works-content-box .prod-orange-background-rte .richText-content ul {
    padding: 0px 0;
    margin-left: 10px;
    margin-top: -10px;
}

.prod-side-box .prod-header-when-rte {
    display: block;
    width: 31% !important;
    font-size: 20px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    line-height: 20px;
    color: #f25b00;
}

.product-tabs {
    margin-top: 70px;
}

.prod-use-outer-box1 {
    background-color: #f7f7f7;
}

.prod-use-top-box {
    background-color: #f7f7f7;
}

.prod-orange-background-rte p {
    border-bottom: 1px solid #fff;
    padding-bottom: 27px;
    width: 88%;
}

.prod-orange-background-rte {
    background-color: #ff8a0c;
    padding: 0px 0px 0px 32px;
    width: 37%;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 26px;
}

.page-fenistil-gel .prod-works-content-box .prod-orange-background-rte {
    background-color: #ff8a0c;
    padding: 0px 0px 0px 33px;
    width: 37%;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 26px;
    position: relative;
    top: 10px;
}

/* pr */
.page-fenistil-tablets .prod-orange-background-rte {
    background-color: #ff8a0c;
    padding: 0px 0px 0px 30px;
    width: 13%;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 26px;
    position: relative;
    top: -50px;
}

.page-fenistil-drops .prod-orange-background-rte {
    background-color: #ff8a0c;
    padding: 0px 0px 0px 30px;
    width: 95%;
    color: #fff;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 26px;
}

.prod-works-content-box, .prod-orange-background-rte .richText-content ul li, .prod-use-rte1 .richText-content ul li, .prod-use-rte2 .richText-content ul li {
    float: none;
    margin-bottom: 0px;
    line-height: 26px;
    clear: left;
    color: #fff;
    font-size: 16px;
}

.prod-orange-background-rte .richText-content ul li:before {
    left: -10px;
    content: '\25CB';
    font-size: 22px;
    top: 0px;
    position: absolute;
    color: #fff;
    display: inline-block;
}

.prod-use-rte1 .richText-content ul li:before {
    left: -10px;
    content: '\25CB';
    font-size: 22px;
    top: 0px;
    position: absolute;
    color: #f25b00;
    display: inline-block;
}

.prod-use-rte2 .richText-content ul li, .page-fenistil-drops .prod-use-rte1 .richText-content ul li {
    color: #353535;
}

.page-fenistil-drops .prod-use-rte1 .richText-content ul li {
    width: 90%;
}

/* PA 13 */
.page-fenistil-drops .prod-use-rte1 .richText-content ul {
    padding: 0px 0;
    margin-left: 2px;
}

/* PA 13 */
.prod-use-rte2 .richText-content ul li {
    padding-left: 0px;
    margin-left: 0px;
}

.prod-use-rte2 .richText-content ul {
    margin-left: 0px;
}

.prod-use-rte2 p:nth-child(2) {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    margin-top: 32px;
}

.gel-outer-box .prod-use-rte2 p:nth-child(2) {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    margin: 27px 0px;
}

.prod-use-rte2 p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
}

.prod-works-rte p {
    border-top: 1px solid #f1f1f1;
    width: 45%;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    padding: 26px 0px 20px 0px;
    color: #353535;
    margin-top: 25px;
}

.page-fenistil-gel .prod-works-content-box .prod-works-rte p {
    border-top: 1px solid #f1f1f1;
    width: 45%;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    padding: 28px 0px 20px 0px;
    color: #353535;
    margin-top: 25px;
}

.prod-use-rte1 .richText-content ul li {
    color: #353535;
    font-size: 16px;
}

.page-fenistil-drops .prod-works-rte p {
    border-top: 1px solid #f1f1f1;
    width: 100%;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    padding: 26px 0px;
    color: #353535;
}

.prod-help-rte {
    margin-bottom: 60px;
}

.fenistil-help-box .prod-content-rte p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
}

.prod-vdo-box2 .richText-content p span.orange-text {
    color: #f25b00;
}

.prod-vdo-box2 .orange-text {
    font-size: 40px;
    line-height: 32px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
}

.prod-vdo-box2 .blue-text {
    color: #00339e;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 18px;
}

.prod-vdo-box1 {
    margin-bottom: 0px;
}

.prod-vdo-box2 {
    margin-bottom: 0px;
}

.prod-vdo-box2 .richText-content p:nth-child(3) {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
}

.fenistil-help-box {
    max-width: 1110px;
    margin: 0px auto;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 56px;
}

.prod-works-rte .orange-text {
    font-size: 40px;
    line-height: 42px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
}

.fenistil-help-box .prod-help-rte p span.orange-text {
    color: #f25b00;
}

.prod-vdo-box1 {
    border-right: 1px solid #eaeaea;
}

/* kv - 20160817 - UAT fixes */
.prod-vdo-box1 {
    height: 375px;
}

.fenistil-help-inner-box1 .prod-content-rte, .fenistil-help-inner-box2 .prod-content-rte, .fenistil-help-inner-box3 .prod-content-rte,
.fenistil-help-inner-box4 .prod-content-rte, .fenistil-help-inner-box5 .prod-content-rte, .fenistil-help-inner-box6 .prod-content-rte {
    width: 86%;
}

.fenistil-help-box .fenistil-help-inner-box1, .fenistil-help-box .fenistil-help-inner-box2, .fenistil-help-box .fenistil-help-inner-box3, .fenistil-help-box .fenistil-help-inner-box4, .fenistil-help-box .fenistil-help-inner-box5, .fenistil-help-box .fenistil-help-inner-box6 {
    margin: 0px;
    width: 20%;
}

.prod-help-img1 img, .prod-help-img2 img, .prod-help-img3 img, .prod-help-img4 img, .prod-help-img5 img, .prod-help-img6 img {
    margin-bottom: 40px;
}

.prod-use-outer-box, .prod-works-content-box {
    max-width: 1110px;
    margin: 45px auto 0px;
}

.prod-use-outer-box {
    max-width: 1110px;
    margin: 0px auto;
}

.drops-outer-box .prod-header-box {
    background-color: #f1f1f1;
    height: 496px;
}

.drops-outer-box .prod-vdo-outer-box {
    max-width: 1110px;
    margin: 0px auto;
    border-bottom: 1px solid #f7f7f7;
    padding-bottom: 0px;
}

.prod-header-box {
    background-color: #f1f1f1;
    height: 482px;
}

.gel-prod-outer-box {
    width: 100%;
    margin: 0px auto;
}

.prod-mob-acc {
    display: none;
}

.prod-vdo-box1 img, .prod-vdo-box2 {
    margin-top: 60px;
    margin-bottom: 15px;
}

.header-image-box .header-image figcaption p:nth-child(4) {
    display: none;
}

.header-image-box .tablet-header-image {
    display: none;
}

p span.prod-colon {
    background-image: url('../../assets/img/colon.png');
    background-repeat: no-repeat;
    top: -48px;
    text-indent: 85px;
    overflow: hidden;
    display: block;
    position: relative;
    margin-left: -5px;
}

.prod-image-text-box {
    border-bottom: 1px #E6E6E6 solid;
    padding-bottom: 37px;
    margin-bottom: 26px;
    height: 186px;
}

.prod-cond-outer-box .pro-learn-more-rte {
    float: left;
    left: 110px;
    position: relative;
    top: 0px;
}

.advice-content-box {
    position: relative;
    top: -18px;
    margin: 0px auto;
    max-width: 1110px;
}

.page-skin-advice .header-image figcaption {
    position: absolute;
    top: 0px;
    width: 41%;
    left: 80px;
}

.page-how-to-deal-with-insect-bites-and-stings .header-image figcaption {
    position: absolute;
    top: 0px;
    width: 87%;
    left: 291px;
}

.page-about-fenistil .header-image figcaption {
    position: absolute;
    top: 50px;
    width: 45%;
    left: 14%;
}

.article-whole-box10 .header-image figcaption {
    position: absolute;
    top: 0px;
    width: 49%;
    left: 280px;
}

.page-what-makes-your-irritated-skin-feel-itchy .header-image figcaption {
    position: absolute;
    top: 0px;
    width: 36%;
    left: 239px;
}

.page-sun-and-skin .header-image figcaption {
    position: absolute;
    top: 0px;
    width: 72%;
    left: 15%;
}

.page-how-to-relieve-the-symptoms-of-skin-allergies .header-image figcaption {
    position: absolute;
    top: 71px;
    width: 50%;
    left: 237px;
}

.page-insect-bites-and-stings .header-image figcaption {
    top: 128px;
    width: 41%;
    left: 238px;
}

.page-skin-allergies-causes .header-image figcaption {
    position: absolute;
    top: 133px;
    width: 40%;
    left: 233px;
}

.page-mosquitoes-and-mosquito-bites .header-image figcaption {
    position: absolute;
    top: 130px;
    width: 41%;
    left: 115px;
}

.skin-ad-prod-car-box .skin-advice-prod-car {
    width: 100%;
    margin: -28px auto 0;
}

/*kv-20160819-UAT*/
.carousel-content .box.section.component.first.odd.last {
    width: 1110px;
    margin: 0px auto;
}

.skin-ad-prod-car-box {
    background-color: #ff8a0c;
    left: 0;
    height: 100%;
}

/*gs*/
.navigation-home {
    float: left;
    margin-bottom: 0px;
}

.orange-text {
    /* font-size:32px;  */
    line-height: 32px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
}

.prod-help-rte .orange-text {
    font-size: 40px;
    line-height: 32px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
}

.prod-help-rte p {
    margin-top: 73px;
    margin-bottom: 32px;
}

.similar-prod-rte .orange-text {
    font-size: 40px;
    line-height: 42px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
}

.prod-use-outer-box .fenistil-use-box2 .prod-use-rte2 .orange-text {
    font-size: 40px;
    line-height: 32px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
}

.prod-use-outer-box .fenistil-use-box1 .prod-use-rte1 .orange-text {
    font-size: 40px;
    line-height: 32px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
}

.carousel {
    padding: 0px;
    margin-bottom: 0px;
    height: 500px;
    margin-top: 0px;
}

h1 span.white-text {
    position: absolute;
    top: 20%;
    font-size: 103px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    color: #fff;
    left: 18%;
}

.page-mosquitoes-and-mosquito-bites .header-image .white-text {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    left: 19%;
    position: absolute;
    top: 170px;
}

h1 span.adv-white-rte {
    position: absolute;
    top: 48%;
    font-size: 106px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    color: #fff;
    left: 15%;

}

span.slider3 {
    color: #fff;
    position: absolute;
    top: 29%;
    font-size: 53px;
    line-height: 53px;
    left: 54%;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    width: 30%;
}


h1 span.orange-text {
    color: #f25b00;
}

h1 span.white-text-two {
    position: absolute;
    top: 48%;
    font-size: 103px;
    color: #fff;
    left: 11%;
}

/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/box/_box-base.scss */
.box-outlined .component-content {
    border: solid 2px #323131;
    padding: 13px;
    background-color: #e1e1e1;
}

/* line 9, ../../sass/components/box/_box-base.scss */
.box-heading {
    display: block;
    color: #323131;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px;
}

/* line 13, ../../sass/components/box/_box-base.scss */
.box-more {
    display: block;
    text-align: right;
}

.tremsofuse-outer-box .orange-text, .cookie-outer-box .orange-text, .privacy-outer-box .richText-content .orange-text {
    line-height: 110px;
    font-size: 100px;
    color: #00339e;
    left: 0;
    font-family: "Lato", sans-serif;
    font-weight: 400;
}

.terms-header-inner-box, .utility-content-richtext, .cookie-content-box, .privacy-header-inner-box {
    max-width: 1110px;
    margin: 0px auto;
}

.privacy-outer-box .richText-content {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #353535;
}

.privacy-outer-box .blue-text {
    color: #00339e;
    font-size: 20px;
    text-transform: uppercase;
}

.terms-header-outer-box, .cookie-header-outer-box {
    background-color: #f7f7f7;
    padding: 32px;
    margin-bottom: 37px;
    margin-top: 18px;
}

.privacy-header-inner-box {
    background-color: #f7f7f7;
    padding: 32px;
}

.tremsofuse-outer-box .blue-text {
    color: #00339e;
    font-size: 20px;
    text-transform: uppercase;
    line-height: 22px;
}

.cookie-outer-box .blue-text {
    color: #00339e;
    font-size: 20px;
    text-transform: uppercase;
}

.header-image-box {
    position: relative;
}

.header-image-box .mosquitoes-heading-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 102px;
    color: #fff;
    line-height: 102px;
}

.header-image-box .and-heading-rte {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 67px;
    color: #f25b00;
    position: absolute;
    top: 63%;
    left: 21%;
}

.header-image-box .mosquito-bites-heading-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 75px;
    color: #fff;
    position: absolute;
    top: 91%;
    width: 100%;
    left: 10%;
}

.header-image-box .howtorelieve-heaing-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 96px;
    color: #fff;
}

.header-image-box .thesymptoms-heaing-rte {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 70px;
    color: #f25b00;
    position: absolute;
    top: 63%;
    left: 7%;
}

.header-image-box .ofskinallergies-heaing-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 102px;
    color: #fff;
    position: absolute;
    top: 167px;
    width: 100%;
    left: 0%;
}

.header-image-box .article-heaing-rte1 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 96px;
    color: #fff;
}

.header-image-box .article-heaing-rte2 {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 70px;
    color: #f25b00;
    position: absolute;
    top: 63%;
    left: 19%;
}

.header-image-box .article-heaing-rte3 {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 116px;
    color: #fff;
    position: absolute;
    top: 88%;
    width: 100%;
    left: -5%;
}

.header-image-box .condition-rte {
    position: relative;
    left: 11%;
}

.header-image-box .as-a-mirror-rte {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: italic;
    font-size: 70px;
    line-height: 70px;
    color: #f25b00;
    position: relative;
    left: 17%;
}

.header-image-box .condition-rte,
.header-image-box .your-general-rte, .header-image-box .theskin-heaing-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 96px;
    line-height: 96px;
    color: #fff;
    display: block;
}

.header-image-box .asmirror-heaing-rte {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 70px;
    color: #f25b00;
    position: absolute;
    top: 63%;
    left: 11%;
}

.header-image-box .ofhealth-heaing-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 116px;
    color: #fff;
    position: absolute;
    top: 110%;
    width: 100%;
    left: -5%;
    line-height: 116px;
}

.header-image-box .health-article-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 112px;
    position: absolute;
    top: 304px;
    width: 100%;
    left: 12%;
    color: #fff;
    line-height: 112px;
}

.header-image-box .whthappens-heaing-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 106px;
    line-height: 106px;
    color: #fff;
}

.header-image-box .urskin-heaing-rte {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 62px;
    color: #f25b00;
    position: absolute;
    top: 83%;
    left: 12%;
}

.header-image-box .about-heading-rte {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 70px;
    color: #f25b00;
    position: absolute;
    top: 58px;
    left: 13%;
}

.header-image-box .fenistile-heaing-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 116px;
    color: #fff;
    position: absolute;
    top: 107px;
    width: 100%;
    left: 3%;
}

.header-image-box .musquitobites-heaing-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 106px;
    color: #fff;
    position: absolute;
    top: 164PX;
    width: 100%;
    left: -5%;
    line-height: 116px;
}

.header-image-box .whtmakes-heaing-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 96px;
    line-height: 96px;
    color: #fff;
}

.header-image-box .urirriated-heaing-rte {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 70px;
    color: #f25b00;
    position: absolute;
    top: 63%;
    left: 7%;
}

.header-image-box .skinfeel-heaing-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 116px;
    color: #fff;
    position: absolute;
    top: 91%;
    width: 100%;
    left: 0%;
    line-height: 116px;
}

.header-image-box .howto-heaing-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 96px;
    color: #fff;
}

.header-image-box .deal-and-heaing-rte {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 70px;
    color: #f25b00;
    position: absolute;
    top: 63%;
    left: 7%;
}

.header-image-box .insectbite-heaing-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 116px;
    color: #fff;
    position: absolute;
    top: 178px;
    width: 47%;
    left: -4%;
    line-height: 116px;
}

.header-image-box .deal-and-heaing-rte {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 70px;
    color: #f25b00;
    position: absolute;
    top: 63%;
    left: 7%;
}

.header-image-box .strings-heaing-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 116px;
    color: #fff;
    position: absolute;
    top: 91%;
    width: 100%;
    left: -5%;
}

.header-image-box .and-heading-rte {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 67px;
    color: #f25b00;
    position: absolute;
    top: 70%;
    left: 21%;
}

.header-image-box .mosquito-bites-heading-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 75px;
    color: #fff;
    position: absolute;
    top: 104%;
    width: 100%;
    left: 10%;
}

.richText-content ul li strong {
    font-family: "Lato", sans-serif;
    font-weight: 700;
}

.mos-left-text-rte .article-left-text-rte {
    position: relative;
    width: 62%;
    display: block;
}

.middle-content-box .box.section.grid_4.omega.component.even {
    position: relative;
    display: block;
}

.orange-box-richtext {
    background-color: #ff8a0c;
    position: relative;
    padding-bottom: 66px;
    height: 191px; /*PR*/
    width: 348px; /*PR*/
}

.page-sun-and-skin .orange-box-richtext {
    background-color: #ff8a0c;
    position: relative;
    padding-bottom: 66px;
    height: 156px;
}

.left-box-image img {
    height: 341px;
    display: block;
    position: relative;
    margin-bottom: 0px;
    width: 348px;
}

.page-mosquitoes-and-mosquito-bites .fenistile-footer-box {
    background-color: #f1f1f1;
    margin-bottom: 0px;
    padding-bottom: 48px;
}

.page-causes-of-itchy-skin .fenistile-footer-box {
    background-color: #f1f1f1;
    margin-bottom: 0px;
    padding-bottom: 48px;
}

.page-insect-bites-and-stings.fenistile-footer-box {
    background-color: #f1f1f1;
    margin-bottom: 0px;
    padding-bottom: 48px;
}

.fenistile-footer-box {
    background-color: #f1f1f1;
    margin-bottom: 0px;
    padding-bottom: 48px;
}

.page-article-3 .article-box {
    background-color: #f7f7f7;
}

.page-article-6 .article-box {
    background-color: #f7f7f7;
}

.page-article-9 .article-box {
    background-color: #f7f7f7;
}

.page-article-12 .article-box {
    background-color: #f7f7f7;
}

.page-article-14 .article-box {
    background-color: #f7f7f7;
}

.page-article-16 .article-box {
    background-color: #f7f7f7;
}

.page-how-to-deal-with-insect-bites-and-stings .article-box {
    background-color: #f7f7f7;
}

.page-what-happens-to-your-skin-when-the-mosquito-bites .article-box {
    background-color: #f7f7f7;
}

.page-mosquitoes-and-mosquito-bites .article-box {
    background-color: #f7f7f7;
}

.page-sun-and-skin .article-box {
    background-color: #f7f7f7;
}

.page-skin-allergies-causes .article-box {
    background-color: #f7f7f7;
}

.page-causes-of-itchy-skin .article-box {
    background-color: #f7f7f7;
}

.page-insect-bites-and-stings .article-box {
    background-color: #f7f7f7;
}

.page-what-makes-your-irritated-skin-feel-itchy .article-box {
    background-color: #f7f7f7;
}

.page-how-to-relieve-the-symptoms-of-skin-allergies .article-box {
    background-color: #f7f7f7;
}

.page-the-skin-as-a-mirror-of-your-overall-health .article-box {
    background-color: #f7f7f7;
}

.box.section.grid_5.omega.component.even {
    margin-top: 25px;
    padding-left: 29px;
}

.header-image-box .cause-heading-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 84px;
    color: #fff;
}

.header-image-box .of-heading-rte {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 70px;
    color: #f25b00;
    position: absolute;
    top: 63%;
    left: 21%;
}

.header-image-box .itchy-skin-heading-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 106px;
    color: #fff;
    position: absolute;
    top: 91%;
    width: 100%;
    left: -10%;
}

.header-image-box .what-heading-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 96px;
    color: #fff;
    position: relative;
    top: 1px;
    width: 100%;
    left: 0%;
    line-height: 96px;
}

.header-image-box .causes-skin-heading-rte {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 70px;
    color: #f25b00;
    position: absolute;
    top: 63%;
    left: 21%;
}

.header-image-box .allergies-heading-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 116px;
    color: #fff;
    position: absolute;
    top: 105%;
    width: 70%;
    left: 25%;
}

.header-image-box .sun-heading-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 96px;
    color: #fff;
    position: relative;
    top: 1px;
    left: 0%;
}

.header-image-box .sun-and-heading-rte {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 70px;
    color: #f25b00;
    position: absolute;
    top: 55%;
    left: 8%;
}

.header-image-box .skin-heading-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 112px;
    color: #fff;
    position: absolute;
    top: 70%;
    width: 42%;
    left: 9%;
}

.page-causes-of-itchy-skin .header-image-box figcaption {
    position: absolute;
    top: 72px;
    width: 41%;
    left: 13%;
}

.header-image-box .insect-bites-heading-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 84px;
    color: #fff;
}

.header-image-box .insect-and-heading-rte {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 70px;
    color: #f25b00;
    position: relative;
    top: 61px;
    left: -4.5em;
}

/* PA 12 */
.header-image-box .stings-heading-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 106px;
    color: #fff;
    width: 100%;
    left: 0%;
    top: -17px;
    position: relative;
}

.prod-head-outer-box2 {
    max-width: 1170px;
    margin: 0px auto;
}

.form-outer-box {
    max-width: 1110px;
    margin: 40px auto;
}

.box.section.validation-box.component.odd.last {
    display: none;
}

.page-fenistil-drops .prod-header-content-rte p:nth-child(1) {
    width: 91%;
    margin-left: 37px;
    margin-top: 50px;
}

.page-fenistil-drops .prod-header-content-rte p:nth-child(2) {
    width: 90%;
    margin-top: 30px;
    font-family: 'latomedium';
    font-size: 16px;
    margin-left: 37px;
}

.page-fenistil-drops .prod-header-content-rte p:nth-child(3) {
    float: right;
    position: relative;
    margin-top: 30px;
}

.page-fenistil-drops .prod-header-image img {
    margin-top: -2px;
    height: 323px;
    width: auto;
    height: auto;
}

/* PA */
.page-fenistil-drops .prod-header-content-rte .blue-text {
    color: #00339e;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 22px;
    line-height: 28px;
}

.page-fenistil-drops .prod-how-box2 {
    max-width: 1110px;
    margin: 0px auto;
}

.page-fenistil-drops .prod-use-outer-box {
    margin-top: 0px;
    margin-bottom: 0px;
}

.page-fenistil-drops .prod-vdo-box2 {
    padding-left: 20px;
    width: 46%
}

.page-fenistil-drops .fenistil-use-box2-remove {
    border-left: 1px solid #eaeaea;
    padding-left: 40px;

}

.mandatory-rte p {
    color: #cccccc;
    margin-bottom: 7px;
}

.privacyPolicy p {
    margin: 0;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
}

.contact-us-form .privacyPolicy p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
    width: 100%;
    line-height: 22px;
    text-align: left;
    margin-left: 8px;
}

.privacyPolicy p:nth-child(2) {
    margin-top: 24px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
    width: 100%;

    margin-bottom: 24px; /* PR */
}

.page-how-to-deal-with-insect-bites-and-stings .header-image-box .and-heading-rte {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 67px;
    color: #f25b00;
    position: absolute;
    top: 157%;
    left: 13%;
}

.page-how-to-deal-with-insect-bites-and-stings .header-image-box .strings-heaing-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 116px;
    color: #fff;
    position: absolute;
    top: 177%;
    width: 100%;
    left: 0%;
}

.home-car-mobile-box {
    display: none;
}

.home-carousel {
    display: block;
}

.skin-advice-tabs {
    display: block;
}

/* .prod-cond-outer-box-gel .prod-side-box {margin-top: 36px;  padding-left: 29px;} */
.prod-works-rte h2 {
    margin-top: -4px;
}

.pro-video-box {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 0px;
}

.home-car-prod-image img {
    position: absolute;
    top: 48%;
    left: 7%;
}

/*gs*/

.buy-fenistil-box > .component-content {
    width: 1175px;
}

/*gs*/


@media screen and (max-width: 1366px) {
    .article-whole-box10 .header-image figcaption {
        position: absolute;
        top: 0px;
        width: 49%;
        left: 181px;
    }

    .header-image-box .condition-rte {
        position: relative;
        left: 11%;
    }

    .header-image-box .as-a-mirror-rte {
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-style: italic;
        font-size: 70px;
        line-height: 70px;
        color: #f25b00;
        position: relative;
        left: 17%;
    }

    .header-image-box .condition-rte,
    .header-image-box .your-general-rte, .header-image-box .theskin-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 96px;
        line-height: 96px;
        color: #fff;
        display: block;
    }

    .page-what-makes-your-irritated-skin-feel-itchy .header-image figcaption {
        position: absolute;
        top: 50px;
        width: 36%;
        left: 116px;
    }

    .page-insect-bites-and-stings .header-image figcaption {
        top: 60px;
        width: 40%;
        left: 114px;
    }

    .page-skin-allergies-causes .header-image figcaption {
        position: absolute;
        top: 133px;
        width: 40%;
        left: 108px;
    }

    .page-sun-and-skin .header-image figcaption {
        position: absolute;
        top: 0px;
        width: 90%;
        left: 8%;
    }

    .header-image-box .your-skin-head-rte {
        position: relative;
        left: 26%;
    }

    .header-image-box .feel-itchy-head-rte {
        left: 15%;
        position: relative;
    }

    .page-skin-advice .article-whole-box8 .header-image figcaption {
        left: 12%;
    }

    .header-image-box .when-healing-rte, .header-image-box .your-skin-head-rte, .header-image-box .whtmakes-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 76px;
        line-height: 76px;
        color: #fff;
        display: block;
    }

    .header-image-box .feel-itchy-head-rte {
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-style: italic;
        font-size: 54px;
        line-height: 60px;
        color: #f25b00;
        display: block;
    }

    .page-what-happens-to-your-skin-when-the-mosquito-bites .header-image figcaption {
        position: absolute;
        width: 74%;
        left: 122px;
    }

    .header-image-box .howto-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 70px;
        color: #fff;
        line-height: 84px;
    }

    .page-how-to-deal-with-insect-bites-and-stings .header-image-box .strings-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 75px;
        color: #fff;
        position: absolute;
        top: 245px;
        left: 0%;
        line-height: 75px;
        width: 60%;
    }

    .page-how-to-deal-with-insect-bites-and-stings .header-image figcaption {
        position: absolute;
        top: 0px;
        width: 87%;
        left: 164px;
    }

    .header-image-box .deal-and-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 64px;
        color: #f25b00;
        position: absolute;
        top: 70%;
        left: 7%;
        line-height: 64px;
    }

    .page-how-to-deal-with-insect-bites-and-stings .header-image-box .and-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 68px;
        color: #f25b00;
        position: absolute;
        top: 183px;
        left: 7%;
        line-height: 68px;
    }

    .header-image-box .insectbite-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 70px;
        color: #fff;
        position: absolute;
        top: 120%;
        width: 100%;
        left: -4%;
        line-height: 70px;
    }

}

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    .header-image-box .condition-rte, .header-image-box .your-general-rte, .header-image-box .theskin-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 60px;
        line-height: 60px;
        color: #fff;
        display: block;
    }

    .header-image-box .as-a-mirror-rte {
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-style: italic;
        font-size: 55px;
        line-height: 56px;
        color: #f25b00;
        position: relative;
        left: 17%;
    }

    .header-image-box .when-healing-rte, .header-image-box .your-skin-head-rte, .header-image-box .whtmakes-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 68px;
        line-height: 68px;
        color: #fff;
        display: block;
    }

    .page-what-makes-your-irritated-skin-feel-itchy .header-image figcaption {
        position: absolute;
        top: 0px;
        width: 56%;
        left: 18px;
    }

    .header-image-box .skin-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 112px;
        color: #fff;
        position: absolute;
        top: 70%;
        width: 70%;
        left: 14%;
    }

    .header-image-box .theskin-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 60px;
        line-height: 60px;
        color: #fff;
    }

    .article-whole-box10 .header-image figcaption {
        position: absolute;
        top: 30px;
        width: 56%;
        left: 50px;
    }

    .page-how-to-deal-with-insect-bites-and-stings .header-image-box .and-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 67px;
        color: #f25b00;
        position: absolute;
        top: 158px;
        left: 7%;
    }

    .page-how-to-deal-with-insect-bites-and-stings .header-image-box .strings-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 57px;
        color: #fff;
        position: absolute;
        top: 218px;
        width: 83%;
        left: 4%;
    }

    .header-image-box .deal-and-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 53px;
        color: #f25b00;
        position: absolute;
        top: 65%;
        left: 7%;
    }

    .header-image-box .howto-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 67px;
        color: #fff;
        line-height: 67px;
    }

    .page-how-to-deal-with-insect-bites-and-stings .header-image figcaption {
        position: absolute;
        top: 0px;
        width: 87%;
        left: 16px;
    }

    .header-image-box .insectbite-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 62px;
        color: #fff;
        position: absolute;
        top: 122%;
        width: 100%;
        left: 0%;
    }

    /*kv-20160818-UAT*/
    .buy-fenistil-box > .component-content {
        width: 100%;
    }

    .carousel {
        padding: 0px;
        margin-bottom: 0px;
        height: 540px;
        margin-top: 0px;
    }

    .skin-ad-prod-car-box .skin-advice-prod-car {
        width: 100%;
        margin: 2px auto;
    }

    .page-mosquitoes-and-mosquito-bites .header-image figcaption {
        position: absolute;
        top: 80px;
        width: 41%;
        left: 115px;
    }

    .page-skin-allergies-causes .header-image figcaption {
        position: absolute;
        top: 53px;
        width: 60%;
        left: 9px;
    }

    .form-outer-box {
        width: 98%;
        margin: 40px auto;
    }

    .advice-content-box {
        position: relative;
        top: 0px;
        margin: 0px auto;
        width: 98%;
    }

}

@media only screen and (min-width: 962px) and (max-width: 962px) {

    .page-what-happens-to-your-skin-when-the-mosquito-bites .header-image figcaption {
        position: absolute;
        top: 34px;
        width: 74%;
        left: 122px;
    }

    .article-whole-box6 .header-image-box .tablet-header-image img {
        height: auto;
        width: 100%;
    }

    .page-insect-bites-and-stings #wrapper .tablet-header-image figcaption {
        position: absolute;
        top: 53px;
        width: 57%;
        left: 2%;
    }

    .drops-outer-box .prod-vdo-outer-box {
        width: 100%;
        margin: 0px auto;
        border-bottom: 1px solid #f7f7f7;
        padding-bottom: 0px;
    }

    .form-outer-box, .utility-content-richtext, .cookie-content-box, .privacy-header-inner-box {
        margin: 0 auto;
        width: 98%;
    }

    .tremsofuse-outer-box .orange-text, .cookie-outer-box .orange-text, .privacy-outer-box .richText-content .orange-text {
        color: #00339e;
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-size: 58px;
        font-weight: bold;
        left: 0;
        line-height: 60px;
    }

    .page-sun-and-skin .header-image figcaption {
        left: 168px;
        position: absolute;
        top: 36px;
        width: 66%;
    }

    .header-image-box .skin-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 112px;
        color: #fff;
        position: absolute;
        top: 69%;
        width: 100%;
        left: 2%;
    }

    .page-causes-of-itchy-skin .header-image-box figcaption {
        left: 13%;
        position: absolute;
        top: 72px;
        width: 55%;
    }

    .page-sun-and-skin .header-image figcaption {
        left: 168px;
        position: absolute;
        top: 36px;
        width: 60%;
    }

    .page-mosquitoes-and-mosquito-bites .header-image figcaption {
        left: 115px;
        position: absolute;
        top: 7px;
        width: 64%;
    }

    .box.section.grid_5.omega.component.even {
        margin-top: 25px;
        padding-left: 0;
    }

    .orange-box-richtext {
        background-color: #ff8a0c;
        height: 100%;
        padding-bottom: 20px;
        position: relative;
        width: 100%;
    }

    .page-skin-allergies-causes .header-image figcaption {
        left: 194px;
        position: absolute;
        top: 3px;
        width: 62%;
    }

    .header-image-box .insect-bites-heading-rte {
        color: #fff;
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 58px;
    }

    .header-image-box .stings-heading-rte {
        color: #fff;
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 60px;
        left: 0;
        position: relative;
        top: 57px;
        width: 100%;
    }

    .page-insect-bites-and-stings .header-image figcaption {
        left: 160px;
        top: 0;
        width: 40%;
    }

    .header-image-box .insect-and-heading-rte {
        color: #f25b00;
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 58px;
        left: 32%;
        position: relative;
        top: -25px;
    }

    .header-image-box .insect-bites-heading-rte {
        color: #fff;
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 58px;
    }

    .prod-use-outer-box .fenistil-use-box1 .prod-use-rte1 .orange-text {
        font-size: 36px;
        line-height: 32px;
        font-family: "Lato", sans-serif;
        font-weight: 700;
    }

    .prod-header-box {
        background-color: #f1f1f1;
        height: 482px;
        position: relative;
    }

    .prod-cond-outer-box .pro-learn-more-rte {
        float: left;
        left: 40px;
        position: relative;
        top: 0px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 962px) {
    .header-image-box .feel-itchy-head-rte {
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-style: italic;
        font-size: 48px;
        line-height: 48px;
        color: #f25b00;
        display: block;
    }

    .header-image-box .feel-itchy-head-rte {
        left: 5%;
        position: relative;
    }

    .header-image-box .your-skin-head-rte {
        position: relative;
        left: 14%;
    }

    .header-image-box .when-healing-rte, .header-image-box .your-skin-head-rte, .header-image-box .whtmakes-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 52px;
        line-height: 55px;
        color: #fff;
        display: block;
    }

    .header-image-box .whtmakes-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 52px;
        color: #fff;
        line-height: 52px;
    }

    .article-whole-box10 .header-image figcaption {
        position: absolute;
        top: 0px;
        width: 49%;
        left: 152px;
    }

    .header-image-box .condition-rte {
        position: relative;
        left: 11%;
    }

    .header-image-box .as-a-mirror-rte {
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-style: italic;
        font-size: 50px;
        line-height: 50px;
        color: #f25b00;
        position: relative;
        left: 17%;
    }

    .header-image-box .condition-rte,
    .header-image-box .your-general-rte, .header-image-box .theskin-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 60px;
        line-height: 60px;
        color: #fff;
        display: block;
    }


    .buy-fenistil-box > .component-content {
        width: 100%;
    }

    .carousel-slides .skin-ad-prod-car-image.gel-mob-car-image img {
        padding-top: 120px;
    }

    /*Priya 13-06-2016*/
    .prod-orange-background-rte .richText-content ul li {
        margin-left: 0px;

    }

    .privacy-content-box .utility-content-richtext a {
        text-decoration: underline;
        position: relative;
        top: 0px;
        left: 0%;
    }

    .page-fenistil-tablets .prod-orange-background-rte {
        background-color: #ff8a0c;
        padding: 0px 0px 0px 30px;
        width: 13%;
        color: #fff;
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 30px;
        line-height: 26px;
        position: relative;
        top: 0px;
    }

    .page-fenistil-gel .prod-works-content-box .prod-orange-background-rte {
        background-color: #ff8a0c;
        padding: 0px 0px 0px 16px;
        width: 46%;
        color: #fff;
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 30px;
        line-height: 26px;
        position: relative;
        top: 0px;
        margin-top: 0px;
    }

    .drops-outer-box .prod-header-box {
        background-color: #f1f1f1;
        min-height: 400px;
        position: relative;
    }

    .drops-outer-box .prod-side-box .prod-header-when-rte {
        top: -43px;
    }

    /*Priya 13-08-2016*/
    .header-image-box .urskin-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 38px;
        color: #f25b00;
        position: absolute;
        top: 59px;
        left: 2%;
        line-height: 46px;
    }

    .header-image-box .whthappens-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 48px;
        line-height: 50px;
        color: #fff;
    }

    .header-image-box .musquitobites-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 54px;
        color: #fff;
        position: absolute;
        top: 102px;
        left: 0px;
        line-height: 58px;
        width: 75%;
    }

    .article3-rte h2 span.orange-text a {
        color: #f25b00;
        font-size: 42px;
        line-height: 42px;
        font-family: "Lato", sans-serif;
        font-weight: 700;
    }

    .prod-works-box {
        background-image: url(../../assets/img/tablet_04_2a.jpg);
        background-repeat: no-repeat;
        background-position: 0px 53px;
        height: auto;
        width: 100%;
        background-size: 100%;
    }

    .prod-cond-outer-box .pro-learn-more-rte {
        float: left;
        left: 0;
        position: relative;
        top: 0px;
    }

    .prod-image-text-box {
        border-bottom: 1px #E6E6E6 solid;
        padding-bottom: 15px;
        margin-bottom: 15px;
        height: auto;
    }

    .pro-lan-hero-image h1 span.white-text {
        position: absolute;
        top: 43%;
        font-size: 72px;
        font-family: "Lato", sans-serif;
        font-weight: 700;
        color: #fff;
        left: 0%;
    }

    .article-outer-box .article3-box {
        width: 50%;
        clear: left;
        margin-left: 0px;
        margin-top: 10px;
        margin-bottom: 15px;
    }

    /* PA 50 */
    .page-causes-of-itchy-skin .tablet-header-image figcaption {
        position: absolute;
        top: 105px;
        width: 69%;
        left: 7%;
    }

    .tablet-header-image figcaption {
        position: absolute;
        top: 26px;
        width: 60%;
        left: 3%;
    }

    .page-about-fenistil .tablet-header-image figcaption {
        position: absolute;
        top: -55px;
        width: 20%;
        left: 0%;
    }

    .header-image-box .itchy-skin-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 69px;
        color: #fff;
        position: absolute;
        top: 1px; /*Priya 13-08-2016*/
        width: 100%;
        left: -3%;
    }

    .header-image-box .cause-heading-rte { /*Priya 13-08-2016*/
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 56px;
        color: #fff;
        top: -106px;
        position: relative;
        left: 4%;
    }

    .header-image-box .of-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 42px;
        color: #f25b00;
        position: absolute;
        top: -33%; /*Priya 13-08-2016*/
        left: 16%; /*Priya 13-08-2016*/
    }

    .orange-box-richtext {
        background-color: #ff8a0c;
        position: relative;
        padding-bottom: 20px;
        height: 100%; /*Priya 13-08-2016*/
        width: 100%; /*Priya 13-08-2016*/
    }

    .article-outer-box .article1-box {
        width: 48%;
        padding-left: 0px;
        margin-right: 0px;
    }

    .article-outer-box .article-outer-box {
        display: block;
        float: left;
        width: 50%;
        clear: left;
    }

    .article-outer-box .article1-box .article1-image img, .article-outer-box .article2-image img, .article-outer-box .article3-image img {
        width: 100%;
    }

    .article-outer-box .article2-box {
        width: 48%;
        margin-left: 19px;
        position: relative;
        left: 15px;
    }


    #wrapper .footer-copyright-text {
        width: 100%;
        text-align: center;
        position: relative;
        top: 43px;
    }

    /* .header-image{display:none;} */
    .tablet-header-image .mosquitoes-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 56px;
        color: #fff;
        line-height: 102px;
    }

    .tablet-header-image .and-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 40px;
        color: #f25b00;
        position: absolute;
        top: 63%;
        left: 21%;
    }

    .tablet-header-image .mosquito-bites-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 56px;
        color: #fff;
        position: absolute;
        top: 91%;
        width: 100%;
        left: -8%;
    }

    .page-mosquitoes-and-mosquito-bites .tablet-header-image figcaption {
        position: absolute;
        top: 46px;
        width: 69%;
        left: 7%;
    }

    .page-mosquitoes-and-mosquito-bites .orange-box-richtext {
        background-color: #ff8a0c;
        position: relative;
        padding-bottom: 46px;
        height: 167px;
    }

    .page-insect-bites-and-stings .tablet-header-image figcaption {
        position: absolute;
        top: 53px;
        width: 70%;
        left: 2%;
    }

    .header-image-box .stings-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 69px;
        color: #fff;
        width: 100%;
        left: 9%;
        top: -7px;
        position: relative;
    }

    .header-image-box .insect-bites-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 56px;
        color: #fff;
        left: 10px; /*Priya 16-08-2016*/
        position: relative; /*Priya 16-08-2016*/
        /*top: -12px;           Priya 16-08-2016*/ /*Removed by amrendra for ticket-GSKBD-93*/
    }

    .header-image-box .insect-and-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 42px;
        color: #f25b00;
        position: relative;
        top: 36px;
        left: -35%; /*Priya 16-08-2016*/
    }

    .left-box-image img {
        display: block;
        position: relative;
        margin-bottom: 0px;
        width: 100%;
        height: 100%;
        margin-top: 29px; /*Priya 13-08-2016*/
    }

    .page-sun-and-skin .tablet-header-image figcaption {
        position: absolute;
        top: 60px;
        width: 70%;
        left: -2%;
    }

    .header-image-box .sun-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 69px;
        color: #fff;
        position: relative;
        top: 1px;
        width: 100%;
        left: 5%;
    }

    .header-image-box .sun-and-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 42px;
        color: #f25b00;
        position: absolute;
        top: 68%;
        left: 19%;
    }

    .header-image-box .skin-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 69px;
        color: #fff;
        position: absolute;
        top: 82%;
        width: 100%;
        left: 33%;
    }

    .prod-use-outer-box, .prod-works-content-box {
        width: 100%;
        margin: 0px auto;
    }

    .fenistil-help-box {
        width: 98%;
        border-bottom: 1px solid #eaeaea;
        padding-bottom: 20px;
        margin: 0px auto;
    }

    .skin-ad-prod-car-box .skin-advice-prod-car {
        width: 100%;
        margin: 0px auto;
    }

    .prod-header-box {
        background-color: #f1f1f1;
        height: 100%;
        position: relative;

    }

    .prod-heading-rte h1 span.blue-text {
        font-size: 50px;
        line-height: 55px;
        color: #00339e;
        font-family: "Lato", sans-serif;
        font-weight: 700;
    }

    .page-fenistil-gel .prod-header-box .prod-header-image {
        position: absolute;
        top: 6.5%;
        left: 3%;
    }

    /* .prod-cond-outer-box-gel .prod-side-box {
margin-top: 38px;
position: relative;
top: 255px;
left: -57%;
} */
    .prod-works-rte .orange-text {
        font-size: 27px;
        line-height: 32px;
        font-family: "Lato", sans-serif;
        font-weight: 700;
    }

    .prod-orange-background-rte {
        background-color: #ff8a0c;
        padding: 0px 0px 0px 30px;
        width: 48%;
        color: #fff;
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 27px;
        line-height: 27px;
        margin-left: 0px;
        margin-top: 0px;
    }

    /* PA 50 */
    .fenistil-use-box1 .prod-use-rte1 h2 {
        width: 100%;
        margin-top: 23px;
    }

    .prod-use-outer-box .fenistil-use-box1 .prod-use-rte1 .orange-text {
        font-size: 27px;
        line-height: 30px;
        font-family: "Lato", sans-serif;
        font-weight: 700;
    }

    .prod-use-rte1 {
        margin-left: 18px;
    }

    .prod-use-outer-box .fenistil-use-box2 .prod-use-rte2 .orange-text {
        font-size: 27px;
        line-height: 30px;
        font-family: "Lato", sans-serif;
        font-weight: 700;
    }

    .prod-vdo-box1 img {
        margin: 80px 20px 50px 20px;
        width: 90%;
    }

    .prod-vdo-box2 {
        margin-top: 8px;
        margin-bottom: 0px;
    }

    .prod-vdo-box2 .orange-text {
        font-size: 27px;
        line-height: 28px;
        font-family: "Lato", sans-serif;
        font-weight: 700;
    }

    .prod-help-img1 img, .prod-help-img2 img, .prod-help-img3 img, .prod-help-img4 img, .prod-help-img5 img, .prod-help-img6 img {
        margin-bottom: 0px;
        width: 88%;
    }

    .prod-help-rte p {
        margin-top: 18px;
        margin-bottom: 0px;
    }

    .prod-help-rte .orange-text {
        font-size: 27px;
        line-height: 30px;
        font-family: "Lato", sans-serif;
        font-weight: 700;
    }

    .prod-help-rte {
        margin-bottom: 35px;
    }

    .prod-tab-inner-box {
        display: none;
    }

    .product-tabs .prod-faq-acc-box {
        width: 100%;
        margin-left: 0px;
    }

    .similar-prod-rte .orange-text {
        font-size: 27px;
        line-height: 32px;
        font-family: "Lato", sans-serif;
        font-weight: 700;
    }

    .similar-prod-rte h2 {
        margin-right: 20px;
    }

    .skin-ad-prod-car-box {
        background-color: #ff8a0c;
        left: 0;
        /* height: 467px !important; */ /*  no need height for this page- page-fenistil-krople commented by amrendra */
    }

    .page-fenistil-drops .prod-header-image img {
        margin-top: 95px;
        width: 35%;
        height: 100%;
    }

    .prod-head-outer-box2 .prod-side-box {
        margin-top: 38px;
        position: relative;
        top: 255px;
        left: -57%;
    }

    .drops-outer-box .prod-head-outer-box2 .prod-side-box {
        top: 165px;
    }

    .drops-outer-box .prod-nav-icon1, .drops-outer-box .prod-nav-icon2, .drops-outer-box .prod-nav-icon3, .drops-outer-box .prod-nav-icon4 {
        margin: 14px 0px 0px 6px;
    }

    .drops-outer-box .prod-con-image {
        margin: 14px 0px 0px 6px;
    }

    .page-fenistil-drops .prod-header-content-rte .blue-text {
        color: #00339e;
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 17px;
        line-height: 18px;
    }

    .page-fenistil-drops .prod-header-content-rte p:nth-child(3) {
        float: right;
        position: relative;
        left: -7%;
    }

    .page-fenistil-drops .prod-header-content-rte p:nth-child(2) {
        width: 96%;
        font-family: 'latomedium';
        font-size: 15px;
    }

    .drops-outer-box .prod-vdo-outer-box {
        width: 100%;
        margin: 0px auto;
        border-bottom: 1px solid #f7f7f7;
        padding-bottom: 0px;
    }

    .prod-use-rte2 p {
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-size: 15px;
        line-height: 20px;
    }

    .fenistil-help-box .fenistil-help-inner-box1, .fenistil-help-box .fenistil-help-inner-box2, .fenistil-help-box .fenistil-help-inner-box3, .fenistil-help-box .fenistil-help-inner-box4, .fenistil-help-box .fenistil-help-inner-box5, .fenistil-help-box .fenistil-help-inner-box6 {
        margin: 0px;
        width: 19.5%;
    }

    .page-fenistil-drops .prod-orange-background-rte {
        background-color: #ff8a0c;
        padding: 0px 0px 0px 18px;
        width: 94%;
        color: #fff;
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 26px;
        line-height: 26px;
        margin-left: 0px;
        margin-top: -30px;
    }

    .prod-orange-background-rte p {
        border-bottom: 1px solid #fff;
        padding-bottom: 25px;
        width: 95%;
    }

    .page-fenistil-drops .prod-works-rte p {
        border-top: 1px solid #f1f1f1;
        width: 93%;
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-size: 15px;
        line-height: 20px;
        padding: 26px 0px;
        color: #353535;
    }

    .page-fenistil-drops .prod-how-box2 {
        width: 100%;
    }

    .roll-on-outer-box .prod-orange-background-rte {
        background-color: #ff8a0c;
        padding: 0px 0px 0px 18px;
        width: 48%;
        color: #fff;
        font-family: "Lato", sans-serif;
        font-weight: 700;
    }

    .page-fenistil-roll-on .prod-use-rte2 p:first-child {
        font-family: "Lato", sans-serif;
        font-weight: 400;
        margin-top: 24px;
    }

    .page-fenistil-roll-on .prod-use-rte2 p {
        font-family: "Lato", sans-serif;
        font-weight: 400;
        margin-top: 23px;
    }

    .prod-cond-outer-box-gel .prod-heading-rte {
        margin: 28px 0px 0px 0px;
    }

    .prod-use-rte2 .richText-content ul li {
        padding-left: 0px;
        margin-left: 0px;
        font-size: 15px;
        line-height: 23px;
    }

    .fenistile-footer-box .tab-footer-rte {
        width: 80%;
        position: relative;
        left: 14%;
        top: -34px;
    }

    .form-outer-box {
        width: 100%;
        margin: 0px auto;
    }

    .form-outer-box .conatct-us-content-rte {
        width: 47%;
    }

    .form-outer-box .contact-us-form {
        width: 49%;
        float: right;
    }

    .tremsofuse-outer-box .utility-content-richtext, .cookie-outer-box .utility-content-richtext, .privacy-outer-box .utility-content-richtext h1 {
        padding-top: 15px;
        padding-bottom: 10px;
    }

    .tremsofuse-outer-box .orange-text, .cookie-outer-box .orange-text, .privacy-outer-box .richText-content .orange-text {
        line-height: 65px;
        font-size: 50px;
        color: #00339e;
        left: 0;
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-weight: bold;
    }

    .privacy-header-outer-box .privacy-header-inner-box {
        width: 95%;
        margin: 0px auto;
    }

    .terms-header-inner-box, .utility-content-richtext, .cookie-content-box {
        width: 100%;
        margin: 0px auto;
    }

    .privacy-header-inner-box {
        background-color: #f7f7f7;
        padding: 36px 30px 30px 10px;
    }

    .privacy-outer-box .blue-text {
        color: #00339e;
        font-size: 17px;
        text-transform: uppercase;
    }

    .privacy-header-outer-box {
        width: 100%;
        background: #f7f7f7;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .cookie-header-outer-box {
        background-color: #f7f7f7;
        padding: 19px;
        margin-bottom: 0px;
        margin-top: 8px;
    }

    .terms-header-outer-box {
        margin-top: 8px;
    }

    .cookie-outer-box .cookie-content-box .utility-content-richtext .richText-content {
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-size: 15px;
        color: #353535;
        width: 95%;
        margin-left: 19px;
    }

    .cookie-outer-box .blue-text {
        color: #00339e;
        font-size: 17px;
        text-transform: uppercase;
    }

    .tremsofuse-outer-box .blue-text {
        color: #00339e;
        font-size: 17px;
        text-transform: uppercase;
    }

    .article-whole-box6 .tablet-header-image figcaption {
        position: absolute;
        top: 57px;
        width: 69%;
        left: 4%;
    }

    .header-image-box .howtorelieve-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 48px;
        color: #fff;
    }

    .header-image-box .thesymptoms-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 35px;
        color: #f25b00;
        position: absolute;
        top: 63%;
        left: 7%;
    }

    .header-image-box .ofskinallergies-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 58px;
        color: #fff;
        position: absolute;
        top: 91%;
        width: 100%;
        left: -5%;
    }

    .article-whole-box6 .orange-box-richtext {
        background-color: #ff8a0c;
        position: relative;
        padding-bottom: 46px;
        height: 100%;
    }

    .article-whole-box6 .header-image-box .tablet-header-image img {
        height: auto;
        width: 100%;
    }

    .header-image-box .howto-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 48px;
        color: #fff;
    }

    .header-image-box .deal-and-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 35px;
        color: #f25b00;
        position: absolute;
        top: 57px;
        left: 7%;
    }

    .header-image-box .insectbite-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 58px;
        color: #fff;
        position: absolute;
        top: 91%;
        width: 100%;
        left: -5%;
    }

    .article-whole-box7 .tablet-header-image figcaption {
        position: absolute;
        top: 7px;
        width: 69%;
        left: 7%;
    }

    .page-how-to-deal-with-insect-bites-and-stings .header-image-box .strings-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 58px;
        color: #fff;
        position: absolute;
        top: 185px;
        width: 100%;
        left: 0%;
    }

    .page-how-to-deal-with-insect-bites-and-stings .header-image-box .and-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 35px;
        color: #f25b00;
        position: absolute;
        top: 149px;
        left: 15%;
    }

    .article-whole-box7 .orange-box-richtext {
        background-color: #ff8a0c;
        position: relative;
        padding-bottom: 30px;
        height: 100%;
    }

    .header-image-box .theskin-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 60px;
        color: #fff;
        line-height: 60px;
    }

    .header-image-box .asmirror-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 35px;
        color: #f25b00;
        position: absolute;
        top: 63%;
        left: 11%;
    }

    .header-image-box .ofhealth-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 58px;
        color: #fff;
        position: absolute;
        top: 70%;
        width: 100%;
        left: -5%;
        line-height: 116px;
    }

    .header-image-box .health-article-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 58px;
        position: absolute;
        top: 158%;
        width: 100%;
        left: 16%;
        color: #fff;
    }
}

.box.section.grid_5.omega.component.even {
    margin-top: 5px;
    padding-left: 29px;
}

.article-whole-box9 .tablet-header-image figcaption {
    position: absolute;
    top: 5px;
    width: 65%;
    left: 3%;
}

.header-image-box .whtmakes-heaing-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 57px;
    color: #fff;
    line-height: 57px;
}

.header-image-box .urirriated-heaing-rte {
    font-family: "Lato", sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 35px;
    color: #f25b00;
    position: absolute;
    top: 63%;
    left: 7%;
}

.header-image-box .skinfeel-heaing-rte {
    font-family: "Lato", sans-serif;
    font-weight: 700;
    font-size: 58px;
    color: #fff;
    position: absolute;
    top: 91%;
    width: 100%;
    left: -5%;
}

.search-result-header-rte {
    padding: 0px;
}


/*prateek End*/

@media only screen and (min-width: 320px) and (max-width: 767px) {

    .page-how-to-deal-with-insect-bites-and-stings .header-image-box .and-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 34px;
        color: #f25b00;
        position: absolute;
        top: 183%;
        line-height: 34px;
        left: 7%;
    }

    .tablets-outer-box .prod-use-rte2 {
        margin-bottom: 70px;
        margin-top: 20px;
    }

    .mandatory-rte p {
        color: #cccccc;
        margin-bottom: 20px;
        font-size: 13px;
        margin-left: 7px;
    }

    .privacyPolicy p:nth-child(2) {
        margin-top: 24px;
        margin-bottom: 0px;
    }

    /* PA 30 */
    #wrapper .skin-advice-prod-car .tablet-mob-car-image img {
        width: 68%;
        margin: 53px auto;
        display: block;
    }

    #wrapper .skin-advice-prod-car .drops-mob-car-image img {
        width: 50%;
        margin: 8px auto;
        display: block;
    }

    .prod-orange-background-rte .richText-content ul li:before {
        left: -10px;
        content: '\25CB';
        font-size: 22px;
        top: -2px;
        position: absolute;
        color: #fff;
        display: inline-block;
    }

    .prod-use-rte1 .richText-content ul li:before {
        left: -10px;
        content: '\25CB';
        font-size: 22px;
        top: -2px;
        position: absolute;
        color: #f25b00;
        display: inline-block;
    }

    .header-image-box .fenistile-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 58px;
        color: #fff;
        position: absolute;
        top: 58px;
        width: 100%;
        left: 3%;
    }

    .header-image-box .about-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 32px;
        color: #f25b00;
        position: absolute;
        top: 30px;
        left: 10%;
    }

    .fenistil-help-box .prod-content-rte p {
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-size: 15px;
        line-height: 20px;
    }

    .mobile-header-image .allergies-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 58px;
        color: #fff;
        position: absolute;
        top: 116px;
        width: 100%;
        left: 0%;
        line-height: 58px;
    }

    .mobile-header-image .causes-skin-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 40px;
        color: #f25b00;
        position: absolute;
        top: 76px;
        left: 20%;
        line-height: 44px;
    }

    /* PA 51 */
    .mobile-header-image .what-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 58px;
        color: #fff;
        position: relative;
        top: 1px;
        width: 100%;
        left: 0%;
        line-height: 58px;
    }

    .header-image-box .health-article-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 58px;
        position: absolute;
        top: 129px;
        width: 100%;
        left: 25%;
        color: #fff;
        line-height: 58px;
    }

    .fenistile-footer-box {
        width: 100%;
        margin: 0px auto;
    }

    .home-tab-car-box .carousel {
        height: auto;
    }

    .home-carousel-image {
        display: block;
    }

    .prod-use-rte2 p {
        font-size: 15px;
        line-height: 18px;
    }

    .page-fenistil-drops .prod-header-content-rte p:nth-child(2) {
        width: 98%;
        font-family: 'latomedium';
        font-size: 15px;
        line-height: 15px;
        margin-bottom: 40px;
        margin-left: 0px;
    }

    .page-fenistil-drops .prod-header-content-rte p:nth-child(3) {
        float: right;
        position: relative;
        width: 98%;
        margin: 0px auto;
        left: 54%;
        margin-bottom: 30px;
    }

    .page-fenistil-drops .prod-header-content-rte p:nth-child(1) {
        width: 98%;
        margin-bottom: 25px;
        margin-left: 0px;
        margin-top: 0px;
    }

    .page-fenistil-drops .prod-header-content-rte .blue-text {
        color: #00339e;
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 17px;
        line-height: 18px;

    }

    .page-fenistil-drops .prod-header-image img {
        margin-top: 15px;
        width: 40%;
        height: auto;
    }

    .fenistil-help-box {
        padding-bottom: 0px;
    }

    .prod-orange-background-rte {
        font-size: 27px;
        line-height: 27px;
    }

    .prod-works-rte p {
        border-top: 1px solid #f1f1f1;
        width: 98%;
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-size: 15px;
        line-height: 20px;
        padding: 20px 0px 0px 0px;
        color: #353535;
        margin-top: 25px;
    }

    /*PR*/
    .page-fenistil-gel .prod-works-content-box .prod-works-rte p {
        border-top: 1px solid #f1f1f1;
        width: 98%;
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-size: 15px;
        line-height: 20px;
        padding: 20px 0px 0px 0px;
        color: #353535;
        margin-top: 25px;
    }

    .page-fenistil-gel .prod-works-content-box .prod-orange-background-rte {
        width: 100%;
        padding: 20px 0px 0px 0px;
    }

    .page-fenistil-tablets .prod-orange-background-rte {
        top: 0px;
    }

    .prod-use-outer-box .fenistil-use-box1 .prod-use-rte1 .orange-text, .prod-use-outer-box .fenistil-use-box2 .prod-use-rte2 .orange-text, .prod-help-rte .orange-text, .prod-vdo-box2 .orange-text {
        font-size: 24px;
        line-height: 24px;
        font-family: "Lato", sans-serif;
        font-weight: 700;
    }

    .carousel-content .box.section.component.first.odd.last {
        width: 98%;
        margin: 0px auto;
    }

    .similar-prod-rte .orange-text {
        font-size: 27px;
        line-height: 27px;
        font-family: "Lato", sans-serif;
        font-weight: 700;
    }

    .fenistile-footer-box {
        margin-bottom: 0px;
        padding-bottom: 98px;
    }

    .tremsofuse-outer-box .orange-text, .cookie-outer-box .orange-text, .privacy-outer-box .richText-content .orange-text {
        line-height: 36px;
        font-size: 36px;
        color: #00339e;
        left: 0;
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-weight: bold;
    }

    .prod-cond-outer-box-gel {
        position: relative;
    }

    .prod-mob-acc h3 a {
        color: #f25b00;
        font-size: 24px;
        line-height: 24px;
    }

    .prod-mob-acc {
        display: block;
    }

    .skin-ad-prod-car-box {
        height: 100%;
    }

    /*gs*/
    .prod-header-box {
        background-color: #f1f1f1;
        height: auto;
        width: 100%;
        margin: 0px auto;
    }

    .drops-outer-box .prod-header-box {
        background-color: #f1f1f1;
        height: auto;
        width: 100%;
        margin: 0px auto;
    }

    .prod-side-box .prod-header-when-rte {
        margin: 150px 0px 0px 0px;
    }

    .prod-cond-outer-box-gel .prod-heading-rte {
        margin: 40px 0px 0px 30px;
    }

    .prod-side-box .prod-header-when-rte {
        display: block;
        width: 100% !important;
        font-size: 20px;
        font-family: "Lato", sans-serif;
        font-weight: 400;
        line-height: 20px;
        color: #f25b00;
    }

    .prod-heading-rte h1 span.blue-text {
        font-size: 50px;
        line-height: 50px;
        color: #00339e;
        float: left;
    }

    .prod-works-rte .orange-text {
        font-size: 28px;
        line-height: 32px;
        font-family: "Lato", sans-serif;
        font-weight: 700;
    }

    .prod-works-box {
        background-image: url(../../../../../../../content/dam/cf-consumer-healthcare/fenistil/master/mobile-gel-bm.png);
        background-repeat: no-repeat;
        background-position: 100% 258px;
        height: auto;
        background-size: 100%;
    }

    .prod-works-content-box, .prod-orange-background-rte .richText-content ul li, .prod-use-rte1 .richText-content ul li, .prod-use-rte2 .richText-content ul li {
        float: none;
        margin-bottom: 7px;
        line-height: 20px;
        font-size: 15px;
        clear: left;

    }

    .prod-orange-background-rte .richText-content ul li {
        margin-left: 10px;
    }

    .prod-orange-background-rte p {
        border-bottom: 1px solid #fff;
        padding-bottom: 20px;
        padding-top: 20px;
        margin-bottom: 10px !important;
    }

    .gel-prod-outer-box .prod-orange-background-rte {
        margin: 263px 0px 0px 0px;
        padding-left: 0px;
    }

    .fenistil-use-box1 .prod-use-rte1 h2 {
        width: 100%;
        margin-top: 0px;
    }

    .page-fenistil-gel .prod-works-content-box .prod-orange-background-rte {
        width: 100%;
        padding: 30px 0px 17px 0px;
    }

    .privacy-header-inner-box {
        background-color: #f7f7f7;
        padding: 32px 0;
    }

    .page-fenistil-gel .prod-works-content-box .prod-works-rte p {
        width: 98%;
        margin: 0px auto;
    }

    .prod-help-rte p {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .gel-prod-outer-box .prod-vdo-box2 p {
        width: 98%;
        margin: 0px auto;
        padding-bottom: 15px;
    }

    .prod-orange-background-rte, .prod-works-rte p {
        width: 100%;
        padding: 20px 0px 0px 0px;
    }

    .prod-orange-background-rte {
        margin: 569px 0px 0px 0px;
        padding-left: 0px;
    }

    .prod-use-outer-box {
        width: 100%;
        margin: 0px auto;
    }

    #wrapper .search-full-box .search-icon img {
        float: left;
        left: 110%;
        top: -53px;
        position: absolute;
        border: none;
        padding-right: 0;
        width: 25px;
    }

    .close-button {
        display: block;
        width: 18%;
        height: 52px;
        position: absolute;
        cursor: pointer;
        border-width: 2px 2px 2px 2px;
        border-style: solid;
        box-sizing: border-box;
        margin: 0 0 -2px 0px;
        overflow: hidden;
        background-color: whitesmoke;
        background-image: url(../../assets/img/mobile-menu.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: 0;
        top: 0px;
        border: none;
        width: 75px;
        height: 75px;
    }

    .advice-content-box .advice-tab-heading-richtext p {
        display: none;
        margin-top: 0px;
    }

    .advice-content-box .skin-allergies-icon-image img {
        display: none;
    }

    #wrapper .advice-right-box {
        display: none;
    }

    .advice-content-box .advice-tab-heading-richtext {
        margin: 0px;
    }

    .advice-tab-heading-richtext ~ .advice-tab-richtext {
        border-top: 0px solid #e9e9e9 !important;
        padding: 0px 0px 0px 10px !important;
    }

    .advice-content-box .advice-tab-richtext p:last-child, .advice-content-box .advice-tab-richtext p:first-child {
        width: 100%;
    }

    .home-outer-box .article-outer-box .article2-image figcaption, .home-outer-box .article-outer-box .article3-image figcaption, .home-outer-box .article-outer-box .article1-image figcaption {
        display: none !important;
    }

    .home-outer-box .article1-rte h2, .home-outer-box .article3-rte h2, .home-outer-box .article2-rte h2 {
        width: 100%;
        height: auto;
    }

    .header-image-box .skin-advice-header-rte .richText-content h1 {
        position: relative;
        top: 0px;
        font-size: 50px;
        line-height: 50px;
        color: #00339e;
        left: -2px; /*PR*/
    }

    .skin-advice-acc h3 a {
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 20px;
        color: #f25b00;
        margin-left: 70px;
        font-weight: normal;
        font-style: normal;
    }

    .advice-content-box {
        background-color: #F7F7F7;
        top: 0px;
        margin: 0px auto;
        position: relative;
        display: block;
    }

    .home-outer-box .article-outer-box figcaption p span.read-more-rte {
        display: none;
    }

    .home-box2 .home-about-fen-image img, .home-box2 .home-lady-mob-image img {
        height: 220px;
        width: 100%;
    }

    /* PA 72 */
    .orange-text {
        font-size: 26px;
        line-height: 26px;
        font-family: "Lato", sans-serif;
        font-weight: 700;
    }

    .accordion-content-wrapper .article-outer-box .article-heading-rte p span.orange-text {
        color: #f25b00;
        font-size: 28px;
        line-height: 28px;
        position: relative;
        margin-left: 20px;
    }

    .home-box2 .home-about-fen-image figcaption {
        position: absolute;
        left: 20px;
        display: block;
        top: 40px;
    }

    .home-box2 .home-lady-mob-image figcaption {
        top: 35px;
        position: absolute;
        left: 20px;
        display: block;
    }

    .home-box2 .home-skin-adv-image p ~ p, .home-box2 .home-about-fen-image p ~ p {
        position: relative;
        top: 0px;
    }

    /* PA 72 */
    .home-box1 .find-prod-rte span.orange-text {
        font-size: 26px;
        line-height: 26px;
        padding-left: 19px; /*PR*/
    }

    .home-box3 .box-left .home-mosquitoes-bites-image img {
        width: 100%;
        height: auto;
    }

    /* PA 72 */
    .home-carousel-image img {
        height: 230px;
        width: 100%;
    }

    .home-box1 .richText.find-prod-rte {
        margin-top: 0px;
        position: relative;
        margin-left: 20px;
    }

    span.slider3 {
        color: #fff;
        position: absolute;
        top: 29%;
        font-size: 18px;
        line-height: 18px;
        left: 54%;
        font-family: "Lato", sans-serif;
        font-weight: 700;
        width: 43%;
    }

    .home-bottom-text-box .home-content-cta p:first-child {
        width: 98%;
        top: 0px;
        position: relative;
        margin: 0px auto;
    }

    .home-box4 .home-content-cta p:last-child {
        position: relative;
        float: left;
        top: 0px;
        margin-bottom: 0;
        left: 37%
    }

    .home-bottom-text-box .home-box4 .richText-content .white-text1 {
        font-size: 16px;
        font-family: "Lato", sans-serif;
        font-weight: 400;
        line-height: 16px;
        position: relative;
        color: #fff;
    }

    .home-bottom-text-box .home-box4 .richText-content h3 {
        border-bottom: 1px solid #ffffff;
        position: relative;
        font-family: "Lato", sans-serif;
        font-weight: 700;
        padding: 15px 0px 15px 0px;
        border-right: none;
        margin: 20px auto;
        width: 100%;
    }

    .home-bottom-text-box .home-box4 .white-text, .home-bottom-text-box .home-box4 .white-text2 {
        font-size: 24px;
        line-height: 24px;
    }

    .home-box1 .find-prod-rte {
        padding: 0px;
    }

    .skin-advice-acc .skin-ad-prod-car-rte .prod-car-heading-rte {
        font-size: 36px;
        color: #fff;
        font-family: "Lato", sans-serif;
        font-weight: 700;
        line-height: 36px;
    }

    .prod-land-mobile-acc ul li:nth-child(1) h3, .skin-advice-acc ul li:nth-child(1) h3 {
        background-image: url(../../../../../../../content/dam/cf-consumer-healthcare/fenistil/pl_PL/desktop_02_2c1_orange.png);
        background-repeat: no-repeat;
        background-position: 4px 6px;
    }

    .prod-land-mobile-acc ul li:nth-child(2) h3, .skin-advice-acc ul li:nth-child(2) h3 {
        background-image: url(../../../../../../../content/dam/cf-consumer-healthcare/fenistil/pl_PL/allergy1.png);
        background-repeat: no-repeat;
        background-position: 4px 6px;
    }

    .prod-land-mobile-acc ul li:nth-child(3) h3 {
        background-image: url(/content/dam/cf-consumer-healthcare/fenistil/pl_PL/mobile_02_2e_orange.png);
        background-repeat: no-repeat;
        background-position: 4px 6px;
    }

    .skin-advice-acc ul li:nth-child(3) h3 {
        background-image: url(../../../../../../../content/dam/cf-consumer-healthcare/fenistil/pl_PL/desktop_02_2e1_orange.png);
        background-repeat: no-repeat;
        background-position: 4px 6px;
    }

    .prod-land-mobile-acc ul li:nth-child(4) h3, .skin-advice-acc ul li:nth-child(4) h3 {
        background-image: url(../../../../../../../content/dam/cf-consumer-healthcare/fenistil/pl_PL/desktop_02_2d1_orange.png);
        background-repeat: no-repeat;
        background-position: 4px 6px;
    }

    .prod-land-mobile-acc ul li:nth-child(5) h3, .skin-advice-acc ul li:nth-child(5) h3 {
        background-image: url(/content/dam/cf-consumer-healthcare/fenistil/pl_PL/plus-icon-image.png);
        background-repeat: no-repeat;
        background-position: 4px 6px;
    }

    .prod-land-mobile-acc ul li:nth-child(6) h3, .skin-advice-acc ul li:nth-child(6) h3 {
        background-image: url(../../../../../../../content/dam/cf-consumer-healthcare/fenistil/master/desktop_02_2f_orange.png);
        background-repeat: no-repeat;
        background-position: 4px 6px;
    }

    .prod-land-outer-box .prod-land-mobile-acc {
        display: block;
        width: 100%;
    }

    .prod-land-outer-box .prod-lan-tabs {
        display: none;
    }

    .prod-tabs-content-box .pro-tabs-box1 > .component-content {
        width: 100%;
        float: none;
    }

    .prod-lan-header-box .pro-lan-hero-image h1 span.orange-text {
        position: relative;
        display: block;
        top: 0px;
        left: 17px;
    }

    .prod-lan-header-box .pro-lan-hero-image figcaption h1 span.white-needs-text {
        display: block;
        position: relative;
        top: 60px;
        font-size: 28px;
        line-height: 28px;
        color: #fff;
        left: 0px;
    }

    .prod-land-mobile-acc ul li h3 a {
        color: #f25b00;
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-size: 20px;
        line-height: 20px;
        margin-left: 90px;
    }

    .prod-lan-content-box .prod-choose-orange-rte p span.white-text {
        font-size: 24px;
        font-family: "Lato", sans-serif;
        font-weight: 700;
        line-height: 24px;
        display: block;
        padding: 0px 0px;
        width: 71%;
        text-align: center;
    }

    .pro-tabs-box1 .prod-tab-content-rte p {
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-size: 15px;
        line-height: 20px;
        width: 100%;
        display: block;
        margin: 0px auto;
    }

    .mod-js .prod-land-mobile-acc .accordion-slide.is-active > .accordion-content-wrapper {
        visibility: visible;
        position: relative;
        top: auto;
        left: auto;
        height: auto;
        overflow: hidden;
        width: 100%;
        margin: 0px auto;
    }

    .prod-tabs-content-box .pro-tabs-box1 .prod-cond-outer-box .prod-con-image p span.prod-colon {
        background-image: url('../../assets/img/colon.png');
        background-repeat: no-repeat;
        top: -48px;
        text-indent: 171px;
        overflow: hidden;
        display: block;
        position: relative;
        margin-left: -10px;
    }

    .prod-use-rte1 h2 {
        width: 100%;
        padding: 20px 0;
    }

    .skin-advice-acc .skin-ad-prod-car-box {
        height: auto !important;
    }

    .prod-lan-tab-image, .prod-use-rte2, .prod-use-rte1, .skin-ad-prod-car-box .skin-advice-prod-car, .header-image-box .skin-ad-prod-car-box, .header-image-box .skin-advice-header-rte, .home-bottom-text-box .home-box4, .home-outer-box .article-outer-box, .home-outer-box .home-box1, .home-outer-box .home-box3, .utility-content-richtext, .cookie-content-box, .cookie-header-outer-box, .privacy-outer-box .richText-content .orange-text {
        width: 98%;
        margin: 0px auto;
    }

    .pro-tabs-box3, .pro-tabs-box2, .sitemap-outer-box, .terms-header-inner-box, .tremsofuse-outer-box, .privacy-header-outer-box, .privacy-header-inner-box, #wrapper .prod-works-content-box, .page-fenistil-drops .prod-how-box2, .article-whole-box7, .gel-prod-outer-box, .prod-works-content-box, .home-outer-box, .advice-content-box, .prod-land-outer-box, .prod-land-mobile-acc .prod-tabs-content-box, .drops-outer-box .prod-vdo-outer-box {
        width: 100%;
        margin: 0px auto;
    }

    /*overflow-x: hidden;*/
    .advice-tab-box .skin-advice-acc {
        display: block;
        margin-top: -12px;
    }

    .header-image img, .advice-tab-box .skin-advice-tabs {
        display: none;
    }

    .page-fenistil-drops .prod-vdo-box2 {
        padding-left: 0;
        width: 98%;
    }

    .prod-vdo-box1 img, .prod-vdo-box2 {
        margin: 20px 0px 0px 0px;
    }

    .prod-help-rte {
        margin-bottom: 0px;
    }

    .prod-help-img1 img, .prod-help-img2 img, .prod-help-img3 img, .prod-help-img4 img, .prod-help-img5 img, .prod-help-img6 img {
        margin: 0px auto;
        display: block;
        margin-bottom: 16px;
    }

    .fenistil-help-box .prod-content-rte p {
        text-align: center;
        line-height: 20px;
        margin-bottom: 46px;
    }

    .prod-vdo-box1 {
        border-right: none;
        border-bottom: 1px solid #eaeaea;
        height: 175px;
        margin: 20px 0px;
    }

    /* PA 11 */
    .fenistil-help-box {
        border-bottom: none;
    }

    /*  PA 11 */
    .skin-header-image-box .advice-tab-box .advice-leran-more p span.white-text {
        font-size: 28px;
        font-family: "Lato", sans-serif;
        font-weight: 700;
        line-height: 28px;
        display: block;
        text-transform: capitalize;
    }

    .carousel-content .carousel-slide .no-image .carousel-content {
        margin-top: 0px;
    }

    .page-skin-advice .header-image-box .skin-advice-header-rte {
        position: absolute;
        top: 24px;
        left: 5px;
    }

    .page-skin-advice .header-image-box .signature-content {
        position: absolute;
        top: 69%;
        left: 20px;
    }

    .prod-orange-background-rte ul li span.white-text {
        font-size: 15px;
        line-height: 15px;
    }

    .box-navigation-mobile .navigation-home {
        display: none;
    }

    #wrapper .advice-leran-more p span.white-text {
        font-size: 24px;
        line-height: 24px;
        margin: 0px auto;
        padding: 12px 42px 0px 0px;
    }

    #wrapper .advice-leran-more p span.white-text2 {
        font-size: 20px;
        line-height: 20px;
    }

    /* h1 span.adv-white-rte {
    position: absolute;
    top: 50%;
     font-size:24px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
    color: #fff;
    left: 13%;
} */
    .mod-js .prod-land-mobile-acc .accordion-slide.is-active > .accordion-head:after {
        content: url(../../assets/img/up-arrow.png);
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        position: relative;
        font-weight: normal;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: relative;
        top: -12px;
        font-size: 30px;
        float: right;
        background-repeat: no-repeat;
    }

    .article3-rte p:nth-child(4), .article2-rte p:nth-child(4), .article1-rte p:nth-child(4) {
        height: 37px;
        width: 100%;
        margin-bottom: 0px;
    }

    .carousel {
        padding: 0px;
        margin-bottom: 0px;
        height: 100%;

    }


    .home-mobile-carousel span.slider2-content-rte {
        position: absolute;
        z-index: 0;
        top: 16%;
        width: 95%;
        left: 4%;
        font-size: 14px;
        line-height: 12px;
        text-align: left;
    }

    .home-mobile-carousel h1 .slider2 {
        position: absolute;
        top: 3%;
        font-size: 22px;
        line-height: 24px;
        left: 4%;
        color: #f25b00;
    }

    /*kv-20160818-UAT*/
    .home-car-mobile-box {
        padding: 0px;
        margin-bottom: 0px;
        height: 100%;
        margin-top: 0px;
        display: block;
        width: 100%;
        margin: 0px auto;
        position: relative;
    }

    #wrapper .home-car-image3 img {
        height: auto;
    }

    .image-header-fenistil img {
        width: 125px;
        left: 95px;
    }

    .roll-on-outer-box {
        position: relative;
    }

    .prod-header-image img {
        margin: 0px auto;
        display: block;
    }

    .tablets-outer-box .prod-heading-rte h1 span.blue-text {
        font-size: 30px;
        line-height: 36px;
        color: #00339e;
    }

    .header-image-box .howtorelieve-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 30px;
        color: #fff;
        line-height: 36px;
    }

    .header-image-box .thesymptoms-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 30px;
        line-height: 36px;
        color: #f25b00;
        position: absolute;
        top: 68%;
        left: 7%;
    }

    #wrapper .header-image-box .ofskinallergies-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 30px;
        color: #fff;
        line-height: 36px;
        position: absolute;
        top: 86px;
        left: 15px;
    }

    .header-image-box .cause-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 46px;
        line-height: 46px;
        color: #fff;
    }

    .header-image-box .of-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 46px;
        line-height: 46px;
        color: #f25b00;
        position: absolute;
        top: 56px;
        left: 21%;
    }

    .page-causes-of-itchy-skin .header-image-box figcaption {
        position: absolute;
        top: 20px;
        width: 41%;
        left: 8%;
    }

    .header-image-box .itchy-skin-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 56px;
        color: #fff;
        position: absolute;
        top: 80px;
        left: 0%;
        width: 278px;
    }

    .mobile-header-image .mosquitoes-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 58px;
        color: #fff;
        line-height: 58px;
    }

    .mobile-header-image .and-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 42px;
        line-height: 42px;
        color: #f25b00;
        position: absolute;
        top: 73px;
        left: 18%;
    }

    .mos-left-text-rte p strong {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 15px;
        line-height: 18px;
    }

    .header-image-box .mosquito-bites-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 42px;
        line-height: 42px;
        color: #fff;
        position: absolute;
        top: 113px;
        width: 100%;
        left: 0;
    }

    .mobile-header-image .whtmakes-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 42px;
        line-height: 42px;
        color: #fff;
    }

    .mobile-header-image .skinfeel-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 56px;
        line-height: 56px;
        color: #fff;
        position: absolute;
        top: 91%;
        left: -5%;
    }

    .mobile-header-image .urirriated-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 36px;
        line-height: 36px;
        color: #f25b00;
        position: absolute;
        top: 63%;
        left: 7%;
    }

    .mobile-header-image .whthappens-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 30px;
        line-height: 30px;
        color: #fff;
    }

    .mobile-header-image .urskin-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 20px;
        line-height: 20px;
        color: #f25b00;
        position: absolute;
        top: 56px;
        left: 9%;
    }

    .header-image-box .musquitobites-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 25px;
        line-height: 28px;
        color: #fff;
        position: absolute;
        left: 1%;
        padding: 0px 0px;
        top: 80px;
        width: 72%;
    }

    .header-image-box .condition-rte, .header-image-box .your-general-rte, .header-image-box .theskin-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 36px;
        line-height: 36px;
        color: #fff;
        display: block;
    }

    .header-image-box .as-a-mirror-rte {
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-style: italic;
        font-size: 24px;
        line-height: 24px;
        color: #f25b00;
        position: relative;
        left: 23%;
        top: 43px;

    }

    .header-image-box .your-general-rte {
        position: relative;
        left: 0%;
        margin-top: 32px;
    }

    .mobile-header-image .theskin-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 42px;
        color: #fff;
        position: absolute;
        top: 25px;
        width: 68%;
        left: 1%;
        line-height: 43px;
    }

    .mobile-header-image .asmirror-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 400;
        font-style: italic;
        font-size: 27px;
        color: #f25b00;
        position: absolute;
        top: 53px;
        width: 100%;
        left: 28%;
        line-height: 27px;
    }

    .mobile-header-image .ofhealth-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 52px;
        color: #fff;
        position: absolute;
        top: 79px;
        width: 100%;
        left: 0%;
        line-height: 52px;
    }

    .mobile-header-image .sun-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 58px;
        line-height: 58px;
        color: #fff;
        position: relative;
        top: 1px;
    }

    .mobile-header-image .sun-and-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 42px;
        line-height: 42px;
        color: #f25b00;
        position: absolute;
        top: 67px;
        left: 15%;
    }

    .mobile-header-image .skin-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 56px;
        line-height: 56px;
        color: #fff;
        position: absolute;
        top: 100px;
        width: 281PX;
        left: 35%;
    }

    .richText-content ul li strong {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 15px;
        line-height: 18px;
    }

    .prod-tabs-rte .richText-content ul li:before {
        left: -10px;
        content: '\25CB';
        font-size: 22px;
        top: -2px;
        position: absolute;
        color: #f25b00;
        display: inline-block;
    }

    .prod-tabs-rte .richText-content ul li {
        width: 94%;
    }
}

@media only screen and (min-width: 600px) and (max-width: 600px) {
    .header-image-box .when-healing-rte, .header-image-box .your-skin-head-rte, .header-image-box .whtmakes-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 60px;
        line-height: 60px;
        color: #fff;
        display: block;
    }

    .mobile-header-image .theskin-heaing-rte {
        font-family: "Lato", sans-serif;
        font-weight: 700;
        font-size: 47px;
        color: #fff;
        position: absolute;
        top: 25px;
        width: 83%;
        left: 1%;
        line-height: 47px;
    }

    .page-how-to-deal-with-insect-bites-and-stings .header-image-box .and-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 50px;
        color: #f25b00;
        position: absolute;
        top: 139px;
        left: 7%;
        line-height: 50px;
    }

    .carousel-content .skin-ad-prod-car-image img {
        width: auto;
        margin: 0px auto;
        display: block;
    }

    .skin-ad-prod-car-box {
        height: auto !important;
    }

    .mobile-header-image figcaption {
        display: block;
        position: absolute;
        top: 33px;
        left: 20px;
    }

    .home-box1 .richText.find-prod-rte {
        margin-top: 0px;
        position: relative;
        margin-left: 20px;
    }


}

/*POZNAN UPLIFT CHANGES START */
@media only screen and (min-width: 1200px) {
    #wrapper .searchResults {
        padding: 20px;
    }

    html[lang="pl-PL"] .box .content.paragraphSystem .image.component.section.grid_4.first.odd.contact-image {
        margin-left: 0;
    }

    html[lang="pl-PL"] .page-produkty.page-fenistil-zel .box .accordion-container .accordion-head h3 {
        font-weight: bold;
    }

    html[lang='pl-PL'] .page-dbanie-o-skore.page-komary-i-ukaszenia-komarow .parametrizedhtml .addthis_inline_share_toolbox .at-share-btn-elements a {
        /* padding: 13px; */
    }

    html[lang="pl-PL"] .page-dbanie-o-skore.page-przyczyny-swedzenia-skory .box .content.paragraphSystem .component-content.left figcaption {
        left: 12% !important;
    }

    html[lang='pl-PL'] .page-dbanie-o-skore.page-zdrowie-skory-a-stres .parametrizedhtml .addthis_inline_share_toolbox .at-share-btn-elements a {
        padding: 13px;
    }

    /* html[lang="pl-PL"] .box .breadcrumbs-list.breadcrumbs-with-separator .even.last.is-current{
        display: none;
    } */
    html[lang="pl-PL"] .page-dbanie-o-skore.page-ukaszenia-i-uzadlenia-owadow-co-robic .image.component.section.first.odd.header-image figcaption {
        left: 8%;
    }

    html[lang="pl-PL"] .box .content.paragraphSystem .image.component.section.even.last.prod-header-image {
        position: absolute;
    }

    html[lang='pl-PL'] .box.component.section.grid_6.omega.even.prod-side-box.prod-side-desktop-box {
        position: absolute;
        right: 0;
    }

    html[lang='pl-PL'] .box.component.section.grid_6.omega.even.prod-side-box.prod-side-desktop-box .richText.component.section.grid_1.alpha.first.odd.prod-header-when-rte {
        width: 17% !important;
    }

    html[lang='pl-PL'] .box.component.section.grid_6.omega.even.prod-side-box.prod-side-desktop-box .content.paragraphSystem img {
        width: 48px;
        /* display: none; */
    }

    html[lang='pl-PL'] .box.component.section.grid_6.first.odd.pl-drops-image .image.component.section.even.last.prod-header-image {
        left: 10%;
    }

    html[lang="pl-PL"] .box .component-content .tabs-nav-list.clearfix a {
        padding-left: 0;
    }

    html[lang="pl-PL"] .box .content.paragraphSystem .image.component.section.grid_1.alpha.first.odd.skin-allergies-icon-image {
        width: 12.67708%;
    }

    html[lang="pl-PL"] .snippetReference.component.section.reference-footer.first.odd.last.default-style {
        margin-right: 15%;
        margin-left: 15%;
    }

    html[lang="pl-PL"] .page-produkty .box .component-content .content.paragraphSystem .box .box.component.section.odd.last.prod-cond-outer-box {
        margin-bottom: auto;
    }

    html[lang="pl-PL"] .page-wyniki .box .component-content .searchResults.component.section.even.last.search-result.initialized .component-content .searchResults-number {
        left: 10%;
    }

    html[lang="pl-PL"] .box.component.section.grid_8.omega.even.last.prod-tab-inner-box .component-content .richText.component.section.first.odd.last.prod-tabs-rte ul li {
        float: inherit;
    }

    html[lang="pl-PL"] .box .component-content .parametrizedhtml .addthis_inline_share_toolbox #atstbx .at-share-btn-elements {
        display: flex;
    }

    html[lang="pl-PL"] .box .component-content .parametrizedhtml .addthis_inline_share_toolbox #atstbx .at-share-btn-elements a {
        height: 35px;
        width: 35px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    html[lang="pl-PL"] .box .component-content .parametrizedhtml .addthis_inline_share_toolbox #atstbx .at-share-btn-elements a .at-icon-wrapper {
        line-height:  35px;
        height:  35px;
        width:  35px;
        transform: scale(1.6);
    }

    html[lang="pl-PL"] .box .component-content .parametrizedhtml .addthis_inline_share_toolbox #atstbx .at-share-btn-elements a .at-icon-wrapper svg {
        width: auto !important;
        height: auto !important;
    }

    html[lang="pl-PL"] .box .component-content .searchBox label .input-medium.search-query {
        width: 1313px;
        left: -22%;
    }

    html[lang="pl-PL"] .box .component-content .content.paragraphSystem .box.component.section.even.last.article-box {
        background-color: #f7f7f7;
    }

    html[lang="pl-PL"] .page-home #header.main.search-open:before {
        width: 51% !important;
        left: 29em !important;
    }

    html[lang="pl-PL"] .box .component-content .richText-content .learn-more-cta-link a {
        font-size: 18px;
        width: 230px;
    }

    html[lang="pl-PL"] .box .component-content .image figure figcaption p span.learn-more-cta-link a {
        font-size: 18px;
        width: 230px;
    }

    html[lang="pl-PL"] .page-produkty.page-fenistil-zel .box.component.section.grid_6.omega.even.prod-side-box.prod-side-desktop-box {
        position: inherit;
    }

    html[lang='pl-PL'] .page-produkty.page-fenistil-zel .box.component.section.grid_6.omega.even.prod-side-box.prod-side-desktop-box .richText.component.section.grid_1.alpha.first.odd.prod-header-when-rte {
        width: 29% !important;
    }

    html[lang="pl-PL"] .page-produkty.page-fenistil-zel .box .component-content .breadcrumbs.component.section.even.breadcrumb-products {
        margin: 30px 120px 20px;
    }

    html[lang="pl-PL"] .page-produkty.page-fenistil-krople .box .image.component.section.even.last.prod-header-image .component-content.left img {
        height: 344px;
    }

    html[lang="pl-PL"] .box .component-content .richText.component.section.first.odd.last.prod-tabs-rte .richText-content ul li:before {
        content: '\25CB';
        font-size: 22px;
        color: #f25b00;
        left: -10px;
        top: -1px;
    }

    html[lang="pl-PL"] .box .component-content .content.paragraphSystem .richText.component.section.first.odd.last.prod-tabs-rte .richText-content ul {
        margin-left: 30px;
    }

    html[lang="pl-PL"] .box .component-content .content.paragraphSystem .richText.component.section.grid_5.first.odd.footer-copyright-text {
        right: 0em;
    }

    html[lang="pl-PL"] .box .content.paragraphSystem .richText.component.section.grid_8.first.odd.last.article-left-text-rte.mos-left-text-rte {
        margin-left: 0 !important;
    }

    html[lang="pl-PL"] .richText.component.section.grid_8.first.odd.last.article-left-text-rte.mos-left-text-rte1 {
        margin-left: 0 !important;
    }

    html[lang='pl-PL'] .richText.component.section.grid_8.first.odd.last.article-left-text-rte.insects-left-text-rte1 {
        margin-left: 0 !important;
    }

    html[lang='pl-PL'] .richText.component.section.grid_8.first.odd.last.article-left-text-rte.skin-left-text-rte {
        margin-left: 0 !important;
    }

    html[lang='pl-PL'] .richText.component.section.grid_8.first.odd.last.article-left-text-rte.itchy-left-text-rte1 {
        margin-left: 0 !important;
    }

    html[lang='pl-PL'] .box .component-content .content.paragraphSystem .image.component.section.grid_1.even.prod-nav-icon1 {
        width: 5% !important;
    }

    html[lang='pl-PL'] .box .component-content .image.component.section.grid_1.even.last.prod-con-image {
        width: 5% !important;
    }

    html[lang='pl-PL'] .box .component-content .image.component.section.grid_1.odd.prod-con-image {
        width: 5% !important;
    }

    html[lang="pl-PL"] .box .content.paragraphSystem .accordion .accordion-container .accordion-head h3 {
        font-weight: bold;
    }

    html[lang="pl-PL"] .box .content.paragraphSystem .accordion .accordion-container .accordion-head:after {
        top: -51px;
    }

    html[lang="pl-PL"] .accordion .accordion-content-wrapper .richText .richText-content p {
        padding-left: 30px;
    }

    html[lang="pl-PL"] .page-dbanie-o-skore.page-zapobieganie-ukaszeniom-owadow-bez-stosowania-srodkow .box .image.component.section.first.odd.header-image figure figcaption {
        position: absolute;
        top: 10%;
        width: 40%;
        left: 233px;
    }

    html[lang="pl-PL"] .page-produkty .image.component.section.grid_1.alpha.first.odd.prod-con-image {
        /* width: auto !important; */
    }

    /* html[lang="pl-PL"] .page-produkty  .box .component-content .image.component.section.grid_1.odd.prod-con-image {
        width: auto !important;
    } */
    html[lang="pl-PL"] .page-produkty.page-fenistil-zel .box .component-content .content.paragraphSystem .image.component.section.grid_1.even.prod-nav-icon1 {
        /* width: auto !important; */
    }

    html[lang="pl-PL"] .page-produkty .box.component.section.grid_6.alpha.first.odd.pro-tabs-box1.gel-prod-box, .box.component.section.grid_6.omega.even.last.pro-tabs-box2.roll-prod-box {
        padding-bottom: 0;
    }

    html[lang="pl-PL"] .page-dbanie-o-skore.page-co-sie-dzieje-w-skorze-po-ukaszeniu-komara .box .image.component.section.first.odd.header-image figure figcaption {
        /* top: 8%;
        left: 14%; */
        top: 10%;
        width: 74%;
        left: 191px;
        position: absolute;
    }

    html[lang="pl-PL"] .page-dbanie-o-skore.page-ukaszenia-i-uzadlenia-owadow-co-robic .image.component.section.first.odd.header-image figcaption {
        top: 15%;
    }

    html[lang="pl-PL"] .page-dbanie-o-skore.page-slonce-a-skora .sun-and-heading-rte {
        width: auto;
        left: -3px;
    }

    html[lang="pl-PL"] .page-dbanie-o-skore.page-slonce-a-skora .sun-heading-rte {
        left: -31%;
    }

    html[lang="pl-PL"] .page-dbanie-o-skore.page-slonce-a-skora #wrapper .pl-sun-skin .header-image figcaption {
        left: 20%;
    }

    html[lang="pl-PL"] .page-dbanie-o-skore.page-zdrowie-skory-a-stres .image.component.section.first.odd.header-image figcaption {
        width: 40%;
        top: 10%;
        left: 233px;
    }

    html[lang="pl-PL"] .page-dbanie-o-skore.page-komary-i-ukaszenia-komarow .box .component-content .parametrizedhtml .addthis_inline_share_toolbox #atstbx .at-share-btn-elements a .at-icon-wrapper {
        transform: scale(1.6);
    }

    html[lang="pl-PL"] .page-dbanie-o-skore.page-ukaszenia-i-uzadlenia-owadow-co-robic .box .component-content .parametrizedhtml .addthis_inline_share_toolbox #atstbx .at-share-btn-elements a .at-icon-wrapper {
        transform: scale(0.9);
    }

    html[lang="pl-PL"] .page-dbanie-o-skore.page-lagodzenie-objawow-alergii-skornych .box .component-content .parametrizedhtml .addthis_inline_share_toolbox #atstbx .at-share-btn-elements a .at-icon-wrapper {
        transform: scale(0.9);
    }

    html[lang="pl-PL"] .page-dbanie-o-skore.page-alergie-skorne-u-dzieci .box .component-content .parametrizedhtml .addthis_inline_share_toolbox #atstbx .at-share-btn-elements a .at-icon-wrapper {
        transform: scale(0.9);
    }

    html[lang="pl-PL"] .page-dbanie-o-skore.page-zdrowie-skory-a-stres .box .component-content .parametrizedhtml .addthis_inline_share_toolbox #atstbx .at-share-btn-elements a {
        width: auto;
        height: auto;
    }

    html[lang="pl-PL"] .page-dbanie-o-skore.page-ukaszenia-i-uzadlenia-owadow .box .component-content .parametrizedhtml .addthis_inline_share_toolbox #atstbx .at-share-btn-elements a .at-icon-wrapper {
        transform: scale(0.9);
    }

}

@media only screen and (max-width: 1024px) {
    html[lang="pl-PL"] .box .component-content .content.paragraphSystem .image.component.section.grid_1.alpha.first.odd.skin-allergies-icon-image {
        width: auto;
    }

    html[lang="pl-PL"] .page-dbanie-o-skore.page-przyczyny-swedzenia-skory .box .content.paragraphSystem .image.component.section.odd.last.tablet-header-image figcaption {
        top: 117px;
        left: 7%;
    }

    html[lang="pl-PL"] .page-dbanie-o-skore.page-ochrona-skory-przed-promieniowaniem-uv .box .content.paragraphSystem .image.component.section.odd.last.tablet-header-image figure figcaption {
        margin-left: -1em;
    }
}

@media only screen and (max-width: 768px) {
    html[lang="pl-PL"] .page-produkty .box.component.section.grid_6.omega.even.last.pro-tabs-box2.drops-prod-box {
        padding-bottom: 2.7em;
    }

    html[lang="pl-PL"] .page-home #wrapper .richText.component.section.grid_5.first.odd.footer-copyright-text {
        top: -52px !important;
        right: 5em;
    }

    html[lang="pl-PL"] .page-produkty.page-fenistil-zel .box.component.section.grid_4.alpha.first.odd.prod-tab-inner-box {
        display: none;
    }

    html[lang="pl-PL"] .page-produkty.page-fenistil-zel .accordion.component.section.first.odd.last.prod-gel-acc.initialized .accordion-title.component {
        padding: initial;
    }

    html[lang="pl-PL"] .page-produkty.page-fenistil-zel .accordion.component.section.first.odd.last.prod-gel-acc.initialized .accordion-head:after {
        top: -35px;
    }

    html[lang="pl-PL"] .page-produkty.page-fenistil-krople .box.component.section.grid_4.alpha.first.odd.prod-tab-inner-box {
        display: none;
    }

    html[lang="pl-PL"] .page-produkty.page-fenistil-krople .accordion.component.section.first.odd.last.prod-gel-acc.initialized .accordion-title.component {
        padding: initial;
    }

    html[lang="pl-PL"] .page-produkty.page-fenistil-krople .accordion.component.section.first.odd.last.prod-gel-acc.initialized .accordion-head:after {
        top: -35px;
    }

    html[lang="pl-PL"] .pl-skinadvice .advice-tab-box .skin-advice-acc .accordion-slide .accordion-head::before {
        display: none;
    }

    html[lang="pl-PL"] .richText.component.section.grid_5.first.odd.footer-copyright-text {
        display: block;
        top: -53px !important;
        right: 4em;
    }

    html[lang="pl-PL"] .page-produkty.page-fenistil-zel .richText.component.section.first.odd.last.prod-tabs-rte .richText-content p {
        display: inline-block;
    }

    html[lang="pl-PL"] .richText.component.section.first.odd.last.prod-tabs-rte .richText-content li:before {
        left: -10px;
        content: '\25CB';
        font-size: 22px;
        top: 0;
        position: absolute;
        color: #f25b00;
        display: inline-block;
    }

    html[lang="pl-PL"] .page-produkty.page-fenistil-zel .box.component.section.even.prod-tab-box .richText.component.section.first.odd.last.prod-tabs-rte .richText-content ul {
        display: flex;
        flex-direction: column;
    }

    html[lang="pl-PL"] .page-produkty.page-fenistil-krople .richText.component.section.first.odd.last.prod-tabs-rte .richText-content p {
        display: inline-block;
    }

    html[lang="pl-PL"] .page-produkty.page-fenistil-krople .box.component.section.grid_8.omega.even.last.prod-tab-inner-box .richText.component.section.first.odd.last.prod-tabs-rte .richText-content ul {
        display: flex;
        flex-direction: column;
    }


}

@media only screen and (max-width: 767px) {
    html[lang="pl-PL"] .box .breadcrumbs-list.breadcrumbs-with-separator .even.last.is-current {
        display: none;
    }

    html[lang='pl-PL'] .box .image.component.section.even.mobile-header-image .strings-heaing-rte {
        left: 0;
    }
}

@media only screen and (max-width: 320px) {
    html[lang="pl-PL"] .page-home .richText.component.section.grid_6.alpha.first.odd.find-prod-rte .richText-content .learn-more-cta-link a {
        width: 151px;
        background-size: 100% 60%;
    }

    html[lang="pl-PL"] .page-home .richText.component.section.grid_6.alpha.first.odd.find-prod-rte .richText-content .learn-more-cta-link a strong {
        font-size: 12px;
    }

    html[lang="pl-PL"] .page-home .box.component.section.even.article-outer-box .content.paragraphSystem .richText-content p:nth-child(4) a {
        background-size: 100% 79%;
        width: 151px;
        top: 8px;
    }

    html[lang='pl-PL'] .page-home .richText.component.section.even.last.home-mosquito-bites-rte .richText-content p:nth-child(4) a {
        width: 151px;
        background-size: 100% 60%;
        font-size: 12px;
    }

    html[lang="pl-PL"] .page-home .box.component.section.odd.last.home-box2 .learn-more-cta-link a {
        width: 151px;
        background-size: 100% 60%;
        font-size: 12px;
    }

    html[lang="pl-PL"] .page-produkty.page-fenistil-zel .accordion-head h3 a {
        font-size: 20px;
        font-weight: bold;
    }

    html[lang="pl-PL"] .page-produkty.page-fenistil-zel .prod-gel-acc .accordion-head a {
        font-size: 18px;
        font-weight: normal;
    }

    html[lang="pl-PL"] .page-produkty.page-fenistil-zel, .page-produkty.page-fenistil-krople .accordion-title.component {
        padding: 0;
    }

    html[lang="pl-PL"] .page-produkty.page-fenistil-zel .prod-gel-acc .accordion-head {
        line-height: 0;
    }

    html[lang="pl-PL"] .page-produkty.page-fenistil-zel .accordion-head {
        line-height: 0;
    }

    html[lang="pl-PL"] .page-produkty.page-fenistil-zel, .page-produkty.page-fenistil-krople .accordion-head:after {
        top: -20px;
    }

    html[lang="pl-PL"] .drops-outer-box.pl-drops .prod-mob-acc .accordion-content-wrapper .prod-gel-acc .accordion-slide .accordion-head a {
        font-size: 14px;
    }

    html[lang="pl-PL"] .page-produkty.page-fenistil-krople .drops-outer-box.pl-drops .prod-acc-mobile-box .prod-mob-acc .accordion-slide .accordion-head a {
        font-weight: bold;
    }

    html[lang="pl-PL"] .drops-outer-box.pl-drops .prod-mob-acc .accordion-content-wrapper .prod-gel-acc .accordion-slide .accordion-head a {
        font-weight: normal !important;
    }

    html[lang="pl-PL"] .page-produkty.page-fenistil-krople .accordion-head {
        line-height: 0;
    }

    html[lang="pl-PL"] .page-dbanie-o-skore .accordion-head {
        padding: 0;
    }

    html[lang="pl-PL"] .pl-skinadvice .advice-tab-box .skin-advice-acc .accordion-slide .accordion-head:after {
        position: absolute;
        top: 10px;
    }

    html[lang="pl-PL"] .page-produkty .breadcrumbs.component.section.odd.breadcrumb-contact {
        display: none;
    }

    html[lang="pl-PL"] .page-produkty .learn-more-cta-link {
        margin-right: 20px;
        margin-bottom: 30px;
        background-image: url(../../assets/img/mobbluebg.png) no-repeat;
        width: 146px;
        height: 0;
        position: relative;
        text-align: center;
        padding: 15px 0;
        color: white;
        font-size: 12px;
        text-transform: uppercase;
        background-size: 100% 100%;
        line-height: 3px;
    }

    html[lang="pl-PL"] .pl-products.page-product-portfolio .prod-land-mobile-acc .accordion-container .accordion-slide:first-child .accordion-head::before {
        display: none;
    }

    html[lang="pl-PL"] .pl-products.page-product-portfolio .prod-land-mobile-acc .accordion-container .accordion-slide:nth-child(2) .accordion-head::before {
        display: none;
    }

    html[lang="pl-PL"] .pl-products.page-product-portfolio .prod-land-mobile-acc .accordion-container .accordion-slide:nth-child(3) .accordion-head::before {
        display: none;
    }

    html[lang=pl-PL] .page-produkty .prod-land-mobile-acc .accordion-container .accordion-slide .accordion-head::after {
        position: absolute;
        top: 10px;
    }

    html[lang=pl-PL] .page-produkty .prod-land-mobile-acc .accordion-container .accordion-slide .accordion-head {
        padding: 0px 0px 5px 0px;
    }

    html[lang=pl-PL] .page-produkty .prod-land-mobile-acc .accordion-container .accordion-slide .accordion-head h3 {
        font-weight: bold;
    }

    html[lang="pl-PL"] .page-produkty .box.component.section.grid_12.alpha.even.prod-cond-outer-box {
        margin-left: 20px !important;
    }

    html[lang="pl-PL"] .page-dbanie-o-skore .richText.component.section.grid_12.alpha.first.odd.last.skin-ad-prod-car-rte.car-gel-rte p a {
        background-image: url(../../assets/img/whitebutton.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        z-index: 1000;
        position: relative;
        margin-top: 10px;
        padding: 8px 8px 0px 9px;
        font-size: 15px;
        width: 200px;
        left: -90%;
        float: left;
    }

    html[lang="pl-PL"] .page-dbanie-o-skore .richText.component.section.grid_12.alpha.first.odd.last.default-style p a {
        background-image: url(../../assets/img/whitebutton.png);
        background-repeat: no-repeat;
        background-size: 100% 100%;
        z-index: 1000;
        position: relative;
        /* margin-top: 10px; */
        font-size: 15px;
        width: 200px;
        /* left: -90%; */
        float: left;
        top: 0;
    }

    html[lang="pl-PL"] .page-dbanie-o-skore .accordion-content {
        padding-left: 5px;
    }

    html[lang="pl-PL"] .page-dbanie-o-skore .accordion-content-wrapper {
        background-color: #f7f7f7;
    }

    html[lang="pl-PL"] .page-dbanie-o-skore .box.component.section.grid_12.alpha.odd.last.article-outer-box {
        background-color: white;
    }

    html[lang="pl-PL"] .page-dbanie-o-skore .box.component.section.grid_12.alpha.even.last.article-outer-box {
        background-color: white;
    }

}

/*POZNAN UPLIFT CHANGES END */

/* Rohit Singh */
/* co-powoduje-podraznienie-skory.html page slider text adjustment */
@media (min-width: 320px) {
    html[lang="pl-PL"] .pl-heals-itchy .header-image-box .your-skin-head-rte {
        font-size: 35px;
        line-height: 40px;
    }

    html[lang="pl-PL"] .pl-heals-itchy .header-image-box .feel-itchy-head-rte {
        font-size: 36px;
        line-height: 40px;
    }

    html[lang="pl-PL"] .pl-home .home-mobile-carousel p span.adv-white-rte {
        font-size: 25px;
    }
}

@media (min-width: 360px) {
    html[lang="pl-PL"] .pl-heals-itchy .header-image-box .your-skin-head-rte {
        width: 70%;
    }
}

@media (min-width: 500px) {
    html[lang="pl-PL"] .pl-heals-itchy .header-image-box .your-skin-head-rte {
        font-size: 55px;
        line-height: 70px;
    }

    html[lang="pl-PL"] .pl-heals-itchy .header-image-box .feel-itchy-head-rte {
        font-size: 55px;
        line-height: 70px;
    }

    html[lang="pl-PL"] .header-image-box .when-healing-rte {
        font-size: 55px;
        line-height: 70px;
    }
}

@media (min-width: 560px) {
    html[lang="pl-PL"] .pl-heals-itchy .header-image-box .mobile-header-image figcaption {
        top: 25px;
        width: 100%;
    }

    html[lang="pl-PL"] .pl-home .home-mobile-carousel p span.adv-white-rte {
        font-size: 36px;
    }

}

@media (min-width: 768px) {
    html[lang="pl-PL"] .pl-heals-itchy .header-image-box .your-skin-head-rte {
        font-size: 48px;
    }

    html[lang="pl-PL"] .header-image-box .feel-itchy-head-rte {
        font-size: 48px;
        line-height: 60px;
    }

    html[lang="pl-PL"] .header-image-box .when-healing-rte {
        font-size: 58px;
        line-height: 60px;
    }
}

@media (min-width: 963px) {
    html[lang="pl-PL"] .pl-heals-itchy .header-image-box .your-skin-head-rte {
        font-size: 48px;
    }

    html[lang="pl-PL"] .pl-heals-itchy span.pl-twoja-rte {
        line-height: 58px;
        font-size: 48px;
    }

    html[lang="pl-PL"] .header-image-box .feel-itchy-head-rte {
        font-size: 52px;
        line-height: 50px;
    }

    html[lang="pl-PL"] .header-image-box .when-healing-rte {
        font-size: 58px;
        line-height: 72px;
    }

    html[lang="pl-PL"] .header-image-box .what-heading-rte {
        font-size: 55px;
        line-height: 65px;
    }

    html[lang="pl-PL"] .header-image-box .causes-skin-heading-rte {
        font-family: "Lato", sans-serif;
        font-weight: 600;
        font-style: italic;
        font-size: 60px;
        line-height: 70px;
        color: #f25b00;
        position: relative;
        top: -3px;
        left: 21%;
        display: block;
    }

    html[lang="pl-PL"] .header-image-box .allergies-heading-rte {
        font-size: 55px;
        line-height: 75px;
        top: 88%;
        left: 0;
        width: 100%;
        white-space: nowrap;
    }
}

@media (min-width: 1200px) {
    html[lang="pl-PL"] .pl-heals-itchy .header-image-box .your-skin-head-rte {
        font-size: 59px;
    }

    html[lang="pl-PL"] .pl-heals-itchy span.pl-twoja-rte {
        line-height: 80px;
        font-size: 59px;
    }

    html[lang="pl-PL"] .header-image-box .feel-itchy-head-rte {
        font-size: 68px;
        line-height: 80px;
    }

    html[lang="pl-PL"] .header-image-box .when-healing-rte {
        font-size: 68px;
        line-height: 72px;
    }
}

@media (min-width: 1350px) {
    html[lang="pl-PL"] .pl-heals-itchy .header-image-box .your-skin-head-rte {
        font-size: 65px;
    }

    html[lang="pl-PL"] .pl-heals-itchy span.pl-twoja-rte {
        line-height: 80px;
        font-size: 65px;
    }

    html[lang="pl-PL"] .header-image-box .feel-itchy-head-rte {
        font-size: 70px;
        line-height: 80px;
    }

    html[lang="pl-PL"] .header-image-box .when-healing-rte {
        font-size: 70px;
        line-height: 80px;
    }
}

.subnote {
    margin-bottom: 0px;
    margin-top: 0px;
    line-height: 1;
}

.subnote + .subnote {
    margin-bottom: 15px;
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/breadcrumbs/_breadcrumbs-base.scss */
.breadcrumbs {
  margin: 10px 0;
}

/* line 7, ../../sass/components/breadcrumbs/_breadcrumbs-base.scss */
.breadcrumbs-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}

/* line 14, ../../sass/components/breadcrumbs/_breadcrumbs-base.scss */
.breadcrumbs-list li {
  float: left;
  margin-right: 6px;
}

/* line 19, ../../sass/components/breadcrumbs/_breadcrumbs-base.scss */
.breadcrumbs-separator {
  margin: 0 10px;
}

/* line 23, ../../sass/components/breadcrumbs/_breadcrumbs-base.scss */
.breadcrumbs-without-separator .breadcrumbs-separator {
  display: none;
}
/* line 26, ../../sass/components/breadcrumbs/_breadcrumbs-base.scss */
.breadcrumbs-without-separator li {
  padding-right: 15px;
  margin-right: 9px;
  position: relative;
}
/* line 30, ../../sass/components/breadcrumbs/_breadcrumbs-base.scss */
.breadcrumbs-without-separator li:before {
  content: "\f054";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 8px;
}
/* line 38, ../../sass/components/breadcrumbs/_breadcrumbs-base.scss */
.breadcrumbs-without-separator li:last-child {
  background-image: none;
}
/* line 40, ../../sass/components/breadcrumbs/_breadcrumbs-base.scss */
.breadcrumbs-without-separator li:last-child:before {
  display: none;
}

@media only screen and (max-width: 767px) {
  /* line 47, ../../sass/components/breadcrumbs/_breadcrumbs-base.scss */
  .breadcrumbs-list li {
    float: none;
  }
}
.skin-advice-prod-car .carousel-nav li a {
    left: 119px;
}

/*gs*/
.home-tab-box3, .home-tab-car-box {
    display: none;
}

.page-homepage .carousel-slide .no-image .carousel-content {
    margin-top: 0px;
}

.home-car-image1 figcaption h1 span.orange-text {
    top: 46%;
    position: absolute;
    left: 26%;
    font-size: 70px;
}

.home-car-image2 img, .home-car-image1 img {
    height: 498px;
    width: 100%;
}

/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/carousel/_carousel-base.scss */
.carousel {
    position: relative;
    padding: 0;
}

/* line 10, ../../sass/components/carousel/_carousel-base.scss */
.carousel-slides {
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
}

/* line 18, ../../sass/components/carousel/_carousel-base.scss */
.carousel-slide {
    clear: both;
    position: absolute;
    width: 100%;
}

/* line 24, ../../sass/components/carousel/_carousel-base.scss */
.carousel-slide .no-content,
.carousel-slide .no-image {
    text-align: center;
}

/* line 29, ../../sass/components/carousel/_carousel-base.scss */
.carousel-slide.is-active {
    display: block;
    position: relative;
}

/* line 34, ../../sass/components/carousel/_carousel-base.scss */
.carousel-cover {
    max-width: 50%;
    height: auto;
    float: right;
}

/* line 40, ../../sass/components/carousel/_carousel-base.scss */
.carousel-slide .image-and-content {
    overflow: hidden;
}

/* line 44, ../../sass/components/carousel/_carousel-base.scss */
.carousel-slide .no-content .carousel-cover {
    float: none;
    max-width: 100%;
}

/* line 49, ../../sass/components/carousel/_carousel-base.scss */
.carousel-slide .no-image .carousel-content {
    float: none;
    max-width: 100%;
    margin-top: 50px;
    position: relative;
}

/* line 54, ../../sass/components/carousel/_carousel-base.scss */
.carousel-content {
    max-width: 48%;
    float: left;
    text-align: left;
    -moz-transition-property: margin;
    -o-transition-property: margin;
    -webkit-transition-property: margin;
    transition-property: margin;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -webkit-transition-duration: 200ms;
    transition-duration: 200ms;
    -moz-transition-timing-function: ease-in;
    -o-transition-timing-function: ease-in;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    width: 100%;
}

/* line 64, ../../sass/components/carousel/_carousel-base.scss */
.carousel-nav {
    text-align: center;
    margin-top: 20px;
    overflow: hidden;
    padding: 0;
}

.skin-advice-prod-car .carousel-nav {
    text-align: left;
    margin-top: 0px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: 36%;
    width: 100%;
    height: 100%;
}

/* line 71, ../../sass/components/carousel/_carousel-base.scss */
.carousel-nav li {
    display: inline-block;
    margin: 0 3px;
}

/* line 77, ../../sass/components/carousel/_carousel-base.scss */
.skin-advice-prod-car .carousel-nav a {
    display: inline-block;
    /* border: 2px solid #656363; */
    width: 10px;
    height: 10px;
    font-size: 0;
    color: transparent;
    border-radius: 25px;
    position: relative;
}

.carousel-nav a {
    display: inline-block;
    border: 1px solid red;
    width: 10px;
    height: 10px;
    font-size: 0;
    color: transparent;
}

/* line 86, ../../sass/components/carousel/_carousel-base.scss */
.carousel-nav li.is-active a {
    background: #fff;
    border: none;
    margin-top: 250px;
}

.skin-advice-prod-car .carousel-nav-prev {
    left: -60px;
}

.skin-advice-prod-car .carousel-nav-next {
    right: 16em;
}

/* line 90, ../../sass/components/carousel/_carousel-base.scss */
.carousel-nav-prev,
.carousel-nav-next {
    position: absolute;
    top: 10%;
    border: none;
    width: auto;
    height: auto;
}

.home-carousel .carousel-nav-prev,
.home-carousel .carousel-nav-next {
    position: absolute;
    top: 41%;
    border: none;
    width: auto;
    height: auto;
}

/* line 99, ../../sass/components/carousel/_carousel-base.scss */
.carousel-nav-prev a,
.carousel-nav-next a {
    border: none;
    display: block;
    width: 100%;
    height: 100%;
}

/* line 107, ../../sass/components/carousel/_carousel-base.scss */
.carousel-nav-prev {
    left: 10px;
}

.home-carousel .carousel-nav-prev {
    left: 237px;
}

.home-carousel .carousel-nav-next {
    right: 100px;
}

/* line 109, ../../sass/components/carousel/_carousel-base.scss */

.skin-ad-prod-car-rte .carousel-nav-prev a:before {
    content: "\f053";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 60px;
    /* color: #939191; */
    background: url(../../assets/img/left-arrow.png);
    background-repeat: no-repeat;
    margin-left: -147px;
    margin-top: 60px;
}


.prod-car-desktop-box .skin-advice-prod-car .carousel-nav li {
    display: inline-block;
    margin: 28px 3px;
}

.carousel-nav-prev a:before {
    content: "\f053";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 60px;
    /* color: #939191; */
    background: url(../../assets/img/left-arrow.png);
    background-repeat: no-repeat;
    margin-left: 0px;
    margin-top: 0px;
    width: 40px; /*gs*/
}

.home-car-box .carousel-nav-prev a:before {
    content: "\f053";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 60px;
    /* color: #939191; */
    background: url(../../assets/img/left-arrow.png);
    background-repeat: no-repeat;
    margin-left: -147px;
    margin-top: 60px;
}

/* line 114, ../../sass/components/carousel/_carousel-base.scss */
.carousel-nav-prev a:hover:before {
    /* color: #323131; */
}

h1span.orange-text {
    font-size: 103px;
    font-family: "Lato", sans-serif;
    font-weight: 700;
}

.home-carousel-image p span.home-carousel-rte {
    position: absolute;
    top: 35%;
    width: 25%;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    left: 16%;
}


/* line 120, ../../sass/components/carousel/_carousel-base.scss */
.carousel-nav-next {
    right: 35px;
}

/* line 122, ../../sass/components/carousel/_carousel-base.scss */
.carousel-nav-next a:before {
    content: "\f054";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 60px;
    /* color: #939191; */
    background: url(../../assets/img/right-arrow.png);
    background-repeat: no-repeat;
    width: 40px; /*gs*/
}

.home-car-box .carousel-nav-next a:before {
    content: "\f054";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 60px;
    /* color: #939191; */
    background: url(../../assets/img/right-arrow.png);
    background-repeat: no-repeat;
    margin-left: 63px;
    margin-top: 20px; /*gs*/
    padding-right: 30px;
}

/* line 127, ../../sass/components/carousel/_carousel-base.scss */
.carousel-nav-next a:hover:before {
    /* color: #323131; */
}

/* line 133, ../../sass/components/carousel/_carousel-base.scss */
.no-js .carousel .carousel-slide:first-child {
    margin-top: 0;
    border-top: none;
}

/* line 137, ../../sass/components/carousel/_carousel-base.scss */
.no-js .carousel .carousel-slide {
    position: static;
}

/* line 140, ../../sass/components/carousel/_carousel-base.scss */
.no-js .carousel .carousel-nav li {
    display: none;
}

/* line 148, ../../sass/components/carousel/_carousel-base.scss */
.lt-ie8 .carousel-nav li {
    display: inline;
    zoom: 1;
}

/* line 152, ../../sass/components/carousel/_carousel-base.scss */
.lt-ie8 .carousel-nav li.is-active a {
    background: #939191;
}

/* line 155, ../../sass/components/carousel/_carousel-base.scss */
.lt-ie8 .carousel-nav .carousel-nav-prev, .lt-ie8 .carousel-nav .carousel-nav-next {
    width: 19px;
    height: 31px;
}

/* line 158, ../../sass/components/carousel/_carousel-base.scss */
.lt-ie8 .carousel-nav .carousel-nav-prev a, .lt-ie8 .carousel-nav .carousel-nav-next a {
    border: none;
    display: block;
    width: 100%;
    height: 100%;
}

/* line 165, ../../sass/components/carousel/_carousel-base.scss */
.lt-ie8 .carousel-nav a {
    display: block;
    zoom: 1;
    border: 2px solid #656363;
    width: 10px;
    height: 10px;
}

.home-car-box .carousel-nav-prev a:before {
    content: "\f053";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 60px;
    /* color: #939191; */
    background: url(../../assets/img/left-arrow.png);
    background-repeat: no-repeat;
    margin-left: -147px;
    margin-top: 20px; /*gs*/
    padding-right: 20px;
}

.article-outer-box a:hover {
    color: #fff;
}

@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    .home-carousel .carousel-nav-prev {
        left: 125px;
    }

    .home-carousel .carousel-nav-next {
        right: 33px;
    }
}


@media only screen and (min-width: 768px) and (max-width: 962px) {
    /*gs*/
    .carousel-nav-prev a:before {
        right: 5em;
        top: 147px;
    }

    .carousel-nav-next a:before {
        right: 6em;
        top: 138px;
    }

    /*gs*/
    #wrapper .carousel-slide .no-image .carousel-content {
        float: none;
        max-width: 100%;
        margin-top: 8px;
        position: relative;
    }

    .skin-advice-prod-car .carousel-nav-prev {
        left: 6px;
    }

    .skin-advice-prod-car .carousel-nav {
        text-align: left;
        margin-top: 0px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        top: 12em; /*gs*/ /* PA 50 */
        width: 100%;
        height: 100%;
    }

    .skin-advice-prod-car .carousel-nav-next {
        right: 27px;
    }

    .skin-advice-prod-car .carousel-nav li a {
        left: 334px; /*gs*/
    }

    .home-tab-car-box .carousel-nav-prev, .home-tab-car-box .carousel-nav-next {
        position: absolute;
        top: 36%;
        border: none;
        width: auto;
        height: auto;
    }

    .home-tab-car-box {
        display: block;
    }

    .article-outer-box a:hover {
        color: #fff;
    }

    .skin-advice-prod-car .carousel-nav a {
        display: inline-block;
        /* border: 2px solid #656363; */
        width: 18px;
        height: 18px;
        font-size: 0;
        color: transparent;
        border-radius: 25px;
        position: relative;
        left: 52%;
    }

    .carousel-nav-prev a {
        position: relative;
        left: 9px;
        top: 6px;
    }

    .carousel-nav-next a {
        position: relative;
        left: 25px;
        top: 12px;
        display: none; /* PA 25 */
    }

}


@media only screen and (max-width: 767px) {
    .skin-advice-prod-car .carousel-nav li a { /*gs*/
        left: 0;
    }

    .skin-advice-prod-car .carousel-nav-next {
        left: -19px;
        float: right;
        right: 0; /*gs*/
    }

    .page-fenistil-gel .skin-ad-prod-car-box .skin-advice-prod-car .carousel-nav {
        margin: 0px;
    }

    .carousel-nav-prev a:before {
        content: "\f053";
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        position: relative;
        font-weight: normal;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 60px;
        /* color: #939191; */
        background: url(../../assets/img/left-arrow.png);
        background-repeat: no-repeat;
    }

    .skin-advice-prod-car .carousel-nav a {
        display: inline-block;
        /* border: 2px solid #656363; */
        width: 10px; /*gs*/
        height: 10px; /*gs*/
        font-size: 0;
        color: transparent;
        border-radius: 25px;
        position: relative;
    }

    .carousel-nav-prev a, .carousel-nav-next a {
        border: none;
        display: block;
        width: 100%;
        height: 100%;
    }

    .carousel-nav-prev, .carousel-nav-next {
        position: absolute;
        top: 20%;
        border: none;
        width: auto;
        height: auto;
        float: left;
    }

    .skin-advice-prod-car .carousel-nav {
        text-align: left;
        margin-top: 0px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        top: 0px; /*gs*/
        padding: 0;
        width: 100%;
        height: 100%;
    }

    #wrapper .carousel-nav-prev { /*gs*/
        left: 0px;
    }

    .carousel-nav-next {
        right: 0;
    }

    .home-mobile-carousel .carousel-nav-prev a:before {
        content: "\f053";
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        position: relative;
        font-weight: normal;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 60px;
        /* color: #939191; */
        background: url(../../assets/img/left-arrow.png);
        background-repeat: no-repeat;
        margin-left: -298px;
        margin-top: 30px;
        background-size: 44%;
    }

    .home-mobile-carousel .carousel-nav-next a:before {
        content: "\f054";
        display: inline-block;
        font-family: FontAwesome;
        font-style: normal;
        position: relative;
        font-weight: normal;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-size: 60px;
        /* color: #939191; */
        background: url(../../assets/img/right-arrow.png);
        background-repeat: no-repeat;
        background-size: 37%;
        margin-top: 50px;
    }

    .home-mobile-carousel .home-car-image2 img, .home-mobile-carousel .home-car-image1 img {
        height: auto;
        width: 100%;
    }

    /* .home-mobile-carousel .home-car-image1 figcaption h1 span.orange-text {
    top: 29%;
    position: absolute;
    left: 11%;
    font-size: 32px;
    line-height: 32px;
    } */
    .home-carousel {
        display: none;
    }

    /* line 175, ../../sass/components/carousel/_carousel-base.scss */
    .carousel-cover {
        max-width: 100%;
        float: none;
        margin: auto;
        display: block;
    }

    /* line 181, ../../sass/components/carousel/_carousel-base.scss */
    .carousel-content {
        max-width: 100%;
        float: none;
    }

    .carousel-slide .no-image .carousel-content {
        float: none;
        max-width: 100%;
        margin-top: 20px;
        position: relative;
    }

    /* line 186, ../../sass/components/carousel/_carousel-base.scss */
    .carousel-nav li {
        display: inline-block;
        top: 36em;
        position: relative;
        left: 91px; /*gs*/
    }

    /* line 189, ../../sass/components/carousel/_carousel-base.scss */
    .carousel-nav .carousel-nav-prev,
    .carousel-nav .carousel-nav-next {
        display: block;
        top: 124px; /*gs*/
    }
}

.home-carousel .carouselSlide .itchy-skin-text {
    position: absolute;
    bottom: 6px;
    color: rgb(255 255 255 / 85%) !important;
    background-color: rgb(0 0 0 / 56%);
    padding: 10px 15px;
    border-top-right-radius: 40px;
}

.home-carousel .carouselSlide .itchy-skin-text p {
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.5;
}

.home-mobile-carousel .carouselSlide .itchy-skin-text {
    position: absolute;
    position: absolute;
    bottom: 6px;
    color: rgb(255 255 255 / 85%) !important;
    background-color: rgb(0 0 0 / 56%);
    padding: 5px 10px;
}

.home-mobile-carousel .carouselSlide .itchy-skin-text p {
    margin-top: 0px;
    margin-bottom: 0px;
    line-height: 1.5;
    font-size: 9px;
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.coupons {
  padding: 10px;
  border: 1px solid #D5D1CE;
  position: relative;
  margin-bottom: 10px; }
  .coupons .couponsImage {
    float: left;
    width: 30%;
    margin-right: 10px; }
  .coupons .couponsDescription {
    float: left;
    width: 60%; }
  .coupons .couponsContainer .button, .coupons .couponsContainer a.lightbox {
    bottom: 10px;
    position: absolute;
    right: 25px; }

.overlay-content-inner a.couponCancel, .overlay-content-inner a.couponSubmit {
  background-color: #f36633;
  border-radius: 3px;
  color: white;
  padding: 8px 20px;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block; }
  .overlay-content-inner a.couponCancel:hover, .overlay-content-inner a.couponSubmit:hover {
    background-color: #939191;
    color: white; }
  .overlay-content-inner a.couponCancel:active, .overlay-content-inner a.couponSubmit:active {
    background-color: #939191;
    color: white; }
.digitalWallet .hidden {
  display: none; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/divider/_divider-base.scss */
.divider {
  background: #939191;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjEuMCIgeDI9IjEuMCIgeTI9IjAuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzkzOTE5MSIvPjxzdG9wIG9mZnNldD0iNTAlIiBzdG9wLWNvbG9yPSIjMzIzMTMxIi8+PHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTM5MTkxIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgZmlsbD0idXJsKCNncmFkKSIgLz48L3N2Zz4g');
  background-size: 100%;
  background-image: -moz-linear-gradient(45deg, #939191, #323131, #939191);
  background-image: -webkit-linear-gradient(45deg, #939191, #323131, #939191);
  background-image: linear-gradient(45deg, #939191, #323131, #939191);
  height: 2px;
  background-size: 25% 100%;
  margin: 2em 0;
}

/* line 11, ../../sass/components/divider/_divider-base.scss */
.divider.float-breaker {
  background: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
  clear: both;
  margin: 0;
  padding: 0;
  border: 0;
  height: auto;
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/fileList/_fileList-base.scss */
.fileList-heading {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
}

/* line 7, ../../sass/components/fileList/_fileList-base.scss */
.fileList-date {
  margin-bottom: 10px;
  color: #868484;
}

/* line 12, ../../sass/components/fileList/_fileList-base.scss */
.fileList-file {
  margin-bottom: 20px;
  overflow: hidden;
}

/* line 17, ../../sass/components/fileList/_fileList-base.scss */
.fileList-description {
  overflow: hidden;
}

/* line 21, ../../sass/components/fileList/_fileList-base.scss */
.fileList-title {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
}

/* line 25, ../../sass/components/fileList/_fileList-base.scss */
.fileList-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* line 31, ../../sass/components/fileList/_fileList-base.scss */
.fileList-thumbnail {
  max-width: 100px;
  float: left;
  margin-right: 15px;
}

/* line 37, ../../sass/components/fileList/_fileList-base.scss */
.fileList-download {
  text-align: right;
}

/* line 41, ../../sass/components/fileList/_fileList-base.scss */
.fileList-download-size {
  color: #868484;
  display: block;
}

@media only screen and (max-width: 767px) {
  /* line 47, ../../sass/components/fileList/_fileList-base.scss */
  .fileList-thumbnail {
    float: none;
    margin: auto;
    display: block;
  }
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.filterableBox {
  position: relative;
  margin-left: 10px; }
  .filterableBox .filterableBox__header {
    display: flex; }
    .filterableBox .filterableBox__header .header__item {
      margin-right: 20px; }
    .filterableBox .filterableBox__header .header__searchWrapper .searchWrapper__search-box {
      height: 100%;
      padding: 0; }
    .filterableBox .filterableBox__header .header__sortMenu .sortMenu__label {
      background-color: #f36633;
      color: white;
      border: none;
      cursor: pointer;
      padding: 10px 20px;
      text-decoration: none;
      margin: auto; }
    .filterableBox .filterableBox__header .header__sortMenu .sortMenu__items {
      display: none;
      position: absolute;
      background-color: #f1f1f1;
      box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
      z-index: 1;
      margin-top: 10px;
      padding-inline-start: 0; }
      .filterableBox .filterableBox__header .header__sortMenu .sortMenu__items .sortMenu__item {
        color: black;
        padding: 12px 16px;
        text-decoration: none;
        display: block;
        cursor: pointer; }
        .filterableBox .filterableBox__header .header__sortMenu .sortMenu__items .sortMenu__item:hover {
          box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.5); }
        .filterableBox .filterableBox__header .header__sortMenu .sortMenu__items .sortMenu__item.active {
          font-weight: bold; }
  .filterableBox .filterableBox__content {
    margin-top: 20px; }
    .filterableBox .filterableBox__content .content__noResultFound {
      display: none; }
    .filterableBox .filterableBox__content .content {
      display: flex;
      flex-wrap: wrap; }
      .filterableBox .filterableBox__content .content .indexable-component {
        padding: 10px; }
        .filterableBox .filterableBox__content .content .indexable-component:first-child {
          margin-right: 20px; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/flash/_flash-base.scss */
.flash {
  text-align: center;
}

/* line 7, ../../sass/components/flash/_flash-base.scss */
.flash object {
  max-width: 100%;
}

/* Flash is not installed */
/* line 12, ../../sass/components/flash/_flash-base.scss */
.flash-missing {
  margin: 0 auto;
}

/* line 16, ../../sass/components/flash/_flash-base.scss */
.flash .seoDescription {
  display: none;
}
.footer {
  background: none;
  color: inherit; }
  .footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0; }
  .footer .img-link {
    border: solid 2px transparent;
    display: block; }
    .footer .img-link:focus {
      border: solid 2px red; }

.footer-bar {
  padding: 1rem 0 0; }

.footer-sitemap {
  background: none; }

.footer-social {
  background: none; }

.footer-core {
  background: none; }

.footer-extra {
  background: none; }

.footer-navgroup__heading {
  color: inherit;
  font-size: inherit; }

.footer-navgroup li {
  padding: 0.25rem 0; }

.footer-navgroup li > a {
  color: red;
  text-decoration: none; }
  .footer-navgroup li > a:hover, .footer-navgroup li > a:focus {
    color: blue;
    text-decoration: underline; }

.footer-navgroup img {
  max-width: 100%; }

.footer-copyright {
  display: flex; }
  .footer-copyright__img {
    margin: 0 1rem 0 0; }
  .footer-copyright__text {
    font-size: inherit;
    color: inherit; }

.footer-navlist ul {
  display: flex;
  flex-direction: row;
  justify-content: center; }

.footer-navlist li {
  padding: 0 0 0.25rem 0; }

.footer-navlist a {
  color: red;
  text-decoration: none; }
  .footer-navlist a:hover, .footer-navlist a:focus {
    color: blue;
    text-decoration: underline; }

.social-icons {
  max-width: 100%;
  margin: 0 auto; }
  .social-icons ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row;
    justify-content: flex-start; }
  .social-icons li {
    margin: 0 0.4rem 0 0;
    position: relative; }
  .social-icons a {
    display: block;
    background: #000;
    border: solid 3px transparent;
    transition: all 0.5s ease; }
    .social-icons a:hover, .social-icons a:focus {
      background: black;
      border: solid 3px red; }
  .social-icons svg {
    position: absolute;
    left: 3px;
    top: 4px;
    fill: #FFF; }
  .social-icons--md svg {
    width: 32px; }
  .social-icons--md a {
    width: 40px;
    height: 40px; }
.wsform-controls input[id*="A_TITLE"]  { width:96% !important; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* STATES AND INPUT GROUP VARIABLES
    ------------------------------------*/
/*   TEMPORARY VARIABLES FOR OPERATIONS
    ------------------------------------*/
/*   CREATING SCSS USABLE VARIABLES FOR INTERPOLATION
    ------------------------------------*/
/*   FUNCTIONAL VARIABLES FOR INPUTS AND STATES
    ------------------------------------*/
/* COLOR AND FONT VARIABLES
TODO: SEPARATE COLOR ON FUNCTIONS
    ------------------------------------*/
/* MAIN STYLE FOR FORM
    ------------------------------------*/
/* line 95, ../../sass/components/form/_form-base.scss */
.form {
  /* TWITTER BOOTSTRAP FORM STYLE
  ------------------------------------*/
  /* STATES STYLES
      ------------------------------------*/
  /* ARROW BUTTON STYLES
     -----------------------------------*/
}
/* line 97, ../../sass/components/form/_form-base.scss */
.form .form-heading {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
}
/* line 104, ../../sass/components/form/_form-base.scss */
.form form {
  margin: 0 0 20px;
}
/* line 108, ../../sass/components/form/_form-base.scss */
.form fieldset {
  background-color: #e1e1e1;
  border: solid 2px #323131;
  padding: 13px;
  margin: 15px 0;
  min-width: 0;
}
/* line 116, ../../sass/components/form/_form-base.scss */
.form legend {
  font-size: 18px;
  font-weight: 700;
  margin-left: 10px;
  padding: 0 5px;
}
/* line 123, ../../sass/components/form/_form-base.scss */
.form fieldset legend {
  display: table;
  white-space: normal;
  margin-right: 10px;
}
/* line 129, ../../sass/components/form/_form-base.scss */
.form label,
.form input,
.form button,
.form select,
.form textarea {
  font-size: 14px;
  font-weight: normal;
  line-height: normal;
  max-width: 100%;
}
/* line 140, ../../sass/components/form/_form-base.scss */
.form textarea {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 300px;
  min-width: 200px;
}
/* line 146, ../../sass/components/form/_form-base.scss */
.form input,
.form button,
.form select,
.form textarea {
  font-family: Roboto, sans-serif;
}
/* line 153, ../../sass/components/form/_form-base.scss */
.form label {
  display: block;
  margin-bottom: 5px;
}
/* line 158, ../../sass/components/form/_form-base.scss */
.form select,
.form textarea,
.form input[type="email"], .form input[type="number"], .form input[type="password"], .form input[type="search"], .form input[type="tel"], .form input[type="text"], .form input[type="url"], .form input[type="color"], .form input[type="date"], .form input[type="datetime"], .form input[type="datetime-local"], .form input[type="month"], .form input[type="time"], .form input[type="week"],
.form .uneditable-input {
  display: inline-block;
  height: 20px;
  padding: 4px 6px;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #555555;
  vertical-align: middle;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}
/* line 173, ../../sass/components/form/_form-base.scss */
.form input,
.form textarea,
.form .uneditable-input {
  width: 206px;
}
/* line 179, ../../sass/components/form/_form-base.scss */
.form fieldset textarea {
  resize: vertical;
  width: 100%;
}
/* line 184, ../../sass/components/form/_form-base.scss */
.form textarea {
  height: auto;
}
/* line 188, ../../sass/components/form/_form-base.scss */
.form select,
.form textarea,
.form input[type="email"], .form input[type="number"], .form input[type="password"], .form input[type="search"], .form input[type="tel"], .form input[type="text"], .form input[type="url"], .form input[type="color"], .form input[type="date"], .form input[type="datetime"], .form input[type="datetime-local"], .form input[type="month"], .form input[type="time"], .form input[type="week"],
.form .uneditable-input {
  background-color: white;
  border: 1px solid #CCCCCC;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-transition: border 0.2s linear, box-shadow 0.2s linear;
  -o-transition: border 0.2s linear, box-shadow 0.2s linear;
  -webkit-transition: border 0.2s linear, box-shadow 0.2s linear;
  transition: border 0.2s linear, box-shadow 0.2s linear;
}
/* line 198, ../../sass/components/form/_form-base.scss */
.form select:focus,
.form textarea:focus,
.form input[type="email"]:focus, .form input[type="number"]:focus, .form input[type="password"]:focus, .form input[type="search"]:focus, .form input[type="tel"]:focus, .form input[type="text"]:focus, .form input[type="url"]:focus, .form input[type="color"]:focus, .form input[type="date"]:focus, .form input[type="datetime"]:focus, .form input[type="datetime-local"]:focus, .form input[type="month"]:focus, .form input[type="time"]:focus, .form input[type="week"]:focus,
.form .uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}
/* line 207, ../../sass/components/form/_form-base.scss */
.form input + .help-block,
.form select + .help-block,
.form textarea + .help-block,
.form .uneditable-input + .help-block {
  margin-top: 10px;
}
/* line 214, ../../sass/components/form/_form-base.scss */
.form input,
.form textarea,
.form select,
.form .help-inline,
.form .uneditable-input {
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  vertical-align: middle;
  *zoom: 1;
}
/* line 226, ../../sass/components/form/_form-base.scss */
.form input[type="radio"],
.form input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px                  \9;
  *margin-top: 0;
  line-height: normal;
}
/* line 234, ../../sass/components/form/_form-base.scss */
.form input[type="file"],
.form input[type="image"],
.form input[type="submit"],
.form input[type="reset"],
.form input[type="button"],
.form input[type="radio"],
.form input[type="checkbox"] {
  width: auto;
}
/* line 244, ../../sass/components/form/_form-base.scss */
.form select,
.form input[type="file"] {
  height: 30px;
  /* In IE7, the height of the select element cannot be changed by height, only font-size */
  *margin-top: 4px;
  /* For IE7, add top margin to align select with labels */
  line-height: 30px;
}
/* line 253, ../../sass/components/form/_form-base.scss */
.form select {
  width: 220px;
  background-color: white;
  border: 1px solid #CCCCCC;
}
/* line 259, ../../sass/components/form/_form-base.scss */
.form select[multiple],
.form select[size] {
  height: auto;
}
/* line 264, ../../sass/components/form/_form-base.scss */
.form .uneditable-input,
.form .uneditable-textarea {
  color: #999999;
  cursor: not-allowed;
  background-color: #fcfcfc;
  border-color: #CCCCCC;
  -moz-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.025);
  -webkit-box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.025);
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.025);
}
/* line 273, ../../sass/components/form/_form-base.scss */
.form .uneditable-input {
  overflow: hidden;
  white-space: nowrap;
}
/* line 278, ../../sass/components/form/_form-base.scss */
.form .uneditable-textarea {
  width: auto;
  height: auto;
}
/* line 283, ../../sass/components/form/_form-base.scss */
.form input:-moz-placeholder,
.form textarea:-moz-placeholder,
.form input:-ms-input-placeholder,
.form textarea:-ms-input-placeholder,
.form input::-webkit-input-placeholder,
.form textarea::-webkit-input-placeholder {
  color: #999999;
}
/* line 292, ../../sass/components/form/_form-base.scss */
.form .form-actions {
  padding-left: 180px;
}
/* line 296, ../../sass/components/form/_form-base.scss */
.form .hide {
  display: none;
}
/* line 300, ../../sass/components/form/_form-base.scss */
.form .radio,
.form .checkbox {
  min-height: 20px;
  padding-left: 20px;
}
/* line 306, ../../sass/components/form/_form-base.scss */
.form .radio input[type="radio"],
.form .checkbox input[type="checkbox"] {
  float: left;
  margin-left: -22px;
}
/* line 312, ../../sass/components/form/_form-base.scss */
.form .controls {
  *display: inline-block;
  *padding-left: 20px;
  margin-left: 180px;
  *margin-left: 0;
}
/* line 318, ../../sass/components/form/_form-base.scss */
.form .controls:first-child {
  *padding-left: 180px;
}
/* line 323, ../../sass/components/form/_form-base.scss */
.form .controls > .radio:first-child,
.form .controls > .checkbox:first-child {
  padding-top: 5px;
}
/* line 328, ../../sass/components/form/_form-base.scss */
.form .radio.inline,
.form .checkbox.inline {
  display: inline-block;
  padding-top: 5px;
  margin-bottom: 0;
  vertical-align: middle;
}
/* line 336, ../../sass/components/form/_form-base.scss */
.form .radio.inline + .radio.inline,
.form .checkbox.inline + .checkbox.inline {
  margin-left: 10px;
}
/* line 341, ../../sass/components/form/_form-base.scss */
.form input,
.form textarea,
.form .uneditable-input {
  margin-left: 0;
}
/* line 347, ../../sass/components/form/_form-base.scss */
.form .controls-row {
  *zoom: 1;
}
/* line 349, ../../sass/components/form/_form-base.scss */
.form .controls-row:before, .form .controls-row:after {
  display: table;
  line-height: 0;
  content: "";
}
/* line 355, ../../sass/components/form/_form-base.scss */
.form .controls-row:after {
  clear: both;
}
/* line 360, ../../sass/components/form/_form-base.scss */
.form input[disabled],
.form select[disabled],
.form textarea[disabled],
.form input[readonly],
.form select[readonly],
.form textarea[readonly] {
  cursor: not-allowed;
  background-color: #eeeeee;
}
/* line 370, ../../sass/components/form/_form-base.scss */
.form input[type="radio"][disabled],
.form input[type="checkbox"][disabled],
.form input[type="radio"][readonly],
.form input[type="checkbox"][readonly] {
  background-color: transparent;
}
/* line 380, ../../sass/components/form/_form-base.scss */
.form .control-label {
  word-break: break-all;
  float: left;
  width: 160px;
  padding-top: 5px;
  text-align: right;
  line-height: normal;
}
/* line 391, ../../sass/components/form/_form-base.scss */
.form .control-group.warning input, .form .control-group.warning select, .form .control-group.warning textarea, .form .control-group.warning .control-label, .form .control-group.warning .help-block, .form .control-group.warning .help-inline, .form .control-group.warning .checkbox, .form .control-group.warning .radio {
  color: #c09853;
}
/* line 395, ../../sass/components/form/_form-base.scss */
.form .control-group.warning input, .form .control-group.warning select, .form .control-group.warning textarea {
  border-color: #c09853;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* line 400, ../../sass/components/form/_form-base.scss */
.form .control-group.warning input:focus, .form .control-group.warning select:focus, .form .control-group.warning textarea:focus {
  border-color: #a47e3c;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e;
}
/* line 409, ../../sass/components/form/_form-base.scss */
.form .control-group.error input, .form .control-group.error select, .form .control-group.error textarea, .form .control-group.error .control-label, .form .control-group.error .help-block, .form .control-group.error .help-inline, .form .control-group.error .checkbox, .form .control-group.error .radio {
  color: #b94a48;
}
/* line 413, ../../sass/components/form/_form-base.scss */
.form .control-group.error input, .form .control-group.error select, .form .control-group.error textarea {
  border-color: #b94a48;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* line 418, ../../sass/components/form/_form-base.scss */
.form .control-group.error input:focus, .form .control-group.error select:focus, .form .control-group.error textarea:focus {
  border-color: #953b39;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392;
}
/* line 427, ../../sass/components/form/_form-base.scss */
.form .control-group.success input, .form .control-group.success select, .form .control-group.success textarea, .form .control-group.success .control-label, .form .control-group.success .help-block, .form .control-group.success .help-inline, .form .control-group.success .checkbox, .form .control-group.success .radio {
  color: #468847;
}
/* line 431, ../../sass/components/form/_form-base.scss */
.form .control-group.success input, .form .control-group.success select, .form .control-group.success textarea {
  border-color: #468847;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* line 436, ../../sass/components/form/_form-base.scss */
.form .control-group.success input:focus, .form .control-group.success select:focus, .form .control-group.success textarea:focus {
  border-color: #356635;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b;
}
/* line 445, ../../sass/components/form/_form-base.scss */
.form .control-group.info input, .form .control-group.info select, .form .control-group.info textarea, .form .control-group.info .control-label, .form .control-group.info .help-block, .form .control-group.info .help-inline, .form .control-group.info .checkbox, .form .control-group.info .radio {
  color: #3a87ad;
}
/* line 449, ../../sass/components/form/_form-base.scss */
.form .control-group.info input, .form .control-group.info select, .form .control-group.info textarea {
  border-color: #3a87ad;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
/* line 454, ../../sass/components/form/_form-base.scss */
.form .control-group.info input:focus, .form .control-group.info select:focus, .form .control-group.info textarea:focus {
  border-color: #2d6987;
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3;
}
/* line 466, ../../sass/components/form/_form-base.scss */
.form .control-group.warning input[type="radio"],
.form .control-group.error input[type="radio"],
.form .control-group.success input[type="radio"],
.form .control-group.info input[type="radio"] {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
/* line 472, ../../sass/components/form/_form-base.scss */
.form input:focus:invalid,
.form textarea:focus:invalid,
.form select:focus:invalid {
  color: #b94a48;
  border-color: #ee5f5b;
}
/* line 479, ../../sass/components/form/_form-base.scss */
.form input:focus:invalid:focus,
.form textarea:focus:invalid:focus,
.form select:focus:invalid:focus {
  border-color: #e9322d;
  -moz-box-shadow: 0 0 6px #d59392;
  -webkit-box-shadow: 0 0 6px #d59392;
  box-shadow: 0 0 6px #d59392;
}
/* line 486, ../../sass/components/form/_form-base.scss */
.form .help-block,
.form .help-inline {
  color: #595959;
}
/* line 491, ../../sass/components/form/_form-base.scss */
.form .help-block {
  display: block;
  margin-bottom: 0;
}
/* line 496, ../../sass/components/form/_form-base.scss */
.form .help-inline {
  display: inline-block;
  *display: inline;
  padding-left: 5px;
  vertical-align: middle;
  *zoom: 1;
}
/* line 504, ../../sass/components/form/_form-base.scss */
.form .control-group {
    position: relative;
    top: -66px;
	*zoom: 1;
}
/* line 508, ../../sass/components/form/_form-base.scss */
.form .control-group:before, .form .control-group:after {
  display: table;
  line-height: 0;
  content: "";
}
/* line 514, ../../sass/components/form/_form-base.scss */
.form .control-group:after {
  clear: both;
}
/* line 520, ../../sass/components/form/_form-base.scss */
.form legend + .control-group {
  margin-top: 20px;
  -webkit-margin-top-collapse: separate;
}
/* line 525, ../../sass/components/form/_form-base.scss */
.form .radio input[type="radio"] {
  width: 20px;
  float: none;
  vertical-align: baseline;
  margin-top: 0;
  margin-bottom: 0;
}
/* line 533, ../../sass/components/form/_form-base.scss */
.form .radio .radio-label-text {
  line-height: 13px;
  vertical-align: baseline;
}
/* line 541, ../../sass/components/form/_form-base.scss */
.form .button-arrow-left button,
.form .button-arrow-right button {
  position: relative;
  box-shadow: none;
  height: 28px;
  overflow: visible;
}
/* line 549, ../../sass/components/form/_form-base.scss */
.form .button-arrow-left button {
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  margin-left: 20px;
}
/* line 556, ../../sass/components/form/_form-base.scss */
.form .button-arrow-right button {
  border-right: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 20px;
}
/* line 563, ../../sass/components/form/_form-base.scss */
.form .button-arrow-left button:after,
.form .button-arrow-right button:after {
  content: ' ';
  width: 19px;
  height: 19px;
  display: inline-block;
  position: absolute;
  top: 3px;
  background-color: #e1e1e1;
  border: 2px solid #656363;
  box-shadow: none;
}
/* line 576, ../../sass/components/form/_form-base.scss */
.form .button-arrow-left button:after {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
  left: -10px;
  border-width: 0px 1px 1px 0px;
  border-bottom-right-radius: 5px;
}
/* line 587, ../../sass/components/form/_form-base.scss */
.form .button-arrow-right button:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  right: -10px;
  border-width: 1px 1px 0px 0px;
  border-top-right-radius: 5px;
}
/* line 598, ../../sass/components/form/_form-base.scss */
.form .button-arrow-left button:hover:after,
.form .button-arrow-right button:hover:after {
  background-color: #939191;
}

/* line 606, ../../sass/components/form/_form-base.scss */
.form > .component-content,
.form-element > .component-content {
  overflow: hidden;
}

/* FORM HORIZONTAL STYLES
   ------------------------------------*/
/* line 616, ../../sass/components/form/_form-base.scss */
.form-horizontal .radio {
  display: inline-block;
  margin-right: 10px;
}

/* IE STYLES
    ------------------------------------*/
/* line 630, ../../sass/components/form/_form-base.scss */
.lt-ie9 .form fieldset {
  position: relative;
  margin: 10px;
}
/* line 635, ../../sass/components/form/_form-base.scss */
.lt-ie9 .form fieldset legend {
  position: relative;
  top: -0.7em;
  left: 0.5em;
  margin-right: 20px;
}
/* line 642, ../../sass/components/form/_form-base.scss */
.lt-ie9 .form fieldset legend span {
  display: block;
  width: 100%;
}
/* line 647, ../../sass/components/form/_form-base.scss */
.lt-ie9 .form .input-focus-border-fix {
  border-color: #52A8EC;
}
/* line 651, ../../sass/components/form/_form-base.scss */
.lt-ie9 .form .button {
  border: 1px solid #656363;
  height: auto;
  margin-left: 0;
  margin-right: 0;
}
/* line 658, ../../sass/components/form/_form-base.scss */
.lt-ie9 .form .button-arrow-left button:after,
.lt-ie9 .form .button-arrow-right button:after {
  position: static;
  border: none;
  display: inline;
}
/* line 665, ../../sass/components/form/_form-base.scss */
.lt-ie9 .form .button-arrow-left button:before {
  content: "<<";
  padding-right: 5px;
}
/* line 670, ../../sass/components/form/_form-base.scss */
.lt-ie9 .form .button-arrow-right button:after {
  content: ">>";
  padding-left: 5px;
}

/* line 682, ../../sass/components/form/_form-base.scss */
.lt-ie8 .form fieldset legend {
  top: -0.5em;
}
/* line 686, ../../sass/components/form/_form-base.scss */
.lt-ie8 .form .button {
  display: inline;
}
/* line 690, ../../sass/components/form/_form-base.scss */
.lt-ie8 .form .button-arrow-left button,
.lt-ie8 .form .button-arrow-right button {
  position: static;
}

/* MEDIA QUERIES
    ------------------------------------*/
@media only screen and (max-width: 767px) {
  /* line 705, ../../sass/components/form/_form-base.scss */
  .form .radio input[type="radio"] {
    height: 14px;
  }
  /* line 709, ../../sass/components/form/_form-base.scss */
  .form .control-group {
    margin-bottom: 10px;
  }
  /* line 713, ../../sass/components/form/_form-base.scss */
  .form .checkboxField .control-label {
    float: left;
  }
  /* line 717, ../../sass/components/form/_form-base.scss */
  .form .control-label {
    float: none;
    width: 160px;
    padding-top: 5px;
    text-align: left;
  }
  /* line 724, ../../sass/components/form/_form-base.scss */
  .form .controls {
    margin-left: 0;
  }
  /* line 728, ../../sass/components/form/_form-base.scss */
  .form .help-block {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 239px) {
  /* line 739, ../../sass/components/form/_form-base.scss */
  .form input,
  .form textarea,
  .form .uneditable-input {
    width: 200px;
  }
  /* line 745, ../../sass/components/form/_form-base.scss */
  .form select {
    width: 200px;
  }
}
/* NO JS STYLES
    ------------------------------------*/
/* line 758, ../../sass/components/form/_form-base.scss */
.no-js .clearButton {
  display: none;
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.hidden-password-field {
  display: none; }

.gigya-screen .default-submit-button input[type=submit] {
  background-color: #f36633; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/html/_html-base.scss */
.html .hints a {
  float: left;
  margin-right: 5px;
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/image/_image-base.scss */
.image .right {
  text-align: right;
}

/* line 7, ../../sass/components/image/_image-base.scss */
.image .left {
  text-align: left;
}

/* line 11, ../../sass/components/image/_image-base.scss */
.image .middle {
  text-align: center;
}
.skin-ad-prod-car-image.car-gel-image {
  position: relative;
  top: 83px;/*gs*/
}
@media only screen and (max-width: 767px) {
  /* line 16, ../../sass/components/image/_image-base.scss */
  .image .component-content {
   /*  text-align: center; */
  }
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery {
  border: solid 2px #323131;
  padding: 13px;
  background-color: #e1e1e1;
}

/* line 9, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-heading {
  display: block;
  color: #323131;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 10px;
}

/* line 13, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-view {
  border: solid 2px #323131;
  margin-bottom: 10px;
  overflow: hidden;
  position: relative;
  text-align: center;
  background: white;
}

/* line 22, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-view img {
  max-height: 100%;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

/* line 29, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-description {
  margin: 10px 0;
}

/* line 33, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-thumbnails {
  position: relative;
  margin: 20px 0;
}

/* line 38, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-list {
  overflow: hidden;
  margin: 0 50px;
  position: relative;
}

/* line 44, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-arrow,
.imageGallery-arrow.is-disabled:hover {
  position: absolute;
  top: 50%;
  margin-top: -30px;
  cursor: pointer;
  width: 35px;
  height: 60px;
  font: 0/0 serif;
  color: transparent;
}
/* line 56, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-arrow:before,
.imageGallery-arrow.is-disabled:hover:before {
  position: absolute;
  top: 50%;
  color: #AAA;
}

/* line 63, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-arrow:hover:before {
  color: #888;
}

/* line 67, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-description {
  margin: 15px 0;
}

/* line 71, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-arrow.is-disabled {
  opacity: 0.5;
}

/* line 75, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-arrow {
  text-align: center;
}

/* line 79, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-arrow-left,
.imageGallery-arrow-left.is-disabled:hover {
  left: 0;
}
/* line 82, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-arrow-left:before,
.imageGallery-arrow-left.is-disabled:hover:before {
  content: "\f053";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
}

/* line 88, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-arrow-right,
.imageGallery-arrow-right.is-disabled:hover {
  right: 0;
}
/* line 91, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-arrow-right:before,
.imageGallery-arrow-right.is-disabled:hover:before {
  content: "\f054";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 30px;
}

/* line 97, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-list-inner {
  overflow: hidden;
  display: block;
  position: relative;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  list-style: none;
  width: 4000px;
}

/* line 109, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-thumbnail {
  float: left;
  overflow: hidden;
  padding: 0;
  margin: 0 9px;
  cursor: pointer;
  text-align: center;
  position: relative;
  display: block;
  border: solid 4px #323131;
  opacity: .7;
  filter: alpha(opacity=70);
  -moz-transition: opacity .2s;
  -webkit-transition: opacity .2s;
  -o-transition: opacity .2s;
  -ms-transition: opacity .2s;
  transition: opacity .2s;
}

/* line 128, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-thumbnail:hover,
.imageGallery-thumbnail.is-active {
  opacity: 1;
  filter: alpha(opacity=100);
}

/* line 134, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-thumbnail-cover {
  display: block;
  max-width: none;
}

/* line 139, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-thumbnail-title {
  display: block;
  margin: 10px auto 0 auto;
  font-size: 11px;
  width: 71px;
}

/* line 146, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery .thumbnails-list li:hover .image,
.imageGallery .thumbnails-list li.active .image {
  border: solid 4px #323131;
  margin: 0;
}

/* line 152, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-thumbnail-image {
  margin: 2px;
  border: solid 2px #323131;
  position: relative;
}

/* line 158, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-thumbnail-overlay {
  opacity: 0.7;
  height: 28px;
  left: 50%;
  margin: -14px 0 0 -15px;
  position: absolute;
  top: 50%;
  width: 30px;
  cursor: pointer;
}
/* line 167, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-thumbnail-overlay:before {
  content: "\f04b";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-size: 15px;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  border: 3px solid #3e3e3e;
  text-indent: 7px;
  background: #fff;
  text-align: center;
  line-height: 24px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 186, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-thumbnail.is-active .imageGallery-thumbnail-overlay {
  opacity: 0;
  -moz-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  -ms-transition: opacity .5s;
  transition: opacity .5s;
}

/* line 195, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-thumbnail a {
  display: block;
}

/* line 199, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-thumbnail-image img {
  display: block;
  width: 63px;
  height: 52px;
  margin: 0 auto;
}

/* line 206, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-view {
  cursor: pointer;
}

/* line 210, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-view-overlay {
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 73px;
  height: 69px;
  margin: -34px 0 0 -36px;
  cursor: pointer;
  -moz-transition: opacity .5s;
  -webkit-transition: opacity .5s;
  -o-transition: opacity .5s;
  -ms-transition: opacity .5s;
  transition: opacity .5s;
}
/* line 224, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-view-overlay:before {
  content: "\f04b";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  display: inline-block;
  font-size: 30px;
  width: 100%;
  height: 100%;
  border: 3px solid #3e3e3e;
  text-indent: 5px;
  background: #fff;
  text-align: center;
  line-height: 65px;
}

/* line 241, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery.is-playing .imageGallery-view-overlay:before {
  content: "\f04c";
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  position: relative;
  font-weight: normal;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px;
}

/* line 247, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery .gallery-play {
  color: #323131;
}

/* line 251, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-view:hover .imageGallery-view-overlay {
  opacity: 0.7;
}

/* line 255, ../../sass/components/imageGallery/_imageGallery-base.scss */
.imageGallery-view .imageGallery-view-overlay:hover {
  opacity: 1;
  text-decoration: none;
}

/* line 261, ../../sass/components/imageGallery/_imageGallery-base.scss */
.mod-js .imageGallery-thumbnail {
  padding: 0;
}
/* line 265, ../../sass/components/imageGallery/_imageGallery-base.scss */
.mod-js .imageGallery-thumbnails {
  position: relative;
}

/*no js view*/
/* line 271, ../../sass/components/imageGallery/_imageGallery-base.scss */
.no-js .imageGallery-view {
  display: none;
}

/* line 275, ../../sass/components/imageGallery/_imageGallery-base.scss */
.no-js .imageGallery-list {
  margin: 0;
}

/* line 279, ../../sass/components/imageGallery/_imageGallery-base.scss */
.no-js .imageGallery-thumbnail img {
  width: auto;
  height: auto;
}

/* line 284, ../../sass/components/imageGallery/_imageGallery-base.scss */
.no-js .imageGallery-thumbnail {
  border: 0;
  opacity: 1;
  float: none;
  overflow: hidden;
}

/* line 291, ../../sass/components/imageGallery/_imageGallery-base.scss */
.no-js .imageGallery-thumbnail a:after {
  content: attr(data-description);
  display: block;
  padding: 10px 0 30px;
  text-align: left;
}

/* line 298, ../../sass/components/imageGallery/_imageGallery-base.scss */
.no-js .imageGallery-arrow {
  display: none;
}
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.locationfinder input[type=text] {
  font-family: sans-serif;
  font-size: 12px;
  border: 1px solid #D5D1CE;
  display: inline;
  float: left;
  height: 12px;
  padding: 8px;
  width: 27%; }
  @media only screen and (max-width: 767px) {
    .locationfinder input[type=text] {
      width: 60%;
      margin-bottom: 20px; } }

.locationfinder .button {
  padding: 8px;
  background-image: url(../../img/Search-icon.png);
  background-repeat: no-repeat;
  border: none;
  margin-right: 20px;
  width: 30px;
  height: 30px; }
  @media only screen and (max-width: 767px) {
    .locationfinder .button {
      margin-right: 24%;
      margin-bottom: 20px; } }

.locationfinder .locationFinder-selectOption {
  width: 7%;
  border: 1px solid #D5D1CE;
  height: 30px;
  margin-left: 10px;
  margin-right: 20px; }
  @media only screen and (max-width: 767px) {
    .locationfinder .locationFinder-selectOption {
      width: 20%;
      margin-left: 0px;
      margin-right: 15px; } }

.locationfinder .locationFinder-selectOption1 {
  height: 30px;
  margin-left: 15px;
  width: 15%; }
  @media only screen and (max-width: 767px) {
    .locationfinder .locationFinder-selectOption1 {
      width: 40%;
      margin-left: 0px; } }

.locationfinder .locationFinder-loadMore .loadMore {
  background-color: #f36633;
  border-radius: 3px;
  color: white;
  padding: 8px 20px;
  border: 1px solid #ccc;
  cursor: pointer;
  display: inline-block; }
  .locationfinder .locationFinder-loadMore .loadMore:hover {
    background-color: #939191;
    color: white; }
  .locationfinder .locationFinder-loadMore .loadMore:active {
    background-color: #939191;
    color: white; }
.locationFinder-results-set{     margin-top: 41px !important; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* line 3, ../../sass/components/map/_map-base.scss */
.map-canvas {
  border: solid 0px #323131;
  margin-bottom: 10px;
  text-align: center;
}

/* line 9, ../../sass/components/map/_map-base.scss */
.map-canvas img {
  width: 100%;
  max-width: inherit;
}

/* line 14, ../../sass/components/map/_map-base.scss */
.no-js .map-canvas img {
  width: 100%;
  max-width: 640px;
}
.where-to-buy-outer-box .map-outer-box .map-canvas {
max-height: 394px;
width: 685px;
}
@media only screen and (min-width :320px) and (max-width :767px)
{
.where-to-buy-outer-box .map-outer-box .map-canvas {
  max-height: 100%;
  width:320px !important;
}
}#wrapper .image-header-gsk img {
    position: absolute;
    top: 28px; /* Ashish Gupta */
    width: 120px;
    right: 2%;
    left: unset;
}

.snippetReference.section.component.fixed-component.header {
    max-width: 1110px;
    margin: 0px auto;
    position: relative;
}

.header-outer-box {
    width: 100%;
}

.at4-share-outer #at4-share, .at4-share-outer #at4-soc {
    top: 23% !important;
    bottom: auto;
    left: 54px;
    position: absolute;
}

.header-outer-box .box-navigation-Desktop .navigation-header {
    width: 82%;
    margin-left: 0px;
}

/*gs*/
.home-box4 .white-text2 {
    display: block;
    font-size: 40px;
    color: #fff;
    line-height: 40px;
}

#tabs-3 .prod-tabs-rte p, #tabs-2 .prod-tabs-rte p {
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 18px;
    padding-left: 0;
    padding-bottom: 5PX;
}

#tabs-3 .prod-tabs-rte p:last-child {
    font-weight: normal;
}

#tabs-3 .prod-tabs-rte ul li, #tabs-2 .prod-tabs-rte ul li {
    float: none;
    margin-bottom: 0px;
    line-height: 26px;
    clear: left;
    font-size: 16px;
}

#tabs-2 .prod-tabs-rte .richText-content ul li:before, #tabs-3 .prod-tabs-rte .richText-content ul li:before {
    left: -10px;
    content: '\25CB';
    font-size: 22px;
    top: 0px;
    position: absolute;
    color: #f25b00;
    display: inline-block;
}

.home-car-image3, .home-car-box {
    margin-bottom: 0px;
}

.header-outer-box .box-navigation-Desktop {
    margin-bottom: 0px;
    margin-top: 13px;
    display: block;
    margin-left: 48px;
}

.navigation-horizontal ul.navigation-branch li.page-where-to-buy {
    background: url(../../../../../../../content/dam/cf-consumer-healthcare/fenistil/master/vector-buy.png);
    background-repeat: no-repeat;
    background-position: 14% 9%; /*gs*/
    margin-left: 0px; /*gs*/
    position: relative;
    background-size: 11%;
    text-indent: 47px;
    margin-bottom: 1px;
}

.navigation-horizontal {
    margin-top: 14px;
}

.where-to-buy-icon img {
    position: absolute;
    left: 62%;
    float: left;
    top: 26px;
    display: none;
}

.box-navigation-mobile {
    display: none;
}

.home-nav-rte p a {
    color: #f25b00;
    text-decoration: none;
    font-size: 18px;
    line-height: 1.5;
}

.search-box > .component-content .form-search {
    display: none;
}

.image-header-gsk img {
    position: relative;
    top: 20px;
}

/* COLOR NAMES
----------------------------------------- */
.page-causes-of-itchy-skin .header-image img {
    margin-top: 0px;
    margin-bottom: -6px;
    height: 452px;
    width: 100%
}

/* PA 40 */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/*** SETTINGS ***/
/* line 25, ../../sass/components/navigation/_navigation-base.scss */
.navigation-root {
    text-align: left;
    z-index: 10;
    max-width: 100%;
}

/* line 31, ../../sass/components/navigation/_navigation-base.scss */
.navigation-mobile-menu {
    display: none;
}

/* line 38, ../../sass/components/navigation/_navigation-base.scss */
.no-js .navigation-level1 > .navigation-branch {
    display: block;
}

/* line 44, ../../sass/components/navigation/_navigation-base.scss */
.no-js .navigation-root.navigation-branch.navigation-level1 {
    display: block;
}

/* line 52, ../../sass/components/navigation/_navigation-base.scss */
.no-js .navigation-vertical .navigation-item .navigation-branch.navigation-level2 {
    display: block;
}

/* line 59, ../../sass/components/navigation/_navigation-base.scss */
.no-js .navigation-horizontal .navigation-item .navigation-branch.navigation-level2 {
    display: block;
    margin: 0 0 -2px 0;
    border-left: none;
    border-right: none;
    position: static;
}

/* line 65, ../../sass/components/navigation/_navigation-base.scss */
.no-js .navigation-horizontal .navigation-item .navigation-branch.navigation-level2 > .navigation-item {
    float: none;
}

/* line 73, ../../sass/components/navigation/_navigation-base.scss */
.navigation-branch {
    overflow: visible;
    margin: 0;
    padding: 0;
    list-style: none;
    /*   border-color: #4a4a4a;
      border-width: 2px 2px 2px 2px;
      border-style: solid;
     */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* line 82, ../../sass/components/navigation/_navigation-base.scss */
.navigation-branch.navigation-level1 {
    border: none;
    display: block;
}

/* line 88, ../../sass/components/navigation/_navigation-base.scss */
.navigation-item {
    margin: 0 0 0 0;
    /* so that borders collapse */
    border-color: #4a4a4a;
    border-width: 0 0 0 0;
    border-style: solid;
}

/* line 93, ../../sass/components/navigation/_navigation-base.scss */
.navigation-item > .navigation-item-title {
    display: block;
    /* padding: 5px 15px 5px 15px; */
    /* background: #e1e1e1; */
    color: #f25b00;
    font-size: 18px;
    line-height: 1.5;
    font-weight: normal;
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    /* text-overflow: ellipsis; */
    font-family: "Lato", sans-serif;
    font-weight: 400; /* PA 72 */
}

/* line 105, ../../sass/components/navigation/_navigation-base.scss */
.home-nav-rte p a:hover, .navigation-item > a.navigation-item-title:hover {
    text-decoration: none;
    color: #f25b00;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    font-style: normal;
}

.navigation-home .navigation-level2 .navigation-item > a.navigation-item-title:hover,
.navigation-header .navigation-level2 .navigation-item > a.navigation-item-title:hover {
    background-color: #f7f7f7;
}

.navigation-horizontal > .component-content > .navigation-branch > li.is-active {
    background-color: #ffffff;
    border-bottom: solid 6px #f25b00;
    cursor: pointer;
    padding-bottom: 24px;
    margin-bottom: 0px;
}

.navigation-home > .component-content > .navigation-branch > li.is-active {
    background-color: #ffffff;
    border-bottom: solid 6px #f25b00;
    cursor: pointer;
    padding-bottom: 26px;
    margin-bottom: 0px;
    width: 100%;
    text-align: center;

}

.navigation-horizontal > .component-content > .navigation-branch > li.has-active-child {
    background-color: #ffffff;
    border-bottom: solid 6px #f25b00;
    cursor: pointer;
    padding-bottom: 24px;
    margin-bottom: 0px;
}

/* PA 12 */

/* line 111, ../../sass/components/navigation/_navigation-base.scss */
.navigation-item > span.navigation-item-title {
    cursor: default;
}

/* line 116, ../../sass/components/navigation/_navigation-base.scss */
.navigation-item.has-children > .navigation-item-title .navigation-item-decoration {
    /* background-color: #c8c8c8; */
}

/* line 123, ../../sass/components/navigation/_navigation-base.scss */
.navigation-item.has-active-child > .navigation-item-title, .navigation-item.is-active > .navigation-item-title {
    color: #f25b00;
    /*   background: #a2a2a2; */
    text-decoration: none;
}

/* line 131, ../../sass/components/navigation/_navigation-base.scss */
.has-children .is-open:hover, .navigation-item.is-open > .navigation-branch, .no-js .navigation-item:hover > .navigation-branch {
    display: block;
}

/* line 135, ../../sass/components/navigation/_navigation-base.scss */
.navigation-item.navigation-level1 {
    /* margin: 0 0 0px 10px; */
    /* so that borders collapse */
    border-width: 0;
    border-style: solid;
    box-sizing: border-box;
    /* border-bottom:2px solid #f25b00;
    padding-bottom:15px; */
}

/* line 141, ../../sass/components/navigation/_navigation-base.scss */
.navigation-item.navigation-level1 > .navigation-item-title {
    /*color: #f25b00;
   text-decoration: none;
   font-family: "Lato", sans-serif;
   background: none;
   font-size:18px;
   font-weight: 300;
   line-height: 1.6;
   border-left: 1px solid #ebebeb;
   */
    padding: 0px 19px 0px 21px; /*Priya 13-08-2016*/
    /* border-right: 1px solid #e1e1e1; */
    border-bottom: none;
    border-top: none;
}

.navigation-item.navigation-level1 > .navigation-item-title {
    border-left: 1px solid #e1e1e1;
}

.navigation-home > .component-content > .navigation-branch > li {
    border-left: 0px solid #e1e1e1;
    width: 96px;
}

/*kv-20160818-UAT*/
/*kv-20160818-UAT*/
.header-outer-box .box-navigation-Desktop .navigation-header .navigation-level1 > li:nth-child(1) {
    width: 150px
}

.header-outer-box .box-navigation-Desktop .navigation-header .navigation-level1 > li:nth-child(2) {
    width: 215px
}

.header-outer-box .box-navigation-Desktop .navigation-header .navigation-level1 > li:nth-child(3) {
    width: 220px
}

.navigation-home .navigation-branch {
    margin-top: 14px;
}

/* PA imp *//* kv-20160818-UAT*/
.page-about-fenistil .navigation-home .navigation-branch {
    margin-top: 14px;
    padding-bottom: 26px;
    margin-bottom: 0px;
    width: 100%;
    text-align: center;
}

/* kv-20160818-UAT*/
/* line 151, ../../sass/components/navigation/_navigation-base.scss */
.navigation-item.navigation-level1 > a.navigation-item-title {
    word-spacing: -1px; /*kv-20160817-UAT*/
}

.navigation-item.navigation-level1 > a.navigation-item-title:hover {
    /* background: #939191; */
    text-decoration: none;
    word-spacing: -1px; /*kv-20160817-UAT*/
    text-overflow: normal
}

/* line 159, ../../sass/components/navigation/_navigation-base.scss */
.page-product-portfolio .navigation-item.navigation-level1.has-active-child > .navigation-item-title {
    padding: 0px 25px;
}

.navigation-item.navigation-level1.has-active-child > .navigation-item-title, .navigation-item.navigation-level1.is-active > .navigation-item-title {
    background: none;
    font-size: 17px;
    line-height: 1.6;
    color: #f25b00;
    /*  padding: 0px 15px; */
    /* border-left: 1px solid #ebebeb; */
    font-family: "Lato", sans-serif;
    font-style: normal;
    font-weight: normal;
}

/* .navigation-item.navigation-level1.is-active > .navigation-item-title {padding:0px 18px 0px 28px;}/*gs */

/* line 166, ../../sass/components/navigation/_navigation-base.scss */
.navigation-item.navigation-level2 {
    border-top: 1px solid #ebebeb;
}

/* line 172, ../../sass/components/navigation/_navigation-base.scss */
.navigation-branch.navigation-level2 {
    display: block;
}


/* line 176, ../../sass/components/navigation/_navigation-base.scss */
.navigation-item > .navigation-item-title {
    /* padding: 0px 25px;gs*/
}

/* line 184, ../../sass/components/navigation/_navigation-base.scss */
.mod-touch .navigation-horizontal .navigation-item .is-open.navigation-branch.navigation-level2 {
    display: block;
    position: relative;
    top: 0;
    left: 0;
}

/* line 191, ../../sass/components/navigation/_navigation-base.scss */
.mod-touch .navigation-horizontal .navigation-item.is-open .navigation-branch.navigation-level2 {
    overflow: hidden;
}

/* line 196, ../../sass/components/navigation/_navigation-base.scss */
.mod-touch .navigation-horizontal .navigation-item.navigation-level2:first-child {
    border-top: none;
}

/* line 201, ../../sass/components/navigation/_navigation-base.scss */
.mod-touch .navigation-horizontal .navigation-item .navigation-level2 .navigation-item {
    width: 100%;
}

/* line 212, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .navigation-item .is-open > .navigation-branch,
.mod-no-touch .navigation-horizontal .navigation-item:hover .navigation-branch.navigation-level2 {
    position: absolute;
    top: 26px;
    left: 0px;
    display: block;
    text-transform: uppercase;
    font-size: 18px;
    background-color: #fff;
    width: 100%;
    margin-left: 0px; /*gs*/
}

/* line 218, ../../sass/components/navigation/_navigation-base.scss */
.mod-no-touch .navigation-horizontal .navigation-item:hover .navigation-branch.navigation-level2 .navigation-item {
    float: none;
}

/* line 227, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .navigation-item {
    float: left;
    position: relative;
}

/* line 230, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .navigation-item .navigation-branch.navigation-level2,
.navigation-horizontal .navigation-item .navigation-branch.navigation-level3 {
    display: none;
}

/* line 235, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .navigation-item.is-open > .navigation-branch.navigation-level2,
.navigation-horizontal .navigation-item.is-open > .navigation-branch.navigation-level3 {
    display: block;
    float: none;
}

/* line 242, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .navigation-item.navigation-level2:first-child {
    border-top: none;
}

/* line 247, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .has-children > .navigation-item-title {
    /* padding-right:0px;*//*gs*/
    background-image: none;
}

/* line 250, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .has-children > .navigation-item-title .navigation-item-decoration {
    /* height: 15px;
    width: 20px; */
    position: relative;
    /* top: 6px; */
    /* background: url('../../assets/img/down-arrow.png'); */
    /* background-size: 100% 100%; */
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

/* line 258, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .has-children > .navigation-item-title .navigation-item-decoration:after {
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 41px;
    height: 41px;
    display: block;
    position: absolute;
    top: 17px;
    right: -12px;
    text-align: center;
}

/* line 269, ../../sass/components/navigation/_navigation-base.scss */
/* .navigation-horizontal .has-children > .navigation-item-title:hover .navigation-item-decoration {
/* background-color: #939191; */
/* position:relative;
}*/
/* line 273, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .has-children.navigation-level2 > .navigation-item-title {
    padding-right: 55px;
}

/* line 275, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .has-children.navigation-level2 > .navigation-item-title .navigation-item-decoration {
    height: 31px;
    width: 31px;
    line-height: 31px;
}

/* line 279, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .has-children.navigation-level2 > .navigation-item-title .navigation-item-decoration:after {
    width: 31px;
    height: 31px;
}

/* line 286, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .has-active-child > .navigation-item-title .navigation-item-decoration {
    /* background-color: #605e5e; */
}

/* line 291, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .navigation-level2.navigation-branch {
    /*   border-color: #4a4a4a;
      border-width: 2px 2px 2px 2px;
      border-style: solid; */
}

/* line 296, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .navigation-level2 .navigation-item-title {
    padding: 10px 15px 10px 22px;
    color: #f25b00;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    text-align: center;

}

/* line 300, ../../sass/components/navigation/_navigation-base.scss */
.navigation-horizontal .navigation-level2.navigation-root {
    max-width: none;
}

/* line 307, ../../sass/components/navigation/_navigation-base.scss */
.navigation-vertical .navigation-branch.navigation-level2,
.navigation-vertical .navigation-branch.navigation-level3 {
    display: none;
}

/* line 312, ../../sass/components/navigation/_navigation-base.scss */
.navigation-vertical .navigation-item.is-open > .navigation-branch.navigation-level2,
.navigation-vertical .navigation-item.is-open > .navigation-branch.navigation-level3 {
    display: block;
}

/* line 317, ../../sass/components/navigation/_navigation-base.scss */
.navigation-vertical .has-children > .navigation-item-title {
    position: relative;
}

/* line 319, ../../sass/components/navigation/_navigation-base.scss */
.navigation-vertical .has-children > .navigation-item-title .navigation-item-decoration {
    height: 41px;
    width: 41px;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    line-height: 41px;
}

/* line 327, ../../sass/components/navigation/_navigation-base.scss */
.navigation-vertical .has-children > .navigation-item-title .navigation-item-decoration:before {
    content: "\f078";
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    position: relative;
    font-weight: normal;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 41px;
    height: 41px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
}

/* line 340, ../../sass/components/navigation/_navigation-base.scss */
.navigation-vertical .has-children.navigation-level2 > .navigation-item-title .navigation-item-decoration {
    height: 31px;
    width: 31px;
    line-height: 31px;
}

/* line 344, ../../sass/components/navigation/_navigation-base.scss */
.navigation-vertical .has-children.navigation-level2 > .navigation-item-title .navigation-item-decoration:before {
    width: 31px;
    height: 31px;
}

/* line 351, ../../sass/components/navigation/_navigation-base.scss */
.navigation-vertical .has-active-child > .navigation-item-title .navigation-item-decoration {
    background-color: #c8c8c8;
}

/*gs*/
#header.main.search-open:before {
    border-top: 1px solid #fff;
    top: 145px;
    position: absolute;
    z-index: 9999999999;
    width: 60%;
    margin: 0px auto;
    left: 17em;
}

/*.page-search-result #header.main.search-open:before{
  top: 21em;
}*//*kv-20160819-UAT*/
/*gs*/
.navigation-horizontal ul.navigation-branch li.page-where-to-buy:before {
    content: " ";

}

@media only screen and (min-width: 600px) and (max-width: 600px) {
    /*kv-20160818-UAT*/
    #wrapper .navigation-horizontal ul.navigation-branch li.page-where-to-buy:before {
        content: url("../../assets/img/vector-buy.png");
        height: 24px;
        width: 22px;
        position: absolute;
        margin: 0px auto;
        display: block;
        left: 35%;
        top: 25%;
    }

    .navigation-home > .component-content > .navigation-branch > li {
        border-left: 0px solid #e1e1e1;
        width: 100%
    }

    .header-outer-box .box-navigation-Desktop .navigation-header .navigation-level1 > li:nth-child(1) {
        width: 100%
    }

    .header-outer-box .box-navigation-Desktop .navigation-header .navigation-level1 > li:nth-child(2) {
        width: 100%
    }

    .header-outer-box .box-navigation-Desktop .navigation-header .navigation-level1 > li:nth-child(3) {
        width: 100%
    }

    /*kv-20160818-UAT*/
    .home-box2 .home-lady-mob-image figcaption {
        top: 40px;
        position: absolute;
        left: 20px;
        display: block;
    }

    .home-car-mobile-box {
        padding: 0px;
        margin-bottom: 0px;
        height: 366px;
        margin-top: 0px;
        display: block;
        width: 100%;
        margin: 0px auto;
    }

    .search-full-box .search-icon img {
        float: left;
        left: 397px;
        top: -54px;
        position: absolute;
        border: none;
        padding-right: 0px;
        width: 27px;
    }
}

@media only screen and (min-width: 990px) {
    /*kv-20160818-UAT*/
    .navigation-home > .component-content > .navigation-branch > li {
        border-left: 0px solid #e1e1e1;
        width: 100%
    }

    .header-outer-box .box-navigation-Desktop .navigation-header .navigation-level1 > li:nth-child(1) {
        width: 115px
    }

    .header-outer-box .box-navigation-Desktop .navigation-header .navigation-level1 > li:nth-child(2) {
        width: 215px
    }

    .header-outer-box .box-navigation-Desktop .navigation-header .navigation-level1 > li:nth-child(3) {
        width: 215px
    }

    /*kv-20160818-UAT*/
    /* line 362, ../../sass/components/navigation/_navigation-base.scss */
    .mod-touch .navigation-horizontal .navigation-item.is-open .navigation-branch.navigation-level2 {
        margin: 0 0 -2px -2px;
        position: absolute;
        background-color: #fff;
    }
}


@media only screen and (max-width: 1024px) {
    /*kv-20160818-UAT*/
    .navigation-home > .component-content > .navigation-branch > li {
        border-left: 0px solid #e1e1e1;
        width: 100%
    }

    .header-outer-box .box-navigation-Desktop .navigation-header .navigation-level1 > li:nth-child(1) {
        width: 105px
    }

    .header-outer-box .box-navigation-Desktop .navigation-header .navigation-level1 > li:nth-child(2) {
        width: 200px
    }

    .header-outer-box .box-navigation-Desktop .navigation-header .navigation-level1 > li:nth-child(3) {
        width: 200px
    }

    /*kv-20160818-UAT*/
    .snippetReference.section.component.fixed-component.header {
        width: 100%;
        margin: 0px auto;
        position: relative;
    }

    .navigation-item.navigation-level1 > .navigation-item-title {
        padding: 0px 7px 0px 17px; /*kv-20160818-UAT*/
        /* border-right: 1px solid #e1e1e1; */
        border-bottom: none;
        border-top: none;
    }

    #wrapper .box-navigation-Desktop {
        display: block;
        margin-bottom: 0px;
        margin-top: 13px;
        display: block;
        margin-left: 0px;
        width: 75%; /*kv-20160818-UAT*/
    }

    .header-outer-box .box-navigation-Desktop .navigation-header {
        width: 86%;
    }

    /* line 395, ../../sass/components/navigation/_navigation-base.scss */
}


@media only screen and (min-width: 320px) and (max-width: 962px) {
    /*kv-20160818-UAT*/
    .navigation-horizontal ul.navigation-branch li.page-where-to-buy:before {
        content: url("../../assets/img/vector-buy.png");
        height: 24px;
        width: 22px;
        position: absolute;
        margin: 0px auto;
        display: block;
        left: 20%;
        top: 25%;
    }

    .navigation-home > .component-content > .navigation-branch > li {
        border-left: 0px solid #e1e1e1;
        width: 100%
    }

    .header-outer-box .box-navigation-Desktop .navigation-header .navigation-level1 > li:nth-child(1) {
        width: 100%
    }

    .header-outer-box .box-navigation-Desktop .navigation-header .navigation-level1 > li:nth-child(2) {
        width: 100%
    }

    .header-outer-box .box-navigation-Desktop .navigation-header .navigation-level1 > li:nth-child(3) {
        width: 100%
    }

    /*kv-20160818-UAT*/
    .navigation-horizontal .navigation-level2 .navigation-item-title {
        padding: 10px 15px 10px 22px;
        color: #fff;
        font-family: "Lato", sans-serif;
        font-weight: 400;
        text-align: center;
        border-bottom: 1px solid #fff;
    }

    .navigation-horizontal > .component-content > .navigation-branch > li.has-active-child {
        background-color: #FF8A0C;
        border-bottom: solid 1px #FFF;
        cursor: pointer;
        padding-bottom: 24px;
        margin-bottom: 0px;
        color: #fff;
    }

    .mod-touch .navigation-horizontal .navigation-item {
        width: 100%;
        background-color: #FF8A0C;
        margin-bottom: 1px;
        margin-left: 0px;
    }

    .navigation-item.navigation-level1 > .navigation-item-title {
        padding: 19px;
        text-align: center;
        background-color: #FF8A0C;
        color: #fff;
    }

    /* line 398, ../../sass/components/navigation/_navigation-base.scss */
    .mod-touch .navigation-horizontal .navigation-item.is-open .navigation-branch.navigation-level2 {
        margin: 0 0 -2px 0;
        border-left: none;
        border-right: none;
        position: static;
    }

    /* line 409, ../../sass/components/navigation/_navigation-base.scss */
    /* line 422, ../../sass/components/navigation/_navigation-base.scss */
    /* line 434, ../../sass/components/navigation/_navigation-base.scss */
    .navigation-item.navigation-level1 {
        width: 100%;
    }

    /* line 437, ../../sass/components/navigation/_navigation-base.scss */
    .navigation-branch.navigation-level1 {
        display: none;
    }

    /* line 439, ../../sass/components/navigation/_navigation-base.scss */
    .box-navigation-mobile .navigation-home .navigation-branch.navigation-level1, .navigation-branch.navigation-level1.is-open {
        display: block;
    }

    .navigation-home .navigation-branch {
        margin-top: 0px;
    }

    /* line 445, ../../sass/components/navigation/_navigation-base.scss */
    .navigation-horizontal .navigation-item:hover .navigation-branch.navigation-level2, .navigation-vertical .navigation-item:hover .navigation-branch.navigation-level2 {
        left: 0;
        border-left: none;
        border-right: none;
    }

    .has-active-child {
        padding: 19px 0px;
    }


    /* .navigation-mobile-menu:hover{ background:url('../assets/img/down-arrow/../icon-social-mail');} */
    .navigation-item.navigation-level1.has-active-child > .navigation-item-title, .navigation-item.navigation-level1.is-active > .navigation-item-title {
        border: none;
    }

    .navigation-horizontal > .component-content > .navigation-branch > li.is-active {
        background-color: #FF8A0C;
        border: none;
        cursor: pointer;
        padding-bottom: 20px;
        margin-bottom: 0px;
        padding: 19px 0px 19px 0px;
        border-bottom: 1px solid #fff;
    }

    .navigation-item.navigation-level1.has-active-child > .navigation-item-title, .navigation-item.navigation-level1.is-active > .navigation-item-title {
        color: #f25b00;
    }

    .home-nav-rte p a:hover, .navigation-item > a.navigation-item-title:hover {
        /* background: #d5d5d5; */
        text-decoration: none;
        color: #fff;
    }

    .navigation-horizontal .has-children > .navigation-item-title .navigation-item-decoration {
        height: 22px;
        width: 36px;
        position: absolute;
        right: 32px;
        top: 24px;
        text-align: center;
        line-height: 41px;
        background: url('../../assets/img/down-arrow.png');
        background-size: 100% 100%;
    }

    .navigation-horizontal ul.navigation-branch li.page-where-to-buy {
        background: url(../../assets/img/location-finder.png);
        background-repeat: no-repeat;
        background-position: 18% 35%;
        margin-left: 7px;
        position: relative;
        background-size: 11%;
        text-indent: -10px;
        border-right: 1px solid #ebebeb;
        margin-bottom: 1px;
        background-color: #FF8A0C;
        margin-left: 0px;
        width: 100%;

    }

    #wrapper .navigation-header-box {
        background: url('../../assets/img/closed.jpg');
        background-repeat: no-repeat;
        background-position: 0px;
        background-size: 100%;
    }

    #wrapper .navigation-mobile-menu:after {
        content: "\f0c9";
        display: block;
        font-family: FontAwesome;
        font-style: normal;
        position: relative;
        font-weight: normal;
        display: inline-block;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block;
        position: absolute;
        top: 0;
        line-height: 38px;
        font-size: 0px;
        right: 0;

    }

    .navigation-mobile-menu {
        display: block;
        width: 18%;
        height: 52px;
        position: absolute;
        cursor: pointer;
        border-width: 2px 2px 2px 2px;
        border-style: solid;
        box-sizing: border-box;
        margin: 0 0 -2px 0px;
        overflow: hidden;
        background: whitesmoke;
        background: url(../../assets/img/mobile-menu.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: 0;
        top: 0px;
        border: none;
        width: 75px;
        height: 75px;
    }

    #wrapper .box-navigation-Desktop {
        display: none;
    }

    .navigation-horizontal > .component-content > .navigation-branch > li.has-active-child {
        border-bottom: none;
        cursor: pointer;
        padding-bottom: 24px;
        margin-bottom: 0px;
    }

    .navigation-item.navigation-level2 {
        border: none;
    }

    .snippetReference.section.component.fixed-component.header {
        width: 100%;
        margin: 0px auto;
        position: relative;
    }

    .box-navigation-mobile .navigation-home {
        display: none;
    }

    .pro-tabs-box2 p span.prod-colon, .pro-tabs-box3 p span.prod-colon, .pro-tabs-box4 p span.prod-colon {
        background: url('../../assets/img/colon.png');
        background-repeat: no-repeat;
        top: -48px;
        text-indent: 158px;
        overflow: hidden;
        display: block;
        position: relative;
        margin-left: -13px;
    }

    p span.prod-colon {
        background: url('../../assets/img/colon.png');
        background-repeat: no-repeat;
        top: -48px;
        text-indent: 104px;
        overflow: hidden;
        display: block;
        position: relative;
        margin-left: -16px;
    }

    .navigation-horizontal {
        margin-top: 26px;
    }

    /* .navigation-horizontal .navigation-level2 .navigation-item-title{ color:#fff;} */
    /* .page-product-portfolio .navigation-item.navigation-level1.has-active-child > .navigation-item-title{ padding:19px 0px;} */
    .navigation-item.navigation-level1.has-active-child > .navigation-item-title, .navigation-item.navigation-level1.is-active > .navigation-item-title {
        background: none;
        font-size: 18px;
        font-weight: 300;
        line-height: 1.6;
        color: #f25b00;
        padding: 0px 1.2em;
        font-weight: bold;
        border-left: 1px solid #ebebeb;
    }

    .box-navigation-mobile {
        display: block;
    }

    #wrapper .image-header-gsk img {
        position: absolute;
        left: 84%;
        top: 20px;
        width: 120px;
    }

    .navigation-item.navigation-level1.has-active-child > .navigation-item-title, .navigation-item.navigation-level1.is-active > .navigation-item-title {
        border: none;
    }

    .navigation-horizontal > .component-content > .navigation-branch > li.is-active {
        background-color: #FF8A0C;
        border: none;
        cursor: pointer;
        margin-bottom: 0px;
        padding: 19px 0px 19px 0px;
        border-bottom: 1px solid #fff;
    }
}

@media only screen and (min-width: 962px) and (max-width: 962px) {
    .navigation-horizontal ul.navigation-branch li.page-where-to-buy:before {
        content: url("../../assets/img/vector-buy.png");
        height: 24px;
        width: 22px;
        position: absolute;
        margin: 0px auto;
        display: block;
        left: 39%;
        top: 25%;
    }

    /*kv-20160818-UAT*/
    .navigation-home > .component-content > .navigation-branch > li {
        border-left: 0px solid #e1e1e1;
        width: 100%
    }

    .header-outer-box .box-navigation-Desktop .navigation-header .navigation-level1 > li:nth-child(1) {
        width: 100%
    }

    .header-outer-box .box-navigation-Desktop .navigation-header .navigation-level1 > li:nth-child(2) {
        width: 100%
    }

    .header-outer-box .box-navigation-Desktop .navigation-header .navigation-level1 > li:nth-child(3) {
        width: 100%
    }

    /*kv-20160818-UAT*/
    #wrapper .header-outer-box {
        width: 100%;
        margin: 0px auto;
    }

    .image-header-gsk img {
        position: absolute;
        left: 83%;
        top: 20px;
    }
}

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

    /*kv-20160818-UAT*/
    .navigation-horizontal ul.navigation-branch li.page-where-to-buy:before {
        content: url("../../assets/img/vector-buy.png");
        height: 24px;
        width: 22px;
        position: absolute;
        margin: 0px auto;
        display: block;
        left: 37%;
        top: 25%;
    }

    /*kv-20160818-UAT*/
    .navigation-home > .component-content > .navigation-branch > li {
        border-left: 0px solid #e1e1e1;
        width: 100%
    }

    .header-outer-box .box-navigation-Desktop .navigation-header .navigation-level1 > li:nth-child(1) {
        width: 100%
    }

    .header-outer-box .box-navigation-Desktop .navigation-header .navigation-level1 > li:nth-child(2) {
        width: 100%
    }

    .header-outer-box .box-navigation-Desktop .navigation-header .navigation-level1 > li:nth-child(3) {
        width: 100%
    }

    /*kv-20160818-UAT*/
    .navigation-mobile-menu {
        display: block;
        width: 18%;
        height: 52px;
        position: absolute;
        cursor: pointer;
        border-width: 2px 2px 2px 2px;
        border-style: solid;
        box-sizing: border-box;
        margin: 0 0 -2px 0px;
        overflow: hidden;
        background: whitesmoke;
        background: url(../../assets/img/mobile-menu.png);
        background-repeat: no-repeat;
        background-size: 100%;
        background-position: 0;
        top: 0px;
        border: none;
        width: 84px;
        height: 84px;
    }
}

/* NEWSFEED ITEM */
/* NEWSFEED COMPONENT */
/* PER PAGE */
/* MOBILE */
.newsfeed-result {
  padding: 0;
  margin: 0;
  background: #F5F5F5;
  margin-bottom: 20px; }

.newsfeed-image {
  margin: 0;
  height: 150px;
  overflow: hidden; }
  .newsfeed-image img {
    height: 100%;
    min-width: 100%;
    left: 50%;
    position: relative;
    transform: translateX(-50%); }

.newsfeed-inner-content {
  padding: 10px 15px;
  border-top: solid 4px #F36533; }

.newsfeed-category {
  margin: 0 0 10px;
  font-style: italic;
  color: #73645D; }

.newsfeed-title {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: bold;
  color: #7E7E7E; }
  .newsfeed-title:only-child {
    border-bottom: 0;
    padding: 0;
    margin: 0; }
  .newsfeed-title a:hover {
    text-decoration: none; }
  .newsfeed-title a:active {
    text-decoration: none; }
  .newsfeed-title a:focus {
    text-decoration: none; }

.newsfeed-date {
  font-size: 13px;
  margin: 0 0 10px;
  font-style: italic;
  color: #73645D; }

.newsfeed-description {
  margin: 0 0 10px;
  color: #73645D; }

.newsfeed-url {
  font-size: 13px;
  word-break: break-all; }
  .newsfeed-url a {
    color: #16727F;
    font-weight: bold; }
    .newsfeed-url a:hover {
      text-decoration: none; }
    .newsfeed-url a:active {
      text-decoration: none; }
    .newsfeed-url a:focus {
      text-decoration: none; }

.newsfeed {
  position: relative; }
  .newsfeed a {
    color: inherit;
    text-decoration: none; }
  .newsfeed .active a {
    font-weight: bold; }
  .newsfeed .splitter {
    color: #F36533; }

.newsfeed-number {
  margin-bottom: 20px;
  position: absolute;
  left: 250px;
  top: -50px; }
  .newsfeed-number .results-count-strong {
    font-weight: bold; }

.newsfeed-pagination .mobile {
  display: none; }

.newsfeed-pagination-list {
  font-size: 13px;
  font-size: 1.3rem;
  padding: 0;
  margin: 20px 0 0;
  list-style: none;
  float: right; }

.newsfeed-pagination-item {
  display: inline-block; }
  .newsfeed-pagination-item a {
    display: block;
    border: 1px solid #e9e9e9;
    width: 25px;
    line-height: 25px;
    text-align: center;
    margin-right: 3px; }
    .newsfeed-pagination-item a:hover {
      text-decoration: none;
      border-color: #a0ce4e; }
    .newsfeed-pagination-item a:focus {
      text-decoration: none;
      border-color: #a0ce4e; }
    .newsfeed-pagination-item a:active {
      text-decoration: none;
      border-color: #a0ce4e; }

.newsfeed-pagination-item.separator {
  display: inline-block;
  border: 1px solid #fff;
  width: 25px;
  line-height: 25px;
  text-align: center;
  margin-right: 3px;
  letter-spacing: 2px; }
  .newsfeed-pagination-item.separator:before {
    content: "..."; }

.newsfeed-pagination-item.is-active a {
  background: #a0ce4e;
  color: #fff;
  cursor: default; }

.newsfeed-pagination-item.item-next a {
  border: 0;
  width: auto; }
  .newsfeed-pagination-item.item-next a:hover {
    color: #a0ce4e; }
  .newsfeed-pagination-item.item-next a:focus {
    color: #a0ce4e; }
  .newsfeed-pagination-item.item-next a:active {
    color: #a0ce4e; }
  .newsfeed-pagination-item.item-next a:after {
    content: ">";
    font-family: FontAwesome, serif;
    display: inline-block;
    font-style: normal;
    position: relative;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 10px;
    font-size: 1rem;
    margin-left: 5px; }

.newsfeed-pagination-item.item-previous a {
  border: 0;
  width: auto; }
  .newsfeed-pagination-item.item-previous a:hover {
    color: #a0ce4e; }
  .newsfeed-pagination-item.item-previous a:focus {
    color: #a0ce4e; }
  .newsfeed-pagination-item.item-previous a:active {
    color: #a0ce4e; }
  .newsfeed-pagination-item.item-previous a:before {
    content: "<";
    font-family: FontAwesome, serif;
    display: inline-block;
    font-style: normal;
    position: relative;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    font-size: 10px;
    font-size: 1rem;
    margin-right: 5px; }

.view-all.button {
  margin-top: 30px; }

.promo .view-all.button {
  text-align: center; }

.related .view-all.button {
  text-align: start; }

.view-all a {
  background: #15717d;
  padding: 10px 23px;
  border-radius: 20px;
  color: #fff; }

span.newsfeed-related-updates {
  display: block;
  margin: 50px 0 20px 0;
  font-style: italic;
  color: #73645D; }

a.newsfeed-related-category {
  background: #f3f2f0;
  padding: 15px;
  border-radius: 40px;
  font-weight: bold;
  color: #15717d; }

.newsfeed-perPage {
  max-width: 200px;
  margin: 14px 0 0; }
  .newsfeed-perPage > div {
    display: inline-block; }
  .newsfeed-perPage .active {
    font-style: italic;
    background: #DDD; }
  .newsfeed-perPage a {
    color: inherit;
    text-decoration: none; }
  .newsfeed-perPage .heading {
    background: #EEE;
    min-width: 100px;
    padding: 10px; }
  .newsfeed-perPage .slider {
    position: absolute;
    background: #FFF;
    width: 100%;
    max-width: 198px;
    border: 1px solid grey;
    z-index: 100; }
  .newsfeed-perPage ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .newsfeed-perPage li {
    padding: 5px 20px; }
    .newsfeed-perPage li a {
      display: block; }

@media (max-width: 767px) {
  .newsfeed-pagination {
    text-align: center; }
    .newsfeed-pagination .mobile {
      display: block; }
    .newsfeed-pagination .desktop {
      display: none; }
  .newsfeed-pagination-list {
    display: inline-block;
    float: none; }
  .newsfeed-result.has-image {
    text-align: center; }
    .newsfeed-result.has-image .newsfeed-image {
      position: static;
      margin-bottom: 20px; }
    .newsfeed-result.has-image .newsfeed-title {
      text-align: left;
      margin-left: 0; }
    .newsfeed-result.has-image .newsfeed-description {
      text-align: left;
      margin-left: 0; }
    .newsfeed-result.has-image .newsfeed-date {
      text-align: left;
      margin-left: 0; }
    .newsfeed-result.has-image .newsfeed-url {
      text-align: left;
      margin-left: 0; }
  .item-previous {
    float: left; }
  .item-next {
    float: right; } }
.newsfeedFilterBy {
  max-width: 200px; }
  .newsfeedFilterBy .active {
    font-style: italic;
    background: #DDD; }
  .newsfeedFilterBy a {
    color: inherit;
    text-decoration: none; }
  .newsfeedFilterBy .heading {
    background: #F36533;
    color: #FFF;
    padding: 10px; }
  .newsfeedFilterBy .slider {
    position: absolute;
    background: #FFF;
    width: 100%;
    max-width: 198px;
    border: 1px solid grey;
    z-index: 100; }
    .newsfeedFilterBy .slider .tag-link a {
      display: block; }
  .newsfeedFilterBy .top-level {
    font-weight: bold;
    padding-left: 10px; }
  .newsfeedFilterBy ul {
    list-style: none;
    padding: 0;
    margin: 0; }
  .newsfeedFilterBy li {
    padding: 5px 20px; }
.podcast {
  border-radius: 4px;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid #EFEFED;
  max-width: 800px; }
  .podcast p {
    margin: 0; }

.podcast__information {
  display: flex; }

.podcast__text {
  padding: 10px; }

.podcast__title {
  font-weight: 700; }

.audio {
  background-color: #efefed; }

.audio__controls {
  display: flex;
  align-items: center; }

.audio__backwards {
  visibility: hidden;
  height: 37px;
  width: 37px;
  border: 1px solid #15717d;
  border-radius: 50%; }

.audio__forwards {
  visibility: hidden;
  height: 37px;
  width: 37px;
  border: 1px solid #15717d;
  border-radius: 50%; }

.audio__backwards, .audio__forwards, .audio__play, .audio__pause {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer; }

.audio__play {
  height: 50px;
  width: 50px;
  background-color: #15717d;
  border-radius: 50%; }
  .audio__play:after {
    content: "\25b6";
    color: #fff;
    font-size: 25px; }

.audio__pause {
  display: none;
  height: 50px;
  width: 50px;
  background-color: #ffffff;
  border-radius: 50%; }
  .audio__pause:after {
    content: "| |";
    color: #000;
    font-size: 25px; }

.audio--playing .audio__pause {
  display: flex; }

.audio--playing .audio__backwards {
  visibility: visible; }

.audio--playing .audio__forwards {
  visibility: visible; }

.audio--playing .audio__play {
  display: none; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.powerreviews {
  border: solid 1px #e0e0e0;
  padding: 5px 10px 0 10px;
  margin-bottom: 5px; }
  .powerreviews .p-w-r .pr-header-title {
    color: #f36633; }
  .powerreviews .p-w-r .pr-star-selected {
    background-color: #f36633; }
  .powerreviews .pr-snapshot-rating .pr-stars {
    background-image: url("../../img/stars.gif"); }
  .powerreviews .pr-review-rating .pr-stars-small {
    background-image: url("../../img/stars_small.gif"); }
  .powerreviews .pr-snippet-stars .pr-stars-small {
    background-image: url("../../img/stars_small.gif"); }
  .powerreviews.pr-base-modal a, .powerreviews .pr-pa-snippet a, .powerreviews .pr-review-engine a, .powerreviews .pr-snippet a, .powerreviews prImageSnippet a {
    color: #f36633; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.product-list-main__results .product {
  border-bottom: 2px solid #f3f2f1; }

.productList .product-list-content {
  display: table;
  width: 50%;
  margin-left: auto;
  margin-right: auto; }
  .productList .product-list-content .product-list-main, .productList .product-list-content product-list-header {
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto; }

.productList .alphabet-filter__element {
  margin-left: 10px; }

.productList .no-of-shown-results, .productList .no-of-all-results, .productList .applied-filter {
  font-weight: bold; }

.productList .product-list-main {
  display: table-row;
  justify-content: space-around; }

.productList .product-list-header {
  display: table-row;
  justify-content: space-around; }

.productList .product-list-filter--alphabet {
  border-left: 2px solid #f3f2f1; }

.productList .product-list-filter .filter-trigger--alphabet {
  color: #72635d;
  cursor: default;
  opacity: 0.5;
  text-decoration: none;
  margin: 0; }
  .productList .product-list-filter .filter-trigger--alphabet.filter-trigger--active {
    color: #f36633;
    cursor: pointer;
    opacity: 1;
    text-decoration: none; }

.productList .product-list-header__filter-by .filter-by__label {
  background-color: #f36633;
  color: white;
  padding: 10px 30px;
  font-size: 16px;
  border: none;
  cursor: pointer; }

.productList ul.filter__product-types {
  display: none;
  position: absolute;
  background-color: #f2f2f2;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1; }
  .productList ul.filter__product-types li {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block; }
    .productList ul.filter__product-types li input ~ span::after {
      content: "";
      background-color: white;
      border-radius: 30px;
      width: 20px;
      height: 20px;
      margin: 0 7px 0 0;
      position: absolute;
      right: 0; }
    .productList ul.filter__product-types li input:checked ~ span::after {
      background-color: #15717e;
      border: 2px solid white;
      margin: 0 6px 0 0; }
    .productList ul.filter__product-types li input {
      visibility: hidden; }

.productList ul .alphabet-filter__elements, .productList ul .product__links--additional {
  list-style-type: none;
  margin: 0;
  padding: 0; }

.productList ul.filter__product-types.show {
  display: block;
  padding: 0; }

.productList .product__info-formula-text {
  font-style: italic; }

.productList .product .product__links a {
  color: #15717e;
  font-weight: bold; }

.productList .product .product__info-title, .productList .product .product__info-title a {
  color: #15717e;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold; }

.productList .product .product__info-title.lock-icon {
  color: black;
  font-size: 18px;
  line-height: 18px;
  font-weight: bold; }
  .productList .product .product__info-title.lock-icon a:before {
    content: '!';
    color: #ff0000; }

.productList .product-list-main__results {
  width: 95%; }
  .productList .product-list-main__results .product {
    display: flex;
    margin-top: 15px; }
    .productList .product-list-main__results .product .product__info {
      width: 50%; }
    .productList .product-list-main__results .product .product__links {
      width: 60%;
      margin-left: auto;
      margin-right: auto;
      font-family: sans-serif;
      font-size: 13px;
      font-weight: 700; }

.productList .results__show-more-btn {
  display: inline-block;
  margin-top: 15px;
  color: white;
  background-color: #15717e;
  padding: 10px 30px;
  border-radius: 20px;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
  width: 20%;
  margin-left: 35%;
  margin-right: auto; }
  .productList .results__show-more-btn:hover {
    background-color: white;
    display: inline-block;
    padding: 8px 30px;
    border: 2px solid #15717e;
    color: #15717e;
    font-size: 18px;
    width: 20%;
    margin-left: 35%;
    margin-right: auto; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.questionanswers.hideScoreBox .quizScoreBox, .questionanswers.hideScoreBox .quizResultBoxContainer {
  display: none; }

.quizResultBoxContainer.showBoxQuiz {
  display: block; }

.quizButton img {
  cursor: pointer; }
/* COLOR NAMES
----------------------------------------- */
/*theme colors*/
/*hard-coded colors*/
/* FUNCTIONAL COLORS
----------------------------------------- */
/*border colors*/
/*text colors*/
/*background colors*/
/*gradient colors*/
/* all other colors*/
/* BUTTONS
----------------------------------*/
.questionWithCheck {
  border: dotted 1px #D5D1CE;
  padding: 10px; }
  .questionWithCheck .formControl-radio {
    float: left;
    margin: 0;
    padding: 0;
    width: 21px; }
  .questionWithCheck .genericFormGroup span input[type="checkbox"] {
    float: left;
    margin: 2px 2px 0 0;
    padding: 0;
    width: 15px; }

.questionWithRadio button {
  background: white;
  border: 1px solid white;
  border-radius: 0;
  float: left;
  margin-right: 15px; }
  .questionWithRadio button.optionActive {
    border: solid 1px #D5DCEF; }

.questionWithRadio .formControl-radio {
  float: left;
  margin: 0;
  padding: 0;
  width: 21px; }

.questionWithRadio .genericFormGroup span input[type="radio"] {
  float: left;
  margin: 2px 2px 0 0;
  padding: 0;
  width: 15px; }

.questionWithRadio .genericFormGroup label, .questionWithCheck .genericFormGroup label {
  float: left;
  padding: 1px 0 0;
  width: auto;
  margin-right: 15px; }

.questionWithRadio .genericFormGroup .quizRadioImg label, .questionWithCheck .genericFormGroup .quizRadioImg label {
  width: 100px; }

.questionWithRadio .quizScoreBox, .questionWithCheck .quizScoreBox {
  border: 1px solid #0F61AF;
  background: white;
  text-align: center;
  font-weight: 700;
  padding: 5px;
  width: 50px;
  height: 15px;
  margin-left: 20px;
  float: left; }
  .questionWithRadio .quizScoreBox p, .questionWithCheck .quizScoreBox p {
    margin: 0;
    font-weight: 700; }

.questionWithRadio .imgContainer, .questionWithCheck .imgContainer {
  width: 100%;
  float: left; }

.questionWithRadio .quizQuestion p, .questionWithCheck .quizQuestion p {
  margin: 0 0 15px 0; }

.quizHideBox {
  display: none; }

.quizOverlayContainer .overlay-bg {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  cursor: pointer;
  z-index: 1000;
  /* high z-index */
  background: #000;
  /* fallback */
  background: rgba(0, 0, 0, 0.75);
  text-align: center; }

.quizOverlayContainer .overlay-content {
  background: none repeat scroll 0 0 white;
  display: inline-block;
  max-width: 90%;
  min-height: 80px;
  min-width: 80px;
  padding: 30px 10px 10px;
  position: relative;
  text-align: left;
  top: 150px; }

.quizOverlayContainer .overlay-close {
  background: url("../../img/overlay-close-icon.png") no-repeat scroll 0 0/20px auto rgba(0, 0, 0, 0);
  cursor: pointer;
  display: none;
  font-size: 25px;
  height: 20px;
  position: absolute;
  right: 3px;
  top: 5px;
  width: 20px;
  z-index: 9999; }

.quizOverlayContainer .close-btn:hover {
  background: #05abe0; }

.questionWithImage {
  clear: both; }
  .questionWithImage .quizQuestion {
    border: 2px solid #0F61AF;
    background: #D5DCEF;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    padding: 15px 10px 20px 10px;
    float: left;
    width: 80%; }
    .questionWithImage .quizQuestion p {
      font-weight: 700;
      line-height: 1.2em;
      margin: 10px 0 0 0;
      vertical-align: middle;
      color: black; }
  .questionWithImage .imgContainer {
    float: left;
    width: 50%;
    text-align: center; }
    .questionWithImage .imgContainer span {
      border: 3px solid #78A7D2;
      padding: 10px;
      height: 36px;
      width: 36px;
      -webkit-border-radius: 150px;
      -moz-border-radius: 150px;
      border-radius: 150px; }
    .questionWithImage .imgContainer img {
      text-align: center;
      vertical-align: bottom;
      cursor: pointer; }
  .questionWithImage .quesLeftCaption, .questionWithImage .quesRighCaption {
    float: left;
    width: 25%; }

.quizResultContainer {
  width: 92%; }

.quizScoreBox {
  border: 2px solid #0F61AF;
  background: #D5DCEF;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  padding: 5px;
  width: 58px;
  height: 62px;
  margin-left: 20px;
  float: left; }
  .quizScoreBox p {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    margin: 0;
    color: black;
    margin-top: 15px; }
  .quizScoreBoxtotalScoreBox {
    float: right; }

.quiz .nextQuestionPage {
  float: right; }

.quiz .generateScore {
  float: right; }

.quiz .button.generateScore {
  width: 230px;
  padding: 10px;
  font-weight: 700;
  font-size: 22px;
  color: white;
  background: #115A64; }

.quiz .button.generateScoreNewPage {
  padding: 10px;
  font-weight: 700;
  color: #0073BD;
  border: solid 1px white;
  background: #E4FE98; }

.quiz.quizWithBGImage {
  float: left; }
  .quiz.quizWithBGImage .quizQuestionBox {
    background-color: #FFF1D0;
    padding: 20px;
    width: 70%; }
    .quiz.quizWithBGImage .quizQuestionBox h2 {
      color: #4469A1;
      font-size: 40px;
      margin-bottom: 0; }
    .quiz.quizWithBGImage .quizQuestionBox p {
      font-size: 18px;
      color: #5C5D59;
      margin: 0;
      line-height: 22px; }
  .quiz.quizWithBGImage .quizQuestionOption {
    position: relative;
    background-repeat: no-repeat;
    background-position: left top; }
  .quiz.quizWithBGImage .quizOptionButton {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #E2F1F3;
    padding: 17px 25px 17px 25px;
    font-size: 20px;
    border: 0;
    border-radius: 0;
    color: #73A1A7; }
    .quiz.quizWithBGImage .quizOptionButton focus {
      border: dotted 1px #000; }
    .quiz.quizWithBGImage .quizOptionButton span {
      background: url("../../img/boxlink-arrow.png") no-repeat right center;
      padding-right: 25px; }

.quiz.quizProgressBar .quizProgressBarQuestions {
  background-color: white;
  padding: 5px;
  position: relative;
  margin-bottom: 35px; }
  .quiz.quizProgressBar .quizProgressBarQuestions .quizProgressBarQuestion {
    color: #22508E;
    font-size: 24px;
    font-style: normal;
    font-weight: normal;
    position: absolute;
    top: 2px;
    padding: 0;
    border: none;
    background: none;
    cursor: text; }

.quiz.quizProgressBar .quizProgressBarDots {
  background-color: #eeece4;
  border: 1px solid #eeece4;
  border-radius: 18px;
  height: 10px;
  padding: 5px;
  position: relative; }

.quiz.quizProgressBar .quizProgressDots {
  background-color: white;
  border-radius: 100%;
  cursor: pointer;
  display: block;
  height: 12px;
  left: 0;
  position: absolute;
  top: 4px;
  width: 12px;
  box-shadow: none;
  border: 0px solid gainsboro; }
  .quiz.quizProgressBar .quizProgressDots.active {
    background-color: #099696;
    height: 16px;
    width: 16px;
    left: 0;
    position: absolute;
    top: 2px; }
  .quiz.quizProgressBar .quizProgressDots.firstactive {
    background-color: #099696;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 2px; }
  .quiz.quizProgressBar .quizProgressDots.progressActive {
    background-color: #099696;
    height: 16px;
    width: 16px;
    position: absolute;
    top: 2px; }

.quizWithBGImage.questionOption1 .quizQuestionOption {
  height: 450px; }

.quizWithBGImage.questionOption2 .quizQuestionOption, .quizWithBGImage.questionOption3 .quizQuestionOption, .quizWithBGImage.questionOption4 .quizQuestionOption, .quizWithBGImage.questionOption5 .quizQuestionOption {
  height: 225px; }

.quizWithBGImage.questionOption1, .quizWithBGImage.questionOption4 {
  width: 50%; }

.quizWithBGImage.questionOption2, .quizWithBGImage.questionOption3 {
  width: 25%; }

#question3 .quizWithBGImage .questionOption2 {
  height: 450px; }
  #question3 .quizWithBGImage .questionOption2 .quizQuestionOption {
    height: 450px; }

#question3 .quizWithBGImage.questionOption2 {
  widht: 50%; }

#question2 .quizWithBGImage.questionOption3, #question2 .quizWithBGImage.questionOption4, #question2 .quizWithBGImage.questionOption5 {
  width: 25%; }

.quizProgressBar {
  background: white;
  border: solid 1px white;
  padding: 20px 0;
  border-color: white;
  box-shadow: 0 0 10px #9ecaed; }

.progressDotActive {
  width: 2%;
  background: #099696;
  height: 10px; }

.quizRadioImg {
  float: left;
  width: 100px; }

.hideQuizTotalBox .quizResultContainer {
  display: none; }

/* Mobile start */
@media only screen and (max-width: 767px) {
  .questionWithCheck .formControl-radio {
    clear: both;
    display: block; } }

@media only screen and (max-width: 420px) {
  .questionWithRadio .formControl-radio, .questionWithCheck .formControl-radio {
    clear: both;
    display: block;
    float: left;
    width: 6%; }
  .questionWithRadio .genericFormGroup label, .questionWithCheck .genericFormGroup label {
    display: block;
    float: left;
    width: 50%; }
  .quizRadioImg {
    width: 100%; }
  .questionWithImage .quizQuestion {
    width: 60%; }
  .questionWithImage .quesLeftCaption, .questionWithImage .quesRightCaption, .questionWithImage .imgContainer {
    display: block;
    width: 100%; }
  .quiz.quizProgressBar .quizProgressBarQuestions {
    margin-bottom: 15px; }
    .quiz.quizProgressBar .quizProgressBarQuestions .quizProgressBarQuestion {
      font-size: 12px;
      font-weight: 700; }
  .quiz.quizWithBGImage {
    width: 100%;
    display: block; }
    .quiz.quizWithBGImage .quizQuestionOption {
      width: 100%;
      display: block;
      background: no-repeat;
      background-position: center center;
      background-attachment: scroll;
      background-size: 100% 100%; }
  .quizWithBGImage.questionOption1, .quizWithBGImage.questionOption4, .quizWithBGImage.questionOption2, .quizWithBGImage.questionOption3 {
    width: 100%; }
  .quizWithBGImage #question3 .quizWithBGImage.questionOption2 {
    width: 100%; }
  .quizWithBGImage #question2 .quizWithBGImage.questionOption3, .quizWithBGImage #question2 .quizWithBGImage.questionOption4, .quizWithBGImage #question2 .quizWithBGImage.questionOption5 {
    width: 100%; } }