/* Lemon Creative Style Sheets----------------------------------------------- *//* Boilerplate----------------------------------------------Black: #7bbcd6;Yellow: #FFFF00;--------------------------------------------*//* Font Import---------------------------------------------- */@font-face {font-family: 'texgyreadventorregular';src: url('https://www.lemoncreative.co.uk/fonts/texgyreadventor-regular-webfont.eot');src: url('https://www.lemoncreative.co.uk/fonts/texgyreadventor-regular-webfont.eot?#iefix') format('embedded-opentype'),url('https://www.lemoncreative.co.uk/fonts/texgyreadventor-regular-webfont.woff') format('woff'),url('https://www.lemoncreative.co.uk/fonts/texgyreadventor-regular-webfont.ttf') format('truetype'),url('https://www.lemoncreative.co.uk/fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');font-weight: normal;font-style: normal;}@font-face {font-family: 'texgyreadventorbold';src: url('https://www.lemoncreative.co.uk/fonts/texgyreadventor-bold-webfont.eot');src: url('https://www.lemoncreative.co.uk/fonts/texgyreadventor-bold-webfont.eot?#iefix') format('embedded-opentype'),url('https://www.lemoncreative.co.uk/fonts/texgyreadventor-bold-webfont.woff') format('woff'),url('https://www.lemoncreative.co.uk/fonts/texgyreadventor-bold-webfont.ttf') format('truetype'),url('https://www.lemoncreative.co.uk/fonts/texgyreadventor-bold-webfont.svg#texgyreadventorbold') format('svg');font-weight: bold;font-style: normal;}@font-face {font-family: 'texgyreadventoritalic';src: url('https://www.lemoncreative.co.uk/fonts/texgyreadventor-italic-webfont.eot');src: url('https://www.lemoncreative.co.uk/fonts/texgyreadventor-italic-webfont.eot?#iefix') format('embedded-opentype'),url('https://www.lemoncreative.co.uk/fonts/texgyreadventor-italic-webfont.woff') format('woff'),url('https://www.lemoncreative.co.uk/fonts/texgyreadventor-italic-webfont.ttf') format('truetype'),url('https://www.lemoncreative.co.uk/fonts/texgyreadventor-italic-webfont.svg#texgyreadventoritalic') format('svg');font-weight: normal;font-style: italic;}@font-face {font-family: 'texgyreadventorbold_italic';src: url('https://www.lemoncreative.co.uk/fonts/texgyreadventor-bolditalic-webfont.eot');src: url('https://www.lemoncreative.co.uk/fonts/texgyreadventor-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),url('https://www.lemoncreative.co.uk/fonts/texgyreadventor-bolditalic-webfont.woff') format('woff'),url('https://www.lemoncreative.co.uk/fonts/texgyreadventor-bolditalic-webfont.ttf') format('truetype'),url('https://www.lemoncreative.co.uk/fonts/texgyreadventor-bolditalic-webfont.svg#texgyreadventorbold_italic') format('svg');font-weight: bold;font-style: italic;}/* the fix for ugly font rendering in Chrome! simply ADD this block BELOW the above block */@media screen and (-webkit-min-device-pixel-ratio:0) {@font-face {font-family: 'texgyreadventorregular';src: url('https://www.lemoncreative.co.uk/fonts/texgyreadventor-regular-webfont.svg#texgyreadventorregular') format('svg');font-weight: 500;font-style: normal;}@font-face {font-family: 'texgyreadventorbold';src: url('https://www.lemoncreative.co.uk/fonts/texgyreadventor-bold-webfont.svg#texgyreadventorbold') format('svg');font-weight: bold;font-style: normal;}@font-face {font-family: 'texgyreadventoritalic';src: url('https://www.lemoncreative.co.uk/fonts/texgyreadventor-italic-webfont.svg#texgyreadventoritalic') format('svg');font-weight: 500;font-style: italic;}@font-face {font-family: 'texgyreadventorbold_italic';src: url('https://www.lemoncreative.co.uk/fonts/texgyreadventor-bolditalic-webfont.svg#texgyreadventorbold_italic') format('svg');font-weight: bold;font-style: italic;}}/* Style resets----------------------------------------------- */html {height: 100%;}body {text-align: left;margin: 0;padding: 0;font-family: 'texgyreadventorregular', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: normal;font-size: 100%;background: #000000;min-height: 100%;position: relative;color: #000000;text-rendering: optimizeLegibility;-webkit-text-size-adjust: 100%;}body a {color: #000000;}body #wrapper {color: #ffffff;}h1,h2,h3,h4 {font-family: 'texgyreadventorregular', Arial, Helvetica, Verdana, sans-serif;margin: 0;padding: 0;font-weight: normal;color: #FFFF00;}body #wrapper a {font-family: 'texgyreadventorregular', Arial, Helvetica, Verdana, sans-serif;color: #ffffff;}i {font-family: 'texgyreadventoritalic', Arial, Helvetica, Verdana, sans-serif;font-weight: normal;font-style: italic;}img {max-width: 100%;height: auto;border: none;}strong {font-family: 'texgyreadventorbold';font-weight: bold;font-style: normal;}#wrapper p.intro-large {font-size: 3.4375em; /* 55px / 16px */color: #666666;margin-bottom: 0;line-height: 140%;}#wrapper p.intro-small {font-size: 2.5em; /* 20px / 16px */color: #666666;margin-bottom: 0.75em;line-height: 140%;}/* Wrapper----------------------------------------------- */#wrapper {width: 90%;max-width: 1024px;margin: 0 auto 0 auto;}#wrapper ul,#wrapper ol,#wrapper li,#wrapper dl,#wrapper dd,#wrapper dt,#wrapper p,#wrapper blockquote,#wrapper form {margin: 0;padding: 0;font-weight: normal;}#wrapper ul,#wrapper ul li {list-style: none;}#wrapper ol,#wrapper ol li {list-style: decimal;}/* Header----------------------------------------------- */#wrapper header {width: 100%; /* 1024px / 1024px */float: left;}#wrapper header #header-logo {width: 33.0078125%; /* 338px / 1024px */float: left;margin: /* Top */ 17px /* Right */ 0 /* Bottom */ 17px /* Left */ 0; /* 15px / 1024px */}#wrapper header #palette {width: 14.2578125%; /* 146px / 1024px */float: left;margin: /* Top */ 23px /* Right */ 0 /* Bottom */ 5px /* Left */ 0; /* 15px / 1024px */text-align: left;}/* Menus----------------------------------------------- */#wrapper header nav {width: 48.828125%; /* 500px / 1024px */margin: /* Top */ 0 /* Right */ 0 /* Bottom */ 0 /* Left */ 3.90625%; /* 40px / 1024px */margin-top: 8px;float: left;display: inline;}#wrapper nav ul {width: 100%; /* 500px / 500px */float: left;list-style: none;display: inline;margin-top: 3px;}#wrapper nav ul li {display: inline;float: left;list-style: none;padding-left: 2%;  /* 10px / 500px */padding-right: 2%;  /* 10px / 500px */text-align: center;background: url('https://www.lemoncreative.co.uk/images/menu-seperator.png') 100% 50% no-repeat;margin-bottom: 1px;}#wrapper nav ul li a:link,#wrapper nav ul li a:visited {font-size: 0.875em; /* 14px / 16px */display: block;color: #666666;text-decoration: none;word-wrap: break-word;}#wrapper nav ul li a:hover {color: #ffffff;text-decoration: none;border-bottom: #FFFF00 1px solid;margin-bottom: -1px;}.ie10 #wrapper nav ul li a:link,.ie10 #wrapper nav ul li a:visited,.ie10 #wrapper nav ul li a:hover {font-weight: 600; /* Only works in IE10 */}#wrapper nav ul li a.current:link,#wrapper nav ul li a.current:visited,#wrapper nav ul li a.current:hover {color: #ffffff;border-bottom: #FFFF00 1px solid;margin-bottom: -1px;}#wrapper nav ul.secondary-menu li {background: none;padding-left: 0.77399380805%;  /* 1px / 500px */padding-right: 0.77399380805%;  /* 1px / 500px */}#wrapper nav ul.secondary-menu li a {font-size: 0.78571428571429em; /* 11px / 14px */}#wrapper nav ul li.first,#wrapper nav ul.secondary-menu li.first {margin-left: 0;padding-left: 0;}/* #wrapper nav ul.secondary-menu li.branding-2 {margin-left: 15.94427244582%; */  /* 103px / 646px} *//* #wrapper nav ul.secondary-menu li.talk-to-us {margin-left: 37.770897832817%; */   /* 244px / 646px} */#wrapper nav ul li.last,#wrapper nav ul.secondary-menu li.last {margin-right: 0;padding-right: 0;background: none;}/* Header Image----------------------------------------------- */#wrapper #main-image {width: 100%; /* 1024px / 1024px */float: left;}#wrapper #main-image #flexslider {float: none;}#wrapper #main-image #flexslider ul,#wrapper #main-image #flexslider ul li {margin: 0;padding: 0;list-style: none;float: none;}/* Team Images----------------------------------------------- */#wrapper #team-images {width: 100%; /* 1024px / 1024px */float: left;}#wrapper #team-images ul,#wrapper #team-images ul li {margin: 0;padding: 0;list-style: none;float: left;}#wrapper #team-images ul {width: 100%; /* 1024px / 1024px */}#wrapper #team-images ul li {width: 16.666666666667%; /* 170.66666666666667px / 1024px */}/* Palette Image----------------------------------------------- */#wrapper #palette-image {width: 100%; /* 1024px / 1024px */}/* Contact Form----------------------------------------------- */#wrapper #contact-form {width: 100%; /* 1024px / 1024px */min-height: 464px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border: #FFFF00 2px solid;float: left;clear: both;}#wrapper #contact-form h1,#wrapper #contact-form h2 {color: #FFFFFF;margin-bottom: 0.5em;}#wrapper #contact-form form .left {float: left;width: 48.979591836735%; /* 480px / 980px */margin-right: 1.020408163265%; /* 10px / 980px */display: inline;}#wrapper #contact-form form .right {float: right;width: 48.979591836735%; /* 480px / 980px */margin-left: 1.020408163265%; /* 10px / 980px */display: inline;}#wrapper #contact-form form {padding: 12px 1.960784313725%; /* 20px / 1020px */}#wrapper #contact-form form label {width: 100%; /* 980px / 980px */float: left;display: block;}#wrapper #contact-form form input[type='text'],#wrapper #contact-form form input[type='email'],#wrapper #contact-form form select,#wrapper #contact-form form textarea {display: block;float: left;background-color: #ffffff;margin-top: 0.1em;margin-bottom: 0.5em;font-size: 1em;font-weight: normal;border: none;width: 100%;clear: both;padding: 0;border-width: 0;}#wrapper #contact-form form textarea {resize: none;height: 9em;}#wrapper #contact-form form input[type='text'],#wrapper #contact-form form input[type='email'],#wrapper #contact-form form select {height: 32px;line-height:32px;}#wrapper #contact-form form p {color: #ffffff;font-size: 1em; /* 20px / 16px */clear: both;}#wrapper #contact-form form input[type='submit'] {clear:both;color: #ffffff;background-color: #000000;cursor: pointer;display: inline-block;font-size: 1em;font-weight: normal;text-align: center;text-decoration: none;width: auto;border:none;margin-top: 0.5em;padding: 0;-webkit-appearance: none;}#wrapper #contact-form form input[type='submit']:hover {color: #FFFF00;}#wrapper #contact-form form .captchapict {margin-top: 1.75em;margin-bottom: 0;margin-left: 0;margin-right: 0;float: left;display: block;clear: both;}#wrapper #contact-form form .captcha input {width: 41.078838174274%;  /* 198px / 482px */float: left;display: block;clear: both;}#wrapper #contact-form form .captcha p {float: left;display: block;clear: both;}#wrapper #contact-form form .submit {clear: both;}#wrapper #contact-form form .required-statement {font-size: 0.8125em; /* 13px / 16px */clear: both;margin-top: 0.5em;margin-bottom: 0.5em;float: left;}/* Content----------------------------------------------- */#wrapper article {width: 100%; /* 1024px / 1024px */float: left;padding-top: 1.5em;clear: both;}#wrapper article .single-column {width: 100%; /* 1024px / 1024px */float: left;}#wrapper article .double-column-one {width: 49.0234375%; /* 502px / 1024px */float: left;display: inline;margin-right: 0.9765625%; /* 10px / 1024px */margin-bottom: 0.3em;}#wrapper article .double-column-two {width: 49.0234375%; /* 502px / 1024px */float: left;display: inline;margin-left: 0.9765625%; /* 10px / 1024px */}#wrapper article .triple-column-one {width: 32.03125%; /* 328px / 1024px */float: left;display: inline;margin-right: 0.9765625%; /* 10px / 1024px */margin-bottom: 0.3em;}#wrapper article .triple-column-two {width: 32.03125%; /* 328px / 1024px */float: left;display: inline;margin-left: 0.9765625%; /* 10px / 1024px */margin-right: 0.9765625%; /* 10px / 1024px */}#wrapper article .triple-column-three {width: 32.03125%; /* 328px / 1024px */float: left;display: inline;margin-left: 0.9765625%; /* 10px / 1024px */}#wrapper article h1,#wrapper article h2,#wrapper article h3,#wrapper article h4 {font-size: 0.875em; /* 14px / 16px */color: #ffffff;line-height: 100%;margin-bottom: 0.5em;}#wrapper article p {font-size: 0.8125em; /* 13px / 16px */margin-bottom: 0.75em;line-height: 140%;}#wrapper article a:link,#wrapper article a:visited {color: #666666;text-decoration: none;word-wrap: break-word;}#wrapper article a:hover {color: #ffffff;text-decoration: none;}#wrapper article a.current:link,#wrapper article a.current:visited,#wrapper article a.current:hover {color: #ffffff;}#wrapper article ul.terciary-menu,#wrapper article ul.terciary-menu li {display: block;float: left;width: 100%;margin: 0;padding: 0;}#wrapper article ul.terciary-menu {margin-bottom: 0.5em;}#wrapper article ul.terciary-menu li a:link,#wrapper article ul.terciary-menu li a:visited,#wrapper article ul.terciary-menu li a:hover {float: left;display: block;width: 100%;}#wrapper article ul.terciary-menu li a:link span,#wrapper article ul.terciary-menu li a:visited span,#wrapper article ul.terciary-menu li a:hover span {float: left;display: block;width: 23.90438247012%; /* 120px / 502px */}#wrapper #section-images ul,#wrapper #section-images ul li {margin: 0;padding: 0;}#wrapper #section-images ul {width: 100%;}#wrapper #section-images ul li {width: 25%;float: left;display: inline;line-height: 0; /* crucial for bottom padding 0 !!! */}#wrapper article ul.terciary-menu li a {font-size: 0.8125em; /* 13px / 16px */}#wrapper article blockquote {color: #666666;font-size: 0.75em; /* 12px / 16px */font-family: 'texgyreadventoritalic', Arial, Helvetica, Verdana, sans-serif;line-height: 140%;font-style: italic;margin: 0;margin-top: 1.7em;margin-left: 30.278884462151%; /* 152px / 502px */padding: /* Top */ 0 /* Right */ 4.980079681275% /* Bottom */ 1em /* Left */ 3.98406374502%; /* 25px / 502px */ /* 20px / 502px */background: url(https://www.lemoncreative.co.uk/images/blockquote-left.png) 0 0 no-repeat, url(https://www.lemoncreative.co.uk/images/blockquote-right.png) 100% 90% no-repeat;text-align: right;}#wrapper article blockquote p {margin: 0;padding: 0;}#wrapper article p.quote-name {font-size: 0.75em; /* 12px / 16px */line-height: 140%;text-align: right;padding-right: 4.980079681275%; /* 25px / 502px */color: #FFFF00;}#wrapper article p.centered {color: #666666;font-size: 0.75em; /* 12px / 16px */text-align: center;width: 50%;margin: 0 auto;padding: 1em 0;}/* Footer----------------------------------------------- */#clear-base {width: 90%;max-width: 1024px;margin: 0 auto 0 auto;clear: both;width: 100%;height: 8em;padding-top: 1em;}footer {width: 90%;max-width: 1024px;height: 8em;position: absolute;bottom: 0;center: 0;}footer .column-1 {float: left;width: 83.59375%; /* 856px / 1024px */}footer .column-2 {float: right;width: 16.40625%; /* 168px / 1024px */}footer .column-2 ul {width: 100%; /* 168px / 168px */float: left;margin: 0;padding: 0;display: inline;}footer .column-2 ul li {width: 15.47619047619%; /* 26px / 168px */float: left;margin-left: 1.190476190476% !important; /* 2px / 168px */padding: 0;display: inline;}footer .column-1 nav,footer .column-1 nav ul,footer .column-1 nav ul li,footer .column-1 nav a {width: 100%;}footer .column-1 p a:link,footer .column-1 p a:visited,footer .column-1 p a:hover {text-decoration: none;color: #666666 !important;}footer .column-1 nav a {display: block;text-align: left;}footer .column-1 p,footer .column-1 li {font-size: 0.6875em; /* 11px / 16px */margin-bottom: 0.25em !important;color: #666666;}
/* Stylesheet: Main Styles Modified On 2014-04-29 13:03:51 */


/*
 * jQuery FlexSlider v2.2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */


/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
#wrapper .slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0 0 0; background: #fff; border: 0 solid #fff; position: relative; zoom: 1; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 600px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 0; }

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {
    background: url("https://www.lemoncreative.co.uk/images/bg_direction_nav.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    height: 50px;
    margin: -20px 0 0;
    opacity: 0;
    position: absolute;
    text-indent: -9999px;
    top: 50%;
    width: 50px;
    z-index: 99;
}
.flex-direction-nav .flex-prev { left: -36px; }
.flex-direction-nav .flex-next {
    background-position: 100% 0;
    right: -36px;
}
.flexslider:hover .flex-prev { opacity: 0.7; left: 10px; }
.flexslider:hover .flex-next { opacity: 0.7; right: 10px; }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0!important; filter:alpha(opacity=0); cursor: default; }
.flex-direction-nav a:before  { font-family: "flexslider-icon"; font-size: 40px; display: inline-block; content: '\f001'; }
.flex-direction-nav a.flex-next:before  { content: '\f002'; }

/* Pause/Play */
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before  { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover  { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -o-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); box-shadow: inset 0 0 3px rgba(0,0,0,0.3); }
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev { opacity: 1; left: 10px;}
  .flex-direction-nav .flex-next { opacity: 1; right: 10px;}
}


/* Stylesheet: flexslider Modified On 2013-11-08 13:05:45 */