/*  
Theme Name: 
Theme URI: 
Description: 
Version: 1.0
Author: Studio 313
Author URI: studio313.com.au
*/

/** RESET **/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* box-sizing border box */
html {-webkit-box-sizing: border-box; box-sizing: border-box;}
*, *:before, *:after {  -webkit-box-sizing: inherit;  box-sizing: inherit; }

/** SITE STYLES **/
html {background:#333 !important; overflow-x: hidden;}
body { -webkit-text-size-adjust: none; background-color:#fff !important; font-size:15px;}

h1, h2, h3, h4 { font-family: 'Open Sans', sans-serif; margin:0; padding:0; text-decoration:none; border:none; line-height:140%; font-weight:700;}

h1 { font-size: 20px; color:#ed6d03; margin:0 0 10px 0;}
h2 { font-size: 17px; color:#ed6d03; margin:0 0 7px 0;}
h3 { font-size: 14px; color:#ed6d03; margin:0 0 7px 0;}
h4 { font-size: 14px; color:#ed6d03; margin:0 0 7px 0; font-weight:400;}

p, a, li { font-family: 'Open Sans', sans-serif; margin:0; padding:0; text-decoration:none; border:none;}
p, li { color:#545454; line-height:140%;}
p { margin:0 0 7px 0;}

sup { font-size:12px;}

a, button { text-decoration:none; color:#ed6d03; border:none;
    -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
a:hover { text-decoration:none; color:#333;}

ul, ol { margin-left:0px; margin-bottom:10px;}
ul { list-style:disc;}
ol { list-style:decimal;}

table { margin:20px auto;}
th { text-transform:uppercase; border-bottom:2px solid #aaa !important;}
th, td { padding:10px; border:1px solid #ccc;}
table tr:nth-of-type(even) { background:#f2f2f2;}
@media screen and (max-width: 600px) {table { overflow-x: auto; display: block; border-right:1px dashed #ccc; padding:30px 0; }}

b, strong { font-family: 'Open Sans', sans-serif; font-weight: 700;}
em, i { font-family: 'Open Sans', sans-serif; font-style: italic;}
em b, i b, em strong, i strong { font-family: 'Open Sans', sans-serif; font-style: italic; font-weight: 700;}

img { max-width: 100%; height: auto;}

.container-fluid { padding-left: 0; padding-right: 0;}
.container { width: 100%; max-width: 1300px; display: block; margin-left: auto; margin-right: auto;}

/* colours */
	

/* fonts
font-family: 'Open Sans', sans-serif;
font-family: 'Oswald', sans-serif;
*/


/** TOP PANEL **/
.top-panel { background: #333; padding: 10px 15px;}

.top-panel .tp-home-btn { display: none;}

.top-panel .tp-search { position: relative;}
.top-panel .tp-search form { position: relative; width: 100%; text-align: right;}
.top-panel .tp-search form input[type=text] { width: calc(100% - 60px); height: 35px; padding: 10px; margin-left:5px; background: rgba(255,255,255,0.3); border: 0; -webkit-appearance: none; color: #fff; font-family: 'Open Sans', sans-serif; font-size: 12px; float: left;}
.top-panel .tp-search form button { background: #ed6d03; width: 50px; border: 0; -webkit-appearance: none; height: 35px; position: relative;z-index: 1000; cursor: pointer;}
.tp-search button i { color: #fff; font-size: 20px; -webkit-transition:all .4s ease-out; transition:all .4s ease-out;}
.tp-search button:hover i { font-size: 30px; }

.top-panel .tp-search form input[type=text]::-webkit-input-placeholder { color: rgba(255,255,255,0.6); }
.top-panel .tp-search form input[type=text]::-moz-placeholder { color: rgba(255,255,255,0.6);}
.top-panel .tp-search form input[type=text]:-ms-input-placeholder {color: rgba(255,255,255,0.6);}
.top-panel .tp-search form input[type=text]:-moz-placeholder {color: rgba(255,255,255,0.6);}


.tp-menu { display: none;}


.tp-call { padding: 9px; text-align: center;}
.tp-call a { color: #fff; padding: 5px 10px; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 12px;}
.tp-call a:hover { color: #ed6d03;}

.tp-cart-btn { display: none;}

@media only screen and (min-width : 767px) {
    
    .top-panel .tp-home-btn, .tp-cart-btn { display: block;}
    
    .top-panel .tp-home-btn { width: 40px; margin-top: 6px;}
    .top-panel .tp-home-btn a { color: #fff; font-size: 24px;}
    .top-panel .tp-home-btn a:hover { color: rgba(255,255,255,0.5);}
    
    .top-panel .tp-search { position: relative;}
    .top-panel .tp-search form { position: absolute; right: 10px; top: 0;  width: calc(100% - 70px) !important; text-align: right;}
    
    .tp-call { padding-top: 9px;}
    .tp-call a { color: #fff; padding: 5px 10px; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 12px;}
    
    .tp-cart-btn a { display: block; background: #fff; color: #545454; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 12px; text-transform: uppercase; text-align: center; padding:10px 4px;}
.tp-cart-btn a:hover { background: #ed6d03; color: #fff;}

}

@media only screen and (min-width : 1200px) {
    .tp-menu { display: block;}
    .tp-call { padding-top: 9px; text-align: left;}
    
    .tp-menu ul { list-style: none; position: relative; text-align: right; margin: 5px 0 0 0; padding: 0;}
    .tp-menu ul li { display: inline-block;}
    .tp-menu ul li a { color: #fff; padding: 5px 10px; font-family: 'Open Sans', sans-serif; font-weight: 600; font-size: 12px;}
    .tp-menu ul li a:hover { color: rgba(255,255,255,0.5);}
}

@media only screen and (min-width : 1300px) {
    .tp-menu ul li a { padding: 5px 15px;}
}


/** HEADER **/
header { position:relative; margin:0; padding:0;}

.head-logo { width: 130px; height: auto; display: block; margin-left: auto; margin-right: auto; padding: 20px 10px 0;}
.head-logo img { width: 100%; height: auto;}
.navbar-brand { width: 80px; height: auto;}

@media only screen and (min-width : 700px) {
    .head-logo { width: 150px;}
    
}

@media only screen and (min-width : 992px) {
    .head-logo { width: 180px;}
    .navbar-brand { width: 100%; display: block; position: absolute; text-align: center; top:10px;}
    .navbar-brand img { width: 120px;}
    header ul.navbar-nav { margin-top: 120px;}
}


/* nav */
.dropdown-toggle::after {display:none;}

/*button.navbar-toggler { border-radius: 0; width: 100%; margin-bottom: 10px; color: #333; text-align: center; font-family: 'Open Sans', sans-serif; font-weight: 600; padding: 10px;}*/

button.navbar-toggler { font-size: 30px;}

.navbar-nav li a { color: #333; font-size: 14px; font-weight: 600; font-family: 'Open Sans', sans-serif;}
.navbar-nav li a:hover, .current-menu-item.active a { color:#EB6D21 !important;}
.navbar-nav li .dropdown-menu { border: 0;}
.navbar-nav li .dropdown-menu a { font-size: 13px; font-weight: 400;}

@media only screen and (min-width : 992px) {
    .navbar-nav li { padding-left:20px; padding-right: 20px; }
    .navbar-nav li a { font-size: 14px;}
}

@media only screen and (min-width : 1200px) {
    .navbar-nav li { padding-left:30px; padding-right: 30px; }
}
	
		
/* head items */

.head-search { width: 100%; max-width: 1000px; padding: 0 15px 15px; display: block; margin-left: auto; margin-right: auto; }

.head-search form input[type=text] { width: calc(100% - 60px); height: 32px; padding: 10px; background:#fff; border: 1px solid #ccc; border-right: none; border-radius: 0; -webkit-appearance: none; color: #545454; font-family: 'Open Sans', sans-serif; font-size: 12px; float: left;}
.head-search form button { background: #ed6d03; width: 60px; border: 0; -webkit-appearance: none; height: 32px; position: relative;z-index: 1000; cursor: pointer; border-radius: 0;}
.head-search button i { color: #fff; font-size: 20px; -webkit-transition:all .4s ease-out; transition:all .4s ease-out;}
.head-search button:hover i { font-size: 26px;}

@media only screen and (max-width : 700px) {
    .head-search { display: none;}
}

.head-del { background: #ed6d03;}
.head-del a { display: block; padding: 7px 15px;}
.head-del p { color: #fff; font-weight: 600; text-align: center; font-size: 12px; position: relative;}
.head-del:hover p { color: rgba(255,255,255,0.7);}
.head-del p::after { position: absolute; content: '\00279c'; color: #fff; font-weight: 600; font-size: 24px; position: relative; top: 5px; right: -10px; -webkit-transition:all .4s ease-out; transition:all .4s ease-out;}

.head-del:hover p::after { right: -20px;}

@media only screen and (min-width : 700px) {
    .head-del p { font-size: 14px;}
}

@media only screen and (min-width : 1000px) {
    .head-del p { font-size: 16px;}
}

.head-promo { background: #414042; position:  relative; z-index: 2;}
.head-promo a { display: block; padding: 10px 15px;}
.head-promo p { color: #ffc301; text-align: center; font-weight: 500; font-family: 'Oswald', sans-serif; font-size: 14px; letter-spacing: 1;}
.head-promo:hover p { color: rgba(255,255,255,1);}

@media only screen and (min-width : 700px) {
    .head-promo p { font-size: 16px;}
}

@media only screen and (min-width : 1000px) {
    .head-promo p { font-size: 18px;}
}
	
/** CONTENT **/

/* home carousel */
.home-carousel { background: #333; position:  relative; z-index: 1;  /*box-shadow: 0 0 40px rgba(0,0,0,1.0);*/}
.carousel-overlay { width: 100%; background: rgba(0,0,0,0.3);}
.carousel-overlay, .home-carousel .carousel-item { height: 350px;}
.home-carousel .carousel-item { background-position: top center !important; background-repeat: no-repeat !important; background-size: cover !important;}
.home-carousel .carousel-caption { max-width: 800px; margin-left: auto; margin-right: auto;}
.home-carousel .carousel-caption p { color: #fff; text-align: center; font-weight: 500; font-family: 'Oswald', sans-serif; font-size: 20px; letter-spacing: 1; text-shadow: 0 0 5px rgba(0,0,0,0.7);}
.home-carousel .carousel-caption a { background: rgba(255,195,1,1.0); color: #333; font-family: 'Open Sans', sans-serif; font-size: 14px; text-align: center; padding: 10px 15px; font-weight: 600; text-transform: uppercase; display: inline-block; margin-top: 30px; margin-bottom: 20px; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.home-carousel .carousel-caption a:hover { background: rgba(255,195,1,0.5); color: #fff; text-shadow: 0 0 5px rgba(0,0,0,1.0); padding: 10px 35px;}

@media only screen and (min-width : 700px) {
    .carousel-overlay, .home-carousel .carousel-item { height: 350px;}
    .home-carousel .carousel-caption p { font-size: 26px;}
    .home-carousel .carousel-caption a { font-size: 18px;}
}

@media only screen and (min-width : 1000px) {
    .carousel-overlay, .home-carousel .carousel-item { height: 400px;}
    .home-carousel .carousel-caption p { font-size: 36px;}
    .home-carousel .carousel-caption a { font-size: 20px;}
}

@media only screen and (min-width : 1200px) {
    .carousel-overlay, .home-carousel .carousel-item { height: 450px;}
    .home-carousel .carousel-caption { max-width: 1000px;}
    .home-carousel .carousel-caption p { font-size: 42px; text-shadow: 0 0 10px rgba(0,0,0,0.7);}
    .home-carousel .carousel-caption a { font-size: 22px;}
}
		

/* home brands */
				
.home-brands {background: #fff; /*background: -moz-linear-gradient(top, #f5f5f5 0%, #fff 100%); background: -webkit-linear-gradient(top, #f5f5f5 0%,#fff 100%); background: linear-gradient(to bottom, #f5f5f5 0%,#fff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#fff',GradientType=0 );*/ padding: 30px 10px 0px;}
.home-brands ul {  width: 100%; max-width: 1000px; display: block; margin: 0; margin-left: auto; margin-right: auto; text-align: center; list-style: none; padding: 0;}
.home-brands ul li { display: inline-block; width: 45%; vertical-align: middle; margin: 5px 5px 0;}
.home-brands ul li img { height: 30px; width: auto;}

@media only screen and (min-width :700px) {
    .home-brands ul li { width: 30%;}
    .home-brands ul li img { height: 40px; }
}

@media only screen and (min-width :1000px) {
    .home-brands ul li img { height: 50px; }
}

/* home info */
.home-info {background: #eb7922; background: -moz-linear-gradient(top, #eb7922 1%, #d3621c 100%); background: -webkit-linear-gradient(top, #eb7922 1%,#d3621c 100%); background: linear-gradient(to bottom, #eb7922 1%,#d3621c 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eb7922', endColorstr='#d3621c',GradientType=0 ); padding: 50px 0 30px;}
.home-info h1 { color: #fff; font-size: 30px; font-weight: 500; font-family: 'Oswald', sans-serif; text-align: center; margin-bottom: 50px;}
.home-info .h-info-wrap { background: #333333; border: 2px solid #333333; margin-bottom: 20px;}
.h-info-img { height: 200px;}
.h-info-img { width: 100%; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important;}
.home-info .h-info-title { padding: 15px 10px;}
.home-info .h-info-title h1 { color: #FFC301; font-family: 'Oswald', sans-serif; font-size: 18px; font-weight: 600;  margin: 0;  padding: 0;}

@media only screen and (min-width :1000px) {
    .h-info-img, .h-info-title { float: left; width: 45%;}
    .h-info-title {  width: 55%; position: relative; height: 200px;}
    .h-info-title div { position: relative; position: absolute;
  top: 50%;
  transform: translateY(-50%);}
    .home-info .h-info-title h1 {text-align: left; font-size:24px;}
}


/* home enews */

.home-enews {background: #0F66B5; background: -moz-linear-gradient(top, #0F66B5 0%, #1784ea 30%, #1784ea 70%, #0F66B5 100%); background: -webkit-linear-gradient(top, #0F66B5 0%,#1784ea 30%,#1784ea 70%,#0F66B5 100%); background: linear-gradient(to bottom, #0F66B5 0%,#1784ea 30%,#1784ea 70%,#0F66B5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0F66B5', endColorstr='#0F66B5',GradientType=0 );}
.home-enews > div { background: url(images/enews.png) left center no-repeat; padding: 50px 10px 30px;}
.home-enews h4, .home-enews p { color: #fff; text-align: center; font-size: 20px; max-width: 800px; display: block; margin-left: auto; margin-right: auto; font-weight: 600;}
.home-enews p { font-size: 16px; font-weight: 400;}

@media only screen and (min-width :1000px) {
    .home-enews h4, .home-enews p { font-size: 24px;}
    .home-enews p { font-size: 20px;}
}


/* pg cont */
.pg-cont { padding: 50px 15px 70px;}
.pg-cont img { margin-bottom: 10px;}

.pg-cont h1.pg-title { color: #333; font-size: 24px; font-weight: 500; font-family: 'Oswald', sans-serif; text-transform: uppercase; text-align: center;}

.pg-breadcrumbs, .pg-breadcrumbs a { color: #bcbec0; font-family: 'Open Sans', sans-serif; font-size: 12px; text-align: center; margin-bottom: 40px;}
.pg-breadcrumbs a:hover { color: #111;}
/*.pg-breadcrumbs a::before { content: '\00bb'; color: #bcbec0; padding: 0 7px;}*/

@media only screen and (min-width :1000px) {
    .pg-cont h1.pg-title { font-size: 36px;}
}


/* sidebar */
.pg-cont-sidebar-item { margin-bottom: 20px;}
.pg-cont-sidebar-item .sidebar-promo {}
.pg-cont-sidebar-item .sidebar-promo img { margin-bottom: 0; display: block;}
.pg-cont-sidebar-item .sidebar-promo a { display: block; color: #fff; background: #ed6d03; padding: 10px 15px 13px; text-align: center; font-size: 18px; font-weight: 600;}

.pg-cont-sidebar-item .sidebar-products {}
.pg-cont-sidebar-item .sidebar-products h4 { display: block; display: block; color: #ffc301; background: #333; padding: 10px 15px 13px; text-align: center; font-size: 18px; font-weight: 600; position: relative; z-index: 1;}
.pg-cont-sidebar-item .sidebar-products ul { list-style: none; position: relative; margin: 15px 0 0; padding: 0; text-align: center;}
.pg-cont-sidebar-item .sidebar-products ul li { display: inline-block; width: calc(50% - 10px); margin: 0; padding: 0; border: 1px solid #ccc; margin-bottom: 15px; -webkit-transition:all .2s ease-out; transition:all .2s ease-out; position: relative; vertical-align:top;}
.pg-cont-sidebar-item .sidebar-products ul li:nth-of-type(odd) { margin-right: 15px;}
.pg-cont-sidebar-item .sidebar-products ul li:hover { border: 1px solid #ed6d03;}

.pg-cont-sidebar-item .sidebar-products ul li h2 { color: #fff; font-size: 14px; background: #ed6d03; display: block; padding: 10px; margin: 0;}

.pg-cont-sidebar-item .sidebar-enews { background: #0281ed; padding: 20px; text-align: center;}
.pg-cont-sidebar-item .sidebar-enews i { color: rgba(255,255,255,0.6); font-size: 40px; margin-bottom:10px; }
.pg-cont-sidebar-item .sidebar-enews h4, .pg-cont-sidebar-item .sidebar-enews p { color: #fff; text-align: center; font-size: 18px; max-width: 800px; display: block; margin-left: auto; margin-right: auto; font-weight: 600;}
.pg-cont-sidebar-item .sidebar-enews p { font-size: 14px; font-weight: 400;}



.pg-cont-sidebar-item .sidebar-social h4 { background: #ED6D03; display: block; text-align: center; padding: 10px 15px; color: #fff; font-size: 18px; font-weight: 600;}
.pg-cont-sidebar-item .sidebar-social ul { list-style: none; margin: 0; padding: 0; position: relative; text-align: center; }
.pg-cont-sidebar-item .sidebar-social ul li { display: inline-block; width:calc(20% - 4px);}
.pg-cont-sidebar-item .sidebar-social ul li a {  background: #F1F2F2; display: block; font-size: 18px; padding: 10px; color: #A7A9AC;}
.pg-cont-sidebar-item .sidebar-social ul li a:hover {color: #ED6D03;}

/* Calc Btn */
.calc-btn a { color: #FFC301; background: #333; text-align: center; font-size: 18px; display: block; padding: 10px 15px; font-weight: 600; line-height: 1.4;}


@media only screen and (min-width :1000px) {
    .pg-cont-sidebar-item .sidebar-enews h4, .pg-cont-sidebar-item .sidebar-enews p { font-size: 22px;}
    .pg-cont-sidebar-item .sidebar-enews p { font-size: 16px;}
}

/* Calc Modal */
.modal-content { border-radius: 0; box-shadow: none; border: 0; background: #E6E7E8;}
.modal-backdrop { background-color: #fff;}
.modal-header { border-radius: 0; background-color: #414042; position: relative;}
.modal-header button { color: #fff; text-shadow: none; opacity: 1; position: absolute; top: 10px; right: 10px;}
.modal-header button:hover { color: #fff; opacity: 0.8; cursor: pointer;}
.modal-header h5 { font-family: 'Open Sans', sans-serif; color: #FFC301; font-size: 18px; text-align: center; padding: 10px 20px; display: block; font-weight: 600; width: 100%;}
.modal-body { text-align: center;}
.modal-body h6 { font-family: 'Open Sans', sans-serif; text-align: center; font-weight: 600; color: #333; font-size: 22px; margin-bottom: 10px;}
.modal-body button { font-family: 'Open Sans', sans-serif; display: block; width: 100%; background-color: #ED6D03; text-align: center; color: #fff; text-transform: uppercase; font-size: 20px; padding: 15px;}
.modal-body button:hover { background-color: #545454; cursor: pointer;}

.modal-body .form-group label { font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:600; margin-bottom:7px;}
.modal-body .form-group select, .modal-body .form-group select option, .modal-body .form-group input[type=text] { font-family: 'Open Sans', sans-serif; font-size:14px; text-align:center;}
.modal-body .form-group input[type=text] { margin-bottom:5px;}

.modal-footer { border: 0; background: #808285; padding: 15px 20px;}
.modal-footer p { text-align: center; color: #FFC301; font-size: 18px; width: 100%; right: 0;}
.modal-footer p span { display: block; width: 100%; font-size: 26px; color: #fff; font-weight: 600; margin-top: 10px;}

@media only screen and (min-width :1000px) {
    .modal-header h5, .modal-footer p { font-size: 22px;}
    .modal-footer p span  { font-size: 32px;}
    .modal-body button { font-size: 30px;}
}


/* accordion calculatr */
#dio-calc-accord { padding:0 !important;}
.accordion-calculator-header h5 { font-family: 'Open Sans', sans-serif; color: #FFC301; font-size: 18px; text-align: center; padding: 10px 20px; display: block; font-weight: 600; width: 100%;}
.accordion-calculator-body { text-align: center;}
.accordion-calculator-body h6 { font-family: 'Open Sans', sans-serif; text-align: center; font-weight: 600; color: #333; font-size: 22px; margin-bottom: 10px;}
.accordion-calculator-body button { font-family: 'Open Sans', sans-serif; display: block; width: 100%; background-color: #ED6D03; text-align: center; color: #fff; text-transform: uppercase; font-size: 20px; padding: 15px;}
.accordion-calculator-body button:hover { background-color: #545454; cursor: pointer;}

.accordion-calculator-body .form-group label { font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:600; margin-bottom:7px;}
.accordion-calculator-body .form-group select, .accordion-calculator-body .form-group select option, .accordion-calculator-body .form-group input[type=text] { font-family: 'Open Sans', sans-serif; font-size:14px; text-align:center; -webkit-appearance: none;}
.accordion-calculator-body .form-group input[type=text] { margin-bottom:5px;}

.accordion-calculator-footer { border: 0; background: #808285; padding: 15px 20px;}
.accordion-calculator-footer p { text-align: center; color: #FFC301; font-size: 18px; right: 0;}
.accordion-calculator-footer p span { display: inline-block; font-size: 18px; color: #fff; font-weight: 600; margin-top: 10px;}

p.calc-sml { font-size:12px;}

@media only screen and (min-width :1000px) {
    .accordion-calculator-header h5, .modal-footer p { font-size: 22px;}
    .accordion-calculator-footer p span  { font-size: 22px;}
    .accordion-calculator-body button { font-size: 30px;}
}


/* testimonial */
.testimonial-carousel {background: #b05216; background: -moz-linear-gradient(top, #b05216 0%, #ed6d03 20%); background: -webkit-linear-gradient(top, #b05216 0%,#ed6d03 20%); background: linear-gradient(to bottom, #b05216 0%,#ed6d03 20%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b05216', endColorstr='#ed6d03',GradientType=0 ); padding-bottom: 30px;}
.testimonial-carousel .home-testimonial { padding-bottom: 50px;}

.testimonial-carousel .carousel { background: url(images/quote-marks.svg) center 20px  no-repeat; background-size: 20%;}
.testimonial-carousel .home-testimonial .carousel { background: url(images/quote-marks.svg) center -60px  no-repeat; background-size: 40%;}
.testimonial-carousel .carousel-item { padding: 40px 0 40px;}
.testimonial-carousel .home-testimonial .carousel-item { padding: 80px 0 70px;}
.testimonial-carousel .carousel-item p, .testimonial-carousel .carousel-item cite { max-width: 800px; display: block; margin-left: auto; margin-right: auto; text-align: center;}
.testimonial-carousel .carousel-item p { color: #fff; font-family: 'Open Sans', sans-serif; font-size: 16px; font-style: italic; line-height: 1.7; }
.testimonial-carousel .carousel-item cite { color: rgba(255,255,255,0.8); font-family: 'Open Sans', sans-serif; font-size: 12px; margin-top: 30px; }

a.test-readmore { border: 2px solid #fff; padding: 10px 15px; display: block; max-width: 300px; margin: 30px auto 0px; color: #fff; font-size: 18px; font-weight: 500; font-family: 'Oswald', sans-serif; text-transform: uppercase; text-align: center;}
a.test-readmore:hover { background: #fff; color: #ed6d03;}

@media only screen and (min-width :1000px) {
    .testimonial-carousel .carousel-item p { font-size: 22px;}
    .testimonial-carousel .carousel-item cite { font-size: 18px;}
    .testimonial-carousel .carousel-item  { padding: 60px 0 60px;}
    a.test-readmore {font-size: 24px;}
}


/* post feed */
.post-feed { padding: 50px 0 30px;}
.post-feed.home-feed { padding-top:30px;}
.post-feed-item { display: block; margin-bottom: 20px;}
.post-feed-img-title { width: 100%; height: 170px; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; position: relative; padding: 20px;}
.post-feed-img-title h1 { color: #fff; text-shadow: 0 0 5px rgba(0,0,0,1.0); font-size: 18px; font-weight: 600; position: absolute; bottom: 10px;}

.post-feed-link {}
.post-feed-link a { background: #333; display: block; text-align: center; padding: 25px 10px; color: #ffc301;font-weight: 500; font-family: 'Oswald', sans-serif; font-size: 20px; text-transform: uppercase; line-height: 0;}
.post-feed-link a:hover { background: #111;}


/* prod feed */
.prod-feed.home-prod-feed { padding: 50px 0 30px;}
.prod-feed h1 { color: #333; font-size: 30px; font-weight: 500; font-family: 'Oswald', sans-serif; text-align: center; margin-bottom: 50px;}

.prod-feed ul { margin: 0; padding: 0; list-style: none; position: relative; text-align: center;}
.prod-feed ul li { display: inline-block; width: 100%; margin-bottom: 20px; text-align: left; vertical-align: top;}


.prod-feed-item > div { border: 1px solid #f1f2f2; -webkit-transition:all .2s ease-out; transition:all .2s ease-out;}
.prod-feed-item > div:hover { border: 1px solid #ed6d03;}
.prod-feed-name, .product-foot .prod-feed-name { background: #ed6d03 !important; position: relative;}
.prod-feed .prod-feed-name h1, .product-foot .prod-feed-name h1 { color: #fff; font-size: 13px; text-align: center; font-weight: 600; margin-bottom: 0; padding: 15px 10px; text-align: center; font-family: 'Open Sans', sans-serif;}
.prod-feed-desc p { display:none;}

.prod-feed ul li { display: inline-block; width: calc(50% - 10px); position:relative;}
    .prod-feed.home-prod-feed ul li:nth-of-type(2n + 2) { margin-left: 16px;}
    .prod-feed.shop-prod-feed ul li:nth-of-type(2n + 2) { margin-left: 16px;}
li.prod-feed-item { position:relative;}
li.prod-feed-item.sale-product:after { content:'ON SALE'; display:block; width:auto; height:auto; line-height:1; border-radius:3px; position:absolute; top:10px; right:10px; background:red; text-align:center; color:#fff; font-weight:700; padding:5px 10px; font-family: 'Oswald', sans-serif; font-size:18px;}

.product-top { position:relative;}
.product-top.sale-product:after { content:'ON SALE'; display:block; width:auto; height:auto; line-height:1; border-radius:3px; position:absolute; top:10px; right:10px; background:red; text-align:center; color:#fff; font-weight:700; padding:5px 10px; font-family: 'Oswald', sans-serif; font-size:18px; z-index:999;}

.dio-prod-btn.sale-product { position:relative; height:30px;}
.dio-prod-btn.sale-product:after { content:'ON SALE'; display:block; width:auto; height:auto; line-height:1; border-radius:3px; position:absolute; top:0px; left:10px; background:red; text-align:center; color:#fff; font-weight:700; padding:5px 10px; font-family: 'Oswald', sans-serif; font-size:18px; z-index:999;}



@media only screen and (min-width :500px) and (max-width :699px) {
    .prod-feed ul li { display: inline-block; width: calc(50% - 10px);}
    .prod-feed.home-prod-feed ul li:nth-of-type(2n + 2) { margin-left: 16px;}
    .prod-feed.shop-prod-feed ul li:nth-of-type(2n + 2) { margin-left: 16px;}
}

@media only screen and (min-width :700px) and (max-width :999px) {
    .prod-feed ul li { display: inline-block; width: calc(33% - 20px);}
    .prod-feed ul li:nth-of-type(3n + 1) {  margin-right: 10px;}
	.prod-feed ul li:nth-of-type(3n + 2) { margin-left: 10px; margin-right: 10px;}
    .prod-feed ul li:nth-of-type(3n + 3) { margin-left: 10px;}
	.prod-feed .prod-feed-name h1 { font-size:16px;}
	.prod-feed-desc p { display:block; font-size: 13px; color: #545454; padding: 10px 15px;}
}

@media only screen and (min-width :1000px) and (max-width :1199px) {
    .prod-feed ul li { display: inline-block; width: calc(25% - 20px);}
    .prod-feed ul li:nth-of-type(4n + 1) {  margin-right: 10px;}
	.prod-feed ul li:nth-of-type(4n + 2) { margin-left: 10px; margin-right: 10px;}
	.prod-feed ul li:nth-of-type(4n + 3) { margin-left: 10px; margin-right: 10px;}
    .prod-feed ul li:nth-of-type(4n + 4) { margin-left: 10px;}
	.prod-feed-desc p { display:block; font-size: 13px; color: #545454; padding: 10px 15px;}
}

@media only screen and (min-width :1200px) {
    .prod-feed ul li { display: inline-block; width: calc(20% - 27px);}
    .prod-feed ul li:nth-of-type(5n + 1) {  margin-right: 10px;}
    .prod-feed ul li:nth-of-type(5n + 2) { margin-left: 10px; margin-right: 10px;}
    .prod-feed ul li:nth-of-type(5n + 3) { margin-left: 10px; margin-right: 10px;}
    .prod-feed ul li:nth-of-type(5n + 4) { margin-left: 10px; margin-right: 10px;}
    .prod-feed ul li:nth-of-type(5n + 5) { margin-left: 10px;}
	.prod-feed-desc p { display:block; font-size: 13px; color: #545454; padding: 10px 15px;}
}



/* dd-filterfeed */
.dd-filterfeed button { border: 2px solid #808285; color: #808285; background: none; border-radius: 0; width: 100%; text-align: left; font-size: 14px; font-family: 'Open Sans', sans-serif; padding: 10px; margin-top: 20px;}
.dd-filterfeed button i { font-size: 20px; position: absolute; right: 20px;}
.dd-filterfeed .dropdown-menu { width: 100%; border-radius: 0;}
.dd-filterfeed .dropdown-item { padding: 10px;}


@media only screen and (min-width :1000px) {
    .dd-filterfeed button { margin-top: 0px; position: absolute; top: -50px; right: -15px;}
}



/** shop **/

/*.shop-filter {}
.shop-filter ul { list-style: none; margin: 0; margin-bottom: 40px; padding: 0; position: relative;}
.shop-filter ul li { display: inline-block; border: 1px solid; width: 100%; margin-bottom: 10px; font-size: 10px;}
.shop-filter ul li:nth-of-type(1) { margin-right: 20px; background: #ed6d03; color: #fff; font-family: 'Oswald', sans-serif; text-align: center; padding: 13px 15px; font-size: 22px; text-transform: uppercase; position: relative;}
.shop-filter ul li:nth-of-type(1) i { position: absolute; top: -5px; left: 0; opacity: 0.3; color: #fff; font-size: 55px;}


	@media only screen and (min-width :1000px) {
		.shop-filter ul li {display:inline-block !important; width:calc(20% - 30px); margin:0 15px;}
		.shop-filter ul li:nth-of-type(1) { width: calc(20% - 20px);}
	}*/


.shop-filter { margin-bottom: 40px; max-width: 1000px; display: block; margin-left: auto; margin-right: auto;}
.shop-filter ul { list-style: none; margin: 0; margin-bottom: 0px; padding: 0; position: relative;}
.shop-filter ul li { display: inline-block; width: 100%; margin-bottom: 0px; font-size: 10px; vertical-align: top;}
.shop-filter ul li.filter-title { margin-right: 20px; background: #ed6d03; color: #fff; font-family: 'Oswald', sans-serif; text-align: center; padding: 7px 15px; font-size: 22px; text-transform: uppercase; position: relative;}
.shop-filter ul li.filter-title i { position: absolute; top: -5px; left: 0; opacity: 0.3; color: #fff; font-size: 55px;}

.shop-filter ul li form ul li select.sf-input-select { -webkit-appearance: none;  -moz-appearance: none; display: block; width: 290px; position:relative; top: -10px;}

.shop-filter ul li form ul li { background: url(images/icons/select.png) no-repeat 96% 0;  height: 43px; border-radius: 0; overflow: hidden; width: 290px !important; border: 1px solid #ccc; margin-top: 5px; margin-right: 5px;}
    .shop-filter ul li form ul li select { background: transparent; border: none; border-radius: 0; font-size: 14px; height: 43px; padding: 5px;  width: calc(100% + 30px); -webkit-appearance: none;  -moz-appearance: none;}
    .shop-filter .shop-filter ul li form ul li { background: #ededed url(images/icons/select.png) no-repeat 98% center; height: 48px; width: 100%;}
    .shop-filter .shop-filter ul li form ul li select { border: none; background: transparent; border-radius:5px !important; font-size: 14px; height: 48px; width: calc(100% + 30px); -webkit-appearance: none;  -moz-appearance: none;  }

@media only screen and (min-width :1000px) {
    .shop-filter ul li { width: calc(20% - 20px);}
    .shop-filter ul li:nth-of-type(2) { width: calc(80% - 6px);}
    .shop-filter ul li form ul li { display: inline-block; width: 33% !important;}
    
}

@media only screen and (min-width :700px) {
    .shop-filter ul li form ul li select.sf-input-select, .shop-filter ul li form ul li { width: 210px !important;}
}


@media only screen and (min-width :1000px) {
    .shop-filter ul li form ul li select.sf-input-select, .shop-filter ul li form ul li { width: 250px !important; margin-top: 0;}
}

/* prod */
.prod-gal { border: 1px solid #ccc; max-height: 500px;}
.prod-gal img { height: 100%; max-height: 498px; width: auto; display: block; margin-left: auto; margin-right:auto;}

a.prod-spec-btn { font-size: 12px; text-align: right; font-style: italic; display: block; margin: 10px 0;}

.product-bottom { border-top: 1px solid #ccc; margin-top: 30px; padding-top: 30px;}
.product-bottom h2 { color: #ED6D03; font-size: 20px;}
.product-bottom h6 { color: #545454; font-weight: 600; font-size: 18px; margin-bottom: 10px; margin-top: 10px; font-family: 'Open Sans', sans-serif;}
.product-bottom ul { margin-left: 20px;}
.product-bottom ul li a { color: #545454; }
.product-bottom ul li a:hover { color: #ED6D03;}


.product-foot {  background: #F5F5F5; padding: 60px 20px;}
.product-foot h4 { color: #0281ED; font-size: 20px; font-family: 'Open Sans', sans-serif; font-weight: 600;}
.product-foot ul { list-style: none; position: relative; margin: 0; padding: 0;}
.product-foot ul li { background: rgba(255,255,255,0.5); margin-bottom: 20px; vertical-align:top;}
.product-foot .prod-feed-name { background: transparent; padding: 10px 15px;}
.product-foot ul li h1 { color: #545454; font-size: 16px; text-align: center; font-weight: 600;}

@media only screen and (min-width :700px) and (max-width :999px) {
    .product-foot ul li { display: inline-block; width: calc(33% - 20px);}
    .product-foot ul li:nth-of-type(2) { margin-right: 20px; margin-left: 20px;}
    .product-foot ul li:nth-of-type(n + 4) { display: none;}
}

@media only screen and (min-width :1000px) {
    .product-foot ul li { display: inline-block; width: calc(20% - 20px);}
    .product-foot ul li:nth-of-type(5n + 1) {  margin-right: 10px;}
    .product-foot ul li:nth-of-type(5n + 2) { margin-left: 10px; margin-right: 10px;}
    .product-foot ul li:nth-of-type(5n + 3) { margin-left: 10px; margin-right: 10px;}
    .product-foot ul li:nth-of-type(5n + 4) { margin-left: 10px; margin-right: 10px;}
    .product-foot ul li:nth-of-type(5n + 5) { margin-left: 10px;}
}

.border-top-ccc-30 { border-top: 1px solid #ccc; margin-top: 30px; padding-top: 30px;}

/** CONTACT **/
h4.contact-ph, h4.contact-loc, h4.contact-genenq { display: block; text-align: center; font-size: 18px; font-weight: 600; padding: 15px; margin-bottom: 10px; color: #fff;}
h4.contact-ph { background: #ED6D03;}
h4.contact-loc { background: #333; color: #FFC301; margin-top: 20px;}
h4.contact-genenq { background: #808285;}

a.href-ph { text-align: center; font-size: 24px; color: #545454; display: block; font-weight: 600;}
.cont-dets p { padding-left: 10px; padding-right: 10px;}

@media only screen and (min-width :1000px) {
    a.href-ph { font-size: 36px;}
}
				
/** FOOTER **/
footer { background:#333333 !important; padding:20px 20px; position:relative;}

.foot-menu { padding-top: 30px;}
.foot-menu h4 { color: #fff; font-size: 18px; font-family: 'Open Sans', sans-serif; font-weight: 600;}
.foot-menu p, .foot-menu ul li a { color: #ccc; font-size: 12px; font-family: 'Open Sans', sans-serif; text-align: left;}
.foot-menu ul { margin: 0; margin-bottom: 20px; padding: 0; padding-top: 5px; list-style: none; position: relative;}
.foot-menu ul li {}
.foot-menu ul li a { padding: 0;}
.foot-menu ul li a:hover { color: #fff;}

.foot-email {border:3px solid #ED6D03; background:#ED6D03; padding:30px; text-align:center;}
.foot-email h4 {font-family: 'Oswald', sans-serif; font-size:24px; text-transform:uppercase; text-align:center;}
.foot-email p { color:#333; text-align:center;}
.foot-email a { border:2px solid #fff !important; background:#fff; color:#ED6D03 !important; display:block; margin-left:auto; margin-right:auto; text-align:center; font-weight:600; border-radius:4px;}
.foot-email a:hover { color:#333 !important; background:#fff !important;}

@media only screen and (max-width :990px) {
.foot-menu { display: flex;}
.foot-email { order: -4; padding-bottom: 30px;}
}

@media only screen and (min-width :1100px) {
    .foot-menu h4 { font-size: 16px;}
    .foot-menu p, .foot-menu a { font-size: 13px;}
	.foot-email h4 { font-size:28px;}
}

.foot-btm { padding-top: 20px;}

footer ul.payment-icons { list-style: none; position: relative; margin: 0; padding: 0; text-align: center;}
footer ul.payment-icons li { display: inline-block; color: rgba(255,255,255,0.2); font-size: 30px; margin: 0 2px;}
footer p, footer p a { color: #939598; font-size: 11px; font-family: 'Open Sans', sans-serif; text-align: center;}
footer p { margin-top: 5px;}
footer p a:hover { color: #fff;}

	@media only screen and (min-width :576px) {
        footer ul.payment-icons { text-align: left;}
        footer p { text-align: right; margin-top: 15px;}
	}

	
	
	
	
	
/* misc */
	
	/* form */
	.gform_wrapper label.gfield_label { font-size: 13px; font-family: 'Open Sans', sans-serif; color:#808285; font-weight:400; padding:0 0 3px 0; margin:10px 0 0 0;}
	.gform_wrapper input[type=text], .gform_wrapper textarea, .gform_wrapper input[type=submit] { border-radius: 5px; background-color:#fff; padding:10px; resize:none; border:1px solid #ccc; width:100%; margin:0 0 0 0;}
	.gform_wrapper input[type=submit] { background-color:#bcbec0; color:#fff; text-transform:uppercase; font-weight:800; width:100%; max-width:400px; font:14px Arial, Helvetica, sans-serif; cursor:pointer; margin:0;-webkit-appearance: none;}
	.gform_wrapper input[type=submit]:hover { background-color:#808285; }

    .ginput_container_select { background: url(images/icons/select.png) no-repeat 96% 0;  height: 39px; border-radius: 0; overflow: hidden; width: 100%;}
    .ginput_container_select select { background: transparent; border: none; border-radius: 0; font-size: 14px; height: 39px; padding: 5px;  width: calc(100% + 30px); -webkit-appearance: none;  -moz-appearance: none;}
    .stylin .ginput_container_select { background: #ededed url(images/icons/select.png) no-repeat 98% center; height: 44px; width: 100%;}
    .stylin .ginput_container_select select { border: none; background: transparent; border-radius:5px !important; font-size: 14px; height: 44px; width: calc(100% + 30px); -webkit-appearance: none;  -moz-appearance: none;}

    .gform_confirmation_wrapper { font-size: 16px; font-family: 'Open Sans', sans-serif;}


.hide-item { display: none;}

/* WP Paginate */
	ol.wp-paginate { margin-top:30px; margin-bottom:30px; position:relative; text-align:right;}
	ol.wp-paginate li, ol.wp-paginate li a, ol.wp-paginate li span.current { color:#EB6D20; background:none; border:1px solid transparent;}
	ol.wp-paginate li a:hover { background:none; color:#EB6D20;}
	ol.wp-paginate li a { color:#ccc;}

/* image align */
	img.alignright {float:right; margin:10px; margin-right:0px;} .alignright {float:right; }
	img.alignleft {float:left; margin:10px; margin-left:0px;} .alignleft {float:left; }
	img.aligncenter {display: block; margin-left: auto; margin-right: auto; margin-bottom:10px; margin-top:10px;} .aligncenter {display: block; margin-left: auto; margin-right: auto;}
	
	@media only screen and (min-width : 500px) and (max-width : 1023px) {img.alignright, .alignright, img.alignleft, .alignleft { max-width:50%; height:auto;} }
	@media only screen and (max-width : 499px) {img.alignright, .alignright, img.alignleft, .alignleft, img.aligncenter, .aligncenter { width:100%; height:auto; margin:15px auto;}}
	
				
				
	.cf:before, .cf:after { content: ""; display: table; } .cf:after { clear: both; } .cf { zoom: 1; }
	.fl { float:left;}
	.fr { float:right;}

	.no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.no-r-pad { padding-right:0 !important;}
	.no-l-pad { padding-left:0 !important;}
	.hidden {display:none; height:0; width:0;}
	.display {display:block;}

@media only screen and (min-width : 1024px) {
	.d-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.d-no-r-pad { padding-right:0 !important;}
	.d-no-l-pad { padding-left:0 !important;}
	}

@media only screen and (min-width : 700px) and (max-width : 1023px) {
	.t-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.t-no-r-pad { padding-right:0 !important;}
	.t-no-l-pad { padding-left:0 !important;}
}

@media only screen and (max-width : 699px) {
	.m-no-s-pad { padding-left:0 !important; padding-right:0 !important;}
	.m-no-r-pad { padding-right:0 !important;}
	.m-no-l-pad { padding-left:0 !important;}
	}
	
.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.prod-accordion-wrap { padding-top:50px; border-top:1px solid #ccc; margin-top:50px;}
.accordions-head { border-radius:0 !important; border:0 !important; border-bottom:1px solid #ccc !important;}
.ui-accordion-header-active { background:#fff !important; color:#eb6d21 !important; outline:none !important;}
.accordion-content { border:none !important; padding:10px 20px 10px 35px !important;}
.accordion-content, .accordion-content li, .accordion-content p { font-size:16px !important; }

.sidebar-res h6 { margin-top:50px; padding-bottom:7px; border-bottom:1px solid #ccc;}
.sidebar-res h6:nth-of-type(1) { margin-top:0px;}
.sidebar-res ul { list-style:none;}
.sidebar-res ul li { line-height:1.8; position:relative; margin-left:5px; padding-left:5px; margin-bottom:7px;}
.sidebar-res ul li:before { content:''; width:20px; height:30px; background:url(/wordpress/wp-content/uploads/2018/05/file-alt.png) center no-repeat; background-size:contain; position:absolute; left:-25px;}

/** woocommerce - bootstrap issue fix **/
.woocommerce .col-1, .woocommerce .col-2 { max-width:none;} 


/** woocommerce styling **/
table.variations { width:100%;}
table.variations tr, table.variations td { border:0px; background:none; font-size: 14px; font-family: 'Open Sans', sans-serif; color:#545454; font-weight:700;}
table.variations tr { border-bottom:1px solid #ccc;}
table.variations a.reset_variations { font-weight:400; font-size:12px; display:block; padding:10px 0; text-align:right; display:none;}
table.variations select, table.variations option { width:100%; -webkit-appearance: none;  -moz-appearance: none; border:none;}

.single_variation_wrap { }
.woocommerce-variation { width:50%; font-size: 26px; font-family: 'Open Sans', sans-serif; color:#545454; font-weight:700; float:left; padding-bottom:20px;}
.single_variation_wrap .quantity { width:125px; float:right; font-family: 'Open Sans', sans-serif; font-size:18px;}
.single_variation_wrap .quantity input { max-width:70px; float:right;}
.single_variation_wrap .quantity::before { float:left; content:'Qty'; font-family: 'Open Sans', sans-serif; font-size:16px; padding-right:5px; display:block; color:#545454; width:30px; height:20px;}

.single_variation_wrap button, a.checkout-button { display:block; clear:both !important; width:100%; max-width:400px; padding:20px 20px !important; color:#fff; background:#ED6D03 !important; font-family: 'Open Sans', sans-serif; font-size:18px; text-transform:uppercase; font-weight:700; border-radius:0px; text-align:center;}
.single_variation_wrap button:hover, a.checkout-button:hover { cursor:pointer; background:#808285 !important;}

.wc_payment_method input[type=radio] {padding:20px 20px !important; color:#fff; background:#ED6D03 !important; font-family: 'Open Sans', sans-serif; font-size:18px; text-transform:uppercase; font-weight:700; border-radius:0px;}

table.shop_table { font-size: 14px; font-family: 'Open Sans', sans-serif; color:#545454;}
td.product-thumbnail img { max-width:150px; height:auto;}
td.product-name, td.product-name dt, td.product-name dd p { line-height:1.6; padding:0; margin:0;}

.foot-email a { border:2px solid #ED6D03; color:#ED6D03; font-size:14px; text-transform:uppercase; padding:10px 20px; display:inline-block; text-align:center; margin-top:10px;}
.foot-email a:hover { background:#ED6D03; color:#333;}

.woocommerce-info, .woocommerce-message { font-size: 14px; font-family: 'Open Sans', sans-serif; color:#545454; border-top:2px solid #ED6D03 !important;}
.woocommerce-form input, .checkout_coupon input, .woocommerce-billing-fields__field-wrapper input { padding:5px;}
.woocommerce-billing-fields h3, h3#order_review_heading { font-weight:700;}

table.woocommerce-table--order-details,
table.woocommerce-table--order-details thead,
table.woocommerce-table--order-details tbody,
table.woocommerce-table--order-details th,
table.woocommerce-table--order-details tr,
table.woocommerce-table--order-details td { border:0 !important; border:1px solid #ccc !important;}

.wc-item-meta-label { margin-left:10px;}
.woocommerce-MyAccount-navigation ul {list-style:none; position:relative; margin:0 0 40px 0; padding:0; text-align:center;}
.woocommerce-MyAccount-navigation ul li { display:inline-block; width:90%; padding:5px;}
.woocommerce-MyAccount-navigation ul li a { background:#dedede; width:100%; display:block; padding:10px; border-radius:3px; color:#545454; font-weight:700;}
.woocommerce-MyAccount-navigation ul li a:hover { color:#fff;background:#ED6D03;}

@media only screen and (min-width : 700px) {
	.woocommerce-MyAccount-navigation ul li { width:45%;}
}

@media only screen and (min-width : 992px) {
	.woocommerce-MyAccount-navigation ul li { width:20%;}
}

@media only screen and (min-width : 1200px) {
	.woocommerce-MyAccount-navigation ul li { width:16.66%;}
}

.woocommerce-MyAccount-content { font-family: 'Open Sans', sans-serif; font-size:16px; color:#545454;}
.woocommerce-MyAccount-content header { margin-top:15px;}


.dio-sub-form { margin-top:20px; margin-bottom:30px;}
.dio-sub-form form { text-align:center;}
.dio-sub-form input[type=text], .dio-sub-form input[type=email] { background:none; border:2px solid white; color:#fff; font-size: 14px; font-family: 'Open Sans', sans-serif; padding:15px;}
.dio-sub-form button[type=submit] { border:2px solid white; background:white; color:#167FE2; font-size: 14px; font-family: 'Open Sans', sans-serif; padding:15px 25px; text-transform:uppercase; font-weight:600; cursor:pointer;}
.dio-sub-form button[type=submit]:hover { background:rgba(255,255,255,0.4); color:#fff;}

.sidebar-enews .dio-sub-form input[type=text], .sidebar-enews .dio-sub-form input[type=email], .sidebar-enews .dio-sub-form button[type=submit] { width:100%; margin-bottom:7px;}

.dio-sub-form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
.dio-sub-form input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
.dio-sub-form input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
.dio-sub-form input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

@media only screen and (max-width : 700px) {
	.dio-sub-form input[type=text], .dio-sub-form input[type=email], .dio-sub-form button[type=submit] { width:100%; max-width:300px; margin-bottom:7px;}
}



ul.resources-list { list-style:none; position:relative; margin:0; padding:0;}
ul.resources-list li { display:inline-block; margin:10px; padding:0; width:50%; vertical-align:top; font-weight:600; text-transform:uppercase; text-align:center;}
ul.resources-list li img { margin:0; padding:0; border:1px solid #ccc;}

@media only screen and (min-width : 700px) {
	ul.resources-list li { width:30%;}
}

@media only screen and (min-width : 1000px) {
	ul.resources-list li { width:25%;}
}

@media only screen and (min-width : 1200px) {
	ul.resources-list li { width:18%;}
}

.tp-cart-btn i { margin-right:5px;}
.tp-cart-btn .badge-dark { color:#fff !important; background-color:#545454 !important; margin-left:5px;}

/* Hide category selector from Search and Filter Pro bar*/
.sf-field-taxonomy-product_cat { display: none!important; }

.tp-home-btn img { opacity: 0.6;}
.tp-home-btn img:hover { opacity: 1.0;}

.prod-feed-price {font-family: 'Oswald', sans-serif; text-align:center; background:#333; color:#fff; font-size:20px; padding:5px;}
.prod-feed-price span.dio-std-price { text-decoration:line-through !important; color:#ccc !important;}

li.prod-feed-item.sale-product .prod-feed-price span.dio-std-price {color:#a5a5a5 !important; text-decoration:line-through;}
li.prod-feed-item.sale-product .prod-feed-price span.dio-sale-price { color:#FFC301 !important;}


.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
background-color:#ED6D03 !important;  font-family: 'Open Sans', sans-serif; font-size:16px; font-weight:700; color:#fff !important;
}


.woocommerce-billing-fields__field-wrapper .woocommerce-input-wrapper,
.woocommerce-additional-fields__field-wrapper .woocommerce-input-wrapper,
.woocommerce-shipping-fields__field-wrapper .woocommerce-input-wrapper,
.wc-stripe-elements-field,
.stripe-card-group { min-width:100% !important; max-width:100% !important;}
.woocommerce-additional-fields__field-wrapper .woocommerce-input-wrapper textarea { width:100%; height:100px !important;}

button[type=submit].wc-stripe-checkout-button {display:block; clear:both !important; width:100%; max-width:400px; padding:20px 20px !important; color:#fff; background:#ED6D03 !important; font-family: 'Open Sans', sans-serif; font-size:18px; text-transform:uppercase; font-weight:700; border-radius:0px; text-align:center;}
button[type=submit].wc-stripe-checkout-button:hover { cursor:pointer; background:#808285 !important;}

.xoo-cp-btns a {display:block; clear:both !important; width:100%; width:280px !important; padding:20px 20px !important; color:#fff !important; background:#ED6D03 !important; border:0 !important; font-family: 'Open Sans', sans-serif; font-size:14px; text-transform:uppercase; font-weight:700; border-radius:0px; text-align:center;}
.xoo-cp-btns a:hover { cursor:pointer; background:#808285 !important;}

p.woocommerce-thankyou-order-received { font-weight:700; font-size:20px; padding-bottom:50px;}

/*.woocommerce-message { display:none;}*/

.pg-404 { padding:100px 0;}

nav.woocommerce-pagination { display:none;}