.hero {
    background: url('https://idmdesign.co.uk/wp-content/uploads/2018/01/services.jpg');

    background-position: center;
    position: relative;
    margin: 0;
}

.hero:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
}

.hero h2 {
    color: white;
    padding: 80px 0px 80px 0px;
    position: relative;
    font-size: 40px;
}

#fade {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .80;
    filter: alpha(opacity=80);
}

#light {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;

    margin-left: -600px;
    margin-top: -335px;
    z-index: 1002;
    overflow: visible;
}

#boxclose {
    float: right;
    cursor: pointer;
    color: #fff;
    font-size: 31px;
    font-weight: bold;
    display: inline-block;
    line-height: 0px;
    padding: 11px 3px;
    position: absolute;
    right: 3px;
    top: -34px;
    z-index: 1002;
    opacity: 0.9;
}

.info {
    background: black;
    color: white;
    padding: 0px;
    margin: 0px;
}

.info p {
    margin: 10px 0px 10px 0px;
    padding: 0;
}


.boxclose:before {
    content: "×";
}

.videos .col a {
    display: block;
    height: 200px;
}

.videos .col a img {
    width: 100%;
    transition: 0.3s;
    object-fit: cover;
    height: 100%;
}

.videos .col {
    padding-bottom: 20px;
}

.clients img {
    width: 200px;
    margin: auto;
    text-align: center;
    display: block;
}

.col {

    flex-basis: auto !important;
}

.videos a:hover img {
    opacity: 0.5;
    transition: 0.3s;
}

.nav-link {
    color: black;
}


.player .vp-title .vp-title-header .header {
    display: none !important;
}









@import url("https://fonts.googleapis.com/css?family=Raleway:300,400,600,700,800");

/*!
 * Bootstrap Grid v4.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2018 The Bootstrap Authors
 * Copyright 2011-2018 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
@-ms-viewport {
    width: device-width
}

html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

*,
*::before,
*::after {
    box-sizing: inherit
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width: 540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width: 720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width: 960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width: 1140px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0
}

.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col,
.col-auto,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-sm,
.col-sm-auto,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-md,
.col-md-auto,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12,
.col-lg,
.col-lg-auto,
.col-xl-1,
.col-xl-2,
.col-xl-3,
.col-xl-4,
.col-xl-5,
.col-xl-6,
.col-xl-7,
.col-xl-8,
.col-xl-9,
.col-xl-10,
.col-xl-11,
.col-xl-12,
.col-xl,
.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%
}

.col-2 {
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%
}

.col-3 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%
}

.col-5 {
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%
}

.col-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%
}

.col-8 {
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%
}

.col-9 {
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%
}

.col-11 {
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%
}

.col-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.333333%
}

.offset-2 {
    margin-left: 16.666667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.333333%
}

.offset-5 {
    margin-left: 41.666667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.333333%
}

.offset-8 {
    margin-left: 66.666667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.333333%
}

.offset-11 {
    margin-left: 91.666667%
}

@media (min-width: 576px) {
    .col-sm {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-sm-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-sm-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-sm-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-sm-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-sm-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-sm-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-sm-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.333333%
    }

    .offset-sm-2 {
        margin-left: 16.666667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.333333%
    }

    .offset-sm-5 {
        margin-left: 41.666667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.333333%
    }

    .offset-sm-8 {
        margin-left: 66.666667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.333333%
    }

    .offset-sm-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 768px) {
    .col-md {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-md-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-md-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-md-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-md-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-md-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-md-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.333333%
    }

    .offset-md-2 {
        margin-left: 16.666667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.333333%
    }

    .offset-md-5 {
        margin-left: 41.666667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.333333%
    }

    .offset-md-8 {
        margin-left: 66.666667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.333333%
    }

    .offset-md-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

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

    .col-lg-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-lg-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

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

    .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-lg-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

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

    .col-lg-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-lg-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

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

    .col-lg-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-lg-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

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

    .order-lg-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -ms-flex-order: 12;
        order: 12
    }

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

    .offset-lg-1 {
        margin-left: 8.333333%
    }

    .offset-lg-2 {
        margin-left: 16.666667%
    }

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

    .offset-lg-4 {
        margin-left: 33.333333%
    }

    .offset-lg-5 {
        margin-left: 41.666667%
    }

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

    .offset-lg-7 {
        margin-left: 58.333333%
    }

    .offset-lg-8 {
        margin-left: 66.666667%
    }

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

    .offset-lg-10 {
        margin-left: 83.333333%
    }

    .offset-lg-11 {
        margin-left: 91.666667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        -ms-flex: 0 0 8.333333%;
        flex: 0 0 8.333333%;
        max-width: 8.333333%
    }

    .col-xl-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 16.666667%;
        max-width: 16.666667%
    }

    .col-xl-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%
    }

    .col-xl-5 {
        -ms-flex: 0 0 41.666667%;
        flex: 0 0 41.666667%;
        max-width: 41.666667%
    }

    .col-xl-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -ms-flex: 0 0 58.333333%;
        flex: 0 0 58.333333%;
        max-width: 58.333333%
    }

    .col-xl-8 {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%
    }

    .col-xl-9 {
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 83.333333%;
        max-width: 83.333333%
    }

    .col-xl-11 {
        -ms-flex: 0 0 91.666667%;
        flex: 0 0 91.666667%;
        max-width: 91.666667%
    }

    .col-xl-12 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.333333%
    }

    .offset-xl-2 {
        margin-left: 16.666667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.333333%
    }

    .offset-xl-5 {
        margin-left: 41.666667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.333333%
    }

    .offset-xl-8 {
        margin-left: 66.666667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.333333%
    }

    .offset-xl-11 {
        margin-left: 91.666667%
    }
}

.d-none {
    display: none !important
}

.d-inline {
    display: inline !important
}

.d-inline-block {
    display: inline-block !important
}

.d-block {
    display: block !important
}

.d-table {
    display: table !important
}

.d-table-row {
    display: table-row !important
}

.d-table-cell {
    display: table-cell !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

.d-inline-flex {
    display: -ms-inline-flexbox !important;
    display: inline-flex !important
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important
    }

    .d-sm-inline {
        display: inline !important
    }

    .d-sm-inline-block {
        display: inline-block !important
    }

    .d-sm-block {
        display: block !important
    }

    .d-sm-table {
        display: table !important
    }

    .d-sm-table-row {
        display: table-row !important
    }

    .d-sm-table-cell {
        display: table-cell !important
    }

    .d-sm-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-sm-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important
    }

    .d-md-inline {
        display: inline !important
    }

    .d-md-inline-block {
        display: inline-block !important
    }

    .d-md-block {
        display: block !important
    }

    .d-md-table {
        display: table !important
    }

    .d-md-table-row {
        display: table-row !important
    }

    .d-md-table-cell {
        display: table-cell !important
    }

    .d-md-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-md-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important
    }

    .d-lg-inline {
        display: inline !important
    }

    .d-lg-inline-block {
        display: inline-block !important
    }

    .d-lg-block {
        display: block !important
    }

    .d-lg-table {
        display: table !important
    }

    .d-lg-table-row {
        display: table-row !important
    }

    .d-lg-table-cell {
        display: table-cell !important
    }

    .d-lg-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-lg-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important
    }

    .d-xl-inline {
        display: inline !important
    }

    .d-xl-inline-block {
        display: inline-block !important
    }

    .d-xl-block {
        display: block !important
    }

    .d-xl-table {
        display: table !important
    }

    .d-xl-table-row {
        display: table-row !important
    }

    .d-xl-table-cell {
        display: table-cell !important
    }

    .d-xl-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-xl-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

@media print {
    .d-print-none {
        display: none !important
    }

    .d-print-inline {
        display: inline !important
    }

    .d-print-inline-block {
        display: inline-block !important
    }

    .d-print-block {
        display: block !important
    }

    .d-print-table {
        display: table !important
    }

    .d-print-table-row {
        display: table-row !important
    }

    .d-print-table-cell {
        display: table-cell !important
    }

    .d-print-flex {
        display: -ms-flexbox !important;
        display: flex !important
    }

    .d-print-inline-flex {
        display: -ms-inline-flexbox !important;
        display: inline-flex !important
    }
}

.flex-row {
    -ms-flex-direction: row !important;
    flex-direction: row !important
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

.flex-row-reverse {
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important
}

.flex-column-reverse {
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.flex-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important
}

.flex-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important
}

.flex-fill {
    -ms-flex: 1 1 auto !important;
    flex: 1 1 auto !important
}

.flex-grow-0 {
    -ms-flex-positive: 0 !important;
    flex-grow: 0 !important
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important
}

.flex-shrink-0 {
    -ms-flex-negative: 0 !important;
    flex-shrink: 0 !important
}

.flex-shrink-1 {
    -ms-flex-negative: 1 !important;
    flex-shrink: 1 !important
}

.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important
}

@media (min-width: 576px) {
    .flex-sm-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-sm-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-sm-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-sm-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-sm-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-sm-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-sm-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-sm-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-sm-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-sm-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-sm-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-sm-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-sm-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-sm-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-sm-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-sm-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-sm-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-sm-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-sm-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-sm-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-sm-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-sm-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-sm-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-sm-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-sm-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-sm-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-sm-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-sm-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-sm-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-sm-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-sm-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-sm-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-sm-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-md-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-md-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-md-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-md-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-md-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-md-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-md-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-md-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-md-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-md-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-md-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-md-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-md-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-md-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-md-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-md-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-md-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-md-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-md-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-md-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-md-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-md-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-md-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-md-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-md-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-md-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-md-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-md-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-md-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-md-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-md-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-md-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-lg-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-lg-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-lg-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-lg-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-lg-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-lg-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-lg-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-lg-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-lg-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-lg-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-lg-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-lg-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-lg-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-lg-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-lg-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-lg-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-lg-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-lg-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-lg-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-lg-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-lg-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-lg-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-lg-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-lg-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-lg-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-lg-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-lg-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-lg-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-lg-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-lg-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-lg-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-lg-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .flex-xl-column {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .flex-xl-row-reverse {
        -ms-flex-direction: row-reverse !important;
        flex-direction: row-reverse !important
    }

    .flex-xl-column-reverse {
        -ms-flex-direction: column-reverse !important;
        flex-direction: column-reverse !important
    }

    .flex-xl-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important
    }

    .flex-xl-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important
    }

    .flex-xl-wrap-reverse {
        -ms-flex-wrap: wrap-reverse !important;
        flex-wrap: wrap-reverse !important
    }

    .flex-xl-fill {
        -ms-flex: 1 1 auto !important;
        flex: 1 1 auto !important
    }

    .flex-xl-grow-0 {
        -ms-flex-positive: 0 !important;
        flex-grow: 0 !important
    }

    .flex-xl-grow-1 {
        -ms-flex-positive: 1 !important;
        flex-grow: 1 !important
    }

    .flex-xl-shrink-0 {
        -ms-flex-negative: 0 !important;
        flex-shrink: 0 !important
    }

    .flex-xl-shrink-1 {
        -ms-flex-negative: 1 !important;
        flex-shrink: 1 !important
    }

    .justify-content-xl-start {
        -ms-flex-pack: start !important;
        justify-content: flex-start !important
    }

    .justify-content-xl-end {
        -ms-flex-pack: end !important;
        justify-content: flex-end !important
    }

    .justify-content-xl-center {
        -ms-flex-pack: center !important;
        justify-content: center !important
    }

    .justify-content-xl-between {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important
    }

    .justify-content-xl-around {
        -ms-flex-pack: distribute !important;
        justify-content: space-around !important
    }

    .align-items-xl-start {
        -ms-flex-align: start !important;
        align-items: flex-start !important
    }

    .align-items-xl-end {
        -ms-flex-align: end !important;
        align-items: flex-end !important
    }

    .align-items-xl-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }

    .align-items-xl-baseline {
        -ms-flex-align: baseline !important;
        align-items: baseline !important
    }

    .align-items-xl-stretch {
        -ms-flex-align: stretch !important;
        align-items: stretch !important
    }

    .align-content-xl-start {
        -ms-flex-line-pack: start !important;
        align-content: flex-start !important
    }

    .align-content-xl-end {
        -ms-flex-line-pack: end !important;
        align-content: flex-end !important
    }

    .align-content-xl-center {
        -ms-flex-line-pack: center !important;
        align-content: center !important
    }

    .align-content-xl-between {
        -ms-flex-line-pack: justify !important;
        align-content: space-between !important
    }

    .align-content-xl-around {
        -ms-flex-line-pack: distribute !important;
        align-content: space-around !important
    }

    .align-content-xl-stretch {
        -ms-flex-line-pack: stretch !important;
        align-content: stretch !important
    }

    .align-self-xl-auto {
        -ms-flex-item-align: auto !important;
        align-self: auto !important
    }

    .align-self-xl-start {
        -ms-flex-item-align: start !important;
        align-self: flex-start !important
    }

    .align-self-xl-end {
        -ms-flex-item-align: end !important;
        align-self: flex-end !important
    }

    .align-self-xl-center {
        -ms-flex-item-align: center !important;
        align-self: center !important
    }

    .align-self-xl-baseline {
        -ms-flex-item-align: baseline !important;
        align-self: baseline !important
    }

    .align-self-xl-stretch {
        -ms-flex-item-align: stretch !important;
        align-self: stretch !important
    }
}

.consumer-template {
    padding-top: 0 !important;
    /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
}

.consumer-template html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

.consumer-template body {
    margin: 0
}

.consumer-template h1 {
    font-size: 2em;
    margin: 0.67em 0
}

.consumer-template hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

.consumer-template pre {
    font-family: monospace, monospace;
    font-size: 1em
}

.consumer-template abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration: underline dotted
}

.consumer-template b,
.consumer-template strong {
    font-weight: bolder
}

.consumer-template code,
.consumer-template kbd,
.consumer-template samp {
    font-family: monospace, monospace;
    font-size: 1em
}

.consumer-template sub,
.consumer-template sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

.consumer-template sub {
    bottom: -0.25em
}

.consumer-template sup {
    top: -0.5em
}

.consumer-template img {
    border-style: none
}

.consumer-template button,
.consumer-template input,
.consumer-template optgroup,
.consumer-template select,
.consumer-template textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0
}

.consumer-template button,
.consumer-template input {
    overflow: visible
}

.consumer-template button,
.consumer-template select {
    text-transform: none
}

.consumer-template button,
.consumer-template [type="button"],
.consumer-template [type="reset"],
.consumer-template [type="submit"] {
    -webkit-appearance: button
}

.consumer-template button::-moz-focus-inner,
.consumer-template [type="button"]::-moz-focus-inner,
.consumer-template [type="reset"]::-moz-focus-inner,
.consumer-template [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

.consumer-template button:-moz-focusring,
.consumer-template [type="button"]:-moz-focusring,
.consumer-template [type="reset"]:-moz-focusring,
.consumer-template [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText
}

.consumer-template fieldset {
    padding: 0.35em 0.75em 0.625em
}

.consumer-template legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

.consumer-template progress {
    vertical-align: baseline
}

.consumer-template textarea {
    overflow: auto
}

.consumer-template [type="checkbox"],
.consumer-template [type="radio"] {
    box-sizing: border-box;
    padding: 0
}

.consumer-template [type="number"]::-webkit-inner-spin-button,
.consumer-template [type="number"]::-webkit-outer-spin-button {
    height: auto
}

.consumer-template [type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

.consumer-template [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

.consumer-template ::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

.consumer-template details {
    display: block
}

.consumer-template summary {
    display: list-item
}

.consumer-template template {
    display: none
}

.consumer-template [hidden] {
    display: none
}

.consumer-template body,
.consumer-template button,
.consumer-template input,
.consumer-template select,
.consumer-template optgroup,
.consumer-template textarea,
.consumer-template a,
.consumer-template p,
.consumer-template li {
    font-variant-numeric: lining-nums;
    -webkit-font-feature-settings: "lnum"on;
    -moz-font-feature-settings: "lnum"on;
    -ms-font-feature-settings: "lnum"on;
    font-feature-settings: "lnum"on;
    color: #404040;
    font-family: "Raleway", sans-serif !important;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.5
}

.consumer-template h1,
.consumer-template h2,
.consumer-template h3,
.consumer-template h4,
.consumer-template h5,
.consumer-template h6 {
    clear: both;
    color: #a04578
}

.consumer-template h2 {
    margin-bottom: 10px
}

@media (max-width: 767px) {
    .consumer-template h2 {
        font-size: 18px;
        line-height: 1.2
    }
}

.consumer-template .wpb_text_column h4 + h4 {
    margin-top: 15px
}

.consumer-template ul + h2 {
    margin-top: 25px
}

.consumer-template p {
    margin-bottom: 1.3em;
    font-size: 1rem
}

.consumer-template dfn,
.consumer-template cite,
.consumer-template em {
    font-style: italic
}

.consumer-template blockquote {
    margin: 0 1.5em
}

.consumer-template address {
    margin: 0 0 1.5em
}

.consumer-template pre {
    background: #eee;
    font-family: "Courier 10 Pitch", Courier, monospace;
    font-size: 15px;
    font-size: .9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em
}

.consumer-template code,
.consumer-template kbd,
.consumer-template tt,
.consumer-template var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
    font-size: 15px;
    font-size: .9375rem
}

.consumer-template abbr,
.consumer-template acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

.consumer-template mark,
.consumer-template ins {
    background: #fff9c0;
    text-decoration: none
}

.consumer-template big {
    font-size: 125%
}

.consumer-template .text--lg {
    font-size: 20px
}

.consumer-template .text--lg a {
    font-size: 20px
}

.consumer-template small,
.consumer-template small a {
    font-size: 12px
}

.references {
    margin-left: 0;
}

.consumer-template .references ul {
    margin-left: 0 !important;
}

.references ul li {
    font-size: 12px;
    display: inline;
    list-style: none;
}

.references li a {
    font-size: 12px;
    word-break: break-all;
}

.references li:after {
    content: '   ';
}

.consumer-template small.references {
    font-weight: 400;
    display: inline;
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto
}

.consumer-template .cover_boxes ul li .box .box_content p {
    line-height: 1.3;
    font-size: 15px
}

.consumer-template .intro-text-lg p {
    font-size: 24px;
    padding: 0 10% !important;
    color: #a04578;
    font-weight: 600;
    line-height: 1.3
}

.consumer-template .intro-text-lg p:last-of-type {
    margin-bottom: 0
}

.consumer-template * {
    box-sizing: border-box
}

.consumer-template *:before,
.consumer-template *:after {
    box-sizing: inherit
}

.consumer-template body {
    background: #fff
}

.consumer-template hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em
}

.consumer-template ul,
.consumer-template ol {
    margin: 0 0 1.5em 3em
}

.consumer-template td ul,
.consumer-template td ol {
    margin: 0 0 0 1.25em
}

.consumer-template ul {
    list-style: disc
}

.consumer-template ol {
    list-style: decimal
}

.consumer-template li > ul,
.consumer-template li > ol {
    margin-bottom: 0;
    margin-left: 1.5em
}

.consumer-template dt {
    font-weight: bold
}

.consumer-template dd {
    margin: 0 1.5em 1.5em
}

.consumer-template li {
    font-family: "Raleway", sans-serif
}

.consumer-template .bullet-list {
    list-style: none;
    margin-left: 0;
    margin-bottom: 10px
}

.consumer-template .bullet-list.center li {
    background: none;
    text-align: center
}

.consumer-template .bullet-list.center li:before {
    content: ' ';
    width: 0;
    height: 16px;
    display: inline-block;
    background-image: url(/wp-content/uploads/2015/07/globe_bullet.png);
    background-size: 11px;
    background-position: left top 0;
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-bottom: 7px;
    line-height: 1.4;
    position: relative;
    top: 13px
}

.consumer-template .bullet-list li {
    background-image: url(/wp-content/uploads/2015/07/globe_bullet.png);
    background-size: 11px;
    background-position: left top 4px;
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-bottom: 7px;
    line-height: 1.4
}

.consumer-template .bullet-list-center {
    list-style: none;
    margin-left: 0;
    margin-bottom: 10px;
    line-height: 1.2
}

.consumer-template .bullet-list-center li {
    background: none;
    text-align: center
}

.consumer-template .bullet-list-center li:before {
    content: ' ';
    width: 0;
    height: 16px;
    display: inline-block;
    background-image: url(/wp-content/uploads/2015/07/globe_bullet.png);
    background-size: 11px;
    background-position: left top 0;
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-bottom: 7px;
    line-height: 1.4;
    position: relative;
    top: 13px
}

.consumer-template .tick-list {
    list-style: none;
    margin-left: 0;
    margin-bottom: 10px
}

.consumer-template .tick-list.center li {
    background: none;
    text-align: center
}

.consumer-template .tick-list.center li:before {
    content: ' ';
    width: 0;
    height: 16px;
    display: inline-block;
    background-image: url(/wp-content/uploads/2015/07/tick.gif);
    background-size: 11px;
    background-position: left top 0;
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-bottom: 7px;
    line-height: 1.4;
    position: relative;
    top: 13px
}

.consumer-template .tick-list li {
    background-image: url(/wp-content/uploads/2015/07/tick.gif);
    background-size: 11px;
    background-position: left top 4px;
    background-repeat: no-repeat;
    padding-left: 20px;
    margin-bottom: 7px;
    line-height: 1.4
}

.consumer-template img {
    height: auto;
    max-width: 100%
}

.consumer-template figure {
    margin: 1em 0
}

.consumer-template table {
    margin: 0 0 1.5em;
    width: 100%
}

.consumer-template table td {
    font-family: "Raleway", sans-serif
}

.consumer-template .table-light {
    width: 100%
}

@media (max-width: 991.98px) {
    .consumer-template .table-light tr:first-of-type th:last-of-type {
        display: none
    }
}

.consumer-template .table-light th {
    color: #a04578;
    font-size: 18px
}

@media (min-width: 992px) {
    .consumer-template .table-light th {
        border-bottom: 3px solid #D4BBC8
    }
}

.consumer-template .table-light td {
    text-align: left;
    line-height: 1.5;
    padding: 15px 20px;
    font-family: "Raleway", sans-serif;
    min-width: 375px
}

@media (max-width: 991.98px) {
    .consumer-template .table-light td {
        display: block;
        min-width: 100%
    }
}

.consumer-template .table-light td li {
    font-size: 14px
}

@media (max-width: 991.98px) {
    .consumer-template .table-light td:first-of-type {
        border-top: 3px solid #D4BBC8;
        background-color: #E8DEE4
    }
}

@media (min-width: 992px) {
    .consumer-template .table-light tr:nth-of-type(odd) td {
        background-color: #E8DEE4
    }
}

@media (min-width: 768px) {
    .consumer-template .section--purple {
        background: url(assets/images/purple-bg.png) !important;
        background-size: auto !important;
        background-repeat: no-repeat !important;
        background-position: top center !important;
        margin-top: -60px !important;
        margin-bottom: -250px !important;
        margin-left: -50vw !important;
        padding-left: 50vw !important;
        margin-right: -50vw !important;
        padding-right: 50vw !important;
        text-align: center !important;
        color: #a04578 !important;
        padding-top: 50px !important;
        z-index: 9999;
        padding-bottom: 260px !important
    }
}

@media (min-width: 1200px) {
    .consumer-template .section--purple {
        background-size: 100vw !important
    }
}

@media (min-width: 1200px) {
    .consumer-template .section .p-10percent {
        padding-left: 10% !important;
        padding-right: 10% !important
    }
}

.consumer-template .product__intro {
    height: auto !important;
    padding: 40px 0 40px !important;
    margin-left: -11vw !important;
    padding-left: 20px !important;
    margin-right: -11vw !important;
    padding-right: 20px !important;
    margin-bottom: 60px !important;
    overflow: visible !important;
    text-align: center !important;
    background: #EDD9E2 !important;
    z-index: 500
}

@media (min-width: 768px) {
    .consumer-template .product__intro {
        margin-left: -13vw !important;
        padding-left: 13vw !important;
        margin-right: -13vw !important;
        padding-right: 13vw !important;
        margin-top: -40px
    }
}

@media only screen and (max-width: 736px) and (orientation: landscape) {
    .consumer-template .product__intro {
        margin-left: -13vw !important;
        padding-left: 13vw !important;
        margin-right: -13vw !important;
        padding-right: 13vw !important;
        margin-top: -40px
    }
}

@media (min-width: 992px) {
    .consumer-template .product__intro {
        padding: 30px 0 80px !important;
        margin-left: -50vw !important;
        padding-left: 50vw !important;
        margin-right: -50vw !important;
        padding-right: 50vw !important
    }
}

@media (min-width: 992px) {
    .consumer-template .product__intro:before {
        content: ' ';
        height: 100px !important;
        display: block !important;
        width: 100% !important;
        background: url(assets/images/product-bg-top.svg) !important;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
        position: absolute !important;
        left: 0;
        top: -20px;
        z-index: 00
    }
}

@media (min-width: 992px) {
    .consumer-template .product__intro:after {
        content: '';
        display: block;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: blue;
        background: #fff url(assets/images/product-bg-bottom.svg) !important;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
        background-position: bottom left !important;
        height: 40px
    }
}

.consumer-template .product__intro h2 {
    margin-bottom: 30px
}

.consumer-template .product__intro h2 + h2 {
    margin-top: 20px
}

@media (min-width: 992px) {
    .consumer-template .product__intro p {
        padding: 0 10%
    }
}

.consumer-template .page__intro {
    position: relative;
    height: auto !important;
    padding: 40px 0 40px !important;
    margin-left: -11vw !important;
    padding-left: 20px !important;
    margin-right: -11vw !important;
    padding-right: 20px !important;
    margin-bottom: 20px !important;
    overflow: visible !important;
    text-align: center !important;
    background: #FDEFE9 url(assets/images/pink-bg-bottom.png) !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: bottom 0 left !important;
    z-index: 500;
    top: 10px;
    padding: 20px 0 40px !important;
    margin-left: -50vw !important;
    padding-left: 50vw !important;
    margin-right: -50vw !important;
    padding-right: 50vw !important
}

@media only screen and (max-width: 736px) and (orientation: landscape) {
    .consumer-template .page__intro {
        padding-left: 50vw !important;
        padding-right: 50vw !important;
        top: 0
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .consumer-template .page__intro {
        top: 0
    }
}

@media (min-width: 992px) {
    .consumer-template .page__intro {
        top: 0;
        padding-bottom: 90px !important;
        padding-top: 40px !important
    }
}

@media (min-width: 1200px) {
    .consumer-template .page__intro {
        padding-bottom: 110px !important
    }
}

.consumer-template .page__intro:before {
    content: ' ';
    height: 100px !important;
    display: block !important;
    width: 100% !important;
    background: url(assets/images/pink-bg-top.svg) !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    position: absolute !important;
    left: 0;
    top: -14px;
    z-index: 00
}

@media (min-width: 992px) {
    .consumer-template .page__intro:before {
        top: -30px
    }
}

@media (max-width: 767px) {
    .consumer-template .page__intro .wpb_text_column {
        padding: 0 !important
    }
}

.consumer-template .page__intro h2 {
    margin-bottom: 30px
}

@media (max-width: 767px) {
    .consumer-template .page__intro h2 {
        font-size: 18px
    }
}

.consumer-template .page__intro h2 + h2 {
    margin-top: -20px
}

.consumer-template .page__intro p {
    margin-bottom: 10px
}

@media (min-width: 992px) {
    .consumer-template .page__intro p {
        padding: 0 10%
    }
}

@media (min-width: 1200px) {
    .consumer-template .page__intro.narrow h2 {
        padding: 0 7%
    }
}

@media (min-width: 1200px) {
    .consumer-template .page__intro.narrow p {
        padding: 0 22%
    }
}

@media (min-width: 1200px) {
    .consumer-template .page__intro.narrow + .section:not(.page__blocks) {
        padding: 0 13% !important
    }
}

.consumer-template .page__intro--small {
    padding: 30px 0 70px !important;
    margin-top: -30px
}

.consumer-template .page__intro--small h2 {
    position: relative;
    z-index: 99
}

.consumer-template .page__content {
    margin-left: -50vw !important;
    padding-left: 50vw !important;
    margin-right: -50vw !important;
    padding-right: 50vw !important
}

.consumer-template .page__content:before {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    top: -40px;
    left: 0;
    background: transparent url(assets/images/white-bg-top.svg) !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: bottom left !important;
    height: 105px
}

@media (min-width: 1200px) {
    .consumer-template .section--narrow {
        padding: 0 13%
    }
}

.consumer-template .section__page-footer {
    padding: 40px 0 40px;
    background: #F8F8F8;
    background-image: url(assets/images/bg-grey.png);
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    display: flex
}

@media (min-width: 992px) {
    .consumer-template .section__page-footer {
        padding: 90px 0 40px
    }
}

.consumer-template .section__page-footer .col-12 {
    justify-content: center;
    align-content: center;
    text-align: center
}

.consumer-template .section__page-footer .page-footer__ticks {
    width: 90%;
    display: block;
    margin: 0 auto 20px
}

@media (min-width: 992px) {
    .consumer-template .section__page-footer .page-footer__ticks {
        width: 60%
    }
}

.consumer-template .section__page-footer .page-footer__features {
    width: 65%;
    display: block;
    margin: 0 auto
}

@media (min-width: 992px) {
    .consumer-template .section__page-footer .page-footer__features {
        width: 50%
    }
}

.consumer-template .section__subscribe {
    background: #DAB3C7;
    padding: 10px 0;
    text-align: center
}

@media (min-width: 992px) {
    .consumer-template .section__subscribe {
        text-align: left
    }
}

.consumer-template .section__subscribe .container {
    background: #DAB3C7
}

.consumer-template .section__subscribe form {
    background: #DAB3C7
}

.consumer-template .section__subscribe form .subscribe-form-inner {
    background: #DAB3C7;
    justify-content: space-between;
    align-content: center
}

@media (min-width: 992px) {
    .consumer-template .section__subscribe form .subscribe-form-inner {
        display: flex
    }
}

.consumer-template .section__subscribe form .subscribe-form-inner br {
    display: none
}

.consumer-template .section__subscribe .wpcf7-form-control-wrap {
    width: 29%
}

.consumer-template .section__subscribe label {
    color: #a04578;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 40px;
    font-size: 16px
}

@media (min-width: 1200px) {
    .consumer-template .section__subscribe label {
        font-size: 20px;
        padding-right: 20px
    }
}

.consumer-template .section__subscribe input[type="text"],
.consumer-template .section__subscribe input[type="email"] {
    width: 90%;
    padding: 5px 15px;
    border: 3px solid #ECD9E2;
    border-radius: 0;
    font-size: 14px;
    margin-bottom: 10px;
    background: #fff
}

@media (min-width: 992px) {

    .consumer-template .section__subscribe input[type="text"],
    .consumer-template .section__subscribe input[type="email"] {
        width: 100%;
        margin-top: 0;
        margin-bottom: 0
    }
}

.consumer-template .section__subscribe input[type="text"]::-webkit-input-placeholder,
.consumer-template .section__subscribe input[type="email"]::-webkit-input-placeholder {
    color: #999 !important;
    text-transform: uppercase
}

.consumer-template .section__subscribe input[type="text"]::-moz-placeholder,
.consumer-template .section__subscribe input[type="email"]::-moz-placeholder {
    color: #999 !important;
    text-transform: uppercase
}

.consumer-template .section__subscribe input[type="text"]:-ms-input-placeholder,
.consumer-template .section__subscribe input[type="email"]:-ms-input-placeholder {
    color: #999 !important;
    text-transform: uppercase
}

.consumer-template .section__subscribe input[type="text"]:-moz-placeholder,
.consumer-template .section__subscribe input[type="email"]:-moz-placeholder {
    color: #999 !important;
    text-transform: uppercase
}

.consumer-template .section__subscribe input[type="text"].wpcf7-not-valid,
.consumer-template .section__subscribe input[type="email"].wpcf7-not-valid {
    border-color: #dc3545
}

.consumer-template .section__subscribe .wpcf7-not-valid-tip {
    display: none
}

.consumer-template .section__subscribe .wpcf7-response-output {
    margin-top: 10px;
    padding: 6px 50px;
    background: #DAB3C7;
    width: 97.5%
}

.consumer-template .section__subscribe .wpcf7-response-output.wpcf7-validation-errors {
    background-color: #dc3545
}

.consumer-template .section__subscribe .wpcf7-response-output.wpcf7-mail-sent-ok {
    background-color: #28a745
}

.consumer-template .section__subscribe .ajax-loader {
    position: relative;
    top: 12px
}

.consumer-template .section__subscribe .btn {
    font-weight: 600 !important;
    text-transform: uppercase !important;
    width: 90% !important;
    display: inline-block;
    border-radius: 0 !important;
    height: 38px !important;
    padding: 0 12px !important;
    letter-spacing: 0;
    background-color: #9f4778 !important
}

@media (max-width: 991.98px) {
    .consumer-template .section__subscribe .btn {
        width: 84% !important;
        margin-left: 17px !important;
        height: 40px !important;
        margin-bottom: 15px !important
    }
}

@media only screen and (max-width: 736px) and (orientation: landscape) {
    .consumer-template .section__subscribe .btn {
        width: 84% !important;
        margin-left: 19px !important;
        height: 40px !important;
        margin-bottom: 15px !important
    }
}

@media only screen and (max-width: 812px) and (orientation: landscape) {
    .consumer-template .section__subscribe .btn {
        width: 87% !important;
        margin-left: 19px !important;
        height: 40px !important;
        margin-bottom: 15px !important
    }
}

@media (min-width: 992px) {
    .consumer-template .section__subscribe .btn {
        width: auto !important
    }
}

.consumer-template .page__blocks {
    margin-top: 0px;
    padding: 0 10%;
    z-index: 999999;
    margin-bottom: 50px !important
}

.consumer-template .page__blocks .page__block {
    padding: 0;
    transition: all .3s;
    text-align: center
}

@media (min-width: 992px) {
    .consumer-template .page__blocks .page__block {
        padding: 0 25px
    }
}

.consumer-template .page__blocks .page__block__image {
    width: 100%;
    height: 100%;
    border-radius: 101%;
    border: 4px solid #E3E1E1;
    box-sizing: border-box
}

@media only screen and (max-width: 736px) and (orientation: landscape) {
    .consumer-template .page__blocks .page__block__image {
        width: 50%;
        margin: 0 auto
    }
}

@media only screen and (max-width: 736px) {
    .consumer-template .blog__hero {
    height: 200px!important;
        
    }
}
.consumer-template .page__blocks .page__block__image:hover {
    border: 4px solid #CFA9BB
}

.consumer-template .page__blocks .page__block--inactive,
.consumer-template .page__blocks .page__block--hover-inactive {
    opacity: 0.4
}

.consumer-template .page__blocks .page__block--inactive:hover,
.consumer-template .page__blocks .page__block--hover-inactive:hover {
    opacity: 1
}

.consumer-template .page__blocks .page__block--active .page__block__image {
    border: 4px solid #CFA9BB
}

.consumer-template .page__blocks .page__block .btn {
    height: 105px;
    min-height: 100px;
    width: 235px;
    margin: 30px auto 30px !important
}

@media only screen and (max-width: 736px) and (orientation: landscape) {
    .consumer-template .page__blocks .page__block .btn {
        width: 235px !important
    }
}

@media only screen and (max-width: 812px) and (orientation: landscape) {
    .consumer-template .page__blocks .page__block .btn {
        width: 100%
    }
}

@media (min-width: 768px) {
    .consumer-template .page__blocks .page__block .btn {
        height: 80px;
        min-height: 80px;
        width: 100%
    }
}

@media (min-width: 992px) {
    .consumer-template .page__blocks .page__block .btn {
        width: 100%;
        height: 80px;
        min-height: 80px
    }
}

@media (min-width: 1200px) {
    .consumer-template .page__blocks .page__block .btn {
        width: 100%;
        height: 100px;
        min-height: 100px
    }
}

.consumer-template .page__intro .page__blocks {
    margin-bottom: 0 !important
}

.consumer-template .page__intro .page__blocks .page__block {
    padding: 0 0
}

@media (max-width: 767px) {
    .consumer-template .page__intro .page__blocks .page__block {
        margin-bottom: 50px !important
    }
}

.consumer-template .page__intro .page__blocks .btn {
    height: 111px;
    min-height: 111px
}

@media (min-width: 768px) {
    .consumer-template .page__intro .page__blocks .btn {
        height: 79px;
        min-height: 79px
    }
}

@media (min-width: 1200px) {
    .consumer-template .page__intro .page__blocks .btn {
        height: 94px;
        min-height: 94px
    }
}

@media (max-width: 767px) {
    .consumer-template .blog__categories {
        margin-top: 60px
    }
}

.consumer-template .blog__categories .container_inner {
    width: 100%
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .consumer-template .blog__categories .two_columns_75_25 > .column1 {
        width: 100%
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .consumer-template .blog__categories .two_columns_75_25 > .column1 .column_inner {
        padding: 0 20px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .consumer-template .blog__categories .two_columns_75_25 > .column2 {
        width: 100%
    }
}

@media (max-width: 767px) {
    .consumer-template .blog__categories .two_columns_75_25 > .column2 .column_inner {
        padding: 0 20px
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .consumer-template .blog__categories .two_columns_75_25 > .column2 .column_inner {
        padding: 0
    }
}

.consumer-template .blog__blocks {
    margin-top: 0;
    z-index: 999999
}

@media (max-width: 767px) {
    .consumer-template .blog__blocks {
        display: flex;
        justify-content: center
    }
}

@media (max-width: 767px) {
    .consumer-template .blog__blocks > .full_section_inner {
        padding: 0 50px;
        max-width: 405px
    }
}

.consumer-template .blog__blocks .blog__block {
    margin-bottom: 50px !important
}

.consumer-template .blog__blocks .blog__block__image {
    width: 100%;
    border-radius: 100%;
    border: 4px solid #CFA9BB
}

.consumer-template .blog__blocks .blog__block .btn {
    width: 70%;
    height: 85px;
    min-height: 85px;
    font-size: 16px !important;
    margin: 0 auto
}

@media (min-width: 768px) {
    .consumer-template .blog__blocks .blog__block .btn {
        height: 65px;
        min-height: 65px;
        width: auto;
        font-size: 14px !important
    }
}

@media (min-width: 992px) {
    .consumer-template .blog__blocks .blog__block .btn {
        height: 69px;
        min-height: 69px;
        width: auto;
        font-size: 14px !important
    }
}

@media (min-width: 1200px) {
    .consumer-template .blog__blocks .blog__block .btn {
        height: 82px;
        min-height: 82px;
        font-size: 16px !important
    }
}

@media (max-width: 991.98px) {
    .consumer-template .container {
        max-width: 100% !important
    }
}

@media (max-width: 991.98px) {

    .consumer-template .container_inner,
    .consumer-template .boxed div.section .section_inner,
    .consumer-template div.grid_section .section_inner,
    .consumer-template .full_width .parallax_content,
    .consumer-template .steps_holder_inner,
    .consumer-template .carousel-inner .slider_content_outer,
    .consumer-template nav.content_menu ul,
    .consumer-template .container_inner nav.content_menu,
    .consumer-template .footer_top_border.in_grid,
    .consumer-template .footer_bottom_border.in_grid,
    .consumer-template .title_border_in_grid_holder {
        width: 100% !important;
        padding: 0 25px
    }
}

.consumer-template .icon {
    width: 14px;
    height: 14px;
    display: inline-block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 10px;
    position: relative;
    top: 3px
}

.consumer-template .icon-phone {
    background-image: url(assets/images/icons/icon-phone.svg)
}

.consumer-template .icon-email {
    background-image: url(assets/images/icons/icon-envelope.png);
    width: 13px;
    height: 13px
}

.consumer-template .link-icon.icon-account a {
    background-image: url(assets/images/icons/icon-account.png)
}

.consumer-template .link-icon.icon-basket a {
    background-image: url(assets/images/icons/icon-basket.svg)
}

.consumer-template .link-icon a {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px
}

.consumer-template .link-icon.link-icon--after a {
    background-position: right center;
    padding-left: 0;
    padding-right: 25px
}

.consumer-template .vc_tta-tabs-list {
    display: flex !important;
    flex-wrap: wrap
}

.consumer-template .vc_tta-tabs-list > * {
    display: flex !important;
    flex: 1
}

.consumer-template .vc_tta-tabs-list > * a {
    flex: 1;
    align-items: center;
    justify-content: center;
    display: flex !important
}

.consumer-template .vc_tta-color-purple.vc_tta-style-outline .vc_tta-tab > a {
    border-color: transparent;
    background-color: #E6E6E6;
    color: #333333;
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    padding: 10px 0px 10px 0px;
    border-radius: 0 !important;
    margin-top: 4px;
    line-height: 1.1;
    min-height: 43px
}

.consumer-template .vc_tta-color-purple.vc_tta-style-outline .vc_tta-tab.vc_active > a {
    background-color: #a04578;
    border-radius: 0 !important;
    padding: 10px 10px 10px 10px
}

.consumer-template .vc_tta.vc_tta-spacing-1 .vc_tta-tab {
    margin: 1px 3px 0 1px;
    min-width: 180px;
    max-width: 216px
}

.consumer-template .tabs--nowrap .vc_tta-tabs-list {
    flex-wrap: nowrap
}

.consumer-template .vc_tta-color-purple.vc_tta-style-outline .vc_tta-tab > a:focus,
.consumer-template .vc_tta-color-purple.vc_tta-style-outline .vc_tta-tab > a:hover {
    background-color: #a04578
}

.consumer-template .vc_tta-color-purple.vc_tta-style-outline.vc_tta-tabs .vc_tta-panels .vc_tta-panel-body {
    border: 1px solid #f2f2f2;
    padding: 25px
}

.consumer-template .vc_tta-panel-body h3 {
    margin-bottom: 10px
}

.consumer-template .tab-intro {
    padding-bottom: 10px
}

@media (min-width: 992px) {
    .consumer-template .tab-intro {
        display: flex;
        align-items: center
    }
}

.consumer-template .tab-intro p {
    font-size: 18px;
    font-weight: 600;
    color: #a04578;
    line-height: 1.5;
    font-family: 'Raleway', sans-serif
}

.consumer-template .tab-intro__image {
    width: 180px;
    height: 180px;
    margin: 0 30px 20px 0;
    flex: 1 0 180px
}

.consumer-template .tab-intro__image img {
    border: 4px solid #CFA9BB;
    border-radius: 100%
}

@media (min-width: 992px) {
    .consumer-template .tab-intro__image {
        margin: 0 30px 0 0
    }
}

.consumer-template .vc_tta-panel ul {
    margin: 0 0 0 20px
}

.consumer-template .vc_tta-panel ul li {
    line-height: 1.55;
    margin-bottom: 10px
}

.consumer-template .vc_tta-panel h6 {
    margin-top: 30px
}

.consumer-template .custom_hcp_popup > div,
.consumer-template .custom_hcp_popup_generic > div {
    width: 340px
}

.consumer-template .custom_hcp_popup > div a,
.consumer-template .custom_hcp_popup_generic > div a {
    color: #fff !important;
    width: 48%;
    margin: 0 1%;
    padding: 5px 10px;
    text-align: center;
    border-radius: 0;
    font-weight: 600
}

.consumer-template button,
.consumer-template input[type="button"],
.consumer-template input[type="reset"],
.consumer-template input[type="submit"],
.consumer-template .btn {
    display: block;
    border: 1px solid transparent;
    border-radius: 0;
    font-size: 12px !important;
    line-height: 1;
    padding: 13px 10px !important;
    font-family: "Raleway", sans-serif;
    height: 38px;
    margin: 0;
    transition: all .3s ease
}

.consumer-template .btn-primary {
    background: #a04578;
    color: #fff;
    border-radius: 8px
}

.consumer-template .btn-primary.btn-chevron-right {
    background-image: url(assets/images/icons/icon-chevron-right-white.svg);
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: right 7px center;
    padding-right: 30px
}

.consumer-template .btn-secondary {
    background: #03A9DB;
    color: #fff;
    text-transform: uppercase
}

.consumer-template .btn-secondary.btn-chevron-right {
    background-image: url(assets/images/icons/icon-chevron-right-white.svg);
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: right 7px center;
    padding-right: 30px
}

.consumer-template .btn-secondary:hover {
    color: #03A9DB !important;
    background-color: #fff !important;
    border: 1px solid #03A9DB !important
}

.consumer-template .btn-secondary:hover.btn-chevron-right {
    background-image: url(assets/images/icons/icon-chevron-right-secondary.svg) !important;
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: right 7px center;
    padding-right: 30px
}

.consumer-template .btn-invert {
    background: #fff;
    color: #a04578;
    border: 1px solid #a04578;
    cursor: pointer;
    font-weight: 600
}

.consumer-template .btn-invert.btn-chevron-right {
    background-image: url(assets/images/icons/icon-chevron-right-primary.svg);
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: right 7px center;
    padding-right: 30px
}

.consumer-template .btn-invert:hover {
    color: #fff;
    background: #a04578
}

.consumer-template .btn-invert:hover.btn-chevron-right {
    background-image: url(assets/images/icons/icon-chevron-right-white.svg);
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: right 7px center;
    padding-right: 30px
}

.consumer-template .btn-boxed {
    border: 1px solid #000;
    display: inline-block;
    padding: 5px 15px;
    margin-top: 10px;
    color: #000 !important
}

.consumer-template .btn-boxed span {
    color: #a04578
}

.consumer-template .btn-cloud {
    display: flex !important;
    justify-content: center;
    align-items: center;
    background-image: url(assets/images/btn-cloud.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    color: #fff;
    text-decoration: none;
    text-align: center;
    min-height: 80px;
    font-size: 16px !important;
    font-weight: 600;
    padding: 0 15px !important;
    line-height: 1.2
}

@media (min-width: 992px) {
    .consumer-template .btn-cloud {
        font-size: 18px !important;
        padding: 0 20px !important;
        min-height: 98px
    }
}

.consumer-template .btn-cloud:hover,
.consumer-template .btn-cloud:active,
.consumer-template .btn-cloud:focus {
    opacity: 0.8;
    background-image: url(assets/images/btn-cloud.svg);
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 100%
}

.consumer-template .btn-cloud-2 {
    display: flex !important;
    justify-content: center;
    align-items: center;
    background-image: url(assets/images/btn-cloud-2.svg);
    background-repeat: no-repeat;
    background-size: 100%;
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    min-height: 81px;
    font-size: 16px !important;
    font-weight: 600;
    padding: 0 20px !important;
    line-height: 1.2
}

.consumer-template .btn-cloud-2:hover,
.consumer-template .btn-cloud-2:active,
.consumer-template .btn-cloud-2:focus {
    opacity: 0.8;
    background-image: url(assets/images/btn-cloud-2.svg);
    background-color: transparent;
    background-repeat: no-repeat;
    background-size: 100%
}

.consumer-template .btn-cloud-inline {
    display: inline-block !important;
    align-items: center;
    position: relative;
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    font-size: 14px !important;
    font-weight: 600;
    padding: 20px 30px !important;
    margin-left: 20px;
    z-index: 999;
    max-width: 250px
}

@media (max-width: 767px) {
    .consumer-template .btn-cloud-inline {
        display: block !important
    }
}

.consumer-template .btn-cloud-inline:after {
    z-index: -1;
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(assets/images/btn-cloud-2.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center
}

.consumer-template .btn-cloud-inline:hover,
.consumer-template .btn-cloud-inline:active,
.consumer-template .btn-cloud-inline:focus {
    opacity: 0.8;
    background: none
}

.consumer-template .cover_boxes ul li .box .qbutton {
    color: #fff !important
}

.consumer-template .btn-buy-now {
    display: block;
    width: 120px;
    font-weight: 600;
    margin: 0 auto
}

.consumer-template .samples-request-form input[type="submit"] {
    border-radius: 0;
    line-height: 10px;
    font-size: 16px !important;
    font-weight: 600;
    background-color: transparent;
    border: none;
    min-height: 73px;
    float: none;
    margin-top: 30px
}

.consumer-template input[type="text"],
.consumer-template input[type="email"],
.consumer-template input[type="url"],
.consumer-template input[type="password"],
.consumer-template input[type="search"],
.consumer-template input[type="number"],
.consumer-template input[type="tel"],
.consumer-template input[type="range"],
.consumer-template input[type="date"],
.consumer-template input[type="month"],
.consumer-template input[type="week"],
.consumer-template input[type="time"],
.consumer-template input[type="datetime"],
.consumer-template input[type="datetime-local"],
.consumer-template input[type="color"],
.consumer-template textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px;
    height: 38px
}

.consumer-template input[type="text"]:focus,
.consumer-template input[type="email"]:focus,
.consumer-template input[type="url"]:focus,
.consumer-template input[type="password"]:focus,
.consumer-template input[type="search"]:focus,
.consumer-template input[type="number"]:focus,
.consumer-template input[type="tel"]:focus,
.consumer-template input[type="range"]:focus,
.consumer-template input[type="date"]:focus,
.consumer-template input[type="month"]:focus,
.consumer-template input[type="week"]:focus,
.consumer-template input[type="time"]:focus,
.consumer-template input[type="datetime"]:focus,
.consumer-template input[type="datetime-local"]:focus,
.consumer-template input[type="color"]:focus,
.consumer-template textarea:focus {
    color: #111
}

.consumer-template select {
    border: 1px solid #ccc
}

.consumer-template textarea {
    width: 100%
}

.consumer-template input[type="radio"] {
    margin-right: 5px
}

.consumer-template .samples-request-form input[type="checkbox"] + label span {
    border: 1px solid #999999
}

.consumer-template .contact-us-form input.wpcf7-not-valid {
    border: 1px solid #f00
}

.consumer-template .contact-us-form textarea {
    height: 150px
}

.consumer-template .contact-us-form textarea.wpcf7-not-valid {
    border: 1px solid #f00
}

.consumer-template .contact-us-form .wpcf7-not-valid-tip {
    margin-top: 5px;
    font-size: 14px
}

.consumer-template .contact-us-form .form-disclaimer {
    font-size: 12px;
    margin-bottom: 1em;
    margin-left: 0;
    display: flex
}

.consumer-template .contact-us-form .form-disclaimer a {
    font-size: 12px
}

.consumer-template .contact-us-form .form-disclaimer.checkad,
.consumer-template .contact-us-form .form-disclaimer.checkad1 {
    margin-left: 0;
    text-indent: 0
}

.consumer-template .contact-us-form .form-disclaimer.checkad1 input[type="checkbox"] {
    margin-top: 0px !important
}

.consumer-template .contact-us-form .form-disclaimer input[type="checkbox"] {
    margin: 0 5px 0 0 !important
}

.consumer-template .contact-us-form .form-disclaimer .wpcf7-list-item {
    display: flex;
    margin: 0 0 0 5px
}

.consumer-template .contact-us-form .form-disclaimer .wpcf7-list-item-label {
    display: none
}

.consumer-template .contact-us-form .form-disclaimer .wpcf7-not-valid {
    margin-bottom: 40px;
    display: block
}

.consumer-template .contact-us-form .form-disclaimer .wpcf7-not-valid + .wpcf7-not-valid-tip {
    position: absolute;
    top: 35px;
    width: 600px;
    font-family: Raleway
}

.consumer-template .contact-us-form .form-disclaimer.checkad .wpcf7-not-valid + .wpcf7-not-valid-tip {
    top: 55px
}

.consumer-template .contact-us-form .form-actions-hidden {
    display: none
}

.consumer-template .contact-us-form .form-actions .btn {
    width: 190px;
    font-size: 18px !important;
    margin-top: 30px !important;
    padding-top: 0 !important;
    cursor: pointer;
    background-color: transparent !important
}

.consumer-template .contact-us-form .form-actions .btn:disabled {
    cursor: not-allowed
}

.consumer-template a:not(.btn) {
    color: #a04578
}

.consumer-template a:not(.btn):visited {
    color: #a04578
}

.consumer-template a:not(.btn):hover,
.consumer-template a:not(.btn):focus,
.consumer-template a:not(.btn):active {
    color: #a04578
}

.consumer-template a:not(.btn):focus {
    outline: none
}

.consumer-template a:not(.btn):hover,
.consumer-template a:not(.btn):active {
    outline: 0
}

.consumer-template .primary-navigation {
    justify-content: space-evenly;
    margin-top: 10px;
    display: none
}

@media (min-width: 992px) {
    .consumer-template .primary-navigation {
        display: flex
    }
}

.consumer-template .primary-navigation > div {
    width: 100%;
    flex: 1;
    align-self: flex-end;
    margin-right: 60px
}

.consumer-template .primary-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between
}

.consumer-template .primary-navigation ul li {
    position: relative
}

.consumer-template .primary-navigation ul li > a {
    border: 3px solid transparent
}

.consumer-template .primary-navigation ul li:hover > a {
    background-color: #a04578;
    color: #fff;
    border: 3px solid #a04578
}

.consumer-template .primary-navigation ul .current-page-parent > a,
.consumer-template .primary-navigation ul .current-menu-item > a,
.consumer-template .primary-navigation ul .current-menu-ancestor > a,
.consumer-template .primary-navigation ul .current_page_ancestor > a {
    border: 3px solid #94AC4E
}

.consumer-template .primary-navigation ul li a {
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    padding: 5px 8px 5px;
    display: block
}

@media (min-width: 992px) {
    .consumer-template .primary-navigation ul li a {
        font-size: 12px
    }
}

@media (min-width: 1200px) {
    .consumer-template .primary-navigation ul li a {
        font-size: 15px
    }
}

.consumer-template .primary-navigation ul#primary-menu {
    margin-left: -10px
}

.consumer-template .primary-navigation ul .btn {
    position: relative;
    top: -9px
}

.consumer-template .primary-navigation ul .btn.btn-secondary {
    padding-top: 11px !important
}

.consumer-template .primary-navigation ul .btn:hover {
    padding-top: 13px !important
}

.consumer-template .primary-navigation ul .sub-menu {
    display: none;
    position: absolute;
    flex-direction: column;
    background: #b66996;
    width: 240px;
    padding: 0 0;
    top: 33px;
    left: 0
}

.consumer-template .primary-navigation ul .sub-menu a {
    padding: 5px 10px;
    display: inline-block;
    width: 100%;
    color: #fff
}

.consumer-template .primary-navigation ul .sub-menu a:hover {
    background: #a04578
}

.consumer-template .primary-navigation ul .sub-menu .current-page-parent a {
    border-color: transparent
}

.consumer-template .primary-navigation ul .sub-menu .current-menu-item {
    background: #94AC4E
}

.consumer-template .primary-navigation ul .sub-menu .current-menu-item > a {
    border-color: #94AC4E !important
}

.consumer-template .primary-navigation ul .sub-menu .current-menu-item > a:hover {
    background: #94AC4E
}

.consumer-template .primary-navigation ul li:hover .sub-menu {
    display: flex;
    z-index: 999
}

.consumer-template .secondary-navigation {
    justify-content: space-evenly;
    padding-top: 15px;
    display: none
}

@media (min-width: 992px) {
    .consumer-template .secondary-navigation {
        display: flex
    }
}

.consumer-template .secondary-navigation > div {
    width: 100%;
    flex: 1;
    align-self: center;
    margin-right: 30px;
    margin-left: 70px
}

@media (min-width: 992px) {
    .consumer-template .secondary-navigation > div {
        margin-right: 15px;
        margin-left: 30px
    }
}

@media (min-width: 1200px) {
    .consumer-template .secondary-navigation > div {
        margin-right: 30px;
        margin-left: 60px
    }
}

.consumer-template .secondary-navigation ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: space-between
}

.consumer-template .secondary-navigation ul li {
    position: relative;
    line-height: 0.4
}

.consumer-template .secondary-navigation ul li a {
    text-decoration: none;
    font-size: 12px;
    font-weight: 600
}

@media (min-width: 992px) and (max-width: 1200.98px) {
    .consumer-template .secondary-navigation ul li a {
        padding: 0
    }
}

@media (min-width: 992px) {
    .consumer-template .secondary-navigation ul li a {
        font-size: 10px
    }
}

@media (min-width: 1200px) {
    .consumer-template .secondary-navigation ul li a {
        font-size: 13px
    }
}

.consumer-template .secondary-navigation ul li:not(.link-icon) a {
    padding: 5px;
    border: 2px solid transparent
}

.consumer-template .secondary-navigation ul li:not(.link-icon):hover > a:not(.btn-hcp) {
    padding: 5px;
    border: 2px solid #a04578 !important;
    background-color: #a04578;
    color: #fff
}

.consumer-template .secondary-navigation .current-page-parent > a,
.consumer-template .secondary-navigation .current-menu-item > a,
.consumer-template .secondary-navigation .current_page_ancestor > a {
    padding: 5px;
    border: 2px solid #94AC4E !important
}

.consumer-template .secondary-navigation .icon-account {
    margin-left: 30px;
    margin-right: 10px
}

.consumer-template .secondary-navigation .icon-account a {
    background-size: 12px 15px
}

@media (min-width: 992px) and (max-width: 1200.98px) {
    .consumer-template .secondary-navigation .icon-account a {
        background: none
    }
}

.consumer-template .secondary-navigation ul .sub-menu {
    display: none;
    position: absolute;
    z-index: 10;
    flex-direction: column;
    background: #b66996;
    width: 130px;
    padding: 0 0;
    top: 25px;
    left: 0;
    z-index: 999
}

.consumer-template .secondary-navigation ul .sub-menu a {
    padding: 5px 10px;
    display: inline-block;
    width: 100%;
    color: #fff
}

.consumer-template .secondary-navigation ul .sub-menu a:hover {
    background: #94AC4E
}

.consumer-template .secondary-navigation ul .sub-menu .current-menu-item {
    background: #94AC4E
}

.consumer-template .secondary-navigation ul .sub-menu .current-menu-item a:hover {
    background: #94AC4E
}

.consumer-template .secondary-navigation ul li:hover .sub-menu {
    display: flex
}

.consumer-template .try-nav {
    box-sizing: border-box
}

.consumer-template .try-nav .btn.active {
    border: 3px solid #94AC4E !important;
    box-sizing: border-box;
    padding-top: 11px !important
}

.consumer-template .try-nav .btn.active:hover {
    border: 3px solid #a04578 !important;
    padding-top: 11px !important
}

.consumer-template .menu-button:hover > a.active {
    border: 3px solid #a04578 !important;
    padding: 11px 8px !important
}

.consumer-template .menu-button > a {
    border: 1px solid #a04578 !important;
    transition: none
}

.consumer-template .menu-button > ul {
    display: none;
    position: absolute;
    z-index: 999;
    top: 28px;
    left: 20px;
    background-color: #b66996
}

.consumer-template .menu-button > ul li {
    display: block;
    width: 170px
}

.consumer-template .menu-button > ul li > a {
    color: #fff !important;
    font-size: 0.8rem
}

.consumer-template .menu-button > ul li > a.active {
    background-color: #94AC4E !important
}

.consumer-template .menu-button > ul li > a.active:hover {
    border-color: #94AC4E !important
}

.consumer-template .menu-button > ul li > a:hover {
    background-color: #a04578
}

.consumer-template .menu-button:hover > a {
    background-image: url(assets/images/icons/icon-chevron-right-white.svg)
}

.consumer-template .menu-button:hover > ul {
    display: block
}

.consumer-template .menu-toggle,
.consumer-template .main-navigation.toggled ul {
    display: block
}

@media screen and (min-width: 37.5em) {
    .consumer-template .menu-toggle {
        display: none
    }

    .consumer-template .main-navigation ul {
        display: block
    }
}

.site-main .consumer-template .comment-navigation,
.site-main .consumer-template .posts-navigation,
.site-main .consumer-template .post-navigation {
    margin: 0 0 1.5em;
    overflow: hidden
}

.consumer-template .comment-navigation .nav-previous,
.consumer-template .posts-navigation .nav-previous,
.consumer-template .post-navigation .nav-previous {
    float: left;
    width: 50%
}

.consumer-template .comment-navigation .nav-next,
.consumer-template .posts-navigation .nav-next,
.consumer-template .post-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%
}

.consumer-template .nav-footer ul {
    list-style: none;
    margin: 0;
    text-align: center
}

@media (min-width: 992px) {
    .consumer-template .nav-footer ul {
        display: flex
    }
}

.consumer-template .nav-footer ul li {
    margin: 0 15px
}

.consumer-template .nav-footer ul li a {
    text-transform: uppercase;
    color: #666 !important;
    text-decoration: none;
    font-weight: 600
}

.consumer-template .nav-social ul {
    list-style: none
}

.consumer-template .nav-social ul li {
    display: inline-block;
    margin: 0 3px
}

.consumer-template .nav-social ul a {
    display: inline-block;
    width: 45px;
    height: 45px;
    background-size: 40px;
    background-repeat: no-repeat;
    background-position: center
}

.consumer-template .nav-social ul a.nav-social--facebook {
    background-image: url(assets/images/icons/icon-facebook.png)
}

.consumer-template .nav-social ul a.nav-social--twitter {
    background-image: url(assets/images/icons/icon-twitter.png)
}

.consumer-template .nav-social ul a.nav-social--instagram {
    background-image: url(assets/images/icons/icon-instagram.png)
}

.consumer-template .toggle-menu {
    cursor: pointer;
    width: 35px;
    height: 35px;
    background: url(assets/images/icons/icon-bars.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -999999px;
    display: block;
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 999
}

@media (min-width: 992px) {
    .consumer-template .toggle-menu {
        display: none
    }
}

.consumer-template .toggle-menu-off {
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: url(assets/images/icons/icon-close.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    text-indent: -999999px;
    display: block;
    position: absolute;
    right: 20px;
    top: 15px;
    z-index: 999
}

@media (min-width: 992px) {
    .consumer-template .toggle-menu-off {
        display: none
    }
}

.consumer-template #site-wrapper {
    position: relative;
    width: 100%;
    height: 100%
}

.consumer-template #site-canvas {
    width: 100%;
    height: 100%;
    position: relative;
    left: 0;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.consumer-template #site-wrapper:not(.show-nav) #site-canvas {
    overflow-x: hidden
}

.consumer-template .show-nav #site-canvas {
    left: 80%;
    position: fixed
}

@media (min-width: 768px) {
    .consumer-template .show-nav #site-canvas {
        left: 50%
    }
}

.consumer-template .show-nav #site-canvas #page:before {
    content: ' ';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 9999999999
}

.consumer-template #offcanvas-menu {
    width: 80%;
    height: 100%;
    position: fixed;
    top: 0;
    left: -100%;
    background: #fff;
    padding: 20px 0 80px;
    -webkit-transition: .3s ease all;
    transition: .3s ease all;
    z-index: 99999999;
    overflow-y: scroll
}

@media (min-width: 768px) {
    .consumer-template #offcanvas-menu {
        width: 50%
    }
}

.consumer-template #offcanvas-menu .search {
    margin-top: 30px;
    margin-bottom: -20px
}

.consumer-template #offcanvas-menu .search .ajaxsearchpro,
.consumer-template #offcanvas-menu .search .probox {
    background: none !important;
    box-shadow: none !important;
    padding: 0 10px;
    box-sizing: border-box
}

.consumer-template #offcanvas-menu .home-heading {
    display: block;
    font-weight: 700;
    padding-left: 20px;
    text-transform: uppercase;
    line-height: 0;
    margin-top: 7px;
    color: #a04578;
    font-size: 1.2rem
}

.consumer-template #offcanvas-menu .menu-consumer-menu-container,
.consumer-template #offcanvas-menu .menu-top-menu-container {
    border-top: 1px solid #e2e2e2;
    margin-top: 30px;
    padding-top: 20px
}

.consumer-template #offcanvas-menu .menu-consumer-menu-container .menu-item-has-children > a,
.consumer-template #offcanvas-menu .menu-top-menu-container .menu-item-has-children > a {
    font-weight: 700
}

.consumer-template #offcanvas-menu .menu-consumer-menu-container > ul,
.consumer-template #offcanvas-menu .menu-top-menu-container > ul {
    margin-bottom: 0
}

.consumer-template #offcanvas-menu .menu-consumer-menu-container li > a,
.consumer-template #offcanvas-menu .menu-top-menu-container li > a {
    font-size: 14px
}

.consumer-template #offcanvas-menu .menu-consumer-menu-container > ul > li > a,
.consumer-template #offcanvas-menu .menu-top-menu-container > ul > li > a {
    font-weight: 700
}

.consumer-template #offcanvas-menu .menu-consumer-menu-container .sub-menu,
.consumer-template #offcanvas-menu .menu-top-menu-container .sub-menu {
    margin-bottom: 5px
}

.consumer-template #offcanvas-menu .menu-consumer-menu-container .link-icon a,
.consumer-template #offcanvas-menu .menu-top-menu-container .link-icon a {
    background: none;
    padding: 0
}

.consumer-template #offcanvas-menu .menu-top-menu-container {
    border: none;
    margin-top: 0;
    padding-top: 0
}

.consumer-template .show-nav #offcanvas-menu {
    left: 0
}

.consumer-template .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.consumer-template .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

.consumer-template #content[tabindex="-1"]:focus {
    outline: 0
}

.consumer-template .alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.consumer-template .alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

.consumer-template .aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.consumer-template .clear:before,
.consumer-template .clear:after,
.consumer-template .entry-content:before,
.consumer-template .entry-content:after,
.consumer-template .comment-content:before,
.consumer-template .comment-content:after,
.consumer-template .site-header:before,
.consumer-template .site-header:after,
.consumer-template .site-content:before,
.consumer-template .site-content:after,
.consumer-template .site-footer:before,
.consumer-template .site-footer:after {
    content: "";
    display: table;
    table-layout: fixed
}

.consumer-template .clear:after,
.consumer-template .entry-content:after,
.consumer-template .comment-content:after,
.consumer-template .site-header:after,
.consumer-template .site-content:after,
.consumer-template .site-footer:after {
    clear: both
}

.consumer-template .widget {
    margin: 0 0 1.5em
}

.consumer-template .widget select {
    max-width: 100%
}

.consumer-template .sticky {
    display: block
}

.consumer-template .hentry {
    margin: 0
}

.consumer-template .updated:not(.published) {
    display: none
}

.consumer-template .page-content,
.consumer-template .entry-content,
.consumer-template .entry-summary {
    margin: 0
}

.consumer-template .page-links {
    clear: both;
    margin: 0 0 1.5em
}

.consumer-template .comment-content a {
    word-wrap: break-word
}

.consumer-template .bypostauthor {
    display: block
}

.consumer-template .wpb_button,
.consumer-template .wpb_content_element,
.consumer-template ul.wpb_thumbnails-fluid > li,
.consumer-template .wpb_button,
.consumer-template .wpb_content_element,
.consumer-template ul.wpb_thumbnails-fluid > li {
    margin-bottom: 0 !important
}

.consumer-template .title_outer .has_background.title .title_subtitle_holder,
.consumer-template .title_outer .has_fixed_background.title .title_subtitle_holder,
.consumer-template .title_outer.with_image .title .title_subtitle_holder {
    display: inline-block !important
}

@media (min-width: 1200px) {

    .consumer-template .title_outer .has_background.title .title_subtitle_holder,
    .consumer-template .title_outer .has_fixed_background.title .title_subtitle_holder,
    .consumer-template .title_outer.with_image .title .title_subtitle_holder {
        padding-top: 130px !important
    }
}

@media (min-width: 1200px) {
    .consumer-template.search .title_outer.with_image .title .title_subtitle_holder {
        padding-top: 0 !important
    }
}

.consumer-template .container:before,
.consumer-template .container:after,
.consumer-template .row:before,
.consumer-template .row:after {
    content: ' ';
    display: none
}

.consumer-template .vc_col-sm-6 {
    height: auto !important
}

.consumer-template .content .container .container_inner.page_container_inner,
.consumer-template .full_page_container_inner {
    padding-top: 0 !important
}

.consumer-template .at-resp-share-element .at-share-btn {
    margin-bottom: 5px !important
}

.consumer-template .has-border img {
    border: 1px solid #000
}

.consumer-template .infinite-scroll .posts-navigation,
.consumer-template .infinite-scroll.neverending .site-footer {
    display: none
}

.consumer-template .infinity-end.neverending .site-footer {
    display: block
}

.consumer-template .page-content .wp-smiley,
.consumer-template .entry-content .wp-smiley,
.consumer-template .comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.consumer-template embed,
.consumer-template iframe,
.consumer-template object {
    max-width: 100%
}

.consumer-template .custom-logo-link {
    display: inline-block
}

.consumer-template .wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%
}

.consumer-template .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.consumer-template .wp-caption .wp-caption-text {
    margin: 0.8075em 0
}

.consumer-template .wp-caption-text {
    text-align: center
}

.consumer-template .gallery {
    margin-bottom: 1.5em
}

.consumer-template .gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.gallery-columns-2 .consumer-template .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .consumer-template .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .consumer-template .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .consumer-template .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .consumer-template .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .consumer-template .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .consumer-template .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .consumer-template .gallery-item {
    max-width: 11.11%
}

.consumer-template .gallery-caption {
    display: block
}

.consumer-template .site-header {
    padding: 0 15px 15px;
    background-repeat: no-repeat;
    z-index: 999;
    position: relative
}

@media (min-width: 992px) {
    .consumer-template .site-header {
        padding: 0
    }
}

.consumer-template .site-header:after {
    content: '';
    display: block;
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: -60px;
    left: 0;
    background: url(assets/images/white-bg.png);
    background-size: 100%;
    background-position: top left;
    background-repeat: no-repeat
}

.consumer-template .site-header .container:first-of-type {
    z-index: 101
}

.consumer-template .site-header__logo {
    display: block;
    max-width: 100%
}

@media (min-width: 992px) {
    .consumer-template .site-header__logo {
        width: 270px
    }
}

.consumer-template .site-header__logo img {
    width: 100%
}

.consumer-template .site-header .btn {
    width: 136px;
    margin-left: 20px
}

.consumer-template .site-header .btn-hcp {
    font-size: 11px !important;
    padding-top: 7px !important
}

.consumer-template .site-header .btn-hcp:hover {
    background-color: #94AC4E !important;
    border-color: #94AC4E !important
}

.consumer-template .site-header__search {
    position: relative
}

.consumer-template .site-header .site-header__search {
    width: 160px
}

.consumer-template .site-header .site-header__search > .ajaxsearchpro {
    box-shadow: none !important;
    border-radius: 0 !important;
    background: transparent !important
}

.consumer-template .site-header .site-header__search > .ajaxsearchpro .probox {
    background: none !important;
    box-shadow: none !important;
    border: 3px solid #ECD9E2 !important;
    border-radius: 0 !important;
    font-size: 11px !important;
    margin: 0 !important
}

.consumer-template .site-header .site-header__search > .ajaxsearchpro .probox input[type="search"]::placeholder {
    color: #999 !important;
    opacity: 1
}

.consumer-template .site-header .site-header__search > .ajaxsearchpro .probox input[type="search"]:-ms-input-placeholder {
    color: #999 !important
}

.consumer-template .site-header .site-header__search > .ajaxsearchpro .probox input[type="search"]::-ms-input-placeholder {
    color: #999 !important
}

.consumer-template .site-header .site-header__search-input {
    border: 3px solid #ECD9E2;
    border-radius: 0;
    font-size: 11px;
    padding: 5px 15px
}

.consumer-template .site-header .site-header__search-input::placeholder {
    color: #999 !important;
    opacity: 1
}

.consumer-template .site-header .site-header__search-input:-ms-input-placeholder {
    color: #999 !important
}

.consumer-template .site-header .site-header__search-input::-ms-input-placeholder {
    color: #999 !important
}

.consumer-template .site-header__search-button {
    position: absolute;
    top: 0;
    right: 0;
    width: 35px;
    background-color: transparent;
    background-image: url(assets/images/icons/icon-search.svg);
    background-size: 14px;
    background-repeat: no-repeat;
    background-position: center
}

.consumer-template #ajaxsearchprores2_1.vertical,
.consumer-template #ajaxsearchprores2_2.vertical,
.consumer-template div.ajaxsearchpro[id*="ajaxsearchprores2_"].vertical,
.consumer-template #ajaxsearchprores3_1.vertical,
.consumer-template #ajaxsearchprores3_2.vertical,
.consumer-template div.ajaxsearchpro[id*="ajaxsearchprores3_"].vertical {
    background: #a04578;
    margin-left: 10px
}

@media (min-width: 992px) {

    .consumer-template #ajaxsearchprores2_1.vertical,
    .consumer-template #ajaxsearchprores2_2.vertical,
    .consumer-template div.ajaxsearchpro[id*="ajaxsearchprores2_"].vertical,
    .consumer-template #ajaxsearchprores3_1.vertical,
    .consumer-template #ajaxsearchprores3_2.vertical,
    .consumer-template div.ajaxsearchpro[id*="ajaxsearchprores3_"].vertical {
        margin-left: 0;
        width: 350px !important
    }
}

.consumer-template #ajaxsearchprores2_1.vertical .asp_spacer,
.consumer-template #ajaxsearchprores2_2.vertical .asp_spacer,
.consumer-template div.ajaxsearchpro[id*="ajaxsearchprores2_"].vertical .asp_spacer,
.consumer-template #ajaxsearchprores3_1.vertical .asp_spacer,
.consumer-template #ajaxsearchprores3_2.vertical .asp_spacer,
.consumer-template div.ajaxsearchpro[id*="ajaxsearchprores3_"].vertical .asp_spacer {
    display: none
}

.consumer-template #ajaxsearchprores2_1.vertical .asp_content,
.consumer-template #ajaxsearchprores2_2.vertical .asp_content,
.consumer-template div.ajaxsearchpro[id*="ajaxsearchprores2_"].vertical .asp_content,
.consumer-template #ajaxsearchprores3_1.vertical .asp_content,
.consumer-template #ajaxsearchprores3_2.vertical .asp_content,
.consumer-template div.ajaxsearchpro[id*="ajaxsearchprores3_"].vertical .asp_content {
    padding: 10px !important;
    border-bottom: 1px solid #f1f1f1
}

.consumer-template #ajaxsearchprores2_1.vertical .asp_res_url,
.consumer-template #ajaxsearchprores2_2.vertical .asp_res_url,
.consumer-template div.ajaxsearchpro[id*="ajaxsearchprores2_"].vertical .asp_res_url,
.consumer-template #ajaxsearchprores3_1.vertical .asp_res_url,
.consumer-template #ajaxsearchprores3_2.vertical .asp_res_url,
.consumer-template div.ajaxsearchpro[id*="ajaxsearchprores3_"].vertical .asp_res_url {
    color: #a04578 !important
}

.consumer-template #ajaxsearchprores2_1.vertical .asp_image,
.consumer-template #ajaxsearchprores2_2.vertical .asp_image,
.consumer-template div.ajaxsearchpro[id*="ajaxsearchprores2_"].vertical .asp_image,
.consumer-template #ajaxsearchprores3_1.vertical .asp_image,
.consumer-template #ajaxsearchprores3_2.vertical .asp_image,
.consumer-template div.ajaxsearchpro[id*="ajaxsearchprores3_"].vertical .asp_image {
    display: none
}

.consumer-template div.ajaxsearchpro[id*='ajaxsearchprores'] .results {
    height: auto !important
}

.consumer-template .search_wrapper .top_menu_bar > div > a {
    width: 120px
}

.consumer-template .search_wrapper .top_menu_bar > div > a:hover {
    width: 120px
}

.consumer-template .site-footer .footer__nav {
    margin-top: 10px;
    padding: 10px 0;
    border-top: 1px solid #f3f3f3;
    border-bottom: 1px solid #f3f3f3
}

.consumer-template .site-footer .footer__nav .nav-footer {
    display: flex;
    justify-content: center
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .consumer-template .site-footer .footer__content {
        padding: 0 25px
    }
}

@media only screen and (max-width: 736px) and (orientation: landscape) {
    .consumer-template .site-footer .footer__content {
        padding: 0 25px
    }
}

.consumer-template .site-footer .footer__col1 {
    text-align: center
}

@media (min-width: 992px) {
    .consumer-template .site-footer .footer__col1 {
        text-align: left
    }
}

.consumer-template .site-footer .footer__col1 img {
    width: 250px
}

.consumer-template .site-footer .footer__col2 {
    text-align: center;
    padding-top: 15px
}

@media (min-width: 992px) {
    .consumer-template .site-footer .footer__col2 {
        text-align: left
    }
}

.consumer-template .site-footer .footer__col3 {
    padding-top: 15px;
    font-size: 0.9rem;
    text-align: center
}

@media (min-width: 992px) {
    .consumer-template .site-footer .footer__col3 {
        display: flex;
        text-align: left
    }
}

.consumer-template .site-footer .footer__col3 img {
    height: 78px
}

.consumer-template .site-footer address {
    font-style: normal;
    color: #666;
    line-height: 1.4;
    font-size: 14px;
    padding: 0 10%
}

.consumer-template .site-footer .footer__contact a {
    color: #666;
    font-size: 0.8rem
}

.consumer-template .site-info {
    color: #fff;
    background-color: #8F426F;
    background-image: url(assets/images/bg-primary.png);
    background-size: 100%;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 60px 10% 20px;
    text-align: center;
    font-family: "Raleway", sans-serif
}

.consumer-template .footer-references > a {
    display: none
}

.consumer-template .page__banner {
    height: 300px;
    background-color: #f6f6f6;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.consumer-template .title_outer {
    position: relative;
    z-index: 0
}

.consumer-template .title_subtitle_holder h1 {
    margin-top: 0
}

.consumer-template .title_outer .has_background.title .title_holder,
.consumer-template .title_outer .has_fixed_background.title .title_holder,
.consumer-template .title_outer.with_image .title .title_holder {
    padding-top: 0 !important
}

.consumer-template .title_outer .has_background.title .title_subtitle_holder {
    margin-top: 0 !important
}

.consumer-template .title_holder {
    display: flex !important;
    align-items: center
}

.consumer-template .title_holder .container {
    display: flex !important;
    align-items: center
}

.consumer-template .title.has_background,
.consumer-template .title.has_fixed_background {
    background-repeat: no-repeat;
    background-position: center
}

.consumer-template .ls-v5 .ls-nav-prev,
.consumer-template .ls-v5 .ls-nav-next {
    width: 40px;
    height: 40px;
    border: none !important
}

.consumer-template .ls-nav-prev:after {
    content: "\f104";
    line-height: 40px;
    font-size: 60px
}

.consumer-template .ls-nav-next:after {
    content: "\f105";
    line-height: 40px;
    font-size: 60px
}

@media (min-width: 768px) {
    .consumer-template.home .q_slider .q_slider_inner {
        margin-top: -25px
    }
}

.consumer-template.home .home__intro {
    height: auto !important;
    padding: 40px 0 40px !important;
    margin-left: -11vw !important;
    padding-left: 20px !important;
    margin-right: -11vw !important;
    padding-right: 20px !important;
    margin-bottom: 60px !important;
    overflow: visible !important;
    text-align: center !important;
    background: #EDD9E2 !important;
    z-index: 500
}

@media (min-width: 768px) {
    .consumer-template.home .home__intro {
        margin-left: -13vw !important;
        padding-left: 13vw !important;
        margin-right: -13vw !important;
        padding-right: 13vw !important;
        margin-top: -40px
    }
}

@media (min-width: 992px) {
    .consumer-template.home .home__intro {
        padding: 30px 0 80px !important;
        margin-left: -50vw !important;
        padding-left: 50vw !important;
        margin-right: -50vw !important;
        padding-right: 50vw !important
    }
}

@media (min-width: 992px) {
    .consumer-template.home .home__intro:before {
        content: ' ';
        height: 100px !important;
        display: block !important;
        width: 100% !important;
        background: url(assets/images/product-bg-top.svg) !important;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
        position: absolute !important;
        left: 0;
        top: -20px;
        z-index: 00
    }
}

@media (min-width: 992px) {
    .consumer-template.home .home__intro:after {
        content: '';
        display: block;
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        background-color: blue;
        background: #fff url(assets/images/product-bg-bottom.svg) !important;
        background-size: 100% !important;
        background-repeat: no-repeat !important;
        background-position: bottom left !important;
        height: 40px
    }
}

.consumer-template.home .home__intro h2 {
    margin-bottom: 30px
}

.consumer-template.home .home__intro h2 + h2 {
    margin-top: 20px
}

@media (min-width: 992px) {
    .consumer-template.home .home__intro p {
        padding: 0 10%
    }
}

.consumer-template.home .home__intro {
    text-align: center !important
}

@media (min-width: 992px) {
    .consumer-template.home .home__intro {
        padding-top: 40px !important;
        margin-top: -45px !important;
        padding-bottom: 170px !important
    }
}

.consumer-template.home .home__intro p {
    font-size: 24px;
    line-height: 1.4;
    font-weight: 600;
    color: #a04578
}

.consumer-template.home .home__intro .btn {
    width: 80%;
    height: 50px;
    margin: 50px 0;
    text-decoration: none;
    padding: 14px 50px 10px 30px !important;
    text-align: right;
    position: relative;
    font-size: 20px !important;
    right: -60px
}

@media (min-width: 768px) {
    .consumer-template.home .home__intro .btn {
        width: 250px;
        margin: 70px auto;
        right: -43px
    }
}

.consumer-template.home .home__intro .btn:before {
    content: ' ';
    display: block;
    background: url(assets/images/home-button-products.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    width: 140px;
    height: 140px;
    position: absolute;
    left: -80px;
    top: -55px
}

@media (min-width: 992px) {
    .consumer-template.home .home__intro .btn:before {
        width: 190px;
        height: 190px;
        position: absolute;
        left: -125px;
        top: -85px
    }
}

@media (max-width: 767px) {
    .consumer-template.home .home__intro p br {
        display: none
    }
}

@media (min-width: 992px) {
    .consumer-template.home .home__intro + .home__blocks {
        margin-top: -160px
    }
}

.consumer-template.home .home__blocks {
    margin-top: 0px;
    padding: 0 10%;
    z-index: 999999;
    margin-bottom: 50px !important
}

.consumer-template.home .home__blocks .home__block {
    padding: 0 25px;
    transition: all .3s
}

@media (min-width: 768px) {
    .consumer-template.home .home__blocks .home__block {
        padding: 0
    }
    

}

@media (min-width: 1200px) {
    .consumer-template.home .home__blocks .home__block {
        padding: 0 25px
    }
}

.consumer-template.home .home__blocks .home__block__image {
    width: 100%;
    height: 100%;
    border-radius: 101%;
    border: 4px solid #E3E1E1;
    box-sizing: border-box
}

.consumer-template.home .home__blocks .home__block__image:hover {
    border: 4px solid #CFA9BB
}

.consumer-template.home .home__blocks .home__block--inactive,
.consumer-template.home .home__blocks .home__block--hover-inactive {
    opacity: 0.4
}

.consumer-template.home .home__blocks .home__block--inactive:hover,
.consumer-template.home .home__blocks .home__block--hover-inactive:hover {
    opacity: 1
}

.consumer-template.home .home__blocks .home__block--active .home__block__image {
    border: 4px solid #CFA9BB
}

.consumer-template.home .home__blocks .home__block .btn {
    height: 100px;
    min-height: 100px;
    display: block !important;
    padding-top: 20px !important
}

@media (min-width: 992px) {
    .consumer-template.home .home__blocks .home__block .btn {
        padding-top: 30px !important
    }
}

.consumer-template .blog__hero {
    height: 460px;
    background-image: url(assets/images/blog-banner-home.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

.consumer-template .blog__hero:after {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    bottom: -20px;
    left: 0;
    background: transparent url(assets/images/white-bg-top.svg) !important;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: bottom left !important;
    height: 150px
}

.consumer-template .blog__hero h1 {
    margin-top: 415px;
    display: none
}

.consumer-template .blog__hero.skin-care {
    background-image: url(assets/images/blog-banner-skin-care.jpg)
}

.consumer-template .blog__hero.eczema-psoriasis-dry-skin {
    background-image: url(assets/images/blog-banner-eczema.jpg)
}

.consumer-template .blog__hero.mens-skin-care {
    background-image: url(assets/images/blog-banner-mens.jpg)
}

.consumer-template .blog__hero.mothers-babies-children {
    background-image: url(assets/images/blog-banner-mothers.jpg)
}

.consumer-template .blog__hero.beauty-and-fashion {
    background-image: url(assets/images/blog-banner-beauty.jpg)
}

.consumer-template .blog__hero.health-and-lifestyle {
    background-image: url(assets/images/blog-banner-health.jpg)
}

.consumer-template .blog__hero.leisure {
    background-image: url(assets/images/blog-banner-leisure.jpg)
}

.consumer-template .blog__hero.seasonal {
    background-image: url(assets/images/blog-banner-seasonal.jpg)
}

@media (min-width: 768px) {
    .consumer-template .blog_holder {
        margin-top: 60px
    }
}

.consumer-template .blog_holder .post_content_holder {
    display: flex;
    margin-bottom: 40px;
    margin-top: 40px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start
}

@media (min-width: 768px) {
    .consumer-template .blog_holder .post_content_holder {
        margin-top: 0;
        flex-direction: row
    }
}

.consumer-template .blog_holder .post_content_holder .post_image {
    flex: 0 0 200px;
    height: 200px;
    width: 200px;
    border-radius: 100%;
    overflow: hidden;
    border: 4px solid #CFA9BB;
    position: relative
}

.consumer-template .blog_holder .post_content_holder .post_image a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 100%;
    height: 100%
}

.consumer-template .blog_holder .post_content_holder .post_image img {
    height: 100%;
    width: auto;
    max-width: initial;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.consumer-template .blog_holder .post_content_holder .post_text {
    max-width: 100%;
    flex: 1
}

.consumer-template .blog_holder .post_content_holder .post_text .post_text_inner {
    padding: 20px 0
}

@media (min-width: 768px) {
    .consumer-template .blog_holder .post_content_holder .post_text .post_text_inner {
        padding: 0 40px
    }
}

.consumer-template .blog_holder .post_content_holder .post_text .post_text_inner h3 {
    clear: none
}

.consumer-template .blog_holder .post_content_holder .post_text .post_info {
    margin-bottom: 10px;
    line-height: 1.2
}

.consumer-template .blog_holder .post_content_holder .post_text .qbutton {
    background: #a04578;
    border-radius: 0;
    padding-right: 40px !important;
    font-weight: 600;
    color: #fff;
    background-image: url(assets/images/icons/icon-chevron-right-white.svg);
    background-repeat: no-repeat;
    background-size: 8px;
    background-position: right 7px center
}

.consumer-template .blog article {
    margin-bottom: 30px
}

.consumer-template .blog .entry-content {
    padding-top: 20px
}

.consumer-template .blog .entry-content .entry-content__title {
    display: flex
}

.consumer-template .blog .entry-content .entry-content__title .entry-title {
    margin: 0
}

.consumer-template .blog .entry-content .entry-content__title a {
    text-decoration: none
}

.consumer-template .blog .entry-content__date {
    color: #bebebe
}

.consumer-template .blog .entry-content .entry-content__meta {
    color: #bebebe
}

.consumer-template .blog .entry-content .entry-content__meta a {
    color: #bebebe;
    text-decoration: none
}

.consumer-template .blog .entry-content .btn {
    border-radius: 0;
    text-decoration: none;
    width: 130px;
    display: block
}

.consumer-template .blog #secondary {
    border-left: 1px solid #fff
}

.consumer-template .wpt_widget_content {
    padding: 0
}

.consumer-template .wpt_widget_content ul {
    margin: 0;
    padding: 0
}

.consumer-template .wpt_widget_content .tab_title a {
    font-size: 13px;
    color: #555
}

.consumer-template .wpt_widget_content .entry-title {
    line-height: 20px !important
}

.consumer-template .wpt_widget_content .entry-title a {
    font-weight: 600;
    line-height: 20px !important
}

.consumer-template .wpt_widget_content .inside {
    padding: 10px
}

.consumer-template .widget_categories {
    display: none
}

.consumer-template aside.sidebar {
    clear: both
}

.consumer-template .post-image-sidebar {
    margin: 0 0 15px 0
}

@media (min-width: 992px) {
    .consumer-template .post-image-sidebar {
        float: right;
        width: 23%;
        margin: 0 0 15px 35px
    }

    .consumer-template .post-image-sidebar-30 {
        width: 30%
    }

    .consumer-template .post-image-sidebar-40 {
        width: 40%
    }

    .consumer-template .post-image-sidebar-left {
        float: left;
        margin: 5px 30px 15px 0
    }
}

.consumer-template .fb-comments {
    width: 100% !important
}

.consumer-template .fb-comments iframe {
    width: 100% !important
}

.consumer-template .consumer-range-products .vc_single_image-wrapper {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 30px
}

@media (min-width: 992px) {
    .consumer-template .consumer-range-products .vc_single_image-wrapper {
        height: 200px;
        align-items: flex-end
    }
}

.consumer-template .consumer-range-products .vc_single_image-wrapper img {
    height: auto;
    width: 100%;
    vertical-align: bottom
}

@media only screen and (max-width: 736px) and (orientation: landscape) {
    .consumer-template .consumer-range-products .vc_single_image-wrapper img {
        width: 50%
    }
}

@media (min-width: 992px) {
    .consumer-template .consumer-range-products .vc_single_image-wrapper img {
        height: auto
    }
}

.consumer-template .consumer-range-products .hydration-scale h5 {
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 10px;
    margin: 10px 0 7px
}

.consumer-template .consumer-range-products .hydration-scale p {
    text-align: center
}

.consumer-template .consumer-range-products .hydration-scale img {
    width: 90px
}

.consumer-template .consumer-range-products ul {
    margin-top: 15px;
    display: inline-block;
    line-height: 1.6;
    font-weight: 600;
    font-size: 13px
}

@media (max-width: 991.98px) {
    .consumer-template .consumer-range-products ul {
        display: table;
        margin: 20px auto
    }
}

.consumer-template .consumer-range-products ul li {
    font-size: 16px
}

@media (min-width: 768px) {
    .consumer-template .consumer-range-products ul li {
        font-size: 14px
    }
}

@media (min-width: 1200px) {
    .consumer-template .consumer-range-products ul li {
        font-size: 16px
    }
}

.consumer-template .consumer-range-products .btn-cloud-2 {
    width: 80%;
    font-size: 16px !important;
    min-height: 96px;
    width: 265px;
    margin: 15px auto 40px !important
}

@media (min-width: 768px) {
    .consumer-template .consumer-range-products .btn-cloud-2 {
        min-height: 96px
    }
}

@media (min-width: 992px) {
    .consumer-template .consumer-range-products .btn-cloud-2 {
        min-height: 96px;
        font-size: 16px !important;
        margin: 15px auto 0 !important
    }
}

@media (min-width: 992px) {
    .consumer-template .consumer-range-products .btn-cloud-2 {
        min-height: 54px;
        font-size: 13px !important;
        width: 80%
    }
}

@media (min-width: 1200px) {
    .consumer-template .consumer-range-products .btn-cloud-2 {
        min-height: 64px;
        font-size: 13px !important
    }
}

@media only screen and (max-width: 736px) and (orientation: landscape) {
    .consumer-template .consumer-range-products .btn-cloud-2 {
        min-height: 86px;
        font-size: 16px !important;
        width: 265px
    }
}

@media only screen and (max-width: 812px) and (orientation: landscape) {
    .consumer-template .consumer-range-products .btn-cloud-2 {
        min-height: 96px;
        font-size: 16px !important
    }
}

@media (min-width: 992px) {
    .consumer-template .our-story-wrap-image {
        display: flex;
        margin-bottom: 20px
    }
}

.consumer-template .clueboxa p {
    margin-bottom: 0
}

.consumer-template .ecw-crosswordarea table {
    width: auto
}

.consumer-template .ecw-crosswordarea tbody {
    margin: 0 auto;
    display: inline-block
}

.consumer-template .ecw-box {
    width: 40px;
    height: 40px
}

.consumer-template .ecw-crosswordarea {
    margin: 20px 60px
}

.consumer-template #checkbutton {
    background: #a04578;
    color: #fff;
    font-weight: 600
}

.consumer-template .flipbook-thumb-num {
    top: -7px !important
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .consumer-template .cover_boxes ul li .box .thumb {
        width: 35%
    }

    .consumer-template .cover_boxes ul li .box .box_content {
        width: calc(65% - 20px)
    }

    .consumer-template .cover_boxes ul li .box .qbutton {
        height: 35px;
        line-height: 2.1;
        bottom: 0
    }
}

@media only screen and (min-width: 768px) and (max-width: 1000px) {
    .consumer-template .cover_boxes ul {
        width: 100%;
        display: flex
    }

    .consumer-template .cover_boxes ul li,
    .consumer-template .cover_boxes ul li.act {
        width: calc(33.333% - 10px);
        margin-right: 10px !important
    }

    .consumer-template .cover_boxes ul li .box {
        width: 100%;
        height: 100%
    }

    .consumer-template .cover_boxes ul li .box .thumb {
        width: 100%
    }

    .consumer-template .cover_boxes ul li .box .box_content {
        width: auto;
        clear: both;
        position: relative;
        left: 0;
        padding-bottom: 30px;
        padding-top: 10px
    }

    .consumer-template .cover_boxes ul li .box .box_content p {
        max-height: 100vh
    }

    .consumer-template .cover_boxes ul li .box .qbutton {
        height: 35px;
        line-height: 2.1;
        bottom: 0
    }
}

.consumer-template .samples-request-form .product img {
    border-radius: 50%;
    border: 4px solid #DAB3C6
}

.consumer-template .samples-request-form {
    float: left
}

@media (min-width: 992px) {
    .consumer-template .samples-request-form {
        width: calc(100% - 300px);
        margin-top: -42px;
        margin-bottom: 100px
    }
}

@media (min-width: 992px) {
    .consumer-template .samples-request-form-sidebar {
        width: 300px;
        float: left;
        position: relative;
        right: -30px
    }
}

.consumer-template .samples-request-form form {
    width: 98%
}

.consumer-template .samples-request-form table {
    border-collapse: separate;
    border-spacing: 0 0.5em;
    table-layout: fixed
}

.consumer-template .samples-request-form table td {
    padding: 5px 10px 0
}

.consumer-template .samples-request-form form td input[type="text"] {
    padding: 13px 15px;
    width: calc(100% - 48px);
    background-color: #e9e9e9;
    border: none;
    font-size: 13px;
    font-weight: 700;
    color: #818181;
    margin-right: 12px;
    border: 2px transparent solid
}

.consumer-template .samples-request-form form td input::-webkit-input-placeholder {
    color: #818181 !important
}

.consumer-template .samples-request-form form td input::-moz-placeholder {
    color: #818181 !important
}

.consumer-template .samples-request-form form td input:-ms-input-placeholder {
    color: #818181 !important
}

.consumer-template .samples-request-form form td input:-moz-placeholder {
    color: #818181 !important
}

.consumer-template .samples-request-form form td input[type="text"].error {
    border: 2px #a94442 solid
}

.consumer-template .samples-request-form form tr td:first-of-type {
    color: #9f4778;
    font-weight: 700;
    line-height: 1.4;
    text-align: right;
    padding-right: 40px;
    width: 30%
}

.consumer-template .samples-request-form form tr td:last-of-type {
    width: 70%;
    text-align: left
}

.consumer-template .samples-request-form form tr td select {
    padding: 13px 15px;
    width: calc(100% - 18px);
    font-size: 13px;
    font-weight: 700;
    color: #818181;
    border: none;
    box-shadow: none;
    border-radius: 0;
    background: transparent;
    background-image: none;
    -webkit-appearance: none;
    background-color: #e9e9e9;
    background-image: url(../img/select-arrow.png);
    background-repeat: no-repeat;
    background-position: right 15px top 18px;
    background-size: 15px
}

.consumer-template .samples-request-form input[type="submit"] {
    position: relative;
    display: inline-block;
    width: auto;
    height: 39px;
    line-height: 36px;
    padding: 0 23px;
    font-weight: 700;
    color: #ffffff;
    cursor: pointer;
    transition: all .1s linear;
    font-size: 16px;
    float: left;
    width: 200px;
    margin-right: 30px
}

.consumer-template .samples-request-form input[type="checkbox"] {
    display: none
}

.consumer-template .samples-request-form input[type="checkbox"] + label span {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 4px 10px 0 0;
    vertical-align: middle;
    background-color: #e9e9e9;
    cursor: pointer;
    position: relative;
    top: 5px;
    z-index: 99
}

.consumer-template .samples-request-form input[type="checkbox"]:checked + label span,
.consumer-template .samples-request-form input[type="checkbox"]:hover + label span {
    background: url(img/checkbox-tick.png) center center no-repeat;
    background-color: #e9e9e9;
    background-size: 15px
}

.consumer-template .samples-request-form .product {
    width: 30.333%;
    float: left;
    margin-right: 3%;
    margin-top: 15px
}

.consumer-template .samples-request-form .product-label {
    line-height: 1.3;
    display: inline-block;
    float: right;
    width: 80%;
    margin-left: 20%;
    position: relative;
    top: -24px;
    z-index: 0;
    color: #9f4778;
    font-weight: 700
}

.consumer-template #what_condition_row.error,
.consumer-template #hear_about_row.error,
.consumer-template #what_age_group_row.error,
.consumer-template #disclaimer_row.error {
    color: #000;
    background-color: transparent;
    border: none
}

.consumer-template #what_condition_row.error td:last-of-type,
.consumer-template #hear_about_row.error td:last-of-type,
.consumer-template #what_age_group_row.error td:last-of-type,
.consumer-template #disclaimer_row.error td:last-of-type {
    color: #000;
    background-color: #e9e9e9;
    border: 2px #a94442 solid
}

.consumer-template #disclaimer_row.error td:last-of-type {
    padding-bottom: 10px
}

.consumer-template .samples-request-form .field-radio {
    display: inline-block;
    padding-right: 20px
}

@media only screen and (max-width: 767px) {
    .consumer-template .samples-request-form form {
        width: 100%
    }

    .consumer-template .samples-request-form form td input[type="text"] {
        width: 100%;
        margin-right: 0
    }

    .consumer-template .samples-request-form form tr {
        display: block;
        width: 100%
    }

    .consumer-template .samples-request-form form td {
        display: block;
        width: 100%
    }

    .consumer-template .samples-request-form form tr td:first-of-type {
        text-align: left;
        padding-right: 0;
        width: 100%
    }

    .consumer-template .samples-request-form form tr td:last-of-type {
        width: 100%;
        padding-bottom: 20px
    }

    .consumer-template .samples-request-form .product {
        width: 100%;
        float: none;
        margin-right: 0;
        margin-top: 30px;
        text-align: center
    }

    .consumer-template .samples-request-form .product input {
        margin-top: 20px
    }

    .consumer-template .samples-request-form .product-label {
        line-height: 1.3;
        display: inline-block;
        float: none;
        width: 100%;
        margin-left: 0;
        position: relative;
        top: 0;
        z-index: 0;
        color: #9f4778;
        font-weight: 700
    }

    .consumer-template .samples-request-form form tr td select {
        padding: 13px 15px;
        width: 100%
    }

    .consumer-template .samples-request-form input[type="submit"] {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 39px;
        line-height: 36px;
        padding: 0 23px;
        border: 2px solid #9f4778;
        font-weight: 700;
        color: #ffffff;
        cursor: pointer;
        -o-border-radius: 0 0 20px 0;
        -moz-border-radius: 0 0 20px 0;
        -webkit-border-radius: 0 0 20px 0;
        -ms-border-radius: 0 0 20px 0;
        border-radius: 0 0 20px 0;
        background-color: #9f4778;
        transition: all .1s linear;
        font-size: 16px;
        float: none;
        margin-top: 30px
    }
}

.consumer-template .samples-request-form .message-row {
    padding: 0;
    width: 100% !important
}

.consumer-template .samples-request-form .message {
    width: 97.5%;
    max-width: 100%;
    margin: 0;
    text-align: left;
    padding: 15px 20px;
    line-height: 1.6
}

.consumer-template .samples-request-form .success {
    color: #3c763d;
    background-color: #dff0d8;
    border: 1px solid #d6e9c6
}

.consumer-template .samples-request-form .error {
    color: #a94442;
    background-color: #f2dede;
    border: 1px solid #ebccd1
}

.consumer-template .samples-request-form .error a {
    color: #a94442;
    text-decoration: underline
}

@media only screen and (max-width: 600px) {
    .consumer-template .samples-request-form {
        width: 100%;
        float: none
    }

    .consumer-template .samples-request-form-sidebar .sidebar__inner {
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
        margin-bottom: 20px;
        transform: none !important
    }

    .consumer-template .title_subtitle_holder h1 {
        margin-top: 0px;
        display: none
    }
}



/*# sourceMappingURL=styles-consumer.css.map */