.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: var(--Text-Turquoise, #0f5a60); font-weight: 600; } .row.centerlinks3 a { text-align: center; } html, body { font-family: 'Poppins', sans-serif; font-style: normal; color: var(--Text-Turquoise, #0f5a60); }section.staticpagesection.aboutus.blog-view-page a, a { color: #105a60; } html, body { overflow-x: hidden; margin: 0px; } button { padding: 0px; } ul, li { list-style: none; padding: 0; margin: 0; } a, button, textarea, input { text-decoration: none !important; outline: none !important; } .inbox_msg { opacity: 1 !important; position: static !important; margin-top: 15px !important; } .show-for-mobile { display: none; } .navbar-header { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding-right: 15px; } .navbar-brand { font-size: 14px; line-height: 1; width: 250px; color: #fff !important; padding: 0; } .tag-line { white-space: nowrap; color: white; font-size: 16px; position: relative; top: 20px; left: 15px; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* .animated { opacity: 0; } */ .visible { opacity: 1 !important; } select option:hover, select option:focus, select option:active { background: -webkit-gradient(linear, left top, left bottom, from(#000000), to(#000000)); background: -webkit-linear-gradient(#000000, #000000); background: -o-linear-gradient(#000000, #000000); background: linear-gradient(#000000, #000000); background-color: #000000 !important; /* for IE */ color: #ffed00 !important; } select option:checked { background: -webkit-gradient(linear, left top, left bottom, from(#d6d6d6), to(#d6d6d6)); background: -webkit-linear-gradient(#d6d6d6, #d6d6d6); background: -o-linear-gradient(#d6d6d6, #d6d6d6); background: linear-gradient(#d6d6d6, #d6d6d6); background-color: #d6d6d6 !important; /* for IE */ color: #000000 !important; } /* Navbar Css */ .icon-bar-1 { font-size: 16px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: -3px; margin-right: 10px; } .navbar { background-color: transparent; border: none; margin-bottom: 0px; } .navbar { background: #fff; border-radius: 0; } .nav-white { position: fixed; right: 0; left: 0; z-index: 1030; } .navbar-default .navbar-nav>li>a { font-size: 16px; color: #0f5a60; line-height: 48px; padding: 14px 10px; } .navbar-toggle {} .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #0f5a60; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { color: #0f5a60; } .nav-btn { margin-left: 40px; padding: 16px 0px; } .nav-btn>li { margin-right: 18px; } .nav-btn>li>a { line-height: 0px !important; border-radius: 30px; letter-spacing: 1px; border: none; color: #fff; font-size: 16px; padding: 20px 15px !important; text-align: center; border-radius: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.3s all ease-in-out; -o-transition: 0.3s all ease-in-out; transition: 0.3s all ease-in-out; } .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background: none; } .nav-btn .btn-sign { background: #365369; border: 2px solid transparent; } .nav-btn .btn-sign:hover { background: #db6b66; } .nav-btn .btn-login { background: #365369; border: 2px solid transparent; } .nav-btn li:nth-child(2) .btn-login:hover { background: #365369; border: 2px solid; } .navbar-default .navbar-toggle { border-color: transparent; } .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover { background-color: transparent; } .navbar-default .navbar-toggle .icon-bar { background-color: #fff; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #db6b66; background: none; } .dropdown-menu { background: #db6b66; -webkit-transition: all 0.5 ease; -o-transition: all 0.5 ease; transition: all 0.5 ease; padding: 10px; margin: 0px; border: none; border-radius: 4px !important; margin-top: 20px; } #drop1 { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; } #drop1 ul:nth-child(2) { border-left: 1px solid #db6b66; } #drop::-webkit-scrollbar-track { border-radius: 8px; background: transparent; -webkit-transition: all 0.5 ease; -o-transition: all 0.5 ease; transition: all 0.5 ease; } #drop::-webkit-scrollbar { width: 8px; background: transparent; -webkit-transition: all 0.5 ease; -o-transition: all 0.5 ease; transition: all 0.5 ease; } #drop::-webkit-scrollbar-thumb { border-radius: 8px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 1); background-color: #db6b66; -webkit-transition: all 0.5 ease; -o-transition: all 0.5 ease; transition: all 0.5 ease; } .dropdown-menu li { padding: 10px 0px; } .dropdown-menu li a { color: #fff; font-size: 14px; padding: 0px 15px; } .dropdown-menu li:hover { background: none; -webkit-transition: all 0.5 ease; -o-transition: all 0.5 ease; transition: all 0.5 ease; } .dropdown-menu li:hover a { color: #000; font-weight: bold; -webkit-transition: all 0.5 ease; -o-transition: all 0.5 ease; transition: all 0.5 ease; } @media (max-width: 1025px) { .navbar-toggle { display: block; } } @media (max-width: 1025px) { .navbar-header { float: none; } .navbar-collapse { border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .navbar-collapse.collapse { display: none !important; } .navbar-collapse.collapse.in { display: block !important; } .navbar-nav { float: none !important; margin: 7.5px -15px; } .navbar-nav>li { float: none; position: static; } .navbar-nav>li>a { padding-top: 10px; padding-bottom: 10px; } .navbar-header { display: block; padding-right: 0; } .navbar-brand { width: 230px; margin-top: 6px; margin-left: 20px; }	.navbar-default .navbar-nav>li>a { padding: 20px; text-align: center;padding-left:5px; } .nav-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .navbar-default .navbar-nav>li>a { line-height: 10px; } div#navbar     .col-md-4 { width: 100%; }    div#navbar .col-md-4 a{ text-align: left!important; } } @media (max-width: 768px) { .hero-main-container-inner-index { height: 550px; background-size: 200% 100% !important; } .tag-line { left: 50px; } } @media (min-width: 1025px) { .navbar .container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-justify-content: space-between; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .navbar-left { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-justify-content: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .navbar-right { width: 100%; display: -webkit-box; display: -ms-flexbox; -ms-justify-content: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } #navbar { width: 100%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } } /*hero bg image*/ .hero-main-container { position: relative; } .hero-inner-container { position: relative; width: 100%; height: 100%; } .form-main-container { padding: 100px 0px 45px; } .form-main-container-login { padding: 40px 0px 50px; } .text-inner span { text-transform: uppercase; } /*home radio tick*/ input[type="radio"] { display: none; } input[type="radio"]+label { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 17px; font-size: 23px; color: #000000; } input[type="radio"]+label::before { content: ""; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: left; height: 49px; width: 49px; margin: 0 15px 0px 0; border: 1px solid #0c160f; border-radius: 50px; -webkit-transition: background 700ms; -o-transition: background 700ms; transition: background 700ms; background: #fff; } input[type="radio"]:checked+label::before { background-color: #33b169; border: 3px solid var(--primary-turquoise-base, #33b169); } .yesnoradio, .search-radio { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .yesnoradio input[type="radio"], .search-radio input[type="radio"] { display: none; } .yesnoradio input[type="radio"]+label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 17px; font-size: 14px; color: #000000; } .search-radio input[type="radio"]+label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .yesnoradio .yes-radio input[type="radio"]+label::before { content: "Yes"; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: left; height: 50px; width: 200px; margin: 0 15px 0px 0; border-radius: 50px; border: 0px; -webkit-transition: background 700ms; -o-transition: background 700ms; transition: background 700ms; background: #f6f6f6; color: #a4a4a4; font-family: inherit; } .yesnoradio .yes-radio input[type="radio"]:checked+label::before { content: "Yes"; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: left; height: 50px; width: 200px; margin: 0 15px 0px 0; border-radius: 50px; border: 0px; -webkit-transition: background 700ms; -o-transition: background 700ms; transition: background 700ms; background: #27ca59; color: #fff; font-family: inherit; font-size: 14px; } .yesnoradio .no-radio input[type="radio"]+label::before { content: "No"; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: left; height: 50px; width: 200px; margin: 0 15px 0px 0; border-radius: 50px; border: 0px; -webkit-transition: background 700ms; -o-transition: background 700ms; transition: background 700ms; color: #a4a4a4; background-color: #f6f6f6; font-family: inherit; } .yesnoradio .no-radio input[type="radio"]:checked+label::before { content: "No"; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: left; height: 50px; width: 200px; margin: 0 15px 0px 0; border-radius: 50px; border: 0px; -webkit-transition: background 700ms; -o-transition: background 700ms; transition: background 700ms; background: #27ca59; color: #fff; font-family: inherit; font-size: 14px; } .search-radio input[type="radio"]+.find-care::before { content: "Find a Male"; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: left; height: 40px; width: 200px; border-radius: 50px 0 0 50px; border: 3px solid #000000; -webkit-transition: background 700ms; -o-transition: background 700ms; transition: background 700ms; background: transparent; color: #000000; font-family: inherit; margin: 0 0 20px 0; font-size: 20px; } .search-radio input[type="radio"]:checked+.find-care::before { background: #000000; color: #fff; } .search-radio input[type="radio"]+.find-job::before { content: "Find a Female"; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: left; height: 40px; width: 200px; border-radius: 0 50px 50px 0; border: 3px solid #000000; -webkit-transition: background 700ms; -o-transition: background 700ms; transition: background 700ms; background: transparent; color: #000000; font-family: inherit; margin: 0 0 20px 0; font-size: 20px; } .search-radio input[type="radio"]:checked+.find-job::before { background: #000000; color: #fff; } .login-content .l-pwd:hover { -webkit-box-shadow: none !important; box-shadow: none !important; } .bottom-text span { font-size: 14px; color: #515151; } .form-check { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .country-main-container { padding: 65px 0px; background: #f8f8f8; } .country-main-container h1 { font-size: 45px; color: #000000; margin: 0px; padding-bottom: 20px; } .country-main-container span { font-size: 30px; color: #000000; } .quote-main-container { padding: 70px 0px; } .quote_body { z-index: 1; position: relative; margin: 0; } .quote_body::before, .quote_body::after { z-index: -1; position: absolute; color: #f6fafe; font-size: 180px; font-family: Georgia, serif; } .quote_body::before { content: url(../images/comma-left.png); bottom: -25px; left: 10px; line-height: 1; } .quote_body::after { content: url(../images/comma-right.png); top: -6px; right: 10px; line-height: 0; } .quote_body { position: relative; margin: 0; } .quote_body span { text-align: center; font-size: 35px; color: #354b5e; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0px 40px; } /*footer start*/ .footer-main-container { background: #000000; padding-bottom: 30px; } .footer-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 0px; } .footer-area .footer-area-left, .footer-area .footer-area-right { width: 50%; } .footer-area .foot-title { font-size: 27px; color: #fff; } .alphabet { margin-top: 20px; } .alphabet a { font-size: 20px; color: #acb8c1; } .alphabet button { background: transparent; outline: 0; border: 0; font-size: 20px; color: #acb8c1; } .alphabet a:before, .alphabet button:before { content: ""; display: inline-block; width: 2px; background-color: #acb8c1; height: 15px; margin: 0px 8px; } .alphabet a:nth-child(1):before, .alphabet .alpha-n:before, .alphabet button:nth-child(1):before { content: ""; display: none; } .alpha-tag a, .alpha-tag-p a, .alpha-tag button, .alpha-tag-p button { font-size: 19px; color: #7397b3; font-weight: bold; line-height: 35px; } .alpha-tag-p a:hover, .alpha-tag a:hover, .alpha-tag-p button:hover, .alpha-tag input:hover { color: #acb8c1; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .alphabet a:hover, .alphabet button:hover { color: #7397b3; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .alpha-tag a:before, .alpha-tag button:before { content: ""; display: inline-block; width: 2px; background-color: #7397b3; height: 15px; margin: 0px 6px; } .alpha-tag a:nth-child(1):before, .alpha-tag button:nth-child(1):before { content: ""; display: none; } .social-link a, .foot-payment a { padding: 0px 13px; } .foot-payment a { font-size: 19px; color: #fff; } .foot-r-u { font-size: 19px; color: #fff; padding: 0px 0px 8px; } .foot-r-d { font-size: 19px; color: #fff; } .alpha-a-s-l span { font-size: 21px; color: #fff; } .foot-b { padding-bottom: 0px; } .foot-b ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .foot-payment { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .f-b-b { border-bottom: 1px solid #546d80; } .alpha-a-s-l { width: 21%; } .alpha-a-s-r { width: 79%; margin: 0px; } .alpha-a-s-l .bootstrap-select>.dropdown-toggle.bs-placeholder, .alpha-a-s-l .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .alpha-a-s-l .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .alpha-a-s-l .bootstrap-select>.dropdown-toggle.bs-placeholder:hover { color: #adb3c8; font-size: 16px; } .alpha-a-s-l .btn-group .dropdown-toggle:active, .alpha-a-s-l .btn-group.open .dropdown-toggle { outline: 0; border: none; background: #315570; -webkit-box-shadow: none; box-shadow: none; } .alpha-a-s-l.bootstrap-select .dropdown-menu { margin: 0px !important; background: #7397b3; color: #fff; border-radius: 3px; -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } .alpha-a-s-l .bootstrap-select .btn-default { color: #adb3c8; background-color: #315570; border-color: none !important; border: none; padding: 0px 20px; width: 237px; height: 55px; border-radius: 27.5px; } .alpha-a-s-l .bootstrap-select .btn-default:focus, .alpha-a-s-l .bootstrap-select .btn-default:hover { color: #adb3c8 !important; background-color: #315570 !important; border: none; outline: none !important; } .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover { background-color: transparent; } .alpha-a-s-l .bootstrap-select .dropdown-menu li { display: block; position: relative; border-left: 3px solid transparent; margin-right: 0; padding: 0 2rem; -webkit-transition: all 0.6s ease-in-out 0s, visibility 0s linear 0.6s, z-index 0s linear 0.01s; -o-transition: all 0.6s ease-in-out 0s, visibility 0s linear 0.6s, z-index 0s linear 0.01s; transition: all 0.6s ease-in-out 0s, visibility 0s linear 0.6s, z-index 0s linear 0.01s; background: #7397b3; min-height: 20px; -webkit-transition: none !important; -o-transition: none !important; transition: none !important; } .alpha-a-s-l .bootstrap-select.btn-group .dropdown-menu li a span.text { display: inline-block; font-size: 14px !important; } .alpha-a-s-l .bootstrap-select .dropdown-menu li a { color: #fff; font-size: 16px; -webkit-transition: all 200ms linear; -o-transition: all 200ms linear; transition: all 200ms linear; padding: 1rem 0; position: relative; } .alpha-a-s-l .bootstrap-select.btn-group .dropdown-toggle .filter-option { display: inline-block; overflow: hidden; width: 100%; text-align: left; margin-left: 35px; font-size: 21px; color: #fff; } .alpha-a-s-l .bootstrap-select.btn-group .dropdown-toggle .caret { position: absolute; top: 50%; left: 25px; margin-top: -4px; vertical-align: middle; display: inline-block; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-bottom: 5px dashed; border-top: 0px solid; border-right: 5px solid transparent; border-left: 5px solid transparent; color: #fff; } .alpha-a-s-l .dropdown-menu { background-color: #7397b3; padding: 0px; } /* ===== Index css ===== */ .hero-main-container-index { position: relative; width: 100%; } .home-bg-overlay-index { position: absolute; top: 0; left: 0; width: 100%; background: rgba(0, 0, 0, 0.1); } .hero-main-container-inner-index { width: 100%; height: 600px; background-repeat: no-repeat; background-position: center; background-size: 100% 100%; background-image: url("../images/mother.jpg"), -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)); background-image: url("../images/mother.jpg"), -webkit-linear-gradient(#fff, #fff); background-image: url("../images/mother.jpg"), -o-linear-gradient(#fff, #fff); background-image: url("../images/mother.jpg"), linear-gradient(#fff, #fff); } .hero-main-container-inner-index .form-inner { margin: auto; position: absolute; top: 22%; left: 0; bottom: 0; right: 0; width: 780px; z-index: 1; } .mul-option { width: 50px; border: 1px solid #aaa; border-radius: 5px; background-color: rgba(0, 0, 0, 0) !important; padding-left: 7px; padding-bottom: 10px; margin-right: 10px; margin-bottom: 15px; } .hero-inner { background: rgba(255, 255, 255, 0.55); border-radius: 10px; padding: 35px 45px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hero-l { float: left; } .hero-small-head { font-size: 29px; color: #000; text-align: center; padding-bottom: 15px; } .hero-head { font-size: 36px; color: #000; text-align: center; } .hero-head-orange { font-size: 36px; color: #ffa13c; text-align: center; text-transform: uppercase; padding-bottom: 15px; } .hero-toggle { width: 100%; margin: 0px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } .list-hero div { float: left; } .hero-toggle ul { margin: 25px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hero-select .bootstrap-select .btn-default { color: #fff; background-color: rgba; border-color: none !important; border: none; padding: 0px 20px; width: 210px; height: 49px; background: rgba(41, 72, 96, 0.3); border-radius: 24.5px; font-size: 19px; } .hero-select .btn-default.active.focus, .hero-select .btn-default.active:focus, .hero-select .btn-default.active:hover, .hero-select .btn-default:active.focus, .hero-select .btn-default:active:focus, .hero-select .btn-default:active:hover, .hero-select .open>.dropdown-toggle.btn-default.focus, .hero-select .open>.dropdown-toggle.btn-default:focus, .hero-select .open>.dropdown-toggle.btn-default:hover { color: #fff; background: rgba(41, 72, 96, 0.3); -webkit-box-shadow: none; box-shadow: none; } .hero-select .bootstrap-select>.dropdown-toggle.bs-placeholder, .hero-select .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .hero-select .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .hero-select .bootstrap-select>.dropdown-toggle.bs-placeholder:hover { color: #fff; font-size: 19px; background: rgba(41, 72, 96, 0.3); } .hero-select .bootstrap-select .btn-default:focus, .hero-select .bootstrap-select .btn-default:hover { border: none; outline: none !important; } .hero-select .bootstrap-select.btn-group .dropdown-menu li a, .dropdown-menu>li>a:focus, .hero-select .dropdown-menu>li>a:hover { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; color: #fff; } .hero-select .dropdown-menu { padding: 0px; background-color: #000; position: absolute; z-index: 9999 !important; } .hero-btn button {} .hero-btn .btn-search { color: #fff; text-transform: capitalize; font-size: 19px; background: #db6b66; border: 2px solid transparent; padding: 10px 15px; border-radius: 30px; letter-spacing: 1px; text-transform: uppercase; border: none; width: 130px; height: 49px; -webkit-transition: 0.6s all ease-in-out; -o-transition: 0.6s all ease-in-out; transition: 0.6s all ease-in-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .hero-btn .btn-search:hover { background: #365369; } .hero-select .bootstrap-select.btn-group .dropdown-toggle .caret { position: absolute; top: 50%; right: 15px; margin-top: -2px; vertical-align: middle; } .hero-select .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 5px solid; border-right: 5px solid transparent; border-left: 5px solid transparent; border-bottom: 0px; } .hero-select .dropdown-menu>li>a { display: block; text-align: left; padding: 7px 25px; clear: both; line-height: 1.42857143; color: #333; white-space: nowrap; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; transition: 0.6s all ease; margin: 0px !important; } .hero-select .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 210px !important; } .menu-name { font-size: 15px; color: #fff; text-transform: uppercase; margin-right: 2px; } .menu-name .fa-caret-down { color: #fff; } .hero-toggle .tab-content { padding: 0px !important; } .hero-input input { border: none; padding: 0px 20px; width: 200px; height: 49px; background: rgba(41, 72, 96, 0.3); border-radius: 24.5px; font-size: 19px; color: #fff !important; } .hero-input { margin: 0 10px; } .hero-input input::-webkit-input-placeholder { color: #fff; font-size: 14px; } .hero-input input:-ms-input-placeholder { color: #fff; font-size: 14px; } .hero-input input::-ms-input-placeholder { color: #fff; font-size: 14px; } .hero-input input::placeholder { color: #fff; font-size: 14px; } .hero-input input::-moz-placeholder { color: white; font-size: 14px; opacity: 1; } .hero-toggle .nav-pills>li { float: left; text-align: center; } .hero-toggle .nav-pills>li+li { margin-left: 0px; } .hero-toggle .nav>li>a { font-size: 20px; padding: 8px 15px; } .hero-toggle .nav>li>a:focus, .hero-toggle .nav>li>a:hover { background-color: transparent; } .hero-toggle .nav-pills>li:nth-child(1).active>a, .hero-toggle .nav-pills>li:nth-child(1).active>a:focus, .hero-toggle .nav-pills>li:nth-child(1).active>a:hover { color: #fff; background-color: #000000; border-radius: 25px 0px 0px 25px; } .hero-toggle .nav-pills>li:nth-child(2).active>a, .hero-toggle .nav-pills>li:nth-child(2).active>a:focus, .hero-toggle .nav-pills>li:nth-child(2).active>a:hover { color: #fff; background-color: #000000; border-radius: 0px 25px 25px 0px; } .hero-toggle .nav-pills>li:nth-child(1)>a { color: #000000; border: 2px solid #000000; border-radius: 25px 0px 0px 25px; } .hero-toggle .nav-pills>li:nth-child(2)>a { color: #000000; border: 2px solid #000000; border-radius: 0px 25px 25px 0px; } .fw-special-title { color: #242424; font-size: 35px; letter-spacing: 1px; text-transform: uppercase; text-align: center; margin: 0 0 60px 0; } .fw-heading { margin: 70px 0px 30px; } .fw-special-title:after { content: ""; display: block; height: 5px; width: 70px; background: #db6b66; margin: 10px auto 0 auto; -webkit-animation: title-border 0.5s ease-in; animation: title-border 0.5s ease-in; } .work-inner ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .work-inner ul li { text-align: center; padding: 0px 20px; position: relative; } .work-inner ul li:nth-child(1):before { content: url("../images/line1.png"); position: absolute; top: 23%; left: 66%; } .work-inner ul li:nth-child(2):before { content: url("../images/line2.png"); position: absolute; top: 0; left: 66%; } .work-inner ul li:nth-child(3):before { content: ""; position: absolute; width: 100%; border: none; top: 95px; } .work-one { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .work-image { width: 219px; height: 219px; background: #f5f5f5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 50%; margin-bottom: 25px; position: relative; } .work-img { width: 51px; height: 51px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #db6b66; border-radius: 50%; position: absolute; top: 0px; left: 7px; color: #fff; font-size: 29px; } .work-head { font-size: 24px; color: #2d2d2d; text-transform: uppercase; margin-bottom: 20px; } .work-details { font-size: 20px; color: #585858; margin-bottom: 20px; } .form-wapper { width: 100%; max-width: 420px; height: 60px; background: #f6f6f6; padding: 5px 10px; border-radius: 34px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 30px auto; } .form-wapper .form-text { float: left; border: 0; color: #242424; font-size: 14px; letter-spacing: 1px; background: none; margin: auto 0px; display: inline-block; margin-left: 10px; text-transform: capitalize; cursor: default; } .form-text::-webkit-input-placeholder { color: #242424; font-size: 17px; } .form-text:-ms-input-placeholder { color: #242424; font-size: 17px; } .form-text::-ms-input-placeholder { color: #242424; font-size: 17px; } .form-text::placeholder { color: #242424; font-size: 17px; } .form-text::-moz-placeholder { color: #242424; font-size: 17px; opacity: 1; } .form-wapper .form-btn { padding: 5px 30px; border-radius: 34px; background: #db6b66; color: #fff; font-size: 21px; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; transition: 0.6s all ease; position: absolute; left: 50%; margin-left: 70px; } .form-wapper .form-btn:hover { padding: 5px 30px; border-radius: 34px; background: transparent; color: #db6b66; } .offer-inner .offer-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 50px; } .offer-list li { width: 24%; height: 390px; border-radius: 5px; background: #000000; overflow: hidden; cursor: pointer; -webkit-transition: 0.3s all ease-out; -o-transition: 0.3s all ease-out; transition: 0.3s all ease-out; } .woo:hover { -webkit-box-shadow: 0px 0px 84px 0px rgba(0, 0, 0, 0.14); box-shadow: 0px 0px 84px 0px rgba(0, 0, 0, 0.14); } .offer-text { padding: 20px; text-align: center; background: #000000; border-radius: 5px 5px 0 0; } .offer-text span { color: #fff; font-size: 21px; text-align: center; font-weight: bold; text-transform: capitalize; } .btn-start { padding: 12px 8px; width: 200px; margin: 45px 0px 30px 0px; border-radius: 25.5px; border: none; background: #000000; font-size: 20px; color: #fff; text-align: center; border: 2px solid #000000; -webkit-transition: 0.6s all ease-out; -o-transition: 0.6s all ease-out; transition: 0.6s all ease-out; } figure.effect-julia .img { position: relative; min-width: 100%; min-height: 325px; background-repeat: no-repeat; background-size: cover; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, -webkit-transform 1s; -o-transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s; transition: opacity 1s, transform 1s, -webkit-transform 1s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure.effect-julia h2 { position: relative; padding: 0.5em 0; } figure.effect-julia p { display: block; margin: 0 0 0.25em; text-transform: none; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, -webkit-transform 0.35s; -o-transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s; transition: opacity 0.35s, transform 0.35s, -webkit-transform 0.35s; -webkit-transform: translate3d(-360px, 0, 0); transform: translate3d(-360px, 0, 0); } figure.effect-julia .btn-start { display: inline-block; -webkit-transform: translate3d(0%, 30%, 0); transform: translate3d(0%, 60%, 0); -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; opacity: 0; } figure.effect-julia .btn-start:hover { -webkit-box-shadow: 0 0 20px rgba(41, 72, 96, 0.5); box-shadow: 0 0 20px rgba(41, 72, 96, 0.5); border: 2px solid #000000; background: transparent; } figure.effect-julia .btn-start:hover { color: #000000 !important; } .fig-text p:first-child { -webkit-transition-delay: 0.15s; -o-transition-delay: 0.15s; transition-delay: 0.15s; } .fig-text p:nth-of-type(2) { -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .fig-text p:nth-of-type(3) { -webkit-transition-delay: 0.05s; -o-transition-delay: 0.05s; transition-delay: 0.05s; } .wwo:hover p:first-child { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; } .wwo:hover p:nth-of-type(2) { -webkit-transition-delay: 0.05s; -o-transition-delay: 0.05s; transition-delay: 0.05s; } .wwo:hover p:nth-of-type(3) { -webkit-transition-delay: 0.1s; -o-transition-delay: 0.1s; transition-delay: 0.1s; } .wwo:hover .img { opacity: 0.4; -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); overflow: hidden; } .wwo:hover p { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .wwo:hover .btn-start { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } figure .fig-text { margin-bottom: 20px; } figure .fig-text p { font-size: 21px; color: #000000; margin-bottom: 15px; } /* Common style */ figure { position: relative; overflow: hidden; width: 100%; height: auto; background: #fff; cursor: pointer; border-radius: 0 0 5px 5px; } figure .img { position: relative; display: block; /*block*/ } figure figcaption { padding: 2em; color: #fff; text-transform: capitalize; -webkit-backface-visibility: hidden; backface-visibility: hidden; } figure figcaption::before, figure figcaption::after { pointer-events: none; } figure figcaption { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .country-main-container-text { position: relative; width: 100%; height: auto; background-image: url("../images/con-bg.png"); background-position: center; background-repeat: no-repeat; top: 0; left: 0; } .country-inner-text { padding: 100px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .country-inner-text h1 { max-width: 900px; color: #fff; font-size: 29px; line-height: 40px; margin-top: 0px; } .country-inner-text span { color: #fff; font-size: 28px; margin: 30px 0px 0px; } .testimonials { position: relative; } #customers-testimonials .item, #customers-testimonials-one .item { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .px-15 { padding: 0 15px 0 15px; } .pb-20 { padding-bottom: 20px !important; } .owl-theme .owl-controls .owl-page span { display: block; width: 5px !important; height: 5px !important; margin: 5px 3px !important; opacity: 1; border-radius: 20px; background: #a9a9a9; } .owl-theme .owl-controls .owl-page.active span { filter: Alpha(Opacity=100); opacity: 1; width: 14px !important; height: 7px !important; background: #db6b66 !important; margin: 4px 3px !important; } .owl-carousel .owl-nav [class*="owl-"] { -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .owl-theme .owl-controls { text-align: center; padding: 0px 0px 10px; margin-top: 0px; } .owl-carousel .owl-nav [class*="owl-"].disabled:hover { background-color: #d6d6d6; } .owl-carousel { position: relative; } .owl-carousel .owl-next, .owl-carousel .owl-prev { width: 50px; height: 50px; line-height: 50px; border-radius: 50%; position: absolute; top: 30%; font-size: 20px; color: #fff; border: 1px solid #ddd; text-align: center; } .owl-carousel .owl-prev { left: -70px; } .owl-carousel .owl-next { right: -70px; } .item-text { background: #fff; padding: 0 20px; height: 135px; width: 330px; -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.05); border-radius: 5px; } .item-text span { font-size: 20px; color: #2f2f2f; text-align: center; } .item-img { margin-top: -50px; margin-bottom: 20px; } .item-bottom-text { text-align: center; padding: 0px 20px; } .item-bottom-text span { font-size: 20px; color: #6e6e6e; line-height: 35px; } /* =====     Search for care giver CSS  ============= */ .hero-search { background-image: url(../images/care-giver-bg.png); width: 100%; height: 600px; background-position: center; background-repeat: no-repeat; top: 0; left: 0; } .care-giver-inner { background: rgba(255, 255, 255, 0.55); border-radius: 10px 10px 0px 0px; padding: 20px 5px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .care-giver-inner h1 { margin: 0px; } .s-care-inner { margin: auto; position: absolute; left: 0; bottom: 0; right: 0; width: 815px; } .care-inner-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .color-blue { color: #000000; } .care-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; } .care-inner-left { width: 442px; border-right: 1px solid #eaeaea; } .care-inner-right { width: calc (100% - 442px); } .c-padding-right { padding: 35px 35px 35px 0px; } .c-padding-left { padding: 35px 0px 35px 35px; } .f-22 { font-size: 22px; } .form-group-el { background: #eee; padding: 15px 20px; width: 100%; height: 68px; margin: 22px 0px; font-size: 20px; border-radius: 34px; color: #242424; border: none; } .form-group-el.buss { background: #eee; padding: 17px 135px; width: 100%; height: 68px; margin: 22px 0px; font-size: 20px; border-radius: 34px; color: #242424; border: none; } select.form-group-el { background-image: url(../images/arrow_down.png); background-repeat: no-repeat; background-position: 90% center; background-size: 19px 18px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; -o-text-overflow: ""; text-overflow: ""; margin: 0; color: #000; } select.form-group-el.buss { background-image: url(../images/arrow_down.png); background-repeat: no-repeat; background-position: 90% center; background-size: 28px 42px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; -o-text-overflow: ""; text-overflow: ""; margin: 0; color: #000; width: 100%; display: block; } select.form-group-el:focus { border: 0; outline: none; } select.form-group-el option { /* 	background: #7397b3; */ margin: 10px 0 !important; font-size: 16px !important; } /* select.form-group-el.decorated option:hover { -webkit-box-shadow: rgba(255, 255, 255, 0.55) inset; box-shadow: rgba(255, 255, 255, 0.55) inset; } */ /* .form-control:focus, #searchCountry:focus { border-color: transparent; outline: 0; -webkit-box-shadow: none; box-shadow: none; } */ select option { background: #f6f6f6; color: #242424; border: none !important; border-radius: 35px; } .form-group-el::-webkit-input-placeholder { color: #242424; } .form-group-el:-ms-input-placeholder { color: #242424; } .form-group-el::-ms-input-placeholder { color: #242424; } .form-group-el::placeholder { color: #242424; } .accordion { width: 100%; margin: 50px 0px; background: #fff; border-radius: 4px; } .accordion .link { cursor: pointer; display: block; width: 284px; height: 55px; border: none; color: #fff; background-color: #27ca59; padding: 15px; border: none; font-size: 19px; border-radius: 27.5px; border: none; -webkit-box-shadow: none; box-shadow: none; margin: 35px auto; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } #image { -webkit-transition: transform 1s; -webkit-transition: -webkit-transform 1s; transition: -webkit-transform 1s; -o-transition: transform 1s; transition: transform 1s; transition: transform 1s, -webkit-transform 1s; margin-left: 20px; } .flip { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .accordion li i { position: absolute; top: 20px; left: 12px; font-size: 14px; color: #fff; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .accordion li i.fa-chevron-down { right: 30px; left: auto; font-size: 16px; } .accordion li.open .link { color: #fff; } .accordion li.open i { color: #fff; } .accordion li.open i.fa-chevron-down { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .submenu { display: none; background: transparent; font-size: 14px; } .s-p { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .s-p-right .regioN { width: 148px; height: 68px; border: none; background: #000; padding: 0px 25px; border-radius: 34px; background: #f6f6f6; -webkit-appearance: none; -moz-appearance: none; } .s-p-right .regioN { background-image: url(../images/arrow_down.png); background-repeat: no-repeat; background-position: 80% center; background-size: 16px 11px; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; -o-text-overflow: ""; text-overflow: ""; } .c-b-l { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; align-items: flex-start; } .c-l { width: 20%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .c-r { width: 80%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0px 30px; } .c-q-l-s { padding: 10px 3px; cursor: pointer; } .c-dp img { cursor: pointer; } .c-name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-v-h { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .p-b-10 { padding-bottom: 10px; } .m-0 { margin: 0px; } .f-25 { font-size: 25px; } .f-18 { font-size: 14px; } .f-17 { font-size: 17px !important; } .f-16 { font-size: 16px; } .p-l-20 { padding-left: 20px; } .text-capitalize { text-transform: capitalize !important; } .color-000 { color: #000; } .m-l-0 { margin-left: 0px !important; } .m-0-auto { margin: 0px auto !important; } .m-60 { margin: 60px 0px; } .d-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .f-14 { font-size: 14px; } .f-20 { font-size: 18px; } .p-35 { padding: 35px 0px; } .b-bottom { border-bottom: 2px solid #fff; } .color-242424 { color: #242424; } .color-292929 { color: #292929; } .p-30, .pro-b { padding: 30px 0px; } .p-b-15 { padding-bottom: 15px; } .p-b-40 { padding-bottom: 40px; } .p-b-30 { padding-bottom: 30px !important; } .p-b-60 { padding-bottom: 60px; } .p-20 { padding: 20px 0px; } .p-t-20 { padding-top: 20px !important; } .p-b-20 { padding-bottom: 20px; } .p-t-30 { padding-top: 30px; } .p-t-50 { padding-top: 50px; } .f-i { font-style: italic; } .p-10 { padding-bottom: 10px; } .p-15 { padding: 15px 0px; } .p-t-15 { padding-top: 15px; } .p-45 { padding: 45px 0px 30px; } .line-height-35 { line-height: 35px; } .line-height-25 { line-height: 25px; } .tbl-search>tbody>tr>td, .tbl-search>tbody>tr>th, .tbl-search>tfoot>tr>td, .tbl-search>tfoot>tr>th, .tbl-search>thead>tr>td, .tbl-search>thead>tr>th { line-height: 1.42857143; font-size: 14px; color: #4e4e4e; border-top: 1px solid transparent; } .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { line-height: 1.42857143; font-size: 14px; color: #4e4e4e; border-top: 1px solid transparent; } .toggle { float: left; width: 20px; height: 20px; padding: 4px; text-align: center; background: transparent; border-radius: 100%; margin: auto 10px; border: 2px solid #d2d2d2; -webkit-appearance: none; -moz-appearance: none; appearance: none; outline: none; -webkit-box-shadow: none; box-shadow: none; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #e9e9e9; } .toggle:after { content: ""; position: relative; width: 80%; height: 80%; float: right; margin: 2px 2px 0px 0px; border-radius: 100%; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .toggle:checked:after { background: #db6b66; } .btn-1 { cursor: pointer; display: block; width: 284px; height: 55px; border: none; color: #fff; background-color: #27ca59; padding: 15px 30px; border: none; font-size: 19px; border-radius: 27.5px; border: none; -webkit-box-shadow: none; box-shadow: none; margin: 25px auto; position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; text-align: center; } .btn-1:hover, .btn-1:focus { -webkit-box-shadow: 0 0 11px 4px rgba(39, 202, 89, 0.5); box-shadow: 0 0 11px 4px rgba(39, 202, 89, 0.5); color: #fff; } .c-r-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: 40px; } .c-r-btn li { cursor: pointer; width: 198px; height: 46px; font-size: 21px; color: #9f9e9e; background: #f6f6f6; border-radius: 30px; margin-left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .c-r-btn li>a { color: #9f9e9e; } .c-r-btn .active { background: #db6b66; color: #fff; } .c-box { width: 675px; /*height: 371px;*/ -webkit-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.05); background: #fff; border-radius: 10px; padding: 20px; margin-top: 50px; } .c-box-g { background: #ffd86f; /* Old browsers */ /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffd86f 0%, #ffd49c 100%, #0c0f1e 100%, #7db9e8 100%, #2989d8 100%); /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(#ffd86f), color-stop(100%, #ffd49c), color-stop(100%, #0c0f1e), color-stop(100%, #7db9e8), to(#2989d8)); background: -o-linear-gradient(top, #ffd86f 0%, #ffd49c 100%, #0c0f1e 100%, #7db9e8 100%, #2989d8 100%); background: linear-gradient(to bottom, #ffd86f 0%, #ffd49c 100%, #0c0f1e 100%, #7db9e8 100%, #2989d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } .mar-80 { margin-top: 0px; } .ribbon { background: url("../images/star.png"); height: 32px; width: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; color: #fff; font-size: 0px; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 35px; } .c-view-m-l { margin-right: 30px; } [type="checkbox"]:not(:checked), [type="checkbox"]:checked { position: absolute; opacity: 0; } [type="checkbox"]:not(:checked)+label, [type="checkbox"]:checked+label { position: relative; padding-left: 5px; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 2; } #tbl-avalibality td, #tbl-avalibality th { height: 50px; width: 50px; margin-right: 6px; vertical-align: middle; text-align: center; padding: 20px; } #tbl-avalibality td:nth-child(1) { height: 50px; width: 50px; text-align: center; vertical-align: middle; } /* checkbox aspect */ [type="checkbox"]:not(:checked)+label:before, [type="checkbox"]:checked+label:before { content: ""; width: 2em; height: 2em; border-radius: 50%; font-size: 15px; margin-right: 10px; } .tbl-search [type="checkbox"]:not(:checked)+label:before, .tbl-search [type="checkbox"]:checked+label:before { content: ""; width: 1em; height: 1em; border-radius: 50%; margin: 0; display: block; } #tbl-avalibality tbody { overflow-x: auto; } .color-232323 { color: #232323; } .color-727272 { color: #727272 !important; } /* checked mark aspect */ [type="checkbox"]:not(:checked)+label:after, [type="checkbox"]:checked+label:after { background-color: #33b169; border: 3px solid var(--primary-turquoise-base, #33b169); } .tbl-search [type="checkbox"]:not(:checked)+label:after, .tbl-search [type="checkbox"]:checked+label:after { content: ""; position: absolute; top: 2px; left: 7px; display: inline-block; width: 11px; height: 11px; background-color: #ff8809; border-radius: 50px; } .advs-inner [type="checkbox"]:not(:checked)+label:before, .advs-inner [type="checkbox"]:checked+label:before { content: ""; position: absolute; left: 0px; top: 5px; width: 1.3em; height: 1.3em; border: 2px solid #ccc; background: #fff; border-radius: 30px; font-size: 15px; } .advs-inner [type="checkbox"]:not(:checked)+label:after, .advs-inner [type="checkbox"]:checked+label:after { content: ""; position: absolute; top: 9px; left: 4px; display: inline-block; width: 11px; height: 12px; background-color: #ff8809; border-radius: 50px; } /* checked mark aspect changes */ [type="checkbox"]:not(:checked)+label:after { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } [type="checkbox"]:checked+label:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; } /* accessibility */ [type="checkbox"]:checked:focus+label:before, [type="checkbox"]:not(:checked):focus+label:before {} .checkbox-lab { padding-left: 40px !important; } /*range slider*/ .slider-handle { position: absolute; width: 20px; height: 20px; top: 7px; background: transparent !important; width: 20px; height: 20px; border: 2px solid #db6b66 !important; cursor: pointer; } .slider-tick-label { color: #7a7a7a !important; font-size: 16px; } .slider-tick { display: none; } .slider { display: inline-block; vertical-align: middle; position: relative; } .slider.slider-horizontal { width: 100%; height: 40px; } .slider.slider-horizontal .slider-track { height: 2px; width: 100%; margin-top: -5px; top: 50%; left: 0; } .slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high { height: 100%; top: 0; bottom: 0; } .slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle { margin-left: -10px; } .slider.slider-horizontal .slider-tick.triangle, .slider.slider-horizontal .slider-handle.triangle { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); border-width: 0 10px 10px 10px; width: 0; height: 0; border-bottom-color: #0480be; margin-top: 0; } .slider.slider-horizontal .slider-tick-container { white-space: nowrap; position: absolute; top: 0; left: 0; width: 100%; } .slider.slider-horizontal .slider-tick-label-container { white-space: nowrap; margin-top: 35px; } .slider.slider-horizontal .slider-tick-label-container .slider-tick-label { padding-top: 4px; display: inline-block; text-align: center; } .slider.slider-horizontal.slider-rtl .slider-track { left: initial; right: 0; } .slider.slider-horizontal.slider-rtl .slider-tick, .slider.slider-horizontal.slider-rtl .slider-handle { margin-left: initial; margin-right: -10px; } .slider.slider-horizontal.slider-rtl .slider-tick-container { left: initial; right: 0; } .slider.slider-vertical { height: 210px; width: 20px; } .slider.slider-vertical .slider-track { width: 10px; height: 100%; left: 25%; top: 0; } .slider.slider-vertical .slider-selection { width: 100%; left: 0; top: 0; bottom: 0; } .slider.slider-vertical .slider-track-low, .slider.slider-vertical .slider-track-high { width: 100%; left: 0; right: 0; } .slider.slider-vertical .slider-tick, .slider.slider-vertical .slider-handle { margin-top: -10px; } .slider.slider-vertical .slider-tick.triangle, .slider.slider-vertical .slider-handle.triangle { border-width: 10px 0 10px 10px; width: 1px; height: 1px; border-left-color: #0480be; border-right-color: #0480be; margin-left: 0; margin-right: 0; } .slider.slider-vertical .slider-tick-label-container { white-space: nowrap; } .slider.slider-vertical .slider-tick-label-container .slider-tick-label { padding-left: 4px; } .slider.slider-vertical.slider-rtl .slider-track { left: initial; right: 25%; } .slider.slider-vertical.slider-rtl .slider-selection { left: initial; right: 0; } .slider.slider-vertical.slider-rtl .slider-tick.triangle, .slider.slider-vertical.slider-rtl .slider-handle.triangle { border-width: 10px 10px 10px 0; } .slider.slider-vertical.slider-rtl .slider-tick-label-container .slider-tick-label { padding-left: initial; padding-right: 4px; } .slider.slider-disabled .slider-handle { background-image: -webkit-linear-gradient(top, #dfdfdf 0%, #bebebe 100%); background-image: -o-linear-gradient(top, #dfdfdf 0%, #bebebe 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#bebebe)); background-image: linear-gradient(to bottom, #dfdfdf 0%, #bebebe 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffdfdfdf', endColorstr='#ffbebebe', GradientType=0); } .slider.slider-disabled .slider-track { background-image: -webkit-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%); background-image: -o-linear-gradient(top, #e5e5e5 0%, #e9e9e9 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#e9e9e9)); background-image: linear-gradient(to bottom, #e5e5e5 0%, #e9e9e9 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ffe5e5e5', endColorstr='#ffe9e9e9', GradientType=0); cursor: not-allowed; } .slider input { display: none; } .slider .tooltip.top { margin-top: -36px; } .slider .tooltip-inner { white-space: nowrap; max-width: none; } .slider .hide { display: none; } .slider-track { position: absolute; cursor: pointer; background: #cfab7f48; border-radius: 4px; } .slider-selection { position: absolute; background: #cfab7f; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0px; } .slider-track-low, .slider-track-high { position: absolute; background: transparent; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 0px; } .slider-handle.min-slider-handle.round { margin-left: -10px !important; background: #f8f8f8 !important; } .slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle { margin-left: -10px !important; background: #f8f8f8 !important; } .slider-handle.round { border-radius: 50%; } .slider-handle.triangle { background: transparent none; } .slider-handle.custom { background: transparent none; } .slider-handle.custom::before { line-height: 20px; font-size: 20px; content: "\2605"; color: #726204; } .slider-tick { position: absolute; width: 20px; height: 20px; background-image: -webkit-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background-image: -o-linear-gradient(top, #f9f9f9 0%, #f5f5f5 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f5f5f5)); background-image: linear-gradient(to bottom, #f9f9f9 0%, #f5f5f5 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fff9f9f9', endColorstr='#fff5f5f5', GradientType=0); -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-filter: none; filter: none; opacity: 0.8; border: 0px solid transparent; } .slider-tick.round { border-radius: 50%; } .slider-tick.triangle { background: transparent none; } .slider-tick.custom { background: transparent none; } .slider-tick.custom::before { line-height: 20px; font-size: 20px; content: "\2605"; color: #726204; } .slider-tick.in-selection { background-image: -webkit-linear-gradient(top, #89cdef 0%, #81bfde 100%); background-image: -o-linear-gradient(top, #89cdef 0%, #81bfde 100%); background-image: -webkit-gradient(linear, left top, left bottom, from(#89cdef), to(#81bfde)); background-image: linear-gradient(to bottom, #89cdef 0%, #81bfde 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#ff89cdef', endColorstr='#ff81bfde', GradientType=0); opacity: 1; } .slider-selection { background: #cfab7f; } .c-view { background: linear-gradient(114.54deg, #dabb92 0%, #d6b58a 20.31%, #d0ac80 41.15%, #cea87b 61.98%, #db6b66 80.73%, #c49869 100%); border-radius: 1000px; font-size: 16px; line-height: 24px; /* identical to box height, or 150% */ text-align: center; text-transform: capitalize; color: #ffffff; height: 43px; line-height: 43px; } .c-view a { text-align: center; padding: 10px; } .c-view:hover { -webkit-box-shadow: 0 0 11px 4px rgba(255, 136, 8, 0.3); box-shadow: 0 0 11px 4px rgba(255, 136, 8, 0.3); } .c-view a:hover, .c-view a:focus { color: #fff; } .c-heart { margin-left: 20px; font-size: 40px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; } .c-heart .cls-heart { -webkit-transition: all 0.6s ease; -o-transition: all 0.6s ease; transition: all 0.6s ease; } .c-heart svg.active .cls-heart { fill: #e64c3c; stroke-width: 4px; stroke: #e64c3c; } .c-dp img { width: 120px; height: 120px; border-radius: 50%; background: #db6b66; } .c-dp img { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-dp-o img { width: 140px; height: 140px; border-radius: 50%; background: transparent; cursor: pointer; -webkit-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.05); box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.05); } .button__icon--right { margin-left: 8px; } .pagination { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .pagination__controls { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 2px solid #dadada; overflow: hidden; width: 51px; height: 51px; border-radius: 10px; } .pagination__control { display: block; text-decoration: none; color: #212121; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; -webkit-transition-duration: 0.4s; -o-transition-duration: 0.4s; transition-duration: 0.4s; cursor: pointer; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .pagination__control-icon { display: block; fill: currentColor; } .pagination__list { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: stretch; align-self: stretch; margin: 0; padding: 0; list-style: none; margin: 0px 15px; } .pagination__item { display: -webkit-box; display: -ms-flexbox; display: flex; } .pagination__link { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 8px 10px; text-align: center; color: #ababab !important; text-decoration: none; overflow: hidden; -webkit-transition: 0.5s linear, height 0.25s; -o-transition: 0.5s linear, height 0.25s; transition: 0.5s linear, height 0.25s; } .pagination__link:hover, .pagination__link:focus, .active .pagination__link { color: #db6b66 !important; } .pagination__item--active .pagination__link { cursor: default; pointer-events: none; } .pagination__slide-line { position: absolute; bottom: 0; height: 4px; background-color: #f4511e; -webkit-transition: 0.5s linear, height 0.25s; -o-transition: 0.5s linear, height 0.25s; transition: 0.5s linear, height 0.25s; } .care-inner-one { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; } .care-inner-left-one { width: 442px; border-right: 1px solid #eaeaea; } .care-inner-right-one { width: 80%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .c-r-btn-one { position: absolute; right: 0; } .no-found { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 10%; margin-bottom: 10%; } .p-t-60 { padding: 60px 0px 0px; } .f-28 { font-size: 28px; } .color-blue { color: #000000; } .f-19 { font-size: 19px; } .color-777 { color: #777; } .color-white { color: #fff; } .a-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .a-inner-r { background: #db6b66; width: 243px; height: 55px; border-radius: 20px 20px 0px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0px 20px; } .a-h-box { background: #000; border-radius: 10px; padding: 40px; margin-bottom: 20px; } .a-n-details { padding-left: 20px; } .a-e-img { padding-right: 15px; } .hero-carer-main { position: relative; width: 100%; height: auto; } .form-check1 input[type="radio"], .form-check2 input[type="radio"] { opacity: 0; position: absolute; } .reg-main-form-form-input.small-radio input[type="radio"]+label::before { height: 30px; width: 30px; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .reg-main-form-form-input.small-radio label { font-size: 17px !important; } .form-check1 input[type="radio"]+label, .form-check2 input[type="radio"]+label { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 17px; font-size: 23px; color: #000000; } .form-check1 input[type="radio"]+.c-radio::before, .form-check2 input[type="radio"]+.c-radio::before { content: ""; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: left; height: 30px; width: 30px; margin: 0 20px 0px 0px; border: 1px solid #0c160f; border-radius: 50px; -webkit-transition: background 700ms; -o-transition: background 700ms; transition: background 700ms; background: #fff; } .form-check1 input[type="radio"]+.c-radio, .form-check2 input[type="radio"]+.c-radio { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 17px; font-size: 17px; color: #000000; } .form-check1 input[type="radio"]:checked+label::before, .form-check2 input[type="radio"]:checked+label::before { background-color: #33b169; border: 3px solid var(--primary-turquoise-base, #33b169); } .form-check1>label, .form-check2>label { margin-bottom: 10px; } #chkbox .form-check1 input[type="checkbox"] { opacity: 0; position: absolute; } #chkbox .form-check1 [type="checkbox"]:not(:checked)+label:after, #chkbox .form-check1 [type="checkbox"]:checked+label:after { opacity: 0; } #chkbox .form-check1 input[type="checkbox"]+label { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 17px; font-size: 23px; color: #000000; padding-left: 50px; } #chkbox .form-check1 input[type="checkbox"]+.c-check::before { content: ""; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: left; height: 30px; width: 30px; margin: 0 15px 0px 0; border: 1px solid #0c160f; border-radius: 50px; -webkit-transition: background 700ms; -o-transition: background 700ms; transition: background 700ms; background: #fff; } #chkbox .form-check1 input[type="checkbox"]+.c-check { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 17px; font-size: 17px; color: #000000; } #chkbox .form-check1 input[type="checkbox"]:checked+label::before { background-color: #33b169; border: 3px solid var(--primary-turquoise-base, #33b169); } #chkbox .form-check1>label { margin-bottom: 25px; } .care-type-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; width: 100%; padding: 20px 0px 20px; } .care-type1, .care-type2 { width: 49%; } #carer-form .reg-main-form-form-input { padding-top: 0px; } .carer-title h1 { margin: 0px; padding-bottom: 5px; letter-spacing: 0.5px; } .carer-title { border-bottom: 1px solid #b0b0b0; width: 100%; padding-bottom: 15px; } .btn-group.open .dropdown-toggle { -webkit-box-shadow: none; box-shadow: none; } #carer-form .bootstrap-select button { margin: 0px; } .input-group-addon:last-child { cursor: pointer; position: absolute; right: 0; border: none; margin-right: 40px; z-index: 1000; margin-top: -18px; top: 50%; background: none; } .f-24 { font-size: 24px; } #carer-form .hero-select .bootstrap-select .btn-default { color: #fff; background-color: rgba; border-color: none !important; border: none; padding: 0px 20px; width: 100%; height: 68px; background: rgba(41, 72, 96, 0.45); border-radius: 34px; font-size: 20px; } .datepicker.dropdown-menu { top: 500px; } .form-check1 { width: 100%; padding: 0px 0px 0px 20px; } .input-1 { width: 50%; margin: 20px 0px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .btn-carer a { padding: 18px 10px; width: 100%; height: 60px; margin: 0px 0px 10px 0px; border-radius: 50px; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 14px; max-width: 300px; -webkit-transition: 0.3s all ease-out; -o-transition: 0.3s all ease-out; transition: 0.3s all ease-out; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .bg-orange { background: #db6b66 !important; } .btn-carer { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .bg-orange-hover button:hover { -webkit-box-shadow: 0 0 11px 4px rgba rgba(255, 136, 8, 0.3); box-shadow: 0 0 11px 4px rgba rgba(255, 136, 8, 0.3); } .a-dp img { width: 120px; height: 120px; border-radius: 50%; } .a-email { display: -webkit-box; display: -ms-flexbox; display: flex; } .f-li-center { text-align: center; } .f-gray { color: #a9aeb2; } .p-60 { padding: 60px 0px; } .tab-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .tab-content-header { width: 100%; padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-top-left-radius: 10px; border-top-right-radius: 10px; margin-bottom: 20px; } .tab-content-header li { list-style: none; padding: 15px 0; padding-right: 25px; text-align: center; -webkit-transition: 0.6s all linear; -o-transition: 0.6s all linear; transition: 0.6s all linear; } .tab-content-header>li.active, .tab-content-header>li:hover {} .tab-content-header>li>a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; color: #fff; position: relative; overflow: visible; -webkit-transition: 0.6s all ease-out; -o-transition: 0.6s all ease-out; transition: 0.6s all ease-out; } .tab-content-header>li>a:hover, .tab-content-header>li.active>a { color: #fff; } .tab-content-header>li.active>a { color: #fff; } .btn-subscribe { cursor: pointer; width: 198px; height: 46px; border: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 30px; margin: 0px 10px 0px 15px; padding: 15px 25px; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; background: #db6b66; } .btn-orange { cursor: pointer; border: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 30px; margin-left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; background: #db6b66; } .f-21 { font-size: 21px; } .btn-orange:hover, .btn-orange:focus { -webkit-box-shadow: 0 0 11px 4px rgba(255, 136, 8, 0.3); box-shadow: 0 0 11px 4px rgba(255, 136, 8, 0.3); color: #fff; } .btn-subscribe:hover, .btn-subscribe:focus { -webkit-box-shadow: 0 0 11px 4px rgba(255, 136, 8, 0.3); box-shadow: 0 0 11px 4px rgba(255, 136, 8, 0.3); color: #fff; } .info-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .info-box { background: #f9f8f8; border-radius: 10px; width: 100%; margin-bottom: 20px; } .p-40 { padding: 40px; } .f-23 { font-size: 23px; } .info-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .p-a-30 { padding: 30px 30px; } .btn-green { cursor: pointer; width: auto; height: 50px; font-size: 19px; border: none; text-transform: capitalize; -webkit-box-shadow: none; box-shadow: none; border-radius: 30px; margin-left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0px 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; background: #27ca59; } .info-text { line-height: 35px; } .info-title-b ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .info-title-b ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .info-title-b { max-width: 900px; margin: 0px auto; padding: 40px 0px; } .btn-green:hover, .btn-green:focus { color: #fff; text-decoration: none; -webkit-box-shadow: 0 0 11px 4px rgba(39, 202, 89, 0.5); box-shadow: 0 0 11px 4px rgba(39, 202, 89, 0.5); } .info-box-2 { background: #fff; border-radius: 10px; -webkit-box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.22); box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.22); margin-bottom: 50px; } .a-eye { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .info-title-g { border-radius: 10px 10px 0px 0px; background: #ffc785; padding: 40px; background: -webkit-linear-gradient(top, #ffc785, #ffe3be); background: -o-linear-gradient(top, #ffc785, #ffe3be); background: -webkit-gradient(linear, left top, left bottom, from(#ffc785), to(#ffe3be)); background: linear-gradient(to bottom, #ffc785, #ffe3be); } .info-w { max-width: 900px; margin: 0px auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* ON/OFF Switch */ .switch { position: relative; padding: 3px; border-radius: 18px; cursor: pointer; margin-bottom: 0px; } .switch-input { position: absolute; top: 0; left: 0; opacity: 0; } .switch-label { position: relative; display: block; height: 50px; width: 123px; 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; } .switch-label:before, .switch-label:after { position: absolute; top: 50%; margin-top: -0.5em; line-height: 1; -o-transition: inherit; -webkit-transition: inherit; transition: inherit; } .switch-label:before { content: attr(data-off); right: 25px; font-size: 19px; color: #fff; } .switch-label:after { content: attr(data-on); left: 20px; color: #000; font-size: 19px; opacity: 0; } .switch-input:checked~.switch-label { background: #f0f0f0; } .switch-input:checked~.switch-label:before { opacity: 0; } .switch-input:checked~.switch-label:after { opacity: 1; } .switch-handle { position: absolute; top: 3px; left: 2px; width: 50px; height: 50px; 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 rgba(0, 0, 0, 0.22); box-shadow: 0px 0px 22px 0px rgba(0, 0, 0, 0.22); } .switch-handle:after { content: attr(data-on); right: 10px; color: #fff; font-size: 19px; opacity: 1; } .switch-handle:after { position: absolute; top: 50%; margin-top: -0.5em; line-height: 1; -o-transition: inherit; -webkit-transition: inherit; transition: inherit; } .switch-handle:before { content: attr(data-off); left: 10px; color: #000; font-size: 19px; opacity: 1; } .switch-handle:before { position: absolute; top: 50%; margin-top: -0.5em; line-height: 1; -o-transition: inherit; -webkit-transition: inherit; transition: inherit; } .switch-input:checked~.switch-handle { left: 80px; background: #27ca59; -webkit-box-shadow: none; box-shadow: none; } /*profile step page*/ .care-profile { padding-top: 25px; } .care-profile .form-check1>label { margin-bottom: 15px !important; } .steps-bar { margin: 0 auto; width: 100%; } .steps-indicator { bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; left: -165px; position: relative; list-style: outside none none; margin: 0; width: 1060px; padding: 24px 0 10px; } .steps-indicator li { padding: 40px 0 0; margin: 0; position: relative; width: 33.3333%; pointer-events: none; } span.us-numbers.nactivus { position: absolute; margin-top: -55px; z-index: 99; color: #fff; margin-left: 25px; } span.us-numbers { position: absolute; margin-top: -55px; z-index: 99; color: #33342f; margin-left: 30px; } label { font-weight: 400; } .steps-indicator li:after { height: 10px; top: -12px; width: 10px; border-radius: 100%; content: ""; left: calc(50% - 7px); line-height: 14px; position: absolute; text-align: center; -webkit-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; vertical-align: middle; } .steps-indicator li:not(:last-child):before { background-color: #db6b66; content: ""; height: 1px; left: calc(50% + 3px); position: absolute; top: -5px; width: calc(100% - 10px); } .steps-indicator li div { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 20px; } .steps-indicator li div a { cursor: pointer; line-height: 14px; font-size: 15px; color: #292929; text-align: center; text-decoration: none; text-transform: capitalize; -webkit-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; } .steps-indicator li.done:after { background-color: #db6b66; } .steps-indicator li.current:after, ul.steps-indicator li.default:after { background: transparent; /* left: 5px; */ left: calc(50% - 5px); } /*step 2*/ #step2 .steps-indicator li.done:after { background-color: #db6b66; } #step2 .steps-indicator li.done:not(:last-child):before { background-color: #db6b66; } #step2 .steps-indicator li.current:after { background-color: #db6b66; } #step2 .steps-indicator li.done:after { background-color: #fff; } #step2 .steps-indicator li.default:after { background: #f8f8f8; /* left: 5px; */ left: calc(50% - 5px); } #step2 .steps-indicator li:after { border: 1px solid #db6b66; height: 40px; top: -25px; width: 40px; border-radius: 100%; content: ""; left: calc(50% - 7px); line-height: 14px; position: absolute; text-align: center; -webkit-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; vertical-align: middle; } .profile-pic { /*width: 30%;*/ background-color: #fff; border-radius: 50%; text-align: center; color: #82929c; display: -webkit-box; display: -ms-flexbox; display: flex; width: 210px; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 210px; -webkit-box-shadow: 0px 1px 40px 0px rgba(0, 0, 0, 0.03); box-shadow: 0px 1px 40px 0px rgba(0, 0, 0, 0.03); position: relative; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .profile-pic.s_pp { border-radius: 10px !important; } .slim { width: 100%; height: 100%; border-radius: 50%; } .slim.s_box { width: 100%; height: 100%; border-radius: 10px; } .slim.no-radius { width: 100%; height: 100%; border-radius: 0; } .remove-img.editimg { bottom: 13%; left: 22%; } .slim .slim-btn { width: 40px; height: 40px; border-radius: 50%; font-size: 0; margin: 5px; } .profile-pic input[type="file"] { display: none; } .profile-pic label { width: 100%; border-radius: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; font-size: 16px; color: #292929; cursor: pointer; } .profile-pic label img {} .text-orange { color: #db6b66 !important; } .blue-box { background: rgba(41, 72, 96, 0.45); position: relative; border: none; padding: 20px 25px; border-radius: 10px; color: #fff; margin-bottom: 30px; } .guide a:hover, .guide a:focus { color: #db6b66; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; } .inputs-block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .inputs-block a { width: auto; font-size: 15px; } .inputs-block .minus { margin-right: 40px; } .inputs-block .minus, .inputs-block .plus { border-radius: 4px; padding: 10px; border-radius: 50%; background-color: #2eb64b; color: transparent; position: relative; } .inputs-block .plus { margin-left: 40px; } .inputs-block input { width: 80%; position: relative; z-index: 2; border: none; padding: 20px 25px; font-size: 20px; color: #000; background: rgba(41, 72, 96, 0.45); border-radius: 45px; color: #fff; text-align: center; } .t-width { max-width: 325px; margin: 0px auto !important; } .w-100 { width: 100%; } /*profile step3*/ #step3 .steps-indicator li.done:after, #step3 .steps-indicator li.current:after { background-color: #db6b66; } #step3 .steps-indicator li.done:not(:last-child):before, #step3 .steps-indicator li.current:not(:last-child):before { background-color: #db6b66; } #step3 .steps-indicator li.done:after, #step3 .steps-indicator li.current:after { background-color: #fff; } #step3 .steps-indicator li.default:after { background: #db6b66; -webkit-box-shadow: 0 0 0 6px #fff, 0 4px 18px 0px rgba(0, 0, 0, 1); box-shadow: 0 0 0 6px #fff, 0 4px 18px 0px rgba(0, 0, 0, 1); height: 7px; top: -9px; width: 7px; /* left: 5px; */ left: calc(50% - 5px); } #step3 .steps-indicator li:after { background-color: #db6b66; -webkit-box-shadow: 0 0 0 6px, 0 4px 18px 0px rgba(0, 0, 0, 0.14); box-shadow: 0 0 0 6px, 0 4px 18px 0px rgba(0, 0, 0, 0.14); height: 7px; top: -10px; width: 7px; border-radius: 100%; content: ""; left: calc(50% - 7px); line-height: 14px; position: absolute; text-align: center; -webkit-transition: all 0.25s ease 0s; -o-transition: all 0.25s ease 0s; transition: all 0.25s ease 0s; vertical-align: middle; } .form-main-container-step3 .w-100 .care-type-main { padding: 30px 0px 30px; } .file-upload { position: relative; display: inline-block; } .t-width-2 { max-width: 73%; margin: 0px auto !important; } .t-w { max-width: 80%; margin: 0px auto !important; } .file-upload__label { height: 60px; margin: 25px 0px 20px 0px; border-radius: 50px; border: none; display: -webkit-box; display: -ms-flexbox; display: flex; width: 300px; -webkit-transition: 0.3s all ease-out; -o-transition: 0.3s all ease-out; transition: 0.3s all ease-out; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #27ca59; cursor: pointer; } .file-upload__label:hover { color: #fff; -webkit-box-shadow: 0 0 11px 4px rgba(39, 202, 89, 0.5); box-shadow: 0 0 11px 4px rgba(39, 202, 89, 0.5); } .file-upload__input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; font-size: 1; width: 0; height: 100%; opacity: 0; } .form-main-container-step3 { padding: 50px 0px 45px; } .form-main-container-step3 .care-type-main .form-check1 input[type="radio"]+.c-radio::before, .form-main-container-step3 .care-type-main .form-check2 input[type="radio"]+.c-radio::before { margin: 0 20px 0px 0px; } .form-main-container-step3 .form-check1, .form-main-container-step3 .form-check2 { padding: 0px; } .form-main-container-step3 .reg-form form { padding: 25px 15px; } .btn-grup { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .btn-grup a, .btn-grup input[type="button"] { padding: 0px; width: 200px !important; height: 50px; margin: 0px 20px; } .btn-grup .active { background: #27ca59; } .btn-grup .active { color: #fff !important; } .btn-gray { cursor: pointer; width: auto; height: 50px; font-size: 21px; border: none; text-transform: capitalize; -webkit-box-shadow: none; box-shadow: none; border-radius: 23px; margin-left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0px 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; background: #f6f6f6; } .color-gray { color: #a4a4a4 !important; } textarea::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.6); } textarea:-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } textarea::-ms-input-placeholder { color: rgba(255, 255, 255, 0.6); } textarea::placeholder { color: rgba(255, 255, 255, 0.6); } textarea::-moz-placeholder { color: rgba(255, 255, 255, 0.6); } #l-btn { max-width: 300px; } /*member page*/ .faq-main-container { padding: 80px 0px; } .news-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .panel-default>.panel-heading { position: relative; } .panel-heading .fa { position: absolute; right: 37px; top: 37px; font-size: 14px; color: #db6b66; cursor: pointer; } .panel-title { margin-top: 0; margin-bottom: 0; font-size: 16px; color: inherit; line-height: 22px; cursor: pointer; } .color-010101 { color: #010101; } .panel-default>.panel-heading { background-color: transparent; border: none; } .panel-title>a { color: #000000; text-transform: uppercase; } .panel-heading {} .panel-group .panel { margin-bottom: 0; border-radius: 0px; } .panel-default { border-bottom: 1px solid #f7f7f7; -webkit-box-shadow: none; box-shadow: none; border-color: transparent; } .panel-group .panel+.panel { margin-top: 0px; } .panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 1px solid transparent; } .panel-default>.panel-heading+.panel-collapse>.panel-body { border-top-color: transparent; } .panel-heading { padding: 33px 40px; } .panel { margin-bottom: 20px; background-color: #fff; border-bottom: 1px solid #f7f7f7; } .panel-body { padding: 0px 40px 30px 40px; text-align: justify; font-size: 19px; color: #4a4a4a; } .color-161616 { color: #161616; } .panel-body p, .policy-content-inner p { margin: 0px; } .panel-i-text {} .pdf-list { display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: flex-start; -webkit-justify-content: flex-start; -ms-flex-wrap: wrap; max-width: 350px; margin: 0px auto; } .pdf-list li { width: 100px !important; } .pdf-list li { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 33.33%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start !important; -ms-flex-pack: start !important; justify-content: flex-start !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pdf-list li span { line-height: 20px; } .blue-text { margin-top: -20px; width: 280px; } .row-blue { display: -webkit-box; display: -ms-flexbox; display: flex; } .row-blue .col-md-9, .row-blue .col-md-3, .row-blue .col-md-5, .row-blue .col-md-8 { padding: 0px; } .seven-f { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .f-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .five, .six { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .five-next { display: -webkit-box; display: -ms-flexbox; display: flex; } .a-digit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 25px 0px; } .color-dc { color: #dcdcdc; } .five:before, .six:before { content: ""; height: 120px; position: absolute; top: 50%; margin-top: -60px; margin-left: -100px; left: 50%; position: realtive; vertical-align: middle; width: 2px; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-left: 2px solid rgba(255, 255, 255, 0.25); } .faq-title:after { content: ""; display: block; height: 4px; width: 110px; background: #db6b66; margin: 10px auto 0 auto; -webkit-animation: title-border 0.5s ease-in; animation: title-border 0.5s ease-in; } .contact-text { margin: 0px 10px; } .policy-content h4 { margin: 0px; } /*news page*/ .news-main-container { padding: 50px 0px; } .news-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .news-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .news-list li { width: 47%; margin-bottom: 80px; } .news-list li .news-img-left { background: url("../images/news1.png"); } .news-list li .news-img-right { background: url("../images/news2.png"); } .news-image { background-size: cover !important; width: 100%; height: 320px; background-position: top center !important; background-repeat: no-repeat !important; } .news-title:after { content: ""; display: block; height: 4px; width: 75px; background: #db6b66; margin: 10px auto 0 auto; -webkit-animation: title-border 0.5s ease-in; animation: title-border 0.5s ease-in; } .color-7b7b7b { color: #7b7b7b; } .color-a8a8a8 { color: #a8a8a8; } .line-height-30 { line-height: 30px; } .pay-inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .read:hover { color: #000000; } .panel-heading[aria-expanded="true"] .fa-plus { display: none !important; } .panel-heading[aria-expanded="true"] .fa-minus { display: block !important; } /*message box*/ #message-box { /*margin: 170px 0px 0px;*/ } .msg-head { text-transform: uppercase; text-align: center; position: relative; } .f-35 { font-size: 35px; } .msg-head:after { position: absolute; content: ""; height: 4px; bottom: -8px; margin: 0 auto; left: 0; right: 0; width: 6%; background: #db6b66; -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } .msg-inner { padding: 10px 0px; } .msg-inner .nav-justified { width: 70%; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; } .msg-inner .nav-justified:before { display: none; } .msg-inner .nav-justified>li { display: -webkit-box; display: -ms-flexbox; display: flex; width: 33.33%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .msg-inner .nav-pills>li.active>a, .msg-inner .nav-pills>li.active>a:focus, .msg-inner .nav-pills>li.active>a:hover { color: #fff; background-color: #27ca59; width: 198px; height: 54px; border-radius: 27px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 21px; } .msg-inner .nav-pills>li>a { color: #9f9e9e; background-color: #f6f6f6; width: 198px; height: 54px; border-radius: 27px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 21px; } .msg-inner .tab-pane { position: relative; } .m-box-inner { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .m-b-l { width: 307px; border-right: 1px solid #dddddd; } .m-b-r { width: calc(100% - 307px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .m-b-l-l { height: 107px; min-height: 107px; max-height: 107px; border-bottom: 1px solid #dddddd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px; } .m-b-l-h { height: 72px; border-bottom: 1px solid #dddddd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0px 20px; color: #000000; font-size: 21px; } .pro-name { color: #222222; font-size: 19px; } .pro-chat { color: #626262; font-size: 16px; } .m-b-l-l li:nth-child(1) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .m-b-l-l li:nth-child(2) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .pro-pic { margin-right: 13px; } .pro-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .chat-time { color: #9f9e9e; font-size: 13px; margin-left: 10px; display: block; } /*.m-b-l-l:last-child {*/ /*	border-bottom: none;*/ /*}*/ .m-b-r-h { height: 82px; border-bottom: 1px solid #dddddd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0px 20px; color: #000000; font-size: 21px; } .m-b-l-l-chat { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .m-b-l-l-chat .m-b-l-l-f { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px 0px 40px; } .pro-pic2 { margin-right: 15px; } .pro-pic2 img { width: 50px; border-radius: 50%; } .m-box-inner p { margin: 0px; } .pro-btn { margin-left: 20px; } .m-b-r-l { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; } .m-b-r-l-r { width: calc(100% - 600px); margin-top: 60px; } .side-list-chat { margin-top: 35px; } .side-list-chat li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 5px 15px; } .chat-dark { color: #2a2a2a; font-size: 14px; } .chat-light { color: #4e4d4d; font-size: 16px; } .m-b-r-l-r .pro-name { padding: 30px 0px 10px; } .m-b-r-l-r .pro-chat { color: #6c6c6c; font-size: 17px; } .m-b-r-l-l { width: 600px; border-right: 1px solid #dddddd; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 15px; } .m-b-r-l-l-down form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .m-b-r-l-l-down form.input, .submit { display: inline-block; font-size: 20px; border-radius: 0; border: 0; outline: 0; -webkit-appearance: none; } .input { border: 1px solid #e2e2e2; width: 99%; border-radius: 10px 0px 0px 10px; font-size: 16px; color: #242424; height: 56px; padding: 10px; } .submit { background-color: #db6b66; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 56px; width: 57px; border-radius: 0px 10px 10px 0px; } .submit::-moz-focus-inner { border: 0; } .input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 16px; color: #9f9e9e; } .input::-moz-placeholder { /* Firefox 19+ */ font-size: 16px; color: #9f9e9e; } .input:-ms-input-placeholder { /* IE 10+ */ font-size: 16px; color: #9f9e9e; } .input:-moz-placeholder { /* Firefox 18- */ font-size: 16px; color: #9f9e9e; } /*payment plan*/ .color-green1 { color: #27ca59; } .f-26 { font-size: 26px; } .pay-content { max-width: 960px; margin: 0px auto; } .pay-content .pay-list-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; } .pay-content .pay-list { width: 48%; border: 1px solid #dedede; border-radius: 8px; -webkit-box-shadow: 0px 7px 22px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 7px 22px 0px rgba(0, 0, 0, 0.06); } .pay-img { height: 350px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .pay-img img { width: 50%; } .pay-price-list { display: -webkit-box; display: -ms-flexbox; display: flex; /*justify-content: center;*/ -ms-flex-wrap: wrap; flex-wrap: wrap; } .pay-price-list li i { font-size: 20px; padding-right: 2px; } .bg-gray { background: #ebebeb; border-top: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; } .bg-gray li { border-right: 1px solid #bdbdbd; } .bg-orange1 { border-top: 1px solid #ffab54; border-bottom: 1px solid #ffab54; } .bg-orange1 li { border-right: 1px solid #ffab54; background: #ffd9ad !important; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .bg-orange1 li:hover { background: #f2e0cb !important; } .pay-price-list li:hover { background: #c6c6c6; } .pay-price-list li { width: 100%; padding: 35px 0px; cursor: pointer; background: #ebebeb; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .bg-orange1 li { border-right: 1px solid #ffab54; background: #ffd9ad !important; -webkit-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .pay-price-list li:last-child { border-right: none; } .pay-tick-list { text-align: left; padding: 45px 35px; } .pay-tick-list li { line-height: 50px; margin: 0px 0px 0px 35px; } .pay-tick-list li:before { position: absolute; margin: 2px 0px 0px -35px; font-weight: bold; content: url("../images/p-tick.png"); vertical-align: middle; } .color-orange1 { color: #ff8206; } .color-white>a:hover { color: #fff; } /*news inner page*/ .news-data-innner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .news-inner-list li a { background: #000000; margin-right: 10px; border-radius: 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 30px; width: 30px; } .news-inner-list li { display: -webkit-box; display: -ms-flexbox; display: flex; } .news-innner-bottom { padding: 30px 0px; } .news-innner-bottom .img-news { width: 100%; text-align: center; padding: 20px 0px; } .news-bottom-list { padding-left: 50px; } .news-bottom-list li { list-style-type: disc !important; } /*site map*/ .sitemap-main-container { padding: 10px 0px 30px; } .site-area { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 35px 0px; } .sitemap-main-container .alpha-a-s-r { width: auto; margin: 0px; } .site-tag { max-width: 1000px; text-align: center; margin: 0px auto; } .site-tag p { margin-bottom: 5px; } @media (max-width: 1366px) { #chkbox .form-check1 input[type="checkbox"]+.c-check { font-size: 16px; } .form-check1 input[type="radio"]+.c-radio, .form-check2 input[type="radio"]+.c-radio { font-size: 15px; } .f-17 { font-size: 15px !important; } .f-18 { font-size: 17px; } .f-21 { font-size: 19px; } } @media (max-width: 1300px) { .f-22, .c-r-btn li, .form-group-el::-webkit-input-placeholder, .form-group-el, .regioN { font-size: 14px; } .f-22, .c-r-btn li, .form-group-el:-ms-input-placeholder, .form-group-el, .regioN { font-size: 14px; } .f-22, .c-r-btn li, .form-group-el::-ms-input-placeholder, .form-group-el, .regioN { font-size: 14px; } .f-22, .c-r-btn li, .form-group-el::placeholder, .form-group-el, .regioN { font-size: 14px; } .f-18, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { font-size: 16px; } .f-25 { font-size: 22px; } .f-20 { font-size: 14px; } .p-35 { padding: 25px 0px; } .form-group-el { margin: 18px 0px; height: 58px; } .s-p-right .regioN { height: 58px; } .c-padding-right { padding: 15px 15px 15px 0px; } .c-padding-left { padding: 15px 0px 15px 15px; } } @media (max-width: 1200px) { .m-b-r-l-l { width: 100%; border-right: 1px solid #ddd; } .logo { width: 175px; height: 25px; } .navbar-default .navbar-nav>li>a { font-size: 13px; } .nav-btn { margin-left: 20px; } .nav-btn button>a { font-size: 12px; } .nav-btn button { padding: 7px 12px; width: 100px; } .quote_body span { font-size: 20px; } .quote_body::before { left: 60px; } .quote_body::after { right: 60px; } .offer-list li { width: 49%; margin-bottom: 10px; } .item-text { width: 310px; } .p-30 { padding: 15px 0px; } .p-20 { padding: 10px 0px; } .btn-1 { margin: 20px auto; width: auto !important; } .f-28 { font-size: 24px; } .a-h-box ul li:before { margin-left: -80px; } .reg-main-form-form-input input { font-size: 14px; } .m-b-l { width: 250px; } .m-b-r { width: calc(100% - 250px); } .m-b-r-l-r { width: calc(100% - 300px); } } @media (max-width: 1100px) { .five:before, .six:before { margin-left: -85px; } .a-dp {} .f-20 { font-size: 15px; } .info-text { text-align: justify; } .care-inner-left { width: 330px; } .c-box { width: 625px; margin-top: 25px; } .c-l { width: 30%; } .p-45 { padding: 25px 0px 20px; } } @media (max-width: 990px) { #ul-form .carer-title { width: 100% !important; } .m-b-l-h { font-size: 14px; } .pro-name { font-size: 16px; } .pro-chat { font-size: 13px; } .news-list li { width: 100%; } .five, .six { border-left: 0px; } .five:before, .six:before { content: none; } .blue-text { margin-top: 0px; } .row-blue { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .f-list { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center; } .seven-f { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .five-next { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .a-email { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .a-digit { padding: 10px 0px; } .steps-indicator { left: -100px; width: 800px; } #carer-form .reg-main-form-form-input { padding-top: 8px; } .form-check1 input[type="radio"]+.c-radio, .form-check2 input[type="radio"]+.c-radio { font-size: 16px; } #carer-form .hero-select .bootstrap-select .btn-default { height: auto !important; padding: 12px 25px !important; font-size: 15px !important; margin-bottom: 0px; width: 190px; } #carer-form .bootstrap-select.select .dropdown-toggle .filter-option {} .input-1 .c-radio { font-size: 14px !important; } #carer-form .hero-select .bootstrap-select .btn-default:nth-child(2) { margin-bottom: 0px !important; } .input-group { width: 100%; } .info-title-b, .info-w { max-width: 700px; } .btn-green, .switch-label:before, .switch-label:after { font-size: 16px; } .a-h-box ul li:before { content: none; } .p-t-60, .p-60 { padding: 40px 0px 0px; } .a-inner-r { width: auto; height: auto; padding: 10px 20px; } .f-23 { font-size: 19px; } .f-19 { font-size: 17px; } .care-inner-title { -ms-flex-pack: distribute; justify-content: space-around; } .c-r-btn { padding-bottom: 0px; } .c-box { width: 580px; margin-top: 18px; /*height: 340px;*/ } .f-24, .f-22, .c-r-btn li, .form-group-el::-webkit-input-placeholder, .form-group-el, .regioN { font-size: 15px; } .f-24, .f-22, .c-r-btn li, .form-group-el:-ms-input-placeholder, .form-group-el, .regioN { font-size: 15px; } .f-24, .f-22, .c-r-btn li, .form-group-el::-ms-input-placeholder, .form-group-el, .regioN { font-size: 15px; } .f-24, .f-22, .c-r-btn li, .form-group-el::placeholder, .form-group-el, .regioN { font-size: 15px; } .f-18, .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th { font-size: 14px; } .f-25 { font-size: 20px; } .f-20 { font-size: 16px; } .f-21 { font-size: 21px; } .p-35 { padding: 20px 0px; } .form-group-el, .s-p-right .regioN { height: 50px; } .form-wapper .form-btn { font-size: 14px; } .footer-area .footer-area-left, .footer-area .footer-area-right, .alpha-a-s-r, .alpha-a-s-l, .footer-tag .alpha-tag { width: 100%; text-align: center; } .foot-b ul li { margin: 10px auto; text-align: center; } .foot-b ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .logo { width: 125px; height: 25px; } .navbar-default .navbar-nav>li>a { font-size: 12px; padding: 13px 5px; } .nav-btn { margin-left: 10px; padding: 10px 0px; } .nav-btn>li { margin-right: 20px; margin-bottom: 10px; } .nav-btn button>a { color: #fff; font-size: 12px; } .nav-btn button { padding: 7px 12px; width: 100px; } .reg-main-form-form-input { position: relative; margin-top: 0px; } .reg-main-form-form-input input { padding: 12px 25px; font-size: 16px; } .bottom-text span { font-size: 16px; } .form-check { padding: 0px 15px; } .hero-small-head { font-size: 20px; } .hero-head-orange, .hero-head { font-size: 25px; } .hero-toggle .nav>li>a, .hero-toggle .nav-pills>li:nth-child(1).active>a, .hero-toggle .nav-pills>li:nth-child(1).active>a:focus, .hero-toggle .nav-pills>li:nth-child(1).active>a:hover { font-size: 12px; } .work-image { width: 180px; height: 180px; } .work-inner ul li:before { display: none; } .work-inner ul li { padding: 0px 5px; } .quote-main-container { padding: 10px 0px; } .quote_body::after, .quote_body::before { display: none; } } @media (max-width: 950px) { .btn-orange { cursor: pointer; border: none; padding: 10px 20px; -webkit-box-shadow: none; box-shadow: none; border-radius: 23px; } .f-28 { font-size: 22px; } .care-inner, .care-inner-one { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .c-r-btn-one { position: relative; } .no-found { margin-top: 3%; margin-bottom: 3%; } .care-inner-left, .care-inner-left-one { width: 50%; border: none; border-bottom: 1px solid #eaeaea; margin: 0px auto; } .care-inner-right, .care-inner-right-one { margin: 0px auto; } .c-padding-right, .c-padding-left { padding: 10px; } .c-r-btn { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .accordion { margin: 15px 0px; } .btn-green { height: auto; padding: 10px 20px; } } @media (max-width: 767px) { .hide-for-mobile { display: none; } .show-for-mobile { display: block; } .hero-head-orange, .hero-head { font-size: 22px; margin-bottom: 10px; } .hero-inner { padding: 20px; } .news-data-innner { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .navbar-default .navbar-nav>li>a { font-size: 16px; } .news-inner-list li a { margin-top: 10px; } #drop1 ul { margin-left: 10px; overflow: hidden; } .hero-input, .hero-btn { z-index: -999 !important; position: relative !important; } .nav-btn>li>a { padding: 13px 0px !important; width: 100px; } .fw-heading { margin: 30px 0px 30px; } .country-main-container h1 { font-size: 30px; } .country-main-container span { font-size: 14px; } #carer-form .hero-select .bootstrap-select .btn-default { width: 100%; } .reg-main-form-form-input .hero-select1 { margin-bottom: 8px; } .btn-carer a { padding: 10px 10px !important; height: auto !important; font-size: 16px !important; margin: 5px 0px; } .accordion .link { margin: 10px auto; } .reg-main-form-form-input textarea { font-size: 16px; } /* Footer mobile link grid: see section.footerus rules in @media (max-width: 767px) */ .home1, .home1-over, .home1-s { height: 400px !important; } .home1-s { background-position: 53% 65% !important; } .btn-grup a, .btn-grup input[type="button"] { height: 40px !important; } .form-main-container-step3 .care-type-main .form-check1 input[type="radio"]+.c-radio::before, .form-main-container-step3 .care-type-main .form-check2 input[type="radio"]+.c-radio::before { margin: 0 20px 0px 0px; } #chkbox .form-check1 input[type="checkbox"]+.c-check { font-size: 13px; } .blue-box { height: auto; margin-bottom: 0px; font-size: 15px; } .btn-1 { margin: 0px auto; height: auto; padding: 10px; font-size: 17px; } .item-bottom-text span, .alphabet a, .alpha-tag a, .alpha-tag-p a, .alpha-a-s-l .bootstrap-select.btn-group .dropdown-toggle .filter-option { font-size: 17px; } .footer-area .foot-title { font-size: 20px; } .fw-heading { margin: 30px 0px 0px; } .form-main-container-login { padding: 40px 0px 50px; } #l-btn { max-width: 200px; } .pay-content .pay-list-main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .pay-content .pay-list { margin-bottom: 30px; } .p-t-50 { padding-top: 10px; } .pay-content { max-width: 700px; } .f-26 { font-size: 23px; } .submit, .input { height: auto; } .nav-pills>li>a, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { height: auto; font-size: 14px; } .nav-pills>li { margin-bottom: 5px; } .f-35 { font-size: 25px; } #message-box { /*margin: 100px 0px 0px;*/ } .nav-justified { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dropdown-menu li a { color: #fff; font-size: 14px; } .navbar-default .navbar-nav>li>a { line-height: 10px; } #drop1 { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } #drop1 ul:nth-child(2) { border-left: none; } .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #fff; text-align: center !important; } .navbar-nav .open .dropdown-menu>li>a { line-height: 5px; } .dropdown-menu li { padding: 7px 0px; } .navbar-nav .dropdown-menu>li, #drop1 ul>li { text-align: center; } .faq-main-container { padding: 30px 0px; } .p-b-20 { padding-bottom: 15px; } .panel-body { font-size: 15px; } .p-b-60 { padding-bottom: 30px; } .news-list li { margin-bottom: 30px; } .f-16 { font-size: 13px; } .panel-heading .fa { right: 0px; width: 10px; top: 25px; } .panel-heading { padding: 20px 5px; cursor: pointer; } .panel-body { padding: 0px 0px 15px 0px; } .news-inner, .faq-inner { margin: 0px 20px; } .news-main-container { padding: 30px 0px; } .f-21 { font-size: 17px; } .care-type-main { -webkit-box-orient: vertical; -webkit-box-direction: normal; /* 		-ms-flex-direction: column; flex-direction: column; */ } .form-check1>label, .form-check2>label { margin-bottom: 5px; } .a-n-details { padding-left: 0px; } .a-inner { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .p-a-30 { padding: 20px 20px 30px; } .p-b-30 { padding-bottom: 15px; } .info-box { margin-bottom: 20px; } .info-title { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .info-title .btn-green { margin-left: 0px; } .info-inner-2 { padding: 0px 10px; } .info-text { text-align: justify; } .navbar-default { padding: 0px 10px; } .s-care-inner { width: 530px; } .care-giver-inner h1 { font-size: 25px; } .navbar-nav { margin: 0px -15px; overflow: hidden; } .line-height-35 { line-height: 30px; } .reg-form form { padding: 25px 20px; } .quote_body::before, .quote_body::after { display: none; } .login-content .l-pwd { padding-bottom: 10px; } .offer-list li { width: 90%; margin: 10px auto; } .work-inner ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .work-inner ul li:before { display: none; } .country-inner-text h1 { max-width: 700px; color: #fff; font-size: 17px; line-height: 40px; } .offer-text span { font-size: 14px; } .country-inner-text span { font-size: 22px; margin: 10px 0px 0px; } .item-text span { font-size: 17px; } .foot-r-u { font-size: 16px; } .foot-r-d { font-size: 15px; } .pagination__controls { width: 45px; height: 45px; } .c-r-btn li { margin-left: 0px; } .checkbox-lab { padding-left: 30px !important; } .tab-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .tab-content-header, .tab-content-header>li>a { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 18px; } .btn-orange { /*margin: 0px auto;*/ } .btn-green-w { width: 150px; margin: 5px 0px; } .info-title-b, .info-w { max-width: 600px; } .info-title-b ul { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .bottom-text span { font-size: 14px; } .quote_body span { font-size: 16px; } .panel-body p, .policy-content-inner p { margin: 0px; text-align: left !important; }.staticpagesection.faq .panel-body ol, .staticpagesection.faq .panel-body li, .staticpagesection.faq .panel-body ul { font-size: 14px!important; font-weight: 400; line-height: 21px; letter-spacing: -0.14px; } input[type="radio"]+label::before { width: 30px; height: 30px; } .m-b-r-l-r { width: calc(100%); } .overflow-msg-con { height: 300px !important; } } @media (max-width: 650px) { .hero-btn .btn-search { font-size: 12px; width: 100%; } .hero-select .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100% !important; } .hero-select .bootstrap-select .btn-default { width: 100%; } .hero-input input { width: 100%; } .hero-main-container-index.home1 { display: none !important; } .pay-img img { width: 40%; } .inputs-block .minus { margin-right: 0px; } .inputs-block .plus { margin-left: 0px; } .inputs-block { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .inputs-block input { width: 70%; } .pagination__controls { width: 35px; height: 35px; } .pagination__controls img { width: 50%; } .tab-content { padding: 0px; } .pay-content .pay-list { width: 90%; margin: 0px 20px 30px 20px; } .pay-tick-list { padding: 30px 25px; } .steps-indicator { left: 0px; width: 100%; } .btn-orange { margin-left: 15px; } .f-28 { font-size: 20px; } .p-t-60, .p-60 { padding: 30px 0px 0px; } .f-23 { font-size: 17px; } .f-19 { font-size: 15px; } .f-22, .c-r-btn li, .form-group-el::-webkit-input-placeholder, .form-group-el, .regioN { font-size: 14px; } .f-22, .c-r-btn li, .form-group-el:-ms-input-placeholder, .form-group-el, .regioN { font-size: 14px; } .f-22, .c-r-btn li, .form-group-el::-ms-input-placeholder, .form-group-el, .regioN { font-size: 14px; } .f-22, .c-r-btn li, .form-group-el::placeholder, .form-group-el, .regioN { font-size: 14px; } .f-18, .f-25 { font-size: 14px; } .f-20 { font-size: 14px; } .p-35 { padding: 15px 0px; } .form-group-el, .s-p-right .regioN { height: 45px; } .accordion .link { width: auto; height: 50px; font-size: 15px; } .u-btn-orange { margin: 10px auto; } .c-box { width: auto; padding: 15px; height: auto; } .c-r { padding: 0px 15px; } .c-dp img { width: 100px; height: 100px; } .care-inner-title { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .foot-payment { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .social-link a, .foot-payment a { padding: 10px 0px; } .fw-special-title { font-size: 20px; margin: 0px 0 20px 0; } .offer-inner .offer-list { margin-bottom: 5px; } .alpha-tag { padding: 0px 10px; text-align: justify; } .site-tag .alpha-tag { text-align: center !important; } .site-tag .alpha-tag p { margin: 0px; } .site-tag .alpha-tag a { font-size: 15px; } .list-hero div { float: left; width: 100%; margin: 5px 0px; } .country-inner-text { padding: 50px 0px; } .hero-main-container-inner-index .form-inner { margin: auto; position: absolute; top: 4%; } .work-head { font-size: 14px; } .form-wapper .form-btn { font-size: 15px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-wapper { margin: 5px auto; } .work-details { font-size: 15px; } .hero-btn button { width: auto; height: auto; padding: 10px 30px; } .hero-btn button a { font-size: 15px; } .form-text::-webkit-input-placeholder { color: #242424; font-size: 13px; } .form-text:-ms-input-placeholder { color: #242424; font-size: 13px; } .form-text::-ms-input-placeholder { color: #242424; font-size: 13px; } .form-text::placeholder { color: #242424; font-size: 13px; } .form-wapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0px; } .form-wapper .form-text { text-align: center; background: #f6f6f6; padding: 10px 10px; border-radius: 30px; font-size: 15px; margin: 0px; } .s-care-inner { width: 320px; } .care-giver-inner h1 { font-size: 14px; } .c-q-l-s { padding: 7px 3px; cursor: pointer; } .c-r p { text-align: justify; } hr { margin-top: 10px; margin-bottom: 10px; } .info-title-b, .info-w { max-width: 400px; } .m-b-l { width: 100%; } .m-b-r { width: 100%; } .m-b-l-l { padding: 5px; } .pro-pic img, .pro-pic2 img { width: 40px; } .pro-name { font-size: 16px; } .pro-chat, .chat-time { font-size: 16px; } .m-b-l-l-chat .m-b-l-l-f { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px 0px 20px; } .m-b-l-l { height: 70px; min-height: 70px; max-height: 70px; } .m-b-l-h { height: 60px; } .m-b-r-h { height: 67px; } .pro-btn img { width: 15px; } .pro-btn { margin-left: 5px; } .nav-pills>li>a, .nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover { font-size: 12px; } .f-35 { font-size: 21px; } .msg-inner { padding: 20px 0px; } .m-b-l { display: block; border-right: 0; } .m-box-inner { display: block; } .m-b-r { width: 100%; border-top: 1px solid #ddd; } .line-height-30 { line-height: 25px; } .inputs-block input { padding: 13px 25px; } .msg-inner .nav-pills>li.active>a, .msg-inner .nav-pills>li.active>a:focus, .msg-inner .nav-pills>li.active>a:hover, .msg-inner .nav-pills>li>a { font-size: 16px; width: 100%; height: auto; } .msg-inner .nav-justified>li { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .search_town_list { width: 100% !important; -ms-grid-columns: auto !important; grid-template-columns: auto !important; } .search_town_list li:nth-of-type(2n) { padding-left: 0 !important; } .tab-content { border-radius: 0; } .overflow-msg { height: 250px !important; } .m-b-r-l { display: block; } #tbl-avalibality [type="checkbox"]:not(:checked)+label::before, #tbl-avalibality [type="checkbox"]:checked+label::before { width: 1em; height: 1em; } #tbl-avalibality [type="checkbox"]:not(:checked)+label::after, #tbl-avalibality [type="checkbox"]:checked+label::after { content: ""; background: #db6b66; width: 11px; height: 11px; border-radius: 50%; position: absolute; top: 2px; left: 7px; } } @media (max-width: 500px) { .tag-line { font-size: 16px; padding: 0 0 0 50px; position: relative; top: -9px; left: 5px; } #tbl-avalibality th, #tbl-avalibality td { font-size: 11px !important; padding: 0 !important; white-space: normal; } .navbar-brand { width: 207px; padding-top: 5px; } .p-b-40 { padding-bottom: 0px; } .f-23 { font-size: 13px; } .f-19 { font-size: 12px; } .c-l { width: 100%; } .c-dp, .c-q-list, .c-r { margin: 0 auto; } .c-r { padding: 10px 0px; } .c-v-h { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-r-btn { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .c-r-btn li { margin-bottom: 10px; } .care-inner-title { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-line-pack: center; align-content: center; } .care-inner-left, .care-inner-left-one { width: 90%; } input[type="checkbox"]+label, input[type="radio"]+label { font-size: 15px; } .form-check { padding: 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } input[type="checkbox"]+label::before, input[type="radio"]+label::before { margin: 0 10px 0px 0; } .hero-main-container-inner-index .form-inner { width: 95%; } .hero-inner { padding: 20px 20px; } .hero-small-head { font-size: 14px; } .hero-head-orange, .hero-head { font-size: 14px; } .hero-toggle ul { margin: 10px auto; } .tab-content { margin-top: 0px; } .hero-select .bootstrap-select>.dropdown-toggle.bs-placeholder, .hero-select .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .hero-select .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .hero-select .bootstrap-select>.dropdown-toggle.bs-placeholder:hover, .hero-input input::-webkit-input-placeholder, .hero-input input { font-size: 15px; } .hero-select .bootstrap-select>.dropdown-toggle.bs-placeholder, .hero-select .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .hero-select .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .hero-select .bootstrap-select>.dropdown-toggle.bs-placeholder:hover, .hero-input input:-ms-input-placeholder, .hero-input input { font-size: 15px; } .hero-select .bootstrap-select>.dropdown-toggle.bs-placeholder, .hero-select .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .hero-select .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .hero-select .bootstrap-select>.dropdown-toggle.bs-placeholder:hover, .hero-input input::-ms-input-placeholder, .hero-input input { font-size: 15px; } .hero-select .bootstrap-select>.dropdown-toggle.bs-placeholder, .hero-select .bootstrap-select>.dropdown-toggle.bs-placeholder:active, .hero-select .bootstrap-select>.dropdown-toggle.bs-placeholder:focus, .hero-select .bootstrap-select>.dropdown-toggle.bs-placeholder:hover, .hero-input input::placeholder, .hero-input input { font-size: 15px; } .form-wapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: auto; background: transparent; } .form-wapper .form-text { margin-bottom: 10px; padding: 10px 30px; } .form-wapper .form-btn { position: relative; margin-top: 0px; margin-left: 0px; left: 0%; } .info-title-b, .info-w { max-width: 300px; } .steps-indicator li div a { font-size: 14px; } .search-radio input[type="radio"]+.find-care::before, .search-radio input[type="radio"]+.find-job::before { font-size: 13px !important; height: 35px !important; width: 125px !important; } #p-detail-b-list li { width: 100% !important; } } @media (max-width: 400px) { .f-23 { font-size: 12px; } .panel-body { font-size: 13px; } .blue-box { height: auto; margin-bottom: 0px; font-size: 15px; } .f-18, .f-25 { font-size: 15px !important; } .ul-img-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .ul-img-list li { margin: 20px 0px 20px 0px; width: 100%; text-align: center; } #ul-form .profile-pic { margin: 0 auto; } } .payment-screen input { width: 100%; position: relative; z-index: 2; border: none; padding: 20px 25px; font-size: 14px; color: #000; background: #f3f3f3 !important; border-radius: 45px; color: #242424; margin-top: 35px; } .payment-screen label { width: 100%; position: relative; z-index: 2; border: none; padding: 20px 5px; font-size: 22px; color: #000 !important; border-radius: 45px; color: #969696; margin-top: 35px; } .payment-screen-list label { width: 100%; position: relative; z-index: 2; border: none; padding: 20px 5px; font-size: 22px; color: #242424 !important; border-radius: 45px; color: #969696; } .payment-screen-first label { width: 100%; position: relative; z-index: 2; border: none; padding: 20px 0px; font-size: 24px; color: #242424 !important; border-radius: 45px; color: #969696; } .one-line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .one-line-1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .one-line-1 .btn-orange { cursor: default; width: 328px; height: 62px; border: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 31px; margin-left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; color: #db6b66; background: #f6f6f6; font-size: 20px; } .payment-screen-20 { width: 32%; } .payment-screen input::-webkit-input-placeholder { color: #969696; } .payment-screen input:-ms-input-placeholder { color: #969696; } .payment-screen input::-ms-input-placeholder { color: #969696; } .payment-screen input::placeholder { color: #969696; } .payment-screen .hero-select .bootstrap-select .btn-default { color: #969696 !important; background-color: rgba; border-color: none !important; border: none; padding: 0px 20px; width: 100% !important; height: 68px; background: #f3f3f3 !important; border-radius: 34px; font-size: 14px; margin-top: 30px !important; } .payment-screen .hero-select .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) { width: 100%; } .radio1 { margin: 0.5rem; } .radio1 input[type="radio"] { position: absolute; opacity: 0; } .radio1 input[type="radio"]+.radio-label:before { content: ""; border: 3px solid #8b8b8b; background: #fff; border-radius: 30px; font-size: 15px; display: inline-block; width: 1.9em; height: 1.9em; position: relative; top: -0.2em; margin-right: 1em; vertical-align: top; cursor: pointer; text-align: center; -webkit-transition: all 250ms ease; -o-transition: all 250ms ease; transition: all 250ms ease; } .radio1 input[type="radio"]:checked+.radio-label:before { background-color: #db6b66; -webkit-box-shadow: inset 0 0 0 4px #fff; box-shadow: inset 0 0 0 4px #fff; } .radio1 input[type="radio"]:focus+.radio-label:before { outline: none; border-color: #3197ee; } .radio1 input[type="radio"]:disabled+.radio-label:before { -webkit-box-shadow: inset 0 0 0 4px #f4f4f4; box-shadow: inset 0 0 0 4px #f4f4f4; border-color: #b4b4b4; background: #b4b4b4; } .radio1 input[type="radio"]+.radio-label:empty:before { margin-right: 0; } .pt-30 { padding-top: 30px; } .p-b-40 { padding-bottom: 40px; } .pay-copy { text-align: center; font-size: 15px; } .form-main-container-step-ul { padding: 50px 0px 45px; } .c-989898 { color: #989898; } .ul-img-list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 50px; -ms-flex-wrap: wrap; flex-wrap: wrap; } #ul-form { width: 100%; } #ul-form .reg-form form { padding: 45px 0px; } #ul-form .steps-indicator { bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; left: 0px; position: relative; list-style: outside none none; margin: 0; width: 100%; padding: 24px 0 10px; } #ul-form .carer-title { border-bottom: 1px solid #b0b0b0; width: 55%; padding-bottom: 15px; } #ul-form .hero-select { width: 95%; margin: 0px auto !important; } #carer-form .bootstrap-select, #business-drop .bootstrap-select { width: 100% !important; } #carer-form .hero-select .bootstrap-select .btn-default, #business-drop .hero-select .bootstrap-select .btn-default { color: #0c160f; background-color: rgba; border-color: none !important; border: none; padding: 0px 20px; width: 100%; height: 56px; background: transparent; border: 1px solid #0c160f; border-radius: 34px; font-size: 20px; } .ul-img-list li { margin: 10px 15px 0px 0px; border-radius: 10px; } .ul-img-list li .img-s { border-radius: 10px; -webkit-box-shadow: 0px 11px 46px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 11px 46px 0px rgba(0, 0, 0, 0.2); } #ul-form .profile-pic { background-color: #fff; border-radius: 10px; text-align: center; color: #82929c; display: -webkit-box; display: -ms-flexbox; display: flex; width: 181px; -ms-flex-wrap: wrap; flex-wrap: wrap; height: 181px; -webkit-box-shadow: 0px 11px 46px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 11px 46px 0px rgba(0, 0, 0, 0.2); } #ul-form .blue-box { width: 635px; height: 265px; background: #f3f3f3; position: relative; border: none; padding: 20px 25px; border-radius: 17px; color: #000; margin-bottom: 30px; resize: none; } #ul-form textarea::-moz-focus-inner { color: #b9b9b9; } a.text-light { color: #fff; } a.text-light:hover { color: #fff; } #ul-form textarea::-webkit-input-placeholder { color: #b9b9b9; } #ul-form textarea::-moz-placeholder { color: #b9b9b9; } @media (max-width: 650px) { #review_hide { margin-top: 50px; margin-bottom: 20px; } .p-detail-b-list { display: block !important; } #tbl-inner-page { width: 100% !important; } .yesnoradio .yes-radio input[type="radio"]:checked+label::before, .yesnoradio .yes-radio input[type="radio"]+label::before, .yesnoradio .no-radio input[type="radio"]:checked+label::before, .yesnoradio .no-radio input[type="radio"]+label::before { width: 120px; } #V, #M, #P .payment-screen label, .payment-screen-list label { padding: 0px !important; font-size: 18px !important; } #card_cvc_element { margin-top: 20px; } .payment-screen input, .payment-screen .hero-select .bootstrap-select .btn-default { margin-top: 15px !important; } .one-line { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .payment-screen-20 { width: 100% !important; text-align: center; } .ul-img-list { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; } .ul-img-list li { margin: 20px 0px 0px 0px; border-radius: 10px; } #ul-form .reg-form form { padding: 15px 0px; } #ul-form .carer-title { width: 100%; } } .remove-img { padding: 5px !important; width: 42px !important; height: 42px; border-radius: 50%; font-size: 0; margin: 5px; background: rgba(0, 0, 0, 0.7); position: absolute; bottom: 11%; left: 25%; margin: 0 !important; z-index: 5; border: 3px solid transparent !important; -webkit-transition: 0.25s; -o-transition: 0.25s; transition: 0.25s; -webkit-animation: animatezoom 1s; animation: animatezoom 1s; } .remove-img:hover { border: 3px solid #fff !important; width: 42px !important; height: 42px; } @-webkit-keyframes animatezoom { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes animatezoom { 0% { -webkit-transform: scale(0); transform: scale(0); } 100% { -webkit-transform: scale(1); transform: scale(1); } } #btn-validate:hover { cursor: pointer; } .vch { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 500px; } #validate-content hr { border-top: 2px solid #fff; } #validate-content { margin-bottom: 10px; } .vch-select, .vch-input { width: 250px; border: 1px solid #000; font-size: 16px; } .vch-lable { width: 250px; } .vch-lable p { padding: 10px 0 0 0; } .vch-lable p span { background: black; padding: 8px; border-radius: 50px; margin-right: 10px; } .vch-select select { border: 0; padding: 10px 20px; outline: 0; width: 100%; } .vch-input input { border: 0; padding: 8px 20px; outline: 0; width: 100%; } .vch-btn { margin: 30px auto; width: 250px; } .vch-btn .orange-btn { cursor: pointer; width: auto; height: 50px; font-size: 19px; border: none; text-transform: capitalize; -webkit-box-shadow: none; box-shadow: none; border-radius: 30px; margin-left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0px 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; background: #db6b66; color: #fff; } @media (max-width: 767.98px) { .vch { display: block; width: 250px; margin: 0 auto; } } .p-detail-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0px 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .p-detail-b-list { padding: 20px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 20px 0px 0px; } .bg-f9f8f8 { background: #f9f8f8; } .p-detail-t { position: relative; } .btn-detail { cursor: pointer; width: 200px; height: 55px; border: none; -webkit-box-shadow: none; box-shadow: none; border-radius: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0px 30px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .d-green { background: #27ca59; } .color-white { color: #fff; } .d-orange { background: #db6b66; } .p-detail-list li:before { position: absolute; margin: 2px 0px 0px -35px; font-weight: bold; content: url(../images/p-tick.png); vertical-align: middle; } .p-detail-list li { width: calc(33.33% - 20px); } .p-detail-t:after { content: ""; display: block; padding: 10px 0 0 0; border-top: 3px solid; width: 130px; height: 4px; position: absolute; top: 38px; -webkit-transition: 0.3s all ease-out; -o-transition: 0.3s all ease-out; transition: 0.3s all ease-out; } .m-r-35 { margin-right: 35px; } #p-detail-b-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } #p-detail-b-list li { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .text-center { text-align: center; } .u-case { text-transform: uppercase; } .table-responsive { min-height: 0.01%; overflow-x: auto; border: none; } .c-heart .fa-heart { color: red; } .ul-img-list-item img { width: 200px; height: 200px; } .search_town_list { width: 60%; margin-left: auto; margin-right: auto; display: -ms-grid; display: grid; -ms-grid-columns: auto auto; grid-template-columns: auto auto; grid-row-gap: 30px; } .search_town_list li:nth-of-type(even) { padding-left: 50px; } .search_town_list li a { font-size: 16px; font-weight: bold; } .bg-gray1 { border-top: 1px solid #bdbdbd; border-bottom: 1px solid #bdbdbd; } .bg-gray1 li { background: #ebebeb; } .m-b-l button { background: no-repeat; border: 0; width: 100%; } .overflow-msg { height: 500px; overflow-x: auto; scroll-behavior: smooth; } .overflow-msg-con { height: 405px; overflow-x: auto; scroll-behavior: smooth; } .send-overflow-msg-con { height: 500px; overflow-x: auto; scroll-behavior: smooth; } .pro-pic-side .img-fluid { width: 150px; border-radius: 50%; } .img-fluid { width: 100%; vertical-align: center; } #imagesupdated .item { padding: 0 5px; } .text-white, a.text-white:hover, a.text-white:focus { color: #fff; text-decoration: none; } .content .main-boxi { padding-bottom: 50px; margin-top: -10px; background-color: #f2f0e1; overflow-x: hidden; overflow-y: auto; /*height:500px;*/ } .content .main-boxi-heading { position: relative; top: 29px; text-align: center; } .content .main-boxi-heading .sec-boxi { display: inline-block; } .content .main-boxi-heading .sec-boxi p { background-color: #f8f8f8; padding: 5px 10px; color: #ffa500; font-size: 14px; letter-spacing: 1px; text-transform: uppercase; } .content-left-head h4 { color: #aab0b2; text-align: right; margin-right: 100px; margin-bottom: 0; font-size: 13px; letter-spacing: 0.8px; } .content-left { position: relative; background-color: #75c2f3; padding: 10px 12px; border-radius: 5px; width: 95%; margin-top: 5px; } .arrow-left { position: relative; top: 4px; float: right; } .arrow-left .main-arrow-left { position: absolute; left: 8px; bottom: 5px; right: 0; } .arrow-left .main-arrow-left::after { content: ""; text-align: center; position: absolute; width: 0; height: 0; top: 100%; border-width: 15px 0 15px 15px; border-color: transparent transparent transparent #75c2f3; border-style: solid; left: 0; right: 0px; } .content-heading { text-align: center; margin: 12px 0; } .content-right-head h4 { color: #aab0b2; margin-left: 100px; margin-top: 30px; margin-bottom: 0; font-size: 13px; letter-spacing: 0.8px; } .content-left .content-heading p { color: #fff; font-size: 16px; } .content .content-box-two { float: right; margin-left: 15px; background-color: #5ac166; padding: 10px 12px; border-radius: 5px; margin-top: 5px; margin-bottom: 10px; width: 95%; } .content .content-box-two .arrow { position: relative; } .content .content-box-two .arrow .main-arrow { position: absolute; margin: auto; left: -40px; bottom: 5px; } .content .content-box-two .arrow .main-arrow::after { content: ""; text-align: center; position: absolute; width: 0; height: 0; margin: auto; top: 100%; border-width: 15px 15px 15px 0px; border-color: transparent #5ac166 transparent transparent; border-style: solid; left: 17px; right: 0; } .content-heading { text-align: center; margin: 12px 0; } .content .content-heading p { color: #fff; margin-top: 5px; margin-bottom: 5px; font-size: 16px; text-align: left; } .media a img { height: 50px; width: 50px; border-radius: 50%; margin-top: 8px; float: right; } .content .seprator-one { margin: 8px auto; border-top: 2px solid #fdd9b7; } .footer-cookie { background: black; color: white; padding: 20px; font-size: 16px; position: fixed; bottom: 0; width: 100%; z-index: 11; } .glyphicon-trash::before { content: "\e020"; position: relative; top: 8px; right: 5px; } #tbl-avalibality1 th, #tbl-avalibality1 td { font-size: 11px !important; padding: 10px 0; } .table>tbody+tbody { border-bottom: 1px solid #ddd; } @media (max-width: 1024px) { .navbar-default .navbar-nav>li>a { font-size: 13px; } .navbar-header { display: block; padding-right: 0; } .tag-line { left: 13px; } } .bookmark-tag { background-image: url("../images/bookmark.png"); background-position: center center; background-size: 100%; background-repeat: no-repeat; height: 40px; width: 28px; padding: 16px; } .featured-tag, .featured-tag-bottom { position: relative; } .featured-tag-bottom span { position: absolute; bottom: 10px; padding: 6px 22px 13px 12px; background-image: url(../images/tag.png); background-position: center center; background-repeat: no-repeat; background-size: cover; left: 8px; text-align: left; color: #111; font-size: 12px; } .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #e42025; } label { display: inline-block; max-width: 100%; margin-bottom: 5px; color: #e42025; } /* Responsive css */ @media screen and (max-width: 1024px) { .btn-orange { width: 100%; } .tab-content-header li { margin-bottom: 3px !important; } } @media screen and (max-width: 912px) { .form-main-container-login, .form-main-container { padding: 45px 0px 45px; } input[type="radio"]+label { font-size: 14px; } } @media screen and (max-width: 768px) { .reg-main-form-input-full.button-reg.col-md-12.col-sm-6.col-xs-12 { width: 100%; } } @media screen and (max-width: 767px) { .p-t-90 { padding: 40px 0px 0px !important; } table#Chat_Member_Datatable td { vertical-align: top; } table#Chat_Member_Datatable td h2 { margin-top: 0; } table#Chat_Member_Datatable td h2 span { display: block; } } @media screen and (max-width: 650px) { .msg-inner { padding: 0; } .msg-inner .p-l-20 { padding-left: 0; } .care-inner-left, .care-inner-left-one { width: 100%; } } @media screen and (max-width: 539px) { form.reg-main-form-from .d-flex { flex-direction: column; } form.reg-main-form-from .d-flex a.usbuttonssc { float: none; margin: 10px auto !important; } } @media screen and (max-width: 479px) { .imageslistuvs ul li { width: 147px !important; } } @media screen and (max-width: 374px) { .imageslistuvs ul li { width: 200px !important; float: none !important; margin: 10px auto !important; } } @media screen and (max-width: 320px) { .form-check1 { width: 100%; padding: 0; } .container { padding-right: 5px; padding-left: 5px; } } .form-inner .dropdown-menu li { padding: 0px !important; } /* Custom css by us */ .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover { background: transparent; } .btnus-1 { background: #f8f8f8; border-radius: 200px; padding: 20px 60px; font-size: 22px; text-align: center; text-transform: capitalize; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; color: #db6b66; } .btnus-2 { background: #db6b66; border-radius: 200px; font-size: 22px; text-align: center; text-transform: capitalize; color: #ffffff; padding: 20px 60px; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; transition: 0.6s all ease; } .reg-main-form-from .button-reg a, .btnus-1 { background: #f8f8f8 !important; border-radius: 200px; padding: 20px 60px; font-size: 22px; text-align: center; text-transform: capitalize; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; color: #db6b66; } .btn-orange { background: #db6b66; border-radius: 200px; font-size: 22px; text-align: center; text-transform: capitalize; color: #ffffff; padding: 15px 30px; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; transition: 0.6s all ease; } .reg-main-form-from .button-reg button, .btn-orange { background: #db6b66; border: 0px solid #db6b66; border-radius: 200px; font-size: 22px; text-align: center; text-transform: capitalize; color: #ffffff; padding: 12px 30px; -webkit-transition: 0.6s all ease; -o-transition: 0.6s all ease; transition: 0.6s all ease; } .login-content { padding-bottom: 30px; } .reg-main-form-from .button-reg button:hover, .btn-orange:hover, .btnus-2:hover { background: #db6b66 !important; color: #fff; } .reg-main-form-from .button-reg a:hover, .btnus-1:hover { background: #db6b66 !important; color: #fff; } .navbar-right { margin-top: 20px; } .headingh1-us { font-size: 72px; line-height: 82px; text-align: center; text-transform: uppercase; color: #ffffff; text-shadow: 5px 10px 14px rgba(0, 0, 0, 0.76); } .mt-3 { margin-top: 30px; } .settlebox-us { padding-top: 40px; } .settlebox-us .h2title-us { color: #fff; } .settlebox-us p { font-size: 20px; line-height: 28px; color: #ffffff; } .h2title-us { text-transform: uppercase; font-size: 60px; line-height: 68px; color: #33342f; } .hero-main-container-inner-index .form-inner { top: 22% !important; } .subtitle-us { font-family: "Handlettery"; font-size: 48px; line-height: 84px; background: linear-gradient(114.54deg, #dabb92 0%, #d6b58a 20.31%, #d0ac80 41.15%, #cea87b 61.98%, #db6b66 80.73%, #c49869 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; } .intro-us { text-align: center; max-width: 842px; margin: 0 auto; } .intro-us a { margin: 30px auto; display: block; width: 235px; } .intro-us p { font-size: 20px; line-height: 28px; /* or 140% */ text-align: center; color: #33342f; } .navbar-default .navbar-nav>li>a { display: flex; } @media only screen and (max-width: 992px) { .container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header { border: 0; } .navbar-nav>li div { justify-content: center; } } .navbar-brand { height: auto; } .footer-us li a:hover { color: #db6b66; } div#image_rules { background: #000; } .footer-us { padding-top: 50px; background: #0c160f; border-top: 0.5px solid #f8f8f869; } .social-links.d-flex { gap: 10px; } .footer-us h4 { font-family: "Luxora Grotesk"; line-height: 28px; text-transform: capitalize; color: #ffffff; } .footer-us p { font-size: 16px; line-height: 24px; color: #ffffff; } .footer-us ul, .footer-us li { padding: 5px 0; } .footer-us li a { font-size: 16px; line-height: 19px; color: #ffffff; } @media (max-width: 650px) { .subtitle-us { margin-bottom: 0 !important; } .footer-us .d-flex { display: flex; } } .footer-us h3 { margin-bottom: 20px; } .classpay-usimg img { margin-top: 20px; } .info-main-container.p-t-30 { padding-top: 80px; } .footer-us li.nav-item { margin-right: 5%; } .footer-us .navbar-nav { width: 100%; } .btnus-1halfbg { font-size: 16px; background: #f8f8f8; color: #33342f; line-height: 19px; display: block; width: 130.36px; line-height: 43px; padding: 0; text-align: center; border: 1px solid #db6b66; border-radius: 200px; } .btnus-1fullbg { font-size: 16px; line-height: 19px; display: block; width: 130.36px; line-height: 43px; padding: 0; text-align: center; background: linear-gradient(114.54deg, #dabb92 0%, #d6b58a 20.31%, #d0ac80 41.15%, #cea87b 61.98%, #db6b66 80.73%, #c49869 100%); border-radius: 200px; color: #fff; margin-right: 10px; border-radius: 200px; } .btnus-1fullbg:hover { font-size: 16px; background: #33342f; color: #fff; } .btnus-1halfbg:hover { font-size: 16px; background: #33342f; color: #fff; } .headingus-h2 { font-size: 36px; line-height: 48px; text-align: center; text-transform: uppercase; color: #33342f; } .headingus-h4 { font-size: 20px; line-height: 28px; color: #33342f; } a.usbuttonssc { background: #ffffff !important; font-size: 15px !important; line-height: 24px !important; text-transform: capitalize !important; padding: 15px 20px; height: 56px; width: 264px; color: #33342f !important; border: 1px solid #d3d3d3 !important; border-radius: 200px !important; } .usbuttonssc img { margin-right: 10px; width: 18px; height: 18px; } .loginusfooter p { line-height: 28px; text-transform: capitalize; text-align: center; color: #33342f; } .loginusfooter p a { text-decoration: underline !important; color: #444 !important; font-size: 15px !important; line-height: 28px !important; text-align: center !important; padding: 0 !important; margin: 0 !important; text-transform: capitalize !important; } .uslisttitle { font-size: 20px; line-height: 28px; text-transform: capitalize; color: #33342f; } .newbtn-us { width: 79px; height: 30px; padding: 5px 15px; font-size: 12px; line-height: 28px; text-align: center; text-transform: capitalize; margin-left: 5px; color: #33342f; border: 1px solid #33342f; border-radius: 2000px; } .prembtn-us { width: 79px; height: 30px; text-align: center; text-transform: capitalize; padding: 5px 15px; color: #33342f; margin-left: 5px; background: #f1c40f; border-radius: 2000px; } .aboutp-listview { line-height: 24px; text-transform: capitalize; color: #33342f; } .ageaddress-listview { font-size: 14px; line-height: 28px; color: #000000; } .lastlogin-interest { font-size: 14px; line-height: 28px; text-align: center; color: #000000; } @media (max-width: 940px) { .footer-us { padding: 20px; } } button.multiselect.dropdown-toggle.btn.btn-default, select.form-group-el { box-shadow: none !important; outline: none !important; background-color: #f8f8f8 !important; border: 1px solid #444 !important; } button.multiselect.dropdown-toggle.btn.btn-default:focus, select.form-group-el:focus { box-shadow: none !important; outline: none !important; } .c-heart .fa-heart { font-size: 0; color: red; background: url(../images/heart2.svg); width: 43px; height: 43px; } .c-heart { font-size: 0; } .c-heart .fa-heart-o { font-size: 0; color: red; background: url(../images/heart1.svg); width: 43px; height: 43px; } .pagination>li>a, .pagination>li>span, .pagination>li:last-child>a, .pagination>li:last-child>span, .pagination>li:first-child>a, .pagination>li:first-child>span { background: #f8f8f8; border: 1px solid #cfab7f; border-radius: 1000px; font-size: 13px; line-height: 15px; margin: 0 5px; cursor: pointer; color: #333333; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { z-index: 3; color: #fff; cursor: default; background-color: #cfab7f; border-color: #cfab7f; background: linear-gradient(114.54deg, #dabb92 0%, #d6b58a 20.31%, #d0ac80 41.15%, #cea87b 61.98%, #db6b66 80.73%, #c49869 100%); border-radius: 1000px; } .usboxgridna .c-heart .fa-heart-o { font-size: 0; color: red; background: url(../images/heart2.svg); width: 44px; height: 44px; background-size: 44px 44px; } .usboxgridna .c-heart .fa-heart { font-size: 0; color: red; background: url(../images/heart1.svg); width: 44px; height: 44px; background-size: 44px 44px; } div#hrt { font-size: 0; } .irs--round .irs-bar { background-color: #00c2c0 !important; } .irs--round .irs-handle { background-color: #00c2c0 !important; border-color: #00c2c0 !important; box-shadow: 0px 0px 0px 5px rgba(0, 194, 192, 0.2) !important; } .irs--round .irs-handle.state_hover, .irs--round .irs-handle:hover { background-color: #00c2c0 !important; } .irs--round .irs-handle { width: 16px !important; height: 16px !important; top: 29px !important; } .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { background-color: transparent !important; color: #666 !important; } .irs--round .irs-from:before, .irs--round .irs-to:before, .irs--round .irs-single:before, .irs--round .irs-min, .irs--round .irs-max, .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single { display: none !important; } button#heart .fa-heart-o { font-size: 0; color: red; background: url(../images/heart2.svg); width: 23px; height: 23px; background-size: 23px 23px; } button#heart .fa-heart { font-size: 0; color: red; background: url(../images/heart1.svg); width: 23px; height: 23px; background-size: 23px 23px; } .dropdown-menu.us-dropdown-mwnu { z-index: 9999999999; } textarea::-webkit-input-placeholder { color: #33342f; } textarea:-ms-input-placeholder { color: #33342f; } textarea::-ms-input-placeholder { color: #33342f; } textarea::placeholder { color: #33342f; } textarea::-moz-placeholder { color: #33342f; } .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable { background: #f8f8f8 !important; border: 1px solid #444 !important; border-radius: 12px !important; } .ui-draggable .ui-dialog-titlebar { cursor: move; border: 0 !important; background: none !important; } .ui-widget-content { border: 0 !important; background: none !important; color: #222222; } .ui-dialog-buttonset button { background: #db6b66 !important; border: 2px solid #db6b66 !important; border-radius: 200px !important; font-size: 14px !important; text-align: center !important; text-transform: capitalize !important; color: #ffffff !important; padding: 6px 20px !important; -webkit-transition: 0.6s all ease !important; -o-transition: 0.6s all ease !important; transition: 0.6s all ease !important; } .ui-dialog-buttonset button:hover, .ui-dialog-buttonset button:focus { background: #db6b66 !important; -webkit-box-shadow: 0 0 11px 4px rgba(255, 136, 8, 0.3) !important; box-shadow: 0 0 11px 4px rgba(255, 136, 8, 0.3) !important; color: #fff !important; } .ui-dialog .ui-dialog-titlebar { position: relative !important; } .ui-dialog .ui-dialog-titlebar-close { position: absolute !important; top: 10px !important; right: 10px !important; color: #fff; background: url("../images/close-icon.svg") center/cover no-repeat !important; border: 0 !important; width: 24px !important; height: 24px !important; background-color: transparent !important; font-size: 0 !important; } .ui-widget.ui-widget-content { border: 0px solid #d3d3d3 !important; background: #cfab7f48 !important; border-radius: 4px; height: 2px; } .usprofile li.a-dp img { object-fit: cover !important; } .pac-container { border: 1px solid #444 !important; border-radius: 30px; padding: 20px; background: #f8f8f8 !important; } select option { background: #f8f8f8 !important; border: none !important; border-radius: 35px !important; padding: 10px !important; } .padding-top100 { padding-top: 100px; } /* New Style */ [type="checkbox"]:not(:checked)+label:before, [type="checkbox"]:checked+label:before { content: ""; width: 2em; height: 2em; border: 1px solid #0c160f; background: #0c160f; border-radius: 50%; font-size: 15px; margin-right: 10px; content: ""; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: left; height: 30px; width: 30px; margin: 0px 0px 0px 0px; border: 1px solid #0c160f; border-radius: 50px; -webkit-transition: background 700ms; -o-transition: background 700ms; transition: background 700ms; background: #fff; } [type="checkbox"]:checked+label::before, [type="checkbox"]:checked+label::before { background-color: #33b169; border: 3px solid var(--primary-turquoise-base, #33b169); } p { font-size: 14px; } body { font-size: 14px; } html { font-size: 14px; } .cardcontainer1 hr { margin-top: 10px !important; margin-bottom: 5px !important; border: 0; border-top: 1px solid #e9e9e9; } p.ageaddress-listview { margin-bottom: 0 !important; line-height: 24px !important; } .care-inner-title-right.c-r p { margin-bottom: 0; } .cardcontainer1 .content { font-size: 12px !important; line-height: 24px !important; } .care-inner-title-right.c-r p { font-size: 12px !important; margin-bottom: 0; line-height: 24px !important; } .hero-select .dropdown-menu.open { margin-top: 11px !important; } /* Curesor Pointer for all buttons links a tag which are without ahref */ button { cursor: pointer; } .btn { cursor: pointer; } a { cursor: pointer; } .c-heart .fa-heart-o { background-color: #fff; border-radius: 50%; } li.nobkus a { padding: 0 !important; line-height: 25px !important; } .fa { display: inline-block; font: normal normal normal 14px / 1 FontAwesome !important; font-size: inherit !important; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .uslisttitle span.prembtn-us { font-size: 12px !important; } /* Style for the dropdown menu */ /* .navbar-nav .dropdown-menu { display: none; position: absolute; z-index: 1000; } .navbar-nav .dropdown:hover .dropdown-menu { display: block; } .navbar-nav .dropdown-menu a { text-decoration: none; display: block; } */ .cardcontainer1 .content { min-height: 350px; font-size: 12px !important; line-height: 24px !important; } h2.uslisttitle { margin: 0 !important; } .us-infoprofila .col-md-4.card { margin-bottom: 20px; } /* My Other Profiles */ .colusnew.card-body .switch { position: relative; display: inline-block; width: 34px; height: 20px; margin-bottom: 0px; zoom: 180%; margin-bottom: -8px; } .colusnew.card-body { margin-bottom: 20px; } .garda_vetted { border: 2px solid #ff6565 !important; background: white !important; width: 96% !important; height: 32px !important; } button#resetbtn { padding: 10px 30px; border-radius: 30px; font-size: 16px; border: 1px solid #4444443b; } button#reset { padding: 10px 30px; border-radius: 30px; font-size: 16px; border: 1px solid #4444443b; } .dropdown-menu.us-dropdown-mwnu { margin-left: 0 !important; transform: translateX(-70%); } .myModal-delete .modal-confirm .icon-box i, .myModal-delete .modal-confirm .icon-box svg, .myModal-delete .modal-confirm .icon-box .svg-inline--fa, .myModal-delete .modal-confirm .icon-box .tc-fa-svg, .myModal-delete .modal-confirm .icon-box .tc-icon { color: #f15e5e !important; fill: currentColor; font-size: 46px !important; width: 46px !important; height: 46px !important; margin: 0 !important; background: none !important; display: block; } .myModal-delete .modal-confirm .icon-box { display: flex; align-items: center; justify-content: center; } .usprofile_newdetails a h4 { background: #db6b66; color: #fff; font-size: 16px; padding: 15px; border-radius: 30px; margin: 0; line-height: 10px; } .usprofile_newdetails a h4:hover { font-size: 17px; } /* Header CSS New US */ .navbar-brand>img { display: block; max-width: 392px; } a.registerus-btn { padding: 14px 28px 14px 28px; border-radius: 99px; background: #f49f58; color: #fff; margin-right: 20px; } a.loginus-btn { border: 2px solid #0f5a60; padding: 14px 28px 14px 28px; border-radius: 99px; color: #23527c; } li#home_register { margin-top: 30px; margin-left: 100px; } .dropdown-menu.dropdown-menuhus { padding: 50px 0; border-radius: 0 !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; } /* Footer CSS New US */ section.footerus { padding-top: 45px; padding-bottom: 40px; background: #f8f4f1; } .copyright_text_us { font-size: 14px; font-weight: 300; letter-spacing: -0.01em; text-align: left; color: #0f5a60; } section.footerus button.btn.c2-caption-semibold { padding: 14px 28px 14px 28px; border-radius: 99px; gap: 10px; display: flex; background: #f49f58; color: #fff; align-items: center; } section.footerus input.form-control { padding: 10px 35px 10px 40px; border-radius: 99px; border: 0; height: 58px; } section.footerus .formusemail { margin-bottom: 20px; } section.footerus li.nav-item { width: 100%; } section.footerus li.nav-item a { font-size: 16px; font-weight: 400; letter-spacing: -0.01em; text-align: left; color: #0f5a60; } .copyright_text_us .row { margin-top: 30px; align-items: center; display: flex; } section.footerus li.nav-item a.nav-link.s1-small-light { font-size: 14px; font-weight: 300; letter-spacing: -0.01em; text-align: left; } div.c1-caption-semibold { font-size: 20px; font-weight: 600; letter-spacing: -0.01em; text-align: left; color: #0f5a60; margin-bottom: 15px; } .container.logo_imagus { padding-bottom: 30px; } .container.logo_imagus img { max-width: 232px; } section.footerus li.nav-item a { line-height: 120%; padding: 7px 0; } .btn-customus-1 { background: #0f5a60; width: 190px; height: 68px; padding: 18px 35px 18px 35px; gap: 12px; border-radius: 99px; display: flex; align-items: center; color: #fff; font-size: 24px; font-weight: 500; line-height: 32px; letter-spacing: -0.01em; text-align: center; } .btn-customus-1:hover { color: #fff; } .text-end { text-align: right; } .justify-content-end { justify-content: end; } section.footerus input.form-control { display: flex; height: 48px; padding: 10px 35px 10px 40px; align-items: center; gap: 10px; flex: 1 0 0; font-size: 18px; font-weight: 400; line-height: 30px; letter-spacing: -0.01em; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; } button.btn.c2-caption-semibold { display: flex; height: 48px; padding: 14px 24px; justify-content: center; align-items: center; gap: 8px; background: #f49f58; color: #fff; align-items: center; color: var(--Text-White, #fff); text-align: center; font-size: 16px; font-weight: 600; line-height: 150%; /* 24px */ letter-spacing: -0.16px; } .container.copyright_text_us p { color: var(--Text-Turquoise, #0f5a60); font-size: 14px; font-weight: 400; line-height: 150%; /* 21px */ letter-spacing: -0.14px; } section.footerus li.nav-item a.nav-link.s1-small-light { color: #0f5a60; font-size: 14px; font-weight: 400; line-height: 150%; /* 21px */ letter-spacing: -0.14px; } section.footerus li.nav-item a { color: #0f5a60; font-size: 16px; font-weight: 400; line-height: 150%; /* 24px */ letter-spacing: -0.16px; } div.c1-caption-semibold { color: #0f5a60; font-size: 18px; font-weight: 600; line-height: 150%; /* 27px */ letter-spacing: -0.18px; } .container.copyright_text_us { padding-top: 20px; padding-bottom: 10px; } .footer-w-524 { max-width: 524px; } .container.copyright_text_us ul.navbar-nav.mr-auto { margin-left: 50px; display: flex; flex-wrap: wrap; gap: 8px; align-items: center; } .container.copyright_text_us li.nav-item a.nav-link.s1-small-light, .container.copyright_text_us li.nav-item button.nav-link.s1-small-light { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; min-width: 48px; padding: 12px 10px; box-sizing: border-box; } /* Buttons UI */ .green-button { display: inline-flex; box-sizing: border-box; height: 52px; padding: 14px 28px; justify-content: center; align-items: center; gap: 12px; color: var(--Text-White, #fff); text-align: center; /* B2 Body Text/Desktop/Medium */ font-size: 18px; font-weight: 500; line-height: 150%; /* 27px */ letter-spacing: -0.18px; border-radius: 99px; background: var(--primary-turquoise-base, #0f5a60); } .font-600 { font-weight: 600 !important; } .green-button:hover { color: #fff; } .container { max-width: 1200px !important; } @media (min-width: 1200px) { .container { max-width: 1200px !important; } } @media (min-width: 768px) { .navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand { margin-left: 0 !important; } } li#home_register a, .navbar-default .navbar-nav>li>a { font-size: 18px !important; font-weight: 500; } .for-mobileus { display: none; } div.h5-heading-semibold { color: var(--Text-Turquoise, #0f5a60); font-size: 18px; font-weight: 600; line-height: 150%; /* 27px */ letter-spacing: -0.18px; } .footer-w-524 img { max-width: 232px; margin-bottom: 32px; } @media (max-width: 1279px) { .navbar-brand>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; } .footer-w-524 { max-width: 672px; } section.footerus .formusemail { margin-bottom: 20px; display: flex; gap: 20px; } section.footerus .formusemail .col-md-8 { width: 100%; padding: 0; } .footer-w-538 ul.navbar-nav { margin: 0; } .row.for-desktopus { display: flex; } .footer-w-538 .row:first-child { display: flex; } } @media (max-width: 1023px) { .footer-w-524 img { max-width: 202px; } } @media (max-width: 767px) { .navbar-header a { display: flex; padding: 10px 15px; } .mobile-hideus { display: none; } section.footerus { padding-top: 20px; padding-bottom: 16px; } section.footerus .formusemail { margin-bottom: 20px; display: block; gap: 20px; } section.footerus .formusemail .col-md-8 { width: 100%; padding: 0 15px; } .row.for-desktopus { display: none !important; } section.footerus .footer-w-538 .col-sm-7 { margin-top: 12px; } section.footerus .footer-w-538 .col-sm-5 { margin-top: 16px; } section.footerus .row.for-mobileus .navbar-nav { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 12px; row-gap: 2px; width: 100%; margin: 0; padding: 0; overflow: visible; } section.footerus .row.for-mobileus .nav-item { float: none !important; width: 100% !important; min-width: 0 !important; padding: 0; margin: 0; } section.footerus .row.for-mobileus.footer-care-links-mobile { display: block; margin: 0; } section.footerus .footer-care-links-list .nav-item a { white-space: normal; word-break: break-word; line-height: 1.35; padding: 5px 0; min-height: 32px; font-size: 13px; } section.footerus .footer-w-538 .col-sm-5 > .navbar-nav, section.footerus .footer-w-538 .col-sm-5 > .navbar-nav.footer-company-links { display: flex; flex-direction: column; gap: 2px; overflow: visible; margin: 0; padding: 0; } section.footerus .footer-w-538 .col-sm-5 .nav-item { float: none !important; width: 100% !important; min-width: 0 !important; padding: 0; margin: 0; } section.footerus .footer-company-links .nav-item a { white-space: normal; line-height: 1.35; padding: 5px 0; min-height: 32px; font-size: 13px; } section.footerus .footer-w-538 div.c1-caption-semibold { margin: 0 0 6px; padding: 0; font-size: 14px; font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; } section.footerus .footer-w-538 .col-sm-5 div.c1-caption-semibold { margin-top: 0; } .for-mobileus { display: block; } .for-desktopus { display: none; } section.footerus input.form-control { padding: 10px 35px 10px 40px; border-radius: 99px; border: 0; height: 45px; font-size: 20px; font-weight: 400; line-height: 30px; letter-spacing: -0.01em; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; font-size: 14px; font-weight: 400; line-height: 21px; letter-spacing: -0.01em; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; margin-bottom: 10px; } section.footerus button.btn.c2-caption-semibold { padding: 14px 28px 14px 28px; border-radius: 99px; gap: 10px; display: flex; background: #f49f58; color: #fff; align-items: center; font-size: 13px; font-weight: 600; line-height: 20px; letter-spacing: -0.01em; text-align: center; text-underline-position: from-font; text-decoration-skip-ink: none; padding: 12px 21px 12px 21px; gap: 10px; opacity: 0px; } div.c1-caption-semibold { font-size: 14px; font-weight: 600; line-height: 1.3; letter-spacing: -0.01em; text-align: left; color: #0f5a60; margin: 12px 0 6px; } section.footerus li.nav-item a { font-size: 13px; font-weight: 400; line-height: 1.35; letter-spacing: -0.01em; text-align: left; color: #0f5a60; padding: 5px 0; } section.footerus .navbar-nav { margin: 0; overflow: hidden; } .copyright_text_us .row { margin-top: 16px; align-items: left; display: block; } .container.copyright_text_us p { font-size: 10px; font-weight: 400; line-height: 1.4; letter-spacing: -0.01em; text-align: left; margin: 0; } section.footerus li.nav-item a.nav-link.s1-small-light { font-size: 11px; font-weight: 400; line-height: 1.4; letter-spacing: -0.01em; text-align: left; padding: 6px 0; } /* Mobile footer links: compact rhythm; legal row keeps slightly larger tap area */ section.footerus .footer-care-links-list .nav-item a, section.footerus .footer-company-links .nav-item a, section.footerus .row.for-mobileus .nav-item a.reg-main-form-from1.Form { display: flex; align-items: center; min-height: 32px; padding: 5px 0 !important; font-size: 13px !important; line-height: 1.35 !important; } .container.copyright_text_us li.nav-item a.nav-link.s1-small-light, .container.copyright_text_us li.nav-item button.nav-link.s1-small-light { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; min-width: 48px; padding: 12px 10px !important; font-size: 11px !important; line-height: 1.4 !important; } .container.copyright_text_us { padding-top: 8px; padding-bottom: 8px; } .container.copyright_text_us ul.navbar-nav.mr-auto { margin-left: 0; margin-bottom: 6px; } .social-links.d-flex { gap: 10px; margin-bottom: 4px; } .social-links.d-flex svg { width: 24px; height: 24px; } .container.copyright_text_us.for-mobileus > .row > .col-md-12 { padding-left: 0; padding-right: 0; } .container.copyright_text_us.for-mobileus > .row > .col-md-12 + .col-md-12 { margin-top: 2px; } .container.copyright_text_us.for-mobileus p.s1-small-light { margin: 6px 0 0; padding: 0; font-size: 10px; line-height: 1.4; } section.footerus input.form-control { padding: 10px 35px 10px 20px; } .for-mobileus { display: block; } .container.copyright_text_us.for-mobileus .social-links.d-flex { display: flex; } .footer-w-538 .row:first-child { display: block; } .container.logo_imagus { padding-bottom: 0px; } .container.copyright_text_us ul.navbar-nav.mr-auto { display: flex; flex-direction: row; flex-wrap: wrap; gap: 8px; } .container.copyright_text_us.for-mobileus .navbar-nav .nav-item { float: none !important; width: auto !important; min-width: 0 !important; } } section.footerus input.form-control { background: var(--Base-White, #fff); } .d-none { display: none !important; } @media screen and (max-width: 1080px) { .container { padding-right: 48px !important; padding-left: 48px !important; } } @media screen and (max-width: 767px) { .container { padding-right: 15px !important; padding-left: 15px !important; } } label.switch { margin: 0 !important; } .slim>img, .slim>input[type="file"] { position: absolute !important; } #exampleModalCenter .modal-dialog { max-width: 600px; background: var(--Text-Turquoise, #0f5a60); color: #fff; padding: 40px; border-radius: 40px; } .drop-btn-us { background: #db6b66 !important; } .drop-btn-us:hover { background: #db6b66 !important; } .d-flexus-profile2 p { margin-bottom: 0 !important; padding-bottom: 0 !important; } div#mydivs:empty { display: none; } .slim-btn-group { padding: 0 !important; text-align: center; } .slim-btn-group { padding: 0 !important; text-align: center; max-width: 160px; margin: 0 auto; } @media screen and (max-width: 767px) { section.footerus { padding-top: 35px; padding-bottom: 20px; background: #f8f4f1; } .footer-w-524 { margin: 0; } form#postcode-search-form { display: flex; gap: 10px; flex-direction: column; } .row.formusemail { margin: 0; } section.footerus button.btn.c2-caption-semibold { gap: 8px !important; height: 48px !important; min-height: 48px !important; } section.footerus button.btn.c2-caption-semibold svg { height: 18px !important; width: 18px !important; } section.footerus input.form-control { margin-bottom: 0 !important; } .social-links.d-flex { gap: 10px; margin-top: 18px; margin-bottom: 13px; } } /* Hide the default date picker icon without disabling the date selection */ input[type="date"]::-webkit-calendar-picker-indicator { opacity: 0; position: absolute; width: 100%; height: 100%; cursor: pointer; } /* Make sure the date input is still functional */ input[type="date"] { position: relative; cursor: pointer; } input#date_of_birth { width: 100%; } .additional-options.row [type="checkbox"]:not(:checked)+label:before, .additional-options.row [type="checkbox"]:checked+label:before { position: absolute; } .additional-options.row label { padding-left: 50px !important; } .additional-options.row [type="checkbox"]:not(:checked)+label:before, .additional-options.row [type="checkbox"]:checked+label:before { margin-left: -35px; } .garda_vetted { border: 0 !important; background: none !important; width: 96% !important; height: 32px !important; color: #fff !important; font-family: Poppins !important; font-size: 28px !important; font-weight: 500; line-height: 40px; letter-spacing: -0.28px; } span.prembtn-us.garda_vetted { padding: 0; margin: 0; font-size: 24px !important; } .h2text { white-space: nowrap; } @media screen and (max-width: 767px) { span.prembtn-us.garda_vetted { padding: 0; margin: 0; font-size: 14px !important; display: flex; align-items: center; } .garda_vetted { border: 0 !important; background: none !important; width: 96% !important; height: 32px !important; color: #fff !important; font-family: Poppins !important; font-size: 28px !important; font-weight: 500; line-height: 40px; letter-spacing: -0.28px; } div#carer-form .additional-options.row label { padding-left: 40px !important; line-height: 26px !important; } div#carer-form .additional-options.row [type="checkbox"]:not(:checked)+label:before, div#carer-form .additional-options.row [type="checkbox"]:checked+label:before { margin-left: -30px; } li.nav-item form { padding: 0 !important; margin: 0 !important; } div#carer-form .additional-options.row .form-check1 label { padding-left: 10px !important; } } /* removed count from header */ .additional-options.row .form-check1 label { padding-left: 0px !important; } .flexusboxprofile-preview .send-a-message { white-space: nowrap; } .availabilityusnew .send-a-message, .flexusboxprofile-preview .send-a-message { white-space: nowrap; } sup#interest_count { left: 25px; } .dropdown.us-profiledrop .uarrowdon svg { transition: transform 0.3s ease; } .dropdown.us-profiledrop .btn[aria-expanded="true"] .uarrowdon svg { transform: rotate(180deg); } @media screen and (min-width: 1080px) { .m-hideuslink { position: relative; } sup#count { top: -10px; left: 10px; z-index: 999; } sup#interest_count { left: 15px; top: -10px; } } .flexusboxprofile span.prembtn-us.garda_vetted { color: #0f5a60 !important; } section.staticpagesection-membership-subscription .tab-content-header>li>a:hover, section.staticpagesection-membership-subscription .tab-content-header>li.active>a { color: #fff; background: #0f5a60; } .addtofavoriteslike img, .addtofavoriteslike svg { margin-right: 5px; vertical-align: middle; } .verification-block-flex-items { display: flex; align-items: center; font-weight: 500; } @media screen and (max-width: 767px) { .flexusboxprofile-preview .profile-image, .flexusboxprofile-preview img.example-image { border-radius: 50%; width: 58px !important; height: 58px !important; } } .imagenamefile { max-width: 300px; overflow-x: auto; } .imagenamefile::-webkit-scrollbar { width: 6px; } .imagenamefile::-webkit-scrollbar-thumb { background-color: transparent; } .imagenamefile::-webkit-scrollbar-track { background: transparent; } .imagenamefile { text-align: left !important; } .verification-block-flex-items span.h2text-span { font-size: 14px !important;    font-weight: 400!important; } .addtofavoriteslike { cursor: pointer !important; } .drop-btn-us { 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; text-align: center; font-size: 16px; font-weight: 600; line-height: 24px; letter-spacing: -0.16px; } .pagination>li>a { cursor: pointer !important; } /* Hover CSS for buttons links */ /* Hover CSS for Green buttons */ .green-button:hover, button.login-button:hover, .membership-subscription-new-card-content-button a:hover, .profile-view-btn-new:hover, #start-verification:hover, .deleteuls.settings-subscription a:hover, .verify-page-email-button a:hover, .btnus-2.links:hover, a.link23:hover, .settings-page-delete-account a:hover, .availabilityusnew .send-a-message:hover, .flexusboxprofile-preview .send-a-message:hover, .colusnewcard-body-buttons .btn-btn-us-primary:hover, .add-new-profile-button:hover, .btn-customus-1:hover, .Search_Result_Display:hover, .search-card-new-listview-main a.profile-view-btn-new:hover { background: #dbe6e7 !important; color: #0f5a60 !important; } button.login-button:hover svg path, .availabilityusnew .send-a-message:hover svg path, .flexusboxprofile-preview .send-a-message:hover svg path, .btn-customus-1:hover svg path, .Search_Result_Display:hover svg path { stroke: #0f5a60 !important; } .colusnewcard-body-buttons .btn-btn-us-primary:hover img, .add-new-profile-button:hover img { filter: brightness(0) saturate(100%) invert(24%) sepia(20%) saturate(1056%) hue-rotate(140deg) brightness(91%) contrast(95%); } /* Hover CSS for Red buttons */ .drop-btn-us:hover, a.btn.btn-orangetag2:hover, .featured-homepage-cardus-details2-3 a:hover, .search-card-new-listview-featured a.profile-view-btn-new:hover, .profile-buttons-group .verify-profile-button:hover, .profile-buttons-group .verify-profile-button:focus, .flexusboxprofile-preview.flexusboxprofile-preview1-premium .send-a-message:hover { background: #f4d1d0 !important; color: #db6b66 !important; } .flexusboxprofile-preview.flexusboxprofile-preview1-premium .send-a-message:hover svg path, a.btn.btn-orangetag2:hover svg path { stroke: #db6b66 !important; } .profile-buttons-group .verify-profile-button:hover img, .featured-homepage-cardus-details2-3 a:hover img { filter: brightness(0) saturate(100%) invert(62%) sepia(49%) saturate(464%) hue-rotate(319deg) brightness(92%) contrast(89%); } /* Hover CSS for Orange buttons */ .subscribe-button a:hover, .colusnewcard-body-buttons .btn-btn-us-primary2:hover, .reg-main-form-from1us .btn.btn-orangetag2:hover, section.footerus button.btn.c2-caption-semibold:hover, a.registerus-btn:hover, .addtofavoriteslike:hover, .btnsaddtofavorites:hover { background: #fce1cb !important; color: #f49f58 !important; } section.footerus button.btn.c2-caption-semibold:hover svg path { stroke: #f49f58 !important; } .colusnewcard-body-buttons .btn-btn-us-primary2:hover img, .addtofavoriteslike:hover img, .btnsaddtofavorites:hover img { filter: brightness(0) saturate(100%) invert(79%) sepia(30%) saturate(689%) hue-rotate(337deg) brightness(101%) contrast(91%); } /* .availabilityusnew .send-a-message, .flexusboxprofile-preview .send-a-message { margin: auto !important; margin-top: -20px !important;} */ /* Outline green button */ .colusnewcard-body-buttons .btnbtn-danger:hover, a.loginus-btn:hover { background: #0f5a60 !important; color: #fff !important; } /* Header and footer links */ .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: #db6b66 !important; } .btns-unhide-profiless:hover, .btns-hide-profiless:hover, .login-withfb-google a:hover { background: #dbe6e7 !important; } .Stars { font-size: 20px !important; } :root{--star-size:60px;--star-color:#ddd;--star-background:#fc0}.Stars{--percent:calc(var(--rating) / 5 * 100%);display:inline-block;font-size:var(--star-size);font-family:Times,serif;line-height:1}.Stars::before{content:"★★★★★";letter-spacing:3px;background:linear-gradient(90deg,var(--star-background) var(--percent),var(--star-color) var(--percent));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent} .flex-list-seo-search { display: flex; flex-wrap: wrap; } .flex-list-seo-search ul { width: 50%; } @media (min-width: 1025px) and (max-width: 1280px) { .navbar-header img { max-width: 222px !important; } } @media screen and (max-width: 1023px) { .flex-list-seo-search ul { width: 100%; } } @media screen and (max-width: 767px) { .Stars { font-size: 16px !important; } .flex-list-seo-search ul { width: 100%; } } sup#interest_count:empty { display: none !important; } div#myModal-payment-thankyou, div#myModal-payment-error { z-index: 99999; } span.error-message, small.text-danger { font-size: 14px !important; color: red !important; font-weight: 400; margin-bottom: 20px; } span.text-danger { font-size: 14px !important; color: red !important; font-weight: 400; margin-bottom: 20px; } .text-danger { font-size: 14px !important; color: red !important; font-weight: 400; margin-bottom: 20px; } .form-main-container-login .text-danger:not(:empty) { display: inline-block !important; } .form-main-container-login small.text-danger:not(:empty) { display: inline-block !important; } .form-main-container-login span.error-message:not(:empty) { display: inline-block !important; } .menu_text_Messages-favourites { position: relative !important; } .menu_text_Messages-favourites sup.badge { position: absolute !important; right: 30px !important; top: 30px !important; left: 90% !important; } .footer-mobile1 { display: none; } @media screen and (max-width: 700px) { .footer-mobile1 { display: block; } .menu_text_Messages-favourites sup.badge { top: 18px !important; } } .footer-mobile1 { height: 62px; position: fixed; bottom: 0; text-align: center; width: 100%; z-index: 99; background: #0f5a60; } .m-footerlinks1 { display: flex; justify-content: space-around; } .m-footerlinks1 a { width: 20%; } .m-footerlinks1 a { border: 1px solid #0c5359; font-size: 12px; line-height: 9px; text-align: center; text-transform: capitalize; text-decoration: none; color: #fff; } .m-footerlinks1 a svg { display: block; margin: 0 auto; margin-top: 0px; margin-bottom: 0px; margin-top: 10px; margin-bottom: 5px; } .m-footerlinks1 a svg { stroke: #fff !important; } .selectmyaccountus1 { background: #0c5359; padding: 10px; padding-top: 10px; padding-top: 0; } .m-footerlinks1 a:hover { background: #0c5359; } #experience_year::-webkit-outer-spin-button, #experience_year::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } #experience_year { -moz-appearance: textfield; appearance: textfield; text-align: center; padding-left: 10px; padding-right: 10px; margin-bottom: 0; background-image: none; } .experience-stepper { display: flex; align-items: center; gap: 8px; margin-bottom: 10px; } .experience-stepper #experience_year { flex: 1; min-width: 0; } .stepper-btn { flex-shrink: 0; width: 50px; height: 50px; border-radius: 40px; border: none; background: var(--primary-turquoise-base, #0F5A60); color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; font-size: 22px; line-height: 1; touch-action: manipulation; -webkit-tap-highlight-color: transparent; user-select: none; transition: background 0.15s ease, transform 0.1s ease; } .stepper-btn:hover { background: #0c4e53; } .stepper-btn:active { background: #093f44; transform: scale(0.96); } .stepper-btn:disabled { background: #B5CCCE; cursor: not-allowed; transform: none; } .tab-content-header { list-style: none !important; } p#thisiddiv { color: var(--Text-White, #fff); text-align: center; font-size: 24px !important; font-weight: 600; line-height: 140% !important; letter-spacing: -0.24px; } /* Warning boxes new css */ .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable, .modal-content { -webkit-box-shadow: none !important; box-shadow: none !important; display: flex; max-width: 511px; padding: 24px 32px !important; flex-direction: column; align-items: center; gap: 24px; border-radius: 35px !important; background: var(--primary-turquoise-base, #0f5a60) !important; } .ui-dialog .ui-dialog-content, .modal-title { margin: 0; text-transform: capitalize; color: var(--Text-White, #fff) !important; text-align: center; font-size: 24px !important; font-weight: 600 !important; line-height: 140% !important; letter-spacing: -0.24px !important; } .modal-body p { color: #fff !important; text-align: center; font-size: 16px; font-weight: 400; line-height: 120%; letter-spacing: -0.16px; } button.btn.btn-warning.btn-lg.report_submit, .modal-content .btn-danger, .modal-footer1 a.btn.btn-danger.btn-ok { border-radius: 99px !important; background: var(--tertiary-orange-base, #f49f58) !important; display: flex; height: 48px; padding: 14px 24px; justify-content: center; align-items: center; gap: 8px; color: var(--Text-White, #fff) !important; text-align: center; font-size: 16px; font-weight: 600; line-height: 150% !important; letter-spacing: -0.16px; margin-bottom: 10px !important; border: none; } .modal-content .btn-secondary { background: #0f5a60 !important; color: var(--Text-White, #fff); text-align: center; font-size: 16px; font-weight: 400; line-height: 120%; letter-spacing: -0.16px; } .myModal-delete .modal-confirm .modal-footer { padding: 0 !important; } div#reportaprofile .modal-body div#faqlist { background: none !important; } div#reportaprofile h3.modal-title { text-align: left !important; } .modal-header { padding: 15px; border-bottom: 0; width: 100%; } div#reportaprofile .modal-body h5 { color: #fff !important; } .modal-body { width: 100%; } section.footerus ul, section.footerus li { list-style: none !important; } a.drop-btn-us.btn-btn-us-primary.btn-btn-us-primary2 { line-height: 100% !important; } .col-md-6flexusfooter2 svg.form-logo-footer { display: none; } @media (min-width: 767px) and (max-width: 1025px) { .col-md-6flexusfooter2 { display: flex; gap: 24px; align-items: center; margin-bottom: 24px !important; } section.footerus  .col-md-6 { width: 100%; }    .row.for-desktopus { max-width: 361px; } .footer-w-524 img { display: none; } section.footerus .formusemail { margin-bottom: 0; } svg.form-logo-footer { width: 75px !important; display: block !important; } .footer-w-524 { max-width: unset !important; } div.c1-caption-semibold { font-size: 16px !important; margin-bottom: 8px !important; } section.footerus li.nav-item a, section.footerus li.nav-item a.nav-link.s1-small-light, .container.copyright_text_us p { margin: 0; } .container.copyright_text_us li.nav-item a.nav-link.s1-small-light, .container.copyright_text_us li.nav-item button.nav-link.s1-small-light { display: inline-flex; align-items: center; justify-content: center; min-height: 48px; min-width: 48px; padding: 12px 10px !important; font-size: 14px !important; line-height: 1.4 !important; } section.footerus li.nav-item a.nav-link.s1-small-light, .container.copyright_text_us p { font-size: 14px !important; } section.footerus li.nav-item a.nav-link.s1-small-light{ /* Caption/Tablet/Medium */ font-family: Poppins; font-size: 12px; font-style: normal; font-weight: 500; line-height: 150%; /* 18px */ letter-spacing: -0.12px;        white-space: nowrap;} .container.copyright_text_us ul.navbar-nav.mr-auto { margin-left: 0; white-space: nowrap; display: flex; gap: 8px; justify-content: right; width: 100%; } .footer-w-538 .row:first-child { width: fit-content !important; } .social-links.d-flex { gap: 10px; position: absolute; left: 47vw; top: -120px; width: fit-content !important; } .container.copyright_text_us ul.navbar-nav.mr-auto { margin: 0; } .copyright_text_us .row { margin-top: 10px; justify-content: space-between; } .copyright_text_us .row div { width: 100%; } .container.copyright_text_us p { white-space: nowrap; } .footer-w-524 { flex: 1; flex: 1; } form#postcode-search-form { width: 100%; flex: 1; } section.footerus li.nav-item a.nav-link.s1-small-light { font-weight: 500; } section.footerus li.nav-item:first-child a.nav-link.s1-small-light::after { content: "|"; margin: 0 18px; } section.footerus { padding-top: 24px; padding-bottom: 24px; } section.footerus input.form-control { font-size: 16px; font-weight: 400; line-height: 30px; letter-spacing: -0.01em; text-align: left; text-underline-position: from-font; text-decoration-skip-ink: none; display: flex; height: 44px; padding: 10px 35px 10px 25px; align-items: center; gap: 10px; } section.footerus button.btn.c2-caption-semibold { height: 48px; min-height: 48px; padding: 14px 20px; justify-content: center; align-items: center; gap: 8px; color: var(--Text-White, #fff); text-align: center; font-size: 16px; font-weight: 500; line-height: 150%; letter-spacing: -0.16px; } } .ui-widget-overlay { filter: Alpha(Opacity=30); filter: alpha(opacity=50) !important; opacity: 0.8 !important; background: linear-gradient(180deg, rgba(232, 232, 232, 0.4) 0%, rgba(255, 255, 255, 0.1) 100%); backdrop-filter: blur(4px) !important; } .ui-dialog .ui-dialog-content, .modal-title { font-family: Poppins !important; } div#dialog-confirm, .ui-dialog { width: 100%; max-width: 600px !important; } .modal { z-index: 99999 !important; } .availabilityusnew-calender-table.show-for-mobile .swiper-button-prev svg, .availabilityusnew-calender-table.show-for-mobile .swiper-button-next svg { display: none !important; } div#myModalinfomenu .modal-content { border-radius: 0 0 12px 12px !important; background: var(--primary-turquoise-base, #0F5A60) !important; padding: 24px 12px !important; } div#myModalinfomenu .modal-dialog { width: 100% !important; border-radius: 0 !important; padding: 0 !important; } .colusnewcard-body-buttons .btn-btn-us-primary2:focus, .btns-unhide-profiless, .btns-hide-profiless:focus, .verify-profile-button:focus, .add-new-profile-button:focus { outline: none !important; box-shadow: none !important; color: #fff !important; }.additional-options.row [type="checkbox"]:not(:checked)+label:before, .additional-options.row [type="checkbox"]:checked+label:before { margin-top: -5px !important; } .additional-options.row   label.c-check { font-size: 16px !important; font-weight: 400 !important;} @media screen and (max-width: 767px) { .additional-options.row [type="checkbox"]:not(:checked)+label:before, .additional-options.row [type="checkbox"]:checked+label:before { margin-top: 0px !important; } } select { appearance: none; -webkit-appearance: none; /* Safari/Chrome */ -moz-appearance: none; /* Firefox */ cursor: pointer; } html.no-scroll { overflow: hidden; } section.footerus li.nav-item { white-space: nowrap; } .flexusboxprofile-preview .profile-image, .flexusboxprofile-preview img.example-image , img.profile-picnew{ object-fit: cover; } @media screen and (max-width: 990px) { .row.centerlinks3 a { text-align: left; } } @media screen and (max-width: 1200px) { section.footerus li.nav-item { white-space: normal; }} .d-flexus-profile2 { justify-content: space-between !important; } /* @media screen and (min-width: 1279px) { .container{padding: 0px!important;} } */ .uvsaccc ul li a.report{color:#0f5a60!important;} .uvsaccc ul li a.report.active_reason{color:#33B169!important;} .uvsaccc ul li a.report::before { content: ''; width: 24px; height: 24px; position: absolute; z-index: 99; border: 2px solid #0f5a60; border-radius: 24px; margin-left: -40px; }.uvsaccc ul li { border: 0px solid #ccc!important; padding-left: 50px!important; }.uvsaccc ul li a.report.active_reason::before { content: ''; width: 24px; height: 24px; position: absolute; z-index: 99; border: 2px solid #33B169; border-radius: 24px; margin-left: -40px; background: #33B169; } .uvsaccc { padding: 0px!important; }div#reportaprofile .modal-content { border: 0; margin: auto; } .select2-container--open .select2-dropdown { z-index: 99!important; } .select2-container { z-index: 99!important; } .modal.fade.myModalinfomenu.show .modal-header { padding: 0 15px!important; } div#myModalinfomenu .modal-dialog, div#myModalinfomenu .modal-content { margin-top: 0 !important; } img.gardausicon { width: 36px!important; height: 36px!important; } .swiper-slide-cardus img.gardausicon { width: 36px!important; height: 36px!important; } @media (max-width: 767px) { p#thisiddiv { font-size: 14px !important; } .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable, .modal-content { gap: 4px;} .swiper-slide-cardus img.gardausicon { width: 22px!important; height: 22px!important; } img.gardausicon { width: 22px!important; height: 22px!important; } .footer-w-538 .col-md-12 { padding: 0; } .container.copyright_text_us { padding-left: 32px !important; } .social-links.d-flex { margin-top: 0; } } img.pdf-ico-svg { width: 64px; } .search-card-carer-unlock-row a.send-a-message { display: none!important; } .carer-unlock-sheet__error { display: none !important; } .hero-inner-container { background: #f8f8f8 !important; } .quote-main-container { display: none; } /* Legacy circular lock/unlock badges (font icons only). Converted SVGs inherit color from their parent context (.mobile-no-mask__lock, unlock CTAs, etc.) — do not force red/green globally. */ i.fa.fa-unlock:not([data-tc-fa-converted]) { background: #fff; padding: 5px; border-radius: 50%; color: green !important; } i.fa.fa-lock:not([data-tc-fa-converted]) { background: #fff; padding: 5px; border-radius: 50%; color: red !important; } .quote-main-container { display: none; } @media screen and (max-width:520px) { .navbar-brand { width: 157px !important; } } textarea#feed_text { visibility: visible !important; } .myModal-delete .modal-body { color: #000 !important; } .myModal-delete .modal-confirm { max-width: 400px; margin-top: 25vh; } .myModal-delete .modal-confirm .modal-content { padding: 20px; border-radius: 5px; border: none; text-align: center; font-size: 14px; } .myModal-delete .modal-confirm .modal-header { border-bottom: none; position: relative; } .myModal-delete .modal-confirm h4 { text-align: center; font-size: 26px; margin: 30px 0 -10px; } .myModal-delete .modal-confirm .close { position: absolute; top: -5px; right: -2px; } .myModal-delete .modal-confirm .modal-body { color: #999; } .myModal-delete .modal-confirm .modal-footer { border: none; text-align: center; border-radius: 5px; font-size: 13px; padding: 10px 15px 25px; } .myModal-delete .modal-confirm .modal-footer a { color: #999; } .myModal-delete .modal-confirm .icon-box { width: 80px; height: 80px; margin: 0 auto; border-radius: 50%; z-index: 9; text-align: center; border: 3px solid #f15e5e; display: flex; align-items: center; justify-content: center; } .myModal-delete .modal-confirm .icon-box i, .myModal-delete .modal-confirm .icon-box svg, .myModal-delete .modal-confirm .icon-box .svg-inline--fa, .myModal-delete .modal-confirm .icon-box .tc-fa-svg, .myModal-delete .modal-confirm .icon-box .tc-icon { color: #f15e5e !important; fill: currentColor; font-size: 46px !important; width: 46px !important; height: 46px !important; display: block; margin: 0 !important; background: none !important; flex-shrink: 0; } .myModal-delete .modal-confirm .btn, .modal-confirm .btn:active { color: #fff; border-radius: 4px; background: #60c7c1; text-decoration: none; transition: all 0.4s; line-height: normal; min-width: 120px; border: none; min-height: 40px; border-radius: 3px; margin: 0 5px; } .myModal-delete .modal-confirm .btn-secondary { background: #c1c1c1; } .myModal-delete .modal-confirm .btn-secondary:hover, .modal-confirm .btn-secondary:focus { background: #a8a8a8; } .myModal-delete .modal-confirm .btn-danger { background: #f15e5e; } .myModal-delete .modal-confirm .btn-danger:hover, .modal-confirm .btn-danger:focus { background: #ee3535; } .fa-times-thin:before { content: '\00d7'; font-size: 78px; } #exampleModalCenter { display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.5); } #exampleModalCenter .modal-dialog { max-width: 600px; } #exampleModalCenter .modal-content { background: url(../images/popup-pay.png); background-size: 100% 100%; background-repeat: no-repeat; } #exampleModalCenter .modal-body { text-align: center; padding: 40px; } #exampleModalCenter .close-button { position: absolute; top: 0px; right: 5px; cursor: pointer; font-size: 50px; } .modalalertss .close-button { font-size: 46px !important; margin-right: 20px; } .modalalertss p { font-size: 28px; margin: 30px 0; } .modalalertss .modal-body { padding: 50px !important; } .modal-dialog.modal-dialog-centered { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } div#video_player_preview .modal-dialog.modal-dialog-centered { left: auto !important; right: auto !important; top: auto !important; position: relative !important; } .modal-backdrop.in { filter: alpha(opacity=50); opacity: 0.8; background: linear-gradient(180deg, rgba(232, 232, 232, 0.40) 0%, rgba(255, 255, 255, 0.10) 100%); backdrop-filter: blur(4px); } #exampleModalCenter { display: flex; align-items: center; justify-content: center; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; background-color: rgba(0, 0, 0, 0.5); background: linear-gradient(180deg, rgba(232, 232, 232, 0.40) 0%, rgba(255, 255, 255, 0.10) 100%); backdrop-filter: blur(4px); }        @media screen and (max-width:520px) { .modal-dialog.modal-dialog-centered { position: absolute; left: auto !important; top: auto !important; transform: translate(-0%, 100%)!important; } } /* Cookie notice banner — TrustedCarers */ body.tc-consent-open { --tc-consent-bar-height: 88px; padding-bottom: calc(var(--tc-consent-bar-height) + env(safe-area-inset-bottom, 0px)); } .tc-consent-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 100020; background: #0f5a60; color: #fff; box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.3); font-size: 13px; line-height: 1.45; padding-bottom: env(safe-area-inset-bottom, 0); min-height: var(--tc-consent-bar-height, 88px); } .tc-consent-inner { max-width: 1280px; margin: 0 auto; padding: 16px 20px 18px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 16px; } .tc-consent-msg { flex: 1 1 240px; margin: 0; font-size: 14px; line-height: 1.5; min-width: 0; } .tc-consent-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; justify-content: flex-end; flex: 0 0 auto; } .tc-consent-btn { appearance: none; background: #f8f4f1; color: #0f5a60; font-weight: 500; font-size: 14px; padding: 10px 22px; cursor: pointer; border-radius: 99px; min-height: 44px; border: 0; white-space: nowrap; line-height: 1.2; } .tc-consent-btn.tc-consent-accept { background: #f49f58; min-height: 44px; } .tc-consent-btn:hover, .tc-consent-btn:focus-visible { background: #fff; outline: 2px solid #fff; outline-offset: 2px; color: #0f5a60; } .tc-consent-bar a.tc-consent-link, .tc-consent-bar .tc-consent-link { color: #fff; text-decoration: underline !important; text-decoration-thickness: 1px; text-underline-offset: 3px; font-weight: inherit; } .tc-consent-bar a.tc-consent-link:hover, .tc-consent-bar a.tc-consent-link:focus-visible, .tc-consent-bar .tc-consent-link:hover, .tc-consent-bar .tc-consent-link:focus-visible { color: #f49f58; text-decoration: underline !important; outline: none; } .tc-consent-msg .tc-consent-link { font-size: inherit; white-space: normal; } @media screen and (max-width: 767px) { body.tc-consent-open { --tc-consent-bar-height: 136px; } .tc-consent-inner { flex-direction: column; align-items: stretch; padding: 12px 16px calc(12px + env(safe-area-inset-bottom, 0px)); gap: 10px; } .tc-consent-msg { flex: none; font-size: 13px; line-height: 1.45; text-align: left; } .tc-consent-actions { width: 100%; justify-content: stretch; } .tc-consent-btn.tc-consent-accept { width: 100%; min-height: 48px; font-size: 15px; padding: 12px 20px; text-align: center; } } @media screen and (min-width: 768px) and (max-width: 991px) { .tc-consent-inner { padding-left: 16px; padding-right: 16px; } .tc-consent-msg { flex: 1 1 100%; } .tc-consent-actions { flex: 1 1 100%; justify-content: flex-end; } }