@import url(https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&family=Poppins:wght@300;400;500;600&display=swap); body { padding: 0; margin: 0; font-family: Lato, sans-serif; font-size: 16px; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } a { text-decoration: none; -webkit-transition: .6s; transition: .6s; color: #212529; display: inline-block } a:focus, a:hover { color: #d44200; text-decoration: none } button { outline: 0 !important } p { margin-bottom: 8px; line-height: 1.8; color: #434346; font-weight: 500; font-size: 16px } p:last-child { margin-bottom: 0 } i { line-height: normal } .d-table { width: 100%; height: 100% } .d-table-cell { vertical-align: middle } img { max-width: 100%; height: auto; display: inline-block } .ptb-100 { padding-top: 100px; padding-bottom: 100px } .pt-100 { padding-top: 100px } .pb-100 { padding-bottom: 100px } .pb-70 { padding-bottom: 70px } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #212529; font-weight: 700 } .h1:last-child, .h2:last-child, .h3:last-child, .h4:last-child, .h5:last-child, .h6:last-child, h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child { margin-bottom: 0 } .default-btn { display: inline-block; padding: 14px 12px; border-radius: 4px; font-size: 15px; font-weight: 600; background-color: #fff; color: #66a201; -webkit-transition: .6s; transition: .6s; position: relative; min-width: 175px } .default-btn i { position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; display: inline-block; height: 38px; width: 38px; line-height: 38px; color: #fff; border-radius: 10px 10px 0 10px; background-color: #e89101; -webkit-transition: .6s; transition: .6s } .default-btn:hover { background: #221d48; color: #fff } .default-btn:hover i { background-color: #fff; color: #212529 } .optional-btn { display: inline-block; padding: 15px 60px 14px 15px; border-radius: 10px 10px 0 10px; font-size: 15px; font-weight: 500; background-color: #fff; color: #212529; -webkit-transition: .6s; transition: .6s; position: relative } .optional-btn i { position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; display: inline-block; height: 38px; width: 38px; line-height: 38px; color: #fff; border-radius: 10px 10px 0 10px; background-color: #221d48; -webkit-transition: .6s; transition: .6s } .optional-btn:hover { background: #f0b9b2; color: #fff } .optional-btn:hover i { background-color: #fff; color: #212529 } .section-title { text-align: center; margin-bottom: 45px } .section-title h2 { font-size: 45px; margin-bottom: 20px } .section-title h2 span { font-weight: 400; font-style: italic } .section-title p { max-width: 650px; margin: auto } .preloader-area { position: fixed; top: 0; background: #dbffee; left: 0; width: 100%; height: 100%; z-index: 99999; text-align: center } .preloader-area .spinner { width: 4em; height: 4em; -webkit-transform: perspective(20em) rotateX(-24deg) rotateY(20deg) rotateZ(30deg); transform: perspective(20em) rotateX(-24deg) rotateY(20deg) rotateZ(30deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; position: absolute; left: 0; right: 0; top: 45%; -webkit-transform: translateY(-45%); transform: translateY(-45%); margin-left: auto; margin-right: auto } .preloader-area .spinner .disc { position: absolute; width: 100%; height: 100%; border-radius: 100%; border: .3em dotted #1d5a2f } .preloader-area .spinner .disc:nth-child(1) { -webkit-animation: rotate 12s linear infinite; animation: rotate 12s linear infinite } .preloader-area .spinner .disc:nth-child(2) { -webkit-animation: rotateDisc2 12s linear infinite; animation: rotateDisc2 12s linear infinite } .preloader-area .spinner .disc:nth-child(3) { -webkit-animation: rotateDisc3 12s linear infinite; animation: rotateDisc3 12s linear infinite } .preloader-area .spinner .inner { width: 100%; height: 100%; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-animation: sphereSpin 6s linear infinite; animation: sphereSpin 6s linear infinite } .preloader-area .spinner::before { content: ''; position: absolute; left: 0; top: 0; border-radius: 50%; right: 0; bottom: 0; border: 2px dotted #1d5a2f; margin: -15px } @-webkit-keyframes sphereSpin { 0% { -webkit-transform: rotateX(360deg) rotateY(0); transform: rotateX(360deg) rotateY(0) } 100% { -webkit-transform: rotateX(0) rotateY(360deg); transform: rotateX(0) rotateY(360deg) } } @keyframes sphereSpin { 0% { -webkit-transform: rotateX(360deg) rotateY(0); transform: rotateX(360deg) rotateY(0) } 100% { -webkit-transform: rotateX(0) rotateY(360deg); transform: rotateX(0) rotateY(360deg) } } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes rotate { from { -webkit-transform: rotate(0); transform: rotate(0) } to { -webkit-transform: rotate(360deg); transform: rotate(360deg) } } @-webkit-keyframes rotateDisc2 { from { -webkit-transform: rotateX(90deg) rotateZ(0); transform: rotateX(90deg) rotateZ(0) } to { -webkit-transform: rotateX(90deg) rotateZ(360deg); transform: rotateX(90deg) rotateZ(360deg) } } @keyframes rotateDisc2 { from { -webkit-transform: rotateX(90deg) rotateZ(0); transform: rotateX(90deg) rotateZ(0) } to { -webkit-transform: rotateX(90deg) rotateZ(360deg); transform: rotateX(90deg) rotateZ(360deg) } } @-webkit-keyframes rotateDisc3 { from { -webkit-transform: rotateY(90deg) rotateZ(0); transform: rotateY(90deg) rotateZ(0) } to { -webkit-transform: rotateY(90deg) rotateZ(360deg); transform: rotateY(90deg) rotateZ(360deg) } } @keyframes rotateDisc3 { from { -webkit-transform: rotateY(90deg) rotateZ(0); transform: rotateY(90deg) rotateZ(0) } to { -webkit-transform: rotateY(90deg) rotateZ(360deg); transform: rotateY(90deg) rotateZ(360deg) } } .top-header-area { background: -webkit-linear-gradient(top, #cd9538, #a76f13); padding-top: 10px; padding-bottom: 10px } .top-header-area.bg-transparent { border-bottom: 1px solid #eee } .top-header-area.bg-transparent .top-header-information li { color: #fff } .top-header-area.bg-transparent .top-header-information li a { color: #333 } .top-header-area.bg-transparent .top-header-information li a:hover { color: #313131 } .top-header-area.bg-transparent .top-header-information li i { color: #333 } .top-header-area.bg-transparent .top-header-optional li a i { color: #fff } .top-header-area.bg-transparent .top-header-optional li a i:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); color: #f0b9b2 } .top-header-area.bg-color { background-color: #f0b9b2 } .top-header-area.bg-color .top-header-information li { color: #221d48 } .top-header-area.bg-color .top-header-information li a { color: #221d48 } .top-header-area.bg-color .top-header-information li a:hover { color: #fff } .top-header-area.bg-color .top-header-information li i { color: #221d48 } .top-header-area.bg-color .top-header-optional li a::before { background-color: #221d485e } .top-header-area.bg-color .top-header-optional li a i { color: #221d48 } .top-header-area.bg-color .top-header-optional li a i:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); color: #fff } .top-header-information { padding-left: 0; margin-bottom: 0 } .top-header-information li { color: #fff; font-size: 15px; font-weight: 500; list-style-type: none; display: inline-block; position: relative; margin-right: 15px; padding-left: 22px } .top-header-information li:last-child { margin-right: 0 } .top-header-information li a { color: #fff } .top-header-information li a:hover { color: #f0b9b2 } .top-header-information li i { position: absolute; left: 0; top: 2px; color: #fff } .top-header-optional { padding-left: 0; margin-bottom: 0; text-align: right } .top-header-optional li { list-style-type: none; display: inline-block } .top-header-optional li a { margin-right: 14px; position: relative } .top-header-optional li a:last-child { margin-right: 0 } .top-header-optional li a:last-child::before { display: none } .top-header-optional li a i { color: #fff; font-size: 20px; -webkit-transition: .6s; transition: .6s } .top-header-optional li a i:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px); color: #f0b9b2 } .header-information { display: none; background-color: #f0b9b2; color: #fff; cursor: pointer; padding: 15px; text-align: center; font-size: 16px; font-weight: 500 } .main-responsive-nav { display: none } .main-navbar { padding: 4px 0; background-color: #f9f5e9; box-shadow: 0 0 1px 0 rgb(0 0 0 / 40%) } .main-navbar .navbar { -webkit-transition: .6s; transition: .6s; padding: 0 } .main-navbar .navbar .navbar-brand { padding: 0 } .main-navbar .navbar ul { padding-left: 0; list-style-type: none; margin-bottom: 0 } .main-navbar .navbar .navbar-nav .nav-item { position: relative; margin-left: 5px; margin-right: 5px } .main-navbar .navbar .navbar-nav .nav-item a { color: #212529; font-size: 15px; font-weight: 600; padding-left: 6px; padding-right: 6px; padding-top: 25px; padding-bottom: 20px; -webkit-transition: .6s; transition: .6s; text-transform: capitalize } .main-navbar .navbar .navbar-nav .nav-item a i { font-size: 15px; position: relative; top: 2px; display: inline-block; margin-left: -5px; margin-right: -5px } .main-navbar .navbar .navbar-nav .nav-item a.active, .main-navbar .navbar .navbar-nav .nav-item a:focus, .main-navbar .navbar .navbar-nav .nav-item a:hover { color: #1c1d1b } .main-navbar .navbar .navbar-nav .nav-item:last-child { margin-right: 0 } .main-navbar .navbar .navbar-nav .nav-item:first-child { margin-left: 0 } .main-navbar .navbar .navbar-nav .nav-item.active a, .main-navbar .navbar .navbar-nav .nav-item:hover a { color: #f0b9b2 } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu { border: none; top: 74px; left: 0; z-index: 99; opacity: 0; width: 250px; display: block; border-radius: 0; padding: 10px 0; position: absolute; visibility: hidden; opacity: 0; margin-top: 10px; background: #fff; -webkit-transition: .6s; transition: .6s; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1) } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li { margin: 0; border: 1px solid #d3d3d3; padding: 1px 0 !important; border-bottom: none } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a { padding: 8px 20px; position: relative; display: block; color: #212529; font-size: 15px; font-weight: 600; -webkit-transition: .6s; transition: .6s } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a i { margin: 0; position: absolute; top: 50%; font-size: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 15px } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a.active, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a:hover { color: #f0b9b2 } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu { top: 0; opacity: 0; right: -250px; left: auto; visibility: hidden; -webkit-transform: translateY(5px); transform: translateY(5px) } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a { color: #212529 } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a.active, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:focus, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li a:hover { color: #f0b9b2 } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu { top: 0; opacity: 0; left: 250px; visibility: hidden } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #212529 } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover { color: #f0b9b2 } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { top: 0; opacity: 0; left: -250px; visibility: hidden } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #212529 } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover { color: #f0b9b2 } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { top: 0; opacity: 0; left: 250px; visibility: hidden } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #212529 } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover { color: #f0b9b2 } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { top: 0; opacity: 0; left: -250px; visibility: hidden } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #212529 } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover { color: #f0b9b2 } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu { top: 0; opacity: 0; left: 250px; visibility: hidden } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a { color: #212529 } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a.active, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:focus, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li a:hover { color: #f0b9b2 } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #f0b9b2 } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #f0b9b2 } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #f0b9b2 } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li.active a { color: #f0b9b2 } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li.active a { color: #f0b9b2 } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li.active a { color: #f0b9b2 } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0) } .main-navbar .navbar .navbar-nav .nav-item:hover .dropdown-menu { opacity: 1; visibility: visible; margin-top: 0; padding: 0 } .main-navbar .navbar .others-options .option-item { margin-right: 25px } .main-navbar .navbar .others-options .option-item:last-child { margin-right: 0 } .main-navbar .navbar .others-options .option-item .cart-btn { position: relative; top: 5px } .main-navbar .navbar .others-options .option-item .cart-btn a { font-size: 25px; color: #212529; -webkit-transition: .6s; transition: .6s; position: relative } .main-navbar .navbar .others-options .option-item .cart-btn a:hover { color: #f0b9b2 } .main-navbar .navbar .others-options .option-item .cart-btn a span { position: absolute; right: -5px; top: 0; width: 15px; height: 15px; text-align: center; line-height: 15px; border-radius: 50%; background: #212529; color: #fff; font-size: 10px } .main-navbar .navbar .others-options .option-item .search-box { position: relative; top: 2px } .main-navbar .navbar .others-options .option-item .search-box i { display: inline-block; font-size: 25px; color: #212529; -webkit-transition: .6s; transition: .6s; cursor: pointer } .main-navbar .navbar .others-options .option-item .search-box i:hover { color: #f0b9b2 } .main-navbar .navbar .others-options .option-item .navbar-btn .default-btn { display: inline-block; padding: 16px 55px 16px 10px; border-radius: 10px 10px 0 10px; font-size: 16px; font-weight: 600; background-color: #212529; color: #fff; -webkit-transition: .6s; transition: .6s; position: relative } .main-navbar .navbar .others-options .option-item .navbar-btn .default-btn i { position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; display: inline-block; height: 38px; width: 38px; line-height: 38px; color: #fff; border-radius: 10px 10px 0 10px; background-color: #f0b9b2; -webkit-transition: .6s; transition: .6s } .main-navbar .navbar .others-options .option-item .navbar-btn .default-btn:hover { background: #f0b9b2; color: #212529 } .main-navbar .navbar .others-options .option-item .navbar-btn .default-btn:hover i { background-color: #fff; color: #212529 } .p-relative-color .main-navbar .navbar .others-options .option-item .cart-btn a { color: #fff } .p-relative-color .main-navbar .navbar .others-options .option-item .cart-btn a:hover { color: #f0b9b2 } .p-relative-color .main-navbar .navbar .others-options .option-item .cart-btn a span { background: #fff; color: #f0b9b2 } .p-relative-color .main-navbar .navbar .others-options .option-item .search-box i { color: #fff } .p-relative-color .main-navbar .navbar .others-options .option-item .search-box i:hover { color: #f0b9b2 } .navbar-two .main-navbar .navbar .others-options { margin-left: 30px } .navbar-area.is-sticky { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; background: #fff; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); -webkit-animation: .5s ease-in-out 0s normal none 1 running fadeInDown; animation: .5s ease-in-out 0s normal none 1 running fadeInDown; -webkit-transition: .6s; transition: .6s } .navbar-area.is-sticky.p-relative-color .main-navbar .navbar .others-options .option-item .cart-btn a { color: #212529 } .navbar-area.is-sticky.p-relative-color .main-navbar .navbar .others-options .option-item .cart-btn a:hover { color: #f0b9b2 } .navbar-area.is-sticky.p-relative-color .main-navbar .navbar .others-options .option-item .cart-btn a span { background: #212529; color: #f0b9b2 } .navbar-area.is-sticky.p-relative-color .main-navbar .navbar .others-options .option-item .search-box i { color: #212529 } .navbar-area.is-sticky.p-relative-color .main-navbar .navbar .others-options .option-item .search-box i:hover { color: #f0b9b2 } .others-option-for-responsive { display: none } .others-option-for-responsive .dot-menu { padding: 0 10px; height: 30px; cursor: pointer; z-index: 9991; position: absolute; right: 60px; top: -28px } .others-option-for-responsive .dot-menu .inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 30px } .others-option-for-responsive .dot-menu .inner .circle { height: 5px; width: 5px; border-radius: 100%; margin: 0 2px; -webkit-transition: .6s; transition: .6s; background-color: #212529 } .others-option-for-responsive .dot-menu:hover .inner .circle { background-color: #f0b9b2 } .others-option-for-responsive .container { position: relative } .others-option-for-responsive .container .container { position: absolute; right: 0; top: 10px; max-width: 260px; background-color: #fff; -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1); box-shadow: 0 0 15px 0 rgba(0, 0, 0, .1); margin-left: auto; opacity: 0; visibility: hidden; -webkit-transition: .6s; transition: .6s; -webkit-transform: scaleX(0); transform: scaleX(0); z-index: 2; padding-left: 15px; padding-right: 15px } .others-option-for-responsive .container .container.active { opacity: 1; visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1) } .others-option-for-responsive .option-inner .others-options .option-item { margin-right: 25px } .others-option-for-responsive .option-inner .others-options .option-item:last-child { margin-right: 0 } .others-option-for-responsive .option-inner .others-options .option-item .cart-btn { position: relative; top: 5px } .others-option-for-responsive .option-inner .others-options .option-item .cart-btn a { font-size: 25px; color: #212529; -webkit-transition: .6s; transition: .6s; position: relative } .others-option-for-responsive .option-inner .others-options .option-item .cart-btn a:hover { color: #f0b9b2 } .others-option-for-responsive .option-inner .others-options .option-item .cart-btn a span { position: absolute; right: -5px; top: 0; width: 15px; height: 15px; text-align: center; line-height: 15px; border-radius: 50%; background: #212529; color: #fff; font-size: 10px } .others-option-for-responsive .option-inner .others-options .option-item .search-box { position: relative; top: 2px } .others-option-for-responsive .option-inner .others-options .option-item .search-box i { display: inline-block; font-size: 25px; color: #212529; -webkit-transition: .6s; transition: .6s; cursor: pointer } .others-option-for-responsive .option-inner .others-options .option-item .search-box i:hover { color: #f0b9b2 } .others-option-for-responsive .option-inner .others-options .option-item .navbar-btn .default-btn { display: inline-block; padding: 15px 60px 15px 15px; border-radius: 10px 10px 0 10px; font-size: 16px; font-weight: 600; background-color: #212529; color: #fff; -webkit-transition: .6s; transition: .6s; position: relative } .others-option-for-responsive .option-inner .others-options .option-item .navbar-btn .default-btn i { position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; display: inline-block; height: 38px; width: 38px; line-height: 38px; color: #fff; border-radius: 10px 10px 0 10px; background-color: #f0b9b2; -webkit-transition: .6s; transition: .6s } .others-option-for-responsive .option-inner .others-options .option-item .navbar-btn .default-btn:hover { background: #f0b9b2; color: #212529 } .others-option-for-responsive .option-inner .others-options .option-item .navbar-btn .default-btn:hover i { background-color: #fff; color: #212529 } .main-header-area { position: absolute; width: 100%; z-index: 9 } .search-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 99999; opacity: 0; visibility: hidden; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; overflow: hidden } .search-overlay .search-overlay-layer { position: absolute; top: 0; right: 0; bottom: 0; z-index: 1; -webkit-transform: translateX(100%); transform: translateX(100%) } .search-overlay .search-overlay-layer:nth-child(1) { left: 0; background-color: rgba(0, 0, 0, .5); -webkit-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s } .search-overlay .search-overlay-layer:nth-child(2) { left: 0; background-color: rgba(0, 0, 0, .4); -webkit-transition: all .3s ease-in-out .3s; transition: all .3s ease-in-out .3s } .search-overlay .search-overlay-layer:nth-child(3) { left: 0; background-color: rgba(0, 0, 0, .7); -webkit-transition: all .9s ease-in-out .6s; transition: all .9s ease-in-out .6s } .search-overlay .search-overlay-close { position: absolute; top: 40px; right: 40px; width: 50px; z-index: 2; text-align: center; cursor: pointer; padding: 10px; -webkit-transition: all .9s ease-in-out 1.5s; transition: all .9s ease-in-out 1.5s; opacity: 0; visibility: hidden } .search-overlay .search-overlay-close .search-overlay-close-line { width: 100%; height: 3px; float: left; margin-bottom: 5px; background-color: #fff; -webkit-transition: all .5s ease; transition: all .5s ease } .search-overlay .search-overlay-close .search-overlay-close-line:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .search-overlay .search-overlay-close .search-overlay-close-line:nth-child(2) { margin-top: -7px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .search-overlay .search-overlay-close:hover .search-overlay-close-line { background: #f0b9b2; -webkit-transform: rotate(180deg); transform: rotate(180deg) } .search-overlay .search-overlay-form { -webkit-transition: all .9s ease-in-out 1.4s; transition: all .9s ease-in-out 1.4s; opacity: 0; visibility: hidden; position: absolute; left: 50%; top: 50%; -webkit-transform: translateY(-50%) translateX(-50%); transform: translateY(-50%) translateX(-50%); z-index: 2; max-width: 500px; width: 500px } .search-overlay .search-overlay-form form { position: relative } .search-overlay .search-overlay-form form .input-search { display: block; width: 100%; height: 55px; border: none; border-radius: 30px; padding-left: 20px; color: #212529; font-size: 16px; outline: 0; -webkit-transition: .6s; transition: .6s } .search-overlay .search-overlay-form form .input-search::-webkit-input-placeholder { -webkit-transition: .6s; transition: .6s; -webkit-columns: #6b6b84; columns: #6b6b84 } .search-overlay .search-overlay-form form .input-search:-ms-input-placeholder { -webkit-transition: .6s; transition: .6s; columns: #6b6b84 } .search-overlay .search-overlay-form form .input-search::-ms-input-placeholder { -webkit-transition: .6s; transition: .6s; columns: #6b6b84 } .search-overlay .search-overlay-form form .input-search::placeholder { -webkit-transition: .6s; transition: .6s; -webkit-columns: #6b6b84; columns: #6b6b84 } .search-overlay .search-overlay-form form .input-search:focus::-webkit-input-placeholder { color: transparent } .search-overlay .search-overlay-form form .input-search:focus:-ms-input-placeholder { color: transparent } .search-overlay .search-overlay-form form .input-search:focus::-ms-input-placeholder { color: transparent } .search-overlay .search-overlay-form form .input-search:focus::placeholder { color: transparent } .search-overlay .search-overlay-form form button { position: absolute; right: 5px; top: 5px; width: 45px; color: #fff; height: 45px; border-radius: 50%; background-color: #f0b9b2; -webkit-transition: .6s; transition: .6s; border: none; font-size: 20px; line-height: 45px; cursor: pointer } .search-overlay .search-overlay-form form button:hover { background-color: #212529; color: #fff } .search-overlay.search-overlay-active.search-overlay { opacity: 1; visibility: visible } .search-overlay.search-overlay-active.search-overlay .search-overlay-layer { -webkit-transform: translateX(0); transform: translateX(0) } .search-overlay.search-overlay-active.search-overlay .search-overlay-close { opacity: 1; visibility: visible } .search-overlay.search-overlay-active.search-overlay .search-overlay-form { opacity: 1; visibility: visible } @media only screen and (max-width:1199px) { .main-responsive-nav { display: block } .main-responsive-nav .main-responsive-menu { position: relative } .main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul { font-size: 15px } .main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul li a.active { color: #4c4c4c } .main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul li a i { display: none } .main-responsive-nav .main-responsive-menu.mean-container .mean-nav ul li li a { font-size: 14px } .main-responsive-nav .main-responsive-menu.mean-container .others-options { display: none !important } .main-responsive-nav .main-responsive-menu.mean-container .navbar-nav { overflow-y: scroll; height: 300px; -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .1); box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .1) } .main-responsive-nav .mean-container a.meanmenu-reveal { color: #212529 } .main-responsive-nav .mean-container a.meanmenu-reveal span { background: #212529; position: relative } .main-responsive-nav .logo { position: relative } .main-responsive-nav .logo img { max-width: 100px !important } .navbar-area { background-color: #fff; padding-top: 15px; padding-bottom: 15px } .main-navbar { display: none } .others-option-for-responsive { display: block } .header-information { display: block } .top-header-area.active { display: block } } .main-banner-area { position: relative; z-index: 1; overflow: hidden } .main-banner-item { background-image: url(../images/main-banner/banner-bg-1.html); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; padding-top: 150px; padding-bottom: 270px } .main-banner-content { max-width: 825px } .main-banner-content h1 { font-size: 75px; color: #fff; margin-bottom: 15px; line-height: 1.4; font-weight: 700 } .main-banner-content h1 span { font-weight: 400; font-style: italic } .main-banner-content p { color: #fff } .main-banner-content .banner-btn { margin-top: 38px } .main-banner-content .banner-btn .default-btn { margin-right: 20px } .main-banner-item-box .container-fluid { padding-left: 0; overflow: hidden } .main-banner-item-box .main-banner-content { max-width: 715px; padding-left: 50px } .main-banner-item-box .main-banner-content h1 { font-size: 65px; color: #212529; margin-bottom: 25px; line-height: 1.4; font-weight: 700 } .main-banner-item-box .main-banner-content h1 span { font-weight: 400 } .main-banner-item-box .main-banner-content p { color: #6b6b84 } .main-banner-item-box .main-banner-content .banner-btn { margin-top: 38px } .main-banner-item-box .main-banner-content .banner-btn .default-btn { margin-right: 20px } .main-banner-item-box .main-banner-content .banner-btn .optional-btn { background-color: #221d48; color: #fff } .main-banner-item-box .main-banner-content .banner-btn .optional-btn i { background-color: #f0b9b2 } .main-banner-item-box .main-banner-content .banner-btn .optional-btn:hover { background-color: #f0b9b2 } .main-banner-item-box .main-banner-content .banner-btn .optional-btn:hover i { background-color: #221d48; color: #fff } .main-banner-image { position: relative } .main-banner-image .image-shape { position: absolute; top: 0; right: -100px; -webkit-animation: moveleftbounce 8s linear infinite; animation: moveleftbounce 8s linear infinite; max-width: 410px } .main-banner-shape { position: absolute; bottom: 0; left: 0; right: 0; z-index: -1; opacity: 30% } .main-banner-shape img { width: 100% } .main-banner-shape-two { position: absolute; top: 0; right: -10px; z-index: -1; -webkit-animation: moveleftbounce 10s linear infinite; animation: moveleftbounce 10s linear infinite } .main-slides-area { position: relative; z-index: 1; overflow: hidden } .main-slides-item { background-image: url(../images/main-slides/001.jpg); background-position: center bottom; background-size: cover; background-repeat: no-repeat; padding-top: 90px; padding-bottom: 350px; position: relative; top: 150px; min-height: 700px } .main-slides-item.item-two { background-image: url(../images/main-slides/HomeSlider-02.html) } .main-slides-item.item-three { background-image: url(../images/main-slides/HomeSlider-01.html) } .main-slides-item.item-four { background-image: url(../images/main-slides/HomeSlider-01.html) } .main-slides-item-box { position: relative; overflow: hidden; z-index: 1 } .main-slides-item-box .container-fluid { padding-right: 0 } .main-slides-item-box .main-slides-content { max-width: 835px; margin-left: auto } .main-slides-content { max-width: 825px } .main-slides-content h1 { font-size: 65px; margin-bottom: 15px; line-height: 1.4; color: #221d48; font-weight: 700; -webkit-animation-delay: .5s; animation-delay: .5s } .main-slides-content h1 span { font-weight: 400; font-style: italic } .main-slides-content p { -webkit-animation-delay: 1.8s; animation-delay: 1.8s } .main-slides-content .slides-btn { margin-top: 38px } .main-slides-content .slides-btn .default-btn { margin-right: 20px; -webkit-animation-delay: 2s; animation-delay: 2s } .main-slides-content .slides-btn .optional-btn { background-color: #221d48; color: #fff; -webkit-animation-delay: 2.5s; animation-delay: 2.5s } .main-slides-content .slides-btn .optional-btn i { background-color: #f0b9b2 } .main-slides-content .slides-btn .optional-btn:hover { background-color: #f0b9b2 } .main-slides-content .slides-btn .optional-btn:hover i { background-color: #221d48; color: #fff } .home-slides.owl-theme .owl-dots { margin-top: 0; position: absolute; bottom: 50px; left: 0; right: 0 } .home-slides.owl-theme .owl-dots .owl-dot { -webkit-transition: .6s; transition: .6s } .home-slides.owl-theme .owl-dots .owl-dot span { width: 5px; height: 35px; margin: 0 8px; background: #fff; -webkit-transition: .6s; transition: .6s; border-radius: 30px } .home-slides.owl-theme .owl-dots .owl-dot.active span, .home-slides.owl-theme .owl-dots .owl-dot:hover span { background-color: #ff4d00; height: 55px } .home-slides.owl-theme .owl-dots .owl-dot.active span::before, .home-slides.owl-theme .owl-dots .owl-dot:hover span::before { opacity: 1; visibility: visible } .features-area { position: relative; margin-top: -100px; z-index: 1 } .features-area.bg-ffffff { margin-top: 0 } .single-features { background-color: #f0b9b2; padding: 35px 30px; border-radius: 30px 30px 0 30px; -webkit-transition: .6s; transition: .6s; margin-bottom: 30px } .single-features .features-title { position: relative; padding-left: 85px; margin-bottom: 20px; -webkit-transition: .6s; transition: .6s } .single-features .features-title i { display: inline-block; height: 70px; width: 70px; line-height: 70px; background-color: #fff; color: #212529; text-align: center; font-size: 35px; border-radius: 20px 0 0 0; -webkit-transition: .6s; transition: .6s; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .single-features .features-title h3 { font-size: 22px; margin-bottom: 12px; font-weight: 600 } .single-features .features-title h3 a { color: #212529 } .single-features .features-title span { font-size: 14px; font-weight: 500; color: #221d48 } .single-features p { font-weight: 500; color: #212529; font-size: 15px } .single-features:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px) } .about-area { position: relative; z-index: 1; overflow: hidden } .about-area.bg-ffffff .about-main-content { padding-left: 0 } .about-main-image { position: relative; text-align: center } .about-main-image .about-shape .shape-1 { position: absolute; left: -40px; top: 0; -webkit-animation: moveleftbounce 5s linear infinite; animation: moveleftbounce 5s linear infinite } .about-main-image .about-shape .shape-2 { position: absolute; left: -50px; top: 30%; -webkit-transform: translateY(-30%); transform: translateY(-30%); max-width: 100px; z-index: -1; -webkit-animation: movebounce 5s linear infinite; animation: movebounce 5s linear infinite } .about-main-image .about-shape .shape-3 { position: absolute; bottom: 150px; left: -30px; -webkit-animation: moveleftbounce 5s linear infinite; animation: moveleftbounce 5s linear infinite } .about-main-image .about-shape .shape-4 { position: absolute; right: -30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-animation: movebounce 5s linear infinite; animation: movebounce 5s linear infinite } .about-main-image .about-shape .shape-5 { position: absolute; bottom: 0; left: -10px } .about-main-image .about-shape.about-wrap .shape-2 { right: -50px; left: auto; top: 0; -webkit-transform: unset; transform: unset; max-width: 150px } .about-main-image .about-shape.about-wrap .shape-3 { bottom: 105px } @-webkit-keyframes movescale { 0% { -webkit-transform: scale(.8); transform: scale(.8) } 50% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(.8); transform: scale(.8) } } @keyframes movescale { 0% { -webkit-transform: scale(.8); transform: scale(.8) } 50% { -webkit-transform: scale(1); transform: scale(1) } 100% { -webkit-transform: scale(.8); transform: scale(.8) } } @-webkit-keyframes movebounce { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 50% { -webkit-transform: translateY(20px); transform: translateY(20px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @keyframes movebounce { 0% { -webkit-transform: translateY(0); transform: translateY(0) } 50% { -webkit-transform: translateY(20px); transform: translateY(20px) } 100% { -webkit-transform: translateY(0); transform: translateY(0) } } @-webkit-keyframes moveleftbounce { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 50% { -webkit-transform: translateX(20px); transform: translateX(20px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes moveleftbounce { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 50% { -webkit-transform: translateX(20px); transform: translateX(20px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } .about-main-content { padding-left: 35px } .about-main-content h3 { font-size: 26px; margin: 28px 0 10px; } .about-main-content .about-content-image { position: relative; margin-bottom: 20px } .about-main-content .about-content-image .sub-title { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 35px; font-size: 25px; font-style: italic; margin-bottom: 0 } .about-main-content .about-content-image .video-btn { display: inline-block; width: 70px; height: 70px; line-height: 70px; background-color: #fff; border-radius: 50%; color: #212529; position: absolute; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 35px; text-align: center; -webkit-transition: .6s; transition: .6s } .about-main-content .about-content-image .video-btn i { font-size: 35px; position: relative; top: 8px; left: 5px; color: #221d48; -webkit-transition: .6s; transition: .6s } .about-main-content .about-content-image .video-btn::before { content: ''; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #fff; -webkit-animation: ripple 1s linear infinite; animation: ripple 1s linear infinite } .about-main-content .about-content-image .video-btn:hover { background-color: #221d48 } .about-main-content .about-content-image .video-btn:hover i { color: #fff } .about-main-content p { margin-bottom: 10px } .about-main-content b { font-weight: 600 } .about-main-content .about-information { position: relative; background-color: #fff; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); padding: 20px 20px 20px 110px; border-radius: 20px 20px 0 20px; margin-top: 25px } .about-main-content .about-information i { display: inline-block; height: 70px; width: 70px; line-height: 70px; background-color: #f0b9b2; color: #fff; text-align: center; font-size: 35px; border-radius: 10px; -webkit-transition: .6s; transition: .6s; position: absolute; left: 25px; top: 16px } .about-main-content .about-information h5 { font-size: 25px; margin-bottom: 8px } .about-main-content .about-information span { font-weight: 500; color: #221d48 } .about-main-content .about-btn { margin-top: 30px } .about-main-content .about-btn .default-btn { background: #2cb163; color: #fff } .about-main-content .about-btn .default-btn i { background-color: #fff; color: #2cb163 } .about-main-content .about-btn .default-btn:hover { background-color: #17a050 } .about-main-content .about-btn .default-btn:hover i { background-color: #fff; color: #17a050 } @-webkit-keyframes ripple { 0% { -webkit-transform: scale(1); transform: scale(1) } 75% { -webkit-transform: scale(1.75); transform: scale(1.75); opacity: 1 } 100% { -webkit-transform: scale(2); transform: scale(2); opacity: 0 } } @keyframes ripple { 0% { -webkit-transform: scale(1); transform: scale(1) } 75% { -webkit-transform: scale(1.75); transform: scale(1.75); opacity: 1 } 100% { -webkit-transform: scale(2); transform: scale(2); opacity: 0 } } .about-main-shape { position: absolute; bottom: 0; right: 0; z-index: -1; opacity: 70% } .partner-area { background-color: #f0b9b2 } .partner-area.bg-transparent { background-color: transparent; position: absolute; bottom: 30px; right: 0; left: 0 } .partner-area.bg-transparent .single-partner { background-color: #f0b9b2 } .partner-area.bg-color { background-color: #fff } .partner-area.bg-color .single-partner { background-color: #f0b9b2 } .single-partner { padding: 35px; background-color: #fff; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); text-align: center; -webkit-transition: .6s; transition: .6s; border-radius: 30px 30px 0 30px; margin-top: 30px; margin-bottom: 30px; margin-left: 10px; margin-right: 10px } .single-partner:hover { -webkit-transform: unset; transform: unset } .single-partner.style-two { border-radius: 0 30px 30px 30px } .offer-area { background-image: url(../images/offer/offer-bg.html); background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 1; overflow: hidden; background-attachment: fixed } .offer-area::before { position: absolute; content: ""; left: 0; right: 0; top: 0; height: 100%; width: 100%; background-color: #212529; z-index: -1; opacity: .7 } .offer-area .container-fluid { padding-right: 0 } .offer-item { padding-top: 45px; padding-bottom: 55px; max-width: 685px; margin-left: auto } .offer-item .content { margin-bottom: 30px } .offer-item .content h2 { font-size: 45px; margin-bottom: 0; color: #fff } .offer-item .accordion .accordion-item { position: relative; background-color: #fff; -webkit-box-shadow: 0 0 1.25rem rgba(147, 153, 161, .1); box-shadow: 0 0 1.25rem rgba(147, 153, 161, .1); padding: 15px 15px 15px 90px; border-radius: 30px 30px 0 30px; margin-bottom: 15px } .offer-item .accordion .accordion-item:last-child { margin-bottom: 0 } .offer-item .accordion .accordion-item .accordion-title { cursor: pointer } .offer-item .accordion .accordion-item .accordion-title i { display: inline-block; height: 60px; width: 60px; line-height: 60px; background-color: #f0b9b2; color: #fff; text-align: center; font-size: 30px; border-radius: 10px; -webkit-transition: .6s; transition: .6s; position: absolute; left: 15px; top: 12px } .offer-item .accordion .accordion-item .accordion-title h3 { font-size: 22px; margin-bottom: 8px; -webkit-transition: .6s; transition: .6s; cursor: pointer } .offer-item .accordion .accordion-item .accordion-title h3:hover { color: #f0b9b2 } .offer-item .accordion .accordion-item .accordion-title span { font-weight: 500; color: #221d48; display: inline-block; font-size: 15px } .offer-item .accordion .accordion-item .accordion-content { display: none } .offer-item .accordion .accordion-item .accordion-content p { margin-top: 10px; margin-bottom: 10px; font-size: 15px } .offer-item .accordion .accordion-item .accordion-content .offer-btn { font-size: 14px; font-weight: 500; color: #221d48; border-bottom: 1px solid #221d48; -webkit-transition: .6s; transition: .6s } .offer-item .accordion .accordion-item .accordion-content .offer-btn:hover { color: #f0b9b2; border-bottom: 1px solid #f0b9b2 } .offer-item .accordion .accordion-item .accordion-content.show { display: block } .offer-item .all-offer-btn { margin-top: 30px } .reviews-area { position: relative; z-index: 1; overflow: hidden } .reviews-image img { border-radius: 0 50px 0 0 } .reviews-title { margin-bottom: 45px; margin-left: 30px } .reviews-title h3 { font-size: 45px; margin-bottom: 0 } .reviews-slides { position: relative; margin-left: 30px } .reviews-slides .reviews-feedback { position: relative } .reviews-slides .reviews-feedback .single-feedback { position: relative; margin-top: 30px; margin-bottom: 30px } .reviews-slides .reviews-feedback .single-feedback p { position: relative; line-height: 1.5; margin-left: auto; margin-right: auto; margin-bottom: 0; font-size: 20px; color: #212529 } .reviews-slides .reviews-feedback .single-feedback .icon { position: absolute; top: -50px; left: 0; opacity: 50% } .reviews-slides .reviews-feedback .single-feedback .icon i { font-size: 120px; color: #f0b9b2; margin-bottom: 20px } .reviews-slides .reviews-thumbnails { position: relative; z-index: 1 } .reviews-slides .reviews-thumbnails .item .img-fill { cursor: pointer; position: relative; text-align: center } .reviews-slides .reviews-thumbnails .item .img-fill img { opacity: .7; -webkit-transition: .6s; transition: .6s; display: inline-block; position: relative; border-radius: 0 50px 0 0; width: 130px; -webkit-transform: scale(.9); transform: scale(.9) } .reviews-slides .reviews-thumbnails .item .title { opacity: 0; visibility: hidden; -webkit-transition: .6s; transition: .6s; margin: 0 -262px 30px; text-align: left } .reviews-slides .reviews-thumbnails .item .title h3 { margin-bottom: 0; text-transform: capitalize; font-size: 25px } .reviews-slides .reviews-thumbnails .item .title span { display: block; color: #f0b9b2; font-size: 15px; margin-top: 8px } .reviews-slides .reviews-thumbnails .item.slick-center .title { opacity: 1; visibility: visible } .reviews-slides .reviews-thumbnails .item.slick-center .img-fill img { opacity: 1; -webkit-transform: scale(1); transform: scale(1) } .reviews-slides .next-arrow, .reviews-slides .prev-arrow { position: absolute; cursor: pointer; bottom: -175px; background: #f0b9b2; border: none; color: #212529; z-index: 9; border-radius: 10px 10px 0 10px; outline: 0 !important; -webkit-transition: .6s; transition: .6s; font-size: 25px; display: inline-block; height: 50px; width: 50px; line-height: 52px; opacity: 0; visibility: hidden } .reviews-slides .next-arrow { right: -20px } .reviews-slides .prev-arrow { left: -20px } .reviews-slides:hover .next-arrow, .reviews-slides:hover .prev-arrow { opacity: 1; visibility: visible } .reviews-slides .slick-list { padding-left: 0 !important; padding-right: 0 !important } .slick-slide { outline: 0 } .reviews-main-shape { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; opacity: 50% } .reviews-main-shape img { width: 100% } .clients-item .item { margin-left: 30px } .clients-item .item .title { margin-bottom: 45px } .clients-item .item .title h3 { font-size: 38px; margin-bottom: 0 } .clients-item .item .single-feedback { position: relative; margin-top: 30px; margin-bottom: 30px } .clients-item .item .single-feedback p { position: relative; line-height: 34px; margin-left: auto; margin-right: auto; margin-bottom: 0; font-size: 17px; color: #212529; text-align: justify } .clients-item .item .single-feedback .icon { position: absolute; top: -50px; left: 0; opacity: 50% } p { text-align: justify } .clients-item .item .single-feedback .icon i { font-size: 54px; color: #f0b9b2; margin-bottom: 20px } .clients-item .item .title-info { -webkit-transition: .6s; transition: .6s } .clients-item .item .title-info h3 { margin-bottom: 0; text-transform: capitalize; font-size: 25px } .clients-item .item .title-info span { display: block; color: #6b6b84; font-size: 14px; margin-top: 8px; font-weight: 500 } .clients-slides.owl-theme .owl-nav { margin-top: 0 } .clients-slides.owl-theme .owl-nav [class*=owl-] { position: absolute; right: 60px; top: 80%; -webkit-transform: translateY(-70%); transform: translateY(-70%); margin: 0; outline: 0; width: 45px; height: 45px; line-height: 52px; -webkit-transition: .6s; transition: .6s; background: #f0b9b2; color: #fff; border-radius: 10px 10px 0 10px } .clients-slides.owl-theme .owl-nav [class*=owl-]:focus, .clients-slides.owl-theme .owl-nav [class*=owl-]:hover { background-color: #212529 } .clients-slides.owl-theme .owl-nav [class*=owl-].owl-next { right: 0 } .clients-slides.owl-theme .owl-nav [class*=owl-].owl-next i { position: relative; top: 1px; left: 2px } .clients-slides.owl-theme .owl-nav [class*=owl-] i { font-size: 25px; font-weight: 700; position: relative; top: 1px; right: 2px } .philosophy-area { background-image: url(../images/philosophy/philosophy-bg.html); background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 1; overflow: hidden; background-attachment: fixed } .philosophy-area::before { position: absolute; content: ""; left: 0; right: 0; top: 0; height: 100%; width: 100%; background-color: #f0b9b2; z-index: -1; opacity: .95 } .philosophy-item .philosophy-content h3 { font-size: 38px; margin-bottom: 35px } .philosophy-item .philosophy-content h4 { font-size: 22px; color: #212529; font-style: italic; margin-bottom: 20px } .philosophy-item .philosophy-content p { color: #212529 } .philosophy-item .philosophy-content .philosophy-quote { background-color: #fff; padding: 25px; position: relative; border-radius: 10px } .philosophy-item .philosophy-content .philosophy-quote i { font-size: 45px; color: #f0b9b2; position: absolute; top: 10px; left: 25px; opacity: 50% } .philosophy-item .philosophy-content .philosophy-quote p { position: relative; z-index: 1 } .philosophy-item .philosophy-content .philosophy-btn { margin-top: 30px; text-align: right } .philosophy-item .philosophy-content .philosophy-btn .default-btn { background-color: #212529; color: #fff } .philosophy-item .philosophy-content .philosophy-btn .default-btn i { background-color: #f0b9b2 } .philosophy-item .philosophy-content .philosophy-btn .default-btn:hover { background-color: #fff; color: #212529 } .philosophy-slides.owl-theme .owl-dots { position: absolute; left: 0; right: 0; margin: auto; top: 90%; -webkit-transform: translateY(-90%); transform: translateY(-90%); text-align: left } .philosophy-slides.owl-theme .owl-dots .owl-dot { -webkit-transition: .6s; transition: .6s } .philosophy-slides.owl-theme .owl-dots .owl-dot span { width: 5px; height: 35px; margin: 0 8px; background: #fff; -webkit-transition: .6s; transition: .6s; border-radius: 30px } .philosophy-slides.owl-theme .owl-dots .owl-dot.active span, .philosophy-slides.owl-theme .owl-dots .owl-dot:hover span { background-color: #212529; height: 55px } .philosophy-slides.owl-theme .owl-dots .owl-dot.active span::before, .philosophy-slides.owl-theme .owl-dots .owl-dot:hover span::before { opacity: 1; visibility: visible } .philosophy-slides.owl-theme .owl-nav.disabled+.owl-dots { margin-top: 0; max-width: 1370px; margin-left: auto } .philosophy-main-shape { position: absolute; bottom: 0; right: 0; width: 100%; opacity: 15% } .philosophy-main-shape img { width: 100% } .products-area { position: relative; z-index: 1; overflow: hidden } .products-area .container-fluid { padding-left: 0; padding-right: 0 } .products-item { margin-bottom: 30px; -webkit-transition: .6s; transition: .6s } .products-item .products-image { border-radius: 25px; background-color: #fff; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); margin-top: 10px; margin-bottom: 10px; position: relative; -webkit-transition: .6s; transition: .6s } .products-item .products-image img { border-radius: 25px } .products-item .products-image .action-btn { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; -webkit-transition: .6s; transition: .6s; opacity: 0; visibility: hidden; margin-top: 10px } .products-item .products-image .action-btn .default-btn { background-color: #212529; color: #fff } .products-item .products-image .action-btn .default-btn i { background-color: #f0b9b2; line-height: 40px } .products-item .products-image .action-btn .default-btn:hover { background-color: #f0b9b2 } .products-item .products-image .action-btn .default-btn:hover i { background-color: #fff } .products-item .products-content { text-align: center; margin-top: 25px } .products-item .products-content h3 { font-size: 18px; margin-bottom: 12px; font-style: italic } .products-item .products-content h3 a { color: #212529 } .products-item .products-content span { font-size: 14px; color: #6b6b84; font-weight: 600 } .products-item:hover .products-image .action-btn { opacity: 1; visibility: visible; margin-top: 0 } .book-store-btn { text-align: center; margin-top: 30px } .book-store-btn .default-btn { background-color: #221d48; color: #fff } .book-store-btn .default-btn i { background-color: #f0b9b2 } .book-store-btn .default-btn:hover { background-color: #f0b9b2 } .book-store-btn .default-btn:hover i { background-color: #221d48; color: #fff } .products-slides.owl-theme .owl-nav { margin-top: 0 } .products-slides.owl-theme .owl-nav [class*=owl-] { position: absolute; left: -10px; top: 30%; -webkit-transform: translateY(-30%); transform: translateY(-30%); margin: 0; outline: 0; width: 45px; height: 45px; line-height: 52px; -webkit-transition: .6s; transition: .6s; background: #f0b9b2; color: #fff; border-radius: 50%; opacity: 0; visibility: hidden } .products-slides.owl-theme .owl-nav [class*=owl-]:focus, .products-slides.owl-theme .owl-nav [class*=owl-]:hover { background-color: #212529 } .products-slides.owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: -10px } .products-slides.owl-theme .owl-nav [class*=owl-].owl-next i { position: relative; top: 1px; left: 2px } .products-slides.owl-theme .owl-nav [class*=owl-] i { font-size: 25px; font-weight: 700; position: relative; top: 1px; right: 2px } .products-slides.owl-theme:hover .owl-nav [class*=owl-] { opacity: 1; visibility: visible; left: 10px; -webkit-transition: .6s; transition: .6s } .products-slides.owl-theme:hover .owl-nav [class*=owl-].owl-next { left: auto; right: 10px } .products-slides .owl-item.active.center .products-item { -webkit-transition: .6s; transition: .6s; -webkit-transform: translateY(30px); transform: translateY(30px) } .products-main-shape { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; opacity: 50% } .products-main-shape img { width: 100% } .blog-area .container-fluid { max-width: 2500px; margin: auto } .single-blog { margin-bottom: 30px; -webkit-transition: .6s; transition: .6s; position: relative } .single-blog .blog-image { position: relative; -webkit-transition: .6s; transition: .6s; text-align: center } .single-blog .blog-image img { border-radius: 5px 5px 0 0 } .single-blog .blog-image .tag { display: inline-block; padding: 15px 22px; font-size: 15px; font-weight: 500; text-align: center; background-color: #221d48; color: #f0b9b2; position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -30px; border-radius: 50%; -webkit-transition: .6s; transition: .6s } .single-blog .blog-image .tag span { display: block } .single-blog .blog-content { background-color: #fff; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); padding: 50px 30px 30px; text-align: center; border-radius: 0 0 5px 5px; -webkit-transition: .6s; transition: .6s; max-width: 430px; margin: auto } .single-blog .blog-content h3 { font-size: 22px; margin-bottom: 18px; line-height: 1.8 } .single-blog .blog-content h3 a { color: #212529 } .single-blog .blog-content .blog-btn .default-btn { background-color: #212529; color: #fff } .single-blog .blog-content .blog-btn .default-btn i { background-color: #f0b9b2; color: #fff } .single-blog .blog-content .blog-btn .default-btn:hover i { background-color: #fff; color: #f0b9b2 } .single-blog:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px) } .single-blog:hover .blog-content { background-color: #f0b9b2; max-width: 100% } .single-blog-item { margin-bottom: 30px; -webkit-transition: .6s; transition: .6s; position: relative } .single-blog-item .blog-image { position: relative; -webkit-transition: .6s; transition: .6s; text-align: center } .single-blog-item .blog-image img { border-radius: 5px 5px 0 0; display: inline-block } .single-blog-item .blog-image .tag { display: inline-block; padding: 16px 25px; font-size: 16px; font-weight: 500; text-align: center; background-color: #221d48; color: #f0b9b2; position: absolute; left: 30px; bottom: -45px; border-radius: 50%; -webkit-transition: .6s; transition: .6s; z-index: 1 } .single-blog-item .blog-image .tag span { display: block } .single-blog-item .blog-content { background-color: #fff; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); padding: 65px 30px 30px; border-radius: 0 0 5px 5px; -webkit-transition: .6s; transition: .6s; position: relative } .single-blog-item .blog-content .meta { position: absolute; top: 20px; right: 20px } .single-blog-item .blog-content .meta p { margin-bottom: 0; color: #212529; font-weight: 500; font-style: italic } .single-blog-item .blog-content .meta p a { color: #212529 } .single-blog-item .blog-content h3 { font-size: 25px; margin-bottom: 22px; line-height: 1.5 } .single-blog-item .blog-content h3 a { color: #212529 } .single-blog-item .blog-content .blog-btn .default-btn { background-color: #212529; color: #fff } .single-blog-item .blog-content .blog-btn .default-btn i { background-color: #f0b9b2; color: #fff } .single-blog-item .blog-content .blog-btn .default-btn:hover i { background-color: #fff; color: #f0b9b2 } .single-blog-item:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px) } .single-blog-item:hover .blog-content { background-color: #f0b9b2 } .blog-slides.owl-theme .owl-nav { margin-top: 0 } .blog-slides.owl-theme .owl-nav [class*=owl-] { position: absolute; left: -10px; top: 30%; -webkit-transform: translateY(-30%); transform: translateY(-30%); margin: 0; outline: 0; width: 45px; height: 45px; line-height: 52px; -webkit-transition: .6s; transition: .6s; background: #f0b9b2; color: #fff; border-radius: 50%; opacity: 0; visibility: hidden } .blog-slides.owl-theme .owl-nav [class*=owl-]:focus, .blog-slides.owl-theme .owl-nav [class*=owl-]:hover { background-color: #212529 } .blog-slides.owl-theme .owl-nav [class*=owl-].owl-next { left: auto; right: -10px } .blog-slides.owl-theme .owl-nav [class*=owl-].owl-next i { position: relative; top: 1px; left: 2px } .blog-slides.owl-theme .owl-nav [class*=owl-] i { font-size: 25px; font-weight: 700; position: relative; top: 1px; right: 2px } .blog-slides.owl-theme:hover .owl-nav [class*=owl-] { opacity: 1; visibility: visible; left: -20px; -webkit-transition: .6s; transition: .6s } .blog-slides.owl-theme:hover .owl-nav [class*=owl-].owl-next { left: auto; right: -20px } .services-area { position: relative; z-index: 1; overflow: hidden; background-color: #f9f9f9 } .tab .tabs_item { display: none } .tab .tabs_item:first-child { display: block } .services-list-tab .tabs { padding-left: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; margin-bottom: 45px; justify-content: center } .services-list-tab .tabs li { margin-left: 2px; margin-right: 2px } .services-list-tab .tabs li a { display: inline-block; color: #212529; background-color: #fff; padding: 6px 16px; width: 100%; border-radius: 4px; position: relative; text-align: center; border: 1px solid #ededed } .services-list-tab li a img { height: 53px; width: 45px; float: left } .services-list-tab .tabs li a i { display: inline-block; height: 50px; width: 50px; line-height: 50px; background-color: #df8730; color: #fff; font-size: 25px; position: absolute; left: 15px; top: 12px; text-align: center; border-radius: 10px } .services-list-tab .tabs li a span { font-size: 17px; font-weight: 600; display: flex; align-items: center; justify-content: center } .services-list-tab .tabs li.current a { color: #fff; background: #2cb163 } .services-list-tab .tabs li.current a i { background-color: #fff; color: #b57d21 } .services-list-tab .tab_content .tabs_item .services-tab-image { position: relative } .services-list-tab .tab_content .tabs_item .services-tab-image img { border-radius: 62% 38% 53% 47%/48% 59% 41% 52% } .services-list-tab .tab_content .tabs_item .services-tab-image .services-tab-shape .shape-1 { position: absolute; left: 0; top: 20px } .services-list-tab .tab_content .tabs_item .services-tab-image .services-tab-shape .shape-2 { position: absolute; left: -50px; top: 30%; max-width: 100px; z-index: -1 } .services-list-tab .tab_content .tabs_item .services-tab-image .services-tab-shape .shape-3 { position: absolute; bottom: 70px; left: 0 } .services-list-tab .tab_content .tabs_item .services-tab-image .services-tab-shape .shape-4 { position: absolute; right: 60px; bottom: 30px } .services-list-tab .tab_content .tabs_item .services-tab-image .circle-shape { position: absolute; bottom: auto } .services-list-tab .tab_content .tabs_item .services-tab-content .services-content-image { position: relative; float: left; margin-bottom: 15px; display: inline-block; width: 100% } .services-list-tab .tab_content .tabs_item .services-tab-content .services-content-image .sub-title { position: absolute; top: 50%; font-size: 24px; text-transform: capitalize } .services-list-tab .tab_content .tabs_item .services-tab-content b { font-weight: 400; font-size: 15px; color: #6b6b84 } .services-list-tab .tab_content .tabs_item .services-tab-content .services-quote { background-color: #fff; padding: 25px; position: relative; border-radius: 10px; margin-top: 20px } .services-list-tab .tab_content .tabs_item .services-tab-content .services-quote i { font-size: 45px; color: #f0b9b2; position: absolute; top: 10px; left: 25px; opacity: 50% } .services-list-tab .tab_content .tabs_item .services-tab-content .services-quote p { position: relative; z-index: 1 } .services-list-tab .tab_content .tabs_item .services-tab-content .services-btn { margin-top: 25px } .services-list-tab .tab_content .tabs_item .services-tab-content .services-btn .default-btn { background-color: #221d48; color: #fff; padding: 15px 65px 14px 15px } .services-list-tab .tab_content .tabs_item .services-tab-content .services-btn .default-btn i { background-color: #f0b9b2 } .services-list-tab .tab_content .tabs_item .services-tab-content .services-btn .default-btn:hover { background-color: #f0b9b2; color: #221d48 } .services-list-tab .tab_content .tabs_item .services-tab-content .services-btn .default-btn:hover i { background-color: #221d48; color: #fff } .services-main-shape { position: absolute; top: 0; left: 0; right: 0 } .services-main-shape img { width: 100% } .faqs-area { background-color: #f9f9f9; position: relative; z-index: 1; overflow: hidden } .faqs-area.bg-color::before { content: ''; position: absolute; top: 0; left: 0; right: 0; background-color: #fff; z-index: -1; height: 30px } .faqs-area.bg-color::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; background-color: #fff; z-index: -1; height: 170px } .faqs-area.bg-ffffff { margin-top: 100px } .faq-item { padding-top: 100px; padding-bottom: 65px } .faq-item .content { margin-bottom: 45px } .faq-item .content h3 { font-size: 45px; margin-bottom: 0 } .faq-item .content h3 span { font-weight: 500; font-style: italic } .faq-item .faq-btn { margin-top: 30px } .faq-accordion .accordion { list-style-type: none; padding-left: 0; margin-bottom: 0 } .faq-accordion .accordion .accordion-item { display: block; background: #fff; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); margin-bottom: 15px } .faq-accordion .accordion .accordion-item:last-child { margin-bottom: 0 } .faq-accordion .accordion .accordion-title { padding: 25px 40px 25px 20px; color: #212529; position: relative; display: block; text-transform: capitalize; font-size: 18px; font-weight: 600; cursor: pointer; -webkit-transition: .6s; transition: .6s } .faq-accordion .accordion .accordion-title i { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: #212529; font-size: 15px; -webkit-transition: .6s; transition: .6s } .faq-accordion .accordion .accordion-title.active { color: #f0b9b2 } .faq-accordion .accordion .accordion-title.active i::before { content: "\ee2d"; color: #f0b9b2 } .faq-accordion .accordion .accordion-content { display: none; position: relative; padding: 18px 20px; border-top: 1px solid #f0b9b2; color: #6b6b84 } .faq-accordion .accordion .accordion-content.show { display: block } .faq-image { background-image: url(../images/faq.html); background-position: center center; background-size: cover; background-repeat: no-repeat; height: 100%; width: 100% } .faqs-main-shape { position: absolute; bottom: 50px; z-index: -1; left: 0; opacity: 50%; width: 100% } .faqs-main-shape img { width: 100% } .fun-facts-area { background-image: url(../images/fun-facts-bg.html); background-position: center center; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; margin-top: 100px } .fun-facts-area.bg-top { margin-top: 0 } .single-fun-fact { background-color: #fff; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); padding: 30px 35px 30px 120px; border-radius: 30px 30px 0 30px; position: relative; margin-bottom: 30px; -webkit-transition: .6s; transition: .6s } .single-fun-fact .icon { position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .single-fun-fact .icon i { display: inline-block; height: 85px; width: 85px; line-height: 85px; background-color: #f0b9b2; color: #fff; font-size: 45px; text-align: center; border-radius: 15px } .single-fun-fact h3 { font-size: 25px; margin-bottom: 5px; line-height: 1 } .single-fun-fact h3 .sign-icon { font-size: 25px; font-weight: 500 } .single-fun-fact p { margin-bottom: 0 } .pricing-area { position: relative; z-index: 1; overflow: hidden } .single-pricing-table { background-color: #f0b9b2; padding: 30px 30px 15px; margin-bottom: 30px; border-radius: 30px 30px 0 30px; -webkit-transition: .6s; transition: .6s } .single-pricing-table .pricing-header { position: relative; background-color: #fff; border-radius: 30px 30px 0 30px; padding: 30px 30px 30px 90px } .single-pricing-table .pricing-header i { font-size: 50px; color: #221d48; position: absolute; left: 25px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .single-pricing-table .pricing-header h3 { font-size: 26px; margin-bottom: 15px } .single-pricing-table .pricing-header span { font-size: 16px; color: #6b6b84; font-weight: 500 } .single-pricing-table .pricing-header .price { position: absolute; right: 30px; top: 30px; font-size: 20px; font-weight: 700 } .single-pricing-table .pricing-features { padding-left: 0; margin-bottom: 0; padding-top: 30px } .single-pricing-table .pricing-features li { list-style-type: none; font-size: 16px; font-weight: 500; margin-bottom: 18px; color: #212529; position: relative; padding-left: 25px; -webkit-transition: .6s; transition: .6s } .single-pricing-table .pricing-features li:last-child { margin-bottom: 0 } .single-pricing-table .pricing-features li i { position: absolute; left: 0; top: 1px; color: #fff; -webkit-transition: .6s; transition: .6s } .single-pricing-table .pricing-features li.color-gray { color: #eee } .single-pricing-table .pricing-btn { position: relative; top: 25px; text-align: center } .single-pricing-table .pricing-btn .default-btn { background-color: #221d48; color: #fff; -webkit-transition: .6s; transition: .6s } .single-pricing-table .pricing-btn .default-btn i { background-color: #f0b9b2 } .single-pricing-table:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px); background-color: #221d48 } .single-pricing-table:hover .pricing-features li { color: #fff } .single-pricing-table:hover .pricing-features li i { color: #f0b9b2 } .single-pricing-table:hover .pricing-btn .default-btn { background-color: #f0b9b2; color: #fff } .single-pricing-table:hover .pricing-btn .default-btn i { background-color: #221d48; color: #fff } .pricing-main-shape { position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; opacity: 50% } .pricing-main-shape img { width: 100% } .download-area { background-image: url(../images/download/download-bg.html); background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative; z-index: 1; padding: 0 0 30px } .download-area::before { content: ''; position: absolute; top: 0; left: 0; right: 0; background-color: #fff; z-index: -1; height: 50px } .download-area::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; background-color: #fff; z-index: -1; height: 50px } .download-main-content h3 { font-size: 35px; margin-bottom: 30px } .download-main-content h3 span { font-weight: 500 } .download-main-content h4 { font-size: 25px; margin-bottom: 20px; font-style: italic; font-weight: 500 } .download-main-content p { margin-bottom: 0 } .download-main-content .download-btn { margin-top: 25px } .page-banner-area { position: relative; z-index: 1; overflow: hidden } .page-banner-area .container-fluid { padding-left: 0 } .page-banner-content { margin-left: 70px } .page-banner-content h2 { font-size: 45px; margin-bottom: 20px } .page-banner-content ul { padding-left: 0; margin-bottom: 0 } .page-banner-content ul li { display: inline-block; list-style-type: none; margin-left: 35px; font-weight: 600; color: #221d48; position: relative } .page-banner-content ul li::before { content: ''; position: absolute; left: -26px; top: 12px; height: 1px; width: 15px; background: #221d48 } .page-banner-content ul li:first-child { margin-left: 0 } .page-banner-content ul li:first-child::before { display: none } .page-banner-content ul li a { display: block; color: #221d48 } .page-banner-image { position: relative } .page-banner-image .image-shape { position: absolute; top: -15px; right: -50px; -webkit-animation: movebounce 5s linear infinite; animation: movebounce 5s linear infinite } .page-banner-shape { position: absolute; bottom: 0; left: 0; right: 0; opacity: 30%; z-index: -1 } .page-banner-shape img { width: 100% } .page-banner-with-full-image { position: relative; z-index: 1; background-image: url(../images/page-banner/page-banner-bg-1.html); background-position: center center; background-size: cover; background-repeat: no-repeat; height: 100%; padding-top: 240px; padding-bottom: 150px; background-attachment: fixed } .page-banner-with-full-image::before { position: absolute; content: ""; height: 100%; width: 100%; left: 0; right: 0; top: 0; z-index: -1; opacity: .6 } .page-banner-with-full-image.item-bg1 { background-image: url(../images/page-banner/page-banner-bg-2.html) } .page-banner-with-full-image.item-bg2 { background-image: url(../images/page-banner/about-banner.html); min-height: 550px } .page-banner-with-full-image.about-bg { top: 72px; background: url(../images/main-slides/Banner-03.jpg); min-height: auto; padding: 0; padding: 0; min-height: 515px; background-size: cover; background-repeat: no-repeat } .page-banner-with-full-image.item-Therapy { background-image: url(../images/about/therofy.jpg); min-height: 550px } .page-banner-with-full-image.item-contactus { background-image: url(../images/about/Contactus.html); min-height: 550px } .page-banner-with-full-image.item-bg3 { background-image: url(../images/page-banner/page-banner-bg-4.html) } .page-banner-with-full-image.item-bg4 { background-image: url(../images/page-banner/page-banner-bg-5.html) } .page-banner-content-two { text-align: center } .page-banner-content-two h2 { font-size: 45px; margin-bottom: 20px; color: #fff } .page-banner-content-two ul { padding-left: 0; margin-bottom: 0 } .page-banner-content-two ul li { display: inline-block; list-style-type: none; margin-left: 35px; font-weight: 600; color: #fff; position: relative } .page-banner-content-two ul li::before { content: ''; position: absolute; left: -26px; top: 12px; height: 1px; width: 15px; background: #fff } .page-banner-content-two ul li:first-child { margin-left: 0 } .page-banner-content-two ul li:first-child::before { display: none } .page-banner-content-two ul li a { display: block; color: #8bc34a } .single-coaches { text-align: center; margin-bottom: 30px; position: relative; overflow: hidden } .single-coaches .image { position: relative } .single-coaches .image .social-link { position: absolute; right: 20px; bottom: 35px; padding-left: 0; margin-bottom: 0; list-style-type: none } .single-coaches .image .social-link li { display: block; margin-bottom: 8px } .single-coaches .image .social-link li:last-child { margin-bottom: 0 } .single-coaches .image .social-link li a { width: 45px; height: 45px; text-align: center; color: #221d48; background-color: #fff; font-size: 20px; position: relative; border-radius: 50px; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transition: .6s; transition: .6s } .single-coaches .image .social-link li a i { position: absolute; left: 0; top: 50%; right: 0; -webkit-transform: translateY(-48%); transform: translateY(-48%) } .single-coaches .image .social-link li a:hover { background-color: #f0b9b2; color: #fff } .single-coaches .image .social-link li:nth-child(2) a, .single-coaches .image .social-link li:nth-child(4) a, .single-coaches .image .social-link li:nth-child(6) a, .single-coaches .image .social-link li:nth-child(8) a { -webkit-transform: scaleX(0); transform: scaleX(0) } .single-coaches .content { background-color: #f9f9f9; text-align: left; padding: 30px; position: relative } .single-coaches .content h3 { font-size: 28px; margin-bottom: 0 } .single-coaches .content span { margin-top: 15px; display: block; font-weight: 600; color: #6b6b84 } .single-coaches .content i { display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; background-color: #f0b9b2; -webkit-transition: .6s; transition: .6s; color: #fff; border-radius: 50px; position: absolute; right: 20px; top: -25px; font-size: 25px } .single-coaches:hover .content i { background-color: #221d48; color: #fff } .single-coaches:hover .image .social-link li a { -webkit-transform: scale(1) !important; transform: scale(1) !important } .coaches-details-image img { border-radius: 15px } .coaches-details-content h3 { font-size: 35px; margin-bottom: 18px } .coaches-details-content b { font-weight: 600; color: #f0b9b2; display: inline-block; margin-bottom: 16px } .coaches-details-content p { margin-bottom: 20px } .coaches-details-content .information { padding-left: 0; margin-bottom: 0 } .coaches-details-content .information li { list-style-type: none; margin-bottom: 15px } .coaches-details-content .information li:last-child { margin-bottom: 0 } .coaches-details-content .information li span { color: #6b6b84; font-weight: 600 } .coaches-details-content .information li a { color: #221d48; font-weight: 500 } .coaches-details-content .information li a:hover { color: #f0b9b2 } .coaches-details-content .social-link { padding-left: 0; margin-bottom: 0; margin-top: 25px } .coaches-details-content .social-link li { list-style-type: none; display: inline-block; margin-right: 8px } .coaches-details-content .social-link li:last-child { margin-right: 0 } .coaches-details-content .social-link li a i { display: inline-block; width: 38px; height: 38px; line-height: 38px; text-align: center; background-color: #e1e1e1; -webkit-transition: .6s; transition: .6s; color: #221d48; border-radius: 50px; transition: .6s; font-size: 18px } .coaches-details-content .social-link li a i:hover { background-color: #f0b9b2; color: #fff; -webkit-transform: translateY(-5px); transform: translateY(-5px) } .psylo-grid-sorting { margin-bottom: 30px } .psylo-grid-sorting .result-count p .count { font-weight: 700; color: #212529 } .psylo-grid-sorting .ordering { text-align: right } .psylo-grid-sorting .ordering label { display: inline-block; margin-bottom: 0; color: #f0b9b2; margin-right: 5px; font-weight: 600 } .psylo-grid-sorting .ordering .nice-select { display: inline-block; width: 215px; background: #f8f8f8; border-color: #eee; color: #212529; -webkit-transition: .6s; transition: .6s; padding: 0 0 0 12px; height: 55px; line-height: 55px; font-weight: 700; border-radius: 0 } .psylo-grid-sorting .ordering .nice-select .list { background-color: #fff; border-radius: 0; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .2); box-shadow: 0 10px 30px rgba(0, 0, 0, .2); list-style-type: none; border: none; width: 100%; margin-top: 0; margin-bottom: 0; padding-left: 0; padding-top: 10px; padding-bottom: 10px } .psylo-grid-sorting .ordering .nice-select .list .option { line-height: 38px; min-height: 38px; color: #212529; position: relative; -webkit-transition: .6s; transition: .6s; padding-left: 15px; padding-right: 25px; font-weight: 600 } .psylo-grid-sorting .ordering .nice-select .list .option.selected.focus { color: #f0b9b2; background-color: #fff } .psylo-grid-sorting .ordering .nice-select .list .option:hover { background-color: #f0b9b2; color: #fff } .psylo-grid-sorting .ordering .nice-select:after { border-color: #212529; height: 8px; width: 8px; margin-top: -5px } .psylo-grid-sorting .ordering .nice-select:hover { border-color: #221d48; background-color: transparent } .psylo-grid-sorting .search-form { position: relative } .psylo-grid-sorting .search-form .search-field { background-color: #f9f9f9; height: 60px; padding: 8px 15px; border: 1px solid #f9f9f9; width: 100%; display: block; outline: 0; -webkit-transition: .6s; transition: .6s; border-radius: 5px; color: #221d48 } .psylo-grid-sorting .search-form .search-field::-webkit-input-placeholder { color: #6b6b84 } .psylo-grid-sorting .search-form .search-field:-ms-input-placeholder { color: #6b6b84 } .psylo-grid-sorting .search-form .search-field::-ms-input-placeholder { color: #6b6b84 } .psylo-grid-sorting .search-form .search-field::placeholder { color: #6b6b84 } .psylo-grid-sorting .search-form .search-field:focus { border-color: #f0b9b2 } .psylo-grid-sorting .search-form button { border: none; background-color: #f0b9b2; color: #fff; height: 40px; width: 40px; position: absolute; right: 10px; padding: 0; -webkit-transition: .6s; transition: .6s; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 20px; border-radius: 5px; cursor: pointer } .psylo-grid-sorting .search-form button i { position: absolute; left: 0; right: 0; top: 52%; -webkit-transform: translateY(-52%); transform: translateY(-52%) } .psylo-grid-sorting .search-form button:focus, .psylo-grid-sorting .search-form button:hover { background-color: #221d48; color: #fff } .single-events-box { -webkit-transition: .6s; transition: .6s; background-color: #fff; margin-bottom: 30px } .single-events-box .image { position: relative } .single-events-box .image .date { position: absolute; right: 10px; bottom: 10px; display: inline-block; background-color: #fff; color: #6b6b84; padding: 8px 20px; border-radius: 5px; font-size: 16px; font-weight: 700 } .single-events-box .image img { border-radius: 5px 5px 0 0 } .single-events-box .content { padding: 20px; position: relative; background-color: #f3f3f3; border-radius: 0 0 5px 5px } .single-events-box .content h3 { margin-bottom: 0; line-height: 1.3; font-size: 25px } .single-events-box .content h3 a { display: inline-block } .single-events-box .content .location { display: block; color: #221d48; margin-top: 20px; position: relative; padding-left: 22px; font-size: 16px; font-weight: 700 } .single-events-box .content .location i { color: #f0b9b2; position: absolute; left: 0; top: 2px; font-size: 18px } .single-events-box:hover { -webkit-box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .1); box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .1); -webkit-transform: translateY(-10px); transform: translateY(-10px) } .events-details-image { position: relative; margin-bottom: 50px } .events-details-image #timer { position: absolute; z-index: 2; right: 0; left: 0; bottom: 50px } .events-details-image #timer div { background-color: #f0b9b2; color: #fff; width: 150px; height: 150px; z-index: 1; border-radius: 10px; font-size: 60px; font-weight: 800; margin-left: 8px; margin-right: 8px } .events-details-image #timer div span { display: block; margin-top: -6px; font-size: 16px; font-weight: 600 } .events-details-header { margin-bottom: 30px } .events-details-header ul { margin-bottom: 0; list-style-type: none; background-color: #f8f9f8; padding: 30px } .events-details-header ul li { display: inline-block; margin-right: 20px; color: #221d48; position: relative; padding-left: 25px; font-size: 16px; font-weight: 600 } .events-details-header ul li i { color: #f0b9b2; position: absolute; left: 0; top: 2px; font-size: 18px } .events-details-header ul li:last-child { margin-right: 0 } .events-details-location { margin-bottom: 30px } .events-details-location iframe { height: 450px; width: 100%; border: none } .events-details-desc h3 { margin-bottom: 20px; font-size: 25px } .events-details-desc h3:not(:first-child) { margin-top: 20px } .events-details-info { background-color: #f8f9f8; border-radius: 5px; padding: 35px } .events-details-info .info { margin-bottom: 0; list-style-type: none; padding-left: 0 } .events-details-info .info li { border-bottom: 1px solid #e5e5e7; color: #221d48; font-size: 16px; font-weight: 600; padding-top: 15px; padding-bottom: 15px } .events-details-info .info li span { font-weight: 700; color: #212529; position: relative } .events-details-info .info li.price { padding-bottom: 10px; color: #f0b9b2; font-size: 28px; font-weight: 700 } .events-details-info .info li.price span { color: #212529; font-size: 16px; font-weight: 700 } .events-details-info .info li:first-child { padding-top: 0 } .events-details-info .events-btn-box { text-align: center; margin-top: 25px } .events-details-info .events-btn-box p { margin-top: 20px; font-weight: 600 } .events-details-info .events-btn-box p a { color: #f0b9b2 } .events-details-info .events-btn-box p a:hover { text-decoration: underline } .events-details-info .events-share { text-align: center; margin-top: 20px } .events-details-info .events-share .share-info { display: inline-block; position: relative; cursor: pointer } .events-details-info .events-share .share-info span { display: inline-block; color: #f0b9b2; line-height: 1; font-size: 16px; font-weight: 700 } .events-details-info .events-share .share-info .social-link { padding-left: 0; list-style-type: none; margin-bottom: 0; margin-top: 12px } .events-details-info .events-share .share-info .social-link li { display: inline-block; margin-right: 5px } .events-details-info .events-share .share-info .social-link li:last-child { margin-right: 0 } .events-details-info .events-share .share-info .social-link li a i { display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; background-color: #e1e1e1; font-size: 20px; color: #212529; position: relative; border-radius: 50px; -webkit-transition: .6s; transition: .6s } .events-details-info .events-share .share-info .social-link li a i:hover { background-color: #f0b9b2; color: #fff; -webkit-transform: translateY(-5px); transform: translateY(-5px) } .success-story-image { position: relative; overflow: hidden } .success-story-image img { -webkit-transition: .6s; transition: .6s } .success-story-image .video-btn { display: inline-block; width: 80px; height: 80px; line-height: 90px; background-color: #f0b9b2; border-radius: 50px; color: #fff; position: absolute; z-index: 1; left: 0; right: 0; margin: auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center } .success-story-image .video-btn i { font-size: 30px; position: relative; top: 0; left: 4px } .success-story-image .video-btn::after { content: ''; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; border-radius: 50px; border: 1px solid #f0b9b2; -webkit-animation: ripple 2s linear 1s infinite; animation: ripple 2s linear 1s infinite } .success-story-image .video-btn::before { content: ''; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; border-radius: 50px; border: 1px solid #f0b9b2; -webkit-animation: ripple 2s linear infinite; animation: ripple 2s linear infinite } .success-story-image .video-btn:hover { background-color: #fff; color: #f0b9b2 } .success-story-image:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) } .success-story-content h3 { font-size: 25px; margin-top: 30px; margin-bottom: 20px } .success-story-content p { margin-bottom: 0 } .courses-area .container-fluid { max-width: 2500px; margin: auto } .single-courses-box { margin-bottom: 30px; position: relative; border-radius: 5px; background-color: #fff; -webkit-box-shadow: 0 8px 16px 0 rgba(146, 184, 255, .2); box-shadow: 0 8px 16px 0 rgba(146, 184, 255, .2); -webkit-transition: .6s; transition: .6s } .single-courses-box .courses-image { border-radius: 5px 5px 0 0; position: relative; z-index: 1 } .single-courses-box .courses-image .image { border-radius: 5px 5px 0 0 } .single-courses-box .courses-image .image img { border-radius: 5px 5px 0 0 } .single-courses-box .courses-image .price { display: inline-block; background-color: #f0b9b2; color: #fff; width: 65px; height: 65px; border-radius: 50%; position: absolute; right: 20px; bottom: -32.5px; text-align: center; line-height: 65px; font-size: 25px; font-weight: 600 } .single-courses-box .courses-content { border-radius: 0 0 5px 5px; padding: 30px } .single-courses-box .courses-content .course-author { margin-bottom: 20px } .single-courses-box .courses-content .course-author img { width: 45px; height: 45px; margin-right: 10px } .single-courses-box .courses-content .course-author span { color: #f0b9b2; font-size: 16px; font-weight: 600 } .single-courses-box .courses-content h3 { margin-bottom: 15px; line-height: 1.5; font-size: 22px } .single-courses-box .courses-content h3 a { display: inline-block } .single-courses-box .courses-content .courses-box-footer { list-style-type: none; padding-left: 0; margin-bottom: 0; margin-left: -7px; margin-right: -7px; margin-top: 20px } .single-courses-box .courses-content .courses-box-footer li { color: #221d48; font-size: 16px; font-weight: 500; position: relative; padding-left: 32px; padding-right: 8px } .single-courses-box .courses-content .courses-box-footer li i { color: #f0b9b2; position: absolute; left: 6px; top: 0; font-size: 20px } .single-courses-box:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px) } .membership-levels-table .table { margin-bottom: 0 } .membership-levels-table .table thead th { vertical-align: middle; background-color: #f0b9b2; white-space: nowrap; padding: 20px; text-align: center; color: rgba(255, 255, 255, .9); border-left: 1px solid #e98f8f; border-right: 1px solid #e98f8f; border-bottom: none } .membership-levels-table .table thead th .desc-1 { color: #fff; margin-bottom: 0; font-size: 35px; font-weight: 700; display: block } .membership-levels-table .table thead th .desc-2 { color: #fff; margin-top: 10px; margin-bottom: 10px; font-size: 16px; font-weight: 700; display: block } .membership-levels-table .table thead th:first-child { border-left: none } .membership-levels-table .table thead th:last-child { border-right: none } .membership-levels-table .table tbody tr td { padding: 20px 25px; white-space: nowrap; vertical-align: middle; border: none; text-align: center; font-size: 16px; font-weight: 600 } .membership-levels-table .table tbody tr td:first-child { text-align: left } .membership-levels-table .table tbody tr td.item-check i { width: 20px; height: 20px; line-height: 20px; border-radius: 100%; background-color: #0eb582; color: #fff; display: block; margin: 0 auto } .membership-levels-table .table tbody tr td.item-none i { width: 20px; height: 20px; line-height: 20px; border-radius: 100%; background-color: #d85554; color: #fff; display: block; margin: 0 auto } .membership-levels-table .table tbody tr td .select-btn { display: inline-block; color: #212529; background-color: #efefef; padding: 15px 35px; border-radius: 5px; margin-top: 10px; font-size: 16px; font-weight: 700 } .membership-levels-table .table tbody tr td .select-btn:hover { color: #fff; background-color: #f0b9b2 } .become-coaches-image img { border-radius: 10px } .become-coaches-form { padding: 35px; border-radius: 10px; background-color: #fff; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1) } .become-coaches-form .become-coaches-title { margin-bottom: 30px } .become-coaches-form .become-coaches-title h3 { font-size: 30px; margin-bottom: 15px } .become-coaches-form .become-coaches-title span { color: #6b6b84 } .become-coaches-form form .form-group { margin-bottom: 25px } .become-coaches-form form .form-group .form-control { height: 60px; padding: 20px; line-height: initial; color: #212529; background-color: transparent; border: 1px solid #eee; border-radius: 15px; -webkit-box-shadow: unset; box-shadow: unset; -webkit-transition: .6s; transition: .6s; font-size: 16px; font-weight: 500 } .become-coaches-form form .form-group .form-control:focus { border: 1px solid #f0b9b2; background-color: transparent } .become-coaches-form form .form-group .form-control:focus::-webkit-input-placeholder { color: transparent; -webkit-transition: .6s; transition: .6s } .become-coaches-form form .form-group .form-control:focus:-ms-input-placeholder { color: transparent; -webkit-transition: .6s; transition: .6s } .become-coaches-form form .form-group .form-control:focus::-ms-input-placeholder { color: transparent; -webkit-transition: .6s; transition: .6s } .become-coaches-form form .form-group .form-control:focus::placeholder { color: transparent; -webkit-transition: .6s; transition: .6s } .become-coaches-form form textarea.form-control { height: 120px !important } .become-coaches-form form .default-btn { border: none; width: 100%; padding: 20px 30px } .courses-details-image { position: relative; overflow: hidden } .courses-details-image img { -webkit-transition: .6s; transition: .6s } .courses-details-image .video-btn { display: inline-block; width: 80px; height: 80px; line-height: 90px; background-color: #f0b9b2; border-radius: 50px; color: #fff; position: absolute; z-index: 1; left: 0; right: 0; margin: auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center } .courses-details-image .video-btn i { font-size: 30px; position: relative; top: 0; left: 4px } .courses-details-image .video-btn::after { content: ''; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; border-radius: 50px; border: 1px solid #f0b9b2; -webkit-animation: ripple 2s linear 1s infinite; animation: ripple 2s linear 1s infinite } .courses-details-image .video-btn::before { content: ''; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; border-radius: 50px; border: 1px solid #f0b9b2; -webkit-animation: ripple 2s linear infinite; animation: ripple 2s linear infinite } .courses-details-image .video-btn:hover { background-color: #fff; color: #f0b9b2 } .courses-details-image:hover img { -webkit-transform: scale(1.1); transform: scale(1.1) } .courses-details-desc { margin-top: 50px } .courses-details-desc .nav { margin-bottom: 0; list-style-type: none; background-color: #f8f9f8; border: none; border-radius: 5px } .courses-details-desc .nav .nav-item { margin-bottom: 0; margin-right: 40px } .courses-details-desc .nav .nav-item .nav-link { border-radius: 0; border: none; padding: 0; -webkit-transition: .6s; transition: .6s; padding: 30px; background-color: #f8f9f8; position: relative; border-radius: 5px; font-size: 16px; font-weight: 600 } .courses-details-desc .nav .nav-item .nav-link::before { content: ''; bottom: 0; height: 2px; background-color: #f0b9b2; position: absolute; -webkit-transition: .6s; transition: .6s; left: 0; width: 100%; -webkit-transform: scaleX(0); transform: scaleX(0) } .courses-details-desc .nav .nav-item .nav-link.active, .courses-details-desc .nav .nav-item .nav-link:hover { color: #212529 } .courses-details-desc .nav .nav-item .nav-link.active::before, .courses-details-desc .nav .nav-item .nav-link:hover::before { -webkit-transform: scaleX(1); transform: scaleX(1) } .courses-details-desc .nav .nav-item:last-child { margin-right: 0 } .courses-details-desc .tab-content { margin-top: 40px } .courses-details-desc .tab-content .courses-overview h3 { margin-bottom: 20px; font-size: 25px } .courses-details-desc .tab-content .courses-overview h3:not(:first-child) { margin-top: 20px } .courses-details-desc .tab-content .courses-curriculum { border: 1px solid #eee; border-radius: 5px; padding: 30px } .courses-details-desc .tab-content .courses-curriculum h3 { margin-bottom: 18px; font-size: 20px } .courses-details-desc .tab-content .courses-curriculum h3:not(:first-child) { margin-top: 20px } .courses-details-desc .tab-content .courses-curriculum ul { padding-left: 0; margin-bottom: 0; list-style-type: none } .courses-details-desc .tab-content .courses-curriculum ul li { display: block } .courses-details-desc .tab-content .courses-curriculum ul li a { background-color: #f8f9f8; color: #212529; padding-left: 30px; padding-right: 30px; padding-top: 15px; padding-bottom: 15px; margin-left: -30px; margin-right: -30px } .courses-details-desc .tab-content .courses-curriculum ul li a .courses-name { font-size: 15px; font-weight: 500 } .courses-details-desc .tab-content .courses-curriculum ul li a .courses-meta { text-align: right } .courses-details-desc .tab-content .courses-curriculum ul li a .courses-meta .questions { display: inline-block; background: #e3f1f2; color: #2dbbc4; text-transform: lowercase; border-radius: 3px; margin-right: 6px; padding: 2px 10px 1.5px; font-size: 15px; font-weight: 600 } .courses-details-desc .tab-content .courses-curriculum ul li a .courses-meta .duration { display: inline-block; background: #f7e7e8; color: #f0b9b2; text-transform: lowercase; border-radius: 3px; padding: 2px 10px 1.5px; font-size: 15px; font-weight: 600 } .courses-details-desc .tab-content .courses-curriculum ul li a .courses-meta .status { display: inline-block; background: #212529; color: #fff; border-radius: 3px; margin-left: 6px; padding: 2px 10px 1.5px; font-size: 15px; font-weight: 600 } .courses-details-desc .tab-content .courses-curriculum ul li a .courses-meta .status.locked { color: #212529; background-color: transparent; padding: 0; margin-left: 8px; border-radius: 0; position: relative; top: 1px; font-size: 18px; font-weight: 400 } .courses-details-desc .tab-content .courses-curriculum ul li a:hover { color: #f0b9b2 } .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(10) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(100) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(12) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(14) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(16) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(18) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(2) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(20) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(22) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(24) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(26) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(28) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(30) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(32) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(34) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(36) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(38) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(4) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(40) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(42) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(44) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(46) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(48) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(50) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(52) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(54) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(56) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(58) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(6) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(60) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(62) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(64) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(66) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(68) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(70) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(72) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(74) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(76) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(78) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(8) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(80) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(82) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(84) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(86) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(88) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(90) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(92) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(94) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(96) a, .courses-details-desc .tab-content .courses-curriculum ul li:nth-child(98) a { background-color: #fff } .courses-details-desc .tab-content .courses-instructor .instructor-image img { border-radius: 15px } .courses-details-desc .tab-content .courses-instructor .instructor-content h3 { font-size: 25px; margin-bottom: 18px } .courses-details-desc .tab-content .courses-instructor .instructor-content b { font-weight: 600; color: #f0b9b2; display: inline-block; margin-bottom: 16px } .courses-details-desc .tab-content .courses-instructor .instructor-content p { margin-bottom: 20px } .courses-details-desc .tab-content .courses-instructor .instructor-content .social-link { padding-left: 0; margin-bottom: 0; margin-top: 25px } .courses-details-desc .tab-content .courses-instructor .instructor-content .social-link li { list-style-type: none; display: inline-block; margin-right: 8px } .courses-details-desc .tab-content .courses-instructor .instructor-content .social-link li:last-child { margin-right: 0 } .courses-details-desc .tab-content .courses-instructor .instructor-content .social-link li a i { display: inline-block; width: 38px; height: 38px; line-height: 38px; text-align: center; background-color: #e1e1e1; -webkit-transition: .6s; transition: .6s; color: #221d48; border-radius: 50px; transition: .6s; font-size: 18px } .courses-details-desc .tab-content .courses-instructor .instructor-content .social-link li a i:hover { background-color: #f0b9b2; color: #fff; -webkit-transform: translateY(-5px); transform: translateY(-5px) } .courses-details-desc .tab-content .courses-reviews h3 { margin-bottom: 0; display: inline-block; margin-right: 15px; font-size: 22px; font-weight: 700 } .courses-details-desc .tab-content .courses-reviews .rating { display: inline-block; position: relative; top: 1px } .courses-details-desc .tab-content .courses-reviews .rating span { font-size: 19px; color: #cecfd2; margin-right: -2px } .courses-details-desc .tab-content .courses-reviews .rating span.checked { color: orange } .courses-details-desc .tab-content .courses-reviews .rating-count { margin-top: 10px; margin-bottom: 20px } .courses-details-desc .tab-content .courses-reviews .rating-count span { display: block; font-size: 16px; color: #221d48; font-weight: 500 } .courses-details-desc .tab-content .courses-reviews .row { overflow: hidden; margin-left: 0; margin-right: 0 } .courses-details-desc .tab-content .courses-reviews .side { float: left; width: 9%; margin-top: 10px } .courses-details-desc .tab-content .courses-reviews .side div { font-size: 16px; font-weight: 700 } .courses-details-desc .tab-content .courses-reviews .middle { margin-top: 14px; float: left; width: 82% } .courses-details-desc .tab-content .courses-reviews .right { text-align: right } .courses-details-desc .tab-content .courses-reviews .bar-container { width: 100%; background-color: #f1f1f1; text-align: center; color: #fff; border-radius: 5px } .courses-details-desc .tab-content .courses-reviews .bar-5 { width: 100%; height: 18px; background-color: #4caf50; border-radius: 5px } .courses-details-desc .tab-content .courses-reviews .bar-4 { width: 75%; height: 18px; background-color: #2196f3; border-radius: 5px; border-radius: 5px } .courses-details-desc .tab-content .courses-reviews .bar-3 { width: 50%; height: 18px; background-color: #00bcd4; border-radius: 5px } .courses-details-desc .tab-content .courses-reviews .bar-2 { width: 25%; height: 18px; background-color: #ff9800; border-radius: 5px } .courses-details-desc .tab-content .courses-reviews .bar-1 { width: 0; height: 18px; background-color: #f44336; border-radius: 5px } .courses-details-desc .tab-content .courses-review-comments { margin-top: 40px } .courses-details-desc .tab-content .courses-review-comments h3 { border-bottom: 1px solid #f3f3f3; padding-bottom: 12px; margin-bottom: 10px; font-size: 22px; font-weight: 700 } .courses-details-desc .tab-content .courses-review-comments .user-review { border-bottom: 1px solid #f3f3f3; padding: 20px 0 20px 110px; position: relative } .courses-details-desc .tab-content .courses-review-comments .user-review img { position: absolute; left: 0; top: 20px; width: 90px; height: 90px; border-radius: 5px } .courses-details-desc .tab-content .courses-review-comments .user-review .sub-comment { margin-bottom: 8px; font-weight: 700 } .courses-details-desc .tab-content .courses-review-comments .user-review p { font-size: 14px } .courses-details-desc .tab-content .courses-review-comments .user-review .review-rating { display: block; margin-bottom: 8px } .courses-details-desc .tab-content .courses-review-comments .user-review .review-rating .review-stars { display: inline-block } .courses-details-desc .tab-content .courses-review-comments .user-review .review-rating .review-stars i { color: #cecfd2; font-size: 18px; display: inline-block; margin-right: -3px } .courses-details-desc .tab-content .courses-review-comments .user-review .review-rating .review-stars i.checked { color: orange } .courses-details-desc .tab-content .courses-review-comments .user-review .review-rating span { color: #212529; position: relative; top: -2px; font-weight: 800; margin-left: 5px } .courses-details-info { background-color: #f5f5f5; border-radius: 5px; padding: 12px 12px 50px; margin-top: 50px } .courses-details-info .image { text-align: center; position: relative } .courses-details-info .image .video-btn { display: inline-block; width: 70px; height: 70px; line-height: 70px; background-color: #fff; border-radius: 50%; color: #212529; position: absolute; z-index: 1; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; left: 0; margin: auto; text-align: center; -webkit-transition: .6s; transition: .6s } .courses-details-info .image .video-btn i { font-size: 35px; position: relative; top: 8px; left: 5px; color: #f0b9b2; -webkit-transition: .6s; transition: .6s } .courses-details-info .image .video-btn::before { content: ''; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; border-radius: 50%; border: 2px solid #fff; -webkit-animation: ripple 1s linear infinite; animation: ripple 1s linear infinite } .courses-details-info .image .video-btn:hover { background-color: #f0b9b2 } .courses-details-info .image .video-btn:hover i { color: #fff } .courses-details-info .info { margin-bottom: 0; list-style-type: none; padding: 30px 15px } .courses-details-info .info li { border-bottom: 1px solid #e5e5e7; color: #221d48; font-size: 16px; font-weight: 500; padding-top: 15px; padding-bottom: 15px } .courses-details-info .info li span { font-weight: 600; color: #212529 } .courses-details-info .info li.price { padding-bottom: 10px; color: #f0b9b2; font-size: 28px; font-weight: 800 } .courses-details-info .info li.price span { color: #212529; font-size: 16px; font-weight: 700 } .courses-details-info .info li:first-child { padding-top: 0 } .courses-details-info .courses-btn-box { text-align: center } .courses-details-info .courses-share { text-align: center; margin-top: 25px } .courses-details-info .courses-share .share-info { display: inline-block; position: relative; cursor: pointer } .courses-details-info .courses-share .share-info span { display: inline-block; color: #f0b9b2; line-height: 1; font-size: 16px; font-weight: 700 } .courses-details-info .courses-share .share-info .social-link { padding-left: 0; list-style-type: none; margin-bottom: 0; margin-top: 12px } .courses-details-info .courses-share .share-info .social-link li { display: inline-block; margin-right: 5px } .courses-details-info .courses-share .share-info .social-link li:last-child { margin-right: 0 } .courses-details-info .courses-share .share-info .social-link li a i { display: inline-block; width: 45px; height: 45px; line-height: 45px; text-align: center; background-color: #e1e1e1; font-size: 20px; color: #212529; position: relative; border-radius: 50px; -webkit-transition: .6s; transition: .6s } .courses-details-info .courses-share .share-info .social-link li a i:hover { background-color: #f0b9b2; color: #fff; -webkit-transform: translateY(-5px); transform: translateY(-5px) } .services-details-desc .content-image { position: relative; margin-bottom: 25px } .services-details-desc .content-image .sub-title { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 35px; font-size: 30px; font-style: italic } .services-details-desc .overview-image { margin-top: 25px; margin-bottom: 25px } .services-details-desc .overview-content { margin-top: 20px; margin-bottom: 25px } .services-details-desc .overview-content h3 { font-size: 25px; margin-bottom: 20px } .services-details-desc .overview-content .list { padding-left: 0; margin-bottom: 0 } .services-details-desc .overview-content .list li { font-size: 15px; color: #6b6b84; font-weight: 500; position: relative; margin-bottom: 15px; list-style-type: none; padding-left: 25px } .services-details-desc .overview-content .list li:last-child { margin-bottom: 0 } .services-details-desc .overview-content .list li i { position: absolute; left: 0; top: 1px; color: #f0b9b2; font-size: 16px } .services-details-desc .color-text { color: #212529 } .services-details-desc .overview-quote { background-color: #f0b9b2; padding: 25px; position: relative; border-radius: 10px; margin-top: 20px; margin-bottom: 20px } .services-details-desc .overview-quote i { font-size: 45px; color: #fff; position: absolute; top: 10px; left: 25px; opacity: 50% } .services-details-desc .overview-quote p { position: relative; z-index: 1; color: #fff } .services-details-info { padding-left: 15px } .services-details-info .services-list { padding-left: 0; list-style-type: none; margin-bottom: 30px } .services-details-info .services-list li { margin-bottom: 15px } .services-details-info .services-list li:last-child { margin-bottom: 0 } .services-details-info .services-list li a { display: block; background-color: #fff; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); padding: 20px 30px; position: relative; font-size: 16px; font-weight: 700; border-radius: 10px 10px 0 10px } .services-details-info .services-list li a i { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: inline-block; height: 50px; width: 50px; line-height: 50px; font-size: 25px; border-radius: 10px; text-align: center; background-color: #f0b9b2; color: #fff } .services-details-info .services-list li a.active, .services-details-info .services-list li a:hover { background-color: #221d48; color: #fff } .services-details-info .choose-us-services h2 { font-size: 25px; margin-bottom: 0 } .services-details-info .choose-us-services .choose-us-content { margin-top: 30px; background-color: #f0b9b2; padding: 30px; border-radius: 20px 20px 0 0 } .services-details-info .choose-us-services .choose-us-content .icon { position: relative; padding-left: 85px; padding-top: 30px; padding-bottom: 30px; padding-right: 30px; background-color: #fff; border-radius: 20px 20px 0 0 } .services-details-info .choose-us-services .choose-us-content .icon i { color: #212529; font-size: 50px; position: absolute; left: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .services-details-info .choose-us-services .choose-us-content h4 { font-size: 20px; margin-bottom: 12px } .services-details-info .choose-us-services .choose-us-content p { margin-bottom: 0; font-size: 15px } .services-details-info .appointment-form { background-color: #221d48; padding: 30px; margin-top: 30px } .services-details-info .appointment-form h3 { font-size: 25px; margin-bottom: 25px; color: #fff } .services-details-info .appointment-form form .form-group { margin-bottom: 15px } .services-details-info .appointment-form form .form-group .form-control { height: 55px; padding: 20px; line-height: initial; color: #6b6b84; background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 10px; -webkit-transition: .6s; transition: .6s; font-weight: 500; font-size: 16px; width: 100% } .services-details-info .appointment-form form .form-group .form-control::-webkit-input-placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } .services-details-info .appointment-form form .form-group .form-control:-ms-input-placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } .services-details-info .appointment-form form .form-group .form-control::-ms-input-placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } .services-details-info .appointment-form form .form-group .form-control::placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } .services-details-info .appointment-form form .form-group .form-control:focus { outline: 0; background-color: #fff; border-color: #f0b9b2; -webkit-box-shadow: none; box-shadow: none } .services-details-info .appointment-form form .form-group .form-control:focus::-webkit-input-placeholder { color: transparent } .services-details-info .appointment-form form .form-group .form-control:focus:-ms-input-placeholder { color: transparent } .services-details-info .appointment-form form .form-group .form-control:focus::-ms-input-placeholder { color: transparent } .services-details-info .appointment-form form .form-group .form-control:focus::placeholder { color: transparent } .services-details-info .appointment-form form .default-btn { border: none } .services-details-info .appointment-form form .default-btn:hover { background-color: #f0b9b2 } .cart-table table { margin-bottom: 0 } .cart-table table tbody tr { background-color: #f9f9f9 !important; border-bottom: 15px solid #fff; border-top: none } .cart-table table tbody tr:last-child { border-bottom: none } .cart-table table tbody tr td { vertical-align: middle; white-space: nowrap; padding: 20px; border-left: none; border-right: none } .cart-table table tbody tr td.product-thumbnail a { display: block } .cart-table table tbody tr td.product-thumbnail a img { width: 100px; height: 100px; border: 1px solid #eee } .cart-table table tbody tr td.product-name a { color: #221d48; font-weight: 600; display: inline-block; text-decoration: none; font-style: italic; font-size: 20px } .cart-table table tbody tr td.product-name a:hover { color: #f0b9b2 } .cart-table table tbody tr td.product-price .unit-amount { font-weight: 600; color: #6b6b84 } .cart-table table tbody tr td.product-quantity .input-counter { max-width: 130px; min-width: 130px; text-align: center; display: inline-block; position: relative } .cart-table table tbody tr td.product-quantity .input-counter span { position: absolute; top: 0; background-color: #221d48; cursor: pointer; color: #fff; width: 40px; height: 100%; line-height: 48px; -webkit-transition: .6s; transition: .6s; border-radius: 15px } .cart-table table tbody tr td.product-quantity .input-counter span.minus-btn { left: 0 } .cart-table table tbody tr td.product-quantity .input-counter span.plus-btn { right: 0 } .cart-table table tbody tr td.product-quantity .input-counter input { height: 45px; color: #221d48; outline: 0; display: block; border: none; text-align: center; width: 100%; outline: 0; -webkit-box-shadow: none; box-shadow: none; font-weight: 600; border-radius: 10px } .cart-table table tbody tr td.product-quantity .input-counter input::-webkit-input-placeholder { color: #221d48 } .cart-table table tbody tr td.product-quantity .input-counter input:-ms-input-placeholder { color: #221d48 } .cart-table table tbody tr td.product-quantity .input-counter input::-ms-input-placeholder { color: #221d48 } .cart-table table tbody tr td.product-quantity .input-counter input::placeholder { color: #221d48 } .cart-table table tbody tr td.product-subtotal .subtotal-amount { font-weight: 600; color: #6b6b84 } .cart-table table tbody tr td.remove a i { color: #fff; position: relative; top: -1px; font-size: 20px; display: block; height: 30px; width: 30px; line-height: 30px; background-color: #221d48; text-align: center; border-radius: 50px } .cart-buttons { margin-top: 30px; text-align: right } .cart-buttons .shopping-coupon-code { position: relative; max-width: 530px } .cart-buttons .shopping-coupon-code .form-control { height: 50px; color: #212529; -webkit-box-shadow: unset; box-shadow: unset; border: 1px solid #f5f5f5; background-color: #f5f5f5; -webkit-transition: .6s; transition: .6s; border-radius: 5px; padding: 1px 0 0 15px; font-size: 15px; font-weight: 500 } .cart-buttons .shopping-coupon-code .form-control::-webkit-input-placeholder { -webkit-transition: .6s; transition: .6s; color: #6b6b84 } .cart-buttons .shopping-coupon-code .form-control:-ms-input-placeholder { -webkit-transition: .6s; transition: .6s; color: #6b6b84 } .cart-buttons .shopping-coupon-code .form-control::-ms-input-placeholder { -webkit-transition: .6s; transition: .6s; color: #6b6b84 } .cart-buttons .shopping-coupon-code .form-control::placeholder { -webkit-transition: .6s; transition: .6s; color: #6b6b84 } .cart-buttons .shopping-coupon-code .form-control:focus { border-color: #f0b9b2; background-color: transparent } .cart-buttons .shopping-coupon-code .form-control:focus::-webkit-input-placeholder { color: transparent } .cart-buttons .shopping-coupon-code .form-control:focus:-ms-input-placeholder { color: transparent } .cart-buttons .shopping-coupon-code .form-control:focus::-ms-input-placeholder { color: transparent } .cart-buttons .shopping-coupon-code .form-control:focus::placeholder { color: transparent } .cart-buttons .shopping-coupon-code button { position: absolute; right: 0; top: 0; height: 50px; background: #221d48; color: #fff; border: none; padding: 0 60px 0 15px; line-height: 48px; outline: 0; -webkit-transition: .6s; transition: .6s; font-size: 15px; font-weight: 500; cursor: pointer } .cart-buttons .shopping-coupon-code button:hover { background-color: #f0b9b2 } .cart-buttons .default-btn { background-color: #221d48; color: #fff } .cart-buttons .default-btn i { background-color: #f0b9b2 } .cart-buttons .default-btn:hover { background-color: #f0b9b2 } .cart-buttons .default-btn:hover i { background-color: #221d48; color: #fff } .cart-totals { margin-top: 50px } .cart-totals h3 { margin-bottom: 15px; font-size: 25px } .cart-totals ul { padding-left: 0; margin: 0 0 25px; list-style-type: none } .cart-totals ul li { border-bottom: 1px solid #eee; padding: 20px 0; color: #212529; overflow: hidden; font-weight: 600 } .cart-totals ul li b { font-weight: 700 } .cart-totals ul li span { float: right; color: #6b6b84; font-weight: 500 } .cart-totals .totals-btn { text-align: right } .cart-totals .totals-btn .default-btn { background-color: #221d48; color: #fff } .cart-totals .totals-btn .default-btn i { background-color: #f0b9b2 } .cart-totals .totals-btn .default-btn:hover { background-color: #f0b9b2 } .cart-totals .totals-btn .default-btn:hover i { background-color: #221d48; color: #fff } .wishlist-table table { margin-bottom: 0 } .wishlist-table table tbody tr { background-color: #f9f9f9 !important; border-bottom: 15px solid #fff; border-top: none } .wishlist-table table tbody tr:last-child { border-bottom: none } .wishlist-table table tbody tr td { vertical-align: middle; white-space: nowrap; padding: 20px; border-left: none; border-right: none } .wishlist-table table tbody tr td.product-thumbnail a { display: block } .wishlist-table table tbody tr td.product-thumbnail a img { width: 100px; height: 100px; border: 1px solid #eee } .wishlist-table table tbody tr td.product-name a { color: #6b6b84; font-weight: 500; display: inline-block; text-decoration: none; font-size: 18px; font-style: italic } .wishlist-table table tbody tr td.product-name a:hover { color: #f0b9b2 } .wishlist-table table tbody tr td.product-price .unit-amount { font-weight: 600; font-size: 16px; color: #6b6b84 } .wishlist-table table tbody tr td.product-btn .default-btn { background-color: #221d48; color: #fff } .wishlist-table table tbody tr td.product-btn .default-btn i { background-color: #f0b9b2 } .wishlist-table table tbody tr td.product-btn .default-btn:hover { background-color: #f0b9b2 } .wishlist-table table tbody tr td.product-btn .default-btn:hover i { background-color: #221d48; color: #fff } .wishlist-table table tbody tr td.product-subtotal .remove { color: #fff; float: right; position: relative; top: -1px; font-size: 20px; display: block; height: 30px; width: 30px; line-height: 35px; background-color: #221d48; text-align: center; border-radius: 50px } .wishlist-table .wishlist-btn { margin-top: 30px; text-align: right } .wishlist-table .wishlist-btn .default-btn { background-color: #221d48; color: #fff } .wishlist-table .wishlist-btn .default-btn i { background-color: #f0b9b2 } .wishlist-table .wishlist-btn .default-btn:hover { background-color: #f0b9b2 } .wishlist-table .wishlist-btn .default-btn:hover i { background-color: #221d48; color: #fff } .user-actions { -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08); box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08); background: #fff; padding: 15px 20px; border-top: 3px solid #f0b9b2; position: relative; margin-bottom: 40px } .user-actions i { color: #f0b9b2; margin-right: 2px; font-size: 20px; position: relative; top: 3px } .user-actions span { display: inline-block; color: #f0b9b2; font-weight: 700; font-size: 16px } .user-actions span a { display: inline-block } .billing-details .title { margin-bottom: 30px; position: relative; padding-bottom: 10px; border-bottom: 1px solid #eee; font-size: 25px } .billing-details .title::before { content: ''; position: absolute; background: #f0b9b2; bottom: -1px; left: 0; width: 50px; height: 1px } .billing-details .form-group { margin-bottom: 25px } .billing-details .form-group label { display: block; margin-bottom: 8px; font-weight: 600; font-size: 16px } .billing-details .form-group label .required { color: red } .billing-details .form-group .form-control { height: 50px; color: #212529; -webkit-box-shadow: unset !important; box-shadow: unset !important; border: 1px solid #f5f5f5; background-color: #f5f5f5; -webkit-transition: .6s; transition: .6s; border-radius: 3px; padding: 1px 0 0 15px; font-size: 16px; font-weight: 600 } .billing-details .form-group .form-control::-webkit-input-placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } .billing-details .form-group .form-control:-ms-input-placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } .billing-details .form-group .form-control::-ms-input-placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } .billing-details .form-group .form-control::placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } .billing-details .form-group .form-control:focus { border-color: #f0b9b2; background-color: transparent } .billing-details .form-group .form-control:focus::-webkit-input-placeholder { color: transparent } .billing-details .form-group .form-control:focus:-ms-input-placeholder { color: transparent } .billing-details .form-group .form-control:focus::-ms-input-placeholder { color: transparent } .billing-details .form-group .form-control:focus::placeholder { color: transparent } .billing-details .form-group textarea.form-control { height: auto; padding-top: 15px } .billing-details .form-group .nice-select { display: block; width: 215px; float: unset; width: 100%; background: #f8f8f8; border-color: #eee; color: #212529; -webkit-transition: .6s; transition: .6s; padding: 0 0 0 12px; height: 55px; line-height: 55px; font-size: 16px; font-weight: 600 } .billing-details .form-group .nice-select .list { background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0 10px 30px rgba(0, 0, 0, .2); box-shadow: 0 10px 30px rgba(0, 0, 0, .2); list-style-type: none; border: none; width: 100%; margin-bottom: 0; margin-top: 0; padding-left: 0; padding-top: 10px; padding-bottom: 10px } .billing-details .form-group .nice-select .list .option { line-height: 38px; min-height: 38px; color: #212529; position: relative; -webkit-transition: .6s; transition: .6s; padding-left: 32px; padding-right: 25px; font-size: 16px; font-weight: 600 } .billing-details .form-group .nice-select .list .option:hover { background-color: #f0b9b2 !important; color: #fff } .billing-details .form-group .nice-select .list .option:hover::before { color: #fff } .billing-details .form-group .nice-select .list .option.focus, .billing-details .form-group .nice-select .list .option.selected.focus { background-color: transparent !important; color: #212529 } .billing-details .form-group .nice-select .list .option::before { content: "\f149"; position: absolute; left: 10px; top: 0; opacity: 0; visibility: hidden; -webkit-transition: .6s; transition: .6s; color: #f0b9b2; font-family: Flaticon; font-size: 12px } .billing-details .form-group .nice-select .list .option.selected::before { opacity: 1; visibility: visible } .billing-details .form-group .nice-select .list .option.selected:hover { background-color: #f0b9b2 !important; color: #fff } .billing-details .form-group .nice-select .list .option.selected:hover::before { color: #fff } .billing-details .form-group .nice-select:after { border-color: #212529; height: 8px; width: 8px; margin-top: -5px } .billing-details .form-group .nice-select:hover { border-color: #f0b9b2; background-color: transparent } .billing-details .form-check { margin-bottom: 20px } .billing-details .form-check .form-check-label { color: #212529; font-weight: 600 } .billing-details .form-check label { position: relative; left: -3px; top: 0; font-weight: 500 } .billing-details .col-lg-12:last-child .form-group { margin-bottom: 0 } .order-details .title { margin-bottom: 30px; position: relative; padding-bottom: 10px; border-bottom: 1px solid #eee; font-size: 25px } .order-details .title::before { content: ''; position: absolute; background: #f0b9b2; bottom: -1px; left: 0; width: 50px; height: 1px } .order-details .order-table table { margin-bottom: 0 } .order-details .order-table table thead tr th { border-bottom-width: 0; vertical-align: middle; border-color: #eaedff; padding: 12px 20px 10px; white-space: nowrap; text-transform: uppercase; font-size: 16px; font-weight: 700 } .order-details .order-table table tbody tr td { vertical-align: middle; color: #221d48; white-space: nowrap; border-color: #eaedff; font-size: 16px; font-weight: 600; padding-left: 20px; padding-right: 20px; padding-top: 15px; padding-bottom: 15px } .order-details .order-table table tbody tr td.product-name a { display: inline-block } .order-details .order-table table tbody tr td.order-shipping span, .order-details .order-table table tbody tr td.order-subtotal span, .order-details .order-table table tbody tr td.total-price span { color: #212529; font-size: 16px; font-weight: 600 } .order-details .order-table table tbody tr td.order-subtotal-price, .order-details .order-table table tbody tr td.product-subtotal, .order-details .order-table table tbody tr td.shipping-price { color: #212529; font-weight: 600; font-size: 16px } .order-details .payment-box { background-color: #fff; -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06); box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06); margin-top: 30px; padding: 30px } .order-details .payment-box .payment-method p [type=radio]:checked, .order-details .payment-box .payment-method p [type=radio]:not(:checked) { display: none } .order-details .payment-box .payment-method p [type=radio]:checked+label, .order-details .payment-box .payment-method p [type=radio]:not(:checked)+label { padding-left: 27px; cursor: pointer; display: block; color: #212529; position: relative; margin-bottom: 8px; font-weight: 600 } .order-details .payment-box .payment-method p [type=radio]:checked+label::before, .order-details .payment-box .payment-method p [type=radio]:not(:checked)+label::before { content: ''; position: absolute; left: 0; top: 4px; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 50%; background: #fff } .order-details .payment-box .payment-method p [type=radio]:checked+label::after, .order-details .payment-box .payment-method p [type=radio]:not(:checked)+label::after { content: ''; width: 12px; height: 12px; background: #f0b9b2; position: absolute; top: 7px; left: 3px; border-radius: 50%; -webkit-transition: .6s; transition: .6s } .order-details .payment-box .payment-method p [type=radio]:not(:checked)+label::after { opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0) } .order-details .payment-box .payment-method p [type=radio]:checked+label::after { opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1) } .order-details .payment-box .default-btn { margin-top: 15px; -webkit-box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .2); box-shadow: 0 5px 28.5px 1.5px rgba(149, 152, 200, .2) } .login-form { padding: 35px; border-radius: 5px; background-color: #fff; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); max-width: 650px; margin: auto } .login-form h2 { margin-bottom: 30px; font-size: 30px; border-bottom: 1px solid #dedddf; padding-bottom: 15px; position: relative } .login-form h2::before { position: absolute; content: ""; left: 0; bottom: 0; border-bottom: 1px solid #f0b9b2; height: 100%; width: 100px } .login-form form .form-group { margin-bottom: 25px } .login-form form .form-group label { display: block; margin-bottom: 5px; color: #6b6b84; font-weight: 500; font-size: 16px } .login-form form .form-group .form-control { height: 60px; padding: 0 0 0 15px; line-height: initial; color: #212529; background-color: transparent; border: 1px solid #eee; border-radius: 0; -webkit-box-shadow: unset; box-shadow: unset; -webkit-transition: .6s; transition: .6s; font-size: 16px; font-weight: 500 } .login-form form .form-group .form-control:focus { border: 1px solid #f0b9b2; background-color: transparent } .login-form form .form-group .form-control:focus::-webkit-input-placeholder { color: transparent; -webkit-transition: .6s; transition: .6s } .login-form form .form-group .form-control:focus:-ms-input-placeholder { color: transparent; -webkit-transition: .6s; transition: .6s } .login-form form .form-group .form-control:focus::-ms-input-placeholder { color: transparent; -webkit-transition: .6s; transition: .6s } .login-form form .form-group .form-control:focus::placeholder { color: transparent; -webkit-transition: .6s; transition: .6s } .login-form form .form-check-input { margin-top: 2px } .login-form form .lost-your-password { text-align: right } .login-form form .lost-your-password a { display: inline-block; position: relative; font-weight: 500; font-size: 15px; color: #6b6b84 } .login-form form .lost-your-password a::before { width: 100%; height: 1px; position: absolute; left: 0; bottom: 0; content: ''; -webkit-transition: .6s; transition: .6s; background-color: #eee } .login-form form .lost-your-password a::after { width: 0; height: 1px; position: absolute; left: 0; -webkit-transition: .6s; transition: .6s; bottom: 0; content: ''; background-color: #f0b9b2 } .login-form form .lost-your-password a:hover::before { width: 0 } .login-form form .lost-your-password a:hover::after { width: 100% } .login-form form button { border: none; margin-top: 25px; padding: 15px 30px; width: 100%; border-radius: 5px; cursor: pointer; background-color: #f0b9b2; color: #fff; -webkit-transition: .6s; transition: .6s; font-weight: 600 } .login-form form button:hover { background-color: #221d48 } .login-form.mb-30 { margin-bottom: 30px } .register-form { padding: 35px; border-radius: 5px; background-color: #fff; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); max-width: 650px; margin: auto } .register-form h2 { margin-bottom: 30px; font-size: 30px; border-bottom: 1px solid #dedddf; padding-bottom: 15px; position: relative } .register-form h2::before { position: absolute; content: ""; left: 0; bottom: 0; border-bottom: 1px solid #f0b9b2; height: 100%; width: 100px } .register-form form .form-group { margin-bottom: 25px } .register-form form .form-group label { display: block; margin-bottom: 5px; color: #6b6b84; font-weight: 500; font-size: 16px } .register-form form .form-group .form-control { height: 60px; padding: 0 0 0 15px; line-height: initial; color: #212529; background-color: transparent; border: 1px solid #eee; border-radius: 0; -webkit-box-shadow: unset; box-shadow: unset; -webkit-transition: .6s; transition: .6s; font-size: 16px; font-weight: 500 } .register-form form .form-group .form-control:focus { border: 1px solid #f0b9b2; background-color: transparent } .register-form form .form-group .form-control:focus::-webkit-input-placeholder { color: transparent; -webkit-transition: .6s; transition: .6s } .register-form form .form-group .form-control:focus:-ms-input-placeholder { color: transparent; -webkit-transition: .6s; transition: .6s } .register-form form .form-group .form-control:focus::-ms-input-placeholder { color: transparent; -webkit-transition: .6s; transition: .6s } .register-form form .form-group .form-control:focus::placeholder { color: transparent; -webkit-transition: .6s; transition: .6s } .register-form form .description { font-style: italic; font-size: 13.5px; margin-top: -10px; margin-bottom: 15px } .register-form form button { border: none; padding: 15px 30px; width: 100%; border-radius: 5px; cursor: pointer; background-color: #f0b9b2; color: #fff; -webkit-transition: .6s; transition: .6s; font-weight: 600 } .register-form form button:hover { background-color: #221d48 } .products-details-area { position: relative; z-index: 1; overflow: hidden } .products-details-slides { position: relative } .products-details-slides .products-feedback .item .products-image img { border-radius: 0 100px 0 0 } .products-details-slides .products-thumbnails { position: relative; z-index: 1; padding-left: 30px; padding-top: 50px } .products-details-slides .products-thumbnails .item { position: relative } .products-details-slides .products-thumbnails .item .products-image { cursor: pointer; text-align: center } .products-details-slides .products-thumbnails .item .products-image img { padding: 5px; border-radius: 0 30px 0 0 } .products-details-slides .next-arrow, .products-details-slides .prev-arrow { position: absolute; cursor: pointer; bottom: 45px; background: #f0b9b2; border: none; color: #212529; z-index: 9; border-radius: 10px 10px 0 10px; outline: 0 !important; -webkit-transition: .6s; transition: .6s; font-size: 25px; display: inline-block; height: 50px; width: 50px; line-height: 52px; opacity: 0; visibility: hidden } .products-details-slides .next-arrow { right: -65px } .products-details-slides .prev-arrow { display: none !important } .products-details-slides:hover .next-arrow, .products-details-slides:hover .prev-arrow { opacity: 1; visibility: visible } .products-details-slides .slick-list { padding-left: 0 !important; padding-right: 0 !important } .products-details-desc { padding-left: 30px } .products-details-desc h3 { margin-bottom: 20px; font-size: 38px } .products-details-desc .price { margin-bottom: 15px; color: #221d48; font-size: 25px; font-weight: 700 } .products-details-desc .products-review { margin-bottom: 18px; position: relative } .products-details-desc .products-review .rating { display: inline-block; padding-right: 5px; font-size: 18px; position: absolute; bottom: 15px; right: 0 } .products-details-desc .products-review .rating i { color: #ffba0a; display: inline-block; margin-right: -2px } .products-details-desc .products-review .rating .rating-count { display: inline-block; color: #212529; line-height: initial; position: relative; top: -3px; font-weight: 500 } .products-details-desc .products-review .rating .rating-count:hover { color: #f0b9b2; border-color: #f0b9b2 } .products-details-desc .products-add-to-cart { margin-top: 25px } .products-details-desc .products-add-to-cart .input-counter { max-width: 130px; min-width: 130px; margin-left: 10px; text-align: center; display: inline-block; position: relative } .products-details-desc .products-add-to-cart .input-counter span { position: absolute; top: 10px; background-color: #f0b9b2; cursor: pointer; color: #fff; width: 30px; height: 30px; line-height: 35px; -webkit-transition: .6s; transition: .6s; font-size: 25px; border-radius: 5px } .products-details-desc .products-add-to-cart .input-counter span.minus-btn { left: 10px } .products-details-desc .products-add-to-cart .input-counter span.plus-btn { right: 10px } .products-details-desc .products-add-to-cart .input-counter span:hover { color: #fff } .products-details-desc .products-add-to-cart .input-counter input { height: 50px; color: #fff; outline: 0; display: block; border: none; background-color: #221d48; text-align: center; width: 100%; font-size: 16px; font-weight: 600; border-radius: 10px 10px 0 10px } .products-details-desc .products-add-to-cart .input-counter input::-webkit-input-placeholder { color: #212529 } .products-details-desc .products-add-to-cart .input-counter input:-ms-input-placeholder { color: #212529 } .products-details-desc .products-add-to-cart .input-counter input::-ms-input-placeholder { color: #212529 } .products-details-desc .products-add-to-cart .input-counter input::placeholder { color: #212529 } .products-details-desc .products-add-to-cart .default-btn { top: -2px; padding-top: 12.5px; padding-bottom: 12.5px; border: none; background-color: #221d48; color: #fff } .products-details-desc .products-add-to-cart .default-btn i { background-color: #f0b9b2 } .products-details-desc .products-add-to-cart .default-btn:hover { background-color: #f0b9b2 } .products-details-desc .products-add-to-cart .default-btn:hover i { background-color: #221d48; color: #fff } .products-details-tabs { margin-top: 50px } .products-details-tabs .nav { margin-bottom: 30px; list-style-type: none; display: block } .products-details-tabs .nav .nav-item { display: inline-block; margin-right: 10px } .products-details-tabs .nav .nav-item:last-child { margin-right: 0 } .products-details-tabs .nav .nav-item .nav-link { border: none; padding: 20px 70px; background-color: #e6e6e6; position: relative; font-size: 16px; font-weight: 700; color: #212529; -webkit-transition: .6s; transition: .6s; border-radius: 0 } .products-details-tabs .nav .nav-item .nav-link.active, .products-details-tabs .nav .nav-item .nav-link:hover { background-color: #f0b9b2; color: #fff } .products-details-tabs .nav-tabs { border-bottom: none } .products-details-tabs .tab-content .tab-pane .products-reviews { position: relative } .products-details-tabs .tab-content .tab-pane .products-reviews .review-content { position: relative; padding: 30px 30px 30px 170px; margin-bottom: 30px; background-color: #f9f9f9; border-radius: 5px } .products-details-tabs .tab-content .tab-pane .products-reviews .review-content img { position: absolute; left: 25px; top: 28px; height: 120px; width: 120px; border-radius: 5px } .products-details-tabs .tab-content .tab-pane .products-reviews .review-content h3 { font-size: 20px; font-weight: 600; margin-bottom: 8px } .products-details-tabs .tab-content .tab-pane .products-reviews .review-content span { color: #8d8d8d; font-size: 14px; font-style: italic; display: inline-block; margin-bottom: 12px } .products-details-tabs .tab-content .tab-pane .products-reviews .review-content p { margin-bottom: 0 } .products-details-tabs .tab-content .tab-pane .products-reviews .review-content .rating { display: inline-block; font-size: 25px; position: absolute; right: 30px; top: 30px } .products-details-tabs .tab-content .tab-pane .products-reviews .review-content .rating i { color: #ffba0a } .products-details-tabs .tab-content .tab-pane .products-reviews .review-content .rating a { font-size: 16px; color: #6b6b84 } .products-details-tabs .tab-content .tab-pane .products-review-form { margin-top: 45px } .products-details-tabs .tab-content .tab-pane .products-review-form .review-form { position: relative } .products-details-tabs .tab-content .tab-pane .products-review-form .review-form h3 { font-size: 25px; margin-bottom: 20px } .products-details-tabs .tab-content .tab-pane .products-review-form .review-form form .form-group { margin-bottom: 15px } .products-details-tabs .tab-content .tab-pane .products-review-form .review-form form .form-group .form-control { height: 60px; color: #212529; -webkit-box-shadow: unset; box-shadow: unset; border: 1px solid #f9f9f9; background-color: #f9f9f9; -webkit-transition: .6s; transition: .6s; border-radius: 15px; padding: 1px 0 0 15px; font-size: 16px; font-weight: 600 } .products-details-tabs .tab-content .tab-pane .products-review-form .review-form form .form-group .form-control::-webkit-input-placeholder { color: #7e7e7e; -webkit-transition: .6s; transition: .6s } .products-details-tabs .tab-content .tab-pane .products-review-form .review-form form .form-group .form-control:-ms-input-placeholder { color: #7e7e7e; -webkit-transition: .6s; transition: .6s } .products-details-tabs .tab-content .tab-pane .products-review-form .review-form form .form-group .form-control::-ms-input-placeholder { color: #7e7e7e; -webkit-transition: .6s; transition: .6s } .products-details-tabs .tab-content .tab-pane .products-review-form .review-form form .form-group .form-control::placeholder { color: #7e7e7e; -webkit-transition: .6s; transition: .6s } .products-details-tabs .tab-content .tab-pane .products-review-form .review-form form .form-group .form-control:focus { border-color: #f0b9b2; background-color: transparent } .products-details-tabs .tab-content .tab-pane .products-review-form .review-form form .form-group .form-control:focus::-webkit-input-placeholder { color: transparent } .products-details-tabs .tab-content .tab-pane .products-review-form .review-form form .form-group .form-control:focus:-ms-input-placeholder { color: transparent } .products-details-tabs .tab-content .tab-pane .products-review-form .review-form form .form-group .form-control:focus::-ms-input-placeholder { color: transparent } .products-details-tabs .tab-content .tab-pane .products-review-form .review-form form .form-group .form-control:focus::placeholder { color: transparent } .products-details-tabs .tab-content .tab-pane .products-review-form .review-form form .form-group textarea.form-control { height: auto; padding-top: 15px } .products-details-tabs .tab-content .tab-pane .products-review-form .review-form form .form-check { margin-bottom: 15px; margin-top: 5px } .products-details-tabs .tab-content .tab-pane .products-review-form .review-form form .form-check label { font-size: 16px; font-weight: 500 } .products-details-tabs .tab-content .tab-pane .products-review-form .review-form form .default-btn { color: #fff; cursor: pointer; position: relative; z-index: 1; border: none } .products-details-tabs .tab-content .tab-pane .products-review-form .review-form .rating { display: inline-block; font-size: 25px; position: absolute; right: 0; top: 0 } .products-details-tabs .tab-content .tab-pane .products-review-form .review-form .rating i { color: #ffba0a } .products-details-tabs .tab-content .tab-pane .products-review-form .review-form .rating a { font-size: 16px; color: #6b6b84 } .products-details-shape { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; z-index: -1; width: 100%; opacity: 50% } .products-details-shape img { width: 100% } .blog-details-desc .article-content .title-box { text-align: center; max-width: 920px; margin: auto } .blog-details-desc .article-content .title-box h2 { font-size: 35px; margin-bottom: 20px; line-height: 1.5 } .blog-details-desc .article-content .title-box .entry-meta { margin-bottom: 30px } .blog-details-desc .article-content .title-box .entry-meta ul { padding-left: 0; margin-bottom: 0; list-style-type: none } .blog-details-desc .article-content .title-box .entry-meta ul li { position: relative; display: inline-block; color: #212529; margin-right: 20px; padding-left: 25px } .blog-details-desc .article-content .title-box .entry-meta ul li a { display: inline-block; color: #6b6b84 } .blog-details-desc .article-content .title-box .entry-meta ul li a:hover { color: #f0b9b2 } .blog-details-desc .article-content .title-box .entry-meta ul li i { color: #f0b9b2; position: absolute; left: 0; top: 2px } .blog-details-desc .article-content .title-box .entry-meta ul li::before { content: ''; position: absolute; top: 12px; right: -15px; width: 6px; height: 1px; background: #f0b9b2 } .blog-details-desc .article-content .title-box .entry-meta ul li:last-child { margin-right: 0 } .blog-details-desc .article-content .title-box .entry-meta ul li:last-child::before { display: none } .blog-details-desc .article-content h3 { margin-top: 30px; margin-bottom: 15px; font-size: 25px } .blog-details-desc .article-content .blockquote, .blog-details-desc .article-content blockquote { overflow: hidden; background-color: #fafafa; padding: 30px !important; position: relative; z-index: 1; margin-top: 20px; margin-bottom: 20px } .blog-details-desc .article-content .blockquote p, .blog-details-desc .article-content blockquote p { color: #212529; line-height: 1.5; margin-bottom: 0; font-style: italic; font-weight: 600; font-size: 18px !important } .blog-details-desc .article-content .blockquote::before, .blog-details-desc .article-content blockquote::before { color: #f0b9b2; content: "\edd5"; position: absolute; left: 50px; top: -50px; z-index: -1; opacity: 30%; font-size: 130px; font-family: boxicons; font-weight: 900 } .blog-details-desc .article-content .wp-block-gallery.columns-3 { padding-left: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; margin-top: 30px; margin-bottom: 30px } .blog-details-desc .article-content .wp-block-gallery.columns-3 li { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; padding-left: 10px; padding-right: 10px } .blog-details-desc .article-content .wp-block-gallery.columns-3 li figure { margin-bottom: 0 } .blog-details-desc .article-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px; padding-top: 30px; border-top: 1px solid #eee } .blog-details-desc .article-footer .article-tags { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .blog-details-desc .article-footer .article-tags span { font-size: 16px; font-weight: 700; margin-right: 5px } .blog-details-desc .article-footer .article-tags a { display: inline-block; background-color: #e6e6e6; color: #6b6b84; padding: 10px 25px; border-radius: 10px; margin-right: 5px; font-weight: 600 } .blog-details-desc .article-footer .article-tags a:last-child { margin-right: 0 } .blog-details-desc .article-footer .article-tags a:hover { background-color: #f0b9b2; color: #fff } .blog-details-desc .article-footer .article-share { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; text-align: right; margin-top: 10px } .blog-details-desc .article-footer .article-share span { font-size: 16px; font-weight: 700; margin-right: 5px } .blog-details-desc .article-footer .article-share a { display: inline-block; color: #f0b9b2; width: 32px; height: 32px; line-height: 35px; border-radius: 50%; background-color: #eeeef0; text-align: center; font-size: 14px } .blog-details-desc .article-footer .article-share a:hover { color: #fff; background-color: #f0b9b2; -webkit-transform: translateY(-2px); transform: translateY(-2px) } .psylo-post-navigation { overflow: hidden; margin-top: 35px; padding-top: 25px; padding-bottom: 25px; border-top: 1px solid #eee; border-bottom: 1px solid #eee } .psylo-post-navigation .prev-link-wrapper { float: left } .psylo-post-navigation .prev-link-wrapper a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .psylo-post-navigation .prev-link-wrapper a:hover .image-prev::after { opacity: 1; visibility: visible } .psylo-post-navigation .prev-link-wrapper a:hover .image-prev .post-nav-title { opacity: 1; visibility: visible } .psylo-post-navigation .prev-link-wrapper .image-prev { display: inline-block; min-width: 100px; min-height: 100px; border-radius: 5px; overflow: hidden; vertical-align: top; margin-right: 20px; position: relative; -webkit-transition: .6s; transition: .6s } .psylo-post-navigation .prev-link-wrapper .image-prev img { border-radius: 50%; width: 100px; height: 100px } .psylo-post-navigation .prev-link-wrapper .image-prev::after { display: block; content: ''; height: 100%; width: 100%; position: absolute; top: 0; left: 0; border-radius: 50%; opacity: 0; background-color: #f0b9b2; visibility: hidden; -webkit-transition: .6s; transition: .6s } .psylo-post-navigation .prev-link-wrapper .image-prev .post-nav-title { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; margin: 0 auto; text-align: center; text-transform: uppercase; z-index: 2; color: #fff; opacity: 0; visibility: hidden; -webkit-transition: .6s; transition: .6s; font-size: 16px; font-weight: 700 } .psylo-post-navigation .prev-link-wrapper .prev-link-info-wrapper { color: #212529 } .psylo-post-navigation .prev-link-wrapper .prev-title { max-width: 360px; display: inline-block; font-weight: 700; font-size: 18px } .psylo-post-navigation .prev-link-wrapper .default-btn { display: inline-block !important; margin-top: 25px; background-color: #221d48; color: #fff } .psylo-post-navigation .prev-link-wrapper .default-btn i { background-color: #f0b9b2 } .psylo-post-navigation .prev-link-wrapper .default-btn:hover { background-color: #f0b9b2 } .psylo-post-navigation .prev-link-wrapper .default-btn:hover i { background-color: #221d48; color: #fff } .psylo-post-navigation .next-link-wrapper { float: right; text-align: right } .psylo-post-navigation .next-link-wrapper a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center } .psylo-post-navigation .next-link-wrapper a:hover .image-next::after { opacity: 1; visibility: visible } .psylo-post-navigation .next-link-wrapper a:hover .image-next .post-nav-title { opacity: 1; visibility: visible } .psylo-post-navigation .next-link-wrapper .image-next { display: inline-block; min-width: 100px; min-height: 100px; border-radius: 5px; overflow: hidden; vertical-align: top; margin-left: 20px; position: relative; -webkit-transition: .6s; transition: .6s } .psylo-post-navigation .next-link-wrapper .image-next img { border-radius: 50%; width: 100px; height: 100px } .psylo-post-navigation .next-link-wrapper .image-next::after { display: block; content: ''; height: 100%; width: 100%; position: absolute; top: 0; left: 0; border-radius: 50%; opacity: 0; background-color: #f0b9b2; visibility: hidden; -webkit-transition: .6s; transition: .6s } .psylo-post-navigation .next-link-wrapper .image-next .post-nav-title { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; margin: 0 auto; text-align: center; text-transform: uppercase; z-index: 2; color: #fff; opacity: 0; visibility: hidden; -webkit-transition: .6s; transition: .6s; font-size: 16px; font-weight: 700 } .psylo-post-navigation .next-link-wrapper .next-link-info-wrapper { color: #212529 } .psylo-post-navigation .next-link-wrapper .next-title { max-width: 360px; display: inline-block; font-weight: 700; font-size: 18px } .psylo-post-navigation .next-link-wrapper .default-btn { display: inline-block !important; margin-top: 25px; background-color: #221d48; color: #fff } .psylo-post-navigation .next-link-wrapper .default-btn i { background-color: #f0b9b2 } .psylo-post-navigation .next-link-wrapper .default-btn:hover { background-color: #f0b9b2 } .psylo-post-navigation .next-link-wrapper .default-btn:hover i { background-color: #221d48; color: #fff } .comments-area { margin-top: 30px } .comments-area .comments-title { margin-bottom: 30px; line-height: initial; font-size: 30px } .comments-area ol, .comments-area ul { padding: 0; margin: 0; list-style-type: none } .comments-area .comment-list { padding: 0; margin: 0; list-style-type: none } .comments-area .children { margin-left: 50px } .comments-area .comment-body { padding: 30px 30px 30px 175px; color: #212529; margin-bottom: 40px; position: relative; background-color: #f9f9f9; border-radius: 5px } .comments-area .comment-body .reply { position: absolute; top: 30px; right: 30px; z-index: 1 } .comments-area .comment-body .reply a { border: 1px dashed #ded9d9; color: #221d48; display: inline-block; padding: 8px 20px; border-radius: 30px; font-size: 14px; font-weight: 600; -webkit-transition: .6s; transition: .6s } .comments-area .comment-body .reply a:hover { background-color: #f0b9b2; border: 1px solid #f0b9b2; color: #fff } .comments-area .comment-author { font-size: 15px; margin-bottom: .3em; position: relative } .comments-area .comment-author .avatar { height: 120px; left: -140px; position: absolute; width: 120px; border-radius: 5px } .comments-area .comment-author .fn { font-weight: 600; font-size: 20px } .comments-area .comment-metadata { margin-bottom: .8em; color: #6b6b84; font-size: 14px; font-weight: 400 } .comments-area .comment-metadata a { color: #6b6b84 } .comments-area .comment-metadata a:hover { color: #f0b9b2 } .comments-area .comment-respond { margin-top: 30px } .comments-area .comment-respond .comment-reply-title { margin-bottom: 30px; font-size: 30px } .comments-area .comment-respond .comment-form .form-group { margin-bottom: 15px } .comments-area .comment-respond .comment-form .form-group .form-control { display: block; width: 100%; height: 70px; outline: 0; background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 15px; -webkit-box-shadow: none; box-shadow: none; padding: 10px 25px; -webkit-transition: .6s; transition: .6s; font-size: 16px; font-weight: 16px; font-weight: 500 } .comments-area .comment-respond .comment-form .form-group .form-control::-webkit-input-placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } .comments-area .comment-respond .comment-form .form-group .form-control:-ms-input-placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } .comments-area .comment-respond .comment-form .form-group .form-control::-ms-input-placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } .comments-area .comment-respond .comment-form .form-group .form-control::placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } .comments-area .comment-respond .comment-form .form-group .form-control:focus { outline: 0; background-color: #fff; border-color: #f0b9b2; -webkit-box-shadow: none; box-shadow: none } .comments-area .comment-respond .comment-form .form-group .form-control:focus::-webkit-input-placeholder { color: transparent } .comments-area .comment-respond .comment-form .form-group .form-control:focus:-ms-input-placeholder { color: transparent } .comments-area .comment-respond .comment-form .form-group .form-control:focus::-ms-input-placeholder { color: transparent } .comments-area .comment-respond .comment-form .form-group .form-control:focus::placeholder { color: transparent } .comments-area .comment-respond .comment-form .form-group textarea.form-control { height: 150px; padding: 25px; line-height: 1.5rem } .comments-area .comment-respond .comment-form .default-btn { border: none; margin-top: 10px } .purchase-guide-content img { border-radius: 5px; display: block; width: 100%; margin-bottom: 30px } .purchase-guide-content h3 { margin-top: 25px; margin-bottom: 15px; font-size: 25px } .purchase-guide-content .blockquote, .purchase-guide-content blockquote { margin-bottom: 30px; background-color: #e6f2f5; text-align: left !important; padding: 25px !important } .purchase-guide-content .blockquote p, .purchase-guide-content blockquote p { margin-bottom: 0; line-height: 1.8; font-size: 16px !important; font-weight: 500 } .purchase-guide-content .blockquote::after, .purchase-guide-content blockquote::after { display: none } .purchase-guide-content .blockquote::before, .purchase-guide-content blockquote::before { display: none } .purchase-guide-content ol, .purchase-guide-content ul { margin-top: 20px } .purchase-guide-content ol li, .purchase-guide-content ul li { margin-bottom: 10px; color: #221d48; line-height: 1.8; font-weight: 500; font-size: 16px } .sidebar-information { padding-left: 0; margin-bottom: 0; list-style-type: none } .sidebar-information li { margin-bottom: -1px } .sidebar-information li a { position: relative; display: block; padding: 25px 25px 25px 40px; color: #221d48; border: 1px solid #eee; font-size: 16px; font-weight: 700 } .sidebar-information li a::before { width: 5px; height: 5px; -webkit-transition: .6s; transition: .6s; background-color: #221d48; content: ''; position: absolute; left: 25px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50% } .sidebar-information li a.active, .sidebar-information li a:hover { border-color: #f0b9b2; background-color: #f0b9b2; color: #fff } .sidebar-information li a.active::before, .sidebar-information li a:hover::before { background-color: #fff } .sidebar-information li.active a { border-color: #f0b9b2; background-color: #f0b9b2; color: #fff } .sidebar-information li.active a::before { background-color: #fff } .book-online-area { background-color: #f9f9f9; position: relative; z-index: 1; overflow: hidden } .book-online-form { padding: 90px 0 100px; border-radius: 10px } .book-online-form.bg-top { padding: 30px 0 } .book-online-form h3 { font-size: 30px; margin-bottom: 30px } .book-online-form form .form-group { margin-bottom: 15px } .book-online-form form .form-group .form-control { height: 60px; padding: 20px; line-height: initial; color: #6b6b84; background-color: #fff; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); border: 1px solid #fff; border-radius: 10px; -webkit-transition: .6s; transition: .6s; font-weight: 500; font-size: 16px; width: 100% } .book-online-form form .form-group .form-control:focus { border: 1px solid #f0b9b2; background-color: transparent; -webkit-box-shadow: unset; box-shadow: unset; outline: 0 } .book-online-form form .nice-select { height: 60px; width: 100%; line-height: 60px; padding-left: 20px; padding-right: 20px; color: #6b6b84; background-color: #fff; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); border: 1px solid #fff; border-radius: 10px; -webkit-transition: .6s; transition: .6s; margin-bottom: 15px; font-weight: 500; font-size: 16px } .book-online-form form .nice-select:focus { border: 1px solid #f0b9b2; background-color: transparent; -webkit-box-shadow: unset; box-shadow: unset } .book-online-form form .nice-select .list { background-color: #fff; -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1); box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1); border-radius: 0; margin-top: 0; margin-bottom: 0; width: 100%; padding-top: 10px; padding-bottom: 10px; height: 215px; overflow-y: scroll } .book-online-form form .nice-select .list .option { -webkit-transition: .6s; transition: .6s; color: #212529; padding-left: 20px; padding-right: 20px; font-size: 16px; font-weight: 500 } .book-online-form form .nice-select .list .option:hover { background-color: #f0b9b2 !important; color: #fff } .book-online-form form .nice-select .list .option.selected { background-color: transparent; font-weight: 600 } .book-online-form form .nice-select::after { height: 8px; width: 8px; border-color: #f0b9b2; right: 20px } .book-online-form form .book-online-btn { margin-top: 20px } .book-online-form form .book-online-btn .default-btn { border: none; cursor: pointer } .book-online-image { background-image: url(../images/book-online.html); background-position: center center; background-size: cover; background-repeat: no-repeat; height: 100%; width: 100% } .book-main-shape { position: absolute; bottom: 0; z-index: -1; left: 0; opacity: 50%; width: 100% } .book-main-shape img { width: 100% } .single-gallery-item { position: relative; z-index: 1; border-radius: 5px; overflow: hidden; cursor: zoom-in; width: 23%; float: left; margin: 6px 6px } .single-gallery-item a { display: block; border-radius: 5px } .single-gallery-item a img { -webkit-transition: .6s; transition: .6s } .single-gallery-item:hover a img { -webkit-transform: scale(1.1); transform: scale(1.1) } .book-appointment-form { text-align: center; max-width: 1050px; margin: auto; background-color: #fff; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); padding: 45px 30px; border-radius: 15px } .book-appointment-form h3 { font-size: 35px; margin-bottom: 30px } .book-appointment-form .form-group { margin-bottom: 15px } .book-appointment-form .form-group .form-control { display: block; width: 100%; height: 70px; outline: 0; background-color: #f9f9f9; border: 1px solid #f9f9f9; border-radius: 15px; -webkit-box-shadow: none; box-shadow: none; padding: 10px 25px; -webkit-transition: .6s; transition: .6s; font-size: 16px; font-weight: 16px; font-weight: 600 } .book-appointment-form .form-group .form-control::-webkit-input-placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } .book-appointment-form .form-group .form-control:-ms-input-placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } .book-appointment-form .form-group .form-control::-ms-input-placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } .book-appointment-form .form-group .form-control::placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } .book-appointment-form .form-group .form-control:focus { outline: 0; background-color: #fff; border-color: #f0b9b2; -webkit-box-shadow: none; box-shadow: none } .book-appointment-form .form-group .form-control:focus::-webkit-input-placeholder { color: transparent } .book-appointment-form .form-group .form-control:focus:-ms-input-placeholder { color: transparent } .book-appointment-form .form-group .form-control:focus::-ms-input-placeholder { color: transparent } .book-appointment-form .form-group .form-control:focus::placeholder { color: transparent } .book-appointment-form .form-group textarea.form-control { height: 120px; padding: 25px; line-height: 1.5rem } .book-appointment-form .default-btn { border: none; margin-top: 10px } .error-content { text-align: center; margin: 0 auto; max-width: 750px } .error-content h3 { font-size: 38px; margin-top: 45px; margin-bottom: 20px } .error-content p { max-width: 520px; margin: 0 auto 25px; font-size: 15px } .privacy-policy-content img { border-radius: 5px; display: block; width: 100%; margin-bottom: 30px } .privacy-policy-content h3 { margin-top: 25px; margin-bottom: 15px; font-size: 25px } .privacy-policy-content .blockquote, .privacy-policy-content blockquote { margin-bottom: 30px; background-color: #e6f2f5; text-align: left !important; padding: 25px !important } .privacy-policy-content .blockquote p, .privacy-policy-content blockquote p { margin-bottom: 0; line-height: 1.8; font-size: 16px !important; font-weight: 500 } .privacy-policy-content .blockquote::after, .privacy-policy-content blockquote::after { display: none } .privacy-policy-content .blockquote::before, .privacy-policy-content blockquote::before { display: none } .privacy-policy-content ol, .privacy-policy-content ul { margin-top: 20px } .privacy-policy-content ol li, .privacy-policy-content ul li { margin-bottom: 10px; color: #6b6b84; line-height: 1.8; font-weight: 500; font-size: 16px } .terms-of-service-content img { padding-top: 61px; border-radius: 5px; display: block; width: auto; /* height: 350px; */ object-fit: cover; } .terms-of-service-content h3 { margin-top: 0; margin-bottom: 15px; font-size: 29px; margin: 0 0 26px !important; font-weight: 600 } .terms-of-service-content .blockquote, .terms-of-service-content blockquote { margin-bottom: 30px; background-color: #e6f2f5; text-align: left !important; padding: 25px !important } .terms-of-service-content .blockquote p, .terms-of-service-content blockquote p { margin-bottom: 0; line-height: 1.8; font-size: 16px !important; font-weight: 500 } .terms-of-service-content .blockquote::after, .terms-of-service-content blockquote::after { display: none } .terms-of-service-content .blockquote::before, .terms-of-service-content blockquote::before { display: none } .terms-of-service-content ol, .terms-of-service-content ul { margin-top: 10px } h4.tab-headingg { font-size: 20px; margin: 2px 0 12px; letter-spacing: 1px } .terms-of-service-content ol li, .terms-of-service-content ul li { margin-bottom: 0; color: #434346; line-height: 1.4; font-weight: 500; font-size: 16px; } .terms-of-service-content ol li, .terms-of-service-content ul li span { font-size: 25px } .coming-soon-area { height: 100vh; background-image: url(../images/coming-soon-bg.html); background-position: center center; background-size: cover; background-repeat: no-repeat } .coming-soon-content { max-width: 750px; background: #fff; border-radius: 10px; overflow: hidden; text-align: center; padding: 45px 30px; -webkit-box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, .05); box-shadow: 1px 5px 24px 0 rgba(68, 102, 242, .05); margin: auto } .coming-soon-content h1 { font-size: 45px; margin-bottom: 20px } .coming-soon-content h1 a { color: #f0b9b2 } .coming-soon-content h2 { font-size: 30px; margin-bottom: 0 } .coming-soon-content #timer { margin-top: 30px } .coming-soon-content #timer div { background-color: #f0b9b2; color: #fff; width: 130px; height: 130px; border-radius: 50%; font-size: 40px; font-weight: 700; margin-left: 5px; margin-right: 5px } .coming-soon-content #timer div span { display: block; margin-top: -2px; font-size: 15px; font-weight: 500 } .coming-soon-content .newsletter-form { margin-top: 45px; background-color: #fff; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); padding: 30px } .coming-soon-content .newsletter-form .form-group { margin-bottom: 15px; width: 100% } .coming-soon-content .newsletter-form .form-group .input-newsletter { border: none; border: 1px solid #f9f9f9; background-color: #f9f9f9; padding: 20px; color: #212529; height: 70px; display: block; width: 100%; -webkit-transition: .6s; transition: .6s; font-size: 16px; font-weight: 500; border-radius: 15px } .coming-soon-content .newsletter-form .form-group .input-newsletter::-webkit-input-placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } .coming-soon-content .newsletter-form .form-group .input-newsletter:-ms-input-placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } .coming-soon-content .newsletter-form .form-group .input-newsletter::-ms-input-placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } .coming-soon-content .newsletter-form .form-group .input-newsletter::placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } .coming-soon-content .newsletter-form .form-group .input-newsletter:focus { -webkit-box-shadow: none; box-shadow: none; outline: 0; background-color: transparent; border: 1px solid #f0b9b2 } .coming-soon-content .newsletter-form .form-group .input-newsletter:focus::-webkit-input-placeholder { color: transparent } .coming-soon-content .newsletter-form .form-group .input-newsletter:focus:-ms-input-placeholder { color: transparent } .coming-soon-content .newsletter-form .form-group .input-newsletter:focus::-ms-input-placeholder { color: transparent } .coming-soon-content .newsletter-form .form-group .input-newsletter:focus::placeholder { color: transparent } .coming-soon-content .newsletter-form .default-btn { width: 100%; border-radius: 15px; border: none; position: relative; top: 0; left: 0; padding: 20px } .coming-soon-content .newsletter-form .validation-danger { margin-top: 15px; color: red } .contact-info-box { text-align: center; -webkit-transition: .6s; transition: .6s; padding: 0 30px 20px; margin-bottom: 30px; position: relative; border-radius: 10px 50px 0 50px; overflow: hidden; min-height: auto } .contact-info-box .icon { margin-bottom: 22px; background-color: #fff; padding: 18px 22px; position: relative; text-align: left; border-radius: 10px 10px 0 0 } .contact-info-box .icon i { font-size: 32px; position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .contact-info-box .icon h3 { margin-bottom: 0; -webkit-transition: .6s; transition: .6s; font-size: 18px } .contact-info-box p { margin-bottom: 2px; -webkit-transition: .6s; transition: .6s; color: #221d48 } .contact-info-box p a { display: inline-block; color: #fff } .contact-info-box p a:hover { color: #f0b9b2 } .contact-info-box p i { color: #fff; margin-right: 5px } .contact-info-box p:last-child { margin-bottom: 0 } .contact-info-box:hover { -webkit-transform: translateY(-10px); transform: translateY(-10px) } .contact-info-box:hover::before { height: 100% } .contact-info-box:hover p { color: #fff } .contact-info-box:hover p a { color: #fff } .contact-area { background-color: #f9f9f9 } .contact-form { padding: 12px 0 50px } .contact-form h3 { font-size: 45px; margin-bottom: 30px } .contact-form h3 span { font-weight: 500 } #contactForm .form-group { margin-bottom: 15px } #contactForm .form-group .form-control { height: 60px; padding: 20px; line-height: initial; color: #6b6b84; background-color: #fff; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); box-shadow: 0 0 1.25rem rgba(108, 118, 134, .1); border: 1px solid #bfbfbf; border-radius: 10px; -webkit-transition: .6s; transition: .6s; font-weight: 500; font-size: 16px; width: 100% } #contactForm .form-group .form-control::-webkit-input-placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } #contactForm .form-group .form-control:-ms-input-placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } #contactForm .form-group .form-control::-ms-input-placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } #contactForm .form-group .form-control::placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } #contactForm .form-group .form-control:focus { outline: 0; background-color: #fff; border-color: #f0b9b2; -webkit-box-shadow: none; box-shadow: none } #contactForm .form-group .form-control:focus::-webkit-input-placeholder { color: transparent } #contactForm .form-group .form-control:focus:-ms-input-placeholder { color: transparent } #contactForm .form-group .form-control:focus::-ms-input-placeholder { color: transparent } #contactForm .form-group .form-control:focus::placeholder { color: transparent } #contactForm .form-group textarea.form-control { height: auto; padding: 20px; line-height: 1.5rem } #contactForm .form-group .help-block.with-errors ul { color: red; margin-bottom: 0; margin-top: 10px } #contactForm .form-group .help-block.with-errors ul li { font-size: 14px; text-align: left } #contactForm .form-check { margin-bottom: 20px; margin-top: 25px } #contactForm .form-check label { font-size: 16px; font-weight: 600 } #contactForm #msgSubmit { margin: 0; font-size: 1.3rem } #contactForm #msgSubmit.text-danger, #contactForm #msgSubmit.text-success { margin-top: 20px; font-size: 20px } #contactForm .default-btn { border: none; margin-top: 5px } .contact-image { background-image: url(../images/contact.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; height: 100%; width: 100% } .pagination-area { margin-top: 20px; text-align: center } .pagination-area .page-numbers { width: 40px; height: 40px; background-color: #fff; -webkit-box-shadow: 0 0 30px 5px #e4e4ee; box-shadow: 0 0 30px 5px #e4e4ee; color: #212529; text-align: center; display: inline-block; border-radius: 3px; line-height: 41px; position: relative; margin-left: 5px; margin-right: 5px; font-size: 16px; font-weight: 700 } .pagination-area .page-numbers.current, .pagination-area .page-numbers:hover { color: #fff; background-color: #f0b9b2 } .pagination-area .page-numbers i { position: relative; top: 1.5px } .subscribe-inner-box { background-image: url(../images/subscribe-bg.html); background-position: center center; background-size: cover; background-repeat: no-repeat; padding-top: 100px; padding-bottom: 100px; border-radius: 15px; position: relative; z-index: 1 } .subscribe-inner-box::before { position: absolute; content: ""; height: 100%; width: 100%; background-color: #fff; left: 0; right: 0; top: 0; z-index: -1; opacity: .5 } .subscribe-inner-box .subscribe-content { text-align: center; max-width: 835px; margin: auto } .subscribe-inner-box .subscribe-content h2 { margin-bottom: 25px; font-size: 45px; margin-top: -5px } .subscribe-inner-box .subscribe-content p { color: #212529 } .subscribe-inner-box .subscribe-content .newsletter-form { position: relative; max-width: 650px; margin: 30px auto 0 } .subscribe-inner-box .subscribe-content .newsletter-form .input-newsletter { display: block; width: 100%; background-color: #fff; border: none; height: 65px; padding: 0 0 0 25px; border-radius: 15px; padding-top: 0; outline: 0; color: #212529; font-weight: 500; -webkit-transition: .6s; transition: .6s } .subscribe-inner-box .subscribe-content .newsletter-form .input-newsletter::-webkit-input-placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } .subscribe-inner-box .subscribe-content .newsletter-form .input-newsletter:-ms-input-placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } .subscribe-inner-box .subscribe-content .newsletter-form .input-newsletter::-ms-input-placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } .subscribe-inner-box .subscribe-content .newsletter-form .input-newsletter::placeholder { color: #6b6b84; -webkit-transition: .6s; transition: .6s } .subscribe-inner-box .subscribe-content .newsletter-form .input-newsletter:focus::-webkit-input-placeholder { color: transparent } .subscribe-inner-box .subscribe-content .newsletter-form .input-newsletter:focus:-ms-input-placeholder { color: transparent } .subscribe-inner-box .subscribe-content .newsletter-form .input-newsletter:focus::-ms-input-placeholder { color: transparent } .subscribe-inner-box .subscribe-content .newsletter-form .input-newsletter:focus::placeholder { color: transparent } .subscribe-inner-box .subscribe-content .newsletter-form button { position: relative; background: #212529; color: #fff; border: none; height: 65px; padding: 0 55px 0 25px; border-radius: 10px 10px 0 10px; -webkit-transition: .6s; transition: .6s; font-size: 15px; font-weight: 700; width: 100% } .subscribe-inner-box .subscribe-content .newsletter-form button:hover { background-color: #f0b9b2 } .subscribe-inner-box .subscribe-content .newsletter-form button:hover i { background-color: #212529 } .subscribe-inner-box .subscribe-content .newsletter-form button i { position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; display: inline-block; height: 38px; width: 38px; line-height: 38px; color: #fff; border-radius: 10px 10px 0 10px; background-color: #f0b9b2; -webkit-transition: .6s; transition: .6s } .subscribe-inner-box .subscribe-content .newsletter-form #validator-newsletter { color: red; font-weight: 500 } .subscribe-area.bg-top { margin-bottom: -185px; position: relative; z-index: 1 } .footer-area { background-image: url(../images/main-slides/New-Banner/Banner4.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; position: relative } .footer-area::before { position: absolute; content: ""; left: 0; right: 0; top: 0; height: 100%; width: 100%; background-color: #000; opacity: .77 } .footer-area.bg-top { padding-top: 60px; padding-bottom: 40px } .single-footer-widget { position: relative; z-index: 1; padding: 6px 0 0 20px } .single-footer-widget .widget-logo { margin-bottom: 4px } .single-footer-widget p { color: #fff; font-size: 15px } .single-footer-widget .widget-share { margin-top: 25px } .single-footer-widget .widget-share a { margin: 0 5px } .single-footer-widget .widget-share a i { display: inline-block; height: 35px; width: 35px; line-height: 35px; font-size: 16px; background-color: transparent; color: #fff; border: 1px solid #fff; text-align: center; border-radius: 50px; -webkit-transition: .6s; transition: .6s } .single-footer-widget .widget-share a i:hover { background-color: #fff; border: 1px solid #fff; -webkit-transform: translateY(-5px); transform: translateY(-5px); shape-rendering: geometricprecision; color: #4c4c4c } .single-footer-widget h3 { font-size: 18px; margin-bottom: 8px; color: #181818; font-weight: 600; display: inline-block; width: 100% } .single-footer-widget .quick-links { padding-left: 0; margin-bottom: 10px; list-style-type: none } .single-footer-widget .quick-links li { margin-bottom: 10px; color: #4c4c4c; font-size: 15px; width: 100%; display: inline-block; float: left } .single-footer-widget .quick-links li a { display: inline-block; color: #4c4c4c; font-weight: 400; position: relative } .single-footer-widget .quick-links li a i { color: #4c4c4c; font-size: 14px; margin-right: 5px } .single-footer-widget .quick-links li a:hover { color: #4c4c4c } .single-footer-widget .quick-links li a:hover::before { width: 100% } .single-footer-widget .quick-links li a::before { content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; -webkit-transition: .6s; transition: .6s; background-color: #f0b9b2 } .single-footer-widget .quick-links li:last-child { margin-bottom: 0 } .single-footer-widget .footer-contact-info { padding-left: 0; margin-bottom: 0; list-style-type: none } .single-footer-widget .footer-contact-info li { margin-bottom: 20px; color: #4c4c4c; position: relative; padding-left: 40px; font-size: 15px } .single-footer-widget .footer-contact-info li i { position: absolute; left: 0; top: -1px; font-size: 20px; color: #4c4c4c; display: none } .single-footer-widget .footer-contact-info li span { display: block; font-weight: 500; margin-bottom: 10px; color: #4c4c4c; font-size: 16px } .phone-cnt span { color: #4c4c4c; padding: 0 10px } .phone-cnt { float: left; width: 100%; margin: -10px 0 10px } .single-footer-widget .footer-contact-info li a { display: inline-block; color: #4c4c4c; font-weight: 400; position: relative } .single-footer-widget .footer-contact-info li a:hover { color: #4c4c4c } .copyright-area { padding-top: 10px; padding-bottom: 10px; background: #fff } .copyright-area .copyright-area-content { text-align: center } .copyright-area .copyright-area-content p { color: #333; font-size: 15px; font-weight: 500; text-align: center } .copyright-area .copyright-area-content p a { display: inline-block; font-weight: 600; color: #333; transition: .6s } .copyright-area .copyright-area-content p a:hover { color: #484848 } .go-top { position: fixed; cursor: pointer; bottom: -100px; right: 20px; color: #fff; background-color: #55cf74; z-index: 4; width: 50px; text-align: center; height: 50px; opacity: 0; visibility: hidden; border-radius: 50%; -webkit-transition: .9s; transition: .9s; overflow: hidden; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, .1); box-shadow: 0 3px 10px rgba(0, 0, 0, .1) } .go-top i { position: absolute; right: 0; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; font-size: 20px; margin-left: auto; margin-right: auto } .go-top.active { opacity: 1; visibility: visible; bottom: 20px } .go-top:hover { background-color: #3e9f4c; color: #fff; -webkit-transition: .6s; transition: .6s; -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08); box-shadow: 0 4px 6px rgba(50, 50, 93, .11), 0 1px 3px rgba(0, 0, 0, .08); -webkit-transform: translateY(-5px); transform: translateY(-5px) } span.logo-txt { color: #fff; font-size: 22px; font-weight: 700 } .contact-form .default-btn { display: inline-block; padding: 20px 70px 20px 20px; border-radius: 10px 10px 0 10px; font-size: 15px; font-weight: 600; background-color: #b98124; color: #fff; -webkit-transition: .6s; transition: .6s; position: relative; border: none } section.terms-of-service-area.ptb-20.address { border-top: 1px solid #d3d3d3; padding: 60px 0 60px } section.ResidenalCenter-outer { display: inline-block; width: 100%; margin: 180px 0 0 } label { font-size: 15px; font-weight: 700; color: #464646; margin: 0 0 4px } .form-heading { text-align: center; background: #feba89; padding: 10px 0; font-weight: 700; margin: 0 0 10px; display: inline-block; width: 100%; color: #4c4c4c } .form-control { margin: 0 0 15px; padding: 8px 12px; font-size: 14px; border: 1px solid #c1c1c1 } select.form-control { border: 1px solid #c1c1c1; background-repeat: no-repeat; background-position: right center; background-size: 34px 12px } .Propriet-inner li { width: 48%; float: left; list-style: number; font-size: 14px; font-weight: 600 } .form-header-logo1 { display: inline-block } .Propriet-inner li:nth-child(2n) { float: right } .TypeofCompany\: { float: left; width: 20% } .form-header-logo2 { float: right } .form-check { width: 20%; float: left } th { background: #789e59 !important; color: #fff; font-weight: 600; padding: 10px 12px !important; white-space: nowrap } .table { border-color: #d2d2d2 } td { font-weight: 500; padding: 8px 14px !important } .Propriet-dir { display: inline-block; width: 100%; margin: 10px 0 0 } .Propriet-dir p { margin: 0 0 0 !important; font-weight: 600; color: #4c4c4c; font-size: 15px } .nice-select.form-control { padding: 1px 14px } button.btn.btn-submit { background: #328e36; color: #fff; padding: 10px 24px; margin: 2px 0 34px } .btn-outer { display: inline-block; width: 100%; text-align: center } .form-header-logo { float: left } .form-header { text-align: center; display: inline-block; width: 100% } .form-header-logo1 { display: inline-block; margin: 16px 0 0 } .cover-form { display: inline-block; width: 100%; border: 4px solid #feba89 } .form-innercvr { padding: 6px 20px } td { font-weight: 500; padding: 8px 14px !important; font-size: 15px; vertical-align: middle } .rc { display: inline-block; background: #feba89; padding: 6px 24px; border-radius: 50px; font-weight: 600; color: #4c4c4c } .SRINN { text-align: center; padding: 12px 22px; margin: 0 0 16px } .SE { float: left; font-weight: 700; padding: 10px 0 0 } .PWC { float: right; font-weight: 600 } .SRINN { text-align: center; padding: 12px 22px; font-size: 15px } .cover-form p { margin-bottom: 15px; font-size: 15px; color: #3e3e3e } .form-header-logo img, .form-header-logo2 img { width: 70% } .form-check.sen-msg { width: 52%; font-size: 16px; margin: 22px 0 0 } .cont a.btn { padding: 10px 22px; background: #8e8e8e; margin: 0 4px 8px; font-weight: 500; color: #fff; min-width: 85px } .table-inner p { font-weight: 600; font-size: 16px; margin: 4px 0 10px } .main-navbar .navbar .navbar-nav .nav-item a.active, .main-navbar .navbar .navbar-nav .nav-item a:focus, .main-navbar .navbar .navbar-nav .nav-item a:hover { color: #1c1d1b } .cont { text-align: left; float: left; width: 50%; margin: 2px 0 20px } .cont p { display: inline-block; font-weight: 700; font-size: 17px } a.btn.ipd { background: #f99d5f } a.btn.ipd:focus, a.btn.ipd:hover { background: #ff7518 } a.btn.opd { background: #88bd5d } a.btn.opd:focus, a.btn.opd:hover { background: #5fad20 } img.res-add:hover { transform: scale(1.01) } .res-add { border: 6px solid #006a94 } input.btn.btn-success.btn-export { margin: 2px 0 8px; padding: 10px 32px } .PWC a:focus, .PWC a:hover { color: #1d1d1d; text-decoration: none } .widget-logo img { width: 80%; margin: 0 0 12px; background: #fff; padding: 6px 20px; border-radius: 4px } .ptb-40 { padding: 40px 0 } .ul-style span { font-size: 18px; font-weight: 700; margin: 0 0 8px; display: inline-block } .ul-style ul { margin: 0 } .ul-style ul li { margin: 0; font-size: 15px; color: #131313 } .group-res { display: inline-block; width: 100%; margin: 26px 0 0 } .fa-sign img { width: 20px; height: 20px; margin: 0; display: inline-block } .minimum-txt { font-size: 18px; font-weight: 700; color: #3e3e3e; margin: 10px 0 6px } .table-cvr th { background: #b0781c !important; color: #fff; font-weight: 600; padding: 8px 12px !important; white-space: nowrap } .ul-style-ul p a { color: #03a9f4; text-decoration: underline } .ul-style-ul ul { list-style: none; margin: 10px 0 0 } .ul-style-ul ul li { color: #3a3a3a; margin: 3px 0 0; font-size: 15px } .table-cvr tr td { text-align: center } .table-cvr tr td:first-child, .table-cvr tr td:last-child { text-align: left } .table-cvr table thead tr th { text-align: center } .table-cvr tr th:first-child, .table-cvr tr th:last-child { text-align: left } .ul-style-ul { display: inline-block; margin: 24px 0 0; width: 100% } .cont { text-align: left; float: left; width: 100%; margin: 0 0 16px } p.regis { font-size: 18px; font-weight: 700 } .cont span { font-weight: 500 } .table-cvr tr td:first-child { font-weight: 600 } .group-res ul li { list-style: none; font-weight: 600; color: #616161; margin: 4px 0 } .dd { display: inline-block; width: 100% } section.terms-of-service-area.about-us { display: inline-block; width: 100%; padding: 110px 0 50px; background: #fff; border-top: 1px solid #ebebeb } #home-slider { position: relative; } #countdown-desktop { position: absolute; color: white; font-size: 24px; z-index: 2; top: 68px; left: 360px; background: #e6693d; box-shadow: 0px 2px 12px 1px #101010; } #banner { text-align: center; } section.home-slider { display: inline-block; width: 100%; margin: 135px 0 0; } #timer { position: absolute; color: white; font-size: 24px; z-index: 2; top: 412px; left: 647px; } #timer div { display: inline-block; min-width: 90px; padding: 15px; background: #020b43; border-radius: 10px; border: 2px solid #030d52; margin: 15px; } .home-slider button.owl-prev { position: absolute; top: 45%; left: 0; background: #fff; z-index: 999 } .home-slider button.owl-next { position: absolute; top: 45%; right: 0; background: #fff; z-index: 999 } .owl-theme .owl-nav [class*=owl-] { margin: 0 } .home-slider button.owl-prev span { background: #c4c4c4; height: 40px; width: 40px; display: inline-block; border-radius: 0; font-size: 36px; font-weight: 700; line-height: 32px; color: #fff; border-top-right-radius: 8px; border-bottom-right-radius: 8px } .home-slider button.owl-next span { background: #c4c4c4; height: 40px; width: 40px; display: inline-block; border-radius: 0; font-size: 36px; font-weight: 700; line-height: 32px; color: #fff; border-top-left-radius: 8px; border-bottom-left-radius: 8px } .home-slider .owl-theme .owl-nav [class*=owl-]:hover { background: 0 0; color: #4c4c4c } .owl-theme .owl-dots .owl-dot span { width: 14px; height: 14px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; transition: opacity .2s ease; border-radius: 2px } .home-slider .owl-stage-outer { border-bottom: 1px solid #d3d3d3 } .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #2cb163 } .chcenter { float: left; width: 20% } .form-check.checkbox-style { width: 50%; float: left } .table-inner .table tbody tr td { font-weight: 600; vertical-align: middle } .dt-buttons button { background: #4e7d00; color: #fff; padding: 10px 20px; border: none; font-weight: 500; margin: 0 1px } .dt-buttons button:nth-child(2) { background: #ff6d2a } .dt-buttons button:nth-child(3) { background: #d8a200 } div.dataTables_wrapper div.dataTables_length select { width: 70px; display: inline-block; height: 36px } div#datatable-buttons_filter { float: right; position: absolute; right: 0; top: 0 } div#datatable-buttons_wrapper { position: relative } .logout input[type=submit] { background: #ff6d2a; border: none; color: #fff; padding: 5px 12px; border-radius: 2px; font-weight: 500 } li.logout { text-align: right; margin: 21px 0 0 30px } a.btn.btn-success.btn-xs.bt-printt { background: #d8a200; border: none; padding: 4px 14px } .table-responsive table tbody tr td { vertical-align: middle !important; font-weight: 600 } tfoot { display: none } #datatable-buttons tbody tr td { border-bottom: 1px solid #d3d3d3 !important } table.dataTable { border: 1px solid #d3d3d3 } #datatable-buttons tbody tr td:last-child { border-right: 1px solid #d3d3d3 !important } label.full-w { width: 100%; display: inline-block; float: left } .Gendarr .form-check-inline { display: inline-block; margin-right: 1rem; width: 20% } .navbar-brand img { width: 70% } .wellness_centerlist li { list-style: none; width: 100%; float: left; border: 1px solid #d3d3d3; padding: 0; border-radius: 4px; margin: 0 0 25px !important; position: relative; min-height: 230px; cursor: pointer; box-shadow: 0 2px 10px 0 rgb(0 0 0 / 10%), 0 2px 10px 0 rgb(0 0 0 / 10%) !important } .wellness_centerlist li:nth-child(2n) { float: right } .wellness_centerlist li h4 { font-size: 18px; font-weight: 600; text-align: left; line-height: 26px } .wellness_centerlist li p { text-align: left; font-size: 14px } h3.list-pcenter { text-align: center; float: left; width: 100%; padding: 0 33px 0; font-size: 23px; font-weight: 700; text-transform: capitalize } .center-contatc a { color: #2196f3; text-decoration: revert } .center-btmdet h5 { padding: 0 0 8px 0; margin: 0; font-weight: 700 } a.view-detils { background: #55cf74; padding: 6px 20px; border-radius: 30px; color: #fff; border: 2px solid #fff; height: 45px; display: flex; align-items: CENTER; font-weight: 600; text-align: center; justify-content: center; float: left; width: 160px; margin: 6px 0 0 } a.view-detils:hover { background: #2b8743 } .page-banner-with-full-image.about-bg.wellness_cen { top: 72px; background: url(../images/main-slides/Banner-03.jpg); min-height: auto; padding: 0; padding: 0; min-height: 515px; background-size: cover; background-repeat: no-repeat } .well-left { width: 30%; float: left; text-align: left; display: flex; min-height: 230px; align-items: center; justify-content: center; border-right: 1px solid #d3d3d4 } .well-left img { text-align: center; margin: 0; object-fit: contain; height: auto; border-radius: 5px 0 0 5px } .well-right { padding: 0 15px; display: flex; min-height: 230px; justify-content: center; flex-direction: column } .contact-right { background: -webkit-linear-gradient(top, #48c568, #2e9b4a); height: 85vh; border-radius: 2px } .right-logo { text-align: center; margin: 20px 0 30px; display: inline-block; width: 100% } .Facility-cvr ul li { width: 49%; float: left; font-weight: 600; list-style: none; color: #2e9b4a; margin: 6px 2px; padding: 6px 0; border: 1px dashed #bfbfbf; text-transform: capitalize } .Facility-cvr ul li:nth-child(2) { float: right } .Facility-cvr ul { padding: 0; margin: 0 } .Facility-cvr { display: inline-block; width: 100%; padding: 0; margin: 0 } .Facility-cvr i.bx.bx-caret-right { padding-left: 8px } section.gallery-area { display: inline-block; width: 100%; background: #f7ffe6; padding: 40px 0 45px } .img-logo { text-align: center } section.center-btmdet { display: inline-block; WIDTH: 100%; padding: 60px 0 40px } #datatable-buttons tbody tr td { border-bottom: 1px solid #d3d3d3 !important; font-weight: 500 } #datatable-buttons tbody tr td a.btn.btn-success.btn-xs.bt-view { padding: 4px 10px !important } .align-center p { text-align: justify } .align-center h3 { text-align: center } .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a.active, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a:focus, .main-navbar .navbar .navbar-nav .nav-item .dropdown-menu li a:hover { color: #83b557 } .page-banner-with-full-image.naturopathy- { top: 72px; background: url(../images/main-slides/Banner-03.jpg); min-height: auto; padding: 0; padding: 0; min-height: 515px; background-size: cover; background-repeat: no-repeat } .page-banner-with-full-image.Panchkarma- { top: 72px; background: url(../images/main-slides/Banner-03.jpg); min-height: auto; padding: 0; padding: 0; min-height: 515px; background-size: cover; background-repeat: no-repeat } .page-banner-with-full-image.phsyo- { top: 72px; background: url(../images/main-slides/Banner-03.jpg); min-height: auto; padding: 0; padding: 0; min-height: 515px; background-size: cover; background-repeat: no-repeat } .page-banner-with-full-image.yoga- { top: 72px; background: url(../images/main-slides/Banner-03.jpg); min-height: auto; padding: 0; padding: 0; min-height: 515px; background-size: cover; background-repeat: no-repeat } h4.banner-txt { text-align: center; font-size: 40px; color: #fff; text-transform: uppercase } .tab-section .nav-tabs .nav-link { margin: 0; border-radius: 0; background: -webkit-linear-gradient(top, #e2d1d1, #e6e6e6); font-weight: 500 } .nav-tabs .nav-link.active, .tab-section .nav-tabs .nav-item.show .nav-link { background: -webkit-linear-gradient(top, #7db77f, #8db118); color: #fff; border-color: #dee2e6 #dee2e6 #fff } .tabs-innerul ul { padding: 0; margin: 0; list-style: none; color: #4e4e4e } .tab-section ul { border: none; margin-bottom: 15px } .tab-section .nav-tabs li button { min-width: 220px } .img-logo.left { text-align: left } .tabs-req h5 { font-size: 17px } .tabs-req .ul-style-ul p a { font-size: 15px } .tabs-req .ul-style-ul ul li { color: #3a3a3a; margin: 2px 0 0; font-size: 14px } .franchires-tabsinner { display: inline-block; width: 100% } .franchires-tabsinner ul { border: none; text-align: center; width: 460px; margin: auto; margin: 0 auto } .franchires-tabsinner .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background: #2e9b4a; color: #fff; border-color: #dee2e6 #dee2e6 #fff } .franchires-tabsinner .nav-tabs .nav-link { margin-bottom: -1px; border: 1px solid transparent; border-top-left-radius: .25rem; border-top-right-radius: .25rem; font-weight: 500; border: 1px solid #d3d3d3; border-radius: 0; margin: 0 } .franchires-tabsinner ul li { margin: 0 } button.accordion-button { font-size: 16px; font-weight: 600; background: #ececec; margin: 0 0 6px } .accordion-body { padding: 10px 20px; line-height: 26px; font-size: 15px; font-weight: 500; text-align: justify } .accordion-button:focus { box-shadow: none } .faq-inner h3 { text-align: center; margin: 0 0 15px; font-size: 25px } .accordion-body a { color: #2196f3; font-weight: 600 } section.key-terms { display: inline-block; width: 100% } section.key-terms h3 { text-align: center; margin: 20px 0 14px } .key-terms h5 { margin: 12px 0 8px } .key-terms ul p { padding: 0; margin: 6px 0 4px; display: inline-block; width: 100% } .key-terms ul li { font-size: 15px; line-height: 30px; font-weight: 500; list-style: auto; margin: 0 0 2px 30px } .Wellness-centeropen { background: url(../images/services/bg-patern.html); display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff; background-size: cover; background-position: left; min-height: 280px } .new-centeropen { display: flex; align-items: center; justify-content: center; flex-direction: column; color: #fff } #counter-stats h5 { font-size: 26px; color: #96620d; text-transform: capitalize; font-weight: 600 } .counting { color: #613c00; font-size: 40px } .new-centeropen a { font-weight: 600; background: #ae761a; color: #fff; padding: 10px 16px; border-radius: 4px } .new-centeropen a:focus, .new-centeropen a:hover { box-shadow: 1px 1px 1px 1px #ae761a; transform: translateY(-.25em) } div#counter-stats { display: inline-block; width: 100%; margin: 34px 0 0; border-top: 1px solid #d3d3d3 } .single-gallery-item a { display: block; border-radius: 5px; min-height: 140px } ul.Download-pdf { display: flex; align-items: center; justify-content: space-between } .Download-pdf li { display: inline-block; border: 1px solid #d3d3d3; width: 170px; text-align: center; padding: 0 0 12px } span.text { font-size: 15px; font-weight: 600; padding: 8px 0 0; display: inline-block } .Download-pdf p { text-align: center; margin: 0 } .Download-pdf li p img { width: 35%; display: inline-block } .Download-pdf a.btn-style { background: #b43337; padding: 6px 12px; color: #fff; font-weight: 500; display: inline-block; border-radius: 2px; margin: 14px 0 0; font-size: 15px } .Download-pdf p { text-align: center; margin: 8px 0 0 } .Caption { display: none !important } section.social-post { display: inline-block; width: 100% } .social-post h3 { font-size: 35px; text-align: center; font-weight: 600; margin: 40px 0 30px } .owl-dots { position: absolute; right: 0; left: 0; bottom: 8px } .download-main-image img { border: 6px solid #efefef; width: 87% } .download-main-image { text-align: center } .right-img { text-align: center } .services-area.tabs-home { background: #f9f5e9; padding: 40px 0 40px; margin: 10px 0 0; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2 } p.yoga-hd { font-weight: 700 } .Naturopathy img { height: 130px } .services-tab-content p { line-height: 34px; margin: 18px 0 0; display: inline-block } .download-main-content p { margin-bottom: 20px; line-height: 32px } footer.footer-section { display: inline-block; width: 100% } footer.footer-section { display: inline-block; width: 100%; background-color: rgba(0, 0, 0, .8); padding: 50px 0 0; text-align: center } .carousel-control-prev, .terms-of-service-area .carousel-control-next { border: 0; background-color: transparent; width: auto } .sept { background: #cd9538; width: 100%; height: 2px; position: relative; margin: 40px 0 } .sept img { position: absolute; width: 50px; left: 0; right: 0; margin: auto; top: -25px } .terms-of-service-content { padding: 40px 0; padding-top: 0; padding-bottom: 0 } .dd .terms-of-service-content { padding: 0 } .terms-of-service-content .carousel { margin: 4px } .terms-of-service-content .ul-style-ul { margin-top: 0 } .terms-of-service-content .ul-style-ul ol li { font-size: 16px; line-height: 1.8 } .head-bg { border-radius: 5px; background: #f3f8f9; padding: 20px; min-height: 343px } .panch-head { font-size: 18px; line-height: 25px } .terms-of-service-content p span { background: -webkit-linear-gradient(top, #cd9538, #a76f13); color: #fff; padding: 5px 15px; margin: 10px 15px; display: inline-block; border-radius: 5px } #datatable-buttons td a.btn { border: none; padding: 2px 6px; min-height: 30px; min-width: 30px; margin: 2px } #datatable-buttons tbody tr td:nth-child(4) { width: 100px !important } a.no-stleee { background: 0 0; padding: 0; border-radius: 0 } a.no-stleee:focus, a.no-stleee:hover { box-shadow: none !important } span.pics { float: left; padding: 4px 0 0; font-size: 14px; width: 100%; color: #056d43; font-weight: 700 } .page-banner-with-full-image.about-bg.wellness_cen.SPPC-Delhi { background: url(../images/Gallery-img/SPPC-Delhi/spps-delhi.jpg); background-repeat: no-repeat; background-size: cover } .page-banner-with-full-image.about-bg.wellness_cen.Modinagar { background: url(../images/Gallery-img/Modinagar/Modinagar.html); background-repeat: no-repeat; background-size: cover } h4.sub-txt { height: 230px; display: flex; align-items: center; justify-content: center; font-size: 50px; color: #1f1f1f; text-shadow: 2px 2px 5px #a7a7a7 } .add-icon { width: 20px !important; height: auto !important; display: inline !important } .well-right p { margin-bottom: 5px !important } .rc.store-main { margin: 0 0 0 110px } .main-navbar .navbar .navbar-nav .nav-item.active a, .main-navbar .navbar .navbar-nav .nav-item:hover a { color: #b88023 } .subbanner-new { top: 135px; background: url(../images/main-slides/Subbanner-001.html); min-height: 450px; padding: 0; padding: 0; background-size: cover; background-repeat: no-repeat; margin: 0 0 90px } .subbanner-new .page-banner-content-two { text-align: right; padding: 120px 120px } .subbanner-new .page-banner-content-two h2 { font-size: 35px; margin-bottom: 20px; color: #34a551 } .page-banner-content-two ul li { display: inline-block; list-style-type: none; margin-left: 35px; font-weight: 600; color: #424242; position: relative } .subbanner-new .page-banner-content-two ul li a { display: block; color: #34a551 } .page-banner-content-two ul li::before { background: #ba8226 } .contact-info-box p { color: #fff } .Export-all input.btn.btn-success.btn-export { padding: 8px 10px 9px; margin: 0 0 18px; font-size: 15px; font-weight: 600; background: #198754; color: #fff; border: none } .report-table { position: relative } a.btn.btn-success.btn-xs.bt-view.edit-style { background: #666d73 } section.ResidenalCenter-outer.datatables-inner { margin: 66px 0 0 } h5.slok { line-height: 31px; margin: 0 0 8px; color: #585858; font-weight: 500; font-size: 18px } .Franchise-banner .page-banner-content-two { text-align: right; padding: 100px 0 0 } .Franchise-banner .page-banner-content-two h2 { font-size: 32px; margin-bottom: 20px; color: #626262 } .Submit-form h2 { font-size: 16px; margin: 0 0 20px } button.btn.subbtn { background: #4dd770; color: #fff; font-size: 18px; height: 46px; min-width: 160px; font-weight: 600; text-transform: capitalize; border-radius: 50px; margin: 10px 0 0 } span.phone-form { text-align: right; float: right } .jobn { font-size: 18px; font-weight: 600; color: #4c4c4c; margin: 0 0 6px } .jobnc p { font-size: 16px !important; color: #565656; padding: 2px 0 !important; margin: 0 } .Description-inner { display: inline-block; width: 100%; margin: 8px 0 0 } .cover-form.job-dis { background: #eeddcd; padding: 14px 20px; border-radius: 2px } a.btn-booknow { background: #2e9b4a; font-size: 14px; float: right; padding: 9px 14px; color: #fff; border-radius: 2px; margin: -2px 0 0; font-weight: 600 } .upcoming-center.address-up .well-left { min-height: 250px } .treatment-subbanner { top: 133px; background: url(../images/Treatment-banner/accupressure.html); min-height: 444px; padding: 0; background-size: cover; background-repeat: no-repeat; margin: 0 0 90px; position: relative } .Naturopathy { background: url(../images/Treatment-banner/natoperthy.html) } .yogaa { background: url(../images/Treatment-banner/yoga.html) } .treatment-subbanner .page-banner-content-two h2 { font-size: 45px; margin-bottom: 20px; color: #c0882b } .treatment-subbanner .page-banner-content-two ul li a { display: block; color: #b98124 } .treatment-subbanner .page-banner-content-two { text-align: right; padding: 120px 120px } .treatment-subbanner .page-banner-content-two ul li { color: #fff } .top-header-area.bg-transparent { background: #fff !important } i.bx.bxl-facebook { background: #4267b2 !important; height: 28px !important; width: 28px !important; display: flex; align-items: center; justify-content: center; color: #fff !important; border-radius: 4px } i.bx.bxl-twitter { background: #00acee !important; height: 28px !important; width: 28px !important; display: flex; align-items: center; justify-content: center; color: #fff !important; border-radius: 4px } i.bx.bxl-instagram { background: linear-gradient(45deg, #f09433 0, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%) !important; height: 28px !important; width: 28px !important; display: flex; align-items: center; justify-content: center; color: #fff !important; border-radius: 4px } i.bx.bxl-youtube { background: red !important; height: 28px !important; width: 28px !important; display: flex; align-items: center; justify-content: center; color: #fff !important; border-radius: 4px } div#navbarSupportedContent { justify-content: flex-end !important; align-items: flex-end !important } footer.footer-section { background-color: none; padding: 0; position: relative; width: 100%; background-repeat: no-repeat; background-size: cover; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; min-height: auto } .homemobile-slider { display: none } .wellness_centerlist { display: inline-block; width: 100% } .terms-of-service-content.centerdiv { padding: 0 } .right-img img { width: 87%; display: inline-block } .about-main-image img.img-fluid { max-width: 86% } .owl-nav { display: none } .tab-pane { transform: translateY(100%); transition: transform 2s } .tab-pane.active { transform: translateY(0) } .Search-innerout { display: inline-block; width: 100% } h3.list-pcenter { text-align: center; float: left; width: 100%; padding: 0 33px 0; font-size: 22px; font-weight: 700 } .Search-inner { float: right } .Search-inner input.form-control { float: left; width: 300px; border-top-right-radius: 0; border-bottom-right-radius: 0 } button.btn.search-btn { background: #55cf74; border-radius: 0; color: #fff; width: 100px; border-top-right-radius: 30px; border-bottom-right-radius: 30px } button.btn.search-btn:hover { background: #2a8741 } .wellness-centerbanner { background: url(../../image/well-centerbanner.jpg); background-repeat: no-repeat; background-size: cover; position: relative; top: 135px; padding: 0; min-height: 375px; margin: 0 0 70px } .wellnesscenter-bannerup { padding: 137px 0 0 } .wellnesscenter-bannerup img { background-size: cover; width: 100% } .center-contetrndiv { display: inline-block; width: 100% } section.terms-of-service-area.about-us.center-spc { padding: 40px 0 20px } h3.list-pcenter.left-pos { float: left; width: auto } section.center-btmdet { display: inline-block; WIDTH: 100%; padding: 30px 0; background: #fff } .reg-now a { background: #4fc56d; padding: 10px 40px; text-decoration: none; color: #fff; border-radius: 2px; display: inline-block; margin: 6px 0 0; font-weight: 700; font-size: 17px } .reg-now a:hover { background: #2e9b4a } .single-top-banner { top: 130px; background: url(../images/whitebg-banner/Banner021.jpg); padding: 0; min-height: 495px; background-size: cover; background-repeat: no-repeat; position: relative; border-bottom: 1px solid #ebebeb } section.center-details-page-outer { float: left; width: 100%; padding: 160px 0 30px } .center-list-banner { background: url(../images/whitebg-banner/Center-List-Banner.jpg) } .regnowa a { background: #40c161; color: #fff; width: 50%; padding: 8px 0; text-align: center; border-radius: 30px; font-weight: 600; font-size: 16px; min-height: 42px } .regnowa a:hover { background: #228f3e } li.regnowa { border: none !important } li.regnowa { padding: 0 !important; margin: 0; min-height: 38px } .bank p { margin-bottom: 2px; line-height: 25px; color: #434346; font-weight: 500; font-size: 16px } .job-header .navbar img { width: 56% !important } .dets p { text-align: left !important } .blink-soft { animation: blinker 1.5s linear infinite } @keyframes blinker { 50% { opacity: 0 } } .regnowa { display: inline-block; width: 100%; margin: 12px 0 0 } .treatment-bannerr { top: 136px; background-image: url(../images/Treatment-banner/Yoga-2.html); min-height: 522px; padding: 0; background-size: cover; background-repeat: no-repeat; margin: 0 0 90px; position: relative; border-bottom: 1px solid #dfdfdf } .Naturopathy-ban { background-image: url(../images/Treatment-banner/Naturopathy.html) } .Panchkarma-ban { background-image: url(../images/Treatment-banner/Panchkarma.html) } .DIET-bann { background-image: url(../images/Treatment-banner/Diet.html) } .Acupressure-subbn { background-image: url(../images/Treatment-banner/Acupressure.html) } .Acupuncture-ban { background-image: url(../images/Treatment-banner/Acupuncture.html) } .Ayurved-ban { background-image: url(../images/Treatment-banner/Ayurveda.html) } .Physiotherapy-ban { background-image: url(../images/Treatment-banner/Physiotherapy.html) } .Dental-ban { background-image: url(../images/Treatment-banner/Dental.html) } .ozon-ban { background-image: url(../images/Treatment-banner/Ozone-ban.html) } .sast-ban { background-image: url(../images/Treatment-banner/Shatkarma.html) } .yogpeeth-hrd { background-image: url(../images/Centers-Banners/YogpeethHaridwar.jpg) } .yoggram-hrd { background-image: url(../images/Centers-Banners/yoggram.jpg) } .Vedalife-hrd { background-image: url(../images/Centers-Banners/Vedalife.jpg) } .Rajkot-hrd { background-image: url(../images/Centers-Banners/Rajkot.jpg) } .Delhi-hrd { background-image: url(../images/Centers-Banners/Delhi.jpg) } .Chandausi-hrd { background-image: url(../images/Centers-Banners/Chandausi-ban.jpg) } .Panipat-hrd { background-image: url(../images/Centers-Banners/Panipat.jpg) } .Pune-hrd { background-image: url(../images/Centers-Banners/pune.jpg) } .Shirdi-hrd { background-image: url(../../pwc-centerlanding/images/Shirdi/shirdi-banner01.jpg) } .Modinagar-hrd { background-image: url(../images/Centers-Banners/Yogpeeth-modinagar.jpg) } .Moradabad-hrd { background-image: url(../images/Centers-Banners/Moradabad-desktop.jpg) } .anand-gujarat { background-image: url(../images/Centers-Banners/anand-gujarat-Banner.jpg) } .Dimna-hrd { background-image: url(../images/Centers-Banners/Dimna-banner.jpg) } .bilashpur-hrd { background-image: url(../images/center-listpageslider/Banner01.jpg) } .Niramayam-hrd { background-image: url(../images/Centers-Banners/Niramayam-Banner.png) } .Assam-hrd { background-image: url(../images/Centers-Banners/Assam-Banner.jpg) } .center-mobilebannerss { display: none } .center-li ul li { margin: 2px 0 0 30px } .THERAPY-hdcn { display: inline-block; width: 100%; margin: 6px 0 10px } .THERAPY-hdcn h6 { margin: 0 0 2px; text-transform: uppercase } .center-li ul { padding: 0 } .third-view ul { width: 32%; float: left; background: #f9f5e9; min-height: 220px; padding: 10px; border-radius: 4px; margin: 6px } .THERAPY-hdcn-foruth .THERAPY-hdcn { width: 48%; float: left; margin: 6px; min-height: 170px; padding: 10px; border: 1px solid #d3d3d3; border-radius: 2px } .center-li.two-view ul { margin: 0 } .two-view li { width: 47%; float: left } .full-width { float: left; width: 100% } .carrier-banner { background: url(../images/page-banner/Careers.html); min-height: 426px; background-repeat: no-repeat; background-size: cover; position: relative; top: 148px } section.job_dess { border-bottom: 1px solid #e7e7e7 } .about-banner { background: url(../images/page-banner/About.html); background-repeat: no-repeat; background-size: cover; position: relative; top: 135px; padding: 0; min-height: 426px; margin: 0 0 70px; border-bottom: 1px solid #e5e5e5 } .contact-banner { background: url(../images/page-banner/Contact-Us.html); background-repeat: no-repeat; background-size: cover; position: relative; top: 135px; padding: 0; min-height: 426px; margin: 0 0 70px; border-bottom: 1px solid #d3d3d3 } .Franchise-banner { background: url(../images/page-banner/Franchisee.html); background-repeat: no-repeat; background-size: cover; position: relative; top: 135px; padding: 0; min-height: 426px; margin: 0 0 70px; border-bottom: 1px solid #e1e1e1 } a.website-cl { padding: 0 10px } .footer.footer-section { position: relative } .bg { background-color: #fff; background-size: cover; -webkit-background-size: cover; width: 100%; height: 80px; overflow: hidden; position: relative; color: #fff } .bg:after { content: ""; width: 200%; height: 80px; padding-top: 70%; border-radius: 100%; background: #f9f5e9; position: absolute; top: 17%; left: 50%; transform: translateX(-50%); bottom: 0 } .social-media-h { height: 310px; overflow: auto; border: 1px solid #f5f5f5; border-radius: 2px } h2.media-socail::after { content: ""; position: absolute; border: 1px solid #fff8e3; width: 201px; left: 0; right: 0; margin: auto; bottom: 20px; border-radius: 6px } h2.media-socail { font-size: 28px; padding: 0 0 30px; text-align: center; position: relative } section.socail-media-section { padding: 30px 0 10px } h2.media-socail { font-size: 28px; padding: 0 0 30px; text-align: center } .footer-section-bg { background: #f9f5e9; margin: -20px 0 0 } .footer-logon { position: absolute; left: 0; right: 0; margin: auto; top: 60px } .footer-logon img { width: 12% } .quick-links li { display: inline-block; float: none !important; width: auto !important; padding: 0 14px } section.socail-media-section { padding: 30px 0 10px; float: left; width: 100%; border-top: 1px solid #dbdbdb } .contact-area { background-color: #f9f9f9; float: left; width: 100% } .contact-us-details-right { float: right; width: 70% } .contact-us-details { display: inline-block; border: 1px dashed #f1f1f1; width: 100%; background: #fff } .contact-us-details-right { float: right; width: 70%; padding: 0 30px } .contact-us-details-left { float: left; width: 30%; background: #f9f5e9; padding: 20px; border-radius: 0; min-height: 560px; user-select: none } .contact-ic span { float: left; width: 10% } .contact-ic { float: left; width: 100%; margin: 8px 0 } .rech-us { float: left; width: 100%; font-size: 19px; font-weight: 600; margin: 0 0 10px } .contact-form { padding: 24px 0 50px } .Submit-form h2 { font-size: 19px; margin: 0 0 20px } .phone-form i.flaticon-phone-call { padding: 0 12px } .right-form { display: inline-block; width: 100%; margin: 14px 0 0 } span.phone-form a.btn { background: #f37e55; font-weight: 600; color: #fff; padding: 4px 18px 5px; margin: 0 4px 0 } .phxyo-img .col-xs-12.col-md-4 { padding: 10px 12px } section.center-btmdet { display: inline-block; WIDTH: 100%; padding: 30px 0; background: #f5f5f5 } .single-footer-widget .quick-links li { border-right: 2px solid #c5c5c5; line-height: 14px } .single-footer-widget .quick-links li:last-child { margin-bottom: 0; border-right: 0 } section.content-wrapper { float: left; width: 100%; background: #f9f9f9; padding: 90px 0 14px } h2.term-heading { text-align: center; font-size: 28px; margin: 0 0 24px } .content-wrapper h4 { font-size: 18px; margin: 6px 0 10px; display: inline-block; width: 100% } .content-wrappertxt { display: inline-block; width: 100% } .content-wrappertxt ul li { padding: 4px 0 } .subbanner-new .page-banner-content-two h2 { font-size: 30px; margin-bottom: 20px; color: #626262 } .content-wrappertxt a { color: #0d6efd !important } .Daily-Routine { background: url(../images/cms/Daily-Routine.jpg); background-repeat: no-repeat; background-size: cover; position: relative; top: 135px; padding: 0; min-height: 426px; margin: 0 0 70px; border-bottom: 1px solid #d3d3d3 } .term-condition { background: url(../images/cms/Term%26Condition.jpg); background-repeat: no-repeat; background-size: cover; position: relative; top: 135px; padding: 0; min-height: 426px; margin: 0 0 70px; border-bottom: 1px solid #d3d3d3 } .term-condition .page-banner-content-two { text-align: right; padding: 154px 0 0 } .term-condition h2 { color: #646464; font-size: 30px; text-align: right } .privacy-policy { background: url(../images/cms/Privacy-Policy.jpg); background-repeat: no-repeat; min-height: 600px } .disclaimer { background: url(../images/cms/Disclaimer.jpg); background-repeat: no-repeat; min-height: 600px } .outer { margin: 0 auto; max-width: 400px } #big .item { background: #fff; padding: 0; margin: 2px; color: #fff; border-radius: 2px; text-align: center } #thumbs .item { background: #c9c9c9; height: 60px; line-height: 60px; padding: 0; margin: 2px; color: #fff; border-radius: 2px; text-align: center; cursor: pointer } #thumbs .item h1 { font-size: 18px } #thumbs .current .item { background: #ff5722 } .owl-theme .owl-nav [class*=owl-] { -webkit-transition: all .3s ease; transition: all .3s ease } .owl-theme .owl-nav [class*=owl-].disabled:hover { background-color: #d6d6d6 } #big.owl-theme { position: relative } #big.owl-theme .owl-next, #big.owl-theme .owl-prev { background: rgba(0, 0, 0, .6); width: 50px; line-height: 50px; height: 50px; margin-top: -20px; position: absolute; text-align: center; top: 50%; color: #fff; border-radius: 50% } #big.owl-theme .owl-prev { left: 10px } #big.owl-theme .owl-next { right: 10px } #thumbs.owl-theme .owl-next, #thumbs.owl-theme .owl-prev { background: #333 } div#thumbs .item img { height: 70px; width: 100px } div#thumbs .owl-dots { display: none } #big img { height: 256px } #big.owl-theme { position: relative; height: 260px } .thumbnail-sliderout { max-width: 400px; float: left; width: 400px } .wellness_centerlist li h4 { font-size: 18px; font-weight: 600; text-align: left; line-height: 26px } .thumbnail-right-content h4 { font-size: 18px; font-weight: 600; text-align: left; line-height: 26px } .thumbnail-right-content p { text-align: left; font-size: 15px } .thumbnail-right-content p { margin-bottom: 10px !important } .thumbnail-right-content { float: left; padding: 4px 0 0 14px } .thumbnail-right-content { float: left; padding: 4px 0 0 14px; width: 58% } #big .owl-nav { display: block !important } .center-list-slides { float: left; width: 100%; margin: 12px 0 0; border-bottom: 1px solid #e7e7e7; padding: 0 0 14px } .center-details-list-section { float: left; width: 100%; padding: 130px 0 30px } .wellness_centerlist h5 { padding: 18px 0 14px; font-size: 21px; font-weight: 700 } .Filter-inner .form-check { width: 100%; float: left } .Filter-inner { display: inline-block; width: 100%; margin: 6px 0 } a.view-detils { margin: 6px 10px 0 0 } .Centers-Listcvr { border-bottom: 1px solid #f3f3f3 } .filters-left { display: inline-block; width: 100%; padding: 0 14px 0 0 } select.state-dropdown { display: inline-block; width: 100%; padding: 0 4px; min-height: 40px; border: 1px solid #a1a1a1; border-radius: 4px; font-size: 15px; color: #2c2c2c } .center-Facilities { display: inline-block; width: 100%; padding: 20px 0 } label.fac { font-size: 18px; margin: 0 0 10px; color: #e34202; width: 100% } .filters-left h5 { color: #e34202 } section.Facilities-section { float: left; width: 100%; background: #f9f5e9; padding: 24px 0 40px } h5.Facilities-hd { text-align: center; font-size: 26px; float: left; width: 100%; margin: 0 0 24px } .Facilities-tiles h5 { display: inline-block; width: 100%; margin: 6px 0 10px } section.about-obj { display: inline-block; width: 100%; background: #f9f5e9; padding: 30px 0 40px } .about-obj h3 { font-size: 24px; margin: 0 0 14px } .our-leadership h4 { text-align: center; font-size: 26px; color: #4c4c4c; padding: 18px 0 14px } .img-cvr { float: right } .img-cvr img.img-fluid { border: 4px solid #f7f3e7; float: right; max-width: 92% } .leadership-cvr h5 { margin: 0 0 4px; color: #4c4c4c; font-size: 18px } .row.space-leadership { padding: 30px 0 } .row.space-leadership .img-cvr img.img-fluid { border: 4px solid #f7f3e7; float: left; max-width: 92% } .thumbnail-sliderout img { border: 1px solid #f3f3f3; border-radius: 2px } button.btn.call-btn { background: #f37e55; color: #fff; margin: 18px 0 0; font-weight: 600 } .btn-check:focus+.btn, .btn:focus { outline: 0; box-shadow: none } .Treatment-modal .modal-header { padding: 6px 16px; background: #517434; color: #fff } .Treatment-modal .modal-title { margin-bottom: 0; line-height: 1.5; font-size: 16PX; text-align: center; align-items: center; color: #fff } .Treatment-modal .modal-header .btn-close { padding: 6px 7px; margin: -.5rem -.5rem -.5rem auto; background-color: #fff; opacity: 1; color: #d3d3d3; border-radius: 4px; font-size: 9px } .Treatment-modal .modal-content { border: none } .Treatment-modal button.btn.btn-submit { margin: 30px 0 0; font-size: 16px; padding: 8px 30px; background: #517434 } .Treatment-modal .form-label { margin-bottom: 2px } .Guidelines-wrapper { display: inline-block; width: 100%; background: #f9f5e9; padding: 20px 0; margin: 10px 0 0 } span.star { color: #f51313 } .Treatment-modal .form-control { padding: 4px 12px; font-size: 14px; border: 1px solid #c1c1c1; margin: 0 0 4px; } .Treatment-modal .modal-body { padding: 6px 14px; } .Treatment-modal .form-select { padding: 2px 6px; } .Treatment-modal label { font-size: 14px; } .diet-images img { border: 2px solid #f9f5e9; transition: all 0.4s ease-out; } .diet-images img:hover { border: 2px solid #a7a7a7; transform: scale(1.1); transition: all 0.4s ease-out; } section.center-details-listt { float: left; width: 100%; } .gallery-section-detials .single-gallery-item { min-height: 112px; border: 1px solid #dfdfdf; } .gallery-section-detials .single-gallery-item a { border-radius: 5px; min-height: 140px; display: flex; } .gallery-section-detials h4.gallery-txt { padding: 20px 6px 2px; } .testomonial-client { background: #f9f5e9; width: 100%; min-height: 222px; border-radius: 2px; text-align: -webkit-center; padding: 10px 12px; display: flex; align-items: center; justify-content: center; } .testomonial-client .owl-dots { position: absolute; right: 0; left: 0; bottom: -104px; } .testomonial-client .owl-theme .owl-dots .owl-dot span { border-radius: 30px; } section.gallery-section-detials { display: inline-block; width: 100%; margin: 2px 0 30px; } .Weather-info { border: 1px solid #ededed; padding: 16px 16px; border-radius: 2px; } section.Weather-details { display: inline-block; width: 100%; margin: 10px 0 30px; } .Weather-info .owl-nav { display: block; } .Weather-info { border: 1px solid #ededed; padding: 16px 16px; border-radius: 2px; position: relative; } .Weather-info .owl-nav span { font-size: 21px; background: #f37e55; padding: 1px 12px 6px; line-height: 18px; font-weight: 800; color: #fff; border-radius: 2px; } .Weather-info button.owl-prev { position: absolute; left: -30px; top: 40px; } .Weather-info button.owl-next { position: absolute; right: -30px; top: 40px; } .Weather-info .item { border-right: 1px solid #e3e3e3; text-align: center; } .Weather-info .item p { text-align: center !important; } section.Weather-details { display: inline-block; width: 100%; background: #f9f5e9; padding: 22px 0; } section.Weather-details h4.gallery-txt { font-size: 19px; } .center-video { display: inline-block; width: 100%; } .center-video h4.gallery-txt { font-size: 19px; } section.add-address { width: 100%; background: #f9f5e9; float: left; } .address-wrapper-left { float: left; width: 50%; } .address-wrapper-right { float: left; width: 50%; margin: 0 0 20px; } .address-wrapper { float: left; width: 100%; padding: 40px 0; } .center-video iframe { border: 0; float: left; width: 100%; } .center-contatc b { font-size: 15px; display: inline-block; margin: 5px 0 0; } .center-contatc p { margin: 0; } .center-video video { border: 1px solid #f7f4e8; background: #f8f4e8; } .Treatment-list li { width: 48%; float: left; line-height: 24px; font-size: 16px; background: #f1f1f1; margin: 2px; padding: 6px 6px 7px; border-radius: 2px; color: #404040; font-weight: 600; } ul.Treatment-list { margin: 0; padding: 0; list-style: none; text-align: left; } .Facilities-tiles p { margin: 0; } .Facilities-tiles { float: left; width: 100%; text-align: center; background: #fff; padding: 14px; border-radius: 4px; box-shadow: 0 2px 6px rgb(0 0 0 / 20%); min-height: 410px; } .thumbnail-sliderout-left .item { TEXT-ALIGN: CENTER; } .thumbnail-sliderout-left .item img { width: auto; } .center-list-slides .thumbnail-sliderout-left .item img { width: 400px; height: 250px; } span.opn-date { display: block; color: #fb5716; font-size: 16px; } img.rounded-circle { display: inline-block; } .regnowa.fixed-view { position: relative; left: auto; width: 142px; } .regnowa.fixed-view a { background: #40c161; color: #fff; width: 14%; padding: 8px 0; text-align: center; border-radius: 30px; font-weight: 600; font-size: 16px; min-height: 42px; position: fixed; top: 50%; z-index: 999; right: -73px; transform: rotate(90deg); } .Haridwarmsg span { color: #363636; font-weight: 800; } #notice .modal-header { padding: 0.4rem 1rem; } .weather-forecast img.weather-icon { width: 22%; display: inline-block; } span.min-temperature { display: inline-block; width: 100%; padding: 2px 0; } .center-list-page { padding-top: 16px; border-right: 1px solid #e1e2e3; border-radius: 4px; background-color: #fff; height: auto; position: fixed; bottom: 0; vertical-align: bottom; width: 24%; display: inline-block; min-height: calc(100vh - 80px); } section.socail-media-section { padding: 30px 0 10px; float: left; width: 100%; border-top: 1px solid #dbdbdb; position: relative; background: #fff; } .top-booknow span { font-size: 16px; padding: 3px 5px; display: inline-block; position: relative; top: 2px; font-weight: 700; } .top-booknow a.btn { background: #2cb163; color: #fff; font-weight: 600; text-transform: capitalize; } .top-booknow a.btn:hover { background: #2cb163; color: #fff; font-weight: 600; text-transform: capitalize; } span.book_yours { position: absolute; text-align: center; left: 0; right: 0; font-weight: 600; color: #cf5125; } section.Gallery-wrapper { display: inline-block; width: 100%; margin: 90px 0 0; text-align: center; } section.Gallery-wrapper { display: inline-block; width: 100%; margin: 80px 0 0; text-align: center; } .Gallery-wrapper h4 { font-weight: 600; font-size: 26px; text-transform: capitalize; color: #606060; } .Gallery-wrapperr { position: relative; text-align: center; width: 100%; display: inline-block; } .Gallery-wrapperr { position: relative; width: 100%; text-align: center; } .Gallery-wrapperr.box-hover .Gallery-cont { opacity: 1; } .Gallery-wrapperr.box-hover { background: rgba(0, 0, 0, .5); position: relative; width: 100%; text-align: center; } .gall-bg { height: 200px; position: absolute; top: 0; background: rgba(0, 0, 0, .6); width: 100%; opacity: 0; } .Gallery-wrapperr.box-hover .gall-bg { opacity: 1; } .Gallery-wrapperr h5 { color: #ffffff; text-align: center; margin: 10px 0 0; text-transform: uppercase; } .Gallery-wrapperr p { color: #ffffff; text-align: center; } .Gallery-wrapperr.box-hover a { color: #4c4c4c; background: #ffffff; padding: 8px 14px; border-radius: 2px; font-weight: 600; margin: 10px 0 0; } .Gallery-wrapperr.box-hover span { color: #ffffff; display: block; } .Gallery-cont { position: absolute; top: 0; left: 0; right: 0; opacity: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; height: 155px; } .gall-img img.img-fluid { border-radius: 4px; border: 2px solid #f9f5e9; } .main-navbar .navbar .navbar-nav .nav-item { position: relative; margin-left: 4px; margin-right: 4px; } .address-wrapper-right { text-align: center; } .address-wrapper-right .center-contatc p { margin: 0; } .Weather-info { background: #fff; } .cover-form.job-dis { background: #fdfdfd; padding: 14px 20px; border-radius: 2px; } .cover-form { display: inline-block; width: 100%; border: 2px solid #e7e7e7; } button.btn.btn-submit { background: #328e36; color: #fff; padding: 10px 24px; margin: 10px 0 34px; width: 100%; } section.home-slider.fix.details-mobile { display: none !important; } .address-wrapper-left { float: left; width: 50%; background: #fff; padding: 20px; border-radius: 2px; border: 1px dashed #d3d3d3; min-height: 300px; } .address-wrapper-right { float: left; width: 48%; margin: 0px 10px; background: #fff; padding: 20px; border-radius: 2px; border: 1px dashed #d3d3d3; min-height: 300px; text-align: left; } .marquee-text { background: #299c59; color: #ffffff; font-weight: 600; padding: 2px 0; } section.mob-slider { display: none; } section.ResidenalCenter-outreg { display: inline-block; width: 100%; margin: 36px 0 0; } .job-disinner-left { width: 65%; float: left; } .job-disinner-right { float: right; width: 31%; } .app-form { font-size: 22px; font-weight: 600; text-align: center; border-bottom: 1px solid #d3d3d3; padding: 0 1px 10px; margin: 0 0 8px; } .job-contn .row { display: inline-block; } h4.traning-hd { text-align: center; font-size: 19px; font-weight: 700; } a.btn-applyy { float: right; font-size: 15px; background: #479f4a; padding: 10px 8px; color: #fff; border-radius: 4px; margin: 6px 0 0; } .full-width { width: 100%; margin: 0 0 16px; } .phxyo-img { display: inline-block; } .clr { color: #00acee; } .home-slider a { border-bottom: 1px solid #d3d3d3; } .bank h5, .dets h5 { font-size: 18px; margin: 0; } .center-contatc h6 { margin: 3px 0 0; }