/*
 Theme Name:   wordpress template child
 Theme URI:    https://tidal-marketing.co.uk
 Description:  wordpress template child
 Author:       David Chapman
 Author URI:   https://tidal-marketing.co.uk
 Template:     zillah
 Version:      1.0
 Text Domain:  wordpress-template-child
*/


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

body {
	width:100%;
	height: auto !important;
	margin:0 !important;
	padding:0 !important;
	background:#FFF !important;
	font-family:'Titillium Web', 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*/
}

body#website-body {opacity:0; /*fadeTo is set opacity 1 in js-functions to fadein on page load*/}

/*base styles ***********************************************************************/
*{-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% !important; display:block; overflow:hidden; position:relative; /*background:#FFF;*/ clear:both;}
.wrapper {/*width:100%; */ margin:0 auto; max-width:1200px; /*padding:0 20px;*/ display:block; overflow:hidden; float:none !important;}
.wrapper.container-header {overflow-x: hidden; overflow-y: visible;}
.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;*/}


/*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}

/*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,img {margin:0; padding:0; border:none; text-align:left; font-family: 'Titillium Web', Arial, Helvetica, sans-serif; font-weight:300; -webkit-margin-before: 0; -webkit-margin-after: 0;}
h1, h6 {font-family:'Titillium Web', Arial, Helvetica, sans-serif !important; font-size:80px; line-height:100%; color:#333; margin-bottom: 20px; text-transform: none; letter-spacing: 10px;}
h2 {font-family:'Titillium Web', Arial, Helvetica, sans-serif !important; font-size:50px; line-height:120%; color:#333; margin-bottom: 20px; text-transform: none; letter-spacing: 3px;}
h3, .blog-categories h2 {font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:35px; line-height:120%; color:#333; margin-bottom:20px; text-transform:none; letter-spacing: 3px; /*padding:0 20px 0 10px;*/}
h4 {font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:25px; line-height:120%; color:#333; margin-bottom:20px; text-transform:none; letter-spacing: 3px;}
h5 {font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:22px; line-height:120%; color:#333; margin-bottom:20px; text-transform:none; letter-spacing: 3px;}
/*h6 {font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:20px; line-height:150%; color:#333; margin-bottom:20px; text-transform:none;}*/
p {font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:18px; line-height:175%; color:#333; margin-bottom:20px; letter-spacing: 1px;}
ol,ul,li {font-family:'Titillium Web', Arial, Helvetica, sans-serif, sans-serif; list-style:none; letter-spacing: 1px;}
span {color:#333; letter-spacing: 1px;}
p.bold, .bold p, p strong {font-weight:600;}
p.normal {}
p.italic {font-style:italic; font-weight:bold;}
p span.bold {font-weight:600; color:#333;}
p span.normal {color:#333;}
.vc_section em {font-style:italic !important;}		

a {font-family:'Titillium Web', Arial, Helvetica, sans-serif; font-size:18px; line-height:175%; text-decoration:none !important; color:#333; 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; letter-spacing: 1px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {line-height: 120% !important; margin-bottom:20px !important;}
a, a:hover, a:active, a:visited, a:focus, a:link {color:#333 !important;}
a:hover, a:any-link {cursor:pointer; outline:0 !important; text-decoration:none !important}
a:active {-moz-outline-style: 0 !important; outline:0 !important;}
a:focus {-moz-outline-style: 0 !important; outline:0 !important;}
a.hidden {display: none; outline:0 !important;}
a[href=""] {cursor:default; -moz-outline-style: 0 !important; outline:0 !important;}
input {-moz-outline-style: 0 !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, input:hover, select:focus, textarea:focus, form:focus, button:focus {outline:0 !important; color:#333 !important;}

/*a href within a heading or paragraph tag*/
/*this must match the generic font sizes above*/
h1 a, h6 a {font-size:90px;}
h2 a {font-size:50px;}
h3 a {font-size:35px;}
h4 a {font-size:25px;}
h5 a {font-size:22px;}
p a {font-size:18px;}

/*NUMBERS when numbers are added to text block titles*/
.numbers h6 {margin:0; font-weight:600; letter-spacing: 0px}

/*underline text*/
.underline h1:after, .underline h2:after, .underline h3:after, .underline h4:after, .underline h5:after, .underline h6:after, .underline p:after {content:''; width:100%; position:absolute; left:0; bottom:-10px; border:1px solid #999;}

/*text backgrounds*/
.text-background h1, .text-background h2, .text-background h3, .text-background h4, .text-background h5, .text-background h6, .text-background p {background-color:rgba(237, 237, 237, 1) !important; margin:10px !important; padding:10px !important; display: table;}

/*text link backgrounds*/
.text-link-background p {margin:10px !important; padding:0 !important; display:table !important;}
.text-link-background a {/*background-color:rgba(237, 237, 237, 1);*/ padding:10px !important; display:block !important; }
.text-link-background a:after {content:" →";}


/* =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;}

/* =Normalize.css v2.1.0 by Nicolas Gallagher - http://necolas.github.com/normalize.css/ END
***********************************************************************************************************************************************************************/


/*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="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type="number"], input[type="tel"], input[type="range"], input[type="date"], input[type="month"], input[type="week"], input[type="time"], input[type="datetime"], input[type="button"], input[type="reset"], input[type="submit"], .button {font-weight:normal !important; margin-bottom:5px; display: inline-block; color:#333; border-bottom: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; float:left;}
.not-found input[type="submit"], .btn, input[type="button"], input[type="reset"], input[type="submit"], button {color:#333 !important; padding:10px 20px; background:#FFF !important;}
input:hover[type="button"], input:hover[type="reset"], input:hover[type="submit"], button:hover {border-bottom:1px solid #333; color:#333 !important;  background:#FFF !important;}

.background input[type="text"], .background input[type="email"], .background input[type="url"], .background input[type="password"], .background input[type="search"], .background input[type="number"], .background input[type="tel"], .background input[type="range"], .background input[type="date"], .background input[type="month"], .background input[type="week"], .background input[type="time"], .background input[type="datetime"], .background input[type="button"], .background input[type="reset"], .background input[type="submit"], .background .button {color:#FFF !important; background:#FFF !important; border-bottom:1px solid #FFF; color:#333 !important;}
.background .not-found input[type="submit"], .background .btn, input[type="button"], .background input[type="reset"], .background input[type="submit"], .background button {color:#FFF !important; background:#333 !important; border-bottom:1px solid #FFF;}
.background input:hover[type="button"], .background input:hover[type="reset"], .background input:hover[type="submit"], .background button:hover {border-bottom:1px solid #FFF; color:#333 !important;  background:#FFF !important;}

label{width:70%; float:left}
input.search-field {width:100%; padding:10px; box-sizing:border-box;}
input.search-submit {width:30%; float:right;}


/*GOOGLE*/

/*RECAPTCHA V3*/
.grecaptcha-badge {display:none !important;}






/**********************************************************************************************************************************************************************

ABOVE ARE TEMPLATE STYLES AND GENERIC WORDPRESS STYLES

---------------------------------------------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------------------------------------------- 
---------------------------------------------------------------------------------------------------------------------------- 

BELOW ARE NEW SITE SPECIFIC STYLES

**********************************************************************************************************************************************************************/







/**********************************************************************************************************************************************/
/*NEW STYLES
/**********************************************************************************************************************************************/


.display-mobile {display:none;}
.display-screen {display:block;}
.display-none {display:none !important; visibility:hidden !important;}

/*overflow overide*/
.overflow-visible {overflow:visible !important;}

/*MARGINS*/
.margin-top {margin-top:110px !important;}

/*padding*/
.padding-none {padding:0 !important;}
.padding-top {padding-top:70px;}
.padding-bottom {padding-bottom:70px;}

/*ARROWS*/
.arrow p, p.arrow {font-size:250px; line-height:100%; clear:both; background:none !important;}
.arrow-small p, p.arrow-small {font-size:150px !important; line-height:100%; clear:both; background:none !important;}
.arrow-small-lh-20 p, p.arrow-small-lh-20 {font-size:150px !important; line-height:20%; clear:both; background:none !important;}

/*HEIGHTS*/
.min-height {min-height:400px;}
.extra-height {min-height:200px;}

/*borders*/
.border-top {border-top:1px solid rgba(0, 0, 0, 1);}
.border-right {border-right:1px solid rgba(0, 0, 0, 1);}
.border-bottom {border-bottom:1px solid rgba(0, 0, 0, 1);}
.border-left {border-left:1px solid rgba(0, 0, 0, 1);}

/*TOP BAR*/
.bar-top {background: #333;}
.top-bar {padding:0 20px; border-bottom:1px solid #333;}
.top-bar h3 {width:auto !important; /*margin:15px 20px 15px 0;*/ /*float:left !important;*/ margin:20px; text-align: center !important;}
.top-bar h3 a { color:#FFF !important;}
.top-bar h3 a.web-title {font-family:'Viga', Arial, Helvetica, sans-serif !important; /*font-weight:500 !important;*/ letter-spacing:20px; margin-right:-20px;}
.top-bar p, top-bar a {display:inline; margin-top:20px; float:right;}
.top-bar .tel-no, .top-bar a[href^="tel:"] {color:#FFF;}
.top-bar .tel-no:hover, .top-bar a[href^="tel:"]:hover {color:#FFF;}

/*MENU BAR*/
.header-inner {padding:10px 0; width: auto; margin: 0 auto;}

/*SITE LOGO*/
a.site-logo {width:200px; float:left;}
a.site-logo img {width:200px; margin:0 auto; box-sizing:border-box; padding:0 20px;}

/*SEARCH FORM TOOGLE ACTIVATION*/
/*.header-inner-top.overide .top-bar-fa-button {font-size:23px; color:#FFF !important; display:block; overflow:hidden !important; float:right; padding:5px 20px 0 10px; box-sizing:border-box;}*/
a.top-bar-fa-button {width:40px; text-align:center; font-size:23px; /*display:block;*/ overflow:hidden !important; float:right; padding:0; box-sizing:border-box; margin:15px 20px 0 0 !important;}
.search-container .toggle-search-button {font-size:33px; color:#FFF !important; position:absolute; top:-60px; right:-40px;}
.no-scroll {overflow:hidden;}
.show-toggle-overlay {background-color:rgba(0, 0, 0, 0.2); width:100%; height:100%; z-index:9999; position:fixed; top:0; left:0; transition:all .5s ease;}
.search-container {width:30%; z-index:99999; visibility:hidden; position:fixed; top:-300px; left:35%; background:#FFF; opacity:0; padding:20px; transition:all .5s linear; border:12px solid #333; /*-webkit-box-shadow: 0 0 0 27px rgba(0, 172, 160, 0.2); box-shadow: 0 0 0 27px rgba(0, 172, 160, 0.2);*/}
.search-container.show {width:50%; opacity:1; top:35%; left:25%; visibility:visible;}
.search-container h3 {text-align:center; padding:10px}



/*Parallax - paroller - https://tgomilar.github.io/paroller.js/*/
/*classes are in js functions*/

/*the negative margin is correcting the parralax paroller void left at the bottom of each header image and the background shape overlapping*/
.negative-margin/*, .vc_section:first-child*/ {margin:-30px 0 0 0; background:#FFF;}

/*header image*/
.header-image-full-height {z-index:0; width:100%; height:100% !important; min-height:100% !important; max-height:100% !important; position:relative; padding:0px !important;}
.header-image-big {z-index:0; width:100%; height:730px; /*border-bottom:5px solid #333;*/ background-repeat: no-repeat; padding:0; margin:0; position:relative; display:block !important; overflow:hidden; background-size:cover !important; background-position:center; margin-bottom:-20px;}
.header-image-small {z-index:0; width:100%; height:630px; /*border-bottom:5px solid #333;*/ background-repeat: no-repeat; padding:0; margin:0; position:relative; display:block !important; overflow:hidden; background-size:cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-position:center; margin-bottom:-20px;}
.background-shape {width:100% !important; height:100% !important; position:absolute; top:0; left:0; display:block; /*background:linear-gradient(180deg, rgba(0,0,0,.3) 80%, transparent );*/ background-color:rgba(0,0,0, 0.3); /*-webkit-clip-path: polygon(0 20%, 50% 20%, 50% 80%, 0 80%); clip-path: polygon(0 20%, 50% 20%, 50% 80%, 0 80%);*/}
.header-image-text {margin-top:130px; background-color:rgba(237, 237, 237, 0); padding:20px 10px;}
.header-image-text h1, .header-image-text h2, .header-image-text h3, .header-image-text h4, .header-image-text h5, .header-image-text h6 {color:#FFF !important; text-transform:uppercase !important; text-align: center !important;}
.header-image-text p {color:#FFF !important; text-align: center !important;}
/*.header-image-text h1, .header-image-text h6 {font-size:90px; line-height:100% !important;}*/
.vc_row .header-image-logo {width:50%; margin:140px auto 0 auto; float:none;}
/*header image*/


/*SECTION TITLES WITH MARGIN BOTTOM FOR BROKEN LAYOUT*/
.vc_section.section-title {padding-bottom:50px !important; padding:0;}


/*add background colour to content container*/
.background, .background2, .background-no-change {background-color:rgba(237, 237, 237, 1) !important;}
.colour-overlay {background-color:rgba(237, 237, 237, 0.7);}
.background h1, .background h2, .background h3, .background h4, .background h5, .background h6, .background p, .background a, .colour-overlay h1, .colour-overlay h2, .colour-overlay h3, .colour-overlay h4, .colour-overlay h5, .colour-overlay h6, .colour-overlay p, .colour-overlay a {color:#333 !important;}
.background-other {background-color:rgba(255, 255, 255, 1) !important;}
/*add background colour to content container*/


/*************************************************************/
/*BACKGROUND PERCENTAGE GRADIENTS WITH HARD LINE NO FADE*/

.background-left-75 {background: linear-gradient(to left,
 rgba(237, 237, 237, 1) 0%,
 rgba(237, 237, 237, 1) 25%,
 rgba(237, 237, 237, 1) 25%,
 rgba(237, 237, 237, 1) 50%,
 rgba(237, 237, 237, 1) 50%,
 rgba(237, 237, 237, 1) 75%, 
 rgba(255, 255, 255,0) 75%,
 rgba(255, 255, 255,0) 100%,
 rgba(255, 255, 255,0) 100%) !important;}


.background-left-50 {background: linear-gradient(to left,
 rgba(237, 237, 237, 1) 0%,
 rgba(237, 237, 237, 1) 25%,
 rgba(237, 237, 237, 1) 25%,
 rgba(237, 237, 237, 1) 50%,
 rgba(255, 255, 255,0) 50%,
 rgba(255, 255, 255,0) 75%, 
 rgba(255, 255, 255,0) 75%,
 rgba(255, 255, 255,0) 100%,
 rgba(255, 255, 255,0) 100%) !important;}


.background-left-25 {background: linear-gradient(to left,
 rgba(237, 237, 237, 1) 0%,
 rgba(237, 237, 237, 1) 25%,
 rgba(255, 255, 255,0) 25%,
 rgba(255, 255, 255,0) 50%,
 rgba(255, 255, 255,0) 50%,
 rgba(255, 255, 255,0) 75%, 
 rgba(255, 255, 255,0) 75%,
 rgba(255, 255, 255,0) 100%,
 rgba(255, 255, 255,0) 100%) !important;}



.background-right-75 {background: linear-gradient(to right,
 rgba(237, 237, 237, 1) 0%,
 rgba(237, 237, 237, 1) 25%,
 rgba(237, 237, 237, 1) 25%,
 rgba(237, 237, 237, 1) 50%,
 rgba(237, 237, 237, 1) 50%,
 rgba(237, 237, 237, 1) 75%, 
 rgba(255, 255, 255,0) 75%,
 rgba(255, 255, 255,0) 100%,
 rgba(255, 255, 255,0) 100%) !important;}


.background-right-50 {background: linear-gradient(to right,
 rgba(237, 237, 237, 1) 0%,
 rgba(237, 237, 237, 1) 25%,
 rgba(237, 237, 237, 1) 25%,
 rgba(237, 237, 237, 1) 50%,
 rgba(255, 255, 255,0) 50%,
 rgba(255, 255, 255,0) 75%, 
 rgba(255, 255, 255,0) 75%,
 rgba(255, 255, 255,0) 100%,
 rgba(255, 255, 255,0) 100%) !important;}


.background-right-25 {background: linear-gradient(to right,
 rgba(237, 237, 237, 1) 0%,
 rgba(237, 237, 237, 1) 25%,
 rgba(255, 255, 255,0) 25%,
 rgba(255, 255, 255,0) 50%,
 rgba(255, 255, 255,0) 50%,
 rgba(255, 255, 255,0) 75%, 
 rgba(255, 255, 255,0) 75%,
 rgba(255, 255, 255,0) 100%,
 rgba(255, 255, 255,0) 100%) !important;}

/*************************************************************/
/*BACKGROUND PERCENTAGE GRADIENTS WITH HARD LINE NO FADE*/


/*ADD HOVER OPACITY TO VC COLUMNS*/
.hover-fade .vc_column_container > .vc_column-inner {padding:0;}
.hover-fade .vc_column_container > .vc_column-inner .wpb_text_column {padding:20px;}
.hover-fade .vc_column_container .vc_column-inner {/*height:100%; */background-color:rgba(237, 237, 237, 0.9); transition: all 0.9s ease; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease;}
.hover-fade .vc_column_container:hover .vc_column-inner {background-color:rgba(237, 237, 237, 0.7);}
/*.hover-fade .vc_column_container .wpb_wrapper .wpb_content_element .wpb_wrapper {background:transparent !important;}*/
.hover-fade .word-break h2 {word-break: break-all !important; letter-spacing: 0px;}
.hover-fade .vc_column_container .empty .vc_column-inner, .hover-fade .vc_column_container:hover .empty .vc_column-inner {background-color:rgba(255, 255, 255, 1) !important;}


/*Restructure six column visual composer layout*/
.mobile-50-100 {display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-flex-wrap: wrap !important; -ms-flex-wrap: wrap !important; flex-wrap: wrap !important;}
.mobile-50-100 .vc_column_container {display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important;}
.vc_row.mobile-50-100:before, .vc_row.mobile-50-100:after {display: none !important;} /*THIS IS VERY IMPORTANT REMOVE THE BEFORE AND AFTER AS SAFARI TREATS IT AS AN ELEMENT AND FLEXBOX WILL NOT LINE UP CORRECTTLY. THE BEFORE AND AFTER IS ADDED BUT VISUAL COMPOSER ON CLASS .VC_ROW*/


/*COLLABORATIONS*/
.collaborations img {width:33%; padding:10px; margin:0; float;left; display:inline-block;}

/*prev next project buttons*/
.next-prev .vc_row::before, .next-prev .vc_row::after {display:none; visibility: hidden;}
.prev-project a:before {content:"← ";}
.next-project a:after {content:" →";}


/*clipping paths*/
.clippy {-webkit-clip-path: polygon(30% 0, 50% 0, 100% 100%, 100% 15%); clip-path: polygon(30% 0, 50% 0, 100% 100%, 100% 15%);}
.clip-left {-webkit-clip-path: polygon(0 0, 92% 0%, 100% 100%, 0% 100%); clip-path: polygon(0 0, 92% 0%, 100% 100%, 0% 100%);}
.clip-right {-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 8% 100%); clip-path: polygon(0 0, 100% 0, 100% 100%, 8% 100%);}
/*clipping paths*/

/*CALL US SECTIONS*/
.call-us h1, .call-us h2, .call-us h3, .call-us h4, .call-us h5, .call-us h6, .call-us p {text-align:center !important; font-weight:400; margin:10px 0 !important;}
.call-us h1 a, .call-us h2 a, .call-us h3 a, .call-us h4 a, .call-us h5 a, .call-us h6 a, .call-us p a, .call-us a {font-weight:bold !important;}


/*add border radius*/
.border-circle img {border-radius:50%; -webkit-border-radius:50%;}

/*fixed size image*/
.fixed-size-image img {width:60%; height:60%; margin-left:auto !important; margin-right: auto !important;}


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

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

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


/*footer ***********************************************************************/
.footer {padding:40px 20px; background:#333;}
.footer h1, .footer h2, .footer h3, .footer h4, .footer h5, .footer h6, .footer p {color:#FFF !important; text-transform: uppercase;}
.footer p, ul#menu-site-menu li {margin-bottom:5px;}
.footer a:after {content:" →";}
.footer a, .footer a[href^="tel:"] {color:#FFF !important;}
.footer a:hover, .footer a[href^="tel:"]:hover {color:#AAA !important;}
.footer-first {margin-bottom:20px; text-transform:none;}
.footer-first p {text-transform: initial;}
.footer-2 img {width:50px; padding:10px 0; float:left; display:inline-block;}
.footer-2 img:hover {opacity:0.5; transition: all 0.9s ease; -webkit-transition: all 0.9s ease; -moz-transition: all 0.9s ease;  -o-transition: all 0.9s ease;}
.footer-2 a::after {display:none !important;}


/*under footer bar*/
.under-footer-bar {background:#333; margin:0 !important; padding:10px 0;}
.under-footer-bar p, .under-footer-bar a {color:#FFF !important; margin-bottom:0; text-align:center;}



/**********************************************************************************************************************************************/
/*NEW STYLES
/**********************************************************************************************************************************************/





/**********************************************************************************************************************************************/
/*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:30px 0 !important; margin:0; margin-left:0 !important; margin-right:0 !important; display:block; overflow:hidden; /*background:#FFF;*/ position:relative;}
.vc_section.section-no-padding {padding:0 !important;}
/*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;}
/*Product page quote section*/

/*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 overides the background none for the first section below for product pages*/


/*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;}
/*this will be the wrapper for visual composer */

/*generic padding styles*/
.fifty-fifty .vc_column-inner {padding:100px 20px 40px 20px;}
.vc_column-inner {padding:20px 20px 20px 20px;}
.vc_column-inner-no-padding .vc_column-inner {padding:0 !important;}
/*generic padding styles*/


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

/*make class image have a min height if content is empty and using a bg image*/
/*match this with line 448 ".fifty-fifty .vc_column_container.image"*/
.image {padding-left:0; padding-right:0; overflow:hidden; min-height:600px;}

/*make image act as bg image, must have width and height*/
.object-fit-image-half img {object-fit:cover !important; padding-left:0; padding-right:0; overflow:hidden; width:600px !important; height:600px !important;}
.object-fit-image-full img {object-fit:cover !important; padding-left:0; padding-right:0; overflow:hidden; width:1200px !important; height:600px !important;}

/*HEIGHTS*/
.equal-heights-section .text-content {min-height:350px; padding:20px 20px 60px 20px;}
.equal-heights-section .text-content.vc-button {min-height:10px; padding:20px 20px 60px 20px;}
.equal-heights-section .x1height {min-height:400px;}
.equal-heights-section .x2height {min-height:800px;}

/*EQUAL HEIGHTS when .dynamic-height class is added*/
.equal-heights-section .vc_row {margin-left:0 !important; margin-right:0 !important; margin:auto !important; display:flex; display:-webkit-flex; display:-ms-flexbox;}
.equal-heights-section .vc_column_container {display:flex; display:-webkit-flex; display:-ms-flexbox;}
.equal-heights-section .vc_column_container.dynamic-height .vc_column-inner {min-height:400px; display:flex; display:-webkit-flex; display:-ms-flexbox; margin:20px 15px;}
.equal-heights-section .vc_column-inner {display:flex; display:-webkit-flex; display:-ms-flexbox; flex-direction:column;}



/*ADD PDDING TO SECTION*/
/*.equal-heights-section, .portfolio-slider {padding:30px 0 !important;}*/


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

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









/**********************************************************************************************************************************************/
/*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; padding:0 !important;}
/*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:600px;} /*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:600px; max-height:500px; min-height:700px;}*/ /*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.clip-left:nth-child(1) {padding-left:15%; padding-right:90px;}
.fifty-fifty .vc_column_container.clip-right:nth-child(2) {padding-right:15%; padding-left:90px;}
/*this creates padding to act as a wrapper, there is no wrapper on these sections*/

/*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;}

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

/*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:#333 !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:#333 !important; padding-left:0 !important;}
/*Text styles for text with background images with visual composer within fifty fifty sections*/

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

/*dark text fifty fifty sections*/

/*fifty-fifty buttons*/
.fifty-fifty .vc_column-inner .vc-button a, .vc-button a, a.vc-button {font-weight:400; color:#333 !important; /*border-bottom:0px solid #333;*/ border: 1px solid #CCC; padding:10px 20px; text-align:center; display:inline-block; margin-top:20px; margin-bottom:20px;}
.fifty-fifty .vc_column-inner .vc-button a:hover, .vc-button a:hover, a.vc-button:hover {/*border-bottom:1px solid #FFF;*/ color:#333 !important; /*background-color: rgba(255, 255, 255,1);*/}
.fifty-fifty .dark-text .vc-button a, .dark-text .vc-button a, .dark-text.vc-button a, .dark-text a.vc-button {font-weight:400; color:#333 !important; /*border-bottom:1px solid #333;*/ padding:10px 20px; text-align:center; display:inline-block; margin-top:20px; margin-bottom:20px;}
.fifty-fifty .light-text .vc-button a:hover, .light-text .vc-button a:hover, .light-text.vc-button a:hover, .light-text a.vc-button:hover {/*border-bottom:1px solid #333;*/ color:#FFF !important; /*background-color:#333*/;}
.fifty-fifty .vc_column-inner .vc-button a::after, .vc-button a::after, a.vc-button::after, .fifty-fifty .light-text .vc-button a::after, .light-text .vc-button a::after, .light-text.vc-button a::after, .light-text a.vc-button::after {content:" →";}
/*text styles for within the fifty fifty sections*/

/*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*/



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


/*CONTACT ME BUTTON*/
/*the rest of the style are pulled from .vc-button*/
.contact-background {width:100% !important; background: url('/wp-content/uploads/2018/04/sandringham-hub.jpg'); background: cover; background-position:center;}
.vc-button a.contact-me-button {display:table; margin:80px auto !important; background-color: rgba(255, 255, 255,1);}
.vc-button a.contact-me-button:hover {background-color: rgba(255, 255, 255,0);}
.vc-button a.contact-me-button h2 {margin-bottom:0 !important; color:#333 !important;}
.vc-button a.contact-me-button h2::after {content:" →"; margin-top:-10px;}
.vc-button a.contact-me-button:hover h2 {color:#FFF !important;}
.vc-button a.contact-me-button::after {display:none !important;}


/*GOOGLE MAP*/
#wpgmza_map {height:100vh !important;} 


/*section triangles*/
/*visit http://apps.eky.hk/css-triangle-generator/*/
.triangle-top {margin:0 auto; width:0; height:0; border-style:solid; border-width:50px 50px 0 50px; border-color:#FFF transparent transparent transparent;}
.triangle-bottom {margin:0 auto; width:0; height:0; border-style:solid; border-width:0 50px 50px 50px; border-color:transparent transparent#FFF transparent;}


/*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*/


/*CASE STUDIES*/
/*.case-studies h2 {font-size:45px; }*/
.vc_section.case-study {padding:0 !important;}



/*BROKEN GRID LAYOUT STYLES*/
.broken-grid {overflow:visible;}
.broken-right {margin:30px 0px -90px -90px;}
.broken-left {margin:30px -90px -90px 90px;}
.broken-bottom {margin-bottom:90px;}
.broken-top, .broken-top-and-mobile {margin-top:-90px;}
.broken-top-bottom {margin-top:90px;}
.extra-z-index {/*position:absolute;*/ z-index:990;}
.slideshow .vc_column-inner {padding:0 !important;}




/*hover button effct sweep top right*/
/*view > /library/css/hover-master/css/hover-min.css for more effcts*/
/*this has been commented out is the functions.php bnut has been left for refernce*/
/*USE JAVASCRIPT TO ADD THIS CLASS .hvr-sweep-to-right TO ANY BUTTON YOU WANT THE EFFECT ON*/
/* Sweep To Right */
.hvr-sweep-to-right {
  /*display: inline-block;*/
  /*vertical-align: middle;*/
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  /*position: relative;*/
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background-color:rgba(230, 230, 230, 1);
 
}
.hvr-sweep-to-right:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color:rgba(255, 255, 255, 1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 0 50%;
  transform-origin: 0 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
/*.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
  color: #333;
}*/
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}