/*
Theme Name: ReadiMask
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: readimask
Tags:

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

ReadiMask is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/


/* Colors

Red: #b22437
Orange: #ee7600
Gray Text: #525252
Yellow Text: #ffe77b
Accent Yellow: #fcce01
Footer Gray: #353535
Footer Gray Text: #969494
Footer White: #e9e4e4
    
*/

/*-------*/
/* Fonts */
/*-------*/


/*-----------*/
/* Structure */
/*-----------*/

* {
    box-sizing:border-box;
}

body {
    padding:0;
    margin:0;
    color:#525252;
    font-family:'Open Sans', Helvetica, Arial, Sans-serif;
}

.content {
    max-width:1195px;
    margin:0px auto;
    padding:0px 20px;
    overflow:auto;
}
.home .content-start {
    margin-top:118px !important;
}
.page .content-start {
    margin-top:100px;
}

/*----------*/
/* Header   */
/*----------*/

#logo {
    background:url('images/logo.png') center center no-repeat;
    display:inline-block;
    width:210px;
    height:44px;
    text-indent:-99999px;
    margin-top:10px;
}

#masthead {
    box-shadow:0px 1px 10px 0px rgba(0,0,0,.6);
    min-height:68px;
    background-color:rgba(255,255,255,.9);
    position:fixed;
    top:0px;
    left:0;
    right:0;
    z-index:10000;
}

header .content {
    overflow:inherit;
}

header ul {
    list-style-type:none;
    padding:0;
    margin:0;
    float:right;
}

header li {
    float:left;
    margin-left:35px;
    line-height:68px;
}

header li a {
    color:#353535;
    text-decoration:none;
}

header li a:hover {
    color:#ee7600;
}

header .sub-menu {
    background-color:#FFF;
    z-index:10000;
}

/*----------*/
/* HomePage */
/*----------*/

/* Carousel Banners */

.image-slider {
    overflow:hidden;
}

.carousel .slide {
    background-size:cover !important;
    min-height:300px;
}

.carousel.slick-slider {
    margin-bottom:0;
}

.carousel .slick-slide {
    height:inherit;
}

.carousel .content {
    overflow:inherit;
}

.slide-text {
    background:#ab2c41;
    color:#FFF;
    box-shadow:0px 0px 0px 30px rgba(173,23,43,.4);
    min-height:300px;
    padding:20px;
    width:300px;
    float:right;
    margin-right:-30px;
}

.slide-text h1 {
    color:#ffe77b;
    font-size:25px;
}

.slide-text hr {
    border:1px solid #dba1aa;
    width:30%;
    margin-left:0;
}

.slide-text p {
    font-size:16px;
}

.slide-text a {
    font-size:15px;
    color:#FFF;
    display:inline-block;
    text-decoration:none;
    text-transform:uppercase;
    border:1px solid #FFF;
    padding:10px 35px;
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
}

.slide-text a:hover {
    background-color:#FFF;
    color:#ab2c41;
}

#slide1 {
    background:url('images/7.jpg') center center no-repeat;
}

#slide2 {
    background:url('images/11.jpg') center center no-repeat;
}

#slide3 {
    background:url('http://readimask.com/wp-content/uploads/2016/02/banner-2.jpg') center center no-repeat;
}

/* Why ReadiMask */

#why {
    box-shadow:0px 1px 10px 0px rgba(0,0,0,.6);
    position:relative;
    z-index:1000;
}

#why h1 {
    margin-top:15px;
    text-transform:uppercase;
    font-size:30px;
    font-weight:600;
    color:#b22437;
    margin-bottom:0px;
}

#why ul {
    padding:0;
    margin:-10px auto 0;
    list-style-type:none;
}

#why li {
    font-size:16px;
    font-weight:600;
    float:left;
    width:20%;
    padding:15px 15px 0 45px;
    background:url('images/icon-plus.png') 0px 20px no-repeat;
    margin:0 0 20px;
    min-height:60px;
}


/* Blocks */

.which-mask {
    text-transform:uppercase;
    color:#ee7500;
    font-size:26px;
    text-align:center;
    font-weight:600;
    margin:40px 0;
}

.block {
    width:50%;
    box-sizing:border-box;
    float:left;
    text-align:center;
}

.blocks img {
    border-right:2px solid #FFF;
}

.block h2 {
    font-size:16px;
    font-weight:600;
    margin-bottom:0;
    margin-top:25px;
}
.block h2 a {
    text-decoration:none;
    color:inherit;
}
.block p {
    padding:0px 20px 0;
}
.block .button {
    color:#b32438;
    border:1px solid #b32438;
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    text-decoration:none;
    display:inline-block;
    font-weight:600;
    padding:5px 25px;
    text-transform:uppercase;
    font-size:15px;
}

.block .button:hover {
    color:#FFF;
    background-color:#b32438;
}

/* Old Style Blocks
.blocks .content {
    padding:0;
}

.blocks ul {
    list-style-type:none;
    padding:0;
    margin:0;
}

.blocks li {
    float:left;
    width:33.3%;
    text-align:center;
    background-size:cover !important;
}

.blocks a {
    display:block;
    padding:100px 25px;
    visibility:hidden;
    color:#FFF;
    text-shadow:0px 0px 3px rgba(0,0,0,.8);
    text-decoration:none;
}

.blocks span {
    display:block;
}

.blocks a:hover {
    background:rgba(238,118,0,.8);
}

.blocks li:hover a {
    visibility:visible;
}

.blocks li:hover a span {
    animation: fadeInUp .4s;
}

#block1 {
    background:url('images/block3.png');
}

#block2 {
    background:url('images/block4.png');
}

#block3 {
    background:url('images/block5.png');
}

#block4 {
    background:url('images/block6.png');
}

#block5 {
    background:url('images/block2.png');
}

#block6 {
    background:url('images/block1.png');
} */

/* Customer Feedback */
.customer-feedback {
    margin-top:15px;
    text-align:center;
    padding:0 50px;
}
.customer-feedback h2 {
    font-size:13px;
    color:#ab2c41;
    text-align:center;
    text-transform:uppercase;
}

.customer-feedback .quote span {
    font-size:62px;
    font-family:serif;
    position:absolute;
    margin-left:-30px;
    margin-top:-35px;
    color:#c7c7c7;
}

.customer-name {
    font-size:12px;
    font-style:italic;
}

.customer-name span {
    color:#ab2c41;
}

/* Newsletter */
.blurb {
    float:left;
    width:50%;
}
.mc-form {
    float:left;
    width:50%;
}
.mc-field-group {
    float:left;
}

/* Blog section */

.whats-new h1 {
    border-bottom:2px solid #b22437;
    padding-bottom:8px;
    font-size:16px;
}

.whats-new article {
    float:left;
    width:25%;
    padding:15px;
}

.whats-new img {
    width:100%;
    margin-bottom:10px;
}

.whats-new .title {
    font-size:14px;
    font-weight:bold;
    color:#353535;
    text-decoration:none;
}

.whats-new .excerpt {
    font-size:14px;
}

/*------------*/
/* Newsletter */
/*------------*/

.newsletter {
    background:#e5e4e2;
    border-bottom:5px solid #FFF;
}

.newsletter span {
    color:#b22437;
    font-size:14px;
}

/*---------------------------*/
/* Distributor Opportunities */
/*---------------------------*/

.distributor {
    background-color:#e1e1e1;
    padding:10px 0 0;
    border-bottom:5px solid #fff;
}

.distributor hr {
    border:1px solid #ee7500 !important;
    background-color:#ee7500 !important;
    width:30px !important;
    margin-bottom:10px;
}

.distributor .content {
    overflow:inherit;
}

.dist-left {
    width:65%;
    float:left;
}

.dist-left .dist-img {
    float:left;
    display:block;
    position:relative;
    top:-20px;
    width:30%;
    text-align:center;
}
.dist-left .dist-img img {
    display:block;
    margin:0 auto;
}
.dist-left p {
    margin-bottom:0;
    margin-top:0px;
    padding-right:20px;
    font-size:15px;
    display:inline-block;
}
.dist-left .button {
    color:#FFF;
    background-color:#b32438;
    display:inline-block;
    text-decoration:none;
    padding:5px 8px;
    width:100px;
    text-align:center;
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    font-size:12px;
    margin:10px auto;
}

.distributor-opps {
    margin-left:20px;
    width:65%;
    float:left;
}
.dist-right {
    float:right;
    width:35%;
    border-left:1px solid #cdcdcd;
    box-shadow:inset 1px 0px 0px 0px rgba(255,255,255,1);
    -moz-box-shadow:inset 1px 0px 0px 0px rgba(255,255,255,1);
    -webkit-box-shadow:inset 1px 0px 0px 0px rgba(255,255,255,1);
    padding-left:20px;
    font-weight:600;
}

.branded-mask {
    float:right;
    margin-top:-30px;
}

.distributor h2 {
    font-size:14px;
    font-weight:600;
}

.dist-right h2 {
    color:#b32438;
    display:inline-block;
    text-transform:uppercase;
}
.dist-right p {
    font-size:12px;
}

/*--------*/
/* Footer */
/*--------*/

footer {
    background:#444;
    color:#969494;
    overflow:auto;
    font-size:14px;
    padding-bottom:50px;
    padding-top: 15px;
}

footer section,
footer nav {
    float:left;
    padding:0px 20px;
}

footer nav {
    width:30%;
}

footer .contact-us {
    width:40%;
}

footer .connect {
    width:30%;
}

.facebook img {
    margin-right:12px;
    margin-left:5px;
}

.twitter img {
    margin-right:7px;
}

.linkedin img {
    margin-right:8px;
    position:relative;
    top:-4px;
}

footer h3,
footer h3 a {
    color:#fff;
    font-size:20px;
    font-weight:700;
    text-decoration:none;
    font:700 20px 'GothamPro', sans-serif;
}

.distributor hr,
footer hr {
    width:85px;
    border:none;
    margin-left:0;
    background-color:#ad172b;
    margin-top: 7px;
    height:5px;
}

footer nav ul {
    float:left;
    list-style-type:none;
    margin:0;
    padding:0;
    width:50%;
}

footer nav li {
    margin-bottom:0;
}

footer nav ul a {
    color:#fff;
    font-size:17px;
    text-decoration:none;
}

/* Contact Form Footer */

.contact-us {
    background-color:#444;
}

.contact-us .name, .contact-us .email {
    float:left;
    width:50%;
}

.contact-us .name {
    padding-right:10px;
}

.contact-us .message {
    padding-top:10px;
    clear:both;
}
#contact-form{ padding-bottom:15px; }
#contact-form::after{ content:''; display:block; clear:both; }
.contact-us label { color:#fff; font-size:17px; margin-bottom: 5px;}

.contact-us input, .contact-us textarea {
    border: none;
    width: 100%;
    background: #fff;
    font-size: 13px;
    line-height: 40px;
    height: 40px;
    border-radius: 10px !important;
    -moz-border-radius:10px ;
    -webkit-border-radius:10px ;
    color:#333!important;
    overflow:hidden;
}

/*.contact-us input[type="submit"] {
    float:right;
    display:inline-block;
    width:inherit;
    background:none;
    border-radius:10px !important;
    color:#FFF;
    margin:15px 0;
}

.contact-us input[type="submit"]:hover {
    background-color:#FFF;
    color:#000 !important;
    border-color:transparent;
}
*/
.contact-us input[type="submit"]{ float:right; margin:15px auto 0; display: inline-block; color:#fff !important; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;
	padding: 0 40px; background-color: #ad172b; text-align: center; font:400 16px/40px 'GothamPro', sans-serif; width:auto;
	-webkit-appearance: none; -moz-appearance: none; appearance: none; text-decoration: none; border:none;
	-webkit-box-shadow:-5px 5px 15px 0px rgb(173 23 34 / 0.6); -moz-box-shadow:-5px 5px 15px 0px rgb(173 23 34 / 0.6); box-shadow:-5px 5px 15px 0px rgb(173 23 34 / 0.6);
}
.contact-us input[type="submit"]:hover{ background: #c22137; color:#fff  !important; }

/* Connect */

.connect ul {
    list-style-type:none;
    margin:0;
    padding:0;
}

.connect ul li a {
    color:#fff;
    text-decoration:none;
    margin-bottom:18px;
    display:block;
}

/*--------------*/
/* Inside Pages */
/*--------------*/

.page-content {
    float:left;
    width:78%;
    box-sizing:border-box;
    padding:0px 50px 20px 20px;
}

.page-content.full-width {
    width:100%;
}

.page-content .entry-content {
    margin-top:0;
}

/* Side Nav */

.subnav {
    width:17%;
    float:left;
    margin-top:51px;
    margin-right:25px;
    box-sizing:border-box;
    font-size:14px;
}

.subnav a.parent-page {
    text-transform:uppercase;
    font-size:20px;
    display:block;
    text-decoration:none;
    color:#404040;
    padding-bottom:10px;
    }

.subnav ul {
    list-style-type:none;
    margin:0 0 15px 0;
    padding:0;
}
.subnav ul li {
    margin:0;
    padding:0;
}

.subnav ul li a {
    color:#6d6e71;
    text-decoration:none;
    display:block;
    padding:8px;
    border-top:1px dotted #CCC;
}

.subnav ul li a:hover {
    background:#f9cea3;
    border-top:1px solid rgba(0,0,0,0);
}

.subnav ul .current_page_item > a {
    color:#ee7600;
}
.subnav ul .current_page_item:hover > a {
    background:none;
    border-top:1px dotted #CCC;
}

.subnav ul li .children {
    display:none;
    margin:0 0 10px;
    padding:0;
}

.subnav ul li .children li {
    list-style-type:circle;
    list-style-position:inside;
    margin:0;
}

.subnav ul li .children li a {
    padding:3px 8px 5px;
}

.subnav ul li.page_item_has_children.current_page_item .children,
.subnav ul li.current_page_ancestor .children {
    display:block;
}

.subnav ul li.page_item_has_children.current_page_item a {
    border-bottom:1px solid rgba(0,0,0,0);
}

.subnav ul li .children li {
    padding-left:15px;
    background:transparent;
}

/* Inside Pages */

.page-hero {
    min-height:350px;
}

.inside-page-title {
    background:rgba(0,0,0,.9);
    font-size:30px;
    line-height:1.5em;
    padding:10px 0;
    width:100%;
    position:fixed;
    top:68px;
    border-bottom:1px solid rgba(255,255,255,.3);
    box-shadow:0px 1px 10px 0px rgba(0,0,0,.6);
}
.inside-page-title a {
    text-decoration:none;
    color:#FFF;
    font-weight:100;
    text-transform:uppercase;
}

/*--------------------------------------------------------------
## Blog Index Page
--------------------------------------------------------------*/

body.blog .post,
body.archive .post {
    width:50%;
    float:left;
    box-sizing:border-box;
    padding:20px;
    border-bottom:1px dashed #CCC;
    border-right: 1px dashed #CCC;
    overflow:auto;
    height:350px;
    font-size:12px;
    margin-bottom:0;
}
body.blog .post:nth-child(odd),
body.archive .post:nth-child(odd) {
    border-right:none;
}

body.blog .post .thumbnail,
body.archive .post .thumbnail {
    padding-right:15px;
    padding-bottom:15px;
}

body.blog .entry-meta,
body.archive .entry-meta {
    color:#404040;
}

body.blog .cat-links {
    display:none;
}

body.blog .entry-title,
body.archive .entry-title {
    margin:0px;
}

body.blog .entry-title a,
body.archive .entry-title a {
    color:#404040;
    font-size:14px;
    text-decoration:none;
}

body.blog .post .blog-entry,
body.archive .post .blog-entry {
    float:left;
    width:65%;
}

body.blog .post p,
body.archive .post p {
    font-size:12px;
    margin-top:0;
}

body.blog .more-link,
body.archive .more-link, {
    color:#509236;
    font-size:13px;
    font-family: EncodeSans-Narrow-Bold, Helvetica, Arial, sans-serif;
}

body.blog .comments-link,
body.archive .comments-link {
    display:none;
}

.posts-navigation {
    clear:both;
}

body.single #primary {
    float:left;
    width:75%;
    margin-top:50px;
    box-sizing:border-box;
}

body.single #secondary {
    float:right;
    margin-top:50px;
    width:25%;
    box-sizing:border-box;
}

body.single .thumbnail {
    float:left;
    width:20%;
}

body.single .blog-entry {
    float:left;
    width:80%;
}

.widget-title {
    font-size:14px;
    text-transform:uppercase;
    font-weight:normal;
    color:#ee7600;
}

aside section ul {
    padding:0;
    margin:0;
    font-size:13px;
}

aside section ul li {
    padding:0;
    margin:0;
    list-style-type:none;
}

aside section ul li a,
aside section ul li a:visited {
    text-decoration:none;
    color:#404040;
}

aside section ul li a:hover {
    color:#ee7600;
}

footer.entry-footer {
    background:inherit;
}

.nav-links {
  margin:20px 0;
}

/*---------------*/
/* Product Pages */
/*---------------*/

.buy-button {
    color:#b32438;
    border:1px solid #b32438;
    display:inline-block;
    text-decoration:none;
    padding:15px 30px;
    width:200px;
    text-align:center;
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    font-size:18px;
    margin:10px auto;
}

.buy-button:hover {
    background-color:#b32438;
    color:#FFF;
}

.product-image {
    float:left;
    margin-right:20px;
    margin-bottom:20px;
}

/*------------*/
/* Responsive */
/*------------*/

@media (max-width:1100px) {
    footer nav { width: 35%; }
    footer .connect { width: 25%; }
    
}

@media (max-width:1050px) {
    .whats-new article {
        width:50%;
        height:370px;
    }
    .main-navigation a {
        font-size:13px;
    }
    
}

@media (max-width:900px) {
    .blocks li {
        width:50%;
    }
    #why li {
        width:33%;
    }
    .dist-left {
        float:none;
        width:100%;
    }
    .dist-left .dist-img {
        width:100%;
        float:none;
    }
    .dist-left .distributor-opps {
        width:100%;
        padding-bottom:25px;
    }
    .dist-right {
        display:none;
    }
    
    footer nav, footer .contact-us, footer .connect{ padding:0 5px; }
    footer nav ul a, .connect ul li a, .contact-us label{ font-size: 15px; }
}

@media (max-width:600px) {
    .blocks li {
        width:100%;
    }
    #why li {
        width:50%;
    }
    .block {
        width:100%;
        box-sizing:border-box;
        float:left;
        text-align:center;
        margin-bottom:35px;
    }
    body.blog .post {
        width:100%;
        float:none;
        border-right:none;
        min-height:inherit;
    }
    body.blog .post .thumbnail {
        width:100%;
        display:block;
        max-width:225px !important;
    }
    body.blog .post .thumbnail img {
        width:100%;
    }
    
    
    footer nav, footer .contact-us,footer .connect{ width:100%; padding:0 15px; }
}

@media (max-width:450px) {
    .carousel .slide {
        padding-top:300px;
    }
    .carousel .slide-text {
        width:100%;
        margin-right:0;
        box-shadow:none;
        padding-bottom:20px;
    }
    .slide .content {
        padding:0;
    }
    #slide1 {
        background:url('images/responsive-banner1.png');
        background-size:599px 300px !important;
        background-position:-200px 0;
    }
    #slide2 {
        background:url('images/responsive-banner2.png');
        background-size:599px 300px !important;
        background-position:0px 0;
    }
    #slide3 {
        background:url('images/responsive-banner3.png');
        background-size:599px 300px !important;
        background-position:-100px 0;
    }
    .carousel .slide-text a {
        font-size:13px;
        padding:7px 15px;
        margin-bottom:15px;
    }
    #why h1 {
        margin-bottom:15px;
    }
    #why li {
        width:100%;
        background-position:0 10px;
    }
    .whats-new article {
        width:100%;
        min-height:inherit;
    }
    footer nav,
    footer section {
        float:none;
        width:100% !important;
        padding-top:10px;
        padding-bottom:20px;
    }
    footer .content {
        padding:0;
    }
}


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
	color:#ee7600;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

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

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

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

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

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

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
	color: #404040;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

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

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

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

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

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff; /* Fallback for when there is no custom background color defined. */
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

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

ul,
ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

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

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	color: rgba(0, 0, 0, .8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .6em;
}

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

select {
	border: 1px solid #ccc;
}

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

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
	padding: 3px;
}

textarea {
	padding-left: 3px;
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	display: inline-block;
	float:right;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 3em;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul li {
    line-height:3em;
    margin-left:20px;
}

.main-navigation ul ul a {
    width: 200px;
} 

.main-navigation ul ul li:first-child a {
    padding-top:20px;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation li:hover > a,
.main-navigation li.focus > a {
}

.main-navigation ul ul :hover > a,
.main-navigation ul ul .focus > a {
}

.main-navigation ul ul a:hover,
.main-navigation ul ul a.focus {
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation .current_page_item > a,
.main-navigation .current-menu-item > a,
.main-navigation .current_page_ancestor > a,
.main-navigation .current-menu-ancestor > a {
}

/* Small menu. */
.menu-toggle {
    margin-top:20px;
    background:none;
    border-radius:20px;
    -moz-border-radius:20px;
    -webkit-border-radius:20px;
    clear:both;
    text-align:right;
}

#site-navigation.toggled {
}

#site-navigation.toggled ul li {
    margin:0;
    float:none;
    line-height:1.5em;
    background-color:#FFF;
}
#site-navigation.toggled ul li a {
    padding:10px;
    font-size:12px;
}
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}
.main-navigation.toggled #primary-menu {
  margin-top:68px;
  box-shadow:0px 10px 10px 0px rgba(0,0,0,.5);
  position:absolute;
  margin-left:-215px;
}
button.menu-toggle {
  position:absolute;
  right:20px;
  top:0px;
}

#wpadminbar {
  display:none;
}

@media screen and (min-width: 815px) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

@media screen and (max-width: 815px) {
    .main-navigation ul ul {
    	position:inherit !important;
    	float:none;
    	top:0;
    	left:0;
    	background-color:#e4e4e4;
    	box-shadow:none;
    	padding-left:15px;
	}
	.sub-menu li {
  	background-color:#e4e4e4 !important;
	}
}

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

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

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

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.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;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.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; /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

/* Make sure select elements fit in widgets. */
.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.byline,
.updated:not(.published) {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*** Hubspot Form Style ***/
#agreement-form-section form .input{ height: auto !important; border: none !important; color: #777777 !important; border-radius: 0 !important; padding: 0 !important; line-height: normal !important; font-size: inherit !important; }
#agreement-form-section form{ max-width:1000px; }
#agreement-form-section .hbspt-form p{ text-align:center; }
#agreement-form-section input, #agreement-form-section textarea {
    height: 37px;
    border: 1px solid #777777;
    color: #777777;
    border-radius: 3px;
    padding: 7px 28px 6px 28px;
    line-height: 15px;
    font-size: 15px;
	background: #f7f7f7;
	width:100%;
}

#agreement-form-section input[type="checkbox"],
#agreement-form-section input[type="radio"]{ height:auto; margin-right: 5px; width:auto; }

#fooForm input, #fooForm textarea{ width:100%; padding: 0 10px; }

#agreement-form-section .hs_submit{ text-align:center; }
#agreement-form-section input[type="submit"],  #fooForm input[type="submit"] {
    background: #ad172b;
    height: 39px;
    line-height: 39px;
    padding: 0 15px;
    color: white;
    font-weight: bold;
    font-size: 15px;
    border-radius: 3px;
    border: none;
    cursor: pointer;
	width:auto;
	-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
}
#fooForm input[type="submit"] { margin:0 auto; }
#agreement-form-section .hs-form-field{ margin-bottom: 18px; }
#fooForm .hs-form-field{ margin-bottom: 10px; }
#agreement-form-section form ul, #fooForm form ul{ list-style:none; margin:0 auto; padding:0; }
#agreement-form-section ul.inputs-list li.hs-form-radio{ display:inline-block; }
#agreement-form-section ul.inputs-list li.hs-form-radio label{ margin:0 10px; }

#agreement-form-section .hs-error-msg, #agreement-form-section .hs-error-msgs { color: #e80000; }

#agreement-form-section input.invalid, #agreement-form-section input.error{ border:1px solid #e80000; }

#fooForm .submitted-message{ color: #fff; font-size: 17px; }


/*--------------------------------------------------------------
## New Home
--------------------------------------------------------------*/

body.page-template-template-home-new{ font:400 14px 'GothamPro', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; }
body.page-template-template-home-new footer{ line-height:25px; }
body.page .content-start{ margin-top: 118px; }
#masthead{ background:#fff; }
header .content{ position: relative; }

#logo { background: url(images/logo-new.png) center center no-repeat; width: 210px; height: 49px; }

.topbar{ margin: 0 auto; background: #181818; padding: 10px 0; text-align: right; }
.topbar .content{ position: relative; }
.topbar .content > *{ display: inline-block; vertical-align: middle; float: none; }
.topbar form{ margin-bottom: 0; display: inline-block; }
.topbar span.distLoginBtn{ color:#fff; font-size: 12px; display: inline-block; }
.topFomFields input{ margin-left: 12px; width: 120px; padding: 0 10px; height: 30px; line-height: 30px; font-size: 14px; outline: none !important; border: none !important; }
.topbar form .login-error{ font-size: 12px; color:#fff; text-align: center; margin-top: 5px; }

.topFomFields input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000; font-size: 12px; }
.topFomFields input::-moz-placeholder { /* Firefox 19+ */ color: #000; font-size: 12px; }
.topFomFields input:-ms-input-placeholder { /* IE 10+ */ color: #000; font-size: 12px; }
.topFomFields input:-moz-placeholder { /* Firefox 18- */ color: #000; font-size: 12px; }

.topFomFields button{ margin: 0 auto; display: inline-block; background: none; border: 1px solid  #fff; color:#fff; font-size: 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; 
	margin-left: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 30px; line-height: 30px; padding: 0 15px;
}
.topFomFields button:hover{ background: #fff; color:#000; }

.topbar a{ margin: 0 auto; display: inline-block; background: none; border: 1px solid  #fff; color:#fff; font-size: 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; 
	margin-left: 12px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; height: 30px; line-height: 30px; padding: 0 15px; text-decoration:none;
}
.topbar a:hover{ background: #fff; color:#000 }

header .cartNav li{ line-height: normal; margin: 0 auto; }

.main-navigation li{ margin-left: 20px; }
.main-navigation a{ font-family: 'GothamPro', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 15px; color:#000; }


body.page-template-template-home-new .carousel .slick-slide{ background: #ad172b; }
#slide4 .content { background:url(images/banner3.jpg) right center no-repeat; -webkit-background-size: auto !important; background-size: auto !important; width: 100%; max-width: 1340px; padding: 0; }
body.page-template-template-home-new .slide-text{ margin: 0 auto; float: none; background: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; width: 100%; max-width: 1195px; min-height: 379px;
	-webkit-display:flex; -webkit-flex-wrap:wrap; -webkit-justify-content:flex-start; -webkit-align-items:center; display:flex; flex-wrap:wrap; justify-content:flex-start; align-items:center;
	position: relative; overflow: hidden;
}
.slideTextBox{ margin: 0; max-width: 40%; padding-left: 10px; }
.slideTextBox *{ position: relative; z-index: 5; }
.slideTextBox::before{ content: ''; position: absolute; height: 100%; background: #ad172b; box-shadow: 0px 0px 0px 30px rgba(173,23,43,.4); width: 550px; top: -350; right: 670px; height: 1000px;
	-webkit-transform: rotate(16deg); -moz-transform: rotate(16deg); transform: rotate(16deg); z-index: 1; }
body.page-template-template-home-new .slide-text h1{ margin: 0 auto 15px; color:#fff; font: 700 40px 'GothamPro', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-transform: uppercase; }
body.page-template-template-home-new .slide-text h3{ margin: 0 auto; color:#fff; font: 700 34px 'GothamPro', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; }

.bnrBtm{ margin: 0 auto; background: #181818; padding: 10px; }
.bnrBtm .content{ -webkit-display:flex; -webkit-flex-wrap:wrap; -webkit-justify-content:space-between; -webkit-align-items:center; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }
.bnrBtm figure{ padding: 15px 0; margin: 0; }
.bnrBtm figure:nth-child(2){ padding: 10px 80px; border-left: 2px solid  #2a2a2a; border-right: 2px solid  #2a2a2a; }
.bnrBtm figcaption{ color:#fff; font-size: 12px; text-transform: uppercase; font-weight: 700; margin-left: 10px; }
.bnrBtm figure *{ display: inline-block; vertical-align: middle; }

.shoplink{ margin: 0 auto; padding: 50px 10px 30px; }
.btmShop.shoplink{ padding: 10px 10px 80px; }
.shoplink .content{ max-width: 900px; padding: 0; -webkit-display:flex; -webkit-flex-wrap:wrap; -webkit-justify-content:space-between; -webkit-align-items:stretch; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; }
.shoplink h2{ margin-bottom: 40px; color:#ad172b; font:700 32px 'GothamPro', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; width: 100%; }
.shopNowBox{ margin: 0; max-width: 265px; border: 1px solid  #bdbdbd; padding:30px 15px 120px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; position: relative; } 
.shopNowBox h4{ margin: 0 auto 60px; color:#000; font:500 22px 'GothamPro', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0 15px; }
.shopNowBox p{ margin: 0 auto; color:#000; font:400 14px/24px 'GothamPro', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.shopNowBox a{ margin: 15px auto 0; display: inline-block; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; position: absolute; bottom: 30px; left: 0; right: 0;
    padding: 0 40px; background-color: #ad172b; text-align: center; font: 700 14px/50px 'GothamPro', sans-serif; width: 90%; text-decoration: none; max-width: 200px;
    -webkit-box-shadow: -5px 5px 15px 0px rgb(173 23 34 / 0.6); -moz-box-shadow: -5px 5px 15px 0px rgb(173 23 34 / 0.6); box-shadow: -5px 5px 15px 0px rgb(173 23 34 / 0.6); 
	-webkit-transition:all 0.3s;  -moz-transition:all 0.3s; transition:all 0.3s;
}
.shopNowBox a:hover{ background: #830113; }


.fetures{ margin: 0 auto; padding: 30px 10px 50px; }
.fetures .content{ max-width: 900px; padding: 0; -webkit-display:flex; -webkit-flex-wrap:wrap; -webkit-justify-content:space-between; -webkit-align-items:stretch; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; } 

.featureBox{ margin: 0; width: 210px; border: 1px solid  #bdbdbd; padding:100px 15px 30px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; text-align: center; position: relative; 
	background: url(images/icon.png) no-repeat top 30px center;
} 
.featureBox p{ margin: 0 auto; color:#000; font:400 14px/24px 'GothamPro', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; max-width: 150px; }

h4.maskInfo{ margin:20px auto; max-width: 930px; color:#000; font:400 16px 'GothamPro', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; }

.video{ margin: 0 auto; padding: 30px 10px; }
.video .content{ max-width: 1100px; padding: 0; -webkit-display:flex; -webkit-flex-wrap:wrap; -webkit-justify-content:space-between; -webkit-align-items:stretch; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; }
.vidLft{ margin: 0; width: 67%; }
.vidRit{ margin: 0; width: 30%; -webkit-display:flex; -webkit-flex-wrap:wrap; -webkit-justify-content:space-between; -webkit-align-items:center; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }
.vidRit iframe:first-child{ align-self:flex-start; }
.vidRit iframe:last-child{ align-self:flex-end; }

.unique{ margin: 0 auto; padding: 40px 10px; text-align: center; }
.unique .content{ max-width: 1100px; padding: 0; -webkit-display:flex; -webkit-flex-wrap:wrap; -webkit-justify-content:space-between; -webkit-align-items:stretch; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; }
.unique h2{ margin-bottom: 40px; color:#ad172b; font:700 32px 'GothamPro', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; width: 100%; } 
.unique h4{ margin: 0 auto 40px; color:#000; font:500 16px 'GothamPro', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0 15px; }
.diffCol{ text-align: center; width: 50%; }
.diffCol + h4{ margin-top: 40px; }

.slick-initialized .slick-slide{ outline: none !important; height: auto; }
.testimonial{ margin: 0 auto; }
.testimonial .testiSlider{ margin-bottom: 0; }
.testimonial .content{ height: 510px; -webkit-display:flex; -webkit-flex-wrap:wrap; -webkit-align-items:flex-end; display:flex; flex-wrap:wrap; justify-content:flex-end; padding-bottom: 130px; }
.testimonial .slide{ -webkit-background-size: cover; background-size: cover; }
.testimonial .slide p{ margin: 30px auto 0; width: 100%; color:#000; font:500 22px 'GothamPro', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: right; font-style: italic; }
.testimonial .slick-dots{ bottom: 50px; margin-bottom: 0; left: 0; right: 0; margin: 0 auto; }
.testimonial .slick-dots li{ margin: 0 auto; padding: 0 3px; width: auto; height: auto; }
.testimonial .slick-dots li button:before{ display: none; }
.testimonial .slick-dots li button{ border: 2px solid  #000; width: 12px; height: 12px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.testimonial .slick-dots li.slick-active button{ background: #000; width: 28px; }

.specResult{ margin: 0 auto; padding: 60px 10px; text-align: center; }
.specResult .content{ max-width: 1100px; padding: 0; -webkit-display:flex; -webkit-flex-wrap:wrap; -webkit-justify-content:space-between; -webkit-align-items:stretch; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:stretch; }
.specResCol{ margin: 0; width:calc(50% - 15px); text-align: center; }
.specResCol img{ margin-bottom: 15px; }
.specResCol p{ margin: 0 auto 20px; color:#000; font:400 14px/24px 'GothamPro', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: left; }
.specResCol a{ margin: 15px auto 0; display: inline-block; color: #ad172b; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
    padding: 0 40px; text-align: center; font: 700 14px/50px 'GothamPro', sans-serif; text-decoration: none; border: 1px solid  #ad172b;
	-webkit-transition:all 0.3s;  -moz-transition:all 0.3s; transition:all 0.3s;
}
.specResCol a:hover{ background: #ad172b; color: #fff; }

.aboutMask{ margin: 0 auto; padding: 0 10px 60px; }
.aboutMask .content{ max-width: 1100px; padding: 0; }
.aboutMask h2{ margin-bottom: 40px; color:#ad172b; font:700 32px 'GothamPro', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; width: 100%; }
.aboutMask p{ margin: 0 auto 20px; color:#000; font:400 16px/26px 'GothamPro', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.aboutMask img{ float: right; margin-left: 50px; margin-bottom: 10px; }

.trusted{ margin: 0 auto; }
.trusted h2{ margin-bottom: 40px; color:#ad172b; font:700 32px 'GothamPro', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; text-align: center; width: 100%; }
.trusted .trustedSlider{ margin-bottom: 0; }
.trusted .slide{ -webkit-background-size: cover; background-size: cover; }
.trusted .slide img{ margin: 0 auto; display: block; width: auto; max-width: 90%; }
.trusted .slick-dots{ position: relative; bottom: auto; margin: 0 auto; padding: 40px 0 20px; }
.trusted .slick-dots li{ margin: 0 auto; padding: 0 3px; width: auto; height: auto; }
.trusted .slick-dots li button:before{ display: none; }
.trusted .slick-dots li button{ border: 2px solid  #000; width: 12px; height: 12px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
.trusted .slick-dots li.slick-active button{ background: #000; width: 28px; }

.trusted .slick-track{ display: flex !important; }
.trusted .slick-slide { height: inherit !important; -webkit-display:flex; -webkit-flex-wrap:wrap; -webkit-justify-content:space-between; -webkit-align-items:center; display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; }


body.page .inside-page-title{  position: relative; top: 0; }
body.page .page-hero{ height:300px; min-height:0; }

/*#logo{ margin-bottom: 10px; }
header .content{ position: relative; }

.page .content-start{ margin-top: 88px; }
.inside-page-title{ position: relative; top: 0; }

.page .inside-page-title a{ text-transform: none; font:500 25px 'GothamPro', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 500 !important; }

.page-template-distributor #flow-section p{ max-width: none; }
.page-template-whale #first-section p{ max-width: 900px; margin-left: auto; margin-right: auto; }
.page-template-whale #second-section .image-box .red-button{ max-width: 400px; }*/

.main-navigation.toggled #primary-menu{ margin-left:0; right:15px; }

@media screen and (min-width: 815px) {
	/*.topbar .content{ padding-right: 140px; }
	.main-navigation li.ec_menu_mini_cart{ position: absolute; top: -59px; right: 10px; }
	.main-navigation li.ec_menu_mini_cart a{ color: #fff; }
	.topbar form#access-portal-formTop{ display: inline-block !important; }*/
}

@media screen and (max-width: 1190px) {
	body.page-template-template-home-new .slide-text{ padding: 0; }
	body.page-template-template-home-new .slide-text h1{ font-size: 35px; }
	body.page-template-template-home-new .slide-text h3{ font-size: 30px; }
	.slideTextBox::before{ right: 60%; }
	.bnrBtm figure:nth-child(2){ padding: 10px 50px; }
	
	.testimonial .slide{ background-position: left 35% center; }
	
}

@media screen and (max-width: 991px) {
	body.page .content-start{ margin-top: 109px; }
	.slideTextBox{ max-width: 50%; }
	body.page-template-template-home-new .slide-text h1{ font-size: 30px; }
	body.page-template-template-home-new .slide-text h3{ font-size: 25px; }
	.slideTextBox::before{ right: 55%; }
	.bnrBtm .content{ padding: 0; }
	.bnrBtm figure:nth-child(2){ padding: 10px; }
	.bnrBtm figcaption{ margin-left: 5px; }
	
	.shopNowBox{ width: 100%; max-width: none; margin: 0 auto 15px; padding-bottom: 90px; }
	.shopNowBox h4{ margin-bottom: 20px; }
	.shopNowBox p br{ display: none; }
	.shopNowBox a{ bottom: 20px; }
	
	.fetures{ padding: 10px 10px 20px; } 
	.featureBox{ width: calc(50% - 20px); margin: 20px auto; }
	
	.vidLft, .vidRit{ margin: 0 auto; width: 100%; max-width: 600px; }
	.vidRit iframe, .vidLft iframe{ width: 100%; height: 300px !important; margin: 0 auto 20px; }
	
	.unique h2{ margin-bottom: 20px; }
	.unique h4{ margin-bottom: 10px; }
	.diffCol{ width: 100%; margin: 20px auto; }
	.diffCol + h4{ margin-top: 20px; }
	
	.aboutMask p{ text-align: justify; }
	.aboutMask img{ margin-left: 20px; }
	
}


@media screen and (max-width: 814px) {
	.topbar form#access-portal-formTop{ display: none; position: absolute; top: 35px; right: 0; background: #181818; padding: 10px; z-index: 10; width: 100%; max-width: 320px; text-align: center; }
	.topFomFields input{ display: block; margin: 0 auto 10px; width: 100%; }
	.topbar span.distLoginBtn{ cursor: pointer; border: 1px solid  #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 5px 10px; }
}


@media screen and (max-width: 800px) {
	/*.page .content-start{ margin-top: 68px !important; }*/
}


@media screen and (max-width: 768px) {
	body.page .content-start{ margin-top: 109px; }
}

@media screen and (max-width: 767px) {
	
	#slide4 .content{ padding-top: 350px; background-position: top center; }
	body.page-template-template-home-new .carousel .slide{ padding-top: 0 !important; }
	body.page-template-template-home-new .slide-text{ min-height: 0; background: #ad172b; }
	.slideTextBox{ max-width: 100%; text-align: center; width: 100%; padding: 30px 10px; }
	.slideTextBox::before{ display: none; }
	
	.bnrBtm{ text-align: center; }
	.bnrBtm figure{ width: 100%; }
	.bnrBtm figure img{ margin: 5px auto; display: inline-block; }
	.bnrBtm figure:nth-child(2){ padding: 0; border: none; }
	
	.testiCnt{ background: rgba(255,255,255,0.7); padding: 10px 0; }
	.testimonial .content{ padding-bottom: 50px; }
	.testimonial .slide p{ text-align: center; margin: 10px auto; }
	.testimonial .slick-dots{ bottom: 20px; }
	
	.specResCol{ width: 100%; margin-bottom: 40px;}
	.specResCol:last-child{ margin-bottom: 0; }
	
	.aboutMask img{ float: none; display: block; margin: 0 auto 20px; }
	
	.trusted .trustedSlider{ margin-bottom: 30px; }
	.trusted .slick-dots{ display: none !important; }
	
}

@media screen and (max-width: 600px) {
	.fetures .content{ display: block; }
	.featureBox{ width:100%; max-width: 250px; }
	.topbar .content{ padding: 0px 10px; }
	.topbar a{ padding: 0 5px; margin-left: 5px; }
	.topbar a:first-child{ margin-left: 0; }
}