@charset "UTF-8";

/* CSS Document */
a img{border:0px;margin:0px;width:100%;height:auto;}
a:link{text-decoration:none;}
a:active{text-decoration:none;}
a:visited{text-decoration:none;}
.overflowhidden{overflow:hidden;}
.displaynone{display:none;}
.invisible{visibility:hidden;}
.centertext{position:relative;margin:auto;text-align:center;width:auto;}
.movedown1{position:relative;top:30%;left:13%;}
.movedown2{position:relative;margin:auto;top:5px;}
.movebottomright{position:relative;bottom:-2px;right:0;}
.bottomleftcorner, .bottomrightcorner{position:absolute;bottom:-0.3vw;width:35vw;}
.bottomleftcorner{left:2.5vw;}
.bottomrightcorner{right:3.5vw;}
.bggreyborder{border:thin solid #F0F0ED;}
.invisborder{border:thin solid rgba(255,255,255,0);}
.redborder{border:thin solid #F00;}
.greenborder{border:thick solid #0F0;}
.blueborder{border:thin solid #00F;}
.yellowborder{border:thin solid #FF0;}
.filldiv{position:relative;width:100%;height:100%;}
.photoworkyellow{color:rgba(247,226,0,1);}
.yellowbackg{background-color:rgba(247,226,0,1);}
.scrollbarbackg{background-color:rgba(241,241,241,1);}
.blackdropshadow{text-shadow:1px 1px 2px #000000;}
/*-- ------------------------------------------------------------------- --*/
.emailheader, .emailbody, .emailheadertext, .emailtext, .mailcenter, .emailonegraphic {
	position: relative;
	margin: auto;
	height: auto;
	width: 732px;
}
.emailonegraphic {
	height: 1394px;
	background-image: url(img/onegraphic.jpg);
}
.emailheader {
	height: 827px;
	background-image: url(mail20170821/header.jpg);
}
.emailbody {
	height: 636px;
	background-image: url(mail20170821/body.jpg);
}
.linktocuratedarch {
	position: absolute;
	left: 510px;
	top: 200px;
	width: 120px;
	height: 25px;
	cursor: pointer;
}
.linktonature {
	position: absolute;
	left: 470px;
	top: 983px;
	width: 80px;
	height: 25px;
	cursor: pointer;
}
.mailcenter {
	padding-left: 255px;
	top: -30px;
}
/*-------------------------------------------------------------------------*/
body {
	width: 100vw;
	border: 0px;
	margin: 0;
	height: 101%;
	overflow-x: hidden;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: 100vw;
	background-position: left top;
	-webkit-transition: width 2s, height 2s; /* For Safari 3.1 to 6.0 */
	transition: width 2s, height 2s;
	font-family: 'Rajdhani', Verdana, Arial, Helvetica, sans-serif;
	font-weight: 500;
}
.screenbuttons {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100000;
}
.fullscree, .smallscree {
	color: red;
	cursor: pointer;
}
.smallscree {color: blue;}
.cookienotice {
	position: absolute;
	top: -28vh;
	left: 0;
	width: 100vw;
	height: 24vh;
	background-color: rgba(255,255,255,0.95);
	z-index: 1001;
	overflow: hidden;
	font-size: 1.56vh;
	border-bottom: thin solid rgb(247,226,0)
}
.cookielogo, .cookielogotype {
	position: absolute;
	top: -1vh;
	left: 0;
	width: 3.44vw;
	height: 3.44vw;
	background-image:url(img/logocookies.png);
	background-position: top left;
	background-repeat: no-repeat;
	background-size: contain;
}
.cookielogotype {
	top: 0;
	left: 6.8vw;
	width: 13.63vw;
	background-image:url(img/logotypecookies.png);
}
.cookienoticetext {
	position: relative;
	top: 1.5vw;
	margin: 4vh 30% auto 30%;
	color: rgba(80,80,80,1);
}
.cookiepadding {
	position: absolute;
	left: 6.8vw;
	top: 3.3vh;
	line-height: 135%;
}
.cookienoticebutton {
	position: absolute;
	left: 6.8vw;
	top: 7.5vh;
	width: 7vw;
	height: auto;
	padding: 7px 0 7px 0;
	margin-top: 2vh;
	color: #fff;
	background-color: rgba(74,74,72,1);
	cursor: pointer;
	text-align: center;
}
.contactmenu {
	top: 20px;;
	position: relative;
	width: 40%;
	height: auto;
}
.contactheaderline {
	position: absolute;
	top: 0px;
	left: 0;
	height: 1px;
	width: 100%;
	background-color: rgba(145,145,145,0);
	z-index: 1001;
}
.contactheader {
	font-weight: 600;
	font-size: 17px;
	color: rgb(230,230,228);
	position: absolute;
	display: flex;
	justify-content: flex-end;
	top: -35px;
	right: 0;
	height: 35px;
	width: 100%;
	background-color: rgba(175,174,170,1);
	z-index: 1000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: rgb(150,150,148);
	
}
.contactheaderlinks {
	position: relative;
	top: 9px;
	width: auto;
	height: 25px;
	margin-right: 60px;
}
.contactheaderlinks:link {color: rgb(230,230,228);}
.contactheaderlinks:visited {color: rgb(230,230,228);}
.contactheaderlinks:hover {color: rgb(95,95,93);}

.contactheadericons {
	position: relative;
	float: left;
	margin-right: 6px;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	cursor: pointer;
}
.contactheaderenvelope {
	top: 4px;
	width: 22px;
	height: 30px;
	margin-right: 10px;
	background-image: url(../img/iconenvelope3.png);
}
.contactheadermessage {
	top: 2px;
	width: 28px;
	height: 22px;
	margin-right: 10px;
	background-image: url(../img/iconenpaperplane.png);
}
.contactheaderphoneicon {
	position: relative;
	background-image: url(../img/iconphonedark.png);
	top: -6px;
	width: 10px;
	height: 28px;
}
.phoneiconadjust {top: -2vh;}

.contactheaderphonenumber {
	top: 8px;
}
.contactheadertab {
	position: absolute;
	top: calc(35px + 1px);
	right: 0px;
	height: 8.54vh;
	width: 4.16vh;
	background-image: url(../img/corner-tr.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	cursor: pointer;
	z-index: 1000;
}
.titleholder {
	left: 0;
	top:2vh;
	padding:0;
	margin:0;
	position:relative;
	width:100%;
	height:11vh;
	max-height:11vh;
	display: flex;
	justify-content: center;
/*	background-image: url(img/logomain.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 10%;*/
	z-index: 103;
}
.logobox {
	position: relative;
	width: 9vw;
	height: 100%;
	background-image: url(../img/logomain.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
	z-index: 104;
}
.pagetitle {
	position: relative;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
}
.pic3holder {
	position: relative;
	width: 63.5vw;
	height: 100%;
	margin: auto;
	top: 0;
	display: flex;
	justify-content: center;
}
.pic3text {
	position: relative;
	width: 100%;
	font-size: 14px;
	font-size: 0.8vw;
	margin: auto;
	float: clear;
	bottom: 18vh;
	color:rgba(75,75,70,1.00);
	display: block;
	letter-spacing: 6px;
}
.pic3texttop, .pic3textbelow, .textbelowbox {
	width: 100%;
	font-size: 0.8vw;
	margin: auto;
	float: clear;
	color: rgba(90,90,88,1.00);
	display: block;
}
.pic3texttop {
	position: relative;
	top: 16.5vh;
	letter-spacing: 6px;
}
.pic3textbelow {
	font-size: 0.72vw;
	position: absolute;
	bottom: 16.5vh;
	letter-spacing: 2px;
	line-height: 157%;
	z-index: 100;
}
.textbelowbox {
	font-size: 0.72vw;
	position: absolute;
	bottom: -7vh;
	letter-spacing: 1.5px;
	line-height: 135%;
	z-index: 200;
}
.vidpr1, .vidpr2, .vidpr3, .vidpr4, .vidpr5, .vidpr6 {
	position: relative;
	height: auto;
	width: 31%;
	float: left;
	margin-right: 3%;
	margin-bottom: 3%;
}
.vidpr3, .vidpr6 {margin-right: 0;}
.vid6holder, .vid6text {
	position: absolute;
	width: 63%;
	left: 35%;
	height: 60%;
	top: 20%;
	text-align: left;
}
.vid6text {
	width: 25%;
	left: 5%;
}
.pic9holder {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 70%;
	margin: 0;
	width: 80%;
/*	top: calc((100% - ((9.375vw * 3) + (1.8vh * 2))) / 2);*/
/*	top: calc((100% - ((16.67vh* 3) + (1.8vh * 2))) / 2);*/
/*	top: calc((80% - ((15vh* 3) + (1.85vh * 2))) / 2);*/
	top: 15%;
}
.picbus, .picwed, .piccol, .picpeo, .picnat, .picyac, .pictra, .piclan, .picarc, .picfoo, .picurb, .piccon {
	position: relative;
	width: 15vw;
	height: 9.375vw;
	height: 16.67vh;
	height: 15vh;
/*	float: left;*/
	margin-right: 1.8vw;
	margin-bottom: 1.85vh;
	background-repeat: no-repeat;
	background-position: top center;
	background-size: contain;
}
.picpeo, .picnat, .picyac, .pictra, .piclan, .picarc, .picfoo, .picurb, .piccon {
/*	left: calc((100% - ((2 * 1.8vw) + (3 * 15vw))) / 2);*/
}
.picbus {background-image: url("img/clickfood.png");}
.picbus:hover {background-image: url(img/clickfoodro.png);}
.picwed {background-image: url(img/clickpeople.png);}
.picwed:hover {background-image: url(img/clickpeoplero.png);}
.piccol {background-image: url(img/clickplaces.png);}
.piccol:hover {background-image: url(img/clickplacesro.png);}
.picpeo {background-image: url(img/clickpeople.jpg);}
.picpeo:hover {background-image: url(img/clickpeoplero.jpg);}
.picnat {background-image: url(img/clicknature.jpg);}
.picnat:hover {background-image: url(img/clicknaturero.jpg);}
.picyac {background-image: url(img/clickyachting.jpg);}
.picyac:hover {background-image: url(img/clickyachtingro.jpg);}
.pictra {background-image: url(img/clicktravel.jpg);}
.pictra:hover {background-image: url(img/clicktravelro.jpg);}
.piclan {background-image: url(img/clicklandscapes.jpg);}
.piclan:hover {background-image: url(img/clicklandscapesro.jpg);}
.picarc {background-image: url(img/clickarchitecture.jpg);}
.picarc:hover {background-image: url(img/clickarchitecturero.jpg);}
.picfoo {background-image: url(img/clickfood.jpg);}
.picfoo:hover {background-image: url(img/clickfoodro.jpg);}
.picurb {background-image: url(img/clickurban.jpg);}
.picurb:hover {background-image: url(img/clickurbanro.jpg);}
.piccon {background-image: url(img/clickconcepts.jpg);}
.piccon:hover {background-image: url(img/clickconceptsro.jpg);}

.picfoo, .picpeo, .picyac {margin-right:0}

.pic4holder {
	margin: 0 auto 0 auto;
	position: relative;
	width: 69.9vw;
	height: 100%;
}
.pictl, .pictr, .picbl, .picbr {
	width: 50%;
	height: 50%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.pictl, .picbl {float: left;}
.pictr, .picbr {float: right;}
.pictls, .pictrs, .picbls, .picbrs, tilepic {
	position: absolute;
	width: 50%;
	height: 50%;
}
.pictls, .picbls {left: 0;}
.pictrs, .picbrs {left: 75%;}
.pictls, .pictrs {top: 0;}
.picbls, .picbrs {top: 75%;}
.centerer {
	position: absolute;
	width: 100%;
	top: 0;
	height: 100%;
}
.centerer > img {
	object-fit: contain;
	object-position: center;
}
.choosefrommenu {
	position: relative;
	width: 100%;
	height: 2vw;
	font-size: 0.9vw;
	text-align: center;
	margin: auto;
	float: clear;
	bottom: 12vh;
	color:rgba(130,130,128,1.00);
	z-index: 3;
	background-image: url(img/choose.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	padding-top: 0.8vw;
}
.indexpics {
	width: 100%;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.indexpic01 {background-image: url(img/indexpic01.jpg);}
.indexpic02 {background-image: url(img/indexpic02.jpg);}
.indexpic03 {background-image: url(img/indexpic03.jpg);}
.indexpic04 {background-image: url(img/indexpic04.jpg);}
.indexpic05 {background-image: url(img/indexpic05.jpg);}

.rightclicknotice {
    display: none;
    position: absolute;
    padding: 5px 7px;
    background-color: rgba(255,255,255,1);
    border: 1px solid rgba(150,150,150,1);
	z-index: 15000;
	font-size: .68vw;
}
.maincontainer, .maincontainerslides {
	top: 13.8vh;
	position: absolute;
	width: 100%;
	height: 70vh;
	padding: 0;
/*	overflow: hidden;*/
	z-index: 100;

}
.maincontainerslides {
	top: calc(8vh + 0.8vh + 3.3vh);
	height: 74vh;
}
.sectiontextintro {
	position: absolute;
	margin: 0 auto 0 auto;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	background-color: rgba(250,250,250,0.62);
	z-index: 10000;
}
.sectionintrobox {
	background-color: white;
	position: relative;
	top: 10%;
	left: 20%;
	width: 60%;
	height: 80%;
}
.introtextbox {
	background-color: rosybrown;
	position: absolute;
	top: 10%;
	left: 10%;
	width: 80%;
	height: 80%;
}
.closeintrotext {
	background-color: white;
	padding: 3px 20px 3px 20px;
	position: absolute;
	right: 30%;
	bottom: 20%;
}
.container {
	top: 0;
	width: 100%;
	height: auto;
	position: relative;
}
.presentstartposition {
	position: absolute;
	bottom: -5.05vh;
	bottom: 0.5vh;
	height: 3.3vw;
	width: 7.5vw;
	right: calc(15.5vw + 1.5vw);
	z-index: 100;
	background-size: contain;
	background-image: url(img/buttonpresentation.jpg);
	background-repeat: no-repeat;
	background-position: right center;
	cursor: pointer;
}
.positiononcontactpage {
	right: 69%;
	bottom: 22%;
}
.picholder {
	position: relative;
	margin: 0 auto 0 auto;
	width: 57vw;
	height: 29.7vw;
/*	overflow: hidden;*/
	text-align: center;
	z-index: 2;
	display: flex;
	justify-content: center;
}
.curatednotice {
	position: absolute;
	width: 22.5vw;
	height: 29.22vw;
	top: 3vw;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: right top;
	z-index: 3005;
	left: calc(50% - (22.5vw / 2));
}
.curated-arch {background-image: url(img/langofpower-popup.jpg);}
.prnotice {background-image: url(img/prpopup-blanc.jpg);}
.curated-close, .social-close, .blogreg-close {
	background-color: rgb(255,255,255);
	position: absolute;
	width: 3vw;
	height: 2.4vw;
	top: 0;
	right: 0;
	cursor: pointer;
}
.social-close {
	top: 36.46vh;
	background-color: rgba(74,72,71,1.00);
	height: 4.2vh;
	width: 4.2vh;
}
.curated-text, .curated-text-arch {
	text-align: left;
	position: absolute;
	width: auto;
	height: auto;
	left: 12%;
	right: 12%;
	top: 44%;
	font-size: .9vw;
}
.curated-text-arch {
	top: 60%;
	font-size: 1vw;
}
.curated-button {
	position: absolute;
	color: rgb(255,255,255);
	width: auto;
	height: auto;
	padding: 5px 25px;
	bottom: 10%;
	left: 12%;
	background-color: rgb(78,133,200);
	cursor: pointer;
	font-size: 1vw;
}
.picholdercolour {background-color: rgba(240,240,237,1.00);}
.sliderholder {
	position: relative;
	padding: 0;
	top: 0;
	width: 161vh;
	left: calc((86vw - 161vh) / 2);
	height: 100%;
}
.galleryimages, .galleryimagesunlocked {
	position: relative;
	top: -15px; /*was -5vh*/
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding: 0;
	width: auto;
}
.slideshowimage {z-index: 3000;}
.slideshowbuttonnext, .slideshowbuttonprev {cursor: pointer;}
.imageforsocial {
	position: relative;
	top: 0;
}
.whiteborderframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 36.46vh;
	background-color: #fff;
}
#slideshowimagenext, #slideshowimageprev {
	z-index: 2000;
	position: absolute;
	display: none;
}
.caption {
	font-size: 19px;
	color: rgba(255,255,255,1);
	position: absolute;
	left: calc((100% - 36vw) / 2);
	right: calc((100% - 36vw) / 2);
	top: calc((100% - 12vh) / 2);
	bottom: calc((100% - 12vh) / 2);
	z-index: 4200;
	background-color: rgba(41,41,41,0);
	opacity: 0;
}
.piccovercolor {background-color: rgba(255,255,255,0.50);}
.captionclose {
	position: absolute;
	top: 10px;
	right: 10px;
}
.captiontext {
	height: 100%;
	vertical-align: baseline;
}
.captionleft, .captionright {
	font-size: 1.0vw;
	position: relative;
	display: inline-block;
	background-color: rgba(255,255,255,1);
	height: 4.3vh;
	line-height: 4.3vh;
}
.captionleft {
	color: rgba(255,255,255,1);
	width: 12.4vh;
	margin-right: 2vh;
	text-align: center;
	background-image: url(img/captionbox.png);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: left center;
}
.captionright {
	width: calc(12.4vh + 30vw);
	text-align: left;
	color: rgba(70,70,70,1);
	border:thin solid rgba(180,180,180,1);
}
.captiontitle, .captionproject, .captionclient {
	position: relative;
	margin-bottom: 1.2vh;
	height: auto;
}
.supercaption {
	position: absolute;
	left: calc((100% - 50vw) / 2);
	right: calc((100% - 50vw) / 2);
	top: calc((100% - 40vh) / 2);
	bottom: calc((100% - 40vh) / 2);
	z-index: 5200;
	text-align: left;
	color: rgba(255,255,255,1.00);
}
.endtextpr {
	position: absolute;
	left: calc(50% + 4vw);
	width: 18.5vw;
	top: 43%;
	top: 28%;
	z-index: 5200;
	text-align: left;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 500;
	font-size: 1.0vw;
	line-height: 139%;
	color: rgba(160,160,160,1);
}
.blockcaption {
	position: absolute;
	left: calc((100% - 50vw) / 2);
	width: auto;
	top: calc((100% - 40vh) / 2);
	z-index: 5200;
	text-align: left;
	font-family: 'Rajdhani', sans-serif;
	font-weight: 700;
	font-size: 2.3vw;
	line-height: 100%;
}
.blocktextcolorwhite, .blocktextcolorblack, .endtextcolor, .begintext {
	color: rgba(255,255,255,1.00);
	top: -0.0vw;
	position: relative;
	line-height: 110%;
}
.endtextcolor {
	font-size: 2.2vw;
	font-weight: 600;
}
.begintext {
	font-size: 1.8vw;
	font-weight: 600;
	line-height: 100%;
}
.blocktextcolorblack {
	color: rgba(0,0,0,1.00);
}
.supercaptiontitle, .supercaptiontext, .supercaptionlink, .supercaptionbackg, .blockcaptionbackg {
	position: relative;
	height: auto;
}
.blockcaptionbackg {
	padding-left: 3px;
	padding-right: 3px;
	background-color: rgba(255,255,255,0.45);
	display: inline-block;
	height: 2.3vw;
	margin-bottom: 5px;
}
.supercaptionbackg, .supercaptionlink {
	width: 60%;
	background-color: rgba(0,0,0,0.51);
	padding: 2vw;
}
.supercaptiontitle {
	width: 100%;
	height: auto;
	font-size: 2.5vw;
}
.supercaptiontext {
	position : relative;
	top: 0vh;
	left: 0;
	width: 100%;
	height: auto;
}
.supercaptionlink {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10%;
	height: auto;
	padding: .5vw;
}
.testimslidesig, .testimslidetext {
	position: absolute;
	background-color: rgba(0,0,0,0.0);
	color: rgba(255,255,255,1.00);
	color: rgba(235,223,208,1.00);
	height: auto;
	width: auto;
	text-align: left;
	line-height: 170%;
}
.testimslidetext {
	font-size: 2.0vw;
	top: 18vh;
	left: calc(50% - 28vw);
}
.testimslidesig {
	top: 51vh;
	left: calc(50% - 6vw);
	font-size: 0.95vw;
	font-weight: 500;
}
.piccover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 3001;
}
.textshadow {box-shadow: 3px 3px 20px #888888;}
.magcapholder {
	position: absolute;
	width: 240px;
	height: 9vh;
	bottom: 0;
	left: calc(50% - 120px);
	z-index: 5000;
	display: flex;
	justify-content: center;
}
.magnify, .captionhover, .f11magnify, .magbox, .capbox, .sharehover {
	position: relative;
	width: 4vh;
	height: 90px;
	bottom: 20px;
	display: inline-block;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center 25px;
	background-size: contain;
	z-index: 3;
	margin-right: 0.82vh;
}
.magbox, .capbox, .magminus {
	z-index: 2;
	opacity: 0.45;
	bottom: -25px;
	height: 3.7vh;
	width: 3.7vh;
	background-color: rgba(241,241,233,0);
	border-color: rgba(128,128,128,0.5);
	border-width: 1px;
	border-style: solid;
}
.magminus {
	bottom: -50px;
	left: 50px;
}
.fullscreen {
	height: 3.7vh;
	width: 3.7vh;
	background-image: url(img/fullscreen.png);
	background-size: contain;
}
.magnify {background-image: url(img/fullscreen.png);}
.magnify:hover {background-image: url(img/fullscreenro.png);}

.captionhover {background-image: url(img/info.png);}
.captionhover:hover {background-image: url(img/inforo.png);}

.sharehover {
	margin-right: 0;
	background-image: url(img/share.png);
}
.sharehover:hover {background-image: url(img/sharero.png);}

.f11magnify {
	position: absolute;
	left: calc(50% - 50px);
	width: 50px;
	height: 50px;
	bottom: calc(55px - 22px);
	background-image: url(img/magglass-minus.png);
	background-position: center center;
	background-size: 100% 100%;
	background-color: rgba(241,241,233,0.45);
	border-color: rgba(128,128,128,0.5);
	border-width: 1px;
	border-style: solid;
}
.cropboth, .cropnone, .fullsize {
	z-index: 10000;
	width: 100vw;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(51,51,51,1.00);
	overflow: hidden;
}
.maincontainergreyslide {
	position: absolute;
	top: 3vh;
	width: 100%;
	height: 94vh;
	padding: 0;
	overflow: hidden;
	z-index: 100;
}
.slidepicholder {
	width: 82vw;
	height: 100%;
	position: relative;
	margin: 0 auto 0 auto;
	overflow: hidden;
	text-align: center;
	z-index: 2;
	display: flex;
	justify-content: center;
}
.slidepicholder > img {
	object-fit: contain;
	object-position: center;
}
.fullwithborder {
	object-fit: contain;
	top: 0;
	overflow: hidden;
	position: relative;
	text-align: center;
	display: flex;
	justify-content: center;
}
.borderedslide {
	position: relative;
	max-height: 94vh;
	max-width: 82vw;
	top: 0;
}
.cropboth {background-size: cover;}
.cropnone {background-size: contain;}
.btnnext,  .btnprev {
	position: absolute;
	top: 35%;
	width: 10vw;
	height: 30%;
	z-index: 1000;
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
}
.btnnext {right: 0;}
.btnprev {left: 0;}
.arrowbox, .arrowboxpermanent {
	position: absolute;
	height: 3vw;
	width: 3vw;
	top: calc(50% - 1.5vw);
	background-color: rgba(240,240,233,0.5);
	opacity: 0;
	z-index: 10;
}
.arrowboxpermanent {
	background-color: rgba(255,255,255,0.5);
	z-index: 9;
	opacity: 1;
}
.leftbox, .leftspace {left: 50%;}
.rightbox, .rightspace {right: 50%;}
.leftarrow, .rightarrow {
	position: absolute;
	top: calc(50% - 0.7vw);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	height: 1.4vw;
	width: 1.4vw;
	z-index: 11;
}
.leftarrow {
	left: calc(50% + 0.7vw);
	background-image: url(img/arrowleft-small.png);
}
.rightarrow {
	right: calc(50% + 0.7vw);
	background-image: url(img/arrowright-small.png);
}
.hatch {
	position: absolute;
	width: 6.5vw;
	height: 86%;
	top: 6%;
	background-repeat: repeat-y;
	background-size: contain;
	z-index: 3;
	overflow: hidden;
/*	background-color: white;*/
}
.hatchR {
	background-image: url(../img/hatching-r.png);
	background-position: right top;
	right: 0px;
}
.hatchL {
	background-image: url(../img/hatching-l.png);
	background-position: left top;
	left: 0;
}
.weddingrates {
	position: absolute;
	left: calc(50% - (5.5vw / 2));
	bottom: 0;
	height: 43px;
	width: 5.5vw;
	background-color: rgb(100,100,100);
	cursor: pointer;
	z-index: 1000;
	font-size: 0.97vw;
	color: #fff;
}
.widerates {
	left: calc(50% - (8vw / 2));
	width: 8vw;
}
.weddingrates:hover {color: rgb(247,226,0);}
.footer {
	position: absolute;
	width: 100%;
	top: calc(68.5vh + 8vh + 8vh);
	top: calc(74vh + 11vh + 1vh);
	bottom: 0;
	z-index: 101;
	overflow: visible;
}
.menucontainer {
	position: relative;
	height: auto;
	width: 100%;
	color: rgb(58,57,50);
	font-size: 0.97vw;
	z-index: 1;
}
.centeringcontainer {
	position: relative;
	height: auto;
	margin: auto;
	flex-direction: column;
	width: 100%;
}
.menu1container, .menu2container {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.menucontainer1 {display: none;}
.menu1 {
	position: relative;
	top: 0px;
	height: 45px;
	width: 40%;
	margin: auto;
	cursor: pointer;
	z-index: 100;
	display: none;
}
.breadcrumb {
	position: relative;
	top: 2px;
	font-size: 1.6vw;
}
.menu1movedown {
	top: 17px;
	overflow: hidden;
}
.ratesmovedown {
	top: 10px;
	overflow: hidden;
}
.menu2container {z-index: 50;}
.menu2 {
	position: relative;
	height: auto;
	width: 100%;
	margin: auto;
	padding: 0;
}
.menu2 a:link {color: rgb(58,57,50);}
.menu2 a:visited {color: rgb(58,57,50);}
.menu2 a:hover {color: rgb(247,226,0);}

.clicklegal{color: rgb(102,102,204);}
.clicklegal:link {color: rgb(102,102,204);}
.clicklegal:visited {color: rgb(102,102,204);}
.clicklegal:hover {color: rgb(51,0,204);}

.indexlogo {
	position: relative;
	height: 1.7vw;
	width: 1.7vw;
	min-height: 15px;
	min-width: 15px;
	background-image: url(img/logomenu.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	top: 7px;
	transition: transform 1s;
}
.indexlogo:hover {
	-webkit-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	transform: rotate(40deg);
}
.menuitem {
	position: relative;
	display: inline-block;
	width: auto;
	padding-top: 0px;
	padding-bottom: 3px;
	padding-right: 13px;
	padding-left: 10px;
	border-width: 1px;
	border-style: none;
	border-right-style: solid;
	border-color: rgb(200,200,200);
}
.menuitemfirst {
	padding-left: 0;
	top: 6px;
	border: 0;
	padding-right: 10px;
}
.menuitemsecond {
	border-left-style: solid;
	padding-left: 13px;
}
.menuitemlast {
	border: 0;
	padding-right: 0;
}
.movemenuindex {top: 6px;}
.menuitemindexfirst {
	padding-left: 0;
	border-left-width: 0;
}
.greyarea {
	color: #ccc;
	cursor: pointer;
}
.greyarea:hover {color: rgb(247,226,0);}
.socialcopyholder {
	position: absolute;
	height: auto;
	width: 100%;
	bottom: 5.4vh;
	z-index: 10;
}
.social {
	position: absolute;
	height: auto;
	width: auto;
	margin: auto;
	left: 4.5vw;
	bottom: -25px;
	bottom: -3.0vh;
}
.socitem {
	position: relative;
	float: left;
	margin-right: 0.75vw;
	width:1.95vw;
	height:2.27vw;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.socfacebook, .socfacebooknoroll {background-image: url(../img/soc-facebook.png);}
.socfacebook:hover {background-image: url(../img/soc-facebookro.png);}

.soclinkedin, .soclinkedinnoroll {background-image: url(../img/soc-linkedin.png);}
.soclinkedin:hover {background-image: url(../img/soc-linkedinro.png);}

.soctwitter, .soctwitternoroll {background-image: url(../img/soc-twitter.png);}
.soctwitter:hover {background-image: url(../img/soc-twitterro.png);}

.socbehance, .socbehancenoroll {background-image: url(../img/soc-behance.png);}
.socbehance:hover {background-image: url(../img/soc-behancero.png);}

.socflickr, .socflickrnoroll {background-image: url(../img/soc-flickr.png);}
.socflickr:hover {background-image: url(../img/soc-flickrro.png);}

.socyoupic, .socyoupicnoroll {background-image: url(../img/soc-youpic.png);}
.socyoupic:hover {background-image: url(../img/soc-youpicro.png);}

.socinsta, .socinstanoroll {background-image: url(../img/soc-insta.png);}
.socinsta:hover {background-image: url(../img/soc-instaro.png);}

.socpinterest, .socpinterestnoroll {background-image: url(../img/soc-pinterest.png);}
.socpinterest:hover {background-image: url(../img/soc-pinterestro.png);}

.soc500px, .soc500pxnoroll {background-image: url(../img/soc-500px.png);}
.soc500px:hover {background-image: url(../img/soc-500pxro.png);}

.socyoutube, .socyoutubenoroll {background-image: url(../img/soc-youtube.png);}
.socyoutube:hover {background-image: url(../img/soc-youtubero.png);}

.copyright {
	position: absolute;
	height: auto;
	min-height: 20px;
	width: 21vh;
	text-align: right;
	font-size: 1.7vh;
	bottom: 13.6vh;
	left: calc(1vh - (18vh / 2));
	z-index: 1000;
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.copyrightbottom {
	color: rgb(170,170,168);
	position: absolute;
	height: auto;
	min-height: 20px;
	width: auto;
	font-size: 1.5vh;
	bottom: -5.6vh;
	left: 4.5vw;
	z-index: 1000;
}
.tismo {
	position: absolute;
	height: 2.92vh;
	min-height: 20px;
	width: 10.5vw;
	right: 5vw;
	background-image: url(img/tismo.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: contain;
	bottom: -3.5vh;
}
.presentlogo {
	position: relative;
	margin: 0 auto 0 auto;
	width: 247px;
	height: 13vh;
	max-height: 144px;
	min-height: 75px;
	background-image: url(img/presentlogo.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	z-index: 100;
}
.corner {
	position: absolute;
	width: 4.16vh;
	height: 10.69vh;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	z-index: 1000;
}
.cornerbr {
	bottom: 0vh;
	right: 0;
	background-image: url(../img/corner-br.png);
	background-position: bottom right;
}
.cornerbr:hover {background-image: url(..img/corner-brro.png);}
.cornerbl {
	bottom: 0vh;
	left: -1px;
	background-image: url(../img/btn-legal.png);
	background-position: bottom left;
}
.cornerbl:hover {background-image: url(../img/btn-legalro.png);}
.cornertl {
	top: -2;
	left: 0px;
	height: 8.72vh;
	width: 4.16vh;
	background-image: url(../img/corner-tl.png);
}
.presentcorner-br, .presentcorner-bl, .presentcorner-tr, .presentcorner-tl {
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
	width: 3.18vw;
	z-index: 5000;
}
.presentcorner-br {
	bottom: 0;
	right: 0;
	height: 14.44vh;
	background-image: url(img/c-br.png);
	background-position: right bottom;
}
.presentcorner-bl {
	bottom: 0;
	left: -1px;
	height: 14.44vh;
	background-image: url(img/c-bl.png);
	background-position: left bottom;
}
.presentcorner-tl {
	top: 0;
	left: -1px;
	height: 11.48vh;
	background-image: url(img/c-tl.png);
	background-position: left top;
}
.presentcorner-tr {
	top: 0;
	right: 0;
	height: 11.48vh;
	background-image: url(img/c-tr.png);
	background-position: right top;
}
.contactpositioning, .contactpagepositioning, .ratespagepositioning, .learnmorepositioning {
	position: relative;
	width: 86vw;
	height: 68vh;
	min-width: 1024px;
	margin: auto;
	color: rgb(58,57,50);
	top: calc(8vh + 4vh + 3.3vh);
	padding: 0;
	overflow: hidden;
	background-color: rgba(255,255,255,0.75);
}
.learnmorepositioning {
	background-color: rgba(255,255,255,1);
	color: rgba(30,30,30,1.00);
}
#conpeople, #constudio, #conwhy, #conrates, #conlegal, #concopyright, #concookies, #conprivacy, #consoc1, #consoc2, #consoc3, #consoc4, #consoc5 {
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;
	cursor: pointer;
	position: relative;
	margin-bottom: 1.45vh;
	height: 4.5vh;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border-width: 0;
	color: rgb(250,250,250);
	font-size: 1.7vh;
}
#conlegal {background-image: url(../img/btn-legalintro.jpg)}
#conlegal:hover {background-image: url(img/btn-legalintroro.jpg)}

#concopyright {background-image: url(../img/btn-copyright.jpg)}
#concopyright:hover {background-image: url(../img/btn-copyrightro.jpg)}

#concookies {background-image: url(../img/btn-cookies.jpg)}
#concookies:hover {background-image: url(../img/btn-cookiesro.jpg)}

#conprivacy {background-image: url(../img/btn-privacy.jpg)}
#conprivacy:hover {background-image: url(../img/btn-privacyro.jpg)}

#conpeople {background-image: url(../img/btn-about.jpg)}
#conpeople:hover {background-image: url(../img/btn-aboutro.jpg)}

#constudio {background-image: url(../img/btn-locstudio.jpg)}
#constudio:hover {background-image: url(../img/btn-locstudioro.jpg)}

#conrates {background-image: url(../img/btn-whyphoto.jpg)}
#conrates:hover {background-image: url(img/btn-whyphotoro.jpg)}

#conwhy {background-image: url(../img/btn-comrates.jpg)}
#conwhy:hover {background-image: url(img/btn-comratesro.jpg)}

#consoc1 {background-image: url(img/btn-about.jpg)}
#consoc1:hover {background-image: url(img/btn-aboutro.jpg)}

#consoc4 {background-image: url(img/btn-locstudio-social.jpg)}
#consoc4:hover {background-image: url(img/btn-locstudio-socialro.jpg)}

#consoc3 {background-image: url(img/btn-weddingrate.jpg)}
#consoc3:hover {background-image: url(img/btn-weddingratero.jpg)}

#consoc2 {background-image: url(img/btn-sessionrate.jpg)}
#consoc2:hover {background-image: url(img/btn-sessionratero.jpg)}

#consoc5 {background-image: url(img/btn-comrates.jpg)}
#consoc5:hover {background-image: url(img/btn-comratesro.jpg)}

.conbuttons {
	position: relative;
	margin-bottom: 1vh;
	height: 4.5vh;
	display: flex;
	justify-content: center;
	align-items: center;
	border-width: 0;
	color: rgb(250,250,250);
	cursor: pointer;
}
.contactdetailsholder, .contactmapholder, .contactformholder, .contactpageformholder, .contactverticalmenu {
	position: absolute;
	right: 0;
	height: 100%;
	width: 68.0%;
	float: left;
}
.contactdetailsholder {
	position: absolute;
	font-size: .95vw;
	font-weight: 400;
	line-height: 120%;
	bottom: 9.5%;
	left: 6%;
	width: auto;
	height: auto;
	background-color: rgba(43,42,40,0.0);
}
.addressadjust {bottom: 11%;}
.contactformtab {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}
.scrollarrows {
	position: absolute;
	width: 3.6vh;
	height: 12.5vh;
	top: calc(50% - (12.5vh / 2));
	font-weight: 500;
	right: 19%;
	border-left-width: 1px;
	border-left-color: rgba(95,95,91,1.00);
	border-left-style: solid;
}
.scrollarrows1, .scrollarrows2 {
	position: absolute;
	width: 2vh;
	height: 5.83vh;
	top: calc(50% - (5.83vh / 2));
	left: calc(50% - 1vh);
	background-image: url(img/scrollarrows1.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.scrollarrows2 {
	background-image: url(img/scrollarrows2.png);
}
.contactformfooter {
	position: absolute;
	width: 100%;
	bottom: 9.5%;
	height: 10%;
	color: rgba(130,130,127,1);
	font-weight: 500;
}
.contactverticalmenu {
	top: 9vh;
	height: auto;
	width: 16.5vh;
	left: 6%;
}
.legaladjust {top: 11vh;}
.contactdetailsandmap {
	position: relative;
	left: 0;
}
.contactflowerholder, .contactbusinesspic {
	position: relative;
	top: 0;
	height: 100%;
	width: 63%;
	background-image: url(img/messagepic.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	z-index: 1;
}
.contactbusinesspic {background-image: url(img/messagepicbus.jpg);}
.behindcontactdetails {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(38,38,35,1);
	z-index: 1000;
	letter-spacing: 0.05vh;
}
.contactmapholder {
	position: absolute;
	height: 100%;
	width: 65%;
	left: 0;
	margin-right: 0px;
	background-image: url(img/contactleftpic.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	text-shadow: 1px 1px 2px #000000;
}
.contactformholder, .contactpageformholder {
	right: 0;
	background-color: rgba(41,41,39,1.00);
}
.contactpageformholder {
	font-size: 0.93vw;
	width: 66%;
	background-color: rgba(58,58,55,1.00);
	top: 2vw;
	right: 2vw;
	height: calc(100% - 4vw);
	z-index: 1500;
	border-style: solid;
	border-color: rgba(78,78,75,1);
	border-width: 1px;
}
.contactformholder {
	position: absolute;
	margin: auto;
	width: 38%;
	z-index: 2;
	overflow: visible;
}
.canwehelp, .canwehelp-bus {
	position: absolute;
	font-weight: 400;
	left: -25vw;
	top: 32%;
	width: auto;
	height: auto;
	color: rgba(255,229,0,1.00);
}
.canwehelp-bus {
	left: -47vw;
	color: rgba(255,229,0,1.00);
}
.txtcanwehelp, .txtsendamessage {
	position: relative;
	width: auto;
	height: auto;
	font-size: 3.65vw;
	font-weight:500;
}
.txtcanwehelp {color: rgba(58,57,50,1.00);}
.txtsendamessage {
	top: -0.50vw;
	left: 3px;
	font-size: 1.45vw;
	color: rgba(43,42,40,1.00);
}
.txtsendamessage-bus {color: rgba(220,220,220,1.00);}
#iconphone, #iconmail, #iconbuilding {
	position: absolute;
	left: 0px;
	top: -2px;
	top: -10%;
	z-index: 4;
	height: 2vh;
	width: 16px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}
.iconwhitephone {
	position: absolute;
	left: 0;
	height: 2.5vh;
	width: 4vh;
	background-image: url(img/phonewhite.png);
	background-repeat: no-repeat;
	background-size: contain;
	top: -0.4vh;
}
#iconphone {background-image: url(img/iconphone.png); top: -4px;}
#iconmail {
	background-image: url(img/envelopeyell.png);
	top: -1px;
	left: 1px;
	height: 2.2vh;
	width: 2.6vh;
}
.iconmaildark, .emailboxicon {
	position: absolute;
	background-image: url(img/envelopedarker.png);
	top: 0.2vh;
	left: 0px;
	height: 2.2vh;
	width: 2.2vh;
	background-repeat: no-repeat;
	background-size: contain;
}
.emailboxicon {
	position: relative;
	float: left;
	background-image: url(img/emailboxicon.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: top;
	top: 0;
	width:5.2vh;
    height:4.4vh;
	border: 0;
	margin-right: 2px;
	color: rgba(255,255,255,0);
}
#iconbuilding {background-image: url(img/iconaddress.png); }
.contactphone, .contactmail, .contactaddress, .contactrates, .contacttrading, .contactpeopleimg {
	position: relative;
	left: 0;
	height: auto;
	width: auto;
	margin-top: 0.85vh;
/*	padding-bottom: 1vh;*/
	padding: 0;
}
.contactmaildetail {
	margin-top: 4vh;
	position: relative;
	left: 0;
	height: auto;
	width: auto;
/*	padding-bottom: 1vh;*/
	padding-left: 3vh;
	font-size: 1.62vh;
/*	font-weight: 600;*/
	color: rgba(110,110,107,1);
	font-family: 'Pacifico', cursive;
	letter-spacing: 0.04vw;
}
.contactmaildetail a:link {color: rgba(110,110,107,1);}
.contactmaildetail a:visited {color: rgba(110,110,107,1);}
.contactmaildetail a:hover {color: rgba(255,255,255,1);}

.contactphonewhite, .contactphoneoffer {
	position: relative;
	left: 0;
	height: auto;
	width: auto;
	padding-bottom: 0.8vh;
	padding-left: 2vh;
	font-size: 1.9vh;
	font-weight: 500;
	color: #fff;
	letter-spacing: 0.12vh;
}
.contactphoneoffer {
	position: absolute;
	color: rgba(90,90,88,1);
	left: 7.5%;
	bottom: -0.35vh;
	padding: 0;
	font-weight: 700;
	font-size: 1.2vw;
	letter-spacing: 0.05vh;
}
.contactpeopletext {
	position: relative;
	height: auto;
	height: 64%;
	top: 7.5vh;
	left: 35%;
	width: 44%;
	padding-left: 0;
	color: rgba(220,220,215,1);
	font-weight: 400;
	line-height: 170%;
	font-size: 1.3vh;
	letter-spacing: 0.05vh;
	overflow: hidden;
/*	text-align: justify;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;*/
}
.contacttabtitle {
	position: relative;
	height: auto;
	top: 6.5vh;
	left: 35%;
	width: auto;
	padding-left: 0;
	color: rgba(105,105,102,1);
	font-weight: 400;
	font-size: 3vh;
	letter-spacing: 0.05vh;
	font-family: 'Squada One', cursive;
}
.legaltext {
	position: relative;
	height: 60%;
	top: 11vh;
	left: 23%;
	width: 50%;
	padding-left: 0;
	color: rgba(220,220,215,1);
	font-weight: 400;
	line-height: 150%;
	font-size: 1.5vh;
	letter-spacing: 0.05vh;
	overflow: hidden;
}
.contactaddress, .contacttrading {
	font-size: 1.7vh;
	font-weight: 500;
	padding: 0;
	letter-spacing: 0.05vh;
	line-height: 120%;
	margin-top: 1vh;
}
.contactmail {padding-left: 30px;}
.contactphone {
	color: #fff;
	font-size: 1.2vw;
}
.contact3lines {
	position: relative;
	left: 0;
	height: auto;
	color: rgba(110,110,107,1);
	font-size: 0.9vw;
	width: 25%;
}
.contactpagesendmessage {
	position: absolute;
	right: 7vh;
	bottom: -0.5vh;
	font-size: 1.62vh;
/*	font-weight: 600;*/
	width: 100%;
	text-align: right;
	color: rgba(130,130,127,1);
	font-family: 'Pacifico', cursive;
	letter-spacing: 0.04vw;
}
.sendnewcolour {
	color: rgba(130,130,127,1);
	right: 0vh;
	font-size: 1.65vh;
/*	font-weight: 600;*/
	bottom: -17%;
	text-align: left;
	width: 180%;
	font-family: 'Pacifico', cursive;
	letter-spacing: 0.04vw;
}
.clicktosendcontactform {
	position: absolute;
	padding-right: 0;
	bottom: 0;
}
.contactformgetpdf {
	position: absolute;
	left: 6vh;
	bottom: -0.5vh;
	font-size: 1.65vh;
/*	font-weight: 600;*/
	color: rgba(130,130,127,1);
	font-family: 'Pacifico', cursive;
	letter-spacing: 0.04vw;
}
.ratespagesendmessage {
	position: absolute;
	right: 7vw;
	bottom: 4vh;
	width: 200px;
	text-align: right;
}
.ratespagecallmessage {
	position: absolute;
	left: 6vw;
	bottom: 4vh;
	width: auto;
	height: auto;
	text-align: left;
}
.ratescallmove {left: 4vw;}
.contactrule {
	border-bottom-color: rgba(255,255,255,1.00);
	border-style: none none dotted none;
	border-bottom-width: 2px;
	margin-bottom: 10px;
}
.contactgetintouch, .contactgetintouchright, .headshotoffer {
	position: relative;
	width: auto;
	height: auto;
	top: 0px;
	color: rgba(110,110,107,1);
	font-size: 3vh;
	margin-bottom: 1.8vh;
	letter-spacing: 0;
	font-weight: 500;
}
.contactgetintouchright {
	margin-bottom: 1.8vh;
	color: rgba(125,125,122,1);
	font-family: 'Squada One', cursive;
	font-size: 3.7vh;
}
.contactrates {
	position: relative;
	top: 9vh;
	left: 32.8%;
	width: 50%;
	padding-left: 0;
	color: #fff;
	font-weight: 400;
	line-height: 150%;
	font-size: 0.8vw;
}
.contactpeopleimg {
	top: 11vh;
	margin-top: 0;
	right: 69%;
	height: 40%;
	position: absolute;
	padding: 0;
	display: flex;
	flexflow: row wrap;
	justify-content: flex-end;
}
.contactrateswed {top: 15%;}
.contactsendinstant {
	position: absolute;
	bottom: 0;
	right: 14%;
	width: 30%;
	height: auto;
	padding-left: 0;
	font-weight: 400;
	line-height: 150%;
	margin: auto;
	cursor: pointer;
}
.contactpdfinstant {
	position: absolute;
/*	bottom: 6.3vh;*/
	top: calc(64% + 11vh);
/*	left: 8%;*/
	right: 69%;
	width: 4.5vh;
	padding-left: 0;
	font-weight: 400;
	line-height: 150%;
	margin: auto;
}
.contactformpdfbutton {
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(img/pdfgrey.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: contain;
	width: 4.5vh;
	height: 7vh;
}
.contactasterisk {
	color: #fff;
	background-color: rgba(77,77,77,0.4);
	position: absolute;
	width: 100%;
	height: 7%;
	bottom: 0;
	font-size: .88vw;
}
.contactmail a {color: rgb(255,255,255); text-decoration: none;}
.contactmail a:hover{color: rgb(200,200,200); text-decoration: none;}
#contactmap {
	position: absolute;
	padding-left: 0;
	height: 8.07vw;
	width: 12.29vw;
	min-height: 135px;
	min-width: 208px;
	left: 0;
	bottom: 0;
}
.tradingname {
	position: absolute;
	color: #fff;
	font-size: 0.78vw;
	height: auto;
	width: auto;
	left: 1.8vw;
	left: 20%;
	bottom: 25px;
	overflow: hidden;
}
.learnmore, .ratesmore {
	display: block;
	margin-bottom: 1vh;
	position: relative;
	width: 100%;
	height: auto;
	border-width: thin;
	border-style: solid;
	border-color: rgba(128,128,128,1);
	padding: 8px 0;
	cursor: pointer;
	color: rgba(128,128,128,1);
	text-align: center;
	font-size: 0.9vw;
}
.learnmore:hover, .ratesmore:hover {
	color: rgb(230,230,230);
	border-color: rgba(255,255,255,1.00);
}
.learnmore:link, .ratesmore:link {
	color: rgb(230,230,230);
	border-color: rgba(255,255,255,1.00);
}
.learnmore:visited, .ratesmore:visited {
	color: rgba(230,230,230,1.00);
	border-color: rgba(255,255,255,1.00);
}
.currentcontactvertical {color: rgba(255,255,255,1);}
.contact-form {
	position: absolute;
	right: calc(50% - (53% / 2));
	top: 8.5%;
	width: 53%;
	height: auto;
}
.clientareapop, .contactpop, .ratespop, .learnmorepop, .blogregisterpop {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(230,229,227,0.4);
	z-index: 20000;
}
.blogregbackground {
	position: relative;
	top: 10%;
	left: calc((100vw - 75vw) / 2);
	width: 75vw;
	height: 82%;
	background-color: rgba(38,38,35,1);
}
.optionalblogreg {
	position: relative;
	left: 0;
	width: auto;
	text-align: left;
}
.blogregoptionsbox {
	position: relative;
	top: 5vh;
	width: 60%;
	overflow: hidden;
	float: left;
}
.blogregoptin {
	float: left;
	position: relative;
	top: 8vh;
	width: 35%;
	margin-left: 4.5%;
}
.blogregemailwidth{
	width: 60%;
}
.backofblogregform {
	position: relative;
	top: 4vh;
	left: 4vh;
	right: 4vh;
	bottom: 4vh;
	width: calc(100% - (2 * 4vh));
	height: calc(100% - (2 * 4vh));
	background-color: rgba(58,58,55,1);
	border-color: rgba(78,78,75,1);
	border-style: solid;
	border-width: thin;
	color: rgba(110,110,107,1);
	font-size: 2vh;
/*	margin-bottom: 1.8vh;*/
	letter-spacing: 0;
	font-weight: 500;
}
.contactpop {background-color: rgba(255,255,255,0.6);}
.clientloginbox {
	width: 36vw;
	min-width:  350px;
	height: 28vw;
	min-height: 250px;
	position: absolute;
	top: calc(50% - (28vw / 2));
	left: calc(50% - (36vw / 2));
	background-color: rgba(43,42,40,1.00);
}
.ratesbox {
	top: calc(78px + 4vh + 3.3vh);
	width: 78%;
	min-width:  350px;
	height: 68vh;
	min-height: 250px;
	position: absolute;
	left: calc(50% - (78% / 2));
	background-color: rgba(43,42,40,1);
	color: rgb(220,220,220);
}
.ratesboxwhite {
	background-color: rgba(255,255,255,1);
	color: rgba(30,30,30,1.00);
	width: 75%;
}
.ratesboxbigger {
	width: 92%;
	left: calc(50% - (92% / 2));
	top: calc(14.5vh);
	height: 75vh;
}
.columns2, .columns3, .columns4, .columns5 {
	-webkit-column-gap: 35px; /* Chrome, Safari, Opera */
    -moz-column-gap: 35px; /* Firefox */
    column-gap: 35px;
	-webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
    -moz-column-rule-style: solid; /* Firefox */
    column-rule-style: solid;
	-webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
    -moz-column-rule-width: 1px; /* Firefox */
    column-rule-width: 1px;
	-webkit-column-rule-color: rgb(100,100,100); /* Chrome, Safari, Opera */
    -moz-column-rule-color: rgb(100,100,100); /* Firefox */
    column-rule-color: rgb(100,100,100);
}
.readmorecolumns {
	-webkit-column-gap: 35px; /* Chrome, Safari, Opera */
    -moz-column-gap: 35px; /* Firefox */
    column-gap: 35px;
}
.columns2 {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}
.columns3 {
	-webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
}
.columns4 {
	-webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
}
.columns5 {
	-webkit-column-count: 5; /* Chrome, Safari, Opera */
    -moz-column-count: 5; /* Firefox */
    column-count: 5;
}
.norules {
	-webkit-column-rule-color: rgba(100,100,100,0); /* Chrome, Safari, Opera */
    -moz-column-rule-color: rgba(100,100,100,0); /* Firefox */
    column-rule-color: rgba(100,100,100,0);
}
.ratestextbox {
	position: relative;
	width: 70%;
	margin: auto;
	height: auto;
	top: 17%;
	font-size: 0.87vw;
	font-weight: 400;
}
.ratestextboxbus {
	position: relative;
	width: 75%;
	margin: auto;
	height: auto;
	top: 16%;
	font-size: 0.86vw;
	font-weight: 400;
}
.columns4 {
	-webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
	-webkit-column-gap: 35px; /* Chrome, Safari, Opera */
    -moz-column-gap: 35px; /* Firefox */
    column-gap: 35px;
	-webkit-column-rule-style: solid; /* Chrome, Safari, Opera */
    -moz-column-rule-style: solid; /* Firefox */
    column-rule-style: solid;
	-webkit-column-rule-width: 1px; /* Chrome, Safari, Opera */
    -moz-column-rule-width: 1px; /* Firefox */
    column-rule-width: 1px;
	-webkit-column-rule-color: rgb(100,100,100); /* Chrome, Safari, Opera */
    -moz-column-rule-color: rgb(100,100,100); /* Firefox */
    column-rule-color: rgb(100,100,100);
	width: 85%;
}
.cornerlogo {
	position: absolute;
	width: 3vw;
	height: 3vw;
	top: 6.6vw;
	top: 15.7%;
	top: 0;
	left: 4.4vw;
	background-image: url(img/logonotext.png);
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}
.cornerlogomove {
	top: 6.6vw;
	left: 3vw;
}
.fontonwhite {font-weight: 500;}
.ratestextboxsmall {
	position: relative;
	width: 85%;
	margin: auto;
	height: auto;
	top: 12%;
	font-size: 0.82vw;
	font-weight: 400;
}
.movelistup {
	position: relative;
	top: -50px;
}
.ratesbold {
	font-weight: 600;
	line-height: 120%;
}
.fontwhytrust {font-size: 1.27vw;}
.ratesboldonwhite {
	font-weight: 700;
	line-height: 120%;
}
.notbold {font-weight: 400;}
.ratespicbus {
	position: relative;
	margin-top: 30px;
	left: 0;
	height: 6vw;
	width: auto;
	background-image: url(img/businessrates.jpg);
	background-repeat: no-repeat;
	background-position: center left;
	background-size: contain;
	margin-bottom: 30px;
}
.clientfields {
	position: relative;
	width: 68%;
	margin: auto;
	height: 160px;
	height: auto;
	top: calc(50% - 100px);
	top: 25%;
}
.clientname {
	position: relative;
	width: calc(100% - 25px);
	height: auto;
	margin: auto;
}
.clientpass {
	position: relative;
	width: calc(100% - 25px);
	height: auto;
	margin: auto;
	margin-top: 22px;
}
.btnclientlogin {
	position: relative;
	width: 15vw;
	height: auto;
	margin: 0;
	top: 1.1vh;
	right: 1vw;
}
.btnclientcancel, .btncontactcancel, .btnratescancel, .btnpresentcancel, .btnlearnmorecancel, .btncuratedcancel, .btnprcancel, .btnsocialcancel, .btnblogregcancel {
	position: absolute;
	width: 50%;
	height: 50%;
	cursor: pointer;
	transition: transform 1s;
	background-image: url(img/xclosenew.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 1.0vw 1.0vw;
	z-index: 100;
}
.btnclientcancel {
	background-image: url(img/closexgrey.png);
}
.btnpresentcancel {
	background-image: url(img/xclosegrey.png);
}
.btncuratedcancel {
	background-image: url(img/closexblue.png);
}
.btnprcancel {
	background-image: url(img/closexpurple.png);
}
.btnclientcancel:hover, .btncontactcancel:hover, .btnratescancel:hover, .btnpresentcancel:hover, .btnlearnmorecancel:hover, .btncuratedcancel:hover, .btnprcancel:hover, .btnsocialcancel:hover, .btnblogregcancel:hover {
	-webkit-transform: rotate(-30deg);
	-moz-transform: rotate(-30deg);
	-ms-transform: rotate(-30deg);
	-o-transform: rotate(-30deg);
	transform: rotate(-30deg);
}
.btnclientcancel, .btncontactcancel, .btnratescancel, .btnpresentcancel, .btnlearnmorecancel, .btncuratedcancel, .btnprcancel, .btnsocialcancel, .btnblogregcancel {
	position: relative;
	width: 50%;
	height: 50%;
	margin: auto;
}
.btnsocialcancel {
	background-image: url(img/closexgrey.png);
	width: 1.7vh;
	height: 1.7vh;
	top: calc((4.2vh - 1.7vh) / 2);
	background-size: contain;
}
.contactcancelbackg, .clientcancelbackg, .presentcancelbackg, .ratescancelbackg, .blogregcancelbackg  {
	position: relative;
	top: 0;
	left: calc(100% - 2.24vw);
	background-color: rgba(70,70,70,1.00);
	height: 2.24vw;
	width: 2.24vw;
	 display: flex;
	 justify-content: center;
	 align-items: center;
}
.blogregcancelbackg  {
	position: absolute;
	background-color: rgba(102,102,102,1);
}
.presentcancelbackg {background-color: rgba(255,255,255,0.7);}
.clientcancelbuttons {
	position: absolute;
	right: 33px;
	right: 16%;
	top: 33px;
	height: 30vh;
	width: 56px;
}
.ratesbuttons {
	position: absolute;
	right: 3vw;
	bottom: 9vh;
	height: 2.24vw;
	width: 3vw;
}
.ratesPDFbus {
	position: absolute;
	left: 3vw;
	bottom: 4.5vh;
	height: 2.57vw;
	width: 1.8vw;
	background-image: url(img/PDF.png);
	background-repeat: no-repeat;
	background-position: bottom left;
	background-size: contain;
	cursor: pointer;
	z-index: 500;
}
.ratesPDFspacer {
	position: relative;
	top:0;
	right: 0;
	width: 100%;
	height: 100%;
	background-image: url(img/PDF.png);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain;
}
.btnratescontact {
	position: absolute;
	top: 0;
	right: 2vw;
	left: 0;
	height: 2.24vw;
	width: 3vw;
	padding: 0;
	margin: 0;
}
.ratescancelbackg {
	top: 4vh;
	position: absolute;
	left: calc(100% - 6vw);
}
input#contactbutton, #contactbutton {
	background:url(img/messagetablighter.png);
    background-repeat: no-repeat;
	background-size: contain;
	background-position: bottom;
	width:5.2vh;
    height:4.4vh;
	border: 0;
	color: rgba(255,255,255,0);
	bottom: 0;
}
.contactbuttonright {margin-left: calc(100% - 6vh);}
.contactbuttonrightform {
	position: relative;
	right: 0;
	cursor: pointer;
}
.slidelogo, .prevslide, .nextslide, .shareslide, .closeslide {
	top: 47vh;
	position: absolute;
	background-size: contain;
	background-repeat: no-repeat;
	width: 1.4vw;
	height: 1.4vw;
	cursor: pointer;
}
.slidelogo {
	top: 2vh;
	left: 2vw;
	width: 2.5vw;
	height: 30vh;
	background-position: top left;
	background-image: url(img/logo-fullscreen.png);
	z-index: 3002;
}
.prevslide {
	left: 2vw;
	background-position: top left;
	background-image: url(img/arrowleft-fullscreen.png);
}
.nextslide, .shareslide, .closeslide {
	right: 2vw;
	background-position: top right;
	background-image: url(img/arrowright-fullscreen.png);
}
.shareslide, .closeslide {
	top: 83vh;
	height: 2.5vw;
	width: 3vw;
	background-image: url(img/share-fullscreen.png);
	z-index: 3002;
}
.closeslide {
	right: 2vw;
	top: 89vh;
	background-image: url(img/exit-fullscreen.png);
}
.coverall {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(51,51,51,1);
	z-index: 2;
}
.slidespacer {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.testfull {
	position: absolute;
	top: 5vh;
	left: 5vw;
	color: #fff;
}
.popsocialcontainer {
	position: absolute;
	margin: 0 auto 0 auto;
	top: 21vh;
	top: 15%;
	left: calc(50% - (36.46vh / 2));
	height: calc(36.46vh + 11.11vh + 3.75vh);
	width: 36.46vh;
	background-color: rgba(102,100,100,1.00);
	z-index: 5000;
	overflow: hidden;
	font-size: 1.4vh;
	color: rgba(165,165,165,1);
}
.centering {
	width: calc(100% - (2 * 3.2vh));
	height: calc(100% - (2 * 3.2vh));
	position: relative;
	text-align: center;
	margin: 3.2vh;
}
.peopleimg {
	position: relative;
	width: 8.2vh;
	height: 8.9vh;
	margin-left: 0.86vh;
	margin-bottom: 0.86vh;
	border: thin solid rgba(41,41,39,0);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	cursor: pointer;
}
.contactimgright {
	position: relative;
	background-position: top right;
	height: 25vh;
	width: 13.3vh;
	background-size: contain;
	background-repeat: no-repeat;
}
.peoplets {background-image: url(img/people-ts.jpg);}
.peoplemm {background-image: url(img/people-mm.jpg);}
.peoplepk {background-image: url(img/people-pk.jpg);}
.peoplefs {background-image: url(img/people-fs.jpg);}

.contactimg1 {background-image: url(img/indexpic01.jpg);
}
.contactimg4 {
	background-image: url(img/commercialrates.png);
	width: 19vh;

}
.contactimg3 {
	background-image: url(img/whyphotowork.png);
	width: 19vh;
}
.contactimg5 {
	background-image: url(img/locationstudio.png);
	width: 18.5vh;
}
.contactimg6 {
	background-image: url(img/locationstudio-social.png);
	width: 18.5vh;
}
.contactimg7 {
	background-image: url(img/weddingsandevents.png);
	width: 18.5vh;
}
.contactimg8 {
	background-image: url(img/locationstudio-social.png);
	width: 18.5vh;
}
.peopletsro {
	background-image: url(img/people-ts-ro.jpg);
	border: thin solid rgba(255,255,255,1);
}
.peoplemmro {
	background-image: url(img/people-mm-ro.jpg);
	border: thin solid rgba(255,255,255,1);
}
.peoplepkro {
	background-image: url(img/people-pk-ro.jpg);
	border: thin solid rgba(255,255,255,1);
}
.peoplefsro {
	background-image: url(img/people-fs-ro.jpg);
	border: thin solid rgba(255,255,255,1);
}
.sharedimage {
	width: calc(100% - (2 * 3.2vh));
	height: calc(100% - (2 * 3.2vh));
	position: relative;
	margin: 3.2vh;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
}
.sharethisbuttons {
	position: absolute;
	width: 100%;
	height: auto;
	top: 36.46vh;
	left: 0;
	text-align: center;
	padding-top: 1.1vh;
}
.sharelink {
	background-color: rgba(204,204,204,1);
	position: absolute;
	bottom: 0;
	left: 0;
	height: 3.75vh;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	color: rgba(60,60,60,1);
}
.sharepinterest, .sharefacebook, .sharetwitter {
	position: relative;
	top: .8vh;
	width: 3.8vh;
	height: auto;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: 5px;
}
.sharelinktext {
	position: absolute;
	top: -2.4vh;
	height: auto;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	margin-right: 5px;
	margin-bottom: 1.2vh;
	color: rgba(165,165,165,1);
}
.full1 {background-image: url(<?=WEBIMGDIR;?><?=$curr;?>);}
.prevprev, .nextnext, .full1 {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	width: 100%;
	height: 100%;
}
.contactscrollup, .contactscrolldown, .contactscrollupdark, .contactscrolldowndark {
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
	background-image: url(img/arrowupbloglist.png);
	height: 2vh;
	width: 2vh;
}
.contactscrollupdark {
	background-image: url(img/arrowupblogstory.png);
}
.contactscrolldown {
	margin-top: 0.85vh;
	background-image: url(img/arrowbloglist.png)
}
.contactscrolldowndark {
	margin-top: 0.85vh;
	background-image: url(img/arrowblogstory.png);
}
.insidescroll {
	position: relative;
	overflow-y: scroll;
	width: 104.5%;
	height: 100%;
	padding-right: 3%;
}
.logotypelegal, .logotypelegallogin {
	background-image: url(img/logotypelegal.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: relative;
	left: 0;
	bottom: 1.8vh;
	height: 1.37vh;
	width: 80%;
}
.logotypelegallogin {
	left: 0.25vw;
	margin-bottom: 1vh;
	height: 1.37vh;
	width: 80%;
}
.loadingspinner {
	position: absolute;
	width: auto;
	height: auto;
	z-index: 2500;
	margin: 25vh auto;
	-webkit-animation: rotation 2s infinite linear;
}
@-webkit-keyframes rotation {
		from {
				-webkit-transform: rotate(0deg);
		}
		to {
				-webkit-transform: rotate(359deg);
		}
}
.slidebackward, .slideforward {cursor: pointer;}
.slide {
	position: absolute;
	width: 100%;
	top: 0;
	height: 100%;
	transition: opacity 1s ease-in-out;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 0;
	}
.slide > img {
	object-fit: contain;
	object-position: center;
}
.invisibletext {
	visibility: hidden;
}
.innerbox {
	position: absolute;
	top: 1.6vw;
	left: 1.6vw;
	width: calc(100% - (2 * 1.6vw));
	height: calc(100% - (2 * 1.6vw));
	background-color: rgba(240,240,237,1);
	overflow: hidden;
}
.indexborder {
	position: absolute;
	border-color: rgba(130,130,130,0.1);
	border-style: solid;
	border-width: 1.65vw;
	height: calc(70.8vh - 3.3vw);
	width: calc(151.7vh - 3.3vw);
	top: 0;
	z-index: 3000;
}
.offermontagepic {
	position: relative;
	left: 0;
	top: 1.5vh;
	height: 30vh;
	width: 11.3vw;
	min-width: 190px;
	background-image: url(img/offermontage.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	float: left;
}

.offertext1 {
	position: relative;
	width: calc(100% - 27%);
	top: 8.5vh;
	left: 17%;
	font-size: .8vw;
}

.offersplash {
	position: absolute;
	top: 4vw;
	right: 10vw;
	width: 5.5vw;
	height: 5.5vw;
/*	background-image: url(img/rosetteheadshotoffer.png);*/
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 2;
}

.makeitpersonal {
	position: relative;
	margin-bottom: 0.45vw;
	font-size: 1.2vw;
	font-size: 2.2vw;
/*	font-weight: 700;*/
}

.offerpara {
	position: relative;
	margin-bottom: 0.5vw;
	line-height: 135%
}

.codaweight400 {
	font-weight: 400;
	font-size: 0.8vw;
}

.addedweightprice {
	font-size: 0.87vw;
}
/*-------------------------------------------------------------------------*/
.limit-min-max {
  font-size: .97vw;
}
@media (max-width: 1700px) {
	.offerpara {
		font-size: 13px;
	}
	.addedweightprice {
		font-size: 13px;
	}
	.contactphoneoffer {
		font-size: 18px;
	}
	.makeitpersonal {
		font-size: 20px;
	}
	.codaweight400 {
		font-size: 13px;
	}
}
@media (max-width: 1500px) {

}
@media (max-width: 1440px) {
	.blockcaption {
	font-size: 35px;
	}
	.blockcaptionbackg {
	height: 35px;
	}
	.limit-min {
		font-size: 13px;
	}
	.btnclientlogin {
/*		width: 80px;
		top: 11px;*/
	}
	.menuitemfirst {
		top: 0px;
	}
	.limit-min-max {
    	font-size: 13px;
  	}
	.ratestextboxsmall {
		font-size: 10.5px;
	}
	.contactaddress, .contactmail, .contactphone {
		font-size: 14px;
		padding-bottom: 5px;
		line-height: 16px;
	}
}
@media (max-width: 1024px) {
	.presentholder {display: none;}
	.pic4holdercover {display: none;}
	.limit-min {font-size: 12px;}
	.contactrates {
		top: 10%;
		width: 55%;
		margin-left: 5%;
	}
	.ratestextboxsmall {font-size: 9px;}
	.social {left: 50px;}
	.tismo {right: 50px;}
}
@media (max-height: 850px) {
	.limit-min {font-size: 14px;}
	.weddingrates {
		left: calc(50% - 2vw);
		height: 23px;
		width: 4vw;
	}
	.widerates {
		height: 23px;
		width: 120px;
	}
	.ratesmovedown {top: 4px;}
	.ratestextboxsmall {font-size: 1.5vh;}
}
@media (max-height: 750px) {
	.limit-min {font-size: 13px;}
	.captionleft, .captionright {font-size: 1vw;}
}
@media (max-height: 660px) {
	.limit-min {font-size: 12px;}
	.footer {top: calc(74vh + 11vh);}
	.socitem {
	margin-right: 0.75vw;
	width:1.25vw;
	}
	.ratestextboxsmall {font-size: 9px;	}
}
/*-------------------------------------------------------------------------*/
.offsetoffersbody {
	position: relative;
	left: 1.3vw;
	top: 1.1vh;
	float: left;
	width: 57%;
}

.offersmovebodydown {
	position: relative;
	left: 0;
}