/* cmsms stylesheet: KimTheJP_main modified: 01/19/26 21:53:06 */ @import url("https://fonts.googleapis.com/css?family=Playfair+Display|Poppins:100i,200,300,400,500,600,700,800,900,ital,wght@1&display=swap"); .error_message { color:red; font-size:30px; padding: 20px 0 ; } /* rbt responsive grid */ /* content css */ .content {max-width: 1200px; /* max-width of your responsive website (example 1200px) */ margin: 0 auto; text-align: left; } .section { clear: both; padding: 0; margin: 0;} .one-column { float: left; width: 98%; margin: 10px 1%;} .two-column,.two-fourth-column { float: left; width: 48%; margin: 10px 1%;} .three-column { float: left; width: 31.333333%; margin: 10px 1%;} .two-third-column { float: left; width: 64.666666%; margin: 10px 1%;} .four-column,.one-fourth-column { float: left; width: 23%; margin: 10px 1%;} @media screen and (max-width: 800px) { .one-column, .two-fourth-column, .three-column, .two-third-column, .one-fourth-column, .three-fourth-column, .six-column, .five-sixth-column { width: 97%; margin: 10px 1.5%; } .two-column, .four-column { width: 47%; margin: 10px 1.5%; } } @media screen and (max-width: 600px) { .content { min-width: 300px; /* min-width of your responsive website (example 300px) */ } .one-column, .two-column, .two-fourth-column, .three-column, .two-third-column, .four-column, .one-fourth-column, .three-fourth-column, .six-column, .five-sixth-column { width: 96%; margin: 10px auto; } } @media screen and (max-width:1000px) { .request-home {margin-bottom:50px; } } /* JAH 2026-01-19 */ @media screen and (max-width:1190px) and (min-width: 961px) { /* ul#footer-menu li { background: green !important; } */ .stellarnav > ul > li > a { padding:20px 5px !important; /*background: red !important; */ } } /*JAH*/ /* ul#footer-menu li { background: green !important; } */ .story-caption a {color:#46a7b0 !important; } .story-caption a:hover {color:#a7cf3b !important; } .form-browser.quote-requests table {font-size:11px;} .form-browser.quote-requests table td {padding:5px; border:1px;} .fullwidth-content {z-index:-20;} /* ----------------------------------------------------------------------- */ .KimTheJP_ltgreen { color:#a7cf3b; } .KimTheJP_bluegreen { color:#46a7b0; } .white-bg { background: #ffffff;} .gray-bg { background: #f5f5f5;} .gray-bg { background: #f7f7fd;} .white-bg { background: #fff;} .black-bg { background: #16161a;} .theme-bg { background: #800098;} .brand-bg { background: #f1f4fa;} .testimonial-bg { background: #f9fafc;} .white-color { color: #fff;} .black-color { color: #16161a;} .theme-color { color: #a7cf3b;} .boxed-btn { background: #fff; color: #a7cf3b !important; display: inline-block; padding: 18px 44px; font-family: "Playfair Display", serif; font-size: 14px; font-weight: 400; border: 0; border: 1px solid #a7cf3b; letter-spacing: 3px; text-align: center; color: #800098; text-transform: uppercase; cursor: pointer;} .boxed-btn:hover { background: #a7cf3b; color: #fff !important; border: 1px solid #a7cf3b;} .boxed-btn:focus { outline: none;} .boxed-btn.large-width { width: 220px;} [data-overlay] { position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center;} [data-overlay]::before { position: absolute; left: 0; top: 0; right: 0; bottom: 0; content: "";} [data-opacity="1"]::before { opacity: 0.1;} [data-opacity="2"]::before { opacity: 0.2;} [data-opacity="3"]::before { opacity: 0.3;} [data-opacity="4"]::before { opacity: 0.4;} [data-opacity="5"]::before { opacity: 0.5;} [data-opacity="6"]::before { opacity: 0.6;} [data-opacity="7"]::before { opacity: 0.7;} [data-opacity="8"]::before { opacity: 0.8;} [data-opacity="9"]::before { opacity: 0.9;} body { font-family: "Poppins", sans-serif; font-weight: normal; font-style: normal;} h1,h2,h3,h3,h4,h5,h6 { font-family: "Playfair Display", serif; color: #362d2b; margin-top: 0px; font-style: normal; font-weight: 500; text-transform: normal;} p, em { font-family: "Poppins", sans-serif; color:#535353; font-size: 16px; line-height: 30px; margin-bottom: 15px; font-weight: normal;} p em {font-weight:normal; } .bg-img-1 { background-image: url(../img/slider/slider-img-1.jpg);} .bg-img-2 { background-image: url(../img/background-img/bg-img-2.jpg);} .cta-bg-1 { background-image: url(../img/background-img/bg-img-3.jpg);} .img { max-width: 100%; /* -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; */} .f-left { float: left;} .f-right { float: right;} .fix { overflow: hidden;} .clear { clear: both;} a,.button { /* -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; */} a:focus,.button:focus { text-decoration: none; outline: none;} a { color: #635c5c;} a:hover { color: #a7cf3b;} a:focus,a:hover,.portfolio-cat a:hover,.footer -menu li a:hover { text-decoration: none;} a,button { color: #46a7b0; outline: medium none;} a,button:hover {color:#635c5c; } button:focus,input:focus,input:focus,textarea,textarea:focus { outline: 0;} .uppercase { text-transform: uppercase;} input:focus::-moz-placeholder { opacity: 0; /* -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s;*/ } .capitalize { text-transform: capitalize;} h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { color: inherit;} ul { margin: 0px; padding: 0px;} nav li { list-style: none; color:red; } hr { border-bottom: 1px solid #eceff8; border-top: 0 none; margin: 30px 0; padding: 0;} .theme-overlay { position: relative;} .theme-overlay::before { background: #1696e7 none repeat scroll 0 0; content: ""; height: 100%; left: 0; opacity: 0.6; position: absolute; top: 0; width: 100%;} .overlay { position: relative; z-index: 0;} .overlay::before { position: absolute; content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;} .overlay2 { position: relative; z-index: 0;} .overlay2::before { position: absolute; content: ""; background-color: #2e2200; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: 0.5;} .section-padding { padding-top: 120px; padding-bottom: 120px;} .separator { border-top: 1px solid #f2f2f2;} .mb-90 { margin-bottom: 90px;} @media (max-width: 767px) { .mb-90 { margin-bottom: 30px; }} @media (min-width: 768px) and (max-width: 991px) { .mb-90 { margin-bottom: 45px; } } /* JAH */ h1.kimthejp {font-size:32px; } .yourway {width:100%; z-index:-10; text-align:center; padding: 20px; background: #F6F4F4} .yourway H3 { color: #46a7b0; font-style:italic; } .showtime {} .showtime img {} .theme-default1 .nivoSlider { margin-bottom:0 !important; box-shadow:none !important; z-index: -100 !important} .theContent {margin: 30px; 0} a.img_hover:hover img {border:10px solid #46a7b0 !important; } a.footer_img_hover:hover img { opacity:0.8} .content_inside_main a {color:#46a7b0; text-decoration:none; } .content_inside_main a:hover {color:#46a7b0; text-decoration:underline; } .content_inside_main .sidebar_text {padding:20px 30px 40px 30px; border:2px dotted #46a7b0; } .content_inside_main .sidebar_text p { font-family: "Playfair Display", serif; font-size: 18px; line-height: 23px;} .content_inside_main li { margin:5px 0 5px 40px; color:#978e98; color:#535353; } .content_inside_main img.inside-sidebar-image {width:100%; } /* Ceremony Ideas LISE lightbox-like */ .ceremony-ideas .item {padding: 5px;} .ceremony-ideas h2.item-title {font-size:1.3em;} .ceremony-ideas p {font-size:14px; line-height: 26px; } /* Gallery -- ligbtbox */ .lb-data .lb-caption {/*display:none !important*/font-size:14px; } .lb-data .lb-caption em { font-weight: normal; font-style: normal; color:#ccc; font-size: 13px; /*color:red !important; font-size:30px; */} .owl-carousel .owl-nav div { background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0; height: 40px; left: 20px; line-height: 40px; font-size: 22px; color: #646464; opacity: 1; visibility: visible; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); transition: all 0.3s ease 0s; width: 40px;} .owl-carousel .owl-nav div.owl-next { left: auto; right: -30px;} .owl-carousel .owl-nav div.owl-next i { position: relative; right: 0; top: 1px;} .owl-carousel .owl-nav div.owl-prev i { position: relative; right: 1px; top: 0px;} .owl-carousel:hover .owl-nav div { opacity: 1; visibility: visible;} .owl-carousel:hover .owl-nav div:hover { color: #fff; background: #ff3500;} .btn { background: #800098; -moz-user-select: none; text-transform: capitalize; color: #fff; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 400; letter-spacing: 1px; line-height: 0; margin-bottom: 0; padding: 30px 44px; border-radius: 5px; min-width: 150px; cursor: pointer; transition: color 0.4s linear; position: relative; z-index: 1; border: 0; overflow: hidden; margin: 0;} .btn::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #620672; z-index: 1; border-radius: 5px; transition: transform 0.5s; transition-timing-function: ease; transform-origin: 0 0; transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7); transform: scaleY(0);} .btn:hover::before { transform: scaleY(1); color: #fff !important; z-index: -1;} .btn2 { background: #800098; -moz-user-select: none; text-transform: capitalize; color: #fff; cursor: pointer; display: inline-block; font-size: 16px; font-weight: 400; letter-spacing: 1px; line-height: 0; margin-bottom: 0; padding: 30px 44px; border-radius: 5px; min-width: 150px; cursor: pointer; transition: color 0.4s linear; position: relative; z-index: 1; border: 0; overflow: hidden; margin: 0;} .btn2::before { content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #620672; z-index: 1; border-radius: 5px; transition: transform 0.5s; transition-timing-function: ease; transform-origin: 0 0; transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7); transform: scaleX(0);} .btn2:hover::before { transform: scaleX(1); color: #fff !important; z-index: -1;} .header-btn { background: #4043bc; padding: 20px 11px; min-width: 120px; position: relative;} .header-btn::before { background: #ec4683;} .btn-ans { background: #fff; position: relative; color: #7b40c0;} .btn-ans::before { background: #ec4683; color: #7b40c0;} .btn.focus,.btn:focus { outline: 0; box-shadow: none;} .hero-btn { padding: 30px 56px;} .border-btn { background: none; -moz-user-select: none; border: 2px solid #800098; padding: 18px 38px; margin: 10px; text-transform: capitalize; color: #800098; cursor: pointer; display: inline-block; font-size: 14px; font-weight: 500; letter-spacing: 1px; margin-bottom: 0; border-radius: 5px; position: relative; transition: color 0.4s linear; position: relative; overflow: hidden; margin: 0;} .border-btn::before { border: 2px solid transparent; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #800098; z-index: -1; transition: transform 0.5s; transition-timing-function: ease; transform-origin: 0 0; transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7); transform: scaleY(0); } .border-btn:hover::before { transform: scaleY(1); order: 2px solid transparent; } .border-btn.border-btn2 { padding: 17px 52px; } .send-btn { background: #800098; color: #fff; font-size: 14px; width: 100%; height: 55px; border: none; border-radius: 5px; cursor: pointer; transition: color 0.4s linear; position: relative; overflow: hidden; z-index: 1; } .send-btn::before { border: 2px solid transparent; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #e6373d; color: #800098; z-index: -1; transition: transform 0.5s; transition-timing-function: ease; transform-origin: 0 0; transition-timing-function: cubic-bezier(0.5, 1.6, 0.4, 0.7); transform: scaleX(0); } .send-btn:hover::before { transform: scaleY(1); order: 2px solid transparent; color: red; } .breadcrumb > .active { color: #888; } #scrollUp { background: #a6ce3a; height: 50px; width: 50px; right: 31px; bottom: 18px; color: #fff; font-size: 20px; text-align: center; border-radius: 50%; line-height: 48px; border: 2px solid transparent; } @media (max-width: 767px) { #scrollUp { right: 16px; } } #scrollUp:hover { color: #fff; } .sticky-bar { left: 0; margin: auto; position: fixed; top: 0; width: 100%; -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); z-index: 9999; -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-box-shadow: 0 10px 15px rgba(25, 25, 25, 0.1); background: #fff; } .bounce-animate { animation-name: float-bob; animation-duration: 2s; animation-iteration-count: infinite; -moz-animation-name: float-bob; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: float-bob; -ms-animation-duration: 2s; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; -o-animation-name: float-bob; -o-animation-duration: 2s; -o-animation-iteration-count: infinite; -o-animation-timing-function: linear; } @-webkit-keyframes float-bob { 0% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } 50% { -webkit-transform: translateY(-10px); transform: translateY(-10px); } 100% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } } .heartbeat { animation: heartbeat 1s infinite alternate; } @-webkit-keyframes heartbeat { to { -webkit-transform: scale(1.03); transform: scale(1.03); } } .rotateme { -webkit-animation-name: rotateme; animation-name: rotateme; -webkit-animation-duration: 30s; animation-duration: 30s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @keyframes rotateme { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } /* .services-img::before { content: ""; position: absolute; left: 50%; top: 50%; height: 150px; width: 150px; background: #520c0c; z-index: -1; border-radius: 50%; transform: translate(-50%, -50%); animation: pulse-border 3000ms ease-out infinite; }*/ @keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } @-webkit-keyframes pulse-border { 0% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1); opacity: 1; } 100% { transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5); opacity: 0; } } .preloader { background-color: #f7f7f7; width: 100%; height: 100%; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 999999; -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; margin: 0 auto; } .preloader .preloader-circle { width: 100px; height: 100px; position: relative; border-style: solid; border-width: 3px; border-top-color: #a7cf3b; border-bottom-color: transparent; border-left-color: transparent; border-right-color: transparent; z-index: 10; border-radius: 50%; -webkit-box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15); box-shadow: 0 1px 5px 0 rgba(35, 181, 185, 0.15); background-color: #ffffff; -webkit-animation: zoom 2000ms infinite ease; animation: zoom 2000ms infinite ease; -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } .preloader .preloader-circle2 { border-top-color: #0078ff; } .preloader .preloader-img { position: absolute; top: 50%; z-index: 200; left: 0; right: 0; margin: 0 auto; text-align: center; display: inline-block; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding-top: 6px; -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } .preloader .preloader-img img { max-width: 55px; } .preloader .pere-text strong { font-weight: 800; color: #dca73a; text-transform: uppercase; } @-webkit-keyframes zoom { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } } @keyframes zoom { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: 0.6s; -o-transition: 0.6s; transition: 0.6s; } } .section-padding2 { padding-top: 200px; padding-bottom: 200px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .section-padding2 { padding-top: 200px; padding-bottom: 200px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .section-padding2 { padding-top: 200px; padding-bottom: 200px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-padding2 { padding-top: 100px; padding-bottom: 100px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .section-padding2 { padding-top: 70px; padding-bottom: 70px; } } @media (max-width: 767px) { .section-padding2 { padding-top: 70px; padding-bottom: 70px; } } .story-padding { padding-top: 100px; padding-bottom: 100px;} .quote-padding { padding:60px 0; background:#F6F4F4; } .btn-search-request {text-align:center;} .search-input { padding: 5px; } .search-button {padding: 4px 20px;} a.request-a-quote, a.request-a-quote.footer { color:#fff; background: #4ba5b0; font-size:30px; line-height:30px; border:1px solid #333; padding: 12px 30px; transition:none !important;} a.request-a-quote:hover, a.request-a-quote.footer:hover { color: #000; transition:none !important;} a.request-a-quote.header { font-size:20px; line-height:24px; padding:6px 26px; margin-top:20px; } /* search box alignment for mobile */ @media only screen and (max-width:992px) { .search {margin-top:70px;} .footer-copy-right {text-align:left !important;} .footer-copy-right p {line-height:1.8 !important; padding:4px 0; } } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .story-padding { padding-top: 200px; padding-bottom: 100px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .story-padding { padding-top: 200px; padding-bottom: 100px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .story-padding { padding-top: 100px; padding-bottom: 80px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .story-padding { padding-top: 100px; padding-bottom: 80px; } } @media (max-width: 767px) { .story-padding { padding-top: 50px; padding-bottom: 30px; } } .gift-padding { padding-top: 160px; padding-bottom: 170px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .gift-padding { padding-top: 160px; padding-bottom: 170px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .gift-padding { padding-top: 160px; padding-bottom: 170px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .gift-padding { padding-top: 100px; padding-bottom: 100px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .gift-padding { padding-top: 100px; padding-bottom: 100px; } } @media (max-width: 767px) { .gift-padding { padding-top: 100px; padding-bottom: 100px; } } .section-padd-top30 { padding-top: 170px; padding-bottom: 200px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .section-padd-top30 { padding-top: 170px; padding-bottom: 200px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .section-padd-top30 { padding-top: 170px; padding-bottom: 200px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-padd-top30 { padding-top: 100px; padding-bottom: 160px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .section-padd-top30 { padding-top: 50px; padding-bottom: 90px; } } @media (max-width: 767px) { .section-padd-top30 { padding-top: 35px; padding-bottom: 90px; } } .testimonial-padding { padding-top: 157px; padding-bottom: 157px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .testimonial-padding { padding-top: 157px; padding-bottom: 157px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .testimonial-padding { padding-top: 120px; padding-bottom: 120px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .testimonial-padding { padding-top: 100px; padding-bottom: 100px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .testimonial-padding { padding-top: 80px; padding-bottom: 60px; } } @media (max-width: 767px) { .testimonial-padding { padding-top: 80px; padding-bottom: 60px; } } .footer-padding { padding-top: 80px; padding-bottom: 74px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .footer-padding { padding-top: 200px; padding-bottom: 74px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .footer-padding { padding-top: 70px; padding-bottom: 74px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer-padding { padding-top: 70px; padding-bottom: 0px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .footer-padding { padding-top: 70px; padding-bottom: 0px; } } @media (max-width: 767px) { .footer-padding { padding-top: 70px; padding-bottom: 74px; } } .white-bg { background: #ffffff; } .gray-bg { background: #f5f5f5; } .gray-bg { background: #f7f7fd; } .white-bg { background: #fff; } .black-bg { background: #16161a; } .theme-bg { background: #800098; } .brand-bg { background: #f1f4fa; } .testimonial-bg { background: #f9fafc; } .white-color { color: #fff; } .black-color { color: #16161a; } .theme-color { color: #a7cf3b; } @media only screen and (min-width: 768px) and (max-width: 991px) { .main-header { padding: 15px 0; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .main-header { padding: 15px 0; } } @media (max-width: 767px) { .main-header { padding: 15px 0; } } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .main-header .main-menu { margin-right: 30px; } } .main-header .main-menu ul li { display: inline-block; position: relative; z-index: 1; } .main-header .main-menu ul li a { color: #978e98; color:#535353; font-weight: 400; padding: 39px 10px; font-weight: 400; display: block; font-size: 16px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; text-transform: capitalize; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .main-header .main-menu ul li a { padding: 39px 10px !important; font-size: 0.8em; } } .main-header .main-menu ul li:hover > a { color: #48a9b2; } ul.submenu {z-index: 1000 !important; } .main-header .main-menu ul ul.submenu { position: absolute; width: 260px; background: #fff; left: 0; top: 120%; visibility: hidden; opacity: 0; box-shadow: 0 0 10px 3px rgba(0, 0, 0, 0.05); padding: 17px 0; border-top: 5px solid #48a9b2; border-radius: 0 37px 0px 24px; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -ms-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; z-index:1000 !important; } .main-header .main-menu ul ul.submenu > li { margin-left: 7px; display: block; } .main-header .main-menu ul ul.submenu > li > a { padding: 6px 10px !important; font-size: 14px; color: #0b1c39; text-transform: capitalize; } .main-header .main-menu ul ul.submenu > li > a:hover { color: #48a9b2; background: none; } .header-area .header-top .header-info-right .header-social a i { -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -moz-transform: rotateY(0deg); -ms-transform: rotateY(0deg); -o-transform: rotateY(0deg); } .header-area .header-top .header-info-right .header-social a:hover i { transform: rotateY(180deg); -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); } .main-header ul > li:hover > ul.submenu { visibility: visible; opacity: 1; top: 100%; } .top-bg { background: #002d5b; } .stellarnav.light li a { color:#535353 !important;} .stellarnav.light li a:hover { color:#46a7b0 !important;} .stellarnav.mobile.right > ul { z-index: 20} .stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul {bottom:none !important;} .header-sticky ul li a { padding: 10px 19px; } .header-sticky.sticky-bar.sticky .main-menu ul > li > a { padding: 26px 10px; } .slicknav_menu .slicknav_icon-bar { background-color: #000000 !important; } .slicknav_nav { margin-top: 0px; } ul.slicknav_nav {margin-top:26px !important } .header-sticky.sticky-bar.sticky .header-btn .get-btn { padding: 20px 20px; } .header-area .slicknav_btn { top: -34px; } .slicknav_menu .slicknav_nav a:hover { background: transparent; color: #800098; } .slicknav_menu { background: transparent; margin-top: 5px !important; } .mobile_menu { position: absolute; right: 0px; top:-26px; width: 100%; z-index: 99; } .slider-height { max-height: 940px; height: 940px; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .slider-height { height: 800px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slider-height { height: 750px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-height { height: 560px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .slider-height { height: 400px; } } @media (max-width: 767px) { .slider-height { height: 400px; } } .slider-area .hero__caption { position: relative; } .slider-area .hero__caption::before { position: absolute; content: ""; background-image: url(/assets/img/hero/hero_circle_green_black.png); background-repeat: no-repeat; background-size: cover; width: 540px; height: 540px; z-index: -1; -webkit-animation-name: rotateme; animation-name: rotateme; -webkit-animation-duration: 30s; animation-duration: 30s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: linear; animation-timing-function: linear; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slider-area .hero__caption::before { width: 450px; height: 450px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-area .hero__caption::before { width: 350px; height: 350px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .slider-area .hero__caption::before { width: 250px; height: 250px; } } @media (max-width: 767px) { .slider-area .hero__caption::before { width: 220px; height: 220px; } } @keyframes rotateme { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @-webkit-keyframes rotateme { from { -webkit-transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); } } .slider-area .hero__caption.caption-bg { background-repeat: no-repeat; background-size: cover; height: 540px; width: 540px; } .slider-area .hero__caption .circle-caption { margin: auto; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slider-area .hero__caption .circle-caption { margin: 0; padding-left: 58px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-area .hero__caption .circle-caption { margin: 0; padding-left: 65px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .slider-area .hero__caption .circle-caption { margin: 0; padding-left: 35px; } } @media (max-width: 767px) { .slider-area .hero__caption .circle-caption { margin: 0; padding-left: 22px; } } .slider-area .hero__caption .circle-caption span { color: #fff; text-transform: uppercase; font-size: 23px; font-family: "Poppins", sans-serif; position: relative; margin-bottom: 20px; display: inline-block; } @media only screen and (min-width: 576px) and (max-width: 767px) { .slider-area .hero__caption .circle-caption span { font-size: 18px; margin-bottom: 7px; } } @media (max-width: 767px) { .slider-area .hero__caption .circle-caption span { font-size: 18px; margin-bottom: 7px; } } .slider-area .hero__caption .circle-caption span::before { position: absolute; content: ""; top: 50%; left: -76px; width: 57px; height: 2px; background: #fff; display: inline-block; } @media only screen and (min-width: 576px) and (max-width: 767px) { .slider-area .hero__caption .circle-caption span::before { display: none; } } @media (max-width: 767px) { .slider-area .hero__caption .circle-caption span::before { display: none; } } .slider-area .hero__caption .circle-caption span::after { position: absolute; content: ""; top: 50%; right: -76px; width: 57px; height: 2px; background: #fff; display: inline-block; } @media only screen and (min-width: 576px) and (max-width: 767px) { .slider-area .hero__caption .circle-caption span::after { display: none; } } @media (max-width: 767px) { .slider-area .hero__caption .circle-caption span::after { display: none; } } .slider-area .hero__caption .circle-caption h1 { font-size: 65px; font-weight: 700; margin-bottom: 14px; color: #fff; font-family: "Playfair Display", serif; line-height: 1.2; text-transform: capitalize; margin-bottom: 30px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slider-area .hero__caption .circle-caption h1 { font-size: 50px; line-height: 1.2; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-area .hero__caption .circle-caption h1 { font-size: 34px; line-height: 1.2; margin-bottom: 10px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .slider-area .hero__caption .circle-caption h1 { font-size: 30px; line-height: 1.4; margin-bottom: 8px; } } @media (max-width: 767px) { .slider-area .hero__caption .circle-caption h1 { font-size: 27px; line-height: 1.4; margin-bottom: 8px; } } .slider-area .hero__caption .circle-caption p { color: #fff; text-transform: uppercase; font-size: 23px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .slider-area .hero__caption .circle-caption p { font-size: 15px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .slider-area .hero__caption .circle-caption p { font-size: 15px; } } @media (max-width: 767px) { .slider-area .hero__caption .circle-caption p { font-size: 13px; } } .slider-area .hero__img img { max-width: 584px; max-height: 607px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .slider-area .hero__img img { max-width: 386px; } } .hero-overly { position: relative; z-index: 0; } .hero-overly::before { position: absolute; content: ""; background-color: rgba(0, 0, 0, 0.1); width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; background-repeat: no-repeat; } .slider-area .hero-cap { position: relative; z-index: 1; } .slider-area .hero-cap h2 { color: #fff; font-size: 50px; font-weight: 700; text-transform: capitalize; } .slider-height2 { min-height: 400px; background-repeat: no-repeat; background-position: center center; background-size: cover; } @media (max-width: 767px) { .slider-height2 { min-height: 360px; } } .services-area { padding-top: 270px;} .service-area .singl-services .top-caption h4:hover { color:#46a7b0; } .header2 { background: #fbf7f3; } .Our-story-area { position: relative; } .Our-story-area .story-img { position: relative; margin-left: 40px; } @media only screen and (min-width: 576px) and (max-width: 767px) { .Our-story-area .story-img { margin-left: 0px; margin-bottom: 50px; } } @media (max-width: 767px) { .Our-story-area .story-img { margin-left: 0px; margin-bottom: 50px; } } .Our-story-area .story-img .story-imges { width: 100%; } @media (max-width: 767px) { .Our-story-area .story-img .shape-flower-img { display: none; } } .Our-story-area .story-img .shape-flower-img .flower-top { position: absolute; bottom: -79px; left: -71px; } .Our-story-area .story-caption { padding-left: 48px; padding-right: 45px; /* padding-top: 48px; */ } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .Our-story-area .story-caption { padding-left: 20px; padding-right: 0; padding-top: 48px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .Our-story-area .story-caption { padding-left: 20px; padding-right: 0; padding-top: 20px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .Our-story-area .story-caption { padding-left: 0px; padding-right: 0; padding-top: 0px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .Our-story-area .story-caption { padding-left: 0px; padding-right: 0; padding-top: 0px; padding-top: 0px; } } @media (max-width: 767px) { .Our-story-area .story-caption { padding-left: 0px; padding-right: 0; padding-top: 0px; } } .Our-story-area .story-caption img { margin-bottom: 10px; } .Our-story-area .story-caption h3 { font-size: 30px; font-weight: 700; margin-bottom: 10px; color: #362d2b; font-family: "Playfair Display", serif; line-height: 1.2; text-transform: uppercase; margin-bottom: 44px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .Our-story-area .story-caption h3 { margin-bottom: 10px; } } .Our-story-area .story-caption .story1 { margin-bottom: 35px; } @media only screen and (min-width: 992px) and (max-width: 1199px) { .Our-story-area .story-caption .story1 { margin-bottom: 10px; } } .Our-story-area .shape-flower .flower1 { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .Our-story-area .shape-flower .flower2 { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .service-area { background: #fefcfa; padding-top: 100px; padding-bottom: 110px; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .service-area { padding-top: 170px; padding-bottom: 110px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .service-area { padding-top: 140px; padding-bottom: 85px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .service-area { padding-top: 140px; padding-bottom: 85px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .service-area { padding-top: 70px; padding-bottom: 0px; } } @media (max-width: 767px) { .service-area { padding-top: 70px; padding-bottom: 0px; } } .service-area .col-lg-4:nth-child(3) .singl-services::before { display: none; } .service-area .singl-services { position: relative; } .service-area .singl-services::before { position: absolute; content: ""; top: 50%; right: -17px; width: 2px; height: 75px; background: #e09513; transform: translateY(-50%); } @media (max-width: 767px) { .service-area .singl-services::before { display: none; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .service-area .singl-services::before { display: none; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .service-area .singl-services::before { display: none; } } .service-area .singl-services .top-caption h4 { color: #362d2b; font-size: 35px; font-weight: 400; line-height: 1.2; } .service-area .singl-services .top-caption p { font-family: "Playfair Display", serif; color: #362d2b; font-size: 20px; margin-bottom: 54px; } .service-area .singl-services .services-img { position: relative; z-index: 0; } .service-area .singl-services .services-img img { position: relative; margin-bottom: 43px; border: 10px solid rgba(255, 255, 255, 0.8); border-radius: 50%; } .service-area .singl-services .services-img .back-flower { position: absolute; right: 45px; bottom: 0; z-index: -1; top: 3px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .service-area .singl-services .services-img .back-flower { right: 180px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .service-area .singl-services .services-img .back-flower { right: 50px; } } @media (max-width: 767px) { .service-area .singl-services .services-img .back-flower { right: 0px; } } .service-area .singl-services .services-img .back-flower img { margin-bottom: 0px; border: 0; border-radius: 0; } .service-area .singl-services .bottom-caption span { color: #daad9e; letter-spacing: 10px; font-size: 16px; font-weight: 400; margin-bottom: 15px; display: block; } .service-area .singl-services .bottom-caption p { color: #090908; } .section-tittle h2 { color: #362d2b; font-size: 40px; font-weight: 700; margin-bottom: 66px; line-height: 1.3; text-transform: uppercase; } @media (max-width: 767px) { .section-tittle h2 { font-size: 39px; line-height: 1.3; } } .section-tittle.tittle-form img { -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -ms-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; position: relative; top: -35px; } .section-tittle.tittle-form h2 { font-size: 40px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .section-tittle.tittle-form h2 { font-size: 34px; line-height: 1.3; } } @media (max-width: 767px) { .section-tittle.tittle-form h2 { font-size: 34px; line-height: 1.3; } } .our-memories-area { position: relative; } .our-memories-area .memory { -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .our-memories-area .memory .memories-img { position: relative; } .our-memories-area .memory .memories-img::before { position: absolute; content: ""; background-color: rgba(0, 0, 0, 0.6); width: 100%; height: 100%; left: 0; top: 0; bottom: 0; right: 0; z-index: 1; opacity: 0; visibility: hidden; background-repeat: no-repeat; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; } .our-memories-area .memory .memories-img img { width: 100%; } .our-memories-area .memory .memories-img .menorie-icon { position: absolute; top: 50%; left: 0; right: 0; text-align: center; font-weight: 800; } .our-memories-area .memory .memories-img .menorie-icon i { color: #fff; font-size: 20px; width: 40px; height: 40px; line-height: 35px; border: 2px solid #fff; font-weight: 800; cursor: pointer; position: relative; z-index: 2; display: inline-block; border-radius: 50%; opacity: 0; visibility: hidden; -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; transform: scale(0); } .our-memories-area .memories-shape .memories-shape1 { position: absolute; left: 0; top: 50%; transform: translateY(-50%); z-index: 0; } .our-memories-area .memories-shape .memories-shape2 { position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 0; } .memory:hover { padding: 10px; } .memory:hover .memories-img::before { opacity: 1; visibility: visible; } .memory:hover .memories-img .menorie-icon i { opacity: 1; visibility: visible; transform: scale(1); } .gift-overly { position: relative; z-index: 1; } .gift-overly::before { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; content: ""; background-repeat: no-repeat; } .gift-area { background-size: cover; background-repeat: no-repeat; } .gift-area .gift-caption h2 { font-size: 70px; font-weight: 700; margin-bottom: 14px; color: #362d2b; font-family: "Playfair Display", serif; line-height: 1.2; text-transform: capitalize; margin-bottom: 14px; } @media (max-width: 767px) { .gift-area .gift-caption h2 { font-size: 44px; margin-bottom: 27px; } } .gift-area .gift-caption p { color: #362d2b; font-size: 30px; margin-bottom: 60px; line-height: 1.3; } @media (max-width: 767px) { .gift-area .gift-caption p { font-size: 18px; } } .contact-form .form-wrapper { background: #fff; padding: 100px 70px 100px 70px; box-shadow: 0px 0px 86px 0px rgba(0, 0, 0, 0.06); position: relative; } @media only screen and (min-width: 1200px) and (max-width: 1600px) { .contact-form .form-wrapper { padding: 100px 82px 70px 82px; } } @media only screen and (min-width: 992px) and (max-width: 1199px) { .contact-form .form-wrapper { padding: 100px 82px 70px 82px; } } @media only screen and (min-width: 768px) and (max-width: 991px) { .contact-form .form-wrapper { padding: 100px 82px 70px 82px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .contact-form .form-wrapper { padding: 100px 34px 70px 36px; } } @media (max-width: 767px) { .contact-form .form-wrapper { padding: 100px 34px 110px 36px; } } .contact-form .form-wrapper .shape-inner-flower .top1 { position: absolute; top: 20px; left: 25px; } .contact-form .form-wrapper .shape-inner-flower .top2 { position: absolute; top: 20px; right: 25px; } .contact-form .form-wrapper .shape-inner-flower .top3 { position: absolute; bottom: 20px; left: 25px; } .contact-form .form-wrapper .shape-inner-flower .top4 { position: absolute; bottom: 20px; right: 25px; } .contact-form .form-wrapper .shape-outer-flower .outer-top { position: absolute; top: -62px; left: -143px; z-index: -1; -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -ms-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; } .contact-form .form-wrapper .shape-outer-flower .outer-bottom { position: absolute; bottom: 2px; right: -133px; z-index: -1; -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -ms-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; } .bg-height { background-position: center center; } .contact { border: 1px solid #eaedff; padding: 40px 10px; } .contact i { background: #8fb569; font-size: 40px; height: 150px; width: 150px; color: #ffffff; border-radius: 50%; line-height: 135px; border: 10px solid #fff; -webkit-box-shadow: 0px 16px 32px 0px rgba(206, 226, 255, 0.4); box-shadow: 0px 16px 32px 0px rgba(206, 226, 255, 0.4); margin-bottom: 30px; } .contact h3 { font-size: 26px; margin-bottom: 15px; } .contact p { margin: 0; padding: 0 50px; } .contact-area { background-position: center center; background-repeat: no-repeat; } .contact-form input { background: none; height: 60px; width: 100%; padding: 10px 25px; padding-right: 25px; padding-right: 30px; border: 0; color: #a3a3a3; font-weight: 500; text-transform: capitalize; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border: 1px solid #d9d9d9; } .contact-form .nice-select { background: none; height: 60px; width: 100%; border: 0; color: #a3a3a3; font-weight: 500; text-transform: capitalize; padding-top: 10px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border: 1px solid #d9d9d9; } .nice-select .option { color: #a3a3a3; } .contact-form .nice-select::after { border-bottom: 2px solid #a3a3a3; border-right: 2px solid #a3a3a3; height: 7px; right: 41px; width: 7px; } .contact-form textarea { color: #a3a3a3; background: none; font-weight: 500; letter-spacing: 2px; text-transform: capitalize; height: 140px; width: 100%; padding: 30px 50px; border: 0; border-radius: 5px; border: 1px solid #d9d9d9; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .contact-form textarea { padding: 30px 42px; } } @media only screen and (min-width: 576px) and (max-width: 767px) { .contact-form textarea { padding: 30px 42px; } } @media (max-width: 767px) { .contact-form textarea { padding: 30px 42px; } } .contact-form .nice-select.open .list { width: 100%; border-radius: 0; } .contact-form .nice-select .list { width: 100%; } .contact-form input::-moz-placeholder, .contact-form input::-moz-placeholder { color: #a3a3a3; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .contact-form input::-moz-placeholder, .contact-form input::placeholder { color: #a3a3a3; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .contact-form input:focus::-webkit-input-placeholder { opacity: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } .form-wrapper:hover .shape-outer-flower .outer-top { top: -70px; } .form-wrapper:hover .shape-outer-flower .outer-bottom { bottom: 18px; } .form-wrapper:hover .section-tittle.tittle-form img { transform: rotate(-80deg); position: relative; top: -35px; -webkit-transition: all 0.6s ease-out 0s; -moz-transition: all 0.6s ease-out 0s; -ms-transition: all 0.6s ease-out 0s; -o-transition: all 0.6s ease-out 0s; transition: all 0.6s ease-out 0s; } @media only screen and (min-width: 576px) and (max-width: 767px) { .submit-info { text-align: center; } } @media (max-width: 767px) { .submit-info { text-align: center; } } .footer-area .footer-logo { margin-bottom: 30px; } .footer-area .footer-pera .info1 { line-height: 1.8; margin-bottom: 30px; padding-right: 5px; } .footer-area .footer-pera .info2 { margin-bottom: 0; } .footer-area .footer-pera.footer-pera2 p { line-height: 1.9; padding: 0; } .footer-area .footer-tittle h4 { color: #362d2b; font-family: "Poppins", sans-serif; font-size: 18px; margin-bottom: 38px; font-weight: 500; text-transform: uppercase; } .footer-area .footer-tittle ul li { color: #012f5f; margin-bottom: 15px; text-transform: capitalize; } .footer-area .footer-tittle ul li a, .footer-area a { color:#a7cf3b; color:#46a7b0; font-weight: 500; } .footer-area .footer-tittle ul li a:hover, .footer-area a:hover { color: #a7cf3b; /*padding-left: 5px;*/ } .footer-area .footer-form { margin-top: 40px; } .footer-area .footer-form form { position: relative; } .footer-area .footer-form form input { width: 100%; height: 43px; padding: 10px 20px; border: 0; border-bottom: 1px solid #fff; } .footer-area .footer-form form .form-icon button { position: absolute; top: 0; right: 0; background: none; border: 0; cursor: pointer; padding: 13px 22px; background: #800098; line-height: 1; } .footer-area .info.error { color: #800098; } .footer-area .footer-social a { width: 40px; height: 40px; font-size: 14px; border: 1px solid #fafafa; background: #fafafa; display: inline-block; line-height: 40px; text-align: center; color: #949eb2; margin-right: 5px; /* -webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; */ } .footer-area .insta-feed { padding-top: 5px; display: flex; flex-wrap: wrap; } .footer-area .insta-feed li { width: 33.33%; } .footer-area .insta-feed li img { width: 100%; } .footer-social a:hover { background: #800098; } .footer-social a:hover i { color: #fff; /*-webkit-transition: all 0.4s ease-out 0s; -moz-transition: all 0.4s ease-out 0s; -ms-transition: all 0.4s ease-out 0s; -o-transition: all 0.4s ease-out 0s; transition: all 0.4s ease-out 0s; */ } .footer-bottom-area .footer-border { border-top: 1px solid #dddddd; padding: 33px 0px 33px; } @media only screen and (min-width: 768px) and (max-width: 991px) { .footer-bottom-area .footer-border { padding: 0px 0px 20px; } } @media (max-width: 767px) { .footer-bottom-area .footer-border { padding: 0px 0px 20px; } } .footer-bottom-area .footer-copy-right p { font-weight: 300; font-size: 16px; line-height: 2.2; margin: 0; } .footer-bottom-area .footer-copy-right p i { color: #800098; } .footer-bottom-area .footer-copy-right p a { color: #7b40c0; } .footer-bottom-area .footer-copy-right p a:hover { color: #800098; } .footer-bg { background: #f9f7f4;} .footer-bg.top { background:#e1f4b4; } .footer-area i.fab {font-size:80px; } .footer-area i.fa-facebook { color:#4267B2 !important; } .footer-area i.fa-facebook:hover { color:#a7cf3b !important;} .footer-area i.fa-instagram { color:#E1306C !important; } .footer-area i.fa-instagram:hover { color:#a7cf3b !important;} .footer-area i.fa-paypal { color:#00457a !important; } .footer-area i.fa-paypal:hover { color:#a7cf3b !important;} .footer-area a.venmo { /*font-size:30px; color:red; */} .hero-caption span { color: #fff; font-size: 16px; display: block; margin-bottom: 24px; font-weight: 600; padding-left: 95px; position: relative; } .hero-caption span::before { position: absolute; content: ""; width: 75px; height: 3px; background: #800098; left: 0; top: 52%; transform: translateY(-50%); } .hero-caption h2 { color: #fff; font-size: 50px; font-weight: 700; } .causes_slider .owl-dots { text-align: center; margin-top: 80px; } .causes_slider .owl-dots .owl-dot { height: 14px; width: 14px; background: #eeeeee; display: inline-block; margin-right: 7px; } .causes_slider .owl-dots .owl-dot:last-child { margin-right: 0px; } .causes_item { background: #fff; } .causes_item .causes_img { position: relative; } .causes_item .causes_img .c_parcent { position: absolute; bottom: 0px; width: 100%; left: 0px; height: 3px; background: rgba(255, 255, 255, 0.5); } .causes_item .causes_img .c_parcent span { width: 70%; height: 3px; position: absolute; left: 0px; bottom: 0px; } .causes_item .causes_img .c_parcent span:before { content: "75%"; position: absolute; right: -10px; bottom: 0px; color: #fff; padding: 0px 5px; } .causes_item .causes_text { padding: 30px 35px 40px 30px; } .causes_item .causes_text h4 { font-size: 18px; font-weight: 600; margin-bottom: 15px; cursor: pointer; } .causes_item .causes_text p { font-size: 14px; line-height: 24px; font-weight: 300; margin-bottom: 0px; } .causes_item .causes_bottom a { width: 50%; border: 1px solid; text-align: center; float: left; line-height: 50px; color: #fff; font-size: 14px; font-weight: 500; } .causes_item .causes_bottom a + a { border-color: #eeeeee; background: #fff; font-size: 14px; } .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .contact-info { margin-bottom: 25px; } .contact-info__icon { margin-right: 20px; } .contact-info__icon i, .contact-info__icon span { color: #8f9195; font-size: 27px; } .contact-info .media-body h3 { font-size: 16px; margin-bottom: 0; font-size: 16px; color: #2a2a2a; } .contact-info .media-body h3 a:hover { color: #222; } .contact-info .media-body p { color: #8a8a8a; } .contact-title { font-size: 27px; font-weight: 600; margin-bottom: 20px; } .form-contact label { font-size: 14px; } .form-contact .form-group { margin-bottom: 30px; } .form-contact .form-control { border: 1px solid #e5e6e9; border-radius: 0px; height: 48px; padding-left: 18px; font-size: 13px; background: transparent; } .form-contact .form-control:focus { outline: 0; box-shadow: none; } .form-contact .form-control::placeholder { font-weight: 300; color: #999999; } .form-contact textarea { border-radius: 0px; height: 100% !important; } .modal-message .modal-dialog { position: absolute; top: 36%; left: 50%; transform: translateX(-50%) translateY(-50%) !important; margin: 0px; max-width: 500px; width: 100%; } .modal-message .modal-dialog .modal-content .modal-header { text-align: center; display: block; border-bottom: none; padding-top: 50px; padding-bottom: 50px; } .modal-message .modal-dialog .modal-content .modal-header .close { position: absolute; right: -15px; top: -15px; padding: 0px; color: #fff; opacity: 1; cursor: pointer; } .modal-message .modal-dialog .modal-content .modal-header h2 { display: block; text-align: center; padding-bottom: 10px; } .modal-message .modal-dialog .modal-content .modal-header p { display: block; } .contact-section { padding: 130px 0 100px; } @media (max-width: 991px) { .contact-section { padding: 70px 0 40px; } } @media only screen and (min-width: 992px) and (max-width: 1200px) { .contact-section { padding: 80px 0 50px; } } .contact-section .btn_2 { background-color: #191d34; padding: 18px 60px; border-radius: 50px; margin-top: 0; } .contact-section .btn_2:hover { background-color: #222; } .breadcam_bg { background-image: url(../img/banner/bradcam.png); } .breadcam_bg_1 { background-image: url(../img/banner/bradcam2.png); } .breadcam_bg_2 { background-image: url(../img/banner/bradcam3.png); } .bradcam_area { background-size: cover; background-position: center center; padding: 160px 0; background-position: bottom; background-repeat: no-repeat; } @media (max-width: 767px) { .bradcam_area { padding: 150px 0; } } @media (min-width: 768px) and (max-width: 991px) { .bradcam_area { padding: 150px 0; } } .bradcam_area h3 { font-size: 50px; color: #fff; font-weight: 900; margin-bottom: 0; font-family: "Playfair Display", serif; text-transform: capitalize; } @media (max-width: 767px) { .bradcam_area h3 { font-size: 30px; } } @media (min-width: 768px) and (max-width: 991px) { .bradcam_area h3 { font-size: 40px; } } .popup_box { background: #fff; display: inline-block; z-index: 9; width: 681px; padding: 60px 40px; } @media (max-width: 767px) { .popup_box { width: 320px; padding: 45px 30px; } } @media only screen and (min-width: 480px) and (max-width: 767px) { .popup_box { width: 420px !important; padding: 45px 30px; } } .popup_box h3 { text-align: center; font-size: 22px; color: #1f1f1f; margin-bottom: 46px; } .popup_box .boxed-btn3 { width: 100%; text-transform: capitalize; } .popup_box .nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border: solid 1px #e2e2e2; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: "Poppins", sans-serif; font-weight: normal; width: 100% !important; line-height: 50px; outline: none; padding-left: 18px; padding-right: 30px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: auto; border-radius: 0; margin-bottom: 30px; height: 50px !important; font-size: 16px; font-weight: 400; color: #919191; } .popup_box .nice-select::after { content: "\f0d7"; display: block; height: 5px; margin-top: -5px; pointer-events: none; position: absolute; right: 17px; top: 3px; transition: all 0.15s ease-in-out; width: 5px; font-family: fontawesome; color: #919191; font-size: 15px; } .popup_box .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); -ms-transform: scale(1) translateY(0); transform: scale(1) translateY(0); height: 200px; overflow-y: scroll; } .popup_box .nice-select.list { height: 200px; overflow-y: scroll; } #test-form { display: inline-block; margin: auto; text-align: center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } @media (max-width: 767px) { #test-form { top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: none; -ms-transform: none; transform: none; } } #test-form .mfp-close-btn-in .mfp-close { color: #333; display: none !important; } #test-form button.mfp-close { display: none !important; } @media (max-width: 767px) { #test-form button.mfp-close { display: block !important; position: absolute; left: 0; right: 0; margin: auto; } } #test-form button.mfp-close { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; box-shadow: none; touch-action: manipulation; width: 40px; height: 40px; background: #4a3600; text-align: center; line-height: 20px; position: absolute; right: 0; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; position: absolute; right: -6px; color: #fff !important; } .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #4a3600; opacity: 0.6; } @media (max-width: 767px) { .gj-picker.gj-picker-md.timepicker { width: 310px; left: 6px !important; } } @media (max-width: 767px) { .gj-picker.gj-picker-md.datepicker.gj-unselectable { width: 320px; left: 0 !important; } } .flex-center-start { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .overlay::before { background-image: -moz-linear-gradient(170deg, rgba(34, 34, 34, 0) 0%, #000 100%); background-image: -webkit-linear-gradient(170deg, rgba(34, 34, 34, 0) 0%, #000 100%); background-image: -ms-linear-gradient(170deg, rgba(34, 34, 34, 0) 0%, #000 100%); } .gift-overly::before { background-image: -moz-linear-gradient(0deg, #fff 0%, rgba(215, 215, 215, 0.01) 99%, rgba(215, 215, 215, 0) 100%); background-image: -webkit-linear-gradient(0deg, #fff 0%, rgba(215, 215, 215, 0.01) 99%, rgba(215, 215, 215, 0) 100%); background-image: -ms-linear-gradient(0deg, #fff 0%, rgba(215, 215, 215, 0.01) 99%, rgba(215, 215, 215, 0) 100%); } .sample-text-area { background: #fff; padding: 100px 0 70px 0; padding-right: 70px; padding-bottom: 70px; } .text-heading { margin-bottom: 30px; font-size: 24px; } b, sup, sub, u, del { color: #222; } .typography h1, .typography h2, .typography h3, .typography h4, .typography h5, .typography h6 { color: #828bb2; } .button-area { background: #fff; } .button-area .border-top-generic { padding: 70px 15px; border-top: 1px dotted #eee; } .button-group-area .genric-btn { margin-right: 10px; margin-top: 10px; } .button-group-area .genric-btn:last-child { margin-right: 0; } .genric-btn { display: inline-block; outline: none; line-height: 40px; padding: 0 30px; font-size: 0.8em; text-align: center; text-decoration: none; font-weight: 500; cursor: pointer; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .genric-btn:focus { outline: none; } .genric-btn.e-large { padding: 0 40px; line-height: 50px; } .genric-btn.large { line-height: 45px; } .genric-btn.medium { line-height: 30px; } .genric-btn.small { line-height: 25px; } .genric-btn.radius { border-radius: 3px; } .genric-btn.circle { border-radius: 20px; } .genric-btn.arrow { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .genric-btn.arrow span { margin-left: 10px; } .genric-btn.default { color: #415094; background: #f9f9ff; border: 1px solid transparent; } .genric-btn.default:hover { border: 1px solid #f9f9ff; background: #fff; } .genric-btn.default-border { border: 1px solid #f9f9ff; background: #fff; } .genric-btn.default-border:hover { color: #415094; background: #f9f9ff; border: 1px solid transparent; } .genric-btn.primary { color: #fff; background: #222; border: 1px solid transparent; } .genric-btn.primary:hover { color: #222; border: 1px solid #222; background: #fff; } .genric-btn.primary-border { color: #222; border: 1px solid #222; background: #fff; } .genric-btn.primary-border:hover { color: #fff; background: #222; border: 1px solid transparent; } .genric-btn.success { color: #fff; background: #4cd3e3; border: 1px solid transparent; } .genric-btn.success:hover { color: #4cd3e3; border: 1px solid #4cd3e3; background: #fff; } .genric-btn.success-border { color: #4cd3e3; border: 1px solid #4cd3e3; background: #fff; } .genric-btn.success-border:hover { color: #fff; background: #4cd3e3; border: 1px solid transparent; } .genric-btn.info { color: #fff; background: #38a4ff; border: 1px solid transparent; } .genric-btn.info:hover { color: #38a4ff; border: 1px solid #38a4ff; background: #fff; } .genric-btn.info-border { color: #38a4ff; border: 1px solid #38a4ff; background: #fff; } .genric-btn.info-border:hover { color: #fff; background: #38a4ff; border: 1px solid transparent; } .genric-btn.warning { color: #fff; background: #f4e700; border: 1px solid transparent; } .genric-btn.warning:hover { color: #f4e700; border: 1px solid #f4e700; background: #fff; } .genric-btn.warning-border { color: #f4e700; border: 1px solid #f4e700; background: #fff; } .genric-btn.warning-border:hover { color: #fff; background: #f4e700; border: 1px solid transparent; } .genric-btn.danger { color: #fff; background: #f44a40; border: 1px solid transparent; } .genric-btn.danger:hover { color: #f44a40; border: 1px solid #f44a40; background: #fff; } .genric-btn.danger-border { color: #f44a40; border: 1px solid #f44a40; background: #fff; } .genric-btn.danger-border:hover { color: #fff; background: #f44a40; border: 1px solid transparent; } .genric-btn.link { color: #415094; background: #f9f9ff; text-decoration: underline; border: 1px solid transparent; } .genric-btn.link:hover { color: #415094; border: 1px solid #f9f9ff; background: #fff; } .genric-btn.link-border { color: #415094; border: 1px solid #f9f9ff; background: #fff; text-decoration: underline; } .genric-btn.link-border:hover { color: #415094; background: #f9f9ff; border: 1px solid transparent; } .genric-btn.disable { color: #222, 0.3; background: #f9f9ff; border: 1px solid transparent; cursor: not-allowed; } .generic-blockquote { padding: 30px 50px 30px 30px; background: #f9f9ff; border-left: 2px solid #222; } .progress-table-wrap { overflow-x: scroll; } .progress-table { background: #f9f9ff; padding: 15px 0px 30px 0px; min-width: 800px; } .progress-table .serial { width: 11.83%; padding-left: 30px; } .progress-table .country { width: 28.07%; } .progress-table .visit { width: 19.74%; } .progress-table .percentage { width: 40.36%; padding-right: 50px; } .progress-table .table-head { display: flex; } .progress-table .table-head .serial, .progress-table .table-head .country, .progress-table .table-head .visit, .progress-table .table-head .percentage { color: #415094; line-height: 40px; text-transform: uppercase; font-weight: 500; } .progress-table .table-row { padding: 15px 0; border-top: 1px solid #edf3fd; display: flex; } .progress-table .table-row .serial, .progress-table .table-row .country, .progress-table .table-row .visit, .progress-table .table-row .percentage { display: flex; align-items: center; } .progress-table .table-row .country img { margin-right: 15px; } .progress-table .table-row .percentage .progress { width: 80%; border-radius: 0px; background: transparent; } .progress-table .table-row .percentage .progress .progress-bar { height: 5px; line-height: 5px; } .progress-table .table-row .percentage .progress .progress-bar.color-1 { background-color: #6382e6; } .progress-table .table-row .percentage .progress .progress-bar.color-2 { background-color: #e66686; } .progress-table .table-row .percentage .progress .progress-bar.color-3 { background-color: #f09359; } .progress-table .table-row .percentage .progress .progress-bar.color-4 { background-color: #73fbaf; } .progress-table .table-row .percentage .progress .progress-bar.color-5 { background-color: #73fbaf; } .progress-table .table-row .percentage .progress .progress-bar.color-6 { background-color: #6382e6; } .progress-table .table-row .percentage .progress .progress-bar.color-7 { background-color: #a367e7; } .progress-table .table-row .percentage .progress .progress-bar.color-8 { background-color: #e66686; } .single-gallery-image { margin-top: 30px; background-repeat: no-repeat !important; background-position: center center !important; background-size: cover !important; height: 200px; } .list-style { width: 14px; height: 14px; } .unordered-list li { position: relative; padding-left: 30px; line-height: 1.82em !important; } .unordered-list li:before { content: ""; position: absolute; width: 14px; height: 14px; border: 3px solid #222; background: #fff; top: 4px; left: 0; border-radius: 50%; } .ordered-list { margin-left: 30px; } .ordered-list li { list-style-type: decimal-leading-zero; color: #222; font-weight: 500; line-height: 1.82em !important; } .ordered-list li span { font-weight: 300; color: #828bb2; } .ordered-list-alpha li { margin-left: 30px; list-style-type: lower-alpha; color: #222; font-weight: 500; line-height: 1.82em !important; } .ordered-list-alpha li span { font-weight: 300; color: #828bb2; } .ordered-list-roman li { margin-left: 30px; list-style-type: lower-roman; color: #222; font-weight: 500; line-height: 1.82em !important; } .ordered-list-roman li span { font-weight: 300; color: #828bb2; } .single-input { display: block; width: 100%; line-height: 40px; border: none; outline: none; background: #f9f9ff; padding: 0 20px; } .single-input:focus { outline: none; } .input-group-icon { position: relative; } .input-group-icon .icon { position: absolute; left: 20px; top: 0; line-height: 40px; z-index: 3; } .input-group-icon .icon i { color: #797979; } .input-group-icon .single-input { padding-left: 45px; } .single-textarea { display: block; width: 100%; line-height: 40px; border: none; outline: none; background: #f9f9ff; padding: 0 20px; height: 100px; resize: none; } .single-textarea:focus { outline: none; } .single-input-primary { display: block; width: 100%; line-height: 40px; border: 1px solid transparent; outline: none; background: #f9f9ff; padding: 0 20px; } .single-input-primary:focus { outline: none; border: 1px solid #222; } .single-input-accent { display: block; width: 100%; line-height: 40px; border: 1px solid transparent; outline: none; background: #f9f9ff; padding: 0 20px; } .single-input-accent:focus { outline: none; border: 1px solid #eb6b55; } .single-input-secondary { display: block; width: 100%; line-height: 40px; border: 1px solid transparent; outline: none; background: #f9f9ff; padding: 0 20px; } .single-input-secondary:focus { outline: none; border: 1px solid #f09359; } .default-switch { width: 35px; height: 17px; border-radius: 8.5px; background: #f9f9ff; position: relative; cursor: pointer; } .default-switch input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; } .default-switch input + label { position: absolute; top: 1px; left: 1px; width: 15px; height: 15px; border-radius: 50%; background: #222; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2); cursor: pointer; } .default-switch input:checked + label { left: 19px; } .primary-switch { width: 35px; height: 17px; border-radius: 8.5px; background: #f9f9ff; position: relative; cursor: pointer; } .primary-switch input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } .primary-switch input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .primary-switch input + label:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: transparent; border-radius: 8.5px; cursor: pointer; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .primary-switch input + label:after { content: ""; position: absolute; top: 1px; left: 1px; width: 15px; height: 15px; border-radius: 50%; background: #fff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2); cursor: pointer; } .primary-switch input:checked + label:after { left: 19px; } .primary-switch input:checked + label:before { background: #222; } .confirm-switch { width: 35px; height: 17px; border-radius: 8.5px; background: #f9f9ff; position: relative; cursor: pointer; } .confirm-switch input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } .confirm-switch input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; } .confirm-switch input + label:before { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; background: transparent; border-radius: 8.5px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; cursor: pointer; } .confirm-switch input + label:after { content: ""; position: absolute; top: 1px; left: 1px; width: 15px; height: 15px; border-radius: 50%; background: #fff; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; box-shadow: 0px 4px 5px 0px rgba(0, 0, 0, 0.2); cursor: pointer; } .confirm-switch input:checked + label:after { left: 19px; } .confirm-switch input:checked + label:before { background: #4cd3e3; } .primary-checkbox { width: 16px; height: 16px; border-radius: 3px; background: #f9f9ff; position: relative; cursor: pointer; } .primary-checkbox input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } .primary-checkbox input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 3px; cursor: pointer; border: 1px solid #f1f1f1; } .primary-checkbox input:checked + label { background: url(../img/elements/primary-check.png) no-repeat center center/cover; border: none; } .confirm-checkbox { width: 16px; height: 16px; border-radius: 3px; background: #f9f9ff; position: relative; cursor: pointer; } .confirm-checkbox input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } .confirm-checkbox input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 3px; cursor: pointer; border: 1px solid #f1f1f1; } .confirm-checkbox input:checked + label { background: url(../img/elements/success-check.png) no-repeat center center/cover; border: none; } .disabled-checkbox { width: 16px; height: 16px; border-radius: 3px; background: #f9f9ff; position: relative; cursor: pointer; } .disabled-checkbox input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } .disabled-checkbox input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 3px; cursor: pointer; border: 1px solid #f1f1f1; } .disabled-checkbox input:disabled { cursor: not-allowed; z-index: 3; } .disabled-checkbox input:checked + label { background: url(../img/elements/disabled-check.png) no-repeat center center/cover; border: none; } .primary-radio { width: 16px; height: 16px; border-radius: 8px; background: #f9f9ff; position: relative; cursor: pointer; } .primary-radio input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } .primary-radio input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 8px; cursor: pointer; border: 1px solid #f1f1f1; } .primary-radio input:checked + label { background: url(../img/elements/primary-radio.png) no-repeat center center/cover; border: none; } .confirm-radio { width: 16px; height: 16px; border-radius: 8px; background: #f9f9ff; position: relative; cursor: pointer; } .confirm-radio input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } .confirm-radio input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 8px; cursor: pointer; border: 1px solid #f1f1f1; } .confirm-radio input:checked + label { background: url(../img/elements/success-radio.png) no-repeat center center/cover; border: none; } .disabled-radio { width: 16px; height: 16px; border-radius: 8px; background: #f9f9ff; position: relative; cursor: pointer; } .disabled-radio input { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; opacity: 0; } .disabled-radio input + label { position: absolute; left: 0; top: 0; right: 0; bottom: 0; width: 100%; height: 100%; border-radius: 8px; cursor: pointer; border: 1px solid #f1f1f1; } .disabled-radio input:disabled { cursor: not-allowed; z-index: 3; } .disabled-radio input:checked + label { background: url(../img/elements/disabled-radio.png) no-repeat center center/cover; border: none; } .default-select { height: 40px; } .default-select .nice-select { border: none; border-radius: 0px; height: 40px; background: #f9f9ff; padding-left: 20px; padding-right: 40px; } .default-select .nice-select .list { margin-top: 0; border: none; border-radius: 0px; box-shadow: none; width: 100%; padding: 10px 0 10px 0px; } .default-select .nice-select .list .option { font-weight: 300; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; line-height: 28px; min-height: 28px; font-size: 12px; padding-left: 20px; } .default-select .nice-select .list .option.selected { color: #222; background: transparent; } .default-select .nice-select .list .option:hover { color: #222; background: transparent; } .default-select .current { margin-right: 50px; font-weight: 300; } .default-select .nice-select::after { right: 20px; } .form-select { height: 40px; width: 100%; } .form-select .nice-select { border: none; border-radius: 0px; height: 40px; background: #f9f9ff; padding-left: 45px; padding-right: 40px; width: 100%; } .form-select .nice-select .list { margin-top: 0; border: none; border-radius: 0px; box-shadow: none; width: 100%; padding: 10px 0 10px 0px; } .form-select .nice-select .list .option { font-weight: 300; -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; line-height: 28px; min-height: 28px; font-size: 12px; padding-left: 45px; } .form-select .nice-select .list .option.selected { color: #222; background: transparent; } .form-select .nice-select .list .option:hover { color: #222; background: transparent; } .form-select .current { margin-right: 50px; font-weight: 300; } .form-select .nice-select::after { right: 20px; } .mt-10 { margin-top: 10px; } .section-top-border { padding: 50px 0; border-top: 1px dotted #eee; } .mb-30 { margin-bottom: 30px; } .mt-30 { margin-top: 30px; } .switch-wrap { margin-bottom: 10px; } /* cmsms stylesheet: KimtheJP - stellarnav css modified: 01/19/26 21:41:32 */ /* * Stellarnav.js 2.5.0 * Responsive, lightweight, multi-level dropdown menu. * Copyright (c) 2018 Vinny Moreira - http://vinnymoreira.com * Released under the MIT license */ /* all nav */ .stellarnav { position: relative; width: 100%; z-index: 9900; line-height: normal; } .stellarnav a { color: #777; } .stellarnav ul { margin: 0; padding: 0; text-align: center; } .stellarnav li { list-style: none; display: block; margin: 0; padding: 0; position: relative; line-height: normal; vertical-align: middle; } .stellarnav li a { padding: 15px; display: block; text-decoration: none; color: #777; font-size: inherit; font-family: inherit; box-sizing: border-box; -webkit-transition: all .3s ease-out; -moz-transition: all .3s ease-out; transition: all .3s ease-out; } .stellarnav li a:hover { background:aliceblue; } /* main level */ .stellarnav > ul > li { display: inline-block; } .stellarnav > ul > li > a { padding: 20px 40px; } /* first level dd */ .stellarnav ul ul { top: auto; width: 220px; position: absolute; z-index: 9900; text-align: left; display: none; background: #ddd; } .stellarnav li li { display: block; } /* second level dd */ .stellarnav ul ul ul { top: 0; /* dd animtion - change to auto to remove */ left: 220px; } .stellarnav > ul > li:hover > ul > li:hover > ul { opacity: 1; visibility: visible; top: 0; } /* .drop-left */ .stellarnav > ul > li.drop-left > ul { right: 0; } .stellarnav li.drop-left ul ul { left: auto; right: 220px; } /* light theme */ .stellarnav.light { background: rgba(255, 255, 255, 1); } .stellarnav.light a { color: #000; } .stellarnav.light ul ul { background: rgba(255, 255, 255, 1); border:5px solid #46a7b0; border-top:none; } .stellarnav.light li a { color: #000; } .stellarnav.light li a:hover { background:aliceblue; } /* dark theme */ .stellarnav.dark { background: rgba(0, 0, 0, 1); } .stellarnav.dark a { color: #FFF; } .stellarnav.dark ul ul { background: rgba(0, 0, 0, 1); } .stellarnav.dark li a { color: #FFF; } /* sticky nav */ .stellarnav.fixed { position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; } /* only used when 'scrollbarFix' is set to true in the js. This fixes horizontal scrollbar caused by the dd menus that are very long.*/ body.stellarnav-noscroll-x { overflow-x: hidden; } /* general styling */ .stellarnav li.has-sub > a:after { content: ''; margin-left: 10px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #FFF;border-top: 6px solid transparent; display: inline-block; } .stellarnav li li.has-sub > a:after { margin-left: 10px; float: right; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid #FFF; position: relative; top: 4px; } .stellarnav li.drop-left li.has-sub > a:after { float: left; margin-right: 10px; border-left: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-right: 6px solid #FFF; } .stellarnav.hide-arrows li.has-sub > a:after, .stellarnav.hide-arrows li li.has-sub > a:after, .stellarnav.hide-arrows li.drop-left li.has-sub > a:after { display: none; } .stellarnav .menu-toggle, .stellarnav .close-menu, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile { display: none; text-transform: uppercase; text-decoration: none; } .stellarnav .dd-toggle { display: none; position: absolute; top: 0; right: 0; padding: 0; width: 48px; height: 48px; text-align: center; z-index: 9999; border: 0; } .stellarnav.desktop li.has-sub a { padding-right: 5px; } .stellarnav.desktop.hide-arrows li.has-sub a { padding-right: 15px; } .stellarnav.mobile > ul > li > a.dd-toggle { padding: 0; } .stellarnav li.call-btn-mobile, .stellarnav li.location-btn-mobile { display: none; } /* svg icons */ .stellarnav svg { fill: currentColor; width: 1em; height: 1em; position: relative; top: 2px; } /* svg icons */ .stellarnav a.dd-toggle .icon-plus { box-sizing: border-box; transition: transform 0.3s; width: 12px; height: 100%; position: relative; vertical-align: middle; display: inline-block; } .stellarnav a.dd-toggle .icon-plus:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 50%; transform: rotate(90deg); transition: width 0.3s; } .stellarnav a.dd-toggle .icon-plus:after { content: ''; display: block; width: 12px; height: 0px; top: 50%; border-bottom: solid 3px #777; position: absolute; } .stellarnav li.open > a.dd-toggle .icon-plus { -webkit-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); } .stellarnav.light a.dd-toggle .icon-plus:before { border-color: #000; } .stellarnav.light a.dd-toggle .icon-plus:after { border-color: #000; } .stellarnav.dark a.dd-toggle .icon-plus:before { border-color: #FFF; } .stellarnav.dark a.dd-toggle .icon-plus:after { border-color: #FFF; } .stellarnav .icon-close { box-sizing: border-box; width: 12px; height: 12px; position: relative; display: inline-block; } .stellarnav .icon-close:before { content: ''; display: block; width: 12px; height: 0px; border-bottom: solid 3px #777; position: absolute; top: 50%; transform: rotate(45deg); } .stellarnav .icon-close:after { content: ''; display: block; width: 12px; height: 0px; top: 50%; border-bottom: solid 3px #777; position: absolute; transform: rotate(-45deg); } .stellarnav.light .icon-close:before { border-color: #000; } .stellarnav.light .icon-close:after { border-color: #000; } .stellarnav.dark .icon-close:before { border-color: #FFF; } .stellarnav.dark .icon-close:after { border-color: #FFF; } /* mobile nav */ .stellarnav .menu-toggle, .stellarnav .call-btn-mobile, .stellarnav .location-btn-mobile, .stellarnav .close-menu { padding: 15px; box-sizing: border-box; } .stellarnav .menu-toggle span.bars { display: inline-block; margin-right: 7px; position: relative; top: 3px; } .stellarnav .menu-toggle span.bars span { display: block; width: 15px; height: 2px; border-radius: 6px; background: #777; margin: 0 0 3px; } .stellarnav .full { width: 100%; } .stellarnav .half { width: 50%; } .stellarnav .third { width: 33%; text-align: center; } .stellarnav .location-btn-mobile.third { text-align: center; } .stellarnav .location-btn-mobile.half { text-align: right; } .stellarnav.light .third, .stellarnav.light .half { border-left: 1px solid rgba(0, 0, 0, .15); } .stellarnav.light.left .third, .stellarnav.light.left .half { border-bottom: 1px solid rgba(0, 0, 0, .15); } .stellarnav.light.right .third, .stellarnav.light.right .half { border-bottom: 1px solid rgba(0, 0, 0, .15); } .stellarnav.light .third:first-child, .stellarnav.light .half:first-child { border-left: 0; } .stellarnav.dark .third, .stellarnav.dark .half { border-left: 1px solid rgba(255, 255, 255, .15); } .stellarnav.dark.left .third, .stellarnav.dark.left .half { border-bottom: 1px solid rgba(255, 255, 255, .15); } .stellarnav.dark.right .third, .stellarnav.dark.right .half { border-bottom: 1px solid rgba(255, 255, 255, .15); } .stellarnav.light.left .menu-toggle, .stellarnav.light.right .menu-toggle { border-bottom: 0; } .stellarnav.dark.left .menu-toggle, .stellarnav.dark.right .menu-toggle { border-bottom: 0; } .stellarnav.dark .third:first-child, .stellarnav.dark .half:first-child { border-left: 0; } .stellarnav.light .menu-toggle span.bars span { background: #000; } .stellarnav.dark .menu-toggle span.bars span { background: #FFF; } .stellarnav.mobile { position: static; } .stellarnav.mobile.fixed { position: static; } .stellarnav.mobile ul { position: relative; display: none; } .stellarnav.mobile.active { padding-bottom: 0; } .stellarnav.mobile.active > ul { display: block; } .stellarnav.mobile ul { text-align: left; } .stellarnav.mobile > ul > li { display: block; } .stellarnav.mobile > ul > li > a { padding: 15px; } .stellarnav.mobile ul { background: rgba(221, 221, 221, 1); } .stellarnav.mobile ul ul { position: relative; opacity: 1; visibility: visible; width: auto; display: none; -moz-transition: none; -webkit-transition: none; -o-transition: color 0 ease-in; transition: none; } .stellarnav.mobile ul ul ul { left: auto; top: auto; } .stellarnav.mobile li.drop-left ul ul { right: auto; } .stellarnav.mobile li a { border-bottom: 1px solid rgba(255, 255, 255, .15); } .stellarnav.mobile > ul { border-top: 1px solid rgba(255, 255, 255, .15); } .stellarnav.mobile.light li a { border-bottom: 1px solid rgba(0, 0, 0, .15); } .stellarnav.mobile.light > ul { border-top: 1px solid rgba(0, 0, 0, .15); } .stellarnav.mobile li a.dd-toggle { border: 0; } .stellarnav.mobile.light li a.dd-toggle { border: 0; } .stellarnav.mobile .menu-toggle, .stellarnav.mobile .dd-toggle, .stellarnav.mobile .close-menu, .stellarnav.mobile .call-btn-mobile, .stellarnav.mobile .location-btn-mobile { display: inline-block; } .stellarnav.mobile li.call-btn-mobile { border-right: 1px solid rgba(255, 255, 255, .1); box-sizing: border-box; } .stellarnav.mobile li.call-btn-mobile, .stellarnav.mobile li.location-btn-mobile { display: inline-block; width: 50%; text-transform: uppercase; text-align: center; } .stellarnav.mobile li.call-btn-mobile.full, .stellarnav.mobile li.location-btn-mobile.full { display: block; width: 100%; text-transform: uppercase; border-right: 0; text-align: left; } .stellarnav.mobile.light ul { background: rgba(255, 255, 255, 1); } .stellarnav.mobile.dark ul { background: rgba(0, 0, 0, 1); } .stellarnav.mobile.dark ul ul { background: rgba(255, 255, 255, .08); } .stellarnav.mobile.light li.call-btn-mobile { border-right: 1px solid rgba(0, 0, 0, .1); } .stellarnav.mobile.top { position: absolute; width: 100%; top: 0; left: 0; z-index: 9999; } .stellarnav.mobile li.has-sub > a:after, .stellarnav.mobile li li.has-sub > a:after, .stellarnav.mobile li.drop-left li.has-sub > a:after { display: none; } /* left and right positions */ .stellarnav.mobile.right > ul, .stellarnav.mobile.left > ul { position: fixed; top: 0; width: 100%; max-width: 280px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .stellarnav.mobile.right > ul { right: 0; } .stellarnav.mobile.right .close-menu, .stellarnav.mobile.left .close-menu { display: inline-block; text-align: right; } .stellarnav.mobile.left > ul { left: 0; } .stellarnav.mobile.right .location-btn-mobile.half, .stellarnav.mobile.right .call-btn-mobile.half, .stellarnav.mobile.right .close-menu.half { text-align: center; } .stellarnav.mobile.right .location-btn-mobile.third, .stellarnav.mobile.right .call-btn-mobile.third, .stellarnav.mobile.right .close-menu.third { text-align: center; } .stellarnav.mobile.left .location-btn-mobile.half, .stellarnav.mobile.left .call-btn-mobile.half, .stellarnav.mobile.left .close-menu.half { text-align: center; } .stellarnav.mobile.left .location-btn-mobile.third, .stellarnav.mobile.left .call-btn-mobile.third, .stellarnav.mobile.left .close-menu.third { text-align: center; } .stellarnav.mobile.left .menu-toggle.half, .stellarnav.mobile.left .menu-toggle.third, .stellarnav.mobile.right .menu-toggle.half, .stellarnav.mobile.right .menu-toggle.third { text-align: left; } .stellarnav.mobile.left .close-menu.third span, .stellarnav.mobile.right .close-menu.third span { display: none; } /* left and right positions */ /* mega dd */ .stellarnav.desktop li.mega ul ul { background: none; } .stellarnav.desktop li.mega li { display: inline-block; vertical-align: top; margin-left: -4px; } .stellarnav.desktop li.mega li li { display: block; position: relative; left: 4px; } .stellarnav.desktop li.mega ul ul { width: auto; } .stellarnav.desktop > ul > li.mega { position: inherit; } .stellarnav.desktop > ul > li.mega > ul { width: 100%; } .stellarnav.desktop > ul > li.mega > ul li.has-sub ul { display: block; position: relative; left: auto; } .stellarnav.desktop > ul > li.mega > ul > li { padding-bottom: 15px; box-sizing: border-box; } .stellarnav.desktop li.mega li li a { padding: 5px 15px; } .stellarnav.desktop li.mega li.has-sub a:after { display: none; } .stellarnav.desktop > ul > li.mega > ul > li > a { color: yellow; } /* mega dd */ /* Fallback for slow javascript load */ @media only screen and (max-width : 768px) { .stellarnav { overflow: hidden; display: block; } .stellarnav ul { position: relative; display: none; } } /* mobile nav */ @media only screen and (max-width : 420px) { .stellarnav.mobile .call-btn-mobile.third span, .stellarnav.mobile .location-btn-mobile.third span { display: none; } }