/** * title: Generic Optiva * created: 24/11/2018 * author: Development Team * copyright: Optiva Ltd * ========================================================================== */ body { background: #fff; font-family: 'Poppins', sans-serif; } h1 { color: #4a4d54; font-size: 43px; line-height: 48px; font-weight: 400; margin: 0; padding: 0; font-family: 'Domine', serif; } h2 { color: #4a4d54; font-size: 43px; line-height: 48px; font-weight: 400; margin: 0; padding: 0; font-family: 'Domine', serif; } h3 { color: #4a4d54; font-size: 36px; line-height: 42px; font-weight: 400; margin: 0; padding: 0; font-family: 'Domine', serif; } h4 { color: #4a4d54; font-size: 26px; line-height: 32px; font-weight: 600; margin: 0; padding: 0; } h5 { color: #4a4d54; font-size: 17px; line-height: 23px; font-weight: 600; margin: 0; padding: 0; } h2.main-title { font-size: 48px; line-height: 54px; } .domine { font-weight: 400; font-family: 'Domine', serif; } .poppins { font-weight: 400; font-family: 'Poppins', sans-serif; } p { color: #4a4d54; font-size: 20px; line-height: 28px; font-weight: 400; font-family: 'Poppins', sans-serif; } p.sub-title { font-size: 22px!important; line-height: 28px!important; } li { font-family: 'Poppins', sans-serif; } a { text-decoration: none; } a:link { text-decoration: none; } a:hover { text-decoration: none; } a:active { text-decoration: none; } a:visited { text-decoration: none; } .text-left { text-align: left; } .text-right { text-align: right; } /** Some Empty elements should not take space in the layout **/ h2:empty{ display: none; } input.error::placeholder { color: #cc0000 } .checkbox { position: relative; } .radio { position: relative; } #extra-filter-option { z-index: 50!important; } /** * Boostrap Core Framework Overrides * ========================================================================== */ .container { max-width: 1170px; } .centered { text-align: center; } .img-responsive { max-width: 100%; height: auto; } .ui-loader { display: none; } .goRight { float: right; } .text-centered { text-align: center; } .left-pull { float: left; } .right-pull { float: right; } .btn { font-size: 18px; line-height: 16px; font-weight: 500; border-radius: 8px; box-shadow: none; padding: 12px 32px; } .btn:hover { color: #fff!important; background: #666; border-color: #666; } .btn.dropdown-toggle { padding-left: 38px; padding-right: 38px; } .btn-middle { display: block; margin: auto; } .btn-grey { background: #333; color: #fff!important; border-color: #333; } .btn-grey:hover { color: #fff!important; background: #000; border-color: #000; } .btn-grey-keyline { background: #fff; color: #333333!important; border-color: #999; } .btn-grey-keyline:hover { color: #fff!important; background: #655184; border-color: #655184; } .btn-white { background: #fff; color: #ffcc03!important; border-color: #fff; } .btn-white:hover { background: #ffde5a!important; border-color: #ffde5a; color: #333!important; } .btn-white.green { background: #fff; color: #336666!important; border-color: #fff; } .btn-white.green:hover { background: #ffde5a!important; border-color: #ffde5a; color: #333!important; } .btn-white.grey { background: #fff; color: #333333!important; border-color: #fff; } .btn-white.grey:hover { background: #333!important; border-color: #333; color: #fff!important; } .btn-white-keyline { background: none; color: #fff!important; border-color: #fff; } .btn-white-keyline:hover { color: #333!important; background: #fff; border-color: #fff; } .btn-yellow { background: #ffcc03; color: #333!important; border-color: #ffcc03; } .btn-yellow:hover { background: #efbf03!important; border-color: #efbf03!important; color: #333!important; } .btn-yellow-keyline { background: #fff; color: #ffcc03!important; border-color: #ffcc03; } .btn-yellow-keyline:hover { background: #ffcc03!important; border-color: #ffcc03; color: #333!important; } .btn-yellow-keyline-clear { background: none; color: #ffcc03!important; border-color: #ffcc03; } .btn-yellow-keyline-clear:hover { background: #ffcc03!important; border-color: #ffcc03; color: #333!important; } .btn-yellow-keyline-white { background: none; color: #fff!important; border-color: #ffcc03; } .btn-yellow-keyline-white:hover { background: #ffcc03!important; border-color: #ffcc03; color: #333!important; } .btn-yellow-keyline-grey { background: none; color: #333!important; border-color: #ffcc03; } .btn-yellow-keyline-grey:hover { background: #ffcc03!important; border-color: #ffcc03; color: #333!important; } .btn-yellow-keyline-grey-white { background: #fff; color: #333!important; border-color: #ffcc03; } .btn-yellow-keyline-grey-white:hover { background: #ffcc03!important; border-color: #ffcc03; color: #333!important; } .btn-purple { background: #655184; color: #ffffff!important; border-color: #655184; } .btn-purple:hover { background: #4d3671!important; border-color: #4d3671!important; color: #ffffff!important; } .btn-purple-keyline { background: #fff; color: #655184!important; border-color: #655184; } .btn-purple-keyline:hover { background: #655184!important; border-color: #655184; color: #fff!important; } .btn-purple-keyline-grey { background: #fff; color: #655184!important; border-color: #655184; } .btn-purple-keyline-grey:hover { background: #655184!important; border-color: #655184; color: #fff!important; } .btn-light-purple { background: #e5d6ff; color: #655184!important; border-color: #e5d6ff; } .btn-light-purple:hover { background: #d3bcfc!important; border-color: #d3bcfc!important; color: #655184!important; } .btn-light-purple-keyline { background: none; color: #d3bcfc!important; border-color: #e5d6ff; } .btn-light-purple-keyline:hover { background: #d3bcfc!important; border-color: #d3bcfc!important; color: #655184!important; } .btn-blue { background: #0099ff; color: #fff!important; border-color: #0099ff; } .btn-blue:hover { background: #0388e1!important; border-color: #0388e1!important; color: #fff!important; } .btn-green { background: #336666; color: #fff!important; border-color: #336666; } .btn-green:hover { background: #428673!important; border-color: #428673!important; color: #fff!important; } .btn-red { background: #cc0000; color: #ffffff!important; border-color: #cc0000; } .btn-red:hover { background: #dc0000!important; border-color: #dc0000; color: #fff!important; } .btn-red-keyline { background: #fff; color: #cc0000!important; border-color: #cc0000; } .btn-red-keyline:hover { background: #cc0000!important; border-color: #cc0000; color: #fff!important; } .btn-black-keyline { background: none; color: #333!important; border-color: #333; } .btn-black-keyline:hover { background: #333!important; border-color: #333; color: #fff!important; } .btn-black-keyline.map-postcode { border-color: #ffcc03; } .btn-black-keyline.map-postcode:hover { background: none!important; color: #333!important; border-color: #ffcc03; cursor: auto; } .btn-black-keyline.map-postcode:focus { outline: none; } .btn-black-keyline.map-postcode:active { box-shadow: none } .btn.unrounded { border-radius: 10px; line-height: 23px; padding: 10px 24px; margin-right: 22px!important; } select.form-control { background: #fff url(/img/dropdown-arrow.png) no-repeat right 50%; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-size: 24px; padding-right: 30px!important; } .input-group-text.blank { background: #ffffff; color: #666666; padding-right: 0px; border-right: 0px!important; box-shadow: none; } .input-group-text.blank + .form-control { border-left: 0px!important; } select.form-control.error { background-image: none; } /** Info Icon **/ .information-tooltip { position: absolute; top: 0px; } .info-icon { background: url(/img/i-icon.png) top center no-repeat; background-size: 19px; height: 19px; width: 19px; display: inline-block; position: relative; margin-left: 6px; } .info-icon:hover { background: url(/img/i-icon-hover.png) top center no-repeat; background-size: 19px; } .form-group { margin-bottom: 20px; } .checkbox { position: relative; } .checkbox input[type="checkbox"] { position: absolute; } .radio input[type="radio"] { position: absolute; } .checkbox label h5 { color: #655184; font-size: 18px; line-height: 24px; margin-bottom: 5px; } .checkbox label h4 { color: #333333; font-size: 22px; line-height: 30px; font-weight: 500; margin: 0px; } .checkbox label { color: #333333; font-size: 16px; font-weight: 400; padding-left: 25px; text-align: left; } .checkbox label.big span { font-size: 20px; line-height: 28px; margin-top: 2px; } .checkbox label span { display: block; margin-top: 4px; } .checkbox label::before { border: 1px solid #cccccc; width: 30px; height: 30px; } .checkbox label::after { color: #386465; font-size: 20px; line-height: 30px; width: 30px; height: 30px; left: 0px; top: 0px; padding: 0px; text-align: center; } .checkbox input { top: 0px; left: 0px; margin: 0px; height: 100%; width: 100%; position: absolute; } .checkbox input[type="checkbox"]:checked + label::before { border: 2px #386465 solid; } .checkbox input[type="checkbox"]:checked + .border-line label::before { border: 2px #386465 solid; } .checkbox input[type="checkbox"]:checked + .border-line label::after { font-family: "FontAwesome"; content: "\f00c"; transform: scale(1, 1); } .checkbox input[type="checkbox"] + .border-line { border: 2px #d8d8d8 solid; border-radius: 15px; padding: 21px 16px 21px 35px; border-radius: 15px; } .checkbox input[type="checkbox"].is-invalid + .border-line { border: 2px #dc3545 solid; border-radius: 15px; } .checkbox input[type="checkbox"]:hover + .border-line { border: 2px #386465 solid; } .checkbox input[type="checkbox"]:checked + .border-line { border: 3px #386465 solid; } .checkbox input[type="checkbox"]:checked + label::before { border: 2px #386465 solid; } .radio label h5 { color: #655184; font-size: 18px; line-height: 24px; margin-bottom: 5px; } .radio label h4 { color: #333333; font-size: 22px; line-height: 30px; font-weight: 500; margin: 0px; } .radio label { color: #333333; font-size: 16px; font-weight: 400; padding-left: 25px; } .radio label span { display: block; margin-top: 3px; } .radio label::before { border: 1px #cccccc solid; width: 30px; height: 30px; margin-top: 1px; } .radio label::after { background: #386465; width: 16px; height: 16px; left: 7px; top: 7px; margin-top: 1px; } .radio input { top: 0px; left: 0px; margin: 0px; height: 100%; width: 100%; position: absolute; } .radio input[type="radio"]:checked + .border-line label::before { border: 2px #386465 solid; } .radio input[type="radio"]:checked + .border-line label::after { transform: scale(1, 1); } .radio input[type="radio"] + .border-line { border: 2px #d8d8d8 solid; border-radius: 15px; padding: 20px 16px 22px 35px; border-radius: 15px; } .radio input[type="radio"].is-invalid + .border-line { border: 2px #dc3545 solid; border-radius: 15px; } .radio input[type="radio"].is-invalid + label::before { border: 2px #dc3545 solid; } .radio input[type="radio"]:hover + .border-line { border: 2px #386465 solid; } .radio input[type="radio"]:checked + label::before { border: 2px #386465 solid; } .radio input[type="radio"]:checked + .border-line { border: 3px #386465 solid; border-radius: 15px; } .falselink { color: #99cc00; } .no-pad { padding: 0px!important; margin: 0px!important; } .no-pad-left { padding-left: 0px; } .no-pad-right { padding-right: 0px; } .resp-container { position: relative; overflow: hidden; padding-top: 56.25%; } .resp-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .popup-fixed-header { background: #f6f7f8; position: fixed; padding: 10px 15px; width: 100%; z-index: 100; } .popup-fixed-header img { width: 50px; } .popup-fixed-header .close { color: #999999; border: 1px #999999 solid; border-radius: 50%; width: 38px; height: 38px; font-size: 26px; line-height: 38px; margin-top: 10px; text-align: center; float: right; cursor: pointer; } .popup-fixed-header .close:hover { color: #ffffff; background: #655184; border-color: #655184; } .cky-modal { color: #ffffff !important; } .cky-notice .cky-title { margin-bottom: 0px !important; } .cky-modal li { color: #ffffff !important; font-size: 15px; line-height: 21px; } .cky-btn.cky-btn-accept { background: #655184 !important; border-color: #655184 !important; color: #ffffff !important; } .cky-btn.cky-btn-preferences { background: #e5d6ff !important; border-color: #e5d6ff !important; color: #655184 !important; } .cky-btn.cky-btn-reject { background: #ffffff !important; border-color: #655184 !important; color: #655184 !important; } .cky-btn-revisit-wrapper { background: #655184 !important; } /** * Modal Links * ========================================================================== */ #modal-links { float:right; clear: both; color: #ffffff; width: 40px; z-index: 210; text-shadow: none; right: 15px; } #modal-links a { background: rgba(255, 255, 255, 0.35); width: 40px; height: 40px; border-radius: 50%; border: 2px solid #cccccc; display: block; margin-bottom: 5px; padding-top: 6px; /*padding-left: 6px;*/ text-align: center; cursor: pointer; } #modal-links a:hover { background: #c80b0e; color: #ffffff; border-color: #ffffff; } #modal-links a:hover i { font-size: 26px; color: #ffffff; } #modal-links a i { font-size: 26px; color: #cdcdcd; } #backtotop { float: none; color: #ffffff; width: 40px; height: 40px; z-index: 300; text-shadow: none; position: fixed; bottom: 15px; right: 15px; } #backtotop a { background: rgba(255, 255, 255, 0.35); width: 40px; height: 40px; border-radius: 50%; border: 2px solid #cccccc; display: block; margin-bottom: 5px; padding-top: 6px; padding-left: 6px; cursor: pointer; } #backtotop a:hover { background: #04a6e1; color: #ffffff; border-color: #ffffff; } #backtotop a:hover i { font-size: 26px; color: #ffffff; } #backtotop a i { font-size: 26px; color: #cdcdcd; } #backtotop #modal-share-backtotop { display: none; } /* === Menu Modal =============================== */ .menu-modal { background: #313244; opacity: 0; visibility: hidden; position: fixed; width: 100%; height: 100%; min-height: 100vh; padding: 0px 0px 50px 0px; overflow: auto; top: 0px; transition: 0.4s; transition-timing-function: ease-in; z-index: 0; } .menu-modal.active { z-index: 1000000; opacity: 1; visibility: visible; top: 0px; transition: 0.4s; transition-timing-function: ease-in; } .menu-modal .header-content { min-height: 128px; padding-top: 0px; padding-bottom: 45px; transition: 0.2s; transition-timing-function: ease-in; } .menu-modal .header-content .mobile-elements { margin-top: 40px; float: right; transition: 0.2s; transition-timing-function: ease-in; } .menu-modal .header-content .mobile-elements .btn { padding: 12px 18px; margin-top: -2px; float: right; } .menu-modal .header-content .close-icon { border: 1px #ffffff solid; color: #ffffff; font-size: 24px; width: 45px; height: 45px; border-radius: 50%; margin-top: -4px; margin-left: 13px; text-align: center; float: right; overflow: hidden; position: relative; } .menu-modal .header-content .close-icon i { position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; } .menu-modal .header-content .close-icon:hover { background: #ffffff; color: #ffcc00; cursor: pointer; } .menu-modal .header-content img { width: 70px; margin-top: 24px; transition: 0.2s; transition-timing-function: ease-in; } .menu-modal.scrolled .header-content { padding-top: 0px; transition: 0.2s; transition-timing-function: ease-in; } .menu-modal.scrolled .header-content img { width: 55px; margin-top: 9px; transition: 0.2s; transition-timing-function: ease-in; } .menu-modal.scrolled .header-content .mobile-elements { margin-top: 22px; transition: 0.2s; transition-timing-function: ease-in; } .menu-modal .link-content { text-align: center; } .menu-modal .link-content .buttons { max-width: 310px; margin: auto; margin-bottom: 35px; } .menu-modal .link-content .buttons .btn { display: block; padding: 16px 22px; font-weight: 600; margin-bottom: 16px; } .menu-modal .link-content .links { list-style: none; padding: 0px; margin: 0px; } .menu-modal .link-content .links p { font-size: 22px; line-height: 28px; font-weight: 400; margin-bottom: 15px; } .menu-modal .link-content .links p a { color: #ffffff; } .menu-modal .link-content .links p a:hover { color: #ffcc00; } .menu-modal .link-content .links p span { color: #ffffff; cursor: pointer; } .menu-modal .link-content .links p span:hover { color: #ffcc00; } .menu-modal .link-content .medium-links p { font-size: 18px; line-height: 24px; font-weight: 400; margin-bottom: 15px; } .menu-modal .link-content .medium-links p a { color: #ffffff; } .menu-modal .link-content .medium-links p a:hover { color: #ffcc00; } .menu-modal .link-content .medium-links p span { color: #ffffff; cursor: pointer; } .menu-modal .link-content .medium-links p span:hover { color: #ffcc00; } .menu-modal .link-content .dropdown-content { max-width: 310px; margin: auto; } .menu-modal .link-content .dropdown-content ul { list-style: none; padding: 0px; margin: 0px 0px 25px 0px; } .menu-modal .link-content .dropdown-content ul li { font-size: 20px; line-height: 26px; font-weight: 400; margin-bottom: 6px; } .menu-modal .link-content .dropdown-content ul li a { color: #e8e8e8; } .menu-modal .link-content .dropdown-content ul li a:hover { color: #ffcc00; } .menu-modal ul.social-media { float: none; margin: auto; padding: 30px 0px 20px 0px; list-style: none; } .menu-modal ul.social-media li { width: 45px; height: 45px; margin-left: 3px; margin-right: 3px; border: 0px; display: inline-block; vertical-align: top; } .menu-modal ul.social-media li a { background: #655184; border-radius: 50%; height: 45px; width: 45px; padding: 8px; display: block; text-align: center; } .menu-modal ul.social-media li a:hover { background: #705894; } .menu-modal ul.social-media li a i { color: #fff; } .menu-modal ul.social-media li a:hover i { color: #fff; } .menu-modal ul.social-media li.linkedin a { font-size: 26px; line-height: 28px; } .menu-modal ul.social-media li.twitter a { font-size: 28px; line-height: 28px; } .menu-modal ul.social-media li.x-twitter a { font-size: 28px; line-height: 28px; } .menu-modal ul.social-media li.facebook a { font-size: 26px; line-height: 32px; } .menu-modal ul.social-media li.instagram a { font-size: 26px; line-height: 30px; } /** * Mobile Navigation * ========================================================================== */ #mobile-nav { background: #fff; z-index: 300; position: fixed; top: 0; right: 0; width: 360px; height: 100%; margin-right: -360px; overflow-y: auto; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease0s;-ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease 0s; transition: all 0.4s ease 0s; padding: 0px 0px 0px 40px; /*padding-top: 15px;*/ } #mobile-nav.active { right: 360px; width: 360px; box-shadow: 5px 5px 5px 5px #8d8d8d; -webkit-transition: all 0.4s ease 0s; -moz-transition: all 0.4s ease 0s; -ms-transition: all 0.4s ease 0s; -o-transition: all 0.4s ease0s; transition: all 0.4s ease 0s; } #mobile-nav .top-icons { min-height: 50px; width: 280px; margin-top: 30px; } #mobile-nav .top-icons #menu-close { background: none; list-style: none; float: right; height: 45px; width: 45px; padding: 8px 0px 0px 0px; border: 1px solid #bfbfbf; border-radius: 50%; text-align: center; } #mobile-nav .top-icons #menu-close:hover { background: #655184; border: 1px solid #655184; } #mobile-nav .top-icons #menu-close i { color: #999; font-size: 28px; } #mobile-nav .top-icons #menu-close:hover i { color: #fff; } #mobile-nav .top-icons .user-circle { background: #655184; list-style: none; float: right; height: 45px; width: 45px; padding: 9px 0px 0px 0px; border: 1px solid #655184; border-radius: 50%; text-align: center; margin-right: 8px; } #mobile-nav .top-icons .user-circle:hover { background: #705894; border: 1px solid #705894; } #mobile-nav .top-icons .user-circle i { color: #fff; font-size: 25px; } #mobile-nav .top-icons .user-circle:hover i { color: #fff; } #mobile-nav .top-icons #user-circle { background: #655184; list-style: none; float: right; height: 45px; width: 45px; padding: 3px 0px 0px 0px; border: 1px solid #655184; border-radius: 50%; text-align: center; margin-right: 8px; } #mobile-nav .top-icons #user-circle:hover { background: #705894; border: 1px solid #705894; } #mobile-nav .top-icons #user-circle i { color: #fff; font-size: 25px; } #mobile-nav .top-icons #user-circle:hover i { color: #fff; } #mobile-nav .big-links { margin-top: 10px; padding-bottom: 20px; width: 280px; border-bottom: 2px #dedede solid; } #mobile-nav .big-links p { color: #666; font-size: 22px; line-height: 32px; font-weight: 500; margin: 0px 0px 2px 0px; } #mobile-nav .big-links p:hover { color: #655184; } #mobile-nav .big-links p a { font-size: 22px; line-height: 32px; color: #666; } #mobile-nav .big-links p a:hover { color: #655184; } #mobile-nav .big-links .border-line { border-bottom: 2px #dedede solid; padding: 20px 0px 0px 0px; margin-bottom: 20px; } #mobile-nav .big-links .accordion-item { border: 0px; } #mobile-nav .accordion-header p::before { font-size: 35px; float: right !important; content:"+"; padding-left: 5px; margin-top: 0px; } #mobile-nav a.main-nav-collapse::before { content:"+"; font-size: 35px; padding-left: 5px; margin-top: 0px; float: right; } #mobile-nav a.main-nav-collapse[aria-expanded="false"]::before { content:"+"; font-size: 35px; padding-left: 5px; margin-top: 0px; float: right; } #mobile-nav a.main-nav-collapse[aria-expanded="true"]::before { content:"-"; font-size: 45px; padding-left: 5px; margin-top: 0px; float: right; } #mobile-nav .list-group-submenu { padding: 0px; } #mobile-nav .list-group-submenu ul { list-style: none; padding: 0px; margin: 0px 0px 25px 0px; } #mobile-nav .list-group-submenu ul li { border-bottom: 1px #e2e2e2 solid; padding: 6px 0px; font-size: 16px; line-height: 24px; } #mobile-nav .list-group-submenu ul li:last-child { border: none; padding-bottom: 0px; } #mobile-nav .list-group-submenu ul li a { color: #666; } #mobile-nav .list-group-submenu ul li a:hover { color: #655184; } #mobile-nav .medium-links { margin-top: 24px; width: 280px; } #mobile-nav .medium-links p { font-weight: 500; line-height: 23px; margin-bottom: 5px; } #mobile-nav .medium-links p a { font-size: 19px; color: #666; } #mobile-nav .medium-links p a:hover { color: #655184; } #mobile-nav .dropdown .dropdown-menu { border: 2px #655184 solid; padding: 7px 5px; box-shadow: none; width: 150px; min-width: auto; top: 56px; left: auto; right: 0px; text-align: center; position: absolute; } #mobile-nav .dropdown .dropdown-menu a { color: #333; font-size: 15px; padding: 5px 3px; display: block; } #mobile-nav .dropdown .dropdown-menu a:hover { color: #000; } #mobile-nav .dropdown .dropdown-menu .swatch { position: absolute; width: 30px;margin: auto; left: 0px; right: 0px; top: -15px; } #mobile-nav .dropdown .dropdown-menu .border { width: 50px; border-top: 2px #655184 solid; margin: 5px auto; } #mobile-nav ul.social-media { float: left; margin: 0px; padding: 30px 0px 20px 0px; margin-bottom: 40px; list-style: none; } #mobile-nav ul.social-media li { float: left; width: 45px; height: 45px; margin-right: 6px; border: 0px; } #mobile-nav ul.social-media li a { background: #655184; border-radius: 50%; height: 45px; width: 45px; padding: 8px; display: block; text-align: center; } #mobile-nav ul.social-media li a:hover { background: #705894; } #mobile-nav ul.social-media li a i { color: #fff; } #mobile-nav ul.social-media li a:hover i { color: #fff; } #mobile-nav ul.social-media li.linkedin a { font-size: 26px; line-height: 26px; } #mobile-nav ul.social-media li.twitter a { font-size: 28px; line-height: 28px; } #mobile-nav ul.social-media li.x-twitter a { font-size: 28px; line-height: 28px; } #mobile-nav ul.social-media li.facebook a { font-size: 26px; line-height: 26px; } #mobile-nav ul.social-media li.instagram a { font-size: 26px; line-height: 26px; } /** * Mobile Navigation Elements * ========================================================================== */ body.content-only #header {display: none;} #header .mobile-elements { margin-top: 40px; transition-timing-function: ease-in; transition: 0.2s; } #header.scrolled .mobile-elements { margin-top: 22px; transition-timing-function: ease-in; transition: 0.2s; } #header .mobile-elements .btn { margin-left: 10px; margin-right: 8px; float: right; } #header .mobile-elements li { list-style: none; } #header .mobile-elements .circle-toggle { background: none; list-style: none; float: right; text-align: center; padding: 11px 0px 4px 0px; border: 1px solid #999999; border-radius: 50%; height: 45px; width: 45px; margin-top: -4px; margin-left: 8px; } #header .mobile-elements .circle-toggle:hover { background: #999; border: 1px solid #999; } #header .mobile-elements .circle-toggle i { color: #999; font-size: 25px; } #header .mobile-elements .circle-toggle:hover i { color: #fff; } #header.grey .mobile-elements .circle-toggle { border: 1px solid #ffffff; } #header.grey .mobile-elements .circle-toggle:hover { background: #ffffff; border: 1px solid #ffffff; } #header.grey .mobile-elements .circle-toggle i { color: #fff; } #header.grey .mobile-elements .circle-toggle:hover i { color: #666; } #header .mobile-elements .circle-toggle.yellow { background: #655184; border-color: #655184; padding-top: 9px; } #header .mobile-elements .circle-toggle.yellow:hover { background: #705894; border-color: #705894; } #header .mobile-elements .circle-toggle.yellow i { color: #fff; } #header .mobile-elements .search-icon { background: none; list-style: none; float: right; text-align: center; padding: 8px 0px 4px 0px; border: 1px solid #999999; border-radius: 50%; height: 45px; width: 45px; margin-top: -4px; margin-left: 8px; } #header .mobile-elements .search-icon:hover { background: #999; border: 1px solid #999; } #header .mobile-elements .search-icon i { color: #999; font-size: 25px; } #header .mobile-elements .search-icon:hover i { color: #fff; } #header.purple .mobile-elements .circle-toggle { border-color: #ffffff; } #header.purple .mobile-elements .circle-toggle i { color: #ffffff; } #header.purple .mobile-elements .circle-toggle:hover { background: #ffffff; border: 1px solid #ffffff; } #header.purple .mobile-elements .circle-toggle:hover i { color: #666; } /** * Main Navigation * ========================================================================== */ #header { height: 120px; width: 100%; z-index: 100; position: fixed; top: 0px; transition-timing-function: ease-in; transition: 0.2s; } #header img { width: 90px; margin-top: 9px; margin-right: 20px; float: left; transition-timing-function: ease-in; transition: 0.2s; } #header .white-logo img { display: none } #header .nav { display: block; margin-top: 36px; margin-right: 0px; padding-left: 0px; float: right; transition-timing-function: ease-in; transition: 0.2s; } #header .nav .nav-item { font-size: 17px; font-weight: 500; margin-right: 0px; float: left; min-width: 100px; text-align: center; } #header .nav .nav-item.dropdown { margin-top: 0px; } #header .nav .nav-item.dropdown a { background: url('/off-assets/nav-down-arrow-icon-off.png') center 46px no-repeat; background-size: 17px; } #header .nav .nav-item a { border-color: #fff; display: block; } #header .nav .nav-item a:link { padding: 0px; color: #666666; padding: 4px 0px 12px 0px; border-left: 2px #ffefe3 solid; border-top: 2px #ffefe3 solid; border-right: 2px #ffefe3 solid; border-top-left-radius: 10px; border-top-right-radius: 10px; border-color: transparent !important; } #header .nav .nav-item a:visited { color: #666666; } #header .nav .nav-item a:active { color: #ffcc00; background: none; } #header .nav .nav-item a.yellow { color: #ffcc00!important; } #header .nav .nav-item a.purple { color: #655184!important; } #header .nav .nav-item a span { background: none; border-color: none; font-size: 17px; line-height: 18px; padding: 12px 17px !important; border-radius: 8px; display: block; } #header .nav .nav-item a:hover span { background: #655184; border-color: #655184; color: #ffffff !important; } /* #header .nav .nav-item.dropdown a { border-top-left-radius: 10px; border-top-right-radius: 10px; } */ #header .nav .nav-item.dropdown:hover a { color: #ffcc00; background: #fff; border-left: 2px #ffcc03 solid; border-top: 2px #ffcc03 solid; border-right: 2px #ffcc03 solid; } #header .nav .nav-item.dropdown a:hover { border-left: 2px #ffcc03 solid; border-top: 2px #ffcc03 solid; border-right: 2px #ffcc03 solid; } #header .nav .nav-item.dropdown a:active { color: #ffcc00; border-left: 2px #ffcc03 solid; border-top: 2px #ffcc03 solid; border-right: 2px #ffcc03 solid; } #header .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: #f3f3f3; color: #ffcc00; } #header .nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background: none; } #header .nav li.open a { color: #e3001b; } #header .nav ul.no-element { padding: 0px; margin: 0px; list-style: none; } .grey-header #header .nav .nav-item a:link { color: #ffffff; } .grey-header #header .nav .nav-item a:visited { color: #ffffff; } .grey-header #header .nav .nav-item a:hover { color: #ffcc03; border-color: #ffffff; } .grey-header #header .nav .nav-item a:active { color: #4a4d54; background: none; } .grey-header #header .nav .nav-item.dropdown:hover a { color: #4a4d54; } .members-nav { display: inline-block; margin-left: 10px; } .funeral-directors-nav { display: none; } .funeral-directors-header .members-nav { display: none; } .funeral-directors-header .funeral-directors-nav { display: block; float: right; } #header .nav .nav-item.dropdown { position: relative; } #header .col-lg-12.unset { position: unset; } #header .nav-right { float: right; padding: 0px; list-style: none; margin: 42px 0px 0px 0px; transition-timing-function: ease-in; transition: 0.2s; } #header .nav-right li { margin-left: 15px; float: left; } #header .nav-right .btn { font-size: 17px; line-height: 16px; } #header .nav-right .btn-yellow { padding: 12px 20px; } #header .nav-right .btn-white-keyline { padding: 12px 20px; } #header .nav-right .btn-grey-keyline { padding: 10px 30px; } #header .dropdown .dropdown-menu { border: 2px #ffcc03 solid; padding: 7px 5px; box-shadow: none; width: 150px; min-width: auto; top: 52px; left: -48px; right: 0px; text-align: center; position: absolute; } #header .dropdown .dropdown-menu a { color: #333!important; font-size: 15px; padding: 5px 3px; display: block; } #header .dropdown .dropdown-menu a:hover { color: #ffcc03!important; } #header .dropdown .dropdown-menu .swatch { position: absolute; width: 30px; margin: auto; left: 0px; right: 0px; top: -15px; } #header .dropdown .dropdown-menu .border { width: 50px; border-top: 2px #ffcc03 solid; margin: 5px auto; } #header .nav-right .circle-toggle { background: none; list-style: none; float: right; text-align: center; padding: 8px 0px 4px 0px; border: 1px solid #ccc; border-radius: 50%; height: 38px; width: 38px; } #header .nav-right .circle-toggle:hover { background: #ccc; border: 1px solid #ccc; } #header .nav-right .circle-toggle i { color: #ccc; font-size: 20px; } #header .nav-right .circle-toggle:hover i { color: #333; } #header .nav-right .user-circle { border: 1px #666 solid; background: none!important; color: #666; font-size: 20px; border-radius: 50%; height: 35px; width: 35px; padding: 3px 0px 0px 0px; display: block; float: right; margin-top: 4px; margin-left: 2px; text-align: center; } #header .nav-right .user-circle:hover { background: #666!important; color: #fff; } #header .nav-right .dropdown-toggle.search .search-icon { border: 1px #666 solid; background: none; color: #666; font-size: 20px; border-radius: 50%; height: 35px; width: 35px; padding: 2px 0px 0px 0px; display: block; float: right; margin-top: 4px; margin-left: 0px; text-align: center; } #header .nav-right .dropdown-toggle.search .search-icon:hover { background: #666; color: #fff; } .grey-header #header .nav-right .user-circle { border: 1px #ccc solid!important; color: #ccc!important; } .grey-header #header .nav-right .user-circle:hover { background: #fff!important; color: #666!important; border-color: #fff; } .grey-header #header .nav-right .dropdown-toggle.search .search-icon { border: 1px #ccc solid; color: #ccc; } .grey-header #header .nav-right .dropdown-toggle.search .search-icon:hover { background: #fff; color: #666; border-color: #fff; } #header .nav .dropdown-content { display: none; position: absolute; right: 0; background-color: #655184; text-align: left; border: 0px; width: 100%; padding: 10px 6px 20px 6px; z-index: 20; top: 45px; left: 0px; right: 0px; margin: auto; border-radius: 10px; transition-timing-function: ease-in; transition: 0.2s; } #header .nav .dropdown-content ul { width: 100%; list-style: none; padding: 0px; margin: 0px; float: left; font-size: 0px; } #header .nav .dropdown-content li { margin: 0px; background: none; float: none; width: 100%; height: auto; text-align: center; display: inline-block; } #header .nav .dropdown-content li.no-border { border-bottom: none; } #header .nav .dropdown-content li a { background: #655184!important; height: auto; font-weight: 500; white-space: normal; margin: 0px; border-bottom: none; display: block; cursor: pointer!important; } #header .nav .dropdown-content li a:link { font-size: 14px; line-height: 20px; background: none; padding: 6px 0px!important; color: #ffffff!important; border: none!important; } #header .nav .dropdown-content li a:visited { background: none; color: #ffffff!important; border: none!important; } .grey-header #header .nav .dropdown-content li a:visited { color: #ffffff!important; } .grey-header #header .nav .dropdown-content li a:visited:hover { color: #ffcc03!important; } #header .nav .dropdown-content li a:hover { background: none; color: #ffcc03!important; border: none!important; } #header .nav .dropdown-content li a:active { background: none; color: #ffcc03!important; border: none!important; } #header .nav .dropdown-content li:last-child { border: 0px; } #header .nav .dropdown:hover .dropdown-content { display: block; } #header .dropdown:hover a { background-color: #655184!important; color: #ffcc03; } #header .nav .dropdown .dropdown-content .contained { max-width: 1100px; margin: auto; } /* #header .nav .nav-item:nth-child(3) .dropdown-content li { width: 20%; } #header .nav .nav-item:nth-child(4) .dropdown-content li { width: 20%; } */ #header.purple { background: #655184; } #header.purple .color-logo { display: none; } #header .white-logo img { display: block; } #header.purple .nav .nav-item a:link { color: #cccccc; } #header.purple .nav .nav-item a:visited { color: #cccccc; } #header.purple .nav .nav-item a:hover { color: #ffcc03; border-color: #ffffff; } #header.purple .nav .nav-item a:hover span { color: #ffcc03!important; } #header.purple .nav .nav-item a:active { color: #ffcc03; background: none; } #header.purple .nav .nav-item.dropdown a:hover span { color: #ffcc03!important; } #header.purple .nav .nav-item.dropdown:hover a { color: #655184; } #header.purple .nav .dropdown:hover a { background-color: #ffffff !important; } #header.purple .nav .dropdown.nav-item a:hover span { background: #fff; border-color: #fff; } #header.purple .nav .dropdown-content { background-color: #ffffff; } #header.purple .nav .dropdown-content li a { color: #333333!important; } #header.purple .nav .dropdown-content li a:hover { color: #ffcc03!important; } #header.purple.scrolled { background: #655184; } #header .small-nav { display: none; } #header.scrolled { background: #ffffff; height: 80px; box-shadow: rgba(0,0,0,.117647) 0 1px 3px; transition-timing-function: ease-in; transition: 0.2s; } #header.scrolled img { width: 55px; margin-top: 9px; transition-timing-function: ease-in; transition: 0.2s; } #header.scrolled .nav { margin: 14px 0px 0px 0px; transition-timing-function: ease-in; transition: 0.2s; } #header.scrolled .nav-right { margin: 21px 0px 0px 0px; transition-timing-function: ease-in; transition: 0.2s; } #header.scrolled .nav .dropdown-content { top: 42px; transition-timing-function: ease-in; transition: 0.2s; } .grey-header #header.scrolled { background: #4a4d54; } .grey-header #header .white-logo img { display: block; } .grey-header #header .color-logo img { display: none; } /** * Search Dropdown * ========================================================================== */ .search-holder { background: #efefef; display: block; opacity: 0; visibility: hidden; width: 100%; padding: 20px; border-top: none; border-left: 0px; border-bottom: 1px #b0bac3 solid; border-right: 0px; box-shadow: none; -webkit-box-shadow: none; border-radius: 0px; top: -120px; margin: 0px; z-index: 11; position: fixed; transition-timing-function: ease-in; transition: 0.4s; } .search-holder.active { opacity: 1; visibility: visible; top: 120px; transition-timing-function: ease-in; transition: 0.4s; } .search-holder.scrolled.active { top: 80px; transition-timing-function: ease-in; transition: 0.4s; } .search-holder .container { width: 1000px; max-width: 1000px; } .search-holder input { font-size: 18px; width: 100%; height: 64px; font-size: 21px; border-radius: 40px; padding: 6px 32px; float: left; border-radius: 30px; border: 1px #ffcc03 solid; } .search-holder .btn { background: #ffcc03; border-color: #ffcc03; color: #fff; font-size: 22px; height: 46px; width: 46px; padding: 0px; margin: -55px 10px 0px 0px; position: relative; float: right; } .search-holder .btn:hover { background: #ffcc03; border-color: #ffcc03; color: #333; } .search-holder .close { color: #959595; text-shadow: none; border: 1px #959595 solid; border-radius: 50%; font-size: 21px; right: 18px; top: 18px; width: 36px; height: 36px; padding-top: 7px; text-align: center; opacity: 1; position: absolute; } .search-holder .close:hover { background: #ffcc03; border-color: #ffcc03; color: #fff; } .search-holder .close i { vertical-align: top; } /** * Embed Page Header * ========================================================================== */ .embed-page-header img { width: 116px; margin-top: 8px; margin-right: 40px; float: left; } .embed-page-header h4 { color: #666; font-size: 18px; line-height: 26px; font-weight: 500; margin-top: 22px; } .embed-page-header h3 { color: #333; font-size: 22px; line-height: 28px; font-weight: 500; } .embed-page-header .right { padding-top: 34px; } .embed-page-header .btn { margin-left: 14px; float: right; } /** * Header Features Panel * ========================================================================== */ .header-features-panel { background: #f6f7f8; padding: 200px 15px 50px 15px; overflow: hidden; position: relative; } .header-features-panel .top { min-height: 465px; } .header-features-panel .top h2 { font-size: 48px; line-height: 54px; } .header-features-panel .top p { font-size: 22px; line-height: 30px; } .header-features-panel .top .side-img { width: 100%; min-width: 620px; right: -90px; top: -50px; position: absolute; } .header-features-panel .top .relative-side-img { width: 500px; float: right; margin-top: -50px; position: relative; } .header-features-panel .bottom .col-12 { margin-top: -150px; } .header-features-panel .optiva-content h2 { opacity: 0; visibility: hidden; position: relative; } .header-features-panel .optiva-content h2 { animation-name: header-panel-content-h2; animation-duration: 1s; animation-delay: 0.6s; animation-fill-mode: forwards; animation-iteration-count: 1; } @keyframes header-panel-content-h2 { 0% { visibility: hidden; opacity: 0; top: 50px; } 100% { visibility: visible; opacity: 1; top: 0px; } } .header-features-panel .optiva-content h3 { opacity: 0; visibility: hidden; position: relative; } .header-features-panel .optiva-content h3 { animation-name: header-panel-content-h3; animation-duration: 1s; animation-delay: 0.9s; animation-fill-mode: forwards; animation-iteration-count: 1; } @keyframes header-panel-content-h3 { 0% { visibility: hidden; opacity: 0; top: 50px; } 100% { visibility: visible; opacity: 1; top: 0px; } } .header-features-panel .optiva-content p { opacity: 0; visibility: hidden; position: relative; } .header-features-panel .optiva-content p { animation-name: header-panel-content-h3; animation-duration: 1s; animation-delay: 0.9s; animation-fill-mode: forwards; animation-iteration-count: 1; } @keyframes header-panel-content-h3 { 0% { visibility: hidden; opacity: 0; top: 50px; } 100% { visibility: visible; opacity: 1; top: 0px; } } .header-features-panel .optiva-content p { opacity: 0; visibility: hidden; position: relative; } .header-features-panel .optiva-content p { animation-name: header-panel-content-h3; animation-duration: 1s; animation-delay: 0.9s; animation-fill-mode: forwards; animation-iteration-count: 1; } @keyframes header-panel-content-h3 { 0% { visibility: hidden; opacity: 0; top: 50px; } 100% { visibility: visible; opacity: 1; top: 0px; } } .header-features-panel .relative-side-img { top: 50px; opacity: 0; visibility: hidden; } .header-features-panel .relative-side-img { animation-name: header-panel-side-image; animation-duration: 1s; animation-delay: 1.2s; animation-fill-mode: forwards; animation-iteration-count: 1; } @keyframes header-panel-side-image { 0% { visibility: hidden; opacity: 0; top: 50px } 100% { visibility: visible; opacity: 1; top: 0px; } } /** * Main Header Feature Panel * ========================================================================== */ .main-header-feature-panel { background: #f6f7f8; padding: 110px 15px 20px 15px; position: relative; } .main-header-feature-panel .box-feature { border-radius: 20px; text-align: center; overflow: hidden; padding-top: 30px; position: relative; } .main-header-feature-panel .box-feature .background { background: #e5d6ff; border-radius: 0px; padding: 32px 35px; position: relative; } .main-header-feature-panel .box-feature .top-content { width: 80%; max-width: 780px; padding-bottom: 28px; } .main-header-feature-panel .box-feature .top-content h3 { font-size: 36px; line-height: 42px; } .main-header-feature-panel .box-feature .top-content h5 { font-size: 24px; line-height: 30px; font-weight: 500; } .main-header-feature-panel .box-feature .inside-feature { background: #655184; border-radius: 10px; padding: 20px 20px 22px 20px; width: 80%; max-width: 850px; text-align: left; position: relative; z-index: 2; } .main-header-feature-panel .box-feature .inside-feature .row { margin: 0px -10px; } .main-header-feature-panel .box-feature .inside-feature .col { padding-left: 8px; padding-right: 8px; } .main-header-feature-panel .box-feature .inside-feature h5 { font-size: 20px; line-height: 26px; font-weight: 500; margin-bottom: 15px; } .main-header-feature-panel .box-feature .inside-feature input.form-control { border-radius: 8px; width: 100%; height: 41px; border: 0px; display: block; } .main-header-feature-panel .box-feature .inside-feature input.form-control:focus::placeholder { color: transparent; } .main-header-feature-panel .box-feature .inside-feature .btn { width: 100%; font-size: 18px; line-height: 16px; padding: 12px 6px; font-weight: 600; } .main-header-feature-panel .box-feature .inside-feature .btn.dropdown-toggle { padding: 12px 6px; } .main-header-feature-panel .box-feature .inside-feature .btn.dropdown-toggle::after { display: none; } .main-header-feature-panel .box-feature .side-img { max-width: 428px; right: 0px; bottom: -80px; position: absolute; z-index: 1; } .main-header-feature-panel .cta-box-feature { width: 96%; height: 100%; border-radius: 8px; padding: 32px 32px; margin-left: auto; margin-right: auto; } .main-header-feature-panel .cta-box-feature .form-group.row { margin-bottom: 0px; } .main-header-feature-panel .cta-box-feature .form-group.row .btn { padding: 12px 12px; width: 100%; } .main-header-feature-panel .cta-box-feature .form-group.row input.form-control { height: 45px; border-radius: 8px; width: 100%!important; border: 0px; display: block; } .main-header-feature-panel .cta-box-feature .form-group.row input.form-control:focus::placeholder { color: transparent; } /** * Main Header Feature Grad Panel * ========================================================================== */ .main-header-feature-grad-panel { background: #ffffff; padding: 130px 15px 20px 15px; position: relative; } .main-header-feature-grad-panel .background { width: 100%; min-height: 480px; top: 0px; left: 0px; right: 0px; background-position: top center; background-repeat: no-repeat; background-size: cover; position: absolute; } .main-header-feature-grad-panel .box-feature { border-radius: 20px; text-align: center; overflow: hidden; padding-top: 40px; position: relative; } .main-header-feature-grad-panel .box-feature .background { background: #e5d6ff; border-radius: 0px; padding: 32px 35px; position: relative; } .main-header-feature-grad-panel .box-feature .top-content { width: 80%; max-width: 780px; padding-bottom: 70px; } .main-header-feature-grad-panel .box-feature .top-content h3 { font-size: 36px; line-height: 42px; } .main-header-feature-grad-panel .box-feature .top-content h5 { font-size: 24px; line-height: 30px; font-weight: 500; } .main-header-feature-grad-panel .cta-box-feature { width: 96%; height: 100%; border-radius: 8px; padding: 32px 32px; margin-left: auto; margin-right: auto; } .main-header-feature-grad-panel .cta-box-feature p { margin-top: 0px; margin-bottom: 5px; } .main-header-feature-grad-panel .cta-box-feature .btn { font-size: 20px; line-height: 18px; padding: 13px 36px; } .main-header-feature-grad-panel .cta-box-feature .form-group.row { margin-bottom: 0px; } .main-header-feature-grad-panel .cta-box-feature .form-group.row .btn { padding: 12px 12px; width: 100%; } .main-header-feature-grad-panel .cta-box-feature .form-group.row input.form-control { height: 45px; border-radius: 8px; width: 100%!important; border: 0px; display: block; } .main-header-feature-grad-panel .cta-box-feature .form-group.row input.form-control:focus::placeholder { color: transparent; } /** * Intro Box Features Panel * ========================================================================== */ .intro-box-features-panel { background: #ffffff; padding: 60px 15px 70px 15px; position: relative; } .intro-box-features-panel.grey { background: #f2f2f2; } .intro-box-features-panel.purple { background: #655184 url('../assets/purple-grad-bg.jpg') top center repeat-y; background-size: cover; } .intro-box-features-panel .btn { padding: 14px 42px; } .intro-box-features-panel .container.contained { max-width: 1090px; margin: auto; } .intro-box-features-panel .container .col { position: relative; } .intro-box-features-panel .testimonials-box-carousel .slick-dots { display: none!important } .intro-box-features-panel .columns { justify-content: center; } .intro-box-features-panel .slick-slider { padding-bottom: 80px; } .intro-box-features-panel .slick-slider .gallery-arrow { color: #655184; border: 1px #655184 solid; width: 45px; height: 45px; border-radius: 50%; text-align: center; left: 0px; right: 0px; bottom: 0px; margin: auto; position: absolute; } .intro-box-features-panel .slick-slider .gallery-arrow i { font-size: 28px; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; position: absolute; } .intro-box-features-panel .slick-slider .gallery-arrow.prev { left: -60px; } .intro-box-features-panel .slick-slider .gallery-arrow.next { left: 60px; } .intro-box-features-panel .slick-slider .gallery-arrow:hover { background: #655184; color: #ffffff; cursor: pointer; } .intro-box-feature { background: #ffffff; border: 1px #e5d6ff solid; border-radius: 10px; padding: 31px; margin: auto; width: 87%; height: 100%; position: relative; transition-timing-function: ease-in; transition: 0.2s; } .intro-box-feature .top-icon { width: 80px; height: 80px; display: block; margin: 0px 0px 25px 0px; position: relative; } .intro-box-feature .top-icon .icon { background: #655184; width: 100%!important; height: 100%; max-height: 90px!important; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; bottom: auto!important; margin: auto; position: absolute; transition-timing-function: ease-in; transition: 0.2s; } .intro-box-feature .top-icon .circle-bg { background: #e5d6ff; width: 75px; height: 75px; border-radius: 50%; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; transition-timing-function: ease-in; transition: 0.2s; } .intro-box-feature h4 { color: #655184; font-size: 23px; line-height: 29px; margin-bottom: 90px; } .intro-box-feature p { color: #666666; font-size: 16px; line-height: 22px; margin-bottom: 22px; } .intro-box-feature h6 { color: #666666; font-size: 17px; line-height: 23px; padding-right: 80px; margin: 0px; bottom: 30px; left: 30px; position: absolute; } .intro-box-feature .btn { font-size: 16px; line-height: 16px; } .intro-box-feature .arrow-circle { background: #655184; border-radius: 50%; width: 35px; height: 35px; bottom: 30px; right: 30px; text-align: center; position: absolute; transition-timing-function: ease-in; transition: 0.2s; } .intro-box-feature .arrow-circle i { color: #ffffff; line-height: 38px; } .intro-box-feature:hover { background: #655184; border-color: #655184; transition-timing-function: ease-in; transition: 0.2s; } .intro-box-feature:hover .top-icon .icon { background: #e5d6ff; transition-timing-function: ease-in; transition: 0.2s; } .intro-box-feature:hover .top-icon .circle-bg { background: #655184; transition-timing-function: ease-in; transition: 0.2s; } .intro-box-feature:hover h4 { color: #ffffff; } .intro-box-feature:hover p { color: #ffffff; } .intro-box-feature:hover h6 { color: #e5d6ff; } .intro-box-feature:hover .btn { background: #e5d6ff!important; color: #655184 !important; border-color: #e5d6ff!important; } .intro-box-feature:hover .arrow-circle { background: #e5d6ff; transition-timing-function: ease-in; transition: 0.2s; } .intro-box-feature.internal { width: 98%; text-align: center; } .intro-box-feature.internal .top-icon { margin-left: auto; margin-right: auto; } .intro-box-feature.internal h4 { margin-bottom: 15px; } .intro-box-feature.internal p { font-size: 16px; line-height: 22px; } .intro-box-feature.internal .btn { padding: 14px 22px; } .intro-box-feature.internal.mb { height: auto; margin-bottom: 30px; } .intro-box-feature.internal.link { width: 100%; padding: 20px; border: 1px #adadad solid; min-height: auto; } .intro-box-feature.internal.link .top-icon { width: 70px; height: 70px; margin-bottom: 18px; display: block; } .intro-box-feature.internal.link .top-icon .circle-bg { width: 65px; height: 65px; } .intro-box-feature.internal.link h4 { margin-bottom: 0px; } .intro-box-feature.internal.link:hover { border-color: #655184; } .review-box-feature { background: #ffffff; border: 1px #e5d6ff solid; border-radius: 10px; padding: 30px; margin: auto; width: 87%; min-height: 340px; height: 100%; position: relative; } .review-box-feature .stars { margin-bottom: 20px; } .review-box-feature .stars i { color: #ffcc00; font-size: 22px; } .review-box-feature h4 { color: #655184; font-size: 19px; line-height: 26px; margin-bottom: 50px; } .review-box-feature h4 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; height: 100%; } .review-box-feature h6 { color: #666666; font-size: 15px; line-height: 21px; padding-right: 80px; margin: 0px; bottom: 30px; left: 30px; position: absolute; } .review-box-feature .arrow-circle { background: #655184; border-radius: 50%; width: 35px; height: 35px; bottom: 30px; right: 30px; text-align: center; position: absolute; } .review-box-feature .arrow-circle i { color: #ffffff; line-height: 38px; } .pricing-package-box { min-height: 290px; padding: 30px; margin-bottom: 40px; border-radius: 10px; border: 1px #cccccc solid; position: relative; } .pricing-package-box.featured { border: 4px #655184 solid; } .pricing-package-box.grey { background: #f3f0e4; } .pricing-package-box .text-section { width: 70%; display: inline-block; } .pricing-package-box .text-section h5 { color: #655184; margin-bottom: 6px; } .pricing-package-box .text-section h3 { color: #333366; margin-bottom: 12px; } .pricing-package-box .text-section h6 { color: #333333; margin-bottom: 20px; } .pricing-package-box .text-section ul { list-style: none; padding: 0px; margin: 0px; padding-right: 20px; } .pricing-package-box .text-section ul li { color: #333366; font-size: 17px; line-height: 24px; padding-left: 25px; text-indent: -25px; margin-bottom: 9px; } .pricing-package-box .text-section ul li:before { color: #41ad49; font-family: "Font Awesome 5 Pro"; content: "\f00c"; padding-right: 10px; font-weight: 900; } .pricing-package-box .price-section { width: 25%; float: right; position: relative; } .pricing-package-box .price-section .price-feature { width: 220px; float: right; text-align: center; border-radius: 5px; overflow: hidden; position: relative; } .pricing-package-box .price-section .price-feature .top { background: #655184; padding: 12px 5px; } .pricing-package-box .price-section .price-feature .top h5 { color: #ffffff; font-weight: 400; } .pricing-package-box .price-section .price-feature .top.large { padding: 8px 5px; } .pricing-package-box .price-section .price-feature .top.large h5 { font-size: 22px; line-height: 28px; } .pricing-package-box .price-section .price-feature .top.yellow { background: #ffcc00; } .pricing-package-box .price-section .price-feature .top.yellow h5 { color: #655184; } .pricing-package-box .price-section .price-feature .details { background: #e6e6e6; padding: 20px 15px; } .pricing-package-box .price-section .price-feature .details h6 { color: #333333; font-weight: 600; } .pricing-package-box .price-section .price-feature .details h3 { color: #655184; font-size: 46px; line-height: 50px; } .pricing-package-box .price-section .price-feature .details h3.stacked { font-size: 37px; line-height: 40px; } .pricing-package-box .price-section .price-feature .details h3.stacked span.sub-price { font-size: 14px; line-height: 18px; width: 48px; display: inline-block; text-align: left; } .pricing-package-box .price-section .price-feature .details h3.stacked span.sub-price .was-price { color:red;text-decoration:line-through } .pricing-package-box .price-section .price-feature .details h3.stacked span.sub-price .was-price .line-through { color: #ffffff; } .pricing-package-box .price-section .price-feature .details h5 { color: #333333; margin-bottom: 10px; } .pricing-package-box .price-section .price-feature .details .btn { font-size: 16px; line-height: 14px; } .pricing-package-box .price-section .side-swatch { width: 40px; position: absolute; top: -10px; right: -10px; z-index: 1; } .pricing-package-box.featured .price-section .price-feature .details { background: #655184; } .pricing-package-box.featured .price-section .price-feature .details h3 { color: #ffffff; } .pricing-package-box.featured .price-section .price-feature .details h5 { color: #ffffff; } .pricing-package-box.featured .price-section .price-feature .details .btn { background: #1ab381; border-color: #1ab381; color: #ffffff !important; } .pricing-package-box.featured .price-section .price-feature .details .btn:hover { background: #1bc88f!important; border-color: #1bc88f!important; } .intro-box-features-panel .accordion { background: none; border: 0px; border-radius: 0px; overflow: hidden; width: 100%; max-width: 900px; margin: auto; } .intro-box-features-panel .accordion-item { background: none; border: 0px; border-bottom: 1px #cccccc solid; border-radius: 0px; padding: 20px 40px 20px 0px; margin-bottom: 0px; overflow: hidden; position: relative; } .intro-box-features-panel .accordion-item:first-child { border-top: 1px #cccccc solid; } .intro-box-features-panel .accordion-item .accordion-header { color: #655184; font-size: 24px; line-height: 30px; } .intro-box-features-panel .accordion-button { color: #655184; font-size: 24px; line-height: 30px; background: none; display: block; padding: 0px 0px 0px 0px; border: 0px; border-radius: 0px; box-shadow: none; position: unset; } .intro-box-features-panel .accordion-button .icon-holder { width: 150px; top: 50%; transform: translateY(-50%); left: 0px; margin: auto; text-align: center; position: absolute; } .intro-box-features-panel .accordion-button:not(.collapsed) .icon { max-height: 180px; top: 40px; margin: auto; transition: 0.3s; transition-timing-function: ease-in; } .intro-box-features-panel .accordion-button .icon { width: auto; max-width: 110px; max-height: 90px; top: 0px; margin: auto; position: relative; transition: 0.3s; transition-timing-function: ease-in; } .intro-box-features-panel .accordion-button h4 { font-size: 34px; line-height: 42px; margin: 0px; } .intro-box-features-panel .accordion-button::after { background: #655184; mask: url('../assets/chevron-down.svg') center 50% no-repeat; -webkit-mask: url('../assets/chevron-down.svg') center 50% no-repeat; width: 28px; height: 28px; transform: none; top: 24px; right: 0px; position: absolute; z-index: 1; } .intro-box-features-panel .accordion-button:not(.collapsed)::after { background: #655184; mask: url('../assets/chevron-up.svg') center 50% no-repeat; -webkit-mask: url('../assets/chevron-up.svg') center 50% no-repeat; } .intro-box-features-panel .accordion-body { border: 0px; padding: 15px 0px 0px 0px; } .intro-box-features-panel .accordion-body .col { position: relative; } .intro-box-features-panel .accordion-body .accordion-text { width: 90%; } .intro-box-features-panel .accordion-body p { font-size: 18px; line-height: 26px; } .intro-box-features-panel .accordion-body .top-icon { width: 160px; height: 140px; display: block; margin: 0px auto 0px auto; position: relative; } .intro-box-features-panel .accordion-body .top-icon .icon { background: #655184; width: 100%!important; height: 100%; max-height: 130px!important; top: 50%; transform: translateY(-50%); left: 6px; right: 0px; bottom: auto!important; margin: auto; position: absolute; transition-timing-function: ease-in; transition: 0.2s; } .intro-box-features-panel .accordion-body .top-icon .circle-bg { background: #e5d6ff; width: 140px; height: 140px; border-radius: 50%; right: 0px; margin: auto; position: absolute; } .intro-box-features-panel.purple { padding: 70px 15px 90px 15px; } .intro-box-features-panel.purple .accordion-item { border-color: #8f85a0; } .intro-box-features-panel.purple .accordion-button { color: #ffffff; } .intro-box-features-panel.purple .accordion-button:hover { color: #ffcc00; } .intro-box-features-panel.purple .accordion-button:not(.collapsed) { color: #ffcc00; } .intro-box-features-panel.purple .accordion-button::after { background: transparent; bottom: auto; } .intro-box-features-panel.purple .accordion-button:not(.collapsed)::after { background: #ffcc00; } .intro-box-features-panel.purple .accordion-body p { color: #ffffff; } .intro-box-features-panel.purple .accordion-body *:last-child { margin-bottom: 0px; } .intro-box-features-panel .accordion.dynamic .accordion-item .accordion-collapse { display: none; } .intro-box-features-panel .accordion.dynamic .accordion-item.show .accordion-collapse { display: block; } .intro-box-features-panel .accordion.dynamic .accordion-item .accordion-collapse .accordion-body p { opacity: 0; visibility: hidden; transition-timing-function: ease-in; transition: 0.2s; transition-delay: 0.1s; } .intro-box-features-panel .accordion.dynamic .accordion-item.show .accordion-collapse .accordion-body p { opacity: 1; visibility: visible; transition-timing-function: ease-in; transition: 0.2s; transition-delay: 0.5s; } .intro-box-features-panel .accordion.dynamic .accordion-button:not(.collapsed) { color: #ffffff; } .intro-box-features-panel .accordion.dynamic .accordion-button::after { background: transparent; bottom: auto; mask: url('../assets/chevron-right.svg') center 50% no-repeat; -webkit-mask: url('../assets/chevron-right.svg') center 50% no-repeat; } .intro-box-features-panel .accordion.dynamic .accordion-button:not(.collapsed)::after { background: transparent; } .intro-box-features-panel .accordion.dynamic .accordion-button:hover { color: #ffcc00; } .intro-box-features-panel .accordion.dynamic .accordion-button:hover::after { background: #ffcc00; } .intro-box-features-panel .accordion.dynamic .show .accordion-button { color: #ffcc00; } .intro-box-features-panel .accordion.dynamic .show .accordion-button::after { background: #ffcc00; } .intro-box-features-panel .accordion-images { position: relative; } .intro-box-features-panel .accordion-images .side-image { opacity: 0; visibility: hidden; transition-timing-function: ease-in; transition: 0.2s; transition-delay: 0.1s; position: absolute; } .intro-box-features-panel .accordion-images .side-image.show { opacity: 1; visibility: visible; transition-timing-function: ease-in; transition: 0.4s; transition-delay: 0.2s; } /** * Figures Features Panel * ========================================================================== */ .figures-features-panel { background: #ffffff; padding: 0px 0px 0px 0px; position: relative; } .figures-features-panel .grey-bg { background: #f2f2f2; padding: 50px 30px; position: relative; } .figures-features-panel .grey-bg .col { border-right: 1px #cccccc solid; } .figures-features-panel .grey-bg .col:last-child { border-right: 0px; } .figures-features-panel .grey-bg h2 { font-size: 60px; line-height: 56px; font-weight: 600; font-family: 'Poppins', sans-serif; } .figures-features-panel .grey-bg h5 { font-size: 21px; line-height: 27px; font-weight: 500; } .figures-features-panel .bottom .btn { min-width: 270px; margin: 6px 10px; padding: 14px 42px; } /** * Featured Directors Listing Panel * ========================================================================== */ .featured-directors-listing-panel { background: #ffffff; padding: 60px 15px 70px 15px; position: relative; } .featured-directors-listing-panel .lists { max-width: 840px; margin: auto; } .featured-directors-listing-panel .lists ul { list-style: none; padding: 0px; margin: 0px; } .featured-directors-listing-panel .lists ul li { font-size: 20px; line-height: 30px; font-weight: 500; } .featured-directors-listing-panel .lists ul li a { color: #333333; } .featured-directors-listing-panel .lists ul li a:hover { color: #655184; } /** * Banner CTA Panel * ========================================================================== */ .banner-cta-panel { background: #655184; padding: 40px 15px 40px 15px; position: relative; } .banner-cta-panel .contained { width: 100%; max-width: 800px; margin: auto; } .banner-cta-panel .contained form { width: 100%; max-width: 580px; margin: auto; } .banner-cta-panel .contained form input { height: 42px; width: 70%; margin-right: 20px; display: inline-block; } .banner-cta-panel .contained form .form-group { margin: 0px; } /** * Case Study Featured Box Panel * ========================================================================== */ .case-study-featured-box-panel { background: #ffffff; padding: 30px 15px 30px 15px; position: relative; } .case-study-featured-box-panel .featured-box { padding: 60px; border-radius: 10px; position: relative; background-size: cover; background-repeat: no-repeat; background-position: top center; } .case-study-featured-box-panel.pad-top .featured-box { padding-top: 200px; } .case-study-featured-box-panel .featured-box .white-bg { background: #ffffff; padding: 30px; border-radius: 10px; width: 420px; display: inline-block; position: relative; } .case-study-featured-box-panel .featured-box .white-bg .logo { width: 130px; margin-bottom: 20px; } .case-study-featured-box-panel .featured-box .white-bg h4 { margin-bottom: 30px; } .case-study-featured-box-panel .featured-box .white-bg h5 { color: #666666; font-size: 19px; line-height: 25px; margin-bottom: 7px; } .case-study-featured-box-panel .featured-box .white-bg h6 { color: #666666; font-size: 18px; line-height: 22px; margin: 0px; } .case-study-featured-box-panel .featured-box .white-bg h6.text-right { padding-right: 50px; } .case-study-featured-box-panel .featured-box .arrow-circle { background: #655184; border-radius: 50%; width: 35px; height: 35px; bottom: 22px; right: 30px; text-align: center; position: absolute; } .case-study-featured-box-panel .featured-box .arrow-circle i { color: #ffffff; line-height: 38px; } .case-study-featured-box-panel .featured-box .white-bg:hover { color: #655184; } /** * CTA Box Feature * ========================================================================== */ .cta-box-feature { background: #e5d6ff; border-radius: 20px; padding: 30px 35px; text-align: center; position: relative; } .cta-box-feature h3 { color: #333333; font-size: 32px; line-height: 38px; font-weight: 600; margin-bottom: 10px; font-family: 'Poppins', sans-serif; } .cta-box-feature h5 { color: #333333; font-size: 20px; line-height: 26px; font-weight: 500; margin-bottom: 25px; } .cta-box-feature p { color: #333333; font-size: 18px; line-height: 24px; font-weight: 400; margin-top: 30px; margin-bottom: 0px; } .cta-box-feature p a { color: #333333; font-weight: 600; } .cta-box-feature .form-group.inline { text-align: left; } .cta-box-feature .form-control { font-size: 16px; height: 42px; padding: 6px 18px; border-radius: 30px; border: 0px; } .cta-box-feature .form-group.inline .form-control { width: 66%; display: inline-block; } .cta-box-feature .form-group.inline .dropdown { width: 30%; float: right; } .cta-box-feature .form-group.inline .dropdown .btn { width: 100%; padding: 12px 10px; } .cta-box-feature .form-group.inline .dropdown .btn::after { display: none; } .cta-box-feature .form-group.inline .dropdown .dropdown-menu { text-align: center; padding: 3px 10px; } .cta-box-feature .form-group.inline .dropdown .dropdown-menu .dropdown-item { background: none; border-bottom: 1px #cccccc solid; padding: 10px 0px; font-weight: 500; } .cta-box-feature .form-group.inline .dropdown .dropdown-menu .dropdown-item:hover { color: #ffcc00; } .cta-box-feature .form-group.inline .dropdown .dropdown-menu li:last-child .dropdown-item { border: 0px; } .cta-box-feature .btn-search { background: #655184; border-color: #655184; color: #fff; font-size: 18px; height: 32px; width: 32px; padding: 0px; margin: -36px 10px 0px 0px; position: relative; float: right; } .cta-box-feature .btn-search:hover { background: #655184; border-color: #655184; color: #333333; } .cta-box-feature.purple { background: #655184; } .cta-box-feature.purple h3 { color: #ffcc00; } .cta-box-feature.purple h5 { color: #ffffff; } .cta-box-feature.purple p { color: #ffffff; } .cta-box-feature.purple p a { color: #ffcc00; } .cta-box-feature.white { background: #ffffff; border: 1px #cccccc solid } .cta-box-feature.white h3 { color: #655184; } @media screen and (min-width: 991px) { .cta-box-feature h3.one-line { font-size: 22px; line-height: 28px; } } @media screen and (min-width: 1100px) { .cta-box-feature h3.one-line { font-size: 26px; line-height: 32px; } } @media screen and (min-width: 1200px) { .cta-box-feature h3.one-line { font-size: 27px; line-height: 33px; } } /** * Mask Panels * ========================================================================== */ .header-mask-buttons-panel { overflow: hidden; } .header-mask-buttons-panel .mask { padding: 170px 0px 130px 0px; mask: url(../assets/Hero-Mask.svg) center bottom no-repeat; -webkit-mask: url(../assets/Hero-Mask.svg) center bottom no-repeat; mask-size: 1920px; -webkit-mask-size: 1920px; } .header-mask-buttons-panel .mask .right { position: relative; text-align: right; min-height: 220px; } .header-mask-buttons-panel .mask .right img { position: absolute; width: 480px; bottom: -150px; right: -70px; } .header-mask-buttons-panel .outside .col-xs-12 { position: relative; min-height: 60px; } .header-mask-buttons-panel .outside .button-feature { background: #ffffff; width: 100%; max-width: 360px; padding: 25px; text-align: center; border: 4px #ffcc00 solid; border-radius: 20px; top: -130px; position: absolute; transition-timing-function: ease-in; transition: 0.4s; } .header-mask-buttons-panel .outside .button-feature h3 { font-size: 26px; line-height: 34px; margin-bottom: 15px; transition-timing-function: ease-in; transition: 0.4s; } .header-mask-buttons-panel .outside .button-feature h5 { color: #655184; font-size: 21px; line-height: 27px; font-weight: 500; } .header-mask-buttons-panel .outside .button-feature h5 i { font-size: 20px; } .header-mask-buttons-panel .outside .left .button-feature { right: 25px; } .header-mask-buttons-panel .outside .right .button-feature { left: 25px; } .header-mask-buttons-panel .outside .button-feature:hover { background: #4a4d54; border-color: #4a4d54; transition-timing-function: ease-in; transition: 0.4s; } .header-mask-buttons-panel .outside .button-feature:hover h3 { color: #ffffff; transition-timing-function: ease-in; transition: 0.4s; } .header-mask-buttons-panel.grey .outside .button-feature:hover { background: #ffefe3; border-color: #ffefe3!important; } .header-mask-buttons-panel.grey .outside .button-feature:hover h3 { color: #4A4D54; } .header-mask-buttons-panel .featured-circle { background: #a5c5d0; width: 180px; height: 180px; border-radius: 50%; text-align: center; padding-top: 27px; position: relative; z-index: 1; } .header-mask-buttons-panel .featured-circle h6 { color: #ffffff; font-size: 15px; line-height: 19px; text-transform: uppercase; margin: 0px 0px 5px 0px; } .header-mask-buttons-panel .featured-circle h3 { color: #ffffff; font-size: 31px; line-height: 36px; margin-bottom: 4px; } .header-mask-buttons-panel .featured-circle h5 { color: #ffffff; font-size: 20px; line-height: 25px; } .header-mask-buttons-panel .outside .button-feature.blue { border-color: #A5C5D1;} .header-mask-buttons-panel .outside .button-feature.blue:hover { border-color: #4a4d54; } .header-mask-buttons-panel .outside .button-feature.blue h5 { color: #A5C5D1;} .center-video-panel { background: #ffffff; padding: 70px 0px 190px 0px; position: relative; } .center-video-panel.grey { background: #f6f7f8; } .center-video-panel .center-content { width: 100%; max-width: 770px; margin: auto; } .center-video-panel .videoWrapper { position: relative; padding-bottom: 56.25%; height: 0; margin: 30px 0px; } .center-video-panel .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 2px #ccc solid; border-radius: 10px; } .center-video-panel .buttons .btn { margin: 15px 8px; } .center-video-panel .outside-side-img { width: 470px; position: absolute; left: 50px; right: auto; bottom: -50px; } .center-logos-panel { background: #ffffff; padding: 50px 0px 30px 0px; position: relative; } .center-logos-panel.grey { background: #f6f7f8; } .center-logos-panel .logos { font-size: 0px; padding: 25px 0px; } .center-logos-panel .logos img { vertical-align: middle; margin-right: 25px; } .center-logos-panel .logos img:last-child { margin-right: 0px; } /* Visual Slider Panel ========================================== */ .client-case-studies-panel { background: #4a4d54; padding: 110px 0px 180px 0px; position: relative } .client-case-studies-panel h3 { color: #ffffff; } .client-case-studies-panel .slick-dots { bottom: -100px; text-align: center; } .client-case-studies-panel .center-content { width: 100%; max-width: 630px; min-height: 200px; margin: auto auto 40px auto; } .client-case-studies-panel .center-content p { color: #ffffff; } .client-case-studies-panel .slide { position: relative; height: 920px; opacity: 0.5; transition-timing-function: ease-in; transition: 0.5s; } .client-case-studies-panel .slide .image-container { height: 600px; width: 100%; margin-top: 75px; position: relative; } .client-case-studies-panel .slide .image { height: 460px; width: 82%; background-position: 50% center; background-repeat: no-repeat; display: block; border-radius: 20px; background-size: cover; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; transition-timing-function: ease-in; transition: 0.5s; } .client-case-studies-panel .slide .center-content { opacity: 0; transition-timing-function: ease-in; transition: 0.5s; } .client-case-studies-panel .slick-active.slide .center-content { opacity: 1; transition-timing-function: ease-in; transition: 0.5s; } .client-case-studies-panel .slick-active.slide { opacity: 1; transition-timing-function: ease-in; transition: 0.5s; } .client-case-studies-panel .slick-active.slide .image { height: 600px; width: 100%; transition-timing-function: ease-in; transition: 0.5s; } .client-case-studies-panel .gallery-arrow { position: absolute; height: 55px; width: 30px; margin: auto; cursor: pointer; } .client-case-studies-panel .gallery-arrow.prev { opacity: 0.7; background: url(../assets/gallery-arrow-left-icon.png) 50% center no-repeat; background-size: 28px; bottom: -80px; right: 140px; left: 0px; transition-timing-function: ease-in; transition: 0.2s; } .client-case-studies-panel .gallery-arrow.prev:hover { opacity: 1; background-image: url(../assets/gallery-arrow-left-icon-on.png); transition-timing-function: ease-in; transition: 0.2s; } .client-case-studies-panel .gallery-arrow.next { background: url(../assets/gallery-arrow-right-icon.png) 50% center no-repeat; background-size: 28px; bottom: -80px; left: 140px; right: 0px; transition-timing-function: ease-in; transition: 0.2s; } .client-case-studies-panel .gallery-arrow.next:hover { opacity: 1; background-image: url(../assets/gallery-arrow-right-icon-on.png); transition-timing-function: ease-in; transition: 0.2s; } @media screen and (min-width: 1930px) { .client-case-studies-panel .slide .image-container { max-width: 920px; margin-left: auto; margin-right: auto; } } /* Latest Projects Panel */ .box-features-slider-right-panel { padding: 30px 0px; overflow: hidden; } .box-features-slider-right-panel.popin { top: 50px; position: relative; opacity: 0; transition-timing-function: ease-in; transition: 0.9s; } .box-features-slider-right-panel.popin.scrolled { top: 0px; opacity: 1; transition-timing-function: ease-in; transition: 0.9s; } .box-features-slider-right-panel .main-info { background: #f6f7f8; min-height: 520px; position: absolute; z-index: 10; width: 40%; padding-top: 60px; padding-left: 0px; } .box-features-slider-right-panel .main-info .content { width: 100%; max-width: 380px; float: right; padding-right: 50px; } .box-features-slider-right-panel .main-info .content h3 { color: #333333; margin-bottom: 25px; } .box-features-slider-right-panel .main-info .content p { color: #666666; font-size: 21px; line-height: 28px; margin-bottom: 15px; } .box-features-slider-right-panel .main-info .content h5 { color: #655184; font-size: 21px; line-height: 28px; } .box-features-slider-right-panel .main-info .content h5 a { color: #655184; } .box-features-slider-right-panel .box-features-slider { padding-left: 100px; } .box-features-slider-right-panel .box-features-slider .slick-slide { padding: 20px 0px; } .support-feature { background: #ffffff; width: 88%; min-height: 450px; padding: 20px; margin: auto; border-radius: 20px; text-align: left; box-shadow: rgba(0, 0, 0, 0.01) 1px 0 3px 3px; overflow: hidden; position: relative; transition-timing-function: ease-in; transition: 1.2s; } .support-feature:hover { box-shadow: rgba(51, 51, 51, 0.21) 1px 0 3px 3px; transition-timing-function: ease-in; transition: 0.6s; } .support-feature .background { background: #e5d6ff; min-height: 230px; padding: 30px; border-radius: 20px; position: relative; overflow: hidden; transition-timing-function: ease-in; transition: 0.3s; } .support-feature:hover .background { background: #655184; transition-timing-function: ease-in; transition: 0.3s; } .support-feature .side-img { display: none; position: absolute; max-height: 230px; bottom: -30px; right: -20px; } .support-feature .content { text-align: left; } .support-feature .content h4 { color: #333333; font-size: 24px; line-height: 30px; transition-timing-function: ease-in; transition: 0.3s; } .support-feature:hover .content h4 { color: #ffffff; transition-timing-function: ease-in; transition: 0.3s; } .support-feature .content h5 { color: #ffffff; font-size: 18px; line-height: 24px; text-transform: uppercase; bottom: 30px; position: absolute; transition-timing-function: ease-in; transition: 0.2s; } .support-feature .image { width: 80%; height: 300px; background-size: contain; background-repeat: no-repeat; background-position: top right; right: -30px; bottom: -60px; position: absolute; } .box-features-slider-right-panel .slick-active .support-feature { opacity: 1; } .box-features-slider-right-panel .support-feature { opacity: 0.4; } .box-features-slider-right-panel .slick-current .support-feature h5 { opacity: 1; transition-timing-function: ease-in; transition: 0.2s; } .box-features-slider-right-panel .gallery-arrow { position: absolute; height: 55px; width: 30px; cursor: pointer; z-index: 11; } .box-features-slider-right-panel .gallery-arrow.prev { opacity: 0.7; background: url(../assets/gallery-arrow-left-icon.png) 50% center no-repeat; background-size: 28px; bottom: 50px; right: 0px; left: 150px; transition-timing-function: ease-in; transition: 0.2s; } .box-features-slider-right-panel .gallery-arrow.prev:hover { opacity: 1; background-image: url(../assets/gallery-arrow-left-icon-on.png); transition-timing-function: ease-in; transition: 0.2s; } .box-features-slider-right-panel .gallery-arrow.next { background: url(../assets/gallery-arrow-right-icon.png) 50% center no-repeat; background-size: 28px; bottom: 50px; right: 0px; left: 260px; transition-timing-function: ease-in; transition: 0.2s; } .box-features-slider-right-panel .gallery-arrow.next:hover { opacity: 1; background-image: url(../assets/gallery-arrow-right-icon-on.png); transition-timing-function: ease-in; transition: 0.2s; } .box-features-slider-right-panel .slick-dots { position: absolute; max-width: 1150px; left: 0px; right: 0px; bottom: 10px; text-align: left; z-index: 50; } .box-features-slider-right-panel .slick-dots li { height: 18px; width: 18px; margin: 0 4px; } .box-features-slider-right-panel .slick-dots li button { background: none; border: 2px solid #655184!important; height: 16px; width: 16px; } .box-features-slider-right-panel .slick-dots li button:hover:before, .box-features-slider-right-panel .slick-dots li button:focus:before { opacity: 0; } .box-features-slider-right-panel .slick-dots li button:before { opacity: 0; } .box-features-slider-right-panel .slick-dots li.slick-active button:before { opacity: 1; color: #fff !important; } .box-features-slider-right-panel .slick-dots li.slick-active { background: #655184; height: 16px; width: 68px; } .box-features-slider-right-panel .slick-dots li.slick-active button { background: #655184; border: 2px solid #655184 !important; height: 16px; width: 68px; } @media screen and (min-width: 1930px) { .box-features-slider-right-panel .max-width { max-width: 1920px; margin: auto; position: relative; } } /* News Features Panel */ .news-features-slider-right-panel { padding: 30px 0px; overflow: hidden; } .news-features-slider-right-panel.popin { top: 50px; position: relative; opacity: 0; transition-timing-function: ease-in; transition: 0.9s; } .news-features-slider-right-panel.popin.scrolled { top: 0px; opacity: 1; transition-timing-function: ease-in; transition: 0.9s; } .news-features-slider-right-panel .main-info { background: #4a4d54; min-height: 450px; position: absolute; z-index: 10; width: 600px; padding-left: 165px; } .news-features-slider-right-panel .main-info .content { width: 100%; max-width: 530px; } .news-features-slider-right-panel .main-info .content h4 { color: #cccccc; font-size: 22px; line-height: 28px; font-weight: 400; margin-bottom: 15px; } .news-features-slider-right-panel .main-info .content h3 { color: #655184; margin-bottom: 25px; } .news-features-slider-right-panel .main-info .content p { color: #ffffff; font-size: 21px; line-height: 28px; margin-bottom: 15px; } .news-features-slider-right-panel .news-box-features-slider { padding-left: 310px; } .news-box-feature { width: 88%; min-height: 430px; border-radius: 20px; margin: auto; text-align: left; position: relative; overflow: hidden; transition-timing-function: ease-in; transition: 1.2s; } .news-box-feature:hover { transition-timing-function: ease-in; transition: 1.2s; } .news-box-feature .blog-img { height: 180px; border-top-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden; position: relative; } .news-box-feature .blog-img img { object-position: center; min-height: 180px; margin-bottom: 1rem; width: 100%; max-width: unset; float: none; position: absolute; margin: auto; left: 50%; transform: translate(-50%, 0); transition-timing-function: ease-in; transition: 1.2s; } .news-box-feature:hover .blog-img img { width: 120%; transition-timing-function: ease-in; transition: 1.2s; } .news-box-feature .content { background: #fff; min-height: 250px; padding: 25px; text-align: left; position: relative; } .news-box-feature .content h5 { color: #666666; font-size: 18px; line-height: 22px; font-weight: 500; margin-bottom: 10px; text-transform: uppercase; } .news-box-feature .content h3 { color: #655184; font-size: 25px; line-height: 32px; height: 100%; max-height: 200px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .news-box-feature .content p { color: #666666; font-size: 18px; line-height: 22px; font-weight: 500; bottom: 25px; margin: 0px; position: absolute; } .news-box-feature .content .link-holder { position: unset; } .news-box-feature .content .link-holder p { bottom: 25px; position: absolute; } .news-features-slider-cutoff-panel.unboxed .news-box-feature { text-align: center; border-radius: 0px; padding: 0px; box-shadow: none!important; } .news-features-slider-cutoff-panel.unboxed .news-box-feature .blog-img { height: 220px; border-radius: 10px; } .news-features-slider-cutoff-panel.unboxed .news-box-feature .content { text-align: center; min-height: 230px; } .news-features-slider-cutoff-panel.unboxed .news-box-feature .content h3 { font-size: 22px; line-height: 28px; margin-bottom: 40px; } .news-features-slider-cutoff-panel.unboxed .news-box-feature .content p { color: #0c252c; font-size: 17px; line-height: 24px; left: 0px; right: 0px; bottom: auto; margin: auto; border-bottom: 2px #0c252c solid; padding-bottom: 5px; text-transform: uppercase; display: inline-block; position: relative; } .news-features-slider-cutoff-panel.unboxed .news-box-feature .content .link-holder { bottom: 25px; position: absolute; width: 100%; left: 0px; right: 0px; margin: auto; } .news-features-slider-right-panel .slick-active .news-box-feature { opacity: 1; } .news-features-slider-right-panel .news-box-feature { opacity: 0.4; } .news-features-slider-right-panel .slider .slick-dots { top: auto; max-width: 600px; left: 65px; bottom: -10px; position: absolute; z-index: 11; } .news-features-slider-right-panel .slider .slick-dots li { margin: 0px 8px 0px 0px; } .news-features-slider-right-panel .gallery-arrow { position: absolute; height: 55px; width: 30px; cursor: pointer; z-index: 11; } .news-features-slider-right-panel .gallery-arrow.prev { opacity: 0.7; background: url(../assets/gallery-arrow-left-icon.png) 50% center no-repeat; background-size: 28px; bottom: 0px; right: 0px; left: 150px; transition-timing-function: ease-in; transition: 0.2s; } .news-features-slider-right-panel .gallery-arrow.prev:hover { opacity: 1; background-image: url(../assets/gallery-arrow-left-icon-on.png); transition-timing-function: ease-in; transition: 0.2s; } .news-features-slider-right-panel .gallery-arrow.next { background: url(../assets/gallery-arrow-right-icon.png) 50% center no-repeat; background-size: 28px; bottom: 0px; right: 0px; left: 260px; transition-timing-function: ease-in; transition: 0.2s; } .news-features-slider-right-panel .gallery-arrow.next:hover { opacity: 1; background-image: url(../assets/gallery-arrow-right-icon-on.png); transition-timing-function: ease-in; transition: 0.2s; } /* News Features Panel */ .news-features-slider-cutoff-panel { background: #f6f7f8; padding: 80px 0px 120px 0px; position: relative; } .news-features-slider-cutoff-panel .slick-slide { padding: 15px 0px; } .news-features-slider-cutoff-panel .news-box-feature { background: #ffffff; padding: 12px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.01) 1px 0 3px 3px; transition-timing-function: ease-in; transition: 1.2s; } .news-features-slider-cutoff-panel .news-box-feature:hover { box-shadow: rgba(51, 51, 51, 0.21) 1px 0 3px 3px; transition-timing-function: ease-in; transition: 0.6s; } .news-features-slider-cutoff-panel .news-box-feature .blog-img { border-radius: 0px; } .news-features-slider-cutoff-panel .slick-active .news-box-feature { opacity: 1; } .news-features-slider-cutoff-panel .news-box-feature { opacity: 0.4; } .news-features-slider-cutoff-panel .slick-dots { position: absolute; max-width: 1150px; top: auto; bottom: -70px; left: 0px; right: 0px; text-align: center; z-index: 50; } .news-features-slider-cutoff-panel .slick-dots li { height: 18px; width: 18px; margin: 0 4px; } .news-features-slider-cutoff-panel .slick-dots li button { background: none; border: 2px solid #655184!important; height: 16px; width: 16px; } .news-features-slider-cutoff-panel .slick-dots li button:hover:before, .news-features-slider-cutoff-panel .slick-dots li button:focus:before { opacity: 0; } .news-features-slider-cutoff-panel .slick-dots li button:before { opacity: 0; } .news-features-slider-cutoff-panel .slick-dots li.slick-active button:before { opacity: 1; color: #fff !important; } .news-features-slider-cutoff-panel .slick-dots li.slick-active { background: #655184; height: 16px; width: 68px; } .news-features-slider-cutoff-panel .slick-dots li.slick-active button { background: #655184; border: 2px solid #655184 !important; height: 16px; width: 68px; } /* News Features Panel */ .news-features-slider-bg-panel { background: #655184; background-size: cover; padding: 80px 0px 140px 0px; position: relative; } .news-features-slider-bg-panel .grad-bg { background: rgb(63,45,92); background: -moz-linear-gradient(0deg, rgba(63,45,92,1) 0%, rgba(101,81,132,1) 100%); background: -webkit-linear-gradient(0deg, rgba(63,45,92,1) 0%, rgba(101,81,132,1) 100%); background: linear-gradient(0deg, rgba(63,45,92,1) 0%, rgba(101,81,132,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#3f2d5c",endColorstr="#655184",GradientType=1); position: absolute; top: 0px; height: 100%; width: 100%; } .news-features-slider-bg-panel .container { position: relative; z-index: 1; } .news-features-slider-bg-panel .slick-slide { padding: 15px 0px; } .news-features-slider-bg-panel .news-box-feature { background: #ffffff; padding: 0px; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.01) 1px 0 3px 3px; transition-timing-function: ease-in; transition: 1.2s; } .news-features-slider-bg-panel .news-box-feature:hover { box-shadow: rgba(51, 51, 51, 0.21) 1px 0 3px 3px; transition-timing-function: ease-in; transition: 0.6s; } .news-features-slider-bg-panel .news-box-feature .blog-img { border-radius: 0px; } .news-features-slider-bg-panel .slick-active .news-box-feature { opacity: 1; } .news-features-slider-bg-panel .news-box-feature { opacity: 0.4; } .news-features-slider-bg-panel .slick-slider .gallery-arrow { color: #ffffff; border: 1px #ffffff solid; width: 45px; height: 45px; border-radius: 50%; text-align: center; left: 0px; right: 0px; bottom: -60px; margin: auto; position: absolute; } .news-features-slider-bg-panel .slick-slider .gallery-arrow i { font-size: 28px; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; position: absolute; } .news-features-slider-bg-panel .slick-slider .gallery-arrow.prev { left: -60px; } .news-features-slider-bg-panel .slick-slider .gallery-arrow.next { left: 60px; } .news-features-slider-bg-panel .slick-slider .gallery-arrow:hover { background: #ffffff; color: #655184; cursor: pointer; } .news-features-slider-bg-panel .slick-dots { display: none!important; } /* Testimonials Slider Panel */ .right-content-panel.center-content .testimonials-carousel .slick-dots { position: relative; max-width: 140px; margin-top: 40px; margin-bottom: 25px; top: 0px; bottom: auto; text-align: center; } .right-content-panel.center-content .testimonials-carousel .slick-dots li { height: 18px; width: 18px; } .right-content-panel.center-content .testimonials-carousel .slick-dots li button { background: none; border: 1px solid #4a4d54 !important; height: 18px; width: 18px; } .right-content-panel.center-content .testimonials-carousel .slick-dots li button:hover:before, .right-content-panel.center-content .testimonials-carousel .slick-dots li button:focus:before { opacity: 0; } .right-content-panel.center-content .testimonials-carousel .slick-dots li button:before { opacity: 0; } .right-content-panel.center-content .testimonials-carousel .slick-dots li.slick-active button:before { opacity: 1; color: #fff !important; } .right-content-panel.center-content .testimonials-carousel .slick-dots li.slick-active { background: #655184; } .right-content-panel.center-content .testimonials-carousel .slick-dots li.slick-active button { background: #655184; border: 1px solid #655184 !important; height: 18px; width: 18px; } /* Full Width CTA Panel */ .full-width-cta-panel { padding: 30px 0px; position: relative; } .full-width-cta-panel.grey { background: #f6f7f8; } .full-width-cta-panel.search-padding { padding-top: 160px; } .full-width-cta { background: #655184; border-radius: 20px; padding: 40px; position: relative; } .full-width-cta .contained { width: 100%; max-width: 1000px; margin: auto; } .full-width-cta h2 { color: #ffcc00; margin-bottom: 12px; } .full-width-cta h4.show-popout { cursor: pointer; } .full-width-cta h5 { color: #ffffff; font-size: 20px; line-height: 26px; font-weight: 500; margin-bottom: 25px; } .full-width-cta p { color: #ffffff; font-size: 18px; line-height: 24px; font-weight: 400; margin: 0px; } .full-width-cta p a { color: #ffcc00; font-weight: 600; } .full-width-cta form { width: 100%; max-width: 600px; margin: auto auto 50px auto; } .full-width-cta .form-group.inline .form-control { width: 66%; display: inline-block; } .full-width-cta .form-group.inline .dropdown { width: 30%; float: right; } .full-width-cta .dropdown-toggle::after { display: none; } .full-width-cta .form-group.inline .dropdown .dropdown-menu { text-align: center; padding: 3px 10px; } .full-width-cta .form-group.inline .dropdown .dropdown-menu .dropdown-item { background: none; border-bottom: 1px #cccccc solid; padding: 10px 0px; font-weight: 500; } .full-width-cta .form-group.inline .dropdown .dropdown-menu .dropdown-item:hover { color: #ffcc00; } .full-width-cta .form-group.inline .dropdown .dropdown-menu li:last-child .dropdown-item { border: 0px; } .full-width-cta .form-control { font-size: 16px; height: 42px; padding: 6px 18px; border-radius: 30px; border: 0px; } .full-width-cta .btn { width: auto; } .full-width-cta .btn-search { background: #ffcc03; border-color: #ffcc03; border-radius: 50%; color: #fff; font-size: 18px; height: 32px; width: 32px; padding: 8px; margin: -36px 10px 0px 0px; position: relative; float: right; } .full-width-cta .btn-search:hover { background: #ffcc03; border-color: #ffcc03; color: #333; } .full-width-cta .btn-search::after { display: none; } .full-width-cta .logos { text-align: center; margin-top: 20px; margin-bottom: 30px; } .full-width-cta .logos img { max-height: 120px; max-width: 160px; display: inline-block; margin: 0px 20px; } .full-width-cta.purple { background: #655184; } .full-width-cta.purple h2 { color: #ffcc00; } .full-width-cta.purple h3 { color: #ffcc00; } .full-width-cta.purple h5 { color: #ffffff; } .full-width-cta.purple p { color: #ffffff; } .full-width-cta.purple p a { color: #ffcc00; } .full-width-cta.white { background: #ffffff; box-shadow: rgba(0, 0, 0, 0.01) 1px 0 3px 3px; } .full-width-cta.white p { color: #666666; font-weight: 500; } .full-width-cta.white p a { color: #ffcc00; } .full-width-cta.cutoff-img { background: none; border-radius: 0px; padding: 40px 0px 0px 0px; } .full-width-cta.cutoff-img .background { background: #655184; border-radius: 20px; padding: 40px; } .full-width-cta.cutoff-img .contained { max-width: 650px; text-align: center; margin-left: 0px; padding-left: 0px; } .full-width-cta.cutoff-img .contained h3 { font-size: 32px; line-height: 38px; margin-bottom: 20px; } .full-width-cta.cutoff-img .contained form { width: 100%; max-width: 100%; margin-bottom: 30px; } .full-width-cta.cutoff-img .contained .form-control { font-size: 18px; height: 52px; } .full-width-cta.cutoff-img .contained .btn-search { font-size: 22px; height: 42px; width: 42px; margin-top: -46px; } .full-width-cta.cutoff-img .image { width: 420px; height: 110%; background-size: 100%; background-repeat: no-repeat; background-position: top right; right: -25px; bottom: 0px; position: absolute; } .full-width-cta .popout { display: none; } .full-width-cta .popout.active { display: block; } .full-width-cta .popout form { padding-top: 30px; margin-bottom: 0px; } .full-width-cta .popout form .form-group { margin-bottom: 0px; } .full-width-cta .popout form .btn { height: 42px; padding-left: 30px; padding-right: 30px; } .testimonials-slider { max-width: 820px; margin: auto; } .testimonials-slider p { color: #333333; font-size: 20px; line-height: 28px; margin-bottom: 20px; } .testimonials-slider h5 { color: #655184; font-size: 20px; line-height: 28px; } .testimonials-slider .slick-dots { position: absolute; max-width: 1150px; top: auto; left: 0px; right: 0px; bottom: -65px; text-align: center; z-index: 50; } .testimonials-slider .slick-dots li { height: 18px; width: 18px; margin: 0 4px; } .testimonials-slider .slick-dots li button { background: none; border: 2px solid #655184!important; height: 16px; width: 16px; } .testimonials-slider .slick-dots li button:hover:before, .testimonials-slider .slick-dots li button:focus:before { opacity: 0; } .testimonials-slider .slick-dots li button:before { opacity: 0; } .testimonials-slider .slick-dots li.slick-active button:before { opacity: 1; color: #fff !important; } .testimonials-slider .slick-dots li.slick-active { background: #655184; height: 16px; width: 68px; } .testimonials-slider .slick-dots li.slick-active button { background: #655184; border: 2px solid #655184 !important; height: 16px; width: 68px; } /* Form Side Panel */ .form-inside-panel { background: #f6f7f8; padding: 30px; margin-bottom: 30px; border: 1px #adadad solid; border-radius: 10px; position: relative; } .form-inside-panel .form-group { margin: 0px; } .form-inside-panel .form-group label { color: #655184; display: block; margin: 0px 0px 12px 0px; font-family: 'Domine', serif; } .form-inside-panel .form-group label.large { font-size: 22px; line-height: 28px; } .form-inside-panel .form-group .form-control-lg { font-size: 1.10rem; } .form-inside-panel .btn { width: 100%; padding: 12px 12px; margin-top: 40px; border-radius: 5px; } /* Form Side Panel */ .features-slider-box-panel { background: #ffffff; padding: 24px 20px 24px 20px; margin-bottom: 30px; border: 1px #adadad solid; border-radius: 10px; overflow: hidden; position: relative; } .features-slider-box-panel.bottom { margin-top: 30px; } .features-slider-box-panel.grey { background: #f3f0e4; } .features-slider-box-panel .overlay-bg { background: #ffffff; padding: 0px 10px 0px 10px; width: 100%; height: 90px; position: relative; } .features-slider-box-panel .overlay-bg h4 { margin: 15px 0px 0px 0px; float: left; } .features-slider-box-panel .overlay-bg h6 { margin: 20px 0px 0px 0px; float: right; } .features-slider-box-panel .overlay-bg h6 a { color: #655184; } .features-slider-box-panel.grey .overlay-bg { background: #f3f0e4; } .features-slider-box-panel .overlay-bg .top-icon { width: 60px; height: 60px; display: block; margin: 0px 20px 0px 0px; float: left; position: relative; } .features-slider-box-panel .overlay-bg .top-icon .icon { background: #655184; width: 100%!important; height: 100%; max-height: 90px!important; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; bottom: auto!important; margin: auto; position: absolute; transition-timing-function: ease-in; transition: 0.2s; } .features-slider-box-panel .overlay-bg .top-icon .circle-bg { background: #e5d6ff; width: 55px; height: 55px; border-radius: 50%; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; transition-timing-function: ease-in; transition: 0.2s; } .features-slider-box-panel .buttons { text-align: center; } .features-slider-box-panel .buttons .btn { margin: 20px auto auto auto; } .features-slider-box-panel .slick-slider .gallery-arrow { color: #655184; border: 1px #655184 solid; width: 40px; height: 40px; text-align: center; right: 0px; top: -78px; margin: auto; position: absolute; z-index: 51; } .features-slider-box-panel .slick-slider .gallery-arrow i { font-size: 24px; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); margin: auto; position: absolute; } .features-slider-box-panel .slick-slider .gallery-arrow.prev { right: 68px; } .features-slider-box-panel .slick-slider .gallery-arrow.next { right: 8px; } .features-slider-box-panel .slick-slider .gallery-arrow:hover { background: #655184; color: #ffffff; cursor: pointer; } .article-feature-box { background: #ffffff; border: 1px #7f7f7f solid; padding: 7px; width: 92%; min-height: 320px; text-align: left; margin: auto; border-radius: 5px; position: relative; transition: 0.2s; transition-timing-function: ease-in; } .article-feature-box .image { background-size: cover; background-repeat: no-repeat; min-height: 150px; border-radius: 5px; overflow: hidden; position: relative; transition: 0.2s; transition-timing-function: ease-in; } .article-feature-box .image img { width: 103%; max-width: unset; top: 50%; left: 50%; transform: translate(-50%, -50%); margin: auto; position: absolute; transition: 0.2s; transition-timing-function: ease-in; } .article-feature-box .info { padding: 15px 10px 15px 10px; position: relative; } .article-feature-box .info h5 { color: #655184; font-size: 17px; line-height: 23px; margin-bottom: 25px; font-family: 'Domine', serif; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; height: 100%; } .article-feature-box .link { color: #333333; font-size: 16px; line-height: 22px; font-weight: 500; margin: 0px; left: 17px; bottom: 18px; position: absolute; } .article-feature-box:hover { background: #f6f7f8; } .feature-faq-box { width: 90%; min-height: 210px; border: 1px #655184 solid; border-radius: 5px; padding: 18px; margin: auto; position: relative; } .feature-faq-box h5 { color: #655184; font-size: 17px; line-height: 23px; max-height: 200px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; height: 100%; margin-bottom: 15px; font-family: 'Domine', serif; } .feature-faq-box h6 { font-size: 16px; line-height: 22px; margin: 0px; bottom: 18px; position: absolute; } .feature-faq-box h6 { color: #333333; } .feature-faq-box:hover { background: #655184; } .feature-faq-box:hover h5 { color: #ffffff; } .feature-faq-box:hover h6 { color: #ffffff; } /** * Search Sub Header * ========================================================================== */ .search-sub-header { background: #ffffff; padding: 10px 20px; width: 100%; text-align: center; border-bottom: 1px #cccccc solid; top: 80px; position: fixed; z-index: 100; display: none; } .search-sub-header p { font-size: 15px; line-height: 21px; margin-bottom: 6px; } .search-sub-header .btn { font-size: 14px; line-height: 12px; padding: 12px 12px; } @media screen and (max-width: 991px) { .search-sub-header.active { display: block; } } /** * Internal Page * ========================================================================== */ .internal-header { background: none; min-height: 280px; padding: 155px 0px 30px 0px; margin-top: 0px; /* mask: url(../assets/Hero-Mask.svg) center bottom no-repeat; -webkit-mask: url(../assets/Hero-Mask.svg) center bottom no-repeat; mask-size: 1920px; -webkit-mask-size: 1920px; */ } .internal-header h2 { font-size: 54px; line-height: 62px; font-weight: 400; margin: 0px 0px 20px 0px; } .internal-header p { color: #4a4d54; font-size: 24px; line-height: 32px; font-weight: 400; padding: 0px 85px; } .internal-header p a { color: #4a4d54; font-weight: 600; } .internal-header p a:hover { color: #655184; } .internal-header .btn { margin-top: 20px; } .internal-header .border { display: none; border: 3px #655184 solid; width: 200px; margin: auto auto 30px auto; } .internal-header .error { color: #cc0000; font-weight: 600; } .internal-header .map-sort-buttons { max-width: 650px; margin: 30px auto auto auto; } .internal-header.news { min-height: 0px; padding-bottom: 10px; } .internal-header.news h3 { width: 65%; margin: auto; } .internal-header.news h5 { color: #888; font-size: 22px; line-height: 26px; font-weight: 500; } .internal-header.news ul { padding: 0px; margin: auto; list-style: none; } .internal-header.news ul li { color: #4a4d54; font-size: 22px; margin: 0px 12px; display: inline-block; } .internal-header.news ul li a { color: #4a4d54; } .internal-header.news ul li a:hover { color: #655184; } .internal-header.news ul li.active a { color: #655184; font-weight: 700; } .internal-header .map-sort-buttons h6 { color: #fff!important; } .internal-header .dropdown-menu.map-radius { max-height: 85px; overflow-y: scroll; } .internal-header .map-sort-buttons .btn { margin-top: 0px; } .internal-header + .centre-content-panel { margin-top: 0px; padding-top: 0px; } .internal-header + .latest-articles-guides-panel { margin-top: 0px; padding-top: 0px; } .internal-header + div .latest-articles-guides-panel { margin-top: 0px; padding-top: 0px; } .internal-panel { background: #fff; padding: 50px 0px 40px 0px; } .internal-panel.grey { background: #f8f8f8; } .internal-panel .text { color: #333; font-size: 16px; line-height: 24px; font-weight: 400; margin: 0px; padding: 0px 0px 20px 0px; width: 65%; margin: auto; } .internal-panel .text img { max-width: 100%; height: auto; } .internal-panel.news .text h5 { color: #333; font-size: 19px; line-height: 25px; margin-bottom: 5px; } .internal-panel p { color: #333; font-size: 16px; line-height: 24px; font-weight: 400; margin: 0px; padding: 0px 0px 20px 0px; } .internal-panel li { color: #333; font-size: 16px; line-height: 24px; font-weight: 400; margin: 0px; padding: 0px 0px 10px 0px; } .internal-panel ul.no-style { padding: 0px; list-style: none; margin-top: 15px; margin-bottom: 15px; } .internal-panel .text a { color: #655184; font-weight: 600; } .internal-panel .error { color: #cc0000; font-weight: 600; } .internal-panel.news .share-sidebar.hidden-xs { display: block; } .internal-panel.news .share-sidebar.hidden-lg { display: none; } .internal-panel.news th { padding: 11px 0px; } .internal-panel.news td { padding: 11px 0px; border-bottom: 1px solid #ddd; border-top: none; } .internal-panel.news td ul { margin: 0px; } .internal-panel.news td ul li { padding: 0px 0px 5px 0px; } .internal-panel.news ul.lines-list { list-style: none; padding: 0px; margin: 20px 0px 20px 0px; } .internal-panel.news ul.lines-list li { border-top: 1px #655184 solid; padding: 10px 0px; } .internal-panel.news ul.lines-list li:last-child { border-bottom: 1px #655184 solid; } .internal-panel.news ul.lines-list ul { margin-top: 5px; } .internal-panel.news ul.lines-list ul li { border: none!important; padding: 4px 0px; } .internal-panel .other-articles { padding: 0px; margin: 0px; list-style: none; } .internal-panel .other-articles li { border-bottom: 1px #ccc solid; padding: 10px 0px; } .internal-panel .other-articles li a { color: #666; font-weight: 600; } .internal-panel .other-articles li a:hover { color: #655184; } .internal-panel.embed .border { border: 2px #666 solid; } .internal-panel.embed + footer .footer-top { display: none; } .internal-panel.embed iframe { border: none; } .internal-panel.contact-form .left label { font-size: 18px; font-weight: 600; margin-bottom: 6px; } .internal-panel.contact-form .left .form-control { border: 1px solid #999; border-radius: 8px; } .internal-panel.contact-form .left .formeo.formeo-render .formeo-column { padding: 0px 40px; } .internal-panel.contact-form .left .inline-error-message { text-align: center; padding-bottom: 5px; } .internal-panel.contact-form .left span.text-error { display: none; } .internal-panel.contact-form .left .success-message { color: #089c11; text-align: center; } .internal-panel.contact-form .left .btn-yellow { width: 150px; margin: auto; float: none; display: inherit; } .internal-panel.embed .border { border: 2px #666 solid; } .internal-panel.embed + footer .footer-top { display: none; } .internal-panel.embed iframe { border: none; } .internal-panel table th { background: #655184; color: #fff; border: 1px #fff solid; min-width: 200px; } .internal-panel table.columns td { border: 1px #ccc solid; min-width: 200px; } .faqs .accordion-item { box-shadow: none; border-radius: 5px; border: 1px #ccc solid; overflow: auto; text-align: left; margin-bottom: 20px; } .hidden-faqs .faqs { display: none } .faqs .accordion-item:hover { border-color: #655184; } .faqs .panel-default { margin-bottom: 20px; } .faqs .accordion-button { background: none; border: 0px; box-shadow: none; padding: 0px; width: 100%; } .faqs .accordion-header > .accordion-button::after { background: none; width: auto; height: auto; color: #655184; font-size: 26px; font-weight: 400; float: right !important; margin-right: 20px; content:"\f077"; font-family: Font Awesome\ 5 Pro; transform: none!important; } .faqs .accordion-header > .accordion-button.collapsed::after { color: #655184; font-size: 26px; font-weight: 400; float: right !important; margin-right: 20px; content:"\f078"; font-family: Font Awesome\ 5 Pro; } .faqs .accordion-header { background: #fff; border: none; box-shadow: none; border-radius: 0px; padding: 0px; } .faqs .accordion-header { color: #333; font-size: 18px; line-height: 24px; font-weight: 700; } .faqs .accordion-header p { font-size: 16px; padding: 15px 15px!important; margin: 0px; font-weight: 500; } .faqs .accordion-header > a:hover, .panel-title > a:active, .panel-title > a:focus { text-decoration:none; } .faqs .accordion-body { border-top: none!important; padding: 0px 25px 25px 25px; } .faqs .accordion-body p { font-size: 16px; line-height: 24px; padding: 0px!important; margin: 0px; } .faqs .accordion-body p a { color: #655184; } .faqs .accordion-body li { font-size: 16px; line-height: 24px; padding: 0px 0px 5px 0px!important; margin: 0px; } .faqs .accordion-body li a { color: #655184; font-weight: 700; } .faq-search-box { background: #f6f7f9; border: 1px #cccccc solid; border-radius: 5px; padding: 25px 25px 25px 25px; margin-bottom: 20px; min-height: 92px; position: relative; } .faq-search-box .btn { width: 100%; } .white-raised-container .faqs .accordion-header p { font-size: 19px; line-height: 25px; padding: 30px 20px !important; } .white-raised-container .faqs .accordion-body { padding: 0px 20px 10px 20px; } .white-raised-container .faqs .accordion-collapse { position: relative; top: -15px; } .share-sidebar { width: 48px; text-align: center; } .share-sidebar img { min-width: 60px; } .share-sidebar.scrolled { position: fixed; top: 0; z-index: 10; } .share-sidebar h5 { color: #666; font-size: 14px; font-weight: 300; } .share-sidebar .border { border-bottom: 1px #999 solid; height: 4px; } .share-sidebar .border + h5 { padding-top: 2px; } .share-sidebar ul { list-style: none; padding: 0px; margin: 15px auto auto auto; text-align: center; } .share-sidebar ul li { width: 36px; height: 36px; margin: auto auto 18px auto; border: 0px; } .share-sidebar ul li a { background: none; border: 1px solid; border-radius: 50%; height: 36px; width: 36px; display: block; text-align: center; } .share-sidebar ul li.facebook a { border-color: #3c5a98; color: #3c5a98; font-size: 20px; line-height: 37px; } .share-sidebar ul li.facebook a:hover { background: #3c5a98; color: #ffffff; } .share-sidebar ul li.twitter a { border-color: #55acee; color: #55acee; font-size: 20px; line-height: 36px; } .share-sidebar ul li.twitter a:hover { background: #55acee; color: #ffffff; } .share-sidebar ul li.instagram a { border-color: #333333; color: #333333; font-size: 20px; line-height: 36px; padding-left: 1px; } .share-sidebar ul li.instagram a:hover { background: #333333; color: #ffffff; } .share-sidebar ul li.rss a { border-color: #ff5300; color: #ff5300; font-size: 20px; line-height: 36px; } .share-sidebar ul li.rss a:hover { background: #ff5300; color: #ffffff; } .signup-cta-panel { background: #655184; box-shadow: none; border-radius: 0px; border: none; text-align: center; margin-top: 30px; } .signup-cta-panel:hover { border-color: #655184; } .signup-cta-panel .panel-default { margin-bottom: 20px; } .signup-cta-panel .panel-heading { border: none; box-shadow: none; border-radius: 0px; padding: 0px; } .signup-cta-panel .panel-title { background: #655184; color: #fff; font-size: 18px; line-height: 24px; font-weight: 700; } .signup-cta-panel .panel-title p { color: #fff; font-size: 24px; line-height: 29px; padding: 15px 15px 0px 15px; margin: 0px; font-weight: 700; } .signup-cta-panel .panel-title h4 { padding-bottom: 8px; } .signup-cta-panel .panel-title > a.collapsed h4:before { color: #fff; font-size: 26px; font-weight: 100; content:"\f078"; margin: 0px; font-family: FontAwesome; } .signup-cta-panel .panel-title > a:hover, .panel-title > a:active, .panel-title > a:focus { text-decoration:none; } .signup-cta-panel .panel-body { border-top: none!important; padding: 0px 33px 15px 33px; } .signup-cta-panel .panel-body p { font-size: 16px; line-height: 24px; margin: 0px; } .signup-cta-panel label { color: #fff; text-align: left; width: 100%; } .signup-cta-panel .form-control { border: 1px #fff solid; border-radius: 8px; } .signup-cta-panel span.text-error { display: none; } .signup-cta-panel .formeo.formeo-render .formeo-column:first-of-type { padding-right: 15px; } .signup-cta-panel .formeo.formeo-render .formeo-column:last-of-type { padding-left: 15px; } .signup-cta-panel .formeo button:hover { filter: brightness(1); } /** * Form Panels * ========================================================================== */ .form-panel { background: #f6f7f8; padding: 160px 0px 50px 0px; min-height: 215px; position: relative; } .form-panel h2.double-text { margin-bottom: 0px; } .form-panel h2.grey { color: #333333; } .form-panel h3 { color: #666666; font-size: 26px; line-height: 32px; font-weight: 700; margin: 0px 0px 20px 0px; } .form-panel h4 { color: #666666; font-size: 18px; line-height: 26px; font-weight: 700; margin-top: 40px; } .form-panel p { color: #999999; font-size: 18px; line-height: 26px; font-weight: 500; padding: 0px; margin: 30px 0px 0px 0px; } .form-panel p a { color: #999999; } .form-panel p a:hover { color: #655184; } .form-panel p a.grey { color: #666666; } .form-panel p a.grey:hover { color: #655184; } .form-panel label { color: #666666; } .form-panel .form-group.has-error label { color: #db414b; } .form-panel .formeo .form-control, .form-panel .formeo .form-select { box-sizing: border-box; margin: 0; font-family: inherit; display: block; width: 100%; padding: .375rem .75rem; font-weight: 400; line-height: 1.5; color: #212529; appearance: none; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; background: #ffffff; border: 1px #c3c3c3 solid; font-size: 16px; height: 42px; border-radius: .25rem; } .form-panel .formeo textarea.form-control { height: inherit; } .form-panel .form-panel-feature { background: #ffffff; padding: 30px 35px 30px 35px; border-radius: 10px; width: 90%; box-shadow: rgba(0,0,0,.117647) 0 1px 3px; } .form-panel .form-panel-feature.left { margin-right: 40px; float: right; } .form-panel .form-panel-feature.right { margin-left: 40px; min-height: 494px; } .form-panel .form-panel-feature.right.top { min-height: 0px; } .form-panel .form-panel-feature.bottom { margin-top: 37px; } .form-panel .form-panel-feature.center { margin: auto auto 30px auto; width: 100%; max-width: 600px;} .form-panel .form-panel-feature h2 { color: #655184; font-size: 34px; line-height: 38px; font-weight: 400; padding: 0px; margin: 0px 0px 12px 0px; font-family: 'Domine', serif; } .form-panel .form-panel-feature h2.double-text { margin: 0px 0px 23px 0px; font-size: 30px; } .form-panel .form-panel-feature h4 { color: #655184; font-size: 28px; line-height: 36px; font-weight: 600; margin-bottom: 15px; font-family: 'Domine', serif; } .form-panel .form-panel-feature p { color: #666; font-size: 20px; line-height: 26px; font-weight: 400; margin: 0px 0px 26px 0px; } .form-panel .form-panel-feature p.bottom a {color: #655184; } .form-panel .form-panel-feature h5 { color: #000000; font-size: 17px; line-height: 23px; font-weight: 400; margin-top: 25px; } .form-panel .form-panel-feature h5 a { color: #655184; font-weight: 600; } .form-panel .form-panel-feature h5 a:hover { color: #655184; } .form-panel .form-panel-feature h5 + p { margin-bottom: 0px; } .form-panel .form-panel-feature form { display: block!important; } /* .form-panel .form-panel-feature .form-control { background: none; height: 44px; color: #666; font-size: 18px; font-weight: 400; padding: 9px 20px 8px 20px; border: 1px solid #999; border-radius: 30px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.0); } */ /* .form-panel .form-panel-feature .form-control::placeholder { color: #8a8a8a; } */ /* .form-panel .form-panel-feature .form-control.error { border-color: #db414b; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); } */ /* .form-panel .form-panel-feature .form-control.error::placeholder { color: #db414b; } */ .form-panel .form-panel-feature .togglePassword i { font-size: 22px; line-height: 42px; height: 44px; } .form-panel .form-panel-feature p.small { color: #999; font-size: 14px; line-height: 20px; margin: 0px; } .form-panel .form-panel-feature .form-group { position: relative; margin-bottom: 20px; } .form-panel .form-panel-feature.left .form-group { margin-bottom: 17px; } .form-panel .form-panel-feature label { color: #4a4d54; font-size: 16px; font-weight: 400; text-align: left; } .form-panel .form-panel-feature label a { color: #4a4d54; } .form-panel .form-panel-feature label a:hover { color: #ffcc03; } .form-panel .form-panel-feature .btn { max-width: 150px; width: 100%; padding: 12px 20px 12px 20px; margin: 0px 5px; } .form-panel .form-panel-feature .grey-bg { background: #f7f7f7; text-align: center; padding: 30px 45px; border-radius: 5px; position: relative; } .form-panel .form-panel-feature .grey-bg .row.contained { max-width: 95%; margin: auto; } .form-panel .form-panel-feature .grey-bg .row.contained.small { width: 95%; max-width: 360px; } .form-panel .form-panel-feature .grey-bg p { color: #333333; font-size: 18px; line-height: 24px; } .form-panel .form-panel-feature .grey-bg p.small { font-size: 16px; line-height: 24px; } .form-panel .form-panel-feature .grey-bg .form-control { background: #ffffff; border: 1px #c3c3c3 solid; font-size: 16px; } .form-panel .form-panel-feature .grey-bg input.form-control { height: 42px; border-radius: 30px; } .form-panel .form-panel-feature .grey-bg input.form-control::placeholder { color: #888888; } .form-panel .form-panel-feature .grey-bg select.form-control { height: 42px; border-radius: 30px; } .form-panel .form-panel-feature .grey-bg input.form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-panel .form-panel-feature .grey-bg select.form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-panel .form-panel-feature .grey-bg input[type="checkbox"].is-invalid + label::before { border: 1px #dc3545 solid; } .form-panel .form-panel-feature .form-panel-bottom { padding-top: 30px; } .form-panel .form-panel-feature .form-panel-bottom h3 { color: #655184; font-weight: 400; margin-bottom: 4px; font-family: 'Domine', serif; } .form-panel .form-panel-feature .form-panel-bottom p { margin: 0px; } .form-panel .form-panel-feature .fca-fields { margin-top: 10px!important; } .form-panel .form-panel-feature .fca-fields h5 { color: #333333; font-size: 24px; line-height: 32px; font-weight: 600; margin-bottom: 15px; font-family: 'Domine', serif; } .form-panel .form-panel-feature .fca-fields .field-left { width: 47%; float: left; } .form-panel .form-panel-feature .fca-fields .field-right { width: 53%; float: left; } .form-panel .form-panel-feature .fca-fields select.form-control {background: #fff url(/img/dropdown-arrow.png) no-repeat right 50%; -moz-appearance: none; -webkit-appearance: none; appearance: none; background-size: 24px; padding-right: 30px !important; } .form-panel .form-panel-feature .fca-fields .form-control[disabled] { background: #cccccc; } .form-panel .form-panel-feature .services-offer { margin-bottom: 35px; } .form-panel .form-panel-feature .services-offer .form-group.inline { margin: 0px 8px; } .form-panel .form-panel-feature .services-offer .checkbox label { margin-top: 0px; } .form-panel .form-panel-feature .services-offer .checkbox label::before { margin-top: 7px; } .form-panel .form-panel-feature .services-offer .checkbox label::after { margin-top: 7px; } .form-panel .form-panel-feature .form-group.inline { min-height: 45px; display: inline-block; } .form-panel .form-panel-feature .form-group.inline.margin { margin: 0px 30px; } .form-panel .form-panel-feature .checkbox { margin: 0px; position: relative; } .form-panel .form-panel-feature .checkbox label::before { width: 35px; height: 35px; left: 0;margin-left: -20px; border: 1px solid #999999; margin-top: -5px; } .form-panel .form-panel-feature .checkbox label::after { color: #53913b; width: 35px; height: 35px; padding-left: 0px; padding-top: 0px; text-align: center; font-size: 22px; line-height: 32px; margin-top: -3px; } .form-panel .form-panel-feature .checkbox input[type="checkbox"]:checked + label::before { border: 2px solid #53913b; } .form-panel .form-panel-feature .checkbox label { color: #333333; font-size: 16px; line-height: 24px; font-weight: 700; margin-top: 10px; padding-left: 28px; } .form-panel .form-panel-feature .error .checkbox label { color: #db414b; } .form-panel .form-panel-feature .checkbox label a { color: #655184; z-index: 1; position: relative; } .form-panel .form-panel-feature .checkbox input[type="checkbox"] { width: 100%; height: 60px; margin-top: 4px; } .form-panel .form-panel-feature .radio { margin: 0px; position: relative; } .form-panel .form-panel-feature .radio label::before { width: 37px; height: 37px; left: 0; margin-left: -20px; border: 1px solid #cccccc; margin-top: 6px; } .form-panel .form-panel-feature .radio label::after { background: #53913b; width: 25px; height: 25px; padding-left: 0px; padding-top: 0px; text-align: center; font-size: 22px; margin-top: 8px; left: 6px; top: 4px; } .form-panel .form-panel-feature .radio input[type="radio"]:checked + label::before { border: 1px solid #53913b; } .form-panel .form-panel-feature .radio label { color: #333333; font-size: 18px; line-height: 24px; font-weight: 600; margin-top: 0px; padding-left: 29px; } .form-panel .form-panel-feature .error .radio label { color: #db414b; } .form-panel .form-panel-feature .radio label a { color: #655184; z-index: 1; position: relative; } .form-panel .form-panel-feature .radio input[type="radio"] { width: 100%; height: 60px; margin-top: 4px; } .form-panel .social-footer { width: 100%; border-top: 1px #ccc solid; padding-top: 30px; margin-top: 30px; float: none; } .form-panel .social-footer h2 { color: #666666; font-size: 18px; line-height: 24px; font-weight: 400; margin-bottom: 0px; font-family: 'Poppins', sans-serif; } .form-panel .social-footer h2 a { color: #655184; } .form-panel .social-footer .btn { width: 100%; margin: 0px auto 20px auto; } .form-panel .form-panel-feature.left .alert { margin-top: -10px; } .form-panel .form-panel-feature.right .alert { margin-top: -10px; } .form-panel .form-panel-feature.center .alert-success { text-align: left; } .form-panel .form-panel-feature.profile { border-color: #655184; padding-bottom: 29px; } .form-panel .form-panel-feature.profile .director-logo { width: 80px; border: 1px #cccccc solid; border-radius: 50%; margin: auto auto 15px auto; } .form-panel .form-panel-feature.profile h3 { color: #333333; font-size: 26px; line-height: 32px; font-weight: 600; margin: 0px 0px 6px 0px; } /* Funeral Directors */ .form-panel .form-panel-feature.support { background: #fffae5; border-color: #655184; padding-left: 40px; padding-right: 40px; padding-bottom: 0px; } .form-panel .form-panel-feature.support h2 { color: #655184; line-height: 38px; margin: 0px 0px 22px 0px; } .form-panel .form-panel-feature.support h3 { color: #333333; font-size: 22px; line-height: 28px; font-weight: 600; margin: 0px 0px 16px 0px; } .form-panel .form-panel-feature.support h4 { color: #655184; font-size: 22px; line-height: 28px; font-weight: 600; margin: 18px 0px 18px 0px; } .form-panel .form-panel-feature.support h4.top { margin-top: 50px; } .form-panel .form-panel-feature.support p { color: #333333; font-weight: 500; margin: 0px; } .form-panel .form-panel-feature.support .border { border-bottom: 3px #655184 solid; margin: 12px auto 10px auto; width: 60px; } .form-panel .form-panel-feature.support.big h4.top { margin-top: 36px; } .form-panel .form-panel-feature.support .dark-bg { background: #f4efdb; margin: 0px -40px; padding: 5px 0px; } .form-panel .form-panel-feature.support .dark-bg .col-xs-4 { min-height: 50px; } .form-panel .form-panel-feature.support .dark-bg img { height: 100%; margin: auto; } .form-panel .form-panel-feature.support .dark-bg .bottom { margin-top: 23px; } .form-panel .bottom-directors { margin-top: 70px; padding-bottom: 50px; } .form-panel .bottom-directors h3 { color: #333333; margin-bottom: 6px; } .form-panel .bottom-directors p { color: #333333; margin: 0px; } .form-panel .bottom-directors p a { color: #655184; } /** * Media Queries * ========================================================================== */ @media screen and (max-width: 1200px) { .form-panel .form-panel-feature h5 { color: #666; font-size: 18px;line-height: 26px; } .form-panel .form-panel-feature p { font-size: 15px; line-height: 24px; } .form-panel .social-footer h2 { font-size: 16px; line-height: 24px; } } @media screen and (max-width: 1100px) { .form-panel .form-panel-feature.profile { width: 88%; } .form-panel .form-panel-feature.support { width: 88%; } } @media screen and (max-width: 1020px) { .form-panel .form-panel-feature { width: 100%!important; } .form-panel .form-panel-feature.left { margin: 0px; } .form-panel .form-panel-feature.right { margin: 0px; } .form-panel .social-footer { width: 100%; } } @media screen and (max-width: 980px) { .form-panel .form-panel-feature.support { padding-left: 30px; padding-right: 30px; } .form-panel .form-panel-feature.support .dark-bg { padding: 20px 50px; margin: 0px -30px; } .form-panel .form-panel-feature.support h4 { color: #655184; font-size: 20px; line-height: 26px; } } @media screen and (max-width: 930px) { .form-panel .form-panel-feature h5 { font-size: 18px; line-height: 26px; } .form-panel .form-panel-feature p { font-size: 16px; line-height: 22px; } .form-panel .form-panel-feature.support h2 { line-height: 34px; } .form-panel .form.wide { width: 380px; } .form-panel .form.wide h2 { font-size: 27px; } .form-panel .form.wide p { font-size: 17px; line-height: 23px; } } @media screen and (max-width: 860px) { .form-panel .form-panel-feature { padding: 25px 18px 18px 18px; } .form-panel .social-footer h2 { font-size: 15px; } .form-panel .form-panel-feature h5 { font-size: 17px; } .form-panel .form-panel-feature p { font-size: 14px; line-height: 20px; } .form-panel .form-panel-feature.support { padding-left: 18px; padding-right: 18px; } .form-panel .form-panel-feature.support .dark-bg { margin: 0px -18px; } } @media screen and (max-width: 800px) { } @media screen and (max-width: 767px) { .form-panel { padding: 110px 0px 50px 0px; } .form-panel .form-panel-feature { text-align: center; min-height: 0px!important; margin-bottom: 30px!important; } .form-panel .form-panel-feature .grey-bg { padding: 25px 20px; } .form-panel .form-panel-feature h2 { font-size: 30px; line-height: 36px; } .form-panel .form-panel-feature h4 { font-size: 24px; line-height: 32px; } .form-panel .form-panel-feature .btn { font-size: 16px; } .form-panel .form-panel-feature .btn.btn-yellow { font-size: 16px!important; } .form-panel .form-panel-feature form .col-xs-12.no-pad-left { padding: 0px; } .form-panel .form-panel-feature form .col-xs-12.no-pad-right { padding: 0px; } .form-panel .social-footer { padding-top: 20px; margin-top: 20px; } .form-panel p { margin: 0px 0px 0px 0px; } } @media screen and (max-width: 600px) { .form-panel .form-panel-feature.support .dark-bg { padding: 20px 30px; } .form-panel .form-panel-feature .form-group.inline { display: block; text-align: center; margin-bottom: 20px !important; } .form-panel .form-panel-feature .fca-fields .field-left { width: 100%; float: none; } .form-panel .form-panel-feature .fca-fields .field-right { width: 100%; float: none; } } @media screen and (max-width: 500px) { .form-panel .form-panel-feature .btn { font-size: 13px; } } @media screen and (max-width: 410px) { .form-panel .form.wide { width: 100%; } .form-panel .form { width: 100%; } .form-panel .form .tabs { margin-bottom: 50px; } .form-panel .btn-yellow-line { font-size: 18px; line-height: 24px; } } /** * Portal Internal * ========================================================================== */ .benefits-panel { border: 1px solid #cccccc; border-radius: 10px; padding: 30px; background-color: #f3f0e4; } .benefits-panel h4 { font-family: 'Domine'; font-size: 24px; color: #333366; font-weight: 400; } .benefits-panel .benefit { margin: 30px 0px 10px 0px; } .benefits-panel .benefit h5 { font-family: 'Domine'; font-size: 20px; color: #333366; font-weight: 400; } .benefits-panel .benefit p { font-size: 14px; line-height: 18px; margin-top: 15px; } .benefits-panel .benefit .benefit-icon { width: 80px; height: 70px; display: block; position: relative; margin-bottom: 20px; } .benefits-panel .benefit .benefit-icon .icon { background: #655184; width: 100%!important; height: 100%; max-height: 130px!important; top: 50%; transform: translateY(-50%); left: 6px; right: 0px; bottom: auto!important; margin: auto; position: absolute; transition-timing-function: ease-in; transition: 0.2s; } .benefits-panel .benefit .benefit-icon .circle-bg { background: #e5d6ff; width: 70px; height: 70px; border-radius: 50%; right: 0px; margin: auto; position: absolute; } .internal-portal-titles-panel { background: #655184; padding: 125px 0px 90px 0px; text-align: center; } .internal-portal-titles-panel * { color: #ffffff; } .internal-portal-titles-panel h4 { font-weight: 400; margin-top: 10px; } .internal-portal-titles-panel h6 a { color: #ffffff; } .internal-portal-titles-panel h6 a:hover { color: #ffcc00; } .internal-portal-titles-panel .no-below { margin-bottom: -35px; } .internal-portal-titles-panel .buttons { margin-top: 20px; margin-bottom: -30px; } .internal-portal-titles-panel .buttons:not(:has(*)) { display: none; } .internal-portal-titles-panel .buttons .btn { margin: 0px 10px; } @media screen and (min-width: 992px) { .internal-portal-titles-panel h4 { font-size: 22px; line-height: 28px; } } .internal-section-titles-panel { background: #f6f7f8; padding: 140px 0px 0px 0px; text-align: center; } .internal-section-titles-panel.padding-top { padding-top: 60px; } .internal-section-titles-panel h2 { color: #655184; } .internal-section-titles-panel h4 { color: #333333; font-weight: 500; margin: 10px auto auto auto; } .internal-section-titles-panel p { color: #333333; width: 100%; max-width: 800px; margin: 12px auto auto auto; } .internal-section-titles-panel .profile-image { border: 2px #655184 solid; border-radius: 50%; width: 100%; max-width: 150px; height: 150px; margin: auto auto 25px auto; background-position: 50% center; background-size: cover; } .internal-section-titles-panel .border-line { background: #655184; width: 60px; height: 5px; margin: 30px auto; } .internal-section-titles-panel.purple { background: #655184; padding: 140px 0px 90px 0px; text-align: center; } .internal-section-titles-panel.purple h2 { color: #ffffff; } .internal-section-titles-panel.purple h4 { color: #ffffff; } .internal-section-titles-panel.purple p { color: #ffffff; } .internal-section-titles-panel.purple p a { color: #ffcc03; } .internal-section-titles-panel.purple p a.white { color: #ffffff; } .internal-section-titles-panel.purple p a.white:hover { color: #ffcc00; } .internal-section-panel { background: #f6f7f8; padding: 50px 0px 50px 0px; } .internal-section-panel.white { background: #ffffff; } .internal-section-panel .white-raised-container { background: #ffffff; min-height: 460px; max-width: 1144px; padding: 30px; margin-left: auto; margin-right: auto; margin-top: -50px; border-radius: 10px; } .internal-section-panel .white-raised-container .container-titles { text-align: center; margin-bottom: 23px; } .internal-section-panel .white-raised-container .container-titles h4 { color: #655184; } .internal-section-panel .white-raised-container .container-titles .buttons { margin: 16px 0px 30px 0px; } .internal-section-panel .white-raised-container .container-titles .buttons .btn { margin: 0px 5px; } .internal-section-panel .white-raised-container .bottom-buttons { margin-top: 40px; } .internal-section-panel .white-raised-container .bottom-buttons .btn { padding: 16px 22px; } .internal-section-panel .white-raised-container .full-width-cta-panel .container { padding: 0px; } .internal-section-panel .white-raised-container .full-width-cta.form { max-width: 100%; } .internal-section-panel .footer-buttons { text-align: center; margin-top: 50px; } .internal-section-panel .footer-buttons .btn { font-size: 16px; line-height: 14px; padding: 16px 20px; } .internal-section-panel .footer-buttons .btn.btn-grey-keyline { color: #333333!important; } .internal-section-panel .footer-buttons .btn.btn-grey-keyline:hover { color: #ffffff!important; } .internal-section-panel .move-up { margin-top: -95px; } .internal-section-panel .internal-section-panel .move-up .overlap-content-panel { background: none; max-width: 100%;border-radius: 0px; padding: 0px; margin: 50px auto auto auto; } .internal-section-panel .contained-panel { max-width: 1000px; margin: auto; } .internal-section-panel .overlap-content-panel { background: #ffffff; max-width: 1000px; border-radius: 10px; padding: 35px 40px; margin: auto; } .internal-section-panel .overlap-content-panel.grey { background: #f6f7f8; } .internal-section-panel .overlap-content-panel .text img { width: 100%!important; height: auto!important; } .internal-section-panel .overlap-content-panel .title h5 { margin-top: 10px; text-align: center; color: #655184; font-weight: 400; font-size: 22px; margin-bottom: 40px; } .internal-section-panel .overlap-content-panel .search-results-info .form-group { width: 75%; float: left; margin-bottom: 0px; } .internal-section-panel .overlap-content-panel .search-results-info .btn { height: 48px; width: 20%; float: right; padding-top: 9px; margin-top: 0px; } @media screen and (max-width: 991px) { .internal-section-panel .overlap-content-panel { padding: 15px 20px; border-radius: 0px; } } .internal-section-panel .form-panel { background: inherit; padding: 0px; } .internal-section-panel .form-panel .form-panel-feature { box-shadow: none; background: #f7f7f7; margin: auto; max-width: none; border: 1px solid #ccc; } .internal-section-panel .form-panel .form-panel-feature .grey-bg { padding: 0px; } .internal-section-panel .form-panel .form-panel-feature .togglePassword i { right: 10px; } .internal-section-panel .form-panel .form-panel-feature h4 { margin-top: 10px; font-size: 20px; } .internal-section-panel .form-panel .form-panel-feature .grey-bg input.form-control, .form-panel .form-panel-feature .grey-bg select.form-control { border-radius: .25rem; } .internal-section-panel .form-panel .form-panel-feature .checkbox label { font-weight: 500; } .internal-section-panel .form-panel .form-panel-feature .radio label { font-size: 16px; font-weight: 500; } .internal-section-panel .left-column { padding-right: 35px; } .internal-section-panel .col.auto-width.left-column { width: 100%; flex: 0 0 auto; padding-right: calc(var(--bs-gutter-x) * .5); } .internal-section-panel .col.auto-width.left-column.contained-width { width: 66.66666667%; flex: 0 0 auto; padding-right: 35px; } .internal-section-panel .col.auto-width.right-column { width: 33.33333333%; flex: 0 0 auto; } .internal-section-panel .messages-container { max-width: 900px; margin: auto; padding: 0px; } .internal-section-panel .top-button { padding-top: 50px; float: right; } .internal-section-panel .top-button + .director-profile-features-panel { margin-top: 158px; } .internal-section-panel .section-options { display: block; margin-bottom: 58px; position: relative; } .internal-section-panel .section-options p { color: #333333; font-size: 17px; line-height: 24px; margin: 0px; } .internal-section-panel .section-options p span.yellow { color: #ffcc00; font-weight: 600; } .internal-section-panel .section-options .form-group { padding-left: 30px; margin: 0px 0px 0px 0px; float: right; } .internal-section-panel .section-options .form-group.inline { padding: 0px; float: left; } .internal-section-panel .section-options .form-group .form-control { height: 38px; min-width: 125px; font-size: 15px; font-weight: 600; border: 1px #cccccc solid; border-radius: 5px; padding: 7px 12px; width: auto; display: inline-block; } .internal-section-panel .section-options .form-group label { color: #333333; font-size: 16px; line-height: 22px; font-weight: 400; margin-bottom: 0px; margin-right: 8px; } .internal-section-panel .btn.load { background: #ffffff; margin: auto; display: block; width: 180px; padding: 12px 22px; } .internal-section-panel .btn.load:hover { background: #655184; } .internal-section-panel .form { max-width: 800px; margin: auto; } .internal-section-panel .form .buttons .btn { margin: 12px 6px 0px 6px; } .internal-section-panel .pagination { margin: 0px; } .internal-section-panel .pagination .active a { z-index: 3; color: #fff; cursor: default; background: #ffcc00; border: 1px solid #ffcc00; padding: 1px 7px 1px 7px; border-radius: 20px; vertical-align: middle; } .internal-section-panel .pagination .active a:hover { cursor: pointer; color: #fff; background: #ffcc00; border: 1px solid #ffcc00; } .internal-section-panel .pagination a { color: #999; cursor: default; background: #fff; border: 1px solid #999; width: 28px; height: 28px; padding: 1px 0px 0px 0px; margin: 0px 5px 0px 0px; border-radius: 20px; vertical-align: middle; text-align: center; z-index: 3; } .internal-section-panel .pagination a:hover { cursor: pointer; color: #fff!important; background: #ffcc00; border: 1px solid #ffcc00; } .internal-section-panel .pagination a:last-child { border-radius: 20px; } .internal-section-panel .pagination>.active>span { width: 28px; height: 28px; padding: 2px 0px 0px 0px; margin: 0px 5px 0px 0px; border-radius: 20px; vertical-align: middle; color: #fff; cursor: default; background: #655184; border: 1px solid #655184; min-width: 28px; text-align: center; } .internal-section-panel .pagination>.disabled>span, .internal-section-panel .pagination>li:first-child>span, .internal-section-panel .pagination>li:first-child>a { color: #999999; width: 28px; height: 28px; padding: 3px 0px 0px 0px; margin: 0px 5px 0px 0px; border-radius: 20px; vertical-align: middle; border: 1px solid #999999; font-size: 36px; line-height: 16px; font-weight: 300; text-align: center; } .internal-section-panel .pagination>li:last-child>a { color: #999999; width: 28px; height: 28px; padding: 3px 0px 0px 0px; font-size: 36px; line-height: 16px; text-align: center; font-weight: 300; } .internal-section-panel .pagination-right p { float: right; margin-top: 6px; } .internal-section-panel .pagination-right .form-group { float: right; margin: 0px 0px 0px 15px; } .internal-section-panel .bottom-text { color: #333333; font-weight: 600; } .internal-section-panel .bottom-text a { color: #655184; } .director-details-box { background: #ffffff; padding: 25px 28px; border: 1px #cccccc solid; border-radius: 10px; font-size: 0px; margin-bottom: 25px; position: relative; } .director-details-box .details { margin-bottom: 20px; } .director-details-box .details img { max-height: 65px; float: right; } .director-details-box .details img.side-icon { max-height: 80px; margin-right: 22px; float: left; } .director-details-box .details h5 { color: #655184; font-size: 15px; line-height: 21px; margin-bottom: 5px; } .director-details-box .details h4 { color: #655184; font-size: 22px; line-height: 28px; font-weight: 400; margin-bottom: 4px; font-family: 'Domine', serif; } .director-details-box .details h4.black { color: #000000; } .director-details-box .details h4.black a { color: #000000; } .director-details-box .details p { color: #666666; font-size: 16px; line-height: 22px; margin-bottom: 0px; } .director-details-box .details .reviews { width: 168px; text-align: center; } .director-details-box .details .reviews .stars { font-size: 23px; } .director-details-box .details .reviews .stars i { color: #ffcc00; } .director-details-box .details .top-logos { align-items: center; justify-content: right; display: flex; } .director-details-box .details .top-logos img.main-img { max-width: 150px; margin-left: 30px; display: flex; align-items: center; } .director-details-box .packages-info { margin-bottom: 25px; } .director-details-box .packages-info .slider { padding: 0px 22px; } .director-details-box .packages-info .slider .slick-slide { height: 100%; padding: 2px 0px; } .director-details-box .prices-box { border: 1px #655184 solid; border-radius: 10px; padding: 10px; text-align: center; position: relative; } .director-details-box .prices-box h5 { background: rgba(255, 255, 255, 0.56); color: #655184; font-size: 20px; line-height: 26px; font-weight: 400; padding: 10px; display: inline-block; border-radius: 50px; font-family: 'Domine', serif; position: relative; } .director-details-box .prices-box h5 span { font-size: 28px; margin-left: 5px; top: 0px; position: relative; } .director-details-box .prices-box img { width: 370px; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; } .director-details-box .prices-box .details-text { padding: 15px 30px 8px 30px; } .director-details-box .prices-box .details-text p { font-size: 16px; line-height: 22px; } .director-details-box .prices-box .details-text ul { display: block; text-align: left; columns: 2; -webkit-columns: 2;-moz-columns: 2; margin: 0px; } .director-details-box .prices-box .details-text ul li { color: #4a4d54; font-size: 14px; line-height: 20px; font-weight: 500; border: 0px; position: relative; padding-left: 25px; padding-right: 20px; } .director-details-box .prices-box .details-text ul li::before { vertical-align: middle; display: inline-block; margin-right: 8px; height: 19px; width: 19px; background: url('/assets/green-tick-icon.png') 50% center no-repeat; background-size: 19px; content: ""; position: absolute; top: 7px; left: 0; } .director-details-box .login-prices-box { background: #eeeeee; border: 1px #cccccc solid; border-radius: 10px; padding: 10px; text-align: center; position: relative; } .director-details-box .login-prices-box h5 { color: #666666; font-weight: 400; padding: 10px; display: inline-block; border-radius: 50px; position: relative; } .director-details-box .login-prices-box h5 a { color: #666666; font-weight: 600; position: relative; } .director-details-box .login-prices-box h5 a:hover { color: #655184; } .director-details-box .login-prices-box img { display: none; width: 370px; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; } .director-details-box.boxed { padding-left: 0px; padding-right: 0px; } .director-details-box.boxed .details { padding-left: 24px; padding-right: 24px; } .director-details-box.boxed .prices-box { background: #f3f4f8; border: 0px; border-radius: 0px; } .director-details-box.boxed .bottom-info { padding-left: 24px; padding-right: 24px; } .director-details-box .verified-badge { background: #ffcc00; width: 49px; padding: 7px 5px; margin-top: -5px; margin-right: 20px; text-align: center; border-radius: 8px; float: left; } .director-details-box .verified-badge i { font-size: 25px; margin-bottom: 5px; } .director-details-box .verified-badge h6 { color: #655184; font-size: 7.5px; margin: 0px; } .packages-info .package-slider-box { background: #ffffff; border: 2px #655184 solid; border-radius: 5px; width: 92%; padding: 15px 15px 18px 15px; height: 100%; margin: auto; text-align: center; position: relative; } .packages-info .package-slider-box h5 { color: #333333; font-size: 18px; margin-bottom: 4px; } .packages-info .package-slider-box h4 { color: #655184; margin-bottom: 10px; } .packages-info .package-slider-box p { color: #999999; font-size: 16px; line-height: 22px; font-weight: 600; margin: 0px 0px 10px 0px; } .packages-info .package-slider-box ul { list-style: none; padding: 0px; min-height: auto; margin-bottom: 58px; } .packages-info .package-slider-box ul li { color: #333333; font-size: 16px; line-height: 21px; font-weight: 600; border: 0px; padding: 0px; margin-bottom: 12px; } .packages-info .package-slider-box .btn { font-size: 16px; line-height: 18px; border-width: 2px; padding: 10px 12px; width: 87%; left: 0px; right: 0px; bottom: 18px; margin: auto; position: absolute; } .packages-info .package-slider-box .btn-green { background-color: #336666; } .packages-info .package-slider-box:hover { background: #f9f6ff; outline: 1px #655184 solid; cursor: pointer; } .packages-info .package-slider-box.no-hover:hover { background: #ffffff; outline: none; cursor: unset; } .packages-info .package-slider-box:hover .btn-yellow-keyline-grey { background: #655184; } .packages-info .package-slider-box.highlighted { background: #f9f6ff; } .packages-info .package-slider-box.selected { background: #f9f6ff; } .packages-info .package-slider-box.selected { background: #f9f6ff; border: 2px #655184 solid; outline: 1px #655184 solid; } .packages-info .gallery-arrow { color: #655184; border: 2px #655184 solid; border-radius: 50%; width: 38px; height: 38px; font-size: 20px; text-align: center; top: 50%; transform: translateY(-50%); position: absolute; z-index: 1; } .packages-info .gallery-arrow:hover { color: #ffffff; background: #655184; cursor: pointer; } .packages-info .gallery-arrow i { top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; } .packages-info .gallery-arrow.prev { left: -18px; } .packages-info .gallery-arrow.next { right: -20px; } .side-details-holder { padding: 0px; max-width: 100%; } .side-details-holder .row { margin: 0px; } .side-details-holder .col.left { padding: 0px; position: relative; } .side-details-holder .col.right { padding: 0px; position: relative; } .side-details-info-panel { background: #655184; padding: 30px 0px; position: absolute; width: 100%; height: 100%; } .side-details-info-panel .container { max-width: 460px; } .side-details-info-panel .logo { max-width: 90px; margin-bottom: 30px; } .side-details-info-panel .journey-titles { margin-bottom: 40px; } .side-details-info-panel .journey-titles h3 { color: #ffcc00; margin-bottom: 15px; } .side-details-info-panel .journey-titles p { color: #ffffff; font-size: 18px; line-height: 26px; margin: 0px; } .side-details-info-panel h5.domine { color: #ffcc00; font-size: 22px; line-height: 28px; } .side-details-info-panel .video-holder { border: 2px #655184 solid; border-radius: 8px; max-width: 326px; margin: 25px auto; overflow: hidden; top: 120px; left: 0px; right: 0px; position: absolute; z-index: 10001; } .side-details-info-panel .resp-container { position: relative; } .side-details-info-panel .video-holder .videoplay { cursor: pointer; position: absolute; top: 0px; left: 0px; right: 0px; margin: auto; z-index: 1; } .side-details-info-panel .video-holder .videoplay.hidden { display: none; } .side-details-info-panel .slider { padding: 0px 0px 30px 0px; margin: 30px 0px 30px 0px; } .side-details-info-panel .slider .slide-box { min-height: 428px; padding: 28px 30px; border: 1px #c7b3e6 solid; border-radius: 10px; position: relative; } .side-details-info-panel .slider .slide-box h4 { color: #ffffff; } .side-details-info-panel .slider .slide-box p { color: #ffffff; font-size: 15px; line-height: 21px; padding-right: 28px; margin-bottom: 0px; bottom: 28px; position: absolute; } .side-details-info-panel .slider .slick-dots { text-align: center; bottom: -20px; } .side-details-info-panel .slider .slick-dots li { height: 20px; width: 20px; margin: 0 4px; } .side-details-info-panel .slider .slick-dots li button { background: #c7b3e6; border: 0px; height: 20px; width: 20px; } .side-details-info-panel .slider .slick-dots li button:hover:before, .side-details-info-panel .slider .slick-dots li button:focus:before { opacity: 0; } .side-details-info-panel .slider .slick-dots li button:before { opacity: 0; } .side-details-info-panel .slider .slick-dots li.slick-active button:before { opacity: 1; color: #fff !important; } .side-details-info-panel .slider .slick-dots li.slick-active { background: #ffffff; height: 20px; width: 20px; } .side-details-info-panel .slider .slick-dots li.slick-active button { background: #ffffff; border: 0px!important; height: 20px; width: 20px; } .side-details-info-panel img.video { margin-top: 25px; } .director-details-box .bottom-info { } .director-details-box .bottom-info .buttons { padding-top: 3px; } .director-details-box .bottom-info .buttons .btn { font-size: 14px; line-height: 12px; border-radius: 5px; padding: 12px 15px; margin-right: 10px; width: auto; } .left-column.contained-width .director-details-box .bottom-info .buttons .btn span { display: none; } .director-details-box .bottom-info .buttons .btn-green { background: #339900; border-color: #339900; } .director-details-box .bottom-info .buttons .btn-green:hover { background: #308704!important; border-color: #308704!important; } .director-details-box .bottom-info p { color: #999999; font-size: 18px; line-height: 24px; margin-bottom: 2px; } .director-details-box .bottom-info h3 { color: #333333; font-size: 32px; line-height: 38px; font-weight: 600; margin-bottom: 52px; font-family: 'Poppins', sans-serif; } .director-details-box .bottom-info .logos { text-align: right; } .director-details-box .bottom-info .logos img { max-height: 40px; height: auto; margin-left: 10px; } .director-details-box .bottom-info h5.representing { color: #655184; font-size: 12px; line-height: 16px; font-weight: 400; margin-top: 0px; text-align: right; } .director-details-box .bottom-info h5.representing:empty { display: none; } .director-details-box.selected { box-shadow: none; border: 3px #655184 solid; } .director-details-box.authenticated .unauthenticated { display: none; } .director-details-box.unauthenticated .authenticated { display: none; } .director-details-box.at-need.selected .deselected { display: none; } .director-details-box.at-need.deselected .selected { display: none; } .director-details-box.pre-paid.selected .package-slider-box.highlighted { background: #ffffff; } .director-details-box.pre-paid.selected .package-slider-box.highlighted.selected { background: #f9f6ff; } .package-slider-box.selected .deselected { display: none; } .package-slider-box.deselected .selected { display: none; } .director-selection-box { background: #ffffff; padding: 22px; border: 2px #bebebe solid; border-radius: 10px; margin-bottom: 25px; text-align: center; position: relative; } .director-selection-box h4 { color: #666666; font-size: 21px; line-height: 26px; margin-bottom: 16px; font-family: 'Poppins', sans-serif; } .director-selection-box p { color: #666666; font-size: 17px; line-height: 22px; font-weight: 500; margin-bottom: 15px; } .director-selection-box .selection-list { max-height: 240px; overflow: auto; margin-bottom: 15px; border-top: 1px solid #bebebe; border-bottom: 1px solid #bebebe; } .director-selection-box .selection-list-summary { display: none; } .director-selection-box .selection-feature { background: #ffffff; padding: 14px 4px 14px 4px; border-top: 1px solid #bebebe; text-align: center; position: relative; } .director-selection-box .selection-feature:first-child { border-top: none; } .director-selection-box .selection-feature h5 { color: #655184; font-size: 22px; line-height: 26px; font-weight: 400; margin: 0px 0px 10px 0px; font-family: 'Domine', serif; } .director-selection-box .selection-feature h6 { color: #333333; font-size: 16px; line-height: 22px; margin: 0px; } .director-selection-box .selection-feature .remove-icon { background: #655184; text-align: center; color: #ffffff; font-size: 18px; line-height: 18px; border-radius: 50%; width: 18px; height: 18px; top: 50%; transform: translateY(-50%); right: 10px; position: absolute; } .director-selection-box .selection-feature .remove-icon:hover { color: #ffffff; cursor: pointer; } .director-selection-box .selection-feature .btn { font-size: 17px; line-height: 15px } .content.scrolled .director-selection-box { padding: 12px 12px 12px 12px; } .director-search-box { background: #e5e8eb; border-radius: 10px; margin-bottom: 25px; overflow: hidden; position: relative; } .director-search-box .top-content { background: #655184; padding: 20px 28px; text-align: center; } .director-search-box .top-content h4 { color: #ffcc00; margin-bottom: 6px; } .director-search-box .top-content p { color: #ffffff; font-size: 18px; line-height: 26px; font-weight: 300; margin: 0px; } .director-search-box .text-content { background: #e5e8eb; padding: 25px 28px; } .director-search-box .text-content h4 { color: #655184; margin-bottom: 12px; font-family: 'Poppins', sans-serif; } .director-search-box .text-content h4.sub-title { font-size: 20px; line-height: 28px; margin-top: 35px; } .director-search-box .text-content h4.sub-title:first-child { margin-top: 0px; } .director-search-box .text-content h4.show-filters { display: none; } .director-search-box .text-content p { color: #333333; font-size: 16px; font-weight: 500; } .director-search-box ul { list-style: none; padding: 0px; margin: 0px; } .director-search-box ul li { border-bottom: 2px #655184 solid; padding: 5px 0px; font-weight: 500; color: #333333; font-size: 16px; } .director-search-box .btn.scroll-top { display: none; } .director-search-box .text-content.summary { display: none; } .director-search-box .text-content .form-group { position: relative; } .director-search-box .text-content .form-control { width: 100%; height: 46px; font-size: 16px; font-weight: 500; box-shadow: rgba(0, 0, 0, 0.01) 1px 0 3px 3px; border: 0px; border-radius: 30px; padding: 8px 16px; } .director-search-box .text-content .btn.bottom { width: 100%; margin-top: 15px; } .director-search-box .text-content .search-icon { background: #655184; color: #ffffff; border-radius: 50%; width: 38px; height: 38px; top: 50%; transform: translateY(-50%); right: 7px; text-align: center; position: absolute; } .director-search-box .text-content .search-icon i { top: 50%; transform: translateY(-50%); left: 0px; right: 0px; position: absolute; } .director-search-box .text-content .search-icon:hover { color: #ffffff; } .director-search-box .text-content .form-control.inside { padding-left: 140px; } .director-search-box .text-content .form-control.inside + .inside-label { color: #999999; font-size: 16px; line-height: 24px; top: 50%; transform: translateY(-50%); left: 16px; position: absolute; } .director-search-box .text-content .radio { margin-top: 0px; margin-bottom: 10px; } .director-search-box .text-content .radio label { color: #333333; font-size: 16px; font-weight: 500; padding-left: 25px; } .director-search-box .text-content .radio label span { display: block; margin-top: 3px; } .director-search-box .text-content .checkbox { margin-top: 0px; margin-bottom: 10px; } .director-search-box .text-content .checkbox label { color: #333333; font-size: 16px; font-weight: 500; padding-left: 25px; } .director-search-box .text-content .checkbox label span .badge { background: #ffffff; color: #333333 !important; border: 1px #655184 solid; font-size: 16px; font-weight: 600; padding: 7px; margin-left: 12px; cursor: pointer; z-index: 10; top: 0px; position: absolute; } .director-search-box input[type="checkbox"]:not(:checked) + label span .badge { display: none; } .director-search-box .btn.scroll-filters { margin-top: 20px; } .right-column .content.scrolled .director-search-box h4 { margin-bottom: 0px; } .right-column .content.scrolled .director-search-box .top-content { padding: 16px 28px; } .right-column .content.scrolled .director-search-box .top-content p { display: none; } .right-column .content.scrolled .director-search-box .text-content.summary { display: block; } .right-column .content.scrolled .director-search-box .text-content.edit { display: none; } .right-column .content.scrolled .director-selection-box .selection-list-summary { display: block; } .right-column .content.scrolled .director-selection-box .selection-list { display: none; } .right-column .content.scrolled .director-search-box .top-content button { display: none; } .right-column .content.scrolled .director-selection-box .selection-feature { padding: 12px 12px 12px 12px; } .search-loader-box { background: #ffffff; padding: 25px 20px; border: 2px #655184 solid; border-radius: 5px; margin-bottom: 25px; text-align: center; overflow: hidden; position: relative; } .search-loader-box h4 { color: #655184; margin-bottom: 5px; } .search-loader-box p { color: #666666; margin: 0px; } .search-requirements-box { background: #ffffff; padding: 25px 10px; border: 2px #ffffff solid; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.01) 1px 0 3px 3px; margin-bottom: 25px; text-align: center; overflow: hidden; position: relative; } .search-requirements-box h4 { color: #655184; font-size: 24px; line-height: 32px; margin-bottom: 5px; } .search-requirements-box p { color: #333333; margin: 0px; } .form-options-box { background: #f6f7f8; max-width: 900px; box-shadow: rgba(0, 0, 0, 0.01) 1px 0 3px 3px; border-radius: 10px; padding: 35px 40px; margin: auto auto 25px auto; position: relative; } .form-options-box .contained { width: 100%; max-width: 980px; margin: auto; } .form-options-box h6 { color: #655184; font-size: 18px; line-height: 24px; } .form-options-box p { font-size: 16px; line-height: 22px; margin-top: 20px; } .form-options-box .titles h3 { color: #655184; font-size: 28px; line-height: 34px; margin-bottom: 20px; text-align: center; } .form-options-box label a { color: #655184; position: relative; z-index: 1; } .form-options-box .form-control { height: 52px; padding: 6px 18px; font-size: 18px; border: 2px solid #bec5cb; border-radius: 12px; } .form-options-box .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-options-box .form-select.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .form-options-box .form-control:disabled { background-color: #ffffff!important; } .form-options-box input[type="checkbox"].is-invalid + label:before { border: 2px #dc3545 solid; } .form-options-box .checkbox { margin-top: 6px; margin-bottom: 14px; } .form-options-box .checkbox label::before { border: 2px solid #cccccc; } .form-options-box .table { margin-top: 15px; margin-bottom: 0px; } .form-options-box .table th { padding: 5px 0px; } .form-options-box .table td { padding: 5px 0px; } .form-options-box .buttons { margin-top: 25px; margin-bottom: 25px; } .form-options-box .buttons .btn { font-size: 20px; line-height: 18px; padding: 14px 22px; min-width: 220px; margin: 0px 8px; } .form-options-box.disabled-box { opacity: 0.5; pointer-events: none; cursor: not-allowed; } .form-options-box.disabled-box * { pointer-events: none; cursor: not-allowed; } .checkbox-feature-box { background: #ffffff; width: 95%; margin: auto auto 15px auto; position: relative; } .checkbox-feature-box .check { display: none; position: absolute; right: -10px; bottom: -15px; z-index: 20; font-size: 45px; color: #386465; font-weight: 900; } /* .checkbox-feature-box .checkbox input[type="checkbox"]:checked ~ .check { display: block; } */ .checkbox-feature-box input[type="checkbox"] + .border-line { position: relative; } .checkbox-feature-box input[type="checkbox"]:checked + .border-line { background: #f0faf8; } .checkbox-feature-box .checkbox { position: unset; padding: 0px; margin: 0px; display: block; } .checkbox-feature-box .checkbox label::before { border: 2px #cccccc solid; } .checkbox-feature-box .checkbox input[type="checkbox"] + .border-line .popout-section { display: none; padding-top: 20px; margin-left: -20px; position: relative; z-index: 30; } .checkbox-feature-box .checkbox input[type="checkbox"]:checked + .border-line .popout-section { display: block; } .checkbox-feature-box .checkbox .popout-section .form-control { border: 1px #666666 solid; padding: 6px 10px; position: relative; } .checkbox-feature-box .checkbox .popout-section .form-control.is-invalid { border-color: #dc3545; border-width: 2px; } .checkbox-feature-box .checkbox .popout-section .form-control.text-center { text-align: center; } .checkbox-feature-box .checkbox .popout-section .input-group-text { background: #ffffff; border: 1px #666666 solid; border-right: 0px; padding-right: 0px; font-size: 18px; border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .checkbox-feature-box.is-invalid .checkbox .popout-section .input-group-text { border-color: #dc3545; border-width: 2px; } .checkbox-feature-box.is-invalid .border-line { border-color: #dc3545!important; } .checkbox-feature-box .checkbox .popout-section .input-group-text + .form-control { border-left: 0px; } .checkbox-feature-box .checkbox .popout-section p { color: #333333; font-size: 17px; line-height: 24px; font-weight: 500; margin: 0px; } .checkbox-feature-box .checkbox .info-icon { top: 10px; right: 10px; margin-left: 0px; position: absolute; z-index: 10; } .radio-feature-box { background: #ffffff; width: 95%; border-radius: 15px; margin: auto auto 15px auto; position: relative; } .radio-feature-box .check { display: none; position: absolute; right: -10px; bottom: -15px; z-index: 20; font-size: 45px; color: #386465; font-weight: 900; } /* .radio-feature-box .radio input[type="radio"]:checked ~ .check { display: block; } */ .radio-feature-box input[type="radio"] + .border-line { position: relative; border-radius: 8px; } .radio-feature-box input[type="radio"]:checked + .border-line { background: #f0faf8; border-radius: 8px; } .radio-feature-box .radio { position: unset; padding: 0px; margin: 0px; display: block; } .radio-feature-box .radio label::before { border: 2px #cccccc solid; } .radio-feature-box .radio input[type="radio"] + .border-line .popout-section { display: none; padding-top: 20px; margin-left: -20px; position: relative; z-index: 30; } .radio-feature-box .radio input[type="radio"]:checked + .border-line .popout-section { display: block; } .radio-feature-box .radio .popout-section .checkbox { margin: 0px; } .radio-feature-box .radio .popout-section .checkbox label { font-weight: 500; padding-left: 30px; } .radio-feature-box .radio .popout-section .checkbox label.big span { line-height: 26px; } .radio-feature-box .radio .popout-section .checkbox label::before { background: #ffffff; border: 1px solid #cccccc!important; width: 35px; height: 35px; border-radius: 3px; margin-top: 9px; } .radio-feature-box .radio .popout-section .checkbox label::after { background: none; color: #655184; font-size: 25px; line-height: 35px; width: 35px; height: 35px; left: 0px; top: 0px; padding: 0px; margin-top: 9px; text-align: center; } .radio-feature-box .radio .popout-section .checkbox input[type="checkbox"]:checked + label::before { border: 2px #655184 solid; } .radio-feature-box .radio .popout-section .checkbox input[type="checkbox"]:checked + .border-line label::before { border: 2px #655184 solid!important; } .radio-feature-box .radio .popout-section .checkbox input[type="checkbox"] + .border-line { border: 2px #d8d8d8 solid!important; border-radius: 15px; padding: 21px 16px 21px 35px; border-radius: 15px; } .radio-feature-box .radio .popout-section .checkbox input[type="checkbox"]:checked + .border-line { border: 2px #655184 solid!important; border-radius: 15px; } .radio-feature-box .radio .popout-section .checkbox input[type="checkbox"]:checked + label::before { border: 2px #655184 solid!important; } .radio-feature-box .radio .popout-section .form-control { border: 1px #666666 solid; padding: 6px 10px; position: relative; } .radio-feature-box .radio .popout-section .form-control.is-invalid { border: 2px #dc3545 solid; } .radio-feature-box.is-invalid .border-line { border-color: #dc3545!important; } .radio-feature-box .radio .popout-section .form-control.text-center { text-align: center; } .radio-feature-box .radio .popout-section .input-group-text { background: #ffffff; border: 1px #666666 solid; border-right: 0px; padding-right: 0px; font-size: 18px; border-top-left-radius: 12px; border-bottom-left-radius: 12px; } .radio-feature-box .radio .popout-section .input-group-text + .form-control { border-left: 0px; } .radio-feature-box .radio .info-icon { top: 10px; left: 10px; margin-left: 0px; position: absolute; z-index: 10; } /* Side Icon */ .radio-feature-box.icon { min-height: 106px; } .radio-feature-box.icon .radio { min-height: 106px; } .radio-feature-box.icon .radio input[type="radio"] + .border-line { min-height: 106px; padding-left: 95px; } .radio-feature-box.icon .radio label { padding-right: 40px; top: 50%; transform: translateY(-50%); position: absolute; } .radio-feature-box .side-icon { width: 55px; top: 50%; transform: translateY(-50%); left: 20px; position: absolute; } .radio-feature-box .side-icon img { max-height: 65px; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; } .radio-feature-box .side-icon img.close { max-width: 35px; } .radio-feature-box .side-icon .circle-bg { background: #e5d6ff; width: 50px; height: 50px; border-radius: 50%; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; } .radio-feature-box .side-icon + label { width: auto; padding-left: 0px; } .radio-feature-box .side-icon + label h4 { font-weight: 600; font-size: 21px; } .radio-feature-box .side-icon + label::before { display: none; } .radio-feature-box .side-icon + label::after { display: none; } .radio-feature-box.icon.popout .radio input[type="radio"]:checked + .border-line { padding-left: 35px; } .radio-feature-box.icon.popout .radio input[type="radio"]:checked + .border-line .side-icon { top: 30px; left: -16px; transform: none; position: relative; } .radio-feature-box.icon.popout .radio input[type="radio"]:checked + .border-line .side-icon + label { top: 30px; left: 59px; position: relative; } .radio-feature-box.icon.popout .radio input[type="radio"]:checked + .border-line .popout-section { padding-top: 50px; } .radio-feature-box.icon.popout .radio input[type="radio"]:checked + .border-line .popout-section .checkbox label { top: auto; ; transform: none; position: relative; } .radio-feature-box.icon.popout .radio input[type="radio"]:checked + .border-line .popout-section .form-group span { display: block; margin-bottom: 6px; } .radio-feature-box.icon.popout .radio input[type="radio"]:checked + .border-line .popout-section .form-group .checkbox span { margin-bottom: 0px; } .radio-feature-box.icon.popout .radio input[type="radio"]:checked + .border-line .popout-section .form-group:last-child { margin-bottom: 0px; } /* .radio-feature-box.icon .radio input[type="radio"] + .border-line { min-height: 106px; padding-left: 95px; } */ /* .radio-feature-box.icon:not(.popout) .radio label { padding-right: 40px; top: 50%; transform: translateY(-50%); position: absolute; } */ /* .radio-feature-box.icon.popout .radio input[type="radio"]:checked + .border-line { padding-left: 35px; } .radio-feature-box.icon.popout .radio input[type="radio"] + .border-line label { top: 15px; } .radio-feature-box.icon.popout .radio input[type="radio"]:checked + .border-line label { padding-left: 60px; } .radio-feature-box.icon.popout .radio input[type="radio"]:checked + .border-line .side-icon { top: 50px; } .radio-feature-box.icon.popout .radio input[type="radio"]:checked + .border-line .popout-section { margin-top: 30px; } */ /* .radio-feature-box.icon .radio label { padding-right: 40px; top: 50%; } */ .radio-feature-box .radio .check-icon { display: none; top: 10px; right: 10px; margin-left: 0px; position: absolute; z-index: 10; font-size: 28px; color: #386465; } .radio-feature-box .radio input[type="radio"]:checked ~ .check-icon { display: block; } .radio-feature-box .radio .subtext { display: none; } .radio-feature-box .radio input[type="radio"]:checked ~ .border-line .subtext { display: block; } .internal-price-box { background: #ffffff; width: 95%; max-width: 400px; box-shadow: rgba(0, 0, 0, 0.01) 1px 0 3px 3px; border-radius: 10px; padding: 35px 30px; margin: auto auto 35px auto; text-align: center; position: relative; } .internal-price-box h3 { color: #333333; font-size: 30px; line-height: 36px; font-weight: 600; margin-bottom: 14px; font-family: 'Poppins', sans-serif; } .internal-price-box h2 { color: #655184; font-size: 68px; line-height: 68px; font-weight: 600; font-family: 'Poppins', sans-serif; } .internal-price-box h5 { color: #666666; font-weight: 300; margin-bottom: 25px; } .internal-price-box p { color: #333333; font-size: 19px!important; line-height: 25px!important; font-weight: 600; margin: 0px; } .internal-price-box p a { color: #655184; font-weight: 400; } .internal-price-box .btn { border-width: 2px; margin-top: 25px; margin-bottom: 25px; } .alert-cta-box { background: #f9f6ff; border: 2px #655184 solid; border-radius: 10px; padding: 25px 30px; margin: auto auto 30px auto; text-align: center; position: relative; } .alert-cta-box h3 { color: #655184; margin-bottom: 8px; } .alert-cta-box p { font-size: 22px; line-height: 30px; margin: 0px; } .alert-cta-box .btn { padding: 12px 30px; margin-top: 15px; } .alert-cta-box.green { background: #f0faf8; border: 2px #336666 solid; } .alert-cta-box.green h3 { color: #336666; } .full-width-map { border: 2px #655184 solid; min-height: 500px; border-radius: 20px; margin-top: 30px; position: relative; } /** * Provider OffCanvas * ========================================================================== */ #provider-profile-offcanvas .btn-close { background: none; border: 2px #666666 solid; width: 22px; height: 22px; border-radius: 50%; font-size: 20px; line-height: 12px; right: 15px; top: 20px; position: absolute; z-index: 1; } #provider-profile-offcanvas .offcanvas-body { padding-right: 70px; } #provider-profile-offcanvas .col.left { padding-top: 30px; position: relative; } #provider-profile-offcanvas .side-icons { width: 60px; left: 30px; position: absolute; } #provider-profile-offcanvas .side-icons img { margin-bottom: 20px; } #provider-profile-offcanvas .main-details { padding-left: 105px; padding-right: 100px; width: auto; } #provider-profile-offcanvas .main-details .top-text h5 { color: #655184; font-size: 15px; line-height: 21px; margin-bottom: 5px; } #provider-profile-offcanvas .main-details .top-text h4 { color: #655184; font-size: 22px; line-height: 28px; font-weight: 400; margin-bottom: 4px; font-family: 'Domine', serif; } #provider-profile-offcanvas .main-details .top-text h4.black { color: #000000; } #provider-profile-offcanvas .main-details .top-text h4.black a { color: #000000; } #provider-profile-offcanvas .main-details .top-text p { font-size: 18px; line-height: 24px; } #provider-profile-offcanvas .main-details p { font-size: 15px; line-height: 21px; } #provider-profile-offcanvas .main-details p.title { font-weight: 600; margin-top: 25px; } #provider-profile-offcanvas .main-details .grey-box { background: #f3f4f7; padding: 20px; position: relative; } #provider-profile-offcanvas .main-details .grey-box ul { display: block; text-align: left; margin: 0px; padding: 0px; list-style: none; } #provider-profile-offcanvas .main-details .grey-box ul li { color: #4a4d54; font-size: 14px; line-height: 20px; font-weight: 500; border: 0px; position: relative; padding-top: 7px; padding-bottom: 7px; padding-left: 25px; padding-right: 20px; } #provider-profile-offcanvas .main-details .grey-box ul li::before { vertical-align: middle; display: inline-block; margin-right: 8px; height: 19px; width: 19px; background: url('/assets/green-tick-icon.png') 50% center no-repeat; background-size: 19px; content: ""; position: absolute; top: 7px; left: 0; } #provider-profile-offcanvas .main-details .text-content { margin-top: 30px; } #provider-profile-offcanvas .main-details .text-content p.title { margin-bottom: 8px; } #provider-profile-offcanvas .main-details .text-content ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; padding-left: 13px; } #provider-profile-offcanvas .main-details .text-content ul li { color: #4a4d54; font-size: 15px; line-height: 21px; padding: 3px 0px; } #provider-profile-offcanvas .main-details .text-content ul li::marker { color: #655184; } #provider-profile-offcanvas .main-details .text-content .full-description { overflow: hidden;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 100%; } #provider-profile-offcanvas .main-details .text-content .full-description.active { -webkit-line-clamp: 20; } #provider-profile-offcanvas .main-details .text-content .full-des-show { color: #655184; font-size: 15px; line-height: 21px; cursor: pointer; } #provider-profile-offcanvas .main-details .text-content .read-more-content { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } #provider-profile-offcanvas .main-details .text-content .read-more-content.expanded { -webkit-line-clamp: unset; } #provider-profile-offcanvas .main-details .text-content .read-more-toggle { color: #655184; font-size: 15px; line-height: 21px; cursor: pointer; } #provider-profile-offcanvas .bottom-details.top { padding-top: 25px; padding-bottom: 0px; display: none; } #provider-profile-offcanvas .main-details .team-content { margin-top: 50px; } #provider-profile-offcanvas .main-details .team-content .team-member-feature { width: 150px; } #provider-profile-offcanvas .main-details .team-content .team-member-feature .profile-image { height: 150px; width: 100%; border-radius: 10px; background-size: cover; background-repeat: no-repeat; margin-bottom: 12px; } #provider-profile-offcanvas .main-details .team-content .team-member-feature h5 { color: #000000; font-size: 16px; line-height: 22px; font-weight: 500; } #provider-profile-offcanvas .main-details .team-content .team-member-feature p { font-size: 14px; line-height: 20px; font-weight: 400; } #provider-profile-offcanvas .col.right { padding-top: 30px; position: relative; } #provider-profile-offcanvas .side-details .reviews { width: 100%; padding: 15px; border: 1px #655184 solid; border-radius: 8px; text-align: center; margin-bottom: 20px; position: relative; } #provider-profile-offcanvas .side-details .reviews .stars { font-size: 26px; } #provider-profile-offcanvas .side-details .reviews .stars i { color: #ffcc00; } #provider-profile-offcanvas .side-details .reviews p { font-size: 14px; line-height: 20px; margin: 5px 0px 0px 0px; } #provider-profile-offcanvas .side-details .main-image { margin-bottom: 30px; } #provider-profile-offcanvas .side-details .btn { font-size: 18px; line-height: 22px; font-weight: 400; width: 100%; padding: 12px 12px; margin-bottom: 20px; } #provider-profile-offcanvas .side-details .map { width: 100%; height: 250px; border: 1px #cccccc solid; margin-bottom: 20px; } #provider-profile-offcanvas .side-details .accred-feature-box { padding: 8px 12px; border: 1px #cccccc solid; border-radius: 8px; width: 100%; margin-bottom: 20px; position: relative; } #provider-profile-offcanvas .side-details .accred-feature-box:hover { border-color: #655184; } #provider-profile-offcanvas .side-details .accred-feature-box img { width: 46px; left: 12px; position: absolute; } #provider-profile-offcanvas .side-details .accred-feature-box .box-text { padding-left: 55px; } #provider-profile-offcanvas .side-details .accred-feature-box .box-text h5 { color: #000000; font-size: 13px; line-height: 18px; font-weight: 500; margin-bottom: 6px; } #provider-profile-offcanvas .side-details .accred-feature-box .box-text p { font-size: 12px; line-height: 18px; margin: 0px; } #provider-profile-offcanvas .bottom-details { text-align: center; padding-top: 60px; padding-bottom: 60px; } #provider-profile-offcanvas .bottom-details .btn { margin: 0px 10px; border-radius: 10px; font-weight: 400; padding: 14px 32px; text-transform: uppercase; min-width: 293px; } .modal.accred .backdrop { background: #000000; opacity: 0.5; position: absolute; height: 100%; width: 100%; } .modal.accred .white-bg { padding: 0px; } .modal.accred .white-bg .circle-frame { width: 90px; height: 90px; border: 1px #cccccc solid; border-radius: 50%; margin: auto auto 22px auto; overflow: hidden; position: relative; } .modal.accred .white-bg .circle-frame img { max-width: 65px; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; } .modal.accred .white-bg .modal-title { color: #655184; font-size: 26px; line-height: 32px; margin-bottom: 15px; } .modal.accred .white-bg p { font-size: 16px; line-height: 24px; } .modal.accred .white-bg p.strong { font-weight: 600; margin-bottom: 5px; } .modal.accred .white-bg .buttons { margin-top: 20px; } /** * Search Filters Box Panel * ========================================================================== */ .box-panel-holder { width: 100%; max-width: 100%; position: relative; } .box-panel-holder.move-up { margin-top: -55px; } .search-filters-box-panel { background: #f6f7f9; width: 100%; max-width: 1146px; padding: 20px 20px; border: 1px #cccccc solid; border-radius: 5px; margin-bottom: 30px; position: absolute; transition-timing-function: ease-in; transition: 0.2s; } .search-filters-box-panel .top-section { padding-bottom: 5px; } .search-filters-box-panel .top-section .form-group { margin-bottom: 15px; } .search-filters-box-panel .top-section label { font-size: 16px; line-height: 22px; font-weight: 400; margin-bottom: 6px; } .search-filters-box-panel .top-section .form-control { font-size: 14px; border: 1px #cccccc solid; border-radius: 5px; } .search-filters-box-panel .top-section .col:first-child .form-control:focus::placeholder { color: transparent; } .search-filters-box-panel .top-section .form-control::placeholder { color: #212529; } .box-panel-holder.show .search-filters-box-panel .bottom-section { display: block; } .search-filters-box-panel .bottom-section { display: none; margin-bottom: 10px; } .search-filters-box-panel .bottom-section h5 { color: #655184; font-size: 20px; line-height: 26px; font-weight: 500; margin-bottom: 8px; text-align: center; } .search-filters-box-panel .bottom-section .checkbox { min-height: 36px; margin-top: 0px; margin-bottom: 15px; } .search-filters-box-panel .bottom-section .checkbox label::before { width: 36px; height: 36px; border: 1px #cccccc solid; border-radius: 6px; } .search-filters-box-panel .bottom-section .checkbox label::after { width: 36px; height: 36px; color: #41ad49; font-size: 24px; line-height: 36px; } .search-filters-box-panel .bottom-section .checkbox label { color: #333333; font-size: 16px; font-weight: 400; padding-left: 30px; width: 85%; } .search-filters-box-panel .bottom-section .checkbox label span { margin-top: 6px; display: block; } .search-filters-box-panel .bottom-section .checkbox input[type="checkbox"]:checked + label::before { border: 2px #00cc33 solid; } .search-filters-box-panel .bottom-section .checkbox .badge-label { position: absolute; margin: 0px; right: 58px; display: inline-block; } .search-filters-box-panel .bottom-section .checkbox label span .badge { background: #ffffff; color: #333333 !important; border: 1px #655184 solid; min-width: 50px; height: 36px; font-size: 16px; font-weight: 500; padding: 10px 6px; top: 0px; right: 0px; cursor: pointer; z-index: 10; position: absolute; } .search-filters-box-panel input[type="checkbox"]:not(:checked) + label span .badge-label { display: none; } .search-filters-box-panel input[type="checkbox"]:not(:checked) + label span .badge { display: none; } .search-filters-box-panel .buttons-section { text-align: center; margin-top: 0px; transition-timing-function: ease-in; transition: 0.2s; } .search-filters-box-panel .buttons-section .btn { font-size: 16px; line-height: 14px; font-weight: 500; border-radius: 5px; padding: 12px 22px; margin: 0px 6px; } .search-filters-box-panel .buttons-section .btn.btn-hide { display: none; } @media screen and (min-width: 1350px) { .search-filters-box-panel .buttons-section .btn { min-width: 240px; } } /* .box-panel-holder.show .search-filters-box-panel .bottom-section + .buttons-section .btn-purple { display: none; } */ /* .box-panel-holder.show .search-filters-box-panel .bottom-section + .buttons-section .btn-purple.btn-hide { display: inline-block; } */ .search-filters-box-panel.scrolled { padding: 10px 25px; border-top-left-radius: 0px; border-top-right-radius: 0px; top: 80px; position: fixed; z-index: 12; transition-timing-function: ease-in; transition: 0.2s; } .search-filters-box-panel.scrolled .top-section { padding-bottom: 5px; } .box-panel-holder.show .search-filters-box-panel.scrolled .bottom-section { display: none; } .box-panel-holder.show.show-scroll .search-filters-box-panel.scrolled .bottom-section { display: block; } .search-filters-box-panel.scrolled .buttons-section { margin-top: -8px; transition-timing-function: ease-in; transition: 0.2s; } .search-filters-box-panel.scrolled .buttons-section .btn { padding-top: 8px; padding-bottom: 8px; transition-timing-function: ease-in; transition: 0.2s; } .box-panel-holder + .box-panel-margin { margin-top: 208px; } .box-panel-holder.show + .box-panel-margin { margin-top: 380px; } /** * Profile * ========================================================================== */ .director-profile-box { background: #655184; padding: 25px 28px; border-radius: 10px; margin-bottom: 25px; text-align: center; position: relative; } .director-profile-box img { width: 150px; border: 1px #999 solid; border-radius: 50%; top: -80px; left: 0px; right: 0px; margin: auto; position: absolute; transition: 0.2s; transition-timing-function: ease-in; } .director-profile-box h4 { color: #ffcc00; margin-top: 66px; margin-bottom: 20px; transition: 0.2s; transition-timing-function: ease-in; } .director-profile-box ul { text-align: center; list-style: none; padding: 0px; margin: 0px; } .director-profile-box ul li { border-bottom: 2px #e5d6ff solid; padding: 12px 0px; font-weight: 500; } .director-profile-box ul li a { color: #ffffff; } .director-profile-box ul li a:hover { color: #ffffff; } .director-profile-box ul li a.active { color: #ffffff; } .director-profile-box ul li:last-child { border: 0px; } .director-cta-feature-box { background: #ffffff; padding: 20px 20px; border: 1px #666666 solid; border-radius: 10px; margin-bottom: 25px; text-align: center; position: relative; transition: 0.2s; transition-timing-function: ease-in; } .director-cta-feature-box .icon-circle { background: #e5d6ff; border-radius: 50%; width: 60px; height: 60px; margin: auto auto 15px auto; position: relative; transition: 0.2s; transition-timing-function: ease-in; } .director-cta-feature-box .icon-circle i { color: #655184; font-size: 38px; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; transition: 0.2s; transition-timing-function: ease-in; } .director-cta-feature-box.grey { background: #666666; } .director-cta-feature-box.grey h4 { color: #ffffff; } .director-cta-feature-box.purple { background: #655184; } .director-cta-feature-box.purple h4 { color: #ffffff; } .director-cta-feature-box.light-grey { background: #f3f0e4; } .director-cta-feature-box.light-grey h4 { color: #655184; } .director-cta-feature-box:hover { background: #655184; border-color: #655184; transition: 0.2s; transition-timing-function: ease-in; } .director-cta-feature-box:hover .icon-circle { background: #ffffff; transition: 0.2s; transition-timing-function: ease-in; } .director-cta-feature-box:hover .icon-circle i { color: #655184; } .director-cta-feature-box:hover h4 { color: #ffffff; } .side-scroll { width: 100%; max-width: 342px; top: 0px; position: relative; } .side-scroll.scrolled { top: 140px; position: fixed; } /* .side-scroll.scrolled .director-profile-box img { width: 80px; top: -50px; transition: 0.2s; transition-timing-function: ease-in; } .side-scroll.scrolled .director-profile-box h4 { margin-top: 16px; margin-bottom: 5px; transition: 0.2s; transition-timing-function: ease-in; } .side-scroll.scrolled .director-profile-box ul { display: none; } .side-scroll.scrolled .director-profile-box ul li { padding: 7px 0px; } */ .side-scroll .director-profile-box .expand-toggle { color: #ffffff; font-size: 26px; line-height: 20px; display: none; margin-top: 20px; } .side-scroll .director-profile-box .expand-toggle:hover { color: #ffcc00; cursor: pointer; } .side-scroll.scrolled .director-profile-box .expand-toggle { display: block; } .side-scroll.scrolled .director-profile-box ul.show { display: block; } .side-scroll .director-profile-box .expand-toggle.show .open { display: none; } .side-scroll .director-profile-box .expand-toggle .open { display: block; margin-top: -10px; } .side-scroll .director-profile-box .expand-toggle.show .close { display: block; margin-top: 0px; } .side-scroll .director-profile-box .expand-toggle .close { display: none; } .side-scroll .director-profile-box .expand-toggle { display: none!important; } .side-scroll.scrolled .director-cta-feature-box .icon-circle { width: 50px; height: 50px; margin-bottom: 8px; } .side-scroll.scrolled .director-cta-feature-box .icon-circle i { font-size: 36px; } .internal-section-panel .right-column .cta-feature-boxes { display: none; } .profile-header-text { font-size: 24px; line-height: 30px; text-align: center; margin-top: -55px; margin-bottom: 25px; } .nav-links-container { background: #ffffff; max-width: 1000px; height: 60px; position: relative; text-align: center; z-index: 1; } .nav-links-container h5 { color: #655184; display: none; margin-bottom: 6px; } .nav-links-container p { color: #655184; font-size: 17px; line-height: 23px; margin: 0px; } .nav-links-container p a { color: #655184; } .nav-links-container p span { padding: 0px 10px; } .nav-links-container p span:last-child { display: none; } .nav-links-container p a.active { font-weight: 600; } .nav-links-container .dropdown { display: none; } .nav-links-container.scrolled { height: 90px; padding-top: 18px; top: 80px; left: 0px; right: 0px; margin: auto; position: fixed; } .nav-links-container.scrolled h5 { display: block; } .nav-links-container.scrolled + .nav-links-spacer { margin-top: 60px; } .director-profile-features-panel { background: #ffffff; box-shadow: rgba(0, 0, 0, 0.01) 1px 0 3px 3px; border-radius: 10px; padding: 30px; margin: auto auto 25px auto; position: relative; } .director-profile-features-panel.border { border-color: #adadad!important; box-shadow: none; } .director-profile-features-panel .header-image { height: 150px; width: 100%; border-radius: 7px; background-position: 50% center; background-repeat: no-repeat; background-size: cover; margin-bottom: 30px; } .director-profile-features-panel .col.document h4 { font-size: 18px; line-height: 24px; } .director-profile-features-panel .col.document a:hover h4.title { color: #655184; } .director-profile-features-panel .reg-document-box { background: #ffffff; border: 1px #adadad solid; border-radius: 10px; padding: 25px; margin: auto; max-width: 260px; height: 100%; text-align: center; position: relative; transition-timing-function: ease-in; transition: 0.2s; } .director-profile-features-panel .reg-document-box .top-icon { width: 70px; height: 70px; display: block; margin: 0px auto 25px auto; position: relative; } .director-profile-features-panel .reg-document-box .top-icon .icon { background: #655184; width: 100%!important; height: 100%; max-height: 90px!important; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; bottom: auto!important; margin: auto; position: absolute; transition-timing-function: ease-in; transition: 0.2s; } .director-profile-features-panel .reg-document-box .top-icon .circle-bg { background: #e5d6ff; width: 65px; height: 65px; border-radius: 50%; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; transition-timing-function: ease-in; transition: 0.2s; } .director-profile-features-panel .reg-document-box h4 { font-size: 18px; line-height: 24px; } .director-profile-features-panel .reg-document-box:hover h4 { color: #655184; } .director-profile-features-panel .reg-document-box p { font-size: 16px; line-height: 22px; } .director-profile-features-panel img.logo { max-height: 80px; margin-bottom: 25px; } .director-profile-features-panel h4.main-title { color: #655184; font-size: 26px; line-height: 32px; margin-bottom: 20px; } .director-profile-features-panel h4.title { color: #655184; font-size: 23px; line-height: 30px; margin-bottom: 20px; } .director-profile-features-panel h4.title.main { font-size: 30px; line-height: 36px; } .director-profile-features-panel h4 { font-size: 20px; line-height: 26px; } .director-profile-features-panel p { color: #666666; font-size: 15px; line-height: 22px; } .director-profile-features-panel p.description.top { font-size: 17px; line-height: 24px; margin-top: -10px; } .director-profile-features-panel p.description { color: #666666; font-size: 15px; line-height: 23px; } .director-profile-features-panel p.yellow { color: #655184; } .director-profile-features-panel .images { text-align: center; margin-top: 22px; margin-bottom: 22px; } .director-profile-features-panel .images img { width: auto; height: 40px; } .director-profile-features-panel .more-info { margin-top: 30px; display: none; } .director-profile-features-panel .more-info.active { display: block; } .director-profile-features-panel .more-info-show { cursor: pointer; } .director-profile-features-panel .more-info-show h5 { color: #655184; text-align: center; } .director-profile-features-panel .more-info-show i { color: #655184; font-size: 30px; } .director-profile-features-panel .table th { color: #333333; font-weight: 600; vertical-align: middle; } .director-profile-features-panel .table th a { color: #655184; } .director-profile-features-panel .table th a:hover { color: #655184; } .director-profile-features-panel .table td { color: #666666; vertical-align: middle; } .director-profile-features-panel .table td a { color: #655184; } .director-profile-features-panel .table td a:hover { color: #655184; } .director-profile-features-panel .name .form-group { margin: 12px 0px 0px 0px; } .director-profile-features-panel .name .form-group label { margin: 0px; } .director-profile-features-panel img.payment-cards { width: 100%; max-width: 300px; margin-top: 13px; } .director-profile-features-panel .packages-info .slider { padding: 0px 22px; } .director-profile-features-panel ul.services { text-align: center; list-style: none; padding: 0px; margin: 0px; } .director-profile-features-panel ul.services li { color: #666666; font-size: 18px; line-height: 26px; } .director-profile-features-panel ul.services li .border-line { background: #655184; width: 150px; height: 2px; margin: 10px auto; display: block; } .director-profile-features-panel .profile-circle { width: 140px; height: 140px; border-radius: 50%; margin: auto auto 20px auto; background-color: #cccccc; background-position: 50% center; background-repeat: no-repeat; background-size: cover; } .director-profile-features-panel .download-circle { background: #655184; width: 80px; height: 80px; border-radius: 50%; margin: auto auto 20px auto; position: relative; } .director-profile-features-panel .download-circle i { color: #ffffff; font-size: 50px; top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; } .director-profile-features-panel iframe { width: 100%; height: 360px; margin: 20px 0px 30px 0px; } .director-profile-features-panel .opening-times { width: 100%; max-width: 235px; margin: auto; } .director-profile-features-panel.contained { width: 100%; max-width: 800px; } .director-profile-features-panel .journey-titles { text-align: center; } .director-profile-features-panel .journey-titles h3 { color: #655184; font-weight: 600; margin-bottom: 0px; font-family: 'Poppins', sans-serif; } .director-profile-features-panel .journey-titles h3.domine { font-weight: 400; font-family: 'Domine', serif; } .director-profile-features-panel .journey-titles h3.grey { color: #333333; } .director-profile-features-panel .journey-titles h4 { color: #655184; font-size: 30px; line-height: 36px; font-weight: 600; margin-bottom: 0px; } .director-profile-features-panel .journey-titles h4.yellow { color: #655184; } .director-profile-features-panel .journey-titles h5 { font-size: 18px; line-height: 24px; font-weight: 500; } .director-profile-features-panel .journey-titles .grey-cta { background: #f0f0f0; padding: 25px; } .director-profile-features-panel .journey-titles .grey-cta h5 { color: #333333; font-size: 24px; line-height: 32px; font-weight: 400; } .director-profile-features-panel .journey-content h4 { color: #655184; font-size: 30px; line-height: 36px; font-weight: 600; margin-bottom: 10px; } .director-profile-features-panel .journey-content p { color: #333333; font-size: 20px; line-height: 26px; font-weight: 500; } .director-profile-features-panel .journey-content .col { position: relative; } .director-profile-features-panel .journey-content .col img { bottom: 0px; right: 15px; position: absolute; } .director-profile-features-panel .form-group label { color: #333333; font-size: 18px; line-height: 24px; margin-bottom: 7px; } .director-profile-features-panel .form-control { height: 52px; padding: 6px 18px; font-size: 18px; border: 2px solid #bec5cb; border-radius: 12px; } .director-profile-features-panel .form-control.form-select { color: #6c757d; } .director-profile-features-panel .form-group.payment .form-control { height: 42px; padding: 5px 12px; font-size: 16px; border: 2px solid #bec5cb; border-radius: 8px; } .director-profile-features-panel .form-group .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .director-profile-features-panel .form-group .form-select.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .director-profile-features-panel .form-group input[type="checkbox"].is-invalid + label:before { border: 2px #dc3545 solid; } .director-profile-features-panel .form-group.payment label { font-size: 16px; font-weight: 600; margin-top: 8px; } .director-profile-features-panel .form-group.payment .col-auto { min-width: 148px; } .director-profile-features-panel .table.payment { text-align: left; margin-bottom: 30px; } .director-profile-features-panel .table.payment td { color: #4a4d54; padding: 8px 0px; border-bottom: 1px #999999 solid; } .director-profile-features-panel .table.payment td strong { font-weight: 600; } .director-profile-features-panel .journey-buttons { max-width: 640px; margin: auto auto 20px auto; } .director-profile-features-panel .journey-buttons .btn { width: 100%; padding: 12px 12px; margin-bottom: 24px; } .director-profile-features-panel .journey-footer label { color: #666666; font-size: 15px; font-weight: 600; } .director-profile-features-panel .journey-footer label a { color: #655184; position: relative; z-index: 1; } .director-profile-features-panel .journey-footer p { color: #666666; font-size: 15px; font-weight: 600; margin-top: 30px; margin-bottom: 0px; } .director-profile-features-panel .journey-footer .checkbox { padding-left: 0px; } .director-profile-features-panel .boxed-content { padding: 30px 20px; border: 1px #c7b3e6 solid; border-radius: 10px; position: relative; } .director-profile-features-panel.no-bg { padding: 0px 15px; background: none; box-shadow: none; } .director-price-list-box { background: #f4f4f4; border: 1px #c7b3e6 solid; border-radius: 10px; padding: 30px 30px; margin: 25px auto 40px auto; text-align: center; position: relative; } .director-price-list-box .info-icon { top: 15px; right: 12px; position: absolute; } .director-price-list-box .content { width: 90%; max-width: 600px; margin: auto; } .director-price-list-box .content .table { text-align: left; margin: 20px 0px 0px 0px; } .director-price-list-box .content .table tr td { color: #333333; font-size: 18px; border-bottom: 1px #c7b3e6 solid; } .director-price-list-box .content .table tr td .yellow { color: #655184; } .director-price-list-box .content .table tr:last-child td { border-bottom: none; } .director-price-list-box .content .table tr.border-bottom td { border-bottom: 1px #c7b3e6 solid; } .director-price-list-box .content h5 { color: #655184; font-size: 22px; line-height: 28px; font-weight: 400; margin-bottom: 5px; } .director-price-list-box .content h4 { color: #655184; font-size: 36px; line-height: 42px; font-weight: 600; margin-bottom: 5px; } .director-price-list-box .content h3 { color: #655184; font-size: 46px; line-height: 52px; font-weight: 600; font-family: 'Poppins', sans-serif; } .director-price-list-box .content h3 + h4 { color: #655184; margin-top: 5px; margin-bottom: 0px; } .director-price-list-box .content p { color: #333333; font-weight: 600; margin: 0px; } .director-price-list-box .content p a { color: #655184; } .price-checkbox-feature-box { background: #ffffff; width: 100%; margin: auto auto 30px auto; position: relative; } .price-checkbox-feature-box input[type="radio"] + .border-line { padding: 16px 16px 16px 16px; position: relative; } .price-checkbox-feature-box input[type="radio"] + .border-line h4 { color: #000000; font-size: 22px; line-height: 27px; font-weight: 600; margin-bottom: 15px; } .price-checkbox-feature-box input[type="radio"] + .border-line h3 { color: #655184; font-size: 40px; line-height: 32px; font-weight: 600; font-family: 'Poppins', sans-serif; } .price-checkbox-feature-box input[type="radio"] + .border-line h3 span { color: #999999; font-size: 16px; line-height: 22px; padding-left: 5px; vertical-align: bottom; display: inline-block; } .price-checkbox-feature-box input[type="radio"] + .border-line h5 { color: #000000; font-size: 16px; line-height: 22px; font-weight: 600; margin-top: 5px; } .price-checkbox-feature-box input[type="radio"] + .border-line p { color: #666666; font-size: 14px; line-height: 18px; font-weight: 400; margin-top: 15px; margin-bottom: 0px; } .price-checkbox-feature-box .radio { position: unset; padding: 0px; margin: 0px; display: block; } .price-checkbox-feature-box .radio input[type="radio"] + .border-line { border-color: #c3c3c3; } .price-checkbox-feature-box .radio input[type="radio"]:hover + .border-line { border-color: #655184; } .price-checkbox-feature-box .radio input[type="radio"]:checked + .border-line { border-color: #655184; } .price-checkbox-feature-box .radio label { width: 100%; padding-left: 0px; } .price-checkbox-feature-box .radio label::before { left: auto; right: 0px; border: 2px #c3c3c3 solid; } .price-checkbox-feature-box .radio label::after { left: auto; right: 7px; } .price-checkbox-feature-box .radio input[type="radio"]:hover + .border-line label::before { border-color: #655184; } .price-checkbox-feature-box .radio input[type="radio"]:checked + .border-line label::before { border-color: #655184; } .logo-radio-feature-box { background: #ffffff; width: 100%; margin: auto auto 30px auto; position: relative; } .logo-radio-feature-box input[type="radio"] + .border-line { padding: 16px 16px 16px 16px; position: relative; } .logo-radio-feature-box input[type="radio"] + .border-line .logo { min-height: 120px; position: relative; } .logo-radio-feature-box input[type="radio"] + .border-line .logo img { max-height: 100px; left: 0px; right: 0px; bottom: 10px; margin: auto; position: absolute; } .logo-radio-feature-box input[type="radio"] + .border-line h5 { color: #000000; font-size: 15px; line-height: 22px; font-weight: 500; margin-top: 0px; margin-bottom: 2px; } .logo-radio-feature-box input[type="radio"] + .border-line h6 { color: #655184; font-size: 15px; line-height: 22px; font-weight: 500; margin: 0px; } .logo-radio-feature-box input[type="radio"] + .border-line p { color: #666666; font-size: 14px; line-height: 18px; font-weight: 400; margin-bottom: 0px; } .logo-radio-feature-box .radio { position: unset; padding: 0px; margin: 0px; display: block; } .logo-radio-feature-box .radio input[type="radio"] + .border-line { border-color: #655184; } .logo-radio-feature-box .radio input[type="radio"]:checked + .border-line { border-color: #655184; } .logo-radio-feature-box .radio label { width: 100%; padding-left: 0px; } .logo-radio-feature-box .radio label::before { left: 19px; right: auto; border: 2px #655184 solid; } .logo-radio-feature-box .radio label::after { left: 26px; right: auto; } .logo-radio-feature-box .radio input[type="radio"]:checked + .border-line label::before { border-color: #655184; } .pricing-list-box { background: #ffffff; border: 2px #655184 solid; border-radius: 10px; padding: 15px 30px; margin: auto auto 25px auto; position: relative; } .pricing-list-box .details { text-align: center; } .pricing-list-box .details h5 { font-size: 20px; line-height: 26px; margin-bottom: 2px; } .pricing-list-box .details h3 { color: #655184; font-size: 32px; line-height: 38px; font-weight: 600; margin-bottom: 10px; font-family: 'Poppins', sans-serif; } .pricing-list-box .details p { color: #333333; font-size: 17px; line-height: 24px; margin: 0px; } .pricing-list-box .accordion-item { border: 0px; padding: 15px 0px 0px 0px; } .pricing-list-box .accordion-body { border: 0px; padding: 0px; } .pricing-list-box .accordion-body h5 { color: #655184; font-size: 18px; line-height: 24px; width: 90%; margin: 10px auto 6px auto; text-align: center; } .pricing-list-box .accordion-body h5:empty { display: none; } .pricing-list-box .accordion-body .table:empty { margin: 0px; } .pricing-list-box .accordion-body .table td { font-size: 14px; } .pricing-list-box .accordion-body .table .text-right { font-weight: 600; padding-left: 5px; text-align: right; } .pricing-list-box .btn { color: #333333; font-size: 32px; border: 0px; padding: 0px; margin: auto; border-radius: 0px; display: block; } .pricing-list-box .btn:hover { color: #655184!important; background: none; border: 0px; padding: 0px; } .pricing-list-box .btn:focus { box-shadow: none; } .pricing-list-box .btn[aria-expanded="true"] .open { display: none; } .pricing-list-box .btn[aria-expanded="false"] .open { display: block; margin-top: -10px; } .pricing-list-box .btn[aria-expanded="true"] .close { display: block; margin-top: 0px; } .pricing-list-box .btn[aria-expanded="false"] .close { display: none; } .pricing-list-box .info-icon.top { background-size: 28px; height: 28px; width: 28px; position: absolute; top: 10px; right: 10px; } .members-quote-figure-feature { background: #ffffff; border-radius: 15px; border: 3px #cccccc solid; width: 100%; min-height: 240px; padding: 30px 20px 30px 20px; margin-bottom: 30px; position: relative; text-align: center; overflow: hidden; position: relative; z-index: 1; transition: 0.3s; transition-timing-function: ease-in; } .members-quote-figure-feature:hover { border-color: #655184; transition: 0.3s; transition-timing-function: ease-in; } .members-quote-figure-feature h5 { color: #655184; font-size: 34px; line-height: 40px; font-weight: 600; margin-bottom: 8px; } .members-quote-figure-feature h4 { font-size: 21px; line-height: 27px; margin-bottom: 20px; } .members-quote-figure-feature h2 { color: #655184; font-size: 70px; line-height: 74px; font-weight: 700; } .members-quote-figure-feature h6 { color: #666666; font-size: 18px; line-height: 22px; font-weight: 400; } .members-quote-figure-feature p { color: #333333; font-size: 18px; line-height: 26px; font-weight: 600; margin-top: 30px; margin-bottom: 25px; } .members-quote-figure-feature .btn { font-size: 19px; line-height: 17px; padding: 12px 20px; min-width: 80%; } .members-quote-figure-feature img { bottom: 0; position: absolute; left: 0; right: 0; margin: auto; max-height: 160px; } .members-quote-figure-feature.icon { min-height: 315px; } .members-quote-figure-feature.tall { min-height: 485px; } .members-quote-figure-feature.tall h4 { margin-bottom: 10px; } .members-quote-figure-feature.tall h4 + p { margin-top: 0px; } .members-quote-figure-feature.tall img { max-height: 200px; } .members-quote-figure-feature.purple { border-color: #655184; } .members-quote-figure-feature.purple h5 { color: #655184; } .members-quote-figure-feature.purple h2 { color: #655184; } /** * Text Box Slider Panel * ========================================================================== */ .text-box-slider-panel { background: #e5d6ff; border-radius: 25px; padding: 130px 50px 50px 50px; margin-top: -120px; margin-bottom: 50px; text-align: center; position: relative; } .text-box-slider-panel h3 { color: #655184; margin-bottom: 20px; } .text-box-slider-panel h5 { color: #000000; font-size: 24px; line-height: 30px; font-weight: 600; margin-bottom: 8px; } .text-box-slider-panel p { color: #000000; font-size: 22px; line-height: 28px; } .text-box-slider-panel .slider { width: 85%; margin: auto auto 60px auto; } .text-box-slider-panel .slider .gallery-arrow { color: #655184; background: #ffffff; border-radius: 50%; width: 60px; height: 60px; font-size: 34px; text-align: center; top: 50%; transform: translateY(-50%); position: absolute; z-index: 1; } .text-box-slider-panel .slider .gallery-arrow:hover { color: #ffffff; background: #655184; cursor: pointer; } .text-box-slider-panel .slider .gallery-arrow i { top: 50%; transform: translateY(-50%); left: 0px; right: 0px; margin: auto; position: absolute; } .text-box-slider-panel .slider .gallery-arrow.prev { left: -90px; } .text-box-slider-panel .slider .gallery-arrow.next { right: -90px; } .text-box-slider-panel .video-holder { position: relative; border: 2px #655184 solid; border-radius: 8px; max-width: 600px; margin: auto; overflow: hidden; } .text-box-slider-panel .resp-container { position: relative; } .text-box-slider-panel .video-holder .videoplay { cursor: pointer; position: absolute; top: 0px; left: 0px; right: 0px; margin: auto; z-index: 1; } .text-box-slider-panel .video-holder .videoplay.hidden { display: none; } .text-box-slider-panel.frontend { padding: 50px 50px 50px 50px; margin-top: 0px; } /** * ID Panels * ========================================================================== */ #home-panel-1 { min-height: 500px; padding: 180px 0px 70px 0px; background-position: bottom center; } #home-panel-1 p a { color: #333333; } #home-panel-1 p a:hover { color: #655184; } #home-panel-2 { background-position: center 330px; background-color: #f8f8f8; } #home-panel-3 { padding-bottom: 0px; } #home-panel-3 .white-text { text-align: center; } #home-panel-3 .white-button { width: 130px; display: flex; align-items: center; justify-content: center; margin: auto; } .customer-logos-panel + .testimonial-slider { background: #fff!important; } .customer-logos-panel + .testimonial-slider .slick-dots li button { background: #ccc; border: 1px solid #ccc !important; } #how-it-works-panel-3 { background-position: top center; } #about-us-panel-3 { background: #f8f8f8; } #about-us-panel-3 img { border: 1px #655184 solid; } #about-us-panel-3 h4 { font-size: 22px; line-height: 28px; } #about-us-panel-3 h5 + p { font-size: 14px; line-height: 22px; padding: 0px!important; } .no-header-above { margin-top: 50px; } /** * Generic Panels * ========================================================================== */ .contained-text { width: 65%; margin: auto; } /* Centre Content Panel */ .centre-content-panel { background: #fff; padding: 80px 0px 80px 0px; background-position: top center; background-repeat: no-repeat; } .centre-content-panel img { margin: auto; } .centre-content-panel p { font-size: 17px; line-height: 24px; } .centre-content-panel .contained { max-width: 900px; margin: auto; } @media screen and (max-width: 1200px) { .centre-content-panel h2 br { display: none; } .centre-content-panel p { padding: 0px 50px!important; } } @media screen and (max-width: 991px) { .centre-content-panel p { padding: 0px 10px!important; } } @media screen and (max-width: 767px) { .centre-content-panel { padding: 50px 0px 50px 0px; } } /* List Group */ .list-group { width: 90%; margin-bottom: 20px; } .list-group .list-group-item { border-bottom: 1px #ccc solid; border-left: 0px; border-top: 0px; border-right: 0px; color: #333; font-size: 17px; line-height: 22px; padding: 10px 0px; background: none; } .list-group .list-group-item:last-child { border: none; } @media screen and (max-width: 991px) { .list-group .list-group-item { font-size: 15px; line-height: 22px; } } /* Left Content Panel */ .left-content-panel { padding: 110px 0px 110px 0px; min-height: 600px; background-position: top center; background-repeat: no-repeat; overflow: hidden; } .left-content-panel p { font-size: 17px; line-height: 24px; } .left-content-panel p b { font-size: 22px; line-height: 30px; font-weight: 600; } .left-content-panel .logos { margin: 25px 0px; } .left-content-panel .logos img { display: inline-block; margin: 0px 10px; } .left-content-panel .outside-side-img { right: -50px; bottom: -70px; height: 650px; width: auto; position: absolute; } .left-content-panel .buttons .btn { margin: 15px 8px; } @media screen and (max-width: 1200px) { .left-content-panel { background-position: -350px top; } .left-content-panel h2 br { display: none; } .left-content-panel h3 br { display: none; } .left-content-panel .outside-side-img { height: 480px; } } @media screen and (max-width: 991px) { .left-content-panel { padding: 110px 0px 80px 0px; background-position: -300px top; } .left-content-panel p { font-size: 17px; line-height: 24px; } .left-content-panel.center-content h2 { font-size: 34px; line-height: 40px; } .left-content-panel.center-content p { font-size: 20px!important; line-height: 28px!important; } .left-content-panel .outside-side-img { height: 380px; } } @media screen and (max-width: 850px) { .left-content-panel { background-position: -430px top; } } @media screen and (max-width: 767px) { .left-content-panel { min-height: 0px; padding: 50px 0px 40px 0px; background-position: -500px top; } .left-content-panel .container .row { width: 72% !important; float: left; } .left-content-panel p { font-size: 16px; line-height: 24px; padding: 0px !important; } .left-content-panel.center-content { padding: 70px 0px 240px 0px; } .left-content-panel.center-content .container .row { width: auto !important; float: none; } .left-content-panel .outside-side-img { height: 290px !important;left: 0px; right: 0px; margin: auto; } } @media screen and (max-width: 640px) { .left-content-panel { background-position: -550px top; } } @media screen and (max-width: 550px) { .left-content-panel { background-position: top left!important; } .left-content-panel .container .row { width: auto !important; float: none; } .left-content-panel p b { font-size: 16px; line-height: 24px; } } /* Right Content Panel */ .right-content-panel { padding: 110px 0px 110px 0px; min-height: 600px; background-position: top center; background-repeat: no-repeat; overflow: hidden; } .right-content-panel p { font-size: 17px; line-height: 24px; } .right-content-panel p b { font-size: 22px; line-height: 30px; font-weight: 600; } .right-content-panel .logos { margin: 25px 0px; } .right-content-panel .logos img { display: inline-block; margin: 0px 10px; } .right-content-panel .outside-side-img { left: 80px; bottom: -70px; height: 650px; width: auto; position: absolute; } .right-content-panel .buttons .btn { margin: 15px 8px; } @media screen and (max-width: 1420px) { .right-content-panel .outside-side-img { left: 0px; height: 420px !important; } } @media screen and (max-width: 1200px) { .right-content-panel { background-position: -500px top; } .right-content-panel h2 br { display: none; } .right-content-panel h3 br { display: none; } .right-content-panel .outside-side-img { height: 420px!important; left: -50px; } } @media screen and (max-width: 991px) { .right-content-panel { padding: 110px 0px 80px 0px; background-position: -620px top; } .right-content-panel p { font-size: 16px; line-height: 24px; } .right-content-panel.center-content h2 { font-size: 34px; line-height: 40px; } .right-content-panel.center-content p { font-size: 20px!important; line-height: 28px!important; } .right-content-panel .outside-side-img { height: 320px!important; } } @media screen and (max-width: 767px) { .right-content-panel { min-height: 0px; padding: 50px 0px 40px 0px; background-position: -700px top; } .right-content-panel .container .row { width: 72% !important; float: right; } .right-content-panel.center-content { padding: 70px 0px 240px 0px; } .right-content-panel.center-content .container .row { width: auto !important; float: none; } .right-content-panel .outside-side-img { height: 290px !important;left: 0px; right: 0px; margin: auto; } } @media screen and (max-width: 550px) { .right-content-panel.light { background: #fff !important; } .right-content-panel .container .row { width: auto !important; float: none; } .right-content-panel p b { font-size: 16px; line-height: 24px; } } /* Double Content Panel */ .double-content-panel { padding: 0px 0px 0px 0px; background-repeat: no-repeat; } .double-content-panel .content p { font-size: 15px; } .double-content-panel .left { border-right: 1px #ccc solid; } .double-content-panel .left .content { width: 400px; text-align: center; float: right; padding-right: 100px; } .double-content-panel .right { } .double-content-panel .right .content { width: 400px; text-align: center; float: left; padding-left: 100px; } @media screen and (max-width: 991px) { .double-content-panel .left .content { width: auto; float: none; padding-left: 30px; padding-right: 30px; } .double-content-panel .right .content { width: auto; float: none; padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 767px) { .double-content-panel .left .content { width: auto; float: none; padding-left: 0px; padding-right: 0px; padding-bottom: 30px; margin-bottom: 30px; border-right: 0px; border-bottom: 1px #ccc solid; } .double-content-panel .right .content { width: auto; float: none; padding-left: 0px; padding-right: 0px; } } /* Double Feature Panel */ .double-feature-panel { padding: 0px 0px 0px 0px;} .double-feature-panel h3 { padding: 0px 0px 20px 0px; } .double-feature-panel p { font-size: 18px; line-height: 24px; font-weight: 400; margin: 0px; padding: 0px 170px 25px 0px; } .double-feature-panel.dark h3 { color: #fff; } .double-feature-panel.dark h4 { color: #cc0000; } .double-feature-panel.dark p { color: #fff; } .double-feature-panel.light h3 { color: #333; } .double-feature-panel.light h4 { color: #cc0000; } .double-feature-panel.light p { color: #666; } .double-feature-panel .left { min-height: 300px; padding: 48px 0px 0px 0px; } .double-feature-panel .left .content { width: 568px; float: right; } .double-feature-panel .right { min-height: 300px; padding: 48px 0px 0px 50px; } .double-feature-panel .right .content { width: 505px; } .double-feature-panel .full-width { width: 100%; max-width: 100%; padding: 0px; margin: 0px; } @media screen and (max-width: 1200px) { .double-feature-panel .left .content { width: 100%; float: none; padding-left: 90px; } .double-feature-panel .right .content { width: 100%; } .double-feature-panel h3 { font-size: 30px; line-height: 36px; } .double-feature-panel p { padding: 0px 70px 25px 0px; } } @media screen and (max-width: 1060px) { .double-feature-panel .left .content { padding-left: 30px; } .double-feature-panel .right { padding-left: 30px; } } @media screen and (max-width: 991px) { .double-feature-panel .left { background-position: -420px !important; } .double-feature-panel .left .content { width: 100%; float: none; padding-left: 30px; } .double-feature-panel .right { background-position: -70px top !important; padding: 48px 0px 0px 30px; } .double-feature-panel h3 { font-size: 24px; line-height: 30px; } .double-feature-panel p { font-size: 17px; line-height: 24px; padding: 0px 30px 25px 0px; } } @media screen and (max-width: 767px) { .double-feature-panel .left { background-position: right!important; min-height: 0px; padding: 40px 0px 40px 15px; } .double-feature-panel .left .content { padding-left: 0px; } .double-feature-panel .right { min-height: 0px; padding: 40px 0px 40px 15px; } .double-feature-panel h2 { font-size: 28px; line-height: 34px; } .double-feature-panel p { padding: 0px 0px 25px 0px; } } @media screen and (max-width: 500px) { .double-feature-panel .left { background-position: -420px !important; } .double-feature-panel .right { background-position: -150px !important; } } /** * Customer Logos Panel * ========================================================================== */ .customer-logos-panel { background: #f4f4f4; padding: 50px 15px 40px 15px; } .customer-logos-panel .img-content { width: 25%; min-height: 100px; text-align: center; float: left; } .customer-logos-panel .img-content img { margin: auto; display: block; max-width: 100%; height: 80px; } @media screen and (max-width: 1200px) { .customer-logos-panel .img-content { width: 25%; margin-bottom: 20px; } .customer-logos-panel .img-content img { padding: 5px; } } @media screen and (max-width: 991px) { .customer-logos-panel .img-content { width: 50%; } .customer-logos-panel .img-content.mobile-center { margin: auto; float: none; display: inline-block; } .customer-logos-panel .img-content img { padding: 0px; } } @media screen and (max-width: 767px) { .customer-logos-panel { padding: 40px 15px 10px 15px; } .customer-logos-panel .img-content { width: 50%; min-height: 90px; } .customer-logos-panel .img-content img { padding: 10px; } .customer-logos-panel .img-content img[src="/assets/mc-logo.svg"] { padding: 0px 25px; } .customer-logos-panel .img-content img[src="/assets/mcm-logo.svg"] { padding: 10px 6px 0px 6px; } .customer-logos-panel .img-content img[src="/assets/nhs-logo.svg"] { padding: 6px 25px 0px 25px; } } @media screen and (max-width: 480px) { .customer-logos-panel .img-content { min-height: 80px; } } /** * Latest News, Featured Event, Guides Panel * ========================================================================== */ .latest-articles-guides-panel { padding: 80px 0px 120px 0px; } .portal .latest-articles-guides-panel { padding: 80px 0px 20px 0px; } .hidden-docs .latest-articles-guides-panel { display: none; } .latest-articles-guides-panel h4 a { color: #655184; } .latest-articles-guides-panel h4 a:hover { color: #705894; } .news-feature { background: #ffffff; padding: 12px;border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.05) 1px 0 3px 3px; min-height: 394px; margin-bottom: 30px; position: relative; transition-timing-function: ease-in; transition: 1.2s; } .news-feature:hover { box-shadow: rgba(51, 51, 51, 0.21) 1px 0 3px 3px; transition-timing-function: ease-in; transition: 0.6s; } .latest-articles-guides-panel .feature { background: #fff; min-height: 250px; padding: 25px; } .latest-articles-guides-panel .feature h4 { color: #655184; font-size: 18px; line-height: 22px; margin-bottom: 10px; } .latest-articles-guides-panel .feature h3 { color: #655184; font-size: 18px; line-height: 22px; font-weight: 600; padding: 0px; margin: 0px 0px 10px 0px; text-transform: capitalize; } .latest-articles-guides-panel .feature h2 { color: #4a4d54; font-size: 25px; line-height: 31px; font-weight: 400; padding: 0px; margin: 0px 0px 10px 0px; height: 100%; max-height: 200px; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical; } .latest-articles-guides-panel .feature h5 { color: #655184; font-size: 18px; font-weight: 600; position: absolute; bottom: 25px; z-index: 1; } .news-feature.download .feature { background: #fff; min-height: 250px; padding: 25px; } .news-feature.download h4 { color: #655184; font-size: 18px; line-height: 22px; margin-bottom: 10px; } .news-feature.download h3 { color: #655184; font-size: 18px; line-height: 22px; font-weight: 600; padding: 0px; margin: 0px 0px 10px 0px; text-transform: capitalize; } .news-feature.download h2 { color: #4a4d54; font-size: 23px; line-height: 30px; font-weight: 400; padding: 0px; margin: 0px 0px 10px 0px; height: 100%; max-height: 200px; overflow: hidden; display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical; } .news-feature.download h5 { color: #655184; font-size: 18px; font-weight: 600; position: absolute; bottom: 25px; z-index: 1; } /* BG */ .latest-articles-guides-panel .feature-bg-container { position: relative; } .latest-articles-guides-panel .feature.bg { min-height: 444px; border: none; margin-bottom: 30px; background-size: cover; } .latest-articles-guides-panel .feature.bg h3 { margin-top: 180px; } .latest-articles-guides-panel .feature.bg:hover h5 { color: #655184!important; } .latest-articles-guides-panel .feature.bg .contained-content { position: relative; z-index: 1; } /* .latest-articles-guides-panel .feature-bg-container .gradient { background-image: url('/assets/news-feature-bg-gradient.png'); position: absolute; width: 100%; height: 100%; top: 0px; } */ .latest-articles-guides-panel .blog-img { overflow: hidden; height: 180px; } .latest-articles-guides-panel .blog-img img { object-position: center; min-height: 180px; margin-bottom: 1rem; width: 100%; max-width: none; float: right; /* -webkit-filter: grayscale(100%); filter: grayscale(100%); */ } .latest-articles-guides-panel .slick-dots { position: relative; max-width: 860px; top: 50px; bottom: auto; text-align: center; } .latest-articles-guides-panel .slick-dots li { height: 5px; width: 120px; margin: 0 6px; } .latest-articles-guides-panel .slick-dots li button { background: #999; border: 1px solid #999 !important; height: 5px; width: 120px; border-radius: 0px; padding: 2px } .latest-articles-guides-panel .slick-dots li button:hover:before, .latest-articles-guides-panel .slick-dots li button:focus:before { opacity: 0; } .latest-articles-guides-panel .slick-dots li button:before { opacity: 0; } .latest-articles-guides-panel .slick-dots li.slick-active button:before { opacity: 1; color: #fff !important; } .latest-articles-guides-panel .slick-dots li.slick-active { background: #655184; } .latest-articles-guides-panel .slick-dots li.slick-active button { background: #655184; border: 1px solid #655184 !important; height: 5px; width: 120px; } /* Big */ .latest-articles-guides-panel .news-feature.big .feature { min-height: 392px; padding: 30px 25px; border: none; } .latest-articles-guides-panel .news-feature.big .feature:hover { border-color: #655184; } .latest-articles-guides-panel .news-feature.big .feature h3 { margin: 0px 0px 15px 0px; } .latest-articles-guides-panel .news-feature.big .feature h2 { font-size: 38px; line-height: 44px; font-weight: 700; margin: 0px 0px 20px 0px; } .latest-articles-guides-panel .news-feature.big .feature h5 { color: #655184; bottom: 30px; } .latest-articles-guides-panel .news-feature.big .blog-img { min-height: 393px; width: 48%; margin-left: 25px; float: right; } .latest-articles-guides-panel .news-feature.big .blog-img img { max-height: 500px; width: auto; max-width: none; float: left; } .latest-articles-guides-panel.colour select.form-control { border: 1px #655184 solid; border-radius: 20px; height: 45px; font-size: 16px; margin-bottom: 30px; } .latest-articles-guides-panel .news-feature .blog-img { position: relative; } .latest-articles-guides-panel .news-feature .blog-img img { object-position: center; min-height: 180px; margin-bottom: 1rem; width: 100%; max-width: unset; float: none; position: absolute; margin: auto; left: 50%; transform: translate(-50%, 0); transition-timing-function: ease-in; transition: 1.2s; } .latest-articles-guides-panel .news-feature:hover .blog-img img { width: 120%; transition-timing-function: ease-in; transition: 1.2s; } .latest-articles-guides-panel.colour .news-feature .feature { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .latest-articles-guides-panel.colour .feature h3 { color: #333333; background: rgba(235, 235, 235, 0.69); min-width: 80px; text-align: center; font-size: 16px; line-height: 22px; font-weight: 600; padding: 0px; margin: 0px 0px 0px 0px; text-transform: capitalize; position: absolute; top: 20px; right: 30px; border: 1px #999 solid; padding: 7px 10px; border-radius: 30px; } .latest-articles-guides-panel.colour .news-feature.big .feature p { color: #666; font-size: 20px; line-height: 28px; font-weight: 500; } .latest-articles-guides-panel.colour .news-feature.big .feature h3 { font-size: 19px; line-height: 28px; padding: 8px 15px; right: 40px; top: 25px; min-width: 100px; } .latest-articles-guides-panel.colour .news-feature.big .feature h5 { color: #655184; font-size: 22px; line-height: 28px; } .latest-articles-guides-panel.colour .news-feature.big .feature { border-bottom-left-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; border-bottom-right-radius: 20px; } .latest-articles-guides-panel.colour .news-feature.big .blog-img img { max-width: 560px; height: auto; max-height: unset; width: 100%; } .latest-articles-guides-panel.colour .row .row { margin: 0px 15px; } .latest-articles-guides-panel.colour .row .row h4 { margin-top: 7px; } @media screen and (max-width: 1200px) { .latest-articles-guides-panel .feature h2 { font-size: 22px; line-height: 28px; } } @media screen and (max-width: 991px) { .latest-articles-guides-panel .feature { padding: 20px; } .latest-articles-guides-panel .feature h2 { font-size: 20px; line-height: 26px; } .latest-articles-guides-panel .feature.bg { background-size: cover; } } @media screen and (max-width: 767px) { .latest-articles-guides-panel { padding: 60px 0px 60px 0px; } .latest-articles-guides-panel .news-feature { max-width: 360px; margin-left: auto; margin-right: auto; } .latest-articles-guides-panel .feature { min-height: auto; margin-bottom: 0px; } .latest-articles-guides-panel .feature.bg { min-height: auto; max-width: 360px; margin-left: auto; margin-right: auto; } .latest-articles-guides-panel .feature h2 { font-size: 24px; line-height: 30px; margin-bottom: 70px; } .latest-articles-guides-panel .news-feature.big .feature h5 { font-size: 18px!important; line-height: 23px!important; font-weight: 600; bottom: 0px; } .latest-articles-guides-panel.colour .news-feature { position: relative; } .latest-articles-guides-panel.colour .feature h5 { position: relative; bottom: 0px; } .latest-articles-guides-panel.colour .news-feature.big .feature p { font-size: 20px; line-height: 26px; } .latest-articles-guides-panel.colour .news-feature.big .blog-img { border-top-right-radius: 20px; border-bottom-right-radius: 0px; border-top-left-radius: 20px; } .latest-articles-guides-panel .slick-dots { max-width: 100%; top: 10px; } .latest-articles-guides-panel .slick-dots li { width: 50px; } .latest-articles-guides-panel .slick-dots li button { width: 50px; } .latest-articles-guides-panel .slick-dots li.slick-active button { width: 50px; } } .plan-graphic-feature.full-width.web { background: #fff; border-radius: 15px; border: 3px #cccccc solid; width: 100%; min-height: 370px; padding: 16px 0px 0px 0px; margin-bottom: 30px; position: relative; text-align: center; overflow: hidden; transition-timing-function: ease-in; transition: 0.3s; } .plan-graphic-feature.full-width.web img { position: absolute; left: 0px; right: 0px; bottom: 0px; margin: auto; max-height: 190px; transition-timing-function: ease-in; transition: 0.3s; } .plan-graphic-feature.full-width.web:hover { border-color: #655184; cursor: pointer; } .plan-graphic-feature.full-width.web.checked { border-color: #655184; } .plan-graphic-feature.full-width.web h4 { font-size: 22px; line-height: 28px; padding: 15px 20px 0px 20px; margin-bottom: 10px; } .plan-graphic-feature.full-width.web p { color: #666; font-size: 18px; padding: 0px 27px; margin-bottom: 18px; } .latest-articles-guides-panel ul.pagination { margin: 0px; } .latest-articles-guides-panel ul.pagination .page-item { width: 35px; height: 35px; font-size: 18px; text-align: center; margin-right: 4px; display: inline-block; } .latest-articles-guides-panel ul.pagination .page-item .page-link { color: #999999; border: 1px #999999 solid; width: 35px; height: 35px; border-radius: 50%; padding: 3px 0px; } .latest-articles-guides-panel ul.pagination .page-item .page-link:hover { background: none; color: #655184; border-color: #655184; } .latest-articles-guides-panel ul.pagination .page-item.active .page-link { color: #ffffff; background-color: #655184; border-color: #655184; } .latest-articles-guides-panel ul.pagination .page-item:first-child .page-link { color: #655184; font-size: 50px; line-height: 23px; } .latest-articles-guides-panel ul.pagination .page-item:first-child .page-link:hover { color: #ffffff; background-color: #655184; border-color: #655184; } .latest-articles-guides-panel ul.pagination .page-item:last-child .page-link { color: #655184; font-size: 50px; line-height: 23px; } .latest-articles-guides-panel ul.pagination .page-item:last-child .page-link:hover { color: #ffffff; background-color: #655184; border-color: #655184; } .latest-articles-guides-panel ul.pagination .page-item.disabled .page-link { color: #999999; border-color: #999999; } .latest-articles-guides-panel ul.pagination .page-item.disabled .page-link:hover { cursor: not-allowed; } /** * Testimonial * ========================================================================== */ .testimonial-slider { padding: 60px 0px 65px 0px; } .testimonial-slider .border-line { width: 70px; border-bottom: 5px #655184 solid; margin: auto; } .testimonial-slider p { font-size: 20px; line-height: 26px; padding: 0px; margin: 0px 0px 0px 0px; } .testimonial-slider .slick-dots { position: relative; max-width: 700px; top: 20px; bottom: auto; text-align: center; } .testimonial-slider .slick-dots li { height: 18px; width: 18px; } .testimonial-slider .slick-dots li button { background: #999999; border: 1px solid #999999 !important; height: 18px; width: 18px; } .testimonial-slider .slick-dots li button:hover:before, .testimonial-slider .slick-dots li button:focus:before { opacity: 0; } .testimonial-slider .slick-dots li button:before { opacity: 0; } .testimonial-slider .slick-dots li.slick-active button:before { opacity: 1; color: #fff !important; } .testimonial-slider .slick-dots li.slick-active { background: #655184; } .testimonial-slider .slick-dots li.slick-active button { background: #655184; border: 1px solid #655184 !important; height: 18px; width: 18px; } @media screen and (max-width: 767px) { .testimonial-slider p { font-size: 16px; line-height: 24px; } } /** * Side CTAs * ========================================================================== */ .internal-side-cta { width: 264px; height: 250px; padding: 25px; border-radius: 5px; margin-bottom: 30px; } .internal-side-cta h2 { color: #fff; font-size: 24px; line-height: 28px; font-weight: 700; margin: 0px; padding: 0px 0px 15px 0px; } .internal-side-cta p { color: #fff; font-size: 17px; line-height: 22px; font-weight: 100; margin: 0px; padding: 0px 0px 23px 0px;} .internal-side-cta .btn { font-size: 15px; padding: 10px 15px; } .internal-side-cta .icon { width: 50px; } .internal-side-cta .arrow { width: 10px; float: right; margin-top: 20px; margin-left: 40px; } .internal-side-cta.video { height: 200px; } .internal-side-cta.video h2 { font-size: 22px; line-height: 29px; } .internal-side-cta.video p { padding-bottom: 40px; } /** * Generic Elements * ========================================================================== */ .number-circle { width: 34px; height: 34px; background: #655184; color: #666; font-size: 16px; font-weight: 600; border-radius: 50%; padding: 6px 0px 0px 0px; margin-right: 5px; display: inline-block; } .how-it-works-feature h5 { color: #666; font-size: 18px; font-weight: 600;} /** * Funeral Director Panels * ========================================================================== */ /* Funeral Director Internal Header */ .funeral-director-internal-header { background: #ffefe2; padding: 135px 0px 75px 0px; position: fixed; width: 100%; top: 0px; z-index: 10; mask: url(../assets/Hero-Mask.svg) center bottom no-repeat; -webkit-mask: url(../assets/Hero-Mask.svg) center bottom no-repeat; mask-size: 1920px; -webkit-mask-size: 1920px; transition-timing-function: ease-in; transition: 0.2s; } .funeral-director-internal-header h4 { color: #a4c4cf; font-size: 22px; line-height: 30px; font-weight: 400; margin-bottom: 12px; } .funeral-director-internal-header h2 { color: #4a4d54; font-size: 54px; line-height: 62px; font-weight: 400; margin: 0px 0px 25px 0px; } .funeral-director-internal-header p { color: #a4c4cf; font-size: 20px; line-height: 28px; margin-bottom: 35px; } .funeral-director-internal-header p a { color: #333333; padding: 0px 12px 0px 12px; } .funeral-director-internal-header p a span { border-bottom: 3px #ffefe2 solid; padding-bottom: 5px; } .funeral-director-internal-header p a:hover { color: #a4c4cf; } .funeral-director-internal-header p a.active { font-weight: 600; } .funeral-director-internal-header p a.active span { border-bottom: 3px #a4c4cf solid; } .funeral-director-internal-header .left { text-align: center; } .funeral-director-internal-header .right { text-align: center; } .funeral-director-internal-header .btn { padding: 14px 22px; border-width: 2px; margin: 3px 6px; } .funeral-director-internal-header .btn-yellow-keyline { background: #ffffff!important; color: #333333!important; } .funeral-director-internal-header .btn-yellow-keyline:hover { background: #ffcc03!important; } .funeral-director-internal-header .btn.on-scroll { display: none; } .funeral-director-internal-header.scrolled { mask: none; -webkit-mask: none; top: 80px; margin: 0px; padding: 15px 0px; box-shadow: rgba(0,0,0,.117647) 0 1px 3px; transition-timing-function: ease-in; transition: 0.2s; } .funeral-director-internal-header.scrolled h4 { display: none; } .funeral-director-internal-header.scrolled h2 { font-size: 30px; line-height: 38px; margin-bottom: 10px; } .funeral-director-internal-header.scrolled p { color: #a4c4cf; font-size: 16px; line-height: 22px; margin-bottom: 10px; } .funeral-director-internal-header.scrolled p a { padding: 0px 6px 5px 6px; } .funeral-director-internal-header.scrolled p a:first-child { padding-left: 0px; } .funeral-director-internal-header.scrolled .left { float: left; text-align: left; } .funeral-director-internal-header.scrolled .right { float: right; text-align: right; } .funeral-director-internal-header.scrolled .btn { margin-top: 18px; margin-left: 15px; float: right; } .funeral-director-internal-header.scrolled .btn.on-scroll { display: inline-block; } /* Funeral Director Top Panel */ .funeral-director-top-panel { padding: 0px; margin-top: 280px; } .funeral-director-top-panel p { color: #666666; font-size: 16px; margin: 0px; } .funeral-director-top-panel p span { color: #333333; font-size: 22px; padding: 0px 5px; top: 3px; position: relative; } .funeral-director-top-panel p a { color: #666666; } .funeral-director-top-panel .top { padding: 17px 15px 20px 15px; } .funeral-director-top-panel .background-panel { background-color: #666; height: 300px; width: 100%; } .funeral-director-top-panel .slick-slide { background-color: #666; height: 300px; width: 100%; background-size: cover !important; } .funeral-director-top-panel .funeral-directors-slider .gallery-arrow { opacity: 0; background: rgba(34, 34, 34, 0.41); color: #fff; height: 76px; width: 76px; border-radius: 50%; font-size: 44px; padding-top: 9px; position: absolute; top: 107px; z-index: 50; text-align: center; cursor: pointer; transition-timing-function: ease-in; transition: 0.2s; } .funeral-director-top-panel .funeral-directors-slider .gallery-arrow.prev { left: 21%; padding-right: 3px; } .funeral-director-top-panel .funeral-directors-slider .gallery-arrow.next { right: 21%; padding-left: 3px; } .funeral-director-top-panel .funeral-directors-slider:hover .gallery-arrow { opacity: 1; transition-timing-function: ease-in; transition: 0.2s; } #button.funeral-director-internal-header + .funeral-director-top-panel { margin-top: 324px; } /* Funeral Director Centre Content Panel */ .funeral-director.centre-content-panel { padding-top: 460px; } .funeral-director.centre-content-panel .container { max-width: 970px; } .funeral-director.centre-content-panel .top { padding-top: 40px; padding-bottom: 30px; } .funeral-director.centre-content-panel .top .director-logo { width: 150px; border: 1px #999 solid; border-radius: 50%; margin-bottom: 20px; } .funeral-director.centre-content-panel .top h4 { color: #655184; font-size: 32px; line-height: 38px; margin-bottom: 8px; font-family: 'Domine', serif; } .funeral-director.centre-content-panel .top p { font-size: 18px; font-weight: 600; margin-bottom: 20px; } .funeral-director.centre-content-panel .associations { width: 100%; padding: 0px; margin: auto auto 50px auto; text-align: center; font-size: 0px; } .funeral-director.centre-content-panel .associations .col-sm-6 { text-align: center; margin: auto; display: inline-block; float: none; } .funeral-director.centre-content-panel .associations h5 { text-align: center; margin-bottom: 20px!important; } .funeral-director.centre-content-panel .associations p { padding: 0px!important; margin-bottom: 12px; text-align: center; } .funeral-director.centre-content-panel .associations img { display: inline-block; padding: 0px 10px; margin-left: auto!important; margin-right: auto!important; } .funeral-director.centre-content-panel .funeral-directors-slider-margin { margin: 35px 0px 5px 0px; } .funeral-director.centre-content-panel .slide-1 { background: none; height: auto; max-height: 500px; width: 100%; background-size: cover !important; overflow: hidden; } .funeral-director.centre-content-panel .slide-1 img { margin: auto!important; display: block!important; } .funeral-director.centre-content-panel .funeral-directors-slider .gallery-arrow { opacity: 0; background: rgba(34, 34, 34, 0.41); color: #fff; height: 76px; width: 76px; border-radius: 50%; font-size: 44px; padding-top: 9px; position: absolute; top: 107px; z-index: 50; text-align: center; cursor: pointer; transition-timing-function: ease-in; transition: 0.2s; } .funeral-director.centre-content-panel .funeral-directors-slider .gallery-arrow.prev { left: 21%; padding-right: 3px; } .funeral-director.centre-content-panel .funeral-directors-slider .gallery-arrow.next { right: 21%; padding-left: 3px; } .funeral-director.centre-content-panel .funeral-directors-slider:hover .gallery-arrow { opacity: 1; transition-timing-function: ease-in; transition: 0.2s; } .funeral-director.centre-content-panel .info { text-align: left; } .funeral-director.centre-content-panel .info h5.title { font-size: 19px; line-height: 26px; } .funeral-director.centre-content-panel .info p { font-size: 19px; line-height: 26px; padding: 0px!important; margin-bottom: 20px; } .funeral-director.centre-content-panel .info img { display: inline-block; margin-right: 45px; } .funeral-director.centre-content-panel .info img.no-margin { margin-right: 0px; } .funeral-director.centre-content-panel .info h5.reviews { color: #a4c4cf; font-size: 28px; margin: 80px 0px 10px 0px; text-align: center; } .funeral-director.centre-content-panel .full-wide + .info { margin: auto; float: none; } .funeral-director.centre-content-panel .full-wide + .info + .col-sm-5 { display: none; } .funeral-director.centre-content-panel .full + .full-wide + .info { margin: 0px; float: left; } .funeral-director.centre-content-panel .full + .full-wide + .info + .col-sm-5 { display: block; } .funeral-director.centre-content-panel .guide-panel { background: #f9f6ff; border: 2px #655184 solid; width: 100%; max-width: 320px; padding: 20px; float: right; } .funeral-director.centre-content-panel .guide-panel h4 { color: #655184; } .funeral-director.centre-content-panel .guide-panel h5 { font-size: 20px; line-height: 26px; } .funeral-director.centre-content-panel .guide-panel h6 { font-size: 18px; line-height: 24px; font-weight: 400; margin: 0px; } .funeral-director.centre-content-panel .guide-panel p { font-size: 14px; line-height: 20px; margin: 0px; } .funeral-director.centre-content-panel .guide-panel table { width: 80%; margin: 7px auto 10px auto; } .funeral-director.centre-content-panel .guide-panel td { border: 0px; padding: 3px 0px; } .funeral-director.centre-content-panel .guide-panel .border { border-bottom: 1px #ccc solid; padding-top: 15px; margin-bottom: 15px; } .funeral-director.centre-content-panel .guide-panel.large { max-width: 420px; } .funeral-director.centre-content-panel .guide-panel.large table { width: 90%; margin-top: 3px; } .funeral-director.centre-content-panel .guide-panel.large table td { text-align: left; padding: 8px 0px; border-top: 1px #e3e3e3 solid; } .funeral-director.centre-content-panel .guide-panel.large table td.text-left { padding-right: 5px; } .funeral-director.centre-content-panel .guide-panel.large table td.text-right { font-weight: 600; padding-left: 5px; text-align: right; } .funeral-director.centre-content-panel .guide-panel.large table tr:first-child td { border: 0px; } .funeral-director.centre-content-panel .guide-panel.large table + h5 { margin-top: 15px; } .funeral-director.centre-content-panel .side-panel { width: 100%; max-width: 320px; padding: 20px; float: right; } .funeral-director.centre-content-panel .side-panel p { padding: 0px!important; margin-bottom: 12px; } .funeral-director.centre-content-panel .side-panel img { display: inline-block; padding: 0px 10px; } .funeral-director.centre-content-panel .guide-panel.large + .side-panel { max-width: 420px; } /* Funeral Director Pricing Centre Content Panel */ .funeral-director-pricing.centre-content-panel { background: #ffefe2; padding: 270px 0px 270px 0px; margin-top: -90px; mask: url(../assets/director-price-list-mask.svg) center top no-repeat; -webkit-mask: url(../assets/director-price-list-mask.svg) center top no-repeat; mask-size: 1920px; -webkit-mask-size: 1920px; } .funeral-director-pricing.centre-content-panel .container { max-width: 970px; } .funeral-director-pricing.centre-content-panel h4.title { color: #655184; font-size: 32px; line-height: 38px; font-weight: 400; margin-bottom: 20px; text-align: center; font-family: 'Domine', serif; } .funeral-director-pricing.centre-content-panel .guide-panel + h4.title { margin-top: 40px; } .funeral-director-pricing.centre-content-panel .guide-panel { background: #ffffff; border: 2px #655184 solid; width: 100%; max-width: 100%; padding: 20px; border-radius: 10px; float: none; position: relative; } .funeral-director-pricing.centre-content-panel .guide-panel.standardised { border-color: #a4c4d1; } .funeral-director-pricing.centre-content-panel .guide-panel .top-info { cursor: pointer; } .funeral-director-pricing.centre-content-panel .guide-panel .info-icon.top { background-size: 40px; height: 40px; width: 40px; position: absolute; top: 25px; right: 25px; } .funeral-director-pricing.centre-content-panel .guide-panel .arrow-bg { background: url('/assets/funeral-director-feature-arrow-down.jpg') top center no-repeat; height: 16px; width: 100%; margin-top: 15px; background-size: 25px; } .funeral-director-pricing.centre-content-panel .guide-panel .arrow-bg.up { background-image: url('/assets/funeral-director-feature-arrow-up.jpg'); } .funeral-director-pricing.centre-content-panel .guide-panel .top-info .arrow-bg.up { display: none; } .funeral-director-pricing.centre-content-panel .guide-panel .extra-content .arrow-bg { cursor: pointer; margin-top: 25px; margin-bottom: -20px; } .funeral-director-pricing.centre-content-panel .guide-panel h4 { color: #a4c4cf; font-size: 34px; line-height: 40px; margin-bottom: 18px; font-family: 'Domine', serif; } .funeral-director-pricing.centre-content-panel .guide-panel h5 { font-size: 24px; line-height: 30px; margin-bottom: 4px; font-family: 'Domine', serif; } .funeral-director-pricing.centre-content-panel .guide-panel h5:empty { display: none; } .funeral-director-pricing.centre-content-panel .guide-panel h6 { font-size: 24px; line-height: 30px; font-weight: 400; margin: 0px; } .funeral-director-pricing.centre-content-panel .guide-panel p { font-size: 18px; line-height: 24px; margin: 0px; } .funeral-director-pricing.centre-content-panel .guide-panel table { width: 80%; margin: 7px auto 0px auto; } .funeral-director-pricing.centre-content-panel .guide-panel td { border: 0px; padding: 3px 0px; } .funeral-director-pricing.centre-content-panel .guide-panel .border { border-bottom: 1px #ccc solid; padding-top: 15px; width: 90%; margin: auto auto 15px auto; } .funeral-director-pricing.centre-content-panel .guide-panel .extra-content { display: none; padding: 30px 0px; max-width: 95%; margin: auto; } .funeral-director-pricing.centre-content-panel .guide-panel .extra-content.show { display: block; } .funeral-director-pricing.centre-content-panel .guide-panel .extra-content .border:first-child { padding-top: 25px; margin-bottom: 25px; } .funeral-director-pricing.centre-content-panel .guide-panel .extra-content p { width: 90%; margin-left: auto; margin-right: auto; } .funeral-director-pricing.centre-content-panel .guide-panel .extra-content h5 { width: 90%; margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; } .funeral-director-pricing.centre-content-panel .guide-panel .extra-content h5 + .border { padding-top: 0px; } .funeral-director-pricing.centre-content-panel .guide-panel.large { max-width: 100%; } .funeral-director-pricing.centre-content-panel .guide-panel.large table { width: 90%; margin-top: 3px; } .funeral-director-pricing.centre-content-panel .guide-panel.large table td { text-align: left; padding: 8px 0px; border-top: 1px #e3e3e3 solid; } .funeral-director-pricing.centre-content-panel .guide-panel.large table td.text-center { text-align: center; } .funeral-director-pricing.centre-content-panel .guide-panel.large table td.text-left { padding-right: 5px; } .funeral-director-pricing.centre-content-panel .guide-panel.large table td.text-right { font-weight: 600; padding-left: 5px; text-align: right; } .funeral-director-pricing.centre-content-panel .guide-panel.large table tr:first-child td { border: 0px; } .funeral-director-pricing.centre-content-panel .guide-panel.large table + h5 { margin-top: 15px; } .funeral-director-pricing.centre-content-panel .guide-panel.large h5:first-child + p { margin-bottom: 10px; } .funeral-director-pricing.centre-content-panel .side-panel { width: 100%; max-width: 320px; padding: 20px; float: right; } .funeral-director-pricing.centre-content-panel .side-panel p { padding: 0px!important; margin-bottom: 12px; } .funeral-director-pricing.centre-content-panel .side-panel img { display: inline-block; padding: 0px 10px; } .funeral-director-pricing.centre-content-panel .guide-panel.large + .side-panel { max-width: 420px; } .funeral-director.centre-content-panel + .funeral-director-services.centre-content-panel { margin-top: -100px; } /* Funeral Director Services Centre Content Panel */ .funeral-director-services.centre-content-panel { background: #ffffff; padding: 135px 0px 50px 0px; margin-top: -200px; mask: url(../assets/director-services-mask.svg) center top no-repeat; -webkit-mask: url(../assets/director-services-mask.svg) center top no-repeat; mask-size: 1920px; -webkit-mask-size: 1920px; } .funeral-director-services.centre-content-panel h4.title { color: #655184; font-size: 32px; line-height: 38px; font-weight: 400; margin-bottom: 25px; text-align: center; font-family: 'Domine', serif; } .funeral-director-services.centre-content-panel .row.contained { width: 100%; max-width: 800px; margin: auto; } .funeral-director-services.centre-content-panel .left { padding-right: 25px; } .funeral-director-services.centre-content-panel .right { padding-left: 25px; } .funeral-director-services.centre-content-panel ul { list-style: none; text-align: center; padding: 0px; } .funeral-director-services.centre-content-panel ul li.line { height: 10px; padding: 14px 0px 14px 0px; } .funeral-director-services.centre-content-panel ul li.line span { border-bottom: 3px #655184 solid; width: 170px; display: block; margin: auto; } .funeral-director-services.centre-content-panel ul li.line:last-child span { border: none; } .funeral-director-services.centre-content-panel ul li { padding: 0px 0px 0px 0px; list-style: none; font-size: 19px; margin-bottom: 0px; } /* Funeral Director Team Centre Content Panel */ .funeral-director-team.centre-content-panel { padding: 45px 0px 45px 0px; font-size: 0px; text-align: center; } .funeral-director-team.centre-content-panel h4.title { color: #655184; font-size: 32px; line-height: 38px; font-weight: 400; margin-bottom: 25px; text-align: center; font-family: 'Domine', serif; } .funeral-director-team.centre-content-panel .profile-feature { width: 25%; float: none; padding: 0px; display: inline-block; margin: auto; text-align: left; vertical-align: top; } .funeral-director-team.centre-content-panel .profile { padding: 0px 0px; margin: auto; width: 95%; } .funeral-director-team.centre-content-panel .profile img { border: 2px #655184 solid; margin-bottom: 15px; } .funeral-director-team.centre-content-panel .profile .profile-image { border: 2px #655184 solid; width: 100%; max-width: 240px; height: 240px; margin: auto auto 15px auto; background-position: 50% center; background-size: cover; } .funeral-director-team.centre-content-panel .profile h5 { color: #655184; font-size: 19px; } .funeral-director-team.centre-content-panel .profile p { margin: 0px; } /* Funeral Director Map Centre Content Panel */ .funeral-director-map.centre-content-panel { background: #ffffff; padding: 45px 0px 10px 0px; } .funeral-director-map.centre-content-panel h4.title { color: #655184; font-size: 32px; line-height: 38px; font-weight: 400; margin-bottom: 25px; text-align: center; font-family: 'Domine', serif; } .funeral-director-map.centre-content-panel h4 { margin-bottom: 10px; } .funeral-director-map.centre-content-panel p { margin-bottom: 18px; } .funeral-director-map.centre-content-panel h5 { font-size: 19px; line-height: 25px; margin-bottom: 5px; } .funeral-director-map.centre-content-panel .bottom p { margin-bottom: 30px; } .funeral-director-map.centre-content-panel .btn { margin: 3px 6px; } .funeral-director-map.centre-content-panel .footer-social { margin: 5px auto 0px auto; padding: 12px 0px 0px 0px; list-style: none; } .funeral-director-map.centre-content-panel .footer-social li { display: inline-block; width: 40px; height: 40px; margin: 0px 3px; border: 0px; } .funeral-director-map.centre-content-panel .footer-social li a { background: #655184; border-radius: 50%; height: 40px; width: 40px; display: block; text-align: center; } .funeral-director-map.centre-content-panel .footer-social li a:hover { background: #705894; } .funeral-director-map.centre-content-panel .footer-social li a i { color: #fff; } .funeral-director-map.centre-content-panel .footer-social li a:hover i { color: #fff; } .funeral-director-map.centre-content-panel .footer-social li.linkedin-in a { font-size: 24px; line-height: 40px; } .funeral-director-map.centre-content-panel .footer-social li.x-twitter a { font-size: 25px; line-height: 42px; } .funeral-director-map.centre-content-panel .footer-social li.facebook-f a { font-size: 24px; line-height: 43px; } .funeral-director-map.centre-content-panel .footer-social li.instagram a { font-size: 24px; line-height: 41px; } .funeral-director-map.centre-content-panel iframe { width: 100%; height: 450px; margin: 30px 0px; } /** * Search Results Page * ========================================================================== */ .internal-header .search-results-info { max-width: 650px; margin: 30px auto auto auto; } .internal-header .search-results-info label { color: #666; font-size: 15px; font-weight: 600; margin: 0px 0px 8px 0px; } .internal-header .search-results-info .form-control.search { height: 37px; border-radius: 30px; border: 1px #655184 solid; } .internal-header .search-results-info .form-group { width: 75%; float: left; } .internal-header .search-results-info .btn { height: 37px; width: 20%; float: right; padding-top: 9px; margin-top: 0px; } .search-results-panel { padding: 0px 0px 60px 0px; } .search-results-panel .left { padding-right: 0px; } .search-results-panel .right { padding-left: 0px; } .search-results-panel h5 { font-size: 30px; line-height: 36px; margin-bottom: 15px; } .search-results-panel .form-group input { font-size: 20px; height: 56px; border-radius: 40px; padding: 6px 22px; } .search-results-panel .form-group .btn { background: none; border-color: #00304d; color: #00304d; font-size: 18px; height: 40px; width: 40px; padding: 0px; margin: -48px 10px 0px 0px; position: relative; float: right; } .search-results-panel .form-group .btn:hover { background: #00304d; border-color: #00304d; color: #fff; } .search-results-panel img { width: 72px; height: 72px; margin-top: -5px; margin-left: 15px; border: 1px solid #ccc; float: right;} .search-results-panel p.text-center { color: #666; font-size: 16px; } .search-results-panel .border-bottom { height: 72px; padding: 30px 0px 10px 0px; margin-bottom: 20px; border-bottom: 1px #ccc solid; } .search-results-panel .border-bottom h4 { color: #655184; font-size: 24px; line-height: 30px; font-weight: 600; margin: 0px; } .search-results-panel .border-bottom p { font-size: 19px; margin: 0px; } .search-results-panel .search-result { margin-bottom: 28px; } .search-results-panel .search-result.margin-none { margin-bottom: 0px; } .search-results-panel .search-result a h3 { color: #333333; font-size: 20px; line-height: 24px; font-weight: 600; margin: 0px; } .search-results-panel .search-result a:hover h3 { color: #655184; } .search-results-panel .search-result h4 { color: #666; font-size: 18px; line-height: 24px; font-weight: 400; margin: 6px 0px 0px 0px; } .search-results-panel .search-result h4 strong { font-weight: 700; } /** * Free Trial Page * ========================================================================== */ .free-trial-content-panel { padding: 80px 0px 0px 0px!important; background-position: top center; background-repeat: no-repeat; } .free-trial-content-panel h3 { font-size: 36px; line-height: 48px; margin-top: 15px!important; } .free-trial-content-panel p { font-size: 25px; line-height: 36px; } .free-trial-content-panel p b { font-weight: 600; } .free-trial-content-panel img { max-width: 250px; float: right; margin-top: -40px; } .free-trial-image-panel { background: url(/assets/free-trial-image-panel-bg.jpg) bottom center no-repeat; background-size: 1360px!important; padding: 270px 0px 95px 0px !important; } .free-trial-image-panel .yellow-feature-panel { background: #ffcc03; padding: 25px 0px 18px 0px; margin: 0px; } .free-trial-image-panel .yellow-feature-panel h3 { margin-bottom: 15px!important; } .free-trial-icons-panel .row { font-size: 0px; text-align: center; } .free-trial-icons-panel .row .col-sm-4 { margin: auto; float: none; display: inline-block; vertical-align: top; position: relative; } .free-trial-icons-panel .number-circle { background: #66cc33; color: #ffffff; font-size: 29px; position: absolute; top: 40px; left: -120px; width: 52px; height: 52px; margin: auto; right: 0px; } @media screen and (max-width: 767px) { .free-trial-image-panel { background-size: 1020px !important; padding: 100px 0px 95px 0px !important; } .free-trial-content-panel img { max-width: 250px; margin: auto !important; float: none; } } @media screen and (max-width: 500px) { .free-trial-image-panel { background-size: 560px !important; padding: 50px 0px 195px 0px !important; } } /** * Content Panel * ========================================================================== */ .content-panel .featured-circle { background: #a5c5d0; width: 180px; height: 180px; border-radius: 50%; text-align: center; padding-top: 27px; z-index: 1; position: absolute; right: -50px; top: -80px; } .content-panel .featured-circle h6 { color: #ffffff; font-size: 15px; line-height: 19px; text-transform: uppercase; margin: 0px 0px 5px 0px; } .content-panel .featured-circle h3 { color: #ffffff; font-size: 31px; line-height: 36px; margin-bottom: 4px; } .content-panel .featured-circle h5 { color: #ffffff; font-size: 20px; line-height: 25px; } /** * Portal Internal * ========================================================================== */ .portal-plan-sub-header .mobile-buttons { display: none; max-width: 300px; margin: 100px auto 0px auto; text-align: center; } .portal-plan-sub-header .mobile-buttons .btn { margin: auto 5px auto 5px; } /** Portal Plan Sub Header **/ #index .portal-plan-sub-header { background: #fff; padding: 25px 0px 30px 0px; margin-top: 200px; } #index .portal-plan-sub-header h5 a { color: #333; } #index .portal-plan-sub-header h5 a { color: #666; } #index .portal-plan-sub-header h5 a:hover { color: #655184; } #index .portal-plan-sub-header h5 .divide { color: #999; font-weight: 300; margin: 0px 8px; } #index .portal-plan-sub-header .image-circle { width: 200px; height: 200px; margin: 0px auto; top: -120px; left: 0; right: 0; border-radius: 50%; overflow: hidden; position: absolute; background-size: cover !important; border: 5px #fff solid; } #index .portal-plan-sub-header .overlay { display: none; } #index .portal-plan-sub-header a:hover .overlay { display: block; background: #ccc; opacity: 0.8; width: 200px; height: 200px; border-radius: 50%; overflow: hidden; position: absolute; margin: 0px auto; top: -120px; left: 0; right: 0; z-index: 5; } #index .portal-plan-sub-header .edit-circle { border: 3px #666 solid; border-radius: 50%; width: 60px; height: 60px; padding: 9px 0px 0px 2px; margin: 70px auto auto auto; text-align: center; position: relative; } #index .portal-plan-sub-header .edit-circle i { color: #666; font-size: 34px; } #index .portal-plan-sub-header .btn { font-size: 19px; line-height: 18px; padding: 10px 18px; } #index .portal-plan-sub-header .btn.right { float: right; margin-left: 16px; } #index .portal-plan-sub-header .left .btn { margin-right: 12px; } #index .portal-plan-sub-header .details { padding-top: 75px; } #index .portal-internal-panel { background: #ffffff; padding: 20px 0px 50px 0px; min-height: 610px; } #index .portal-internal-panel.create { } #index .plan-feature.memory { padding: 40px 100px 40px 100px; border: 3px #655184 solid; border-radius: 20px; margin-bottom: 25px; position: relative; } #index .plan-feature.memory h3 { margin-bottom: 15px; } #index .plan-feature.memory h5 { font-size: 18px; line-height: 30px; } #index .plan-feature.memory h6 { color: #666; font-size: 20px; line-height: 26px; margin-top: 0px; margin-bottom: 25px; } #index .plan-feature.memory p { font-size: 17px; line-height: 24px; } #index .plan-feature.memory .btn { margin-bottom: 50px; } #index .plan-feature.memory .story .border { width: 300px; margin: 65px auto 65px auto; border-bottom: 2px solid #655184; } #index .plan-feature.memory.gallery h3 { margin-bottom: 30px; } .directors-list ul { list-style: none; padding: 0px; } .directors-list ul li { font-size: 12px; border-bottom: 1px #ccc solid; padding: 7px 0px; } .directors-list ul li a { color: #333; font-weight: 500 } .directors-list ul li a:hover { color: #655184; font-weight: 500; } .directors-list ul li a.active { color: #655184; font-weight: 600; } .directors-filter { text-align: center; list-style-type: none; margin: 0; padding: 0; overflow: hidden; margin-bottom: 25px;} .directors-filter li { font-size: 20px; padding: 0px 8.5px!important; display: inline-block !important; float: none!important; float: left; display: block; text-align: center; padding: 16px; text-decoration: none; } .directors-filter li a { color: #333; font-weight: 500; } .directors-filter li a:hover { color: #655184; } .directors-filter li a.active strong { color: #655184; } .directors-filter li a.disabled { cursor: not-allowed; text-decoration: none; color: #999; } /** Subscription Feature **/ .subscription-feature { background: #fff; border-radius: 15px; border: 2px #cccccc solid; width: 100%; min-height: 200px; margin-bottom: 0px; position: relative; text-align: center; } .sub-grey-bg { background: #eaeaea; padding: 25px 15px 25px 15px; margin: 0px; border-radius: 15px; } .sub-grey-bg h3.title { font-size: 32px; line-height: 38px; font-weight: 700; min-height: 102px; font-family: 'Poppins', sans-serif; } .sub-grey-bg h3.title.small { font-size: 26px; line-height: 34px; font-family: 'Poppins', sans-serif; } .sub-grey-bg h3.title + p { margin-bottom: 28px; font-size: 20px; line-height: 28px; } .sub-grey-bg .col-xs-12 { padding: 0px 8px; } .sub-grey-bg.margin-top { margin-top: 35px; } .sub-grey-bg .btn { font-size: 17px; font-weight: 600; width: 100%; padding: 12px; max-width: 300px; } .subscription-feature.peach-border { border-color: #f3d2cd; } .subscription-feature.blue-border { border-color: #a5c5d0; } .subscription-feature.gold-border { border-color: #ffcc00; } .subscription-feature.dark-grey-border { border-color: #333333; } .subscription-feature.grey-border { border-color: #999999; } .subscription-feature .offer-cta { display: none; } .subscription-feature .offer-cta.red { background: #cc0000; padding: 10px; } .subscription-feature .offer-cta.red h4 { color: #ffffff; font-size: 20px; line-height: 26px; } .subscription-feature .offer-cta.green { background: #62c205; padding: 10px; } .subscription-feature .offer-cta.green h4 { color: #ffffff; font-size: 20px; line-height: 26px; } .subscription-feature .package-circle { background: #655184; border-radius: 50%; height: 60px; width: 60px; top: -30px; right: -20px; padding: 14px 0px 0px 0px; position: absolute; } .subscription-feature .package-circle h5 { font-size: 11px; line-height: 14px; font-weight: 600; } .subscription-feature.white .colour-bg { background: #fff; } .subscription-feature.silver .colour-bg { background: #b2b3b5; } .subscription-feature.gold .colour-bg { background: #e3b852; } .subscription-feature.yellow .colour-bg { background: #ffcc03; } .subscription-feature .colour-bg { background: #ccc; padding: 18px 15px 20px 15px; text-align: left; border-top-left-radius: 15px; border-top-right-radius: 15px; } .subscription-feature .colour-bg .current { display: none; min-height: 20px; font-weight: 600;} .subscription-feature .colour-bg h2 { color: #ffcc00; font-size: 50px; line-height: 56px; font-weight: 600; font-family: 'Poppins', sans-serif; } .subscription-feature .colour-bg h4 { color: #fff; } .subscription-feature.white .colour-bg h4 { color: #333333; font-size: 18px; line-height: 24px; margin-bottom: 1px; } .subscription-feature .colour-bg h5 { color: #fff; font-weight: 500; } .subscription-feature.white .colour-bg h5 { color: #666; } .subscription-feature .colour-bg h6 { font-size: 17px; line-height: 24px; font-weight: 600; margin: 0px 0px 8px 0px; } .subscription-feature.white .colour-bg h6 { color: #a5c5d0; } .subscription-feature .details { background: #e2e2e2; padding: 15px 15px; text-align: left; min-height: 130px; position: relative; } .subscription-feature .details .center-content { top: 50%; transform: translateY(-50%); left: 15px; right: 15px; margin: auto; position: absolute; } .subscription-feature .details.gold { background: #ffcc00; } .subscription-feature .details.blue { background: #a5c5d0; } .subscription-feature .details.peach { background: #f3d2cd; } .subscription-feature .details.dark-grey { background: #333333; } .subscription-feature .details.dark-grey h3 { color: #ffffff; } .subscription-feature .details.dark-grey h5 { color: #ffffff; } .subscription-feature .details.dark-grey p { color: #ffffff; } .subscription-feature .details.grey { background: #999999; } .subscription-feature .details.grey h3 { color: #ffffff; } .subscription-feature .details h3 { font-size: 21px; line-height: 27px; font-weight: 700; min-height: 63px; padding-top: 18px; } .subscription-feature .details h5 { font-size: 16px; line-height: 25px; margin-bottom: 4px; font-weight: 700; } .subscription-feature .details h5 span { font-weight: 500; } .subscription-feature .details p { font-size: 16px; line-height: 21px; margin: 0px; } .subscription-feature .details p + h5 { padding-top: 6px; } /* .subscription-feature .details h3 { float: left; padding-right: 20px; } */ /* .subscription-feature .details p { text-align: left; margin: 0px; } */ .subscription-feature .content { min-height: 0px; } .subscription-feature .bottom-button { padding: 20px 0px 20px 0px; } .subscription-feature .btn { font-size: 17px; font-weight: 600; width: 80%; padding: 12px; max-width: 240px; } .subscription-feature .list { padding: 10px 10px; display: none; } .subscription-feature .list.show { display: block; } .subscription-feature .list ul { min-height: 234px; padding: 0px; margin: 5px 0px 10px 0px; list-style: none; } .subscription-feature .list ul li { color: #333; font-size: 16px; line-height: 22px; padding: 10px 0px; } .subscription-feature .list ul li p { font-size: 16px; line-height: 22px; margin: 0px; } .subscription-feature .list ul li:last-child { border-bottom: none; } .subscription-feature .list .btn { margin: 10px 0px 20px 0px; } .content-panel .subscription-feature .list ul li:last-child { padding-bottom: 30px; } .subscription-feature.dark-grey-border.large { min-height: 0px; } .subscription-feature.dark-grey-border .large-details { padding: 22px 20px; } .subscription-feature.dark-grey-border .large-details h3 { color: #655184; font-size: 32px; line-height: 38px; font-weight: 600; margin-bottom: 10px; font-family: 'Poppins', sans-serif; } .subscription-feature.dark-grey-border .large-details h4 { color: #333333; font-weight: 600; margin-bottom: 22px; } .sub-grey-bg.full-width { margin-top: 40px; } .sub-grey-bg.full-width .title { min-height: 0px; } .sub-grey-bg.full-width .subscription-feature .details { display: none; } .sub-grey-bg.full-width .subscription-feature .list { height: auto!important; } .sub-grey-bg.full-width .subscription-feature .list ul { width: 50%; float: left; margin-top: 24px; min-height: 0px; } .sub-grey-bg.full-width .subscription-feature .colour-bg { width: 33.33333333%; float: left; } .sub-grey-bg.full-width .subscription-feature .content { width: 66.66666666%; min-height: 0px; float: left; } .sub-grey-bg.full-width .subscription-feature .btn { position: relative; bottom: auto; max-width: 200px; margin-top: 15px!important; } .subscription-feature-footer-cta { background: #fff; border-radius: 15px; border: 3px #655184 solid; width: 100%; min-height: 150px; padding: 25px 0px 25px 30px; margin-top: 50px; position: relative; text-align: left; overflow: hidden; } .subscription-feature-footer-cta h4 { width: 50%; float: left; margin-top: 15px; } .subscription-feature-footer-cta img { float: right; } .grey-sub-feature-container { background: #fff1b8; padding: 15px 15px 15px 15px; border-radius: 15px; margin-top: 50px; } .grey-sub-feature { background: #333333; border-radius: 15px; border: 3px #655184 solid; width: 100%; min-height: 150px; padding: 25px 30px 10px 30px; position: relative; text-align: center; overflow: hidden; } .grey-sub-feature h4 { color: #fff; font-size: 32px; line-height: 38px; margin-bottom: 12px; } .grey-sub-feature h4.bottom { display: inline; } .grey-sub-feature .btn { font-size: 24px; line-height: 26px; padding: 7px 18px; margin-top: -10px; display: inline-block; margin-left: 20px; } #searchFuneralDirector .modal-content { border-radius: 25px; border: 5px #655184 solid; } #searchFuneralDirector .modal-body { background: #ffffff; border-top-left-radius: 20px; border-top-right-radius: 20px; border: none; padding: 30px 30px 5px 30px; } #searchFuneralDirector .modal-body h3 { font-size: 30px; color: #333333; font-weight: 600; margin: 0px 0px 20px 0px; } #searchFuneralDirector .modal-body label { color: #666666; font-size: 16px; font-weight: 400; margin-bottom: 8px; } #searchFuneralDirector .modal-body .form-control { border-color: #655184; border-radius: 30px; height: 38px; max-width: 380px; margin: auto; box-shadow: none; text-align: center; } #searchFuneralDirector .modal-body .btn { margin-top: 10px; } #searchFuneralDirector .modal-body p { font-size: 15px; line-height: 22px; } #searchFuneralDirector .modal-body .list-item { font-size: 15px; line-height: 22px; border-bottom: 1px #ccc solid; padding: 8px 0px 7px 0px; } #searchFuneralDirector .modal-body #funeral-director-results-section { margin-top: 30px; } #searchFuneralDirector .modal-body #funeral-directors-results-found { margin-bottom: 20px; } #searchFuneralDirector .modal-body #funeral-directors-results-list { margin-bottom: 20px; } #searchFuneralDirector .modal-body .close { color: #cccccc; border: none; font-size: 40px; font-weight: 300; border-radius: 50%; line-height: 25px; padding: 0px; position: absolute; right: 12px; top: 15px; opacity: 1; text-shadow: none; float: right; } #searchFuneralDirector .modal-body .close:hover { color: #333; background: none; } #searchFuneralDirector .modal-footer { background: #ffffff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; text-align: center; border: none; box-shadow: none; padding: 0px 0px 30px 0px; } #index .modal-content { border-radius: 25px; border: 5px #655184 solid; } #index .modal-body .close { color: #cccccc; border: none; font-size: 40px; font-weight: 300; border-radius: 50%; line-height: 25px; padding: 0px; position: absolute; right: 12px; top: 15px; opacity: 1; text-shadow: none; float: right; } #index .modal-body .close:hover { color: #333; background: none; } #index .modal-body { background: #ffffff; border-top-left-radius: 20px; border-top-right-radius: 20px; border: none; padding: 30px 30px 20px 30px; } #index .modal-body label { color: #666666; font-size: 16px; font-weight: 400; margin-bottom: 6px; } #index .modal-body h2 { font-size: 30px; color: #333333; font-weight: 600; margin: 0px 0px 20px 0px; } #index .modal-body h3 { margin: 0px 0px 16px 0px; } #index .modal-body h3.modal-title.yellow { color: #655184; } #index .modal-body h4 .yellow-large { color: #655184; font-size: 125%; } #index .modal-body p { color: #333333; font-size: 15px; margin-bottom: 25px; text-align: center; } #index .modal-body p.error { color: #cc0000; } #index .modal-footer { background: #ffffff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; text-align: center; border: none; box-shadow: none; padding: 0px 0px 30px 0px; } #index .modal-footer .btn { margin: 0px 10px; } #index .modal-footer .btn-danger:hover { background-color: #ff4640!important; border-color: #ff4640!important; } #index .modal-footer .btn-yellow-keyline { color: #333!important; } /** * Messages * ========================================================================== */ .messages-date-field { margin-bottom: 20px; display: block; text-align: center; position: relative; } .messages-date-field h5 { color: #999999; } .messages-feature-box { margin: auto auto 35px auto; text-align: left; position: relative; } .messages-feature-box .side-image { background-size: cover; background-position: 50% center; background-repeat: no-repeat; background-color: #cccccc; border: 5px #ffffff solid; border-radius: 50%; width: 70px; height: 70px; left: 0px; top: -10px; position: absolute; z-index: 1; } .messages-feature-box .content { background: #ffffff; box-shadow: rgba(0, 0, 0, 0.01) 1px 0 3px 3px; border-radius: 5px; padding: 20px 20px 35px 20px; position: relative; } .messages-feature-box .content .text h5 { color: #999999; font-size: 16px; margin-bottom: 8px; } .messages-feature-box .content .text p { color: #333333; font-size: 16px; line-height: 24px; font-weight: 500; } .messages-feature-box .content h6 { color: #999999; font-size: 16px; margin: 0px; bottom: 20px; position: absolute; } .messages-feature-box.left .content { margin-left: 40px; padding-left: 40px; } .messages-feature-box.left .content h6 { right: 20px; } .messages-feature-box.right .side-image { left: auto; right: 0px; } .messages-feature-box.right .content { margin-right: 40px; padding-right: 40px; } .messages-feature-box.right .content h6 { left: 20px; } .message-input-field { text-align: left; display: block; position: relative; } .message-input-field .side-image { background-size: cover; background-position: 50% center; background-repeat: no-repeat; background-color: #cccccc; border: 2px #ffffff solid; border-radius: 50%; width: 42px; height: 42px; left: 0px; position: absolute; z-index: 1; } .message-input-field textarea.form-control { width: 70%!important; height: 42px; width: auto; padding: 8px 12px 7px 20px; margin-left: 30px; display: inline-block; } .message-input-field button.btn { width: 22%; padding: 12px 10px; margin-top: 0px; float: right; } #funeral-price-messages .modal-dialog.modal-md { max-width: 680px; } #funeral-price-messages .modal-body .messages-scroll { min-height: 460px; max-height: 460px; overflow: auto; padding-right: 20px; margin-bottom: 20px; } /** * Footer CTA Panel * ========================================================================== */ .footer-cta-panel { background: #f6f7f8; padding: 40px 20px; position: relative; } .footer-cta-panel .container.contained { max-width: 900px; } .footer-cta-panel h1 { font-size: 32px; line-height: 40px; } .footer-cta-panel h2 { font-size: 32px; line-height: 40px; } /** * Footer * ========================================================================== */ footer { background: #ffffff; position: relative; } body.content-only footer {display: none; } footer .footer-social { position: absolute; right: calc(var(--bs-gutter-x) * .5); margin: auto; width: 180px; padding: 0px; list-style: none; z-index: 1; } footer .footer-social li { float: left; width: 45px; height: 45px; margin-left: 0px; border: 0px; } footer .footer-social li a { height: 45px; width: 45px; display: block; text-align: center; } footer .footer-social li a i { color: #ffffff; } footer .footer-social li a:hover i { color: #9079b1; } footer .footer-social li.linkedin-in a { font-size: 26px; line-height: 48px; } footer .footer-social li.x-twitter a { font-size: 28px; line-height: 48px; } footer .footer-social li.facebook-f a { font-size: 26px; line-height: 48px; } footer .footer-social li.instagram a { font-size: 26px; line-height: 48px; } footer .footer-social.desktop { display: block; } footer .footer-social.mobile { display: none; } footer .footer-middle { background: #333333; border-bottom: 1px #757575 solid; padding: 70px 0px 55px 0px; } footer .footer-middle .col { position: relative; } footer .footer-middle .logos .main-logo { max-width: 100px; display: block; margin-bottom: 80px; } footer .footer-middle .logos .accred { max-height: 65px; max-width: 190px; margin-right: 25px; } footer .footer-middle .center-content { max-width: 250px; margin: 70px auto auto auto; } footer .footer-middle h5 { color: #9079b1; font-size: 18px; margin-bottom: 18px; } footer .footer-middle h5 a { color: #9079b1; } footer .footer-middle h5 a:hover { color: #ffcc00; } footer .footer-middle .center-content ul { list-style: none; padding: 0px; margin: 0px; } footer .footer-middle .center-content ul li { color: #ffffff; font-size: 15px; margin: 0px 0px 18px 0px; } footer .footer-middle .center-content ul li a { color: #ffffff; font-weight: 300; } footer .footer-middle .center-content ul li a:hover { color: #ffcc00; } footer .footer-bottom { background: #333333; padding: 25px 0px 40px 0px; } footer .footer-bottom p { color: #ffffff; font-size: 10.5px; line-height: 17px; margin: 0px; } footer .footer-bottom p a { color: #ffffff; } footer .footer-bottom p a:hover { color: #ffcc00; } footer .footer-bottom h6 { color: #ffffff; font-size: 13px; line-height: 19px; font-weight: 400; margin: 0px; text-align: right; } footer .footer-bottom h6 a { color: #ffffff; } footer .footer-bottom h6 a:hover { color: #ffcc00; } footer .footer-bottom h6 span { padding: 0px 6px; } footer .footer-bottom ul { list-style: none; padding: 0px; margin: 0px; } footer .footer-bottom ul li { color: #ffffff; font-size: 16px; line-height: 20px; font-weight: 400; display: inline-block; padding-right: 6px; margin: 0px; text-align: right; } footer .footer-bottom ul li a { color: #ffffff; } footer .footer-bottom ul li a:hover { color: #ffcc00; } footer .footer-bottom ul li span { padding: 0px 6px; } .home-footer + footer { background: #f6f7f8; } .home-footer + footer .footer-top { background: #f6f7f8; } /** * Modal Pop Ups * ========================================================================== */ .modal { z-index: 999999 }; .modal-dialog { margin: 60px auto; } .modal-backdrop.in { opacity: .7; } .modal-open { padding-right: 0px!important; } .error-validate { border-bottom: #cc0000 3px solid; padding-bottom: 10px; margin-bottom: 15px; font-size: 16px; line-height: 22px; color: #cc0000; font-weight: 400; } .error-message { border-bottom: #cc0000 3px solid; padding-bottom: 10px; margin-bottom: 15px; font-size: 16px; line-height: 22px; color: #cc0000; font-weight: 400; } .modal-dialog { max-width: 500px; } .modal-dialog.modal-xl { max-width: 1200px; } .modal-dialog.modal-lg { max-width: 800px; } .modal-dialog.modal-md { max-width: 600px; } .modal-dialog.modal-sm { max-width: 500px; } .modal.style .modal-content { border: 0px; } .modal.style .modal-body { padding: 28px; text-align: center; } .modal.style .modal-body .close { background: #ffffff; color: #a3a3a3; border: 2px #a3a3a3 solid; border-radius: 50%; width: 40px; height: 40px; font-size: 22px; line-height: 38px; border-radius: 50%; padding: 0px; position: absolute; right: 20px; top: 20px; opacity: 1; text-shadow: none; float: right; } .modal.style .modal-body .close:hover { background: #655184; border-color: #655184; color: #ffffff; } .modal.style .modal-body p a { color: #655184; font-weight: 600; } .modal.style .modal-body label a { color: #655184; position: relative; z-index: 1; } .modal.style .modal-body .modal-titles { text-align: center; padding: 0px 35px; margin-left: auto; margin-right: auto; margin-bottom: 20px; } .modal.style .modal-body .modal-titles h2 { color: #655184; font-size: 34px; line-height: 40px; font-weight: 400; margin-bottom: 6px; font-family: 'Domine', serif; } .modal.style .modal-body .modal-titles h3 { color: #655184; font-size: 28px; line-height: 36px; font-weight: 400; margin-bottom: 6px; font-family: 'Domine', serif; } .modal.style .modal-body .modal-titles p { color: #666666; font-size: 20px; line-height: 28px; } .modal.style .modal-body .col-xs-12 { padding-left: 8px; padding-right: 8px; } .modal.style .modal-body .grey-bg { background: #e5e8eb; text-align: center; padding: 27px 30px; border-radius: 5px; position: relative; } .modal.style .modal-body .grey-bg .row.contained { max-width: 95%; margin: auto; } .modal.style .modal-body .grey-bg .row.contained.small { width: 95%; max-width: 360px; } .modal.style .modal-body .grey-bg p { color: #333333; font-size: 18px; line-height: 24px; } .modal.style .modal-body .grey-bg p.small { font-size: 16px; line-height: 24px; } .modal.style .modal-body .grey-bg .form-control { border: 1px #c3c3c3 solid; font-size: 16px; } .modal.style .modal-body .grey-bg.messages textarea.form-control { height: 66px!important; } .modal.style .modal-body .grey-bg textarea.form-control { height: 102px!important; } .modal.style .modal-body .grey-bg input.form-control { height: 42px; border-radius: 30px; } .modal.style .modal-body .grey-bg input.form-control::placeholder { color: #888888; } .modal.style .modal-body .grey-bg select.form-control { height: 42px; border-radius: 30px; } .modal.style .modal-body .grey-bg input.form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .modal.style .modal-body .grey-bg select.form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e); background-repeat: no-repeat; background-position: right calc(0.375em + 0.1875rem) center; background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .modal.style .modal-body .grey-bg input[type="checkbox"].is-invalid + label::before { border: 1px #dc3545 solid; } .modal.style .modal-body .grey-bg .sk-circle { width: 50px; height: 50px; position: absolute; left: 0px; right: 0px; margin: auto; } .modal.style .modal-body .grey-bg .form-group label { color: #4b4b4b; font-size: 18px; line-height: 24px; margin-bottom: 14px; } .modal.style .modal-body .grey-bg .form-group label strong { font-weight: 600; } .modal.style .modal-body .grey-bg .checkbox { margin-top: 6px; margin-bottom: 14px; } .modal.style .modal-body .grey-bg .checkbox label { color: #333333; font-size: 16px; font-weight: 400; padding-left: 25px; } .modal.style .modal-body .grey-bg .checkbox label span { display: block; margin-top: 4px; } .modal.style .modal-body .grey-bg .selection-titles { margin-bottom: 20px; } .modal.style .modal-body .grey-bg .selection-titles h4 { font-size: 22px; line-height: 28px; margin-bottom: 5px; } .modal.style .modal-body .grey-bg .selection-titles p { font-size: 18px; line-height: 24px; margin: 0px; } .modal.style .modal-body .grey-bg .selection-list { text-align: left; margin-right: -30px; padding-right: 30px; margin-bottom: 22px; max-height: 300px; height: 100%; overflow: auto; } .modal.style .modal-body .grey-bg .selection-feature { background: #ffffff; padding: 18px 50px 18px 18px; margin-bottom: 16px; border: 2px #655184 solid; border-radius: 5px; position: relative; } .modal.style .modal-body .grey-bg .selection-feature h5 { color: #333333; font-size: 18px; line-height: 24px; } .modal.style .modal-body .grey-bg .selection-feature h6 { color: #666; margin: 5px 0px; font-size: 14px; } .modal.style .modal-body .grey-bg .selection-feature p { color: #333333; font-size: 14px; line-height: 20px; margin: 4px 0px 0px 0px; } .modal.style .modal-body .grey-bg .selection-feature .remove-icon { background: #ffffff; border: 1px #666666 solid; color: #666666; text-align: center; font-size: 28px; line-height: 28px; border-radius: 50%; width: 28px; height: 28px; top: 50%; transform: translateY(-50%); right: 16px; position: absolute; } .modal.style .modal-body .grey-bg .selection-feature .remove-icon:hover { background: #655184; border-color: #655184; color: #ffffff; cursor: pointer; } .modal.style .modal-body .grey-bg .plan-steps .accordion .accordion-button { background: none; padding: 20px 20px 20px 20px; border: 0px; box-shadow: none; text-align: center; } .modal.style .modal-body .grey-bg .plan-steps .accordion .accordion-button::after { background: none; display: none; } .modal.style .modal-body .grey-bg .plan-steps .accordion .accordion-button h3 { color: #655184; font-size: 22px; line-height: 28px; margin: auto; } .modal.style .modal-body .grey-bg .plan-steps .accordion .accordion-item { border: 0px; border-radius: 5px; margin-bottom: 25px; } .modal.style .modal-body .grey-bg .plan-steps .accordion .accordion-body { padding-top: 0px; border: 0px; text-align: left; } .modal.style .modal-body .grey-bg .radio-feature-box { width: 100%; } .modal.style .modal-body .grey-bg .radio-feature-box.left { text-align: left; } .modal.style .modal-body .grey-bg .radio-feature-box .radio label h6 { margin: 0px; } .modal.style .modal-body .grey-bg .radio-feature-box .radio label h5 { font-size: 16px; line-height: 22px; } .modal.style .modal-body .grey-bg .radio-feature-box .radio label h4 { font-size: 18px; line-height: 24px; } .modal.style .modal-body .grey-bg .radio-feature-box .radio label h3 { color: #655184; font-size: 21px; line-height: 26px; font-weight: 400; margin-top: 2px; margin-bottom: 7px; font-family: 'Domine', serif; } .modal.style .modal-body .grey-bg .buttons { margin-top: 8px; } .modal.style .modal-body .grey-bg .buttons .btn { margin: 0px 5px; } .modal.style .modal-body .buttons.bottom { margin-top: 30px; } .modal.style .modal-body .buttons.bottom .btn { margin: 0px 5px; } .modal.style .modal-body .modal-bottom { margin-top: 25px; } .modal.style .modal-body .modal-bottom:empty { margin-top: 0px; } .modal.style .modal-body .modal-bottom h3 { color: #655184; font-size: 28px; line-height: 36px; margin: 0px; } .modal.style .modal-body .modal-bottom p { color: #666666; font-size: 18px; line-height: 26px; margin-bottom: 0px; } .modal.style .modal-body .modal-bottom p a.grey { color: #666666; } .modal.style .modal-body .modal-bottom p a.grey:hover { color: #655184; } #videoguide .modal-content { border-radius: 0px; } #videoguide .container { margin: 0 auto; max-width: 100%; width: 100%; padding: 0; } #videoguide .resp-container { position: relative; overflow: hidden; padding-top: 56.25%; } #videoguide .resp-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } #videoguide .row { margin: 0 auto; max-width: 100%; width: 100%; padding: 0; } #videoguide .modal-body { background: #fff; padding: 0px;} #videoguide .modal-body video { display: block; width: 100%; } #videoguide .modal-body iframe { width: 100%; display: block; border: 0px; } #videoguide .modal-body .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } #videoguide .modal-body .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #videoguide .white-modal-panel { background: #fff; min-height: 100%; padding: 30px 20px 30px 20px;} #videoguide .white-modal-panel h3 { font-size: 30px; font-weight: 400; color: #04a6e1; margin: 0px; padding: 0px;} #videoguide button.close { -webkit-appearance: none; font-size: 22px; padding: 7px 9px 7px 9px; cursor: pointer; background: 0 0; border: 1px solid #d3d3d3; border-radius: 50%; color: #d3d3d3; opacity: 1; text-shadow:none;} #videoguide .close:focus { color: #fff!important; text-decoration: none; cursor: pointer; background: #06205c!important; border: 1px solid #06205c; opacity: 1;} #videoguide .close:hover { color: #fff!important; text-decoration: none; cursor: pointer; background: #06205c!important; border: 1px solid #06205c; opacity: 1;} @media screen and (min-width: 1520px) { #videoguide .modal-lg { width: 1234px; } #videoguideourservices .modal-lg { width: 1234px; } } @media screen and (max-width: 1090px) { #videoguide .modal-lg { width: 100%; padding: 20px; } #videoguideourservices .modal-lg { width: 100%; padding: 20px; } } #videoguide2 .modal-content { border-radius: 0px; } #videoguide2 .container { margin: 0 auto; max-width: 100%; width: 100%; padding: 0; } #videoguide2 .resp-container { position: relative; overflow: hidden; padding-top: 56.25%; } #videoguide2 .resp-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } #videoguide2 .row { margin: 0 auto; max-width: 100%; width: 100%; padding: 0; } #videoguide2 .modal-body { background: #fff; padding: 0px;} #videoguide2 .modal-body video { display: block; width: 100%; } #videoguide2 .modal-body iframe { width: 100%; display: block; border: 0px; } #videoguide2 .modal-body .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } #videoguide2 .modal-body .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } #videoguide2 .white-modal-panel { background: #fff; min-height: 100%; padding: 30px 20px 30px 20px;} #videoguide2 .white-modal-panel h3 { font-size: 30px; font-weight: 400; color: #04a6e1; margin: 0px; padding: 0px;} #videoguide2 button.close { -webkit-appearance: none; font-size: 22px; padding: 7px 9px 7px 9px; cursor: pointer; background: 0 0; border: 1px solid #d3d3d3; border-radius: 50%; color: #d3d3d3; opacity: 1; text-shadow:none;} #videoguide2 .close:focus { color: #fff!important; text-decoration: none; cursor: pointer; background: #06205c!important; border: 1px solid #06205c; opacity: 1;} #videoguide2 .close:hover { color: #fff!important; text-decoration: none; cursor: pointer; background: #06205c!important; border: 1px solid #06205c; opacity: 1;} @media screen and (min-width: 1520px) { #videoguide2 .modal-lg { width: 1234px; } } @media screen and (max-width: 1090px) { #videoguide2 .modal-lg { width: 100%; padding: 20px; } } .modal.video .modal-content { border-radius: 0px; } .modal.video .container { margin: 0 auto; max-width: 100%; width: 100%; padding: 0; } .modal.video .resp-container { position: relative; overflow: hidden; padding-top: 56.25%; } .modal.video .resp-iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .modal.video .row { margin: 0 auto; max-width: 100%; width: 100%; padding: 0; } .modal.video .modal-body { background: #fff; padding: 0px;} .modal.video .modal-body video { display: block; width: 100%; } .modal.video .modal-body iframe { width: 100%; display: block; border: 0px; } .modal.video .modal-body .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ height: 0; } .modal.video .modal-body .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .modal.video .white-modal-panel { background: #fff; min-height: 100%; padding: 30px 20px 30px 20px;} .modal.videoe .white-modal-panel h3 { font-size: 30px; font-weight: 400; color: #04a6e1; margin: 0px; padding: 0px;} .modal.video button.close { -webkit-appearance: none; font-size: 22px; padding: 7px 9px 7px 9px; cursor: pointer; background: 0 0; border: 1px solid #d3d3d3; border-radius: 50%; color: #d3d3d3; opacity: 1; text-shadow:none;} .modal.video .close:focus { color: #fff!important; text-decoration: none; cursor: pointer; background: #06205c!important; border: 1px solid #06205c; opacity: 1;} .modal.video .close:hover { color: #fff!important; text-decoration: none; cursor: pointer; background: #06205c!important; border: 1px solid #06205c; opacity: 1;} @media screen and (min-width: 1520px) { .modal.video .modal-lg { width: 1234px; } } @media screen and (max-width: 1090px) { .modal.video .modal-lg { width: 100%; padding: 20px; } } #directorSearch .modal-content { border-radius: 25px; border: 5px #655184 solid; } #directorSearch .modal-body { background: #ffffff; border-top-left-radius: 20px; border-top-right-radius: 20px; border: none; padding: 30px 30px 5px 30px; } #directorSearch .modal-body h3 { font-size: 30px; line-height: 36px; color: #333333; font-weight: 600; margin: 0px 0px 20px 0px; } #directorSearch .modal-body label { color: #666666; font-size: 16px; font-weight: 400; margin-bottom: 8px; } #directorSearch .modal-body .form-control { border-color: #655184; border-radius: 30px; height: 38px; max-width: 380px; margin: auto; box-shadow: none; text-align: center; } #directorSearch .modal-body .btn { margin-top: 10px; } #directorSearch .modal-body p { font-size: 15px; line-height: 22px; } #directorSearch .modal-body .list-item { font-size: 15px; line-height: 22px; border-bottom: 1px #ccc solid; padding: 8px 0px 7px 0px; } #directorSearch .modal-body #funeral-director-results-section { margin-top: 30px; } #directorSearch .modal-body #funeral-directors-results-found { margin-bottom: 20px; } #directorSearch .modal-body #funeral-directors-results-list { margin-bottom: 20px; } #directorSearch .modal-body .close { background: none; color: #cccccc; border: none; font-size: 40px; font-weight: 300; border-radius: 50%; line-height: 25px; padding: 0px; position: absolute; right: 12px; top: 15px; opacity: 1; text-shadow: none; float: right; } #directorSearch .modal-body .close:hover { color: #333; background: none; } #directorSearch .modal-footer { background: #ffffff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; text-align: center; border: none; box-shadow: none; padding: 0px 0px 30px 0px; } #charityForm .modal-content { border-radius: 25px; border: 5px #655184 solid; } #charityForm .modal-dialog { width: 100%; max-width: 800px; padding: 0px 25px; } #charityForm .modal-body { background: #ffffff; border-top-left-radius: 20px; border-top-right-radius: 20px; border: none; padding: 30px 30px 5px 30px; } #charityForm .modal-body h3 { font-size: 30px; line-height: 36px; color: #333333; font-weight: 600; margin: 0px 0px 20px 0px; } #charityForm .modal-body label { color: #666666; font-size: 16px; font-weight: 400; margin-bottom: 8px; } #charityForm .modal-body .form-control { border-color: #655184; border-radius: 30px; height: 38px; max-width: 380px; margin: auto; box-shadow: none; text-align: center; } #charityForm .modal-body .form-control.error { border-color: rgb(204, 0, 0); } #charityForm .modal-body textarea.form-control { height: 100px; max-width: 100%; } #charityForm .modal-body .btn { margin-top: 10px; } #charityForm .modal-body p { font-size: 15px; line-height: 22px; } #charityForm .modal-body .list-item { font-size: 15px; line-height: 22px; border-bottom: 1px #ccc solid; padding: 8px 0px 7px 0px; } #charityForm .modal-body .formeo input[type="checkbox"] { display: inline-block; height: auto; } #charityForm .modal-body .formeo input[type="checkbox"] + label { display: inline-block; width: 80%; vertical-align: top; margin-left: 15px;} #charityForm .modal-body .formeo input[type="checkbox"].error + label { color: #cc0000; } #charityForm .modal-body .formeo-row-wrap:first-child + .formeo-row-wrap { text-align: left; } #charityForm .modal-body #funeral-director-results-section { margin-top: 30px; } #charityForm .modal-body #funeral-directors-results-found { margin-bottom: 20px; } #charityForm .modal-body #funeral-directors-results-list { margin-bottom: 20px; } #charityForm .modal-body .close { background: none; color: #cccccc; border: none; font-size: 40px; font-weight: 300; border-radius: 50%; line-height: 25px; padding: 0px; position: absolute; right: 12px; top: 15px; opacity: 1; text-shadow: none; float: right; } #charityForm .modal-body .close:hover { color: #333; background: none; } #charityForm .modal-body .error { color: #cc0000; } #charityForm .modal-footer { background: #ffffff; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; text-align: center; border: none; box-shadow: none; padding: 0px 0px 30px 0px; } #directorsGetQuote .modal-content { overflow: hidden; } #directorsGetQuote .modal-body { padding: 40px 40px; } #directorsGetQuote .modal-body h3 { margin: 0px 0px 32px 0px; } #directorsGetQuote .button-feature { background: #ffffff; width: 100%; max-width: 360px; padding: 25px; margin: auto; text-align: center; border: 4px #ffcc00 solid; border-radius: 20px; position: relative; transition-timing-function: ease-in; transition: 0.4s; } #directorsGetQuote .button-feature h3 { font-size: 26px; line-height: 34px; margin-bottom: 15px; transition-timing-function: ease-in; transition: 0.4s; } #directorsGetQuote .button-feature h5 { color: #655184; font-size: 21px; line-height: 27px; font-weight: 500; } #directorsGetQuote .button-feature h5 i { font-size: 20px; } #newUserPopup .modal-content { border: none; } #newUserPopup .modal-dialog { max-width: 580px; } #newUserPopup .modal-body .close { font-size: 30px; } #newUserPopup .modal-body img { max-width: 80px; margin-bottom: 20px; } #newUserPopup .modal-body h3 { font-size: 30px; line-height: 36px; margin-bottom: 5px; } #newUserPopup .modal-body h5 { color: #000000; margin-bottom: 30px; } #newUserPopup .modal-body p { color: #333333; font-size: 16px; line-height: 22px; margin-bottom: 25px; } #newUserPopup .modal-body .btn { padding: 12px 30px; } #newUserPopup .modal-footer { padding: 0px 0px 15px 0px; } #initialTrial .modal-content { border: none; } #initialTrial .modal-dialog { max-width: 580px; } #initialTrial .modal-body .close { font-size: 30px; } #initialTrial .modal-body img { max-width: 80px; margin-bottom: 20px; } #initialTrial .modal-body h3 { font-size: 30px; line-height: 36px; margin-bottom: 5px; } #initialTrial .modal-body h5 { color: #000000; margin-bottom: 30px; } #initialTrial .modal-body p { color: #333333; font-size: 16px; line-height: 22px; margin-bottom: 25px; } #initialTrial .modal-body .btn { padding: 12px 30px; } #initialTrial .modal-footer { padding: 0px 0px 15px 0px; } #webpagePreview .modal-lg { width: 95%; max-width: 1500px; } /** * Medium Screens * ========================================================================== */ @media screen and (min-width: 2100px) { #main-slider .slide-1 { background-size: 100%!important; } #main-slider .slide-2 { background-size: 100%!important; } #main-slider .slide-3 { background-size: 100%!important; } #main-slider .slide-4 { background-size: 100%!important; } .double-feature-panel .left { background-size: 100%!important; } .double-feature-panel .right { background-size: 100%!important; } .centre-title-panel { background-size: 100%!important; } .centre-text-panel { background-size: 100%!important; } .centre-feature-panel { background-size: 100%!important; } .centre-content-panel { background-size: 100%!important; } .three-box-feature-panel { background-size: 100%!important; } .right-feature-panel { background-size: 100%!important; } .left-feature-panel { background-size: 100%!important; } .right-content-panel { background-size: 100%!important; } .left-content-panel { background-size: 100%!important; } #internal-header { background-size: 100%!important; } #home-panel-1 { background-size: auto!important; } #home-panel-2 { background-size: auto!important; } #home-panel-3 { background-size: auto!important; } #about-panel-1 { background-size: auto!important; } #about-panel-2 { background-size: auto!important; } } @media screen and (max-width: 1780px) { .box-features-slider-left-panel .main-info { width: 660px; } .box-features-slider-left-panel .slider .slick-dots { max-width: 625px; } } @media screen and (max-width: 1750px) { .box-features-slider-left-panel .main-info { width: 640px; } .box-features-slider-left-panel .slider .slick-dots { max-width: 605px; } } @media screen and (max-width: 1650px) { .box-features-slider-left-panel .main-info { width: 610px; } .box-features-slider-left-panel .slider .slick-dots { max-width: 575px; } } @media screen and (max-width: 1600px) { .support-feature .image { height: 260px; } .box-features-slider-right-panel .main-info .content { padding-right: 30px; } .box-features-slider-left-panel .main-info .content { padding-right: 25px; } .box-features-slider-left-panel .main-info { width: 595px; } .box-features-slider-left-panel .slider .slick-dots { max-width: 560px; } .news-features-slider-right-panel .main-info { width: 550px; } .news-box-feature .content h3 { font-size: 23px; line-height: 30px; } .director-profile-features-panel .images img { height: 50px; } .right-column .content.scrolled .director-selection-box h4 { font-size: 22px; line-height: 28px; margin-bottom: 14px; } .right-column .content.scrolled .director-selection-box .selection-feature h5 { font-size: 16px; line-height: 22px; margin: 0px; } .right-column .content.scrolled .director-selection-box .btn { font-size: 16px; line-height: 14px; padding: 10px 22px; } .right-column .content.scrolled .director-search-box .top-content { padding: 16px 28px; } .right-column .content.scrolled .director-search-box h4 { font-size: 22px; line-height: 28px; } .right-column .content.scrolled .director-search-box .text-content h4.sub-title { font-size: 18px; line-height: 24px; } .right-column .content.scrolled .director-search-box .text-content p { font-size: 16px; } .right-column .content.scrolled .director-search-box ul li { font-size: 14px; } .right-column .content.scrolled .director-search-box .btn { font-size: 16px; line-height: 14px; padding: 10px 22px; } } @media screen and (max-width: 1550px) { .box-features-slider-right-panel .main-info .content { width: 500px; } .box-features-slider-left-panel .main-info { width: 580px; } .box-features-slider-left-panel .main-info .content { width: 500px; } .box-features-slider-left-panel .slider .slick-dots { max-width: 545px; } } @media screen and (max-width: 1500px) { .box-features-slider-right-panel .slider .slick-dots { left: 55px; } .box-features-slider-left-panel .main-info { width: 560px; padding-right: 55px; } .box-features-slider-left-panel .slider .slick-dots { max-width: 525px; } .box-features-slider-right-panel .main-info .content p { font-size: 18px; line-height: 26px; } .center-video-panel .outside-side-img { width: 380px; } } @media screen and (max-width: 1450px) { .news-features-slider-right-panel .main-info { width: 460px; } .box-features-slider-right-panel .main-info .content { width: 470px; } .box-features-slider-left-panel .main-info { width: 540px; } .box-features-slider-left-panel .main-info .content { width: 470px; } .box-features-slider-left-panel .slider .slick-dots { max-width: 505px; } } @media screen and (max-width: 1400px) { .side-details-info-panel .slider .slide-box h4 { font-size: 22px; line-height: 30px; } .side-details-info-panel .video-holder { max-width: 290px; } .box-features-slider-left-panel .main-info .content p { font-size: 19px; line-height: 26px; } .box-features-slider-right-panel .main-info .content p { font-size: 19px; line-height: 26px; } .box-features-slider-right-panel .main-info .content { width: 440px; } .box-features-slider-left-panel .main-info { width: 510px; } .box-features-slider-left-panel .main-info .content { width: 440px; } .box-features-slider-left-panel .main-info { min-height: 475px; } .box-features-slider-left-panel .support-feature { min-height: 475px; } .box-features-slider-left-panel .slider .slick-dots { max-width: 475px; bottom: -10px; } .box-features-slider-right-panel .main-info { } .news-features-slider-right-panel .main-info { padding-left: 110px; } .support-feature .background { padding: 25px; } .client-case-studies-panel .slide .image-container { margin-top: 20px; } } @media screen and (max-width: 1370px) { } @media screen and (max-width: 1350px) { .box-features-slider-right-panel .main-info .content { width: 440px; } .box-features-slider-left-panel .main-info { width: 490px; } .box-features-slider-left-panel .main-info .content { width: 440px; padding-right: 35px; } .box-features-slider-left-panel .slider .slick-dots { max-width: 455px; } .news-features-slider-right-panel .main-info { width: 400px; } } @media screen and (max-width: 1320px) { .box-features-slider-right-panel .slider .slick-dots { left: 45px; } .box-features-slider-right-panel .main-info { padding-left: 45px; } .news-features-slider-right-panel .main-info { padding-left: 45px; } .content-panel .featured-circle { right: -10px; } } @media screen and (max-width: 1300px) { .sub-grey-bg h3.title { font-size: 22px; line-height: 30px; } .sub-grey-bg h3.title.small { font-size: 22px; line-height: 30px; } .center-video-panel .outside-side-img { width: 300px; left: 0px; } .side-details-info-panel .journey-titles p { font-size: 16px; line-height: 24px; } } @media screen and (max-width: 1290px) { .box-features-slider-left-panel .main-info { width: 470px; } .box-features-slider-left-panel .main-info .content { width: 100%; } .box-features-slider-left-panel .main-info { padding-left: 15px; } .box-features-slider-right-panel .main-info .content { width: 100%; } } @media screen and (max-width: 1260px) { .box-features-slider-right-panel .slider .slick-dots { left: 25px; } .box-features-slider-right-panel .main-info { padding-left: 25px; } } @media screen and (max-width: 1200px) { /* Generic */ .container { width: 100%; } /* Header/Navigation */ #header img { width: 70px; margin-top: 24px; margin-right: 20px } #header.scrolled img { width: 55px; margin-top: 9px; } #header .nav { padding-left: 0px; } #header .nav .nav-item { font-size: 16px; margin-right: 0px; min-width: 90px; } #header .nav .nav-item a:link { padding-left: 0px; padding-right: 0px; } #header .nav-right .btn { font-size: 13px; line-height: 14px; padding: 10px 10px; } /* Generic Font Sizes */ h1 { font-size: 38px; line-height: 46px; } h2 { font-size: 38px; line-height: 46px; } h3 { font-size: 32px; line-height: 38px; } h4 { font-size: 22px; line-height: 28px; } h2.main-title { font-size: 38px; line-height: 46px; } p.sub-title { font-size: 20px !important; line-height: 26px !important; } /* ID Panels */ #home-panel-3 h3.white-text { margin-top: 110px!important; } #about-us-panel-3 h4 { font-size: 16px; line-height: 22px; } #about-us-panel-3 h5 { font-size: 14px; line-height: 20px; } #about-us-panel-3 h5 + p { font-size: 12px; line-height: 18px; } #about-panel-4 p { padding-right: 100px; } .box-features-slider-right-panel .slider .slick-dots { left: 15px; } .box-features-slider-left-panel .main-info { width: 440px; padding-left: 15px; } .box-features-slider-left-panel .slider .slick-dots { max-width: 425px; } .content-panel .featured-circle { right: 20px; } .header-features-panel .top .relative-side-img { float: none; } .header-features-panel .bottom .col-12 { margin-top: -150px; } .cta-box-feature h3 { font-size: 28px; line-height: 36px; } .cta-box-feature h5 { font-size: 18px; line-height: 24px; } .cta-box-feature p { font-size: 16px; line-height: 22px; } .support-feature .content h4 { font-size: 20px; line-height: 26px; } .support-feature .content h5 { font-size: 14px; line-height: 20px; bottom: 25px; } .full-width-cta.cutoff-img .image { width: 220px; height: 220px; background-size: 100%; } /* Internal */ .internal-panel .text { width: 75%; } .intro-box-feature.internal { height: auto; margin-bottom: 30px; } .contained-text { width: 75%; } .share-sidebar { margin-left: 0px; } .internal-panel.contact-form .text .formeo.formeo-render .formeo-column { padding: 0px 20px; } .latest-articles-guides-panel .news-feature.big .feature h2 { font-size: 30px; line-height: 36px; } .features-slider-box-panel.bottom { margin-top: 0px; } #index .plan-feature.memory { padding: 40px 50px 40px 50px; } .search-holder .container { width: 80%; } .header-mask-buttons-panel .mask .right img { bottom: auto; right: auto; } .main-header-feature-grad-panel .box-feature { padding-top: 10px; } .main-header-feature-grad-panel .box-feature .top-content { padding-bottom: 45px; } .internal-header p { font-size: 18px; line-height: 26px; } .box-features-slider-right-panel .main-info { width: 100%; position: relative; background: none; text-align: center; padding: 0px 20px 40px 20px; min-height: 0px; max-width: 700px; margin: auto; } .box-features-slider-right-panel .main-info .content { width: 100%; max-width: 100%; padding: 0px; } .box-features-slider-right-panel .box-features-slider { padding-left: 0px; } .box-features-slider-right-panel .gallery-arrow.prev { left: -90px; right: 0px; } .box-features-slider-right-panel .gallery-arrow.next { right: -90px; left: 0px; } .box-features-slider-right-panel .gallery-arrow { margin: auto; top: -100px; bottom: auto!important; } .box-features-slider-right-panel .main-info .content { float: none; } .box-features-slider-right-panel { padding-bottom: 120px!important; } .box-features-slider-right-panel .slider .slick-dots { max-width: 380px; text-align: center; margin: auto; left: 0px; right: 0px; bottom: -80px; } .box-features-slider-right-panel .slider .slick-dots li { margin: 0px 4px 0px 4px; } .news-features-slider-right-panel .main-info { width: 100%; position: relative; background: none; text-align: center; padding: 0px 20px 120px 20px; min-height: 0px; max-width: 700px; margin: auto; } .news-features-slider-right-panel .main-info .content { width: 100%; max-width: 100%; padding: 0px; } .news-features-slider-right-panel .news-box-features-slider { padding-left: 0px; } .news-features-slider-right-panel .gallery-arrow.prev { left: -90px; right: 0px; } .news-features-slider-right-panel .gallery-arrow.next { right: -90px; left: 0px; } .news-features-slider-right-panel .gallery-arrow { margin: auto; top: -100px; bottom: auto!important; } .client-case-studies-panel .slide { position: relative; height: 820px; } .client-case-studies-panel .slide .image-container { height: 550px; } .client-case-studies-panel .slide .image { height: 420px; width: 90%; } .client-case-studies-panel .slick-active.slide .image { height: 500px; } .center-logos-panel .logos { text-align: center; } .center-logos-panel .logos img { vertical-align: middle; margin: 15px 12px; height: 40px!important } .intro-box-feature { width: 94%; } .intro-box-feature h4 { font-size: 21px; line-height: 27px; } .intro-box-feature h6 { font-size: 15px; line-height: 21px; } .side-scroll { max-width: 312px; } /* Funeral Directors */ .funeral-director-top-panel .funeral-directors-slider .gallery-arrow.prev { left: 3%; } .funeral-director-top-panel .funeral-directors-slider .gallery-arrow.next { right: 3%; } .funeral-director-top-panel .funeral-directors-slider .gallery-arrow { height: 60px; width: 60px; font-size: 34px; padding-top: 8px; top: 116px; } .grey-sub-feature h4 { font-size: 26px; line-height: 34px; } .director-search-box h4.sub-title { font-size: 19px; line-height: 26px; } .director-details-box .bottom-info .buttons .btn { font-size: 14px; line-height: 12px; padding: 12px 6px; } .internal-section-panel .results-bar h4 { font-size: 22px; line-height: 28px; } .search-loader-box h4 { font-size: 22px; line-height: 28px; margin-bottom: 10px; } .internal-section-panel .top-button { display: none; } .internal-section-panel .top-button + .director-profile-features-panel { margin-top: 58px; } .side-details-info-panel { padding: 30px 0px 35px 0px; text-align: center; position: relative; } .side-details-info-panel .container { max-width: 100%; } .side-details-info-panel .journey-titles { margin-bottom: 0px; } .side-details-info-panel .slider { display: none; } .side-details-info-panel .video-holder { display: none; } .side-details-info-panel .img-fluid.video { display: none; } .side-details-info-panel h5.domine { display: none; } #provider-profile-offcanvas { width: 95%; } #provider-profile-offcanvas .main-details { padding-right: 40px; } .footer-cta-panel h1 { font-size: 30px; line-height: 38px; } .footer-cta-panel h2 { font-size: 30px; line-height: 38px; } footer .footer-bottom { text-align: center; } footer .footer-bottom h6 { margin-top: 15px; text-align: center; } } @media screen and (max-width: 1170px) { .search-filters-box-panel.scrolled { left: 0px; right: 0px; max-width: 100%; } } @media screen and (max-width: 1150px) { .box-features-slider-left-panel .main-info { width: 420px; } .box-features-slider-left-panel .slider .slick-dots { max-width: 405px; } .content-panel .featured-circle { right: 0px; position: relative; margin: auto auto 40px auto; top: 0px; } } @media screen and (max-width: 1100px) { #header .nav .nav-item a span { padding: 12px 14px !important; } .main-header-feature-panel .cta-box-feature { width: 98%; } .main-header-feature-panel .cta-box-feature .btn { font-size: 16px; line-height: 18px; } .main-header-feature-panel .cta-box-feature h5 { font-size: 16px; line-height: 22px; } .box-features-slider-left-panel .main-info { width: 405px; } .box-features-slider-left-panel .slider .slick-dots { max-width: 390px; } } @media screen and (max-width: 1050px) { .header-features-panel { padding-top: 170px; } .header-features-panel .bottom .col-12 { margin-top: -170px; } .box-features-slider-left-panel .main-info { width: 395px; } .box-features-slider-left-panel .slider .slick-dots { max-width: 380px; } } /** * Tablet * ========================================================================== */ @media screen and (max-width: 1100px) { #header .nav-right .user-circle { margin-left: 0px; } #header .nav-right .btn { font-size: 12px; line-height: 14px; padding: 10px 5px; } .main-header-feature-panel .box-feature .top-content h3 { font-size: 36px; line-height: 42px; } .main-header-feature-panel .box-feature .top-content h5 { font-size: 18px; line-height: 24px; } .search-filters-box-panel .bottom-section .checkbox label { width: 95%; } .subscription-feature-footer-cta {padding: 25px 20px 25px 20px; } .subscription-feature-footer-cta h4 { width: 100%; float: none; margin-top: 15px; text-align: center; } .subscription-feature-footer-cta img { margin: 20px auto 10px auto; float: none; } .funeral-director-internal-header.scrolled .btn { font-size: 16px; line-height: 14px; padding: 14px 12px; margin-top: 0px; margin-bottom: 0px; } footer .footer-middle .footer-contained .row h5 { font-size: 20px; line-height: 28px; } footer .footer-middle .footer-contained .row h5 span { margin: 0px 20px; } } @media screen and (max-width: 1040px) { #header .nav .nav-item.dropdown a { background-position: center 44px!important; } #header .nav .nav-item.dropdown:hover a { background-position: center 44px!important; } #header .nav .nav-item.dropdown a:hover { background-position: center 44px!important; } .main-header-feature-panel .box-feature .inside-feature .btn { font-size: 17px; line-height: 15px; } /* ID Panels */ #home-panel-2 { padding-top: 50px; } } @media screen and (max-width: 991px) { .left-pull { float: left; } .right-pull { float: right; } /* Header/Navigation */ #header .small-nav { display: flex; } #header .desktop-nav { display: none; } /* Generic Font Sizes */ h1 { font-size: 34px; line-height: 40px; } h2 { font-size: 34px; line-height: 40px; } h3 { font-size: 28px; line-height: 34px; } h4 { font-size: 18px; line-height: 24px; } h2.main-title { font-size: 32px; line-height: 40px; } p.sub-title { font-size: 18px !important; line-height: 24px !important; } h2.mb-5 { margin-bottom: 25px !important; } h3.mb-5 { margin-bottom: 25px !important; } #header .mobile-elements .btn.show-mobile { margin-top: -2px; margin-right: 5px; } .members-nav { display: block; } .main-header-feature-panel .box-feature .background { padding: 15px 10px; } .main-header-feature-panel .box-feature .col.left { order: 2; margin-top: 30px; } .main-header-feature-panel .box-feature .col.right { order: 1; } .main-header-feature-panel .box-feature .top-content { margin: auto; } .main-header-feature-panel .box-feature .inside-feature input.form-control { margin-bottom: 20px; } .main-header-feature-panel .box-feature .top-content h3 { font-size: 34px; line-height: 40px; } .main-header-feature-panel .box-feature .top-content h5 { font-size: 18px; line-height: 24px; } .main-header-feature-panel .box-feature .side-img { display: none; max-width: 380px; } .main-header-feature-grad-panel .background { background: #655184; } .main-header-feature-grad-panel .box-feature .top-content { width: 100%; margin: auto; } .main-header-feature-grad-panel .box-feature .top-content h3 { font-size: 32px; line-height: 38px; } .main-header-feature-grad-panel .box-feature .top-content h5 { font-size: 22px; line-height: 28px; } .main-header-feature-grad-panel .box-feature .background { padding: 10px 0px; } .main-header-feature-grad-panel .cta-box-feature { padding: 24px 15px; } .main-header-feature-grad-panel .cta-box-feature .btn { font-size: 16px; line-height: 14px; } .cta-box-feature h3.large-m.one-line { font-size: 19px; line-height: 25px; } .main-header-feature-grad-panel .cta-box-feature .btn { padding: 13px 16px; } .intro-box-features-panel .accordion-button::after { width: 22px; height: 22px; } .intro-box-features-panel .accordion-item .accordion-header { font-size: 22px; line-height: 26px; } .intro-box-features-panel .accordion-button { font-size: 22px; line-height: 26px; } .intro-box-features-panel .accordion-body .accordion-text { width: 100%; } .intro-box-features-panel .accordion-body p { font-size: 16px; line-height: 24px; } .intro-box-features-panel .accordion-body .top-icon { margin-top: 10px; } .intro-box-features-panel .accordion-images { min-height: 300px; max-width: 400px; margin-top: 40px; } .intro-box-features-panel .columns { justify-content: center; } .intro-box-features-panel .columns .col { margin: auto auto 20px auto } .figures-features-panel .grey-bg { padding: 30px 30px; } .figures-features-panel .grey-bg .col { border-right: none; border-bottom: 1px #cccccc solid; padding: 30px 0px; } .figures-features-panel .grey-bg .col:last-child { border-bottom: 0px; } .figures-features-panel .grey-bg h2 { font-size: 50px; line-height: 48px; } .figures-features-panel .grey-bg h5 { font-size: 18px; line-height: 24px; } .features-slider-box-panel .overlay-bg { height: auto; padding: 0px 0px 30px 0px; position: relative; text-align: center; width: 100%; } .features-slider-box-panel .overlay-bg .top-icon { margin: 0px auto 20px auto; float: none; } .features-slider-box-panel .overlay-bg h4 { float: none; } .features-slider-box-panel .overlay-bg h6 { float: none; margin-top: 6px; } .features-slider-box-panel .slick-slider .gallery-arrow { top: auto; bottom: -65px; } .features-slider-box-panel .slick-slider .gallery-arrow.prev { left: 0px; right: 60px; } .features-slider-box-panel .slick-slider .gallery-arrow.next { left: 60px; right: 0px; } .features-slider-box-panel .buttons { padding-top: 75px; } .pricing-package-box { padding: 25px; } .pricing-package-box .text-section { width: 100%; display: block; } .pricing-package-box .text-section .row { display: block; } .pricing-package-box .text-section ul li { font-size: 15px; line-height: 21px; } .pricing-package-box .price-section { width: 100%; float: none; display: block; padding-top: 20px; max-width: 230px; } .pricing-package-box .price-section .side-swatch { top: 10px; } .pricing-package-box .price-section .price-feature { float: none; } .form-inside-panel .form-group { margin-bottom: 25px; } .form-inside-panel .btn { margin-top: 0px; } /* ID Panels */ #home-panel-1 h2 { font-size: 42px!important; line-height: 36px!important; } #home-panel-3 h3.white-text { margin-top: 130px!important; } #about-us-panel-3 img { float: none!important; margin-left: auto!important; margin-right: auto!important; margin-bottom: 15px!important; } #about-us-panel-3 h4 { text-align: center; } #about-us-panel-3 h5 { text-align: center; } #about-us-panel-3 h5 + p { font-size: 14px; line-height: 20px; text-align: center; } #how-it-works-panel-1 img { height: 155px!important; margin-top: 40px!important; } #how-it-works-panel-1 .how-it-works-feature h5 { font-size: 15px; } #how-it-works-panel-1 .number-circle { width: 30px; height: 30px; font-size: 15px; padding: 3px 0px 0px 0px; } .header-features-panel .top { min-height: 325px; } .header-features-panel .top h2 { font-size: 42px; line-height: 50px; } .header-features-panel .bottom .col-12 { margin-top: -60px; } .cta-box-feature { padding: 30px 15px; } .cta-box-feature h3 { font-size: 24px; line-height: 32px; } .cta-box-feature h3.large-m { font-size: 21px; line-height: 28px; } .cta-box-feature h5 { font-size: 16px; line-height: 22px; } .cta-box-feature p { font-size: 14px; line-height: 20px; } .full-width-cta.cutoff-img .contained { max-width: 100%; } .full-width-cta.cutoff-img .image { display: none; } /* Internal */ .embed-page-header img { width: 106px; margin-right: 20px; } .embed-page-header .btn { padding: 10px 18px; } .embed-page-header h4 { font-size: 16px; line-height: 24px; } .embed-page-header h3 { font-size: 20px; line-height: 28px; } .internal-header h2 { font-size: 50px; line-height: 56px; } .internal-header p { font-size: 17px; line-height: 24px; padding: 0px 60px; } .internal-panel .text { width: 85%; } .internal-panel.news .text { width: 75%; } .internal-panel.contact-form .text { width: 85%; } .featured-directors-listing-panel .lists ul { text-align: center; } .embed-page-header img { width: 106px; margin-right: 20px; } .embed-page-header .btn { padding: 10px 18px; } .embed-page-header h4 { font-size: 16px; line-height: 24px; } .embed-page-header h3 { font-size: 20px; line-height: 28px; } .contained-text { width: 85%; } .internal-panel.contact-form .left .formeo.formeo-render .formeo-column { padding: 0px 10px; } .portal-plan-sub-header .mobile-buttons { display: block; } .director-details-box { text-align: center; } .director-details-box .details img.side-icon { display: none; } .director-details-box .details .top-logos { align-items: center; justify-content: center; margin-top: 20px; } .director-details-box .prices-box .details-text ul { columns: 1; -webkit-columns: 1; -moz-columns: 1; } .director-details-box .bottom-info .buttons { padding-bottom: 20px; } .director-details-box .bottom-info .buttons .btn { margin: 0px 5px; } .director-details-box .bottom-info .logos { text-align: center; } .director-details-box .bottom-info .logos img { margin-left: 10px; margin-right: 10px; } .checkbox-feature-box .checkbox .popout-section p { font-size: 15px; line-height: 21px; } .box-features-slider-left-panel .main-info { width: 100%; position: relative; background: none; } .box-features-slider-left-panel .main-info .content { width: 100%; max-width: 100%; } .box-features-slider-left-panel { mask-size: 2320px; -webkit-mask-size: 2320px; min-height: 1341px !important; padding-top: 100px !important; mask-position: center 50%; -webkit-mask-position: center 50%; } .box-features-slider-left-panel .slider .slick-dots { max-width: 380px; text-align: center; margin: auto; left: 0px; right: 0px; bottom: -80px; } .box-features-slider-left-panel .slider .slick-dots li { margin: 0px 4px 0px 4px; } .box-features-slider-left-panel + .client-logos-slider-panel .left { padding-top: 20px; } .box-features-slider-left-panel .gallery-arrow.next { right: 0%; } .box-features-slider-left-panel:hover .gallery-arrow.next { right: 4%; } .support-feature { width: 93%; } .header-mask-buttons-panel .outside .left .button-feature { right: 10px; } .header-mask-buttons-panel .outside .right .button-feature { left: 10px; } .client-case-studies-panel .center-content p { font-size: 17px; line-height: 24px; } .client-case-studies-panel .slide { position: relative; height: 720px; } .client-case-studies-panel .slide .image { height: 320px; width: 90%; } .client-case-studies-panel .slick-active.slide .image { height: 400px; transition-timing-function: ease-in; transition: 0.5s; } /* Funeral Directors */ .funeral-director-internal-header h2 { font-size: 50px; line-height: 56px; } .funeral-director.centre-content-panel .associations .col-sm-6 { margin-bottom: 40px; } .funeral-director.centre-content-panel .associations .col-sm-6:last-child { margin-bottom: 0px; } .sub-grey-bg { margin-bottom: 40px; } .subscription-feature { max-width: 500px; margin: auto; } .sub-grey-bg.full-width .subscription-feature .colour-bg { width: 100%; float: none; } .sub-grey-bg.full-width .subscription-feature .content { width: 100%; float: none; } .sub-grey-bg.full-width .subscription-feature .list ul { width: 100%; float: none; margin-top: 0px; min-height: 0px; } .sub-grey-bg.full-width .subscription-feature .list ul li:last-child { padding-bottom: 0px; } .grey-sub-feature { padding-bottom: 25px; } .grey-sub-feature h4.bottom { display: block; } .grey-sub-feature .btn { margin-top: 0px; margin-left: 0px; } .funeral-director-internal-header p { font-size: 16px; line-height: 22px; } .funeral-director-internal-header p a { padding: 0px 4px 0px 4px; } .funeral-director-internal-header.scrolled h2 { margin-bottom: 0px; margin-top: 4px; } .funeral-director-internal-header.scrolled p { display: none; } .nav-links-container p { display: none; } .nav-links-container h5 { margin-bottom: 10px; } .nav-links-container .dropdown { display: block; } .nav-links-container .dropdown li { padding: 3px 10px; } .nav-links-container .dropdown li a { color: #333333; } .nav-links-container .dropdown li a:hover { color: #655184; } .nav-links-container.scrolled { height: 110px; } .funeral-director-team.centre-content-panel .profile-feature { width: 33.3%; margin-bottom: 30px; } .funeral-director-documents.centre-content-panel .document-feature { width: 33.3%!important; } .members-quote-figure-feature h5 { font-size: 30px; line-height: 38px; } .members-quote-figure-feature h2 { font-size: 50px; line-height: 54px; } .members-quote-figure-feature p { margin-top: 20px; margin-bottom: 20px; } .internal-section-panel #filters .content { position: relative; top: 0px!important; } .internal-section-panel .left-column { padding-right: calc(var(--bs-gutter-x) * .5); } .internal-section-panel .left-column .cta-feature-boxes { display: none; } .internal-section-panel .col.auto-width.right-column { width: 100%; } .internal-section-panel .right-column .cta-feature-boxes { display: flex; margin-bottom: 30px; } .profile-header-text { margin-top: 0px; } .director-search-box .text-content h4.show-filters { display: block; margin-bottom: 0px; cursor: pointer; } .director-search-box .text-content h4.show-filters::after { content:"+"; font-size: 35px; padding-left: 5px; margin-top: 0px; float: right; } .director-search-box .text-content h4.show-filters.minus::after { content:"-"; font-size: 45px; padding-left: 5px; margin-top: 0px; float: right; } .director-search-box .text-content .filters-switch { display: none; margin-top: 20px; } .director-search-box .text-content .filters-switch.show { display: block; } .search-filters-box-panel { top: auto; position: relative; } .search-filters-box-panel.scrolled { top: auto; position: relative; padding: 15px 25px; } .search-filters-box-panel .top-section .col { flex: 0 0 auto; width: 33.3333333%; } .search-filters-box-panel.scrolled .buttons-section { margin-top: 15px; } .search-filters-box-panel.scrolled .buttons-section .btn { padding-top: 12px; padding-bottom: 12px; } .box-panel-holder.show .search-filters-box-panel.scrolled .bottom-section { display: block; } .box-panel-holder + .box-panel-margin { margin-top: 0px!important; } .internal-section-panel .col.auto-width.left-column.contained-width { width: 100%; flex: 0 0 auto; padding-right: calc(var(--bs-gutter-x) * .5); } .internal-section-panel .col.auto-width.right-column.contained-width { width: 100%; flex: 0 0 auto; } .side-scroll { width: 100%; max-width: 100%; top: auto!important; position: relative!important; } .side-scroll .director-profile-box ul { display: block; } .side-scroll .director-profile-box ul.show { display: block; } .side-scroll .director-profile-box .expand-toggle { display: block; } .side-scroll .director-profile-box img { width: 80px; top: -50px; } .side-scroll .director-profile-box h4 { margin-top: 16px; margin-bottom: 5px; } .side-scroll .director-profile-box ul li { padding: 7px 0px; } .director-profile-features-panel .table td { padding: .5rem 10px; } .right-column .content.scrolled .director-search-box h4.show-filters { font-size: 20px; line-height: 28px; } .right-column .content.scrolled .director-search-box .top-content { padding: 20px 28px; } .right-column .content.scrolled .director-search-box .top-content p { display: block; } .right-column .content.scrolled .director-search-box .top-content button { display: block; } .right-column .content.scrolled .director-search-box .text-content.edit { display: block; } .right-column .content.scrolled .director-search-box .text-content.summary { display: none; } #provider-profile-offcanvas { width: 101%!important; } #provider-profile-offcanvas .offcanvas-body { padding-left: 30px; padding-right: 30px; } #provider-profile-offcanvas .col.left { padding-top: 15px; } #provider-profile-offcanvas .side-icons { width: 100%; left: auto; right: auto; position: relative; } #provider-profile-offcanvas .side-icons img { width: 45px; display: inline-block; margin-right: 10px; } #provider-profile-offcanvas .main-details { padding-left: 0px; padding-right: 0px; } #provider-profile-offcanvas .main-details .text-content ul { columns: 1; -webkit-columns: 1; -moz-columns: 1; } #provider-profile-offcanvas .btn-close { right: 15px; top: 15px; } #provider-profile-offcanvas .side-details .reviews img { max-width: 220px; } #provider-profile-offcanvas .bottom-details .btn { min-width: 100%; padding: 14px 12px; margin: 0px 0px 15px 0px; } #provider-profile-offcanvas .bottom-details.top { display: block; } .director-selection-box.stacked { background: #f9f6ff; padding: 15px 10px; border: 0px; border-radius: 0px; margin-bottom: 0px; text-align: center; position: fixed; width: 100%; top: 80px; left: 0px; right: 0px; z-index: 1; } .director-selection-box.stacked { display: none; } .director-selection-box.stacked.fixed { display: block; } .director-selection-box.stacked h5 { margin-top: -3px; } .director-selection-box.stacked h5 i { font-size: 22px; line-height: 30px; display: inline-block; top: 3px; margin-left: 6px; position: relative; } .director-selection-box.stacked h5:hover { color: #655184; cursor: pointer; } .director-details-box .verified-badge { float: none; display: block; margin: auto auto 15px auto; } .director-details-box .representing-text { text-align: center; } .director-details-box .bottom-info h5.representing { text-align: center; } .internal-section-titles-panel p { font-size: 18px; line-height: 26px; } .form-options-box { padding: 35px 15px; } .form-options-box .titles h3 { font-size: 24px; line-height: 32px; } .radio-feature-box .radio label h5 { font-size: 16px; line-height: 22px; } .radio-feature-box .radio label h4 { font-size: 20px; line-height: 27px; } .footer-cta-panel h1 { font-size: 24px; line-height: 32px; } .footer-cta-panel h2 { font-size: 24px; line-height: 32px; } /* Footer */ footer .footer-middle ul li { font-size: 14px; } footer .footer-middle { text-align: center; } footer .footer-middle .center-content { text-align: center; } footer .footer-middle .logos .main-logo { margin-left: auto; margin-right: auto; margin-bottom: 40px; } footer .footer-middle .logos .accred { margin-left: 12px; margin-right: 12px; } footer .footer-social.desktop { display: none; } footer .footer-social.mobile { position: relative; display: block; width: auto; margin: 20px auto auto auto; text-align: center; width: 180px; right: auto; } footer .footer-middle .center-content { margin: 30px auto auto auto; } footer .footer-middle .center-content ul li {margin: 0px 0px 12px 0px; } footer .footer-middle h5 {margin-bottom: 12px; } footer .footer-middle .footer-contained .row h5 { font-size: 18px; line-height: 26px; } footer .footer-middle .footer-contained .row h5 a { display: block; margin-bottom: 12px; } footer .footer-middle .footer-contained .row h5 span { display: none; } footer .footer-bottom { text-align: center; } footer .footer-bottom h6 { margin-top: 15px; } footer .footer-bottom .left ul li { font-size: 14px; } footer .footer-bottom .left p { float: none; } footer .footer-bottom .left h1 { float: none; padding: 0px; margin-top: 6px; } footer .footer-bottom .right img { margin-top: 24px; } footer .footer-bottom p.inline { padding-right: 0px; display: block; } footer .footer-bottom ul li { padding: 0px 4px; } } @media screen and (max-width: 860px) { .header-features-panel .top h2 { font-size: 38px; line-height: 46px; } /* ID Panels */ #how-it-works-panel-1 .how-it-works-feature h5 { font-size: 14px; } /* Internal */ .latest-articles-guides-panel .news-feature.big .feature h2 { font-size: 26px; line-height: 34px; } /* Funeral Directors */ .funeral-director.centre-content-panel .info img { margin-right: 35px; } .funeral-director-internal-header.scrolled h2 { display: none; } .funeral-director-internal-header.scrolled .right { float: none; text-align: center; width: 100%; } .funeral-director-internal-header.scrolled .btn { float: none; margin: 0px 7.5px; } /* Footer */ footer .footer-top .left { float: none; } footer .footer-top .left h2 { margin: 0px 0px 25px 0px; } footer .footer-top .right { float: none; } footer .footer-top .right h3 { text-align: left; } footer .footer-top .right .footer-social { float: none; } footer .footer-top .right .footer-social li { margin-right: 6px; margin-left: 0px; } footer .footer-bottom .left { float: none; margin-bottom: 25px; } footer .footer-bottom .right { width: 256px; float: left; } footer .footer-bottom .right img { float: right; } } /** * Mobile * ========================================================================== */ @media screen and (max-width: 767px) { /* Header/Navigation */ #header { height: 80px; } #header img { width: 55px; margin-top: 9px; } #header .mobile-elements { margin-top: 23px; } #header.scrolled { height: 80px; } #header.scrolled img { width: 55px; margin-top: 9px; } #header.scrolled .mobile-elements { margin-top: 23px; } #header .mobile-elements .btn { display: none; } #header .mobile-elements .btn.show-mobile { display: block; font-size: 16px; padding: 10px 14px; margin-top: 0px; } #header .dropdown-toggle.search.search-drop { display: none; } #header .dropdown .dropdown-menu { right: 0px; left: auto; } .menu-modal .header-content { min-height: 112px; padding-bottom: 25px; } .menu-modal .header-content img { width: 55px; margin-top: 9px; } .menu-modal .header-content .mobile-elements { margin-top: 23px; } .menu-modal .header-content .mobile-elements .btn { font-size: 16px; padding: 10px 14px; min-width: 87px; margin-top: 0px; } .menu-modal.scrolled .header-content img { width: 55px; margin-top: 9px; } .menu-modal.scrolled .header-content .mobile-elements { margin-top: 23px; } /* Generic Font Sizes */ h1 { font-size: 26px; line-height: 34px; } h2 { font-size: 26px; line-height: 34px; } h3 { font-size: 24px; line-height: 30px; } h4 { font-size: 18px; line-height: 24px; } .btn { font-size: 16px; line-height: 14px; padding: 10px 18px; } /* ID Panels */ #home-panel-1 h1 { font-size: 42px; line-height: 48px; } #home-panel-1 .btn { margin-bottom: 10px; min-width: 195px; } #home-panel-2 { background: #f8f8f8!important; } #home-panel-3 { background-size: 1500px!important; background-position: -500px top!important; min-height: auto!important; padding-bottom: 0px; } #home-panel-3 h2 { font-size: 28px; line-height: 34px; } #home-panel-3 h3.white-text { margin-top: 70px!important; margin-bottom: 10px!important; } #home-panel-3 .list-group .list-group-item { font-size: 14px; line-height: 20px; } #home-panel-4 { display: none; } #directors-panel-3 { background: #fff!important; } .main-header-feature-panel .box-feature .background { padding: 20px 0px 0px 0px; } .main-header-feature-panel .box-feature .top-content { width: 100%; max-width: 100%; padding-bottom: 0px; } .main-header-feature-panel .box-feature .top-content h3 { font-size: 28px; line-height: 34px; } .main-header-feature-panel .box-feature .top-content h5 { font-size: 16px; line-height: 22px; } .main-header-feature-panel .box-feature .inside-feature { width: 100%; text-align: center; margin-top: 0px; } .main-header-feature-panel .box-feature .inside-feature input.form-control { text-align: center; } .main-header-feature-panel .box-feature .side-img { max-width: 270px; bottom: -100px; left: 0px; right: 0px; margin: auto; } .main-header-feature-grad-panel { padding-top: 100px; } .main-header-feature-grad-panel .box-feature .top-content { padding-bottom: 10px; } .main-header-feature-grad-panel .box-feature .top-content h3 { font-size: 30px; line-height: 36px; } .main-header-feature-grad-panel .box-feature .top-content h5 { font-size: 18px; line-height: 26px; } .main-header-feature-grad-panel .cta-box-feature { width: 100%; margin-top: 20px; height: auto; } .main-header-feature-grad-panel .cta-box-feature .btn { width: 90%; } .container.bottom .btn { margin-top: 12px; margin-left: 5px!important; margin-right: 5px!important; } .intro-box-features-panel .accordion-body .top-icon { width: 120px; height: 110px; } .intro-box-features-panel .accordion-body .top-icon .icon { width: 100%!important; height: 100%; max-height: 100px!important; } .intro-box-features-panel .accordion-body .top-icon .circle-bg { width: 110px; height: 110px; } .intro-box-features-panel .accordion-body p { font-size: 15px; line-height: 23px; } .intro-box-features-panel .accordion-item .accordion-header { font-size: 19px; line-height: 24px; } .intro-box-features-panel .accordion-button { font-size: 19px; line-height: 24px; } .intro-box-features-panel p { font-size: 16px; line-height: 24px; } .case-study-featured-box-panel .featured-box { padding: 25px; } .case-study-featured-box-panel.pad-top .featured-box { padding-top: 30px; } .case-study-featured-box-panel .featured-box .white-bg { padding: 20px; width: 80%; } .case-study-featured-box-panel .featured-box .white-bg h5 { font-size: 16px; line-height: 22px; } .banner-cta-panel .contained form input { height: 42px; width: 100%; margin-bottom: 15px; } .review-box-feature { width: 92%; } .header-features-panel { padding-top: 110px; text-align: center; } .header-features-panel .bottom .col-12 { margin-top: 30px; } .header-features-panel .bottom .col.left { margin-top: -150px; } .header-features-panel .col.left { text-align: center; } .header-features-panel .top h2 { font-size: 34px; line-height: 40px; text-align: center; } .header-features-panel .top p { font-size: 18px; line-height: 26px; } .header-features-panel .top .side-img { width: 350px; margin: 45px auto auto auto; } .header-features-panel .top .relative-side-img { width: 260px; float: none; margin-top: 30px; position: relative; margin-left: auto; margin-right: auto; } .header-mask-buttons-panel.mobile-top .mask { padding-top: 125px ; } .header-mask-buttons-panel h2.mobile-small { font-size: 28px; line-height: 34px; } .header-mask-buttons-panel p.mobile-small { font-size: 15px; line-height: 22px; margin-bottom: 25px!important; } .header-mask-buttons-panel p.mobile-small br { display: none; } .header-mask-buttons-panel .featured-circle { margin: auto auto 50px auto; } .internal-header.directors .btn { font-size: 15px; line-height: 15px; } #get-started-panel h2 { font-size: 34px; line-height: 40px; margin-bottom: 8px; } #get-started-panel h3 { font-size: 22px; line-height: 28px; } .faqs .left { width: 75%!important; } .faqs .right { width: 25%!important; } .cta-box-feature { max-width: 500px; margin: auto; } .full-width-cta-panel.search-padding { padding-top: 110px; } .full-width-cta-panel + .box-features-slider-right-panel { padding-top: 40px!important; } .box-features-slider-right-panel .main-info { padding-bottom: 20px; } .header-features-panel + .center-logos-panel { padding-top: 20px; padding-bottom: 20px; } .center-logos-panel .logos { padding: 0px; } .center-video-panel .videoWrapper { margin-bottom: 10px; } .news-features-slider-cutoff-panel { padding-top: 40px; padding-bottom: 90px; } .full-width-cta h2 { font-size: 24px; line-height: 32px; } .full-width-cta p { font-size: 16px; line-height: 24px; } .full-width-cta form { margin: auto auto 30px auto; } .full-width-cta .form-group.inline .form-control { width: 100%; margin-bottom: 20px; } .full-width-cta .form-group.inline .dropdown { width: 100%; float: none; } /* Internal */ .search-holder .container { width: 90%; margin-left: 0px; } .search-holder input { font-size: 18px; } .embed-page-header { padding-top: 13px; } .embed-page-header img { width: 96px; margin: 0px 0px 17px 0px; } .embed-page-header .btn { font-size: 15px; padding: 8px 14px; margin-left: 10px; margin-top: 16px; } .embed-page-header h4 { text-align: center; } .embed-page-header h3 { text-align: center; } .internal-panel.embed { padding: 20px 0px 140px 0px; } .internal-panel.embed .btn { margin: auto; } .internal-header { padding-top: 120px; } .internal-header p { padding: 0px 20px; } .internal-header.news h3 { font-size: 28px; line-height: 34px; width: 75%; } .internal-header.news ul { width: 300px; padding: 0px; } .internal-header.news ul li { font-size: 18px; margin: 0px; border-bottom: 1px #ccc solid; padding: 10px 0px; float: none; display: block; } .internal-header.news ul li.line { display: none; } .internal-header.news ul li a { color: #666; } .internal-header.news ul li a:hover { color: #655184; } .internal-header.news ul li.active a { color: #655184; font-weight: 700; } .internal-header + .internal-panel { padding-top: 30px; } .internal-panel .text { width: 92%; } .internal-panel.news .text { width: 92%; } .internal-panel.news .share-sidebar.hidden-xs { display: none; } .internal-panel.news .share-sidebar.hidden-lg { display: block; } .embed-page-header { padding-top: 13px; } .embed-page-header img { width: 96px; margin: 0px 0px 17px 0px; } .embed-page-header .btn { font-size: 15px; padding: 8px 14px; margin-left: 10px; margin-top: 16px; } .embed-page-header h4 { text-align: center; } .embed-page-header h3 { text-align: center; } .internal-panel.embed { padding: 20px 0px 140px 0px; } .internal-panel.embed .btn { margin: auto; } .faqs .left { width: 76%!important; } .faqs .right { width: 22%!important; } .faqs .right .btn { padding: 10px 12px; font-size: 15px; width: 100%; } .internal-panel.contact-form { padding: 50px 0px 0px 0px; } .internal-panel.contact-form .right { padding-top: 30px; margin-top: 30px; text-align: center; border-top: 1px #ccc solid; } .internal-panel.contact-form .text { width: 92%; } .contained-text { width: 92%; } .share-sidebar { width: 280px; display: inline-block; float: none; margin-top: 20px; position: relative!important; top: 0px!important; } .share-sidebar .scrolled { position: relative!important; top: 0px!important; } .share-sidebar .share { margin-right: 20px; float: left; } .share-sidebar ul { margin-top: 10px; } .share-sidebar ul li { margin: 0px 10px 0px 0px; float: left; } .latest-articles-guides-panel { display: none; } .latest-articles-guides-panel .news-feature.big .blog-img { min-height: 100px; width: 100%; margin: 0px; float: none; } .latest-articles-guides-panel .news-feature.big .feature { min-height: auto; } .box-features-slider-left-panel { padding-top: 130px !important; } .box-features-slider-left-panel .main-info .content p { font-size: 17px; line-height: 24px; } .box-features-slider-right-panel .main-info .content p { font-size: 17px; line-height: 24px; } .box-features-slider-right-panel.popin { top: 0px; opacity: 1; } .header-mask-buttons-panel { background-color: #ffefe3; text-align: center; padding-bottom: 40px; } .header-mask-buttons-panel.grey { background-color: #4A4D54; } .header-mask-buttons-panel .mask { mask: none; -webkit-mask: none; padding: 150px 10px 0px 10px; } .header-mask-buttons-panel h2 { font-size: 34px; line-height: 42px; } .header-mask-buttons-panel p { font-size: 18px; line-height: 26px; margin-bottom: 40px; } .header-mask-buttons-panel .mask .right { min-height: 0px; } .header-mask-buttons-panel .mask .right img { display: none; } .header-mask-buttons-panel .outside .button-feature { top: auto; position: relative; padding: 20px; margin: auto auto 30px auto; right: 0px!important; left: 0px!important; } .header-mask-buttons-panel .outside .button-feature h3 { font-size: 22px; line-height: 30px; margin-bottom: 10px; } .header-mask-buttons-panel .outside .button-feature h5 { font-size: 17px; line-height: 24px; } .internal-section-titles-panel { padding: 120px 0px 0px 0px; } .internal-section-titles-panel.purple { padding: 120px 0px 90px 0px; } .internal-section-titles-panel p { font-size: 16px; line-height: 24px; } .internal-section-panel .move-up { margin-top: -75px; } .internal-section-titles-panel + .internal-section-panel { padding-top: 30px; } .internal-portal-titles-panel { padding: 130px 0px 40px 0px; } .internal-section-panel .white-raised-container { padding: 30px 15px; margin-top: 0px; } .internal-section-panel .white-raised-container form .formeo-row { display: block; } .internal-section-panel .white-raised-container form .formeo-row .formeo-column { width: 100%!important; padding: 0px!important; margin-bottom: 12px!important; } .internal-section-panel .white-raised-container form .formeo-row-wrap { margin-bottom: 0px!important; } .text-box-slider-panel h5 { font-size: 21px; line-height: 27px; } .text-box-slider-panel p { font-size: 19px; line-height: 25px; } .text-box-slider-panel .slider .gallery-arrow { width: 35px; height: 35px; font-size: 24px; } .text-box-slider-panel .slider .gallery-arrow.prev { left: -60px; } .text-box-slider-panel .slider .gallery-arrow.next { right: -60px; } .form-options-box { padding: 35px 10px 25px 10px; } .form-options-box .titles h3 { font-size: 22px; line-height: 30px; } .form-options-box .titles h3 br { display: none; } .form-options-box .buttons .btn { font-size: 15px; line-height: 17px; padding: 14px 16px; display: block; margin: 0px auto 18px auto; min-width: 306px; } .checkbox label.big span { font-size: 16px; line-height: 24px; } .checkbox-feature-box { width: 98%; } .checkbox-feature-box .checkbox label h4 { font-size: 18px; line-height: 24px; } .radio-feature-box { width: 98%; } .radio-feature-box .radio label h4 { font-size: 18px; line-height: 24px; } .form-options-box h6 { font-size: 15px; line-height: 24px; } .checkbox label h4 { font-size: 20px; line-height: 30px; } .center-video-panel h2 { font-size: 34px; line-height: 42px; } .testimonials-slider { margin: -30px auto auto auto; } .client-case-studies-panel .slide { position: relative; height: 700px; } .client-case-studies-panel .slide .image { height: 260px; width: 90%; } .client-case-studies-panel .slick-active.slide .image { height: 340px; transition-timing-function: ease-in; transition: 0.5s; } .client-case-studies-panel .slide .image-container { margin-top: -100px; } /* Funeral Directors */ .director-price-list-box .content { width: 100%; } .funeral-director-internal-header h2 { font-size: 44px; line-height: 50px; } .funeral-director.centre-content-panel .associations img { max-height: 60px; } .funeral-director-top-panel p { font-size: 14px; line-height: 20px; } .funeral-director-top-panel p span { padding: 0px 2px; } .funeral-director.centre-content-panel .top h4 { font-size: 24px; line-height: 30px; } .funeral-director.centre-content-panel .info p { font-size: 17px; line-height: 26px; } .funeral-director.centre-content-panel .info { padding-bottom: 0px; } .funeral-director.centre-content-panel .info h5.reviews { margin: 40px 0px 10px 0px; } .funeral-director.centre-content-panel .guide-panel { float: left; } .funeral-director-services.centre-content-panel .left { padding-right: 15px; } .funeral-director-services.centre-content-panel .right { padding-left: 15px; } .funeral-director-services.centre-content-panel ul { padding-left: 5px; } .funeral-director.centre-content-panel .associations .col-sm-6 { margin-bottom: 30px; } .funeral-director.centre-content-panel .info p { margin-bottom: 10px; } .funeral-director-map.centre-content-panel h5 { font-size: 16px; line-height: 24px; } .funeral-director-team.centre-content-panel .profile p { margin-bottom: 30px; } .funeral-director-internal-header p a.active span { border-bottom: none; } .funeral-director-team.centre-content-panel .profile-feature { width: 50%; margin-bottom: 30px; } .funeral-director-documents.centre-content-panel .document-feature { width: 50%!important; } .latest-articles-guides-panel.funeral-director-documents { display: block; } .funeral-director-pricing.centre-content-panel { padding: 70px 0px 270px 0px; margin-top: 0px; mask: none; -webkit-mask: none; } .funeral-director-pricing.centre-content-panel .guide-panel .info-icon.top { background-size: 30px; height: 30px; width: 30px; top: 10px; right: 10px; } .funeral-director-pricing.centre-content-panel .guide-panel h5 { font-size: 18px; line-height: 26px; } .search-filters-box-panel.scrolled .buttons-section { margin-top: 0px; } .search-filters-box-panel .top-section .col { flex: 0 0 auto; width: 50%; } .search-filters-box-panel .buttons-section .btn { font-size: 15px; line-height: 13px; display: inline-block; margin: 4px 4px; width: 145px; padding: 12px 7px; } .director-profile-features-panel img.payment-cards { margin-top: 10px; margin-bottom: 20px; } .main-header-feature-panel .box-feature { padding-top: 0px; } .internal-section-panel .section-options { margin-bottom: 15px; } .internal-section-panel .section-options .form-group label { font-size: 16px; line-height: 22px; display: block; margin-right: 0px; margin-bottom: 8px; } .internal-section-panel .section-options .form-group { padding: 0px; margin: 0px 0px 15px 0px; text-align: center; float: none; width: 48%; display: inline-block; } .internal-section-panel .section-options .form-group .form-control { font-size: 14px; max-width: 195px; width: 94%; padding: 8px 12px; } .internal-section-panel .section-options .form-group .mobile-hidden { display: none; } .internal-section-panel .section-options .form-group.inline { float: none; } .internal-section-panel .section-options h4 { text-align: center; } .internal-section-panel .section-options p { text-align: center; } .col.right .internal-section-panel > .container { padding: 0px; } .director-profile-features-panel.no-bg { padding: 0px 0px; } .search-filters-box-panel { padding: 15px; margin-top: -20px; } .search-filters-box-panel .top-section .form-group { margin-bottom: 12px; } .search-filters-box-panel.scrolled { padding: 15px; } .checkbox-feature-box .checkbox .popout-section p { font-size: 16px; line-height: 22px; margin-bottom: 12px; } .director-details-box { padding: 18px 20px; } .director-details-box .packages-info { margin-bottom: 15px; } .director-details-box .prices-box .details-text { padding: 15px 15px 8px 15px; } .director-details-box .bottom-info .buttons { width: 100%; max-width: 275px; padding-top: 0px; padding-bottom: 10px; padding-left: 0px; padding-right: 0px; margin: auto; } .director-details-box .bottom-info .buttons .btn { width: 100%; padding: 14px 6px; margin: 12px 0px 0px 0px; } .director-details-box .bottom-info .buttons .btn span { display: none; } #index .plan-feature.memory { padding: 40px 25px 40px 25px; } .list-group { width: auto; } .display-mobile { display: block!important; } .list-group { width: auto; } .subscription-feature { margin-bottom: 40px; } .subscription-feature .list { height: auto!important; min-height: 300px!important; } #directorsGetQuote .button-feature { margin: auto auto 30px auto; } #directorSearch { padding: 0px 20px; } .director-profile-features-panel .journey-footer .checkbox { padding-left: 25px; } .director-profile-features-panel .journey-footer .btn { font-size: 15px; line-height: 16px; } .alert-cta-box p {font-size: 18px; line-height: 26px; } .full-width-cta h5 { font-size: 18px; line-height: 24px; } .full-width-cta h5 br { display: none; } .full-width-cta.cutoff-img .background { padding: 30px; } .modal.style .modal-body { padding: 28px 22px; } .modal.style .modal-body .modal-titles { padding: 0px 25px; } .modal.style .modal-body .close { width: 30px; height: 30px; font-size: 18px; line-height: 27px; right: 12px; top: 12px; } .modal.style .modal-body .grey-bg { padding: 25px 10px; } .modal.style .modal-body .modal-titles h2 { font-size: 26px; line-height: 32px; } .modal.style .modal-body .modal-titles p { font-size: 17px; line-height: 25px; } .modal.style .modal-body .grey-bg .row.contained { max-width: unset; } .modal.style .modal-body .grey-bg.messages textarea.form-control { height: 160px !important; width: 76% !important; } #funeral-price-messages .modal-body { padding-left: 15px; padding-right: 15px; } #funeral-price-messages .modal-body .messages-scroll { min-height: 220px; max-height: 220px; } .messages-feature-box .content { padding: 20px 20px 25px 20px; } /* Footer */ footer .footer-middle ul { margin-bottom: 25px; } footer .footer-middle .right ul { margin-bottom: 0px; } footer .footer-bottom .left ul li { padding-right: 6px; } footer .footer-bottom .right { margin: auto; } footer .footer-middle .center-content { text-align: center; } } @media screen and (max-width: 700px) { .funeral-director.centre-content-panel .guide-panel { float: none; margin: auto auto 20px auto; } .funeral-director.centre-content-panel .side-panel { width: 100%; max-width: 100%; float: none; margin: auto; } .funeral-director.centre-content-panel .info img { margin-bottom: 20px; } .footer-cta-panel h1 { font-size: 20px; line-height: 28px; } .footer-cta-panel h2 { font-size: 20px; line-height: 28px; } } @media screen and (max-width: 650px) { .main-header-feature-panel .box-feature .top-content h5 br { display: none; } } @media screen and (max-width: 600px) { h3 { font-size: 22px; line-height: 28px; } .cta-box-feature { padding: 24px 15px; } .cta-box-feature h3 { font-size: 22px; line-height: 30px; margin-bottom: 4px; } .cta-box-feature h5 { display: none; font-size: 15px; line-height: 22px; } .cta-box-feature p { margin-top: 20px; } .cta-box-feature .btn { width: 100%; } .cta-box-feature .form-group.inline .form-control { width: 100%; display: block; } .cta-box-feature .form-group.inline .dropdown { width: 100%; float: none; margin: 15px auto auto auto; } .full-width-cta.cutoff-img .contained .form-control { font-size: 15px; } .full-width-cta { padding: 30px 20px; } .box-features-slider-right-panel .main-info .content h5 { font-size: 18px; line-height: 26px; } /* ID Panels */ #home-panel-3 { background-position: -2500px top !important; padding: 60px 0px 30px 0px; } #home-panel-3 .container .row { width: auto!important; float: none; } #home-panel-3 .white-text { display: none; } #home-panel-3 .white-button { display: none; } /* Internal */ .internal-header h2 { font-size: 40px; line-height: 46px; } .internal-header.news h3 { width: 85%; } .internal-header p { padding: 0px; } .internal-header p br { display: none; } .internal-header .contact-us p { padding: 0px 15px; } .internal-panel .text { width: 100%; } .internal-panel.news .text { width: 100%; } .internal-panel.contact-form .left { width: 100%; } .internal-panel.contact-form .left .formeo.formeo-render .formeo-row { display: block; } .internal-panel.contact-form .left .formeo.formeo-render .formeo-column { width: 100%!important; margin-bottom: 15px; } .create-plan-feature .top-content.landing-screen h4.contained-text { width: auto; margin-left: auto; margin-right: auto; } .main-header-feature-grad-panel .background { min-height: 535px; } #signUp .formeo.formeo-render .formeo-row { display: block; } #signUp .formeo.formeo-render .formeo-column { width: 100%!important; margin-bottom: 15px; padding: 0px; } .contained-text { width: 100%; } .faqs .left { width: 100% !important; float: none!important; margin-bottom: 15px; } .faqs .right { width: 100%!important; float: none!important; margin-bottom: 35px; } .faqs .right .btn {max-width: 200px; } .testimonials-slider p { font-size: 16px; line-height: 24px; } .testimonials-slider h5 { font-size: 18px; line-height: 26px; } #get-started-panel h2 { font-size: 30px; line-height: 36px; } /* Funeral Directors */ .funeral-director-internal-header h2 { font-size: 28px; line-height: 34px; } .funeral-director-internal-header.scrolled h2 { font-size: 26px; line-height: 32px; } .funeral-director-internal-header h4 { font-size: 16px; line-height: 24px; } .director-profile-features-panel .journey-buttons .row.mobile-full-width { display: block; } .internal-header .search-results-info .form-group { width: 100%; float: none; margin-top: -120px; margin-bottom: 50px; } .internal-header .search-results-info .btn { width: 100%; max-width: 250px; float: none; margin: 65px auto 20px auto; } footer .footer-bottom .logos img.border-left { display: inline-block; } footer .footer-bottom .logos img { display: none; } footer .footer-bottom ul li { font-size: 14px; line-height: 28px; padding: 0px 3px; } footer .footer-bottom h6 span { display: none; } footer .footer-bottom h6 a { display: block; margin-bottom: 5px; } #charityForm .modal-body .close { font-size: 30px; } } @media screen and (max-width: 575px) { .main-header-feature-panel { padding: 100px 2px 20px 2px; } .main-header-feature-panel .box-feature { border-radius: 10px; } .main-header-feature-panel .box-feature .inside-feature h5 { font-size: 16px; line-height: 22px; } .main-header-feature-panel .box-feature .inside-feature input.form-control { height: 45px; font-size: 14px; } .main-header-feature-panel .box-feature .inside-feature .btn { padding: 14px 6px; } .main-header-feature-panel .box-feature .inside-feature .dropdown { margin-bottom: 20px; } .main-header-feature-panel .box-feature .side-img { max-width: 270px; bottom: -125px; } .main-header-feature-panel .box-feature .background { border-radius: 0px; padding-top: 12px; padding-left: 5px; padding-right: 5px; padding-bottom: 0px; } .main-header-feature-panel .box-feature .top-content h3 { padding: 0px 10px; } .main-header-feature-panel .cta-box-feature { padding: 30px 25px; } .main-header-feature-panel .cta-box-feature .form-group.row input.form-control {font-size: 15px; } .main-header-feature-panel .cta-box-feature .form-group.row .btn { padding: 10px 12px; } .center-logos-panel .logos img { height: 32px !important; } } @media screen and (max-width: 550px) { /* ID Panels */ #home-panel-1 { min-height: 1040px; background-position: -750px bottom !important; background-size: 1400px; padding-top: 150px; text-align: center; } #home-panel-1 .btn { display: block; max-width: 295px; margin-left: auto!important; margin-right: auto!important; } #home-panel-2 { background-size: 1500px; } #home-panel-3 { min-height: 820px!important; background-position: -200px bottom !important; background-size: 1300px !important; text-align: center; } #home-panel-3 .list-group .list-group-item { font-size: 16px; line-height: 24px; padding: 10px 20px; } #about-panel-2 { min-height: 1160px; background-position: -20px bottom !important; background-size: 1000px !important; } #about-panel-4 p { padding-right: 0px; } .header-features-panel .top h2 { font-size: 30px; line-height: 36px; } .header-features-panel .top h3 { display: none; } .header-features-panel .top .relative-side-img { margin-top: 5px; } .header-features-panel .bottom .col.left { margin-top: -130px; } /* Internal */ .internal-header h2 { font-size: 36px; line-height: 42px; } .list-group { width: auto; } /* Messages */ .message-input-field { text-align: center; } .message-input-field input.form-control { width: 90% !important; display: block; } .message-input-field button.btn { width: auto; float: none; padding: 12px 30px; margin-top: 22px; } /* Footer */ footer .footer-top { text-align: center; } footer .footer-top .left h2 { font-size: 22px; line-height: 28px; } footer .footer-top .right h3 { text-align: center; } footer .footer-top .right .footer-social { display: inline-block; } footer .footer-middle { text-align: center; } footer .footer-bottom { text-align: center; } footer .footer-bottom .left ul { display: inline-block; } footer .footer-bottom .left ul li { font-size: 14px; } footer .footer-bottom .right { float: none; } footer .footer-bottom .right img { margin: auto; } footer .footer-bottom ul li { font-size: 12px; line-height: 28px; padding: 0px 3px; } } @media screen and (max-width: 500px) { #about-panel-2 { min-height: 1090px; background-position: -20px 850px !important; } .funeral-director-team.centre-content-panel .profile-feature { width: 100%; } .funeral-director-documents.centre-content-panel .document-feature { width: 100%!important; } .search-filters-box-panel .top-section .col:first-child { flex: 0 0 auto; width: 100%; } .search-filters-box-panel .top-section .col { flex: 0 0 auto; width: 50%; } .pricing-list-box .details h5 { font-size: 18px; line-height: 24px; margin-bottom: 6px; } .pricing-list-box .details h3 { font-size: 26px; line-height: 32px; } .pricing-list-box .details p { font-size: 15px; line-height: 22px; } .pricing-list-box .info-icon.top { background-size: 24px; height: 24px; width: 24px; } .form-options-box .buttons .btn { width: 100%; } } @media screen and (max-width: 470px) { /* Footer */ footer .footer-top .left h2 { font-size: 20px; line-height: 26px; } footer .footer-bottom .left ul li { font-size: 12px; padding-right: 6px; } footer .footer-bottom .left p { font-size: 13px; } } @media screen and (max-width: 450px) { .main-header-feature-panel .cta-box-feature { padding: 25px 20px; } .main-header-feature-panel .cta-box-feature .btn.mt-3 { margin-top: 6px !important; } .news-box-feature { width: 93%; } .radio-feature-box .radio label h4 { font-size: 16px; line-height: 22px; } } @media screen and (max-width: 378px) { .form-options-box .buttons .btn { font-size: 14px; line-height: 16px; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } /** * Slick Slider * ========================================================================== */ .slick-slider { position: relative; display: block; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-dots { position: relative; bottom: -45px; display: block; width: 100%; list-style: none; text-align: left; max-width: 1140px; padding-right: 0px; padding-left: 0px; margin-right: auto; margin-left: auto; } .slick-dots li { position: relative; display: inline-block; width: 15px; height: 15px; margin: 0 3px; padding: 0; cursor: pointer; border-radius: 20px; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 15px; height: 15px; padding: 5px; cursor: pointer; color: #cc0000; border: 0; outline: none; background: transparent; border-radius: 20px; } .slick-dots li button:hover,.slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before,.slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-size: 10px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: ''; text-align: center; opacity: .25; color: #051D49; } .slick-dots li.slick-active button:before { opacity: 1; color: #051D49 !important; } .sk-circle { margin: 0px auto 10px auto; width: 50px; height: 50px; position: relative; } .sk-circle .sk-child { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .sk-circle .sk-child:before { content: ''; display: block; margin: 0 auto; width: 15%; height: 15%; background-color: #655184; border-radius: 100%; -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; animation: sk-circleBounceDelay 1.2s infinite ease-in-out both; } .sk-circle .sk-circle2 { -webkit-transform: rotate(30deg);-ms-transform: rotate(30deg);transform: rotate(30deg); } .sk-circle .sk-circle3 {-webkit-transform: rotate(60deg);-ms-transform: rotate(60deg);transform: rotate(60deg); } .sk-circle .sk-circle4 {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);transform: rotate(90deg); } .sk-circle .sk-circle5 {-webkit-transform: rotate(120deg);-ms-transform: rotate(120deg);transform: rotate(120deg); } .sk-circle .sk-circle6 {-webkit-transform: rotate(150deg);-ms-transform: rotate(150deg);transform: rotate(150deg); } .sk-circle .sk-circle7 {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);transform: rotate(180deg); } .sk-circle .sk-circle8 {-webkit-transform: rotate(210deg);-ms-transform: rotate(210deg);transform: rotate(210deg); } .sk-circle .sk-circle9 {-webkit-transform: rotate(240deg);-ms-transform: rotate(240deg);transform: rotate(240deg); } .sk-circle .sk-circle10 {-webkit-transform: rotate(270deg);-ms-transform: rotate(270deg);transform: rotate(270deg); } .sk-circle .sk-circle11 {-webkit-transform: rotate(300deg);-ms-transform: rotate(300deg);transform: rotate(300deg); } .sk-circle .sk-circle12 {-webkit-transform: rotate(330deg);-ms-transform: rotate(330deg);transform: rotate(330deg); } .sk-circle .sk-circle2:before {-webkit-animation-delay: -1.1s;animation-delay: -1.1s; } .sk-circle .sk-circle3:before {-webkit-animation-delay: -1s;animation-delay: -1s; } .sk-circle .sk-circle4:before {-webkit-animation-delay: -0.9s;animation-delay: -0.9s; } .sk-circle .sk-circle5:before {-webkit-animation-delay: -0.8s;animation-delay: -0.8s; } .sk-circle .sk-circle6:before {-webkit-animation-delay: -0.7s;animation-delay: -0.7s; } .sk-circle .sk-circle7:before {-webkit-animation-delay: -0.6s;animation-delay: -0.6s; } .sk-circle .sk-circle8:before {-webkit-animation-delay: -0.5s;animation-delay: -0.5s; } .sk-circle .sk-circle9:before {-webkit-animation-delay: -0.4s;animation-delay: -0.4s; } .sk-circle .sk-circle10:before {-webkit-animation-delay: -0.3s;animation-delay: -0.3s; } .sk-circle .sk-circle11:before {-webkit-animation-delay: -0.2s;animation-delay: -0.2s; } .sk-circle .sk-circle12:before {-webkit-animation-delay: -0.1s;animation-delay: -0.1s; } @-webkit-keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } } @keyframes sk-circleBounceDelay { 0%, 80%, 100% { -webkit-transform: scale(0); transform: scale(0); } 40% { -webkit-transform: scale(1); transform: scale(1); } }