.contentmob img { padding-top: 0%; margin: auto; width: 75vw; height: auto; display: block; webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } .mfp-close-btn-in .mfp-close { color: #fff; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: -webkit-xxx-large; font-family: Arial, Baskerville, monospace; } a:active1, a:focus { outline: 0; border: none; -moz-outline-style: none; } .link-this path { fill: #0b2b3e00!important; } .mfp-zoom-in { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-in .mfp-with-anim { opacity: 0; transition: all 0.2s ease-in-out; transform: scale(0.8); } .mfp-zoom-in.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } .mfp-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); } .mfp-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-in.mfp-removing .mfp-with-anim { transform: scale(0.8); opacity: 0; } .mfp-zoom-in.mfp-removing.mfp-bg { opacity: 0; } /*====== Zoom-out effect ======*/ .mfp-zoom-out { /* start state */ /* animate in */ /* animate out */ } .mfp-zoom-out .mfp-with-anim { opacity: 0; transition: all 0.3s ease-in-out; transform: scale(1.3); } .mfp-zoom-out.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } .mfp-zoom-out.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); } .mfp-zoom-out.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-zoom-out.mfp-removing .mfp-with-anim { transform: scale(1.3); opacity: 0; } .mfp-zoom-out.mfp-removing.mfp-bg { opacity: 0; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 90vw!important; } path#thisonewf { fill: #271803; } :root { --swiper-theme-color: #ffffff!important; } .image-source-link { color: #98C3D1; } .mfp-with-zoom .mfp-container,.mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; /* ideally, transition speed should match zoom duration */ -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container,.mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } path#thisonewf_1_ { fill: white; } #mc_embed_signup { background: rgba(102, 70, 152, 0); clear: left; font: 14px; color: white; } #mc_embed_signup .button { clear: both; background-color: rgba(255, 255, 255, 0.94); border: 0 none; border-radius: 100px; transition: all 0.23s ease-in-out 0s; color: #080808; cursor: pointer; display: inline-block; font-size: 23px; font-weight: normal; height: 68px; line-height: 27px; margin: 7px 23px 36px 0; padding: 5px 51px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto; } #mc_embed_signup input { border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 24px; } #mc_embed_signup .mc-field-group input { display: block; width: 67%; padding: 13px 11px; text-indent: 2%; font-size: 17px; } #mc_embed_signup form { display: block; position: relative; text-align: left; padding: 33px 0 41px 25%; } #mc_embed_signup .button:hover { background-color: #acb1a9; } #mc_embed_signup .indicates-required { text-align: left; font-size: 11px; margin-right: 4%; margin-bottom: 45px; } .button-wrap { display: none; } @media (min-width: 55px) and (max-width: 374px) { .m-grid { margin-left: 10px; margin-right: 10px; display: grid; grid-template-columns: auto; grid-gap: 2.9em; } .grid { display: grid; grid-template-columns: auto ; grid-gap: 5px; margin-left: 10vw; margin-right: 10vw; } a.buttonz2 { border: none; margin-left: 0px; margin-bottom: 19px; color: rgb(255, 255, 255); text-align: center; text-decoration: none; display: inline-block; font-size: 21px; cursor: pointer; padding: 18px 87px 18px 78px; border-radius: 75px 75px; font-family: 'Montserrat-Medium', sans-serif; transition: 0.3s; } .content img { padding-top: 20%; margin: auto; width: 100vw; max-width: 146vw; height: auto; display: block; webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } .contentmob { margin-top: 61px; display: flex; align-items: center; justify-content: center; } .my-content { color: #fff; cursor: pointer; width: 90vw; font-size: 18px; padding: 15px 20px 15px 20px; max-width: 90vw; background-color: #0b2b3e00; font-family: 'Montserrat-Medium'; text-align: left; border: 3px solid; border-radius: 22px; padding-left: 31px; } .print-fp-but-con { margin-top: 35px; display: flex; align-items: center; justify-content: center; } .my-accordion { color: #fff; cursor: pointer; width: 99vw; font-size: 18px; padding: 11px 15px 11px 15px; max-width: 90vw; background-color: #0b2b3e00; font-family: 'Montserrat-bold'; text-align: left; border: none; } .print-fp-but-con2 { margin-top: 78px; display: block; text-align: center; } .my-panel { padding: 21px 21px; display: none; background-color: #ffffff00; overflow: hidden; flex-direction: column; } .mybutton { z-index: 22; font-size: 19px; } .mybutton { background-color: #D44040; border: none; color: rgb(255, 255, 255); text-align: center; text-decoration: none; display: inline-block; font-size: 22px; cursor: pointer; padding: 18px 56px 18px 56px; border-radius: 75px 75px; font-family: 'Montserrat-Medium', sans-serif; transition: 0.3s; } .button-wrap { display: none; } } @media (min-width: 321px) and (max-width: 768px) { .mymodeheader-mob { display: block; margin-top: 55px; width: 77vw; margin-left: auto; margin-right: auto; margin-bottom: 100px; }} @media (min-width: 375px) and (max-width: 400px) { .mymodeheader-mob { display: block; margin-top: 44px; width: 77vw; margin-left: auto; margin-right: auto; margin-bottom: 100px; } .m-grid { margin-left: 30px; margin-right: 30px; display: grid; grid-template-columns: auto; grid-gap: 2.9em; } .button-wrap { display: none; } .contentmob { margin-top: 53px; display: flex; align-items: center; justify-content: center; } .content img { padding-top: 20%; margin: auto; width: 100vw; max-width: 146vw; height: auto; display: block; webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } .my-content { color: #fff; cursor: pointer; width: 90vw; font-size: 18px; padding: 15px 20px 15px 20px; max-width: 90vw; background-color: #0b2b3e00; font-family: 'Montserrat-Medium'; text-align: left; border: 3px solid; border-radius: 22px; padding-left: 31px; } .print-fp-but-con { margin-top: 35px; display: flex; align-items: center; justify-content: center; } .my-accordion { color: #fff; width: 90vw; font-size: 19px; padding: 11px 11px 11px 11px; max-width: 90vw; background-color: rgba(132, 45, 148, 0); font-family: 'Montserrat-bold'; text-align: left; border: none; } .print-fp-but-con2 { margin-top: 78px; display: block; text-align: center; } .my-panel { padding: 0px 21px;my-acor display: none; background-color: #ffffff00; overflow: hidden; flex-direction: column; } .mybutton { z-index: 22; font-size: 22px; } div#my-accordion-container { display: none; opacity: 1; flex-wrap: wrap; flex-direction: column; } .contentmob img { padding-top: 11px; margin-bottom: 75px; margin-left: auto; margin-left: auto; width: 100vw; height: auto; display: block; webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } } @media (min-width: 414px) and (max-width: 736px) { .m-grid { margin-left: 10px; margin-right: 10px; display: grid; grid-template-columns: auto; grid-gap: 2.9em; } .contentmob { margin-top: 53px; display: flex; align-items: center; justify-content: center; } .content img { padding-top: 20%; margin: auto; width: 100vw; max-width: 146vw; height: auto; display: block; webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } .my-content { color: #fff; cursor: pointer; width: 90vw; font-size: 18px; padding: 15px 20px 15px 20px; max-width: 90vw; background-color: #0b2b3e00; font-family: 'Montserrat-Medium'; text-align: left; border: 3px solid; border-radius: 22px; padding-left: 31px; } .my-panel { padding: 21px 22px; display: none; background-color: #ffffff00; overflow: hidden; flex-direction: column; } .print-fp-but-con { margin-top: 35px; display: flex; align-items: center; justify-content: center; } .my-accordion { color: #fff; width: 90vw; font-size: 19px; padding: 10px 10px 10px 5px; max-width: 90vw; background-color: rgba(132, 45, 148, 0); font-family: 'Montserrat-bold'; text-align: left; border: none; } .print-fp-but-con2 { margin-top: 78px; display: block; text-align: center; } .mybutton { z-index: 22; font-size: 22px; } .button-wrap { display: none; } div#my-accordion-container { display: none; opacity: 1; flex-wrap: wrap; flex-direction: column; } .contentmob img { padding-top: 11px; margin-bottom: 75px; margin-left: auto; margin-left: auto; width: 100vw; height: auto; display: block; webkit-transition: opacity 1s ease-in-out; -moz-transition: opacity 1s ease-in-out; -o-transition: opacity 1s ease-in-out; transition: opacity 1s ease-in-out; } } @media (min-width: 768px) and (max-width: 1200px) { .m-grid { margin-left: 55px; margin-right: 55px; display: grid; grid-template-columns: auto auto; grid-gap: 2.9em; } .my-accordion { color: #fff; cursor: pointer; width: 90vw; font-size: 22px; padding: 15px 20px 15px 20px; max-width: 90vw; background-color: #0b2b3e00; font-family: 'Montserrat-bold'; text-align: left; border: none; } .my-content { color: #fff; cursor: pointer; width: 80vw; font-size: 18px; padding: 15px 20px 15px 20px; max-width: 90vw; background-color: #0b2b3e00; font-family: 'Montserrat-Medium'; text-align: left; border: 3px solid; border-radius: 22px; padding-left: 31px; } .my-panel { padding: 9px 46px; display: none; background-color: #ffffff00; overflow: hidden; flex-direction: column; } } @media (min-width: 1202px) and (max-width: 1399px) { .my-accordion { color: #fff; cursor: pointer; width: 85vw; font-size: 29px; padding: 15px 20px 15px 20px; max-width: 90vw; background-color: #0b2b3e00; font-family: 'Montserrat-bold'; text-align: left; border: none; } .my-content { color: #fff; cursor: pointer; width: 80vw; font-size: 29px; padding: 42px 30px 42px 30px; max-width: 90vw; background-color: #0b2b3e00; font-family: 'Montserrat-Medium'; text-align: left; border: 3px solid; border-radius: 22px; padding-left: 31px; } .my-panel { padding: 24px 112px; display: none; background-color: #ffffff00; overflow: hidden; flex-direction: column; } } @media (min-width: 1400px) and (max-width: 2899px) { div#features\ Sussex { width: 75vw; margin-left: auto; margin-right: auto; } .m-grid { margin-left: 20vw; margin-right: 20vw; display: grid; grid-template-columns: auto ; grid-gap: 2.9em; } div#mycomp-grid { margin-left: 21vw; margin-right: 21vw; grid-template-columns: auto auto auto ; grid-column-gap: 3vw; } .my-accordion { color: #fff; cursor: pointer; width: 80vw; font-size: 24px; padding: 15px 20px 15px 20px; max-width: 90vw; background-color: #0b2b3e00; font-family: 'Montserrat-bold'; text-align: left; border: none; } .my-content { color: #fff; width: 90vw; font-size: 27px; padding: 31px 60px 31px 81px; width: 80vw; background-color: #0b2b3e00; font-family: 'Montserrat-Medium'; text-align: left; border: 3px solid; border-radius: 37px; } .my-panel { padding: 14px 139px; display: none; background-color: #ffffff00; overflow: hidden; flex-direction: column; } } @media screen and (device-width: 412px) and (device-height: 892px) and (-webkit-device-pixel-ratio: 3.5) { .my-accordion { color: #fff; cursor: pointer; width: 90vw; font-size: 24px; max-width: 90vw; background-color: #0b2b3e00; font-family: 'Montserrat-bold'; text-align: left; border: none; padding: 10px 10px 10px 5px; } .my-content { color: #fff; width: 90vw; font-size: 18px; max-width: 90vw; background-color: #0b2b3e00; font-family: 'Montserrat-Medium'; text-align: left; border: 3px solid; border-radius: 37px; padding: 22px 20px 22px 20px; } .my-panel { padding: 8px 20px; display: none; background-color: #ffffff00; overflow: hidden; flex-direction: column; } } @media screen and (device-width: 411px) and (device-height: 900px) { .my-accordion { color: #fff; cursor: pointer; width: 90vw; font-size: 19px; max-width: 90vw; background-color: #0b2b3e00; font-family: 'Montserrat-bold'; text-align: left; border: none; padding: 10px 10px 10px 10px; } .my-content { color: #fff; width: 90vw; font-size: 18px; max-width: 90vw; background-color: #0b2b3e00; font-family: 'Montserrat-Medium'; text-align: left; border: 3px solid; border-radius: 37px; padding: 22px 20px 22px 20px; } .my-panel { padding: 8px 20px; display: none; background-color: #ffffff00; overflow: hidden; flex-direction: column; } } li a { display: block; } @media (max-width: 768px) { #map-map aside.m-sidebar-left { width: 100%; } .grid { display: grid; grid-template-columns: auto auto; grid-gap: 24px; margin-left: 11vw; margin-right: 11vw; margin-bottom: 100px; } #mycomp-grid { display: grid; grid-template-columns: auto auto; grid-gap: 24px; margin-left: 11vw; margin-right: 11vw; margin-bottom: 100px; } .price-grid4 { margin-left: 5vw; margin-right: 5vw; display: grid; grid-template-columns: auto; grid-gap: 0.9em; -webkit-transition: opacity 0.9s ease-out; -moz-transition: opacity 0.9s ease-out; -o-transition: opacity 0.9s ease-out; transition: opacity 0.9s ease-out; } .mybutton { background-color: #d44040; border: none; color: #fff; text-decoration: none; display: block; width: 81vw; cursor: pointer; border-radius: 77px; margin-left: auto; margin-right: auto; } } .mybutton2 { border: 2px solid #ffffff; background-color: #0092cd00; color: #ffffff; } i.fas.fa-angle-down { color: #ffffff; } @media (min-width: 1200px) { .mfp-container { text-align: center; position: absolute; width: 71vw!important; height: 97vh!important; left: 55px!important; top: 0!important; padding: 0 8px!important; } } @media (min-width: 1024px) and (max-width: 1025px) { .m-grid { margin-left: 115px; margin-right: 115px; display: grid; grid-template-columns: auto auto; grid-gap: 2.9em; } .mfp-container { text-align: center; position: absolute; width: 76vw!important; height: 97vh!important; left: 0; top: 0; padding: 0 8px; box-sizing: border-box; } .sfbbrooms { display: block; margin-left: auto; margin-right: auto; width: 77vw; padding-top: 10px; padding-bottom: 10px; } .m-grid { margin-left: 156px; margin-right: 124px; display: grid; grid-template-columns: auto; grid-gap: 2.9em; } .price-grid4 { margin-left: 17vw; margin-right: 17vw; display: grid; grid-template-columns: auto auto; grid-gap: 1.1em; } } @media only screen @media only screen and (min-width: 1112px) and (max-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) { .m-grid { margin-left: 200px; margin-right: 200px; display: grid; grid-template-columns: auto auto ; grid-gap: 2.9em; } } .linesb { margin-top: -500px; } @media (min-width: 769px) .expcent { margin-bottom: 00vw; margin-top: 0vw; display: block; } @media (min-width: 769px) and (max-width: 1200px) { .linesb { margin-top: -98px; } } @media (max-width: 320px) and (min-width: 55px) { .lines-mob { display: block; margin-top: -84px; } .sfbbrooms-mob { padding-bottom: 81px; } } @media (max-width: 400px) and (min-width: 321px) { .lines-mob { display: block; margin-top: -21vw; } .my-margin-botom.my-margin-top { margin-top: -1vh; } .sfbbrooms-mob { padding-bottom: 81px; } } @media (max-width: 768px) and (min-width: 401px) { .lines-mob { display: block; margin-top: -21vw; } .sfbbrooms-mob { padding-bottom: 81px; } .my-margin-botom.my-margin-top { margin-top: 4vh; } } @media (min-width: 1201px) and (max-width: 7899px) { .linesb { margin-top: -358px; } .my-margin-top { margin-top: 146px; } } .lines-mob { display: none; } .mfp-iframe-scaler iframe { -webkit-clip-path: inset(5% 5% 5% 5% round 80px); clip-path: inset(5% 5% 5% 5% round 26px); } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .your-special-css-class { display: block; position: absolute; max-width: 33vw; top: -484px; left: 32vw; height: 970px; margin-left: auto; margin-right: auto; padding: 743px 60px 30px 30px !important; border-radius: 75px; -webkit-clip-path: inset(5% 5% 5% 5% round 80px); clip-path: inset(5% 5% 5% 5% round 26px); } @media (min-width: 55px) and (max-width: 374px) { .your-special-css-class { display: block; position: absolute; max-width: 96vw; top: -118vw; width: 100vw; left: -3vw; height: 701px; margin-left: auto; margin-right: auto; padding: 0 23px 0 0 !important; border-radius: 40px; } } @media (min-width: 375px) and (max-width: 400px) { .your-special-css-class { display: block; position: absolute; max-width: 96vw; top: -118vw; width: 100vw; left: -3vw; height: 701px; margin-left: auto; margin-right: auto; padding: 0 23px 0 0 !important; border-radius: 40px; } } @media (min-width: 414px) and (max-width: 736px) { .your-special-css-class { display: block; position: absolute; max-width: 91vw; top: -95vw; left: 1vw; height: 720px; margin-left: auto; margin-right: auto; padding: 0 0 0 0 !important; border-radius: 43px; } } @media (min-width: 768px) and (max-width: 1200px) { .your-special-css-class { display: block; position: absolute; max-width: 66vw; top: -622px; left: 14vw; height: 899px; margin-left: auto; margin-right: auto; padding: 743px 60px 30px 30px !important; border-radius: 75px; } } @media (min-width: 2900px) { .m-grid { margin-left: 460px; margin-right: 460px; display: grid; grid-template-columns: auto auto ; grid-gap: 2.9em; } }