/*
Theme Name: Inter Lux 2019
Theme URL: www.inter_lux.com
Description: Theme designed for Inter Lux Theme
Version: 1.3
Tag: Word Press
Author: Cat on the Couch
Author URL: www.catonthecouch.com
*/
/*

// External font linking

@font-face { font-family:"Courier_Bold"; src:url("fonts/courier_bold.ttf") format("truetype"); }

@font-face {
    font-family: "Courier_Bold";
    src: url('fonts/courier_bold.eot');
    src: url('fonts/courier_bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/courier_bold.woff') format('woff'),
         url('fonts/courier_bold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
*/

@font-face {
    font-family: "BentonSans-Book";
    src: url("fonts/BentonSans-Book.otf") format("opentype");
}
@font-face {
    font-family: "BentonSans-Regular";
    src: url("fonts/BentonSans-Regular.otf") format("opentype");
}
@font-face {
    font-family: "BentonSans-Bold";
    src: url("fonts/BentonSans-Bold.otf") format("opentype");
}


@font-face {
    font-family: "SourceSansPro-Regular";
    src: url("fonts/SourceSansPro-Regular.ttf") format("truetype");
}
@media (min-width: 980px) {
    .half_left,
    .half_right {
        display: inline-block;
        width: 47%;
        vertical-align: top;
    }
    .half_right {
        margin-left: 5%;
    }
}
@media (max-width: 979px) and (min-width: 671px) {
    .half_left,
    .half_right {
        display: inline-block;
        width: 47%;
        vertical-align: top;
    }
    .half_right {
        margin-left: 5%;
    }
}
@media (max-width: 670px) {
    .half_left,
    .half_right {
        margin-top: 15px;
    }
    .half_right {}
}
body {
    margin: 0;
    padding: 0;
    font: normal 1em/1.5em "SourceSansPro-Regular";
    color: #222;
}
a {
    transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    outline: none;
    color: black;
    text-decoration: none;
}
input,
select,
textarea{
    /*-webkit-appearance: none;*/
	border-radius:0;
}
a:hover {
    transition: color 0.2s linear;
    -moz-transition: color 0.2s linear;
    -webkit-transition: color 0.2s linear;
    -o-transition: color 0.2s linear;
    text-decoration: none;
}
h1,
h2,
h3,
form,
ul,
li,
ol {
    margin: 0;
    padding: 0;
}
h1 {
    line-height: 1.3em;
}
li {
    list-style: none;
}
img {
    border: none;
    max-width: 100%;
    height: auto;
    /*opacity:0;*/
}
.pt-5 {
    padding-top:50px;
}
.clear {
    clear: both;
}
.not_found {
    text-align: center;
    padding: 10% 0;
}
.post-edit-link {
    color: #fff;
    background: rgba(0, 0, 0, .5);
    z-index: 99990;
    padding: 5px 15px;
    float: left;
}
.edit_post {
    position: absolute;
    right: 5%;
    top: 0;
    z-index: 9999;
}
/* caption */

.wp-caption {
    border: 1px solid #dcdcdc;
    padding: 10px;
}
.wp-caption-dd {
    margin: 10px 0 0 0;
}
/* Images */

.alignleft {
    float: left;
    margin-right: 15px;
}
.alignright {
    float: right;
    margin-left: 15px;
}
.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.top_pannel, #mydiv {
    top:190px;
    z-index:99;
    position:absolute;
    right:5%;
}
#mydiv {
    top:100px;
}
#favorites-button-wrapper {
    position:relative;
}
.page-id-14 .top_pannel {
    top:10px;
}
#gform_fields_1 .full-width {
    width:100%;
    float:left;
}

#gform_fields_1 .full-width select {
    width:25%!important;
}
.half-width {
    width:50%!important;
    float:left;
}
.half-width label {
    margin-top:24px;
}
.gfield.half-width {
    clear:none!important;
}
.half-width select {
    width:50%!important;
}
/*



@media (min-width: 980px) {}



@media (max-width: 979px) and (min-width: 500px) {}



@media (max-width: 499px) {}



*/
/* Layout */

@media (min-width: 980px) {
    #header {
        position: fixed;
    }
}
@media (max-width: 979px) and (min-width: 670px) {
    #header {
        position: fixed;
    }
}
@media (max-width: 671px) {
    #header {
        position:fixed;
    }
    #header .wrapper {
        text-align: center;
    }
}
/*body > div { position:relative; }*/

.wrapper {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}
#header {
    width: 100%;
    z-index: 99999;
    background: #FFF;
    left: 0;
}
#footer {
    background: #3a3a3e;
}
/* Header */

@media (min-width: 980px) {
    .tag {
        display: inline-block;
    }
    .m_menu {
        display: none;
    }
    .logo {
        margin-left: 5%;
        width: 304px;
        height: 57px;
    }
}
@media (max-width: 979px) and (min-width: 671px) {
    .tag {
        display: none;
    }
    .m_menu {
        display: none;
    }
    .logo {
        width: 304px;
        height: 57px;
    }
}
@media (max-width: 670px) {
    .tag {
        display: none;
    }
    .logo {
        width: 234px;
        height: 44px;
        background-size: 100% auto!important;
        vertical-align: bottom;
    }
    .m_menu {
        font-size: 38px;
        font-weight: bold;
        display: inline-block;
        vertical-align: bottom;
        background: #FCAF1A;
        color: #FFF;
        padding:10px 6px;
        line-height: 21px;
        margin-left: 10px;
    }
}
#header .wrapper {
    padding: 15px 0;
}
.logo,
.tag {
    vertical-align: top;
}
.logo {
    background: url(https://inter-lux.com/wp-content/uploads/2014/10/logo.png) no-repeat 0 0;
    display: inline-block;
}
.logo:hover {
    background-position: 0 -57px;
}
.tag {
    margin: 38px 0 0 10px;
    color: #fcaf1a;
}
/* FT Menu */

@media (min-width: 980px) {
    
    .login-search-container {
        float: right;
        margin-right: 40px;
        width: 50%;
        text-align: right;
    }
    .login-search-container form a {
        margin: 0 10px;
    }
    .ft_menu_container {
        float: right;
        margin-top: 10px;
        margin-right: 40px;
        clear: both;
    }
    .ft_menu li {
        display: inline-block;
        margin-left: 15px;
    }
    .sub-menu li {
        display: inline-block;
        vertical-align: central;
        margin-right: 25px;
    }
}
@media (max-width: 979px) and (min-width: 671px) {
    .ft_menu_container {
        float: right;
        margin-top: 39px;
        margin-right: 40px;
    }
    .ft_menu li {
        display: inline-block;
        margin-left: 15px;
    }
    .sub-menu li {
        display: inline-block;
        vertical-align: central;
        margin-right: 25px;
    }
}
@media screen and (max-width: 1023px) {
    .logo {
        float: left!important;
        margin-left: 10px!important;
        margin-bottom: 20px!important; 
    }
}
@media (max-width:600px) {
    position:fixed;
}
@media (max-width: 670px) {
     
	#wpadminbar{
		//display:none;
	}
	.logo{
		float:left;
		margin-left:10px;
		margin-bottom:20px;
	}
	.m_menu{
		float:right;
		margin-right:10px;
		margin-bottom: 20px;
    	margin-top: 5px;
	}
	.login-search-container{
		clear:both;
	}
       
    .ft_menu li a {
        display: block;
        padding: 5px 5%;
    }
	#ft_mobile_menu{
		position:fixed;
		top:116px;
		left:0;
                right:0;
		height:100%;
		width:100%;
                z-index:99999999;
	}
	#ft_mobile_menu ul#menu-primary_menu > li{
		border-bottom:1px solid #fff;
	}
	#ft_mobile_menu ul#menu-primary_menu{
		margin:0 !important;
	}
	#ft_mobile_menu ul#menu-primary_menu > li > a{
		padding: 10px 20px;
	}
	#ft_mobile_menu ul#menu-primary_menu li ul.sub-menu{
		padding: 0px !important;
	}
	#ft_mobile_menu ul#menu-primary_menu li ul.sub-menu li{
		border-top:1px solid #fff;
	}
	#ft_mobile_menu ul#menu-primary_menu li ul.sub-menu li a{
		padding:5px 30px;
	}
	#ft_mobile_menu ul#menu-primary_menu li.current-menu-item ul.sub-menu,
	.post-type-archive-products #ft_mobile_menu ul#menu-primary_menu li.products ul.sub-menu{
		display:block;
	}
    .ft_menu_container {
        /*width:auto;*/
		/*min-width:350px;*/
		background: #fcaf1a;
        /*background: rgba(255, 255, 255, .9);*/
        z-index: 9999;
        display: none;
		/*position:relative;*/
    }
    .ft_menu a {
        color: #222!important;
    }
    .ft_menu a:hover {
        background: #222;
        color: #fff!important;
    }
    .sub-menu li a {
        margin-left: 5px;
    }
    .sub-menu li:before {
        content: '»';
    }
	.ib1{
		display:block;
		width:25px;
		height:3px;
		background-color:#fff;
	}
	.ib2,.ib3{
		margin-top:5px;
		display:block;
		width:25px;
		height:3px;
		background-color:#fff;
	}
	.open .ib1{
		transform: rotate(45deg);
		margin-top:6px;
		background-color:#fff;
	}
	.open .ib2{
		transform: rotate(-45deg);
		margin-top:-3px;
		background-color:#fff;
	}
	.open .ib3 {
		display:none;
	}
	.open{
		padding-bottom: 18px;
		padding-top: 12px;
	}
}
.ft_menu li {
    position: relative;
}
.ft_menu li a {
    font-size: 1em;
    white-space: nowrap;
}
/*
.ft_menu > li.active > a {
    display: block;
    background: url(images/favicon.png) no-repeat 0 center;
    line-height: 25px;
    padding-left: 30px;
    color: #000;
}
*/
.ft_menu li ul {
    display: none;
    position: absolute;
    left: -10px;
    top: 20px;
    background: #fff;
    padding: 20px 0 0 0;
}
.ft_menu li ul li {
    margin: 0;
}
.ft_menu li ul li a {
    padding: 10px;
    display: block;
}
.ft_menu li:hover ul {
    display: block;
}
.sub-menu {
    padding: 25px 5%;
}
.sub-menu li a {
    color: #000;
    font-size: 16px;
}
.sub-menu li.active a {
    color: #FCAF1A;
}
/* Main */

@media (min-width: 980px) {
    #main .wrapper {
        min-height: 450px;
    }
    .left-content {
        float: left;
        width: 65%;
    }
    .right-sidebar {
        padding: 5% 5% 5% 0;
        width: 20%;
        float: left;
    }
}
@media (max-width: 979px) and (min-width: 671px) {
    #main .wrapper {
        min-height: 450px;
    }
    .left-content {
        float: left;
        width: 65%;
    }
    .right-sidebar {
        padding: 5% 5% 5% 0;
        width: 20%;
        float: left;
    }
}
@media (max-width: 670px) {
    .right-sidebar {
        padding: 5%;
    }
}
#main .post p {
    margin-top: 20px;
}
#main .post ul,
#main .description ul {
    margin-left: 20px;
}
#main .post li,
#main .description li {
    list-style: disc;
}
.page-content {
    padding: 1% 5% 5% 5%;
    position: relative;
}
.featured_image img {
    width: 100%;
}
.page-content > h1,
.page-content > h2 {
    margin-bottom: 20px;
}
.page-content p,
.single-products .products-details .description p {
    margin-top: 20px;
}
.page-content p:first-of-type,
.single-products .products-details .description p:first-of-type {
    margin-top: 0px;
}
.page-content ul {
    /* padding-left:20px; */

    margin-top: 7px;
}
.tax-family .product_main_content ul li {
     list-style:disc;
}
.page-id-13942 #main ul {
	padding-left:20px!important;
}
.page-id-13942 #main ul li {
	list-style:disc!important;
}
.page-content ul li .thumb {
    line-height: 0;
}
.left-content {
    padding: 5%;
    position: relative;
}
.right-content {
    float: left;
    width: 60%;
    padding: 5%;
    position: relative;
}
.right-sidebar {
    position: relative;
}
.left-sidebar {
    padding: 5% 0 5% 5%;
    width: 25%;
    float: left;
    position: relative;
}
.left-content .edit_post,
.right-content .edit_post {
    right: 7%;
}
/* Home */

@media (min-width: 980px) {
    #ft-search {
        margin-right: 5%;
        float: right;
        margin-bottom: 25px;
    }
	#ft-search .input {
		background: #bdbec1;
	}
    .news-bar h2 {
        float: left;
        width: 16%;
        padding: 0px 0 0px 5%;
        font-weight: normal;
        height: 106px;
        line-height: 100px;
        background: #fcb034;
    }
    .news-bar .news-list {} .news-bar .news-list div {
        line-height: 100px;
    }
    .news-bar a {
        font-size: 1.8em;
        padding: 0 25px;
    }
    .products-block {
        padding: 2px 0 35px;
    }
    .products-block .products-sidebar,
    .products-block .gallery-sidebar {
        float: left;
        padding: 20px 0 0 40px;
    }
    .products-block .products-sidebar .filter-popup,
    .products-block .gallery-sidebar .filter-popup {
        font-size: 14px;
        padding: 3px 5px;
        max-width: 180px;
        box-shadow: 2px 2px 6px 3px rgba(114, 107, 107, .8);
    }
    .products-block .products-list,
    .products-block .gallery-list {
        margin-left: 21%;
    }
    .products-block .products-list li,
    .products-block .gallery-list li {
        float: left;
        width: 19%;
    }
    .products-block .products-details li {
        float: none;
        width: auto;
    }
    .news-block {
        padding: 25px 0 50px;
    }
    .brands li {
        display: inline-block;
        width: 31%;
        margin: 15px 2% 15px 0;
    }
    .brands li .img {
        width: 150px;
    }
    .news-block .sidebar {
        float: left;
        width: 17%;
        padding: 25px 2% 25px 5%;
    }
    .news-block .news {
        padding: 0;
        float: left;
        width: 70%;
    }
    .news-block .news .post {
        padding: 25px 7% 25px 50px;
    }
}
@media (max-width: 979px) and (min-width: 671px) {
    #ft-search {
        text-align: center;
        margin-bottom: 25px;
    }
	#ft-search .input {
		background: #bdbec1;
	}
    .news-bar h2 {
        padding: 0px 0 0px 5%;
        font-weight: normal;
        height: 100px;
        line-height: 100px;
    }
    .news-bar .news-list {} .news-bar .news-list div {
        line-height: 100px;
    }
    .news-bar a {
        font-size: 1.8em;
        padding: 0 25px;
    }
    .products-block {
        padding: 0 0 35px;
    }
    .products-block .products-sidebar,
    .products-block .gallery-sidebar {
        float: left;
        width: 25%;
        padding: 2% 0 0 5%;
    }
    .products-block .products-list,
    .products-block .gallery-list {
        margin-left: 30%;
    }
    .products-block .products-list li,
    .products-block .gallery-list li {
        float: left;
        width: 32.33%;
    }
    .products-block .products-details li {
        float: none;
        width: auto;
    }
    .brands li {
        display: inline-block;
        width: 44%;
        margin: 15px 5% 15px 0;
    }
    .brands li .img {
        width: 150px;
    }
    .news-block {
        padding: 25px 0 50px;
    }
    .news-block .sidebar {
        float: left;
        width: 23%;
        padding: 25px 2% 25px 5%;
    }
    .news-block .news {
        padding: 0;
        float: left;
        width: 76%;
    }
    .news-block .news .post {
        padding: 25px 7% 25px 50px;
    }
}
@media (max-width: 670px) {
    #ft-search {
        background: #FCB034;
        display: block;
        padding: 10px 0;
        margin-top: 25px;
    }
	#ft-search .input {
		display: inline-block;
		width: 125px;
		background:#fff ;
	}
	#ft-search .input::placeholder{
		color:#737373;
	}
    #ft-search a {
        display: block;
        padding: 3px 20px;
        width: 100px;
        margin: 5px auto !important;
    }
    #ft-search .submit {
        border: 1px solid #FFF!important;
        padding: 4px 10px!important;
		display: inline-block;
    }
	div#mobile_product_search{
		display: inline-block !important;
		line-height: 0;
		margin-top: -10px;
		margin-left: 25px;
	}
    .news-bar h2 {
        text-align: center;
        padding: 10px 5%;
        font-size: 1.2em;
    }
    .news-bar .news-list {
        overflow: hidden;
    }
    .news-bar .news-list div {
        line-height: 50px;
        overflow: hidden;
    }
    .news-bar a {
        font-size: 1em;
        padding: 0 5%;
    }
    .products-block {
        padding: 0 0 10px;
    }
    .products-block .products-sidebar,
    .products-block .gallery-sidebar {
        padding: 25px 0 25px 3%;
        float: left;
    }
    .products-block .products-list,
    .products-block .gallery-list {
        margin-left: 155px;
    }
    .products-block .products-list li,
    .products-block .gallery-list li {
        float: left;
        width: 49%;
    }
    .products-block .products-details li {
        float: none;
        width: auto;
    }
    .brands li {
        margin: 15px 0;
    }
    .brands li .img {
        width: 50%;
    }
    .news-block {
        padding: 25px 0;
    }
    .news-block .sidebar {
        padding: 25px 5%;
    }
    .news-block .news {
        margin-top: 25px;
    }
    .news-block .news .post {
        padding: 5%;
    }

    .news_col1,
    .news_col2,
    .news_col3 {
        width: 100% !important;
        display: block !important;
    }
}
.news-bar {
    margin: 8px 0;
    /*background:url(images/news_bg.jpg) repeat-x center top;*/

    background-size: auto 100%;
}
.news-bar .news-list {
    background: #fcb034;
}
.news-bar .news-list div {
    padding: 0;
    width: 100%;
}
.news-bar a {
    color: #222;
    white-space: nowrap;
    display: block;
}
.news-bar a span {
    font-size: 14px;
    font-style: italic;
    text-decoration: underline;
}
.products-block {
    /*background:url(images/sade-1.jpg) repeat-x center top;



        background-size:auto 100%;



        margin-bottom:25px;*/
}
.products-block .products-sidebar h3,
.products-block .gallery-sidebar h3 {
    margin: 10px 0 5px;
}
.products-block .products-sidebar a,
.products-block .gallery-sidebar a {
    color: #222;
}
.products-sidebar li label,
.gallery-sidebar li label {
    display: inline-block;
}
.products-sidebar li label input,
.gallery-sidebar li label input {
    margin-left: -20px;
}
.clear_filter {
    margin: 10px 0 0;
    font-size: 12px;
    font-style: italic;
}
#ft-search .submit {
    -webkit-appearance: none;
    background: #fbb034;
    padding: 5px 10px;
    color: #fff;
    border: none;
    cursor: pointer;
    margin-top: 0;
}
#ft-search label {} #ft-search .input {
    border: none;
    padding: 5px 8px;
}
.products-block .products-list,
.products-block .gallery-list {
    background: #FFF;
    position: relative;
}
.products-block .products-list .loading,
.products-block .gallery-list .loading {
    background: url(images/ajax-loader.gif) no-repeat center;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -16px;
    overflow: hidden;
    text-indent: -1000px;
    z-index: 9999;
}
.products-block .products-list ul,
.products-block .gallery-list ul {
    float: left;
    width: 100%;
}
.products-block .products-details ul {
    float: none;
    width: auto;
}
.products-list li,
.gallery-list li {
    position: relative;
    margin: 0 1% 1% 0;
}
.products-list li:hover .name,
.gallery-list li:hover .name {
    display: block;
    pointer-events:none;
}
.products-block .products-list li.not_found,
.products-block .gallery-list li.not_found {
    width: 100%;
    margin: 10% 0;
    font-size: 1.5em;
}
.products-block .products-list a,
.products-block .gallery-list a {
    color: #000;
    white-space: wrap;
    overflow: hidden;
    display: block;
}
.products-block .products-list .thumb,
.products-block .gallery-list .thumb {
    line-height: 0;
    position: relative;
    z-index: 0;
}
.products-block .products-list .thumb img,
.products-block .gallery-list .thumb img {
    width: 100%;
}
.products-block .products-list .name,
.products-block .gallery-list .name {
    pointer-events:none;
    /* padding:0 10px;



        background:#FFF url(images/sade-2.jpg) repeat-x center top;*/

    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    display: block;
    width: 100%;
    height: 12%;
    padding: 44% 0;
    background-color: rgba(0, 0, 0, .6);
    color: #FFF;
    font-size: 14px;
    display: none;
    z-index: 0;
}
.products-block .family-name {
    pointer-events:none;
    text-align:center;
}
#brands .page-content {
    padding-bottom: 0;
}
div.brands {
    padding: 0 5% 5%;
}
ul.brands,
.brands ul {
    margin: 0;
    padding: 0;
}
.brands li {
    vertical-align: top;
}
.brands li .img {
    float: left;
    background: #666;
    max-height: 150px;
    overflow: hidden;
    margin-right: 15px;
    margin-top: 4px;
}
.brands li h3 a {
    color: #222;
    font-size: 16px;
}
.news-block .sidebar {
    background: url(images/sade-3.jpg) repeat-y left top;
    background-size: 100% auto;
}
.news-block .sidebar a {
    color: #222;
    font-size: 14px;
}
.news-block .sidebar h3 {
    font-size: 2em;
    font-weight: normal;
    margin-bottom: 15px;
}
.news-block .sidebar li {
    margin-top: 10px;
}
.news-block .news .post {
    background: url(images/sade-3.jpg) repeat-y left top;
    background-size: 100% auto;
    margin-top: 25px;
    position: relative;
}
.news-block .news .post .edit_post {
    right: 7%;
}
.news-block .news .post:first-of-type {
    margin-top: 0;
}
.news-block .sidebar .widget-container {
    margin-top: 40px;
}
.news-block .sidebar .widget-container:first-of-type {
    margin-top: 0;
}
.news-block .news .post h3 {
    margin-bottom: 25px;
}
.news-block .news .post h3 a {
    color: #222;
    font-size: 18px;
    font-weight: normal;
}
.news-block .news .post .image {
    margin-top: 15px;
}
/* Post */

@media (min-width: 980px) {} @media (max-width: 979px) and (min-width: 671px) {} @media (max-width: 670px) {} .posts .post {
    margin-top:5%;
}
.posts .post:first-of-type {
    margin-top:0!important;
}
.posts h1 {
    margin-bottom: 20px;
    font-size: 1.8em;
    font-weight: normal;
    line-height: 1em
}
.posts .image {
    line-height: 0;
    margin-bottom: 20px;
}
.posts .image img {
    width: 100%;
}
.blog .sidebar {
    float: left;
    width: 23%;
}
.blog .sidebar .widget-container {
    margin-top: 20px;
}
.blog .sidebar .widget-container:first-of-type {
    margin-top: 0px;
}
.post_nav {
    margin-top: 5%;
}
.post_nav .next {
    float: right;
}
.right-sidebar a {
    color: #222;
}
.right-sidebar .widget-container {
    margin-bottom: 25px;
}
/* Archive */

@media (min-width: 980px) {} @media (max-width: 979px) and (min-width: 671px) {} @media (max-width: 670px) {} .archive-list {
    padding:5%;
}
.archive-list .thumb {
    float:left;
}
.archive-list .details {
    margin-left: 175px;
}
/* Terms */

@media (min-width: 980px) {
    .term_products_list li {
        //width: 14%;
    }
}
@media (max-width: 979px) and (min-width: 671px) {
    .term_products_list li {
        width: 32.33%;
    }
}
@media (max-width: 670px) {
    .term_products_list li {
        width: 49%;
    }
}
.term_products_list {
    margin-top: 10px;
}
.term_products_list ul {
    float: left;
    width: 100%;
}
.term_products_list li {
    display:inline-block;
    margin: 0 1% 1% 0;
    position: relative;
    margin-bottom:72px;
}
.term_products_list li:hover .name {
    display: block; 
}
.term_products_list li:hover .thumb {
    opacity:0.5;
}
.term_products_list .name {
    pointer-events:none;
    
    text-align: center;   
    width:100%;    
    font-size: 14px;
    z-index: 0;
    padding-top:0!important;
}
/* Single Product */



@media (min-width: 980px) {
    .single-products .products-active,
    .single-products .products-sidebar {
        float: left;
        /* width: 13%; */
        /*padding: 3% 0 5% 5%; */
    }
    .single-products .project_popup {
        top: -25px;
        right: 125px;
    }
    .single-products .products-details {
        width: 95%;
        /* float: left; */
        background: #FFF;
        /* padding: 3% 5% 5% 0; */
        padding-left: 5%;
    }
    .single-products .products-details h1 {
        margin-bottom: 25px;
        float: left;
        width: 100%;
    }
    .single-products .products-details .product_image {
        float: left;
        width: 30%;
        margin-bottom: 25px;
        margin-right: 2%;
    }
    .single-products .products-details .application_image {
        margin-top: 25px;
    }
    .single-products .products-details .product_image img,
    .single-products .products-details .application_image img {
        width: 100%;
    }
    .single-products .products-details .description {
        float: left;
        width: 60%;
        padding-right: 30px;
    }
    .single-products .products-details .downloads {
        float: left;
        width: auto;
    }
    .products-details .top_pannel {
        //top: 250px;
        // right: 5%;
    }
}
@media (max-width: 979px) and (min-width: 671px) {} 

@media (max-width: 670px) {
    .single-products .products-active,
    .single-products .products-sidebar {
        padding: 5%;
        display: none;
    }
    .single-products .products-details h1 {
        padding: 15px 5%;
    }
    .single-products .products-details .description,
    .single-products .products-details .downloads {
        padding: 5%;
    }
}
@media (min-width: 981px) and (max-width: 1295px) {

    /*
    .single-products .products-details .downloads {
            clear: left;
            float: none;
            width: 90%;
    }
    .single-products .products-details .description {
            width: 100%;
    }
    */
}


.single-products .products-details .application_image {
    position: relative;
}
.single-products .products-details .application_image a:first-of-type {
    display: block;
}
.single-products .products-details .application_image a {
    position: absolute;
    right: 0;
    top: 0;
    background: rgba(0, 0, 0, .7);
    padding: 5px 10px;
    z-index: 9999;
    color: #FFF;
    display: none;
}
.single-products .products-details .downloads h3 {
    margin: 15px 0 10px;
}
.single-products .products-details .downloads li {
    margin-bottom: 5px;
    list-style: disc;
    margin-left: 16px;
    line-height: 16px;
}
.single-products .products-details .downloads input {
    margin-top: 1px;
    float: left;
}
.single-products .products-details .downloads a {
    
} 

.single-products .products-details a {
    color: #222;
}
.single-products .products-active h3,
.single-products .products-sidebar h3 {
    margin: 10px 0px 5px;
}
.single-products .products-details .other-products {
    background: url('https://inter-lux.com/wp-content/uploads/2014/10/page-arrow.png') no-repeat 41% top;
    width: 46px;
    height: 27px;
    display: block;
    margin: 5% 0 0 41%;
    display: none;
}
.single-products .products-details .other-products:hover {
    background-position: 41% bottom;
}
/* Brands slider */

@media (min-width: 980px) {} @media (max-width: 979px) and (min-width: 671px) {} @media (max-width: 670px) {} 

.tax-brands .controls a {
    position: absolute;
    z-index: 9999;
    width: 38px;
    height: 37px;
    text-indent: -1000px;
    overflow: hidden;
}
span.controls a{
	width:40px !important;
	height:40px !important;
}
.prevBtn {
    background:url(images/large_left.png) no-repeat 0 0 !important;
    position: absolute;
    left: 0;
    bottom: 180px;
    opacity: 0.5;
}
.nextBtn {
    background: url(images/large_right.png) no-repeat 0 0 !important;
    position: absolute;
    right: 0;
    bottom: 180px;
    opacity: 0.5;
}
.prevBtn:hover,
.nextBtn:hover{
	background-position: bottom left !important;
}

/* Previous/Next slider buttons for single product page */
span.single_product_controls .prevBtn {
    background:url(images/left-arrow.png) no-repeat 0 0;
    float: left;
    opacity: 0.5;
}
span.single_product_controls .nextBtn {
    background: url(images/right-arrow.png) no-repeat 0 0;
    float: right;
    opacity: 0.5;
}
.single_products_nav_links {
    position: absolute;
    z-index: 3;
    width: 100%;
}
@media(min-width:768px) and (max-width:960px){
	.search-results .products-sidebar{
		background:none !important;
	}
}
@media (min-width:981px){
    #search-main {
        width:76%;
    }
    .products-sidebar {
        display:inline-block;
    }
}

@media (max-width: 980px) {
    .products-sidebar {
        display: none;
    }
    
    .single_products_nav_links {
        /*width: 95% !important;*/
    }
}

.flipbook {
    background: #8a8a8d;
    color: #FFF;
    text-align: center;
    padding: 25px 0;
    float: right;
    margin-left: 25px;
    margin-bottom: 25px;
    width: 90px;
    font-size: 1em;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
/* Footer */

@media (min-width: 980px) {
    .ft_footer_menu li {
        float: left;
        margin-left: 17px;
        list-style: disc!important;
    }
    .ft_footer_menu li.contact_list {
        list-style: none!important;
        border-left: 1px solid #444;
        margin-left: 10px;
        padding-left: 10px;
        line-height: 12px;
        margin-top: 10px;
    }
    .ft_footer_menu li:first-of-type {
        list-style: none!important;
        margin-left: 0!important;
    }
}
@media (max-width: 979px) and (min-width: 671px) {
    .ft_footer_menu li {
        float: left;
        margin-left: 21px;
        list-style: disc!important;
    }
    .ft_footer_menu li.contact_list {
        list-style: none!important;
        border-left: 1px solid #444;
        margin-left: 10px;
        padding-left: 10px;
        line-height: 12px;
        margin-top: 10px;
    }
    .ft_footer_menu li:first-of-type {
        list-style: none!important;
        margin-left: 0!important;
    }

}
@media (max-width: 670px) {
    #footer .wrapper {
        padding: 5%!important;
    }
    .ft_footer_menu {
        margin-top: 15px;
    }
    .ft_footer_menu li {
        list-style: none !important;
        line-height: 18px;
    }
    .ft_footer_menu li.contact_list {
        border-top: 1px solid #444;
    }
}
#footer .wrapper {
    padding: 15px 0;
    font-size: .9em;
}
#footer a {
    color: #fff;
}
.ft_footer_menu_container {
    margin-left: 5%;
}
.ft_footer_menu {
    display: inline-block;
    vertical-align: middle;
    line-height: 31px;
}
.ft_footer_menu li {
    color: #fff;
}
.ft_footer_menu li ul {
    display: none;
}
.copyright {
    /*float:right;



        line-height:31px;*/

    margin-left: 5%;
}
.copyright li {
    display: inline-block;
}
.copyright .copy_right {
    font-style: italic;
}
.copyright .copy_right {
    cursor: text;
}
.copyright .terms {
    margin-left: 10px;
    border-left: 1px solid #444;
    line-height: 12px;
    padding-left: 10px;
}
.go-top {
    width: 31px;
    height: 31px;
    background: url(images/go-top.jpg) no-repeat center center;
    text-indent: -1000px;
    overflow: hidden;
    position: fixed;
    right: 0;
    bottom: 13px;
}
/* My Project */

@media (min-width: 980px) {
    .top_pannel {
        position: absolute;
        // right: 0px;
        //  top: 250px;
        z-index: 99;
    }
    .bottom_pannel {
        float: right;
        padding: 20px 0;
    }
    .project_list > li {
        margin-right: 6%;
        float: left;
        min-height: 425px;
        width: 19%;
    }
    .project_list .title {
        padding: 7px 0;
    }
    .project_list .downloads {
        margin-top: 15px;
    }
    .project_list {
        padding: 80px 5%;
        float: left;
        width: 90%;
    }
}
@media (max-width: 979px) and (min-width: 671px) {
    .top_pannel {
        position: absolute;
        //right: 0px;
        // top: 250px;
    }
    .bottom_pannel {
        float: right;
        padding: 20px 0;
    }
    .project_list > li {
        margin-right: 6%;
        float: left;
        min-height: 425px;
        width: 19%;
    }
    .project_list .title {
        padding: 7px 0;
    }
    .project_list .downloads {
        margin-top: 15px;
    }
    .project_list {
        padding: 0 5%;
        float: left;
        width: 90%;
    }
    #contact .team_photo { display:none; }
}
@media (max-width: 670px) {
    .project_list > li {
        width: 50%;
        float: left;
        min-height: 425px;
    }
    .project_list .title {
        padding: 7px 0;
    }
    .project_list .downloads {
        margin-top: 15px;
    }
    .project_list .title,
    .project_list .action,
    .project_list .downloads {
        padding: 7px;
    }
    .top_pannel,
    .bottom_pannel {
        text-align: right;
    }
    .top_pannel {
        //  top:250px;
    }
    #contact .team_photo { display:none; }
}
#brands,
#newsevents,
#about,
#my-projects,
#contact {
    position: relative;
    border-top: 20px solid #FCAF1A;
}
.project_popup {
    width: 420px;
    margin-left: 30%;
    box-shadow: 1px 4px 14px 5px rgb(114, 107, 107);
    padding: 13px;
    font-size: 12px;
    margin-bottom: 10px;
    position: absolute;
    top: -10px;
    z-index: 99999;
    background: #FFF;
}
.project_popup .arrow {
    width: 0px;
    margin-top: 9px;
    position: absolute;
    margin-left: 344px;
    border-left: 20px solid rgba(230, 3, 3, 0);
    border-right: 23px solid transparent;
    border-top: 18px solid #FFF;
    color: #fcaf1a;
}
.project_list .action .select_all,
.project_list .action .remove_item {
    font-size: 15px;
    font-style: italic;
    display: inline-block;
    cursor: pointer;
}
.project_list .action .div {
    margin: 0 5px 0 10px;
    display: inline-block;
}
.project_list .downloads li {
    margin-bottom: 5px;
}
.project_list .downloads input {
    float: left;
    margin-top: 0px;
}
.project_list .downloads a {
    display: block;
    margin-left: 25px;
    line-height: 16px;
}
.top_pannel form,
.bottom_pannel form {
    display: inline-block;
}
.top_pannel .button,
.bottom_pannel .button {
    background: none repeat scroll 0% 0% rgb(252, 175, 26);
    border: medium none;
    padding: 10px 14px;
    display: inline-block;
    cursor: pointer;
    margin-left: 8px;
    margin-bottom: 4px;
    color: #fff!important;
    font-size: 14px;
    line-height: 15px;
}
/* CMS */

@media (min-width: 980px) {
    .team_details li {
        display: inline-block;
        vertical-align: top;
        width: 18%;
        margin-right: 1%;
    }
    .team_details {
        padding: 0!important;
    }
    .contact-address {
        margin: 5%;
        width: 20%;
        float: left;
    }
    .contact-map {
        width: 70%;
        float: right;
    }
    .rep_locator {
        padding: 20% 0 0 0;
    }
    .rep_locator .form {
        margin-left: 25%;
        min-height: 475px;
    }
    .rep_locator .form select {
        width: 300px;
    }
    .rep_result {
        margin-left: 25%;
        padding: 5% 0;
        display: none;
    }
}
@media (max-width: 979px) and (min-width: 671px) {
    .team_details li {
        display: inline-block;
        vertical-align: top;
        width: 19%;
    }
    .team_details {
        padding: 0!important;
    }
    .contact-address {
        margin: 5%;
        width: 20%;
        float: left;
    }
    .contact-map {
        width: 70%;
        float: right;
    }
    .rep_locator {
        padding: 20% 0 0 0;
    }
    .rep_locator .form {
        margin-left: 25%;
        min-height: 475px;
    }
    .rep_locator .form select {
        width: 300px;
    }
    .rep_result {
        margin-left: 25%;
        padding: 5% 0;
        display: none;
    }
}
@media (max-width: 670px) {
    .team_details {
        padding-left: 0!important;
    }
    .rep_locator {
        padding: 20px 5%;
    }
    .rep_locator {
        padding: 20% 0 0 0;
    }
    .rep_locator .form {
        padding: 5%;
    }
    .rep_locator .form select {
        width: 100%;
    }
    .rep_result {
        padding: 5%;
        display: none;
    }
}
/* Inter-lux Team */

.team_photo {
    position: relative;
    display: none;
}

.team_photo ul {
    background: url(https://inter-lux.com/wp-content/uploads/2014/12/Inter-lux_People_composite30.jpg) no-repeat center 0;
    height: 280px;
    width: 936px;
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;

    background-size: 100% auto;
    margin: 0px!important;
    padding: 0px!important;
}
.team_photo li {
    float: left;
    width: 7.69%;

    height: 100%;
    list-style: none!important;
}
.team_photo li.s {
    background: rgba(0, 0, 0, .3);
}
.team_photo li.member1 {
    width: 6.7%;
}
.team_photo li.member2 {
    width: 7.4%;
}
.team_photo li.member3 {
    width: 6%;
}
.team_photo li.member4 {
    width: 7.7%;
}
.team_photo li.member5 {
    width: 6.5%;
}
.team_photo li.member6 {
    width: 6%;
}
.team_photo li.member7 {
    width: 8.3%;
}
.team_photo li.member8 {
    width: 6%;
}
.team_photo li.member9 {
    width: 5.5%;
}
.team_photo li.member10 {
    width: 5.6%;
}
.team_photo li.member11 {
    width: 6.8%;
}
.team_photo li.member12 {
    width: 5.6%;
}
.team_photo li.member13 {
    width: 6%;
}
.team_photo li.member14 {
    width: 7%;
}
.team_photo li.member15 {
    width: 7.5%;
}
.team_details {
    margin: 15px 0 0 0!important;
}
.team_details li {
    margin-bottom: 15px;
    list-style: none!important;
    font-size: .9em;
    color: #999;
}
.team_details li a {
    color: #999;
}
.team_details li.over,
.team_details li.over a {
    color: #222;
}
.pop_contact {
    display: none;
    padding: 0 5%;
}
.wpcf7 h1 {
    font-size: 22px;
    font-weight: normal;
    margin-bottom: 10px;
}
.wpcf7 ul {
    padding: 0;
}
.wpcf7 ul li {
    list-style: none;
}
.wpcf7 ul li label {
    display: block;
    margin-bottom: 5px;
}
.wpcf7 ul li .wpcf7-form-control-wrap {
    margin-bottom: 10px;
    display: block;
}
.wpcf7 ul li .wpcf7-text,
.wpcf7 ul li .wpcf7-textarea {
    background: #b4b9bd;
    padding: 10px;
    border: none;
    width: 50%;
}
.wpcf7 .wpcf7-submit {
    background: #fbb034;
    padding: 10px 15px;
    color: #fff;
    border: none;
    cursor: pointer;
}
.pop_contact .close {
    margin: 0 0 0 47%;
    color: #222;
}
/* Direction */

.contact-address {
    margin: 5%;
}
/* Rep Locator */

.rep_locator a,
.rep_result a {
    color: #222;
}
.rep_locator {
    background: url(images/background-rap.jpg) no-repeat center top;
    background-size: 100% auto;
}
.rep_locator .form {
    color: #fff;
}
.rep_locator .form select {
    border: none;
    padding: 15px;
    font-size: 1.2em;
    margin-bottom: 10px;
}
.rep_locator .loading {
    background: url(images/ajax-loader.gif) no-repeat center;
    width: 32px;
    height: 32px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -16px 0 0 -16px;
    overflow: hidden;
    text-indent: -1000px;
    z-index: 9999;
}
.rep_result .item {
    position: relative;
    margin-top: 20px;
}
.rep_result .item h3 {
    margin-bottom: 5px;
}
.rep_result .item label {
    display: inline-block;
    width: 150px;
    vertical-align: top;
}
/* IMAGE LIGHTBOX SELECTOR */

#imagelightbox {
    cursor: pointer;
    position: fixed;
    z-index: 999999;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75);
    /* 50 */

    box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75);
    /* 50 */
}
/* ACTIVITY INDICATION */

#imagelightbox-loading,
#imagelightbox-loading div {
    border-radius: 50%;
}
#imagelightbox-loading {
    width: 1.4em;
    /* 40 */

    height: 1.4em;
    /* 40 */

    background-color: #444;
    background-color: rgba( 0, 0, 0, .5);
    position: fixed;
    z-index: 10003;
    top: 50%;
    left: 50%;
    padding: 0.625em;
    /* 10 */

    margin: -1.25em 0 0 -1.25em;
    /* 20 */

    -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75);
    /* 40 */

    box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75);
    /* 40 */
}
#imagelightbox-loading div {
    width: 1.25em;
    /* 20 */

    height: 1.25em;
    /* 20 */

    background-color: #fff;
    -webkit-animation: imagelightbox-loading .5s ease infinite;
    animation: imagelightbox-loading .5s ease infinite;
}
@-webkit-keyframes imagelightbox-loading {
    from {
        opacity: .5;
        -webkit-transform: scale( .75);
    }
    50% {
        opacity: 1;
        -webkit-transform: scale( 1);
    }
    to {
        opacity: .5;
        -webkit-transform: scale( .75);
    }
}
@keyframes imagelightbox-loading {
    from {
        opacity: .5;
        transform: scale( .75);
    }
    50% {
        opacity: 1;
        transform: scale( 1);
    }
    to {
        opacity: .5;
        transform: scale( .75);
    }
}
/* OVERLAY */

#imagelightbox-overlay {
    background-color: #fff;
    background-color: rgba( 255, 255, 255, .9);
    position: fixed;
    z-index: 999995;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
/* ARROWS */

.imagelightbox-arrow {
    width: 3.75em;
    /* 60 */

    height: 7.5em;
    /* 120 */

    background-color: #444;
    background-color: rgba( 0, 0, 0, .5);
    vertical-align: middle;
    display: none;
    position: fixed;
    z-index: 999999;
    top: 50%;
    border: 0;
    margin-top: -3.75em;
    /* 60 */

    cursor: pointer;
}
.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus {
    background-color: #666;
    background-color: rgba( 0, 0, 0, .75);
}
.imagelightbox-arrow:active {
    background-color: #111;
}
.imagelightbox-arrow-left {
    left: 2.5em;
    /* 40 */
}
.imagelightbox-arrow-right {
    right: 2.5em;
    /* 40 */
}
.imagelightbox-arrow:before {
    width: 0;
    height: 0;
    border: 1em solid transparent;
    content: '';
    display: inline-block;
    margin-bottom: -0.125em;
    /* 2 */
}
.imagelightbox-arrow-left:before {
    border-left: none;
    border-right-color: #fff;
    margin-left: -0.313em;
    /* 5 */
}
.imagelightbox-arrow-right:before {
    border-right: none;
    border-left-color: #fff;
    margin-right: -0.313em;
    /* 5 */
}
#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow {
    -webkit-animation: fade-in .25s linear;
    animation: fade-in .25s linear;
}
@-webkit-keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fade-in {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@media only screen and (max-width: 41.250em)
/* 660 */

{
    #container {
        width: 100%;
    }
    #imagelightbox-close {
        top: 1.25em;
        /* 20 */

        right: 1.25em;
        /* 20 */
    }
    #imagelightbox-nav {
        bottom: 1.25em;
        /* 20 */
    }
    .imagelightbox-arrow {
        width: 2.5em;
        /* 40 */

        height: 3.75em;
        /* 60 */

        margin-top: -2.75em;
        /* 30 */
    }
    .imagelightbox-arrow-left {
        left: 1.25em;
        /* 20 */
    }
    .imagelightbox-arrow-right {
        right: 1.25em;
        /* 20 */
    }
}
@media only screen and (max-width: 20em)
/* 320 */

{
    .imagelightbox-arrow-left {
        left: 0;
    }
    .imagelightbox-arrow-right {
        right: 0;
    }
}
@media only screen and (max-width:678px) {
    #main {
        //padding-top: 0 !important;
    }
}
#main {
    padding-top: 94px;
    position: relative;
    min-height:100vh;
} 
.home #main {
    min-height:auto;
}
.pop {
    position: absolute;
    left: 5%;
    top: 25%;
    z-index: 9999;
    background: #fff;
    padding: 10px 20px;
}
.before-load {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 10000;
}
.before-load img {
    position: absolute;
    top: 200px;
    left: 50%;
    margin-left: -16px;
    z-index: 10001;
}
@media (min-width: 980px) {
    .featured_slider div.slide {
        /*height:775px;*/
    }
    .featured_pro ul.images li {
        float: left;
        width: 15%;
        margin: 1% 1% 0 0;
    }
    .featured_pro ul.images li a.title {
        height: 12%;
        padding: 44% 0;
    }
}
@media (max-width: 979px) and (min-width: 671px) {
    .featured_slider div.slide {
        height: 775px;
    }
    .featured_pro h1 {
        font-size: 24px;
    }
    .featured_pro h1 img {
        width: auto!important;
        height: 22px!important;
    }
    .featured_pro ul.images li {
        float: left;
        width: 15%;
        margin: 1% 1% 0 0;
    }
    .featured_pro ul.images li a.title {
        height: 12%;
        padding: 44% 0;
    }
}
@media (max-width: 670px) {
    .featured_slider div.slide {
        height: 590px;
    }
    .featured_pro h1 {
        font-size: 1em;
    }
    .featured_pro h1 img {
        width: auto!important;
        height: .9em!important;
    }
    .featured_pro h1 span {
        width: 100%!important;
    }
    .featured_pro ul.images li {
        float: left;
        width: 31%;
        margin: 1% 2% 0 0;
    }
    .featured_pro ul.images li a.title {
        height: 72%;
        padding: 14% 0;
        line-height: 1.3em;
    }
    .featured_pro .left,
    .featured_pro .right {
        display: none;
    }
}
.featured_slider div.slide h2 {
    line-height: 1.5em;
}
.featured_pro {
    border-top: 20px solid #FCAF1A;
    background: #FCAF1A;
}
.single_pro {
    position: relative;
}
.featured_pro {
    position: relative;
}
.featured_pro h1 {
    padding: 1% 3% 0;
}
.featured_pro h1 a {
    font-size: 34px;
    font-weight: normal;
}
.featured_pro h1 span {
    float: right;
    width: 47%;
    font-size: .8em;
}
.featured_pro ul.images {
    float: left;
    width: 94%;
    padding: 0 3%;
}
.featured_pro ul.images li {
    float: left;
    position: relative;
}
.featured_pro ul.images li a.title {
    position: absolute;
    text-align: center;
    display: block;
    width: 100%;
    background-color: rgba(0, 0, 0, .6);
    color: #FFF;
    font-size: 14px;
    display: none;
}
.featured_pro ul.images li:hover a.title {
    display: block;
}
.featured_pro .left,
.featured_pro .right {
    padding: 2% 3%;
    width: 44%;
    float: left;
}
.featured_pro .left ul,
.featured_pro .right ul {
    padding: 10px 0 0 20px;
}
.featured_pro .left ul li,
.featured_pro .right ul li {
    list-style: disc!important;
}
.featured_pro .prevBtn,
.featured_pro .nextBtn {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 38px;
    height: 39px;
    text-indent: -1000px;
    overflow: hidden;
}
.featured_pro .prevBtn {
    left: 0;
}
.featured_pro .nextBtn {
    right: 0;
}
.news_col1,
.news_col2,
.news_col3 {
    float: left;
    width: 33%;
}


/* Header menu */
#ft-search a {
    background: #CCC;
    padding: 6px 20px;
    margin: 0px;
    margin-left: 3px;
    font-size: 13px;
}
#ft-search .submit {
    padding: 5px 10px;
    margin-left: -4px;
}

/* Front page */
.news_overlay {
    height: 30px;
    width: 100%;
    background: #000;
    color: #FFF;
    padding-top: 0px;
    position: fixed;
    z-index: 10;
    line-height:30px;
}
.news_overlay.stick {
    position: fixed;
    top: 0;
    z-index: 99999;
}
#news_scroller {
    overflow: hidden;
    height: 30px;
    padding-left: 5%;
}
.news_scroller_div {
    height: 30px;
    overflow: hidden;
}
.news_scroller_div a {
    color: white;
}
.news_scroller_div a:hover {
    color: #fbb034;
}


.page-id-2 div.products-list {
    margin-left: 20px;
}

ol.numericControls {
    float: right;
    margin-right: 2%;
    width: 100%;
}
ol.numericControls li {
    display: inline;
    margin-left: 10px;
}
ol.numericControls li a span {
    width: 15px;
    height: 15px;
    background-color: #CCC;
    display: inline-block;
    border-radius: 50%;
    opacity: 0.5;
}
ol.numericControls li.current a span {
    background-color: #fbb034;
    opacity: 0.8;
}

#main_products_slider {
    position: relative;
}

.home_slider_features_nav_links,
.home_slider_products_nav_links  {
    z-index: 3;
	width:100%;
   /* margin-right: 80px;*/
    /*bottom: 2%;*/
    /*right: 0;*/
}
.home_slider_features_nav_links .prevBtn,
.home_slider_features_nav_links .nextBtn,
.home_slider_products_nav_links .prevBtn,
.home_slider_products_nav_links .nextBtn{
	top:50% !important;
	bottom: unset !important;
	margin-top:-20px;
}
.home_slider_features_nav_links a,
.home_slider_products_nav_links a{
	overflow:hidden;
	text-indent:-150px;
}
.slider_img {
	width:100% !important;
}
.sudo_slider_images{
	text-align:center;
}
.single-products .sudo_slider_images .slider_img{
	width:auto !important;
}
.home_banner,
.banner_slider{
	position:relative;
}

@media (max-width: 540px) {

    div.home_slider_features img.slider_img {
        height: 200px;
    }

    div.home_slider_products img.slider_img {
        height: 140px;
    }

    .homepage_product_brands_inner_div p {
        font-size: 12px !important;
    }

    ol.numericControls {
        margin-bottom: 5px !important;
    }

    .homepage_feature_more, .homepage_products_more {
        bottom: 5% !important;
    }
}

.homepage_feature_more, .homepage_products_more {
    border: none;
    position: absolute;
    bottom: 2.5%;
    right: 10px;

    opacity: 0.8;
    color: #FFF;
    font-weight: bold;
    padding: 2px 5px;
    background-color: #fbb034;
}
.homepage_feature_more:hover, .homepage_products_more:hover {
    opacity: 1;
    cursor: pointer;
}







#main_slider_featured_images {
    position: absolute;
    bottom: 7px;
    z-index: 9;
    height: 185px;
    width: 80%;
    display: inline-block;
}
#main_slider_featured_images .products-list {
    display: inline-block;
    width: 95%;
    height: 100%;
    margin-left: 10px;
    background: none;
}
#main_slider_featured_images .products-list .thumb a {
    height: 100%;
}
.main_slider_featured_text {
    height: 100%;
    background-color: #fbb034;
    color: #FFF;

    width: 30px;
    position: absolute;
    display: inline-block;
    text-transform: uppercase;
}
.sideways_text {
    position: absolute;
    top: 45%;
    left: 45%;
    font-size: 14px;
}
.rotate {
    -moz-transform: translateX(-50%) translateY(-50%) rotate(90deg);
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(90deg);
    transform:  translateX(-50%) translateY(-50%) rotate(90deg);
}
.main_slider_featured_text:hover {
    cursor: pointer;
}
.featured_products_arrow {
    vertical-align: bottom;
    position: absolute;
    bottom: 10px;
    left: 8px;

    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 0 6px 12px;
    border-color: transparent transparent transparent #ffffff;
}

#sidebar_products_search #ft-search .submit {
    margin-left: 0px;
}





.homepage_product_brands_outer_div {
    position: relative;
}
.homepage_product_brands_inner_div {
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%;
    height: 100%;
}
.homepage_product_brands_inner_div p {
    text-align: center; 
    color: #FFF; 
    font-size: 22px; 
    opacity: 1;
    margin-top: 30% !important;
}
.homepage_product_brands_main_image_div {
    background-color: #000;
}
img.homepage_features_main_image {
    width: 100%;
    display: block;
}



/* My favorites page */
.my_faves_featured_image {
    width: 100%;
    height: 100%;
}
.my_faves_featured_image_overlay {
    
    background-color: white;
    opacity: 0.9;
    margin-top:-30%;
    left: 0;
    width: 80%;
    padding: 1% 10%;
}
.my_faves_featured_image #wpmem_login fieldset, .my_faves_featured_image #wpmem_reg fieldset {
    margin: 0px;
}
#my_faves_login_username, #my_faves_login_password, .reg_textbox {
    background: black !important;
    color: white !important;
    width: 80% !important;
}
.my_faves_login_button, .my_faves_reg_button {
    background: #FBB034;
    color: black;
    cursor: pointer;
    padding: 5px 20px;
}
.my_faves_reg_error {
    background: #FFF4F4; 
    border: 1px solid red; 
    padding: 5px 10px; 
    margin-top: 10px;
}
.my_faves_reg_success {
    background: #E5FCE3; 
    border: 1px solid green; 
    padding: 5px 10px; 
    margin-top: 10px;
}

/* Brands taxonomy page */
.brands_logos_container {
    width: 100%;
    text-align: center;
    position: absolute;
    z-index: 5;
    background-color: white;
}
.tax_brand_rollover {
    max-width: 150px;
    max-height: 150px;
    margin-right: 10%;
}
.tax_brand_rollover:hover {
    cursor: pointer;
}
.tax_brand_rollover.rolled_over {
    opacity: 1 !important;
}
.tax_brand_rollover.rolled_over2 {
    opacity: 1 !important;
}
#brand_tax_logo_rollover_table {
    width: 100%;
}
#brand_tax_logo_rollover_table td {
    text-align: center;
    max-width: 18%;
}

.page_name_desc_box {
    background-color: #EBEBEB;
}
table.about_page_logos td {
    display: table-cell !important;
}

/* Hide mobile product search on desktop */
div#mobile_product_search {
    display: none;
}

/* Hide sidebar on full-width pages that need sidebar for mobile */
.page-id-8587 div.products-sidebar,  
.page-id-8 div.products-sidebar,  
.page-id-10 div.products-sidebar,
.page-id-12 div.products-sidebar, 
.page-id-14 div.products-sidebar,  
.page-id-347 div.products-sidebar,
.page-id-351 div.products-sidebar,
.page-id-349 div.products-sidebar,
.page-id-2028 div.products-sidebar,
.page-id-2057 div.products-sidebar,
.page-id-2452 div.products-sidebar,
.page-id-2381 div.products-sidebar,
.page-id-2356 div.products-sidebar,
.page-id-8572 div.products-sidebar,
.page-id-8587 div.products-sidebar,
.page-id-9432 div.products-sidebar,
.page-id-9433 div.products-sidebar,
.page-id-8282 div.products-sidebar,
body.single-products div.products-sidebar,
body.tax-brands div.products-sidebar,
body.page-template-page-literature div.products-sidebar 
{
    display: none;
}

/* Catalog pages */
.page-id-2018 div.products-sidebar,
.page-id-2073 div.products-sidebar,
.page-id-3675 div.products-sidebar,
.page-id-3541 div.products-sidebar,
.page-id-5598 div.products-sidebar {
    display: none;
}


.single-products .description_container {
    width: 65%;
    float: left;
}



/* Related products images */
div.related_product_image {
    position: relative; 
    width: 45%; 
    margin-right: 3%; 
    float: left; 
    margin-bottom: 20px; 
    background-color: #000; 
    height: 200px;
}
.related_product_image img {
    width: 100%;
    height: 200px;
}
.related_product_image p.image_text {
    position: absolute;
    width: 100%;
    top: 0px;
    text-align: center;
    color: #FFF;
    display: none;
	padding:0 15px;
	box-sizing:border-box;
}
@media (min-width: 981px) and (max-width: 1579px) {

    .related_product_image img, div.related_product_image {
        height: 150px;
    }
}
@media (max-width: 980px) {

    .related_product_image img, div.related_product_image {
        height: 100px;
    }
}





@media (min-width: 1580px) {
    .sideways_text {
        font-size: 16px;
    }
}



@media (min-width: 980px) {
    #brand_tax_logo_rollover_table td {
        max-width: 18%;
    }
    table.about_page_logos td {
        display: table-cell !important;
    }
	#homepage_product_brands_container {
		float: left; 
		width: 32%; 
		margin: 0 .5% 20px; .5%;
	}
}
@media (max-width: 979px) and (min-width: 671px) {
    #brand_tax_logo_rollover_table td {
        max-width: 28%;
        display: inline;
    }
    table.about_page_logos td {
        display: inline-block !important;
    }

    table#brand_tax_logo_rollover_table td {
        display: inline-block;
        width: 45%;
        min-width: 45%;
        text-align: left;
    }
	#homepage_product_brands_container {
		float: left; 
		width: 32%; 
		margin: 0 .5% 20px; .5%;
	}
}
@media (max-width: 670px) {
    #brand_tax_logo_rollover_table td {
        max-width: 28%;
        display: inline;
    }
    #main_slider_featured_images {
        height: 30%;
    }
    .featured_products_arrow {
        bottom: 20px !important;
    }
    .products-block {
        margin-left: 0px !important;
    }
    .products-sidebar {
        width: 15%;
    }
    #sidebar_products_search form#ft-search {
        display: none;
    }
    #footer .wrapper {
        text-align: center;
    }
    #footer .wrapper .links div {
        width: 100% !important;
    }
    #footer_social {
        text-align: left !important;
    }
    #footer_social img {
        height: 28px !important;
        width: 28px !important;
    }
    .copyright, .ft_footer_menu_container {
        margin-left: 0px !important;
    }

    .state_rep_item {
        width: 80% !important;
        display: block !important;
    }
    .sub-menu li::before {
        content: "";
    }
    table.about_page_logos td {
        display: inline-block !important;
    }
    .brands_select_cat_dropdown {
        margin-left: 0 !important;
    }
    .one_third {
        width: 100% !important; 
        display: block;
        margin-top: 20px;
        padding: 10px 20px !important;
    }
    .one_third_custom {
        width: 90% !important;
        margin-top: 5px;
    }
    .one_third div {
        padding-left: 0px !important;
    }
    .col-md-4 {
        width:75% !important;
        padding-right:15px;
        padding-left:15px;
    }
    .col-md-offset-4 { margin-left:10% !important; }



    .main_slider_featured_text {
        display: none !important;
    }
    .header_login, .header_logout {
        display: none !important;
    }
    div#footer div.wrapper {
        text-align: left !important;
    }


    .page-id-12 div.products-sidebar {
        display: block;
    }
    div#mobile_product_search {
        display: block;
    }

    .logo:hover {
        background-position: 0 -44px;
    }
    div#partnership_image {
        text-align: right;
    }

    .copyright .terms {
        margin-left: 0;
        padding-left: 0;
    }

    div#header_social_div {
        display: none !important;
    }
    div.team_photo {
        display: none !important;
    }
    table#brand_tax_logo_rollover_table td {
        display: inline-block;
        width: 45%;
        min-width: 45%;
        text-align: left;
    }
    .brands_logos_container {
        display: none;
    }

    #header div.ft_menu_container {
        text-align: left;
    }

    .page-id-8 ul.brands li div:first-child a img {
        float: none !important;
    }
    .page-id-8 ul.brands li div:first-child {
        float: none !important;
        width: 100% !important;
        text-align: center !important;
    }
    .page-id-8 ul.brands li div:nth-child(2) { 
        float: none !important;
        width: 100% !important;
        margin-top: -50px !important; 
        margin-bottom: 40px;
    }
	#homepage_product_brands_container {
		margin-bottom:20px;
	}

}



/* About page */
table.about_page_logos td {
    padding-left: 50px;
    padding-right: 50px;
    padding-bottom: 20px;
}
table.about_page_logos td img {
    max-height: 150px;
    max-width: 150px;
}
table.about_page_logos td img:hover {
    cursor: pointer;
}

/* Single product page */
.single-products .products-details .downloads {
    background-color: #fbb034;
}
.single-products .products-details .downloads h4 {
    font-weight: bold;
    font-size: 20px;
    text-transform: uppercase;
    padding-top: 10px;
    margin-bottom: 10px;
    padding-left: 20px;
}
.single-products .products-details .downloads > span {
    padding: 10px 20px;
}
.single-products .products-details .downloads hr {
    margin: 5px 20px;
}
.single-products .products-details .downloads ul {
    padding: 10px 20px;
}
.single-products .products-details .downloads .add_to_faves {
    padding: 5px 20px;
}
.single-products .products-details .downloads .add_to_faves:hover {
    cursor: pointer;
}
.single-products div.product_image img.wp-post-image {
    max-height: 450px;
    max-width: 450px;
}



/* All pages */
.one_third {
    width: 30%;
    margin-right: 2%;
    float: left;
}
.one_third_custom {
    width: 30%;
    margin-right: 2%;
    float: left;
}
#footer_social img {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    opacity: 0.8 !important;
}
#footer_social img:hover {
    cursor: pointer;
    opacity: 1 !important;
}

#header_social_div {
    vertical-align: top;
}
#header_social_div .header_social {
    width: 24px;
    height: 24px;
    display: inline-block;
}
#header_social_div .header_social img {
    width: 24px;
    height: 24px;
    margin-left: 5px;
    opacity: 0.8 !important;
}
#header_social_div .header_social img:hover {
    cursor: pointer;
    opacity: 1 !important;
}
.ft_menu_container ul#menu-primary_menu {
    display: inline-block;
    margin-right: 20px;
}

.ft_menu_container ul li ul {
    text-align: left;
}

.highlight_hover:hover {
    color: #fbb034;
}

.ft_menu li:hover ul {
    z-index: 999999999;
}

.confirm_overlay {
    background-color: rgba(0, 0, 0, 0.8);
}
.jconfirm-box  {
    border-radius: none !important;
}

.header_login, .header_logout {
    margin-left: 5px !important;
    background-color: #CCC !important;
    color: black !important;
}
.hover:hover {
    color: #fbb034;
}
.hover_black:hover {
    color: #000;
    font-weight:bold;
}

p#load_more_products_p {
    text-align: center;
}
span#load_more_products {
    padding: 10px 10px;
    background-color: #fbb034;
    color: #FFFFFF;
    display: inherit;
}
span#load_more_products:hover {
    cursor: pointer;
}

span#load_more_products::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #FFFFFF;
    position: relative;
    top: 14px;
    margin-left: 5px;
    clear: both;
}

#sidebar_products_search form#ft-search, div#sidebar_products_search {
    display: table-caption;
}

/* jQuery alerts css (bootstrap) */
.col-md-4 {
    float:left;
    width:33.33333333%;
    position:relative;
    min-height:1px;
    padding-right:15px;
    padding-left:15px;
}
.col-md-offset-4 { margin-left:33.33333333%; }


.col-md-9 {
    float: left;
    width: 75%;
    position:relative;
    min-height:1px;
    padding-right:15px;
    padding-left:15px;
}
.col-md-offset-1 {
    margin-left: 10%;
}
.brand-random-slider {
    margin-left: -65px;
    margin-right: -65px;
    display: flex;
    flex-wrap: wrap;
    max-height: 748px;
    height: 100%;
    overflow: hidden;
    transition: max-height 0.55s ease-in;
    
}
#brand-random-slider {
    margin:0 -65px;
}
@media (min-width:1025px) {
    .brand-slider-single {
        flex-basis: calc(20% - 8px);
        flex-grow:0!important;
    }
}
.brand-slider-single {
    height: 187px;
    flex-grow: 1;
    margin: 4px;
    min-width: 0;
}
.random-img-slider, picture.random-img-slider img {
    //max-height: 100%;
   // min-width: 100%;
    //object-fit: cover;
    //vertical-align: bottom;
    max-height: 100%;
    min-width: 100%;
    object-fit: cover;
    vertical-align: bottom;
    min-height: 100%;
}
.random-img-slider:hover {
    opacity:0.6;
}
@media (max-aspect-ratio: 1/1) {
  li.brand-slider-single {
    height: 30vh;
  }
}
@media (max-height: 480px) {
  li.brand-slider-single {
    height: 80vh;
  }
}
@media (max-aspect-ratio: 1/1) and (max-width: 480px) {
  brand-random-slider.ul {
    flex-direction: row;
  }

  li.brand-slider-single {
    height: auto;
    width: 100%;
  }

  .brand-slider-single img {
    width: 100%;
    max-height: 75vh;
    min-width: 0;
  }
}

.brand-filters {
    display: flex;
    flex: 1;
    flex-direction: row;
}
.brand-filter-single-inner {
    height:100%;
    vertical-align:middle;
}
.brand-filter-single {
    //display:flex;
    align-items:center;
    background-color: #e4e3e2;
    margin: 6px;
    text-align: center;
    padding: 28px 4px;
    flex: 1 1;
    cursor:pointer;
    color:#000;
}
.brand-filter-single:nth-child(odd):last-of-type {
    grid-column: 1 / -1;
}
@media screen and (max-width:1024px) {
    .brand-filter-single {
        margin: 0 auto;
        display: flex;
        background-color: #e4e3e2;
        margin: 1%;
        text-align: center;
        padding: 21px 0;
        display: inline-block;
        display: inline-grid;
    }
    .brand-filters {
        display:grid!important;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 1px;
    }
    .brand-filter-single-inner {
        align-self:center;
    }
    
}
.brand-filter-single:hover {
    background-color:#fbf8f6;
}
.brand-filer-single-inner {
    width:100%;
}
.brand-term-products {
    display: flex;
    flex-wrap: wrap; 
} 
.term-product {       
    margin: 6px;
    text-align: center;
}
.brand-thumb-img {
    position:relative;
    max-height: 100%;
    object-fit: cover;
    vertical-align: bottom;
    overflow: hidden;
    width:auto;
}
.brand-thumb-img img {
    
    height:200px;
    width:200px;
}
.brand-thumb-text {
    bottom:12px;
    left:0;
    right:0;
}
.btn-info{color:#fff;background-color:#fbb034;border-color:#E09D31;padding:5px 10px;}
.btn-info.focus{color:#fff;background-color:#E09D31;border-color:#B27B21;}
.btn-info:hover{color:#fff;background-color:#E09D31;border-color:#B27B21;cursor:pointer;}

.btn-danger{color:#fff;background-color:#CCC;border-color:#ADADAD;padding:5px 10px;}
.btn-danger.focus{color:#fff;background-color:#A8A8A8;border-color:#8C8C8C;}
.btn-danger:hover{color:#fff;background-color:#AAA;border-color:#848484;cursor:pointer;}

/* Hide sidebar on login page */
.page-id-3104 div.products-sidebar {
    display: none;
}

div#product_main_image{
	position:relative !important;
}

div#product_image_gallery,
div#product_main_image,
div#product_main_image img {
    max-height:none!important;
}
#product_main_content ul {
    margin-left:20px;
}
#product_main_content li {
    list-style:disc;
}

.gform_wrapper .top_label input.small, .gform_wrapper .top_label select.small#input_1_12 {
    width: 15%;

}


.gform_wrapper{
	margin: 16px auto !important;
	background:#e5e5e5;
	padding: 50px 0;
}
.gform_wrapper form{
    max-width: 1000px !important;
	padding: 0 20px !important;
}
.gform_wrapper .gsection {
    margin: 15px 16px 0 0 !important;
	padding: 0 0 5px 0 !important;
}
.gform_wrapper form input,
.gform_wrapper form select{
	//width:100% !important;
	height:30px !important;
}
.gform_wrapper form .ginput_container_date input{
	width:50% !important;
	padding-left:15px !important;
}
.gform_wrapper .ginput_container_time{
	margin-right:10px !important;
}
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label,
.gform_wrapper .field_sublabel_below div[class*=gfield_time_].ginput_container label{
	color:#000 !important;
	font-size:.9em !important;
	font-weight: 700 !important;
}
.gform_wrapper .gform_footer input[type=submit]{
	width:auto !important;
	padding:10px 15px !important;
	color:#fff !important;
	background:#000;
	height:auto !important;
	text-transform: initial !important;
	cursor:pointer;
}
.gform_wrapper .gform_footer input[type=submit],
.gform_wrapper .gform_footer input[type=submit]:hover,
.gform_wrapper .gform_footer input[type=submit]:active,
.gform_wrapper .gform_footer input[type=submit]:focus,
.gform_wrapper form input,
.gform_wrapper form select{
	border:none !important;
	outline:none !important;
}
.gform_wrapper .gfield_time_hour i{
	display:none;
}
.gform_wrapper .gfield_required {
    color: #444458 !important;
}
.featured_image{
	position:relative;
	line-height: 0;
}
.page-template-template-overlay-page .featured_image:after{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,.8);
}
.absolute_cont{
	position: absolute;
    left: 0;
	top:0;
    width: 100%;
    text-align: center;
    color: #fff;
	z-index:10;
	line-height:1.3em;
	padding:25px 0;
}
@media (min-width: 670px) {
    #menu-item-16134 { display:none; }
    #menu-item-16139 { display:none; }
    #menu-item-9812 { display:none; }
    #menu-item-16133 { display:none; }
}
@media (min-width: 980px) {
    
	#ft_mobile_menu{
		display:none;
	}
	div.image_thumbnail {
		width:19%;
	}
	div.image_thumbnail img {
		width:100%;
	}
	.homepage_products > a {
		display:inline-block;
		width:45%;
		vertical-align:top;
		margin:0 3% 20px 0;
		height:200px;
		overflow:hidden;
	}
	.homepage_products > a img {
		width:100%;
		min-height:200px;
	}
}
@media (max-width: 979px) and (min-width: 671px) {
	#ft_mobile_menu{
		display:none;
	}
    
}
@media (max-width: 670px) {
    .ft_menu_container ul#menu-primary_menu li.menu-item-has-children > a:after{
		content:"";
		display: inline-block;
		width: 0;
		height: 0;
		margin-left: 8px;
		vertical-align: middle;
		border-top: 4px dashed;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
	}
	.ft_menu_container ul#menu-primary_menu li.menu-item-has-children a{
		overflow:hidden;
	}
	.ft_menu_container ul#menu-primary_menu li a{
		padding:5px 0;
	}
	.ft_menu_container ul#menu-primary_menu li a:hover{
		background:none;
		color:#222 !important;
	}
	.ft_menu_container ul#menu-primary_menu li.menu-item-has-children ul{
		position: relative !important;
		top:0;
		left:0;
		background: #fbb034 !important;
		padding: 0 10px !important;
	}
	.ft_menu_container ul#menu-primary_menu li.menu-item-has-children ul li a{
		color:#fff;
	}
	.ft_menu_container ul#menu-primary_menu{
		margin-left:20px;
		display:block;
	}
	.login-search-container{
		position:relative;
	}
	.submenu_arrow{
		display:none;
	}
   
}
.one_third_custom span a.hover { display:none; }


div.main_content_div {
	float: left; 
	width: 60%; 
	margin-right: 5%;
}
div.main_content_sidebar {
	float: left; 
	width: 30%;
}
.footer-scroll-wrapper {
    text-align:right;
    width:auto;
    margin-right:11px;
    cursor:pointer;
    position: fixed;
    bottom: 11px;
    right: 9px;
    z-index:9999999;
}
@media screen and (max-width: 780px) {
	div.main_content_div {
		width: 100%; 
	}
	div.main_content_sidebar {
		width: 100%;
		margin-top: 20px;
	}
}
.term-discontinued-items .featured_image {
    display:none;
}
@media screen and (max-width: 780px) {
    .interlux-table {
        width:100%!important;
    }
    .interlux-table td {
       margin:0 auto;
        display:block;
        height:100%;
        text-align:center;
        width:80%;
    }
    .interlux-table .wp-caption {
        width:100%!important;
        text-align:center;
    }
}
.brands-logo-slider {   
    width:100%;
}
.brands-header-slider {
    position:relative;
}
@keyframes tonext {
  75% {
    left: 0;
  }
  95% {
    left: 100%;
  }
  98% {
    left: 100%;
  }
  99% {
    left: 0;
  }
}
    
@keyframes tostart {
  75% {
    left: 0;
}
  95% {
    left: -300%;
}
  98% {
    left: -300%;
  }
  99% {
    left: 0;
  }
}

@keyframes snap {
  96% {
    scroll-snap-align: center;
  }
  97% {
    scroll-snap-align: none;
  }
  99% {
    scroll-snap-align: none;
  }
  100% {
    scroll-snap-align: center;
  }
}


ol, li {
  list-style: none;
  margin: 0;
  padding: 0;
}

.carousel {
  position: relative;
  //padding-top: 75%;
  filter: drop-shadow(0 0 10px #0003);
  perspective: 100px;
  height:800px;
}

.carousel__viewport {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  //overflow-x: scroll;
  counter-reset: item;
  scroll-behavior: smooth;
  scroll-snap-type: x mandatory;
}

.carousel__slide {
  position: relative;
  flex: 0 0 100%;
  width: 100%;
  //background-color: #f99;
  counter-increment: item;
}

.carousel__slide:nth-child(even) {
  //background-color: #99f;
}

.carousel__slide:before {
  //content: counter(item);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%,-40%,70px);
  color: #fff;
  font-size: 2em;
}

.carousel__snapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  scroll-snap-align: center;
}

@media (hover: hover) {
  .carousel__snapper {
    animation-name: tonext, snap;
    animation-timing-function: ease;
    animation-duration: 4s;
    animation-iteration-count: infinite;
  }

  .carousel__slide:last-child .carousel__snapper {
    animation-name: tostart, snap;
  }
}

@media (prefers-reduced-motion: reduce) {
  .carousel__snapper {
    animation-name: none;
  }
}

.carousel:hover .carousel__snapper,
.carousel:focus-within .carousel__snapper {
  animation-name: none;
}

.carousel__navigation {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
}

.carousel__navigation-list,
.carousel__navigation-item {
  display: inline-block;
}

.carousel__navigation-button {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background-color: #333;
  background-clip: content-box;
  border: 0.25rem solid transparent;
  border-radius: 50%;
  font-size: 0;
  transition: transform 0.1s;
}

.carousel::before,
.carousel::after,
.carousel__prev,
.carousel__next {
  position: absolute;
  top: 0;
  margin-top: 37.5%;
  width: 4rem;
  height: 4rem;
  transform: translateY(-50%);
  border-radius: 50%;
  font-size: 0;
  outline: 0;
}

.carousel::before,
.carousel__prev {
  left: -1rem;
}

.carousel::after,
.carousel__next {
  right: -1rem;
}

.carousel::before,
.carousel::after {
  content: '';
  z-index: 1;
  background-color: #333;
  background-size: 1.5rem 1.5rem;
  background-repeat: no-repeat;
  background-position: center center;
  color: #fff;
  font-size: 2.5rem;
  line-height: 4rem;
  text-align: center;
  pointer-events: none;
}

.carousel::before {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='0,50 80,100 80,0' fill='%23fff'/%3E%3C/svg%3E");
}

.carousel::after {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpolygon points='100,50 20,100 20,0' fill='%23fff'/%3E%3C/svg%3E");
}
@media screen and (max-width:698px){
    #header .wrapper { padding:0; }
    #menu-item-9817 {
       // display:none;
    }
}
@media screen and (min-width:698px) {
    .tax-brands #menu-item-18874, .tax-family #menu-item-18874 {
            display:none;
        }
}
.interactive-overviews-header {
    background-color:#e7e7e9;
    color:#aaaaac;
    padding:48px;
}
.interactive-overviews-footer { 
    background-color:#e7e7e9;
    padding:36px 48px;
}
.tax-brands #main {
    margin:0 65px;
}
.interactive-overviews-footer .logo {
    margin-left:0!important;
}
.io-footer-left {
    display:inline-block;
    width:49%;
    text-align:left;
    margin:0 auto;
}
.io-footer-right {
    display:inline-block;
    width:49%;
    text-align:right;
    margin:0 auto;
}
@media screen and (max-width:1024px) {
    .tax-brands #main {
        margin:0 auto!important;
    }
    .mobile-brand-logo {
        display:none;
    }
    .brand-filters {
        display:block;
       // column-count:2;
    }
    .tax-downloads-single {
        flex-basis: calc(48% - 36px)!important;
        margin:0 18px;
    }
    .tax-brands h3 { margin-left:18px!important; }
    #header .wrapper { padding-top:12px; }
}
.tax-video-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, 31%);
    grid-gap: 1rem;
    justify-content: space-between;
    list-style: none;
    padding: 1rem;
    
    margin: 0 auto;
}
@media screen and (max-width:600px) {
    
    .tax-video-wrapper {
    display: grid;
    grid-template-columns: repeat(auto-fill, 100%);
    }
    .tax-video-single iframe {
        min-height:300px!important;
    }
}
.tax-video-wrapper::after {
  // content:"";
  //  flex:auto;
}
.tax-video-single {
  // flex-direction: column;
	//flex: 1 1 300px;
	/* 
	In the order, equal to
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 300px;
	*/
	//margin: 1em;
}
.tax-video-single:last-of-type {
   // flex-grow:1;
  
}
.tax-video-single iframe {
    min-height:200px;
}
.tax-brands h3 {
    font-size:24px;
    padding:0 0 12px 0;
}
.tax-brands #main {
    padding-top:0!important;
}
.brand-downloads-inner {
      display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
.tax-downloads-single {
    flex-basis: 33.33333%;
    -ms-flex: auto;
    position: relative;
    box-sizing: border-box;
    object-fit:cover;
}
.tax-downloads-single a {
    text-decoration:underline;
}
.brand-downloads {
    margin-bottom:48px;
}
.interactive-overviews-content {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
}
.io-column {
    flex-basis: 20%;
    -ms-flex: auto;
    position: relative;
    box-sizing: border-box;
    object-fit:cover;
    padding-left:48px;
    padding-bottom:48px;
}
.io-size-box {
    background-color:#e7e7e9;
    width:36px;
    height:36px;
    padding:24px;
}
.io-size-box {
    margin-bottom:24px;
}
.io-single-img {
    margin-bottom:24px;
}
.io-single-img img {
    width:84px;
    height:84px; 
}
.brand-thumb-img:hover {
    opacity:0.6;
}
.interactive-overviews-content a img:hover {
    opacity:0.6;
}
.tax-video-single div {
    width: 100%;
	height: auto;
}
.tax-video-single video {
    max-width:100%;
}
.slider-view-more {
    height:28px;
    background-color:#808080;
    text-align:center;
    cursor:pointer;
    //margin:0 -65px;
}
.tax-brands .slider-view-more {
    margin:0 -65px;
}
.down-arrow {
	    display: inline-block;
    position: relative;
    background: darkcyan;
    padding: 0px 0;
    width: 24px;
    text-align: center;
}
.down-arrow:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    top: -10px;
    width: 0;
    /* height: 0; */
    border-top: 12px solid #fdfdfd;
    border-right: 12px solid transparent;
    border-bottom: 0 solid transparent;
    border-left: 12px solid transparent;

}
.up-arrow {
    display: inline-block;
    position: relative;
    background: darkcyan;
    padding: 0px 0;
    width: 24px;
    text-align: center;
}
.up-arrow:after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 0;
    /* height: 0; */
    border-bottom: 12px solid #fdfdfd;
    border-right: 12px solid transparent;
    border-top: 0 solid transparent;
    border-left: 12px solid transparent;
}
.shareaholic-canvas {
    z-index:100!important;
}
.brands-two-line {
    width:auto;
    max-width:200px;
}
.brands-mobile-logo-2 {
    height:60px;
    width:100%;
    display:none;
    background-color: #e4e3e2;
    text-align:center;
}
.downloads-wrap {
    display:inline-block;
    width:24%;
    margin:0 auto;
    vertical-align:top;
}
.brand-downloads h3 {
    padding-bottom:12px;
}
.page-template-template-no-sidebar-related-with-band li {
        list-style-type: disc;
    padding-left: 5px;
    margin-left: 18px;
}
@media screen and (min-width:1001px) {
   
    .flex-this-muscle {
        width:auto;
        padding:0 24px;
        flex: 0 1 300px;
        background-color:#e4e3e2;
    }    
    .flex-this-calf {
        width:100%;
        height:100%;
        align-self:center;
    }
    .gone-insane{
        display:flex;
        margin-bottom:-8px;
    }
    .gone-insane-2 {
        display:flex;
        min-height:600px;
    }
}
@media screen and (max-width:1000px) {
    .downloads-wrap {
        display:inline-block;
        width:100%;
        margin:0 auto;
    }
     .brands-mobile-logo-2 {
        display:block;
        padding-top:24px;
        padding-bottom:24px;
    }
    .hover-grow-mobile {
        width:100%!important;
    }
    .flex-this-muscle {
        width:auto;
        padding:0 24px;
        flex: 0 1 300px;
        background-color:#e4e3e2;
        order:0;
    }
    .flex-this-calf {
        width:100%;
        height:100%;
        align-self:center;
    }
    .flex-this-muscle p {
        margin: 0 auto;
        padding: 24px 0 0 0;
    }
    .flex-this-muscle p:last-of-type {
        padding:24px 0 24px 0;
    }
    .gone-insane{
        display:block;
        margin-bottom:-8px;
    }
    .gone-insane-2 {
        display:flex;
        flex-direction:column;
        min-height:600px;
    }
    .gone-insane-2 iframe {
        min-height:600px;
    }
}
.hover-grow {     
transition: all .3s ease-in-out; 
}
.hover-grow-mobile {
    width:50%;
}

.hover-grow:hover { 
transform: scale(0.96); 
}
.hover-grow img {
    outline:6px solid white;
    margin:3px 6px;
    width:calc(100% - 12px);
}
.home .products-sidebar {
    padding-top:125px;
    width:100%;
    text-align:left;
}
.home .products-sidebar ul {
    padding-left:22px;
}
.post-type-archive-products .products-sidebar {
    text-align:left;
}
.post-type-archive-products .products-sidebar ul {
    padding-left:22px;
}
:not(.post-type-archive-products) > .products-sidebar {
  display: none;
}