body {background:#FFF; margin:0 auto; width:100%; height:100%; font-family:"Open Sans", Arial, Verdana; font-weight:300; font-size:16px; color:#231F20;}
@font-face {font-family:mnReg; src:url('/fonts/mn.eot'); src:url('fonts/mn.eot') format('embedded-opentype'), url('/fonts/mn.woff') format('woff'), url('/fonts/mn.ttf') format('truetype'), url('/fonts/MPReg.svg#GillSans') format('svg');}

*, *::before, *::after {box-sizing:border-box;}
.fixed {overflow:hidden;}

header, main, footer, .animDiv, .mainContent, .blueContainer {float:left; width:100%;}
header {position:fixed; top:0; left:0; background:rgba(255, 255, 255, 0.98); z-index:1002; border-bottom:1px solid rgba(255, 255, 255, 0.5);}
#logo {float:left; font-family:mnReg;}
#logo h1 {color:#404041; text-align:right; letter-spacing:normal; font-weight:normal;}
#logo a {color:#404041;}
#logo a:hover, #logo a:hover h1 {color:#000;}
#logo img, #logo span {display:inline-block;}
#logo img {transition:transform 0.8s, width 0.5s, height 0.5s;}
#logo:hover img {transform:rotateY(360deg); -webkit-transform:rotateY(360deg);}
nav {z-index:1001;}

header.slidingHeader {background:rgba(255,255,255,0.6); height:40px; -webkit-box-shadow:0px 2px 6px 0px rgba(48,48,48,0.5); -moz-box-shadow:0px 2px 6px 0px rgba(48,48,48,0.5); box-shadow:0px 2px 6px 0px rgba(48,48,48,0.2);}
.slidingHeader #logo {height:35px; margin:1.5px 0 3.5px;}
.slidingHeader #logo img {width:35px; height:35px; margin:0 5px -4px 0;}
.slidingHeader #logo span:first-of-type {font-size:21px;}
.slidingHeader #logo span {font-size:14px; letter-spacing:10px;}
.slidingHeader #logo h1 {font-size:8px; margin:-3px 9px 0 0;}

header, nav, #logo, #logo a, #logo h1, #logo span, #slideshowContainer, .container, #mainMenu li, #projectQuote, a.boxLink, #getQuote, #completeClose, .submitButton, #footer, #twitterHandle a, .twHT, .socialLink, i.fbLink, i.twLink, i.liLink, .photoR, .photoL, .photoR img, .photoL img, .videoR, .videoL, .videoR video, .videoL video, .circleImg , .highlighted.circleImg h3 {transition-duration:0.5s;}

nav {float:right;}
.showMenu {background:#404041; width:70px; height:70px; margin:0; border:0; overflow:visible; cursor:pointer; padding:26.5px 20px 28.5px;}
.showMenuBox {width:30px; height:15px; display:inline-block; position:relative;}
.showMenuContent {top:50%; display:block; margin-top:-2px;}
.showMenuContent, .showMenuContent::before, .showMenuContent::after {position:absolute; width:30px; height:2px; background:#FFF; transition-duration:0.15s; transition-property:transform, -webkit-transform; transition-timing-function:ease;}
.showMenuContent::before, .showMenuContent::after {content:""; display:block;}
.showMenuContent::before {top:-6px;}
.showMenuContent::after {bottom:-6px;}
#showMenu:hover {background:#0E76BC;}
.showMenu:hover .showMenuContent, .showMenu:hover .showMenuContent::before, .showMenu:hover .showMenuContent::after {background:#FFF;}
.menuCollapsed .showMenuContent {bottom:0; top:auto; transition-delay:0.15s; transition-duration:0.15s; transition-timing-function:cubic-bezier(0.55, 0.055, 0.675, 0.19);}
.menuCollapsed .showMenuContent::after {top:-12px; transition:top 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.3s, opacity 0.1s linear 0s;}
.menuCollapsed .showMenuContent::before {transition:top 0.12s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.3s, transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s, -webkit-transform 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19) 0s;}
.menuCollapsed.is-active .showMenuContent {background:#FFF; transform:translate3d(0px, -10px, 0px) rotate(-45deg); transition-delay:0.32s; transition-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);}
.menuCollapsed.is-active .showMenuContent::after {background:#FFF; top:0; opacity:0; transition:top 0.3s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0s, opacity 0.1s linear 0.27s;}
.menuCollapsed.is-active .showMenuContent::before {top:0; background:#FFF; top:0; transform:rotate(-90deg); transition:top 0.12s cubic-bezier(0.33333, 0, 0.66667, 0.33333) 0.18s, transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.42s, -webkit-transform 0.15s cubic-bezier(0.215, 0.61, 0.355, 1) 0.42s;}

#mainMenu a.selectedPage, #projectQuote {font-weight:600;}
.ddMenu {position:absolute; top:calc(100% + 8px); right:-66.6667px; list-style:none; padding:5px 10px; display:none; z-index:999;} 
.ddMenu a {width:100% !important; transition-duration:0.5s !important;}

.ddMenu li {width:100%; display:block;}

strong {font-weight:600;}

h1, h2, h3, h4, h5, h6 {font-family:mnReg; font-size:24px; color:#0E76BC; font-weight:normal; margin:5px 0 10px;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {vertical-align:text-bottom;}

#slideshowContainer {float:left; width:100%; height:710px; position:relative; white-space:nowrap; overflow:hidden;}
.slideShowSlide {width:100%; display:inline-block; font-size:16px; margin:0; width:100vw; height:710px; overflow:hidden; position:relative; text-align:right;}
.slideShowSlide *:not(img), .slideShowSlide *:before, .slideShowSlide *:after {-webkit-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.8s ease; transition:all 0.8s ease;}
.slideShowSlide img, #pageTitleGallery img {width:auto; min-height:100%; position:absolute; top:auto; bottom:0; left:-9999px; right:-9999px; margin:auto; display:block; overflow:hidden;}
.slideShowSlide:before,	.slideShowSlide:after {position:absolute; top:0; bottom:0; left:0; right:0; content:""; background-color:#0E76BC; opacity:0.5; -webkit-transition:all 0.8s ease; transition:all 0.8s ease; z-index:1;}
.slideCaption {position:absolute; top:0px; bottom:0px; left:0px; right:0px; color:#FFF; z-index:2; padding:20px 20px 20px 50%;}
.slideCaption:before, .slideCaption:after {position:absolute; top:0; bottom:0; left:0; right:0; background-color:#0E76BC; box-shadow:0 0 20px rgba(0, 0, 0, 0.7); content:''; opacity:0.5; z-index:-1;}
.slideShowSlide h2,	.slideShowSlide p {color:#FFF; margin:0; letter-spacing:1px; -webkit-transform:translateX(100vw); transform:translateX(100vw); white-space:normal;}
.slideShowSlide h2 {text-transform:uppercase;}
.slideShowSlide:hover h2, .slideShowSlide:hover p, .captionOpen h2, .captionOpen p {-webkit-transform:translateX(0) !important; transform:translateX(0) !important; opacity:0.9 !important; -webkit-transition-delay:0.15s; transition-delay:0.15s;}
.slideShowSlide:hover:before, .captionOpen:before {-webkit-transition-delay:0.05s; transition-delay:0.05s;}
.slideShowSlide:hover .slideCaption:before, .captionOpen .slideCaption:before {-webkit-transform:skew(30deg) translateX(50%) !important; transform:skew(30deg) translateX(50%) !important; -webkit-transition-delay:0.15s; transition-delay:0.15s;}
.slideShowSlide:hover .slideCaption:after, .captionOpen .slideCaption:after {-webkit-transform:skew(-30deg) translateX(40%) !important; transform:skew(-30deg) translateX(40%) !important; -webkit-transition-delay:0.1s; transition-delay:0.1s;}
.slideText {width:42%; height:670px; display:table-cell; vertical-align:middle;}

#pageTitleContainer {float:left; width:100%; height:120px; position:relative;}
#pageTitleGallery {float:left; width:100%; height:100%; position:relative; overflow:hidden;}
#pageGalleryOverlay {position:absolute; display:table;}
#pageGalleryTitle {height:120px; display:table-cell; vertical-align:middle;}
#pageGalleryTitle h1 {float:left; width:100%; color:#FFF; font-size:40px; font-weight:normal; text-shadow:2px 2px 2px rgba(0,0,0,1); transition-duration:0.5s;}

.container {height:auto;}
.container, #footer {margin:0 auto;}

.mT20 {margin-top:20px;}
.m20 {margin:20px 0;}
.mb20 {margin-bottom:20px;}
.mT40 {margin-top:40px;}
.m40 {margin:40px 0;}
.mb40 {margin-bottom:40px;}
.mT60 {margin-top:60px;}
.m60 {margin:60px 0;}
.mb60 {margin-bottom:60px;}

.blueContainer {background:#0E76BC; color:#FFF !important; text-align:center; font-size:24px; padding:60px 0;}
.gContainer {background:#F4F4F4; padding:60px 0;}
.blueContainer h1, .blueContainer h2, .blueContainer h3, .blueContainer h4, .blueContainer h5, .blueContainer h6, .blueContainer a {color:#FFF !important;}
.blueContainer h1, .blueContainer h2, .blueContainer h3, .blueContainer h4, .blueContainer h5, .blueContainer h6 {font-size:40px;}
.blueCButton {background:#0E76BC; font-size:22px; font-weight:600; padding:10px 20px; margin:30px 0 0; border:2px solid #FFF; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; cursor:pointer; display:inline-block;}
.blueCButton:hover {background:#FFF; color:#0E76BC !important;}

.boxRow, .workflow {float:left; width:100%; position:relative;}
.twoBox, .threeBox, .fourBox {float:left; background:#FFF; background-clip:padding-box; text-align:justify; padding:15px; background-clip:padding-box; text-align:left; display:inline-block; border:15px solid transparent; position:relative; vertical-align:top;}
.twoBox, .threeBox {min-height:250px;}
.threeCircles, .fourCircles, .sixCircles {float:left; text-align:center; padding:25px 0 30px; margin:0 0 25px;}
.boxBordered.twoBox, .boxBordered.threeBox {min-height:100px;}
.fourBox {min-height:200px;}
.threeCircle, .fourCircle, .sixCircle {background-clip:padding-box; text-align:center; display:inline-block; border:15px solid transparent; padding:0 20px; position:relative;}
.websiteRow .twoBox:after, .websiteRow .threeBox:after {content:""; display:block; padding-bottom:66.6667%;}
.websiteRow .twoBox, .websiteRow .threeBox {margin-bottom:10px;}
.websiteRow h4 {position:absolute; top:calc(100% - 10px); left:15px;}
.websiteRow i {font-size:16px;}
.logoListImg, .logoListLogo {width:calc(100% - 30px); height:calc(100% - 30px); overflow:hidden; position:absolute; transition-duration:0.5s; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.logoListLogo {opacity:0; transition-duration:0.3s;}
.websiteRow .twoBox:hover .logoListLogo, .websiteRow .threeBox:hover .logoListLogo {opacity:1;}
.logoListImg a, .logoListLogo a {width:100%; height:100%; display:block; position:absolute; top:0; left:0;}
.websiteRow .twoBox:hover .logoListImg, .websiteRow .twoBox:hover .logoListLogo:hover, .websiteRow .threeBox:hover .logoListImg, .websiteRow .threeBox:hover .logoListLogo:hover {margin:-10px 0 30px;}
.logoListImg img, .logoListLogo img {position:absolute; margin:auto; display:block; transition-duration:0.5s;}
.logoListImg.lSLogo img, .logoListLogo.lSLogo img {width:70%; height:auto; top:-9999px; bottom:-9999px; left:15%; right:15%;}
.logoListImg.pLogo img, .logoListLogo.pLogo img {width:auto; height:70%; top:15%; bottom:15%; left:-9999px; right:-9999px;}
.websiteRow a {color:#231F20;}
.websiteRow a:hover {color:#0E76BC;}
.circleImg {background:#F4F4F4; width:100%; max-width:300px; overflow:hidden; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; padding-top:min(100%,300px); margin:0 auto 10px; position:relative; border:1px solid #E6E6E6}
.circleImg img {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; width:100%; height:auto; margin:auto;}
.gContainer .circleImg {background:#FFF !important;}
.workflow .circleImg {opacity:0.5;}
.circleImg h3 {position:absolute; left:0; bottom:0; width:100%; color:#231F20; font-size:22px; text-align:center; opacity:0; margin:0;}
.workflow .circleImg h3 {margin:0;}
.highlightedTitle.circleImg h3 {opacity:1;}
.highlighted.circleImg {border:1px solid #0E76BC; opacity:1;}
.workflow {padding-bottom:60px;}
#workflowText {float:left; width:100%; position:relative;}
#workflowText .workflow {position:absolute; top:0; left:0; width:100%; display:none;}
#workflowText h4, #workflowText p {float:left; width:100%; text-align:center; margin:0;}
#workflowText h4 {font-size:32px;}
#workflowText p {font-size:24px; font-weight:600;}



a.boxLink, #getQuote, #completeClose, #requestMoreInfo, .submitButton {height:40px; line-height:20px; text-align:center; text-decoration:none; display:inline-block; padding:10px 20px; margin:15px auto 0; position:relative; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; cursor:pointer;}
a.boxLink:hover, #getQuote:hover, #completeClose, #requestMoreInfo:hover, .submitButton:hover {background:#F5E649; color:#404041 !important; border:1px solid #DBD400; text-decoration:none;}
a.boxLink, #getQuote, #completeClose:hover, #requestMoreInfo, .submitButton {background:#0E76BC; color:#FFF !important; border:1px solid #08598F;}

.photoR, .videoR {float:right; height:auto; margin:0 0 10px 20px;}
.photoL, .videoL {float:left; height:auto; margin:0 20px 10px 0;}
.videoW {float:left; width:100%; height:auto;}
.photoR img, .photoL img, .videoR video, .videoL video, .videoW video {width:100% !important; height:auto; overflow:hidden;}
#screenSlide {position:relative;}
.screenSlide {position:absolute; top:0; left:0;}
figure {margin:0;}

.mainContent li {margin-bottom:8px;}

.animDiv .mainContent, .animDiv .animContent {opacity:0; -moz-transition:all 800ms ease-out 400ms; -webkit-transition:all 800ms ease-out 400ms; -o-transition:all 800ms ease-out 400ms; transition:all 800ms ease-out 400ms; -moz-transform:translate3d(0px, 200px, 0px); -webkit-transform:translate3d(0px, 200px, 0px); -o-transform:translate(0px, 200px); -ms-transform:translate(0px, 200px); transform:translate3d(0px, 200px, 0px);  -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden;;}

.animDiv.inView .mainContent, .animDiv.inView .animContent {opacity:1; -moz-transform:translate3d(0px, 0px, 0px); -webkit-transform:translate3d(0px, 0px, 0px); -o-transform:translate(0px, 0px); -ms-transform:translate(0px, 0px); transform:translate3d(0px, 0px, 0px);}

.openProjectQuote {cursor:pointer;}

/* WEBSITES CSS */
.logoListImg {background:#FBFBFB;}
.voss .logoListImg {background:#7E3743;}
.dollyFox .logoListImg {background:#333;}
.casasAlmeria .logoListImg {background:#FBFACF;}
.castellon .logoListImg {background:#38A9C1;}
.chooseAlmeria .logoListImg {background:#6699CB;}
.inspired .logoListImg {background:#2A580F;}
.losVelez .logoListImg {background:#0075BF;}
.laMeseta .logoListImg {background:#233E71;}
.laParata .logoListImg {background:#233154;}
.priceBrown .logoListImg {background:#1F5A30; background:-moz-linear-gradient(top, #1F5A30 0%, #49B54E 100%); background:-webkit-linear-gradient(top, #1F5A30 0%,#49B54E 100%); background:linear-gradient(to bottom, #1F5A30 0%,#49B54E 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#1F5A30', endColorstr='#49B54E',GradientType=0 ); border:2px solid #FFE02D;}
.spa .logoListImg {background:#AF6CAA;}
.steveFisher .logoListImg {background:#C7C7C7;}
.ultMag .logoListImg {background:#3C3C3B; border:2px solid #EB5D1B;}
.vipAlmeria .logoListImg {background:#154372;}
.vipEspana .logoListImg {background:#126E2D;}
.boomFii .logoListImg {background:#000;}
.fab-almeria .logoListImg {background:#175E32;}
/* END WEBSITES CSS */

.contactCols, .quoteResponse {float:left;}
.formInput, .formSelect, .formRadio {float:left; width:100%; position:relative; margin:0 0 20px;}
.formInput {background:#FFF; border:1px solid #909090; padding:10px 0;}
.propFormRow .formInput {margin:0 0 8px;}
.formSelect {padding:0;}
.formSelect .ui-selectmenu-button {width:100% !important; border-left:1px solid #909090; border-right:1px solid #909090; border-bottom:1px solid #909090; padding:18px 14px;}
.twoBox .formInput, .threeBox .formInput, .fourBox .formInput {background:#FFF;}
.formInputHalf {width:49%;}
.formInputHalfL, .propFormInputHalfL {margin-right:2%;}
.formInput.formError {border:1px solid #BB0003;}
.formInput.formError input::placeholder {color:#BB0003;}
.formInput input, .formInput textarea, .formRadio input {width:100%; font-size:20px; color:#333; background:transparent; border:none; padding:0 10px; margin:0;}
.formInput input, .formRadio input {height:35px; line-height:35px;}
.formInputT input {width:calc(100% - 30px);}
.formRadio input[type="radio"] {float:left; width:20px; margin-right:10px; cursor:pointer;}
.radioLabel {float:left; width:calc(100% - 30px); line-height:35px; cursor:pointer;}
.radioLabel img {vertical-align:middle;}
.formInput.formError {border-color:#BB0003;}
.formInput textarea {height:187px; font-family:"Open Sans", Arial, Verdana; resize:none;}
.contactForm textarea {height:233px;}
#enquiryForm textarea {height:150px;}
textarea.propertyAddress {height:112px;}
.formLabel {position:absolute; top:0; left:0; right:0; width:100%; height:16px; font-size:12px; display:flex; flex-flow:row nowrap;}
.formLabel::before, .formLabel::after {content: ""; background:#909090; display:inline-block; height:1px; top:0; width:7px;} 
.formError .formLabel::before, .formError .formLabel::after {background:#BB0003;}
.formLabel::after {flex:1 1 auto;}
.formLabel {line-height:16px !important;}
.formLabel label {position:relative; top:-8px; color:#909090; padding:0 5px;}
.formLabel label span {color:#BB0003; margin-left:5px;}
#mortgageContainer input {text-align:right;}
.requiredInput {color:#B0222A;}

.propFormSmall {font-size:14px;}
.propFormSmall label {cursor:pointer;}
.propFormMB {margin-bottom:15px;}
.propFormHighlight {background:rgba(239, 156, 32, 0.4); padding:5px 10px; border:1px solid #EF9C20;}

input[type='number'] {-moz-appearance:textfield;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance:none;}

#captchaVerification{float:left; background:#FFF; width:calc(100% - 2px); border:1px solid #08598F; margin:20px 0; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.imgCaptcha {background:none; width:200px; font-size:14px; margin:0 !important;}
#captchaVerification iframe {float:left;}
input.captchaResponse {clear:none !important;}

footer {background:#ECECEC; color:#404041; border-top:1px solid #DBDBDB; margin:0; position:relative; z-index:1;}
footer a {color:#0E76BC;}
.footer3rd {float:left; padding:20px 0 40px;}
.footer3rd h5, .footer3rd h6 {padding-bottom:10px; border-bottom:1px solid #C1C1C1; margin-bottom:25px;}
#footerCopy {float:left; background:#F4F4F4; width:100%; padding:10px 0; height:36px; line-height:16px; text-align:center; font-size:10px;}
#twitterHandle {float:left; width:100%; line-height:22px; margin-bottom:5px;}
#twitterHandle a {font-family:mnReg; font-size:20px; font-weight:normal; text-decoration:none;}
#twitterHandle a:hover {color:#404041; text-decoration:underline;}
#twitterHandle img {vertical-align:bottom;}
.twitterTweet {float:left; width:100%; line-height:25px;}
.twitterTweet img {width:100%; height:auto;}
.footer3rdRight a {color:#404041 !important;}
.footer3rdRight a:hover {color:#0E76BC !important;}
.socialLink {float:left; width:34px; height:34px; color:#FFF !important; text-align:center !important; font-size:18px !important; line-height:32px !important; display:inline-block; margin-right:10px; border-radius:17px; -moz-border-radius:17px; -webkit-border-radius:17px; overflow:hidden;}
.socialHLink.liLink {margin-right:0;}
i.fbLink, i.twLink, i.liLink {color:#FFF; width:20px; height:20px; line-height:20px; text-align:center; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.socialLink:hover, #twitterHandle a:hover .twLink, i.fbLink:hover, i.twLink:hover, i.liLink:hover, a:hover i.fbLink, a:hover i.twLink, a:hover i.liLink {background:#FFF;}
.fbLink {background:#3B5998; border:1px solid #3B5998;}
.fbLink:hover, a:hover i.fbLink {color:#3B5998 !important;}
.twLink {background:#1DA1F2; border:1px solid #1DA1F2;}
.twLink:hover, #twitterHandle a:hover .twLink, a:hover i.twLink {color:#1DA1F2 !important;}
.liLink {background:#0073B1; border:1px solid #0073B1;}
.liLink:hover, a:hover i.liLink {color:#0073B1 !important;}

#quoteBGContainer {position:fixed; display:table; height:100vh; width:100vw; top:0; left:0; transform:scale(0); z-index:99998; }
#quoteBGContainer.unfold {transform: scaleY(0.01) scaleX(0); animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

#quoteBGContainer.unfold #loginBG #quoteFormContainer {transform: scale(0); animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
#quoteBGContainer.unfold.out {transform: scale(1); animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}
#quoteBGContainer.unfold.out #loginBG #quoteFormContainer {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;}

#quoteBGContainer #quoteBG {display:table-cell; background:rgba(35,31,32,0.8); text-align:center; vertical-align:middle;}

#quoteFormContainer {max-width:768px; max-height:85vh; background:#FFF; padding:10px; display:inline-block; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; -webkit-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); box-shadow:2px 2px 10px 0px rgba(0,0,0,0.6); transition-duration:0.5s; cursor:default; overflow-x:hidden; overflow-y:auto;}

#quoteForm, #quotePrice {float:left; width:100%; text-align:left;}
#quotePrice {display:none;}
.ui-selectmenu-menu {z-index:99999;}

#oBooking, #oPayment, #xImport, #wExtras {float:left; width:100%; display:none;}

#getQuote, #requestMoreInfo, .submitButton {float:right; font-size:18px;}
#completeClose {float:left;}
#getQuote:disabled {opacity:0.5; cursor:not-allowed;}
#getQuote i {font-size:18px;}

.quoteResponseTitle, .quoteResponseText, .quoteResponsePriceTitle, .quoteResponseActions, .quoteResponsePriceSP {float:left; width:100%;}
.quoteResponseTitle {font-size:20px; font-weight:600; margin:5px 0 10px;}
.quoteResponsePrice {float:right; background:#0E76BC; font-size:34px; font-weight:600; color:#FFF; text-align:center; border:1px solid #08598F; padding:5px 10px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
.quoteResponsePriceTitle {font-size:16px;} 
.priceBD {font-size:14px;}
.priceSD {height:32px; font-size:12px; line-height:30px; font-weight:300; display:inline-block; vertical-align:middle;}
.quoteResponsePriceSP {font-size:10px; font-style:italic; font-weight:300; margin:20px 0 0;}

.quoteResponseForm {float:left; width:100%;}

#closeQuote {position:absolute; top:0; right:10px; color:#FFF; font-size:40px; cursor:pointer;}
#closeQuote:hover {color:#F5E649; text-decoration:none;}
#cookieText a:hover {color:#404041;}

#cookieUseContainer {position:fixed; bottom:15px; background:rgba(255,255,255,0.95); text-align:center; border:2px solid #084066; padding:14px; font-size:14px; display:none; z-index:99997; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px; webkit-box-shadow:4px 4px 5px 0px rgba(20, 20, 20, 0.75); -moz-box-shadow:4px 4px 5px 0px rgba(20, 20, 20, 0.75); box-shadow:4px 4px 5px 0px rgba(20, 20, 20, 0.75);}
#cookieUse, #cookieText, #cookieButtons {float:left; width:100%; color:#231F20;}
#cookieText {padding:14px;}
#cookieText h6 {text-align:center;}
#cookieText a {color:#0E76BC;}
#cookieText a:hover {color:#231F20;}

#cookieContinue, #cookieRefuse {float:left; height:40px; line-height:36px; display:block; cursor:pointer; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}
#cookieContinue {background:#0E76BC; width:65%; color:#FFF; font-size:16px; margin:20px 5%; border:2px solid #084066;}
#cookieContinue:hover {background:#C9B149; text-decoration:none;}
#cookieRefuse {background:#FFF; width:calc(25% - 4px); color:#404041; font-size:12px; border:2px solid #231F20; margin:20px 0;}
#cookieRefuse:hover {background:#231F20; color:#FFF; text-decoration:none;}

#scrollToTop {background:#404041; border-radius:7px 7px 0 0; bottom:0; color:#FFF; font-family:"Open Sans"; font-size:32px; display:block; height:32px; opacity:0.75; padding:3px 0 15px; position:fixed; right:10px; text-align:center; text-decoration:none; width:49px; z-index:1040; display:none; cursor:pointer; box-sizing:content-box;}

@keyframes unfoldIn {
	0% {transform: scaleY(0.005) scaleX(0);}
	50% {transform: scaleY(0.005) scaleX(1);}
	100% {transform: scaleY(1) scaleX(1);}
}
@keyframes unfoldOut {
	0% {transform: scaleY(1) scaleX(1);}
	50% {transform: scaleY(0.005) scaleX(1);}
	100% {transform: scaleY(0.005) scaleX(0);}
}
@keyframes zoomIn {
	0% {transform:scale(0);}
	100% {transform:scale(1);}
}
@keyframes zoomOut {
	0% {transform: scale(1);}
	100% {transform: scale(0);}
}
@-webkit-keyframes unfoldIn {
	0% {transform: scaleY(0.005) scaleX(0);}
	50% {transform: scaleY(0.005) scaleX(1);}
	100% {transform: scaleY(1) scaleX(1);}
}
@-webkit-keyframes unfoldOut {
	0% {transform: scaleY(1) scaleX(1);}
	50% {transform: scaleY(0.005) scaleX(1);}
	100% {transform: scaleY(0.005) scaleX(0);}
}
@-webkit-keyframes zoomIn {
	0% {transform:scale(0);}
	100% {transform:scale(1);}
}
@-webkit-keyframes zoomOut {
	0% {transform: scale(1);}
	100% {transform: scale(0);}
}
@-ms-keyframes unfoldIn {
	0% {transform: scaleY(0.005) scaleX(0);}
	50% {transform: scaleY(0.005) scaleX(1);}
	100% {transform: scaleY(1) scaleX(1);}
}
@-ms-keyframes unfoldOut {
	0% {transform: scaleY(1) scaleX(1);}
	50% {transform: scaleY(0.005) scaleX(1);}
	100% {transform: scaleY(0.005) scaleX(0);}
}
@-ms-keyframes zoomIn {
	0% {transform:scale(0);}
	100% {transform:scale(1);}
}
@-ms-keyframes zoomOut {
	0% {transform: scale(1);}
	100% {transform: scale(0);}
}
@keyframes fadeIn {
	from {opacity:0;}
	to {opacity:1;}
}
@-webkit-keyframes fadeIn {
	from {opacity:0;}
	to {opacity:1;}
}
@-ms-keyframes fadeIn {
	from {opacity:0;}
	to {opacity:1;}
}
@keyframes fadeOut {
	from {opacity:1;}
	to {opacity:0;}
}
@-webkit-keyframes fadeOut {
	from {opacity:1;}
	to {opacity:0;}
}
@-ms-keyframes fadeOut {
	from {opacity:1;}
	to {opacity:0;}
}

@media screen and (min-width: 1600px) {
	.workflow .circleImg h3 {bottom:25px;}
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
	.workflow .circleImg h3 {bottom:10px; font-size:18px;}
}
@media screen and (min-width: 1200px) {
	.container, #pageGalleryOverlay, #footer {width:80%;}
	#pageGalleryOverlay {left:10%;}
	#pageGalleryOverlay h1 {font-size:40px; line-height:40px;}	
	.sixCircle {width:16.6666%;}
}
@media screen and (min-width: 1000px) and (max-width: 1199px) {
	#pageGalleryOverlay h1 {font-size:36px; line-height:36px;}
}
@media screen and (min-width: 768px) and (max-width: 999px) {
	#pageGalleryOverlay h1 {font-size:30px; line-height:30px;}
}
@media screen and (min-width: 1420px) {
	#mainMenu li {margin:0 25px;}
}
@media screen and (min-width: 940px) and (max-width: 1419px) {
	#mainMenu li {margin:0 10px;}
}
@media screen and (min-width: 1050px) and (max-width: 1249px) {
	#mainMenu li {font-size:14px}
}
@media screen and (min-width: 950px) and (max-width: 1049px) {
	#mainMenu li {font-size:12px}
}
@media screen and (min-width: 940px) {
	#projectQuote {padding:0 15px;}
}
@media screen and (min-width: 800px) and (max-width: 949px) {
	#mainMenu li {font-size:10px; margin:0 5px;}
	#projectQuote {padding:0 7.5px;}
}
@media screen and (min-width: 768px) and (max-width: 799px) {
	#mainMenu li {font-size:9px; margin:0 4px;}
	#projectQuote {padding:0 5px;}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
	.container, #pageGalleryOverlay, #footer {width:90%;}
	#pageGalleryOverlay {left:5%;}
	.workflow .boxRow {display:inline-block;}
	.sixCircle {width:calc(33.3333% - 3px);}
	.workflow .circleImg h3 {bottom:22px;}
}


@media only screen and (min-width: 768px) {
	header {height:110px;}
	#logo {height:65px; margin:22.5px 0;}
	#logo img {vertical-align:bottom; margin:0 5px -7px 0;}
	#logo span:first-of-type {font-size:30px;}
	#logo span {font-size:21px; letter-spacing:16px;}
	#logo h1 {font-size:14px; margin:3px 15px 0 0;}
	.showMenu {display:none;}
	nav {clear:right; margin:34px 0 40px;}
	.slidingHeader nav {margin:1px 0 3px;}
	.slidingHeader #projectQuote {margin-top:1px;}
	#mainMenu {float:right; position:relative;}
	#mainMenu ul {float:left; text-align:center; list-style:none; padding:0; margin:0;}
	#mainMenu li {float:left; list-style:none; display:inline-block; position:relative; padding:0; cursor:pointer;}
	#mainMenu li:last-child {margin-right:0 !important;}
	#mainMenu ul, #mainMenu li, #mainMenu a {height:36px; line-height:36px;}
	#mainMenu a {float:left; color:#404041; text-align:center; margin:0; position:relative;}
	#mainMenu a:before {content:""; background:#0E76BC; position:absolute; width:100%; height:2px; left:0; bottom:0; visibility:hidden; -webkit-transform:scaleX(0); transform:scaleX(0); -webkit-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s;}
	#projectQuote {background:#F5E649; border:1px solid #DBD400; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
	#projectQuote:hover {background:#404041; color:#FFF !important; border-color:#000;}
	#projectQuote:before {background:none !important;}
	#mainMenu a:hover:before, a.selectedPage:before {visibility:visible !important; -webkit-transform:scaleX(1) !important; transform:scaleX(1) !important;}
	#mainMenu a:hover, #mainMenu a.selectedPage {color:#0E76BC;}
	#mainMenu ul.ddMenu {height:auto;}
	.ddMenu {left:50%; width:250px; background:rgba(255, 255, 255, 0.7); margin:0 0 0 -125px !important; webkit-box-shadow:1px 1px 3px rgba(51, 51, 51, 0.15); -moz-box-shadow:1px 1px 3px rgba(51, 51, 51, 0.15); box-shadow:1px 1px 3px rgba(51, 51, 51, 0.15);}
	.slidingHeader .ddMenu {top:calc(100% + 3px);}
	.ddMenu.ddSideMenu {top:0; left:100%; margin:0 !important;}
	.ddMenu li {width:100% !important; margin:0 0 1px !important; padding:0 8px !important;}
	.ddMenu li:last-child {margin:0 !important;}
	.ddMenu a {color:#231F20 !important; text-shadow:none !important;}
	.slideShowSlide:hover::before, .captionOpen::before, .slideShowSlide:hover::after, .captionOpen::after, .slideShowSlide:hover .slideCaption:before, .captionOpen .slideCaption:before, .slideShowSlide:hover .slideCaption:after, .captionOpen .slideCaption:after {height:1100px !important;}
	.slideShowSlide:before,	.slideShowSlide:after, .slideCaption:before, .slideCaption:after {height:800px;}
	.slideText {text-align:left; padding:110px 0 0 50px;}
	.slideText h2 {font-size:36px;}
	.slideText p {font-size:18px;}
	.slideCaption:before {-webkit-transform:skew(30deg) translateX(100%); transform:skew(30deg) translateX(100%);}
	.slideCaption:after {-webkit-transform:skew(-30deg) translateX(99%); transform:skew(-30deg) translateX(99%);}
	.slideShowSlide:before {-webkit-transform:skew(30deg) translateX(95%); transform:skew(30deg) translateX(95%);}
	.slideShowSlide:after {-webkit-transform:skew(-30deg) translateX(94%); transform:skew(-30deg) translateX(94%);}
	.slideShowSlide:hover:before, .captionOpen:before {-webkit-transform:skew(30deg) translateX(40%); transform:skew(30deg) translateX(40%);}
	.slideShowSlide:hover:after, .captionOpen:after {-webkit-transform:skew(-30deg) translateX(30%) !important; transform:skew(-30deg) translateX(30%) !important;}
	#pageTitleContainer {height:230px;}
	#pageGalleryOverlay {top:110px; height:120px;}
	.boxRow {display:flex;}
	.websiteRow {justify-content:center;}
	.twoBoxes .twoBox, .threeBoxes .threeBox {flex:1 1 100%;}
	.twoBox, .twoBoxP {width:calc(50% - 20px);}
	.twoBoxesSR .twoBox:first-child {width:calc(65% - 20px);}
	.twoBoxesSR .twoBox:last-child {width:calc(35% - 20px);}
	.twoBoxesSR .twoBox {text-align:left;}
	.twoBox:first-child {margin-right:40px;}
	.threeBox, .threeBoxP, .featuredThreeBox, .categoryThreeBox {width:33.3333%;}
	.fourBox, .fourBoxP, .featuredFourBox, .categoryFourBox, .brandContainer {width:25%;}
	.threeCircles, .fourCircles {width:100%;}
	.threeCircle {width:33.3334%;}
	.fourCircle {width:25%;}
	.photoR, .photoL {width:500px;}
	#screenSlide {height:284px;}
	.videoR, .videoL {width:640px;}
	.contactCols {width:50%;}
	.contactCols:nth-child(odd) {padding-right:20px;}
	.contactCols:nth-child(even) {padding-left:20px;}
	.formTitle {display:block;}
	#captchaVerification .formLabel {display:inline-flex;}
	#captchaVerification .formInput {border-top:none;}
	.formLabel {display:none;}
	.formSelect .ui-selectmenu-button {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;}
	#captchaVerification .formInput {width:calc(100% - 220px); margin-left:20px;}
	#quoteFormContainer {width:96%;}
	.quoteResponse {width:calc(70% - 20px);}
	.quoteResponsePrice {width:30%; margin:0 0 10px 20px;}
	.footer3rd {width:25%;}
	.footer3rdCentre {width:50%; padding:20px 75px 40px;}
	#cookieUseContainer {right:15px; width:calc(100% - 30px);}
}

@media only screen and (max-width: 767px) {
	header {height:70px;}
	.container, #pageGalleryOverlay, #footer {width:96%;}
	#logo {height:52px; margin:9px 0;}
	#logo img {width:40px; height:40px; vertical-align:bottom; margin:0 5px -5px 0;}
	#logo span:first-of-type {font-size:25px;}
	#logo span {font-size:17px; letter-spacing:14px;}
	#logo h1 {font-size:12px; margin:3px 12px 0 0;}
	#logo span, #logo h1 {-webkit-animation:fadeIn 2s; -moz-animation:fadeIn 2s; -ms-animation:fadeIn 2s; -o-animation:fadeIn 2s; animation: fadeIn 2s;}
	.slidingHeader #logo span, .slidingHeader #logo h1 {-webkit-animation:fadeOut 0.5s; -moz-animation:fadeOut 0.5s; -ms-animation:fadeOut 0.5s; -o-animation:fadeOut 0.5s; animation:fadeOut 0.5s; -webkit-animation-fill-mode:forwards; animation-fill-mode:forwards;}
	nav {position:absolute; top:0; right:0; background:none; width:70px; height:70px; z-index:9997;}
	.slidingHeader nav, .slidingHeader #showMenu {height:40px;}
	.slidingHeader #showMenu {padding:10px 20px;}
	.showMenu {position:absolute; top:0; right:-1%; display:inline-block;}
	#showMenu.is-active {background:none;}
	#mainMenu {position:fixed; top:0; right:-260px; width:260px; height:100vh; background:rgba(35,31,32,0.8); padding:25px; z-index:-1; transition:transform 0.4s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0s; overflow-y:auto;}
	#mainMenu ul {margin:55px 0 70px; list-style:none; padding:0;}
	#mainMenu li {text-align:center; padding:0; border-bottom:1px solid #41454D;}
	#mainMenu li {float:left; width:100%; padding:8px 0; opacity:0; transform:translate3d(0px, 100vh, 0px); transition-delay:0.8s, 0s; transition-duration:0.8s, 0.6s; transition-property:transform, opacity; transition-timing-function:cubic-bezier(0.7, 0, 0.3, 1);}
	#mainMenu li:first-child {border-top:1px solid #41454D;}
	#mainMenu li a {width:100%; color:#FFF; text-align:center; padding:5px 10px; cursor:pointer; display:block;}
	#mainMenu a:hover, #mainMenu a.selectedPage {color:#F5E649;}
	.ddMenu {background:none; margin:0 !important; width:100%; min-width:100% !important; right:0 !important; border:none !important; margin:0 0 15px !important; position:relative !important;}
	.ddmenu a {color:#FFF !important; transition-duration:0.5s;}
	.ddmenu a:hover {color:#231F20 !important;}
	nav.is-active, #loginLI, #contactTel {display:block;}
	.languages {position:absolute !important; top:52px; right:4px; color:#FFF; z-index:9998;}
	#headerSignin, header h2 {display:none;}
	nav.is-active #mainMenu {transform:translateX(-260px);}
	nav.is-active #mainMenu li, nav.is-active #mobSignup, nav.is-active #mobLogin, nav.is-active #languagesContainer {transform:translate3d(0px, 0px, 0px); opacity:1; transition:transform 0.8s ease 0s, opacity 0.6s ease 0s;}
	nav.is-active #mainMenu li:last-child {border-bottom:none;}
	nav li:last-child {border-bottom:none;}
	nav.is-active #mainMenu li:nth-child(2) {transition-delay:0.05s;}
	nav.is-active #mainMenu li:nth-child(3) {transition-delay:0.1s;}
	nav.is-active #mainMenu li:nth-child(4) {transition-delay:0.15s;}
	nav.is-active #mainMenu li:nth-child(5) {transition-delay:0.2s;}
	nav.is-active #mainMenu li:nth-child(6) {transition-delay:0.25s;}
	nav.is-active #mainMenu li:nth-child(7) {transition-delay:0.3s;}
	nav.is-active #mainMenu li:nth-child(8) {transition-delay:0.35s;}
	nav.is-active #mainMenu li:nth-child(9) {transition-delay:0.4s;}
	nav.is-active #mainMenu li:nth-child(n+10) {transition-delay:0.45s;}
	.ddMenu {background:none; margin:0 !important; width:100%; min-width:100% !important; right:0 !important; border:none !important; margin:0 0 15px !important; position:relative !important;}
	.ddmenu a {color:#FFF !important; transition-duration:0.5s;}
	.ddmenu a:hover {color:#231F20 !important;}
	.slideCaption:after, .slideShowSlide:hover::before, .captionOpen::before, .captionOpen .slideCaption:after, .slideShowSlide:before,	.slideShowSlide:after, .slideCaption:before, .slideShowSlide:hover::after, .captionOpen::after, .slideShowSlide:hover .slideCaption:before, .captionOpen .slideCaption:before, .slideShowSlide:hover .slideCaption:after {height:800px;}
	.slideText {text-align:right; padding:70px 0 0 20px; }
	.slideText h2 {font-size:26px;}
	.slideText p {font-size:14px;}
	.slideCaption:before {-webkit-transform:skew(30deg) translateX(110%); transform:skew(30deg) translateX(110%);}
	.slideCaption:after {-webkit-transform:skew(-30deg) translateX(100%); transform:skew(-30deg) translateX(100%);}
	.slideShowSlide:before {-webkit-transform:skew(30deg) translateX(95%); transform:skew(30deg) translateX(95%);}
	.slideShowSlide:after {-webkit-transform:skew(-30deg) translateX(84%); transform:skew(-30deg) translateX(84%);}
	.slideShowSlide:hover:before, .captionOpen:before {-webkit-transform:skew(30deg) translateX(30%); transform:skew(30deg) translateX(30%);}
	.slideShowSlide:hover:after, .captionOpen:after {-webkit-transform:skew(-30deg) translateX(20%) !important; transform:skew(-30deg) translateX(20%) !important;}

	#pageTitleContainer {height:190px;}
	#pageGalleryOverlay {top:70px; left:2%; margin:0;}

	.twoBox, .threeBox, .fourBox, .threeCircle, .fourCircle, .contactCols {width:100%;}
	.twoCircle, .threeCircle, .fourCircle {border:none; margin-bottom:30px;}
	.sixCircle {width:calc(50% - 3px);}
	.workflow .circleImg h3 {bottom:16px; font-size:18px;}
	#workflowText h4 {font-size:28px;}
	#workflowText p {font-size:20px;}
	.formTitle {display:none;}
	.formInput {width:100%; border-top:none;}
	.formInputHalf {width:49% !important;}
	.formLabel {display:inline-flex;}
	.formSelect .ui-selectmenu-button {border-top:none; border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px;}
	#captchaVerification iframe {left:50%; margin:0 0 20px -100px; position:relative;}

	#quoteFormContainer {width:calc(100vw - 19px);}
	.quoteResponse, .quoteResponsePrice {width:100%; margin:0 0 20px;}

	.footer3rd {width:100%;}
	#cookieUseContainer {right:5px; width:calc(100% - 10px);}
}
@media only screen and (min-width: 660px) and (max-width: 767px) {
	.videoR, .videoL {width:440px;}
}
@media only screen and (min-width: 536px) and (max-width: 767px) {
	.photoR, .photoL {width:300px;}
	#screenSlide {height:170px;}
}
@media only screen and (max-width: 659px) {
	.videoR, .videoL {width:100%; margin:10px 0 !important;}
}
@media only screen and (max-width: 535px) {
	.photoR, .photoL {width:100%; margin:10px 0 !important;}
	#screenSlide {height:calc(100vw /1.76);}
	#captchaVerification .formInput {padding-top:25px;}
}

a {color:#0E76BC; text-decoration:none; transition-duration:0.5s;}
a:hover {color:#231F20 ; text-decoration:none;}