/*Controllers*/
.cb.plain {
	position: absolute !important;
	opacity: 0.3;
}
.cb.plain:hover {
	opacity: 1;
}
.cb.plain .cb-link .button {
	padding: 6px 12px !important;
}

/***Main CSS***/
body {
    height: auto;
	background-color:#FFF;
    font-family: 'acumin-pro', sans-serif;
    overflow-x: hidden;
}
.body {
	padding: 80px 0;
}
.frame {
    width: 90%;
    max-width: 1300px;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, .h5, h5 {
    font-family: "industry", sans-serif !important;
    line-height: 1.3;
}
h1,.h1 {
	font-size: 40px;
	line-height: 38px;
    font-weight: 600;
    color: #002D72;
}
h2,.h2 {
	font-size: 40px;
    font-style: italic;
    color: #002D72;
    font-weight: 700;
}
h3,.h3 {
	font-size: 28px;
    color: #FF6721;
    font-weight: 600;
}
h4,.h4 {
	font-size: 24px;
    color: #FF6721;
}
h5,.h5 {
	font-size: 22px;
    color: #878A8F;
}

p {
    font-size: 18px;
    line-height: 1.6;
    color: #252525;
}

a {
    color: #FF6721;
}
a:hover {
    color: #FF961F;
}

hr {
    border-bottom: 2px solid rgba(0,0,0,0.08);
}


/* Buttons */
.button {
    padding: 12px 18px 10px;
	border-radius: 4px;
    background: none;
    background-color: #FF6721;
	border: 2px solid #FF6721;
	text-transform: uppercase;
    font-family: "industry", sans-serif;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
	color: #fff;
}
.button:hover {
    text-shadow: none !important;
    text-decoration: none !important;
	background: #FF961F;
	border: 2px solid #FF961F;
	color: #fff;
}

.button.bt-outline {
	border-color: #FF6721;
	color:#FF6721;
}
.button.bt-outline:hover {
	border-color: #FF961F !important;
	background-color:#FF961F !important;
	color:#FFF !important;
}
.button.bt-blue {
	border-color: #002D72;
	background-color: #002D72;
}
.button.bt-blue:hover {
	border-color: #FF961F !important;
	background-color:#FF961F !important;
	color:#FFF !important;
}
.button.bt-blue-outline {
    background-color: transparent;
	border-color: #002D72;
	color: #002D72;
}
.button.bt-blue-outline:hover {
	border-color: #FF961F !important;
	background-color:#FF961F !important;
	color:#FFF !important;
}

input[type="submit"], button {
	background-color: #90469b;
}
input[type="submit"]:hover, button:hover {
	background-color:#652D90;
	border-radius: 0;
	color: #FFF;
	box-shadow: none;
}

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

/*Global Header*/
.global-header {
    top: 0;
    width: 100%;
    position: fixed;
    background-color: #FF6721;
    padding: 11px 0 13px;
    z-index: 999;
}
.global-header ul {
    display: table;
    list-style: none;
    width: 100%;
}
.global-header ul * {
    transition: all 0.2s ease;
}
.global-header ul > li {
    display: table-cell;
    width: 33.333%;
}
.global-header ul > li > p {
    font-size: 14px;
    line-height: 16px;
    color: #002257;
}
.global-header ul > li > p a {
    color: #002257;
}
.global-header ul > li > p a:hover {
    color: #A24600; 
    text-decoration: none;
}
.global-header ul > li > p em {
    color: #CE670C;
    position: relative;
    top: -1px;
    margin: 0 4px;
}

/*Global Alert*/
.global-alert.alert {
    margin: 0;
    border-radius: 0 !important;
    background-color: #002257;
    background-size: 160px;
    background-repeat: repeat;
    background-image: url("images/backgrounds/bg-grid-clear.png");
    animation: ticker-anim 10s linear infinite;
}
.global-alert.alert-info {background-image: url("images/backgrounds/bg-grid-blue.png")}
.global-alert.alert-light {background-image: url("images/backgrounds/bg-grid.png")}
.global-alert.alert-dark {background-color: #031531}
.global-alert.alert-warning {background-color:#FF6721;}
.global-alert.alert-primary {background-color:#FF961F;border-top: 1px solid #F28B17 !important;}
.global-alert.alert-secondary {background-color:#FFAE35;}

.global-alert.alert a {
    color: #fff;
    font-size: 14px;
    display: inline-block;
    background-color: rgba(0,9,54,0.20);
    /*border: 2px solid #fff;*/
    border-radius: 2px;
    padding: 3px 8px 5px;
    margin: 2px 2px 0;
}
.global-alert.alert a:hover {
    color: #002257;
    text-decoration: none;
    background-color: #fff;
}

.global-alert.alert-secondary a,
.global-alert.alert-secondary,
.global-alert.alert-primary a,
.global-alert.alert-primary,
.global-alert.alert-light a,
.global-alert.alert-light {
    color: #002257;
    border-color: #002257;
}
.global-alert.alert-secondary a:hover,
.global-alert.alert-primary a:hover,
.global-alert.alert-light a:hover {
    color: #fff;
    background-color: #002257;
}
.global-alert.alert-dark a,
.global-alert.alert-dark {
    color: #FF961F;
    border-color: #FF961F;
}
.global-alert.alert-dark a:hover {
    color: #fff;
    background-color: #FF961F;
}

.global-alert.alert-info a,
.global-alert.alert-dark a {
    background-color: rgba(255,255,255,0.15);
}
.global-alert.alert-primary a,
.global-alert.alert-secondary a {
    background-color: #002D72;
    color: #FF961F;
}
.global-alert.alert-dark a {
    background-color: #FF961F;
    color: #002257;
}


/*Header*/
.header {
	padding: 45px 0 5px;
    background-color: #002D72;
}

.header > .alert {
    position: relative;
    top: -5px;
    padding: 14px 20px 16px;
}

.headcol > .col {
    width: 30%;
}
.headcol > .col.searchbar {
    width: 40%;
}
.headcol > .col.slogan {
    text-align: right;
}

.header .logo-wrap {
	text-align: left;
}
.logo {
	display: inline-block;
	height: 100px;
	max-width: 265px;
    background-image: url("images/logo-grey.svg");
	background-position: left center;
}
.headcol > .col.searchbar form {
    display: table;
    width: 90%;
    margin: 0 auto;
    max-width: 450px;
    position: relative;
}
.headcol > .col.searchbar form input {
    width: 100%;
    border: none;
    color: #D1D2D4;
    font-size: 16px;
    line-height: 18px;
    padding: 12px 15px 15px;
    padding-left: 45px;
    background-color: #002257;
}
.headcol > .col.searchbar form input:hover {
    box-shadow: 0 0 0 3px #083C8C;
}
.headcol > .col.searchbar form input:focus {
    box-shadow: 0 0 0 3px #FF6721;
}
.headcol > .col.searchbar form button {
    padding: 12px 11px 11px;
    border: none;
    color: #D1D2D4;
    background-color: transparent;
    position: absolute;
    z-index: 2;
    left: 5px;
    top: 5px;
}
.headcol > .col.searchbar form button:hover {
    color: #FF6721;
}
.headcol > .col.slogan h3 {
    margin: 0;
    color: #D1D2D4;
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    font-style: italic;
    display: inline-block;
    vertical-align: middle;
    padding-right: 5px;
}
.headcol > .col.slogan img {
    height: 100px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    bottom: -5px;
}

/*Menu*/
.navigation {
	border: none;
    background-color: #002257;
    position: sticky;
    width: 100%;
    top: 40px;
    z-index: 999;
}

ul.menu ul {
	top:43px;
	left: 0;
	width: 100%;
}
ul.menu ul li {
	text-align: center;
	border-color:#ccc;
	background-color: #ddd;
	width: 100%;
}
ul.menu ul li a {
	color: #999;
	font-size: 12px;
	font-weight: 100px;
	letter-spacing: 0.5px;
}
ul.menu ul li:hover,
ul.menu ul li:hover a {
	background-color: #fff;
}

.navigation ul.menu {
    width: auto;
    margin: 0 auto;
}
.navigation ul.menu > li {
    
}
.navigation ul.menu .menulink {
    color: #D1D2D4;
	padding: 17px 26px 16px;
	text-transform: uppercase;
	font-size: 15px;
	letter-spacing: 0px;
    white-space: nowrap;
    font-family: "industry", sans-serif;
}
.navigation ul.menu .menulink:hover {
	background-color:#002D72;
    color: #fff;
}

/*Banner*/
.banner {
	background-image: url(images/bg-banner.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	padding:0;
}
.banner .bx-wrapper {
    margin: 0;
    overflow: hidden;
}
.banner .slider-wrapper .slide-image {
    height: 550px !important; 
}
.banner .slider-wrapper .slide-inner {
    display: flex !important;
    align-content: center;
}
.banner .slider-wrapper .slide-cell {
    display: table !important;
    padding: 60px 0;
    max-width: 1300px;
    width: 90%;
    margin: auto;
    text-align: left;
}

.banner .slider-wrapper .slide-cell h2 {
    color: #fff;
    font-size: 80px;
    line-height: 0.9;
    font-style: italic;
    text-transform: uppercase;
}
.banner .slider-wrapper .slide-cell a.button {
    border: none !important;
    border-radius: 0;
    padding: 15px 25px;
    background-color: #FF6721;
    transform: skewX(-8deg);
    font-family: "industry", sans-serif;
    transition: all 0.6s cubic-bezier(.08, .32, .25, 1);
    text-transform: none;
    font-size: 20px;
    line-height: 22px;
    letter-spacing: 0px;
    font-weight: 600;
    color: #fff;
}
.banner .slider-wrapper .slide-cell a.button em {
    transition: all 0.6s cubic-bezier(.08, .32, .25, 1);
    position: relative;
    margin-left: -25px;
    opacity: 0;
}
.banner .slider-wrapper .slide-cell a.button:hover {
    transition: all 0.25s cubic-bezier(.08, .32, .25, 1);
    background-color: #FF961F;
    border: none;
}
.banner .slider-wrapper .slide-cell a.button:hover em {
    transition: all 0.25s cubic-bezier(.08, .32, .25, 1);
    margin-left: -4px;
    margin-right: 4px;
    opacity: 1;
}

.review-footer .lSSlideOuter .lSAction > a,
.banner .bx-wrapper .bx-controls-direction a {
    transform: translateY(-50%);
    top: 50%;
    margin: 0;
    width: 55px;
    height: 60px;
    transition: all 0.35s cubic-bezier(.03, .23, .25, 1);
    background-color: rgba(255,255,255,0.15);
    opacity: 1;
    z-index: 100;
}
.review-footer .lSAction > .lSPrev,
.banner .bx-wrapper .bx-prev {
    left: -55px;
    background: url("images/icons/arrow-left.svg") center center / 26px no-repeat;
}
.review-footer .lSAction > .lSNext,
.banner .bx-wrapper .bx-next {
    right: -55px;
    background: url("images/icons/arrow-right.svg") center center / 26px no-repeat;
}

.review-footer:hover .lSSlideOuter .lSAction > .lSPrev,
.banner .bx-wrapper:hover .bx-prev {
    left: 0px;
}
.review-footer:hover .lSSlideOuter .lSAction > .lSNext,
.banner .bx-wrapper:hover .bx-next {
    right: 0px;
}

.review-footer .lSSlideOuter .lSAction > .lSPrev:hover,
.review-footer .lSSlideOuter .lSAction > .lSNext:hover,
.banner .bx-wrapper .bx-prev:hover,
.banner .bx-wrapper .bx-next:hover {
    width: 65px;
    background-position: center;
    background-color: rgba(255,255,255,0.2);
}
.review-footer .lSSlideOuter .lSAction > .lSPrev:focus,
.review-footer .lSSlideOuter .lSAction > .lSNext:focus,
.banner .bx-wrapper .bx-prev:focus,
.banner .bx-wrapper .bx-next:focus {
    background-position: center;
}

.banner .bx-wrapper .bx-pager {
    padding: 0;
    bottom: 20px;
    display: none;
}
.banner .bx-wrapper .bx-pager.bx-default-pager a {
    background: rgba(255,255,255,0.4);
    text-indent: -9999px;
    display: block;
    width: 60px;
    height: 5px;
    margin: 0 4px;
    outline: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
.banner .bx-wrapper .bx-pager.bx-default-pager a.active, 
.banner .bx-wrapper .bx-pager.bx-default-pager a:focus, 
.banner .bx-wrapper .bx-pager.bx-default-pager a:hover {
    background: rgba(255,255,255,0.8);
}

/* Global Footer */
.global-contact {
	background-color: #EEE;
	padding: 5px;
	font-size: 14px;
}
.global-contact .item {
	overflow: hidden;
}
.global-contact .item li {
	list-style: none;
	float: left;
	margin-right: 10px;
	color: #999;
}
.global-contact .item li a {
	color: #999;
}

/* Testimonial Footer */
.review-footer {
    background-color: #D1D2D4;
    background: url("images/backgrounds/bg-grid.png") top left / 180px auto repeat;
    padding: 100px 0;
    position: relative;
}

.review-footer #clientSlider > li > .content {
    width: 80%;
    max-width: 800px;
    text-align: center;
    display: table;
    margin: 0 auto;
    padding-top: 10px;
}
.review-footer #clientSlider > li > .content p {
    font-size: 18px;
    line-height: 1.8;
}
.review-footer #clientSlider > li > .content span.fa-quote-left {
    transform: scale(1.4) translateX(0px) translateY(-7px);
    color: #FF6721;
}
.review-footer #clientSlider > li > .content span.fa-quote-right {
    transform: scale(1.4) translateX(0px) translateY(2px);
    color: #FF6721;
}
.review-footer #clientSlider > li > .content h5 {
    font-size: 18px;
    font-weight: 500;
    color: #878A8F;
    margin: 30px 0 30px;
}

.review-footer .lSSlideOuter {
    overflow: visible;
}
.review-footer .lSSlideOuter .lSSlideWrapper {
    overflow: hidden;
}
.review-footer .lSSlideOuter .lSAction > a {
    background-color: #A1A4A9;
}
.review-footer .lSSlideOuter .lSAction > a:hover {
    background-color: #FF6721 !important;
}

.review-footer .lSSlideOuter .lSPager.lSpg {
    margin-top: 60px;
    position: relative;    
}
.review-footer .lSSlideOuter .lSPager.lSpg > li {
    padding: 0 4px;
}
.review-footer .lSSlideOuter .lSPager.lSpg > li a {
    background: #B6B7BA !important;
    border-radius: 3px;
    height: 5px;
    width: 50px;
}
.review-footer .lSSlideOuter .lSPager.lSpg > li a:hover {
    transition: all 0.15s ease;
    background: #FF6721 !important;
}
.review-footer .lSSlideOuter .lSPager.lSpg > li.active a {
    background: #FF6721 !important;
}

/* Brand Footer */
.brand-footer {
    background-color: #002D72;
    padding: 50px 0;
}
.brand-footer .coltable > .col:first-child {
    width: 40%;
}
.brand-footer .coltable > .col:last-child {
    width: 60%;
}

.brand-footer .coltable > .col:first-child img {
    width: 100%;
    max-width: 260px;
    vertical-align: middle;
}

.brand-footer .brands {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.brand-footer .brands h4,
.brand-footer .brands p {
    margin: 0;
    vertical-align: middle;
}
.brand-footer .brands h4 {
    color: #D1D2D4;
    font-size: 20px;
    line-height: 1;
    padding-bottom: 15px;
    position: relative;
}
.brand-footer .brands h4::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    height: 2px;
    background-color: #FF671F;
}
.brand-footer .brands img {
    vertical-align: middle;
    height: 45px;
}

/* Footer */
.footer {
	background-color:#252525;
	background-repeat: no-repeat;
	background-size: contain;
	color: #FFF;
	padding:60px 0;
}
.footer .main-footer > .col {
    width: 20%;
    padding: 0 !important;
    padding-right: 20px !important;
}
.footer .main-footer > .col:last-child {
    padding-right: 0px;
}
.footer .main-footer > .col.footer-contact {
    width: 40%;
}

.footer h4 {
    display: table;
	font-size: 20px;
	font-weight: 600;
	color: #D1D2D4;
    padding-bottom: 15px;
    margin-bottom: 20px;
    position: relative;
}
.footer h4::after {
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%;
    height: 2px;
    background-color: #FF671F;    
}
.footer a.button {
    font-size: 16px;
    line-height: 1;
    padding: 14px 20px;
    border-radius: 0;
    background-color: transparent;
    border: 2px solid #D1D2D4;
    letter-spacing: 0;
    font-family: "industry", sans-serif;
    text-transform: none;
    font-weight: 600;
    color: #D1D2D4;
    margin: 30px 0 0;
}
.footer a.button:hover {
    background-color: #FF6721;
    border-color: #FF6721;
    color: #fff;
}
.footer p.copy-info {
    font-size: 14px;
    line-height: 1;
    font-family: "industry", sans-serif;
    color: #D1D2D4;
    margin: 15px 0 0;
}
.footer p.copy-info a {
    color: #5F6062;
}

.footer .foot-menu {
	margin: 0;
	padding-top: 0;
	padding-right:20px;
    border: none;
}
.footer .foot-menu > li a {
    border: none;
	padding: 8px 0;
	font-weight: 400;
	font-family: "industry", sans-serif;
	font-size: 14px;
	color: #D1D2D4;
}
.footer .foot-menu > li a b {
    font-weight: 600;
}
.footer .foot-menu > li a:hover {
	border: none !important;
	color: #FF671F;
}

.footer .credit > img {
    padding-top: 10px;
}
.footer .credit > img {
    width: 50px;
    float: left;
    border-radius: 2px;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 6px;
    margin-right: 6px;
}
.footer .social > a {
    font-size: 26px;
    color: #D1D2D4;
    margin-right: 20px;
}
.footer .social > a:hover {
    color: #FF671F;
}

/*Elements*/
.mini-frame {
    width: 90%;
    max-width: 920px;
    margin: 0 auto;
    display: table;
}

.table-block.pb-row {
    display: table;
}
.table-block.pb-row::before,
.table-block.pb-row::after {
    display: none;
}
.table-block.pb-row > .pb-column {
    display: table-cell;
    float: none;
}

.title-line h3 {
    display: table;
    color: #002D72;
    font-weight: 700;
    margin: 0 auto;
    padding-bottom: 60px;
    position: relative;
    text-align: center;
    line-height: 1.1;
}
.title-line h3::after {
    content:"";
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    bottom: 35px;
    height: 4px;
    width: 40%;
    border-radius: 2px;
    background-color: #FF6721;
}

.html-style ul li::before, ul.bullet li::before, ul.bullet-list li::before {
	color: #CCC;
}
.faq:hover {
	border-color:#068ed0;
}
.faq:hover h3,
.faq:hover h3::before {
	color:#068ed0;
}
.hr-mini {
	background-color:#90469b;
	width:50px;
	height:4px;												
	border-radius:5px;
	margin:10px 0 20px;
}
.feature-box {
	text-align:center;
}
.feature-box h2 {
	font-size:20px;
}
.feature-box img {
	width:80%;
	vertical-align:top;
}
.feature-box:hover {
	transform:scale(1.1,1.1);
	transition:all 0.2s ease-in-out 0s;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white p {
    color: #D1D2D4;
}

/*Forms*/
.form-block .field label {
    font-weight: 300;
    color: #999;
}
input[type="text"], 
input[type="number"], 
input[type="password"], 
input[type="email"], 
input[type="tel"], 
textarea, 
select {
    font-family: 'acumin-pro', sans-serif;
}
input[type="text"]:hover, 
input[type="number"]:hover, 
input[type="password"]:hover, 
input[type="email"]:hover, 
input[type="tel"]:hover, 
textarea:hover, 
select:hover {
    
}
input[type="text"]:focus, 
input[type="number"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus, 
input[type="tel"]:focus, 
textarea:focus, 
select:focus {
    
}

select {
    appearance:none;
    -webkit-appearance:none;
}

/*Section*/
.section-feature {
	padding: 80px 0;
}
.section-variant3 {
	background-color:#006cb9;
}
.section-variant2 {
	background-color:#DDD;
}
.section-variant1 {
	background-color:#EEE;
}
.body .frame > *:last-child {
	margin-bottom:0;
}
.section-feature.sf-variant3 * {
	color:#FFF;
}
.section-feature.sf-variant3 .divide {
	background-color:#FFF;
}
.section-contact-form {
	background-color: #068ed0;
	background-image: url(images/bg-contact.jpg);
}
.section-feature .button.bt-outline {
	color: #FFF;
	border-color:#FFF;
	margin: 0;
	border: 2px solid #FFF;
}

.tpman-section .table-block.pb-row > .pb-column:last-child {
    vertical-align: bottom;
}
.tpman-section .table-block.pb-row > .pb-column:last-child img {
    margin-top: -60px;
}
.tpman-section .table-block.pb-row > .pb-column .tb-pad {
    padding: 50px 0;
}

/*Browse Index*/
.product-browse-header {
    background-color: #002257;
    text-align: center;
    padding-left: 40px;
    padding-right: 40px;
}
.product-browse-header .frame
{
    padding: 0 !important;
}
.product-browse-header h1 {
    font-weight: 700;
    color: #D1D2D4;
    font-style: italic;
}

.category-breadcrumbs {
    margin-top: -5px;
}
.category-breadcrumbs .breadcrumb-divider span,
.category-breadcrumbs .breadcrumb a,
.product-browse-header .frame > .breadcrumb span,
.product-browse-header .frame > .breadcrumb a {
    color: rgba(255,255,255,0.3);
}
.category-breadcrumbs .breadcrumb,
.product-browse-header .frame > .breadcrumb b {
    color: rgba(255,255,255,0.6);
}
.category-breadcrumbs .breadcrumb a:hover,
.product-browse-header .frame > .breadcrumb a:hover{
    text-decoration: none;
    color: #FF961F;
}
.product-browse-header .frame > .breadcrumb {
    font-size: 14px;
    margin-bottom: 10px;
    margin-top: -2px;
}
.product-browse-header .frame > .breadcrumb b {
    color: rgba(255,255,255,0.6);
    font-weight: 500;
}

.product-browse-header .product-search-filters .product-search-filter {
    border-color: #D1D2D4;
    color: #D1D2D4;
    padding: 6px 14px 8px;
    opacity: 0.5;
}
.product-browse-header .product-search-filters .product-search-filter:hover {
    border-color: #D1D2D4;
    color: #D1D2D4;
    opacity: 0.8;
}
.product-browse-header .product-search-filters .product-search-filter a {
    margin-left: 5px;
    color: #fff;
}

.stickybox {
    position: sticky;
    top: 150px;
}
.sidebox.default-filters {
    padding-top: 4px;
}
.sidebox.scroll .sidebox-body {
    max-height: 70vh;
}
.sidebox.scroll .sidebox-body:hover::-webkit-scrollbar-thumb {
    box-shadow: inset -6px 0 0 #FF6721;
}
.sidebox ul.links li.selected a {
    color: #FF6721;
}
.sidebox .links li > a {
    background: linear-gradient(to right, #6C84AA 50%, transparent 50%);
    background-size: 200% 100%;
    background-position: right center;
}
.sidebox .links li > a:hover {
    background-position: left center;
}

.sidebox:not(.side-search) > .sidebox-top {
    margin-top: 8px;
}
.sidebox.js-sidebox-toggle .sidebox-top .js-toggle i {
    vertical-align: middle;
}
.sidebox .sidebox-top {
    color: #6A809D;
    font-size: 14px;
    font-family: "industry", sans-serif;
}
.sidebox.side-search {
	/*display: none;*/
}
.search-box .form-block {
    overflow: auto;
}
.resource-page {
	background-color: #F0F0F0;
}

.sort-box > .coltable > .col {
    padding: 0 0 4px;
}
.sort-box .form-block.filter .field.view-type {
    margin-left: 2px;
}
.sort-box .form-block.filter .field.view-type > a {
    color: #777;
    font-size: 16px;
    line-height: 22px;
    display: inline-block;
    padding: 4px 9px 7px;
    border: 1px solid #D3D4D6;
    background-color: #fff;
    border-radius: 3px !important;
    margin: 0 2px;
}
.sort-box .form-block.filter .field.view-type > a:hover {
    background-color: #002D72;
    border-color: #002D72;
    color: #fff;
}

.product-image-container {
	box-shadow: none;	
}
.product-box > li,
.post-wrap.list-tile .col {
    width: 33.333%;
    padding: 5px;
}
.product-box > li > .box:hover,
.post-wrap .col .post-item:hover {
    border-color: #9BA3AE;
}
.product-box .title a {
    color: #4A5058;
}
.product-box .title a:hover {
    color: #26282F !important;
}

.sort-box .form-block {
    padding: 0;
}
.sort-box p {
    opacity: 0.6;
}

/*Product Index Add to Cart*/
.product-box {
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
}
.product-box > li > .box {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
}
.product-box > li > .box > a {
    width: 100%;   
}

.product-box > li > .box > .image,
.post-wrap.list-tile .post-item .post-image {
    border: none;
    padding: 15px 15px 0;
    width: 100%;
}
.product-box > li > .box > .image > a,
.post-wrap.list-tile .post-item .post-image > a {
    /*position: relative;
    width: 100%;
    padding-top: 100%;
    background-color: #eee;
    background-image: url("/template/default/images/placeholder-product.png");
    background-position: center;
    background-size: cover;
    border-radius: 4px;
    display: block;
    z-index: 1;*/
}
.product-box > li > .box > .image img,
.post-wrap.list-tile .post-item .post-image img {
    border-radius: 4px;
    /*position: absolute;
    top: 0px;
    left: 0px;*/
    width: 100%;
    vertical-align: top;
    font-size: 14px;
    color: #666;
}

.product-box > li > .box > .title,
.post-wrap.list-tile .post-item .post-body {
    padding-bottom: 18px;
    width: 100%;
}
.product-box > li > .box > .title span.product-code,
.post-wrap.coltable.col3 > .col .post-item .post-body p {
    font-family: "industry", sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #ACB1B6;
    
}
.product-box > li > .box > .options {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-self: flex-end;
}
.product-box > li > .box > .options .options-price {
    color: #002D72;
    font-size: 20px;
    line-height: 22px;
}

.product-box .options-add,
.post-wrap.list-tile .post-item .post-option {
    position: static;
    padding: 2px 15px 16px;
    width: 100%;
}
.product-box .options-add #form-add-cart {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.product-box .options-add #form-add-cart label {
    color: #9C9EA4;
    font-size: 12px;
    line-height: 14px;
    padding: 0px 10px 3px;
    border-right: 1px solid rgba(16,18,23,0.10);
    position: absolute;
    left: 0px;
    top: 9px;
}
.product-box .options-add #form-add-cart input {
    width: 100px;
    font-size: 14px;
    line-height: 16px;
    padding: 6px 6px 8px;
    padding-left: 71px;
    background-color: #EFF0F3;
}
.product-box .options-add #form-add-cart input:hover,
.product-box .options-add #form-add-cart input:focus {
    background-color: #fff;
}

.product-box .box .options-add button.bt-add,
.product-box .box .options-add button,
.post-wrap.coltable.col3 > .col .post-item .post-option .button {
    background-color: #FF6721;
    padding: 11px 12px 10px;
    font-size: 11px;
    line-height: 13px;
    letter-spacing: 0;
    border-radius: 4px;
    border: none;
    white-space: nowrap;
}
.post-wrap.coltable.col3 > .col .post-item .post-option .button {
	min-width: 70px;
	text-align: center;
}
.product-box .box .options-add button.bt-add b {
    width: auto !important;
    margin-left: 3px !important;
    font-weight: 600;
}
.product-box .box .options-add button.bt-add span,
.product-box .box .options-add button span {
    position: relative;
    top: 0px;
}
.product-box .box .options-add button.bt-add:hover,
.product-box .box .options-add button:hover,
.post-wrap.coltable.col3 > .col .post-item .post-option .button:hover {
    background-color: #FF961F;
}

/*Product List*/
@media screen and (min-width:520px) {
.product-box.type-list > li,
.post-wrap.coltable.col3.list-list > .col {
	width:100%;
}
.product-box.type-list > li .box,
.post-wrap.coltable.col3.list-list > .col .post-item {
	display:table;
	width:100%;
}

.product-box.type-list > li .box .title,
.product-box.type-list > li .box .image,
.product-box.type-list > li .box .options,
.product-box.type-list > li .box .options-add,
.post-wrap.coltable.col3.list-list > .col .post-item .post-image,
.post-wrap.coltable.col3.list-list > .col .post-item .post-body,
.post-wrap.coltable.col3.list-list > .col .post-item .post-option {
	width:25%;
	display:table-cell;
	vertical-align:middle;
	padding:0;
	margin:0;
}
.post-wrap.coltable.col3.list-list > .col .post-item .post-image,
.post-wrap.coltable.col3.list-list > .col .post-item .post-body,
.post-wrap.coltable.col3.list-list > .col .post-item .post-option {
	width: 33.333%;
}

.product-box.type-list > li .box .image,
.post-wrap.coltable.col3.list-list > .col .post-item .post-image {
    width:10%;
    padding: 15px;
	overflow: hidden;
}
.product-box.type-list > li .box .image > a,
.post-wrap.coltable.col3.list-list > .col .post-item .post-image a {
    min-width: 150px;
    max-width: 150px;
    width: 150px;
    padding-top: 150px;
}

.product-box.type-list > li .box .title,
.post-wrap.coltable.col3.list-list > .col .post-item .post-body {
    padding: 15px 0;
    padding-left: 15px;
}
.product-box.type-list > li .box .title > a,
.post-wrap.coltable.col3.list-list > .col .post-item .post-body > a {
    font-size: 18px;
    line-height: 22px;
}
.product-box.type-list > li > .box > .options .options-price {
    font-size: 22px;
    line-height: 26px;
    font-weight: 600;
    letter-spacing: -0.5px;
    padding: 0 15px;
}

.product-box.type-list > li > .box > .options-add,
.post-wrap.coltable.col3.list-list > .col .post-item .post-option {
    padding: 0 15px;
}
.product-box.type-list > li > .box > .options-add > form {
    flex-wrap: wrap;
}
.product-box.type-list > li > .box > .options-add > form input,
.product-box.type-list > li > .box > .options-add > form button {
    display: block;
    width: 50%;
}

.product-box.type-list > li .box .options,
.post-wrap.coltable.col3.list-list > .col .post-item .post-option {
	text-align: right;
}
.product-box.type-list > li .box .options .bt {
	display: inline-block;
}
.product-box.type-list > li .box a {
	box-sizing:border-box;
}
.product-box.type-list > li .box p.title {
	width:40%;
	text-align:left;
	padding-left:20px;
	box-sizing:border-box;
}
}
/** Resource Library **/
body.post-type-resource .body {
    padding: 0;
}

.post-wrap.list-list .col {
	padding: 5px;
}
.post-wrap .col .post-item {
	top: 0;
    position: relative;
    background-color: #fff;
    border: 2px solid #e3e3e3;
    border-radius: 4px;
    height: 100%;
}
.post-wrap .col .post-item:hover {
	transition: all 0.1s ease;
	top: -2px;
}
.post-wrap.coltable.col3 > .col .post-item .post-body a,
.post-wrap.coltable.col3 > .col .post-item .post-body a {
    text-decoration: none;
}
.post-wrap.coltable.col3 > .col .post-item .post-body h3 {
	transition: all 0.2s ease-in-out 0s;
    color: #4A5058 !important;
}
.post-wrap.coltable.col3 > .col .post-item .post-body h3:hover {
	transition: all 0.1s ease;
	color: #002D72!important;
}
.post-wrap.coltable.col3.list-tile > .col .post-item .post-body h3 {
	font-size: 21px;
}
.post-wrap.list-tile {
	display: flex;
	flex-wrap: wrap;
}
.post-wrap.list-tile .post-item .post-option {
	margin-top: auto;
}
.post-wrap.list-tile .post-item {
	display: flex;
	flex-direction: column;
}

.post-type-resource .pb-block-type-video > .pb-block-content {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    border-radius: 5px;
}
.post-type-resource .pb-block-type-video > .pb-block-content iframe {
    border-radius: 5px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

/*Categories*/
.pro-main .category-box {
    align-items: stretch;
}
.category-box > li > .box {
    border-color: #fff;
    align-content: end;
}
.category-box.product-box .image {
    border:none;
}
.category-box.product-box .title {
    width: 100%;
    color: #002D72;
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    padding: 15px 16px;
    font-family: "industry", sans-serif;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.category-box.product-box .title small {
    border: none;
    color: #9C9EA4;
    border-radius: 3px;
    font-weight: 600;
    font-size: 12px;
    line-height: 14px;
    position: relative;
    background-color: #EFF0F3;
    border-radius: 3px;
    padding: 6px 8px 5px;
    margin-top: -3px;
    float: right;
    right: -4px;
    top: 1px;
}

.category-box > li > .box:hover {
    border-color: #FF6721;
}
.category-box.product-box .box:hover .title {
    color: #FF6721;
}
.category-box.product-box .box:hover .title small {
    color: #fff;
    background-color: #FF6721;
}

/*Individual Products*/
.zulu-product .product-browse-header h1 {
    margin: 15px 0 0;
    font-size: 36px;
    line-height: 38px;
}
.product-browse-header p.sku-code {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    margin: 15px 0 0;
    color: #6C8CBC;
    font-family: "industry", sans-serif;
}

.procol {
    padding-top: 45px;
}

.procol > .col:first-child {
    width: 40%;
    padding-right: 45px;
    position: relative;
}
.procol > .col > .product-image-container {
    position: sticky;
    top: 140px;
}
.procol > .col > .product-image-container,
.procol .product-image-container a.main-link {
    padding: 0;
}
.procol .product-image-container img.main {
    border: none;
    border-radius: 4px;
    filter: brightness(0.92);
}
.procol .product-image-container img.main:hover {
    box-shadow: 0 0 0 4px #FF961F;
    filter: brightness(1);
}
.procol .product-image-container .image-container.gallery {
    width: auto;
    margin: 0 -5px;
}
.procol .product-image-container .image-container.gallery .image-wrap img {
    padding: 0;
    border: none;
    border-radius: 4px;
    filter: brightness(0.95);
}
.procol .product-image-container .image-container.gallery .image-wrap img:hover {
    border: none;
    filter: brightness(1);
    box-shadow: 0 0 0 3px #FF6721;
}

.procol > .col:last-child {
    width: 60%;
}
.procol .category-breadcrumbs {
    margin-bottom: 10px;
}
.procol .category-breadcrumbs .breadcrumb-divider span, 
.procol .category-breadcrumbs .breadcrumb a:not(:hover) {
    color: #aaa;
}
.procol > .col > h1 {
    margin: 0 0 8px;
    font-size: 36px;
    line-height: 38px;
    font-weight: 700;
    font-style: italic;
}
.procol p.sku-code {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    margin: 8px 0 0;
    color: #aaa;
    font-style: italic;
    font-family: "industry", sans-serif;
}
.procol .price-box {
    margin: 35px 0 15px;
}
.procol .price-box > p {
    color: #FF6721;
    font-size: 34px;
    line-height: 36px;
    font-weight: 600;
    position: relative;
    top: -2px;
}
.procol .attribute-select {
    padding: 20px;
    background-color: #eee;
    border-radius: 4px;
    border: none;
    margin-bottom: 25px;
}
.procol .attribute-select.cart-select {
    border: none;
    padding: 0;
    background: none;
    margin: 0 -5px 25px;
}
.procol .attribute-select .field.add-quantity {
    position: relative;
    width: 210px
}
.procol .attribute-select .field.add-quantity label {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    left: 5px;
    color: #aaa;
    padding: 5px 16px 10px;
    border-right: 2px solid #ddd;
}
.procol .attribute-select .field.add-quantity input {
    font-size: 28px;
    line-height: 28px;
    font-weight: 500;
    background-color: #eee;
    padding: 5px 15px 11px;
    padding-left: 108px;
    color: #3E444E;
    width: 200px;
}
.procol .attribute-select #form-add-cart button.bt-add {
    letter-spacing: 0px;
    border-radius: 3px;
    padding: 17px 22px 17px;
    white-space: nowrap;
}
.procol .attribute-select #form-add-cart button.bt-add i {
    margin-right: 5px;
}
.procol .attribute-select.form-block .field input[type="radio"], 
.procol .attribute-select.form-block .field input[type="checkbox"] {
    margin-bottom: 2px !important;
    vertical-align: middle;
}

.procol .product-description > p {
    font-size: 14px;
    line-height: 20px;
    color: #606577;
}
.procol .product-description > table {
    width: 100%;
    margin: 25px 0;
    border-spacing: 0px 3px;
}
.procol .product-description > table td {
    padding: 10px 14px 12px;
}
.procol .product-description > table tr td:first-child {
    width: 25%;
    min-width: 130px;
}

.extra-category-breadcrumbs {
    margin-top: 25px;
}
.extra-category-breadcrumbs h5 {
    color: #898D93;
    font-weight: 600;
    margin-bottom: 10px;
}
.extra-category-breadcrumbs .breadcrumbs .breadcrumb {
    padding-right: 4px;
    padding-bottom: 4px;
}
.extra-category-breadcrumbs .breadcrumbs .breadcrumb a {
    border: 2px solid #898D93;
    color: #898D93;
    font-size: 18px;
    line-height: 20px;
    font-weight: 400;
    font-family: "industry", sans-serif;
    display: inline-block;
    padding: 11px 14px 10px;
    border-radius: 4px;
}
.extra-category-breadcrumbs .breadcrumbs .breadcrumb a:hover {
    border: 2px solid #FF961F;
    color: #FF961F;
}
.extra-category-breadcrumbs .breadcrumbs .breadcrumb-divider {
    display: none;
}
.probreak {
    width: 100%;
    height: 60px;
}

/*Video Block*/
.vid-block {
    padding: 5px 0;
}
.vid-block > .col:first-child {
    width: 40%;
    padding: 5px 0;
    padding-right: 40px;
}
.vid-block > .col:last-child {
    width: 60%;
}

.vid-block h5 {
    color: #898D93;
    font-weight: 600;
    margin-bottom: 3px;
}
.vid-block h6 {
    font-size: 20px;
    line-height: 20px;
    font-weight: 500;
    margin: 0;
    color: #aaa;
    font-style: italic;
    font-family: "industry", sans-serif;
}

.vid-items.coltable {
    width: 100%;
}
.vid-items.coltable > .col {
    padding: 5px;
    width: 50%;
    float: left;
}
.vid-items.coltable > .col .vid-wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    border-radius: 5px;
}
.vid-items.coltable > .col .vid-wrap iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    vertical-align: top;
    border-radius: 5px;
}
.vid-items.coltable > .col:only-child {
    margin: 0 auto;
    display: table;
    float: none;
    width: 100%;
    padding: 0;
}

/*Pagination*/
.pagination {
    margin: 60px 0 10px;
}
.pagination > li > a, 
.pagination > li > span {
    padding: 10px 3px 14px;
}
.pagination > li > a:hover, 
.pagination > li > span:hover {
    color: #FF6721;
}
.pagination > li:first-child > a:hover, 
.pagination > li:first-child > a:focus, 
.pagination > li:last-child > a:hover, 
.pagination > li:last-child > a:focus {
    border-color: #FF6721;
}
.pagination > .active > a, 
.pagination > .active > a:focus, 
.pagination > .active > a:hover, 
.pagination > .active > span, 
.pagination > .active > span:focus, 
.pagination > .active > span:hover {
    width: 39px;
    padding: 10px 11px 14px;
    border-color: #FF6721;
    background-color: #FF6721;
}

/***FORMS Default***/
.form_table * {
    transition: all 0.2s ease;
}
.form_table,
.form-block {
    border: none;
    background-color: #E7E9EE;
    border-radius: 4px;
    padding: 15px;
    padding-top: 10px;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
}
.form_table .form-block {
    padding: 0px;
}

form .field,
.form-block .field {
    padding: 10px;
}

label,
.form-block .field label {
    font-size: 16px;
    line-height: 1.2;
    color: #8F94AC;
    font-weight: 600;
    margin-bottom: 5px;
}
label > em ,
.form-block .field label em {
    font-size: 12px;
    vertical-align: top;
}
input[type="text"], 
input[type="number"], 
input[type="password"], 
input[type="email"], 
input[type="tel"], 
textarea, 
select {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #231F20;
    border: none;
    height: auto;
    padding: 6px 12px 10px;
    background-color: #fff;
    border-radius: 3px;
    appearance:none;
    -webkit-appearance:none;
    box-shadow: 0 0 0 0 transparent;
}
input[type="text"]:hover, 
input[type="number"]:hover, 
input[type="password"]:hover, 
input[type="email"]:hover, 
input[type="tel"]:hover, 
textarea:hover, 
select:hover {
    box-shadow: 0 0 0 2px #C5C7D5;
}
input[type="text"]:focus, 
input[type="number"]:focus, 
input[type="password"]:focus, 
input[type="email"]:focus, 
input[type="tel"]:focus, 
textarea:focus, 
select:focus {
    outline: none;
    background-color: #fff;
    box-shadow: 0 0 0 2px #FF6721;
}
textarea {
    min-height: 100px;
    padding: 6px 16px 10px !important;
}
select {
    padding: 6px 14px 11px !important;
    background-image: url(images/icons/chevron-down.svg);
    background-size: 20px auto;
    background-position: right 16px center;
    background-repeat: no-repeat;
}
button,
input[type="submit"],
form button,
form input[type="submit"],
form button.btn-default {
    border: 3px solid #FF6721;
    background-color: #FF6721; 
    color: #fff;
    font-family: "industry", sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 1;
    letter-spacing: 1px;
    text-transform: uppercase;
    padding: 13px 24px 12px;
    border-radius: 4px;
}
button:hover,
input[type="submit"]:hover,
form button:hover,
form input[type="submit"]:hover,
form button.btn-default:hover {
    transition: all 0.15s ease;
    border: 3px solid #FF961F;
    background-color: #FF961F;
    color: #fff;
    border-radius: 6px;
}

label {
    position: relative;
}
input[type="radio"],
input[type="checkbox"] {
    position: relative;
    top: 1px;
    left: 0px;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    margin-bottom: -8px !important;
    
    background-image: url(images/icons/check-orange.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 0% auto;
    border: 3px solid #002D72;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 5px;
    white-space: nowrap;
    overflow: hidden;
    background-color: #fff;
    color: #002D72;
    cursor: pointer;
    appearance:none;
    -webkit-appearance:none;
}
input[type="radio"]:checked,
input[type="checkbox"]:checked {
    background-size: 80% auto;
	border-color: #FF6721;
	background-color: #FF6721;
	background-image: url(images/icons/check.svg);
}
input[type="radio"]:checked:hover,
input[type="checkbox"]:checked:hover {
    border-color: #FF6721;
	background-color: #fff;
	background-image: url(images/icons/check-orange.svg);
}
input[type="radio"]:hover,
input[type="checkbox"]:hover {
    border-color: #FF6721;
}

input[type="file"] {
    background-color: #002D72;
    border-radius: 6px;
    padding: 14px 14px;
    color: #fff;
    margin: 2px 0;
    font-weight: 400;
    transition: all 0.2s ease;
}
input[type="file"]:hover {
    box-shadow: 0 0 0 3px #002257;
    background-color: #fff;
    color: #002257;
}

/*Grid Table*/
.grid-table,
.product-description table {
    border: 1px solid #e3e3e3;
    border-collapse: separate !important;
    border-spacing: 0px 6px;
    background: none;
    border: none;
}

.grid-table th:first-child, 
.grid-table td:first-child,
.product-description table th:first-child,
.product-description table td:first-child {
    border-radius: 4px 0 0 4px;
}
.grid-table th:last-child, 
.grid-table td:last-child,
.product-description table th:last-child,
.product-description table td:last-child {
    border-radius: 0 4px 4px 0;
}

.grid-table th, 
.grid-table td,
.product-description table th,
.product-description table td {
    background-color: #E7E9EE;
    border: none;
    padding: 12px 16px 14px;
}
.grid-table thead td,
.product-description table thead td {
    background-color: #002257;
    border: none;
    color: #fff;
}
.grid-table thead td:not(:last-child),
.product-description table thead td:not(:last-child) {
    border-right: 2px solid #082D65;
}

.grid-table tbody tr,
.product-description table tbody tr {
    border-radius: 4px;
}
.grid-table tbody tr:nth-child(2n) td,
.product-description table tbody tr:nth-child(2n) td {
    background-color: #E7E9EE;
}
.grid-table tbody tr:hover,
.product-description table tbody tr:hover {
    box-shadow: 0 0 0 3px #FF6721;
}
.grid-table tbody tr:hover td,
.product-description table tbody tr:hover td {
    background-color: #fff;
}
.grid-table tbody tr td:not(:last-child),
.product-description table tbody tr td:not(:last-child) {
    border-right: 2px solid #D9DCE3;
}
.grid-table tbody tr:hover td:not(:last-child),
.product-description table tbody tr:hover td:not(:last-child) {
    border-right: 2px solid #fff;
}

.grid-table td a:not([class]),
.product-description table td a:not([class]) {
    color: #FF6721;
} 

.grid-table td .button,
.product-description table td .button {
    font-size: 12px;
    line-height: 14px;
    font-weight: 600;
    color: #fff;
    border-color: #FF6721;
    text-transform: uppercase;
    padding: 6px 9px 6px;
    margin: 2px;
}
.grid-table td .button.edit-btn {
    color: #002D72;
    border-color:#002D72;
    background-color: transparent;
}
.grid-table td .button.remove-btn {
    color: #A6311B;
    border-color: #A6311B;
    background-color: transparent;
}
.grid-table td .button:hover,
.product-description table td .button:hover {
    color: #fff;
    border-color: #FF961F;
    background-color: #FF961F;
}


.product-description table td {
    color: #898D93;
}
.product-description table td:first-child {
    color: #19202B;
}


/*Notification*/
.alert,
#note_box,
.notification {
    margin: 0 0 15px;
    padding: 13px 15px 15px;
    border: none !important;
    text-align: center;
    border-radius: 5px !important;
    animation: note-anim 1.5s ease infinite, note-in 0.8s ease 1;
}
@keyframes note-in {
    0% {transform: scale(1.2); opacity: 0;}
    20% {transform: scale(1.2); opacity: 0;}
    100% {transform: scale(1); opacity: 1;}
}
@keyframes note-anim {
    0% {filter: brightness(1)}
    50% {filter: brightness(1.2)}
    100% {filter: brightness(1)}
}
#note_box.red,
.notification.red,
.alert.alert-danger {
    background-color: #E0351A;
}
#note_box.green,
.notification.green,
.alert.alert-success {
    background-color: #3A9F58;
}

/*Feature Product / Product Single*/
.pb-block-type-product .box {
    text-align: center;
}
.pb-block-type-product .box .image {
    border-radius: 6px;
    border: 2px solid #D1D2D4;
    overflow: hidden;
}
.pb-block-type-product .box .image:hover {
    border: 2px solid #FF6721;
}
.pb-block-type-product .box .title {
    margin: 30px 0 15px;
    font-size: 20px;
    line-height: 1;
    font-weight: 400;
    padding: 0 20px;
    font-family: "industry", sans-serif;
}
.pb-block-type-product .box .title a {
    color: #6D7176;
}
.pb-block-type-product .box .title a:hover {
    text-decoration: none;
    color: #0A3D8C;
}
.pb-block-type-product .box .title .white-ghost {
    height: 3px;
}
.pb-block-type-product .box .title span.product-code {
    color: #aaa;
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
}
.pb-block-type-product .box .options {
    margin-bottom: 15px;
}
.pb-block-type-product .box .options-price {
    color: #002257;
    font-size: 20px;
    line-height: 1;
    font-weight: 600;
    padding: 0 20px;
    font-family: "industry", sans-serif;
}
.pb-block-type-product .box .options-price .price-highlight {
    color: #FF6721;
}
.pb-block-type-product .box .options-price strike {
    font-weight: 300;
    color: #8F8F8F;
}
.pb-block-type-product .box .options-add {
    display: none;
}
.pb-block-type-product .box .options-add button {
    width: 100%;
    margin-top: 5px;
}

.address-card h4 {
    margin-bottom: 0;
    font-size: 20px;
}
.form-block .address-card {
    cursor: pointer;
}
.form-block .address-card p {
    font-size: 16px;
}

.member-breadcrumbs i {
    font-size: 11px;
    margin: 0 5px;
}

/*Login Page*/
.body.page-login,
body.page-login .body {
    padding: 80px 0 100px;
    background-color: #002257;
    /*background: 
        url("images/backgrounds/tracks.png") center left / 95% auto no-repeat,
        url("images/backgrounds/bg-grid-blue.png") center / auto 250px repeat;*/
    background:url("images/backgrounds/bg-grid-blue.png") center / auto 250px repeat;
}
body.zulu-register .body {
    padding: 80px 0 100px;
    background-color: #002257;
    background:url("images/backgrounds/bg-grid-blue.png") center / auto 250px repeat;
}

.login-column {
    width: 95%;
    max-width: 600px;
}
.zulu-register .login-column {
    max-width: 800px;
}
.login-column > h1 {
    text-align: center;
    font-style: normal;
    font-weight: 600;
    font-size: 34px;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.login-column > h1 > i {
    margin-right: 5px;
    color: #FF6721;
}
.login-column > p {
    text-align: center;
    font-size: 14px;
    line-height: 18px;
    color: #fff;
}

.login-column .form_table,
.login-column .form-block {
    padding: 0;
    margin: 30px 0;
    background: transparent;
}
.login-column form .field.submit {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.login-column form .field.submit > a {
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    border: 2px solid #9BA0C4;
    padding: 7px 10px 8px;
    color: #9BA0C4;
    border-radius: 4px;
    opacity: 0.7;
}
.login-column form .field.submit > a:hover {
    text-decoration: none;
    opacity: 1;
}

.login-column .registration {
    text-align: center;
    padding: 35px 20px 25px;
    margin: 20px 5px 0;
    background-color: #001C48;
    border: 3px solid #002D72;
    border-radius: 6px; 
}
.login-column .registration h3 {
    color: #4365B0;
    font-size: 22px;
    line-height: 24px;
    font-weight: 600;
    text-transform: uppercase;
}
.login-column .registration a.button {
    font-size: 14px;
    line-height: 16px;
    text-transform: uppercase;
    font-family: "industry", sans-serif;
    background-color: #002D72;
    padding: 14px 22px;
    border: none;
    color: #fff;
}
.login-column .registration a.button:hover {
    background-color: #FF961F;
}

/*Account Template*/
.page-account > .body {
    padding: 60px 0;    
}

.accol > .col.w25 {
    padding: 0;
    padding-left: 0px;
    position: relative;
}
.accol > .col.w75 {
    padding: 0;
    padding-left: 60px;
}

.page-account .breadcrumb {
    margin: -5px 0 25px;
}
.page-account .breadcrumb > a {
    color: #8597B3;
    margin-right: 5px;
}
.page-account .breadcrumb > i {
    color: #8597B3;
    margin: 0;
    margin-right: 5px;
}
.page-account .breadcrumb > a:last-child {
    color: #465874;
}

.account-menu {
    position: sticky;
    top: 140px;
}
.account-menu ul {
    background-color: #002D72;
    border-radius: 4px;
}
.account-menu ul > li {
    list-style: none;
    margin-top: 1px;
}
.account-menu ul > li > a {
    display: block;
    position: relative;
    background-color: #093A86;
    padding: 16px 20px;
    font-family: "industry", sans-serif;
    font-weight: 400;
    font-size: 18px;
    color: #fff;
}
.account-menu ul > li > a::after {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 20px;
    opacity: 0.2;
    transition: all 0.1s ease;
}
.account-menu ul > li > a:hover {
    text-decoration: none;
    background-color: #104598;
    border-radius: 0 5px 5px 0;
    margin-right: -10px;
    padding-left: 30px;
}
.account-menu ul > li > a:hover::after {
    opacity: 1;
}
.account-menu ul > li:first-child {
    margin-top: 0px;
}
.account-menu ul > li:first-child > a {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.account-menu ul > li:last-child > a {
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.page-account .accol > .col.w75 > p > a:not([class]),
.credit-account > p > a:not([class]){
    color: #FF961F;
    white-space: pre;
}
.page-account .accol > .col h1 {
    font-style: normal;
    font-weight: 600;
    color: #002D72;
    margin: 0;
}
.page-account .accol > .col h2 {
    font-size: 28px;
    line-height: 30px;
    font-weight: 500;
    font-style: normal;
    color: #606577;
}
.page-account .accol > .col h3 {
    font-size: 24px;
    line-height: 26px;
    font-weight: 600;
    color: #FF6721;
    margin: 10px 0;
}
.page-account .accol > .col h5 {
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    color: #606577;
    margin: 15px 0 15px;
}
.page-account .accol > .col h5 em {
    font-size: 10px;
    line-height: 12px;
    font-style: normal;
    text-transform: uppercase;
    padding: 4px 6px 3px;
    color: #ABB0C1;
    border-radius: 4px;
    border: 2px solid #ABB0C1;
    position: relative;
    top: -3px;
    margin-left: 4px;
}
.page-account .accol > .col h5 em a {
    color: #002D72;
}

.page-account .accol > .col h1 > a.button {
    float: right;
    font-size: 13px;
    font-weight: 500;
    line-height: 15px;    
    border-color: #FF6721;
    background-color: #FF6721;
    letter-spacing: 0px;
    padding: 8px 12px;
    color: #fff;
}
.page-account .accol > .col h1 > a.button:hover {   
    border-color: #FF961F;
    background-color: #FF961F;
    color: #fff;
}
.page-account .accol > .col p.disclaimer {
    font-size: 14px;
    line-height: 16px;
    color: #606577;
    margin: 5px 0 15px;
}

.credit-account,
.quote-account {
    background-color: #fff;
    border: 3px solid #FF6721;
    padding: 25px 30px;
    border-radius: 4px;
    margin: 50px 0;
}
.credit-account h4,
.quote-account h4 {
    display: block;
    padding: 14px 30px 12px;
    margin: 20px -30px 25px;
    background-color: #FF6721;
    font-weight: 500;
    font-size: 20px;
    line-height: 22px;
    color: #fff;
}
.credit-account p,
.quote-account p {
    font-size: 14px;
    line-height: 16px;
    color: #606577;
    margin: 5px 0 15px;
}
.credit-account p.button-links,
.quote-account p.button-links {
    margin: 25px 0 5px;
}

.locol.coltable {
    margin: 20px 0px;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: flex-start;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
}
.locol.coltable > .col {
    padding: 4px;
    float: none;
}
.locol.coltable > .col > .box {
    border: none;
    border-radius: 4px;
    background-color: #E7E9EE;
    height: 100%;
    padding: 25px;
}
.locol.coltable > .col > .box h3 {
    font-size: 24px;
    line-height: 24px;
    margin: 0 0 15px;
    font-weight: 600;
    font-family: "industry", sans-serif;
    color: #FF6721;
}
.locol.coltable > .col > .box h4 {
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 15px;
    font-family: "industry", sans-serif;
    color: #124EA9;
}
.locol.coltable > .col > .box p {
    font-size: 20px;
    line-height: 24px;
    color: #595C64;
    margin-bottom: 5px;
}

.locol.coltable > .col > .box p.address-controls {
    margin: 25px 0 0;
}
.locol.coltable > .col > .box p a.button {
    font-size: 12px;
    line-height: 12px; 
    font-weight: 600;
    padding: 6px 10px 8px;
    border-radius: 4px;
    color: #fff;
    border-color: #002D72;
    background-color: #002D72;
}
.locol.coltable > .col > .box p a.button:last-child {
    color: #A0A6B0;
    border-color: #A0A6B0;
    background-color: transparent;
}
.locol.coltable > .col > .box p a.button:hover {
    color: #fff;
    border-color: #FF961F;
    background-color: #FF961F;
}

.common-product-account .product-box.type-list > li .box .image > a {
    padding-top: 100px;
    min-width: 100px;
    max-width: 100px;
    width: 100px;
}
.common-product-account .product-box.type-list .options-add #form-add-cart label {
    top: 12px;
    padding: 4px 10px 7px;
}
.common-product-account .product-box.type-list .options-add #form-add-cart input {
    width: 100%;
    font-size: 20px;
    line-height: 22px;
    padding: 8px 6px 12px;
    padding-left: 71px;
}
.common-product-account .product-box.type-list .options-add #form-add-cart button {
    width: 100%;
    margin-top: 5px;
    font-size: 12px;
    line-height: 14px;
    padding: 13px 12px 12px;
}

/*Popdown Basket*/


/*Basket*/
body.zulu-basket > .body {
    padding: 0;
}
body.zulu-basket > .body .wrapper-content {
    background-color: #f0f0f0;
}
.product-browse-header.checkout-header p:not([class]) {
    color: rgba(255,255,255,0.5);
    margin: 5px 0;
}
.product-browse-header.checkout-header p:not([class]):last-child {
    margin: 15px 0 0;
}

.cart-frame {
    padding: 50px 0;
}

.cart-row > .coltable {
    background-color: #fff;
    border: 2px solid #e3e3e3;
    border-radius: 4px;
}
.cart-row > .coltable > .col.col-image {
    padding: 15px;
    width: 10%;
}
.cart-row > .coltable > .col.col-image img {
    border: none;
    max-width: 140px;
    min-width: 140px;
    width: 140px;
}
.cart-row > .coltable > .col.col-info {
    padding: 20px 15px;
}
.cart-row > .coltable > .col.col-info h2 {
    margin-bottom: 0;
}
.cart-row > .coltable > .col.col-info h2 a {
    color: #4A5058;
    font-weight: 300;
    font-size: 18px;
    line-height: 20px;
    font-style: normal; 
    font-family: "acumin-pro", sans-serif;
}
.cart-row > .coltable > .col.col-price {
    text-align: center;
    padding: 20px;
    width: 10%;
    border: none;
}
.cart-row > .coltable > .col.col-price .price_ex, 
.cart-row > .coltable > .col.col-price .price {
    color: #002D72;
    min-width: 100px;
}

.cart-row .cart-controls {
    border: none;
    border-radius: 4px;
    background-color: #eee;
    padding: 6px;
    box-sizing: border-box;
    display: inline-block;
}
.cart-row .cart-controls .field.field-qty label {
    padding: 7px 6px 9px;
    padding-right: 10px;
    margin: 0;
}
.cart-row .cart-controls .field.field-qty input {
    width: 45px;
    font-size: 16px;
    line-height: 18px;
    padding: 4px 4px 6px;
    text-align: center;
}
.cart-row .cart-controls .field .button {
    background-color: #eee;
    color: #9C9EA4;
    border: none;
    font-size: 12px;
    line-height: 16px;
    padding: 10px 12px 8px;
}
.cart-row .cart-controls .field.field-remove .button {
    color: #D65849;
}
.cart-row .cart-controls .field.field-remove .button:hover {
    color: #fff;
    background-color: #D65849 !important;
}

.cart-frame .order-content-save,
.cart-frame .bt-xs {
    border-radius: 4px;
}
.cart-frame .order-content-save:hover,
.cart-frame .bt-xs:hover {
    border: 1px solid #FF961F;
    background-color: #FF961F;
    color: #fff;
}

.payment-summary {
    border: none;
    border-radius: 4px;
    background-color: #002257;
    background-image: url("images/backgrounds/bg-grid-blue.png");
    background-size: auto 250px;
    background-repeat: repeat;
    padding: 30px;
}
.payment-summary p.price {
    color: #7E9BC6;
    font-size: 30px;
    line-height: 32px;
    font-weight: 400;
    font-family: "industry", sans-serif;
}
.payment-summary p.price b {
    color: #fff;
    font-weight: 700;
}
.payment-summary p.tax {
    color: #7E9BC6;
}
.payment-summary .button {
	border: none;
	background-color: #FF6721;
	color: #FFF;
}
.payment-summary .button:hover {
	background-color: #FF961F;
	color: #fff;
}

.pay-options {
    padding: 25px;
    border-radius: 4px;
    border: none;
    background-color: #E7E9EE;
}
.pay-options .coltable.padcol > .col {
    padding: 4px;
}
.pay-options .coltable.padcol > .col .box {
    background-color: #F3F4F7;
    border-radius: 4px;
    border: none;
    padding: 25px;
}

.pay-options h3 {
    font-weight: 500;
    color: #8C909A
}

/*Basket Dropdown*/
.popdown-wrapper .popdown-head {
    background: #002257;
    padding: 24px 18px;
}
.popdown-wrapper .popdown-head h1 {
    color: #698ABD;
}
.popdown-wrapper .alert.alert-success {
    margin-bottom: 0px;
    padding: 10px 15px 13px;
    border-radius: 0px !important;
    background-color: #FF961F;
}
.popdown-wrapper .popdown-foot {
    background: #002257;
    padding: 18px;
    border-radius: 0 0 4px 4px;
}

.popdown-wrapper .cart-row > .coltable > .col.col-image img {
    max-width: 80px;
    min-width: 80px;
    width: 80px;
}
.popdown-wrapper .cart-row > .coltable > .col.col-info h2 a {
    font-size: 16px;
    line-height: 18px;
}
.popdown-total {
    font-family: "industry", sans-serif;
    font-size: 28px;
    line-height: 30px;
    color: #002257;
}
.popdown-foot .button {
    border-radius: 3px;
    padding: 9px 12px 8px;
    font-size: 14px;
    margin: 0px;
    border: 2px solid #1C4B93;
    background-color: #1C4B93;
}
.popdown-foot .button.bt-green {
    border: 2px solid #FF6721;
    background-color: #FF6721;
}
.popdown-foot .button.bt-outline {
    background-color: transparent;
    border-color: #5C84C2;
    color: #5C84C2;
}
.popdown-foot .button:hover {
    border: 2px solid #FF961F !important;
    background-color: #FF961F !important;
}

/*Checkout*/
body.zulu-checkout_index .body,
body.zulu-checkout_payment .body,
body.zulu-checkout_summary .body{
    padding: 60px 0;    
}
.accol > .col.w25 > .stickybox {
    position: sticky;
    top: 140px;
}
.accol > .col.w25 > .stickybox p:not([class]) {
    font-size: 14px;
    line-height: 20px;
    color: #aaa;
}
.accol > .col.w25 > .stickybox p span.current {
    color: #FF6721;
}
.accol > .col.w25 > .stickybox h1.pro-title {
    margin-bottom: 20px;
    margin-top: 25px;
    font-size: 34px;
    line-height: 36px;
}
.accol > .col.w25 > .stickybox button.grey {
    background-color: #EAE9E5;
    font-size: 14px;
    font-weight: 500;
    padding: 12px 18px;
    border: none;
    margin-top: 10px;
}
.accol > .col.w25 > .stickybox button.grey:hover {
    background-color: #FF961F;
    color: #fff;
}

#checkout > .form_subcaption:first-child {
    margin-top: 0px;
}
#checkout .form_subcaption,
#checkout #address-blocks > .form_subcaption {
    background-color: #002D72;
    border: none;
    padding: 15px;
    font-family: "industry", sans-serif;
    font-size: 18px;
    line-height: 20px;
    color: #D1D2D4;
}
#checkout > .form-block {
    border-radius: 0 0 4px 4px;
}
#checkout > .form-block label > b {
    color: #6D738D;
}

#checkout #address-blocks > .form_subcaption {
    border-radius: 4px;
    padding-bottom: 20px;
}
#checkout #address-blocks > .form_subcaption label.checkbox {
    color: #D1D2D4;
}

.address-cards {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-bottom: 15px;
    padding: 5px;
}
.address-cards * {
    transition: all 0.25s ease;
}
.address-cards.coltable.padcol > .col {
    display: block;
    width: 33.333%;
    padding: 5px 5px;
}
.address-cards.coltable.padcol > .col > .address-card.box{
    height: 100%;
}
.address-card.box,
.module-select {
    background-color: #F0F2F7;
    box-shadow: 0 0 0 2px #CBCDD3;
    border-radius: 4px;
    border: none;
    padding: 20px;
}
.address-card.box h4 {
    color: #002D72;
    margin-bottom: 15px;
}
.address-card.box h4 input[type="radio"] {
    margin-right: 5px;
    top: 0px;
}
.address-card.box p,
.module-select p {
    font-size: 16px;
    line-height: 22px;
    color: #606577;
    margin: 10px 0 0;
}
.module-select h3 {
    font-weight: 600;
    font-size: 22px;
    line-height: 24px;
    color: #002D72;
}

.address-card.box:hover,
.module-select:hover {
    background-color: #FBFCFF;
    box-shadow: 0 0 0 2px #002D72;
}
.address-card.box.highlight,
.module-select.highlight {
    background-color: #fff;
    box-shadow: 0 0 0 4px #FF6721;
}
.address-card.box.highlight h4,
.module-select.highlight h3 {
    color: #FF6721;
}

/** Grab a Part **/
.deals-header .product-browse-header {
    padding: 30px 20px 20px;
}
.deals-header .product-browse-header h1.grabapart-logo {
    text-indent: -9999px;
    height: 90px;
    width: 420px;
    display: table;
    margin: 0 auto;
    background-image: url("images/grabapart-logo.svg");
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 25px;
}

.deals-header .deals-countdown-section {
    padding: 22px 20px 20px;
    background-color: #D1D3D4;
    background-image: url("images/backgrounds/bg-grid.png");
    background-size: 160px auto;
    text-align: center;
    -moz-osx-font-smoothing:grayscale;
    -webkit-font-smoothing:antialiased;
    animation: ticker-anim 10s linear infinite;
}
@keyframes ticker-anim {
    0% {background-position: left 160px bottom;}
    100% {background-position: left 0px bottom;}
}
@keyframes ticker-anim-alt {
    0% {background-position: left 160px top;}
    100% {background-position: left 0px top;}
}
.deals-header .deals-countdown-section * {
    display: inline-block;
}
.deals-header .deals-countdown-section p,
.deals-header .deals-countdown-section div.time-container,
.deals-header .deals-countdown-section div.time-divider {
    font-family: "industry", sans-serif;
    text-transform: uppercase;
    font-style: italic;
    font-size: 24px;
    line-height: 24px;
    font-weight: 700;
    margin: 0;
}
.deals-header .deals-countdown-section p {
    color: #7E838C;
    margin-right: 8px;
    font-weight: 700;
}
.deals-header .deals-countdown-section div.time-divider {
    color: #ACB0B8;
    font-weight: 400;
    position: relative;
    margin: 0 4px;
    top: -1px;
    right: -2px;
}
.deals-header .deals-countdown-section div.time-container > .number {
    color: #FF6721;
    width: 28px;
    font-weight: 800;
}
.deals-header .deals-countdown-section div.time-container > .number-sub {
    color: #7E838C;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
}

/*.zulu-browse_deals .deals-header .deals-countdown-section {
    padding-top: 26px;
    padding-bottom: 100px;
    position: relative;
}
.zulu-browse_deals .deals-header .deals-countdown-section::after {
    content: "";
    background: linear-gradient(to top, #F0F0F0, transparent);
    height: 60px;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
.zulu-browse_deals ul.product-deals {
    margin-top: -130px;
}*/

ul.product-deals {
    justify-content: center;
}
ul.product-deals > li {
    width: 25%;
}
ul.product-deals.product-box .title a {
    font-size: 20px;
    line-height: 24px;
}
ul.product-deals.product-box > li > .box > .options .options-price {
    font-size: 24px;
    line-height: 26px;
    color: #DB4427;
}


.deals-footer {
    display: table;
    width: 100%;
    margin: 50px auto !important;
}
.deals-footer > .deal-terms,
.deals-footer > .deal-member {
    display: table-cell;
    vertical-align: top;
    background-color: #fff;
    border: 2px solid #e3e3e3;
    padding: 40px;
    width: 50%;
}
.deals-footer > .deal-terms {
    border-radius: 4px 0 0 4px;
    color: #8F9297;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}
.deals-footer > .deal-terms > b {
    display: block;
    color: #72757C;
    font-size: 20px;
    line-height: 24px;
    font-family: "industry", sans-serif;
    margin-bottom: 6px;
    font-weight: 600;
}
.deals-footer > .deal-member {
    border-radius: 0 4px 4px 0;
    border-left: none;
}
.deals-footer > .deal-member p {
    margin: 0;
}
.deals-footer > .deal-member p > .caps {
    display: block;
    color: #002D72;
    font-size: 20px;
    line-height: 24px;
    font-family: "industry", sans-serif;
    margin-bottom: 6px;
    font-weight: 600;
}
.deals-footer > .deal-member p > small {
    display: block;
    color: #002D72;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 14px;
}
.deals-footer > .deal-member p > a.button {
    padding: 10px 15px 8px;
}

/*Grab a Part - Product*/
.product-deal > .product-browse-header {
    padding: 25px;
    background-color: #D1D3D4;
    background-image: url("images/backgrounds/bg-grid.png");
    background-size: 160px auto;
    animation: ticker-anim-alt 10s linear infinite;
}
.product-deal > .product-browse-header > h1 {
    color: #002D72;
    margin: 0;
}
.product-deal > .product-browse-header > p.sku-code {
    margin-top: 5px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-style: italic;
    font-size: 16px;
    color: #7E838C;
}
.product-deal > .product-browse-header > p.sku-code > .pro-subtitle {
    color: #002D72;
}

.product-deal .price-box > .attribute-label {
    display: inline-block;
    vertical-align: middle;
    color: #DB4427;
}
.product-deal .price-box > .price-heading,
.product-deals .box .options-price .hot-price {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 16px;
    line-height: 20px;
    font-style: italic;
    font-family: "industry", sans-serif;
    background-color: #DB4427;
    border-radius: 4px;
    padding: 10px 22px 9px;
    background-image: url("images/icons/flames.svg");
    background-size: auto 100%;
    background-position: left bottom;
    background-repeat: no-repeat;
    position: relative;
    top: 1px;
    margin-right: 10px;
}
.product-deals .box .options-price .hot-price {
    font-weight: 700;
    position: absolute;
    top: 15px;
    left: 15px;
    padding: 6px 14px 5px;
    font-size: 14px;
    line-height: 18px;
    z-index: 11;
    margin: 0;
}

.stock-block {
    /*border-radius: 4px;
    border: 2px solid #e3e3e3;
    padding: 20px;*/
    margin: 40px 0 40px;
}
.stock-block > p:not([class]) {
    display: block;
    color: #8F9297;
    font-size: 20px;
    line-height: 24px;
    font-family: "industry", sans-serif;
    margin-bottom: 10px;
    font-weight: 500;
}
.stock-block > p:not([class]) > span {
    color: #FF6721;
    font-weight: 600;
}
.progress.stock-bar {
    height: 34px;
    overflow: hidden;
    border-radius: 4px;
    /*border: 2px solid #FF6721;*/
    background-color: #e3e3e3;
    /*background: linear-gradient(to bottom, #C3C3C3, #D7D7D7);*/
    padding: 0;
    width: 100%;
    max-width: 500px;
}
.progress.stock-bar .progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    border-radius: 0 4px 4px 0;
    text-align: center;
    background-color: #FF6721;
    background-image: url("images/backgrounds/bg-grid-orange.png");
    background-size: 160px auto;
    animation: ticker-anim 6s linear infinite;
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}
.progress.stock-bar .progress-label {
    float: left;
    position: relative;
    font-size: 16px;
    line-height: 16px;
    padding: 10px 8px;
    font-weight: 700;
    color: #FF6721;
    font-style: italic;
    text-transform: uppercase;
    font-family: "industry", sans-serif;
    animation: stock-label-anim 1.5s ease-in-out infinite;
}
@keyframes stock-label-anim {
    0% {right: 0px; color: #FF6721}
    50% { right: -5px; color: #EF492F}
    100% { right: 0px; color: #FF6721}
}
.stock-block > p.stock-buttons {
    margin: 15px 0 0;
}
.stock-block > p.stock-buttons > a {
    color: #8F9297;
    font-size: 12px;
    line-height: 14px;
    display: inline-block;
    font-family: "industry", sans-serif;
    font-weight: 500;
    margin-right: 4px;
    background-color: #fff;
    border: 2px solid #e3e3e3;
    border-radius: 2px;
    padding: 8px 12px;
}
.stock-block > p.stock-buttons > a:hover {
    color: #fff;
    background-color: #FF961F;
    border: 2px solid #FF961F;
    text-decoration: none;
}
.stock-block > p.stock-buttons > a > i {
    margin-right: 4px;
}

/* Axle builder page  ST */
button#reset
{
    margin-right: 10px;
}
.axle_block {
    display: none;
}
.axle-builder-form label .red-caption {
    display: inline-block;
    background-color: #FF6721;
    color: #FFF;
    border-radius: 20px;
    padding: 2px 5px;
    min-width: 10px;
    text-align: center;
    position: relative;
    top: -3px;
    font-size: 12px;
}
.axle-builder h3 {
    margin-top: 30px;
    border-bottom: 1px solid #EEE;
}
.axle-type-selector .field {
    padding: 10px;
    text-align: center;
}
.axle-type-selector .field label {
    text-align: center;
}
.axle-type-selector .field:hover label {
    color: #002D72;
}
.axle-builder .form-block .field {
    width: 50%;
    box-sizing: border-box;
    margin: 0;
    padding: 10px 5px 0 0;
    float: none;
    padding-top: 5px;
}
.axle-builder .form-block .field input[type='text'], .axle-builder .form-block .field textarea {
    width: 100%;
    box-sizing: border-box;
}
.axle-builder .form-block.inline .field {
    width: auto;
    min-width: 250px;
    float: left;
}
.axle-builder .form-block.inline .field input, .axle-builder .form-block.inline .field label, .axle-builder .form-block.inline .field select {
    display: inline-block;
}
.axle-builder .form-block .field.inline input, .axle-builder .form-block .field.inline label, .axle-builder .form-block .field.inline select {
    display: inline;
}
.axle-builder .form-block .field.inline-block input, .axle-builder .form-block .field.inline-block label, .axle-builder .form-block .field.inline-block select {
    display: inline-block;
}
.axle-builder .form-block .field.inline-block label {
    width: 25%
}
.axle-builder .form-block .field.inline-block input[type='text'] {
    width: 74%
}
.axle-builder .form-block.inline .field input[type='radio'], .axle-builder .form-block.inline .field input[type='checkbox'] {
    margin-right: 5px;
}
.axle-builder .form-block.full .field, .axle-builder .form-block .field.full {
    width: 100%;
}
.axle-builder .form-block .field.long {
    width: 575px;
}
.axle-builder .form-block .field.long.inline-block label {
    width: 66%
}
.axle-builder .form-block .field.long.inline-block input[type='text'] {
    width: 33%
}
.axle-builder .form-block .field.short {
    width: 350px;
}
.axle-builder .form-block .field.short.inline-block label {
    width: 44%
}
.axle-builder .form-block .field.short.inline-block input[type='text'] {
    width: 55%
}
.axle-builder .form-block .field input[type='number'] {
    width: 50px;
}
.axle-builder .form-block .field select {
    width: 200px;
}
.axle-builder .form-block .field .marg-top {
    margin-top: 8px;
}
.axle-builder .form-block .field label.vtop {
    vertical-align: top;
}
.axle-builder img {
    max-height: 400px;
}
.axle-builder .image {
    margin-top: 10px;
    border: 1px solid #EEE;
    border-radius: 10px;
    position: relative;
}
.axle-builder .image p {
    color: #999;
    font-size: 12px;
    text-transform: uppercase;
    position: absolute;
    top: 5px;
    left: 5px;
    margin: 0;
    padding: 5px 10px;
    border: 1px solid #EEE;
    border-radius: 5px;
    transition: all 0.2s ease-in-out 0s;
}
.axle-builder .image p:hover {
    color: #002D72;
    border-color: #002D72;
}
.axle-builder .form-block .field label.option-black {
    color: #000;
    font-weight: 800;
}
.axle-builder .form-block .field label.option-red {
    color: #c30;
    font-weight: 800;
}
.axle-builder .form-block .field label.disclaimer {
    font-weight: 600;
}
.axle-type-selector .field {
    width: 33% !important;
    padding: 10px !important;
}
.axle-select-box {
    padding: 10px !important;
    border: 3px solid #002D72;
    border-radius: 5px;
    transition: all 0.2s ease-in-out 0s;
    cursor: pointer;
}
.axle-type-selector .field .axle-select-box:hover, .axle-type-selector .field .axle-select-box.highlight {
    border-color: #FF6721;
    box-shadow: 3px 3px 5px #eee;
}
.axle-type-selector .field img {
    width: 100%;
}
.axle-builder .form-block .field label span.small {
    font-size: 10px;
    margin-left: 10px;
}
.axle-builder-form img.axle-diagram {
    max-width: 100%;
}
/* Axle builder page  END */

/*Post News*/
.post-type-news.coltable {
    display: flex;
    flex-wrap: wrap;
    align-content: stretch;
    justify-content: flex-start;
}
.post-type-news.coltable > .col {
    float: none;
    display: block;
    padding: 5px 5px 25px;
}
.post-type-news .post-item {
    border: none;
}
.post-type-news .post-item .post-image {
    border: none;
    border-radius: 4px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 0 0px #FF961F;
    transition: all 0.15s ease-in-out 0s;
}
.post-type-news .post-item .post-image img {
    transition: all 0.15s ease-in-out 0s;
}
.post-type-news .post-item .post-image:hover {
    box-shadow: 0 0 0 3px #FF961F;
}
.post-type-news .post-item .post-image:hover img {
    transform: scale(1.1);
}
.post-item .post-image.date-label .date {
    display: block;
    padding: 6px 12px 8px !important;
    background-color: #002257;
    border-radius: 0 2px 2px 0;
    position: absolute;
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    top: 6px;
    left: 0px;
    opacity: 0.6;
    z-index: 10;
    transition: all 0.15s ease-in-out 0s;
}
.post-item:hover .post-image.date-label .date {
    padding-left: 16px !important;
    background-color: #FF961F;
    opacity: 1;
}
.post-wrap.post-type-news .post-item .post-body {
    height: auto;
    display: block;
    padding: 15px 15px 15px 0;
    transition: all 0.15s ease-in-out 0s;
}
.post-wrap.post-type-news .post-item .post-body > h3 {
    display: block;
    min-height: auto;
    width: 100%;
    margin: 0;
    font-size: 22px;
    line-height: 24px;
    color: #002257;
    font-weight: 600;
    transition: all 0.15s ease-in-out 0s;
}
.post-wrap.post-type-news .post-item .post-body:hover > h3 {
    color: #FF6721;
}

/*News Page*/
.post-type-news > .body > .frame {
    width: 100% !important;
    max-width: 100% !important;
    padding: 0px;
}

.news-frame.frame {
    padding: 50px 0 40px;
}
.news-frame > .post-content {
    padding: 20px 0 30px;
}

.news-intro {
    padding-right: 180px;
}
.news-intro .breadcrumb {
    padding-bottom: 10px;
}
.news-intro.capsule-container .wrap .capsule {
    display: inline-block;
    margin: 10px 0 10px 10px;
    border: none;
    border-radius: 4px;
    background-color: #E5E5E6;
    color: #595A5B;
    padding: 10px 20px 12px;
}

.news-gallery .image-container > .col {
    padding: 4px;
}
.news-gallery .image-container .image-wrap img {
    padding: 0;
    border: none;
    filter: brightness(0.95);
    border-radius: 4px;
}
.news-gallery .image-container .image-wrap img:hover {
    box-shadow: 0 0 0 3px #FF961F;
    filter: brightness(1);
}

/*Resource Page*/
.post-type-resource .body {
	padding-bottom: 0px;
}

.hide {
    display: none !important;
}
.fa.orange, .fas.orange, .far.orange, .fal.orange, .fab.orange {
    color: #FF6721;
}
.fa.blue, .fas.blue, .far.blue, .fal.blue, .fab.blue {
    color: #002257;
}

/*Flex Block*/
.post-builder .flex-block {
    display: flex; 
    align-items: stretch;
    justify-content: center;
    align-content: stretch;
}
.post-builder .flex-block > .pb-column {
    float: none;
    display: flex;
    padding: 0 10px;
    flex-wrap: nowrap;
    flex-direction: column;
}
.post-builder .flex-block > .pb-column > .pb-block {
    width: 100%;
    display: block;
    height: initial;
}
.post-builder .flex-block > .pb-column > .pb-block-type-text { 
    height: 100%;
}
.post-builder .flex-block > .pb-column > .pb-block-type-text h2 {
    line-height: 1;
}
.post-builder .flex-block > .pb-column > .pb-block-type-text p:last-child {
    margin: 0;
    margin-top: auto;
}

.price-box .price-rrp {
    color: #898D93;
    font-size: 22px;
    line-height: 22px;
    font-weight: normal;
}

/******RESPONSIVE OVERRIDE*****/
@media screen and (max-width:1400px) {
    .body {
        padding: 50px 0;
    }
    
    .banner .slider-wrapper .slide-image {
        height: 450px !important; 
        background-position: center;
        background-size: cover;
        box-shadow: inset -9999px 0 0 rgba(7,23,48,0.3);
    }
    .banner .slider-wrapper .slide-cell {
        text-align: center;
    }
    
    .product-box.type-list .options-add #form-add-cart label {
        top: 12px;
        padding: 4px 10px 7px;
    }
    .product-box.type-list .options-add #form-add-cart input {
        width: 100%;
        font-size: 20px;
        line-height: 22px;
        padding: 8px 6px 12px;
        padding-left: 71px;
    }
    .product-box.type-list .options-add #form-add-cart button {
        width: 100%;
        margin-top: 5px;
        font-size: 12px;
        line-height: 14px;
        padding: 13px 12px 12px;
    }
}
@media screen and (max-width:1200px) {
    .headcol > .col.searchbar {
        width: 30%;
    }
    .headcol > .col.logo-wrap,
    .headcol > .col.slogan {
        width: 35%;
    }
    .headcol > .col.slogan h3 {
        font-size: 22px;
        line-height: 24px;
    }
    .headcol > .col.slogan img {
        height: 100px;
        display: inline-block;
        vertical-align: middle;
        position: relative;
        bottom: -28px;
        margin-left: -28px;
    }
    
    .pb-block-type-product .box {
        padding: 5px;
    }
    .pb-block-type-product .box .title {
        margin: 25px 0 15px;
        font-size: 18px;
        line-height: 1.1;
        padding: 0 10px;
    }
    
	iframe {
		width:100% !important;
	}
	.section-feature.sf-about,
	.section-feature.sf-gift,
	.section-feature.sf-party {
		padding-left: 20px;
		padding-right: 20px;
	}
	.mobi-box {
		padding: 20px;
		box-sizing: border-box;
		border-radius: 20px;
		background-color: rgba(255,255,255,0.8);
		color: #000;
	}
	.mobi-box .h2,
	.mobi-box .h3,
	.mobi-box a,
	.mobi-box p {
		color: #000 !important;
		text-shadow: none !important;
		border-color:#000 !important;
	}
	.section-feature.sf-party,
	.section-feature.sf-about {
		background-position: left top;
	}
    
    .banner .slider-wrapper .slide-image {
        height: 400px !important; 
    }
    .banner .slider-wrapper .slide-cell h2 {
        font-size: 60px;
    }  
    
    .tpman-section .pb-block-type-text p {
        font-size: 16px;
        line-height: 1.5;
    }
    .tpman-section .pb-block-type-text h2 {
        font-size: 30px;
        line-height: 1.1;
    }
    
    .footer .main-footer > .col {
        width: 22.222%;
    }
    .footer .main-footer > .col.footer-contact,
    .brand-footer .coltable > .col:first-child {
        width: 33.333%;
    }
    .brand-footer .coltable > .col:last-child {
        width: 66.666%;
    }
    .brand-footer .coltable > .col:first-child img {
        padding-right: 30px;
    }
    .footer p.copy-info a {
        display: block;
    }
    
    .locol.coltable > .col > .box p {
        font-size: 16px;
        line-height: 20px;
    }
}
@media screen and (max-width:1120px) {
    
    .product-box .title {
        padding: 10px 14px 15px;
    }
    .product-box .options {
        padding: 0 14px 10px;
    }
    .product-box .options-add #form-add-cart {
        flex-wrap: wrap;
    }
    .product-box .options-add #form-add-cart input {
        width: 100%;
    }
    .product-box .box .options-add button.bt-add, 
    .product-box .box .options-add button,
	.post-wrap.coltable.col3 > .col .post-item .post-option .button {
        display: block;
        width: 100%;
        margin-top: 5px;
    }
    .product-box > li > .box > .image {
        margin: 0 auto 15px;
        max-width: 250px;
    }
}
@media screen and (max-width:1000px) and (min-width:900px) {
    .product-box.type-list > li .box .title > a {
        font-size: 16px;
        line-height: 20px;
    }
    .product-box.type-list > li .box .image > a {
        min-width: 120px;
        max-width: 120px;
        width: 120px;
        padding-top: 120px;
    }
    
    .product-box > li {
        width: 50%;
    }
}
@media screen and (max-width:1050px) {
    .navigation > .frame {
        width: 100%;
    }
    
    .page-account > .body,
    body.zulu-checkout_index .body, 
    body.zulu-checkout_payment .body, 
    body.zulu-checkout_summary .body {
        padding: 40px 0;
    }
    .accol > .col.w25,
    .accol > .col.w75 {
        padding: 0;
        display: block;
        width: 100%;
    }
    .accol > .col.w75 {
        padding-top: 40px;
    }
    
    .accol > .col.w25 > .stickybox {
        text-align: center;
    }
    .accol > .col.w25 > .stickybox h1.pro-title {
        margin-bottom: 15px;
        margin-top: 15px;
    }
}
@media screen and (max-width:1000px) {
    .tpman-section {
        position: relative;
    }
    .tpman-section .pb-column {
        display: block;
        float: none;
        width: 100%;
        text-align: center;
        position: static;
    }
    .tpman-section .pb-row .pb-column:first-child {
        width: 70%;
        padding: 0;
    }
    .tpman-section .pb-block-type-image img {
        position: absolute;
        bottom: 0px;
        right: -150px;
        height: 110%;
        width: auto !important;
    }
    
    .brand-footer .brands h4 {
        display: none;
    }
}
@media screen and (max-width:900px) {
    .body {
        padding: 35px 0;
    }
    body .header {
        padding: 65px 0 25px;
    }
    
    .header > .alert {
        top: -25px;
        padding: 12px 20px 14px;
    }
    
    .header > .frame .logo {
        height: 55px;
        max-width: 245px;
    }
    .headcol > .col.logo-wrap, 
    .headcol > .col.searchbar {
        width: 50%;
    }
    .headcol > .col.slogan,
    .headcol > .col.slogan > h3,
    .headcol > .col.slogan > img {
        display: none;
    }
    .headcol > .col.searchbar {
        text-align: right;
    }
    .headcol > .col.searchbar form {
        display: inline-block;
        width: 250px;
        padding-right: 20px;
    }
    .headcol > .col.searchbar form input {
        font-size: 14px;
        line-height: 16px;
        padding: 11px 14px 13px;
        padding-left: 40px;
    }
    .headcol > .col.searchbar form button {
        padding: 9px;
    }
    .headcol > .col.searchbar form button i.fas::before {
        font-weight: 800;
    }
    .headcol > .col.searchbar a.mobile-menu-trigger {
        display: inline-block;
        width: auto; 
        color: #D1D2D4;
        font-size: 40px;
        line-height: 0.8;
    }
    
    .navigation {
        position: absolute;
        top: 144px;
        border-radius: 0;
        background-color: #002257 !important;
        backdrop-filter:none;
    }
    
    .address-cards.coltable.padcol > .col {
        width: 50%;   
    }
    
    /*Product*/
    .product-browse-header {
        padding: 30px;
    }
    
    .sort-box .coltable .col:last-child {
        width: 235px;
    }
    .product-box > li {
        width: 33.333%;
    }
    .product-box > li > .box > .image {
        max-width: 150px;
    }
    
    .deals-header .product-browse-header h1.grabapart-logo {
        height: 55px;
        width: 100%;
        max-width: 300px;
        margin-bottom: 10px;
    }
    
    /*flexblock*/
    .post-builder .flex-block,
    .post-builder .flex-block > .pb-column {
        display: block;
        width: 100%;
    }
    .post-builder .flex-block > .pb-column {
        padding: 10px 0;
    }
    .post-builder .flex-block > .pb-column > .pb-block-type-text {
        height: auto;
    }
}
@media screen and (max-width:1200px) and (min-width:800px) {
    .vid-items.coltable > .col {
        padding: 5px 0;
        width: 100%;
    }
}
@media screen and (max-width:800px) {
	.h2, h2 {
		font-size: 30px;
		line-height: 30px;
	}
    .h3, h3 {
        
    }
    p {
        font-size: 16px;
        line-height: 1.5;
        color: #444444;
    }
    .title-line h3 {
        padding-bottom: 40px;
    }
    .title-line h3::after {
        bottom: 25px;
    }
    .mini-frame {
        width: 100%;
    }
    
	.section-feature.sf-gift .h2, .section-feature.sf-party .h2 {
		font-size: 32px;
		line-height: 30px;
		color: #90469b !important;
	}
    
    .banner .slider-wrapper .slide-image {
        height: 350px !important;
    }
	.banner h2, .banner .h2,
	.banner h1, .banner .h1 {
		font-size: 24px;
		line-height: 24px;
		margin: 0 0 5px;
	}
	.banner .bt {
		transform: scale(0.6,0.6);
	}
	.section-feature.sf-gift {
		background-size: cover;
	}
    
    .brand-footer {
        padding: 35px 0;
    }
    .brand-footer .coltable > .col {
        width: 100% !important;
        display: table;
        text-align: center;
        margin: 0 auto;
        max-width: 500px;
    }
    .brand-footer .coltable > .col:first-child {
        padding-bottom: 30px;
    }
    .brand-footer .coltable > .col:first-child img {
        padding-right: 0px;
    }
    
    .footer {
        position: relative;
        padding-bottom: 120px;
    }
    .footer .main-footer > .col,
    .footer .main-footer > .col.footer-contact {
        width: 50%;
        float: left;
        display: inline-block;
        text-align: center;
        padding: 0 !important;
    }
    .footer h4 {
        margin: 0 auto 10px;
        padding-bottom: 12px;
    }
    .footer .main-footer > .col:nth-child(3),
    .footer .main-footer > .col:nth-child(4){
        margin-top: 40px;
    }
    .footer h4::after {
        transform: translateX(-50%);
        left: 50%;
    }
    .footer a.button {
        margin: 10px 0 0;
    }
    
    .footer .foot-menu {
        padding-right: 0px;
    }
    .footer .credit {
        display: table;
        clear: both;
        margin: 0 auto;
    }
    .footer .credit > img {
        width: 50px;
        float: left;
        border-radius: 2px;
        display: inline-block;
        vertical-align: middle;
        margin: 0 3px 6px;
    }
    .footer .social > a {
        margin: 0 10px;
    }
    
    .footer p.copy-info {
        position: absolute;
        bottom: 40px;
        right: 0;
        left: 0;
    }
    .footer p.copy-info a {
        display: inline;
    }
    
    /*Product*/
    .product-browse-header {
        padding: 30px;
    }
    /*.zulu-product .product-browse-header {
        padding-bottom: 60px;
    }*/
    .product-browse-header h1 {
        font-size: 30px;
        line-height: 32px;
    }
    
    .procol {
        padding-top: 25px;
    }
    .procol > .col:first-child,
    .procol > .col:last-child {
        width: 100%;
        display: block;
        padding: 0;
    }
    .procol > .col:last-child {
        padding-top: 20px;
    }
    .procol .product-image-container {
        width: 100%;
        max-width: 350px;
        display: table;
        margin: 0 auto;
        border-radius: 4px;
    }
    .procol .attribute-select .field {
        float: none;
        display: inline-block;
        vertical-align: middle;
    }
    
    .procol .category-breadcrumbs,
    .procol h1,
    .procol p.sku-code {
        text-align: center;
    }
    
    .procol .price-box,
    .procol .attribute-select,
    .extra-category-breadcrumbs {
        text-align: center;
    }
    .procol .attribute-select #form-add-cart button.bt-add {
        width: 100%;
    }
    .product-description {
        padding-top: 30px;
        margin-top: 30px;
        border-top: 2px solid #e3e3e3;
    }
    
    .vid-block > .col:first-child,
    .vid-block > .col:last-child {
        display: block;
        padding: 5px 0;
        width: 100%;
        text-align: center;
    }
    .vid-block > .col:first-child {
        padding: 5px 0 20px;
    }
}
@media screen and (max-width:767px) {
    .tpman-section .pb-block-type-image img {
        right: -180px;
        height: 105%;
    }
    
    .pb-block-type-product .box .image {
        max-width: 340px;
        display: table;
        margin: 0 auto;
    }
    
    .review-footer {
        padding: 70px 0;
    }
    .review-footer #clientSlider > li > .content p {
        font-size: 16px;
        line-height: 1.4;
    }
    .review-footer .lSSlideOuter .lSAction > a {
        display: none;
    }
    
    .form-block .field {
        width: 50%;
    }
    
    .product-box.type-list > li .box .image,
    .product-box.type-list > li .box .options,
    .product-box.type-list > li .box .options-add {
        width: 15%;
    }
    .product-box.type-list > li .box .title {
        width: 55%;
    }
    .product-box.type-list > li .box .title > a {
        font-size: 16px;
        line-height: 20px;
    }
    .product-box.type-list > li .box .image > a {
        min-width: 100px;
        max-width: 100px;
        width: 100px;
        padding-top: 100px;
    }
    .product-box.type-list > li > .box > .options .options-price {
        font-size: 18px;
        line-height: 22px;
    }
    .product-box.type-list .options-add #form-add-cart input {
        width: 100%;
        font-size: 18px;
        line-height: 20px;
        padding: 6px 6px 10px;
        padding-left: 71px;
    }
    .product-box.type-list .options-add #form-add-cart label {
        top: 9px;
    }
    .product-box.type-list .options-add #form-add-cart button {
        font-size: 10px;
        line-height: 12px;
        padding: 10px 12px 10px;
    }
}
@media screen and (max-width:767px) and (min-width:580px) {
    .cart-row .cart-controls {
        text-align: center;
        padding: 5px 0 0;
    }
    .cart-row .cart-controls .field {
        padding-left: 0px;
    }
    .cart-row .cart-controls .field.field-qty {
        display: table;
        width: auto;
        float: none;
        margin: 0 auto 6px;
    }
    .cart-row .cart-controls .field .button {
        background-color: #ddd;
        padding: 8px 10px 6px;
        border-radius: 0px;
    }
}
@media screen and (max-width:700px) {
    .tpman-section {
        overflow: hidden;
        background-image: url("images/backgrounds/bg-grid-blue.png");
        background-size: 180px auto;
    }
    .tpman-section .pb-column {
        display: block !important;
        float: none !important;
        width: 100% !important;
        text-align: center;
        position: static;
    }
    .row-container .tpman-section .pb-block > .pb-block-content {
        margin: 0;
    }
    .tpman-section .pb-block-type-image img {
        position: static;
        height: 400px;
        width: auto;
        padding-top: 30px;
        margin-bottom: -160px;
    }   
    
    .locol.coltable.col3 > .col {
        width: 50%;
    }
}
@media screen and (max-width:660px) {
    body .header {
        padding: 25px 0 25px;
    }
    .headcol > .col.searchbar form {
        display: none;
    }
    .navigation {
        top: 138px;
    }
    
    .global-header {
        padding: 0;
        position: relative;
    }
    .global-header > .frame {
        width: 100%;
    }
    .global-header ul.account > li.text-left {
        display: none;
    }
    .global-header ul.account > li {
        width: 50%;
        text-align: center;
    }
    .global-header ul.account > li > p {
        display: table;
        width: 100%;
        vertical-align: middle;
    }
    .global-header ul.account > li > p > em {
        display: none;
    }
    .global-header ul.account > li > p > a {
        display: table-cell;
        width: 50%;
        padding: 10px 10px 12px;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 500;
        line-height: 1;
        white-space: nowrap;
    }
    .global-header ul.account > li.text-center > p > a:first-child {
        background-color: #FFA131;
    }
    .global-header ul.account > li.text-center {
        background-color: #FF961F;
    }
    .global-header ul.account > li.text-right {
        background-color: #F38210;
    }
    .global-header ul.account > li.text-right > p > a:last-child {
        background-color: #E87005;
    }
    .global-header ul.account > li > p > a:hover {
        background-color: #002D72 !important;
        color: #fff !important;
    }
    
    .brand-footer .coltable > .col {
        width: 95% !important;
        max-width: 350px;
    }
    .brand-footer .brands img {
        height: 30px;
    }
    .brand-footer .coltable > .col:first-child {
        padding-bottom: 20px;
    }
    .brand-footer .coltable > .col:first-child img {
        max-width: 180px;
    }
    
    .product-box > li {
        width: 50%;
    }
    .product-box.type-list > li > .box > .options .options-price {
        font-size: 20px;
        line-height: 24px;
        padding-right: 0;
    }
    .product-box.type-list > li .box .title {
        padding-left: 0px;
    }
    .product-box.type-list > li .box .title > a {
        font-size: 14px;
        line-height: 18px;
    }
    
    .body.page-login, 
    body.page-login .body {
        padding: 50px 0 60px;   
    }
}
@media screen and (max-width:600px) {    
	.section-feature.sf-about {
		background-size: contain;
	}
	
    .banner .slider-wrapper .slide-image {
        height: 300px !important; 
    }
    .banner .slider-wrapper .slide-cell h2 {
        font-size: 50px;
    }
    .banner .slider-wrapper .slide-cell a.button,
    .banner .slider-wrapper .slide-cell a.button:hover {
        padding: 8px 22px;
        font-size: 18px;
    }
    
    .address-cards.coltable.padcol > .col {
        width: 100%;   
    }
}
@media screen and (max-width:580px) { 
    h1, .h1 {
        font-size: 32px;
        line-height: 32px;
    }
    h3, .h3 {
        font-size: 28px;
    }
    h3, .h3 {
        font-size: 22px;
    }
    
    .headcol > .col.searchbar {
        display: table-cell;
        width: 50% !important;
    }
    
    .footer .main-footer > .col,
    .footer .main-footer > .col.footer-contact {
        width: 100%;
        text-align: center;
        display: block;
    }
    .footer h4 {
        margin: 40px auto 10px;
        padding-bottom: 12px;
    }
    .footer .main-footer > .col.footer-contact h4 {
        margin-top: 0px;
    }
    
    .cart-row {
        text-align: center;
    }
    .cart-row > .coltable > .col.col-image img {
        border: none;
        max-width: 200px;
        min-width: 140px;
        width: 100%;
    }
    .cart-row .cart-controls {
        margin-top: 10px;
    }
    .cart-row > .coltable > .col.col-price {
        padding: 0 15px 25px;
    }
    
    .form-block .field {
        width: 100%;
    }
    
    .sort-box {
        padding: 0;
    }
    .sort-box .form-block.filter {
        margin-top: 0px;
    }
    .sort-box > .coltable > .col {
        display: table-cell;
        width: 50% !important;
        vertical-align: middle;
    }
    .sort-box > .coltable > .col:first-child,
    .sort-box p {
        text-align: left;
        padding: 0;
    }
    .sort-box > .coltable > .col:last-child,
    .sort-box .form-block.filter {
        text-align: right;
    }
	.product-box > li > .box > .image, .post-wrap.list-tile .post-item .post-image {
		max-width: 150px;
		margin: 0 auto 15px;
	}
    
    .procol .image-container.gallery > .col {
        width: 33.333% !important;
        display: table-cell;
    }
    
    /*Timer*/
    .deals-header .deals-countdown-section p {
        display: block;
        margin-right: 0px;
        margin-bottom: 5px;
    }
    .deals-header .deals-countdown-section p, 
    .deals-header .deals-countdown-section div.time-container, 
    .deals-header .deals-countdown-section div.time-divider {
        font-size: 20px;
        line-height: 20px;
    }
    .deals-header .deals-countdown-section div.time-container > .number {
        width: 24px;
    }
    .deals-header .deals-countdown-section div.time-divider {
        margin: 0 2px 0 1px;
    }
}
@media screen and (max-width:520px) { 
    .product-box.type-list > li .box .image,
    .product-box.type-list > li .box .title,
    .product-box.type-list > li .box .options,
    .product-box.type-list > li .box .options-add {
        width: 100%;
        display: block;
        vertical-align: middle;
    }
    .product-box.type-list > li .box .title {
        padding-left: 14px;
        padding-bottom: 8px;
    }
    .product-box.type-list > li .box .image {
        margin-bottom: 5px;
    }
    .product-box.type-list > li .box .image > a {
        min-width: 100px;
        max-width: 100px;
        width: 100px;
        padding-top: 100px;
        display: table;
        margin: 0 auto;
    }
    
    .sort-box .form-block.filter .field.view-type {
        display: none;
    }
    
    .product-browse-header h1 {
        font-size: 24px;
        line-height: 28px;
    }
    .product-browse-header .category-breadcrumbs .breadcrumb,
    .product-browse-header .category-breadcrumbs .breadcrumb-divider {
        font-size: 10px;
    }
    .product-browse-header p.sku-code {
        font-size: 16px;
        line-height: 18px;
        margin: 10px 0 0;
    }
    
    .grid-table {
        height: 60vh;
        width: 360px;
        overflow: scroll;
        padding: 5px 10px;
        background-color: #fafafa;
        border: 1px solid #ddd;
        border-radius: 5px;
        display: block;
        margin: 20px auto;
    }
    
    .login-column > h1 {
        font-size: 26px;
    }
}
@media screen and (max-width:480px) { 
    .body {
        padding: 25px 0;
    }
    p {
        font-size: 14px;
        line-height: 1.4;
    }
    body .header {
        padding: 20px 0;
    }
    .header > .alert {
        top: -20px;
        padding: 10px 20px 12px;
    }
    .header > .frame .logo {
        height: 42px;
        max-width: 210px;
    }
    .navigation {
        top: 116px;
    }
    
    .tpman-section .pb-block-type-text p {
        font-size: 14px;
        line-height: 1.4;
    }
    .tpman-section .pb-block-type-text h2 {
        font-size: 24px;
        line-height: 1.2;
    }
    .tpman-section .pb-block-type-image img {
        height: auto !important;
        width: 90% !important;
        margin-bottom: -100px;
    }  
    
    .review-footer {
        padding: 50px 0;
    }
    .review-footer #clientSlider > li > .content p {
        font-size: 14px;
        line-height: 1.3;
    }
    
    .brand-footer .coltable > .col {
        max-width: 300px;
    }
    .brand-footer .brands img {
        height: 25px;
    }
    .brand-footer .coltable > .col:first-child {
        padding-bottom: 15px;
    }
}
@media screen and (max-width:400px) {
    .grid-table {
        width: 330px;
    }  
    .login-column .field.submit {
        flex-wrap: wrap;
    }
    .login-column .field.submit button,
    .login-column .field.submit a {
        display: block;
        width: 100%;
        margin: 5px 0;
        text-align: center;
    }
    
    .procol {
        padding-top: 10px;
    }
}
@media screen and (max-width:380px) {
    .global-header ul.account > li > p > a {
        padding: 9px 8px 11px;
        font-size: 10px;
    }
    
    .product-box > li {
        width: 100%;
        display: table;
        max-width: 320px;
        margin: 0 auto;
    }
    
    .cart-row .cart-controls {
        text-align: center;
        padding: 5px 0 0;
    }
    .cart-row .cart-controls .field {
        padding-left: 0px;
    }
    .cart-row .cart-controls .field.field-qty {
        display: table;
        width: auto;
        float: none;
        margin: 0 auto 6px;
    }
    .cart-row .cart-controls .field .button {
        background-color: #ddd;
        padding: 8px 10px 6px;
        border-radius: 0px;
    }
}