@charset "UTF-8";
/* CSS Document */

@import url(https://weloveiconfonts.com/api/?family=fontawesome);

html, body {
    background-color: #FFF;
}

#blogLanding a {
    text-decoration: none;
    border-bottom: none;
    color: #c2122d;
}

#blogContent img {
    width: 70% !important;
    height: auto !important;
}

.page-number {
    display: block;
    margin-top: 10px;
}

.comments {
    height: 150px;
    width: 100%;
    font-size: inherit;
    font-weight: inherit;
    border: solid 1px #ddd;
    padding: 0px;
}

.pagination {
    display: block !important;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 100px;
}

.single-line {
    width: 100%;
    padding: 5px 0px;
    font-size: inherit;
    margin-bottom: 10px;
    font-weight: inherit;
    margin-top: -10px;
    border: solid 1px #ddd;
}

#commentSection {
    list-style: none;
    padding: 0px;
}

    #commentSection li {
        padding: 20px 10px;
        list-style: none;
        background-color: #FFF;
    }

        #commentSection li:nth-child(odd) {
            background-color: #f2f2f3;
        }

.subButton {
    float: left;
    margin: 0 0% 4px 0%;
    padding: 13px 8px;
    border: none;
    background-color: #006600;
    color: #FFF;
    width: 100px;
    font-size: inherit;
}

.older-posts {
    float: right;
    margin: 0 0% 4px 0%;
    padding: 13px 8px;
    border: none;
    background-color: #006600;
    color: #FFF;
    width: 100px;
    font-size: inherit;
    text-align: center;
    text-decoration: none;
}

.newer-posts {
    float: left;
    margin: 0 0% 4px 0%;
    padding: 13px 8px;
    border: none;
    background-color: #006600;
    color: #FFF;
    width: 100px;
    font-size: inherit;
    text-align: center;
    text-decoration: none;
}

.signText {
    margin-bottom: 5px;
}

.signup {
    width: 30%;
    margin: 0 auto 20px auto;
    min-width: 250px;
    position: relative;
}

.signBox {
    height: 30px;
    width: 100%;
    font-size: 14px;
    text-align: center;
}


#mobileSocial {
    padding-left: 18%;
}

    #mobileSocial a {
        width: 10%;
        height: 50px;
        float: left;
        margin: 2%;
        padding: 0px;
    }

    #mobileSocial img {
        width: 100%;
        height: 50px;
    }

#hamburger {
    display: none;
    width: 43px;
    top: 12px;
    left: 20px;
    position: fixed;
    z-index: 999999;
    height: 35px;
    background-color: #FFF;
    padding: 0px 4px;
    /*box-sizing: border-box;
	display: block;
	width: 70px;
	height: 45px;
	position: fixed;
	bottom: 8px;
	right: 0px;
	z-index: 999999;*/
}

    #hamburger:before,
    #hamburger:after,
    #hamburger span {
        background: #BE2F37 !important;
        content: '';
        display: block;
        width: 35px;
        height: 5px;
        position: absolute;
    }

    #hamburger:before {
        top: 5px;
    }

    #hamburger span {
        top: 15px;
    }

    #hamburger:after {
        top: 25px;
    }

    /* Hamburger animation */
    #hamburger:before,
    #hamburger:after,
    #hamburger span {
        -webkit-transition: none 0.5s ease 0.3s;
        transition: none 0.5s ease 0.3s;
        -webkit-transition-property: all;
        transition-property: all;
    }

html.mm-opening #hamburger:before,
html.mm-opening #hamburger:after {
    top: 15px;
}

html.mm-opening #hamburger span {
    opacity: 0;
}

html.mm-opening #hamburger:before {
    transform: rotate( 45deg);
    -webkit-transform: rotate( 45deg);
}

html.mm-opening #hamburger:after {
    transform: rotate( -45deg);
    -webkit-transform: rotate( -45deg);
}


#blogContent > p {
    color: black;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 300;
}



/*End Burger*/

.shareWidth {
    width: 25px;
    margin-right: 10px;
}

.hidden {
    visibility: hidden;
    position: absolute;
}


#moblogo {
    display: none;
}

#wrapper {
    margin: 0 auto 0 auto;
    width: 1100px;
    /*overflow: hidden;*/
}

.header {
    position: relative;
    margin-bottom: 10px;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 2;
    min-height: 226px;
    margin-top: 0px !important;
    width: 100%;
    float: left;
    clear: both !important;
}

#mayweather {
    display: none;
    float: left;
}

.submitButton { /*position:absolute; right: 0px; top: 69px;*/
    margin-top: 20px;
    height: 41px;
    width: 129px;
    background-color: #17755e;
    border: none;
    color: #FFF;
    float: right;
    font-size: 16px;
}

#searchBar {
    border: 1px solid #ccc !important;
    margin-top: 20px;
    height: 41px !important;
    margin-bottom: 20px;
    float: right;
    width: 750px;
    font-size: 16px !important; /*margin-right: 128px;*/
}

#mainHeaderPhoto {
    width: 100%;
}

@media only screen and (max-width:1015px) {
    #wrapper,
    .industry-header,
    .header-section,
    #navbar {
        width: 85%;
        margin: 0 5% 0 10%;
    }

    #searchBar {
        width: 500px;
    }

    #navbar {
        height: 80px;
    }



    .fis-sec {
        width: 365px;
    }

    .one-third {
        width: 365px;
    }

    .fis-sec h1 {
        font-size: 55px;
    }

    .video-div1,
    .video-div2 {
        width: 100%;
        float: left;
        margin: 0 0 10px 0;
    }

    .news-left {
        width: 42%;
        margin: 0 4% 15px 4%;
    }

    .news-right {
        width: 40%;
        margin: 0 6% 15px 4%;
    }

    .month-num {
        top: 0;
    }

    .video-sec {
        margin: 25px 0 20px 0;
    }

        .video-sec iframe {
            width: 360px;
            height: 206px;
        }

    .gal-desc {
        padding: 40px 15px 15px 15px;
    }
}



@media only screen and (max-width:880px) {
    .fis-sec {
        width: 320px;
    }

    .one-third {
        width: 320px;
    }

    .two-thirds {
        padding: 30px 10% 0;
    }

    #logo {
        width: 73px;
        height: auto;
        position: absolute;
        left: -18px;
        top: 10px;
    }
}

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

    #logo {
        width: 73px;
        height: auto;
        left: 10px;
        top: -8px;
    }
}





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

    ul.topnav-login,
    ul.topnav li {
        margin: 0 4px !important;
    }
}

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

    ul.topnav-login,
    ul.topnav li {
        margin: 0 0px !important;
    }

    ul.topnav a {
        padding: 10px 0px;
        font-size: 11px;
    }

    ul.topnav-login a {
        font-size: 11px;
        padding: 3px 8px;
    }

    #login-link {
        padding: 3px 20px;
    }
}

/* ======= NAVIGATION ======= */
#navbar {
    width: 1100px;
    margin: 0 auto;
    display: block;
    position: relative;
    z-index: 100;
}

#logo-div {
    display: inline-block;
    float: left;
    padding: 5px 0;
    position: relative;
}

#logo {
    width: 120px;
    height: 100px !important;
    height: auto;
}

ul.topnav-login,
ul.topnav,
ul.topnav-search {
    display: inline-block;
    float: right;
}

ul.topnav,
ul.topnav-login,
ul.topnav-search {
    margin: 0;
    padding: 34px 0 0 0;
    list-style-type: none;
    /*overflow: hidden;*/
}

ul.topnav-login,
ul.topnav-search {
    padding-top: 32px
}

    ul.topnav li,
    ul.topnav-login li {
        float: left;
    }

ul.topnav-login,
ul.topnav li {
    margin: 0 8px;
}

ul.topnav a {
    display: inline-block;
    text-align: center;
    padding: 10px 6px;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    transition: 0.1s;
    font-family: Arial, sans-serif;
    color: #635e5e;
}

ul.topnav-login a {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-size: 13px;
    text-transform: uppercase;
    font-family: "Source Sans Pro", sans-serif;
    color: white;
    background-color: #17755e;
    padding: 3px 12px;
    margin-left: 5px;
    margin-top: 4px;
    display: none;
}

#login-link {
    padding: 3px 25px;
    margin-top: 4px;
}

.search {
    width: 30px;
    margin-left: 6px;
    margin-top: 4px;
}

ul.topnav-login a:hover {
    color: #17755e;
    background-color: #fff;
    border: 1px solid;
    padding: 2px 11px;
}

#login-link:hover {
    color: #17755e;
    background-color: #fff;
    border: 1px solid;
    padding: 2px 24px;
    margin-top: 4px;
}


/* ======= SOCIAL MEDIA & SUBSCRIPTION ======= */
.social-media-section {
    position: absolute;
    top: 20px;
    left: -1px;
    width: 50px;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px 1px #888;
}

    .social-media-section ul {
        position: relative;
        list-style-type: none;
        margin: 0;
        padding: 10px 0 5px 10px;
    }

        .social-media-section ul a:link {
            display: block;
            width: 30px;
            margin: 6px 0;
        }

.subscribe {
    position: absolute;
    display: block;
    top: 330px;
    left: -37px;
    width: 50px;
}

.rotate {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
    background-color: white;
    text-transform: uppercase;
    font-size: 13px;
    padding: 15px;
    border: 1px solid #ccc;
    box-shadow: 1px 1px 1px 1px #888;
    position: absolute;
    width: 130px;
    left: -4px;
}

    .rotate:hover {
        cursor: hand;
        cursor: pointer;
    }

    .rotate a {
        color: #555;
        text-decoration: none;
        width: auto !important;
    }

.subscribe form {
    display: none;
    position: absolute;
    left: -60px;
    background-color: #17755e;
    padding: 20px 30px;
    color: #FFF;
}

    .subscribe form input {
        width: 250px;
        padding: 6px;
        margin: 5px 0px 15px 0px;
        color: #000;
    }

#side {
    margin: 0 auto;
    width: 100px;
    color: #17755e;
    padding: 10px 0px;
    border: none;
    float: left;
}

.cartClose {
    position: absolute;
    top: 3%;
    right: 3%;
    cursor: pointer;
    background-color: #ff5455;
    width: 6px;
    height: 15px;
    padding: 4px 8px 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 60px;
    -moz-transition: width height .2s;
    -webkit-transition: width height .2s;
    -o-transition: width height .2s
}

    .cartClose, .cartClose:hover {
        transition: width height .2s;
        -moz-transition: width height .2s;
        -webkit-transition: width height .2s;
        -o-transition: width height .2s;
    }

        .cartClose:hover {
            -moz-transition: width height .2s;
            -webkit-transition: width height .2s;
            -o-transition: width height .2s;
            width: 25px;
            height: 25px
        }

            .cartClose:hover:before {
                content: "x";
                position: absolute;
                top: 3px;
                left: 9px;
                color: #191919
            }

.topnav > li {
    padding: 0px 16px;
}


.topnav li ul {
    width: 300px;
    list-style: none;
    display: none;
    position: absolute;
    top: 77px;
}

.topnav li > ul {
    padding: 0px;
    background-color: #fff;
}


.topnav li ul li {
    color: #fff !important;
    line-height: 2.5;
    width: 100%;
    margin-left: 0px;
}


    /* third level */
    .topnav li ul li ul li {
        line-height: 25px;
        width: 100%;
        padding-bottom: 5px;
        display: none;
        position: relative;
    }

    .topnav li ul li:hover ul li {
        display: block;
        line-height: 25px;
        width: 100%;
        padding-bottom: 0px;
        left: 182px;
        top: -39px;
    }

    .topnav li ul li ul li a {
    }

    .topnav li ul li ul {
        background-color: transparent;
    }

/* end third level */

.topnav li a {
    text-decoration: none;
}

.topnav > li:hover > a {
}

.topnav > li:hover {
    text-decoration: none;
}

.topnav li ul li:hover a {
    color: #FFF;
}

.topnav li ul li:hover {
    background-color: #17755e;
    width: 100%;
}

.topnav li ul li a {
    font-weight: normal;
    margin-left: 16px;
    width: auto;
}

.topnav li:hover ul, li.over ul {
    display: block;
}

/*	==========================================================================
	Navigation styles
	========================================================================== */

/*#nav {text-transform:uppercase; font-family:Arial, sans-serif; font-size: 13px;}
	
#nav li {
	float: left;
	position:relative;
	line-height: 39px;
	list-style:none;
	top: 0px;
	z-index:1000;
	text-decoration:none;
}

#nav > li{
	padding:0px px;
	}


#nav li ul
{	
	width:300px;
	list-style:none;
	display: none;
	position: absolute; 
	top: 40px;
	left: 0px;
}

#nav li > ul {
	
	padding: 0px;
	background-color: #fff;
}


#nav li ul li {
	color:#fff !important;
	line-height:2.5;
	width: 100%;
	margin-left:0px;
}


/* third level *!/
#nav li ul li ul li {
	line-height: 25px;
	width: 100%;
	padding-bottom: 5px; 
	display:none;
	position: relative;
}

#nav li ul li:hover ul li  {
	display: block;
	line-height: 25px;
	width: 100%;
	padding-bottom: 0px;
	left: 182px; 
	top: -39px;
}

#nav li ul li ul li a {
	
}

#nav li ul li ul
{
	background-color: transparent;
}

/* end third level *!/

#nav li a {
	text-decoration:none;
}

#nav > li:hover > a{
	
	}

#nav > li:hover {
	text-decoration:none;
	
}

#nav li ul li:hover a {
	color: #FFF;
}

#nav li ul li:hover{
	background-color:#17755e;
	width:100%;
	}

#nav li ul li a{
	font-weight:normal;
	margin-left:16px;
	width:auto;
}

#nav li:hover ul,li.over ul { 
	display: block; 
}*/

.footer2 {
    position: relative;
    width: 100%;
    background-color: #f2f2f3;
    margin-top: 90px;
    border-top: 5px solid #006666;
    float: left;
    clear: both !important;
}

.centering-footer {
    width: 100%;
    margin: 30px 0;
    text-align: center;
}

.footer-div {
    display: inline-block;
}

#right-border {
    border-right: 1px solid #000;
    padding-right: 13px;
    margin-right: 10px;
}

.footer-div p,
.footer-div a {
    font-size: 13px;
    text-decoration: none;
    color: #000;
    font-weight: 600;
}

.cookieContent {
    width: 100%;
}

    .cookieContent p {
        width: 90%;
        margin: 0 auto;
        display: block;
        padding-bottom: 20px;
    }

#bForm {
    margin-bottom: 0px;
}

a[class*="fontawesome-"]:before,
span[class*="fontawesome-"]:before {
    width: 20px;
    display: block;
    font-family: 'FontAwesome', sans-serif;
    -webkit-font-smoothing: antialiased;
}

p, ul {
    line-height: 22px;
    color: black;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 300;
}


body {
    padding: 0px;
    margin: 0px;
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    font-weight: 300;
}

#blogLanding h1 {
    font-size: 1.5em;
    margin: 0px;
    font-weight: 400;
    color: #c2122d;
    text-transform: uppercase;
}

.caged {
    max-width: 1300px;
    margin: 0 auto;
    clear: both;
    position: relative;
}

#blogLanding h1, h2, h3, h4 {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}

*:focus {
    outline: none;
}

#nav {
    display: block;
}

#dl-menu, #shopMobile {
    display: none;
}

#navBtns {
    display: inline-block;
    position: absolute;
    right: 40px;
    bottom: 3px;
    margin: 0px;
}

    #navBtns li {
        float: left;
    }

#socialMediaHeader {
    margin-top: 7px;
    margin-right: 10px;
}

    #socialMediaHeader ul li {
        margin-right: 10px;
        display: inline-block;
    }

        #socialMediaHeader ul li img {
            width: 25px;
        }

button, #button, .iNot {
    border: 0px;
    border-radius: 5px;
    padding: 8px 10px;
}

.red img {
    margin-top: 0px !important;
}

.header {
    z-index: 0;
    position: relative;
    font-size: 16px;
    display: block;
    /*height:106px;*/
    background-color: #fff;
}

.header2 {
    display: none;
}

.height {
    height: 106px;
    -webkit-transition: width 2s;
}

.sticky {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
}

.sticky2 {
    position: fixed !important;
    width: 100%;
    left: auto;
    top: 100px;
    z-index: 10;
}

.sticky3 {
    position: fixed !important;
    width: 100%;
    left: auto;
    top: 100px;
}

.sticky #logo {
    width: 85px !important;
}

.sticky .height {
    height: 78px;
}

.sticky #navBtns {
    margin: 20px 0px 0px 0px;
}

#logo {
    margin: 0px 0px 0px 40px;
    float: left;
    width: 120px;
    height: 100px;
    -webkit-transition: width .5s;
}

#amicon {
    display: none;
}

#nav {
    bottom: 10px;
    position: absolute;
    left: 175px;
    width: 65%;
    margin: 0px;
}

    #nav li {
        font-size: 1.125em;
        margin-right: 7%;
        list-style-type: none;
        display: inline-block;
    }



        #nav li a {
            font-weight: 300;
            text-decoration: none;
            color: #000;
            width: auto !important;
        }

        #nav li img {
            margin-right: 10px;
        }

#navBtns {
    margin: 20px 0px 0px 0px;
    float: right;
    list-style-type: none;
}



    #navBtns button, .iNot {
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
        border: 0px;
        width: 155px;
        color: #fff;
    }

        #navBtns button img, .iNot img {
            float: left;
            vertical-align: middle;
        }

        #navBtns button p, .iNot p {
            float: left;
            font-weight: 200;
            font-size: 1rem;
            margin: 0px 0px 0px 10px;
        }

#shop {
    background-color: #c2122d;
    margin-bottom: 10px;
}

#chat {
    background-color: #002c83;
}

footer {
    margin-top: 30px;
    padding: 40px 0px;
    background-color: #001233;
    color: #fff;
    width: 100%;
    z-index: 1000000;
    position: relative;
}

    footer .column {
        float: left;
        width: 32%;
        position: relative;
    }

    footer p {
        margin-top: 0px;
    }

    footer ul {
        margin-top: 0px !important;
    }

        footer ul li {
            margin-bottom: 15px;
            list-style-type: none;
            width: 50%;
            float: left;
        }

            footer ul li img {
                vertical-align: middle;
                margin-right: 10px;
                width: 24px;
            }

.column a {
    text-decoration: none !important;
    color: #fff;
}

#middle {
    width: 35%;
    margin: 0% 1.3% !important;
}

.signUp {
    margin-bottom: 16px;
    width: 80%;
    position: relative;
}

    .signUp input[type="text"] {
        font-size: 1rem;
        height: 30px;
        width: 100% !important;
    }

#footBtn {
    padding: 0px !important;
    position: absolute;
    right: 6px;
    top: 8px;
    font-size: 2em;
    height: 20px;
    background-color: transparent;
    color: #c2122d;
    border: none;
}

/*SEARCHBAR*/

.noMargin {
    margin-right: 0px !important;
}


.toolbar button {
    -webkit-appearance: button;
    background: transparent;
    border: 0;
    cursor: pointer;
    font-family: inherit;
    font-size: 100%;
    line-height: inherit;
    margin: 0;
    padding: 0;
    text-transform: none;
}



.toolbar fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}


.toolbar input {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    line-height: inherit;
    margin: 0;
    padding: 0;
}

    .toolbar input:focus {
        outline: none;
    }

.toolbar {
    list-style: none;
    margin: 0;
    padding: 0;
}


    .toolbar li {
        float: left;
    }

    .toolbar input[type="search"] {
        display: none;
        height: 21px;
        width: 119px;
        font-weight: 200;
    }



/*Homepage*/
.homeSlide .slick-slide {
    position: relative;
}


    .homeSlide .slick-slide img {
        width: 100%;
        height: auto !important;
    }

.slideText {
    width: 28%;
    padding: 0px 40px;
    height: 100%;
    color: #fff;
    background-color: rgba(0,18,51,0.75);
    position: absolute;
}

    .slideText h1 {
        color: #fff;
        line-height: 1.2;
        margin-top: 35%;
        font-size: 2em;
        text-transform: uppercase;
        font-weight: 400;
    }

    .slideText p {
        line-height: 1.2;
        font-weight: 200;
        font-size: 1.375em;
    }

    .slideText a {
        font-weight: 400;
        color: #000;
    }

    .slideText #button {
        float: left;
        background-color: #fff;
    }

        .slideText #button p {
            margin: 0px;
            font-size: 1em;
        }

            .slideText #button p::after {
                content: '\00a0\25b8';
                color: #c2122d;
            }

.shopBySurface {
    padding: 0 40px;
    max-width: 1300px;
    margin: 0 auto;
}

    .shopBySurface h1 {
        font-size: 2em;
        color: #000;
        text-transform: uppercase;
        border-bottom: 2px solid #c2122d;
        font-weight: 400;
    }

    .shopBySurface ul {
        padding: 0px;
    }

        .shopBySurface ul li {
            position: relative;
            list-style-type: none;
            display: inline-block;
            width: 32%;
            margin-bottom: 20px;
            overflow: hidden;
            vertical-align: top;
        }


            .shopBySurface ul li img {
                position: relative;
                vertical-align: middle;
                width: 100%;
                -webkit-transition: opacity 1s, -webkit-transform 1s;
                transition: opacity 1s, transform 1s;
                -webkit-backface-visibility: hidden;
                backface-visibility: hidden;
            }

                .shopBySurface ul li img:hover {
                    -webkit-3d-transform: scale3d(1.1,1.1,1);
                    transform: scale3d(1.1,1.1,1);
                    -webkit-transform: translate3d(1.1,1.1,1);
                    -moz-transform: translate3d(1.1,1.1,1);
                    -ms-transform: translate3d(1.1,1.1,1);
                    -o-transform: translate3d(1.1,1.1,1);
                    transform: translate3d(1.1,1.1,1);
                }

            .shopBySurface ul li p {
                top: 40%;
                margin: 0px;
                vertical-align: middle;
                position: absolute;
                text-align: center;
                width: 100%;
                color: #fff;
                font-size: 2em;
                font-weight: 100;
                text-transform: uppercase;
                text-shadow: 0 0 10px #000;
            }

            .shopBySurface ul li:nth-child(2),
            .shopBySurface ul li:nth-child(5) {
                margin: 0% 1.3%;
            }

/*PRODUCT LANDING PAGE*/
.width90 {
    position: relative;
    width: 90%;
    margin: 0px auto 0 auto;
    max-width: 1100px;
}

#breadcrumbs {
    margin: 30px 0px;
    padding: 0px;
}

    #breadcrumbs li {
        font-size: .9em;
        display: inline-block;
    }

        #breadcrumbs li + li::before {
            content: "-";
            padding: 0px 10px;
        }

        #breadcrumbs li a {
            color: #000;
            text-decoration: none;
        }

            #breadcrumbs li a:hover {
                color: #c2122d;
            }

.banner {
    position: relative;
}

    .banner img {
        width: 100%;
    }

#bannerText {
    position: absolute;
    right: 50px;
    bottom: 50px;
}

    #bannerText h1 {
        color: #C2122D;
        font-weight: 400;
        text-transform: uppercase;
        font-size: 2.250em;
        margin: 0px;
    }

    #bannerText p {
        font-weight: 200;
        font-size: 2em;
        margin: 0px;
        line-height: 1.2;
    }

.aside {
    clear: both;
    float: left;
    width: 250px;
}

    .aside h1 {
        margin-top: 0px;
        font-size: 1.5em;
        text-transform: uppercase;
        color: #17755e;
        font-weight: 400;
        margin-bottom: 20px;
    }

#accordion, #accordianBlog {
    width: 100%;
}

    #accordion h3, #accordianBlog h3 {
        font-size: 1.125em;
        text-transform: uppercase;
        font-weight: 300;
        color: #fff;
    }



        #accordion h3:nth-child(1) {
            background-size: cover;
            background-image: url(images/aside_wood.jpg);
        }

        #accordion h3:nth-child(3) {
            background-size: cover;
            background-image: url(images/aside_leather.jpg);
        }

        #accordion h3:nth-child(5) {
            background-size: cover;
            background-image: url(images/aside_fabric.jpg);
        }

        #accordion h3:nth-child(7) {
            background-size: cover;
            background-image: url(images/aside_cabinets.jpg);
        }

        #accordion h3:nth-child(9) {
            background-size: cover;
            background-image: url(images/aside_flooring.jpg);
        }

        #accordion h3:nth-child(11) {
            background-size: cover;
            background-image: url(images/aside_metal.jpg);
        }

    #accordion div ul, #accordianBlog div ul {
        line-height: 24px;
        padding: 0px;
        list-style-type: none;
        margin: 0px;
    }

        #accordion div ul a, #accordianBlog div ul a {
            color: #000;
            text-decoration: none;
        }

            #accordion div ul a:hover, #accordianBlog div ul a:hover {
                text-decoration: underline;
            }

#thumbAd {
    width: 100%;
    margin: 20px 0px;
}

.feedback h1 {
    margin: 0px;
}

.main {
    position: relative;
    z-index: 100;
    /*margin-left: 270px;*/
    border-left: 1px solid #CCCCCC;
    /*width: 70%;*/
    float: left;
    padding-left: 20px;
    margin-bottom: 40px;
}

#blogLanding {
    min-height: 375px !important;
}

    #productLanding h1, #blogLanding h1 {
        margin: 0px;
        font-weight: 400;
        color: #17755e;
        text-transform: uppercase;
    }

#productLanding h2 {
    width: 100%;
    text-transform: uppercase;
    color: #002c83;
    font-weight: 400 !important;
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 5px;
    float: left;
}

#productLanding ul {
    clear: both;
    padding: 0px;
    margin-bottom: 40px;
}

#productLanding li {
    margin-bottom: 10px;
    float: left;
    width: 50%;
    list-style-type: none;
}

    #productLanding li img {
        float: left;
        margin-right: 10px;
    }

    #productLanding li h1 {
        font-size: 1em;
        color: #000;
    }

    #productLanding li p {
        font-size: .9em;
        color: #002c83;
    }

    #productLanding li a {
        text-decoration: none;
    }


    #productLanding li p::after {
        /*content:"▶";*/
        content: url(/media/53578/arrowgo.png);
        margin-left: 5px;
        font-size: 10px;
    }

.relative {
    position: relative;
}

.stickyLeftNav {
    float: left;
    position: absolute;
}


    .stickyLeftNav a {
        text-decoration: none;
    }

/*INDIVIDUAL PRODUCT PAGE*/

.topContent {
    padding-bottom: 20px;
    border-bottom: 1px solid #CCCCCC;
}

    .topContent h1 {
        font-size: 2em;
        text-transform: uppercase;
        font-weight: 200;
        color: #17755e;
        margin: 0px;
    }

    .topContent .left {
        width: 60%;
        float: left;
    }

        .topContent .left p {
            margin-bottom: 0px;
        }


            .topContent .left p span {
                font-weight: 500;
                color: #17755e;
                text-transform: uppercase;
            }

    .topContent #important {
        margin-bottom: 20px;
        margin-top: 0px;
    }

    .topContent .left ul {
        margin: 0px;
        padding: 20px;
    }

    .topContent .right {
        margin-top: -350px;
        width: 40%;
        float: right;
    }

#note {
    margin: 0px 0px 20px 0px;
}

.groupImage {
    margin-top: 150px !important;
    height: auto;
    width: 100% !important;
}

#note span {
    color: #002c83;
}

/*.topContent .slick-slide img{width:100%;}  */
.topContent .slick-slide img {
    width: auto;
    max-height: 700px;
    margin: 0 auto;
}

.topContent .slick-slide .styx {
    height: 500px !important;
    margin-top: 63px;
}

.topContent .slick-slide .cylinders {
    max-height: 400px;
    margin-top: 67px;
}

.topContent .slider-nav img {
    max-height: 100px;
}

.topContent .slick-slider {
    margin-bottom: 0px;
}

.topContent .slick-slide {
    margin-right: 10px !important;
}

.topContent .slider-nav .slick-slide {
    border: 1px solid #ccc;
}

.button {
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 5px 20px;
}

    .button p {
        font-size: 1rem;
        display: inline-block;
        margin: 0px 0px 0px 10px;
        color: #fff;
        font-weight: 200;
        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
    }

    .button img {
        margin-top: -6px;
        vertical-align: middle;
    }

.blue {
    background-color: #002C83;
}

.red {
    background-color: #c2122d;
}

.instructions {
    margin-top: 20px;
    border-bottom: 1px solid #ccc;
}

    .instructions .left {
        float: left;
        width: 40%;
    }

    .instructions .right {
        width: 58%;
        float: left;
        margin-left: 2%;
    }

        .instructions .right ul li span {
            font-weight: 500;
        }

    .instructions img {
        margin-bottom: 20px;
        width: 100%;
    }

    .instructions h2, .FAQ h2 {
        font-weight: 200;
        margin: 0px;
        text-transform: uppercase;
        color: #002C83;
        font-size: 1.5em;
    }

    .instructions ul {
        list-style-type: none;
        padding: 0px;
    }

        .instructions ul li {
            margin-bottom: 10px;
        }

.FAQ {
    margin-top: 20px;
}

#accordion2 h3 {
    padding: 5px 0px;
    font-weight: 500;
}

#marketsDD {
    width: 250px;
    margin-bottom: 20px !important;
}

.dd {
    z-index: 10000000 !important;
    width: 50% !important;
}

    .dd .ddTitle .ddTitleText img {
        width: 90px;
        height: 30px;
    }

#contest {
    background-image: url(images/contest_blur.jpg);
    background-size: cover;
}

    #contest img {
        width: 300px;
    }

/*Search Results*/

#searchResults {
    padding: 0px;
    margin-bottom: 20px;
    border-bottom: 3px solid #c2122d;
}

    #searchResults li {
        padding: 0px;
        margin-bottom: 20px;
        list-style-type: none;
    }

        #searchResults li a {
            color: #002c83;
            text-decoration: none;
        }


        #searchResults li p {
            margin: 5px 0px;
        }

    #searchResults h2 {
        font-weight: 400;
        margin-bottom: 5px;
        font-size: 1.2em;
    }

.firstButton, .lastButton {
    color: #000;
    text-decoration: none;
}

.firstButton {
    margin-right: 10px;
}

.lastButton {
    margin-left: 10px;
}



span a {
    color: #000;
    text-decoration: none;
}

.pageSelected {
    color: #c2122d;
}

#error {
    color: #c2122d !important;
    margin-top: 10px !important;
    display: block;
    font-weight: 300 !important;
}

/*Blog*/
#accordianBlog {
    margin-bottom: 40px;
}

    #accordianBlog h3 {
        padding: .5em .5em .5em .7em;
        background-color: #17755e;
        margin: 2px 0px;
    }

    #accordianBlog .archive li a {
        color: #000;
        text-decoration: none;
    }

    #accordianBlog .archive li {
        list-style-type: none;
        line-height: 1.5;
    }

.blogArticles {
    margin: 0px;
    padding: 0px;
    list-style-type: none
}

    .blogArticles li img {
        float: left;
        width: 35%;
    }

.blogText {
    float: left;
    width: 60%;
    margin-left: 20px;
}

#blogLanding .topContent {
    border-bottom: 0px;
    margin-top: 0px;
    padding-bottom: 0px;
    margin-bottom: 20px;
}

#blogLanding h1 {
    font-size: 2rem;
}

#blogLanding h2 {
    font-size: 1.5rem;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 0px;
    line-height: 2;
}

#blogLanding h2 {
    font-size: 1.5rem;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 0px;
    line-height: 2;
}

.blogText h2 {
    font-size: 1.5rem;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
    margin-top: 0px;
    margin-bottom: 10px;
}

.blogArticles li {
    clear: both;
    margin-bottom: 20px;
}

.blogArticles span {
    color: #c2122d;
}

/*.blogArticles span:after{
  content:url(/media/54139/readmorearrow.png);
  margin-left:5px;
  }*/

.blogInfo {
    padding: 0px;
    margin: 0px;
}

    .blogInfo li {
        display: inline-block;
        float: left;
        width: 50%;
        color: #c2122d;
        clear: none;
        margin-bottom: 0px;
        text-align: left !important;
    }

.blogText p {
    margin-top: 10px !important;
    color: #000;
}

.date:before {
    /*content:url(/media/54084/calendarIcon.png);
  margin-right:10px;*/
    vertical-align: middle;
}

.comments:before, .name:before {
    content: url(/media/54093/commenticon.png);
    margin-right: 10px;
    vertical-align: middle;
}



.blogLabels {
    margin: 0px;
    padding: 0px;
}

    .blogLabels li {
        float: left;
        margin-right: 8px;
        margin-bottom: 5px;
        padding: 2px 9px;
        display: inline-block;
        background-color: #c2122d;
    }

        .blogLabels li:hover {
            background-color: #17755e;
        }

        .blogLabels li a {
            text-decoration: none;
            color: #fff;
        }

.slideShowBlog .slick-slide img {
    width: 95% !important;
    position: relative;
    z-index: 100;
}

.slideShowBlog .slick-slide:hover #pinHover {
    visibility: visible;
    opacity: 1;
}

#pinHover {
    position: absolute;
    z-index: 1000;
    width: 35px !important;
    bottom: 10px;
    left: 10px;
    transition: visibility 1s, opacity 1s;
    visibility: none;
    opacity: .35;
}

.slideShowBlog .slick-slide {
    position: relative;
}

.slideshowBlog {
    margin-bottom: 0px !important;
}

    .slideshowBlog .slick-prev,
    .slideshowBlog .slick-next {
        display: block !important;
    }

    .slideshowBlog .slick-next {
        right: 35px;
    }

    .slideshowBlog .slick-prev {
        left: 15px;
    }


#blogLast:before {
    /*content:url(/media/54228/previouwArrow.png);
  margin-right:10px;*/
}

#blogNext:after {
    /*content:url(/media/54219/nextArrow.png);
  margin-left:10px;*/
}

.blogNav {
    width: 100%;
    border-bottom: 1px solid #ccc;
}

    .blogNav a {
        color: #000;
        text-decoration: none;
    }

#blogLast {
    float: left;
}

#blogNext {
    float: right;
}

.blogShare {
    float: right;
}

    .blogShare li {
        display: inline-block;
        vertical-align: top;
    }

        .blogShare li:nth-child(1) {
            margin-right: 5px;
        }

.comment {
    width: 100%;
    margin-bottom: 20px;
}

.blogComments {
    display: block;
    clear: both;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
}

.commentInfo {
    padding: 0px;
    margin: 0px;
}

    .commentInfo li {
        display: inline-block;
        float: left;
        width: 30%;
        color: #c2122d;
        clear: none;
        margin-bottom: 0px;
    }

.leaveComment ul {
    padding: 0px;
    margin: 0px;
}

.leaveComment li {
    display: inline-block;
    width: 48%;
}

.leaveComment p {
    margin: 0px;
    margin-bottom: 5px;
}

.leaveComment span {
    float: left;
    display: block;
    margin-top: 20px;
}

.required:after, .requiredBefore:before {
    content: "*";
    color: #c2122d;
}

.required:after {
    margin-left: 5px;
}

.requiredBefore:before {
    margin-right: 5px;
}

.leaveComment li input {
    font-size: 1rem;
    padding: 5px 0px;
    width: 100%;
}

.leaveComment li:nth-child(1) {
    margin-right: 2%;
}

#textComment p {
    margin-top: 20px;
}

.leaveComment textarea {
    width: 100%;
}

.leaveComment button {
    margin-top: 20px !important;
    font-size: 1rem;
    background-color: #c2122d;
    color: #fff;
    float: right;
}

/* Resource Center */
/*#colorGuidesContainer .aside li a{
  text-decoration:none;
  color:#fff;
  text-shadow:0px 0px 5px rgba(0,0,0,.5);
  text-transform:uppercase;
  font-size:1.125em;
  }*/

#colorGuidesContainer .aside li a {
    color: #000;
    text-decoration: none;
    text-transform: uppercase;
}

#colorGuidesContainer .aside li img {
    vertical-align: middle;
    margin-right: 20px;
    width: 30px;
}

#colorGuidesContainer .aside ul {
    padding: 0px;
}

#colorGuidesContainer .aside li {
    margin-bottom: 2px;
    background-size: cover;
    list-style-type: none;
    padding: 2px 0px;
}

#colorGuides h1 {
    font-size: 2em;
}

#colorGuides h2 {
    width: 100%;
    border-bottom: 1px solid #ccc;
    font-size: 1.5em;
    text-transform: uppercase;
    color: #002c83;
    padding-bottom: 5px;
}

#colorGuides section {
    margin-bottom: 40px;
}

#colorGuides ul {
    padding: 0px;
}

    #colorGuides ul li {
        float: left;
        width: 25%;
        display: inline-block;
    }

        #colorGuides ul li .margin {
            margin-right: 20px;
            border: 1px solid #ccc;
            -webkit-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.3);
            -moz-box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.3);
            box-shadow: 0px 0px 15px -1px rgba(0,0,0,0.3);
        }

        #colorGuides ul li .padding {
            padding: 10px;
        }

        #colorGuides ul li img {
            width: 100%;
            margin: 0 auto;
            display: block;
            margin-bottom: 5px;
        }

        #colorGuides ul li p {
            margin: 0px;
        }

#resources section h1 {
    color: #002c83 !important;
}

#resources section {
    margin: 20px 0px 40px 0px;
}

    #resources section ul {
        padding: 0px;
    }

        #resources section ul li {
            list-style-type: none;
            float: left;
            width: 50%;
        }

            #resources section ul li img {
                float: left;
            }

            #resources section ul li .listText {
                padding-left: 20px;
                float: left;
            }

                #resources section ul li .listText p {
                    margin: 0px;
                    line-height: 2;
                }

    #resources section h2 {
        font-size: 1.2em;
        text-transform: uppercase;
        font-weight: bold;
        margin: 0px;
    }

    #resources section a {
        text-decoration: none;
        color: #002c83;
    }

        #resources section a::after {
            /*content:"▶";*/
            content: url(/media/53578/arrowgo.png);
            margin-left: 5px;
            font-size: 10px;
        }

/* ============================================================
  SECTIONS
============================================================ */
section.module:last-child {
    margin-bottom: 0;
}

section.module h2 {
    margin-bottom: 40px;
    font-family: "Roboto Slab", serif;
    font-size: 30px;
}

section.module p {
    margin-bottom: 40px;
    font-size: 16px;
    font-weight: 300;
}

    section.module p:last-child {
        margin-bottom: 0;
    }

section.module.content {
    padding: 40px 0;
}

section.module.parallax {
    height: 350px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: inherit;
    -moz-background-size: inherit;
    -o-background-size: inherit;
    background-size: inherit;
}

    section.module.parallax h1 {
        color: rgba(255, 255, 255, 0.8);
        font-size: 48px;
        line-height: 600px;
        font-weight: 700;
        text-align: center;
        text-transform: uppercase;
        text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    }

section.module.parallax-1 {
    /* background-image: url("/media/14525/1.jpg");*/
}

section.module.parallax-2 {
    background-image: url("../img/demo/_small/2.jpg");
}

section.module.parallax-3 {
    background-image: url("../img/demo/_small/3.jpg");
}

@media all and (min-width: 600px) {
    section.module h2 {
        font-size: 42px;
    }

    section.module p {
        font-size: 20px;
    }

    section.module.parallax h1 {
        font-size: 96px;
    }
}




@media all and (min-width: 960px) {
    section.module.parallax h1 {
        font-size: 160px;
    }
}


@media (min-width:1024px) and (max-width:1080px) {
    .main {
        width: 68%;
    }

    .leaveComment li {
        48% !important;
    }
}

@media (min-width:1300px) {
}
/*
@media (min-width: 576px) {
    .blogArticles li img {
        width: 100% !important;
    }

    .blogText {
        width: 100%;
        margin-left: 0px !important;
    }

    .blogInfo {
        width: 100% !important
    }

        .blogInfo li {
            width: 100% !important;
        }
}*/

.noshow {
    display: none;
}

.reveal {
    display: block;
}

.tag-cloud {
    padding: 0px !important;
}

@media (max-width: 991px) {
    .noshow {
        display: block;
    }

    .reveal {
        display: none;
    }

    .blogArticles li img {
        width: 100% !important;
    }

    .blogText {
        width: 100%;
        margin-left: 0px !important;
    }

    .blogInfo {
        width: 100% !important
    }

        .blogInfo li {
            width: 100% !important;
        }

    .aside {
        width: 100% !important;
        margin-bottom: 20px;
        border-bottom: 1px solid lightgray;
        padding-bottom: 20px;
    }

    h1 {
        width: 100% !important;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        text-align:left !important;
        transform: translate(0%, 0%) !important;
        -webkit-transform: translate(0%, 0%) !important;
        -moz-transform: translate(0%, 0%) !important;
        -ms-transform: translate(0%, 0%) !important;
        -o-transform: translate(0%, 0%) !important;
    }

    

    #blogContent img {
        width: 100% !important;
        height: auto !important;
    }
}


/* ======= QUERIES ======= */

@media only screen and (max-width:1240px) {
    #wrapper,
    .industry-header,
    .header-section,
    #navbar {
        width: 85%;
        margin: 0 auto;
        /*        margin: 0 5% 0 10%;*/
    }

    .fis-sec {
        width: 420px;
    }

    .one-third {
        width: 420px;
    }

    .two-thirds p {
        font-size: 16px;
        line-height: 1.6em;
    }

    .month-num {
        top: 5px;
    }

        .month-num p {
            font-size: 12px
        }

    .date {
        width: 20%;
    }

    .event {
        width: 73%;
    }
}

@media only screen and (max-width:1015px) {
    #wrapper,
    .industry-header,
    .header-section,
    #navbar {
        width: 85%;
        margin: 0 5% 0 10%;
    }

    #searchBar {
        width: 500px;
    }

    #navbar {
        height: 80px;
    }



    .fis-sec {
        width: 365px;
    }

    .one-third {
        width: 365px;
    }

    .fis-sec h1 {
        font-size: 55px;
    }

    .video-div1,
    .video-div2 {
        width: 100%;
        float: left;
        margin: 0 0 10px 0;
    }

    .news-left {
        width: 42%;
        margin: 0 4% 15px 4%;
    }

    .news-right {
        width: 40%;
        margin: 0 6% 15px 4%;
    }

    .month-num {
        top: 0;
    }

    .video-sec {
        margin: 25px 0 20px 0;
    }

        .video-sec iframe {
            width: 360px;
            height: 206px;
        }

    .gal-desc {
        padding: 40px 15px 15px 15px;
    }
}



@media only screen and (max-width:880px) {
    .fis-sec {
        width: 320px;
    }

    .one-third {
        width: 320px;
    }

    .two-thirds {
        padding: 30px 10% 0;
    }

    #logo {
        width: 73px;
        height: auto;
        position: absolute;
        left: -18px;
        top: 10px;
    }
}

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

    #logo {
        width: 73px;
        height: auto;
        left: 10px;
        top: -8px;
    }
}





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

    ul.topnav-login,
    ul.topnav li {
        margin: 0 4px !important;
    }
}

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

    ul.topnav-login,
    ul.topnav li {
        margin: 0 0px !important;
    }

    ul.topnav a {
        padding: 10px 0px;
        font-size: 11px;
    }

    ul.topnav-login a {
        font-size: 11px;
        padding: 3px 8px;
    }

    #login-link {
        padding: 3px 20px;
    }
}


<!-- for paginator on blog page-- >
.list-item p {
    margin: 0;
}

.simple-pagination ul {
    margin: 0 0 20px;
    padding: 0;
    list-style: none;
    text-align: center;
}

.simple-pagination li {
    display: inline-block;
    margin-right: 5px;
}

    .simple-pagination li a,
    .simple-pagination li span {
        color: #666;
        padding: 5px 10px;
        text-decoration: none;
        border: 1px solid #EEE;
        background-color: #FFF;
        box-shadow: 0px 0px 10px 0px #EEE;
    }

.simple-pagination .current {
    color: #FFF;
    background-color: #006600;
    border-color: #FF7182;
}

.simple-pagination .prev.current,
.simple-pagination .next.current {
    background: #006600;
}



































































































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */