/*RESOURCES 

font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
font-family:'AvenirNextW01-LightItal', Helvetica, Arial, sans-serif;
font-family:'AvenirNextLTW01-Regular', Helvetica, Arial, sans-serif;
font-family:'AvenirNextLTW01-Italic', Helvetica, Arial, sans-serif;
font-family:'AvenirNextLTW01-Medium', Helvetica, Arial, sans-serif;
font-family:'AvenirNextLTW01-MediumI_721278', Helvetica, Arial, sans-serif;
font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;
font-family:'AvenirNextLTW01-DemiIta', Helvetica, Arial, sans-serif;
font-family:'Avenir Next LT W01 Bold', Helvetica, Arial, sans-serif;
font-family:'AvenirNextLTW01-BoldIta', Helvetica, Arial, sans-serif;
font-family:'AvenirNextLTW01-Heavy', Helvetica, Arial, sans-serif;
font-family:'AvenirNextLTW01-HeavyIt_721290', Helvetica, Arial, sans-serif;

*/

body {
	background: #FFF;
	color: black;
	overflow-x:hidden;
	font-weight: normal;
	font-variant-ligatures: none;
	-webkit-font-smoothing: subpixel-antialiased !important;
	text-rendering: optimizeLegibility !important;
font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
}

/* STYLES TO MATCH CKEDITOR ******************************** */

h1, h2, h3, h4, p, table, tr, td, ul, ol, li, .wpcf7-response-output {
font-family:'Avenir Next W01 Light', Helvetica, Arial, sans-serif;
	font-size:15px;
    font-weight: normal;
}

h1 {
	font-size: 24px;
	line-height: 27px;
	margin: 0px 0px 15px 0px;
}

h2 {
    font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;
	font-size: 20px;
	line-height: 23px;
	margin: 27px 0px 15px 0px;
}

h3 {
	font-family: 'Avenir Next LT W01 Bold', Helvetica, Arial, sans-serif;
	font-size: 17px;
	line-height: 20px;
	margin: 27px 0px 15px 0px;
}

h4 {
	font-size: 15px;
	line-height: 18px;
	margin: 27px 0px 7px 0px;
}

h5 {
    font-size: 13px;
	line-height: 15px;
    margin: 27px 0px 7px 0px;
}

h6 {
    font-size: 11px;
	line-height: 14px;
    margin: 27px 0px 7px 0px;
}

p {
    font-size: 15px;
	line-height: 22px;
    margin: 0px 0px 16px 0px;
}
strong {font-family:'Avenir Next LT W01 Bold', Helvetica, Arial, sans-serif;
}
ul, ol {
    font-size: 15px;
    line-height: 22px;
    padding-left: 40px;
    margin: 0px 0px 16px 0px;
}

li {
    font-size: 15px;
    line-height: 22px;
}

ol li {
	margin-bottom: 15px;
}

blockquote {
    padding: 13px 37px;
    position: relative;
    font-style: italic;
    margin: 0px !important;
}

blockquote p {
    font-size: 20px;
    line-height: 28px;
}

blockquote::before {
    content: '"';
    position: absolute;
    left: 0px;
    top: 0px;
    margin: auto;
    font-size: 30px;
}

blockquote::after {
    content: '"';
    position: absolute;
    right: 0px;
    top: 0px;
    margin: auto;
    font-size: 30px;
}

a {
	color: black;
}

a:visited {
	/*color: black;*/
}

a:hover, a:focus, a:active {
	color: black;
}


/* FIXES *********************************************** */

.clear:after {
	content: ' ';
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clear {
	display: block;
	clear: both;
	width:100%;
}

* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	margin: 0px;
	padding: 0px;
}

img {
	display: block;
}

.grecaptcha-badge {
	display:none !important;
}

.content .inner .w100_left h2:nth-child(1) {
    margin-top: 0px;
}

.content .inner .w100_left img.alignright, .content .inner .w100_left img.alignleft {
    margin-bottom: 15px;
    margin-top: 10px;
}

/* STRUCTURAL ELEMENTS *********************************** */

/* Sets the size for all inner elements, to change individual inner, create e.g. header.inner, footer.inner */ 
.inner {
	min-height: 140px;
	width: 100%;
	max-width: 1200px;
	margin: auto;
	transition: 0.3s;
}

header {
	width: 100%;
	min-height: 100px;
	float: left;
	margin: 0 !important;
	box-shadow:0px -10px 40px #000000;
	z-index: 999;
    position: relative;
}

header .inner {
    min-height: 0px;
}

header .w100_left {
    position: relative;
}

header .topbar {
    float: left;
    width: 100%;
    background-color: black;
    display: none;
}

.topbar .w100_left {
	padding: 7px 0px;
}

.topbar .tagline p {
    margin: 0px;
    color: grey;
    float: left;
    clear: both;
}

.tagline {
    float: left;
    width: auto;
    display: block;
}


/* Add the class to your logo image with either float left/right or margin: auto */
.logo {
    float: left;
}

.logo a {
    float: left;
    pointer-events: none;
}

.logo img {
    display: block;
    height: 130px;
    float: left;
    width: auto;
    padding: 20px 0px;
}

.social_icons {
    float: right;
}

.social_icons img {
    float: left;
    width: 44px;
    padding: 10px 15px 10px 0px;
}

.smoothscrollbutton.backtotop {
    position: fixed;
    bottom: -200px;
    right: 30px;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 15px;
    text-decoration: none;
    font-size: 10px;
    line-height: 12px;
    color: black;
    z-index: 999;
    box-shadow: 0px 0px 18px 0px rgba(0, 0, 0, 0.3);
    border-radius: 8px 8px 0px 0px;
    transition: 0.3s;
    letter-spacing: 0.5px;
    outline: 0px !important;
}

.smoothscrollbutton.backtotop:hover {
    background-color: white;
}

.smoothscrollbutton.backtotop.fixed {
    bottom: 0px;
}

.headingarea {
    background-position: center bottom;
    background-size: cover;
}

.content {
	width: 100%;
	float: left;
	position: relative;
}

.page-content, .entry-content, .entry-summary {
    margin: 0px !important;
}

.content_absolute {
    position: absolute;
    top: 0px;
    bottom: 0px;
    right: 0px;
    left: 0px;
}

.content .inner .w100_left {
    /* padding: 35px 0px; */
    padding: 60px 0px;
}

.content.product_page {
	background-color:#f5f3e8;
}
.button, button, input[type=submit] {
	margin: 5px 0px;
	margin-right: 5px;
    min-width: 190px;
	padding: 20px 20px;
    font-size: 20px;
	text-decoration: none;
	display: block;
	float:left;
	text-align: center;
    text-transform: uppercase;
	color: #ffffff; /* EDIT TEXT COLOUR */
    background-color: #9bb846;
	transition:0.3s;  /* EDIT TRANSITION TIME */
}

.button:hover, button:hover, input[type=submit]:hover {
	opacity:0.7;
	color: #ffffff; /* EDIT TEXT COLOUR */
}


/* SEARCH ******************** */

header form.search-form {
    float: right;
}

header form.search-form input {
    min-width: 180px;
}

form.search-form {
    float: left;
    border: 1px solid black;
    background-color: white;
}

form.search-form .search-submit {
    padding: 0px;
    background-color: transparent;
    float: right;
    min-width: 0px;
    margin: 0px;
    height: 48px;
    width: 48px;
    background-image: url(../images/search_icon.png);
    background-position: center;
    background-size: 20px;
    background-repeat: no-repeat;
    border-radius: 0px;
    text-decoration-color: transparent;
}

form.search-form input {
    border: 0px;
    padding: 16px;
    font-size: 14px;
}

header .phonenumber {
    float: right;
    clear: right;
font-family:'Avenir Next LT W01 Demi', Helvetica, Arial, sans-serif;
    font-size: 28px;
    /*color: #3e414f;*/
	color: #9bb846;
    text-decoration: none;
    margin:8px  30px 0 0;
    padding: 0px 0px;
}
header .phonenumber img {
    float: left;
    display: inline;
    height: 33px;
    position: relative;
    margin: 5px 0 0px 0;
}
.header_login {
    float: right;
    background-color: rgba(0,0,0,0.3);
    margin: 0 30px 0 0;
    padding: 7px 15px;
    font-family:'AvenirNextLTW01-Regular', Helvetica, Arial, sans-serif;
    color: #ffffff;
}
.header_login a {
    color: #ffffff;
    text-decoration: none;
}

.searchpost {
    text-decoration: none;
    float: left;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    padding: 25px;
    transition: 0.3s;
}

.searchpost .postexcerpt {
    float: left;
    width: 60%;
    color: black;
}

.searchpost img {
    float: left;
	width: 35%;
    max-width: 35%;
    margin-right: 4%;
}

.searchpost h2 {
    margin-top: 0px;
    color: #415460;
}

.searchpost:hover {
    border-bottom: 1px solid #415460;
    background-color: #f2f2f2;
}

.searchpost p {
    margin-bottom: 0px;
}

.searchpost .postexcerpt h3 {
    margin-top: 0px;
}


/* FEATURED ******************** */
.featured {
	position: relative;
	width: 100%;
	clear: both;
    background-color:#f5f3e8 !important;
}

.featured_slider .slide {
	/* Adjust height of slider */
	padding-bottom: 45%;
    position: relative;
    background-position: center;
    background-size: cover;
}

.featured .inner {
    position: absolute;
    text-align: left;
    transition: 0.9s;
    z-index: 100;
    min-height: 0px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
}

.featured h2 {
    display: inline;
    clear: none;
    font-family:'Avenir Next LT W01 Bold', Helvetica, Arial, sans-serif;
    /*font-family:'AvenirNextLTW01-Heavy', Helvetica, Arial, sans-serif;*/
    text-align: left;
    color: white;
    font-size: 70px;
    float: left;
    width: auto;
    line-height: 45px;
    letter-spacing: 0px;
    margin-bottom: 0px;
    margin-top: 0px;
    text-shadow: 4px 4px 6px #555555;
}

.featured p {
    display: inline;
    clear: both;
    font-size: 32px;
    color: white;
    float: left;
    width: auto;
    margin: 30px 0 0 0;
    text-shadow: 2px 2px 4px #555555;
}

.featured .featuredbuttons {
    margin: auto;
    width: auto;
    display: inline-block;
}

.featured .featuredbuttons .button {
    margin: 0px !important;
    width: auto !important;
    min-width: 0px;
}

.featured .slidercontent {
    margin: auto;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 60px;
    /*top: 50%;
    transform: translateY(-50%);
    -webkit-transform-origin-y: -50%;
    -ms-transform: translateY(-50%);
    -ms-transform-origin-y: -50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: -webkit-translateY(-50%);*/
}


.featured .button {
    float: left;
    width: 100px;
    height: 100px;
    min-width: 10px;
    margin: 0 30px 0 0;
    padding: 12px 0 0 0;
    display: inline;
    font-size: 22px;
    line-height: 26px;
    color: #ffffff !important;
}

.nav-arrows .arrow {
    width: 49px;
    height: 100%;
    position: absolute;
    top: 0px;
    bottom: 0px;
    pointer-events: auto;
    cursor: pointer;
    background-position: center;
    background-size: 63%;
    background-repeat: no-repeat;
    opacity: 0.4;
    transition: 0.3s;
    z-index: 10;
}

.nav-arrows .arrow:hover {
    opacity: 0.8;
}

.nav-arrows .arrow.prev {
    left: 0px;
    background-image: url(../images/prev-arrow.png);
}

.nav-arrows .arrow.next {
    right: 0px;
    background-image: url('../images/next-arrow.png');
}


#homepage {text-align: center;}
#homepage .entry-content {padding: 0 ;}
#homepage h1.entry-title {display: none;}
#homepage h1 {font-size: 50px; font-weight: normal; margin: 80px 0 40px;}
#homepage h2 {font-size: 24px; font-weight: normal; line-height: 32px; margin: 0px 0 30px; padding: 0 15%;}
#homepage p {font-size: 18px; font-weight: normal; line-height: 26px; margin: 0px 0 80px; padding: 0 15%;}

/* PRODUCTS ************************ */

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


ul.products li {
    float: left;
    position: relative;
    width: 23%;
    padding: 0;
    margin: 0 2% 2% 0;
    text-align: center;
    background-position: center;
	background-size: cover;
    background-repeat: no-repeat;
	background-color:#000000;
	transition: 0.3s;
}
li.product a {
    display: block;
	background-color: black;
	transition: 0.3s;
}
li.product a:hover img {
	opacity: 0.7;
}
ul.products li a h2 {
    margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
    position: absolute;
    padding: 0 20px;
    color: white;
    font-size: 22px;
    line-height: 30px;
	opacity:1.0 !important;
}
/*ul.products li::before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: black;
    opacity: 0.0;
	transition: 0.3s;
}
ul.products li:hover::before {
	opacity: 0.5;
}*/

.bg_dark_grey {background-color: #3e414f; color: #ffffff !important;}
.bg_mid_grey {background-color: #555864; color: #ffffff !important; padding: 50px 0;}
.bg_mid_grey:nth-last-child(1) {}


.content .inner .homepage_products {padding: 30px 0; transition: 0.3s;}
.homepage_products h3 {
    float: left;
    width: 100%;
    font-size: 40px;
    color: #ffffff;
    font-weight: normal;
	line-height:32px;
    text-align: center;
    position: relative;
    margin: 20px 0 40px;
    text-transform: uppercase;
}
.homepage_products .button {float: right; width: 23%; margin-right: 2%;}
.product_item::before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: black;
    opacity: 0.0;
	transition: 0.3s;
}
.product_item {
    float: none;
	display:inline-block;
    position: relative;
    width: 23%;
    padding-bottom: 23%;
    margin: 0 1% 2%;
    text-align: center;
    background-position: center;
	background-size:auto 100%;
    background-repeat: no-repeat;
	transition: 0.3s;
}
.product_x_3 .product_item {
    /*width: 23%;
    padding-bottom: 23%;*/
	width: 31%;
    padding-bottom: 32%;
}
.product_item .content_absolute {
    top: auto;
    bottom: 15px;
    padding:0%  7% 0;
}

.product_item:hover {
	background-size:auto 120%;
}
.product_item:hover::before {
	opacity: 0.5;
}

.content .inner .homepage_products .product_item h2, .woocommerce-MyAccount-content .product_x_3 .product_item h2 {
    color: white;
    font-size: 20px;
    line-height: 30px;
	text-transform:uppercase;
    margin-top: 48%;
}
.content .inner  .homepage_products.product_x_3 .product_item h2, .woocommerce-MyAccount-content .product_x_3 .product_item h2 {
    margin: 0;
    text-shadow: 2px 2px 5px #000000;
	text-transform:uppercase;
}
.products_page_gallery h2 {
font-family:'AvenirNextLTW01-Regular', Helvetica, Arial, sans-serif;
}
.products_page_gallery h3 {
    width: 100%;
    font-size: 30px;
    text-align: left;
    margin: 30px 0 30px;
}

#post-384 figure {
    width: 22% !important;
    margin: 0 3% 2% 0 !important;
}
#post-384 figure img {
    width: 100% !important;
    margin: 0 !important;
}

/* CTA AREA ************************ */
.ctaarea {
    background-image: url('/wp-content/uploads/2020/09/SPC007Rooms-V1-1.jpg');
    background-size: cover;
    background-position: center bottom;
    background-repeat: no-repeat;
}
.ctaarea::before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: black;
    opacity: 0.5;
}
.ctaarea h3 {font-size: 40px; color: #ffffff; font-weight: normal; text-align: center;position: relative;margin: 120px 0 60px;}
.ctaitem {
    float: left;
    position: relative;
    width: 25%;
    padding-bottom: 35%;
    text-align: center;
    background-position: center 10px;
	background-size: 130px;
    background-repeat: no-repeat;
	transition: 0.3s;
}
.ctaitem .content_absolute {padding: 0 10%;}

.ctaitem:hover::before {
	opacity: 0.5;
}

.ctaitem h2, .ctaitem p {
    color: white;
}

.ctaitem h2 {
    margin-top: 150px;
}

.ctawrap {
    float: left;
    width: 100%;
    margin: 20px 0px;
}

/* GALLERY ************************ */
.gallery_item::before {
    content: "";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    background-color: black;
    opacity: 0.0;
	transition: 0.3s;
}
.gallery_item {
    float: left;
    position: relative;
    width: 23%;
    padding-bottom: 23%;
    margin: 1%;
    text-align: center;
    background-position: center ;
	background-size: cover;
    background-repeat: no-repeat;
	transition: 0.3s;
}
.gallery_item .content_absolute {padding: 0 10%;
    margin: auto;
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform-origin-y: -50%;
    -ms-transform: translateY(-50%);
    -ms-transform-origin-y: -50%;
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: -webkit-translateY(-50%);
}

.gallery_item:hover::before {
	opacity: 0.2;
}

.gallery_item h2 { display: none;
    color: white;
}

.gallery_item .content_absolute h2 {
    margin-top: 0 !important;
}





/* BLOG *************************** */

.blogposts {display: none !important;}
.blog_post {
    float: left;
    width: 31.3333%;
    margin-right: 2%;
    text-decoration: none;
}

.blog_post img {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.blogpost {
    text-decoration: none;
    float: left;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    padding: 25px;
    transition: 0.3s;
}

.blogpost .postexcerpt {
    float: left;
    width: 100%;
    color: #415460;
}

.blogpost.w-image .postexcerpt {
    float: left;
    width: 60%;
    color: #415460;
}

.blogpost img {
    float: left;
    max-width: 35%;
    margin-right: 4%;
}

.blogpost .blog_image {
    float: left;
    width: 35%;
    margin-right: 4%;
	padding: 0 0 25% 0;
	background-size: cover;
	background-position: center;
}

.blogpost h2 {
    margin-top: 0px;
    color: #415460;
}

.blogpost:hover {
    border-bottom: 1px solid #415460;
    background-color: #f2f2f2;
}

.blogpost p {
    margin-bottom: 0px;
}

.blogpost .time {
    float: left;
    width: 100%;
    font-size: 9pt;
    margin-bottom: 9px;
}

.blogpost .category {
    display: none;
}

.single-post .headingarea {
    background-position: center;
}

.single-post .headingarea .inner {
    padding: 20% 0px 63px;
}

.single-post .headingarea .inner h1 {
    font-size: 40px;
	line-height: 42px;
}

.single-post .w70_left h2:nth-of-type(1) {
	margin-top: 0 !important;
}

.single-post h2 {
	font-size: 26px;
	line-height: 32px;
}

.single-post h3 {
	clear: none;
}

.single-post ul li {
	margin: 0 0 10px 0;
}

.single-post ul li ul {
	margin: 10px 0 5px 0;
}

.single-post .w70_left a {
    margin: 5px 0px 20px;
    margin-right: 5px;
    min-width: 190px;
    padding: 12px 20px;
    font-size: 20px;
    text-decoration: none;
    display: block;
    float: left;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #9bb846;
    transition: 0.3s;
}
.single-post .w70_left .gallery-icon a {
	padding: 5px;
	margin: 0;
    background-color: #ffffff;
}

.single-post .w70_left a:hover {opacity:0.7;}

.single h5.blog_breadcrumb, .single .blog_post_main {display: none;}
.single-post h5.blog_breadcrumb {display: block;}

.wp-caption .wp-caption-text {
	background-color: #eee9a2;
	padding: 15px;
	margin: 0 0 15px 0;
}

/* CONTENT PAGES ******************************** */

.headingarea h1 {
    text-align: left;
    color: white;
    margin-bottom: 0px;
    font-size: 30px;
    text-transform: uppercase;
}

.headingarea p {
    text-align: center;
    color: white;
}

.headingarea .inner {
    min-height:  0px;
    padding: 63px 0px;
    z-index: 10;
    position: relative;
}

/* MY ACCOUNT PAGE OVERRIDES */
.page-id-465 .headingarea .inner, .page-id-2987 .headingarea .inner {
    padding: 350px 0 63px 0px;
}
.page-id-465 .headingarea, .page-id-2987 .headingarea {
    background-position: center;
    background-size: cover;
}
.page-id-465 .content_form_brochure, .page-id-2987 .content_form_brochure {display: none;}
.page-id-465 .content {
    min-height: 400px;
}

.headingarea::after {
    content: "";
    background-color: black;
    position: absolute;
    top:  0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    opacity: 0.3;
}

/* GALLERY TAB */
.gallery-columns-4 .gallery-item {
    max-width: 25%;
}
.gallery-columns-4 .gallery-item img {
    width: 94%;
    margin: 3%;
}
/* SIDEBAR ******************************* */

.sidebar {
    float: right;
    width: 92%;
    padding: 24px;
    background-color: #eee9a2;
}

.sidebar h2 {
   /* font-size: 12px;*/
    font-size: 20px;
	padding: 20px 0 0;
}

.sidebar ul {
    float: left;
    width: 100%;
    padding: 0px;
    list-style: none;
}

.sidebar ul li a {
    float: left;
    padding: 3px 0px;
    text-decoration: none;
    color: #415460;
    border-bottom: 1px solid;
    margin-bottom: 11px;
}

.sidebar ul li {
    float: left;
    width: 100%;
}

.sidebar form.search-form .search-field {
    float: left;
    width: 70%;
    padding: 16px 7%;
    padding-right: 0px;
}

.sidebar form.search-form {
    float: left;
    width: 100%;
}

.sidebar form.search-form .search-submit {
    width: 23%;
}

/* EDITOR STYLES *************************************** */

.cke_wysiwyg_frame, .cke_wysiwyg_div {
    padding: 10px !important;
}

.cke_editable {
    padding: 10px;
}

/* TABLE STYLES **************************************** */

table {
    float: left;
    width: 100%;
    background-color: #f2f2f2;
    border-right: 1px solid #d7d7d7;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
	margin:20px 0 30px;
}

table tr td {
    background-color: #f2f2f2;
    padding: 10px;
    border-left: 1px solid #d7d7d7;
}

table tr:nth-child(2n) td {
    background-color: #e7e7e7;
    
}

table tr th {
    background-color: #6f6f6f;
    padding: 13px;
    color: white;
}

table tr th:nth-child(2n) {
    background-color: #838383;
}

/* LAYOUT ELEMENTS *********************************************** */

.w20_left {
	width: 20%;	
	float: left;	
}

.w30_left {
	width: 30%;	
	float: left;	
}

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

.w45_left {
	width: 45%;	
	float: left;	
}

.w50_left {
	width: 50%;
	float: left;	
}

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

.w70_left {
	width: 70%;	
	float: left;	
}

.w80_left {
	width: 80%;
	float: left;
}

.w100_left {
	width: 100%;	
	float: left;
}

.w20_right {
	width: 20%;	
	float: right;	
}

.w30_right {
	width: 30%;	
	float: right;	
}

.w40_right {
	width: 40%;	
	float: right;	
}

.w45_right {
	width: 45%;	
	float: right;	
}

.w50_right {
	width: 50%;
	float: right;	
}

.w60_right {
	width: 60%;	
	float:right;
}

.w70_right {
	width: 70%;	
	float: right;	
}

.w80_right {
	width: 80%;	
	float: right;
}

.w100_right {
	width: 100%;	
	float: right;
}

.w20_inline {
	width: 20%;	
	display: inline-block;
	vertical-align: top;
}

.w30_inline {
	width: 30%;	
	display: inline-block;
	vertical-align: top;
}

.w40_inline {
	width: 40%;	
	display: inline-block;
	vertical-align: top;
}

.w45_inline {
	width: 45%;	
	display: inline-block;
	vertical-align: top;
}

.w50_inline {
	width: 50%;
	display: inline-block;
	vertical-align: top;
}

.w60_inline {
	width: 60%;	
	display: inline-block;
	vertical-align: top;
}

.w70-inline {
	width: 70%;	
	display: inline-block;
	vertical-align: top;
}

.w80_inline {
	width: 80%;	
	display: inline-block;
	vertical-align: top;
}

.w100_inline {
	width: 100%;	
	display: inline-block;
	vertical-align: top;
}

/* FORM ELEMENTS ******************************************* */

input[type=text],
input[type=password],
input[type=email],
input[type=tel],
input[type=color],
input[type=date],
input[type=datetime],
input[type=url],
input[type=number],
textarea {
	width: 100%;
	min-width: 100px !important;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	border: 1px solid #cccccc;
	-moz-border-radius: 5px; 
	-ms-border-radius: 5px; 
	-o-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #ffffff;
	border: 1px solid #d5d5d5;
	text-align: left;
	outline: none;
	color: #5d5d5d;
}

select::-ms-expand {
    display: none !important;
}

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

select {
	width: 100%;
	margin: 4px 0px 6px 0px;
	padding: 9px 10px;
	/*line-height: 1em;*/
	border: 1px solid #d5d5d5;
	-moz-border-radius: 5px; 
	-ms-border-radius: 5px; 
	-o-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-appearance: none;
	background: #FFF url(../images/arrow_dd.png);
	background-repeat: no-repeat;
	background-position: 97% 12px;
	color:#5d5d5d;
}

.select2-container--default .select2-selection--single {
	height:40px;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
	padding: 6px 2px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 7px;
    right: 7px;
    width: 20px;
}

.placeholder {
	color: #c7cbd0;
}

.inputfield {
    position: relative;
    float: left;
    width: 100%;
    margin-bottom: 13px;
    background-color: white;
    z-index: 1;
    border-radius: 5px;
    border: 1px solid #e8e8e8;
}

.inputfield input, .inputfield textarea {
    margin: 0px;
    padding-top: 30px;
    border-radius: 5px;
	float: left;
    width: 100%;
    color: black;
    padding-left: 10px;
    padding-bottom: 10px;
    padding-right: 10px;
	border: 0px;
	background-color: transparent;
	z-index: 2;
    position: relative;
}

.inputfield label {
    position: absolute;
    order: -1;
    top: 18px;
    left: 11px;
    margin: auto;
    display: block;
    height: 14px;
    color:#444444;
    transition: 0.3s;
	z-index: 1;
}

.inputfield label.moveUp {
    bottom: auto !important;
    top: 10px;
    font-size: 9px;
    color: #c1c1c1;
}

.inputfield input:focus {
    /* border: 1px solid #c1c1c1; */
}
	
.inputfield input.error, .inputfield textarea.error {
    border: 1px solid red;
    background-color: rgba(255, 0, 0, 0.1);
    background-image: url(images/field-error.png);
    background-position: right;
    background-size: 45px;
    background-repeat: no-repeat;
}

.inputfield input.valid, .inputfield textarea.valid {
    background-color: rgba(0, 128, 0, 0.1);
    border: 1px solid green;
    background-image: url(images/field-success.png);
    background-position: right 15px;
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 45px;
    background-repeat: no-repeat;
}

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
	background-color: yellow;
}

form p {
    margin-top: 10px;
    margin-bottom: 5px;
}
#form_wrapper {
    padding-right: 20px;
}

.slw_cart_item_stock_location_label, .slw_cart_item_stock_location_selection {display: none !important;}

/* VALIDATION **************************************************** */

.required {
	/*float:right;*/
	/*color:#C00003;*/
	/*width:2%;*/
	/*width:100%;*/
}

.error {
    border: 1px solid #900002 !important;
    transition: border 0.5s ease;
    background-image: url(../images/new-error.png) !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    padding-right: 10px !important;
    background-size: 50px !important;
}

.valid {
    border: 1px solid #087500 !important;
    transition: border 0.5s ease;
    background-image: url(../images/new-tick.png) !important;
    background-position: right !important;
    background-repeat: no-repeat !important;
    padding-right: 10px !important;
    background-size: 50px !important;
}

.formerror li {
    list-style: none;
    float: left;
    margin-right: 6px;
    margin-bottom: 6px;
}

.formerror {
    float: left;
    width: 100%;
    margin-bottom: 10px;
}

.formerror li label {
    float: left;
    width: 100%;
    padding: 7px;
    color: darkred;
    border-radius: 10px;
    line-height: 12px;
    background-color: #ffd9d9;
}


.wpcf7-response-output {
    float: left;
    width: 100%;
    margin: 0px !important;
    padding: 20px !important;
    background-color: #f2f2f2;
    border: 1px solid grey !important;
    font-size: 20px;
    text-align: center;
    margin-top: 20px !important;
    margin-bottom: 10px !important;
}

.wpcf7-mail-sent-ok {
    background-color: #e6f2e7 !important;
    border: 2px solid #398f14 !important;
    color: green;
}



/* TESTIMONAILS ********************************** */

.testimonial {
    width: 50%;
    margin: auto;
}

.tst {
	border-bottom: solid 1px #CBCBCB;
	padding-bottom:20px;
}

.tst .tstdesc {
	font-size:18px;
	font-style: italic;
	padding:20px 0;
}

.tst .tstby {
	font-size:12px;
	padding-bottom:10px;
}

.testslider {
	display: none !important;
	background-color:#f1f1f1;
}

.testslider h2 {
    text-align: center;
    margin-bottom:  35px;
}

.testslider i.testdesc {
    font-size: 18px;
    line-height: 32px;
}

.testimonialslider {
    text-align: center;
}
.testitem {
	border-top: solid 1px #eeeeee;
	margin:30px 0;
    padding: 30px 0 0px;
}
.testitem h2 {
	color:#9bb846;
	font-size:24px;
}
.testitem p i {
	font-size:17px;
	line-height:28px;
}
.testitem a img {
	display:inline;
	margin:0 20px 0 0;
}

/* SUBSCRIBE *************************************************** */

.subscribe { display: none;
	padding: 45px 0px;
    color: white;
    text-align: center;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	background-color: #4b4c4d;
	float: left;
	width: 100%;
}
.subscribe form::before {
    content: "";
    float: left;
    width: 100%;
    display: block;
    height: 7px;
}

.subscribe .button {
    margin: auto;
    max-width: 20%;
    float: none;
    min-width: 120px;
}

.subscribe form {
    width: 70%;
    margin: auto;
}

.subscribe .inner {
    min-height: 0px;
}

.subscribe .inner::after {
    content: "";
    clear: both;
    width: 100%;
    display: block;
}

/* GALLERY ********************************** */

.imggallery {
	float:left;
	width:25%;
}

.galleryitem {
    width: 24%;
    margin: 0.5%;
    padding-bottom: 24%;
    background-position: center;
    background-size: cover;
    float: left;
    position: relative;
}


/* PRODUCTS AND CATEGORIES ********************************** */

.cats {
	display: inline-block;
	vertical-align: top;
	border: 1px solid #000;
	padding: 10px;
}

.pro_detail {
	width: 70%;
	margin: auto;
}

.detail_image,
.detail_info  {
	display: inline-block;
	vertical-align: top;
	width: 49%;
}

.detail_info input {
	width: 40px;
}

/* PRODUCT PAGE product_page_content */
.product_page .w50_left {
	width: 100%;
	float: left;	
}
.product_page .w50_right {width: 100%; padding-left: 50px; position:relative; margin-top:-100px;}
.product_page .featured .featured_slider .slide { padding-bottom: 55%;}

.product_page_content h2 {float: left; width: auto; font-size: 40px; color:#ffffff; line-height: 50px; margin:0 0 30px 0; }
.product_page_content p a {
    float: left;
    margin: 0px 0px 0 30px;
    /*width: 48%;*/
    width: 200px;
    padding: 15px 0px;
    font-size: 18px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #9bb846;
    transition: 0.3s;
}
.product_page .tabcontent p a.fancybox {
    margin: 5px 0px;
    width: auto;
    padding: 0px;
    background-color:transparent;
    transition: 0.3s;
}
.product_page_content p a:nth-last-child(1) {
    float: right;
}
.page-id-2898 .product_page_content p a {
    margin: 20px 10px 0 10px;
    width: 250px;
}

.page-id-2898 .product_page_content p a:nth-last-child(1) {
    float: left;
}
.product_page p a:hover {opacity:0.7;}
.product_page h2 a:hover {opacity:0.7;}
figure a img:hover {opacity:0.7;}

.product_page ul {float: left; width: 100%; margin:0 0 20px 0; list-style: none; padding: 0;}
.product_page ul li {float: left; display: inline-block; width: 33.3333%; font-size: 15px; line-height: 22px; margin:0 0 0px 0; 
    padding: 6px 10px 6px 40px;
    background-image: url(https://www.ubtrading.com.au/wp-content/themes/tmwp2020/images/icon_tick.png);
    background-repeat: no-repeat;
    background-position: left 3px;
    background-size: 40px;
}

.product_points {float: left; width: 100%; margin:  0 0 15px 0;}
.product_points h3 {float: left; display: inline; width: 33.3333%; clear: none; margin:5px 0; }
.tabssection .button {background-color: #777777; margin: 0 5px 5px 0;}
.tabssection .button.active {background-color: #9bb846;}
.tabcontent {display: none;}
.tabcontent.active {height: 100%;display: block;}
.tabcontent ul li {float: left; clear: left; width: auto;}

.bona_logo {
    border: 6px solid #ffffff;
}
.page-id-1808 .content.product_page, .page-id-1808 .products_page_gallery h3 { display:none;}

/* FOOTER ****************************************************** */

.content_form_brochure {
    float: left;
    width: 100%;
    background-image: url(https://www.ubtrading.com.au/wp-content/themes/tmwp2020/images/bg_form_brochure.jpg);
    background-repeat: repeat-y;
    background-position: center;
	background-size:100%;
}
.content_form_brochure .w50_left { padding:80px 60px 80px 0;}
.content_form_brochure .w50_left h2 { font-size: 40px; color: #ffffff; margin: 0 0 30px;line-height: 36px;}

.content_form_brochure .w50_left .inputfield {
    margin-bottom: 13px;
    color: #ffffff;
    background-color: transparent;
    border-radius: 5px;
    border: 1px solid #6d6f7a;
}
.content_form_brochure .w50_left .inputfield input { color: #ffffff;}
.content_form_brochure .w50_left .inputfield textarea {height: 140px; color: #ffffff;}
.content_form_brochure .w50_left .inputfield:nth-child(2) {width: 49%;}
.content_form_brochure .w50_left .inputfield:nth-child(3) {width: 49%; margin-left: 2%;}
.content_form_brochure .w50_left label {
    color: #ffffff;
    left: 20px;
}

.content_form_brochure .w50_right { padding:80px 0px 80px 20px;}
.content_form_brochure .w50_right h2 { font-size: 40px; color: #3e414f; margin: 0 0 30px; line-height: 36px; padding-left:70px;}
.content_form_brochure .w50_right .button { margin-top: 0px; line-height: normal; margin-left:70px;}

footer {
	padding: 30px 0px;
    width: 100%;
    text-align: right;
    clear: both;
    padding-top: 32px;
    color: #898989 !important;
	/* BG COLOR */
	background-color: #eeeeee;
    box-shadow: 0px 500px 0px 500px #eeeeee;
}
footer .logo img {height: 110px;}
footer p {float: left; clear: left; width: auto; margin: 30px 0 60px;}
.menu-footer-menu-container {position: absolute; top: 0; right: 0; width: auto; margin: 0;}
.footernav {
    float: left;
    width: 100%;
    padding: 0px;
    list-style: none;
    margin-top: 70px;
}

.footernav li a {
    float: left;
	font-size: 14px;
    color: #898989;
    margin: 0px;
    padding: 0 12px;
}
.menu-footer-container ul li {
    border-right: 1px solid #898989;
}
.menu-footer-container ul li:nth-last-child(1) {
    border-right: none;
}
.footernav li {
    display: inline-block;
    width: auto;
}


/* WOO COMMERCE */

.woocommerce .woocommerce-customer-details {clear:both; padding-top:30px;}
.woocommerce ul.order_details {
    padding: 10px;
    background-color: #eee9a2;
}

#customer_login .u-column1 {
	width:40%;
	float:right;
}

#customer_login .u-column2 {
	width:40%;
	float:left;
}
.woocommerce-MyAccount-content {
    float: left;
    width: 70%;
}
nav.woocommerce-MyAccount-navigation {
	width:25% !important;
	float:right;
 position: relative; 
}
nav.woocommerce-MyAccount-navigation {
	width:25% !important;
	float:right;
 position: relative; 
}
nav.woocommerce-MyAccount-navigation ul {
	width:100% ;
	float:left;
	list-style:none;
	padding:0px;
}
nav.woocommerce-MyAccount-navigation ul li {
	width:100% ;
	float:left;
	margin:0;
	padding:0px;
}
.woocommerce-MyAccount-navigation-link.woocommerce-MyAccount-navigation-link--edit-address {display: none;}
nav.woocommerce-MyAccount-navigation ul li a {
	width:100% ;
	float:left;
	padding:10px;
    background-color: #eee9a2;
	border-bottom:solid 1px #ffffff;
	font-size:15px;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
}
nav.woocommerce-MyAccount-navigation ul li a:hover {
	opacity:0.8;
}
nav.woocommerce-MyAccount-navigation ul li.is-active a {
	color:#ffffff;
    background-color: #9bb846;
}

.woocommerce header {
	min-height:10px;
	background-color:#ffffff;
	/*padding:15px;*/
	padding:0px;
	margin:0 0 20px 0;
}
.woocommerce header h3 {
	font-size:18px;
	text-transform:uppercase;
	margin:0 0 10px 0;
}
.woocommerce header a.edit {
	font-size:14px;
}
.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
	width:98%;
	min-width:10px;
    font-size: 100%;
    margin: 1%;
    line-height: 1;
    cursor: pointer;
    position: relative;
    text-decoration: none;
    overflow: visible;
    padding: .618em 1em;
    font-weight: 700;
    border-radius: 0px;
    left: auto;
    color: #ffffff;
    background-color: #9bb846 !important;
    border: 0;
    display: inline-block;
    background-image: none;
    box-shadow: none;
    text-shadow: none;
}
.woocommerce div.product div.summary p:nth-child(1) {
    float: left;
    width: 100%;
}
.woocommerce div.product div.summary p a:nth-child(1) {
    float: left;
    display: block;
    margin: 0 auto 20px 0;
    padding: 15px;
    font-size: 17px;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    background-color: #9bb846 !important;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    width: 100%;
    padding:0 10px 10px;
    margin: 0;
    font-size: 18px;
    line-height: 24px;
}
.woocommerce .related ul.products li.product .woocommerce-loop-product__title {
    padding:0 10px 10px;
    margin: 0;
    font-size: 14px;
    line-height: 19px;
}
.woocommerce ul.products li.product a img {
    width: 100%;
    height: auto;
    display: block;
    margin: 0 0 0;
    box-shadow: none;
}





.woocommerce-LostPassword, .woocommerce-form-login__rememberme, .woocommerce-MyAccount-navigation-link--downloads {
        
        display:none;
    }

/* QUANTITY FIELD ****** */

form .quantity {
			display: table !important;
		}

		form .quantity .but {
			float: left;
			border-radius: 100%;
			width: 41px;
			height: 41px;
			text-align: center;
			line-height: 38px;
			font-size: 19px;
			border: 1px solid #e8e8e8;
			cursor: pointer;
			transition: 0.3s;
		}

		form .quantity input.qty {
			float: left;
			margin: 0px 5px;
		}

		.woocommerce div.product form.cart div.quantity {
			margin: 10px 0px !important;
		}

		form .quantity .but:hover {
			background-color: #e8e8e8;
			-webkit-highlight: none;
		}

		form.woocommerce-cart-form .quantity .but {
			border: 1px solid rgba(000 000 000 / 17%);
		}

		form.woocommerce-cart-form .quantity .but:hover {
			background-color: rgba(000 000 000 / 17%);
		}