body { padding-top: 120px; } div#drop1 li { width: 195px; } .nav-btn { padding: 0; } /* li#home_register a { display: inline-block; } */ .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #DB6B66; } .navbar-default .navbar-nav>li>a:hover { color: #DB6B66; } /* Chevron rendered via inline SVG in nav (.gp-icon) — see rules below span.gp-icon.icon-arrow */ li.usinformationlink { padding-right: 15px; } @media screen and (max-width: 1025px) { .navbar-nav .dropdown-menu>li, #drop1 ul>li { text-align: left; } div#drop1 li { width: 100%; } /* 	.nav	.dropdown:hover .dropdown-menu { display: block; width: 100%; } */ div#navbar ul.nav.navbar-nav.navbar-right { padding: 30px 10px; height:auto; } .navbar-default a.dropdown-toggle { width: 100%; } .nav-btn>li { width: 100%; } .nav-btn>li { margin-right: 0; } } span.gp-icon.icon-arrow { margin: 0px 5px; display: inline-flex; align-items: center; vertical-align: middle; } /* Inline SVG chevrons in nav markup — do not rely on Font Awesome ::after (homepage perf skips FA). */ .navbar li.usinformationlink a.dropdown-toggle::after { display: none; content: none; } .navbar li.usinformationlink a.dropdown-toggle .gp-icon.icon-arrow svg path { fill: currentColor; } .navbar li.dropdown.usinformationlink.open a.dropdown-toggle .gp-icon.icon-arrow svg { transform: rotate(180deg); transition: transform 0.2s ease; } .navbar { border-radius: 0 !important; z-index: 999 !important; padding: 10px 0 !important; width: 100%; position: fixed; top: 0; } .navbar-right { margin-top: 0px !important; } .cardvs p:first-child { min-height: 356px !important; } .navbar-nav>li>.dropdown-menu ul, .navbar-nav>li>.dropdown-menu li { list-style: none; } .navbar-default .navbar-nav>li>a { font-size: 14px; } a.usbuttonlogoutin { background: #DB6B66 !important; color: #fff !important; width: 90px; height: 40px; justify-content: center; border-radius: 30px; align-items: center; margin-top: 20px; } a.usbuttonlogoutin:hover { background: #DB6B66 !important; color: #fff !important; } .drop-btn-us { background: linear-gradient(114.54deg, #DABB92 0%, #D6B58A 20.31%, #D0AC80 41.15%, #CEA87B 61.98%, #DB6B66 80.73%, #C49869 100%); border-radius: 1000px; display: block !important; font-size: 16px; line-height: 43px !important; text-align: center !important; text-transform: capitalize; width: 100%; height: 43px; color: #FFFFFF !important; } .drop-btn-us:hover { background: #000 !important; } .dropdown-menu li.nobkus:hover { background: none; } .us-switch .switch-input:checked~.switch-label { background: linear-gradient(114.54deg, #DABB92 0%, #D6B58A 20.31%, #D0AC80 41.15%, #CEA87B 61.98%, #DB6B66 80.73%, #C49869 100%); border-radius: 1000px; } .switch-label:before { text-align: center; text-transform: capitalize; } .switch-label { text-align: center; text-transform: capitalize; background: linear-gradient(114.54deg, #DABB92 0%, #D6B58A 20.31%, #D0AC80 41.15%, #CEA87B 61.98%, #DB6B66 80.73%, #C49869 100%); color: #fff; } .us-switch .switch-input:checked~.switch-handle { left: 70px; -webkit-box-shadow: none; box-shadow: none; background: #FFFFFF; border-radius: 1000px; } .us-switch .switch-handle:after { text-align: center; text-transform: capitalize; color: #33342F; } .us-switch .switch-label:after { text-align: center; text-transform: capitalize; color: #FFFFFF; } .us-switch .switch-label { text-align: center; text-transform: capitalize; background: linear-gradient(114.54deg, #DABB92 0%, #D6B58A 20.31%, #D0AC80 41.15%, #CEA87B 61.98%, #DB6B66 80.73%, #C49869 100%); color: #fff; } .us-switch .switch-label:before { content: attr(data-off); right: 15px; font-size: 12px; color: #fff; } .us-switch .switch-label:after { content: attr(data-on); left: 10px; color: #000; font-size: 12px; opacity: 0; } .us-switch .switch-handle { position: absolute; top: 3px; left: 2px; width: 30px; height: 30px; background: #fff; color: #000; border-radius: 30px; -o-transition: left 0.15s ease-out; -webkit-transition: left 0.15s ease-out; transition: left 0.15s ease-out; -webkit-box-shadow: 0px 0px 22px 0px rgb(0 0 0 / 22%); box-shadow: 0px 0px 22px 0px rgb(0 0 0 / 22%); } .us-switch .switch-handle:before { content: attr(data-off); left: 7px; color: #000; font-size: 12px; opacity: 1; } .us-switch .switch-handle:after { content: attr(data-on); right: 7px; color: #000; font-size: 12px; opacity: 1; } .us-switch .switch-label { position: relative; display: block; height: 30px; width: 63px; color: #fff; font-size: 16px; text-transform: capitalize; background: #ddd; border-radius: 30px; -o-transition: ease-out 0.15s; -webkit-transition: ease-out 0.15s; transition: ease-out 0.15s; } .us-switch .switch-input:checked~.switch-handle { left: 35px; -webkit-box-shadow: none; box-shadow: none; background: #FFFFFF; border-radius: 1000px; } .us-switch .switch-label { color: #FFFFFF; background: linear-gradient(114.54deg, #DABB92 0%, #D6B58A 20.31%, #D0AC80 41.15%, #CEA87B 61.98%, #DB6B66 80.73%, #C49869 100%); } /* .us-switch .switch-label{width: 38px; height: 20px; font-size: 8px; line-height: 9px; text-align: center; text-transform: capitalize; color: #FFFFFF; background: linear-gradient(114.54deg, #DABB92 0%, #D6B58A 20.31%, #D0AC80 41.15%, #CEA87B 61.98%, #DB6B66 80.73%, #C49869 100%); border-radius: 1000px;} */ a.nav-us-link { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px 30px !important; padding-bottom: 0 !important; } a.nav-us-link img { width: 18px; height: 18px; } a.addpostss { border: 1px solid #0c160f; border-radius: 200px; width: 120px; height: 43px; margin-top: 20px; padding-left: 20px; border: 1px solid #0c160f; border-radius: 200px; line-height: normal !important; } a.addpostss img { margin-right: 10px; } .dropdown-menu.us-dropdown-mwnu { width: 264px; margin-left: -15vw; background: #f8f8f8; border: 1px solid #CFAB7F; box-shadow: 5px 10px 36px rgba(0, 0, 0, 0.25); border-radius: 12px !important; padding: 15px; } .dropdown-menu.us-dropdown-mwnu li:hover { background: none; } .dropdown-menu.us-dropdown-mwnu li a { font-size: 16px; line-height: 24px; text-align: left; text-transform: capitalize; display: flex; justify-content: space-between; align-items: center; color: #33342F; } .dropdown-menu.us-dropdown-mwnu li { border-bottom: 1px solid rgba(0, 0, 0, 0.1); } .dropdown-menu.us-dropdown-mwnu li.nobkus { border-bottom: 0; } .dropdown-menu.us-dropdown-mwnu li a:hover { font-weight: bold; } .navbar-default .dropdown-menu { background: #0F5A60 !important; width: 100%; position: fixed; top: 120px; } .navbar-header img { display: block; max-width: 340px; height: auto; } a.registerus-btn { padding: 14px 28px 14px 28px; border-radius: 99px; background: #F49F58; color: #fff; font-weight: 600; margin-right: 10px; height: 52px; } a.loginus-btn { border: 2px solid #0F5A60; padding: 14px 28px 14px 28px; border-radius: 99px; color: #23527c; font-weight: 600; height: 52px; } li#home_register { margin-top: 25px; margin-left: 24px; } .dropdown-menu.dropdown-menuhus { padding: 50px 0; border-radius: 0px 0px 10px 10px !important } .dropdown-menu.dropdown-menuhus a { display: block; color: #B5CCCE; } .dropdown-menu.dropdown-menuhus .container { display: block !important; } .dropdown-menu.dropdown-menuhus { max-height: 90vh; overflow-y: auto; } .dropdown-menu.dropdown-menuhus ul { max-width: 323px; } .container.logo_imagus { margin-bottom: 40px!important; } div.h5-heading-semibold { margin-bottom:12px!important; } form#postcode-search-form { display: flex; gap: 15px; } @media (min-width: 1025px) { .navbar { border-radius: 0 !important; z-index: 999 !important; padding: 22px 0 !important; width: 100%; position: fixed; top: 0; } } @media (max-width:1279px) { .navbar-header img { display: block; max-width: 292px; } li#home_register a, .navbar-default .navbar-nav>li>a { font-size: 16px !important; font-weight: 500; } li#home_register a { line-height: normal; } li#home_register { margin-left: 0; } } @media (max-width:1023px) { .container.logo_imagus img { max-width: 345px; } body { padding-top: 100px; } .navbar-toggle { margin: 0; } } @media (max-width: 1025px) { form#postcode-search-form .col-md-8 { padding: 0; } form#postcode-search-form .col-md-4 { padding: 0; } .navbar-default .navbar-nav>li>a { font-size: 20px !important; font-weight: 500; } .loginusfooter2-1 a:hover, .loginusfooter2 a:hover, .setting-page-help-center ul li a:hover, section.footerus li.nav-item a:hover, .accordion123:hover, .navbar-default .navbar-nav > li > a:hover, .dropdown-menu.dropdown-menuhus a:hover { color: #f49f58 !important; } .navbar li.usinformationlink a.dropdown-toggle .gp-icon.icon-arrow { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .navbar li.dropdown.usinformationlink.open a.dropdown-toggle .gp-icon.icon-arrow { transform: none; } div#navbar { background: #0F5A60; width: 100%; position: fixed; top: 90px; left: 0; padding: 48px; padding-top: 100px; } li#home_register { margin-top: 45px; margin-left: 3px; position: absolute!important; top: 20px; } a.loginus-btn { border: 2px solid #F49F58; padding: 14px 28px 14px 28px; border-radius: 99px; color: #F49F58; } .navbar-default .navbar-nav > li > a:focus{ color: #F49F58; } .accordion123:after { content: ''; display: inline-block; width: 16px; height: 10px; background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23B5CCCE' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; right: 0; transition: transform 0.3s; position: absolute; } .navbar-default .dropdown-menu { top: 220px; } .dropdown-menu.dropdown-menuhus { padding: 40px; border-radius: 0px 0px 10px 10px !important; position: static!important; box-shadow: none!important; max-height: 50vh; }.dropdown-menu.dropdown-menuhus{padding:0px!important;padding-right: 20px !important;} .dropdown-menu.dropdown-menuhus .container{padding:15px!important;} .us-navbar>li { float: left !important; } .us-navbar { float: none !important; margin: 7.5px -15px; display: flex; justify-content: center; align-items: center; } .dropdown-menu.us-dropdown-mwnu { width: 264px !important; margin-left: -15vw; background: #f8f8f8; border: 1px solid #CFAB7F; box-shadow: 5px 10px 36px rgb(0 0 0 / 25%); border-radius: 12px !important; padding: 15px; } .navbar-default .navbar-nav>li>a { line-height: 48px !important; } .navbar-default .navbar-nav>li>a.addpostss { line-height: 15px !important; margin: 0 20px; } a.nav-us-link { padding: 10px 20px !important; } a.addpostss img { margin-left: 10px; } .navbar-default .navbar-nav>li>a { color: #fff; } .navbar { border-radius: 0 !important; z-index: 999 !important; padding: 20px 0 !important; width: 100%; position: fixed; top: 0; } li#home_register { margin-left: 3px!important; } .panel123 li a { font-size: 16px!important; } } @media (max-width:767px) { body { padding-top: 50px; } div#navbar ul.nav.navbar-nav.navbar-right { padding: 10px; height: 100%; } .navbar-header img { display: block; max-width: 202px; } li#home_register { margin-top: 0; margin-left: 0; position: absolute; top: 40px; } div#navbar { background: #0F5A60; width: 100%; position: fixed; top: 50px; left: 0; padding: 20px; padding-top: 100px; margin: 0; overflow-y: auto !important; height: 100vh; z-index: 9999; padding-bottom: 50px; } .navbar-nav { overflow: auto; } .dropdown-menu.dropdown-menuhus { padding: 10px; border-radius: 0px 0px 10px 10px !important } .navbar-toggle { padding: 0; } .navbar { border-radius: 0 !important; z-index: 999 !important; padding: 0 !important; width: 100%; position: fixed; } .navbar-default .navbar-nav>li>a:hover { color: #f49f58; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #fff; background: none; } } @media (max-width: 600px) { .us-navbar>li { float: none !important; } .us-navbar { float: none !important; margin: 7.5px -15px; display: flex; justify-content: center; align-items: center; flex-direction: column; } .dropdown-menu.us-dropdown-mwnu { width: 264px !important; margin-left: -15vw; background: #f8f8f8; border: 1px solid #CFAB7F; box-shadow: 5px 10px 36px rgb(0 0 0 / 25%); border-radius: 12px !important; padding: 15px; } .navbar-default .navbar-nav>li>a { line-height: 28px !important; } .navbar-default .navbar-nav>li>a.addpostss { line-height: 15px !important; margin: 0 20px; } a.nav-us-link { padding: 10px 20px !important; } a.addpostss img { margin-left: 10px; } a.nav-us-link { display: flex; flex-direction: row; } a.nav-us-link img { margin-right: 10px; } li.dropdown.us-profiledrop { position: absolute; top: 20px; } li.us-profiledrop { position: absolute; top: 20px; } } @media (max-width:320px) { .dropdown-menu.us-dropdown-mwnu { width: 264px !important; margin-left: -32vw; } } .accordion123 { cursor: pointer; padding: 10px 0; border: none; text-align: left; outline: none; font-size: 20px; transition: 0.4s; background: none; color: #B5CCCE; font-weight: 600; } .accordion1230 { cursor: pointer; padding: 10px 0; border: none; text-align: left; outline: none; font-size: 20px; transition: 0.4s; background: none; color: #B5CCCE; font-weight: 600; } .accordion123.active { background: none; color: #fff; border-bottom: 1px solid #B5CCCE; } .accordion123:after { content: ''; display: inline-block; width: 16px; height: 10px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' viewBox='0 0 16 10' fill='none'%3E%3Cpath d='M2 2L8 8L14 2' stroke='%23B5CCCE' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat center; margin-left: 5px; transition: transform 0.3s; } .accordion123.active:after { background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%23FFFFFF' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); transform: rotate(180deg); } .panel123 { max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out; } .panel123 ul { padding: 0; margin: 0; } .panel123 li:hover { background: none !important; } .panel123 li a { padding: 0 !important; letter-spacing: -0.01em; text-align: left; color: #B5CCCE !important; background: none !important; padding: 0 !important; font-weight: 400; font-size: 20px; }.dropdown-menu .panel123 li a:hover { font-weight: 500 !important; background: none !important; color: #F49F58 !important; } .dropdown-menu li:hover a { font-weight: 400 !important;} .dropdown-menu.dropdown-menuhus.panel123 li a:hover { font-weight: 500 !important;} .panel123 li a:hover { font-weight: 500 !important; background: none !important; color: #F49F58 !important; font-size: 19.5px; } @media screen and (max-width:767px) { section.footerus { padding-top: 20px; padding-bottom: 16px; background: #F8F4F1; }    .footer-w-524 img { max-width: 171px; margin-bottom: 12px; }div.h5-heading-semibold { margin-bottom: 8px !important; font-size: 16px; } .footer-w-524 { margin: 0; } .container.logo_imagus { margin-bottom: 32px !important; } form#postcode-search-form { display: flex; gap: 10px; flex-direction: column; } .row.formusemail { margin: 0; } .navbar-toggle { padding: 9px 10px !important; } .accordion1230 { font-size: 16px!important; } .panel123 li a, .accordion123 { font-size: 16px !important; } li#home_register a { font-size: 14px !important; } a.loginus-btn, a.registerus-btn { height: 48px!important; } } @media (max-width: 620px) { .navbar li.usinformationlink a.dropdown-toggle .gp-icon.icon-arrow { margin-top: 0; } } .pbnewfooter  .container.logo_imagus { margin-bottom: 22px !important; }  .pbnewfooter p { font-size: 16px; color: #0F5A60; } @media screen and (max-width: 767px) { .pbnewfooter  .container.logo_imagus { margin-bottom: 12px !important; }.pbnewfooter p { font-size: 14px; color: #0F5A60; } } div#myModalinfomenu .modal-dialog, div#myModalinfomenu .modal-content { width: 100vw !important; left: 0!important; right: 0!important; max-width: 1200px!important; height:100vh!important; } @media (min-width: 768px) { .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; } } @media (max-width: 1025px) { div#navbar { background: #0F5A60; width: 100%; position: fixed; top: 90px; left: 0; padding: 48px; padding-top: 100px; } /*     .navbar-header { width: 100%; } */ div#navbar ul.nav.navbar-nav.navbar-right { padding: 30px 10px; height: auto; }    .navbar-nav>li { float: none; position: static; } } @media (max-width: 767px) { div#navbar { top: 50px!important; padding:48px 16px!important; } } @media screen and (min-width: 768px) and (max-width:1025px) { .navbar-default .navbar-toggle { margin-right: -15px; } } .icn-wrapper {display:none;} @media  screen and (max-width:767px) { .mobilemenuus_apr{display: none !important;} .icn-wrapper { margin: -48px -16px; } .icn-wrapper {display:block;} } /* ===== ROOT WRAPPER ===== */ .icn-wrapper *{ margin:0; padding:0; box-sizing:border-box; } /* ===== HERO ===== */ .icn-hero{ background:linear-gradient( 135deg, #0f5a60 0%, #1c7d79 100% ); padding:30px 20px 100px; text-align:left; position:relative; border-radius:0; overflow:hidden; } .icn-hero::after{ content:""; position:absolute; right:-120px; top:-120px; width:360px; height:360px; border-radius:50%; background:rgba(255,255,255,.06); } /* ===== BADGE ===== */ .icn-badge{ display:inline-block; background:rgba(255,255,255,.2); color:white; padding:6px 16px; border-radius:20px; font-size:12px; font-weight:600; margin-bottom:18px; } /* ===== TITLE ===== */ .icn-title{ color:white; font-size:20px; font-weight:700; line-height:1.2; margin-bottom:10px; } /* ===== SUBTITLE ===== */ .icn-subtitle{ color:rgba(255,255,255,.9); font-size:12px; margin-bottom:10px; } /* ===== MAIN PANEL ===== */ .icn-main{ background:white; margin-top:-80px; border-radius:26px; padding:22px 18px 40px; position:relative; z-index:10; box-shadow:0 -2px 8px rgba(0,0,0,.05);padding-bottom: 180px !important; } /* ===== BUTTONS ===== */ .icn-btn-row{ display:flex; gap:14px; margin-bottom:22px; } .icn-btn{ flex:1; padding:10px 0; border-radius:14px; font-size:14px; text-align: center; font-weight:600; cursor:pointer; } .icn-register{ background:#F49F58; color:white!important; border:none; } .icn-login{ background:white; border:2px solid #0f5a60; color:#0f5a60; } /* ===== DIVIDER ===== */ .icn-divider{ display:flex; align-items:center; gap:12px; margin-bottom:18px; } .icn-divider::before, .icn-divider::after{ content:""; flex:1; height:1px; background:#e5e5e5; } .icn-divider span{ font-size:12px; color:#9a9a9a; } /* ===== BROWSE ===== */ .icn-browse{ font-size:12px; letter-spacing:1px; color:#9a9a9a; margin-bottom:14px; } /* ===== CARD ===== */ .icn-card{ border-radius:16px; border:1px solid #e5e5e5; margin-bottom:14px; overflow:hidden; } /* CARD COLORS */ .icn-search{ background:#e7f2f0; } .icn-info{ background:#f3e5e1; } .icn-business{ background:#ece7f6; } /* CARD HEADER */ .icn-head{ display:flex; align-items:center; justify-content:space-between; padding:16px; cursor:pointer; } /* ROW */ .icn-row{ display:flex; align-items:center; } /* ICON */ .icn-icon{ width:42px; height:42px; border-radius:12px; display:flex; align-items:center; justify-content:center; color:white; font-size:18px; } .icn-icon-search{ background:#0f5a60; } .icn-icon-info{ background:#F49F58; } .icn-icon-business{ background:#7b68a6; } .icn-search{ background:#f0faf8; } .icn-info{ background:#fff8f5; } .icn-business{ background:#f5f0fa; } /* TEXT */ .icn-text{ margin-left:12px; } .icn-card-title{ font-size:15px; font-weight:600; } .icn-card-sub{ font-size:13px; color:#777; } /* ARROW */ .icn-arrow { font-size: 18px; color: #7aa9a7; transition: .3s; background: #d8dada; border-radius: 50%; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; padding: 0; margin: 0; line-height: 20px; } .icn-rotate{ transform:rotate(180deg); } /* LIST */ .icn-list{ list-style:none; } .icn-list li{ display:flex; justify-content:space-between; align-items:center; padding:14px 16px; border-top:0px solid #dfe7e6; font-size:14px; color:#0f5a60; } /* DOT */ .icn-dot{ width:6px; height:6px; background:#0f5a60; border-radius:50%; margin-right:10px; } /* COLLAPSE */ .icn-collapse{ display:none; } .icn-show{ display:block; } /* LINK STYLE */ .icn-link{ display:flex; justify-content:space-between; align-items:center; text-decoration:none; color:#0f5a60; width:100%; font-size:14px; } .icn-link:hover{ opacity:.8; } .icn-right{ color:#7aa9a7; font-size:16px; } .icn-card.icn-search .icn-collapse.icn-show { background: #f7fcfb; border-top: 1px solid #e0f0ee; } .icn-card.icn-info .icn-collapse.icn-show { background: #fffbfa; border-top: 1px solid #f8eae5; } .icn-card.icn-business .icn-collapse.icn-show { background: #faf6ff; border-top:1px solid #eae3f2; }