/*	chocolatefactorypelaw.co.uk LAYOUT STYLE SHEET
    =============================================
		
	Publication:   21 03 2024
	Last Update:   21 03 2024
	Author:        iammichaelwilliams.com
	
	
	KEY COLOUR REFS.
    
	DARK text		#281409

	GREY			#414145
	LIGHT GREY		#6E6E71
	V LIGHT GREY 	#DCDCDC
	BLUE			#2793E6
	LIGHT BLUE		#5ABDF8
	WHITE			#FFF

    =============================================*/

/*  =============================================
    Font declarations */

@font-face {
    font-family: 'red_hat_display';
    src: url('/fnt/RedHatDisplay-SemiBold.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'bell_mtitalic';
    src: url('/fnt/belli_0-webfont.eot');
    src: url('/fnt/belli_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fnt/belli_0-webfont.woff2') format('woff2'),
         url('/fnt/belli_0-webfont.woff') format('woff'),
         url('/fnt/belli_0-webfont.ttf') format('truetype'),
         url('/fnt/belli_0-webfont.svg#bell_mtitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'KaiseiDecol_Regular';
    src: url('/fnt/KaiseiDecol-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'libre_franklin_exlight';
    src: url('/fnt/LibreFranklin-ExtraLight.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'libre_franklin_exlight_italic';
    src: url('/fnt/LibreFranklin-ExtraLightItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'libre_franklin';
    src: url('/fnt/LibreFranklin-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'libre_franklin_italic';
    src: url('/fnt/LibreFranklin-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'icomoon';
  src:  url('/fnt/icomoon.eot?kuk8w3');
  src:  url('/fnt/icomoon.eot?kuk8w3#iefix') format('embedded-opentype'),
    url('/fnt/icomoon.ttf?kuk8w3') format('truetype'),
    url('/fnt/icomoon.woff?kuk8w3') format('woff'),
    url('/fnt/icomoon.svg?kuk8w3#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

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

/* normailze plus extra html, body rules */
/*! normalize.min.css v3.0.2 | MIT License | git.io/normalize */html{height:100%;font-size:100%;overflow-y:scroll;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;min-height:100%;-webkit-font-smoothing:antialiased;font-smoothing:antialiased; text-rendering:optimizeLegibility;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent;text-decoration:none;}a:active,a:hover{outline:0}a:focus{outline:thin dotted}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}b,strong,dt{font-weight:600}dfn{font-style:italic}h1{font-size:2em;margin:.67em 0}mark{background:#ff0;color:#000}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img,object,embed,video{width:100%;/*height:auto;*/max-width:100%;_width:100%}img{border:0;-ms-interpolation-mode:bicubic}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;/*vertical-align:baseline;*/}button{overflow:visible}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}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type=checkbox],input[type=radio]{padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:700}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}var,address{font-style:normal}

body {
    font: 62.5%/1.5 "libre_franklin_exlight", Helvetica, Helvetica Neue, Arial, sans-serif;
    /* style weight size line-height family */ 
    background: rgb(255,252,249);
    background: linear-gradient(180deg, rgba(255,223,199,1) 0%, rgba(255,239,230,1) 35%, rgba(255,252,249,1) 100%);
    color: #281409;
    overflow-x: hidden;
    background-attachment: fixed;
}
/* Composed to a scale of 12px, 14px, 16px, 18px, 21px, 24px, 36px, 48px, 60px and 72px */
h1, h2, h3, h4, h5, h6 {text-shadow:1px 1px 1px rgba(0,0,0,.10); 
    font-family: "red_hat_display", Helvetica, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;}
h1 {margin: 0; font-size: 3.6em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 0.5em} /* 36px / 48px */ 
h2 {margin: 0; font-size: 4.8em; line-height: 1em; margin-bottom: 0.5em} /* 48px / 48px ! LOGO */
h3 {margin: 0; font-size: 3.6em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 0.5em} /* 36px / 48px */ 
h4 {margin: 0; font-size: 2.4em; line-height: 1.3333333333333333333333333333333em; margin-bottom: 0.5em} /* 18px / 18px */
h5 {margin: 0; font: normal 18px/1.4em "libre_franklin_exlight", Helvetica, Helvetica Neue, Arial, sans-serif;} /* TAGLINE */ 
h6 {margin: 0; font-family: "libre_franklin", Helvetica, Helvetica Neue, Arial, sans-serif; font-size: 1.6em; margin-bottom: 0.5em} /* 16px / 24px */
p, ul, blockquote, pre, td, th {margin: 0; font-size: 1.6em; line-height: 1.5em; margin-bottom: 1.5em} /* 16px / 24px */
small, p.small {margin: 0; font-size: 1.4em; line-height: 1.7142857142857142857142857142857em; margin-bottom: 1.7142857142857142857142857142857em} /* 14px / 24px */
article p {
    text-align: justify;
}
.privacy-page h3 {font-size: 2.2em; margin-top:2em;} /* 18px / 18px */

/* HYPERLINKS */
p a, li a {
    border-bottom: 1px solid #281409;
    font-family: "libre_franklin", Helvetica, Helvetica Neue, Arial, sans-serif;
}
p a:link, article li a:link, .footer li a {
    color: #281409;
	-webkit-transition:color 0.35s ease-out, border 0.35s ease-out, background 0.35s ease-out;  
	-moz-transition:   color 0.35s ease-out, border 0.35s ease-out, background 0.35s ease-out;
	-ms-transition:    color 0.35s ease-out, border 0.35s ease-out, background 0.35s ease-out;
	-o-transition:     color 0.35s ease-out, border 0.35s ease-out, background 0.35s ease-out;
	transition:        color 0.35s ease-out, border 0.35s ease-out, background 0.35s ease-out;
}

p a:visited, li a:visited {color: #281409; border-bottom-color: #281409;}
p a:hover, li a:hover {background: #f1b88d;}	
p a:active, li a:active {color: #fff; border-bottom-color: #fff;}


/* MARKED/INSERTED/DELETED AND SELECTED TEXT */
ins, mark {text-decoration: none}
mark {background: #c47529}
ins {background: #d49855}
del {text-decoration: line-through}
::-moz-selection {background: #c47529; color: #fff; text-shadow: none} /* selected text */
::selection {background: #c47529; color: #fff; text-shadow: none} /* selected text */

hr {display:block;height:1px;border:0;margin:1em 0;padding:0;
    border-top: 1px solid #ccc;}
audio,canvas,iframe,img,svg,video{vertical-align:middle;}
fieldset {border:0;margin:0;padding:0;}

/* QUOTES */
blockquote, q {quotes: none; color: #cf8e5e;}
blockquote:before { 
    position: absolute;
    top: 0;
    left: calc(50% - 100px);
    content: '\201c';
    text-align: center;
    font-size: 15em;
    line-height: 0.75em;
    font-family: "bell_mtitalic", georgia, times, serif; font-weight: normal; font-style: italic;
}
blockquote, q, cite {font-family: "KaiseiDecol_Regular", georgia, times, serif; font-weight: normal; font-style: normal;}
blockquote {
    font-size: 1.8em;
    position: relative;
    padding-top: 4.5em;
}
blockquote > p {padding: 0; line-height: 1.25; text-align: left !important;}
blockquote span {
    display: block;
    text-align: right;
    font-size: .55555555556em;
    font-family: "libre_franklin", Helvetica, Helvetica Neue, Arial, sans-serif;
    font-style: normal;
    line-height: 1.5;
    padding-top: 1em;
}
blockquote span span {
    font-size: 1em;
    display: inline;
    font-family: "libre_franklin", Helvetica, Helvetica Neue, Arial, sans-serif;
    text-transform: uppercase;
    white-space: nowrap;
}

#testimonials {
    height: 500px;
}

/* LISTS */
ul, ol {list-style-position: inside; padding: 0}
li ul, li ol {margin: 0 1.5em}
.indent li {text-indent: 1em;}

/* icomoon */

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}


.icon-x:before {
  content: "\e900";
}
.icon-phone:before {
  content: "\e942";
}
.icon-envelop:before {
  content: "\e945";
}
.icon-location:before {
  content: "\e947";
}
.icon-map:before {
  content: "\e94b";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-linkedin:before {
  content: "\eac9";
}


/* ===== Styles ================================================== */

.header-wrap {
    background: #281409;
}
.nav-wrap {
    background: #cf8e5e;
    -webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.2);
    box-shadow: 0 6px 10px rgba(0,0,0,0.2);
}
.foot-wrap {
    background: #f1b88d;
    padding: 20px 0;
    border-bottom: 20px solid #cf8e5e;
}
.wrapper {
    width: 100%;
    padding: 0 20px;
}
.logo {
    display: block;
    float: left;
}
.logo img {
    cursor: pointer;
}
.main {
    padding-top: 2em;
}

.tagline {
    overflow: hidden;
}
.tagline h5 {
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
}

.menutoggle {
    float: right;
	display: block;
}

.slides-overlay p,
.slides-overlay h1 {
    text-align: center;
}
.slides-overlay p {
    font-family: "libre_franklin", Helvetica, Helvetica Neue, Arial, sans-serif;
}

/* NAVIGATION */
a.menu-link {
	float: right;
	display: block;
    position: relative;
    
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    
	width: 65px;
    height: 65px;
	color: #d1e934;
    outline: none;
    cursor: pointer;
}
.logo img,
a.menu-link {
	-webkit-transition:background 0.35s ease-out;  
	-moz-transition:   background 0.35s ease-out;
	-ms-transition:    background 0.35s ease-out;
	-o-transition:     background 0.35s ease-out;
	transition:        background 0.35s ease-out;
}
.logo img:hover,
a.menu-link:hover {
    background: rgba(255,255,255,0.1);
}
.logo img {
        width: 180px;
        padding: 10px 0;
        height: auto;
    }

.menu-link b,
.menu-link b:before,
.menu-link b:after {
    cursor: pointer;
    height: 5px;
    width: 35px;
    background: #d1e934;
    position: absolute;
    display: block;
    content: "";
}
.menu-link b {
    top: 29px;
    left: 15px;
}
.menu-link b:before {
    top: -11px;
}
.menu-link b:after {
    bottom: -11px;
}

a:hover.menu-link b,
a:hover.menu-link b:before,
a:hover.menu-link b:after  {
    background: #fff;
}
nav {
	-webkit-transition: all 0.35s ease-out;  
	-moz-transition: all 0.35s ease-out;
	-ms-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
} /* select required transitions */
.js nav {
	overflow: hidden;
	max-height: 0;
}
nav.active {
	max-height: 696px; /* 48px per item (x3 @ 144px) + 46px per sub item */
}
nav ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 16px;
}
nav a {
    display: block;
	margin-bottom: 8px;
    padding: 8px 20px;
    height: 40px;

    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    font-family: "red_hat_display", Helvetica, Helvetica Neue, Arial, sans-serif;
    font-weight: normal;
    white-space: nowrap;

    color: #281409;
    border: none;
    
	-webkit-transition:background 0.35s ease-out, color 0.35s ease-out;  
	-moz-transition:   background 0.35s ease-out, color 0.35s ease-out;
	-ms-transition:    background 0.35s ease-out, color 0.35s ease-out;
	-o-transition:     background 0.35s ease-out, color 0.35s ease-out;
	transition:        background 0.35s ease-out, color 0.35s ease-out;
}
nav > ul > li:last-child a {
    margin-bottom: 0;
}

nav a:hover {
    background: rgba(0,0,0,0.1);
    color: #fff;
}
nav a:visited {
}
nav a:active {
    color: #fff;
}


nav li.subnav {
    cursor: pointer;
    position: relative;
}
.subnav-link {
    height: 40px;
    width: 40px;
    padding: 0;
    content: "";
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    cursor: pointer;
    
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
}
a.subnav-link {
    outline: none;
}
.subnav-link:before {
	width: 0; 
	height: 0; 
	border-top: 8px solid transparent;
	border-bottom: 8px solid transparent; 
	border-left: 8px solid #252A33; 
    content: "";
    position: absolute;
    top: 12px;
    right: 16px;
    
    -webkit-transition: -webkit-transform .3s ease;
    -moz-transition: -moz-transform .3s ease;
    -o-transition: -o-transform .3s ease;
    -ms-transition: -ms-transform .3s ease;
    transition: transform .3s ease;
}
.subnav-link.active:before,
.hover .subnav:hover .subnav-link:before {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
nav .subnav li a {
    height: 38px;
}
nav li.subnav ul {
    background: #cf8e5e;
    max-height: 0px;
    overflow: hidden;
    opacity: 0;
    -webkit-perspective: 1000;
    -webkit-backface-visibility: hidden; /* removes flicker transition bug in safari */
	-webkit-transition:    opacity .3s linear 0s, max-height 0.35s ease-out;  
	-moz-transition:       opacity .3s linear 0s, max-height 0.35s ease-out;
	-ms-transition:        opacity .3s linear 0s, max-height 0.35s ease-out;
	-o-transition:         opacity .3s linear 0s, max-height 0.35s ease-out;
	transition:            opacity .3s linear 0s, max-height 0.35s ease-out;
}
.hover nav li.subnav:hover ul,
.hover nav li.subnav ul:hover,
nav li.subnav.active ul {
    max-height: 460px;
    opacity: 1;
}
nav li ul a {
    padding: 8px 20px 0 40px;
    font-size: 14px;
}


/* ==============
    MOBILE: Main
   ============== */
.features ul {
    text-align: left;
}
.features ul:first-of-type,
.contact-details section:first-of-type {
    margin-right: 30px;
}
.features-bullets {
    width: 100%;
}
.features-bullets p {
    text-align: left !important;
    clear: both;
}
.contact-details {
    width: 460px;
}
.contact-details section {
    text-align: left;
}
.contact-details section p {
    text-align: left;
}
.columns2 {
    width: 100%;
}
.suite-details h3 {
    margin-bottom: 0;
    color: #281409;
    
	-webkit-transition:    background 0.35s ease-out;  
	-moz-transition:       background 0.35s ease-out;
	-ms-transition:        background 0.35s ease-out;
	-o-transition:         background 0.35s ease-out;
	transition:            background 0.35s ease-out;
}
.suite-details a:hover h3 {
    background: rgb(238,204,179);
}
.suite-image {
    position: relative;
    margin-bottom: 1em;
    overflow: hidden;
}
.suite-image p {
    position: relative;
    opacity: 1;
    padding: 1.5em;
    background: rgba(255,239,230,0.9);
    margin-bottom: 0;
    color: #281409;
}

#section-suite-3 {
    clear: both;
}
.hover .suite-image p {
    position: absolute;
    top: 0;
    bottom: 0;
    color: #281409;
    opacity: 0;
	-webkit-transition:    opacity .3s linear 0s, max-height 0.35s ease-out;  
	-moz-transition:       opacity .3s linear 0s, max-height 0.35s ease-out;
	-ms-transition:        opacity .3s linear 0s, max-height 0.35s ease-out;
	-o-transition:         opacity .3s linear 0s, max-height 0.35s ease-out;
	transition:            opacity .3s linear 0s, max-height 0.35s ease-out;
}
a:hover .suite-image p {
    opacity: 1;
}
.available .suite-image:before {
  content: "available";
  position: absolute;
  padding: 5px 50px;
  background: #df2115;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transform: rotate(45deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(45deg);  /* IE 9 */
          transform: rotate(45deg); 
  right: -40px;
  top: 30px;
}

header h1 {
    margin-bottom: 0;
}
.section-rule {
    padding-bottom: 50px;
}
.section-rule:after {
    display: block;
    content: '';
    width: 100px;
    margin: 0 auto;
    border-bottom: 3px solid #cf8e5e;
    margin-bottom: -15px;
}

/* MAP iFRAME responsive mask */
.map_container {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 500px; /* amend as needed (smaller than iframe height to hide controls) */
    border: 3px solid #cf8e5e;
}
.map_container iframe {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1800px; /* total width of iframe */
    margin: -500px 0 0 -900px; /* 1/2 of height and width */
}

.column {
    width: 100%;
    float: left;
    padding: 0 20px 30px;
}
.copy {
    margin: 0;
    padding: 0 20px;
}
footer p {
    margin: 0;
    color: #281409;
}
footer h6 {
    font-family: "libre_franklin", Helvetica, Helvetica Neue, Arial, sans-serif;
    font-weight: 600;
}
.address {
    text-indent: -1.2em;
    padding-left: 1.2em;
}
footer ul {
    list-style-type: none;
    margin: 0;
}
footer p a:link,
footer li a:link,
footer p a:visited,
footer li a:visited {
    color: #281409;
    border-bottom: 1px solid transparent;
    
	-webkit-transition:background 0.35s ease-out, border 0.35s ease-out;  
	-moz-transition:   background 0.35s ease-out, border 0.35s ease-out;
	-ms-transition:    background 0.35s ease-out, border 0.35s ease-out;
	-o-transition:     background 0.35s ease-out, border 0.35s ease-out;
	transition:        background 0.35s ease-out, border 0.35s ease-out;
    
}
footer p a:hover,
footer li a:hover {
    color: #281409;
    background: #cf8e5e;
    border-bottom: 1px solid #281409;
}
footer p a:active,
footer li a:active {
    color: #fff;
}
.credit {
    margin: 0 20px;
    padding-bottom: 40px;
}
footer .wrapper {
    position: relative;
}
.choc-splat {
    position: absolute;
    right: 0;
    bottom: 5%;
    width: 30%;
    display: none;
}
/* BUTTON */
.btn {
	display: inline-block;
	text-align: center;
    font-family: "red_hat_display", Helvetica, Helvetica Neue, Arial, sans-serif;
	font-weight: normal;
    font-size: 3em;
	width: 100%;
    max-width: 300px;
	padding: .5em;
	color: #281409;
	border: 1px solid #cf8e5e;
    border-radius: 3px;
    background: linear-gradient(180deg, rgba(231,176,136,1) 0%, rgba(255,239,230,1) 55%, rgba(255,252,249,1) 100%); 
	-webkit-transition: all 0.35s ease-out;
	-moz-transition: all 0.35s ease-out;
	-o-transition: all 0.35s ease-out;
	transition: all 0.35s ease-out;
}
.btn:hover {
	color: #fff;
	border: 1px solid #281409;
    background: linear-gradient(180deg, rgba(241,184,141,1) 0%, rgba(255,239,230,1) 100%); 
}
/* Slides JS */

#slides {
    position: relative;
}
.slidesjs-pagination {
    list-style-type: none;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
    z-index: 2000;
    width: 100%;
}
.slidesjs-pagination-item a {
    width: calc(25% - 2px);
    margin: 0 1px;
    float: left;
    background: rgba(255,239,230,0.2);
    position: relative;
    text-indent: 110%;
    white-space: nowrap;
    overflow: hidden;
    outline: none;
    height: 20px;
    border-bottom: 0px solid rgba(255,239,230,0.6);
}
.slidesjs-pagination-item a.active {
    border-bottom: 20px solid rgba(255,239,230,0.6);
}
.slidesjs-pagination-item a:hover {
    border-bottom: 20px solid rgba(255,239,230,0.9);
}
li.slidesjs-pagination-item a:hover {
    background: rgba(255,239,230,0.2); /* override for a:hover */
}

.six-slides .slidesjs-pagination-item a {
    width: calc(16.6666666% - 2px);
}
.five-slides .slidesjs-pagination-item a {
    width: calc(20% - 2px);
}
.four-slides .slidesjs-pagination-item a {
    width: calc(25% - 2px);
}
.three-slides .slidesjs-pagination-item a {
    width: calc(33.3333332% - 2px);
}
#slides.available:after {
  content: "available";
  position: absolute;
  padding: 5px 50px;
  background: #df2115;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  -webkit-transform: rotate(45deg);  /* Chrome, Opera 15+, Safari 3.1+ */
      -ms-transform: rotate(45deg);  /* IE 9 */
          transform: rotate(45deg); 
  right: -40px;
  top: 30px;
  z-index: 9999;
}
/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .class {
}

/* ==========================================================================
   Media Queries
   ========================================================================== */

/* MOBILE ONLY OPEN NAV SECTION */
@media only screen and (max-width: 934px) {
    nav li#subnav1 ul {
        max-height: 188px;
        height: 188px;
        opacity: 1;
    }
    #subnav-link1 {display: none;}
}

/* MOBILE PORTRAIT */
@media only screen and (min-width: 320px) {
}

/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) {
    .column {
        width: 50%;
    }
    #testimonials {
        height: 400px;
    }
}

/* SMALL TABLET */
@media only screen and (min-width: 600px) {
    
    .logo img {
        width: 200px;
    }
    .tagline h5 {
        padding: 8px 20px;
        
        text-indent: 0%;
        white-space: normal;
        text-transform: none;
        text-transform: capitalize;

        color: #d1e934;
    }
    .features ul {
        float: left;
    }
    .features-bullets {
        width: 530px;
    }
    .home .features-bullets {
        width: 500px;
    }
    #testimonials {
        width: 80%;
        height: 400px;
    }
    .contact-details section {
        float: left;
    }
    .choc-splat {
        display: block;
    }
}

/* TABLET/NETBOOK - portrait iPad */
@media only screen and (min-width: 768px) {
    .wrapper {
        max-width: 768px;
        margin: 0 auto;
    }
    
    .columns2 {
        float: left;
        width: 50%;
        padding-right: 10px;
    }
    .columns2:nth-of-type(2n) {
        padding-right: 0;
        padding-left: 10px;
    }
    
    .slides-overlay {
        position: absolute;
        z-index: 1000;
        padding: 120px 150px;
        text-align: center;
        width: 728px;
        /* text-shadow: 0px 0px 20px rgba(255,255,255,0.8); */
    }
    .slides-overlay p,
    .slides-overlay h1 {
        padding: 2px 10px 10px;
        background: rgba(255,255,255,0.5);
    }
    #testimonials {
        width: 70%;
    }
    
}


/* LANDSCAPE TABLET/NETBOOK/LAPTOP */
@media only screen and (min-width: 935px) {
    .wrapper {
        width: 900px;
        max-width: 100%;
    }
    
    .logo img {
        width: 238px;
    }
    .tagline {
        height: 48px;
    }
    .tagline h5 {
        height: 40px;
    }
    
	/* NAV */
    .nav-wrap {
        min-height: 28px;
    }
	nav {}
	nav ul {
        position: absolute;
        width: 655px;
    }
	nav li {
        width: 33.33333%;
        float: left;
    }
    nav a,
    nav li ul a {
        padding: 3px 20px;
        height: 28px;
        margin-bottom: 0;
    }
    nav li.subnav ul {
        -webkit-box-shadow: 0 6px 10px rgba(0,0,0,0.2);
        box-shadow: 0 6px 10px rgba(0,0,0,0.2);
    }
    nav .subnav li {
        width: 100%;
    }
    nav .subnav li a {
        height: 28px;
    }
    .subnav-link {
        height: 28px;
        width: 28px;
    }
    .subnav-link:before {
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent; 
        border-left: 6px solid #252A33; 
        top: 7px;
        right: 10px;
    }
    nav .subnav ul {
        position: absolute;
        top: 100%;
        left: 0;
        z-index: 9999;
        width: 100%;
    }
	
	.menutoggle,
    a.menu-link {
	   display: none;
	}
	.js nav {
		max-height: none;
	}
    
    blockquote {
    }
    
    .column {
        width: 28%;
    }
    .slides-overlay {
        padding: 170px 200px;
        width: 860px;
    }
    #testimonials {
        width: 60%;
    }
}


/* DESKTOP PC / LAPTOP */
@media only screen and (min-width: 1220px) { 
	body {font-size:78.125%} /* 20px / 30px */
    .wrapper {
        width: 1120px;
    }
    nav ul {
        width: 875px;
    }
    .nav-wrap {
        min-height: 30px;
    }
    
    .slides-overlay {
        padding: 200px 230px;
        width: 1080px;
    }
    #testimonials {
    }
    .features-bullets {
        width: 654px;
    }
    .home .features-bullets {
        width: 614px;
    }
    .contact-details {
        width: 568px;
    }
    .choc-splat {
        right: -5%;
    }
}

/* HD WIDESCREEN */
@media only screen and (min-width: 1600px) { 
    .wrapper {
        width: 1536px;
    }

    .logo img {
        padding: 20px 0;
        width: 330px;
    }
    .tagline {
        height: 69px;
    }
    .tagline h5 {
        height: 57px;
        padding: 16px 20px;
        font-size: 20px;
    }
    
    nav ul {
        width: 1194px;
    }
    nav a,
    nav li ul a {
        padding: 5px 20px;
        height: 30px;
    }
    nav .subnav li a {
        height: 30px;
    }
    .subnav-link {
        height: 30px;
        width: 30px;
    }
    
    .subnav-link:before {
        top: 8px;
        right: 11px;
    }
    
    blockquote {
    }
    
    .slides-overlay {
        padding: 350px 400px;
        width: 1496px;
    }
}



/* ======================================================================
   Utility Classes - sticky footer / social share / slides as modules? */

span.amp{font-family:adobe-caslon-pro,Adobe Caslon Pro,Baskerville,"Goudy Old Style","Palatino","Palatino Linotype","Book Antiqua",Georgia,"Times New Roman",Times,serif;font-weight:400;font-style:italic;font-size:110%;line-height:0;position:relative;vertical-align:baseline} /* Best available ampersand */

.hidden {display:none!important;visibility:hidden;}

.visuallyhidden {border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto;}

.invisible{visibility:hidden;}

/* MICRO CLEARFIX */
.cf:before,.cf:after{content:"";display:table}
.cf:after{clear:both}
.cf{zoom:1}

.clear {clear: both;}

.centered,
.centered p {
    margin-top: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
.top-pad {
    padding-top: 2em;
}
.bottom-pad {
    padding-bottom: 4em;
}

/* TRASITION EXAMPLE
	-webkit-transition: all 0.25s ease-out;  
	-moz-transition: all 0.25s ease-out;
	-ms-transition: all 0.25s ease-out;
	-o-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;
*/

/* ==========================================================================
   Print styles */

@media print {
    *,
    *:before,
    *:after  {background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; box-shadow: none !important;} /* Black prints faster */
  a, a:visited {color: #444 !important; text-decoration: underline}
  a[href]:after {content: " (" attr(href) ")"}
  abbr[title]:after {content: " (" attr(title) ")"}
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {content: ""}  /* Don't print links for images, javascript or internal links */
  pre, blockquote {border: 1px solid #999; page-break-inside: avoid; }
  thead {display: table-header-group; } /* Repeat header row at top of each printed page */
  tr, img {page-break-inside: avoid; }
  img {max-width: 100% !important; }
  @page {margin: 0.5cm}
  p, h2, h3 {orphans: 3; widows: 3}
  h2, h3{page-break-after: avoid}
}