/*
 Theme Name:   fourth element child
 Theme URI:    http://www.fourthelement.com/au
 Description:  Royal Child Theme
 Author:       David Chapman
 Author URI:   http://www.fourthelement.com/au
 Template:     royal
 Version:      1.0
 Text Domain:  fourth-element-child
*/



/********* GENERIC STYLES ***********************************************************************/
html{width:100%; height:100%;}

body {
	width:100%;
	height:100%;
	margin:0 !important;
	padding:0 !important;
	background:#FFF !important;
	font-family:'Open Sans', Arial, Helvetica, sans-serif !important;
	font-size:100% !important;
	-webkit-font-smoothing: antialiased !important; /* Fix for webkit rendering */
	-webkit-text-size-adjust: none !important;
	-webkit-overflow-scrolling: touch !important;
	border:none !important; 
	text-align:left !important; 
	font-weight:300 !important; 
	font-size:12px !important;
	-webkit-margin-before: 0 !important; 
	-webkit-margin-after: 0 !important; 
	color:#333 !important;
	-ms-word-wrap: normal !important; /*word break is set in 8theme needs overiding here*/
    word-wrap: normal !important; /*word break is set in 8theme needs overiding here*/
}

#newsletter-consent {
    background-color: rgba(237, 139, 0,0.9);
    min-height: 200px;
    font-size: 24px;
    color: #fff;    
    line-height: 26px;
    padding: 2% 10% 2% 10%;
    font-family:'Open Sans', Arial, Helvetica, sans-serif !important;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    display: none;
    z-index: 9999;
}

 #newsletter-consent p {
    font-size: 24px!important;
    color: #fff;    
    line-height: 26px;
    font-weight: 700;
    padding: 2% 10% 2% 10%;
    text-align:center;
    font-family:'Open Sans', Arial, Helvetica, sans-serif !important; 	
 }

#newsletter-consent a {
    color: #fff;
    text-decoration: none;
}

#close-consent {
    float: right;
    display: inline-block;
    cursor: pointer;
    height: 20px;
    width: 200px;
    margin: -15px 0 0 0;
    font-weight: bold;
}
#close-consent:hover {
    color: #FFF;
}


/*base styles ***********************************************************************/
.header-logo img { float: left; margin: 0; padding: 0; }
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
body {font-size:100%; line-height:175%;}
.full-width {width:100%; max-width:100%; display:block; overflow:hidden; position:relative; /*background:#FFF;*/ clear:both;}
.full-width.negative-margin {margin-top:-150px; background-image: url(/wp-content/uploads/2017/03/top-bg-2.png) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; background-color:transparent;}
body.home .full-width.negative-margin {background-image:none;}
.wrapper {/*width:100%; */margin:0 auto;max-width:1200px; /*padding:0 20px;*/ display:block; overflow:hidden;}
.full-width.static-non-wp {background:#FFF;}
.full-width.static-non-wp .wrapper {margin:40px auto 20px auto;}
img {width:100%;height:auto;display:block;margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:20px;}
.block-width { width: 45%; }
.tcenter { text-align: center; }

.site-sale > .lna { text-align: center; color: #fff; font-size: 40px; }
.site-sale > .lnb { text-align: center; color: #fff; font-size: 70px; line-height:1.2em; }
.site-sale > .lnb .slnb { font-weight: 800; font-size: 120px; line-height:1.2em; }
.slnc { font-weight: 800; font-size: 70px; }

/*GRIDICULOUS ***********************************************************************/
.wfull {width:100%;max-width:100%}
.w320 {max-width:320px}
.w640 {max-width:640px}
.w960 {max-width:960px}
.c1 {width:8.33% !important;}
.c2 {width:16.66% !important;}
.c3 {width:25% !important;}
.c4 {width:33.33% !important;}
.c5 {width:41.66% !important;}
.c6 {width:50% !important;}
.c7 {width:58.33% !important;}
.c8 {width:66.66% !important;}
.c9 {width:75% !important;}
.c10 {width:83.33% !important;}
.c11 {width:91.66% !important;}
.c12 {width:100% !important;}
.c1,.c2,.c3,.c4,.c5,.c6,.c7,.c8,.c9,.c10,.c11,.c12 {min-height:1px; float:left; padding:0 20px; position:relative;}
.s1 {margin-left:8.33% !important;}
.s2 {margin-left:16.66% !important;}
.s3 {margin-left:25% !important;}
.s4 {margin-left:33.33% !important;}
.s5 {margin-left:41.66% !important;}
.s6 {margin-left:50% !important;}
.s7 {margin-left:58.33% !important;}
.s8 {margin-left:66.66% !important;}
.s9 {margin-left:75% !important;}
.s10 {margin-left:83.33% !important;}
.s11 {margin-left:91.66% !important;}
.end {float:right!important}
section div.full-width.background.odd {background:#FFF;}
section div.full-width.background.even {background:#444;}
.background-none, .background-overide-odd {background:#FFF !important;} /*add this class to overide the jquery addclass for background*/
.background-overide-even {background:#444 !important;} /*add this class to overide the jquery addclass for background*/

/*GRIDICULOUS END ***********************************************************************/


/*fixed margin grid ***********************************************************************/
.fmg-c1 {width:8.33%; margin:0 1%;}
.fmg-c2 {width:16.66%; margin:0 1%;}
.fmg-c3 {width:25%; margin:0 1%;}
.fmg-c4 {width:33.33%; margin:0 1%;}
.fmg-c5 {width:41.66%; margin:0 1%;}
.fmg-c6 {width:50%; margin:0 1%;}
.fmg-c7 {width:58.33%; margin:0 1%;}
.fmg-c8 {width:66.66%; margin:0 1%;}
.fmg-c9 {width:75%; margin:0 1%;}
.fmg-c10 {width:83.33%; margin:0 1%;}
.fmg-c11 {width:91.66%; margin:0 1%;}
.fmg-c12 {width:100%; margin:0 1%;}


/*remove styles for ios devices on forms and iframes ***********************************************************************/
input, iframe, form {/*overflow: hidden;*/ border-radius:0; -webkit-appearance: none; -webkit-border:0; -webkit-border-radius:0 !important; -moz-appearance: none; -moz-border:0; -moz-border-radius:0 !important; -webkit-overflow-scrolling:touch;}


/*BASE STYLES ***********************************************************************/	
h1,h2,h3,h4,h5,h6,p,a,ol,ul,li,th,td,tr {margin:0; padding:0; border:none; text-align:left; font-family: 'Armata', Arial, Helvetica, sans-serif; font-weight:300; -webkit-margin-before: 0; -webkit-margin-after: 0;}
h1, h6 {font-family:'Open Sans', Arial, Helvetica, sans-serif !important; font-size:45px !important; line-height:140%; color:#333; margin-bottom: 20px; text-transform: none !important;}
h2 {font-family:'Open Sans', Arial, Helvetica, sans-serif !important; font-size:30px !important; line-height:140% !important; color:#333; margin-bottom:20px; text-transform:none; padding:0 20px 0 10px;}
h3 {font-family:'Open Sans', Arial, Helvetica, sans-serif !important; font-size:23px !important; line-height:140% !important; color:#333; margin-bottom:20px; text-transform:none;}
h4 {font-family:'Open Sans', Arial, Helvetica, sans-serif !important; font-size:19px !important; line-height:140% !important; color:#333; margin-bottom:20px; text-transform:none;}
h5 {font-family:'Open Sans', Arial, Helvetica, sans-serif !important; font-size:17px !important; line-height:140% !important; color:#333; margin-bottom:10px; text-transform:none;}
h6.big-text {font-family:'Open Sans', Arial, Helvetica, sans-serif !important; font-size:200px !important; line-height:100% !important; color:#333; margin-bottom:20px; text-transform:none;}
p, label {font-family:'Open Sans', Arial, Helvetica, sans-serif !important; font-size:15px !important; line-height:140% !important; color:#333; margin-bottom:10px !important;}
p { margin-bottom: 20px!important; }
ol,ul,li {font-family:'Open Sans', Arial, Helvetica, sans-serif !important; list-style:none; }
/*span {color:#ed8b00;}*/ /*there are lots of spans within the 8theme royal template that this is overiding just change the colour in the cms or add a class if needed*/
p.bold {font-weight:bold;}
p.normal {}
p.italic {font-style:italic; font-weight:bold;}
p span.bold {font-weight:bold;}
/*p span.normal {color:#ed8b00;}*/
.vc_section em {font-style:italic !important;}	
.h1 { font-size: 45px!important; }
.h2 { font-size: 30px!important; }
.h3 { font-size: 23px!important; }
.h4 { font-size: 19px!important; }
.h5 { font-size: 17px!important; }
.h6 { font-size: 15px!important; }

a {font-family:'Open Sans', Arial, Helvetica, sans-serif; font-size:15px; line-height:140%; text-decoration: none; color:#ed8b00; cursor:pointer; outline:0 !important; transition: all 0.9s ease;  -webkit-transition: all 0.9s ease;  -moz-transition: all 0.9s ease;  -o-transition: all 0.9s ease}
a:hover, a:any-link {cursor:pointer; outline:0 !important; text-decoration:none !important}
a:active {outline:0 !important;}
a:focus {-moz-outline-style: 0 !important; outline:0 !important;}
a.hidden {display: none; outline:0 !important;}
a[href=""] {cursor:default; outline:0 !important;}
input {outline:0 !important;}
a*, a:hover, a:active, a:visited, a:focus, a:link {text-decoration:none !important; outline:0 !important;}
input::-moz-focus-inner {outline:0 !important;}
select::-moz-focus-inner {outline:0 !important;}
i.fa {transition:all 0.9s ease; -webkit-transition:all 0.9s ease; -moz-transition:all 0.9s ease; -o-transition:all 0.9s ease}

input:focus, select:focus, textarea:focus, form:focus, button:focus {outline:0 !important;}

.pplink { position: absolute; bottom: 28px; left:160px; font-size: 12px; }
.pplink:hover { cursor:pointer; }

.offer-column {width: 25%; float: left; margin-bottom: 30px; }

/* =Normalize.css v2.1.0 by Nicolas Gallagher - http://necolas.github.com/normalize.css/
*********************************************************************************************************************************************************************/
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary,div{display:block}
/*article:empty,aside:empty,details:empty,figcaption:empty,figure:empty,footer:empty,header:empty,hgroup:empty,nav:empty,section:empty,summary:empty,div:empty {display:none !important; background:none!important;}*/ /*this is causing issues with unite gallery, aslo javascript and css below removed empty sections*/
audio,canvas,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; margin:0 !important; padding:0 !important;}
body{margin:0;}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
/*h1{font-size:2em;margin: 0 0 10px 0;}*/
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
mark{background:#ff0;color:#333}
code,kbd,pre,samp{font-family:monospace, serif;font-size:1em}
pre{white-space:pre-wrap}
q{quotes:"\201C" "\201D" "\2018" "\2019"}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:0}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
legend{border:0;padding:0}
button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="search"]{width:100%;-webkit-appearance:none;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box; float:left;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
ul {padding:0; margin:0; list-style-type:none;}
li {padding:0; margin:0; list-style-type:none;}
h5.pp { margin: 30px 0 20px 0; }

/*site button*/
.fe-link-container { margin-top: 20px; text-align: center; }
.fe-link-button { text-decoration: none; border: 1px #000 solid; padding: 10px 20px; color: #000; }
.fe-link-button-white { text-decoration: none; border: 1px #FFF solid; padding: 10px 20px; color: #FFF; }
.fe-link-button-black { text-decoration: none; border: 1px #000 solid; padding: 10px 20px; color: #000; }
.fe-link-button:hover { color:#000; background: #DDD; }
input[type="radio"] { -webkit-appearance: radio!important; margin-top: -9px!important; }


.vc_custom_1536146893890 { background-position: 62% 1%; }
.vc_custom_1536146924074 { background-position: 60%; background-size: 101%; }
.no-marg img { margin-top: 0; margin-bottom: 0; }

/*text margin bottom ***********************************************************************/
/*A return in the content areas will add a new p or h1,h2,h3 etc not a break so a margin is needed at the bottom for the space between new lines/paragraphs*/
.full-width.background .wrapper h3, .full-width.background .wrapper h4, .full-width.background .wrapper h5, .full-width.background .wrapper h5, .full-width.background .wrapper p {margin-bottom:10px;}
/*text margin bottom ***********************************************************************/


/*content_width set 1200px ***********************************************************************/
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {max-width:100%; height:auto;}

select { border-radius: none !important; -webkit-appearance: none; -webkit-border: 0; -webkit-border-radius: 0 !important; -moz-appearance: none; -moz-border: 0; -moz-border-radius: 0 !important;}
/*content_width set 1200px ***********************************************************************/


/*remove styles for ios devices on forms and iframes ***********************************************************************/
input, iframe, textarea, button, input[type="text"], input[type="button"], input[type="submit"], input[type="search"] { border-radius:0 !important; -webkit-appearance: none !important; -webkit-border:0 !important; -webkit-border-radius:0 !important; -moz-appearance: none !important; -moz-border:0 !important; -moz-border-radius:0 !important;}
/*remove styles for ios devices on forms and iframes ***********************************************************************/


/*remove pre styles to iframes ***********************************************************************/
iframe {border:none !important;}
/*remove pre styles to iframes ***********************************************************************/


/*Wordpress content "tinymce" css overides for visual viewing backend ***********************************************************************/
body#tinymce p img {width:auto !important;}
body#tinymce p, body#tinymce h1, body#tinymce h2, body#tinymce h3, body#tinymce h4, body#tinymce h5, body#tinymce h6 {margin-bottom:10px;}
body#tinymce h4 {font-size:50px; line-height: 50px;}


/*wordpress align none remove margins ***********************************************************************/
.alignnone {margin:0 !important;}

/*buttons generic styles ***********************************************************************/
input[type="button"], input[type="reset"], input[type="submit"], .button {font-weight:normal !important; margin-bottom:5px; display: inline-block; color:#CCC; border:1px solid #CCC; border-radius:0 !important; padding:10px 20px; text-align:center; background:none; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;}
input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], button:hover {border:1px solid #FFF; color:#333; background:none;}



/*REMOVE ANYTHING FROM BEING DISPLAYED*/
.remove-all {width:0 !important; height:0 !important; display:none !important; padding:0 !important; margin:0 !important; visibility:hidden !important;}


.display-mobile {display:none;}
.display-screen {display:block;}

/*border top and bottom*/
.border-top {border-top: 1px solid #DDD !important;}
.border-bottom {border-bottom: 1px solid #DDD !important;}
.border-top-with-margin {border-top: 1px solid #DDD !important; margin-top:20px !important;}
.border-bottom-with-margin {border-bottom: 1px solid #DDD !important; margin-bottom:20px !important;}

/*Parallax*/
/*negative margin accounts for gap at bottom when parallax is set*/
.parallax {position:relative; margin-bottom:-40px !important; display:block !important; overflow:hidden;}
.parallax-background-image {position:relative; margin-bottom:-40px !important; overflow:hidden; background-repeat: no-repeat; padding:0; margin:0; background-size:cover; background-position:center center;}


/*header image*/
.header-image-full-height {width:100%; height:100% !important; min-height:100% !important; max-height:100% !important; position:relative; padding:0px !important; margin-bottom:-171px !important;} /*negative margin counters tye size of the header*/
.header-image {width:100%; height:700px; position:relative; padding:0px !important;}
.header-image-product-page {width:100%; height:400px; position:relative; padding:0px !important;}
.header-image-wetnote-page {width:100%; height:600px; position:relative; padding:0px !important;}
.header-image-text {position:absolute; top:200px; left:0px;}
.header-image-text h1, .header-image-text h2, .header-image-text h3, .header-image-text h4, .header-image-text h5, .header-image-text h6, .header-image-text p {color:#FFF !important; font-weight:bold;}
.vc_row .header-image-logo {width:50%; margin:140px auto 0 auto; float:none;}

/*To bottom arrow ***********************************************************************/
/*.tobottom-home {width:50px; margin:0 auto; padding-bottom:10px;}
.tobottom-home a {border:0 !important;}*/ /*this removes the genric border that is set for the links in the whole container ".home-text-container a"*/



/*testimonials ***********************************************************************/
section#testimonials .wrapper.testimonials {border-top:1px solid #5B6770; border-bottom:1px solid #5B6770;}


/*Posts and comments ***********************************************************************/
.edit-pages {width:200px; padding:20px; position:fixed; top:130px; left:0; background:#FFF; text-align:center; border:1px solid #fff; z-index:999; display:none;}
.edit-pages:empty {display:none;}
.edit-pages a {color:#FFF !important; display:block; line-height:24px;}
.uppercase-comments {text-transform:uppercase; border-bottom:1px solid #222; padding:10px; margin: 20px 0;}
.posts .figure img {margin:20px 0;}
.posts p a {color:#222;}
.comment-form-comment {font-size:20px;}
.logged-in-as a {color:#222;}
.logged-in-as a:hover {color:#ed8b00;}
.comments {padding:20px 0 0 0;}
.form-submit {margin-top:20px;}
.post-pagination-links {clear:both; margin:100px auto 20px auto;}
.post-pagination-links a {color:#222; font-weight:400; padding:10px 20px; /*background:#555; border-bottom:1px solid #222;*/ text-transform:uppercase; border-right: 1px solid #222; border-left: 1px solid #222;}
.post-pagination-links a:hover {color:#ed8b00; /*background:#FFF; border-bottom:1px solid #ed8b00;*/}

/*Tags and tag cloud this is added but display none*/
.tags {min-width: 100px; padding: 5px; position: fixed; top: 300px; right: 0; background: #FFF; text-align: center; /*border: 1px solid #fff;*/ z-index: 999; display:none;}
.tagcloud a {float:left; width:90%; padding:5px 0; font-size:12px !important;}



/*USEFUL INFORMATION SECTION*/
.useful-information-wrapper {padding:20px 20px 0px 20px; border-top:1px solid #DDD; /*display:flex !important; justify-content:space-between !important; flex-wrap:wrap !important;*/}
.useful-information-wrapper li {clear:both !important; min-width:100% !important; /*display:table !important;*/ display:block;}
.useful-information h2 {margin-bottom:30px !important; text-align:center;}
/*h2.useful-information {text-align:center;}*/

/*Fancybox*/
.fancybox-overlay {z-index:8029 !important;}

/*IFRAMES*/
body.page-template-iframes a {color:#ed8b00;}


/*footer ***********************************************************************/
.footer-section {min-height:200px; background:#5B6770}
.footer-wrapper {padding:40px 20px;}
.footer-wrapper h3 {margin:0 0 10px 0; color:#FFF;}
.footer-wrapper a, .footer-wrapper p {color:#FFF; display:block; padding:5px; border:none !important; outline:none !important;}
.fe-footer-1, .fe-footer-2, .fe-footer-3, .fe-footer-4 {margin-bottom:20px;}

/*facebook footer*/ #menu-item-415 {background-image: url(images/footer/facebook.png); background-position: right; background-repeat: no-repeat;}
/*twitter footer*/ #menu-item-416 {background-image: url(images/footer/twitter.png); background-position: right; background-repeat: no-repeat;}
/*instagram footer*/ #menu-item-1933 {background-image: url(images/footer/instagram.png); background-position: right; background-repeat: no-repeat;}


/*load more comments, hide show comments extra styles ***********************************************************************/
.hsc-button.hsc-buttonskin-none a.hsc-link {width:280px; /*height: 30px;*/ display: block; /*float: right;*/ padding: 4px 0 3px 0; margin: 20px 0; line-height: 30px;text-align: center; cursor: pointer; border: none; background: #666; border-bottom: 1px solid #666; color: #FFF !important; font-size: 12px; overflow: hidden;}
.hsc-button.hsc-buttonskin-none a.hsc-link:hover {border-bottom: 1px solid #ed8b00;}
.hsc-button.hsc-buttonskin-none a.hsc-link span {color:#333;}


/*to top button ***********************************************************************/
/*#back-to-top {width:40px; height:40px; position:fixed; bottom:80px; right:5px; overflow:hidden; border:none; background:url(images/totop.png) no-repeat left top #F1F1F1; z-index:999; opacity: 0; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; cursor:pointer; text-indent:500px;}
#back-to-top:hover {background:url(images/totop.png) no-repeat left top #5B6770;}
#back-to-top.show {opacity: 1;}*/

.full-width {width:100%; max-width:100%; display:block; overflow:hidden; position:relative; /*background:#FFF;*/ clear:both;}
.suit-switch { position: relative; display: inline-block; width: 63px; height: 34px; }
.loadsizebuttons, .loadctabuttons { background-color: #ed8b00; color: #fff !important;font-weight: bold; text-align: center; padding: 10px 20px; }
.loadsizebuttons { width:300px; height:30px; }
.loadctabuttons { width: 263px; }
.loadsizebuttons:hover, .loadctabuttons:hover { color:#fff; background-color:#000; }
.mobver { display:none; }
.chtbutton { text-align:center; }

/* The slider */
.size-slider { padding-top:2px; position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; -webkit-transition: .4s; transition: .4s; border:2px #5B6770 solid; }
.size-slider:before { position: absolute; content: ""; height: 26px; width: 26px; left:4px; background-color: #5B6770; -webkit-transition: .4s; transition: .4s; }
.size-slider:after { right: 4px; } 
input:checked + .size-slider { background-color: #ffffff; }
input:checked + .size-slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); }

.size-slider.round { border-radius: 34px; }
.size-slider.round:before { border-radius: 50%; }

.measure-toggle { width:250px;display:flex;margin:30px auto; }
.measure-option { width:100px;float:left;padding-top:5px;font-size:16px; }
.measure-switch { width:100px;float:left; }
.measure-switch input[type="checkbox"] { border:none; }






/**********************************************************************************************************************************************/
/*GENERIC VISUAL COMPOSER OVERIDES
/**********************************************************************************************************************************************/

/*visual composer generic section styles*/
/*body.home .vc_section:nth-child(1) {background-image: url(/wp-content/uploads/2017/03/top-bg.png) !important; background-position: center !important; background-repeat: no-repeat !important; background-size: cover !important; background-color:transparent;}*/
.vc_section {width:100% !important; padding:0 !important; margin:0 !important; display:block; overflow:hidden; background:#FFF;}
/*visual composer generic section styles*/

/*Product page quote section*/
.vc_section.quote-section {padding:60px 0 !important; background-attachment:fixed !important;} /*adds extra padding and overides the padding 0 in the css above*/
.vc_section.quote-section img {border-radius:50%; margin:0 auto !important;}

/*this overides the background none for the first section below for product pages*/
.full-width.product-page .vc_section:nth-child(1) {background:#FFF;}

/*this will be the wrapper for visual composer */
.vc_row {margin-left:0 !important; margin-right:0 !important; margin:0 auto !important; max-width:1200px; display:block; overflow:visible;} 

/*generic padding styles*/
.vc_column-inner {padding:20px;}

/*remove margins from generic visual composer stylesheet*/
.wpb_content_element {margin:0 !important;}

/*overflow-y scroll for tables and any other content*/ /*this is adding scrol bars all over internet explorer!!*/
.wpb_wrapper .tablepress {overflow-x:scroll; width:100%; ms-overflow-style:none !important; overflow:-moz-scrollbars-none !important;}
.wpb_wrapper .tablepress::-webkit-scrollbar {display:none !important;}






/**********************************************************************************************************************************************/
/*FIFTY-FIFTY VISUAL COMPOSER OVERIDES
/**********************************************************************************************************************************************/

/*generic section styles for fifty fifty sections full width*/
section.vc_section.fifty-fifty {background:#FFF; transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;}
/*section .vc_section.fifty-fifty:hover {background:#111; transition: all 0.9s ease; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease;}*/
/*section .vc_section.fifty-fifty .vc_column_container.image .vc_column-inner {transition: all 0.2s ease; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease;}*/
/*section .vc_section.fifty-fifty .vc_column_container.image:hover .vc_column-inner {transform:scale(1.1); transition: all 0.9s ease; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease;}*/

/*add class .multiple-images to fifty-fifty to stop scale on hover*/
/*section .vc_section.fifty-fifty.multiple-images:hover .vc_column_container.image .vc_column-inner {transform:scale(1.0);}*/ 
/*generic section styles for fifty fifty sections full width*/

/*this creates padding to act as a wrapper, there is no wrapper on these sections*/
.fifty-fifty .vc_column_container:nth-child(1) {padding-left:15%; padding-right:40px;}
.fifty-fifty .vc_column_container:nth-child(2) {padding-right:15%; padding-left:40px;}
.fifty-fifty .vc_column_container.image {padding-left:0; padding-right:0; overflow:hidden; min-height:500px;} /*must be overflow:hidden; so image is croped when on hover with transform:scale(1.1); ------ ALL THE SCALE:TRANFORM CSS HAS BEEN COMMENTED OUT FOR THIS SITE*/
.fifty-fifty .vc_column_container.image.fixed-height {/*padding-left:0; padding-right:0; */overflow:hidden; min-height:500px; max-height:500px; min-height:500px;} /*must be overflow:hidden; so image is croped when on hover with transform:scale(1.1); ------ ALL THE SCALE:TRANFORM CSS HAS BEEN COMMENTED OUT FOR THIS SITE*/
.fifty-fifty .vc_column_container.hero-image {min-height:600px!important;}



/*ADD WRAPPER TO FIFTY_FIFTY IN VISUAL COMPOSER SO IT IS NOT FULL WIDTH and has padding between columns and rows*/
section.vc_section.wrapper {margin:0 auto !important}
section.vc_section.wrapper .vc_column_container {/*padding-left:0 !important; padding-right:0 !important;*/ padding:10px 10px;}
/*ADD WRAPPER TO FIFTY_FIFTY IN VISUAL COMPOSER SO IT IS NOT FULL WIDTH*/

/*if adding a content block within a content block add this class*/
section.vc_section.wrapper .inner-content-block {padding:0;}/*this removed the padding set for all section .vc_section.wrapper .vc_column_container it is not needed on child element*/
/*if adding a content block within a content block add this class*/

/*this binds the two fifty fifty containers to the same height*/
.fifty-fifty .vc_row {width:100%; max-width:100%; margin-left:0 !important; margin-right:0 !important; margin:auto !important; display:flex; display:-webkit-flex; display:-ms-flexbox;}
.fifty-fifty .vc_column_container {display:flex; display:-webkit-flex; display:-ms-flexbox;}
.fifty-fifty .vc_column-inner {display:flex; display:-webkit-flex; display:-ms-flexbox; flex-direction:column;}
/*this binds the two fifty fifty containers to the same height*/


/*text styles for within the fifty fifty sections*/
.fifty-fifty .vc_column-inner h1, 
.fifty-fifty .vc_column-inner h2, 
.fifty-fifty .vc_column-inner h3, 
.fifty-fifty .vc_column-inner h4, 
.fifty-fifty .vc_column-inner h5,
.fifty-fifty .vc_column-inner h6, 
.fifty-fifty .vc_column-inner p {padding:0 20px;}

/*fifty-fifty buttons*/
.fifty-fifty .vc_column-inner a, .full-width-bg-image a {font-weight:400; color:#FFF; border:1px solid #FFF; padding:10px 20px; text-align:center; display: inline-block; margin-bottom:5px;}
.fifty-fifty .vc_column-inner a:hover, .full-width-bg-image a:hover {border:1px solid #FFF; color:#FFF; background-color: rgba(255,255,255,0.5) !important;}
/*text styles for within the fifty fifty sections*/

/*product image slider, remove padding from a href image*/
.fifty-fifty .vc_column-inner .owl-item a {padding:0 !important;}


/*Text styles for text with background images with visual composer within fifty fifty sections*/
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h1, 
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h2, 
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h3, 
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h4, 
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h5,
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h6, 
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner p {margin:0; padding:0 20px 20px 20px; color:#FFF !important;} /*text is white if there is an image background*/

section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h1:first-child,
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h2:first-child,
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h3:first-child,
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h4:first-child,
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h5:first-child,
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner h6:first-child,
section.vc_section.fifty-fifty .vc_column_container.image .vc_column-inner p:first-child {margin-top:50px; padding:20px;}

section.vc_section.wrapper .vc_column_container.image .vc_column-inner .inner-content-block h1:first-child,
section.vc_section.wrapper .vc_column_container.image .vc_column-inner .inner-content-block h2:first-child,
section.vc_section.wrapper .vc_column_container.image .vc_column-inner .inner-content-block h3:first-child,
section.vc_section.wrapper .vc_column_container.image .vc_column-inner .inner-content-block h4:first-child,
section.vc_section.wrapper .vc_column_container.image .vc_column-inner .inner-content-block h5:first-child,
section.vc_section.wrapper .vc_column_container.image .vc_column-inner .inner-content-block h6:first-child,
section.vc_section.wrapper .vc_column_container.image .vc_column-inner .inner-content-block p:first-child {margin-top:30px; padding:20px;}

.full-width-bg-image h1,
.full-width-bg-image h2,
.full-width-bg-image h3,
.full-width-bg-image h4,
.full-width-bg-image h5,
.full-width-bg-image h6,
.full-width-bg-image p {color:#FFF !important; padding-left:0 !important;}
/*Text styles for text with background images with visual composer within fifty fifty sections*/

/*dark text fifty fifty sections*/
.fifty-fifty .dark-text h1, 
.fifty-fifty .dark-text h2, 
.fifty-fifty .dark-text h3, 
.fifty-fifty .dark-text h4, 
.fifty-fifty .dark-text h5,
.fifty-fifty .dark-text h6, 
.fifty-fifty .dark-text p {color:#333 !important;}

.fifty-fifty .dark-text a {font-weight:400; color:#333; border:1px solid #000; padding:10px 20px; text-align:center; display: inline-block; /*margin-bottom:5px;*/ margin:5px 10px 5px 0; float:left;}
.fifty-fifty .dark-text a:hover {border:1px solid #000; color:#333; background-color:#DDD !important;}
/*dark text fifty fifty sections*/

/*if category page overide float on buttons*/
.fifty-fifty.category-landing img {margin-bottom:20px !important;}
.fifty-fifty.category-landing .dark-text a {float:none !important; margin:10px !important;}

/*revert scale on hover for all text*/
/*section.vc_section.fifty-fifty .vc_column_container.image:hover .vc_column-inner .wpb_wrapper .wpb_text_column {transform:scale(0.9); transition: all 0.6s ease-in-out; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out;}*/
/*revert scale on hover for all text*/


/*Text styles for multiple background images with visual composer within fifty fifty sections*/
/*section .vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner h1, 
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner h2, 
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner h3, 
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner h4, 
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner h5,
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner h6, 
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner p {margin:0; padding:0 20px 20px 20px;}
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner h1:first-child,
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner h2:first-child,
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner h3:first-child,
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner h4:first-child,
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner h5:first-child,
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner h6:first-child,
section.vc_section.fifty-fifty.multiple-images .vc_column_container.image .vc_column-inner p:first-child {margin-top:80px; padding:20px;}*/
/*Text styles for multiple background images with visual composer within fifty fifty sections*/

/*if using fifty-fifty on a blog page / stories*/
/*this is for links in paragraph text*/
.single-posts-title {text-align:center !important;}
.blog-link a, .paragraph-link a {color:#ed8b00 !important; padding: 0 !important; margin: 0 !important;}
.blog-link.oceanpositive a, .paragraph-link.oceanpositive a {color:#24b3a8 !important;}


/**********************************************************************************************************************************************/
/*FIFTY-FIFTY VISUAL COMPOSER OVERIDES END*/
/**********************************************************************************************************************************************/

/*add border radius to images*/
.circle-border-radius img {border-radius:50%; -webkit-border-radius:50%; margin-bottom:20px !important;}


/*ERROR PAGES 404 AND SEARCH*/
.page-content.page-404 .row .col-md-12 #searchform {float:left !important; margin:0 !important; padding:0 !important;}
.page-content.page-404 .row .col-md-12 #searchform .form-horizontal .form-group .col-xs-10 {padding:0 10px 0 0 !important;}
.page-content.page-404 .row .col-md-12 a.button.medium {clear:both !important; float:left !important; color:#FFF !important;}
/*ERROR PAGES 404 AND SEARCH*/

/**********************************************************************************************************************************************/
/*TEST/DEALDER CENTRE FILTERS */
/**********************************************************************************************************************************************/

input[name="tcentre"] { visibility: hidden!important;}
#dealer-search { margin: 30px auto 0 auto; display: table; }
ul.dealerfrmfields { margin:0; padding: 0; list-style-type: none; overflow: hidden; }
li.dealerfield { float:left; padding : 0 20px 0 15px!important;}
li.dealerfield label { padding: 7px 10px 0 0; font-weight: 700; }
.dealerfrmfields input[name=postcode], .dealerfrmfields select, #filterlist { width:180px; border: none; background: #ededed; }
#submit-dealer { height: 38px; }
.dealer-header { text-align: center; margin-bottom: 0; margin-top: 10px; font-weight: 700; }
.lblwht { font-weight: 700; }
.dealer-li { margin:10px 20px 10px 0; padding: 10px 10px 10px 0; width: 47%; float: left; min-height: 355px; }
form#dealerfilter {  margin-bottom: 20px!important; }
li.dealer-li a { text-decoration: none; }
.dl-header { float: left; width: 98%; margin-bottom: 10px; }
.dl-header-l { float: left; width: 60%; }
.dl-header-r { float: left; width: 35%; }
.dl-header-r .approx { text-align: right; font-weight: 700; text-transform: uppercase; padding-top:9px; }
.dl-addr { padding: 10px 0 10px 0; }
.dl-icon { width: 30px; height: 30px; display: inline; margin-bottom: 0; margin-right: 20px; margin-top: 8px; }
.dist-li { padding-left: 5px; margin-bottom: 20px; }
.test-center-text-top h1, .test-center-text-top p { text-align: center; }

.outlink { font-size: 13px; }
.tcall { background-image:url('/wp-content/themes/fourth-element-child/library/images/test-centres/tc-all-centres.jpg'); }
.tcarctic { background-image:url('/wp-content/themes/fourth-element-child/library/images/test-centres/tc-arctic.jpg'); }
.tcarcticexpedition { background-image:url('/wp-content/themes/fourth-element-child/library/images/test-centres/tc-arcticexpedition.jpg'); }
.tchalo3d { background-image:url('/wp-content/themes/fourth-element-child/library/images/test-centres/tc-halo3d.jpg'); }
.tcxerotherm { background-image:url('/wp-content/themes/fourth-element-child/library/images/test-centres/tc-xerotherm.jpg'); }
.tcargonaut { background-image:url('/wp-content/themes/fourth-element-child/library/images/test-centres/tc-argonaut.jpg'); }
.tcthermocline { background-image:url('/wp-content/themes/fourth-element-child/library/images/test-centres/tc-thermocline.jpg'); }
.tcj2baselayer { background-image:url('/wp-content/themes/fourth-element-child/library/images/test-centres/tc-j2baselayer.jpg'); }
.tcarctictwopeice { background-image:url('/wp-content/themes/fourth-element-child/library/images/test-centres/tc-arctic2piece.jpg'); }
.tcxcore { background-image:url('/wp-content/themes/fourth-element-child/library/images/test-centres/tc-xcore.jpg'); }
.tcthermoclinemenstop { background-image:url('/wp-content/themes/fourth-element-child/library/images/test-centres/tc-thermoclinemenssstop.jpg'); }
.tcthermoclinewomenstop { background-image:url('/wp-content/themes/fourth-element-child/library/images/test-centres/tc-thermoclinewomenssstop.jpg'); }
.testcentre-record { width: 49%; float:left; padding: 10px; margin-bottom: 10px!important; margin-right: 10px; min-height: 320px; }
.distributor-record { width: 49%; float:left; padding: 10px; margin-bottom: 10px!important; margin-right: 10px; min-height: 215px; } 
.prod-box { float:left; margin-top:20px; width: 33%; }
#productstitle { display: none; margin-bottom: 30px; padding-left: 5px; }
.try-it-tag { margin-bottom: 30px; }
.try-it-img { width: 170px; height: 270px; display: block; margin: 0 auto; }
.tcimg {cursor: pointer; background-size: contain; background-repeat: no-repeat; display: block; width: 375px; height: 400px; background-position: center; margin: 0 auto; }
/*.tcimg:hover { -webkit-box-shadow: 0px 0px 5px 0px rgba(179,177,179,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(179,177,179,1);
box-shadow: 0px 0px 5px 0px rgba(179,177,179,1); }*/
.filter-result { width: 33%; display: block; margin: 0 auto;  }
.thumb-product { background-size: contain; background-repeat: no-repeat; display: block; width: 375px; height: 400px; background-position: center; margin:0 auto; }
.resetall,.resetnoall { font-weight: 400; color: #333; border: 1px solid #000; padding: 10px 20px; text-align: center; margin: 20px 10px 5px 0; }
.tc-header { margin-top: 20px; text-align: center; font-weight: 700; }
.cat-drysuits { border-top: 5px #97207b solid; }
.cat-oceanpositive { border-top: 5px #08e9f4 solid; }
.cat-uncategorised { border-top: 5px #2f85b4 solid; }
.cat-wetsuits { border-top: 5px #370082 solid; }

/**********************************************************************************************************************************************/
/* FOURTH ELEMENTS STORIES */
/**********************************************************************************************************************************************/

.cat-list { margin:0 auto 30px auto!important; display:block; padding:0; width: 85%;}
.cat-li { display:inline-block; margin-right: 11.6px;  padding:10px 15px 0 15px; background-color: #000; margin-bottom: 20px;}
.cat-li label { color: #fff; font-size:12px!important;}
.cat-li:last-of-type { margin-right: 0; }
.cat-li:hover, .cat-li label:hover { cursor: pointer; background-color: #ed8b00; }
.story-label { right: 10px; text-align: center; position: relative; top: 10px; float: right; }
.story-category { height: 40px; padding: 10px 0 9px 5px; text-transform: uppercase; font-size:16px; text-align: center; background: #5B6770; color: #fff; }
.story-premier-thumb { clear:both; width: 100px; height: 100px; border-radius: 9999px; position: relative; top: 400px; display: block; margin: 0 auto; left: 0; }
.story-minor-thumb { width: 80px; height: 80px; border-radius: 9999px; position: absolute; left: 43%; top: 205px; display: block; margin:0 auto; }
.mn-story-minor-thumb { width: 80px; height: 80px; border-radius: 9999px; position: absolute; left:43%; top: 205px; display: block; margin:0 auto; }
.a-story-minor-thumb { width: 80px;height: 80px; border-radius: 9999px; position: relative; top: -45px; margin: 0 auto; display:none; z-index:999; }
.story-title { margin-bottom: 20px; text-align: center; margin-top: 60px; font-size: 23px!important; font-weight:300!important; -webkit-font-smoothing: antialiased; }
.story-title-w-author { margin-top: 60px; }
.story-title-wo-author { margin-top: 30px; }
.story-title-w-author, .story-title-wo-author { margin-bottom: 10px!important; text-align: center; font-size: 23px!important; font-weight:400!important; -webkit-font-smoothing: antialiased; }
.mn-story-title { margin-bottom: 20px; text-align: center; margin-top: 70px; }
.story-title-w-author a, .story-title-wo-author a { font-size: 19px; } 
.story-title a, .mn-story-title a { font-size: 24px; }
.fe-story-content p { text-align: center; display: block; margin: 0 auto; }
.more-link { display: block; margin: 0 auto; text-align: center; }
.story-meta { border-top: 1px solid #ddd; margin: 30px 0 0 0; padding-top: 10px; bottom: 0; width: 100%; text-align:center; }
#morenews { clear:both; display: table; margin: 0 auto; }
.view-more-button { padding: 10px 15px!important; background: #000; color: #fff; font-size: 13px;font-weight: 500; -webkit-font-smoothing: antialiased; }
.archive-bar { clear: both; display: block; margin: 30px auto; width: 53%; }
.archive-bar ul { display: table; margin:0 auto!important; }
.archive-bar li { display:inline; }
.archive-bar a { padding: 10px 15px; margin-right: 10px; background: #000; color: #fff; font-size: 13px; font-weight: 500; -webkit-font-smoothing: antialiased; }
.archive-bar a:hover { color: #fff; transition: background 0.25s ease-in; background-color: #ed8b00; }
.story-thumbnail { position: absolute; width: 80px; height: 80px;  bottom: -20px; right: 25%; left: 50%; margin-left: -45px;  }
.story-thumbnail img { border-radius: 9999px; }


/**********************************************************************************************************************************************/
/*VOUCHER DIALOG*/
/**********************************************************************************************************************************************/
#voucher { width:300px; height: 150px; border:5px #5B6770 solid; background: #ffffff; min-height:170px; border-radius:20px; padding:15px 20px 20px 20px; }

.blinking { transition: opacity 2s ease-in-out infinite; animation: blinker 1s linear infinite; opacity: 1; text-align:center; margin-bottom: 20px!important; }

@keyframes blinker {
0% { opacity: 1; }
50% { opacity: 0.5 }
100% { opacity: 0; }
}

.social-bar { margin: 10px auto; padding:0; width: 40%!important; text-align: center; }
.social-bar .social-icon.firstItem { margin-left: 10px; }
.social-bar .social-icon { display: inline-block; margin-right: 10px; }

/**********************************************************************************************************************************************/
/*GRAVITY FORMS*/
/**********************************************************************************************************************************************/

#gform_1 input[type="text"], #gform_1 select, #gform_1 textarea, #gform_4 input[type="text"], #gform_4 select, #gform_4 textarea,#gform_2 input[type="text"], #gform_2 select, #gform_2 textarea { background: #ededed; border: 0; }
/*, #gform_2 input[type="text"], #gform_2 select, #gform_2 textarea*/
.gform_wrapper label.gfield_label { font-weight: 300!important; }
#gform_2 .gform_wrapper.gf_browser_chrome .gfield_checkbox li input, .gform_wrapper.gf_browser_chrome .gfield_checkbox li input[type=checkbox], .gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] { width:12px!important; }
#gform_2 li#field_2_6 > label { margin-bottom: 0!important; }
#gform_3 ul#input_3_4  { margin-top: -20px; }
#gform_3 ul#input_3_4 label { margin: 7px 0 0 10px; font-weight: 300; }
#gform_3 ul#input_3_4 > li > input[name=input_4] { -webkit-appearance: radio!important; -moz-appearance: radio !important; -ms-transform: scale(1.5); -webkit-transform: scale(1.5); transform: scale(1.5); padding-left: 15px; margin-left: 10px; }
#gform_3 ul#input_3_7 label { font-weight: 300; }
#gform_3 ul#input_3_7 #choice_3_7_1 { margin-left: 10px; }
.gform_wrapper .field_sublabel_below .ginput_complex.ginput_container label { font-size: .813em!important; }
.gform_wrapper .gform_footer input.button, .gform_wrapper .gform_footer input[type=submit] { padding: 15px 40px 15px 40px; }

@media screen and (-webkit-min-device-pixel-ratio:0) { 
     #gform_3 ul#input_3_4 > li > input[name=input_4] { -webkit-appearance: radio!important; transform: scale(0.9); padding-left: 15px; margin-left: 10px; }
     #gform_3 ul#input_3_4 label { margin: 15px 0 0 10px; }
}

.wetnote-img-lf { margin: 0 30px 20px 0!important; }
.wetnote-img-rt { margin: 0 0 20px 30px!important; }
.wetnote { padding-left:0!important; font-size:16px!important; line-height:1.8em!important; }

.insta-home-width { width: 97%; margin: 0 auto!important;}
.instagram-container { margin: 30px auto; display: block; width: 83%; }
.instagram-container ul li.iitem-li { float: left; margin-right: 10px; margin-bottom: 20px; }
.instagram-container ul li a { padding: 0!important; }
.instagram-container ul li a div.iitem { width:230px; height: 230px; }

/**********************************************************************************************************************************************/
/*Winter 2018 Lookbook*/
/**********************************************************************************************************************************************/

.vc_custom_1538750303964 { background-size:contain; padding:15% 20% 50% 20%!important; background-repeat: no-repeat;}
.vc_custom_1538730331846 { background-position-y: 0; background-size: contain; padding: 0.5% 20% 0 20%!important; background-repeat: no-repeat; }
.vc_custom_1538746138384  { margin-top:-100px!important; background-position-y: 65px; background-position-x: 3px; padding: 35% 20% 18% 8%!important; background-repeat: no-repeat; background-size:contain; }
.vc_custom_1538747596489 {  background-repeat: no-repeat; padding: 65% 6% 5% 14%!important; background-position-x: 40%; background-size:contain; }
.vc_custom_1538748833143   {  background-repeat: no-repeat; padding: 65% 10% 3% 15%!important; background-size: contain; margin-top: -16px!important; }
.vc_custom_1538743063324   {  background-repeat: no-repeat; padding: 40%!important; background-size: 45%; background-size:contain; margin-top: 30px!important}
.vc_custom_1538743711947   {  margin-top: -85px!important; background-repeat: no-repeat; padding: 40% 0 25% 0!important; background-size: 45%; background-size:contain; }
.vc_custom_1538744229606   {  margin-top: -85px!important; background-repeat: no-repeat; padding: 40% 0 30% 0!important; background-size: 45%; background-size:contain; }
.vc_custom_1538737049987 { margin-top: 80px!important; }
.life-logo-section { margin-top:-20%!important; }
/**********************************************************************************************************************************************/
/*WPML*/
/**********************************************************************************************************************************************/
.wpml-ls-legacy-list-vertical .wpml-ls-flag { padding: 0; margin: 0; }
.wpml-ls-flag { margin: 1px 0 0 0; padding: 0; }

.vc_custom_1536324099852:hover { background: rgba(0,0,0, 0.5); background-blend-mode: darken; }
.vc_custom_1536324302167:hover { background: rgba(0,0,0, 0.5); background-blend-mode: darken; }
.vc_custom_1536324577278:hover { background: rgba(0,0,0, 0.5); background-blend-mode: darken; }
.vc_custom_1536324748101:hover { background: rgba(0,0,0, 0.5); background-blend-mode: darken; }
.vc_custom_1532680214436:hover { background: rgba(0,0,0, 0.5); background-blend-mode: darken; }
.vc_custom_1536325578151:hover { background: rgba(0,0,0, 0.5); background-blend-mode: darken; }
.vc_custom_1536325657951:hover { background: rgba(0,0,0, 0.5); background-blend-mode: darken; }

.vc_custom_1527777229505:hover { background: rgba(0,0,0, 0.5); background-blend-mode: darken; }
.vc_custom_1527777271218:hover { background: rgba(0,0,0, 0.5); background-blend-mode: darken; }
.vc_custom_1527777334759:hover { background: rgba(0,0,0, 0.5); background-blend-mode: darken; }
.vc_custom_1527777421468:hover { background: rgba(0,0,0, 0.5); background-blend-mode: darken; }
.vc_custom_1527777439222:hover { background: rgba(0,0,0, 0.5); background-blend-mode: darken; }
.vc_custom_1532679431867:hover { background: rgba(0,0,0, 0.5); background-blend-mode: darken; }

.section1 .step .nber, .section2 .step .nber, .section3tri .step .nber, .section3neo .step .nber {
  font-size: 17.6px !important;
  background-color: #5b6770;
  border-radius: 9999px;
  color: #dddddd !important;
  padding: 1px 7px 1px 7px;
  font-weight: 600;
}

  .layering-container {
    width: 95%;
  }


  .options-prods {
    padding: 10px;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
  }

  .options-prods h3 {
    font-size: 18px !important;
  }

  .options-right-col {
    width: 55%;
    padding-top: 15px;
  }

  .options-right-col img {
    width: 70px;
  }


#set-size-mens td, #set-size-womens td, #set-size-mens-measure td, #set-size-womens-measure td { border-bottom:1px #000 solid!important; }

.buttonbody {
  height: 170px;
  padding: 20px;
}
.buttonbody ul {
  width: 34.5%;
  margin: 5% auto;
}
.buttonbody ul li {
  display: table-cell;
}
.buttonbody ul li a {
  background-color: #dddddd;
  padding: 30px 40px;
  margin: 0 20px;
  border-radius: 10px;
  color: #fefefe;
  text-decoration: none;
  font-weight: 600;
}
.buttonbody ul a:hover, .buttonbody ul .selected {
  background-color: #5b6770 !important;
  color: #fefefe !important;
  width: 61% !important;
}

.maintri, .mainneo {
  clear: both;
  margin: 50px auto;
  width: 50%;
  background: url("https://fourthelement.com.au/images/slider/scale-bg.gif");
  background-repeat: no-repeat;
  height: 100px;
  background-position: 52% 30%;
}

.markers {
  width: 700px;
}

label {
  display: block;
  margin-bottom: 2.5em;
  font-weight: bold;
}

.rangeslider__tooltip {
  display: block;
  margin-top: 0.5em;
  font-size: 12.56px;
  color: #a59eb5;
  height: 200px;
}

.rangeslider,
input[type=range] {
  max-width: 600px;
}

.rangeslider__handle {
  border-radius: 22px;
  line-height: 42px;
  text-align: center !important;
  font-weight: bold;
}

.rangeslider__handle:after {
  background: 0;
}

.rangeslider,
.rangeslider__fill {
  display: block;
  border-radius: 10px;
}

.rangeslider {
  background: #e6e5ea;
  background-image: linear-gradient(to right, #00a0af 30%, #908f7f 45%, #f0845f 99%);
  position: relative;
  border: none;
}

.rangeslider--horizontal {
  height: 10px;
  width: 100%;
}

.rangeslider--vertical {
  width: 20px;
  min-height: 150px;
  max-height: 100%;
}

.rangeslider--disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
  opacity: 0.4;
}

.rangeslider__fill {
  position: absolute;
}

.rangeslider--horizontal .rangeslider__fill {
  top: 0;
  height: 100%;
}

.rangeslider--vertical .rangeslider__fill {
  bottom: 0;
  width: 100%;
}

.rangeslider__handle {
  background: url("https://fourthelement.com.au/images/slider/mask.svg");
  background-size: 100%;
  background-repeat: no-repeat;
  color: #fefefe;
  cursor: pointer;
  display: inline-block;
  width: 70px;
  height: 50px;
  padding-top: 3px;
  position: absolute;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  z-index: 9999px;
}

.rangeslider__handle:after {
  content: "";
  display: block;
  width: 18px;
  height: 18px;
  margin: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
}

.rangeslider--horizontal .rangeslider__handle {
  top: -20px;
  touch-action: pan-y;
  -ms-touch-action: pan-y;
}

.rangeslider--vertical .rangeslider__handle {
  left: -10px;
  touch-action: pan-x;
  -ms-touch-action: pan-x;
}

input[type=range]:focus + .rangeslider .rangeslider__handle {
  -moz-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  -webkit-box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
  box-shadow: 0 0 8px rgba(255, 0, 255, 0.9);
}

.start {
  float: left;
  left: 7px;
  position: relative;
  color: #00a0af;
  font-weight: 600;
  font-size: 28px;
  top: 5px;
  opacity: 0.2;
  line-height: 1.2em;
}

.end {
  float: right;
  right: -25px;
  position: relative;
  text-align: right;
  color: #f0845f;
  font-weight: 600;
  font-size: 28px;
  top: 5px;
  opacity: 0.2;
  line-height: 1.2em;
}

.dotend {
  float: left;
  left: 287px;
  position: absolute;
  color: #00a0af;
  font-weight: 600;
  font-size: 120px;
  top: 403px;
  line-height: 0;
}

.dotstart {
  float: right;
  right: -13px;
  position: relative;
  text-align: right;
  color: #f0845f;
  font-weight: 600;
  font-size: 120px;
  top: -24px;
  line-height: 0;
}

.dotstart img {
  width: 18px;
  height: 18px;
}

.dotend img {
  width: 18px;
  height: 18px;
}



.high {
  background: #f0845f;
}

.low {
  margin-top: 30px;
  background: #279ba2;
}

.l-4s, .l-4slower, .l-3s, .l-3slower, .l-2s, .l-2slower, .l-1s, .l-1slower {
  border-bottom: 1px #dddddd solid;
  position: relative;
}

.l-1p, .l-1plower, .l-2p, .l-2plower, .l-3p, .l-3plower, .l-4p, .l-4plower {
  min-width: 160px;
  margin-bottom: 0;
  bottom: 0;
}

.l-1p {
  margin-top: 343px;
}

.l-2p {
  margin-top: 262px;
}

.l-3p {
  margin-top: 181px;
}

.l-4p {
  margin-top: 100px;
}

.l-1plower {
  margin-top: 343px;
}

.l-2plower {
  margin-top: 262px;
}

.l-3plower {
  margin-top: 181px;
}

.l-4plower {
  margin-top: 100px;
}

@-moz-document url-prefix() {
  .l-1p {
    margin-top: 342px;
  }

  .l-2p {
    margin-top: 261px;
  }

  .l-3p {
    margin-top: 179px;
  }

  .l-4p {
    margin-top: 97px;
  }

  .l-1plower {
    margin-top: 343px;
  }

  .l-2plower {
    margin-top: 261px;
  }

  .l-3plower {
    margin-top: 179px;
  }

  .l-4plower {
    margin-top: 97px;
  }
}
.warmwarm, .warmcold {
  border-left: 5px solid transparent;
  border-image-slice: 1;
  margin-bottom: 30px;
}

.warmwarm {
  border-image: linear-gradient(to bottom, #f0845f, #d28769) 1 100%;
}

.warmcold {
  border-image: linear-gradient(to bottom, #f0845f, #279ba2) 1 100%;
}

  .l-3s {
    height: 358px !important;
  }

  .l-4s, .l-3slower, .l-4slower {
    height: 370px !important;
  }

  .l-1s {
    height: 190px !important;
  }

  .l-2s {
    height: 185px !important;
  }

  .l-1p {
    margin-top: 100px;
  }

  .l-2p {
    margin-top: 26px;
  }

  .l-3p {
    margin-top: 130px;
  }

  .l-4p {
    margin-top: 61px;
  }

  .l-1slower {
    height: 215px !important;
  }

  .l-2slower {
    height: 225px !important;
  }

  .l-3slower {
    height: 375px !important;
  }

  .l-1plower {
    margin-top: 125px;
  }

  .l-2plower {
    margin-top: 66px;
  }

  .l-3plower {
    margin-top: 148px;
  }

  .l-4plower {
    margin-top: 74px !important;
  }

  .filter-lnk, .filter-label-sort {
    float: left;
  }

  .filter-label-sort {
    display: none !important;
    visibility: hidden !important;
  }

  .filter-wrap .pagination-cubic {
    margin: 40px 0 0 0;
  }

  .filter-wrap .woocommerce-ordering {
    margin-left: 20%;
    margin-top: -5px;
    position: absolute;
    right: 0;
    top: 10px;
  }
  .filter-wrap .woocommerce-ordering select {
    height: 40px;
  }

  .filter-wrap form.woocommerce-ordering select.orderby {
    position: relative !important;
    left: -10px !important;
    top: 0px !important;
  }

  .woocommerce-pagination ul.page-numbers {
    margin-top: 0 !important;
  }

  .col-override .product.col-sm-4 {
    width: 50% !important;
  }

  .productCarousel .product-image-wrapper .sm-arrow {
    display: block !important;
  }

  #rngSlider {
    width: 100%;
  }

  .fe-filters li {
    width: 95% !important;
    border-bottom: 1px silver solid;
    margin-bottom: 10px;
  }

  .close-filter-button {
    padding: 10px 125px !important;
  }

  .update-filter {
    padding: 20px 83px !important;
  }

  .clear-all-filters {
    position: unset;
    margin-left: -110px;
    margin-top: -25px;
  }

  .tabs .tabs-nav a#tab-share {
    margin: 0 !important;
  }

  .tabs .tabs-nav a.tab-title {
    margin: 5px 0 !important;
  }

  .product-information .tabs.accordion a#tab-share::after {
    top: 0px !important;
    left: 15% !important;
  }
  
  .options-prods {
  background: #dddddd;
  padding: 20px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}
.options-prods h3 {
  color: #fefefe;
  margin-top: 30px;
  text-transform: none !important;
}
.options-prods a {
  color: #5b6770;
  text-decoration: none;
}

.options-right-col {
  float: right;
  width: 75%;
  padding-top: 15px;
  padding-bottom: 25px;
}
.options-right-col img {
  width: 200px;
  height: auto;
  margin-top: 10px;
  float: left;
}

.nosuggestions {
  color: #5b6770;
  min-height: 100px;
  text-align: center !important;
}

.showhandle {
  font-family: "Open Sans", sans-serif !important;
  font-size: 48px !important;
  top: 55px;
  position: relative;
  color: #5b6770;
  left: -15px;
  line-height: 0.8em !important;
  font-weight: 600;
}

.farn {
  font-size: 24px;
  left: 15px;
  position: absolute;
}

.options {
  width: 100%;
  height: 465px!important;
}

.options-left-col {
  float: left;
  width: 20%;
}

.options-level {
  width: 160px !important;
  padding: 10px 15px;
  font-size: 12.56px;
  color: #fefefe;
  font-weight: 600;
}