@import url(owl.carousel.css);
@import url(fonts.css);
@import url(responsive.css);
a,
a:focus,
a:hover,
section#intro a {
    text-decoration: none
}
section#big-image img,
section#testimonials .video img {
    max-width: 100%
}
body,
html {
    font-family: Helvetica, Arial, sans-serif;
    font-size: 14px;
    width: 100%
}
.bg-primary {
    background: #e00033
}
.bg-white {
    background: #fff
}
.bg-darkgrey {
    background: #474747
}
.bg-grey {
    background: #7b7a7a
}
.bg-lightgrey,
section#treatments {
    background: #d0d0d0
}
video {
    object-fit: fill;
    background-repeat: no-repeat!important
}
.heading {
    color: #fff
}
.heading.dark {
    color: #474747
}
.heading.color,
.text-primary {
    color: #e00033
}
.heading>h2 {
    font-family: libel_suitregular;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 4vw;
    margin-bottom: 14px
}
.navbar-inverse,
.quick-access ul,
section#intro h1,
section.strip .item h3 {
    font-family: Signika, sans-serif
}
.heading>h2 span {
    white-space: pre
}
p.text-dark {
    color: #231f20
}
.center-content {
    text-align: center
}
.vjs-poster {
    -webkit-background-size: cover!important;
    background-size: cover!important
}
.navbar-inverse {
    background-color: #474747;
    border-radius: 0;
    margin: 0;
    border: 0 #474747;
    font-weight: 300;
    z-index: 9
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    background-color: #2B2B2B
}
.dropdown-menu {
    background-color: #FFF
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    background-color: #2B2B2B
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover,
.navbar-inverse {
    background-image: none
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-brand:focus,
.navbar-inverse .navbar-brand:hover {
    color: #FFF;
    background: #e32232
}
.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-brand img {
    margin: 0;
    padding: 0
}
.navbar-inverse .navbar-nav>li>a {
    color: #fff
}
.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.active>a:focus,
.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:focus,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>li>a:focus,
.navbar-inverse .navbar-nav>li>a:hover {
    color: #FFF
}
.dropdown-menu>li>a {
    color: #2B2B2B
}
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
    color: #FFF
}
.navbar-inverse .navbar-nav>.dropdown>a .caret {
    border-top-color: #999;
    border-bottom-color: #999
}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
    border-top-color: #FFF;
    border-bottom-color: #FFF
}
.navbar-nav li:last-child img {
    display: none;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}
.navbar-nav .product-name {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700
}
.quick-access {
    text-align: right;
    display: none;
    min-height: 34px
}
.affix {
    width: 100%;
    margin: 0;
    top: 0
}
.quick-access ul {
    margin: 0;
    padding: 8px 0 6px;
    font-weight: 300
}
.quick-access ul li {
    display: inline-block;
    list-style: none;
    margin-right: 16px
}
.quick-access ul li a {
    color: #474747;
    text-transform: uppercase
}
.quick-access ul li a:hover {
    color: #000
}
a {
    color: #e00033
}
a:focus,
a:hover {
    color: #881b00
}
a.download-file {
    color: #231f20;
    font-weight: 700
}
a.download-file i {
    font-size: 40px;
    margin-right: 10px;
    position: relative;
    top: 12px
}
.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: .8
}
.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0
}
.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all .15s ease-out;
    -moz-transition: all .15s ease-out;
    transition: all .15s ease-out
}
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1
}
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0
}
section#big-image {
    background: #f27138
}
section#intro {
    padding: 20px 0 60px;
    background: #fff
}
section#intro h1 {
    color: #f27138;
    font-weight: 700
}
section#intro p {
    color: #231f20;
    margin: 14px 0
}
section#intro a {
    position: relative;
    display: inline-block;
    outline: 0;
    color: #e00033;
    vertical-align: bottom;
    padding-right: 6px;
    font-weight: 700
}
section.strip {
    color: #fff;
    font-weight: 400;
    padding: 40px 0 20px;
    margin-bottom: 10px
}
section#footer,
section.strip.head {
    padding: 20px 0
}
section.strip .owl-theme .owl-controls .owl-nav [class*=owl-] {
    color: rgba(255, 255, 255, .4)
}
section.strip .owl-theme .owl-controls .owl-nav [class*=owl-]:focus,
section.strip .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    color: rgba(255, 255, 255, .8)
}
section.strip .owl-theme .owl-dots .owl-dot span {
    background: rgba(255, 255, 255, .4)
}
section.strip .owl-theme .owl-dots .owl-dot.active span,
section.strip .owl-theme .owl-dots .owl-dot:hover span {
    background: rgba(255, 255, 255, 1)
}
section.strip .item {
    text-align: center
}
section.strip .item h3 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 3.5vw;
    margin: 0
}
section.strip .item p {
    font-size: 1.9vw;
    margin: 0
}
section.strip .full-width {
    position: relative;
    left: 0;
    right: 0;
    margin: auto
}
section#testimonials {
    min-height: 400px;
    padding: 20px 0;
    background: url(../images/testimonials-bg.jpg) no-repeat center center;

    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
section#testimonials .video {
    text-align: center;
    position: relative;
    margin: 10px 0
}
section#testimonials .video .icon {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0
}
section#testimonials .video .icon i {
    font-size: 8vw;
    left: 0;
    right: 0;
    margin: auto;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #717171;
    opacity: .6
}
section#testimonials:hover .video .icon i {
    opacity: .9
}
section#benefits {
    background: #aeaeae;
    padding: 40px 0
}
section#benefits h2 {
    color: #474747
}
section#treatments {
    padding: 40px 0
}
section#treatments h2 {
    color: #e00033;
    margin: 0
}
section#treatments .video-js {
    margin-top: 40px
}
section#pride {
    background: #f27138;
    padding: 40px 0
}
section#pride h2 {
    color: #fff
}
section#contact .head {
    margin-top: -40px
}
section#contact form {
    margin: 20px auto
}
section#contact form button,
section#contact form input,
section#contact form textarea {
    border-radius: 0;
    resize: none
}
section#contact form button {
    margin-top: 10px;
    display: block;
    width: 100%;
    padding: 6px 0;
    color: rgba(255, 255, 255, 1);
    font-family: libel_suitregular;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 30px
}
section#contact form button:hover {
    color: rgba(255, 255, 255, 1);
    background: #c3002c
}
section#footer {
    color: #b8b8b8;
    font-size: 12px
}
section#see-more {
    background: url(../images/see-more-bg.jpg) center center #d0d0d0;
    max-height: 122px;
    height: 120px;
    margin: 80px 0
}
section#see-more .product-box {
    position: relative;
    top: 0;
    left: -100px
}
section#see-more .container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-height: 120px
}
section#see-more p {
    color: #fff;
    font-size: 2.6vw;
    font-family: Signika, sans-serif;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: -1px 3px 4px rgba(0, 0, 0, .82)
}
section#see-more p i {
    zoom: 1.4;
    position: relative;
    top: 4px;
    margin-right: 6px
}
section#see-more p img {
    margin-left: 6px
}

.vjs-default-skin .vjs-big-play-button {
    top: 44% !important;
}

section#steps {
	background: #d0d0d0;
	padding: 60px 0;
	max-width: 100%;
}

section#steps .xl-screen {
    display: none;
}

section#steps h2 {
    color: #e00033;
    margin: 0;
    font-size: 3.4vw;
}

section#steps p {
	color: #231f20;
	font-size: 18px;
}

section#steps .border-box {
	padding: 0;
	margin:15px 0;
	font-weight: bold;
	font-size: 1.8vw;
	border-bottom: 5px solid #e00034;
}

section#steps .border-box span {
	color: #e00032;
    font-size: 5vw;
    position: relative;
    top: .9vw;
    padding: 0 4px;
}

section#steps img {
    width: 100%;
}

section#steps ul {
    list-style: none;
    padding:0;
    margin:0;
    margin-bottom: 30px;
}

section#steps li { 
    padding-left: 1em; 
    text-indent: -.7em;
    font-size: 1.3vw;
}

section#steps li:before {
    content: "• ";
    color: #e00032;
    position: relative;
    top: 3px;
    font-size: 25px;
}

section#steps p.addition{
	font-size: .9vw;
}

section#steps .col-md-6 {
	padding: 0 !important;
}