body {background:#FFF; top:0 !important; margin:0 auto; font-family:"Roboto", Arial, Verdana, Helvetica; font-size:18px; color:#82828A; overflow-x:hidden;} *, *::before, *::after {box-sizing:border-box;} header, #header, #mainContent, #tlContainer, .container, #footer, #footerBottom, #logo, #logo a, #logo svg, #logo path, nav, .showMenuBox, #menuTitle, #mainMenu, #mainMenu li, #mainMenu a, .languages, .socialLink, .submitButton, #contactInDiv i, #footerLogo, #footerLogo svg, #footerLogo path, #footerLogo span, #footerLogo:after {transition-duration:0.5s;} .fixed {overflow:hidden;} header {position:absolute; top:0; left:0; width:100%; height:120px; background:rgba(255, 255, 255, 0.9); z-index:99; transition-property:height, color; -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow:0px 0px 10px 0px rgba(0,0,0,0.6);} header.slidingHeader {position:fixed; top:-30px; left:0; height:80px; background:rgba(255, 255, 255,0.8); backdrop-filter:blur(5px);} #header {float:left; height:90px; position:relative;} .slidingHeader #header {height:50px;} #logo {position:absolute; left:0; z-index:2;} #logo svg {width:100%; height:100%;} .logoC {fill:#3C64AD;} .logoT {fill:#233C6A;} .logoS {fill:#666766;} #logo:hover .logoC {fill:#233C6A;} #logo:hover .logoT {fill:#162745;} #logo:hover .logoS {fill:#303030;} .slidingHeader #logo {top:5px; left:0; width:153px; height:40px;} #topLine {position:absolute; background:#3C64AD; top:0; left:0; width:100%; height:30px; color:#FFF;} #headerContact {float:left;} #headerContact, #getAQuote {height:30px; line-height:30px; font-size:14px; position:relative; white-space:nowrap; overflow:hidden;} #headerContact a {color:#FFF; margin-right:15px;} #headerContact i {margin-right:5px;} #headerContact a:hover {color:#FFDE17; text-decoration:none;} #headerSocial {float:right; height:30px; text-align:center; display:flex; align-items:center;} #getAQuote {float:right; color:#FFF; margin:0 25px;} #getAQuote:hover {color:#FFDE17; text-decoration:none;} .socialLink {width:22px; height:22px; color:#FFF !important; font-size:12px; line-height:20px; display:inline-block; margin-right:8px; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; overflow:hidden;} .socialWALink {line-height:20px; display:inline-block; margin-right:0;} .socialWALink img {width:auto; height:22px; vertical-align:middle;} .socialLink:last-child {margin-right:0;} #menuSocial a:hover .socialLink, .socialLink:hover {background:#FFF;} .fbLink {background:#3B5998; border:1px solid #3B5998;} #menuSocial a:hover .fbLink, .fbLink:hover, .fbLinkA:hover {color:#3B5998 !important;} .twLink {background:#0F1419; border:1px solid #0F1419;} #menuSocial a:hover .twLink, .twLink:hover, .twLinkA:hover {color:#0F1419 !important;} .gpLink {background:#E8574F; border:1px solid #E8574F;} #menuSocial a:hover .gpLink, .gpLink:hover, .gpLinkA:hover {color:#E8574F !important;} .instaLink {background:#BC1888; background:-moz-linear-gradient(45deg, #F09433 0%, #E6683C 25%, #DC2743 50%, #CC2366 75%, #BC1888 100%); background: -webkit-linear-gradient(45deg, #F09433 0%,#E6683C 25%,#DC2743 50%,#CC2366 75%,#BC1888 100%); background: linear-gradient(45deg, #F09433 0%, #E6683C 25%, #DC2743 50%, #CC2366 75%, #BC1888 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F09433', endColorstr='#BC1888',GradientType=1 ); border:1px solid #BC1888;} #menuSocial a:hover .instaLink, .instaLink:hover, .instaLinkA:hover {color:#BC1888 !important;} .ytLink {background:#FF0000; border:1px solid #FF0000;} #menuSocial a:hover .ytLink, .ytLink:hover, .ytLinkA:hover {color:#FF0000 !important;} .liLink {background:#0073B1; border:1px solid #0073B1;} #menuSocial a:hover .liLink, .liLink:hover, .liLinkA:hover {color:#0073B1 !important;} .showMenu {position:absolute; background:rgba(67, 73, 82, 0.75); right:0; margin:0; border:0; display:inline-block; overflow:visible; cursor:pointer; z-index:100;} .slidingHeader .showMenu {width:50px; height:50px;} .showMenuBox {position:absolute; width:30px; height:24px;} .slidingHeader .showMenuBox {top:7px; left:10px;} #menuTitle {position:absolute; bottom:10px; left:0; width:100%; height:14px; line-height:14px; text-align:center; text-transform:uppercase; color:#FFF; font-size:10px;} .slidingHeader #menuTitle {bottom:0;} .showMenu.is-active #menuTitle {color:#231F20;} .showMenuContent {top:50%; display:block; margin-top:-2px;} .showMenuContent, .showMenuContent::before, .showMenuContent::after {position:absolute; 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:rgba(255, 222, 23, 0.8);} .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:-16px; transition:top 0.3s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0.3s, opacity 0.1s linear 0s;} .menuCollapsed .showMenuContent::before {top:-8px; 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 {white-space:nowrap;} .ddMenu {position:absolute; 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;} .menuShow i {transform:rotate(-180deg);} .languages {float:right; margin:0; display:flex; justify-content:center; align-items:center; z-index:2; cursor:pointer; position:relative;} .slidingHeader .languages {margin:0;} .languages i {margin-left:5px; transition-duration:0.5s;} .languages:hover i {color:#FFDE17;} .languageMenu {position:absolute; background:rgba(255,255,255,0.9); top:100%; left:0; width:100%; display:none; padding:5px 8px; webkit-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5); -moz-box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5); box-shadow:0px 0px 5px 0px rgba(0,0,0,0.5); z-index:1045;} .languageHolder {float:left; width:24px; height:24px; overflow:hidden; position:relative; z-index:2;} .languageRow {float:left; width:100%;} .languageTitle {font-size:12px !important; line-height:24px !important; margin-bottom:5px;} .languageRow:last-child {margin-bottom:0;} .languageMenu .languageHolder {margin:4px 5px 6px 0;} .languageMenu .languageHolder img {opacity:0.6;} .languageMenu .languageHolder img:hover, .langSelected {opacity:1;} .languageRow a {float:left; display:flex; align-items:center; width:100%; height:auto !important; color:#231F20; margin:0 !important;} .languageRow a:hover {color:#008F8F; text-decoration:none;} .languageHolder img {position:absolute; top:0; left:0; cursor:pointer; transition-duration:0.5s;} .enLang, .Lang, .gTransImg {left:0;} .esLang {left:-25px !important;} .deLang {left:-50px !important;} .frLang {left:-75px !important;} .nlLang {left:-100px !important;} .ruLang {left:-125px !important;} .languageMenu.gTrans {left:calc(50% - 20px); width:40px;} .gtranslate_wrapper a {float:left; width:100%; height:auto !important; line-height:24px !important; text-align:center; margin:0 0 3px !important;} #homeGallery, #pageGallery, #pageGalleryS {float:left; width:100%; position:relative; overflow:hidden;} #homeGallery {height:680px;} #pageGallery {height:600px;} #gallerySlides, .pageGallery {position:absolute; top:0; left:0; width:100%; height:100%;} .pageGallery {overflow:hidden;} .videoHolder {float:left; width:100%; height:100%; position:relative;} .pageGallery img, .pageGallery video {width:100%; height:100%; object-fit:cover;} .homeOverlay, #galleryOverlay {position:absolute; background:rgba(35, 31, 32, 0.35); background:linear-gradient(60deg,rgba(35, 31, 32, 0.5) 0%, rgba(35, 31, 32, 0.1) 100%); top:0; left:0; width:100%; height:100%; z-index:12;} .homeOverlay {display:flex; justify-content:center; align-items:center;} .homeGalleryOverlay {width:100%; max-width:600px; color:#FFF; container-type:inline-size;} .homeGalleryOverlay h1 {font-size:10cqw; font-weight:700; text-shadow:2px 2px 4px #3A3A3A; margin:0 0 10px;} .homeGalleryOverlay p {font-size:4cqw; font-weight:500; text-shadow:1px 1px 1px #7B7B7B; margin:0 0 15px;} .homeGalleryOverlay h1, #pageGalleryOverlay h1 {color:#FFF;} .homeGalleryOverlayBtns {float:left; width:100%; margin:10px 0 0;} .homeBtn {font-family:"Roboto", Arial, Verdana; font-weight:600; text-align:center; border:1px solid rgba(0, 0, 0, 0.2); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; transition-duration:0.5s; cursor:pointer;} .homeBtnL {float:left; background:#3C64AD; color:#FFF;} .homeBtnR {float:right; background:#FFDE17; color:#231F20;} .homeBtn i {margin-right:5px;} .homeBtn:hover {background:#FFF; color:#3C64AD; text-decoration:none;} #pageGalleryOverlay {position:absolute; display:flex; align-items:center;} main, footer {float:left; width:100%;} main {min-height:calc(100vh - 284px);} h1, h2, h3, h4, h5, h6 {font-family:"Montserrat", Arial, Verdana, Helvetica; font-weight:700; font-size:26px;} .mainContent h1, .mainContent h2, .mainContent h3, .mainContent h4, .mainContent h5, .mainContent h6, #cookieText h6, #popupContent h6 {font-size:32px; color:#3C64AD; margin:5px 0 15px;} .textWBG .textRow h1, .textWBG .textRow h2, .textWBG .textRow h3, .textWBG .textRow h4, .textWBG .textRow h5, .textWBG .textRow h6, .wContactBox h1, .wContactBox h2, .wContactBox h3, .wContactBox h4, .wContactBox h5, .wContactBox h6, .textWBG .contactText h1, .textWBG .contactText h2, .textWBG .contactText h3, .textWBG .contactText h4, .textWBG .contactText h5, .textWBG .contactText h6, .twoBox:nth-child(1) h1, .twoBox:nth-child(1) h2, .twoBox:nth-child(1) h3, .twoBox:nth-child(1) h4, .twoBox:nth-child(1) h5, .twoBox:nth-child(1) h6, .twoBox:nth-child(4) h1, .twoBox:nth-child(4) h2, .twoBox:nth-child(4) h3, .twoBox:nth-child(4) h4, .twoBox:nth-child(4) h5, .twoBox:nth-child(4) h6, .twoBox:nth-child(5) h1, .twoBox:nth-child(5) h2, .twoBox:nth-child(5) h3, .twoBox:nth-child(5) h4, .twoBox:nth-child(5) h5, .twoBox:nth-child(5) h6, .twoBox:nth-child(8) h1, .twoBox:nth-child(8) h2, .twoBox:nth-child(8) h3, .twoBox:nth-child(8) h4, .twoBox:nth-child(8) h5, .twoBox:nth-child(8) h6, .threeBox:nth-child(2n) h1, .threeBox:nth-child(2n) h2, .threeBox:nth-child(2n) h3, .threeBox:nth-child(2n) h4, .threeBox:nth-child(2n) h5, .threeBox:nth-child(2n) h6, .fourBox:nth-child(2n) h1, .fourBox:nth-child(2n) h2, .fourBox:nth-child(2n) h3, .fourBox:nth-child(2n) h4, .fourBox:nth-child(2n) h5, .fourBox:nth-child(2n) h6 {color:#FFDE17 !important; font-size:32px !important;} #popupContent h6 {text-align:center;} .boxList h1, .boxList h2, .boxList h3, .boxList h4, .boxList h5, .boxList h6 {text-align:center;} #pageBreadcrumb {float:left; width:100%; background:#3C64AD; padding:2px 0; -webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.6); -moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.6); box-shadow:0px 0px 10px 0px rgba(0,0,0,0.6); position:relative; z-index:2;} #pageBreadcrumb ol {width:100%; linewsArticleListCst-style:none; display:block; line-height:16px; padding:5px 0; margin:0;} #pageBreadcrumb li {display:inline-block;} #pageBreadcrumb li:not(:first-child)::before {font-family:"Font Awesome 6 Free"; content:"\f30b"; display:inline-block; font-weight:900; font-size:12px; color:#F3F3F3; margin:0 3px 0 0;} #pageBreadcrumb li, #pageBreadcrumb li a {color:#FFF;} #pageBreadcrumb li a:hover {color:#FFDE17; text-decoration:underline;} .mainContent {float:left; width:100%; display:inline-block; margin-bottom:80px;} .mainContent.tb40, #pageBreadcrumb + .mainContent, #homeGallery + .mainContent {margin:60px 0;} #pageBreadcrumb + .mainContent.mTopBot100 {margin:100px 0 !important;} .mainContent.tb60 {margin:60px 0 !important;} .mainContent.tb80 {margin:80px 0 !important;} .mainContent.mTopBot100 {margin:100px 0;} .mainContent.t20 {margin:20px 0 0 !important;} .mainContent.t40 {margin:40px 0 0 !important;} .mainContent.t60 {margin:60px 0 0 !important;} .mainContent.t80 {margin:80px 0 0 !important;} .mainContent.t100 {margin:100px 0 0 !important;} .mainContent.b20 {margin:0 0 20px !important;} .mainContent.b40 {margin:0 0 40px !important;} .mainContent.b60 {margin:0 0 60px !important;} .mainContent.b80 {margin:0 0 80px !important;} .mainContent.b100 {margin:0 0 100px !important;} .mainContent.noMargin {margin:0 !important;} .mainContent::before, .mainContent::after {content:" "; display:table;} .mainContent p strong {font-weight:600;} .mainContent.grey {background:#FBFBFB; padding:20px 0;} .mainContentW, .mainContentN {float:left;} .contactDiv {position:relative;} .mainContent.tb40, #pageBreadcrumb + .mainContent, #homeGallery + .mainContent {margin:40px 0;} #pageBreadcrumb + .mainContent.mTopBot100 {margin:100px 0 !important;} .boxRow, .newsContainer, .newsBackRow {float:left; width:100%; vertical-align:top; position:relative; display:flex; flex-wrap:wrap; justify-content:space-around; align-items:center;} .boxList .boxRow, .newsContainer, .newsBackRow {justify-content:center;} .twoBoxes, .threeBoxes, .fourBoxes {float:left; width:100%; padding:25px 0 30px; margin:0 0 25px;} .twoBox, .threeBox, .fourBox, .insuranceBoxC, .newsArticleListC {float:left; background-clip:padding-box; display:flex; flex-direction:column;} p.photoTitle {margin:8px 0 15px;} .twoBox, .categoryTwoBox {width:calc(50% - 20px);} .threeBox, .categoryThreeBox {width:calc(33.3333% - 20px);} .fourBox, .categoryFourBox, .newsArticleListC {width:calc(25% - 20px);} .insuranceBoxC {width:calc(25% - 1px); min-width:300px;} .slick-track .insuranceBoxC {min-width:unset;} .slick-track .insuranceBox {background:#FFF;} .twoBox, .threeBox, .fourBox, .categoryTwoBox, .categoryThreeBox, .categoryFourBox, .insuranceBoxC, .newsArticleListC {background-clip:padding-box; border:15px solid transparent; position:relative; vertical-align:top;} .boxC {float:left; background:#FEFEFE; width:100%; padding:5px 10px; border:1px solid #FAFAFA;} .twoBox h3, .twoBox h4, .threeBox h3, .threeBox h4, .fourBox h3, .fourBox h4, .insuranceBoxC h3, .insuranceBoxC h4 {font-size:22px; margin:10px 0 5px;} .twoBox p, .threeBox p, .fourBox p {margin:5px 0;} .insuranceBox {float:left; width:100%; background-clip:padding-box; display:flex; flex-direction:column; text-align:center; position:relative; border-radius:8px; box-shadow:0px 10px 60px 0px rgba(0, 0, 0, 0.07); overflow:hidden;} .insuranceImg, .insuranceText {float:left; width:100%;} .insuranceImg {aspect-ratio:16/9; position:relative;} .insuranceImg img {width:100%; height:auto;} .insuranceText {background:#FFF; top:-18px; color:#82828A; clip-path:polygon(50% 18px, 100% 0%, 100% 100%, 0 100%, 0% 0%); padding:70px 20px 30px; position:relative;} .insuranceIcon {position:absolute; bottom:-40px; left:50%; width:80px; height:80px; background:#FFDE17; color:#FFF; font-size:32px; display:flex; justify-content:center; align-items:center; margin-left:-40px; border-radius:50%; transition-duration:0.5s; z-index:2;} .insuranceBox:hover .insuranceIcon, .insuranceBox:hover .insuranceImg:after {background:#3C64AD; color:#FFF;} .insuranceLink, .insurancePLink {position:absolute; top:0; left:0; width:100%; height:100%; display:block; cursor:pointer; z-index:3;} .insuranceImg:after {content:""; background:#FFF; clip-path:polygon(50% 28px, 100% 0, 100% 12px, 50% 40px, 0 12px, 0 0); width:100%; height:44px; left:0; bottom:-16px; z-index: 1; position:absolute; -webkit-transition: all 0.35s; transition: all 0.35s;} .boxGallery {aspect-ratio:16/9; overflow:hidden;} .boxGallery img {position:absolute; top:-9999px; bottom:-9999px; left:-9999px; right:-9999px; margin:auto;} .boxP {width:100%; aspect-ratio:16/9; overflow:hidden; display:flex; justify-content:center; align-items:center;} .twoBox.boxImage, .threeBox.boxImage, .fourBox.boxImage {background:none; padding:0; flex-direction:column;} .colPic {display:flex; justify-content:center; align-items:center;} .twoBox.boxImage img, .threeBox.boxImage img, .fourBox.boxImage img {float:left; width:auto; max-width:100%; height:auto; max-height:110px;} .boxC h1, .boxC h2, .boxC h3, .boxC h4, .boxC h5, .boxC h6, .twoBox:nth-child(1) a:hover, .twoBox:nth-child(4) a:hover, .twoBox:nth-child(5) a:hover, .twoBox:nth-child(8) a:hover, .threeBox:nth-child(2n+1) a:hover, .fourBox:nth-child(2n+1) a:hover {color:#FFDE17;} .twoBox, .threeBox, .fourBox {margin-bottom:20px; align-self:stretch;} .twoBox:nth-child(2), .twoBox:nth-child(3), .twoBox:nth-child(6), .twoBox:nth-child(7), .threeBox:nth-child(2n), .fourBox:nth-child(2n) {background:#FFDE17; color:#736D6F;} .boxN .twoBox:nth-child(2) i, .boxN .twoBox:nth-child(3) i, .boxN .twoBox:nth-child(6) i, .boxN .twoBox:nth-child(7) i {background:#3C64AD; color:#FFDE17;} .twoBox:nth-child(1), .twoBox:nth-child(4), .twoBox:nth-child(5), .twoBox:nth-child(8), .threeBox:nth-child(2n+1), .fourBox:nth-child(2n+1) {background:#3C64AD; color:#C7CEE2;} .boxN .twoBox:nth-child(1) i, .boxN .twoBox:nth-child(4) i, .boxN .twoBox:nth-child(5) i, .boxN .twoBox:nth-child(8) i {background:#FFDE17; color:#3C64AD;} .twoBox:nth-child(1) a, .twoBox:nth-child(4) a, .twoBox:nth-child(5) a, .twoBox:nth-child(8) a, .threeBox:nth-child(2n+1) a, .fourBox:nth-child(2n+1) a {color:#C7CEE2;} .twoBox:nth-child(1) a:hover, .twoBox:nth-child(4) a:hover, .twoBox:nth-child(5) a:hover, .twoBox:nth-child(8) a:hover, .threeBox:nth-child(2n+1) a:hover, .fourBox:nth-child(2n+1) a:hover {text-decoration:none;} .twoBox:nth-child(2) a, .twoBox:nth-child(3) a, .twoBox:nth-child(6) a, .twoBox:nth-child(7) a, .threeBox:nth-child(2n) a, .fourBox:nth-child(2n) a {color:#736D6F;} .twoBox:nth-child(2) a:hover, .twoBox:nth-child(3) a:hover, .twoBox:nth-child(6) a:hover, .twoBox:nth-child(7) a:hover, .threeBox:nth-child(2n) a:hover, .fourBox:nth-child(2n) a:hover {color:#3C64AD;} .twoBox.boxImage, .threeBox.boxImage, .fourBox.boxImage, .newsContainer .twoBox, .newsContainer .threeBox, .newsContainer .fourBox {background:none; color:#231F20; padding:0;} .boxImageImgC {float:left; width:100%; border:1px solid #F2F2F2; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .boxImageImg {float:left; width:100%; border:1px solid #F2F2F2; border-radius:2px 2px 0 0; -moz-border-radius:2px 2px 0 0; -webkit-border-radius:2px 2px 0 0; overflow:hidden;} .boxImageText {float:left; width:100%; padding:5px 10px; text-align:center;} .boxImageText h1, .boxImageText h2, .boxImageText h3, .boxImageText h4, .boxImageText h5, .boxImageText h6 {font-size:18px; margin:0 0 5px;} .boxImageText p {font-size:14px; margin:0 0 5px;} .newsArticleListC {align-self:stretch;} .newsArticleListC a, a .newsArticleListHL {color:#231F20; transition-duration:0.5s;} .newsArticleListPhoto, .newsArticleListHL, .newsArticleListIN {float:left; width:100%;} .newsArticleListPhoto {overflow:hidden; margin-bottom:5px;} .newsArticleListPhoto img {width:100%; height:auto; transition-duration:0.5s;} .newsArticleListC a:hover .newsArticleListPhoto img {opacity:0.75;} .newsArticleListHL {font-size:20px; font-weight:600; margin-bottom:10px;} .newsArticleListIN {font-size:14px;} a .newsArticleListIN {color:#82828A; transition-duration:0.5s;} .newsArticleListC a:hover, a:hover .newsArticleListHL {color:#3C64AD;} a:hover .newsArticleListIN {color:#231F20;} .boxBorder {float:left; width:80%; height:100%; background:#FFF; color:#231F20; text-align:center; border:1px solid #246A3F; margin:0 10%; border-radius:8px; -moz-border-radius:8px; -webkit-border-radius:8px; overflow:hidden; webkit-box-shadow:0 0 5px 0px rgba(20, 20, 20, 0.5); -moz-box-shadow:0 0 5px 0px rgba(20, 20, 20, 0.5); box-shadow:0 0 5px 0px rgba(20, 20, 20, 0.5);} .boxBorder h3, .boxBorder p {width:calc(100% - 20px) !important;} .boxBorder h3 {margin:5px 10px 10px !important; text-align:center !important;} .boxBorder p {margin:15px 10px;} .twoColsR .colSixty, .colThirty, .sliderContainer, .sliderText, .contactText, .contactForm, .contactFormC {float:left;} .hBoxR, .hBoxL, .wContactR, .wContactL {float:left; width:100%;} .hBoxR .boxT, .wContactR .wContactText {float:left; padding-right:40px;} .hBoxR .boxN, .wContactR .wContactBox {float:right;} .hBoxL .boxT, .wContactL .wContactText {float:right; padding-left:40px;} .hBoxL .boxN, .wContactL .wContactBox {float:left;} .boxN .twoBox h1, .boxN .twoBox h2, .boxN .twoBox h3, .boxN .twoBox h4, .boxN .twoBox h5, .boxN .twoBox h6 {font-size:24px !important;} .boxN .twoBox {font-size:16px; border-radius:8px;} .boxN .twoBox p {font-variant:small-caps;} .boxN a {position:absolute; top:0; left:0; width:100%; height:100%; display:block;} .wContactBox i, .boxN i {padding:20px; border-radius:50%;} .wContactBox i {background:#FFDE17; color:#3C64AD;} .wContactBox {background:#3C64AD; color:#FFF; text-align:center; padding:15px 20px; border-radius:6px; position:relative; overflow:hidden;} .wContactBox a {color:#FFF;} .wContactBox a:hover {color:#FFDE17; text-decoration:none;} .wContactBoxC {position:relative; z-index:1;} .wContactBoxBG {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.1;} .wContactBoxBG img {position:absolute; width:100%; height:auto; top:-9999px; bottom:-9999px; right:-9999px; left:-9999px; margin:auto;} .centredText {width:75%; padding:0 1%;} .centredTextWide {width:100%; padding:0 1%;} .centredText, .centredTextWide {margin:0 auto;} .halfColPic {width:40%; height:auto;} .textPicLeft .halfColPic {float:left; margin:0 15px 5px 0; position:relative; z-index:1;} .textPicRight .halfColPic {float:right; margin:0 0 5px 15px;} .fullWPic {float:left; width:100%; margin:0 0 15px;} .halfColPic img, .fullWPic img {width:100%; height:auto; margin-bottom:20px; -webkit-box-shadow:3px 3px 8px 0px rgba(98,99,98,0.3); -moz-box-shadow:3px 3px 8px 0px rgba(98,99,98,0.3); box-shadow:3px 3px 8px 0px rgba(98,99,98,0.3);} a.boxLink, .newsBackRow a {height:40px; line-height:40px; background:#3C64AD; color:#FFF; text-align:center; text-decoration:none; display:inline-block; padding:0 20px; margin:15px auto; position:relative; border:1px solid rgba(35, 31, 32, 0.25); border-radius:6px; cursor:pointer;} .newsBackRow a {font-size:16px;} a.boxLink:hover, #bookButton:hover, #bookNowSubmit:hover, .newsBackRow a:hover {background:#FFDE17 ; color:#231F20; text-decoration:none; transition-duration:0.5s;} .threeBox a.boxLink, .fourBox a.boxLink, .halfColText a.boxLink {float:right;} .pGallery {float:left; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;} .galleryPhoto {min-height:100px; aspect-ratio:16/9; display:flex; align-items:center; border:5px solid transparent; position:relative; overflow:hidden;} .galleryPhoto img {float:left; width:100%; height:auto; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; cursor:pointer;} .galleryPhoto img.gPhotoP {width:auto; height:100%;} .imgPopS {width:100%; height:100%;} .galleryPhotoTitle {position:absolute; bottom:0; left:0; background:rgba(35, 31, 32,0.4); width:100%; height:31px; font-size:14px; color:#FFF; padding:5px 10px; border-top:1px solid rgba(35, 31, 32,0.4); border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; -webkit-border-radius:0 0 4px 4px; transition-duration:0.6s; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .reviewContainer {float:left; width:100%; margin-bottom:40px;} .mainContent blockquote {width:calc(100% - 100px); background:#FAFAFA; text-align:center; position:relative; padding:5px 15px; margin:0 50px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .mainContent blockquote:before, .mainContent blockquote:after {font-family:"Font Awesome 6 Free"; font-size:28px; position:absolute; color:#3C64AD; font-weight:900; font-style:italic;} .mainContent blockquote:before {content:"\f10d"; top:0; margin-right:13px; right:100%;} .mainContent blockquote:after {content:"\f10e"; bottom:0; margin-left:13px; left:100%;} .reviewDetails {width:calc(100% - 100px); font-size:14px; font-weight:600; font-style:italic; margin:0 50px; padding-left:55px; line-height:30px; position:relative;} .reviewDetails:before {content:""; position:absolute; left:15px; top:0; width:0; height:0; border-style:solid; border-width:30px 0px 0 30px; border-color:#FAFAFA transparent transparent transparent;} .reviewData {margin-left:10px; font-size:12px; font-weight:400; display:inline-block;} .reviewData .far.fa-clock {margin-right:3px;} .reviewDate {display:inline-block; margin-right:10px;} .reviewStars .fas.fa-star {color:#FFDE17;} .reviewStars {display:inline-block;} .contactFormC {background:#FFF; border:1px solid #F4F3F8; border-top:3px solid #3C64AD; padding:30px; border-radius:8px; position:relative;} .textWBG .contactFormC {background:rgba(255, 255, 255, 0.75); color:#231F20; border-top:3px solid #FFDE17;} .contactFormW {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-around;} .formPagesC {float:left; width:100%; border-top:1px solid #909090; border-bottom:1px solid #909090; margin-bottom:20px;} .formPagesC ol {float:left; list-style:none; counter-reset:item; padding:0;} .formPagesC li {float:left; height:40px; counter-increment:item; display:flex; justify-content:center; align-items:center; position:relative; padding-left:50px; margin:8px 25px 8px 0;} .formPagesC li:before {position:absolute; top:0; left:0; width:40px; height:40px; line-height:38px; font-family:"Montserrat", Arial, Verdana, Helvetica; font-size:20px; font-weight:500; content:counter(item); background:#EDEDED; border-radius:100%; color:#2E2E2E; text-align:center; display:inline-block; transition-duration:0.3s;} .formPagesC li.currentFPage:before {background:#3C64AD; color:#FFF;} #additionalPeople, #addPeoplePH {float:left; width:100%; display:none;} #additionalPeopleC {float:left; width:100%;} #addCovered {float:left; margin:7px 0; display:none;} .additionalPeopleRow {float:left; width:100%; margin-bottom:10px; position:relative;} .deleteAddPerson {position:absolute; top:0; right:0; width:40px; height:40px; font-size:24px; cursor:pointer;} #formScroller {float:left; width:100%; overflow:hidden; display:flex; flex-wrap:nowrap;} .formPage {float:left; width:100%; flex:0 0 auto; margin-right:60px; padding-top:10px;} p.formPageTitle {float:left; width:100%; font-size:20px; font-weight:600; color:#3C64AD; margin:0 0 15px;} .formInput, .formSelect, .formRadio, .formInputW, .formCheckbox {float:left; width:100%; position:relative; margin:0 0 20px;} #formScroller .formInput, #formScroller .formSelect, #formScroller .formRadio, #formScroller .formInputW, #formScroller .formCheckbox, #additionalPeople {margin-bottom:30px;} .formInput {background:#FFF; border:1px solid #909090; padding:10px 0;} .contactForm .formInput {background:#F4F3F8; border-color:#F4F3F8;} .propFormRow .formInput {margin:0 0 8px;} .formSelect {padding:0;} .formSelect select, .formSelect button.ui-multiselect {width:100% !important; background:#FFF; font-size:16px; font-family:"Roboto", Arial, Verdana; border:1px solid #909090; padding:16.5px 14px;} .twoBox .formInput, .threeBox .formInput, .fourBox .formInput {background:#FFF;} .formInputHalf {width:49%;} .formInputHalfL, .propFormInputHalfL {margin-right:2%;} .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, .formInputW textarea {width:100%; font-family:"Roboto", Arial, Verdana; resize:none;} .formInput textarea {height:187px;} .formInputW textarea {height:auto;} 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;} .formInput label, .formSelect label, .propertyContactInput label {position:absolute; color:#909090; left:5px; padding:0 5px; pointer-events:none; transition-duration:0.5s;} .formInput label, .formSelect.emptyVal label {top:16px; font-size:18px;} #captchaVerification label {font-size:12px;} .propertyContactInput label {top:9px;} .formInput label, .propertyContactInput label {background:transparent;} .formSelect.emptyVal label {background:#FFF; width:calc(100% - 30px);} .formSelect.fiDark.emptyVal label {background:#FDFDFD;} .formInput input:focus ~ label, .formInput textarea:focus ~ label, .formInput input:not(:placeholder-shown) ~ label, .formInput textarea:valid ~ label, .formSelect select ~ label, .propertyContactInput input:focus ~ label, .propertyContactInput textarea:focus ~ label, .propertyContactInput input:not(:placeholder-shown) ~ label, .propertyContactInput textarea:valid ~ label, #bookingForm input:focus ~ label, #bookingForm input:not(:placeholder-shown) ~ label {background:rgb(255,255,255); top:-10px; font-size:12px;} .formInput.fiDark input:focus ~ label, .formInput.fiDark textarea:focus ~ label, .formInput.fiDark input:not(:placeholder-shown) ~ label, .formInput.fiDark textarea:valid ~ label, .formSelect.fiDark select ~ label {background:rgb(255,255,255); border-radius:3px 3px 0 0;} .formLabel label {position:relative; top:-8px; color:#909090; padding:0 5px;} .formLabel label span {color:#BB0003; margin-left:5px;} .formInput input:focus, .formInput textarea:focus, #subEmail:focus, .selectInput:focus, .bFormInpW input:focus, .bFormInpW textarea:focus {outline:none !important;} .formCheckbox {font-size:0.8em; text-align:left;} .formCheckbox label {cursor:pointer;} .formPageButtons {float:left; width:100%; margin:20px 0 0;} .formPageButtons .submitButton, #addCovered {height:40px; line-height:38px; padding:0 15px;} .formPageButtons .submitButton:hover, #addCovered:hover {text-decoration:none;} .formPageButtons .nextPage, .formPageButtons .submitQuoteForm {float:right;} .formPageButtons .prevPage {float:left;} .contactSubmit {float:left; width:100%; margin:15px 0; text-align:center;} .submitButton {background:#3C64AD; height:40px; line-height:36px; font-family:"Roboto", Arial, Verdana; font-weight:600; text-align:center; color:#FFF; padding:0 10px; border:1px solid rgba(0, 0, 0, 0.2); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; transition-duration:0.5s; cursor:pointer;} .submitButton:hover {background:#FFDE17; color:#231F20; } .submitButton:disabled {opacity:0.4; cursor:default !important;} .formInput input:required ~ label:after, .formInput textarea:required ~ label:after, .formInputFull textarea:required ~ label:after, .propertyContactInput input:required ~ label:after {content:"*"; color:#BB0003; margin-left:3px;} .formInput input:focus, .reserveInput input:focus, .formInput textarea:focus, .reserveInput textarea:focus, #homeSearch input:focus, #homeSearch select:focus {outline:none !important;} .contactRow {display:flex;} .contactCols {display:flex; flex-direction:column; padding-top:5px;} #captchaVerification {float:left; background:#FFF; width:calc(100% - 2px); border:1px solid #A6A6A6; padding:10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} .contactFormW #captchaVerification {border-color:#F4F3F8;} .imgCaptcha {background:none; width:200px; font-size:14px; margin:0 !important;} .imgCaptcha h1 {margin:0 !important;} .imgCaptcha p {margin:5px 0 !important;} #captchaVerification iframe {float:left;} input.captchaResponse {clear:none !important;} #whatsApp {position:fixed; background:rgba(235, 235, 235, 0.6); border:1px solid rgba(235, 235, 235, 0.4); transition-duration:0.8s; -webkit-box-shadow:-2px 2px 5px 0px rgba(117,117,117,0.8); -moz-box-shadow:-2px 2px 5px 0px rgba(117,117,117,0.8); box-shadow:-2px 2px 5px 0px rgba(117,117,117,0.8); overflow:hidden; z-index:99990; backdrop-filter:blur(5px);} #whatsApp:hover {background:rgba(235, 235, 235, 0.95); border:1px solid #FFF;} #whatsAppP {position:absolute; background:#FFF; width:54px; height:54px; top:5px; left:5px; webkit-box-shadow:0 0 0 0 rgba(255, 255, 255, 1); -moz-box-shadow:0 0 0 0 rgba(255, 255, 255, 1); box-shadow:0 0 0 0 rgba(255, 255, 255, 1); border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; z-index:-1;} .waLoaded #whatsAppP {animation:pulse-white 2s infinite;} footer {background:#3C64AD; min-height:100px; color:#FFF; border-top:1px solid rgba(0, 0, 0, 0.2); padding:70px 0 0;} #flContainer, .footerMenu {float:left;} #footerMenuContainer {float:right;} #footerLogo {width:230px; height:60px;} #footerLogo svg {width:230px; height:auto;} #footerLogo .logoC {fill:#FFF;} #footerLogo .logoT {fill:#F1F2F2;} #footerLogo .logoS {fill:#C0C0C0;} #footerLogo:hover .logoC {fill:#FFDE17;} #footerLogo:hover .logoT {fill:#E5C31C;} #footerLogo:hover .logoS {fill:#A48F0F;} #flContainer {font-size:11px; text-align:center;} .footerSocial {float:left; width:100%; height:30px; text-align:center; margin:15px 0 0;} .footerSocial .socialLink {width:30px; height:30px; line-height:28px; font-size:16px;} .footerSocial .socialWALink img {height:30px; vertical-align:baseline;} .footerMenu {text-align:center; padding:0 20px;} .footerMenu h6 {color:#FFF; font-size:24px; margin:0 0 10px;} .footerMenu ul {float:left; width:100%; list-style:none; padding:0; margin:0 0 5px;} .footerMenu p {color:#FFF; font-weight:600; margin:15px 0 5px;} .footerMenu li {color:#FFF; margin:0 0 5px; font-size:16px; font-weight:300; padding:0;} .footerMenu li.addressLI {margin-top:15px;} .footerMenu i {margin-right:8px;} .ddfMenu {float:left; width:100%; text-align:center; list-style:none; padding:0; margin:5px 0 0 !important;} .ddfMenu li {padding:0 !important; margin:0 0 5px !important; display:block !important;} #footerMenuContainer a {color:#FFF; transition-duration:0.5s; cursor:pointer;} #footerBottom {float:left; width:100%; margin-top:50px; position:relative;} #fbBorderT, #fbBorderB {position:absolute; left:0; width:100%; height:1px;} #fbBorderT {top:-2px; background:rgba(0, 0, 0, 0.75)} #fbBorderB {top:-1px; background:rgba(138, 177, 246, 0.75);} #footerLeft, #footerRight {float:left; height:40px; line-height:40px; font-size:10px;} #footerRight {text-align:right;} #footerLeft a, #footerRight a {color:#FAFAFA;} #footerMenuContainer a:hover, #footerLeft a:hover, #footerRight a:hover {color:#FFDE17; text-decoration:none;} #cookieUseContainer {position:fixed; bottom:15px; background:rgba(255,255,255,0.95); text-align:center; border:2px solid #3C64AD; 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:#3C64AD;} #cookieText a:hover {color:#FFDE17;} #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:#3C64AD; width:65%; color:#FFF; font-size:16px; margin:20px 5%; border:2px solid rgba(35, 31, 32, 0.3);} #cookieContinue:hover {background:#FFDE17; color:#231F20; text-decoration:none;} #cookieRefuse {background:#FFF; width:calc(25% - 4px); color:#231F20; font-size:12px; border:2px solid #231F20; margin:20px 0;} #cookieRefuse:hover {background:#231F20; color:#FFF; text-decoration:none;} #scrollToTop {background:#231F20; border-radius:7px 7px 0 0; bottom:0; color:#FFF; font-family:"Open Sans"; font-size:32px; display:block; height:32px; opacity:0.6; padding:9px 0; position:fixed; right:10px; text-align:center; text-decoration:none; width:49px; z-index:1040; display:none; cursor:pointer; box-sizing:content-box;} #scrollToTop:hover {opacity:0.9;} #popupContainer {position:fixed; display:table; height:100vh; width:100vw; top:0; left:0; transform:scale(0); z-index:99998; } #popupContainer.unfold {transform: scaleY(0.01) scaleX(0); animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #popupContainer.unfold #popupBG #popupContentC {transform: scale(0); animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #popupContainer.unfold.out {transform:scale(1);animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #popupContainer.unfold.out #popupBG #popupContentC {animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;} #popupContainer #popupBG {display:table-cell; background:rgba(35,31,32,0.8); text-align:center; vertical-align:middle;} #popupContentC {width:96%; max-width:768px; display:inline-flex; flex-direction:row; justify-content:center; align-items:stretch;} .popupOver #popupContentC {width:90%; max-width:1170px;} #popupContentC {background:#FFF; display:inline-block; padding:10px; 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; transform:scale(0);} #popupContent {float:left; width:100%; text-align:left; max-height:calc(90vh - 20px); text-align:left; overflow-y:auto; overflow-x:hidden; position:relative;} #closePopup, #closeMatchingAlert {position:absolute; background:#FFDE17; width:55px; height:55px; line-height:57px; color:#FFF; font-size:40px; text-align:center; cursor:pointer; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%;} #closePopup, #closeMatchingAlert {top:-27.5px; right:-27.5px; z-index:99;} #closePopup:hover, #closeMatchingAlert:hover {color:#3C64AD; background:#F1F2F3; text-decoration:none;} #searchLoadingBG, .searchLoadingBG, #submitLoadingBG {background:rgba(255,255,255,0.6); top:0; left:0; width:100%; height:100%; z-index:97; display:none; position:absolute;} #searchLoadingBG svg, .searchLoadingBG svg, #submitLoadingBG svg, #ftpOutBG svg {position:absolute; left:50%; top:50%; width:128px; height:128px; margin:-64px 0 0 -64px;} .spinner_V8m1{transform-origin:center;animation:spinner_zKoa 2s linear infinite} .spinner_V8m1 circle{stroke-linecap:round;animation:spinner_YpZS 1.5s ease-in-out infinite} #searchLoadingBG svg, .searchLoadingBG svg, #submitLoadingBG svg, #ftpOutBG svg, .loadingWaiting svg {stroke:#3C64AD; animation:spinner_MN 5s ease-in-out infinite} .ui-datepicker {z-index:99998 !important;} @keyframes spinner_zKoa{ 100%{transform:rotate(360deg)} } @keyframes spinner_YpZS{ 0%{stroke-dasharray:0 150;stroke-dashoffset:0} 47.5%{stroke-dasharray:42 150;stroke-dashoffset:-16} 95%,100%{stroke-dasharray:42 150;stroke-dashoffset:-59} } @keyframes spinner_MN { 0% {stroke:#3C64AD;} 33.3333% {stroke:#666766;} 66.6666% {stroke:#FFDE17;} } @keyframes spinner_MN3 { 0% {stroke:#FFDE17;} 33.3333% {stroke:#FFF;} 66.6666% {stroke:#666766;} } @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);} } @media screen and (min-width: 1600px) { #pageGalleryOverlay {width:75%; left:12.5%;} } @media only screen and (min-width: 1556px) { #mainContent, .container, #footer {width:90%; max-width:1400px; margin:0 auto;} } @media only screen and (min-width: 1000px) and (max-width: 1599px) { #pageGalleryOverlay {width:90%; left:5%;} } @media only screen and (min-width: 1000px) and (max-width: 1555px) { #mainContent, .container, #footer {width:90%; max-width:1300px; margin:0 5%;} } @media only screen and (max-width: 1199px) { #pageGalleryOverlay {width:96%; left:2%;} } @media only screen and (min-width: 1000px) { #header {width:90%; margin:30px 5% 0;} #tlContainer {width:90%; margin:0 5%;} .showMenu {display:none;} nav {float:right; width:calc(100% - 304px); height:60px; margin:15px 0 15px 40px;} .slidingHeader nav {height:40px; margin:4px 0 0 40px;} #mainMenu {float:right; min-height:60px; list-style:none; text-align:center; padding:0; margin:0 auto; position:relative;} #mainMenu ul {float:left; text-align:center; list-style:none; padding:0; margin:0;} #mainMenu li {float:left; height:60px; list-style:none; display:inline-block; position:relative; padding:0; margin:0 1px; cursor:pointer;} .slidingHeader #mainMenu, .slidingHeader #mainMenu li, .slidingHeader #mainMenu a {height:40px; min-height:40px;} #mainMenu li:last-child {margin-right:0 !important;} #mainMenu a {float:left; height:60px; line-height:58px; color:#434952; font-size:18px; text-align:center; margin:0 15px; position:relative;} .slidingHeader #mainMenu a {line-height:38px; font-size:16px;} #mainMenu a:hover {color:#3C64AD; text-decoration:none;} #mainMenu a.selectedPage {color:#FFDE17; text-shadow:1px 1px 1px rgba(0, 0, 0, 1);} #mainMenu ul.ddMenu {height:auto;} .ddMenu {left:50%; top:calc(100% + 8px); min-width:250px; background:rgba(255, 255, 255, 0.95); 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); transition-duration:0.5s; transition-property:top;} .ddMenu a {width:calc(100% - 2px) !important; color:#434952 !important; margin:0 !important; text-shadow:none !important;} .ddMenu a:hover, .ddMenu a.selectedPage {color:#FFDE17 !important; text-shadow:none !important;} .languages {height:60px; margin-left:15px;} .languages i {color:#231F20;} .moreLangs {height:60px; line-height:60px; right:-10px;} .moreLangs i {line-height:60px;} .languageMenu {top:50px;} .slidingHeader .languages, .slidingHeader .moreLangs, .slidingHeader .moreLangs i {height:40px; line-height:40px;} .homeBtn {height:50px; line-height:48px; font-size:24px; padding:0 20px;} .homeBtn i {font-size:20px;} .colSixty, .sliderContainer, .wContactText {width:66.6667%;} .colThirty, .sliderText, .wContactBox {width:33.3333%;} .boxT {width:60%;} .boxN {width:40%;} .hBoxR .boxT, .wContactR .wContactText {padding-right:40px;} .hBoxL .boxT, .wContactL .wContactText {padding-left:40px;} .galleryPhoto {width:25%;} #flContainer {width:265px;} #footerMenuContainer {width:calc(100% - 285px);} .footerMenu {width:50%; margin:0 0 20px;} .contactMenu li {position:relative; padding:0 0 0 20px;} .footerMenu i {width:15px; text-align:center;} } @media only screen and (max-width: 999px) { #header {width:98%; margin:30px 1% 0;} #mainContent, #tlContainer, .container, #footer {width:96%; margin:0 2%;} .showMenu {bottom:0; right:0; display:inline-block;} nav {position:absolute; bottom:0; right:-1%; background:none; width:65px; height:65px; z-index:9997;} .slidingHeader nav {height:50px;} .slidingHeader .showMenuBox {top:11px;} #menuContainer {width:100vw; left:-100vw;} #mainMenu {position:fixed; top:0; right:-100%; width:100%; height:100vh; background:rgba(67, 73, 82, 0.95); padding:25px; z-index:-1; transition:transform 0.4s cubic-bezier(0.33333, 0.66667, 0.66667, 1) 0s; overflow-y:auto;} .slidingHeader #mainMenu {top:unset;} #mainMenu ul {list-style:none; padding:0;} #mainMenu li {text-align:center; padding:0; border-bottom:1px solid #434952;} #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 a {width:100%; color:#FFF; text-align:center; padding:5px 10px; cursor:pointer; display:block;} #getAQuote {line-height:30px !important;} #mainMenu a:hover, #mainMenu a.selectedPage {background:rgba(35, 31, 32, 0.25); color:#FFDE17; text-decoration:none;} .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;} #languagesContainer {display:none;} #headerSignin, header h2 {display:none;} nav.is-active #mainMenu {transform:translateX(-100%);} 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; min-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 .languages, nav #google_translate_element, #mLangs {position:absolute; background:none; left:25px; top:25px; margin:0; display:block;} .languages {height:24px; line-height:24px;} .slidingHeader .languages {top:25px;} .languageHolder {float:left; margin:0;} .languageMenu {top:35px; width:140px;} .languages i {color:#FFF;} .moreLangs {height:24px; line-height:24px; right:-5px;} .moreLangs i {color:#FFF;} .hBoxR .boxT, .wContactR .wContactText {padding-right:0;} .hBoxL .boxT, .wContactL .wContactText {padding-left:0;} .wContactBox {margin-bottom:40px;} .hBoxL, .hBoxR, .boxT, .boxN, .wContactL .wContactBox {width:100%;} #flContainer, #footerMenuContainer, .footerMenu {width:100%;} #flContainer {display:flex; flex-direction:column; justify-content:center; align-items:center; margin-bottom:40px;} .footerMenu {text-align:center;} .footerMenu i {margin-right:10px;} } @media only screen and (min-width: 768px) and (max-width: 999px) { #mainMenu ul {margin:120px 0 70px;} .slidingHeader #mainMenu ul {margin:75px 0 70px;} .showMenu {width:90px; height:90px;} .showMenuBox {top:25px; left:25px; width:40px; height:30px;} .menuCollapsed .showMenuContent::after {top:-20px;} .menuCollapsed .showMenuContent::before {top:-10px;} .showMenuContent, .showMenuContent::before, .showMenuContent::after {width:40px;} .slidingHeader .showMenuBox {top:10px; left:11px; width:30px; height:24px;} .slidingHeader .menuCollapsed .showMenuContent::after {top:-16px;} .slidingHeader .menuCollapsed .showMenuContent::before {top:-8px;} .slidingHeader .showMenuContent, .slidingHeader .showMenuContent::before, .slidingHeader .showMenuContent::after {width:30px;} .slidingHeader .menuCollapsed.is-active .showMenuContent::before {top:0} .homeBtn {height:40px; line-height:38px; font-size:20px; padding:0 15px;} .homeBtn i {font-size:16px;} .galleryPhoto {width:33.3333%;} .sliderContainer {width:70%;} .sliderText {width:30%;} .threeBox, .fourBox, .newsArticleListC {width:50%;} } @media screen and (min-width: 768px) { #logo {top:10px; width:264px; height:70px;} .languages {padding:0 30px;} .homeOverlay .container {margin-top:60px;} #pageGalleryOverlay {top:120px; height:calc(100% - 120px);} #pageGalleryOverlay h1, #projectPrice {font-size:50px;} .galleryF {display:block;} .galleryM {display:none;} #pageBreadcrumb li {font-size:14px;} #pageBreadcrumb li:not(:first-child)::before {padding:0 5px;} .insSlider.mainContent .container {display:flex; flex-direction:row; justify-content:center; align-items:center;} .pGPhoto img {border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} .pGPhotoTitle {border-radius:0 0 6px 6px; -moz-border-radius:0 0 6px 6px; -webkit-border-radius:0 0 6px 6px;} #pGLeft {left:10px;} #pGRight {right:10px;} .pGPhotoTitle {font-size:20px;} .galleryPhotoTitle {opacity:0;} .galleryPhoto:hover .galleryPhotoTitle {opacity:1;} #galleryLogo {bottom:5px;} .mainContentW {width:calc(70% - 40px); margin-top:60px;} .mainContentN {width:30%; margin:60px 40px 0 0;} .mainContentW + .mainContentN {margin:60px 0 0 40px;} .textPicLeft .halfColPic {margin:0 15px 5px 0;} .textPicRight .halfColPic {margin:0 0 5px 15px;} .colPic img {max-width:100%; height:auto;} .contactText {width:48%; margin-right:2%;} .contactForm {width:50%;} .contactForm .formInput, .contactForm .formSelect, .contactForm .formRadio {width:49%;} .formInputW {width:100% !important;} .formInput.iFormInputW, .formSelect.iFormSelectW {width:100%;} .formInput.iFormInput, .formSelect.iFormSelect, .formRadio.iFormRadio, .formCheckbox.iFormCheckbox {width:49%;} .formInput.iFormInput.iFormL, .formSelect.iFormSelect.iFormL, .formRadio.iFormRadio.iFormL, .formCheckbox.iFormCheckbox.iFormL {margin-right:2%;} .formInput50 {width:49%;} .formInput50:nth-child(2) {margin:0 2% 20px 0;} .contactRow {flex-direction:row;} .contactCols {width:50%;} .contactCols:first-child, .popupForm .contactCols:nth-child(2) {padding-right:30px;} #captchaVerification {margin:0 0 20px;} input.captchaResponse {width:200px !important; margin:0 0 15px 10px !important;} #captchaVerification .formInput {width:calc(100% - 220px); margin-left:20px;} #whatsApp {right:-100px; top:calc(50vh - 33px); width:70px; height:66px; padding:5px 8px 5px 5px; border-right:none !important; border-radius:6px 0 0 6px; -moz-border-radius:6px 0 0 6px; -webkit-border-radius:6px 0 0 6px;} #whatsApp.waLoaded {right:0;} #footerLeft, #footerRight {width:50%;} #cookieUseContainer {right:15px; width:calc(100% - 30px);} } @media only screen and (max-width: 767px) { header {height:103px;} header.slidingHeader {height:80px;} #header {height:73px;} .slidingHeader #header {height:50px;} #logo {top:5px; width:70px; height:63px; overflow:hidden;} #logo svg {width:240px; height:auto;} .slidingHeader #logo {width:40px; height:40px;} .slidingHeader #logo svg {width:139px;} #logo .logoT, #logo .logoS {display:none;} #headerContact span {display:none;} #mainMenu ul {margin:75px 0 70px;} .slidingHeader #mainMenu ul {margin:60px 0 70px;} .showMenu {width:73px; height:73px;} .showMenuBox {top:22px; left:23px; width:30px; height:24px;} .menuCollapsed .showMenuContent::after {top:-16px;} .menuCollapsed .showMenuContent::before {top:-8px;} .showMenuContent, .showMenuContent::before, .showMenuContent::after {width:30px;} #pageGalleryOverlay {top:103px; height:calc(100% - 103px);} #pageGalleryOverlay h1 {font-size:40px;} .homeOverlay .container {margin-top:52px;} .galleryF {display:none;} .galleryM {display:block;} .homeBtn {height:34px; line-height:32px; font-size:18px; padding:0 10px;} .homeBtn i {font-size:14px;} #pageBreadcrumb ol {overflow-x:auto; white-space:nowrap;} #pageBreadcrumb li {font-size:11px;} #pageBreadcrumb li:not(:first-child)::before {padding:0 2.5px; font-size:10px;} .centredText {width:80%;} .threeBox, .featuredThreeBox, .latestThreeBox, .categoryThreeBox, .fourBox, .featuredFourBox, .latestFourBox, .categoryFourBox, .similarProperty, .newsArticleListC {margin-bottom:5px;} .threeBox, .featuredThreeBox, .latestThreeBox, .categoryThreeBox, .fourBox, .featuredFourBox, .latestFourBox, .categoryFourBox, .similarProperty, .centredTextWide, .halfColText, .halfColPic, .threeBox, .fourBox, .featuredThreeBox, .featuredFourBox, .latestThreeBox, .latestFourBox, .categoryThreeBox, .categoryFourBox, .propertyContentDP, .colSixty, .colThirty, .subscribePhoto, .subscribeForm, .textWBGText, .textWBGPhoto, .newsArticleListC {width:100%;} .subscribePhoto {border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; -webkit-border-radius:5px 5px 0 0;} .halfColPic {height:auto;} .textPicLeft .halfColPic, .textPicRight .halfColPic {margin:10px 0;} .textWBGText {padding:15px 30px;} .textWBGPhoto img {border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;} .sliderContainer, .sliderText, .centredTextWide, .threeBox, .fourBox, .halfColText, .halfColPic, .discoveryArea, .colSixty, .colThirty, .contactText, .contactForm, .subscribePhoto, .subscribeForm, .wContactText, .wContactBox, .boxT, .boxN {width:100%;} .boxN, .boxW, .twoBox, .threeBox, .fourBox {width:100%;} .colPic img {max-width:100%; height:auto;} .formInput.iFormInput, .formSelect.iFormSelect, .formRadio.iFormRadio, .formCheckbox.iFormCheckbox {width:100%;} .formInput50 {width:100%; margin:0 0 20px;} .contactRow {flex-direction:column;} .contactCols {width:100%;} .contactCols:first-of-type {margin-bottom:0;} #captchaVerification {margin:20px 0;} #captchaVerification iframe {left:50%; margin:0 0 20px -100px; position:relative;} input.captchaResponse {width:calc(80% - 2px) !important; margin:0 10% 15px !important;} #whatsApp {left:10px; bottom:-200px; width:66px; height:67px; padding:5px 5px 8px; border-bottom:none !important; border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; -webkit-border-radius:6px 6px 0 0;} #whatsApp.waLoaded {bottom:0;} #whatsApp.waLoaded.propertyWA {bottom:56px;} #whatsApp.waLoaded.propertyLWA {bottom:80px;} #footerLeft, #footerRight {width:100%;} #footerLeft {padding-left:2%;} #footerRight {padding-right:2%;} #formScroller {max-width:90vw;} #cookieUseContainer {right:5px; width:calc(100% - 10px);} } a {color:#3C64AD; text-decoration:none; transition-duration:0.5s;} a:hover {color:#FFDE17; transition-duration:0.5s; text-decoration:underline;}