/*   
Theme Name: JDJ Exhibitions
Theme URI: http://www.jdjexhibitions.co.uk
Description: Wordpress theme for JDJ Exhibitions designed and developed by Gecko Brand & Digital Media. 
Author: Dan Davies
Version: 1.0
Tags: 

*/


/* Import a basic layout */
@import url('styles/2c-r.css');

/* Reset default browser styles */
@import url('styles/reset.css');

/* Rebuild default browser styles */
@import url('styles/rebuild.css');

/* Basic WordPress Styles */
@import url('styles/wp.css');


body {
	margin: 0;
	overflow-x: hidden;
	color: #000000;
	font-size: 16px;
	font-family: "montserrat", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.wrapper {
	width: 100%;
	max-width: 1300px;
	margin: 0 auto;
	position: relative;
	padding: 0 30px;
}

span.link {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	z-index: 10;
}

a {
	text-decoration: none;
	color: #000000;
}

.mobile {
	display: none ! important;
}

.desktop {
	display: inline;
}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
	 appearance: none;
     border-radius: 0;
}

.yellow {
	color: #299ad7;
}

/* =Header
-------------------------------------------------------------- */

#header {
	height: 9.55882352941176vw;
	max-height: 130px;
	background:rgba(0, 0, 0, 0.9);
	position: fixed;
	width: 100%;
  	transition: all 0.5s;
  	-webkit-transition: all 0.5s; /* Safari */
  	z-index: 11;
}

#header.smaller {
	height: 5.14705882352941vw;
	max-height: 70px;
}

#header #branding {
	margin: 0;
	position: absolute;
	top: 0px;
	padding-top: 16px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	width: 16.7857142857143vw;
	max-width: 235px;
	height: 7vw;
	max-height: 98px;
}

#header #branding img {
	width: 100%;
	height: auto;
}

#header.smaller #branding {
    top: 0;
    padding-top: 8px;
    max-width: 126px;
    max-height: 54px;
    width: 9vw;
    height: 3.85714285714286vw;
}

#header #contacts {
	float: right;
	
	padding-top: 0;
	position: relative;
	transition: top 0.5s;
	-webkit-transition: top 0.5s;
	color: #299ad7;
	height: 100%;
}

#header #contacts a {
 color: #d8dde0;
}

#header #contacts a:hover {
 color: #d8dde0;
}

#header #contacts span.tel {
	width: auto;
	height: auto;
	padding: 0;
	float: left;
	line-height: 130px;
	font-size: 20px;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	padding-left: 23px;
}

#header.smaller #contacts span.tel {
	line-height: 70px;
}

#header #contacts span.tel a {
	color: #299ad7;
	cursor: pointer;
}

#header #contacts span.tel a:hover {
	color: #fff;
}


/* =Menu
-------------------------------------------------------------- */

#header #access {
    margin: 0;
    float: right;
    font-weight: 400;
    font-size: 20px;
    position: relative;
    top: 0;
    padding-top: 0;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    line-height: 130px;
}

#header.smaller #access {
	line-height: 70px;
}

#header #access ul {
	margin: 0;
}

#header #access ul li {
	display: inline;
	padding-left: 23px;
	float: left;
	padding-bottom: 0;
}

#header #access ul li a {
	color:#fff;
}

#header #access ul li a:hover {
	color:#299ad7;
}

#header #access ul li ul.sub-menu {
	background: #299ad7;
	box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
	margin-left: -15px;
	min-width: 160px;
	padding: 8px 0;
	position: absolute;
	top: 130px;
	z-index: 1;
	display: none;
  	transition: top 0.5s;
  	-webkit-transition: top 0.5s; /* Safari */
  	line-height: 1.5em;
}

#header.smaller #access ul li ul.sub-menu {
	top: 70px;
}

#header #access ul li:hover ul.sub-menu {
    display: block;
}

#header #access ul li ul.sub-menu li {
	color: black;
	display: block;
	font-size: 16px;
	padding: 7px 15px;
	text-decoration: none;
	clear: left;
	width: 13.2352941176471vw;
	max-width: 180px;
	margin: 0;
}

#header #access ul li ul.sub-menu li a {
	color: #fff;
}

#header #access ul li ul.sub-menu li a:hover {
	color: #000000;
}

.skip-link {
	display: none;
}
.menu ul {
	list-style: none;
	margin: 0;
}
.menu ul ul {
	display: none;
}
.menu li {
	display: inline;
}
.menu a {
	display: block;
	float: left;
}


/* =Slide
-------------------------------------------------------------- */

#slide {
	max-height: 550px;
	height: 40.4411764705882vw;
	margin: 0 0 70px 0;
	float: left;
	width: 100%;
	overflow: hidden;
	position: fixed;
	z-index: 0;
}

.page-template-budget-page #slide,
.page-template-briefing-page #slide {
	max-height: 325px;
	height: 23.897058823529412vw;
}

.page-template-budget-page #slide h1,
.page-template-briefing-page #slide h1 {
	padding-top: 181px;
}

.page-template-menu-page #slide {
	margin-bottom: 67px;
}

.overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(40,40,40, 0.85);
	z-index: 1;
  	transition: top 0.5s;
  	-webkit-transition: top 0.5s; /* Safari */
}


#slide img {
	display: block;
	height: 100%;
	left: 50%;
	margin-left: -1280px;
	position: relative;
	width: auto;
}

#slide .content {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}

.home #slide,
.page-template-view-our-work-page #slide,
.page-template-shows-page #slide {
	max-height: 700px;
	height: 51.4705882352941vw;
	background: #333;
	margin-bottom: 0;
	position: fixed;
	z-index: 0;
}

#slide #owl-slide {
	height: 100%;
	margin-left: -1280px;
	left: 50%;
	width: 2560px !important;
}

#slide .owl-carousel .owl-wrapper-outer, 
#slide .owl-carousel .owl-wrapper {
	height: 100%;
}

#slide .owl-item, #slide .slide {
	height: 100%;
}

.home #slide .owl-item, 
.home #slide .slide {
	height: 51.4705882352941vw;
	max-height: 700px;
}

.single #slide {
	height: 14.3382352941176vw;
	max-height: 195px;
	margin-bottom: 53px;
}

.post-type-archive-testimonials #slide {
	margin-bottom:107px;
}

#slide h1 {
	text-align: center;
	color: #fff;
	
	font-size: 75px;
	padding-top: 215px;
	line-height: 1.1;
	text-align: left;
	
}

h1#title {
	text-align: left;
	color: #299ad7;
	font-size: 65px;
	padding-top: 45px;
	line-height: 1.1;
	text-align: left;
	font-family: "montserrat", sans-serif;
}

.error404 h1#title {
    font-size: 140px;
    font-weight: 400;
	margin-top: 20px;
	margin-bottom: 50px;
}

.error404 .entry-content p {
    font-size: 26px;
    line-height: 1.2;
}

.error404 .entry-content .button {
    width: 21.5441176470588vw;
    max-width: 293px;
    border: 1px solid #000;
    height: 4.26470588235294vw;
    max-height: 58px;
    text-align: center;
    float: left;
    line-height: 58px;
    border-radius: 5px;
    font-size: 18px;
    position: relative;
    margin-top: 70px;
    color: #000;
    margin-bottom: 150px;
}

.error404 .entry-content .button:hover {
    border: 1px solid #299ad7;
    color: #299ad7;
}

.page-template-budget-page h1#title,
.page-template-contact-page h1#title,
.page-template-briefing-page h1#title {
	padding-bottom: 70px;
}

.page-template-shows-page #slide h1 {
	font-size: 65px;
}

#slide #buttons {
	margin-top: 75px;
	font-size: 16px;
	
}

.page-template-shows-page #slide #buttons {
	margin-top: 0;
	position: absolute;
	top: 535px;
}

#slide #buttons .button {
	width: 22.6470588235294vw;
	max-width: 308px;
	float: left;
	height: 4.26470588235294vw;
	max-height: 58px;
	text-align: center;
	line-height: 58px;
	
	position: relative;
	border: 2px solid #299ad7;
	color: #299ad7;
	margin-right: 30px;
	font-size: 18px;
}

#slide #buttons .button:hover {
	border:1px solid #fff;
	color: #fff;
}

#slide-pad {
	width: 100%;
	height: 9.55882352941176vw;
	max-height: 130px;
}

.home #slide-pad, 
.page-template-view-our-work-page #slide-pad,
.page-template-shows-page #slide-pad {
	height: 9.55882352941176vw;
	max-height: 130px;
}


.page-template-shows-page #slide #buttons .button {
	margin-right: 0;
}

.page-template-shows-page #slide #buttons .button.pdf {
	margin-right: 20px;
	text-align: left;
	padding: 0 20px;
	width: 19.7058823529412vw;
	max-width: 268px;
	background: url("images/pdf-icon.png") no-repeat 255px 10px / 37px 38px;
}

.page-template-shows-page .left {
	float: left;
	width: 48.5294117647059vw;
	max-width: 660px;
	padding: 75px 0 110px;
}

.page-template-shows-page .right {
	float: right;
	width: 47.0588235294118vw;
	max-width: 640px;
	padding: 75px 0 110px;
}

.page-template-shows-page .left .logo {
	width: 44.117647058823529vw;
	max-width: 600px;
}

.page-template-shows-page .left .logo img {
	width: 100%;
}


/* =Home Page
-------------------------------------------------------------- */

#reverse {
	width: 100%;
	float: left;
	position: relative;
	max-height: 570px;
	height: 41.9117647058824vw;
}

#container.home-page .left,
#reverse.home-page .right {
	float: left;
	background: transparent;
	width: 50%;
	height: 41.9117647058824vw;
	max-height: 570px;
	position: absolute;
	top: 0;
	left: 0;
}

#container.home-page .left img,
#reverse.home-page .right img {
	float: right;
	width: auto;
	height: 100%;
}

#reverse.home-page .right img {
	float: left;
}

#reverse.home-page .right {
	float: right ! important;
	right: 0;
	left: auto;
}

#reverse.home-page.wedding .right {
	float: right !important;
	right: 0;
	left: auto;
}

#reverse.home-page.wedding .right img {
	float: left;
}

.home #main, 
.page-template-salon-home-page #main {
	width: 100%;
	margin-top: 0;
	width: 100%;
	position: relative;
}

#container.home-page .right,
#reverse.home-page .left {
	float: right;
	background: transparent;
	width: 50%;
	height: 41.9117647058824vw;
	max-height: 570px;
	background: #fff;
}

#reverse.home-page .left {
	float: left;
	background: url("images/left-tier-gradient-bg.jpg") no-repeat right top / auto 100%;
	color: white;
}

#reverse.home-page.wedding .left {
	background: url("images/left-tier-gradient-bg.jpg") no-repeat right top / auto 100%;
	color: white;
}

#container.home-page .right .wrapper,
#reverse.home-page .left .wrapper {
	width: 100%;
	max-width: 590px;
	margin: 0;
	padding: 102px 0 0 30px;
	position: relative;
	float: left;
	height: 468px;
}

#reverse.home-page .left .wrapper {
	float: right;
	padding: 102px 30px 0 0px;
}

#container.home-page .right h2, #reverse.home-page .left h2 {
    font-size: 28px;
    margin-bottom: 10px;
    width: 586px;
    line-height: 1.1;
    color: #000;
    text-align: left;
    padding-bottom: 60px;
}

#reverse.home-page.wedding .left h2 {
	color: #fff;
}

#reverse.home-page .left h2 {
	text-align: left;
	color: #fff;
}

/*
#container.home-page .right #buttons,
#reverse.home-page .left #buttons {
	position: absolute;
	bottom: 105px;
	left: 30px;
}


#reverse.home-page .left #buttons {
	position: absolute;
	bottom: 105px;
	left: 0px;
}
*/

#container.home-page .right .button,
#reverse.home-page .left .button {
	width: 21.5441176470588vw;
	max-width: 293px;
	border: 1px solid #000;
	height: 4.26470588235294vw;
	max-height: 58px;
	text-align: center;
	float: left;
	line-height: 58px;
	font-size: 18px;
	position: relative;
	margin-right: 20px;
	color: #000;
	border-radius: 5px;
}

#container.home-page .right .button:hover,
#reverse.home-page .left .button:hover {
	border: 1px solid #299ad7;
	color: #299ad7;
}

#reverse.home-page.wedding .left .button,
#reverse.home-page .left .button {
	border: 1px solid #fff;
	color: #fff;
}

#container.home-page.wedding .right .button,
#reverse.home-page.wedding .left .button {
	border: 1px solid #fff;
	color: #fff;
}

#container.home-page.wedding .right .button:hover,
#reverse.home-page.wedding .left .button:hover {
	border: 1px solid #299ad7;
	color: #299ad7;
}

#container.home-page .right .button.last,
#reverse.home-page .left .button.last  {
	margin-right: 0px;
}

#icon-bar {
	width: 100%;
	position: relative;
	height: 47.7941176470588vw;
	max-height: 650px;
	background: white;
	color: #299ad7;
	float: left;
}

#icon-bar h3 {
    font-size: 52px;
    color: #000;
    padding: 56px 0 78px;
    float: left;
    width: 100%;
}

#icon-bar .icon {
	float: left;
	width: 19.1176470588235vw;
	max-width: 260px;
}

#icon-bar .icon img {
	width: 7.35294117647059vw;
	height: 7.35294117647059vw;
	max-height: 100px;
	max-width: 100px;
	margin: 0 80px;
}

#icon-bar h4 {
	font-size: 22px;
	text-align: center;
	line-height: 1;
	margin-bottom: 52px;
}

#bullet-services {
	width: 100%;
	height: 29.0441176470588vw;
	max-height: 395px;
	position: relative;
	float: left;
	color: #fff;
	background: #299ad7;
}

#bullet-services ul {
    margin: 72px 0 0 158px;
    list-style: none;
    float: left;
    width: calc(100% - 158px);
}

#bullet-services ul li {
    width: 480px;
    float: left;
    font-size: 25px;
    line-height: 1.2;
    padding-bottom: 12px;
    padding-left: 50px;
    max-width: 595px;
    background: url("images/tick-white.png") no-repeat 0px 3px / 30px 25px;
}

#bullet-services ul li:nth-of-type(even) {
    width: auto;
}

#bullet-services .grey-bg {
	background: #000000;
	width: 100%;
	height: 100%;
}

#twitter_feed {
	float: left;
	position: relative;
}

#twitter_feed {
	width: 100%;
	height: 46.6911764705882vw;
	max-height: 635px;
	color: #333;
	float: left;
	position: relative;
	background: white;
	overflow: hidden;
}

#twitter_feed h3 {
	font-size: 36px;
	
	padding: 70px 0 51px;
	float: left;
	color: #333;
	
}

#twitter_feed .icon {
	width: 2.94117647058824vw;
	max-width: 40px;
	height: 2.94117647058824vw;
	max-height: 40px;
	position: relative;
	float: right;
	background: url("images/social-icons-dark-facebook.png") 0 0 / 200% auto;
	margin: 80px 0 0 0;
}

#twitter_feed .icon.instagram {
	background: url("images/social-icons-dark-instagram.png") 0 0 / 200% auto;
	margin: 80px 0px 30px;
}

#twitter_feed .icon.twitter {
	background: url("images/social-icons-dark-twitter.png") 0 0 / 200% auto;
	margin: 80px 10px 30px;
}

#twitter_feed .icon:hover {
	background-position: 100% 0;
}

#twitter-feed {
	clear: both;
}

#twitter_feed .owl-item .item {
	padding: 0 110px 0 1px !important;
	width: 320px !important;
	height: 370px;
	position: relative;
}

.twitter-pic {
	width: 80px;
	height: 80px;
	border-radius: 100px;
	overflow: hidden;
}

.twitter-pic.desktop {
	display: block;
}

.twitter-pic img {
	width: 100%;
	height: 100%;
	display: block;
}

p.status {
	color: #333;
	font-size: 18px;
	padding-right: 0;
	line-height: 1.25;
	padding-top: 30px;
}

span.tweet-time {
	
	font-size: 14px;
}

span.tweetprofilelink {
	
	display: block;
	font-size: 24px;
	margin-top: 42px;
	color: #333;
}

span.tag {
	display: block;
	font-size: 18px;
	margin-top: 0;
	line-height: 1;
	text-transform: lowercase;
}

#twitter_feed .owl-theme .owl-controls {
	top: 170px;
}

.owl-theme .owl-controls {
	margin-top: 0;
	text-align: center;
	position: absolute;
	top: 170px;
	height: 2.58620689655172vw;
	max-height: 30px;
	z-index: 6;
	width: 1420px;
	margin: 0 auto;
	left: -60px;
	z-index: 0;
}

.owl-pagination {
	display: none;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
	color: #FFF;
	zoom: 1;
	margin: 0;
	padding: 0;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 0;
	background: #869791;
	filter: Alpha(Opacity=50);
	opacity: 1;
	height: 30px;
	width: 20px;
	background: url("images/twitter-slide-arrows-left.png") 0 0 / 100% auto;
	float: left;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
	color: #FFF;
	zoom: 1;
	margin: 0;
	padding: 0;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 0;
	background: #869791;
	filter: Alpha(Opacity=50);
	opacity: 1;
	height: 30px;
	width: 20px;
	float: right;
	background: url("images/twitter-slide-arrows-right.png") 0 0 / 100% auto;
}


#split {
	width: 100%;
	height: 41.9117647058824vw;
	max-height: 570px;
	padding: 100px 0;
	background: white;
	position: relative;
	float: left;
}

#split .left {
	width: 50%;
	float: left;
}

#split .right {
	width: 50%;
	float: right;
}

#split .left img {
	width: 100%;
	height: 570px;
}


#split .right img {
	width: 100%;
	height: 570px;
}

#slider-one,
#slider-two {
	margin: 0 auto;
	width: 100%;
	height: 41.9117647058824vw;
	max-height: 570px;
}

#slider-one a,
#slider-two a {
	position: absolute;
}

#slider-one a img,
#slider-two a img {
	padding: 0;
	border: 0 solid #ccc;
	background: #fff;
}

#slider-one a:nth-of-type(1) {
	animation-name: fader;
	animation-delay: 3s;
	animation-duration: 1s;
	z-index: 2;
}

#slider-two a:nth-of-type(1) {
	animation-name: fader;
	animation-delay: 6s;
	animation-duration: 1s;
	z-index: 2;
}

#slider-one a:nth-of-type(2),
#slider-two a:nth-of-type(2) {
	z-index: 1;
}

#slider-one a:nth-of-type(n+3),
#slider-two a:nth-of-type(n+3) {
	display: none;
}

@keyframes fader {
	from { opacity: 1.0; }
	to   { opacity: 0.0; }
}

#usps-point {
	position: absolute;
	bottom: 70px;
	width: 100%;
	height: 1px;
}

#reverse-point {
	position: absolute;
	bottom: 70px;
	width: 100%;
	height: 1px;
}

#quote-point {
	position: absolute;
	bottom: 70px;
	width: 100%;
	height: 1px;
}

.fade {
   opacity: 1;
   transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
}

#usps {
	background: url("images/tri-tier-bg.jpg") no-repeat center 0px / auto 100%;
	float: left;
	position: relative;
	height: 47.7941176470588vw;
	max-height: 650px;
	width: 100%;
}

#usps .wrapper {
	z-index: 2;
}

#usps h3 {
    text-align: center;
    font-size: 75px;
    color: white;
    line-height: 1.1;
    padding-top: 74px;
}

#usps .items {
    display: flex;
    justify-content: space-between;
}

#usps .item {
	float: left;
	text-align: center;
	color: white;
	/*
	width: 22.0588235294118vw;
	max-width: 300px;
	*/
}

#usps .item .icon {
	width: 7.35294117647059vw;
	height: 7.35294117647059vw;
	max-height: 100px;
	max-width: 100px;
	margin: 42px auto 34px;
}

#usps .item .icon.design {
	background: url("images/tri-icons-design.png") no-repeat 0 0 / 100% auto;
}

#usps .item .icon.build {
	background: url("images/tri-icons-build.png") no-repeat 0 0 / 100% auto;
}

#usps .item .icon.install {
	background: url("images/tri-icons-install.png") no-repeat 0 0 / 100% auto;
}

#usps .item h4 {
    float: left;
    text-align: center;
    display: block;
    font-size: 60px;
    width: 100%;
    padding-bottom: 11px;
    font-weight: 300;
}

#usps .item p {
    display: block;
    float: left;
    font-size: 25px;
    line-height: 1.2;
    width: 100%;
}

#brand-bar {
    width: 100%;
    height: 44.1176470588235vw;
    max-height: 600px;
    position: relative;
    float: left;
    background: white;
}

#brand-bar .grey-bg {
	background: #fff;
	width: 100%;
	height: 100%;
}

#brand-bar h3 {
    font-size: 60px;
    padding: 65px 0 78px;
    float: left;
    color: #000;
}

#brand-bar .button {
    width: 21.5441176470588vw;
    max-width: 293px;
    border: 2px solid #000;
    height: 4.26470588235294vw;
    max-height: 58px;
    text-align: center;
    float: right;
    line-height: 58px;
    border-radius: 5px;
    font-size: 18px;
    position: relative;
    margin-top: 83px;
    color: #000;
    margin-bottom: 80px;
}

#brand-bar .button:hover {
	border: 2px solid #299ad7;
	color: #299ad7;
}

#brand-bar .item {
	width: 18.3823529411765vw;
	max-width: 250px;
	float: left;
	height: 4.41176470588235vw;
	max-height: 60px;
	margin: 0 12.5px 12.5px 0;
}

#brand-bar .item:nth-of-type(5n+5) {
	margin: 0 0 12.5px 0;
}

#brand-bar .item img {
	width: 100%;
	height: 100%;
}



/* =Budegt Types
-------------------------------------------------------------- */

#budget_anchors {
	width: 100%;
	height: 27.2058823529412vw;
	max-height: 370px;
	padding: 0 0 90px;
	position: relative;
	background: white;
}

#budget_anchors .item {
	width: 14.7058823529412vw;
	height: 14.7058823529412vw;
	max-height: 200px;
	max-width: 200px;
	position: relative;
	float: left;
	margin-right: 20px;
	background: #299ad7;
	color: white;
	text-align: center;
	display: table;
}

#budget_anchors .item.last {
	margin-right: 0px;
}

#budget_anchors .item:hover {
	background: #7e7e7e;
}

#budget_anchors .item p {
	font-size: 28px;
	
	padding-top: 0;
	line-height: 1.25;
	display: table-cell;
    vertical-align: middle;
}

#budgets {
	clear: both;
	width: 100%;
	float: left;
}

#budgets .item {
	clear: both;
	width: 100%;
	float: left;
	height: auto;
	max-height: none;
	background: white;
	padding: 75px 0;
	background: #f5f6f7;
}

#budgets .item:nth-of-type(2),
#budgets .item:nth-of-type(4),
#budgets .item:nth-of-type(6) {
	background: #fff;
}

#budgets .item:nth-of-type(3) {
	background: #299ad7;
}

#budgets .item .left {
	float: left;
	width: 47.0588235294118vw;
	max-width: 640px;
	position: relative;
}

#budgets .item:nth-of-type(2) .left,
#budgets .item:nth-of-type(4) .left,
#budgets .item:nth-of-type(6) .left {
	float: right;
	width: 47.0588235294118vw;
	max-width: 640px;
	position: relative;
}

#budgets .item .left .main_image {
	width: 47.0588235294118vw;
	max-width: 640px;
	height: 30.8823529411765vw;
	max-height: 420px;
	position: relative;
	overflow: hidden;
}

#budgets .item .left .main_image img {
	width: 100%;
	height: auto;
}

#content #budgets .item .left ul.gallery {
	margin: 0;
	float: left;
	width: 100%;
	overflow: hidden;
	list-style: none;
}

#content #budgets .item .left ul.gallery li {
	float: left;
	width: 10.6617647058824vw;
	max-width: 145px;
	height: 10.6617647058824vw;
	max-height: 145px;
	margin-right: 20px;
	margin-top: 20px;
}

#content #budgets .item .left ul.gallery li:nth-of-type(4n+4) {
	margin-right: 0px;
}

#content #budgets .item .left ul.gallery li img {
	width: 100%;
	height: auto;
}

#budgets .item .right {
	float: right;
	width: 44.8529411764706vw;
	max-width: 610px;
}

#budgets .item:nth-of-type(2) .right,
#budgets .item:nth-of-type(4) .right,
#budgets .item:nth-of-type(6) .right {
	float: left;
	width: 44.8529411764706vw;
	max-width: 610px;
}

#budgets .item h2 {
	text-align: left;
	color: #299ad7;
	
	font-size: 48px;
	padding-bottom: 0;
	line-height: 1;
	
}

#budgets .item h3 {
	text-align: left;
	color: #7e7e7e;
	
	font-size: 48px;
	padding:11px 0 19px;
	line-height: 1;
	
	font-size: 23px;
}

#budgets .item:nth-of-type(3) h2,
#budgets .item:nth-of-type(3) h4 {
	color: #fff;
}

#content #budgets .item:nth-of-type(3) h3,
#content #budgets .item:nth-of-type(3) p,
#content #budgets .item:nth-of-type(3) ul {
	color: #C5EFF9;
}

#content #budgets .item p {
	font-size: 18px;
	color: #7e7e7e;
	line-height: 1.35;
	padding:0 0 20px 0;
}

#budgets .item h4 {
	text-align: left;
	color: #299ad7;
	
	font-size: 48px;
	padding:11px 0 19px;
	line-height: 1;
	
	font-size: 23px;
}

#content #budgets .item ul {
	padding: 0;
	font-size: 18px;
	color: #7e7e7e;
	margin: 0 0 0 15px;
}

#content #budgets .item ul li {
	float: left;
	width: 100%;
	font-size: 20px;
}

/* =Content
-------------------------------------------------------------- */

#main {
	clear: both;
	display: block;
}

#slider {
	float: left;
	width: 100%;
	background: black url("images/slide-bg.jpg") no-repeat center top / auto 100%;
	height: 500px;
}

#slider h2 {
    font-size: 75px;
    color: white;
    line-height: 1.2;
	margin-top: 50px;
	font-weight: 300;
}

#slider .icon {
	background: url("images/slide-logo-slant.png") no-repeat 0 0 / auto 100%;
	position: absolute;
	top: -50px;
	right: 0;
	height: 500px;
	width: 535px;
}

#slider #buttons {
    margin: 60px 0 0;
    height: 4.07142857142857vw;
    max-height: 57px;
    font-size: 20px;
}

#slider #buttons .button {
	width: 22vw;
	max-width: 308px;
	float: left;
	height: 4.13793103448276vw;
	max-height: 57px;
	text-align: center;
	line-height: 57px;
	position: relative;
	border:1px solid #fff;
	color: #fff;
	border-radius: 5px;
	margin-right: 30px;
}

#slider #buttons .button:hover {
	border:1px solid #299ad7;
	color: #299ad7;
}

#container {
    float: left;
    width: 100%;
    display: block;
    clear: both;
    margin: 0;
    position: relative;
}

#content {
	margin: 0;
}

#content h2 {
	font-size: 26.8px;
	line-height: 1.2;
	margin-top: 0;
	text-align: center;
	padding-bottom: 48px;
}

#content.contact h2 {
	text-align: left;
	float: left;
}

#content .left {
	width: 50%;
	float: left;
	clear: left;
}

#content .right {
	width: 50%;
	float: right;
}

#content .left p, #content .right p {
	font-size: 15px;
	text-align: left;
	line-height: 1.25;
}

#content .left p {
	padding: 0 30px 0 0;
	line-height: 1.4;
}

#content .right p {
	padding: 0 0 0 30px
}


#sig {
	width: 25.8620689655172vw;
	max-width: 300px;
	margin: 60px 400px 0;
	text-align: center;
	
	font-size: 13px;
	float: left;
}

#sig span.signature {
	background: url("images/signature.jpg") 0 0 / 100% auto;
	height: 10.3448275862069vw;
	max-height: 120px;
	width: 100%;
	display: block;
	margin-top: 15px;
}

/*
#social {
	float: right;
	margin-top: -12px;
}

#social .icon {
	width: 4.13793103448276vw;
	max-width: 48px;
	height: 4.13793103448276vw;
	max-height: 48px;
	position: relative;
	float: right;
}

#social .icon.facebook {
	background: url("images/social-icons-light-facebook.png") 0 0 / 200% auto;
}

#social .icon.instagram {
	background: url("images/social-icons-light-instagram.png") 0 0 / 200% auto;
	margin: 0 0 30px 6px;
}


#social .icon.facebook:hover,
#social .icon.instagram:hover {
	background-position: 100% 0;
}
*/

.post {
	margin: 0 0 3em 0;	
}
.entry-content, .entry-summary {
	margin: 0;
}

.entry-content a {
	color: #728a98;
}

.post-type-archive-testimonials .entry-summary {
	margin-top:0px;
}

.post-type-archive-testimonials .entry-summary .quote {
	float: left;
	background: url("images/quote-mark-gold-testimonials.png") no-repeat 0 0 / 45px 40px;
	width: 45px;
	height: 40px;
	margin-top: -18px;
	padding: 0 5px 0 0;
}

.post-type-archive-testimonials .entry-summary p {
	font-size: 18px;
}

.post-type-archive-testimonials #content h2 {
	text-align: left;
	text-transform: none;
	font-size: 18px;
	line-height: 1;
	margin-top: 0;
	color: #c1a063;
	padding-bottom: 72px;
}

.single-post h1 {
	width: 50%;
	font-size: 30px;
	line-height: 1.25em;
	margin-bottom: 40px;
	float: left;
}

.single-post .entry-meta {
	clear: both;
	margin: 0 0 35px;
}

.single-post #nav-below {
	margin-top: 100px;
	margin-bottom: 80px;
	width: 100%;
	float: left;
}

.nav-previous {
	float: left;
	width: 33.333333%;
	
	text-align: left;
	display: block;
	height: 25px;
	line-height: 25px;
}

.nav-next {
	float: right;
	width: 33.333333%;
	
	text-align: right;
	display: block;
	height: 25px;
	line-height: 25px;
}

.nav-next a,
.nav-previous a {
	color: #c1a063;
}

.nav-next a:hover,
.nav-previous a:hover {
	color: #4d4d4d;
}

.single-post div.back {
	float: left;
	width: 33.333333%;
	
	text-align: center;
}

.single-post div.back span {
	width: 100%;
}

span.back {
	float: right;
	
}

span.back a {
	color: #c1a063;
}

span.back a:hover {
	color: #8d8d8d;
}

.image-gallery {
	float: left;
	margin-top: 60px;
	width: 100%;
}

.image-gallery .item {
	width: 20.948275862069vw;
	max-width: 243px;
	border: 2px solid #4d4d4d;
	height: 11.8965517241379vw;
	max-height: 138px;
	float: left;
	margin-right: 45px;
	position: relative;
}

.image-gallery .item:nth-of-type(4n+4) {
	margin-right: 0;
}

.image-gallery .item img {
	max-height: 80%;
	max-width: 80%;
	width: auto;
	height: auto;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	padding: 10%;
}

.acf-map {
	height: 500px;
	margin: 0px;
	width: 640px;
}

#content.team .right img {
	width: 100%;
}

#content.team .right .vouched-for {
	width: 250px;
	height: 82px;
	float: left;
}

#content.team .right .iso {
	width: 250px;
	height: 82px;
	float: right;
}

#content.team .right .cfp {
	width: 90px;
	height: 82px;
	float: right;
	margin-left: 30px;
}

#content.team .right .cii {
	width: 76px;
	height: 82px;
	float: right;
	margin-left: 30px;
}

#content.team h1 {
  font-size: 32px;
  line-height: 1.1em;
  margin-top: 35px;
  text-align: left;
  
}

#content.team span.title {
  color: #c1a063;
  font-size: 22px;
  
}


#content.team span.back {
	float: right;
  	font-size: 14px;
  	
  	padding-top: 9px;
}
#content.team span.back a {
  	color: #c1a063;
}

#content.team .entry-content {
  float: left;
  padding-bottom: 95px;
  padding-top: 46px;
}

#qualifications {
	width: 100%;
	height: 38.3620689655172vw;
	max-height: 445px;
	background: #2b2b2b;
	clear: both;
	display: block;
}

#qualifications h3 {
	color: #c1a063;
	float: left;
	font-size: 30px;
	line-height: 120px;
	padding-top: 0;
	padding-top: 15px;
	
	width: 1000px;
}

#qualifications ul.left {
	float: left;
	width: 33.333333333%;
	margin: 0;
}

#qualifications ul.middle {
	float: left;
	width: 33.333333333%;
	margin: 0;
}

#qualifications ul.right {
	float: right;
	width: 33.333333333%;
	margin: 0;
}

#qualifications ul li {
	width: 100%;
	margin: 0;
	background: url("images/tick-gold.png") no-repeat 0px 5px / 17px 15px;
	height: auto;
	line-height: 24px;
	list-style: none;
	padding: 0 0 0px 30px;
	width: 320px;
	color: #8d8d8d;
}



.gallery {
	float: left;
	width: 100%;
	margin-bottom: 100px;
	margin-top: 62px;
}

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

.gallery ul li {
	width: 18.9655172413793vw;
	height: 18.9655172413793vw;
	max-height: 220px;
	max-width: 220px;
	float: left;
}

.gallery ul li img {
	width: 100%;
	height: 100%;
}

.page-template-contact-page #container {
	background: white;
	padding-top: 0;
	float: left;
	position: relative;
	padding-bottom: 35px;
}

.page-template-contact-page #container .left {
	margin-bottom: 0;
	width: 35.4411764705882vw;
	max-width: 482px;
	float: left;
}

.page-template-contact-page #container .left h3, 
.page-template-contact-page #container .middle h3, 
.page-template-contact-page #container .right h3, 
.page-template-contact-page #container #form h3 {
	font-size: 45px;	
	padding: 0px 0 40px;
	float: left;
	color: #333;
	width: 100%;
}

.page-template-contact-page #container .left p, .page-template-contact-pag #container .middle p, .page-template-contact-page #container .right p {
	font-size: 20px;
	padding-bottom: 12px;
}

.page-template-contact-page #container .left p {
	line-height: 1.5;
	float: left;
	width: 90%;
}

.opening-hours span.day {
	width: 6.25vw;
	max-width: 85px;
	float: left;
}

.page-template-contact-page #container .middle {
    margin-bottom: 0;
    width: 23.5294117647059vw;
    max-width: 320px;
    float: left;
    padding-left: 182px;
}

.page-template-contact-page #container .middle p {
	padding-bottom: 0;
	font-size: 20px;
	margin-bottom: 32px;
	line-height: 1.5;
}

.page-template-contact-page #container .right {
    margin-bottom: 0;
    width: 21.0714285714286vw;
    max-width: 295px;
    float: right;
}

span.blue {
	color: #299ad7;
}

.page-template-contact-page #container .right p {
	line-height: 1.5;
	padding-bottom: 0;
	padding-left: 0;
	margin: 0 0 15px 0;
}

.page-template-contact-page #container .right p.asterix {
	margin: 50px 0 0 0;
}

.page-template-contact-page .socials {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.page-template-contact-page .icon {
	width: 2.94117647058824vw;
	max-width: 40px;
	height: 2.94117647058824vw;
	max-height: 40px;
	position: relative;
	float: left;
	background: url("images/social-icon-linkedin.png") 0 0 / 200% auto;
	margin: 0px 0 0 0;
}

.page-template-contact-page .icon.facebook {
	background: url("images/social-icon-facebook.png") 0 0 / 200% auto;
	margin: 0 0px 0;
}

.page-template-contact-page .icon.instagram {
	background: url("images/social-icon-instagram.png") 0 0 / 200% auto;
	margin: 0 0px 0;
}

.page-template-contact-page .icon.twitter {
	background: url("images/social-icon-x.png") 0 0 / 200% auto;
	margin: 0px 0 0;
}

.page-template-contact-page .icon:hover {
	background-position: 100% 0;
}

span.social {
	display: block;
	padding-bottom: 2px;
}

#quote_3d {
	float: left;
	position: relative;
	width: 100%;
	background: white;
	height: 25.7352941176471vw;
	max-height: 350px;
	background: url("images/contact-bg-gradient.jpg") top center / auto 100%;
}

#quote_3d .wrapper {
	z-index: 2;
}

#quote_3d h3 {
    color: white;
    font-size: 60px;
    line-height: 1.2;
    padding-top: 60px;
    float: left;
}

#quote_3d .stamp {
	background: url("images/contact-bg-logo-slant.png") no-repeat 0 0 / 100% auto;
	width: 375px;
	height: 350px;
	position: absolute;
	right: -70px;
	top: 0;
	z-index: 1;
}


/* =Navigation
-------------------------------------------------------------- */

.navigation {
	margin: 0 0 85px 0;
	overflow: auto;
	float: left;
	width: 100%;
}


/* =Widget Areas
-------------------------------------------------------------- */

.widget-area ul {
	list-style: none;
	margin-left: 0;
}
.widget-area ul ul {
	list-style: disc;
	margin-left: 1.1em;
}
.widget-area ul ul ul {
	margin-left: 2.5em;
}
.widget-container {
	margin: 0 0 1.5em 0;
}

/* =Temporary styles until the
		directory can read @import
		
.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}
		
-------------------------------------------------------------- */


#content.contact .entry-content .left,
#content.contact .entry-content .middle,
#content.contact .entry-content .right {
	width: 33.333333%;
	float: left;
}

#content.contact .left h3,
#content.contact .middle h3,
#content.contact .right h3 {
	
	font-size: 18px;
	padding-bottom: 17px;
}

#content.contact .left h4,
#content.contact .middle h4,
#content.contact .right h4 {
	font-size: 15px;
}

#content.contact .left p, #content.contact .middle p, #content.contact .right p {
	line-height: 1.3;
	margin-bottom: 22px;
	padding: 0;
}

#content.contact .middle p {
	margin-bottom: 10px;
	font-size: 15px;
}

#content.contact .right p {
	line-height: 1.4;
}

#content.contact .right .left p {
	font-size: 15px;
}

#form {
	clear: both;
	display: block;
	height: 50.8823529411765vw;
	max-height: 692px;
	width: 100%;
	position: relative;
	margin-top: 0;
	float: left;
	position: relative;
	border-bottom: 20px solid #299ad7;
}

#form .wrapper {
	z-index: 2;
}

#form .yellow-bg {
	width: 100%;
	height: 100%;
	background: #299ad7 none repeat scroll 0 0;
}

#form h3 {
    font-size: 50px;
    padding: 84px 0 68px;
    float: left;
    color: #333;
    width: 73.8970588235294vw;
    max-width: 1005px;
}

#stand-details h3 {
	font-size: 36px;
	
	padding: 46px 0 41px;
	float: left;
	color: #333;
	
	width: 73.8970588235294vw;
	max-width: 1005px;
	width: 100%;
}

#form .left {
	float: left;
	width:45.5882352941176vw;
	max-width: 620px;
}

#form .right {
	float: right;
	width: 45.5882352941176vw;
	max-width: 620px;
}

#form .wpcf7 {
	float: left;
	width: 100%;
}

#form .wpcf7 .wpcf7-response-output {
    float: right;
    border: 0px;
    clear: both;
    margin: 0;
    padding: 0;
    color: white;
    width: 620px;
    text-align: center;
    margin-top: -40px;
}

.page-template-briefing-page .left, 
.page-template-briefing-page .right {
	width: 45.5882352941176vw !important;
	max-width: 620px;
}

.page-template-briefing-page .wide .left {
	line-height: 50px;
	font-size: 19px;
}

#stand-details .left .left,
#stand-details .left .right,
#stand-details .right .left,
#stand-details .right .right {
	width: 22.0588235294118vw;
	max-width: 300px;
}

#form label {
	line-height: 1 ! important;
}

#form label, .page-template-briefing-page label {
	color: #000000;
	text-transform: none;
	font-size: 19px;
	line-height: 1em;
	padding-bottom: 25px;
	float: left;
	width: 100%;
	position: relative;
	
	line-height: 1.25;
}

#form input.wpcf7-text,
.page-template-briefing-page input.wpcf7-text {
	background: #fff;
	border: 0 solid #f4f8f9;
	padding: 0;
	margin: 0;
	border-radius: 0;
	color: #000000;
	font-size: 16px;
	line-height: 50px;
	height: 3.67647058823529vw;
	max-height: 50px;
	width: 43.3823529411765vw;
	max-width: 590px;
	padding: 0 15px 0;
	margin-top: 7px;
	font-family:"montserrat", sans-serif;
	-webkit-appearance: none;
	appearance: none;
}

.screen-reader-response {
	width: 100%;
	height: 50px;
	color: black;
	padding-top: 20px;
}

.page-template-briefing-page span.wpcf7-not-valid-tip {
	color: #f00;
	font-size: 1em;
	font-weight: 400;
	display: block;
	position: absolute;
	height: 50px;
	top: 0;
	padding-left: 15px;
}

.page-template-briefing-page #stand-requirements .wide .wpcf7-submit {
	background: #000000;
	color: #fff;
	
	font-size: 19px;
	border: 0 solid #f4f8f9;
	padding: 0;
	margin: 0;
	border-radius: 0;
	color: #000000;
	line-height: 50px;
	height: 3.67647058823529vw;
	max-height: 50px;
	width: 45.5882352vw;
	max-width: 620px;
	padding: 0 15px 0;
	margin-top: 7px;
	font-family:"montserrat", sans-serif;
	-webkit-appearance: none;
	appearance: none;
}

.page-template-briefing-page input[type="checkbox"] {
	margin: 0px 5px 4px 0;
	vertical-align: middle;
	padding-bottom: 14px;
}

.page-template-briefing-page #content .right p {
	padding: 0;
}

#stand-details input {
	background: #e8e8e8;
}

#stand-details .left .left input,
#stand-details .left .right input,
#stand-details .right .left input,
#stand-details .right .right input {
	width: 19.8529411764706vw;
	max-width: 270px;
}

div.wpcf7-mail-sent-ok {
	border: 0px !important;
	margin: 0 !important;
	padding: 0 15px !important;
	position: absolute !important;
	right: 30px !important;
	top: 71px !important;
	text-transform: uppercase !important;
	font-size: 18px !important;
	color: #728a98 !important;
}

#form input.wpcf7-submit {
	background: #000000;
	margin-top: 28px;
	border: 0px;
	width: 100%;
	padding: 0;
	max-width: none;
	height: 4.31034482758621vw;
	max-height: 50px;
	
	border-radius: 0px;
	-webkit-appearance: none;
	appearance: none;
	color: #f4f8f9;
	cursor: pointer;
}

#form input.wpcf7-submit:hover {
	background: #7CD4F2;
}

#form textarea,
.page-template-briefing-page textarea {
	background: #fff;
	border: 0px solid #f4f8f9;
	margin: 7px 0 0;
	border-radius: 0;
	color: #728a98;
	font-size: 16px;
	line-height: 1.3;
	height: 16.9117647058824vw;
	max-height: 230px;
	width: 43.3823529411765vw;
	max-width: 590px;
	padding: 12px 15px;
	font-family:"montserrat", sans-serif;
	color: #000000;
}

.page-template-briefing-page textarea {
	height: 25.2941176470588vw !important;
	max-height: 344px !important;
}

.page-template-briefing-page #stand-requirements textarea {
	height: 11.1029411764706vw ! important;
	max-height: 151px ! important;
}

.page-template-briefing-page .right {
	width: 45.5882352941176vw;
	max-width: 620px;
}

.page-template-briefing-page .wide {
	padding-top: 44px;
}

#form input.wpcf7-not-valid {
    background: #abb9d0;
}

.wpcf7-form-control-wrap {
    float: left;
}

#form span.wpcf7-not-valid-tip {
    position: absolute;
    top: -19px;
    right: 0;
    color: #abb9d0 !important;
}

.page-template-briefing-page #stand-requirements .wide textarea {
	height: 19.9264705882353vw ! important;
	max-height: 271px ! important;
	width: 93.3823529411765vw;
	max-width: 1270px;
	margin-bottom: 40px;
}

.page-template-briefing-page #stand-requirements .wide .wpcf7-submit {
	margin-top: 0;
	background: #000000;
	color: #fff;
	
	font-size: 19px;
}


.page-template-briefing-page #stand-requirements .wide .wpcf7-submit:hover {
	background: #7CD4F2;
	cursor: pointer;
}

div.wpcf7-validation-errors {
	display: none !important;
}

.page-template-briefing-page div.wpcf7-mail-sent-ok {
	border: 0px !important;
	margin: 0 !important;
	padding: 0 15px !important;
	position: absolute !important;
	right: auto !important;
	bottom: 71px !important;
	text-transform: uppercase !important;
	font-size: 18px !important;
	color: #7CD4F2 !important;
	text-align: center;
	left: auto;
	width: 100%;
	padding-left: 325px !important;
	top: auto !important;
}


#map {
	width: 100%;
	position: relative;
	height: 51.4705882352941vw;
	max-height: 700px;
	float: left;
	overflow: hidden;
}


#map iframe {
	width: 100%;
	position: relative;
	height: 51.4705882352941vw;
	max-height: 700px;
	float: left;
	overflow: hidden;
}

#instagram_block {
	margin: 0 auto;
	display: block;
	clear: both;
	width: 100%;
	overflow: hidden;
	position: relative;
	height: 500px;
}

#instagram_block #instafeed {
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -1250px;
	width: 2500px;
}	

#instafeed .item {
	float: left;
	width: 21.551724137931vw;
	max-width: 250px;
	height: 21.551724137931vw;
	max-height: 250px;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
}

#instafeed .item img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	height: 100%;
	width: auto;
}

#menu {
	text-align: center;
	color: rgb(20,60,84);
}

#menu h2 {
	font-style: normal;
	font-weight: 500;
	font-size: 38px;
	text-transform: capitalize;
	line-height: 1;
	padding: 0 0 18px
}

#menu span.date {
	padding-bottom: 65px;
	float: left;
	width: 100%;
	font-size: 15px;
}

#menu h3 {
	font-size: 20px;
	
	padding-bottom: 36px;
}

#menu p {
	font-size: 15px;
	text-transform: capitalize;
	margin-bottom: 19px;
}

#menu span.price {
	display: block;
	
}

#starters {
	padding: 0 0 0;
	float: left;
	width: 100%;
}

#course-block {
	padding: 0 0 54px;
	float: left;
	width: 100%;
}

#slither {
	width: 100%;
	height: 3.44827586206897vw;
	max-height: 40px;
	background: url("images/menu-wood-slither.jpg") repeat-x center top / auto 100%;
	float: left;
}

#mains {
	padding: 63px 0 0;
	float: left;
	width: 100%;
	background: rgb(20,60,84);
	color: white;
}

#alergies {
	padding: 75px 0 80px;
	float: left;
	width: 100%;
	background: #fff;
	color: rgb(20,60,84);
}

#alergies #buttons {
	width: 45.6896551724138vw;
	max-width: 530px;
	margin: 53px auto 0;
	height: 4.31034482758621vw;
	max-height: 50px;
	
	font-size: 16px;
}

#alergies #buttons .button {
	width: 21.3793103448276vw;
	max-width: 248px;
	float: left;
	height: 4.13793103448276vw;
	max-height: 48px;
	text-align: center;
	line-height: 48px;
	
	position: relative;
	border:2px solid #436376;
	color: #436376;
}

#alergies #buttons .button:hover {
	border:2px solid #a1b1bb;
	color: #a1b1bb;
}

#desserts {
	padding: 63px 0 0;
	float: left;
	width: 100%;
	background: #d8dde0;
	color: #436376;
}

#desserts p.price {
	font-size: 18px;
	float: none;
	margin: 0 auto;
	width: auto;
	display: block;
	padding: 10px 20px;
	color: #d8dde0;
	background: #436376;
	margin: 0 auto;
	display: table;
}

#menu_select {
	width: 100%;
	height: 21.551724137931vw;
	max-height: 250px;
	background: url("images/menu-wood-nav-bar.jpg") repeat-x center top / auto 100%;
	float: left;
	position: relative;
}

#buttons-select:before {
	padding-top: 100px;
	display: inline-block;
	
}

#buttons-select {
	padding-top: 100px;
	/* display: table; */
	/* position: absolute; */
	/* left: 0; */
	/* right: 0; */
	/* width: auto; */
	/* height: auto; */
	/* margin: 0 auto; */
	/* text-align: center; */
	text-align: center;
}

#slide #buttons-select {
	padding-top: 70px;
}

#buttons-select .button {
	/* float: left; */
	width: 11.8965517241379vw;
	max-width: 138px;
	height: 4.13793103448276vw;
	max-height: 48px;
	border: 2px solid #d8dde0;
	line-height: 48px;
	color: #d8dde0;
	
	margin: 0 9px;
	position: relative;
	display: inline-block;
}

#buttons-select .button:hover,
#buttons-select .button.christmas:hover {
	border: 2px solid #a1b1bb;
	color: #a1b1bb;
}

#buttons-select .button.christmas {
	color: #c1a063;
	border: 2px solid #c1a063;
}


#testimonials {
	background:rgba(20,60,84, 1.0);
  clear: both;
  display: block;
  height: 27.5862vw;
  max-height: 320px;
  width: 100%;
  position: relative;
}

#testimonials .quote {
  background: rgba(0, 0, 0, 0) url("images/quote-mark.png") no-repeat scroll 0 0 / 292px 232px;
  height: 232px;
  position: absolute;
  right: 30px;
  top: 0;
  width: 292px;
}

#testimonials h3 {
	color: #a1b1bb;
	float: left;
	font-size: 26px;
	line-height: 1em;
	padding-top: 50px;
	
	padding-bottom: 50px;
}

#testimonials span.all {
	float: right;
	font-size: 15px;
	line-height: 1.25;
	position: absolute;
	right: 50px;
	
	top: 56px;
}

#testimonials .all a {
  color: #a1b1bb;
}

#testimonials .all a:hover {
  color: #d8dde0;
}

#testimonials #owl-testimonials {
  float: left;
  width: 100%;
  position: relative;
}

#testimonials #owl-testimonials p {
	color: white;
}

#owl-testimonials .owl-item {
	height: 180px;
	position: relative;
}

.owl-buttons {
	width: 100%;
	position: absolute;
	top:0;
	left:0;
}

#testimonials #owl-testimonials p {
	color: #d8dde0;
	font-size: 18px;
	line-height: 1.25;
	font-weight: 400;
}

#testimonials #owl-testimonials p.name {
	color: #a1b1bb;
	position: absolute;
	left: 0;
	bottom: 25px;
}

.owl-theme .owl-controls {
  margin-top: 0 ! important;
  top: 45px;
}

.owl-theme .owl-controls .owl-buttons .owl-prev:hover,
.owl-theme .owl-controls .owl-buttons .owl-next:hover {
  background-position: 100% 0 ! important;
}

#stand-details {
	width: 100%;
	background: #fff;
	position: relative;
	float: left;
	padding-bottom: 50px;
}

#stand-requirements {
	width: 100%;
	background: #e8e8e8;
	position: relative;
	float: left;
	padding-bottom: 110px;
}

#stand-requirements h3 {
	font-size: 36px;
	
	padding: 48px 0 38px;
	float: left;
	color: #333;
	
	width: 100%;
}

#intro {
	padding: 0 0 40px;
}

#intro h2 {
	font-size: 36px;
	
	padding: 70px 0 38px;
	float: left;
	color: #333;
	
	width: 100%;
}

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

#intro p {
	margin-bottom: 0;
}

#personal {
	width: 100%;
	background: #299ad7;
	position: relative;
	float: left;
	padding-bottom: 65px;
}

#personal h3 {
	font-size: 36px;
	
	padding: 47px 0 38px;
	float: left;
	color: #333;
	
	width: 100%;
}


/* =Gallery Areas
-------------------------------------------------------------- */

#main {
	width: 100%;
	float: left;
	position: relative;
	background:white;
}

#gallery {
	width: 100%;
	margin-top: 70px;
	float: left;
}

#gallery .item {
	width: 31.6176470588235vw;
	height: 31.6176470588235vw;
	max-width: 430px;
	max-height: 430px;
	float: left;
	background: #eee;
	text-align: center;
	position: relative;
}

#gallery .item img {
	width: 100%;
}

#gallery .item.wide {
	width: 63.2352941176471vw;
	max-width: 860px;
}

#gallery .item.tall {
	height: 63.2352941176471vw;
	max-height: 860px;
}

#gallery .item .content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(43,170,226,0.9);
	columns: white;
	z-index:5;
   	opacity: 0;
   	transition: opacity .5s ease-in-out;
   	-moz-transition: opacity .5s ease-in-out;
   	-webkit-transition: opacity .5s ease-in-out;
	display: none ! important;
}

#gallery .item .content h2 {
	
	font-size: 28px;
	line-height: 1;
	margin-top: 165px;
	text-align: center;
	padding-bottom: 0;
	color: white;
	
}

#gallery .item .content p {
	
	font-size: 28px;
	line-height: 1;
	margin-top: 165px;
	text-align: center;
	padding-bottom: 0;
	color: white;
	
}

#gallery .item .content p {
	
	font-size: 20px;
	line-height: 1.25;
	margin-top: 20px;
	text-align: center;
	padding-bottom: 0;
	color: white;
	
}

#gallery .item:hover .content {
	display: block ! important;
	cursor: pointer;
   	opacity: 1;
}


/* =Footer Areas
-------------------------------------------------------------- */


#signup {
	width: 100%;
	height: 19.4852941176471vw;
	max-height: 265px;
	background: #000000;
	float: left;
	font-size: 18px;
	float: left;
	position: relative;
	color: #7e7e7e;
}

#signup h3 {
	font-size: 36px;
	
	padding: 50px 0 27px;
	float: left;
	
}

#signup h4 {
	font-size: 25px;
	
	padding: 64px 0 27px;
	float: right;
	clear: none;
	
}

#signup form {
	clear: both;
	height: 70px;
	position: relative;
}

#signup form .tr {
	width: 22.7941176470588vw;
	max-width: 310px;
	float: left;
	margin-right: 20px;
}

#signup form .tr input {
	padding: 2px 15px 0;
	width: 20.5882352941176vw;
	max-width: 280px;
	float: left;
	border: 0px;
	line-height: 50px;
	height: 3.52941176470588vw;
	max-height: 48px;
	
	font-size: 16px;
	
	color: #b8b9b9;
}

#signup form #error {
	position: absolute;
	top: 60px;
}

#signup form button {
	width: 22.7941176470588vw;
	max-width: 310px;
	float: left;
	line-height: 50px;
	height: 3.67647058823529vw;
	max-height: 50px;
	background: #299ad7;
	border: 0px;
	text-align: center;
	
	color: #fff;
	font-size: 16px;
	
}

#signup form button:hover {
	background: #7CD4F2;
	cursor: pointer;
}

#signup form #logo,
#signup form h1,
#signup form br {
	display: none;
}

section#video {
	float: left;
	width: 100%;
	padding-bottom: 125px;
}

section#video h1 {
    float: left;
}

section#video h2 {
    font-size: 65px;
    color: #000;
    padding: 95px 0 30px;
    float: left;
}

section#video .button {
    width: 21.5441176470588vw;
    max-width: 293px;
    border: 1px solid #000;
    height: 4.26470588235294vw;
    max-height: 58px;
    text-align: center;
    float: right;
    line-height: 58px;
    border-radius: 5px;
    font-size: 18px;
    position: relative;
    margin-top: 47px;
    color: #000;
    margin-bottom: 80px;
}

section#video span.icon {
    width: 67px;
	height: 98px;
	float: right;
	background: url("images/video-tier-decal.png") no-repeat 0 0 / 100% auto;
	margin-top: 102px;
}

section#video .video {
	float: left;
	width: 100%;
	height: 730px;
	background: url("images/video-thumbnail-bg.jpg") no-repeat 0 0 / 100% auto;
	position: relative;
}

section#video .video a {
	background: url("images/video-play-icon.png") no-repeat center center / 193px 193px;
	width: 100%;
    height: 100%;
    display: block;
}

section#video .video:hover a {
	opacity: 0.9;
}

#base {
    width: 100%;
    min-height: 0px;
    position: relative;
    float: left;
    background: #000;
    height: auto;
}

#base #gecko {
	position: relative;
	width: 12.2142857142857vw;
	max-width: 171px;
	height: 5vw;
	max-height: 70px;
	background: url("images/gecko.png") no-repeat 0 0 / 200% auto;
	float: right;
	margin-top: 140px;
}

#base #gecko:hover {
	background-position: 100% 0;
}

#base .logo {
    background: url("images/logo-footer.png") no-repeat 0 35px / 254px 106px;
    width: 18.1428571428571vw;
    max-width: 254px;
    height: 7.57142857142857vw;
    max-height: 106px;
    float: left;
    margin-top: 35px;
    border-right: 1px solid #299ad7;
	padding: 35px 20px 35px 0;
	margin-bottom: 35px;
}

#base #social {
    float: left;
    margin: 68px 0 43px 35px;
	color: #abb9d0;
}

#base #social .icon {
	width: 2.94117647058824vw;
	max-width: 40px;
	height: 2.94117647058824vw;
	max-height: 40px;
	position: relative;
	float: left;
	background: url("images/social-icon-facebook.png") 0 0 / 200% auto;
	margin-right: 30px;
	margin-bottom: 35px;
}

#base #social .icon.linkedin {
	background: url("images/social-icon-linkedin.png") 0 0 / 200% auto;
}

#base #social .icon.instagram {
	background: url("images/social-icon-instagram.png") 0 0 / 200% auto;
}

#base #social .icon.twitter {
	background: url("images/social-icon-x.png") 0 0 / 200% auto;
}

#base #social .icon:hover {
	background-position: 100% 0;
}

#base p {
	font-size: 16px;
	clear: left;
	line-height: 1.5;
}

span.wpcf7-list-item {
	display: inline-block;
	margin: 0 ! important;
	width: 100%;
}

.wpcf7-checkbox input.wpcf7-text {
	float: left;
	width: auto;
	height: auto;
	clear: left;
	margin: 5px 10px 10px 0;
	line-height: 1;
	padding: 0;
}

.wpcf7-checkbox .wpcf7-list-item-label {
	font-size: 18px;
}

#form input, .page-template-briefing-page span.wpcf7-form-control-wrap input.wpcf7-file {
    padding: 0;
    font-size: 16px;
    line-height: 1;
    height: 3.67647058823529vw;
    max-height: 50px;
    width: 620px;
    max-width: none;
    margin-top: 7px;
    margin: 0 10px 10px 0;
}

#form input, .page-template-briefing-page span.wpcf7-form-control-wrap:nth-of-type(even) input.wpcf7-file {
	float: right;
	margin: 0 0 10px 0;
	width: 620px;
}







@media only screen 
and (min-width : 621px)
and (max-width : 1360px) {

body {
	font-size: 1.17647058823529vw;
}

.wrapper {
	width: 95.5882352941177vw;
	max-width: none;
	padding: 0 2.20588235294118vw;
}

#header #branding {
    padding-top: 1.17647058823529vw;
}

#header.smaller #branding {
	padding-top: 0.588235294117647vw;
}

#header #contacts span.tel {
	line-height: 9.55882352941176vw;
	font-size: 1.17647058823529vw;
	padding-left: 1.69117647058824vw;
}

#header #access {
	font-size: 1.10294117647059vw;
	line-height: 9.55882352941176vw;
}

#header #access ul li {
	padding-left: 1.69117647058824vw;
}

#slide #owl-slide {
	margin-left: -94.1176470588235vw;
	width: 188.235294117647vw !important;
}

#slide h1 {
	font-size: 5.51470588235294vw;
	padding-top: 15.8088235294118vw;
}

.page-template-budget-page #slide h1,
.page-template-briefing-page #slide h1 {
	padding-top: 13.308823529411765vw;
}

#slide #buttons {
	margin-top: 5.51470588235294vw;
	font-size: 1.17647058823529vw;
}

#slide #buttons .button {
	line-height: 4.26470588235294vw;
	border: 0.147058823529412vw solid #299ad7;
	margin-right: 2.20588235294118vw;
	font-size: 1.32352941176471vw;
}

#container.home-page .right .wrapper,
#reverse.home-page .left .wrapper {
    max-width: 43.3824vw;
    padding: 7.5vw 0 0 2.2059vw;
    height: 34.4118vw;
}

#container.home-page .right h2,
#reverse.home-page .left h2 {
    font-size: 2.0588vw;
    margin-bottom: 0.7353vw;
    width: 43.0882vw;
    padding-bottom: 4.4118vw;
}

#container.home-page .right .button,
#reverse.home-page .left .button {
    margin-right: 1.4706vw;
    font-size: 1.3235vw;
    border-radius: 0.3676vw;
	line-height: 4.26470588235294vw;
	border: 0.0735294117647059vw solid #fff;
}

#container.home-page.wedding .right .button, #reverse.home-page.wedding .left .button {
	border: 0.0735294117647059vw solid #299ad7;
}

#container.home-page .right .button:hover, 
#reverse.home-page .left .button:hover {
	border: 0.0735294117647059vw solid #000000;
}

#container.home-page .left, #reverse.home-page .right {
	background: url("images/home-tier-1-image-00.jpg") no-repeat center right / 94.1176470588235vw auto;
}

#reverse.home-page.wedding .right {
	background: url("images/home-tier-2-image-00.jpg") no-repeat center left / 94.1176470588235vw auto;
}

#split {
	padding: 7.35294117647059vw 0;
}

#split .left img,
#split .right img {
	height: 41.9117647058824vw;
}

#usps-point {
	bottom: 5.14705882352941vw;
}

#usps h3 {
    font-size: 5.5147vw;
    padding-top: 5.4412vw;
}


#usps .item .icon {
    margin: 3.0882vw auto 2.5vw;
}


#usps .item h4 {
	font-size: 3.67647058823529vw;
	padding-bottom: 0.808823529411765vw;
}

#usps .item p {
	font-size: 1.83823529411765vw;
}

#usps .item:nth-of-type(2) {
	padding: 0 14.7058823529412vw;
}

#reverse.home-page .left .wrapper {
	padding: 7.5vw 4.41176470588235vw 0 0px;
}

#reverse.home-page .left #buttons {
	bottom: 7.72058823529412vw;
	left: 0px;
}

#reverse-point {
	bottom: 5.14705882352941vw;
}

#brand-bar h3 {
	font-size: 2.64705882352941vw;
	padding: 5.14705882352941vw 0 5.73529411764706vw;
}

#brand-bar .button {
	border: 0.147058823529412vw solid #b8b9b9;
	line-height: 4.26470588235294vw;
	font-size: 1.32352941176471vw;
	margin-top: 4.55882352941176vw;
	margin-bottom: 5.88235294117647vw;
}

#brand-bar .button:hover {
	border: 0.147058823529412vw solid #7e7e7e;
}

#brand-bar .item {
	height: 4.41176470588235vw;
	margin: 0 0.882352941176471vw 0.882352941176471vw 0;
}

#brand-bar .item:nth-of-type(5n+5) {
	margin: 0 0 0.882352941176471vw 0;
}

#twitter_feed h3 {
	font-size: 2.64705882352941vw;
	padding: 5.14705882352941vw 0 3.75vw;
}

#twitter_feed .owl-item .item {
	padding: 0 8.08823529411765vw 0 0.0735294117647059vw !important;
	width: 23.5294117647059vw !important;
	height: 27.2058823529412vw;
}

.twitter-pic {
	width: 5.88235294117647vw;
	height: 5.88235294117647vw;
	border-radius: 7.35294117647059vw;
}

span.tweetprofilelink {
	font-size: 1.76470588235294vw;
	margin-top: 3.08823529411765vw;
}

span.tag {
	font-size: 1.32352941176471vw;
}

p.status {
	font-size: 1.32352941176471vw;
	padding-top: 2.20588235294118vw;
}

span.tweet-time {
	font-size: 1.02941176470588vw;
}

#base #gecko {
    margin-top: 10.2941vw;
}


#slide img {
	margin-left: -94.1176470588235vw;
}

#header.smaller #contacts span.tel {
	line-height: 5.14705882352941vw;
}

#header.smaller #access {
	line-height: 5.14705882352941vw;
}

#slide {
	margin: 0 0 5.14705882352941vw 0;
}

.page-template-contact-page #container {
	padding-bottom: 2.57352941176471vw;
}

.page-template-contact-page #container .left h3,
.page-template-contact-page #container .middle h3,
.page-template-contact-page #container .right h3,
.page-template-contact-page #container #form h3 {
    font-size: 3.3088vw;
    padding: 0 0 2.9412vw;
}


.page-template-contact-page #container .left p, .page-template-contact-pag #container .middle p, .page-template-contact-page #container .right p {
	font-size: 1.47058823529412vw;
	padding-bottom: 0.882352941176471vw;
}

#content .left p {
	padding: 0 2.20588235294118vw 0 0;
}

.page-template-contact-page #container .middle p {
	font-size: 1.47058823529412vw;
	margin-bottom: 2.35294117647059vw;
}

.page-template-contact-page #container .right p {
	margin: 0 0 1.10294117647059vw 0;
	padding-bottom: 0;
}

.page-template-contact-page #container .right p.asterix {
	margin: 3.67647058823529vw 0 0 0;
}

#quote_3d h3 {
	font-size: 3.67647058823529vw;
	padding-top: 6.25vw;
}

#quote_3d .stamp {
    width: 27.5735vw;
    height: 25.7353vw;
    right: -5.1471vw;
}


#quote_3d .button {
	border: 0.147058823529412vw solid #fff;
	line-height: 4.26470588235294vw;
	font-size: 1.32352941176471vw;
	margin-top: 15.0735294117647vw;
}

#quote_3d .button:hover {
	border: 0.147058823529412vw solid #299ad7;
}

#form h3 {
	font-size: 2.64705882352941vw;
	padding: 6.17647058823529vw 0 5vw;
}

#form label {
	font-size: 1.17647058823529vw;
	padding-bottom: 1.83823529411765vw;
}

#form input {
	font-size: 1.17647058823529vw;
	line-height: 3.67647058823529vw;
	padding: 0 1.10294117647059vw 0;
	margin-top: 0.514705882352941vw;
}

#form textarea {
	border: 0px solid #f4f8f9;
	margin: 0.514705882352941vw 0 0;
	font-size: 1.17647058823529vw;
	padding: 0.882352941176471vw 1.10294117647059vw;
}

#form input.wpcf7-submit {
	margin-top: 1.69117647058824vw;
	border-radius: 0px;
}

#twitter_feed .icon.twitter {
	margin: 5.88235294117647vw 0.735294117647059vw 2.20588235294118vw;
}

#twitter_feed span.icon {
margin-top: 5.88235294117647vw;
}

#twitter_feed span.icon.instagram {
	margin: 5.88235294117647vw 0 0;
}

#twitter_feed span.icon.facebook {
	margin: 5.88235294117647vw 0px 0;
}

#signup h3 {
	font-size: 2.64705882352941vw;
	padding: 3.67647058823529vw 0 1.98529411764706vw;
}

#signup h4 {
	font-size: 1.83823529411765vw;
	padding: 4.70588235294118vw 0 1.98529411764706vw;
}

#signup form {
	height: 5.14705882352941vw;
}

#signup form #error {
	top: 4.41176470588235vw;
}

#signup form .tr {
	margin-right: 1.47058823529412vw;
}

#signup form .tr input {
	padding: 0 1.10294117647059vw;
	line-height: 3.67647058823529vw;
	font-size: 1.17647058823529vw;
}

#signup form button {
	line-height: 3.67647058823529vw;
	font-size: 1.17647058823529vw;
}

#signup {
	font-size: 1.32352941176471vw;
}

span.social {
	padding-bottom: 0.147058823529412vw;
}

#form span.wpcf7-not-valid-tip {
    top: -1.39705882352941vw;
}

#form .wpcf7 .wpcf7-response-output {
    width: 45.5882vw;
    margin-top: -2.9412vw;
}


.page-template-budget-page h1#title,
.page-template-contact-page h1#title {
	padding-bottom: 5.14705882352941vw;
}

#gallery {
	margin-top: 5.14705882352941vw;
	margin-bottom: 9.55882352941176vw;
}

#gallery .item img {
	width: 100%;
	height: auto;
}

#gallery .item .content h2 {
	font-size: 2.05882352941176vw;
	margin-top: 12.1323529411765vw;
}

#gallery .item .content p {
	font-size: 1.47058823529412vw;
	margin-top: 1.47058823529412vw;
}

#intro {
    padding: 0 0 2.94117647058824vw;
}

#intro h2 {
	font-size: 2.64705882352941vw;
	padding: 5.14705882352941vw 0 2.79411764705882vw;
}

#form input.wpcf7-text, .page-template-briefing-page input.wpcf7-text {
    font-size: 1.17647058823529vw;
    line-height: 3.67647058823529vw;
    padding: 0 1.10294117647059vw 0;
    margin-top: 0.514705882352941vw;
}

p {
	font-size: 1.47058823529412vw;
}

#personal {
	padding-bottom: 4.77941176470588vw;
}

#personal h3 {
	font-size: 2.64705882352941vw;
	padding: 3.45588235294118vw 0 2.86764705882353vw;
}

#form label, .page-template-briefing-page label {
	font-size: 1.39705882352941vw;
	padding-bottom: 1.83823529411765vw;
}

#form input, .page-template-briefing-page input {
	font-size: 1.17647058823529vw;
	line-height: 3.67647058823529vw;
	padding: 0 1.10294117647059vw 0;
	margin-top: 0.514705882352941vw;
}

#form textarea, .page-template-briefing-page textarea {
	margin: 0.514705882352941vw 0 0;
	font-size: 1.17647058823529vw;
	padding: 0.882352941176471vw 1.10294117647059vw;
}

#stand-details {
	padding-bottom: 3.67647058823529vw;
}

#stand-details h3 {
	font-size: 2.64705882352941vw;
	padding: 3.38235294117647vw 0 3.01470588235294vw;
}

#stand-details .left .left, #stand-details .left .right, #stand-details .right .left, #stand-details .right .right {
	width: 22.0588235294118vw ! important;
	max-width: 300px;
}

#stand-requirements {
	padding-bottom: 8.08823529411765vw;
}

#stand-requirements h3 {
	font-size: 2.64705882352941vw;
	padding: 3.52941176470588vw 0 2.79411764705882vw;
}

.page-template-briefing-page .wide {
	padding-top: 3.23529411764706vw;
}

.page-template-briefing-page .wide .left {
	line-height: 3.67647058823529vw;
	font-size: 1.39705882352941vw;
}

.page-template-briefing-page .right {
	width: 45.5882352941176vw ! important;
	max-width: 620px;
}

.page-template-briefing-page #stand-requirements .wide .wpcf7-submit {
	font-size: 1.39705882352941vw;
}

.page-template-briefing-page div.wpcf7-mail-sent-ok {
	padding: 0 1.10294117647059vw !important;
	bottom: 5.22058823529412vw !important;
	font-size: 1.32352941176471vw !important;
	padding-left: 23.8970588235294vw !important;
}

#bullet-services ul {
    margin: 5.2941vw 0 0 11.6176vw;
    width: calc(100% - 11.6176vw);
}

#bullet-services ul li {
    width: 35.2941vw;
    font-size: 1.8382vw;
    padding-bottom: 0.8824vw;
    padding-left: 3.6765vw;
    max-width: 43.75vw;
    background: url("images/tick-white.png") no-repeat 0 0.2206vw / 2.2059vw 1.8382vw;
}


#icon-bar h3 {
	font-size: 2.64705882352941vw;
	padding: 7.35294117647059vw 0 5.73529411764706vw;
}

#icon-bar .icon img {
	margin: 0 5.88235294117647vw;
}

#icon-bar h4 {
	font-size: 1.61764705882353vw;
	margin-bottom: 3.82352941176471vw;
}

#base .logo {
    background: url("images/logo-footer.png") no-repeat 0 2.5735vw / 18.6765vw 7.7941vw;
    margin-top: 2.5735vw;
    border-right: 1px solid #299ad7;
    padding: 2.5735vw 1.4706vw 2.5735vw 0;
    margin-bottom: 2.5735vw;
}


#base #social {
    margin: 5vw 0 3.1618vw 2.5735vw;
}

#base #social .icon {
    margin-right: 2.2059vw;
    margin-bottom: 2.5735vw;
}

#base p {
    font-size: 1.1765vw;
}


#quote-point {
	bottom: 5.14705882352941vw;
}

#budget_anchors {
	padding: 0 0 6.61764705882353vw;
}

#budget_anchors .item {
	margin-right: 1.47058823529412vw;
}

#budget_anchors .item p {
	font-size: 2.05882352941176vw;
}

#budgets .item {
	padding: 5.51470588235294vw 0;
}

#content #budgets .item .left ul.gallery li {
	margin-right: 1.47058823529412vw;
	margin-top: 1.47058823529412vw;
}

#budgets .item h2 {
font-size: 3.52941176470588vw;
}

#budgets .item h3 {
	font-size: 3.52941176470588vw;
	padding: 0.808823529411765vw 0 1.39705882352941vw;
	font-size: 1.69117647058824vw;
}

#content #budgets .item p {
	font-size: 1.32352941176471vw;
	padding: 0 0 1.47058823529412vw 0;
}

#budgets .item h4 {
	font-size: 3.52941176470588vw;
	padding: 0.808823529411765vw 0 1.39705882352941vw;
	font-size: 1.69117647058824vw;
}

#content #budgets .item ul li {
	font-size: 1.47058823529412vw;
}

#header #access ul li ul.sub-menu {
	box-shadow: 0 0.588235294117647vw 1.17647058823529vw 0 rgba(0, 0, 0, 0.2);
	margin-left: -1.10294117647059vw;
	min-width: 11.7647058823529vw;
	padding: 0.588235294117647vw 0;
	top: 9.55882352941176vw;
}

#header.smaller #access ul li ul.sub-menu {
	top: 5.14705882352941vw;
}

.page-template-shows-page #slide #buttons .button.pdf {
	margin-right: 1.2vw;
	padding: 0 1.47058823529412vw;
	background: url("images/pdf-icon.png") no-repeat 18.75vw 0.735294117647059vw / 2.72058823529412vw 2.79411764705882vw;
}

.page-template-shows-page #slide #buttons {
	top: 39.338235294117647vw;
}

.page-template-shows-page #slide h1 {
	font-size: 4.779411764705882vw;
}

h1#title {
    font-size: 4.7794vw;
    padding-top: 3.3088vw;
}

section#video .button {
    max-width: 21.5441vw;
    max-height: 4.2647vw;
    line-height: 4.2647vw;
    border-radius: 0.3676vw;
    font-size: 1.3235vw;
    margin-top: 3.4559vw;
    margin-bottom: 5.8824vw;
	border-width: 0.0735294117647059vw;
}


.page-template-budget-page h1#title, .page-template-contact-page h1#title, .page-template-briefing-page h1#title {
    padding-bottom: 5.14705882352941vw;
}

.page-template-briefing-page input[type="checkbox"] {
    margin: 0px 0.367647058823529vw 0.294117647058824vw 0;
    padding-bottom: 1.02941176470588vw;
}

.wpcf7-checkbox .wpcf7-list-item-label {
    font-size: 1.32352941176471vw;
}

#form input, .page-template-briefing-page span.wpcf7-form-control-wrap input.wpcf7-file {
    font-size: 1.17647058823529vw;
    width: 45.5882352941176vw;
    margin-top: 0.514705882352941vw;
    margin: 0 0.735294117647059vw 0.735294117647059vw 0;
}

#form input, .page-template-briefing-page span.wpcf7-form-control-wrap:nth-of-type(even) input.wpcf7-file {
    margin: 0 0 0.735294117647059vw 0;
    width: 45.5882352941176vw;
}

.page-template-briefing-page #stand-requirements .wide .wpcf7-submit {
    font-size: 1.39705882352941vw;
    line-height: 3.67647058823529vw;
    padding: 0 1.10294117647059vw 0;
    margin-top: 0.514705882352941vw;
}

.page-template-contact-page #container .middle {
    padding-left: 13.3823529411765vw;
}


#slider {
    height: 36.7647058823529vw;
}

#slider h2 {
    font-size: 5.51470588235294vw;
    margin-top: 3.67647058823529vw
}

#slider .icon {
    top: -3.67647058823529vw;
    height: 36.7647058823529vw;
    width: 39.3382352941176vw;
}

#slider #buttons {
    margin: 4.41176470588235vw 0 0;
    font-size: 1.47058823529412vw;
}

#slider #buttons .button {
    line-height: 4.19117647058823vw;
    border: 0.0735294117647059vw solid #fff;
    border-radius: 0.367647058823529vw;
    margin-right: 2.20588235294118vw;
}

section#video {
    padding-bottom: 9.1912vw;
}

section#video h2 {
    font-size: 4.7794vw;
    padding: 6.9853vw 0 2.2059vw;
}

section#video span.icon {
    width: 4.9265vw;
    height: 7.2059vw;
    margin-top: 7.5vw;
}

section#video .video {
    height: 53.6765vw;
}

section#video .video a {
    background: url("images/video-play-icon.png") no-repeat center center / 14.1912vw 14.1912vw;
}

.error404 h1#title {
    font-size: 10.2941vw;
    margin-top: 1.4706vw;
    margin-bottom: 3.6765vw;
}

.error404 .entry-content p {
    font-size: 1.9118vw;
}

.error404 .entry-content .button {
    max-width: 21.5441vw;
    max-height: 4.2647vw;
    line-height: 4.2647vw;
    border-radius: 0.3676vw;
    font-size: 1.3235vw;
    margin-top: 5.1471vw;
    margin-bottom: 11.0294vw;
}




}



@media only screen 
and (min-width : 1px)
and (max-width : 620px) {

/* SHIFTNAV */

#shiftnav-toggle-main {
    z-index: 50000 ! important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.menu-item > .shiftnav-target {
    text-transform:none;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu ul.sub-menu li.menu-item > .shiftnav-target {
    padding: 6px 35px;
    text-transform:uppercase;
}

/* Navigation */

#shiftnav-toggle-main .shiftnav-main-toggle-content {
    font-size: 4.2vw;
    line-height: 15vw;
    padding: 0;
    
    font-weight: 400;
}

#shiftnav-toggle-main-button {
    height: 15vw;
    display: table;
}

#shiftnav-toggle-main-button i {
    vertical-align: middle;
    display: table-cell;
}

#shiftnav-toggle-main .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar::before {
  padding: 3.5vw 4vw;
}

#shiftnav-toggle-main {
    background: #777 ! important;
    padding:0 5% ! important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.menu-item > .shiftnav-target {
    text-transform: uppercase ! important;
}

li.menu-item>.shiftnav-target, 
.shiftnav ul.shiftnav-menu li.shiftnav-retract>.shiftnav-target {
    line-height: 1.5 ! important;
    padding: 4vw 7.5% ! important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu ul.sub-menu li.menu-item > .shiftnav-target {
    line-height: 1.5 ! important;
    padding: 4vw 7.5% 4vw 10vw ! important;
    
}

.shiftnav ul.shiftnav-menu li.menu-item {
    font-size:1.1em ! important;
    font-family:"montserrat", sans-serif;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.menu-item > .shiftnav-target {
    font-size: 1.1em ! important;
}

.shiftnav.shiftnav-skin-standard-dark, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu {
    background: #888 ! important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu ul.sub-menu {
    background: #888 none repeat scroll 0 0 ! important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target {
    border-bottom: 1px solid #999 ! important;
    border-top:none ! important;
}

.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item > .shiftnav-target:hover {
    background: #777 ! important;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target {
    text-shadow: none;
}

.shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:active {
    background: #777;
}

.fa-navicon::before, .fa-reorder::before, .fa-bars::before {
  font-size: 8vw;
}

.shiftnav-wrap {
  left: 0;
  margin-top: 0;
  top: 0;
  z-index: 250;
}

#shiftnav-toggle-main .shiftnav-main-toggle-content {
    padding: 0 ! important;
}

#shiftnav-toggle-main .shiftnav-toggle-burger, #shiftnav-toggle-main.shiftnav-toggle-main-entire-bar:before {
    padding: 0% ! important;
    margin-left: 0px ! important;
}


body {
	font-size: 4.5vw;
	-webkit-text-size-adjust: 100%;
	
}

.desktop {
	display: none ! important;
}

.mobile {
	display: inline ! important;
}

.wrapper {
	width: 90vw;
	max-width: none;
	margin: 0 auto;
	position: relative;
	padding: 0 5vw;
}

#header, #header.smaller {
    position: relative;
    float: left;
    height: 45vw;
    width: 100%;
    max-height: none;
}

#header #branding, #header.smaller #branding {
	margin: 4vw 20vw;
	position: relative;
	top: 0px;
	padding-top: 0;
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	width: 50vw;
	max-width: none;
	height: auto;
	max-height: none;
}

.home #slide {
	height: 95vw;
	width: 100%;
	position: absolute;
	background: url("images/jdj-home-slide-mob-00.jpg") 0 0 / 100% auto;
	margin-top: 38vw;
}

.home #slide .slide {
	height: 95vw;;
}

.home #slide-pad {
	display: none;
}

.home #main {
	margin-top: 0vw;
}

#shiftnav-toggle-main.shiftnav-toggle-edge-right {
	height: 15vw;
	width: 100%;
	padding: 0 5%;
}

#header #contacts {
	float: left;
	width: 100%;
	height: 16.12903226vw;
	color: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
}

#header #contacts span.tel {
	width: 50%;
	height: 16.12903226vw;
	padding: 0;
	line-height: 16.12903226vw;
	font-size: 5vw;
	float: left;
	background: #7e7e7e;
	line-height: 16.12903226vw;
	text-align: center;
}

#header.smaller #contacts span.tel {
	line-height: 16.12903226vw;
}

#header #contacts span.call {
    background: #299ad7 url("images/phone-icon-mob-home.png") no-repeat center center / 4.83871vw 8.064516vw;
    height: 16.129032vw;
    padding: 0 0 0 20%;
    float: right;
    line-height: 16.129032vw;
    font-size: 5vw;
    width: 100%;
    text-align: left;
    margin-top: 0;
    position: relative;
    top: 0;
    left: 0;
    color: #fff;
    text-align: center;
}

#header #access {
	display: none;
}

#slide h1 {
	text-align: center;
	color: #fff;
	
	font-size: 7.5vw;
	padding-top: 10.80645161vw;
	line-height: 1.2;
	
}

#slide h1 br {
	display: none;
}

#slide h1 br:nth-of-type(1) {
	display: block;
}

#slide #buttons .button {
	width: 75vw;
	max-width: none;
	float: left;
	height: 12.74193548vw;
	max-height: none;
	text-align: center;
	line-height: 12.74193548vw;
	
	position: relative;
	border: 0.322580645vw solid #299ad7;
	color: #299ad7;
	margin: 0 7.5vw;
	font-size: 4.5vw;
}

#container.home-page .left, #reverse.home-page .right {
	float: left;
	background: transparent;
	width: 100%;
	height: 45vw;
	max-height: none;
	background: url("images/home-tier-1-image-00.jpg") no-repeat top center / auto 100%;
	position: relative;
	top: 0;
	left: 0;
}

#reverse.home-page.wedding .right {
	float: left;
	background: transparent;
	width: 100%;
	height: 45vw;
	max-height: none;
	background: url("images/home-tier-2-image-00.jpg") no-repeat top center / auto 100%;
	position: relative;
	top: 0;
	left: 0;
}

#container.home-page .right, #reverse.home-page .left {
	float: right;
	empty-cells: transparent;
	width: 100%;
	height: auto;
	max-height: none;
	clear: left;
}

#container.home-page .right .wrapper, #reverse.home-page .left .wrapper {
	width: 90%;
	max-width: none;
	margin: 0;
	padding: 10vw 5% 0 5%;
	position: relative;
	float: left;
	height: auto;
}

#container.home-page .right h2, #reverse.home-page .left h2 {
	font-size: 5vw;
	margin-bottom: 0;
	width: auto;
	line-height: 1.325;
	text-align: left;
	text-align: center;
	padding-bottom: 10vw;
}


#container.home-page .right #buttons, #reverse.home-page .left #buttons {
	position: relative;
	bottom: auto;
	left: auto;
}

#container #buttons .button,
#reverse.home-page #buttons .button {
	width: 75vw;
	max-width: none;
	float: left;
	height: 12.74193548vw;
	max-height: none;
	text-align: center;
	line-height: 12.74193548vw;
	
	position: relative;
	border: 0.322580645vw solid #fff;
	color: #fff;
	margin: 0 7.5vw;
	font-size: 4.5vw;
	margin-bottom: 10vw;
}

#reverse.home-page.wedding .left .button,
#reverse.home-page.wedding .left .button.desktop {
	border: 0.322580645vw solid #299ad7 !important;
	color: #299ad7 !important;
	display: block ! important;
}

#slide #buttons {
	margin-top: 12.09677419vw;
	font-size: 2.580645161vw;
}

#split {
	height: auto;
	max-height: none;
	padding: 10vw 0;
	max-height: none;
}

#split .left {
	width: 100%;
	float: left;
}

#slider-one, #slider-two {
	margin: 0 auto;
	width: 100%;
	height: 90vw;
	max-height: none;
}

#split .left img {
	width: 90vw;
	height: 90vw;
}

#split .right {
	width: 100%;
	float: left;
}

#split .right img {
	width: 90vw;
	height: 90vw;
}

#usps {
	float: left;
	position: relative;
	height: auto;
	max-height: none;
	width: 100%;
	padding-bottom: 10vw;
}

#usps h3 {
	text-align: center;
	
	font-size: 7.5vw;
	
	color: white;
	line-height: 1.1;
	padding-top: 10vw;
}

#usps .item {
	width: 100%;
	max-width: none;
}

#usps .item .icon {
	width: 25vw;
	height: 25vw;
	max-height: none;
	max-width: none;
	margin: 10vw auto 10vw;
}

#usps .item h4 {
    font-size: 7vw;
    padding-bottom: 2vw;
    line-height: 1;
    margin-bottom: 5vw;
}

#usps .item p {
	font-size: 3.5vw;
}

#usps .item p br {
	display: none;
}

#usps .item:nth-of-type(2) {
	padding: 0;
}

#bullet-services {
	width: 100%;
	height: auto;
	max-height: none;
	position: relative;
	float: left;
	color: #fff;
}

#bullet-services .grey-bg {
	background: #000000;
	width: 100%;
	height: auto;
	float: left;
}

#bullet-services ul {
	margin: 10vw 0 7vw;
}

#bullet-services ul li {
	width: 90%;
	float: left;
	
	font-size: 4vw;
	line-height: 1.2;
	padding-bottom: 5vw;
	padding-left: 10%;
	max-width: none;
	background: url("images/tick-blue.png") no-repeat 0px 0px / 6vw 5vw;
}

#icon-bar {
	height: auto;
	max-height: none;
	padding-bottom: 10vw;
}

#icon-bar .icon {
	float: left;
	width: 50%;
	max-width: none;
}

#icon-bar .icon img {
	width: 25vw;
	height: 25vw;
	max-height: none;
	max-width: none;
	margin: 0 12.5vw;
}

#icon-bar h4 {
	
	
	font-size: 4vw;
	text-align: center;
	line-height: 1;
	margin-bottom: 10vw;
}

#reverse {
	width: 100%;
	float: left;
	position: relative;
	max-height: none;
	height: auto;
}

#content h2 {
	padding-bottom: 10vw;
}

#brand-bar {
	width: 100%;
	height: auto;
	max-height: none;
	position: relative;
	float: left;
	background: #f5f6f7;
	padding-bottom: 10vw;
}

#brand-bar .button {
    width: 75vw;
    max-width: none;
    float: left;
    height: 12.74193548vw;
    max-height: none;
    text-align: center;
    line-height: 12.74193548vw;
    position: relative;
    border: 0.322580645vw solid #000;
    color: #000;
    margin: 0 7.5vw;
    font-size: 4.5vw;
    margin-bottom: 10vw;
}

#brand-bar .item {
	width: 50%;
	max-width: none;
	float: left;
	height: 12.5vw;
	max-height: none;
	margin: 0 0 5vw;
}

#brand-bar .item img {
	width: 100%;
	height: auto;
}

#brand-bar .item:nth-of-type(5n+5) {
	margin: 0 0 5vw 0;
}

#twitter_feed {
	width: 100%;
	height: auto;
}

#twitter_feed span.icon {
	width: 10vw;
	height: 10vw;
	max-width: none;
	max-height: none;
	margin-top: 0;
	margin-right: 26.9354838709677vw;
}

#twitter_feed span.icon.instagram {
	margin: 0 27vw 0 0;
}

#twitter_feed span.icon.facebook {
	margin: 0 0px 0;
}

#twitter_feed .icon.twitter {
	margin: 0 3vw 10vw;
}

#twitter_feed .owl-item .item {
	padding: 0vw 5vw !important;
	width: 80vw !important;
	height: auto;
	position: relative;
	text-align: center;
	margin-bottom: 20vw;
}

.twitter-pic {
	width: 20vw;
	height: 20vw;
	border-radius: 100px;
	overflow: hidden;
	border: 0.277777777777778vw solid #333;
	margin: 0 30vw;
}

.twitter-pic img {
	width: 100%;
	height: 100%;
	display: block;
}

span.tweetprofilelink {
	font-size: 6vw;
	margin-top: 11vw;
}

span.tag {
	font-size: 4.5vw;
}

p.status {
	font-size: 5vw;
	padding-top: 8vw;
}

span.tweet-time {
	
	font-size: 4vw;
}

.twitter-pic.mobile {
	display: block !important;
}

#twitter-feed {
	clear: both;
	padding-bottom: 20vw;
}

#signup {
	width: 100%;
	height: auto;
	max-height: none;
	background: #000000;
	float: left;
	font-size: 5vw;
	float: left;
	position: relative;
	color: #7e7e7e;
}

#signup h4 {
	font-size: 5.5vw;
	
	padding: 0 0 8vw;
	float: right;
	clear: none;
	
	text-align: center;
}

#signup form .tr {
	width: 100%;
	max-width: none;
	float: left;
	margin-right: 0;
}

#signup form .tr input {
	padding: 0 5% 0;
	width: 90%;
	max-width: none;
	float: left;
	border: 0px;
	line-height: 12.5vw;
	height: 12.5vw;
	max-height: none;
	
	font-size: 5vw;
	
	color: #b8b9b9;
	text-align: center;
	margin-bottom: 3vw;
}

#signup form button {
	width: 100%;
	max-width: none;
	float: left;
	line-height: 15vw;
	height: 15vw;
	max-height: none;
	background: #299ad7;
	border: 0px;
	text-align: center;
	
	color: #fff;
	font-size: 5vw;
	
	margin-bottom: 15vw;
}

#signup form #error {
	position: absolute;
	top: 2vw;
	width: 100%;
	text-align: center;
	color: #7CD4F2;
}

#base .logo {
    background: url(images/logo-footer.png) no-repeat 0 0 / 100% auto;
    width: 50vw;
    max-width: none;
    height: 25vw;
    max-height: none;
    float: left;
    margin: 10vw 20vw;
    border: none;
    padding: 0;
}

#base p {
	font-size: 4vw;
	clear: left;
	color: #b8b9b9;
	text-align: center;
}

#base #gecko {
    position: relative;
    width: 30vw;
    max-width: none;
    height: 26vw;
    max-height: none;
    background: url("images/gecko.png") no-repeat 0 0 / 200% auto;
    float: none;
    margin-top: 0;
    margin-bottom: 0;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
    display: inline-block;
    margin-left: 30vw;
}

#base #social {
    float: left;
    margin: 0;
    display: inline;
    width: 100%;
}

#base #social .icons {
    display: flex;
    justify-content: space-between;
    width: 60vw;
    margin: 0 auto;
}

#base #social .icon {
    width: 10vw;
    max-width: none;
    height: 10vw;
    max-height: none;
    position: relative;
    float: left;
    margin-top: 0;
	margin-right: 0;
    margin-bottom: 10vw;
}

#base p {
    font-size: 3.5vw;
    clear: left;
    color: #b8b9b9;
    text-align: center;
    padding-bottom: 10vw;
}

#slide {
	max-height: none;
	height: 37vw;
	background: #333;
	margin-bottom: 0;
	position: relative;
	z-index: 0;
}

#slide {
	max-height: none;
	height: 95vw;
	background: #333;
	margin-bottom: 0;
	position: relative;
	z-index: 0;
}

.page-template-view-our-work-page #slide {
	max-height: none;
	height: 95vw;
	background: #333;
	margin-bottom: 0;
	position: relative;
	z-index: 0;
}

.page-template-shows-page #slide {
	max-height: none;
	height: 135vw;
	background: #333;
	margin-bottom: 0;
	position: relative;
	z-index: 0;
}

.page-template-briefing-page #slide,
.page-template-contact-page #slide,
.page-template-budget-page #slide {
	height: 72.5vw;
}

#gallery {
	width: 100%;
	margin-top: 10vw;
	margin-bottom: 15vw;
	float: left;
}

#gallery .item {
	width: 45vw;
	height: 45vw;
	max-width: none;
	max-height: none;
	float: left;
	background: #eee;
	text-align: center;
	position: relative;
	overflow: hidden;
}

#gallery .item.wide {
	width: 45vw;
	max-width: 45vw;
}

#gallery .item img {
	height: 100%;
	width: auto;
}

#gallery .item.wide img {
	height: 100%;
	width: auto;
	margin-left: -22.5vw;
}

p {
	font-size: 4.5vw;
	line-height: 1.25;
	text-align: center;
}

.page-template-briefing-page .left, .page-template-briefing-page .right {
	width: 100%;
	max-width: none;
}

#content .left {
	width: 100%;
}

#form label, .page-template-briefing-page label {
	color: #000000;
	text-transform: capitalize;
	font-size: 5vw;
	line-height: 1em;
	padding-bottom: 5vw;
	float: left;
	width: 100%;
	position: relative;
	
	line-height: 1.25;
	text-align: center;
}

#form input, .page-template-briefing-page input {
	background: #fff;
	border: 0 solid #f4f8f9;
	padding: 0;
	margin: 0;
	border-radius: 0;
	color: #000000;
	font-size: 4.5vw;
	line-height: 12.5vw;
	height: 12.5vw;
	max-height: none;
	width: 90%;
	max-width: none;
	padding: 0 5%;
	margin-top: 2vw;
	appearance: none;
	-webkit-appearance: none;
}

#content .right {
	width: 100%;
	float: right;
}

.page-template-briefing-page .right {
	width: 100%;
	max-width: none;
}

.page-template-briefing-page textarea {
	height: auto;
	max-height: none;
}

#form textarea, .page-template-briefing-page textarea {
	background: #fff;
	border: 0px solid #f4f8f9;
	margin: 3vw 0 0;
	border-radius: 0;
	color: #728a98;
	font-size: 4.5vw;
	line-height: 1.3;
	height: auto;
	max-height: none;
	width: 90%;
	max-width: none;
	padding: 5vw 5%;
	
	color: #000000;
}

#personal {
	padding-bottom: 10vw;
}

#icon-bar h3, #brand-bar h3, #twitter_feed h3, #form h3, #quote_3d h3, #signup h3, #intro h2, #personal h3, #stand-details h3, #stand-requirements h3, .page-template-contact-page #container .left h3, .page-template-contact-page #container .middle h3, .page-template-contact-page #container .right h3, .page-template-contact-page #container #form h3 {
    font-size: 7.5vw;
    padding:10vw 0 10vw;
    float: left;
    width: 100%;
    text-align: center;
}

#quote_3d h3 br {
	display: none;
}

.page-template-briefing-page .left, .page-template-briefing-page .right {
	width: 100%;
	max-width: none;
}

#stand-details .left .left, #stand-details .left .right, #stand-details .right .left, #stand-details .right .right {
	width: 47.5%;
	max-width: none;
}

#stand-details .left .left input, #stand-details .left .right input, #stand-details .right .left input, #stand-details .right .right input {
	width: 90%;
	max-width: none;
}

#content .left p, #content .right p {
	font-size: 5vw;
	text-align: left;
	line-height: 1.25;
}

#content .left p {
	padding: 0;
	line-height: 1.4;
}

.page-template-briefing-page .left, .page-template-briefing-page .right {
	width: 100% !important;
	max-width: none;
}

#content .left p br,
#content .right p br {
	display: none;
}

.page-template-briefing-page #stand-requirements textarea {
	height: auto ! important;
	max-height: none ! important;
}

.page-template-briefing-page .wide {
	padding-top: 10vw;
}

.page-template-briefing-page #stand-requirements .wide textarea {
	height: auto;
	max-height: none;
	width: 90%;
	max-width: none;
	margin-bottom: 10vw;
}

.page-template-briefing-page .wide .left {
    line-height: 1.25;
    font-size: 5vw;
    text-align: center;
    margin-top: 5vw;
}

.page-template-briefing-page #stand-requirements .wide .wpcf7-submit {
	margin-top: 0;
	background: #000000;
	color: #fff;
	
	font-size: 5vw;
}

.page-template-briefing-page #stand-requirements .wide .wpcf7-submit {
    margin-top: 0;
    background: #000000;
    color: #fff;
    
    font-size: 5vw;
    width: 100%;
    margin-top: 5vw;
}

.page-template-briefing-page div.wpcf7-mail-sent-ok {
	border: 0px !important;
	margin: 0 !important;
	padding: 0 !important;
	position: absolute !important;
	right: auto !important;
	bottom: 10vw !important;
	text-transform: uppercase !important;
	font-size: 4.5vw !important;
	color: #7CD4F2 !important;
	text-align: center;
	left: auto;
	width: 100%;
	padding-left: 0 !important;
	top: auto !important;
}

.page-template-contact-page #container {
	padding-top: 10vw;
	padding-bottom: 10vw;
}

.page-template-contact-page #container .left {
	margin-bottom: 0;
	width: 100%;
	max-width: none;
	float: left;
}

.page-template-contact-page #container .left p, .page-template-contact-pag #container .middle p, .page-template-contact-page #container .right p {
    font-size: 4.5vw;
    padding-bottom: 0vw;
    text-align: center;
}

p.address br {
	display: block ! important;
}

.page-template-contact-page #container .middle {
	margin-bottom: 0;
	width: 100%;
	max-width: none;
	float: left;
}

.page-template-contact-page #container .middle p {
    padding-bottom: 0;
    font-size: 4.5vw;
    margin-bottom: 5vw;
    line-height: 1.25;
}

.page-template-contact-page #container .right {
	margin-bottom: 0;
	width: 100%;
	max-width: none;
	float: right;
}

.opening-hours span.day {
	width: 40%;
	max-width: none;
	float: left;
	padding-bottom: 3vw;
}

.opening-hours span.time {
	width: 60%;
	max-width: none;
	float: right;
	padding-bottom: 3vw;
}

.page-template-contact-page #container .right p.asterix {
	margin: 10vw 0;
	float: left;
	text-align: center;
	width: 100%;
}

#quote_3d {
	float: left;
	position: relative;
	width: 100%;
	background: white;
	height: auto;
	max-height: none;
	background: url("images/contact-page-tier-2-bg-image.jpg") top center / auto 100%;
}

#quote_3d .button {
	width: 75vw;
	max-width: none;
	float: left;
	height: 12.74193548vw;
	max-height: none;
	text-align: center;
	line-height: 12.74193548vw;
	
	position: relative;
	border: 0.322580645vw solid #fff;
	color: #fff;
	margin: 0 7.5vw;
	margin-bottom: 0px;
	font-size: 4.5vw;
	margin-bottom: 10vw;
}

#form {
	clear: both;
	display: block;
	height: auto;
	max-height: none;
	width: 100%;
	position: relative;
	margin-top: 0;
	float: left;
	position: relative;
	background: #299ad7 none repeat scroll 0 0;
	padding-top: 10vw;
}

#form .left {
	float: left;
	width: 100%;
	max-width: none;
}

#form .right {
	float: right;
	width: 100%;
	max-width: none;
}

#form input.wpcf7-submit {
	background: #000000;
	margin-top: 5vw;
	border: 0px;
	width: 100%;
	padding: 0;
	max-width: none;
	height: 15vw;
	max-height: 15vw;
	appearance: none;
	border-radius: 0px;
	-webkit-appearance: none;
	color: #f4f8f9;
	cursor: pointer;
	margin-bottom: 10vw;
}

#map {
	width: 100%;
	position: relative;
	height: 100vw;
	max-height: none;
	float: left;
	overflow: hidden;
}

#map iframe {
	width: 100%;
	position: relative;
	height: 100vw;
	max-height: none;
	float: left;
	overflow: hidden;
}

#budget_anchors .item {
	width: 42.5vw;
	height: 42.5vw;
	max-height: none;
	max-width: none;
	position: relative;
	float: left;
	margin-right: 5vw;
	background: #299ad7;
	color: white;
	text-align: center;
	margin-bottom: 5vw;
}

#budget_anchors .item:nth-of-type(2n+2) {
	margin-right: 0vw;
}

#budget_anchors {
	padding: 0 0 10vw;
	float: left;
	height: auto;
	max-height: none;
}

#budget_anchors .item p {
	font-size: 7vw;
	padding-top: 0vw;
}

#budgets .item {
	clear: both;
	width: 100%;
	float: left;
	height: auto;
	max-height: none;
	background: white;
	padding: 15vw 0;
	background: #f5f6f7;
}

#budgets .item .left {
	float: left;
	width: 100%;
	max-width: none;
	position: relative;
}

#budgets .item .left .main_image {
	width: 100%;
	max-width: none;
	height: auto;
	max-height: none;
}

#content #budgets .item .left ul.gallery li {
	float: left;
	width: 42.5vw;
	max-width: none;
	height: 42.5vw;
	max-height: none;
	margin-right: 5vw;
	margin-top: 5vw;
}

#content #budgets .item .left ul.gallery li:nth-of-type(2n+2) {
	margin-right: 0vw;
}

#budgets .item .right {
	float: right;
	width: 100%;
	max-width: none;
	margin-top: 10vw;
}

#budgets .item h2 {
	text-align: left;
	color: #299ad7;
	
	font-size: 8.5vw;
	padding-bottom: 0;
	line-height: 1;
	
	text-align: center;
	width: 100%;
}

#budgets .item h2.mobile {
	display: block ! important;
	padding-bottom: 10vw;
}

#budgets .item h3 {
	text-align: left;
	color: #7e7e7e;
	
	padding: 5vw 0px;
	line-height: 1;
	
	font-size: 5.5vw;
	text-align: center;
}

#content #budgets .item p {
	font-size: 5vw;
	color: #7e7e7e;
	line-height: 1.35;
	padding: 0 0 10vw;
	text-align: center;
	margin: 0;
}

#budgets .item h4 {
	text-align: left;
	color: #299ad7;
	
	font-size: 5.5vw;
	padding: 5vw 0;
	line-height: 1;
	
	text-align: center;
}

#content #budgets .item ul li {
	float: left;
	width: 100%;
	font-size: 5vw;
}

#budgets .item:nth-of-type(2) .left, #budgets .item:nth-of-type(4) .left, #budgets .item:nth-of-type(6) .left {
	float: right;
	width: 100%;
	max-width: none;
	position: relative;
}

#budgets .item:nth-of-type(2) .right, #budgets .item:nth-of-type(4) .right, #budgets .item:nth-of-type(6) .right {
	float: left;
	width: 100%;
	max-width: none;
}

#slide img {
	display: block;
	height: 100%;
	left: 0;
	margin-left: 0;
	position: relative;
	width: auto;
}

.page-template-shows-page .left .logo {
	width: 100%;
	max-width: none;
}

.page-template-shows-page .right {
	float: right;
	width: 100%;
	max-width: none;
	padding: 0 0 15vw;
	text-align: center;
}

.page-template-shows-page .left {
	float: left;
	width: 48.5294117647059vw;
	max-width: 660px;
	padding: 15vw 0 10vw;
}

.page-template-shows-page #slide #buttons .button.pdf {
	width: 65vw;
	max-width: none;
	float: left;
	height: 12.74193548vw;
	max-height: none;
	text-align: left;
	line-height: 12.74193548vw;
	
	position: relative;
	border: 0.322580645vw solid #299ad7;
	color: #299ad7;
	margin: 0 7.5vw 5vw;
	font-size: 4.5vw;
	padding: 0 5vw;
}

.page-template-shows-page #slide #buttons .button.pdf {
	background: url("images/pdf-icon.png") no-repeat 62vw 2vw / 9vw 9vw;
}

.page-template-budget-page #slide,
.page-template-briefing-page #slide {
	height: 30vw;
}

.page-template-budget-page #slide h1,
.page-template-briefing-page #slide h1 {
	padding-top: 10vw;
}

.page-template-shows-page #slide h1 {
	font-size: 7.5vw;
}

.page-template-shows-page #slide #buttons {
	top: 55vw;
}

h1#title {
	font-size: 9vw;
	padding-top: 10vw;
	text-align: center;
}

.page-template-budget-page h1#title, .page-template-contact-page h1#title {
	padding-bottom: 5vw;
}

.page-template-contact-page .icon {
	width: 8vw;
	max-width: none;
	height: 8vw;
	max-height: none;
	position: relative;
	float: left;
}

#form input.wpcf7-text, .page-template-briefing-page input.wpcf7-text {
    font-size: 4vw;
    line-height: 12.5vw;
    height: 12.5vw;
    max-height: none;
    width: 80vw;
    max-width: none;
    padding: 0 5vw;
    margin-top: 3vw;
    text-align: center;
}

.page-template-briefing-page input[type="checkbox"] {
    margin: 3vw;
    vertical-align: middle;
    padding-bottom: 3vw;
    width: auto;
    height: auto;
    padding: inherit;
    -webkit-appearance: checkbox;
	appearance: checkbox;
    line-height: inherit;
}

.wpcf7-checkbox .wpcf7-list-item-label {
    font-size: 4.5vw;
    line-height: 2;
}

.page-template-briefing-page #content .right {
    margin-top: 5vw;
}

#form input, .page-template-briefing-page span.wpcf7-form-control-wrap input.wpcf7-file {
    padding: 0;
    font-size: 4.5vw;
    line-height: 1;
    height: auto;
    max-height: none;
    width: 100%;
    max-width: none;
    margin-top: 5vw;
    margin: 5vw 0;
}

#form input, .page-template-briefing-page span.wpcf7-form-control-wrap:nth-of-type(even) input.wpcf7-file {
    float: right;
    margin: 0;
    width: 100%;
}

.page-template-briefing-page #stand-requirements .wide .wpcf7-submit {
    background: #000000;
    color: #fff;
    
    font-size: 4.5vw;
    border: 0 solid #f4f8f9;
    padding: 0;
    margin: 0;
    border-radius: 0;
    color: white;
    line-height: 12.5vw;
    height: 12.5vw;
    max-height: none;
    width: 100%;
    max-width: none;
    padding: 0;
    margin-top: 0;
    appearance: none;
    -webkit-appearance: none;
}

.page-template-briefing-page span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 4.5vw;
    font-weight: 400;
    display: block;
    position: absolute;
    height: 12.5vw;
    top: -2.75vw;
    padding-left: 5vw;
    line-height: 12.5vw;
}

.page-template-contact-page #container .middle {
    padding-left: 0;
}

#bullet-services ul {
    width: 100%;
}

section#video {
    padding-bottom: 20vw;
}

section#video h2 {
    font-size: 7vw;
    padding: 10vw 20vw 5vw 0;
}

section#video span.icon {
    width: 20vw;
    height: 29vw;
    margin-top: -30vw;
}

section#video .video {
    height: 52vw;
    margin-top: 10vw;
}

section#video .video a {
    background-size: 20vw 20vw;
}

#slider {
    height: 120vw;
}

#slider .icon {
    top: -10vw;
    height: 120vw;
    width: 115vw;
}

#slider h2 {
    font-size: 10vw;
    margin-top: 10vw;
}

#slider h2 br {
	display: none;
}

#slider #buttons .button {
    width: 75vw;
    max-width: none;
    height: 15vw;
    max-height: none;
    line-height: 15vw;
}

.page-template-contact-page #container .left p {
    width: 100%;
}

.page-template-contact-page .socials {
    display: flex;
    width: 50vw;
    justify-content: space-between;
    margin: 10vw auto;
}

#quote_3d h3 {
    margin: 25vw 0;
    height: 70vw;
    margin-top: 30vw;
    padding: 0 ! important;
    margin-bottom: 0;
}

#quote_3d .stamp {
    background: url("images/contact-bg-logo-slant.png") no-repeat 0 0 / auto 100vw;
    width: 98vw;
    height: 100vw;
    right: -20px;
}

#form .wpcf7 .wpcf7-response-output {
    margin-top: -15vw;
    font-size: 4vw;
    margin-bottom: 5vw;
}

.error404 h1#title {
    font-size: 20vw;
    margin-top: 5vw;
    margin-bottom: 10vw;
}

.error404 .entry-content p {
    font-size: 4.5vw;
}

.error404 .entry-content .button {
	    border: 0.322580645vw solid #000 ! important;
        color: #000 ! important;
		margin: 10vw 7.5vw 25vw ! important;
}

}