File manager - Edit - /home/asiatechinc/public_html/asiatechinc-websites/ldazescamp.com/assets/css/style.css
Back
@charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@300;400;600;700&display=swap"); @font-face { font-family: 'Futura PT Demi'; src: url("../fonts/FuturaPT-Demi.woff2") format("woff2"), url("../fonts/FuturaPT-Demi.woff") format("woff"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT Demi'; src: url("../fonts/FuturaPT-DemiObl.woff2") format("woff2"), url("../fonts/FuturaPT-DemiObl.woff") format("woff"); font-weight: 600; font-style: italic; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url("../fonts/FuturaPT-HeavyObl.woff2") format("woff2"), url("../fonts/FuturaPT-HeavyObl.woff") format("woff"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url("../fonts/FuturaPT-Heavy.woff2") format("woff2"), url("../fonts/FuturaPT-Heavy.woff") format("woff"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url("../fonts/FuturaPT-Light.woff2") format("woff2"), url("../fonts/FuturaPT-Light.woff") format("woff"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url("../fonts/FuturaPT-LightObl.woff2") format("woff2"), url("../fonts/FuturaPT-LightObl.woff") format("woff"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url("../fonts/FuturaPT-Medium.woff2") format("woff2"), url("../fonts/FuturaPT-Medium.woff") format("woff"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Futura PT'; src: url("../fonts/FuturaPT-MediumObl.woff2") format("woff2"), url("../fonts/FuturaPT-MediumObl.woff") format("woff"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Muli'; src: url(../fonts/Muli.ttf) format("truetype"); font-weight: 600; font-style: normal; } /* #### Generated By: http://www.cufonfonts.com #### */ @font-face { font-family: 'Muli'; font-style: normal; font-weight: 500; src: local("Muli Regular"), url("../fonts/text-font/Muli-Regular.woff") format("woff"); } @font-face { font-family: 'Muli'; font-style: normal; font-weight: 600; src: local("Muli SemiBold"), url("../fonts/text-font/Muli-SemiBold.woff") format("woff"); } @font-face { font-family: 'Muli'; font-style: normal; font-weight: 700; src: local("Muli Bold"), url("../fonts/text-font/Muli-Bold.woff") format("woff"); } /* 1.1 Theme Reset Style */ html { font-size: 15px; } :root { scroll-behavior: unset; } body { font-family: "Muli"; color: #687693; background-color: #fff; font-size: 15px; font-size: 1rem; overflow-x: hidden; } @media (max-width: 767px) { body { font-size: 14px; } } p { font-size: 18px; color: #323232; line-height: 1.6em; } h1, h2, h3, h4, h5, h6 { color: #303443; font-family: "Futura PT"; font-weight: 600; } ul { padding-left: 0; margin: 0; } a { text-decoration: none; -webkit-transition: all 0.2s; transition: all 0.2s; } a:hover { text-decoration: none; } img { max-width: 100%; } .sr-only { display: none !important; opacity: 0; visibility: hidden; } .section-bg { background: #f3f8fc; } /* 1.2 Global Elements */ .page-wrapper { position: relative; overflow: hidden; } .wow { visibility: hidden; } .fi:before { margin: 0; } .section-padding { padding: 80px 0; } @media (max-width: 991px) { .section-padding { padding: 90px 0; } } @media (max-width: 767px) { .section-padding { padding: 80px 0; } } .pt-120 { padding-top: 120px; } @media (max-width: 991px) { .pt-120 { padding-top: 90px; } } @media (max-width: 767px) { .pt-120 { padding-top: 80px; } } .pb-120 { padding-bottom: 120px; } @media (max-width: 991px) { .pb-120 { padding-bottom: 90px; } } @media (max-width: 767px) { .pb-120 { padding-bottom: 80px; } } /*** contact form error handling ***/ .contact-validation-active .error-handling-messages { width: 100% !important; margin-top: 15px !important; } .contact-validation-active label.error { color: red; font-size: 0.93333rem; font-weight: normal; margin: 5px 0 0 0; text-align: left; display: block; } .contact-validation-active #c-loader, .contact-validation-active #loader { display: none; margin-top: 10px; } .contact-validation-active #c-loader i, .contact-validation-active #loader i { font-size: 30px; font-size: 2rem; color: #d7ab4c; display: inline-block; -webkit-animation: rotating linear 2s infinite; animation: rotating linear 2s infinite; } .contact-validation-active #success, .contact-validation-active #c-success, .contact-validation-active #c-error, .contact-validation-active #error { width: 100%; color: #fff; padding: 5px 10px; font-size: 16px; text-align: center; display: none; } @media (max-width: 767px) { .contact-validation-active #success, .contact-validation-active #c-success, .contact-validation-active #c-error, .contact-validation-active #error { font-size: 15px; } } .contact-validation-active #c-success, .contact-validation-active #success { background-color: #009a00; border-left: 5px solid green; margin-bottom: 5px; } .contact-validation-active #c-error, .contact-validation-active #error { background-color: #ff1a1a; border-left: 5px solid red; } @-webkit-keyframes rotating { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotating { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .rotating { -webkit-animation: rotating 5s alternate infinite; animation: rotating 5s alternate infinite; } /*** back to top **/ .back-to-top { background-color: rgba(252, 76, 76, 0.7); width: 45px; height: 45px; line-height: 45px; border: 2px solid #d7ab4c; border-radius: 45px; text-align: center; display: none; position: fixed; z-index: 999; right: 15px; bottom: 15px; -webkit-transition: all 0.2s; transition: all 0.2s; } @media (max-width: 991px) { .back-to-top { width: 35px; height: 35px; line-height: 35px; } } .back-to-top:hover { background-color: #d7ab4c; } .back-to-top i { font-size: 18px; font-size: 1.2rem; color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } /** for popup image ***/ .mfp-wrap { background-color: rgba(0, 0, 0, 0.9); z-index: 99999; } .mfp-with-zoom .mfp-container, .mfp-with-zoom.mfp-bg { opacity: 0; -webkit-backface-visibility: hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; } .mfp-with-zoom.mfp-ready .mfp-container { opacity: 1; } .mfp-with-zoom.mfp-ready.mfp-bg { opacity: 0.8; } .mfp-with-zoom.mfp-removing .mfp-container, .mfp-with-zoom.mfp-removing.mfp-bg { opacity: 0; } /*** for fancybox video ***/ .fancybox-overlay { background: rgba(0, 0, 0, 0.9); z-index: 9999 !important; } .fancybox-wrap { z-index: 99999 !important; } .ui-widget.ui-widget-content { -webkit-box-shadow: 0px 1px 13.5px 1.5px rgba(46, 49, 108, 0.08); box-shadow: 0px 1px 13.5px 1.5px rgba(46, 49, 108, 0.08); border: none; padding: 10px; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #e3e3e3; background: #f9f9f9; font-weight: normal; color: #454545; text-align: center; } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #e3d9d9; background: #7f91a6; color: #ffffff; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #d7ab4c; background: #d7ab4c; font-weight: normal; color: #ffffff; } .wpo-section-title, .wpo-section-title-s2 { margin-bottom: 30px; } @media (max-width: 767px) { .wpo-section-title, .wpo-section-title-s2 { margin-bottom: 40px; } } .wpo-section-title span, .wpo-section-title-s2 span { text-transform: uppercase; font-size: 20px; color: #d7ab4c; font-family: "Futura PT"; } .wpo-section-title h2, .wpo-section-title-s2 h2 { font-size: 40px; line-height: 45px; margin: 0; position: relative; text-transform: capitalize; font-family: "Futura PT"; font-weight: 600; margin-top: 0; margin-bottom: 15px; } @media (max-width: 1400px) { .wpo-section-title h2, .wpo-section-title-s2 h2 { font-size: 40px; line-height: 40px; } } @media (max-width: 991px) { .wpo-section-title h2, .wpo-section-title-s2 h2 { font-size: 32px; line-height: 40px; margin-bottom: 15px; } } @media (max-width: 767px) { .wpo-section-title h2, .wpo-section-title-s2 h2 { font-size: 32px; line-height: 40px; } } @media (max-width: 330px) { .wpo-section-title h2, .wpo-section-title-s2 h2 { font-size: 30px; } } .wpo-section-title p, .wpo-section-title-s2 p { font-size: 18px; max-width: 540px; margin-bottom: 0; } .wpo-section-title .btns, .wpo-section-title-s2 .btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 767px) { .wpo-section-title .btns, .wpo-section-title-s2 .btns { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 20px; } } .wpo-section-title .btns a, .wpo-section-title-s2 .btns a { border: 1px solid #d7ab4c; width: 180px; height: 45px; display: block; text-align: center; line-height: 45px; font-size: 20px; font-weight: 600; color: #d7ab4c; border-radius: 10px; } .wpo-section-title .btns a:hover, .wpo-section-title-s2 .btns a:hover { background: #d7ab4c; color: #fff; } .wpo-section-title-s2 { text-align: center; } .wpo-section-title-s2 p { margin: 0 auto; } .theme-btn, .view-cart-btn { background: #d7ab4c; color: #fff; display: inline-block; font-weight: 600; padding: 15px 45px; border: 0; border-radius: 6px; text-transform: capitalize; -webkit-backface-visibility: hidden; z-index: 1; position: relative; font-size: 16px; font-size: 1.06667rem; } .theme-btn:after, .view-cart-btn:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; background: #8e1717; -webkit-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; opacity: 0; z-index: -1; border-radius: 6px; } .theme-btn:hover, .view-cart-btn:hover, .theme-btn:focus, .view-cart-btn:focus, .theme-btn:active, .view-cart-btn:active { background: #911d1d; color: #fff; } .theme-btn:hover:after, .view-cart-btn:hover:after { opacity: 1; } @media (max-width: 991px) { .theme-btn, .view-cart-btn { font-size: 18px; font-size: 1.2rem; } } @media (max-width: 767px) { .theme-btn, .view-cart-btn { padding: 12px 18px; font-size: 14px; } } .theme-btn-s2 { background: #fff; color: #585858; display: inline-block; padding: 12px 22px; border: 1px solid #d7ab4c; border-radius: 55px; text-transform: capitalize; z-index: 1; position: relative; } .theme-btn-s2:after { position: absolute; content: ''; top: 0; left: 0; width: 100%; height: 100%; border-radius: 55px; background: -webkit-gradient(linear, left top, right top, from(#00ded8), to(#00a7d5)); background: linear-gradient(left, #00ded8, #00a7d5); -webkit-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; opacity: 0; z-index: -1; } @media (max-width: 991px) { .theme-btn-s2 { font-size: 14px; font-size: 0.93333rem; } } .theme-btn-s2:hover, .theme-btn-s2:focus, .theme-btn-s2:active { background: #911d1d; color: #fff; } .theme-btn-s2:hover:after { opacity: 1; } @media (max-width: 767px) { .theme-btn-s2 { padding: 12px 18px; font-size: 13px; } } .view-cart-btn { display: block; margin-top: 15px; border-radius: 5px; padding: 10px 45px; } .view-cart-btn:after { display: none; } .view-cart-btn:hover { background-color: #8e1717; } .view-cart-btn.s1 { background: #ddd; } .view-cart-btn.s1:hover { background-color: #c9c9c9; } .form input, .form textarea, .form select { border-color: #bfbfbf; border-radius: 0; outline: 0; -webkit-box-shadow: none; box-shadow: none; color: #595959; font-style: normal; } .form input:focus, .form textarea:focus, .form select:focus { border-color: #d7ab4c; -webkit-box-shadow: 0 0 5px 0 #fd7e7e; -o-box-shadow: 0 0 5px 0 #fd7e7e; -ms-box-shadow: 0 0 5px 0 #fd7e7e; box-shadow: 0 0 5px 0 #fd7e7e; } .form ::-webkit-input-placeholder { font-style: 14px; font-style: italic; color: #595959; } .form :-moz-placeholder { font-style: 14px; font-style: italic; color: #595959; } .form ::-moz-placeholder { font-style: 14px; font-style: italic; color: #595959; } .form :-ms-input-placeholder { font-style: 14px; font-style: italic; color: #595959; } .form select { font-style: normal; background: url(../images/select-icon.png) no-repeat right center; display: inline-block; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; cursor: pointer; } .form select::-ms-expand { /* for IE 11 */ display: none; } .form ::-webkit-input-placeholder { /* Edge */ font-style: normal; } .form :-ms-input-placeholder { /* Internet Explorer 10-11 */ font-style: normal; } .form ::-ms-input-placeholder { font-style: normal; } .form ::placeholder { font-style: normal; } .social-links { overflow: hidden; } .social-links li { float: left; width: 35px; height: 35px; margin-right: 1px; } .social-links li a { background-color: #fd7e7e; width: 35px; height: 35px; line-height: 35px; display: block; color: #fff; text-align: center; } .social-links li a:hover { background-color: #d7ab4c; } .wpo-breadcumb-area { background: url(../images/page-title.jpg) no-repeat center top/cover; min-height: 350px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; z-index: 1; } @media (max-width: 767px) { .wpo-breadcumb-area { min-height: 250px; } } .wpo-breadcumb-area:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgb(59 59 59 / 70%); content: ""; z-index: -1; } .wpo-breadcumb-area .wpo-breadcumb-wrap { text-align: center; margin-top:60px; } .wpo-breadcumb-area .wpo-breadcumb-wrap h2 { font-size: 50px; color: #fff; line-height: 50px; margin-top: -10px; margin-bottom: 10px; margin-top: 20px; } @media (max-width: 767px) { .wpo-breadcumb-area .wpo-breadcumb-wrap h2 { font-size: 30px; line-height: 35px; margin-bottom: 10px; } } .wpo-breadcumb-area .wpo-breadcumb-wrap ul li { display: inline-block; padding: 0px 5px; color: #fff; position: relative; font-size: 20px; } @media (max-width: 767px) { .wpo-breadcumb-area .wpo-breadcumb-wrap ul li { font-size: 18px; } } .wpo-breadcumb-area .wpo-breadcumb-wrap ul li:after { content: "/"; position: relative; left: 7px; } .wpo-breadcumb-area .wpo-breadcumb-wrap ul li:last-child span { color: #cbd4fd; } .wpo-breadcumb-area .wpo-breadcumb-wrap ul li:last-child:after { display: none; } .wpo-breadcumb-area .wpo-breadcumb-wrap ul li a { color: #fff; font-size: 20px; -webkit-transition: all .3s; transition: all .3s; } .wpo-breadcumb-area .wpo-breadcumb-wrap ul li a:hover { color: #d7ab4c; } .wpo-about-section.wpo-about-section-s2 { padding-top: 170px; } .preloader { background-color: #fff; width: 100%; height: 100%; position: fixed; z-index: 999999; overflow: hidden; } .preloader .vertical-centered-box { position: absolute; width: 100%; height: 100%; text-align: center; } .preloader .vertical-centered-box:after { content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.25em; } .preloader .vertical-centered-box .content { -webkit-box-sizing: border-box; box-sizing: border-box; display: inline-block; vertical-align: middle; text-align: left; font-size: 0; } .preloader * { -webkit-transition: all 0.3s; transition: all 0.3s; } .preloader .loader-circle { position: absolute; left: 50%; top: 50%; width: 120px; height: 120px; border-radius: 50%; -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); margin-left: -60px; margin-top: -60px; } .preloader .loader-line-mask { position: absolute; left: 50%; top: 50%; width: 60px; height: 120px; margin-left: -60px; margin-top: -60px; overflow: hidden; -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; -webkit-mask-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0)); -webkit-animation: rotate 1.2s infinite linear; animation: rotate 1.2s infinite linear; } .preloader .loader-line-mask .loader-line { width: 120px; height: 120px; border-radius: 50%; -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.5); } .preloader #particles-background, .preloader #particles-foreground { left: -51%; top: -51%; width: 202%; height: 202%; -webkit-transform: scale3d(0.5, 0.5, 1); transform: scale3d(0.5, 0.5, 1); } .preloader #particles-background { background: #2c2d44; background-image: linear-gradient(45deg, #3f3251 2%, #002025 100%); } .preloader lesshat-selector { -lh-property: 0; } @-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @keyframes rotate { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .preloader [not-existing] { zoom: 1; } .preloader lesshat-selector { -lh-property: 0; } @-webkit-keyframes fade { 0% { opacity: 1; } 50% { opacity: 0.25; } } @keyframes fade { 0% { opacity: 1; } 50% { opacity: 0.25; } } .preloader [not-existing] { zoom: 1; } .preloader lesshat-selector { -lh-property: 0; } @-webkit-keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } .preloader [not-existing] { zoom: 1; } /*------------------------------------ blog sidebar ------------------------------------*/ .blog-sidebar { /*** search-widget ***/ /*** about-widget ***/ /*** category-widget ***/ /*** recent-post-widget ***/ /*** instagram-widget ***/ /*** tag-widget ***/ /*** wpo-contact-widget ***/ } @media screen and (min-width: 992px) { .blog-sidebar { padding-left: 45px; } } @media (max-width: 991px) { .blog-sidebar { margin-top: 80px; max-width: 400px; } } @media (max-width: 767px) { .blog-sidebar { margin-top: 60px; max-width: 400px; } } .blog-sidebar .widget h3 { font-size: 23px; font-size: 1.53333rem; color: #303443; margin: 0 0 1.3em; position: relative; text-transform: capitalize; font-family: "Futura PT"; padding-bottom: 20px; font-weight: 700; } .blog-sidebar .widget h3:before { content: ""; background-color: #d7ab4c; width: 55px; height: 4px; position: absolute; left: 0; bottom: 0; border-radius: 10px; } .blog-sidebar .widget h3:after { content: ""; background-color: #f2f2f2; width: 80%; height: 4px; position: absolute; left: 65px; bottom: 0; border-radius: 10px; } .blog-sidebar > .widget + .widget { margin-top: 65px; } .blog-sidebar .search-widget form div { position: relative; } .blog-sidebar .search-widget input { background-color: rgba(252, 76, 76, 0.15); height: 70px; font-size: 16px; font-size: 1.06667rem; padding: 6px 50px 6px 20px; border: 0; border-radius: 5px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.3s; transition: all 0.3s; } .blog-sidebar .search-widget input:focus { background-color: rgba(252, 76, 76, 0.1); } .blog-sidebar .search-widget form button { background: transparent; font-size: 20px; font-size: 1.33333rem; color: #fff; background-color: #d7ab4c; border: 0; outline: 0; position: absolute; right: 10px; top: 52%; height: 50px; line-height: 50px; width: 50px; border-radius: 6px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .blog-sidebar .about-widget { text-align: center; background-color: #f3f8fc; padding: 45px; position: relative; z-index: 1; } @media (max-width: 1200px) { .blog-sidebar .about-widget { padding: 35px; } } .blog-sidebar .about-widget .aw-shape { position: absolute; right: 0; top: 0; z-index: -1; } .blog-sidebar .about-widget .img-holder { margin-bottom: 25px; } .blog-sidebar .about-widget .img-holder img { border-radius: 50%; width: 100%; max-width: 200px; } .blog-sidebar .about-widget ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .blog-sidebar .about-widget ul li { margin-right: 10px; } .blog-sidebar .about-widget ul li:last-child { margin-right: 0; } .blog-sidebar .about-widget ul li a { text-decoration: none; display: block; width: 40px; height: 40px; line-height: 44px; background-color: #f1f1f1; border-radius: 50%; } .blog-sidebar .about-widget h4 { font-size: 25px; font-weight: 700; margin-bottom: 15px; } .blog-sidebar .about-widget p { font-size: 15px; font-size: 1rem; margin-bottom: 1.2em; } .blog-sidebar .about-widget a { font-family: "Futura PT"; font-size: 14px; font-size: 0.93333rem; color: #303443; text-decoration: underline; } .blog-sidebar .about-widget a:hover { color: #d7ab4c; } .blog-sidebar .category-widget ul { list-style: none; } .blog-sidebar .category-widget ul li { font-size: 19px; font-size: 1.26667rem; position: relative; } @media (max-width: 767px) { .blog-sidebar .category-widget ul li { font-size: 16px; font-size: 1.06667rem; } } .blog-sidebar .category-widget ul li span { position: absolute; right: 0; } .blog-sidebar .category-widget ul > li + li { margin-top: 12px; padding-top: 12px; } .blog-sidebar .category-widget ul a { display: block; color: #474f62; font-size: 16px; } .blog-sidebar .category-widget ul a span { display: inline-block; width: 30px; height: 30px; line-height: 30px; background-color: #f3f8fc; text-align: center; border-radius: 50%; font-size: 18px; } @media (max-width: 767px) { .blog-sidebar .category-widget ul a span { font-size: 14px; font-size: 0.93333rem; } } .blog-sidebar .category-widget ul a:hover, .blog-sidebar .category-widget ul li:hover:before { color: #d7ab4c; } .blog-sidebar .recent-post-widget .post { overflow: hidden; } .blog-sidebar .recent-post-widget .posts > .post + .post { margin-top: 15px; padding-top: 15px; } .blog-sidebar .recent-post-widget .post .img-holder { width: 90px; float: left; } .blog-sidebar .recent-post-widget .post .img-holder img { border-radius: 6px; } .blog-sidebar .recent-post-widget .post .details { width: calc(100% - 90px); float: left; padding-left: 20px; } .blog-sidebar .recent-post-widget .post h4 { font-size: 18px; font-size: 1.2rem; font-weight: 600; line-height: 1.3em; margin: 0 0 0.3em; font-family: "Muli"; } @media (max-width: 1199px) { .blog-sidebar .recent-post-widget .post h4 { margin: 0; } } @media (max-width: 767px) { .blog-sidebar .recent-post-widget .post h4 { font-size: 16px; font-size: 1.06667rem; } } .blog-sidebar .recent-post-widget .post h4 a { display: inline-block; color: #303443; } .blog-sidebar .recent-post-widget .post h4 a:hover { color: #d7ab4c; } .blog-sidebar .recent-post-widget .post .details .date { font-size: 13px; font-size: 0.86667rem; color: #585858; } .blog-sidebar .recent-post-widget .post .details .date i { display: inline-block; padding-right: 7px; } .blog-sidebar .wpo-instagram-widget ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; list-style: none; } .blog-sidebar .wpo-instagram-widget ul li { -ms-flex: 0 0 33.33%; -webkit-box-flex: 0; flex: 0 0 33.33%; max-width: 33.33%; margin-bottom: 5px; padding: 0px 3px; } .blog-sidebar .wpo-instagram-widget ul li img { width: 100%; border-radius: 6px; } .blog-sidebar .tag-widget ul { overflow: hidden; list-style: none; } .blog-sidebar .tag-widget ul li { float: left; margin: 0 8px 8px 0; } .blog-sidebar .tag-widget ul li a { font-size: 15px; font-size: 1rem; display: inline-block; padding: 5px 18px; color: #303443; background: #ecf4fb; border-radius: 5px; } .blog-sidebar .tag-widget ul li a:hover { background: #d7ab4c; color: #fff; } .blog-sidebar .wpo-contact-widget { border: 0; background: url(../images/bg-2.jpg) no-repeat center center; position: relative; background-size: cover; z-index: 1; padding: 30px 40px; } .blog-sidebar .wpo-contact-widget:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(48, 52, 67, 0.92); content: ""; z-index: -1; } @media (max-width: 1200px) { .blog-sidebar .wpo-contact-widget { padding: 20px; } } .blog-sidebar .wpo-contact-widget h2 { font-size: 36px; font-weight: 700; text-align: left; color: #fff; margin-bottom: 20px; } .blog-sidebar .wpo-contact-widget h2::before { left: 28px; background: url(../images/Single-title-shape2.html) no-repeat right center; } .blog-sidebar .wpo-contact-widget p { color: #fff; font-size: 18px; } .blog-sidebar .wpo-contact-widget a { display: inline-block; padding: 10px 20px; border: 1px solid #fff; font-size: 18px; color: #fff; padding-right: 90px; position: relative; margin-top: 10px; } .blog-sidebar .wpo-contact-widget a::before { font-family: "themify"; content: "\e628"; font-size: 18px; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (min-width: 992px) { .wpo-blog-pg-section.blog-pg-left-sidebar .blog-sidebar { padding-left: 0px; padding-right: 45px; } } @media screen and (min-width: 992px) { .wpo-blog-single-section.wpo-blog-single-left-sidebar-section .blog-sidebar { padding-left: 0px; padding-right: 45px; } } /**** pagination ****/ .pagination-wrapper { text-align: center; margin-top: 60px; } @media (max-width: 991px) { .pagination-wrapper { text-align: left; margin-top: 40px; } } .pagination-wrapper .pg-pagination { display: inline-block; overflow: hidden; list-style-type: none; text-align: center; } .pagination-wrapper .pg-pagination li { float: left; margin-right: 10px; } @media (max-width: 767px) { .pagination-wrapper .pg-pagination li { margin-right: 5px; } } .pagination-wrapper .pg-pagination li:last-child { margin-right: 0; } .pagination-wrapper .pg-pagination li a { background-color: transparent; width: 50px; height: 50px; line-height: 50px; font-size: 16px; font-size: 1.06667rem; font-weight: 600; color: #303443; background: #ebf4fc; display: block; } @media (max-width: 991px) { .pagination-wrapper .pg-pagination li a { width: 40px; height: 40px; line-height: 40px; font-size: 15px; font-size: 1rem; } } .pagination-wrapper .pg-pagination .active a, .pagination-wrapper .pg-pagination li a:hover { background: #d7ab4c; border-color: #d7ab4c; color: #fff; } .pagination-wrapper .pg-pagination .fi:before { font-size: 15px; font-size: 1rem; } .pagination-wrapper-left { text-align: left; } .pagination-wrapper-right { text-align: right; } @media screen and (min-width: 1200px) { .pagination-wrapper-right { padding-right: 50px; } } @media (max-width: 991px) { .pagination-wrapper-right { margin-top: 45px; text-align: left; } } /*-------------------------------------------------------------- 2. header --------------------------------------------------------------*/ /*-- 2.1 topbar --*/ .topbar { position: relative; } .topbar:before { position: absolute; left: -8%; bottom: 0; width: 118%; height: 1px; background: #ddd; content: ""; } @media (max-width: 991px) { .topbar { text-align: center; padding: 0; } } @media (max-width: 767px) { .header-style-1 { text-align: center; padding: 20px 0; } } .topbar { font-size: 16px; color: #e5e3e3; margin: 0; } .topbar ul { overflow: hidden; list-style: none; float: right; margin-bottom: 0; } @media (max-width: 991px) { .topbar ul { float: none; display: inline-block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } } .topbar ul li { font-size: 16px; float: left; padding: 10px 5px; color: #323232; line-height: 1em; } @media (max-width: 991px) { .topbar ul li { padding: 15px 10px; } } .topbar .contact-intro ul li { padding: 10px 10px; } @media (max-width: 991px) { .topbar .contact-intro ul li { padding: 15px 6px; } } @media (max-width: 768px) { .topbar .contact-intro ul li { padding: 5px 4px; } } @media (min-width: 991px) { .topbar .contact-intro ul li + li { border-left: 1px solid rgba(255, 255, 255, 0.3); } } .topbar .contact-intro ul li:first-child i { position: relative; top: 4px; } @media (min-width: 991px) { .topbar .contact-info ul li.language { border-right: 1px solid rgba(255, 255, 255, 0.3); } } .topbar .contact-info ul li.language select { background: none; border: none; color: #fff; margin-top: -5px; height: 20px; } .topbar .contact-info ul li.language select option { color: #303443; } .topbar .contact-info ul li.language select:focus { outline: none; } .topbar .contact-info ul li a { color: #fff; } .topbar .contact-info ul li a:hover { color: #7db1f0; } .topbar ul li:first-child { padding-left: 0; } .topbar .contact-intro ul { float: none; margin-bottom: 0; } @media (max-width: 1200px) { .topbar ul li { font-size: 12px; padding: 15px 10px; } } @media (max-width: 991px) { .topbar ul li { font-size: 13px; } .topbar { padding: 10px 0; } .topbar ul li { font-size: 12px; padding: 15px 5px; } .topbar ul li.fi:before { font-size: 12px; } } @media (max-width: 767px) { .topbar ul li { float: left; border: none; padding: 8px 6px; font-size: 13px; } } @media (max-width: 590px) { .topbar ul li { float: none; } .topbar .contact-info ul li { float: left; } .topbar ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .topbar .theme-btn-s2 { padding: 15px 20px; font-size: 14px; font-weight: 600; margin-bottom: -3px; color: #fff !important; } .topbar ul .fi { position: relative; top: 1px; display: inline-block; padding-right: 3px; } .topbar ul .fi:before { font-size: 15px; font-size: 1rem; color: #323232; } /* 2.2 navigation */ .wpo-site-header { /* navigation open and close btn hide for width screen */ /* style for navigation less than 992px */ /*navbar collaps less then 992px*/ /*** cart-search-contact ***/ background-color: transparent; position: absolute; left: 0; width: 100%; z-index: 99; } .wpo-site-header .navigation { background-color: transparent; margin-bottom: 0; padding: 0; border: 0; border-radius: 0; } .sticky-header { width: 100%; position: fixed; left: 0; top: -400px; z-index: 9999; opacity: 0; visibility: hidden; -webkit-transition: all 1s; transition: all 1s; -webkit-box-shadow: 0 -5px 15px #086ad84a; box-shadow: 0 -5px 15px #086ad84a; } .sticky-on { opacity: 1; top: 0; visibility: visible; } .wpo-site-header .navigation > .container { position: relative; } @media (min-width: 991px) { .wpo-site-header { padding: 0 130px; } } .wpo-site-header .row { width: 100%; } @media (max-width: 991px) { .wpo-site-header .navigation { padding: 20px 0; } } .wpo-site-header #navbar { -webkit-transition: all 0.5s; transition: all 0.5s; } .wpo-site-header #navbar > ul li a:hover, .wpo-site-header #navbar > ul li a:focus { text-decoration: none; color: #d7ab4c; } @media screen and (min-width: 992px) { .wpo-site-header #navbar { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .wpo-site-header #navbar li { position: relative; } .wpo-site-header #navbar > ul > li > a:before { position: absolute; left: 0; top: 0; width: 100%; height: 4px; background: #d7ab4c; content: ""; opacity: 0; visibility: hidden; -webkit-transition: all .3s; transition: all .3s; border-radius: 3px; } .wpo-site-header #navbar > ul > li > a:hover:before, .wpo-site-header #navbar > ul > li > a.active:before { opacity: 1; visibility: visible; } .wpo-site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a { position: relative; } .wpo-site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a:before { font-family: "themify"; content: "\e649"; font-size: 11px; font-size: 0.73333rem; position: absolute; right: 15px; top: 58%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .wpo-site-header #navbar > ul > li:hover > .sub-menu { top: 100%; visibility: visible; opacity: 1; } .wpo-site-header #navbar .sub-menu > li:hover > .sub-menu { left: 100%; visibility: visible; opacity: 1; } } .wpo-site-header .container-fluid { padding-right: 0; } @media (max-width: 991px) { .wpo-site-header { /* class for show hide navigation */ } .wpo-site-header .container { width: 100%; max-width: 100%; } .wpo-site-header .header-right { right: -10px; } .wpo-site-header .navbar-header button span { background-color: #fff; width: 20px; display: block; height: 2px; margin-bottom: 5px; } .wpo-site-header .navbar-header button span:last-child { margin: 0; } } .wpo-site-header #navbar ul { list-style: none; } @media (max-width: 991px) and (max-width: 991px) { .wpo-site-header #navbar { top: 0; visibility: visible; opacity: 1; } } @media (max-width: 991px) { .wpo-site-header #navbar > ul { z-index: 101; } .wpo-site-header #navbar ul a { color: #000; } .wpo-site-header #navbar ul a:hover, .wpo-site-header #navbar ul li.current a { color: #d7ab4c; } .wpo-site-header #navbar .close-navbar .ti-close { position: relative; top: 1px; } .wpo-site-header .navbar-toggler .first-angle, .wpo-site-header .navbar-toggler .last-angle { -webkit-transition: all 0.3s; transition: all 0.3s; } .wpo-site-header .x-close .middle-angle { opacity: 0; } .wpo-site-header .x-close .first-angle { position: absolute; -webkit-transform: rotate(-44deg); top: 16px; left: 10px; } .wpo-site-header .x-close .last-angle { -webkit-transform: rotate(44deg); position: absolute; top: 16px; right: 10px; } } @media (max-width: 767px) { .wpo-site-header .navbar-header .navbar-brand { font-size: 24px; } .wpo-site-header #navbar .navbar-nav { margin: 0; } } @media (max-width: 991px) { .wpo-site-header .navbar-collapse.collapse { display: none; } .wpo-site-header .navbar-collapse.collapse.in { display: block; } .wpo-site-header .navbar-header .collapse, .wpo-site-header .navbar-toggle { display: block; } .wpo-site-header .navbar-header { float: none; position: relative; z-index: 99; text-align: center; } .wpo-site-header .navbar-right { float: none; } .wpo-site-header .navbar-nav { float: none; } .wpo-site-header .navbar-nav > li { float: none; } } .wpo-site-header .header-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; z-index: 991; position: relative; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wpo-site-header .header-right button { padding: 0; border: 0; outline: 0; } .wpo-site-header .header-right > div { float: left; position: relative; margin-right: 8px; } @media (max-width: 450px) { .wpo-site-header .header-right > div { margin-right: 10px; } .wpo-site-header .header-right { right: -30px; } } .wpo-site-header .header-right > div:last-child { margin: 0 0 0 10px; position: relative; } @media (max-width: 767px) { .wpo-site-header .header-right > div:last-child { margin: 3px 0 0 10px; } } .wpo-site-header .header-right .header-search-form-wrapper { position: relative; } .wpo-site-header .header-right .header-search-form-wrapper .fi:before { font-size: 18px; } @media (max-width: 450px) { .wpo-site-header .header-right .cart-toggle-btn { display: none; } } .wpo-site-header .header-right .search-toggle-btn, .wpo-site-header .header-right .cart-toggle-btn { background-color: rgba(7, 1, 67, 0.05); line-height: 0.66em; color: #232f4b; width: 50px; height: 50px; border: 0; border-radius: 50%; } @media (max-width: 1200px) { .wpo-site-header .header-right .search-toggle-btn, .wpo-site-header .header-right .cart-toggle-btn { width: 50px; height: 50px; } } @media (max-width: 991px) { .wpo-site-header .header-right .search-toggle-btn, .wpo-site-header .header-right .cart-toggle-btn { width: 40px; height: 40px; background: #fff; } } @media (max-width: 991px) { .wpo-site-header .header-right .search-toggle-btn .fi:before, .wpo-site-header .header-right .cart-toggle-btn .fi:before { font-size: 16px; } } .wpo-site-header .header-right .search-toggle-btn .ti-close, .wpo-site-header .header-right .cart-toggle-btn .ti-close { display: block; line-height: 20px; position: relative; top: -2px; } /*** cart-search-contact ***/ .cart-search-contact button { background: transparent; padding: 0; border: 0; outline: 0; } .cart-search-contact .fi { font-size: 30px; font-size: 2rem; color: #303443; } .cart-search-contact > div { float: left; position: relative; } .cart-search-contact > div + div { margin-left: 12px; } .cart-search-contact .header-search-form { position: absolute; width: 350px; right: 0; top: 75px; -webkit-transform: scale(0); transform: scale(0); opacity: 0; visibility: hidden; background: #fff; padding: 30px; border-radius: 6px; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-box-shadow: -2px 18px 40px -9px #999999; box-shadow: -2px 18px 40px -9px #999999; } @media (max-width: 991px) { .cart-search-contact .header-search-form { top: 65px; } } @media (max-width: 767px) { .cart-search-contact .header-search-form { right: 15px; } } @media (max-width: 575px) { .cart-search-contact .header-search-form { width: 260px; padding: 15px; } } .cart-search-contact .header-search-form-wrapper .fi:before { font-size: 18px; font-size: 1.2rem; } .cart-search-contact form div { position: relative; } .cart-search-contact form div button { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .cart-search-contact form div button .fi:before { font-size: 18px !important; } .cart-search-contact input { width: 100%; height: 50px; padding: 6px 20px; border: 0; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; border: 1px solid #e9e9e9; } .cart-search-contact input:focus { -webkit-box-shadow: none; box-shadow: none; border-color: #d7ab4c; } .wpo-site-header .header-right .header-search-content-toggle { opacity: 1; visibility: visible; right: 0; -webkit-transform: scale(1); transform: scale(1); } .mini-cart .cart-count { background: #d7ab4c; width: 19px; height: 19px; font-size: 10px; font-size: 0.53333rem; line-height: 17px; color: white; position: absolute; top: -2px; right: -5px; border-radius: 50%; font-weight: 600; } .mini-cart-content { background: #fff; width: 320px; height: 100%; z-index: 100; position: fixed; right: -320px; top: 0; opacity: 0; visibility: hidden; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-box-shadow: -2px 18px 40px -9px #999999; box-shadow: -2px 18px 40px -9px #999999; } @media (max-width: 575px) { .mini-cart-content { width: 290px; } } .mini-cart-content .mini-cart-close { display: block; width: 40px; height: 40px; background-color: #333333; color: white; font-size: 0px; text-align: center; overflow: hidden; position: relative; float: right; line-height: 54px; border-radius: 3px; right: 10px; top: 20px; } .mini-cart-content .mini-cart-close i { font-size: 15px; } .mini-cart-content p { font-size: 15px; font-size: 1rem; font-weight: 500; color: #303443; margin: 0; text-transform: uppercase; } .mini-cart-content .mini-cart-items { padding: 100px 20px 25px; } .mini-cart-content .mini-cart-item { padding-top: 15px; margin-top: 15px; border-top: 1px solid #efefef; } .mini-cart-content .mini-cart-item:first-child { padding-top: 0; margin-top: 0; border-top: 0; } .mini-cart-content .mini-cart-item-image { width: 50px; height: 50px; border: 2px solid #f3f3f3; float: left; margin-right: 15px; } .mini-cart-content .mini-cart-item-image a, .mini-cart-content .mini-cart-item-image img { display: block; width: 46px; height: 46px; } .mini-cart-content .mini-cart-item-des { position: relative; overflow: hidden; } .mini-cart-content .mini-cart-item-des a { font-size: 14px; font-size: 0.93333rem; font-weight: 600; text-align: left; color: #303443; } .mini-cart-content .mini-cart-item-des a:hover { color: #d7ab4c; } .mini-cart-content .mini-cart-item-des .mini-cart-item-price { font-size: 13px; font-size: 0.86667rem; color: #888; display: block; margin-top: 3px; } .mini-cart-content .mini-cart-item-des .mini-cart-item-quantity { font-size: 12px; font-size: 0.8rem; color: #444; display: block; position: absolute; right: 0; top: 6px; } .mini-cart-content .visible-icon { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 300px; height: 300px; opacity: .02; z-index: -1; } .mini-cart-content .mini-cart-action { padding: 20px 0 30px; text-align: center; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .mini-cart-content .mini-cart-action .theme-btn-s2 { float: right; } .mini-cart-content .mini-cart-action .mini-btn { width: 240px; } .mini-cart-content .mini-cart-action .mini-checkout-price { font-size: 16px; font-size: 1.06667rem; font-weight: 600; color: #303443; display: block; margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .mini-cart-content .mini-cart-action .mini-checkout-price span { color: #d7ab4c; font-size: 20px; } .mini-cart-content-toggle, .mini-wislist-content-toggle { opacity: 1; visibility: visible; right: 0; } @media (max-width: 991px) { .page-wrapper { -webkit-transition: all 0.3s; transition: all 0.3s; } .body-overlay:before { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.9); position: absolute; left: 0; top: 0; z-index: 10; -webkit-transition: all 0.3s; transition: all 0.3s; } } .header-search-area { background: #fff; width: 100%; padding: 100px 0; text-align: center; position: fixed; left: 0; top: 0; z-index: 999; } .header-search-area h3 { font-size: 45px; margin: 0 0 1em; } .header-search-area form { position: relative; } .header-search-area input { height: 50px; font-size: 18px; font-size: 1.2rem; border-radius: 0; border: 0; border-bottom: 1px solid #d0d0d0; -webkit-box-shadow: none; box-shadow: none; } .header-search-area input:focus { -webkit-box-shadow: none; box-shadow: none; border-color: #d7ab4c; } .header-search-area form button { background: transparent; border: 0; font-size: 20px; font-size: 1.33333rem; position: absolute; right: 0; bottom: 10px; } .header-search-area form button:focus { border: none; outline: none; } .header-search-area .close-form { position: absolute; right: 35px; top: 35px; bottom: auto; padding-bottom: 5px; border-bottom: 1px solid; } .header-search-area .close-form button { background: transparent; border: 0; outline: 0; font-size: 13px; font-size: 0.86667rem; text-transform: uppercase; color: #000; letter-spacing: 2px; z-index: 99; } .header-search-area .close-form button:focus { border: 0; outline: 0; } .wpo-site-header { /* navigation open and close btn hide for width screen */ /* style for navigation less than 992px */ /*navbar collaps less then 992px*/ } .wpo-site-header .navigation { background-color: transparent; margin-bottom: 0; padding: 0; border: 0; border-radius: 0; } .wpo-site-header .navigation > .container { position: relative; } @media (max-width: 991px) { .wpo-site-header .navigation { padding: 20px 0; } } .wpo-site-header #navbar { -webkit-transition: all 0.5s; transition: all 0.5s; } .wpo-site-header #navbar > ul li a:hover, .wpo-site-header #navbar > ul li a:focus { text-decoration: none; color: #911d1d; } @media screen and (min-width: 992px) { .wpo-site-header #navbar { /*** hover effect ***/ } .wpo-site-header #navbar li { position: relative; } .wpo-site-header #navbar > ul > li > a { font-size: 16px; padding: 35px 20px; display: block; color: #232f4b; font-weight: 700; position: relative; } } @media screen and (min-width: 992px) and (max-width: 1870px) { .wpo-site-header #navbar > ul > li > a { padding: 35px 18px; } } @media screen and (min-width: 992px) { .wpo-site-header #navbar > ul .sub-menu { background-color: #fff; -webkit-box-shadow: 0px 2px 20px 0px rgba(62, 65, 159, 0.09); box-shadow: 0px 2px 20px 0px rgba(62, 65, 159, 0.09); width: 225px; position: absolute; padding: 10px 0; left: 0; top: 110%; z-index: 10; visibility: hidden; opacity: 0; -webkit-transition: all 0.3s; transition: all 0.3s; } .wpo-site-header #navbar > ul > li .sub-menu a { font-size: 16px; font-size: 1.06667rem; display: block; padding: 10px 15px; color: #303443; position: relative; overflow: hidden; font-weight: 700; } .wpo-site-header #navbar > ul > li .sub-menu a:after { position: absolute; left: 15px; bottom: 4px; width: 0px; height: 2px; content: ""; background: #d7ab4c; -webkit-transition: all .3s; transition: all .3s; opacity: 0; visibility: hidden; } .wpo-site-header #navbar > ul > li .sub-menu a:hover:after, .wpo-site-header #navbar > ul > li .sub-menu a.active:after { width: 40px; opacity: 1; visibility: visible; } .wpo-site-header #navbar > ul > li > .sub-menu .sub-menu { left: 110%; top: 0; } } @media screen and (min-width: 992px) and (max-width: 1700px) { .wpo-site-header #navbar > ul > li > .sub-menu .sub-menu { left: auto; right: 110%; } } @media screen and (min-width: 992px) { .wpo-site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a { position: relative; } .wpo-site-header #navbar > ul > li > .sub-menu > .menu-item-has-children > a:before { font-family: "themify"; content: "\e649"; font-size: 11px; font-size: 0.73333rem; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .wpo-site-header #navbar > ul > li:hover > .sub-menu { top: 100%; visibility: visible; opacity: 1; } .wpo-site-header #navbar .sub-menu > li:hover > .sub-menu { left: 100%; visibility: visible; opacity: 1; } } @media screen and (min-width: 992px) and (max-width: 1700px) { .wpo-site-header #navbar .sub-menu > li:hover > .sub-menu { left: auto; right: 100%; } } @media (max-width: 991px) { .wpo-site-header #navbar > ul > li a { display: block; font-size: 15px; font-size: 1rem; color: #fff; font-weight: 600; } .wpo-site-header #navbar > ul > li a:hover, .wpo-site-header #navbar > ul > li a.active { color: #fff; } .wpo-site-header #navbar > ul .sub-menu > li:last-child { border-bottom: 0; } .wpo-site-header #navbar > ul > li > .sub-menu a { padding: 8px 15px 8px 45px; } .wpo-site-header #navbar > ul > li > .sub-menu .sub-menu a { padding: 8px 15px 8px 65px; } .wpo-site-header #navbar > ul .menu-item-has-children > a { position: relative; color: #ddd; } .wpo-site-header #navbar > ul .menu-item-has-children > a:hover, .wpo-site-header #navbar > ul .menu-item-has-children > a.active { color: #fff; } .wpo-site-header #navbar > ul .menu-item-has-children > a:before { font-family: "themify"; content: "\e649"; font-size: 11px; font-size: 0.73333rem; position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all 0.3s; transition: all 0.3s; } .wpo-site-header #navbar > ul .menu-item-has-children > a.rotate:before { -webkit-transform: rotate(90deg); transform: rotate(90deg); top: 29%; } .wpo-site-header #navbar > ul .menu-item-has-children > a.rotate { color: #fff; } } @media screen and (min-width: 992px) { .wpo-site-header .navbar-header .open-btn { display: none; } .wpo-site-header #navbar .close-navbar { display: none; } } .wpo-site-header .menu-close { display: none; } @media (max-width: 991px) { .wpo-site-header { /* class for show hide navigation */ } .wpo-site-header .container { width: 100%; } .wpo-site-header .mobail-menu button { background-color: #d7ab4c; width: 40px; height: 35px; border: 0; padding: 5px 10px; outline: 0; position: relative; z-index: 20; } .wpo-site-header .mobail-menu button:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .wpo-site-header .mobail-menu button span { background-color: #fff; width: 20px; display: block; height: 2px; margin-bottom: 5px; } .wpo-site-header .mobail-menu button span:last-child { margin: 0; } .wpo-site-header #navbar { background: #323232; display: block !important; width: 300px; height: 100%; margin: 0; padding: 0; border: 0; position: fixed; left: -320px; top: 0px; z-index: 999999; opacity: 0; visibility: hidden; } .wpo-site-header #navbar .navbar-nav { display: block; } .wpo-site-header #navbar > ul { position: relative; z-index: 101; } .wpo-site-header #navbar ul a { color: #000; } .wpo-site-header #navbar ul a:hover, .wpo-site-header #navbar ul li.current a { color: #d7ab4c; } .wpo-site-header #navbar .navbar-nav { height: 100%; overflow: auto; padding-bottom: 60px; } .wpo-site-header #navbar .close-navbar { background-color: #fff; width: 40px; height: 40px; color: #000; border: 0; outline: none; position: absolute; left: -41px; top: 90px; z-index: 20; } .wpo-site-header #navbar .close-navbar .ti-close { position: relative; top: 1px; } .wpo-site-header .menu-close { display: block; z-index: 99; background: none; text-align: center; color: #fff; border: 0; text-align: center; margin-left: auto; margin-top: 30px; margin-right: 30px; margin-bottom: 30px; width: 40px; height: 40px; line-height: 40px; border: 1px solid #fff; } .wpo-site-header .slideInn { left: 0 !important; opacity: 1 !important; visibility: visible !important; } .wpo-site-header .navbar-toggler .first-angle, .wpo-site-header .navbar-toggler .last-angle { -webkit-transition: all 0.3s; transition: all 0.3s; } .wpo-site-header .x-close .middle-angle { opacity: 0; } .wpo-site-header .x-close .first-angle { position: absolute; -webkit-transform: rotate(-44deg); top: 16px; left: 10px; } .wpo-site-header .x-close .last-angle { -webkit-transform: rotate(44deg); position: absolute; top: 16px; right: 10px; } } @media (max-width: 767px) { .wpo-site-header .navbar-header .navbar-brand { font-size: 24px; } .wpo-site-header #navbar .navbar-nav { margin: 0; } } @media (max-width: 991px) { .wpo-site-header .navbar-collapse.collapse { display: none; } .wpo-site-header .navbar-collapse.collapse.in { display: block; } .wpo-site-header .navbar-header .collapse, .wpo-site-header .navbar-toggle { display: block; } .wpo-site-header .navbar-header { float: none; } .wpo-site-header .navbar-right { float: none; } .wpo-site-header .navbar-nav { float: none; } .wpo-site-header .navbar-nav > li { float: none; } } @media (max-width: 1400px) { .wpo-site-header #navbar { padding-right: 40px; } } @media (max-width: 991px) { .wpo-site-header #navbar { padding-right: 0px; } } @media (max-width: 440px) { .wpo-site-header .navbar-header .navbar-brand img { max-width: 170px; } } @media (max-width: 370px) { .wpo-site-header .navbar-header .navbar-brand img { max-width: 140px; } } @media (max-width: 1700px) { .wpo-site-header { padding: 0 30px; } } @media (max-width: 1500px) { .wpo-site-header #navbar > ul > li > a { padding: 30px 15px; } .wpo-site-header { padding: 0 10px; } } @media (max-width: 1400px) { .wpo-site-header #navbar > ul > li > a { padding: 30px 10px; font-size: 18px; } } @media (max-width: 1200px) { .wpo-site-header #navbar > ul > li > a { padding: 30px 6px; font-size: 16px; } .wpo-site-header .header-right .theme-btn, .wpo-site-header .header-right .view-cart-btn { display: none; } } @media (max-width: 991px) { .wpo-site-header #navbar > ul > li > a { font-size: 15px; } } @media (max-width: 767px) { .header-right .theme-btn, .header-right .view-cart-btn { padding: 20px 12px; } .wpo-site-header .header-right .close-form { display: none; } } .wpo-header-style-2 { position: absolute; left: 0; width: 100%; z-index: 999; background: #fff; } .wpo-header-style-2 .navigation { background: transparent; } .wpo-header-style-2 .navigation.sticky-on { background: #29395b; } .wpo-header-style-2 #navbar > ul > li > a { color: #323232; } .wpo-header-style-2 .header-right .cart-toggle-btn, .wpo-header-style-2 .header-right .search-toggle-btn { background-color: rgba(255, 255, 255, 0.1); color: #fff; } .wpo-header-style-2 .header-right .cart-toggle-btn .fi, .wpo-header-style-2 .header-right .search-toggle-btn .fi { color: #fff; } @media (max-width: 991px) { .wpo-site-header #navbar > ul > li > a { padding: 15px 30px; color:#fff; } } @media (max-width: 991px) { .wpo-site-header, .wpo-header-style-2 { z-index: 99999; } } .wpo-site-header .navigation .logo-2 { display: none; } .wpo-site-header .navigation.sticky-header { padding: 0 130px; background: #fff; } .wpo-site-header .navigation.sticky-header .logo-2 { display: inherit; } .wpo-site-header .navigation.sticky-header .logo-1 { display: none; } @media (max-width: 1700px) { .wpo-site-header .navigation.sticky-header { padding: 0 50px; } } @media (max-width: 1400px) { .wpo-site-header .navigation.sticky-header { padding: 0 20px; } } @media (max-width: 991px) { .wpo-site-header .navigation.sticky-header { padding: 20px; } } @media (max-width: 575px) { .wpo-site-header .navigation.sticky-header { padding: 20px 10px; } } .wpo-header-style-2 .navigation.sticky-on { background: #fff; } .wpo-header-style-3 { position: relative; } @media (max-width: 991px) { .wpo-header-style-3 .header-right .search-toggle-btn, .wpo-header-style-3 .header-right .cart-toggle-btn { background-color: rgba(7, 1, 67, 0.05); } } /*-------------------------------------------------------------- 3. content --------------------------------------------------------------*/ /*3.1 wpo-hero-slider*/ .wpo-hero-slider, .static-hero, .hero-style-3 { width: 100%; height: 900px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 0; } @media (max-width: 991px) { .wpo-hero-slider, .static-hero, .hero-style-3 { height: 600px; } } @media (max-width: 767px) { .wpo-hero-slider, .static-hero, .hero-style-3 { height: 500px; } } .wpo-hero-slider .swiper-slide, .static-hero .swiper-slide, .hero-style-3 .swiper-slide { overflow: hidden; } .wpo-hero-slider .swiper-container, .wpo-hero-slider .hero-container, .static-hero .swiper-container, .static-hero .hero-container, .hero-style-3 .swiper-container, .hero-style-3 .hero-container { width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .wpo-hero-slider .slide-inner, .wpo-hero-slider .hero-inner, .static-hero .slide-inner, .static-hero .hero-inner, .hero-style-3 .slide-inner, .hero-style-3 .hero-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-size: cover; background-position: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; } .wpo-hero-slider .slide-inner:before, .wpo-hero-slider .hero-inner:before, .static-hero .slide-inner:before, .static-hero .hero-inner:before, .hero-style-3 .slide-inner:before, .hero-style-3 .hero-inner:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #040128; content: ""; opacity: .2; } .wpo-hero-slider .slide-inner .slide-content, .wpo-hero-slider .hero-inner .slide-content, .static-hero .slide-inner .slide-content, .static-hero .hero-inner .slide-content, .hero-style-3 .slide-inner .slide-content, .hero-style-3 .hero-inner .slide-content { padding-bottom: 85px; padding-left: 240px; } @media (max-width: 1700px) { .wpo-hero-slider .slide-inner .slide-content, .wpo-hero-slider .hero-inner .slide-content, .static-hero .slide-inner .slide-content, .static-hero .hero-inner .slide-content, .hero-style-3 .slide-inner .slide-content, .hero-style-3 .hero-inner .slide-content { padding-left: 140px; } } @media (max-width: 991px) { .wpo-hero-slider .slide-inner .slide-content, .wpo-hero-slider .hero-inner .slide-content, .static-hero .slide-inner .slide-content, .static-hero .hero-inner .slide-content, .hero-style-3 .slide-inner .slide-content, .hero-style-3 .hero-inner .slide-content { padding-bottom: 0; padding-left: 30px; } } @media (max-width: 767px) { .wpo-hero-slider .slide-inner .slide-content, .wpo-hero-slider .hero-inner .slide-content, .static-hero .slide-inner .slide-content, .static-hero .hero-inner .slide-content, .hero-style-3 .slide-inner .slide-content, .hero-style-3 .hero-inner .slide-content { padding-left: 10px; } } .wpo-hero-slider .swiper-button-prev, .wpo-hero-slider .swiper-button-next, .static-hero .swiper-button-prev, .static-hero .swiper-button-next, .hero-style-3 .swiper-button-prev, .hero-style-3 .swiper-button-next { background: rgba(255, 255, 255, 0.2); width: 60px; height: 60px; line-height: 60px; border: 2px solid #fff; border-radius: 50%; opacity: 0.7; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s; } .wpo-hero-slider .swiper-button-prev:hover, .wpo-hero-slider .swiper-button-next:hover, .static-hero .swiper-button-prev:hover, .static-hero .swiper-button-next:hover, .hero-style-3 .swiper-button-prev:hover, .hero-style-3 .swiper-button-next:hover { opacity: 0.9; } @media (max-width: 767px) { .wpo-hero-slider .swiper-button-prev, .wpo-hero-slider .swiper-button-next, .static-hero .swiper-button-prev, .static-hero .swiper-button-next, .hero-style-3 .swiper-button-prev, .hero-style-3 .swiper-button-next { display: none; } } .wpo-hero-slider .swiper-button-prev, .static-hero .swiper-button-prev, .hero-style-3 .swiper-button-prev { left: 25px; } .wpo-hero-slider .swiper-button-prev:before, .static-hero .swiper-button-prev:before, .hero-style-3 .swiper-button-prev:before { font-family: "themify"; content: "\e629"; font-size: 20px; color: #fff; } .wpo-hero-slider .swiper-button-next, .static-hero .swiper-button-next, .hero-style-3 .swiper-button-next { right: 25px; } .wpo-hero-slider .swiper-button-next:before, .static-hero .swiper-button-next:before, .hero-style-3 .swiper-button-next:before { font-family: "themify"; content: "\e628"; font-size: 20px; color: #fff; } @media (max-width: 991px) { .wpo-hero-slider .swiper-button-prev, .wpo-hero-slider .swiper-button-next, .static-hero .swiper-button-prev, .static-hero .swiper-button-next, .hero-style-3 .swiper-button-prev, .hero-style-3 .swiper-button-next { display: none; } } .wpo-hero-slider .swiper-pagination-bullet, .static-hero .swiper-pagination-bullet, .hero-style-3 .swiper-pagination-bullet { width: 12px; height: 12px; text-align: center; line-height: 12px; font-size: 12px; color: #000; opacity: 1; background: rgba(255, 255, 255, 0.2); } @media screen and (min-width: 992px) { .wpo-hero-slider .swiper-pagination-bullet, .static-hero .swiper-pagination-bullet, .hero-style-3 .swiper-pagination-bullet { display: none; } } .wpo-hero-slider .swiper-pagination-bullet-active, .static-hero .swiper-pagination-bullet-active, .hero-style-3 .swiper-pagination-bullet-active { color: #fff; background: #fff; width: 12px; height: 12px; text-align: center; line-height: 12px; } .wpo-hero-slider .swiper-container-horizontal > .swiper-pagination-bullets, .wpo-hero-slider .swiper-pagination-custom, .wpo-hero-slider .swiper-pagination-fraction, .static-hero .swiper-container-horizontal > .swiper-pagination-bullets, .static-hero .swiper-pagination-custom, .static-hero .swiper-pagination-fraction, .hero-style-3 .swiper-container-horizontal > .swiper-pagination-bullets, .hero-style-3 .swiper-pagination-custom, .hero-style-3 .swiper-pagination-fraction { bottom: 30px; } .wpo-hero-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .static-hero .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .hero-style-3 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 8px; } .wpo-hero-slider .theme-btn, .wpo-hero-slider .view-cart-btn, .static-hero .theme-btn, .static-hero .view-cart-btn, .hero-style-3 .theme-btn, .hero-style-3 .view-cart-btn { border-radius: 0; } .wpo-hero-slider .theme-btn:after, .wpo-hero-slider .view-cart-btn:after, .static-hero .theme-btn:after, .static-hero .view-cart-btn:after, .hero-style-3 .theme-btn:after, .hero-style-3 .view-cart-btn:after { border-radius: 0; } @media (max-width: 1199px) { .wpo-hero-slider, .static-hero, .hero-style-3 { height: 680px; } } @media (max-width: 991px) { .wpo-hero-slider, .static-hero, .hero-style-3 { height: 600px; } } @media (max-width: 767px) { .wpo-hero-slider, .static-hero, .hero-style-3 { height: 500px; } } .wpo-hero-slider .gradient-overlay, .static-hero .gradient-overlay, .hero-style-3 .gradient-overlay { background: -webkit-gradient(linear, left top, right top, color-stop(45%, #303443), color-stop(65%, transparent)); background: linear-gradient(left, #303443 45%, transparent 65%); width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 10; opacity: .6; } .wpo-hero-slider .gradient-overlay + .container, .static-hero .gradient-overlay + .container, .hero-style-3 .gradient-overlay + .container { position: relative; z-index: 11; } .wpo-hero-slider .swiper-slide, .static-hero .swiper-slide, .hero-style-3 .swiper-slide { position: relative; z-index: 11; } .wpo-hero-slider .wpo-hero-title-top span, .static-hero .wpo-hero-title-top span, .hero-style-3 .wpo-hero-title-top span { font-size: 22px; color: #e4e4e4; font-family: "Futura PT"; } @media (max-width: 767px) { .wpo-hero-slider .wpo-hero-title-top span, .static-hero .wpo-hero-title-top span, .hero-style-3 .wpo-hero-title-top span { font-size: 15px; } } .wpo-hero-slider .slide-title, .static-hero .slide-title, .hero-style-3 .slide-title { max-width: 712px; } @media (max-width: 1199px) { .wpo-hero-slider .slide-title, .static-hero .slide-title, .hero-style-3 .slide-title { max-width: 555px; } } .wpo-hero-slider .slide-title h2, .static-hero .slide-title h2, .hero-style-3 .slide-title h2 { font-size: 70px; font-weight: 900; line-height: 90px; margin: 10px 0 15px; color: #fff; } @media (max-width: 1199px) { .wpo-hero-slider .slide-title h2, .static-hero .slide-title h2, .hero-style-3 .slide-title h2 { font-size: 50px; font-size: 3.33333rem; line-height: 60px; } } @media (max-width: 991px) { .wpo-hero-slider .slide-title h2, .static-hero .slide-title h2, .hero-style-3 .slide-title h2 { font-size: 40px; font-size: 2.66667rem; line-height: 55px; } } @media (max-width: 767px) { .wpo-hero-slider .slide-title h2, .static-hero .slide-title h2, .hero-style-3 .slide-title h2 { font-size: 30px; font-size: 2rem; line-height: 36px; } } .wpo-hero-slider .slide-text, .static-hero .slide-text, .hero-style-3 .slide-text { max-width: 680px; } @media (max-width: 767px) { .wpo-hero-slider .slide-text, .static-hero .slide-text, .hero-style-3 .slide-text { max-width: 500px; } } .wpo-hero-slider .slide-text p, .static-hero .slide-text p, .hero-style-3 .slide-text p { font-size: 22px; color: #fff; line-height: 35px; max-width: 680px; margin-bottom: 40px; color: #e2e2e2; } @media (max-width: 991px) { .wpo-hero-slider .slide-text p, .static-hero .slide-text p, .hero-style-3 .slide-text p { font-size: 18px; font-size: 1.2rem; } } @media (max-width: 767px) { .wpo-hero-slider .slide-text p, .static-hero .slide-text p, .hero-style-3 .slide-text p { font-size: 16px; font-size: 1.06667rem; line-height: 22px; margin-bottom: 30px; } } .wpo-hero-slider .slide-btns .hero-video-btn, .static-hero .slide-btns .hero-video-btn, .hero-style-3 .slide-btns .hero-video-btn { margin-left: 40px; } @media (max-width: 767px) { .wpo-hero-slider .slide-btns .hero-video-btn, .static-hero .slide-btns .hero-video-btn, .hero-style-3 .slide-btns .hero-video-btn { margin-left: 20px; } } /*------------------------------------------- hero style 1 --------------------------------------------*/ .static-hero { background: #f3fcff; height: 915px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 0; overflow: hidden; } .static-hero .left-img { position: absolute; left: 0; top: 0; width: 50%; height: 100%; background: url(../images/slider/1.jpg) no-repeat center center; } @media (max-width: 1200px) { .static-hero .left-img { width: 48%; } } @media (max-width: 991px) { .static-hero .left-img { width: 100%; } } .static-hero .left-img:before { position: absolute; right: 0; top: 0; height: 100%; width: 350px; background: url(../images/slider/shape-1.png) no-repeat center center; content: ""; } @media (max-width: 991px) { .static-hero .left-img:before { background: rgba(0, 0, 0, 0.6); width: 100%; } } @media (max-width: 1199px) { .static-hero { height: 680px; } } @media (max-width: 991px) { .static-hero { height: 600px; } } @media (max-width: 767px) { .static-hero { height: 500px; } } .static-hero .hero-inner .container { position: relative; } .static-hero .hero-inner::before { display: none; } @media (max-width: 1400px) { .static-hero .slide-text p { max-width: 600px; } } @media screen and (min-width: 992px) { .static-hero .swiper-slide .container { padding-top: 10px; } } .static-hero .slide-btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .static-hero .wpo-slide-content { text-align: center; } @media (max-width: 991px) { .static-hero .wpo-slide-content { padding-top: 60px; } } .static-hero .wpo-slide-content .slide-title { max-width: 550px; margin: 0 auto; } .static-hero .wpo-slide-content .slide-title h2 { color: #303443; margin-bottom: 40px; } @media (max-width: 991px) { .static-hero .wpo-slide-content .slide-title h2 { color: #fff; } } .static-hero .wpo-slide-content .slide-title h2 span { color: #d7ab4c; } .static-hero .wpo-slide-content .slide-btns { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @-webkit-keyframes spineer { from { -webkit-box-shadow: 0 0 0 0 rgba(48, 52, 67, 0.99); box-shadow: 0 0 0 0 rgba(48, 52, 67, 0.99); } to { -webkit-box-shadow: 0 0 0 45px rgba(48, 52, 67, 0.01); box-shadow: 0 0 0 45px rgba(48, 52, 67, 0.01); } } @keyframes spineer { from { -webkit-box-shadow: 0 0 0 0 rgba(48, 52, 67, 0.99); box-shadow: 0 0 0 0 rgba(48, 52, 67, 0.99); } to { -webkit-box-shadow: 0 0 0 45px rgba(48, 52, 67, 0.01); box-shadow: 0 0 0 45px rgba(48, 52, 67, 0.01); } } .wpo-hero-slider .slide-content { margin-top: 150px; } .wpo-hero-slider .slide-content .slide-title { max-width: 800px; } .wpo-hero-slider .slide-content .slide-title h2 { font-size: 60px; line-height: 60px; margin-bottom: 30px; } @media (max-width: 1199px) { .wpo-hero-slider .slide-content .slide-title h2 { font-size: 70px; font-size: 4.66667rem; line-height: 75px; } } @media (max-width: 991px) { .wpo-hero-slider .slide-content .slide-title h2 { font-size: 50px; font-size: 3.33333rem; line-height: 55px; } } @media (max-width: 767px) { .wpo-hero-slider .slide-content .slide-title h2 { font-size: 30px; font-size: 2rem; line-height: 36px; } } .hero-style-3 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #f3fcff; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } .hero-style-3 .wpo-slide-content { padding-top: 40px; } .hero-style-3 .wpo-slide-content h2 { color: #303443; } .hero-style-3 .wpo-slide-content p { font-size: 20px; margin-bottom: 30px; } @media (max-width: 767px) { .hero-style-3 .wpo-slide-content p { font-size: 16px; } } .hero-style-3 .right-vec .right-items-wrap .right-item { position: relative; bottom: -60px; right: -100px; z-index: 1; } @media (max-width: 991px) { .hero-style-3 .right-vec .right-items-wrap .right-item { display: none; } } @media (max-width: 1400px) { .hero-style-3 .right-vec .right-items-wrap .right-item { bottom: -115px; right: -75px; } } @media (max-width: 1200px) { .hero-style-3 .right-vec .right-items-wrap .right-item { bottom: -60px; right: -30px; } } .hero-style-3 .right-vec .right-items-wrap .right-item .r-img img { border-radius: 335px 335px 0px 0px; } .hero-style-3 .right-vec .right-items-wrap .right-item .sp-1 { position: absolute; left: 0; top: 100px; z-index: -1; -webkit-animation: bounceTop 3s linear infinite; animation: bounceTop 3s linear infinite; } @media (max-width: 1200px) { .hero-style-3 .right-vec .right-items-wrap .right-item .sp-1 { top: 40px; } } .hero-style-3 .right-vec .right-items-wrap .right-item .sp-2 { position: absolute; left: -50px; bottom: 100px; z-index: -1; -webkit-animation: rotate3d 5s linear infinite; animation: rotate3d 5s linear infinite; } @media (max-width: 1200px) { .hero-style-3 .right-vec .right-items-wrap .right-item .sp-2 { bottom: 40px; } } .hero-style-3 .right-vec .right-items-wrap .right-item .sp-3 { position: absolute; right: -80px; top: 20%; z-index: -1; -webkit-animation: rotate3d 6s linear infinite; animation: rotate3d 6s linear infinite; } @media (max-width: 1200px) { .hero-style-3 .right-vec .right-items-wrap .right-item .sp-3 { right: -30px; } } .hero-style-3 .right-vec .right-items-wrap .right-item .sp-4 { position: absolute; right: -50px; bottom: 0; z-index: -1; -webkit-animation: bounceTop 3s linear infinite; animation: bounceTop 3s linear infinite; } @media (max-width: 1200px) { .hero-style-3 .right-vec .right-items-wrap .right-item .sp-4 { right: -35px; } } .hero-style-3 .visible-text { position: absolute; left: 0; bottom: 0; } @media (max-width: 991px) { .hero-style-3 .visible-text { display: none; } } .hero-style-3 .visible-text h2 { font-size: 290px; line-height: 190px; color: #e9f6fa; } @media (max-width: 1800px) { .hero-style-3 .visible-text h2 { font-size: 200px; margin-bottom: 0; line-height: 140px; } } @media (max-width: 1800px) { .hero-style-3 .visible-text h2 { font-size: 150px; margin-bottom: 0; line-height: 100px; } } /*-------------------------------------------------------------- 4. wpo-footer --------------------------------------------------------------*/ .wpo-site-footer { background: #303443; position: relative; font-size: 15px; overflow: hidden; } .wpo-site-footer ul { list-style: none; } .wpo-site-footer p { color: #fff; } .wpo-site-footer li { color: #fff; } .wpo-site-footer .container { position: relative; } .wpo-site-footer .wpo-upper-footer { padding: 60px 0; } @media (max-width: 991px) { .wpo-site-footer .wpo-upper-footer { padding: 60px 0 0; } } @media (max-width: 767px) { .wpo-site-footer .wpo-upper-footer { padding: 60px 0 0; } } @media (max-width: 991px) { .wpo-site-footer .wpo-upper-footer .col { min-height: 235px; margin-bottom: 70px; } } @media (max-width: 767px) { .wpo-site-footer .wpo-upper-footer .col { min-height: auto; margin-bottom: 60px; } } .wpo-site-footer .widget-title { margin-bottom: 30px; } @media (max-width: 767px) { .wpo-site-footer .widget-title { margin-bottom: 20px; } } .wpo-site-footer .widget-title h3 { font-size: 20px; color: #fff; margin: 0; text-transform: uppercase; position: relative; font-family: "Futura PT Demi"; } @media (max-width: 991px) { .wpo-site-footer .widget-title h3 { font-size: 20px; font-size: 1.25rem; } } .wpo-site-footer .about-widget .logo { max-width: 180px; } .wpo-site-footer .about-widget p { margin-bottom: 0.8em; line-height: 1.9em; } .wpo-site-footer .about-widget p:last-child { margin-bottom: 0; } .wpo-site-footer .about-widget ul { overflow: hidden; padding-top: 10px; } .wpo-site-footer .about-widget ul li { font-size: 22px; float: left; } .wpo-site-footer .about-widget ul li a { color: #fff; width: 36px; height: 36px; line-height: 40px; background: rgba(255, 255, 255, 0.1); display: block; text-align: center; border-radius: 50%; font-size: 18px; } .wpo-site-footer .about-widget ul li a:hover { color: #303443; background: #fff; } .wpo-site-footer .about-widget ul li + li { margin-left: 25px; } @media screen and (min-width: 1200px) { .wpo-site-footer .wpo-service-link-widget { padding-left: 50px; } } .wpo-site-footer .link-widget { overflow: hidden; } @media screen and (min-width: 1200px) { .wpo-site-footer .link-widget { padding-left: 75px; } .wpo-site-footer .link-widget.s1 { padding-left: 50px; } } @media (max-width: 1199px) { .wpo-site-footer .link-widget { padding-left: 20px; } } @media (max-width: 991px) { .wpo-site-footer .link-widget { padding-left: 0; } } @media (max-width: 767px) { .wpo-site-footer .link-widget { max-width: 350px; } } .wpo-site-footer .link-widget ul li { position: relative; } .wpo-site-footer .link-widget ul li a { color: #fff; font-size: 17px; } .wpo-site-footer .link-widget ul li a:hover { text-decoration: underline; } .wpo-site-footer .link-widget ul li + li { padding-top: 15px; } .wpo-site-footer .contact-ft { margin-top: 20px; } .wpo-site-footer .contact-ft ul li { padding-bottom: 15px; position: relative; padding-left: 35px; color: #e5e3e3; font-size: 17px; } .wpo-site-footer .contact-ft ul li i { position: absolute; left: 0; top: 0; } .wpo-site-footer .contact-ft ul li .fi:before { font-size: 20px; margin-right: 15px; } .wpo-site-footer .wpo-lower-footer { text-align: center; position: relative; background: #1e2332; } .wpo-site-footer .wpo-lower-footer .row { padding: 20px 0; position: relative; } .wpo-site-footer .wpo-lower-footer .copyright { display: inline-block; font-size: 15px; font-size: 0.9375rem; margin: 0; } .wpo-site-footer .wpo-lower-footer .copyright a { color: #fff; text-decoration: none; } @media (max-width: 991px) { .wpo-site-footer .wpo-lower-footer .copyright { float: none; display: block; } } .sticky-header { width: 100%; position: fixed; left: 0; top: -200px; z-index: 9999; opacity: 0; -webkit-transition: all 0.7s; transition: all 0.7s; } .sticky-on { opacity: 1; top: 0; } /* 3.2 wpo-select-section */ .wpo-select-section, .wpo-select-section-s2 { margin-top: -60px; z-index: 99; position: relative; } @media (max-width: 991px) { .wpo-select-section, .wpo-select-section-s2 { margin-top: 0; padding-top: 80px; } } .wpo-select-section .wpo-select-area, .wpo-select-section-s2 .wpo-select-area { -webkit-box-shadow: 0px 1px 13.5px 1.5px rgba(46, 49, 108, 0.08); box-shadow: 0px 1px 13.5px 1.5px rgba(46, 49, 108, 0.08); background: #fff; padding-left: 10px; border-radius: 60px; } @media (max-width: 991px) { .wpo-select-section .wpo-select-area, .wpo-select-section-s2 .wpo-select-area { padding: 30px; border-radius: 20px; } } @media (max-width: 500px) { .wpo-select-section .wpo-select-area, .wpo-select-section-s2 .wpo-select-area { padding: 10px; } } .wpo-select-section .wpo-select-area form, .wpo-select-section-s2 .wpo-select-area form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 60px; } @media (max-width: 991px) { .wpo-select-section .wpo-select-area form, .wpo-select-section-s2 .wpo-select-area form { display: block; } } .wpo-select-section .wpo-select-area form .date, .wpo-select-section-s2 .wpo-select-area form .date { position: relative; border-right: 2px solid #c8ced4; } @media (max-width: 991px) { .wpo-select-section .wpo-select-area form .date, .wpo-select-section-s2 .wpo-select-area form .date { border-right: 0; border-bottom: 1px solid #c8ced4; } } @media (max-width: 991px) { .wpo-select-section .wpo-select-area form .date:before, .wpo-select-section-s2 .wpo-select-area form .date:before { position: absolute; right: 0; top: 50%; font-family: 'themify'; content: "\e64b"; } } .wpo-select-section .wpo-select-area form .date input, .wpo-select-section-s2 .wpo-select-area form .date input { height: 60px; border: 0; padding: 20px; padding-left: 80px; width: 100%; font-size: 18px; } @media (max-width: 1400px) { .wpo-select-section .wpo-select-area form .date input, .wpo-select-section-s2 .wpo-select-area form .date input { padding-left: 50px; font-size: 18px; } } @media (max-width: 1200px) { .wpo-select-section .wpo-select-area form .date input, .wpo-select-section-s2 .wpo-select-area form .date input { padding-left: 30px; } } .wpo-select-section .wpo-select-area form .date input:focus, .wpo-select-section-s2 .wpo-select-area form .date input:focus { outline: none; } .wpo-select-section .wpo-select-area form .date i, .wpo-select-section-s2 .wpo-select-area form .date i { position: absolute; left: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1200px) { .wpo-select-section .wpo-select-area form .date i, .wpo-select-section-s2 .wpo-select-area form .date i { left: 10px; } } .wpo-select-section .wpo-select-area form .date i.fi:before, .wpo-select-section-s2 .wpo-select-area form .date i.fi:before { font-size: 30px; color: #d7ab4c; } @media (max-width: 1400px) { .wpo-select-section .wpo-select-area form .date i.fi:before, .wpo-select-section-s2 .wpo-select-area form .date i.fi:before { font-size: 20px; } } .wpo-select-section .wpo-select-area form .select-sub, .wpo-select-section-s2 .wpo-select-area form .select-sub { -ms-flex-preferred-size: 20%; flex-basis: 20%; } @media (max-width: 1200px) { .wpo-select-section .wpo-select-area form .select-sub, .wpo-select-section-s2 .wpo-select-area form .select-sub { -ms-flex-preferred-size: 18%; flex-basis: 18%; } } @media (max-width: 991px) { .wpo-select-section .wpo-select-area form .select-sub, .wpo-select-section-s2 .wpo-select-area form .select-sub { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .wpo-select-section .wpo-select-area form .select-sub:nth-child(3), .wpo-select-section-s2 .wpo-select-area form .select-sub:nth-child(3) { -ms-flex-preferred-size: 40%; flex-basis: 40%; } @media (max-width: 1200px) { .wpo-select-section .wpo-select-area form .select-sub:nth-child(3), .wpo-select-section-s2 .wpo-select-area form .select-sub:nth-child(3) { -ms-flex-preferred-size: 46%; flex-basis: 46%; } } .wpo-select-section .wpo-select-area form .select-sub .theme-btn, .wpo-select-section .wpo-select-area form .select-sub .view-cart-btn, .wpo-select-section-s2 .wpo-select-area form .select-sub .theme-btn, .wpo-select-section-s2 .wpo-select-area form .select-sub .view-cart-btn { width: 100%; height: 90px; background: #303443; border-radius: 0; border-top-right-radius: 60px; border-bottom-right-radius: 60px; font-size: 20px; font-family: "Muli"; position: relative; } @media (min-width: 991px) { .wpo-select-section .wpo-select-area form .select-sub .theme-btn, .wpo-select-section .wpo-select-area form .select-sub .view-cart-btn, .wpo-select-section-s2 .wpo-select-area form .select-sub .theme-btn, .wpo-select-section-s2 .wpo-select-area form .select-sub .view-cart-btn { right: -5px; } } @media (max-width: 1400px) { .wpo-select-section .wpo-select-area form .select-sub .theme-btn, .wpo-select-section .wpo-select-area form .select-sub .view-cart-btn, .wpo-select-section-s2 .wpo-select-area form .select-sub .theme-btn, .wpo-select-section-s2 .wpo-select-area form .select-sub .view-cart-btn { font-size: 16px; padding: 15px 30px; height: 100px; } } @media (max-width: 1200px) { .wpo-select-section .wpo-select-area form .select-sub .theme-btn, .wpo-select-section .wpo-select-area form .select-sub .view-cart-btn, .wpo-select-section-s2 .wpo-select-area form .select-sub .theme-btn, .wpo-select-section-s2 .wpo-select-area form .select-sub .view-cart-btn { padding: 15px 15px; } } @media (max-width: 991px) { .wpo-select-section .wpo-select-area form .select-sub .theme-btn, .wpo-select-section .wpo-select-area form .select-sub .view-cart-btn, .wpo-select-section-s2 .wpo-select-area form .select-sub .theme-btn, .wpo-select-section-s2 .wpo-select-area form .select-sub .view-cart-btn { border-radius: 40px; height: unset; margin-top: 30px; } } .wpo-select-section .wpo-select-area form .select-sub .theme-btn:after, .wpo-select-section .wpo-select-area form .select-sub .view-cart-btn:after, .wpo-select-section-s2 .wpo-select-area form .select-sub .theme-btn:after, .wpo-select-section-s2 .wpo-select-area form .select-sub .view-cart-btn:after { border-top-right-radius: 60px; border-bottom-right-radius: 60px; } .wpo-select-section .tourist-group, .wpo-select-section-s2 .tourist-group { -ms-flex-preferred-size: 25%; flex-basis: 25%; background: #fff; position: relative; } .wpo-select-section .tourist-group i, .wpo-select-section-s2 .tourist-group i { position: absolute; right: 10px; top: 50%; } .wpo-select-section .tourist-group-wrap, .wpo-select-section-s2 .tourist-group-wrap { width: 100%; padding: 15px; position: relative; cursor: pointer; } @media (max-width: 991px) { .wpo-select-section .tourist-group-wrap, .wpo-select-section-s2 .tourist-group-wrap { border-bottom: 1px solid #c8ced4; padding-left: 0; } } .wpo-select-section .tourist-group-wrap span, .wpo-select-section-s2 .tourist-group-wrap span { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wpo-select-section .tourist-group-wrap span .icon, .wpo-select-section-s2 .tourist-group-wrap span .icon { margin-right: 10px; } .wpo-select-section .tourist-dropdown, .wpo-select-section-s2 .tourist-dropdown { position: absolute; top: 142%; right: 0; background: #fff; -webkit-box-shadow: 0px 1px 13.5px 1.5px rgba(46, 49, 108, 0.08); box-shadow: 0px 1px 13.5px 1.5px rgba(46, 49, 108, 0.08); padding: 10px; width: 240px; border-radius: 10px; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .3s; transition: all .3s; z-index: 99; } @media (max-width: 991px) { .wpo-select-section .tourist-dropdown, .wpo-select-section-s2 .tourist-dropdown { top: 100%; } } .wpo-select-section .tourist-dropdown.active, .wpo-select-section-s2 .tourist-dropdown.active { -webkit-transform: scale(1); transform: scale(1); } .wpo-select-section .tourist-inner, .wpo-select-section-s2 .tourist-inner { padding-left: 55px; } @media (max-width: 1400px) { .wpo-select-section .tourist-inner, .wpo-select-section-s2 .tourist-inner { padding-left: 30px; } } .wpo-select-section .tourist-inner i, .wpo-select-section-s2 .tourist-inner i { position: absolute; left: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 1400px) { .wpo-select-section .tourist-inner i, .wpo-select-section-s2 .tourist-inner i { left: 15px; } } @media (max-width: 991px) { .wpo-select-section .tourist-inner i, .wpo-select-section-s2 .tourist-inner i { left: 8px; } } .wpo-select-section .tourist-inner i.fi:before, .wpo-select-section-s2 .tourist-inner i.fi:before { font-size: 28px; color: #d7ab4c; } @media (max-width: 1400px) { .wpo-select-section .tourist-inner i.fi:before, .wpo-select-section-s2 .tourist-inner i.fi:before { font-size: 20px; } } .wpo-select-section .tourist-inner i.ti-angle-down, .wpo-select-section-s2 .tourist-inner i.ti-angle-down { left: auto; right: 30px; top: 55%; } @media (max-width: 991px) { .wpo-select-section .tourist-inner i.ti-angle-down, .wpo-select-section-s2 .tourist-inner i.ti-angle-down { right: 0; } } .wpo-select-section .tourist-inner ul, .wpo-select-section-s2 .tourist-inner ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 415px) { .wpo-select-section .tourist-inner ul, .wpo-select-section-s2 .tourist-inner ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .wpo-select-section .tourist-inner ul li, .wpo-select-section-s2 .tourist-inner ul li { font-size: 18px; position: relative; } @media (max-width: 1400px) { .wpo-select-section .tourist-inner ul li, .wpo-select-section-s2 .tourist-inner ul li { font-size: 18px; } } @media (max-width: 415px) { .wpo-select-section .tourist-inner ul li, .wpo-select-section-s2 .tourist-inner ul li { font-size: 14px; } } .wpo-select-section .tourist-inner ul li + li, .wpo-select-section-s2 .tourist-inner ul li + li { padding-left: 25px; } .wpo-select-section .tourist-inner ul li + li:before, .wpo-select-section-s2 .tourist-inner ul li + li:before { position: absolute; left: 10px; top: 55%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 6px; height: 6px; content: ""; background: #7f91a6; border-radius: 50%; } .wpo-select-section .tourist-inner input, .wpo-select-section-s2 .tourist-inner input { height: 25px; width: 30px; padding: 0; border: 0; text-align: center; background: none; } .wpo-select-section .tourist-inner input:focus, .wpo-select-section-s2 .tourist-inner input:focus { outline: none; } .wpo-select-section .tourist-item, .wpo-select-section-s2 .tourist-item { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 10px; } .wpo-select-section .tourist-item-group, .wpo-select-section-s2 .tourist-item-group { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wpo-select-section .form-group .tourist-item-group input, .wpo-select-section-s2 .form-group .tourist-item-group input { height: 20px; width: 50px; border: none; text-align: center; background: none; } .wpo-select-section .form-group .tourist-item-group input:focus, .wpo-select-section-s2 .form-group .tourist-item-group input:focus { outline: none; } .wpo-select-section .tourist-item-group input, .wpo-select-section-s2 .tourist-item-group input { height: 20px; width: 50px; border: none; } .wpo-select-section .tourist-item-group button, .wpo-select-section-s2 .tourist-item-group button { display: inline-block; width: 32px; height: 32px; border-radius: 16px; border: 1px solid #e3e7e9; vertical-align: top; cursor: pointer; position: relative; } .wpo-select-section .tourist-item-group button:focus, .wpo-select-section-s2 .tourist-item-group button:focus { outline: none; } /* 3.3 wpo-about-section */ .wpo-about-section .wpo-about-img img, .wpo-about-section-s2 .wpo-about-img img, .wpo-about-section-s3 .wpo-about-img img { width: 100%; border-radius: 15px; } .wpo-about-section .wpo-about-content, .wpo-about-section-s2 .wpo-about-content, .wpo-about-section-s3 .wpo-about-content { padding-left: 50px; } @media (max-width: 1200px) { .wpo-about-section .wpo-about-content, .wpo-about-section-s2 .wpo-about-content, .wpo-about-section-s3 .wpo-about-content { padding-left: 15px; } } @media (max-width: 991px) { .wpo-about-section .wpo-about-content, .wpo-about-section-s2 .wpo-about-content, .wpo-about-section-s3 .wpo-about-content { padding-left: 0; margin-top: 50px; } } .wpo-about-section .wpo-about-content .about-title span, .wpo-about-section-s2 .wpo-about-content .about-title span, .wpo-about-section-s3 .wpo-about-content .about-title span { font-size: 20px; color: #d7ab4c; text-transform: uppercase; font-family: "Futura PT"; letter-spacing: 2px; } @media (max-width: 767px) { .wpo-about-section .wpo-about-content .about-title span, .wpo-about-section-s2 .wpo-about-content .about-title span, .wpo-about-section-s3 .wpo-about-content .about-title span { font-size: 18px; } } .wpo-about-section .wpo-about-content .about-title h2, .wpo-about-section-s2 .wpo-about-content .about-title h2, .wpo-about-section-s3 .wpo-about-content .about-title h2 { font-size: 40px; line-height: 48px; margin-bottom: 20px; } @media (max-width: 1200px) { .wpo-about-section .wpo-about-content .about-title h2, .wpo-about-section-s2 .wpo-about-content .about-title h2, .wpo-about-section-s3 .wpo-about-content .about-title h2 { font-size: 30px; line-height: 45px; margin-bottom: 10px; } } @media (max-width: 575px) { .wpo-about-section .wpo-about-content .about-title h2, .wpo-about-section-s2 .wpo-about-content .about-title h2, .wpo-about-section-s3 .wpo-about-content .about-title h2 { font-size: 25px; line-height: 35px; } } .wpo-about-section .wpo-about-content .about-info-wrap, .wpo-about-section-s2 .wpo-about-content .about-info-wrap, .wpo-about-section-s3 .wpo-about-content .about-info-wrap { margin-bottom: 40px; margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .wpo-about-section .wpo-about-content .about-info-wrap, .wpo-about-section-s2 .wpo-about-content .about-info-wrap, .wpo-about-section-s3 .wpo-about-content .about-info-wrap { margin-bottom: 20px; margin-top: 20px; } } .wpo-about-section .wpo-about-content .about-info-wrap .about-info-left, .wpo-about-section-s2 .wpo-about-content .about-info-wrap .about-info-left, .wpo-about-section-s3 .wpo-about-content .about-info-wrap .about-info-left { padding-right: 30px; border-right: 1px solid #d3d3d3; } @media (max-width: 767px) { .wpo-about-section .wpo-about-content .about-info-wrap .about-info-left, .wpo-about-section-s2 .wpo-about-content .about-info-wrap .about-info-left, .wpo-about-section-s3 .wpo-about-content .about-info-wrap .about-info-left { padding-right: 20px; } } .wpo-about-section .wpo-about-content .about-info-wrap .about-info-left p, .wpo-about-section-s2 .wpo-about-content .about-info-wrap .about-info-left p, .wpo-about-section-s3 .wpo-about-content .about-info-wrap .about-info-left p { font-size: 20px; font-weight: 700; color: #303443; margin-bottom: 10px; } .wpo-about-section .wpo-about-content .about-info-wrap .about-info-left ul, .wpo-about-section-s2 .wpo-about-content .about-info-wrap .about-info-left ul, .wpo-about-section-s3 .wpo-about-content .about-info-wrap .about-info-left ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; } .wpo-about-section .wpo-about-content .about-info-wrap .about-info-left ul li, .wpo-about-section-s2 .wpo-about-content .about-info-wrap .about-info-left ul li, .wpo-about-section-s3 .wpo-about-content .about-info-wrap .about-info-left ul li { margin-right: 10px; color: #d7ab4c; } .wpo-about-section .wpo-about-content .about-info-wrap .about-info-left ul li span, .wpo-about-section-s2 .wpo-about-content .about-info-wrap .about-info-left ul li span, .wpo-about-section-s3 .wpo-about-content .about-info-wrap .about-info-left ul li span { color: #bababa; } .wpo-about-section .wpo-about-content .about-info-wrap .about-info-right, .wpo-about-section-s2 .wpo-about-content .about-info-wrap .about-info-right, .wpo-about-section-s3 .wpo-about-content .about-info-wrap .about-info-right { padding-left: 30px; } @media (max-width: 767px) { .wpo-about-section .wpo-about-content .about-info-wrap .about-info-right, .wpo-about-section-s2 .wpo-about-content .about-info-wrap .about-info-right, .wpo-about-section-s3 .wpo-about-content .about-info-wrap .about-info-right { padding-left: 20px; } } .wpo-about-section .wpo-about-content .about-info-wrap .about-info-right p, .wpo-about-section-s2 .wpo-about-content .about-info-wrap .about-info-right p, .wpo-about-section-s3 .wpo-about-content .about-info-wrap .about-info-right p { margin-bottom: 0; font-weight: 600; } .wpo-about-section .wpo-about-content .about-info-wrap .about-info-right h3, .wpo-about-section-s2 .wpo-about-content .about-info-wrap .about-info-right h3, .wpo-about-section-s3 .wpo-about-content .about-info-wrap .about-info-right h3 { font-size: 30px; color: #d7ab4c; font-weight: 500; } .wpo-about-section .wpo-about-content .theme-btn, .wpo-about-section .wpo-about-content .view-cart-btn, .wpo-about-section-s2 .wpo-about-content .theme-btn, .wpo-about-section-s2 .wpo-about-content .view-cart-btn, .wpo-about-section-s3 .wpo-about-content .theme-btn, .wpo-about-section-s3 .wpo-about-content .view-cart-btn { border-radius: 6px; } .wpo-about-section .wpo-about-content .theme-btn:after, .wpo-about-section .wpo-about-content .view-cart-btn:after, .wpo-about-section-s2 .wpo-about-content .theme-btn:after, .wpo-about-section-s2 .wpo-about-content .view-cart-btn:after, .wpo-about-section-s3 .wpo-about-content .theme-btn:after, .wpo-about-section-s3 .wpo-about-content .view-cart-btn:after { border-radius: 6px; } /* 3.4 wpo-destination-area */ .wpo-destination-area, .wpo-destination-area-s2 { padding-bottom: 40px; } .wpo-destination-area .destination-wrap .destination-item, .wpo-destination-area-s2 .destination-wrap .destination-item { margin-bottom: 20px; -webkit-box-shadow: 0px 1px 13.5px 1.5px rgba(46, 49, 108, 0.08); box-shadow: 0px 1px 13.5px 1.5px rgba(46, 49, 108, 0.08); border-radius: 20px; } .wpo-destination-area .destination-wrap .destination-item .destination-img, .wpo-destination-area-s2 .destination-wrap .destination-item .destination-img { border-top-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden; } .wpo-destination-area .destination-wrap .destination-item .destination-img img, .wpo-destination-area-s2 .destination-wrap .destination-item .destination-img img { border-top-left-radius: 20px; border-top-right-radius: 20px; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .3s; transition: all .3s; } .wpo-destination-area .destination-wrap .destination-item:hover .destination-img img, .wpo-destination-area-s2 .destination-wrap .destination-item:hover .destination-img img { -webkit-transform: scale(1.2); transform: scale(1.2); } .wpo-destination-area .destination-wrap .destination-item .destination-content, .wpo-destination-area-s2 .destination-wrap .destination-item .destination-content { padding: 20px; } @media (max-width: 1200px) { .wpo-destination-area .destination-wrap .destination-item .destination-content, .wpo-destination-area-s2 .destination-wrap .destination-item .destination-content { padding: 30px 20px; } } .wpo-destination-area .destination-wrap .destination-item .destination-content h2, .wpo-destination-area-s2 .destination-wrap .destination-item .destination-content h2 { font-size: 20px; margin-bottom: 10px; } @media (max-width: 1400px) { .wpo-destination-area .destination-wrap .destination-item .destination-content h2, .wpo-destination-area-s2 .destination-wrap .destination-item .destination-content h2 { font-size: 25px; } } @media (max-width: 1200px) { .wpo-destination-area .destination-wrap .destination-item .destination-content h2, .wpo-destination-area-s2 .destination-wrap .destination-item .destination-content h2 { font-size: 23px; } } .wpo-destination-area .destination-wrap .destination-item .destination-content h2 a, .wpo-destination-area-s2 .destination-wrap .destination-item .destination-content h2 a { color: #303443; } .wpo-destination-area .destination-wrap .destination-item .destination-content h2 a:hover, .wpo-destination-area-s2 .destination-wrap .destination-item .destination-content h2 a:hover { color: #d7ab4c; } .wpo-destination-area .destination-wrap .destination-item .destination-content .sub, .wpo-destination-area-s2 .destination-wrap .destination-item .destination-content .sub { font-size: 16px; color: #d7ab4c; } .wpo-destination-area .destination-wrap .destination-item .destination-content .destination-bottom, .wpo-destination-area-s2 .destination-wrap .destination-item .destination-content .destination-bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wpo-destination-area .destination-wrap .destination-item .destination-content .destination-bottom p, .wpo-destination-area-s2 .destination-wrap .destination-item .destination-content .destination-bottom p { margin-bottom: 0; font-size: 18px; color: #323232; } @media (max-width: 1400px) { .wpo-destination-area .destination-wrap .destination-item .destination-content .destination-bottom p, .wpo-destination-area-s2 .destination-wrap .destination-item .destination-content .destination-bottom p { font-size: 14px; } } @media (max-width: 1200px) { .wpo-destination-area .destination-wrap .destination-item .destination-content .destination-bottom p, .wpo-destination-area-s2 .destination-wrap .destination-item .destination-content .destination-bottom p { font-size: 18px; } } .wpo-destination-area .destination-wrap .destination-item .destination-content .destination-bottom .destination-bottom-right, .wpo-destination-area-s2 .destination-wrap .destination-item .destination-content .destination-bottom .destination-bottom-right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wpo-destination-area .destination-wrap .destination-item .destination-content .destination-bottom .destination-bottom-right ul, .wpo-destination-area-s2 .destination-wrap .destination-item .destination-content .destination-bottom .destination-bottom-right ul { padding-left: 20px; margin-left: 20px; border-left: 1px solid #bcbcbc; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 1200px) { .wpo-destination-area .destination-wrap .destination-item .destination-content .destination-bottom .destination-bottom-right ul, .wpo-destination-area-s2 .destination-wrap .destination-item .destination-content .destination-bottom .destination-bottom-right ul { padding-left: 10px; margin-left: 10px; } } .wpo-destination-area .destination-wrap .destination-item .destination-content .destination-bottom .destination-bottom-right ul li, .wpo-destination-area-s2 .destination-wrap .destination-item .destination-content .destination-bottom .destination-bottom-right ul li { margin-right: 6px; color: #d7ab4c; } .wpo-destination-area .destination-wrap .destination-item .destination-content .destination-bottom .destination-bottom-right ul li span, .wpo-destination-area-s2 .destination-wrap .destination-item .destination-content .destination-bottom .destination-bottom-right ul li span { color: #bababa; } .wpo-destination-area .destination-wrap .destination-item .destination-content .destination-bottom .destination-bottom-right small, .wpo-destination-area-s2 .destination-wrap .destination-item .destination-content .destination-bottom .destination-bottom-right small { margin-left: 10px; } /* 3.5 wpo-fun-fact-section */ .wpo-fun-fact-section, .wpo-fun-fact-section-s2 { text-align: center; background: url(../images/funfact.jpg) no-repeat center center; position: relative; background-size: cover; z-index: 1; background-attachment: fixed; } @media (max-width: 767px) { .wpo-fun-fact-section, .wpo-fun-fact-section-s2 { padding-top: 60px; } } .wpo-fun-fact-section:before, .wpo-fun-fact-section-s2:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #0d3b5d; content: ""; z-index: -1; opacity: .7; } @media (max-width: 767px) { .wpo-fun-fact-section, .wpo-fun-fact-section-s2 { padding-bottom: 30px; } } .wpo-fun-fact-section h2, .wpo-fun-fact-section-s2 h2 { font-size: 30px; font-size: 2rem; font-weight: 600; margin: 0 0 1.8em; } @media (max-width: 991px) { .wpo-fun-fact-section h2, .wpo-fun-fact-section-s2 h2 { font-size: 26px; font-size: 1.73333rem; } } @media (max-width: 767px) { .wpo-fun-fact-section h2, .wpo-fun-fact-section-s2 h2 { font-size: 25px; font-size: 1.66667rem; } } .wpo-fun-fact-section .wpo-fun-fact-grids .grid, .wpo-fun-fact-section-s2 .wpo-fun-fact-grids .grid { width: 25%; float: left; } @media (max-width: 767px) { .wpo-fun-fact-section .wpo-fun-fact-grids .grid, .wpo-fun-fact-section-s2 .wpo-fun-fact-grids .grid { width: 50%; margin-bottom: 50px; } } .wpo-fun-fact-section .grid, .wpo-fun-fact-section-s2 .grid { position: relative; } .wpo-fun-fact-section .grid:before, .wpo-fun-fact-section-s2 .grid:before { position: absolute; right: 0; top: 50%; width: 2px; height: 70px; content: ""; background: #fff; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .wpo-fun-fact-section .grid:last-child:before, .wpo-fun-fact-section-s2 .grid:last-child:before { display: none; } @media (max-width: 767px) { .wpo-fun-fact-section .grid:nth-child(2):before, .wpo-fun-fact-section-s2 .grid:nth-child(2):before { display: none; } } .wpo-fun-fact-section .grid h3, .wpo-fun-fact-section-s2 .grid h3 { font-size: 60px; font-size: 4rem; font-weight: 700; color: #fff; margin: 0 0 0.2em; font-family: "Futura PT"; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1200px) { .wpo-fun-fact-section .grid h3, .wpo-fun-fact-section-s2 .grid h3 { font-size: 50px; ont-size: 3.33333rem; } } @media (max-width: 991px) { .wpo-fun-fact-section .grid h3, .wpo-fun-fact-section-s2 .grid h3 { font-size: 40px; font-size: 2.66667rem; } } @media (max-width: 767px) { .wpo-fun-fact-section .grid h3, .wpo-fun-fact-section-s2 .grid h3 { font-size: 35px; font-size: 2.33333rem; } } @media (max-width: 575px) { .wpo-fun-fact-section .grid h3, .wpo-fun-fact-section-s2 .grid h3 { font-size: 25px; font-size: 1.66667rem; } } .wpo-fun-fact-section .grid h3 + p, .wpo-fun-fact-section-s2 .grid h3 + p { font-size: 20px; font-size: 1.33333rem; margin: 0; color: #fff; } @media (max-width: 1200px) { .wpo-fun-fact-section .grid h3 + p, .wpo-fun-fact-section-s2 .grid h3 + p { font-size: 20px; font-size: 1.33333rem; } } @media (max-width: 991px) { .wpo-fun-fact-section .grid h3 + p, .wpo-fun-fact-section-s2 .grid h3 + p { font-size: 16px; font-size: 1.06667rem; } } .wpo-room-area .room-wrap .room-item, .wpo-room-area-s2 .room-wrap .room-item { margin-bottom: 30px; border-radius: 20px; } .wpo-room-area .room-wrap .room-item .room-img, .wpo-room-area-s2 .room-wrap .room-item .room-img { border-radius: 10px; overflow: hidden; } .wpo-room-area .room-wrap .room-item .room-img img, .wpo-room-area-s2 .room-wrap .room-item .room-img img { border-radius: 10px; -webkit-transform: scale(1); transform: scale(1); -webkit-transition: all .3s; transition: all .3s; } .wpo-room-area .room-wrap .room-item:hover .room-img img, .wpo-room-area-s2 .room-wrap .room-item:hover .room-img img { -webkit-transform: scale(1.2); transform: scale(1.2); } .wpo-room-area .room-wrap .room-item .room-content, .wpo-room-area-s2 .room-wrap .room-item .room-content { padding-top: 20px; } .wpo-room-area .room-wrap .room-item .room-content h2, .wpo-room-area-s2 .room-wrap .room-item .room-content h2 { font-size: 25px; margin-top: 10px; margin-bottom: 15px; } @media (max-width: 1400px) { .wpo-room-area .room-wrap .room-item .room-content h2, .wpo-room-area-s2 .room-wrap .room-item .room-content h2 { font-size: 25px; } } @media (max-width: 1200px) { .wpo-room-area .room-wrap .room-item .room-content h2, .wpo-room-area-s2 .room-wrap .room-item .room-content h2 { font-size: 23px; } } .wpo-room-area .room-wrap .room-item .room-content h2 a, .wpo-room-area-s2 .room-wrap .room-item .room-content h2 a { color: #303443; } .wpo-room-area .room-wrap .room-item .room-content h2 a:hover, .wpo-room-area-s2 .room-wrap .room-item .room-content h2 a:hover { color: #d7ab4c; } .wpo-room-area .room-wrap .room-item .room-content ul, .wpo-room-area-s2 .room-wrap .room-item .room-content ul { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 15px; } .wpo-room-area .room-wrap .room-item .room-content ul li, .wpo-room-area-s2 .room-wrap .room-item .room-content ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #777777; } .wpo-room-area .room-wrap .room-item .room-content ul li + li, .wpo-room-area-s2 .room-wrap .room-item .room-content ul li + li { margin-left: 15px; } .wpo-room-area .room-wrap .room-item .room-content ul li i, .wpo-room-area-s2 .room-wrap .room-item .room-content ul li i { margin-right: 10px; } .wpo-room-area .room-wrap .room-item .room-content ul li strong, .wpo-room-area-s2 .room-wrap .room-item .room-content ul li strong { margin-right: 10px; } .wpo-room-area .room-wrap .room-item .room-content h3, .wpo-room-area-s2 .room-wrap .room-item .room-content h3 { font-size: 20px; color: #d7ab4c; } .wpo-room-area .room-wrap .room-item .room-content h3 span, .wpo-room-area-s2 .room-wrap .room-item .room-content h3 span { font-size: 16px; color: #585858; font-family: "Muli"; } /* 3.7 wpo-service-area */ .wpo-service-area, .wpo-service-area-3 { padding: 0 100px; } @media (max-width: 1500px) { .wpo-service-area, .wpo-service-area-3 { padding: 0 50px; } } @media (max-width: 1200px) { .wpo-service-area, .wpo-service-area-3 { padding: 0 15px; } } .wpo-service-area .wpo-service-wrap, .wpo-service-area-3 .wpo-service-wrap { padding: 100px 180px; background: #f3f8fc; border-radius: 20px; } @media (max-width: 1700px) { .wpo-service-area .wpo-service-wrap, .wpo-service-area-3 .wpo-service-wrap { padding: 50px 50px; } } @media (max-width: 1200px) { .wpo-service-area .wpo-service-wrap, .wpo-service-area-3 .wpo-service-wrap { padding: 80px 15px; } } @media (max-width: 1200px) { .wpo-service-area .wpo-service-wrap, .wpo-service-area-3 .wpo-service-wrap { padding: 50px 15px; } } .wpo-service-area .wpo-service-wrap .wpo-service-content h2, .wpo-service-area-3 .wpo-service-wrap .wpo-service-content h2 { font-size: 40px; line-height: 48px; margin-bottom: 20px; } @media (max-width: 1400px) { .wpo-service-area .wpo-service-wrap .wpo-service-content h2, .wpo-service-area-3 .wpo-service-wrap .wpo-service-content h2 { font-size: 30px; line-height: 45px; } } .wpo-service-area .wpo-service-wrap .wpo-service-content p, .wpo-service-area-3 .wpo-service-wrap .wpo-service-content p { margin-bottom: 30px; } @media (max-width: 1200px) { .wpo-service-area .wpo-service-wrap .wpo-service-content, .wpo-service-area-3 .wpo-service-wrap .wpo-service-content { margin-bottom: 50px; } } .wpo-service-area .wpo-service-wrap .wpo-service-items, .wpo-service-area-3 .wpo-service-wrap .wpo-service-items { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: end; } .wpo-service-area .wpo-service-wrap .wpo-service-items .wpo-service-item, .wpo-service-area-3 .wpo-service-wrap .wpo-service-items .wpo-service-item { text-align: center; padding: 40px 32px; border: 1px solid #e1e1e1; margin-top: -1px; margin-right: -1px; -ms-flex-preferred-size: 25%; flex-basis: 25%; } @media (max-width: 1600px) { .wpo-service-area .wpo-service-wrap .wpo-service-items .wpo-service-item, .wpo-service-area-3 .wpo-service-wrap .wpo-service-items .wpo-service-item { padding: 30px 15px; } } @media (max-width: 767px) { .wpo-service-area .wpo-service-wrap .wpo-service-items .wpo-service-item, .wpo-service-area-3 .wpo-service-wrap .wpo-service-items .wpo-service-item { -ms-flex-preferred-size: 50%; flex-basis: 50%; } } @media (max-width: 420px) { .wpo-service-area .wpo-service-wrap .wpo-service-items .wpo-service-item, .wpo-service-area-3 .wpo-service-wrap .wpo-service-items .wpo-service-item { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .wpo-service-area .wpo-service-wrap .wpo-service-items .wpo-service-item .fi, .wpo-service-area-3 .wpo-service-wrap .wpo-service-items .wpo-service-item .fi { margin-bottom: 30px; } .wpo-service-area .wpo-service-wrap .wpo-service-items .wpo-service-item .fi:before, .wpo-service-area-3 .wpo-service-wrap .wpo-service-items .wpo-service-item .fi:before { font-size: 50px; } .wpo-service-area .wpo-service-wrap .wpo-service-items .wpo-service-item a, .wpo-service-area-3 .wpo-service-wrap .wpo-service-items .wpo-service-item a { display: block; font-size: 20px; color: #303443; font-weight: 600; } @media (max-width: 1400px) { .wpo-service-area .wpo-service-wrap .wpo-service-items .wpo-service-item a, .wpo-service-area-3 .wpo-service-wrap .wpo-service-items .wpo-service-item a { font-size: 15px; } } .wpo-service-area .wpo-service-wrap .wpo-service-items .wpo-service-item a:hover, .wpo-service-area-3 .wpo-service-wrap .wpo-service-items .wpo-service-item a:hover { color: #d7ab4c; } /* 3.8 wpo-pricing-section */ .wpo-pricing-section .wpo-pricing-wrap .wpo-pricing-item { -webkit-box-shadow: 0px 1px 13.5px 1.5px rgba(46, 49, 108, 0.08); box-shadow: 0px 1px 13.5px 1.5px rgba(46, 49, 108, 0.08); border-radius: 20px; background: #fff; } @media (max-width: 991px) { .wpo-pricing-section .wpo-pricing-wrap .wpo-pricing-item { margin-bottom: 30px; } } .wpo-pricing-section .wpo-pricing-wrap .wpo-pricing-item .wpo-pricing-img { border-top-left-radius: 20px; border-top-right-radius: 20px; overflow: hidden; } .wpo-pricing-section .wpo-pricing-wrap .wpo-pricing-item .wpo-pricing-img img { -webkit-transform: scale(1); transform: scale(1); border-top-left-radius: 20px; border-top-right-radius: 20px; -webkit-transition: all .3s; transition: all .3s; } .wpo-pricing-section .wpo-pricing-wrap .wpo-pricing-item:hover .wpo-pricing-img img { -webkit-transform: scale(1.2); transform: scale(1.2); } .wpo-pricing-section .wpo-pricing-wrap .wpo-pricing-item .wpo-pricing-top { text-align: center; border-bottom: 1px solid #e9e9e9; } .wpo-pricing-section .wpo-pricing-wrap .wpo-pricing-item .wpo-pricing-top .wpo-pricing-text { padding: 30px 0; } .wpo-pricing-section .wpo-pricing-wrap .wpo-pricing-item .wpo-pricing-top .wpo-pricing-text h4 { font-size: 18px; text-transform: uppercase; font-weight: 500; color: #585858; } .wpo-pricing-section .wpo-pricing-wrap .wpo-pricing-item .wpo-pricing-top .wpo-pricing-text h2 { font-size: 40px; color: #303443; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-bottom: 0; } .wpo-pricing-section .wpo-pricing-wrap .wpo-pricing-item .wpo-pricing-top .wpo-pricing-text h2 span { font-size: 16px; } .wpo-pricing-section .wpo-pricing-wrap .wpo-pricing-item .wpo-pricing-bottom { padding: 40px; padding-top: 35px; text-align: center; } .wpo-pricing-section .wpo-pricing-wrap .wpo-pricing-item .wpo-pricing-bottom .wpo-pricing-bottom-text ul { list-style: none; } .wpo-pricing-section .wpo-pricing-wrap .wpo-pricing-item .wpo-pricing-bottom .wpo-pricing-bottom-text ul li { color: #777777; padding-bottom: 15px; } .wpo-pricing-section .wpo-pricing-wrap .wpo-pricing-item .wpo-pricing-bottom .wpo-pricing-bottom-text a.theme-btn, .wpo-pricing-section .wpo-pricing-wrap .wpo-pricing-item .wpo-pricing-bottom .wpo-pricing-bottom-text a.view-cart-btn { border: 1px solid #d7ab4c; background: none; color: #d7ab4c; margin-top: 20px; padding: 10px 45px; } .wpo-pricing-section .wpo-pricing-wrap .wpo-pricing-item .wpo-pricing-bottom .wpo-pricing-bottom-text a.theme-btn:hover, .wpo-pricing-section .wpo-pricing-wrap .wpo-pricing-item .wpo-pricing-bottom .wpo-pricing-bottom-text a.view-cart-btn:hover { color: #fff; } .wpo-pricing-section .wpo-pricing-wrap .col:last-child .wpo-pricing-item { margin-bottom: 0; } /*================================================= 3.9 wpo-testimonial-area ===================================================*/ .wpo-testimonial-area { padding-bottom: 120px; } @media (max-width: 991px) { .wpo-testimonial-area { padding-bottom: 90px; } } @media (max-width: 767px) { .wpo-testimonial-area { padding-bottom: 80px; } } .wpo-testimonial-area .wpo-testimonial-wrap .wpo-testimonial-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-shadow: 0px 1px 13.5px 1.5px rgba(46, 49, 108, 0.08); box-shadow: 0px 1px 13.5px 1.5px rgba(46, 49, 108, 0.08); border-radius: 20px; } @media (max-width: 991px) { .wpo-testimonial-area .wpo-testimonial-wrap .wpo-testimonial-item { display: block; } } .wpo-testimonial-area .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-img { -ms-flex-preferred-size: 30%; flex-basis: 30%; } .wpo-testimonial-area .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-img img { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } @media (max-width: 991px) { .wpo-testimonial-area .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-img img { border-bottom-left-radius: 0px; border-top-right-radius: 20px; height: 400px; -o-object-fit: cover; object-fit: cover; } } .wpo-testimonial-area .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-content { padding: 80px; -ms-flex-preferred-size: 70%; flex-basis: 70%; } @media (max-width: 1400px) { .wpo-testimonial-area .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-content { padding: 60px 70px; } } @media (max-width: 1200px) { .wpo-testimonial-area .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-content { padding: 20px 70px; } } @media (max-width: 991px) { .wpo-testimonial-area .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-content { padding-top: 30px; padding-bottom: 30px; } } @media (max-width: 767px) { .wpo-testimonial-area .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-content { padding: 20px 10px; } } .wpo-testimonial-area .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-content h2 { font-size: 25px; font-weight: 600; } .wpo-testimonial-area .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-content p { font-size: 22px; line-height: 42px; margin-bottom: 25px; position: relative; z-index: 1; } @media (max-width: 1400px) { .wpo-testimonial-area .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-content p { font-size: 18px; line-height: 35px; } } @media (max-width: 1400px) { .wpo-testimonial-area .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-content p { padding-top: 40px; } } .wpo-testimonial-area .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-content p:before { position: absolute; left: -60px; top: -10px; content: "\f10b"; font-family: "Flaticon"; z-index: -1; font-size: 60px; color: #d7ab4c; -webkit-transform: rotate(180deg); transform: rotate(180deg); } @media (max-width: 767px) { .wpo-testimonial-area .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-content p:before { left: 50%; top: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); } } @media (max-width: 991px) { .wpo-testimonial-area .wpo-testimonial-wrap .wpo-testimonial-item .wpo-testimonial-content p { font-size: 18px; line-height: 34px; } } @media (max-width: 767px) { .wpo-testimonial-area .wpo-testimonial-wrap .wpo-testimonial-item { text-align: center; } } .wpo-testimonial-area .wpo-testimonial-wrap .testimonial-slider .owl-stage { margin: 15px; } .wpo-testimonial-area .wpo-testimonial-wrap .testimonial-slider .owl-stage-outer { margin: -15px; } @media (max-width: 991px) { .wpo-testimonial-area .wpo-testimonial-wrap .testimonial-slider { padding-bottom: 0px; } } .wpo-testimonial-area .wpo-testimonial-wrap .testimonial-slider button { position: absolute; left: -30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); height: 50px; width: 50px; line-height: 46px; text-align: center; background: #fff; -webkit-transition: all .3s; transition: all .3s; border: 1px solid #ebebeb; font-size: 20px; border-radius: 50%; opacity: 0; visibility: hidden; } .wpo-testimonial-area .wpo-testimonial-wrap .testimonial-slider button:hover { background: #d7ab4c; color: #fff; } @media (max-width: 991px) { .wpo-testimonial-area .wpo-testimonial-wrap .testimonial-slider button { display: none; } } .wpo-testimonial-area .wpo-testimonial-wrap .testimonial-slider .owl-next { right: -30px; left: auto; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 991px) { .wpo-testimonial-area .wpo-testimonial-wrap .testimonial-slider .owl-next { display: none; } } .wpo-testimonial-area .wpo-testimonial-wrap .testimonial-slider:hover button { visibility: visible; opacity: 1; } /* 3.10 wpo-blog-section */ .wpo-blog-section { padding-bottom: 90px; background: #f3f8fc; } @media (max-width: 767px) { .wpo-blog-section { padding-bottom: 60px; padding-top: 60px; } } .wpo-blog-section .wpo-blog-item { margin-bottom: 30px; position: relative; } .wpo-blog-section .wpo-blog-item .wpo-blog-img { position: relative; border-radius: 20px; } .wpo-blog-section .wpo-blog-item .wpo-blog-img:before { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: -webkit-gradient(linear, left top, left bottom, from(rgba(37, 48, 65, 0.95)), color-stop(70%, rgba(37, 48, 65, 0))); background: linear-gradient(180deg, rgba(37, 48, 65, 0.95) 0%, rgba(37, 48, 65, 0) 70%); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); z-index: 1; -webkit-transition: all .3s; transition: all .3s; border-radius: 20px; } .wpo-blog-section .wpo-blog-item .wpo-blog-img img { width: 100%; border-radius: 20px; } .wpo-blog-section .wpo-blog-item .wpo-blog-content { padding: 30px; position: absolute; bottom: 0; z-index: 19; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; -webkit-transition: all .3s; transition: all .3s; } @media (max-width: 500px) { .wpo-blog-section .wpo-blog-item .wpo-blog-content { padding: 30px 15px; } } .wpo-blog-section .wpo-blog-item .wpo-blog-content .b-top { overflow: hidden; -webkit-transition: all .3s; transition: all .3s; } .wpo-blog-section .wpo-blog-item .wpo-blog-content .b-top p { color: #fff; } .wpo-blog-section .wpo-blog-item .wpo-blog-content .b-top .b-top-inner { margin-bottom: -100px; -webkit-transition: all .3s; transition: all .3s; } @media (max-width: 1200px) { .wpo-blog-section .wpo-blog-item .wpo-blog-content .b-top .b-top-inner { margin-bottom: -135px; } } @media (max-width: 767px) { .wpo-blog-section .wpo-blog-item .wpo-blog-content .b-top .b-top-inner { margin-bottom: -70px; } } @media (max-width: 460px) { .wpo-blog-section .wpo-blog-item .wpo-blog-content .b-top .b-top-inner { margin-bottom: -105px; } } @media (max-width: 342px) { .wpo-blog-section .wpo-blog-item .wpo-blog-content .b-top .b-top-inner { margin-bottom: -132px; } } .wpo-blog-section .wpo-blog-item .wpo-blog-content h2 { font-size: 25px; font-family: "Futura PT"; margin-bottom: 15px; line-height: 36px; font-weight: 700; margin-top: 0; } @media (max-width: 1400px) { .wpo-blog-section .wpo-blog-item .wpo-blog-content h2 { font-size: 20px; line-height: 30px; } } @media (max-width: 1200px) { .wpo-blog-section .wpo-blog-item .wpo-blog-content h2 { font-size: 21px; } } .wpo-blog-section .wpo-blog-item .wpo-blog-content h2 a { color: #fff; } .wpo-blog-section .wpo-blog-item .wpo-blog-content h2 a:hover { color: #d7ab4c; } .wpo-blog-section .wpo-blog-item .wpo-blog-content .b-btn { color: #ffc3c3; } .wpo-blog-section .wpo-blog-item:hover .wpo-blog-content .b-top { height: 100%; -webkit-transition: all .3s; transition: all .3s; } .wpo-blog-section .wpo-blog-item:hover .wpo-blog-content .b-top .b-top-inner { margin: 0; } /* 3.11 wpo-newslatter-section */ .wpo-newslatter-section { position: relative; overflow: hidden; z-index: 1; } .wpo-newslatter-section .wpo-newsletter { max-width: 870px; margin: 0 auto; } .wpo-newslatter-section .wpo-newsletter .newsletter-form { position: relative; } .wpo-newslatter-section .wpo-newsletter .newsletter-form input { height: 90px; padding: 10px 50px; -webkit-box-shadow: 0px 1px 13.5px 1.5px rgba(46, 49, 108, 0.08); box-shadow: 0px 1px 13.5px 1.5px rgba(46, 49, 108, 0.08); background: #fff; border: 0; border-radius: 45px; font-size: 22px; } @media (max-width: 560px) { .wpo-newslatter-section .wpo-newsletter .newsletter-form input { height: 50px; font-size: 18px; text-align: center; } } .wpo-newslatter-section .wpo-newsletter .newsletter-form button { position: absolute; right: 0; top: 0; width: 200px; height: 90px; border: 0; background: #d7ab4c; font-size: 22px; color: #fff; border-top-right-radius: 45px; border-bottom-right-radius: 45px; } @media (max-width: 560px) { .wpo-newslatter-section .wpo-newsletter .newsletter-form button { position: relative; width: 100%; margin-top: 20px; border-radius: 35px; height: 50px; } } .wpo-newslatter-section .n-shape { position: absolute; left: 0; top: -33%; z-index: -1; opacity: .5; } @media (max-width: 1600px) { .wpo-newslatter-section .n-shape { left: -15%; } } @media (max-width: 991px) { .wpo-newslatter-section .n-shape { display: none; } } .wpo-newslatter-section .n-shape2 { position: absolute; right: 0; bottom: -22%; z-index: -1; opacity: .5; } @media (max-width: 1600px) { .wpo-newslatter-section .n-shape2 { right: -15%; } } @media (max-width: 991px) { .wpo-newslatter-section .n-shape2 { display: none; } } /*====================================== 5. Home-style-2 =======================================*/ /* 5.1 wpo-about-section-s2 */ .wpo-about-section-s2 { background: url(../images/about-bg.jpg) no-repeat center center; background-size: cover; } .wpo-about-section-s2 .wpo-about-content { padding: 80px; background: #fff; } @media (max-width: 1700px) { .wpo-about-section-s2 .wpo-about-content { padding: 40px 20px; } } @media (max-width: 1400px) { .wpo-about-section-s2 .wpo-about-content { padding-bottom: 20px; } } @media (max-width: 991px) { .wpo-about-section-s2 .wpo-about-content { margin-top: 0; } } @media (max-width: 1400px) { .wpo-about-section-s2 .wpo-about-content .about-title h2 { font-size: 40px; line-height: 50px; } } @media (max-width: 575px) { .wpo-about-section-s2 .wpo-about-content .about-title h2 { font-size: 24px; line-height: 35px; margin-bottom: 0px; } } .wpo-about-section-s2 .wpo-about-content .theme-btn, .wpo-about-section-s2 .wpo-about-content .view-cart-btn { margin-left: 40px; } @media (max-width: 1400px) { .wpo-about-section-s2 .wpo-about-content .theme-btn, .wpo-about-section-s2 .wpo-about-content .view-cart-btn { margin-left: 20px; } } @media (max-width: 430px) { .wpo-about-section-s2 .wpo-about-content .theme-btn, .wpo-about-section-s2 .wpo-about-content .view-cart-btn { margin-left: 0; margin-top: 20px; } } @media (max-width: 500px) { .wpo-about-section-s2 .wpo-about-content .about-info-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 0; } } @media (max-width: 1400px) { .wpo-about-section-s2 .wpo-about-content .about-info-wrap .about-info-left { padding-right: 15px; } } @media (max-width: 1400px) { .wpo-about-section-s2 .wpo-about-content .about-info-wrap .about-info-left p { font-size: 16px; } } @media (max-width: 1400px) { .wpo-about-section-s2 .wpo-about-content .about-info-wrap .about-info-right { padding-left: 15px; } } /* 5.2 wpo-fun-fact-section-s2 */ .wpo-fun-fact-section-s2 { background: #fff; padding-left: 140px; padding-right: 140px; } @media (max-width: 1400px) { .wpo-fun-fact-section-s2 { padding-left: 30px; padding-right: 30px; } } @media (max-width: 991px) { .wpo-fun-fact-section-s2 { padding-left: 0px; padding-right: 0px; } } .wpo-fun-fact-section-s2:before { display: none; } .wpo-fun-fact-section-s2 .grid h3 { color: #303443; } .wpo-fun-fact-section-s2 .grid p { color: #585858 !important; } .wpo-fun-fact-section-s2 .grid:before { background: #c6c6c6; } /* 5.3 wpo-service-area-s2 */ .wpo-service-area-s2 .container-fluid { padding: 0; } .wpo-service-area-s2 .wpo-service-items .wpo-service-item { position: relative; } .wpo-service-area-s2 .wpo-service-items .wpo-service-item .wpo-service-text { text-align: center; background: rgba(255, 255, 255, 0.9); position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 215px; height: 150px; padding-top: 18px; } @media (max-width: 1600px) { .wpo-service-area-s2 .wpo-service-items .wpo-service-item .wpo-service-text { padding: 30px 15px; } } .wpo-service-area-s2 .wpo-service-items .wpo-service-item .wpo-service-text .fi { margin-bottom: 30px; } .wpo-service-area-s2 .wpo-service-items .wpo-service-item .wpo-service-text .fi:before { font-size: 50px; } .wpo-service-area-s2 .wpo-service-items .wpo-service-item .wpo-service-text a { display: block; font-size: 20px; color: #303443; font-weight: 600; } @media (max-width: 1400px) { .wpo-service-area-s2 .wpo-service-items .wpo-service-item .wpo-service-text a { font-size: 15px; } } .wpo-service-area-s2 .wpo-service-items .wpo-service-item .wpo-service-text a:hover { color: #d7ab4c; } .wpo-service-area-s2 .wpo-service-items .owl-controls { width: 100%; margin: 0; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .wpo-service-area-s2 .wpo-service-items .owl-nav [class*=owl-] { padding: 0; margin: 0; color: #d7ab4c; -webkit-transition: all 0.3s; transition: all 0.3s; border: 0; background: none; } .wpo-service-area-s2 .wpo-service-items .owl-nav [class*=owl-] .fi::before { font-size: 20px; color: #303443; } .wpo-service-area-s2 .wpo-service-items .owl-nav .owl-prev, .wpo-service-area-s2 .wpo-service-items .owl-nav .owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #fff; width: 50px; height: 50px; border-radius: 50%; opacity: 0; -webkit-transition: all .3s; transition: all .3s; } .wpo-service-area-s2 .wpo-service-items .owl-nav .owl-prev:hover, .wpo-service-area-s2 .wpo-service-items .owl-nav .owl-next:hover { background: #d7ab4c; } .wpo-service-area-s2 .wpo-service-items .owl-nav .owl-prev:hover .fi:before, .wpo-service-area-s2 .wpo-service-items .owl-nav .owl-next:hover .fi:before { color: #fff; } @media (max-width: 575px) { .wpo-service-area-s2 .wpo-service-items .owl-nav .owl-prev, .wpo-service-area-s2 .wpo-service-items .owl-nav .owl-next { display: none; } } .wpo-service-area-s2 .wpo-service-items .owl-nav .owl-prev { left: 35px; } .wpo-service-area-s2 .wpo-service-items .owl-nav .owl-next { right: 35px; } .wpo-service-area-s2 .wpo-service-items .owl-dots { text-align: center; bottom: -40px; position: relative; } .wpo-service-area-s2 .wpo-service-items .owl-dots button { width: 10px; height: 12px; border: 0; background: #d4e6f5; margin-right: 10px; border-radius: 50%; } .wpo-service-area-s2 .wpo-service-items .owl-dots .owl-dot.active { background-color: #d7ab4c; } .wpo-service-area-s2 .wpo-service-items:hover .owl-nav .owl-prev, .wpo-service-area-s2 .wpo-service-items:hover .owl-nav .owl-next { opacity: 1; } @media (max-width: 575px) { .wpo-service-area-s2 { padding-bottom: 50px; } } /*====================================== 6. Home-style-3 =======================================*/ /* 6.1 wpo-select-section-s2*/ .wpo-select-section-s2 { margin-top: 0; padding-top: 60px; } .wpo-select-section-s2 .wpo-select-area { -webkit-box-shadow: none; box-shadow: none; } .wpo-select-section-s2 .wpo-select-area form .date { border-right: 0; } .wpo-select-section-s2 .wpo-select-area form .select-sub .theme-btn, .wpo-select-section-s2 .wpo-select-area form .select-sub .view-cart-btn { height: 82px; background: #fff; border: 1px solid #c8ced4; color: #303443; border-radius: 60px; padding: 0; -webkit-transition: all .3s; transition: all .3s; } .wpo-select-section-s2 .wpo-select-area form .select-sub .theme-btn:after, .wpo-select-section-s2 .wpo-select-area form .select-sub .view-cart-btn:after { border-radius: 60px; } .wpo-select-section-s2 .wpo-select-area form .select-sub .theme-btn:hover, .wpo-select-section-s2 .wpo-select-area form .select-sub .view-cart-btn:hover { color: #fff; } @media (max-width: 1400px) { .wpo-select-section-s2 .wpo-select-area form .select-sub .theme-btn, .wpo-select-section-s2 .wpo-select-area form .select-sub .view-cart-btn { height: unset; padding: 15px 15px; } } .wpo-select-section-s2 .wpo-select-area form .input-group { position: relative; } .wpo-select-section-s2 .wpo-select-area form .input-group:after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -10px; width: 75%; background: #c8ced4; content: ""; height: 1px; } @media (max-width: 1400px) { .wpo-select-section-s2 .wpo-select-area form .input-group:after { bottom: -5px; } } @media (max-width: 991px) { .wpo-select-section-s2 .wpo-select-area form .input-group:after { display: none; } } .wpo-select-section-s2 .wpo-select-area form .tourist-group-wrap { position: relative; } .wpo-select-section-s2 .wpo-select-area form .tourist-group-wrap:after { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: -5px; width: 85%; background: #c8ced4; content: ""; height: 1px; } @media (max-width: 991px) { .wpo-select-section-s2 .wpo-select-area form .tourist-group-wrap:after { display: none; } } .wpo-select-section-s2 .wpo-select-area form .tourist-dropdown { top: 108%; } /* 6.2 wpo-about-section-s3*/ .wpo-about-section-s3 .wpo-about-section-wrapper { -webkit-box-shadow: 0px 1px 13.5px 1.5px rgba(46, 49, 108, 0.08); box-shadow: 0px 1px 13.5px 1.5px rgba(46, 49, 108, 0.08); border-radius: 15px; } .wpo-about-section-s3 .wpo-about-section-wrapper .wpo-about-img img { border-radius: 15px 0px 0px 15px; } @media (max-width: 991px) { .wpo-about-section-s3 .wpo-about-section-wrapper .wpo-about-img img { border-radius: 15px 15px 0px 0px; } } .wpo-about-section-s3 .wpo-about-section-wrapper .wpo-about-content { padding: 50px; } @media (max-width: 1400px) { .wpo-about-section-s3 .wpo-about-section-wrapper .wpo-about-content { padding: 30px; } } @media (max-width: 1200px) { .wpo-about-section-s3 .wpo-about-section-wrapper .wpo-about-content { padding: 20px; } } @media (max-width: 991px) { .wpo-about-section-s3 .wpo-about-section-wrapper .wpo-about-content { margin-top: 0; padding: 40px; } } @media (max-width: 575px) { .wpo-about-section-s3 .wpo-about-section-wrapper .wpo-about-content { padding: 20px; } } .wpo-about-section-s3 .wpo-about-section-wrapper .wpo-about-content .theme-btn, .wpo-about-section-s3 .wpo-about-section-wrapper .wpo-about-content .view-cart-btn { margin-top: 20px; } @media (max-width: 1200px) { .wpo-about-section-s3 .wpo-about-section-wrapper .wpo-about-content .theme-btn, .wpo-about-section-s3 .wpo-about-section-wrapper .wpo-about-content .view-cart-btn { margin-top: 10px; } } /* 6.3 wpo-destination-area-s2*/ .wpo-destination-area-s2 .destination-item.left-side { position: relative; } .wpo-destination-area-s2 .destination-item.left-side .destination-content { position: absolute; left: 0; bottom: 0; z-index: 11; } .wpo-destination-area-s2 .destination-item.left-side .destination-content .sub { color: #fff; } .wpo-destination-area-s2 .destination-item.left-side .destination-content h2 a { color: #fff; } .wpo-destination-area-s2 .destination-item.left-side .destination-content .destination-bottom p { color: #fff; } .wpo-destination-area-s2 .destination-item.left-side .destination-content .destination-bottom .destination-bottom-right ul li span { color: #fff; } .wpo-destination-area-s2 .destination-item.left-side .destination-content .destination-bottom small { color: #fff; } .wpo-destination-area-s2 .destination-item.left-side .destination-img { position: relative; border-radius: 20px; } .wpo-destination-area-s2 .destination-item.left-side .destination-img:before { position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; content: ""; background: -webkit-gradient(linear, left top, left bottom, from(rgba(37, 48, 65, 0.95)), color-stop(50%, rgba(37, 48, 65, 0))); background: linear-gradient(180deg, rgba(37, 48, 65, 0.95) 0%, rgba(37, 48, 65, 0) 50%); -webkit-transform: rotate(-180deg); transform: rotate(-180deg); z-index: 1; -webkit-transition: all .3s; transition: all .3s; border-radius: 20px; } .wpo-destination-area-s2 .destination-item.left-side .destination-img img { width: 100%; border-radius: 20px; } .wpo-destination-area-s2 .destination-item-wrap .destination-item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 575px) { .wpo-destination-area-s2 .destination-item-wrap .destination-item { display: block; } } .wpo-destination-area-s2 .destination-item-wrap .destination-item .destination-img { -ms-flex-preferred-size: 40%; flex-basis: 40%; border-radius: 15px 0px 0px 15px; } @media (max-width: 575px) { .wpo-destination-area-s2 .destination-item-wrap .destination-item .destination-img { border-radius: 15px 15px 0px 0px; } } .wpo-destination-area-s2 .destination-item-wrap .destination-item .destination-img img { border-radius: 0; border-radius: 15px 0px 0px 15px; min-height: 215px; -o-object-fit: cover; object-fit: cover; } @media (max-width: 575px) { .wpo-destination-area-s2 .destination-item-wrap .destination-item .destination-img img { border-radius: 15px 15px 0px 0px; } } @media (max-width: 1400px) { .wpo-destination-area-s2 .destination-item-wrap .destination-item .destination-img img { min-height: 182px; } } @media (max-width: 1200px) { .wpo-destination-area-s2 .destination-item-wrap .destination-item .destination-img img { min-height: 148px; } } .wpo-destination-area-s2 .destination-item-wrap .destination-item .destination-content { -ms-flex-preferred-size: 60%; flex-basis: 60%; padding: 33px; } @media (max-width: 1400px) { .wpo-destination-area-s2 .destination-item-wrap .destination-item .destination-content { padding: 25px; } } @media (max-width: 1200px) { .wpo-destination-area-s2 .destination-item-wrap .destination-item .destination-content { padding: 16px; } } .wpo-destination-area-s2 .destination-item-wrap .destination-item .destination-content h2 { margin-bottom: 10px; } @media (max-width: 1200px) { .wpo-destination-area-s2 .destination-item-wrap .destination-item .destination-content h2 { font-size: 18px; } } @media (max-width: 991px) { .wpo-destination-area-s2 .destination-item-wrap .destination-item .destination-content h2 { font-size: 30px; } } @media (max-width: 767px) { .wpo-destination-area-s2 .destination-item-wrap .destination-item .destination-content h2 { font-size: 22px; } } /* 6.4 wpo-room-area-s2*/ .wpo-room-area-s2 .room-active .room-item { position: relative; -webkit-box-shadow: 0px 1px 13.5px 1.5px rgba(46, 49, 108, 0.08); box-shadow: 0px 1px 13.5px 1.5px rgba(46, 49, 108, 0.08); border-radius: 15px; overflow: hidden; } .wpo-room-area-s2 .room-active .room-item .room-content { position: absolute; left: 0; bottom: -100%; background: #fff; width: 100%; padding: 20px; border-radius: 0px 0px 10px 10px; -webkit-transition: all .5s; transition: all .5s; } .wpo-room-area-s2 .room-active .room-item:hover .room-content { bottom: 0%; } .wpo-room-area-s2 .room-active .owl-controls { width: 100%; margin: 0; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .wpo-room-area-s2 .room-active .owl-nav [class*=owl-] { padding: 0; margin: 0; color: #d7ab4c; -webkit-transition: all 0.3s; transition: all 0.3s; border: 0; background: none; } .wpo-room-area-s2 .room-active .owl-nav [class*=owl-] .fi::before { font-size: 20px; color: #303443; } .wpo-room-area-s2 .room-active .owl-nav .owl-prev, .wpo-room-area-s2 .room-active .owl-nav .owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); background: #fff; width: 50px; height: 50px; border-radius: 50%; opacity: 0; -webkit-transition: all .3s; transition: all .3s; } .wpo-room-area-s2 .room-active .owl-nav .owl-prev:hover, .wpo-room-area-s2 .room-active .owl-nav .owl-next:hover { background: #d7ab4c; } .wpo-room-area-s2 .room-active .owl-nav .owl-prev:hover .fi:before, .wpo-room-area-s2 .room-active .owl-nav .owl-next:hover .fi:before { color: #fff; } @media (max-width: 575px) { .wpo-room-area-s2 .room-active .owl-nav .owl-prev, .wpo-room-area-s2 .room-active .owl-nav .owl-next { display: none; } } .wpo-room-area-s2 .room-active .owl-nav .owl-prev { left: 35px; } .wpo-room-area-s2 .room-active .owl-nav .owl-next { right: 35px; } .wpo-room-area-s2 .room-active .owl-dots { text-align: center; bottom: -10px; position: relative; } .wpo-room-area-s2 .room-active .owl-dots button { width: 10px; height: 12px; border: 0; background: #d4e6f5; margin-right: 10px; border-radius: 50%; } .wpo-room-area-s2 .room-active .owl-dots .owl-dot.active { background-color: #d7ab4c; } .wpo-room-area-s2 .room-active:hover .owl-nav .owl-prev, .wpo-room-area-s2 .room-active:hover .owl-nav .owl-next { opacity: 1; } .wpo-service-area-3 { padding: 120px 0; } @media (max-width: 991px) { .wpo-service-area-3 { padding: 90px 0; } } @media (max-width: 767px) { .wpo-service-area-3 { padding: 80px 0; } } .wpo-service-area-3 .wpo-service-wrap { padding: 0; background: #fff; } /*============================================== 7.0 Room-single-pages ================================================*/ .wpo-hotel-details-section { padding: 80px 0; } .wpo-hotel-details-wrap { -webkit-box-shadow: 0px 10px 40px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px 10px 40px 0px rgba(50, 50, 50, 0.1); background: #fff; border-radius: 120px; } .wpo-hotel-details-area form { background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wpo-hotel-details-area form input, .wpo-hotel-details-area form select, .wpo-hotel-details-area form button { width: 100%; font-size: 20px; border: 0; -webkit-box-shadow: none; box-shadow: none; border-radius: 0; color: #283a5e; font-weight: 700; } .wpo-hotel-details-area form input { padding-left: 0; } @media (max-width: 767px) { .wpo-hotel-details-area form input, .wpo-hotel-details-area form select, .wpo-hotel-details-area form button { height: 50px; font-size: 12px; /* font-size: 0.9375rem; */ } } .wpo-hotel-details-area form select { border-radius: 70px 0 0 70px; padding: 0 25px; background: white; border-right: 1px solid #6cf5fd; } .wpo-hotel-details-area form input:focus, .wpo-hotel-details-area form select:focus { outline: 0; -webkit-box-shadow: none; box-shadow: none; color: #283a5e; } .details-sub { margin-right: 20px; position: relative; } .details-sub:last-child { margin-right: 0; } .details-sub .fi:before { font-size: 20px; } .input-group-addon { background: none; border: none; } .wpo-hotel-details-area form button { font-weight: 600; color: #fff; z-index: 1; position: relative; top: 10px; right: 10px; font-size: 15px; width: 175px; font-size: 16px; padding: 15px 20px; } .wpo-hotel-details-area form button:focus { outline: none; border: none; } .details-sub span { text-transform: uppercase; display: block; margin-bottom: 10px; font-size: 15px; color: #687693; } .details-sub span i { margin-right: 10px; } .wpo-hotel-details-area .details-sub:before { position: absolute; left: -30px; top: 50%; width: 1px; height: 70px; background: #dddddd; content: ""; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .details-sub:first-child:before { display: none; } .details-sub:last-child:before { display: none; } .wpo-hotel-details-area input { border: 0; -webkit-box-shadow: none; box-shadow: none; } @media (max-width: 767px) { .wpo-hotel-details-area .nice-select { height: 50px; line-height: 50px; } } .wpo-hotel-details-area { padding: 50px 20px 20px; } @media (max-width: 590px) { .wpo-hotel-details-area { padding: 20px 2px; padding-bottom: 20px; } } @media (max-width: 1200px) { .wpo-hotel-details-area form input, .wpo-hotel-details-area form select { font-size: 20px; } .wpo-hotel-details-area .nice-select span { font-size: 20px; } .details-sub span { font-size: 15px; } .wpo-hotel-details-area form button { font-size: 15px; } .details-sub:first-child { width: 145px; } .details-sub:nth-child(2) { width: 160px; } } @media (max-width: 992px) { .details-sub span { font-size: 12px; } .details-sub .fi:before { font-size: 14px; } .wpo-hotel-details-area form input, .wpo-hotel-details-area form select { font-size: 14px; } .details-sub:first-child { width: 125px; } .details-sub:nth-child(2) { width: 125px; } .wpo-hotel-details-area .nice-select span { font-size: 15px; } .wpo-hotel-details-area .details-sub:before { display: none; } .hero-style-1 { margin: 0; } } @media (max-width: 767px) { .wpo-hotel-details-area form { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .wpo-hotel-details-wrap { margin-top: 0; padding: 20px; } .wpo-select-section { padding-top: 80px; } } @media (max-width: 550px) { .details-sub { width: 100%; margin-bottom: 30px; border-bottom: 1px solid #ddd; } .details-sub:first-child { width: 100%; } .details-sub:nth-child(2) { width: 100%; } .details-sub:last-child { margin-left: 20px; border-bottom: 0; } } .details-sub h2 { font-size: 20px; margin-bottom: 0; } .wpo-hotel-details-section .details-sub span { font-size: 16px; } .wpo-hotel-details-section .details-sub { -ms-flex-preferred-size: 14%; flex-basis: 14%; text-align: center; } @media (max-width: 991px) { .wpo-hotel-details-section .details-sub { -ms-flex-preferred-size: 22%; flex-basis: 22%; } } @media (max-width: 650px) { .wpo-hotel-details-section .details-sub { -ms-flex-preferred-size: 46%; flex-basis: 46%; padding-bottom: 20px; } } @media (max-width: 560px) { .wpo-hotel-details-section .details-sub { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .wpo-hotel-details-section .details-sub:last-child { -ms-flex-preferred-size: 18%; flex-basis: 18%; } @media (max-width: 991px) { .wpo-hotel-details-section .details-sub:last-child { -ms-flex-preferred-size: 35%; flex-basis: 35%; } } @media (max-width: 650px) { .wpo-hotel-details-section .details-sub:last-child { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } @media (max-width: 560px) { .wpo-hotel-details-section .details-sub:last-child { -ms-flex-preferred-size: 100%; flex-basis: 100%; } } .wpo-hotel-details-section .container { width: 1425px; max-width: 100%; } .wpo-hotel-details-section .details-sub h5 { margin-top: 0; font-size: 18px; color: #687693; margin-bottom: 10px; line-height: 0; } .wpo-hotel-details-section .details-sub h5 span { font-size: 48px; color: #d7ab4c; font-weight: 700; display: inline-block; } .wpo-hotel-details-section .details-sub:last-child { text-align: center; top: 10px; } .wpo-hotel-details-section .details-sub:last-child:before { display: block; } @media (max-width: 991px) { .wpo-hotel-details-section .details-sub:last-child:before { display: none; } } .wpo-hotel-details-section .wpo-hotel-details-area { padding: 50px 20px; } .room-title h2 { margin-top: 0; font-size: 35px; color: #303443; padding-bottom: 20px; border-bottom: 1px solid #ebebeb; margin-bottom: 15px; font-weight: 700; } .room-description p { margin-bottom: 40px; } .room-description .p-wrap { font-size: 20px; color: #384f7c; } .room-d-text .room-title h2 { margin-bottom: 10px; } .room-d-text ul li a { color: #283a5e; display: block; padding: 7px 0; position: relative; padding-left: 20px; } .room-d-text ul li a:before { position: absolute; left: 0; top: 6px; content: "\f105"; font-family: "fontAwesome"; } .room-details-service { margin-top: 20px; } .room-d-img { margin-bottom: 60px; } .pricing-wrap td, .pricing-wrap th { border: 1px solid #ebebeb; text-align: center; font-weight: 500; padding: 10px; width: 5%; color: #6a7998; } .pricing-wrap th { color: #283a5e; font-weight: 600; } .map-area { margin-top: 60px; } .map-area iframe { width: 100%; height: 350px; -webkit-filter: grayscale(100%); filter: grayscale(100%); } .room-review { padding: 80px 0; } .review-item .review-img { float: left; margin-right: 40px; } .review-text { overflow: hidden; } .review-text h2 { font-size: 22px; color: #283a5e; font-weight: 700; margin-top: 0; margin-bottom: 25px; } .review-text ul { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 20px; list-style: none; } .review-text ul li { margin-right: 5px; } .review-text ul li i:before { font-size: 20px; color: #e0a403; } .r-title { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; } .r-title h2 { margin-bottom: 0; } .review-text p { line-height: 35px; } .review-item { margin-bottom: 50px; } .add-review .comment-respond { margin-top: 30px !important; } .add-review .review-text ul { margin-left: 0; } .shipp input[type="checkbox"] { display: none; } .shipp input[type="checkbox"] + label span { display: inline-block; width: 25px; height: 25px; vertical-align: middle; background: #fff; position: relative; margin-right: 10px; margin-top: -2px; border: 1px solid #999999; line-height: 25px; text-align: center; } .shipp input[type="checkbox"] + label span:before { content: "\f00c"; font-family: fontawesome; position: absolute; color: #fff; font-size: 14px; opacity: 0; visibility: hidden; top: -2px; left: 5px; } .shipp input[type="checkbox"]:checked + label span { background-color: #00d690; border-color: transparent; } .shipp input[type="checkbox"]:checked + label span:before { visibility: visible; opacity: 1; } .form-check { margin: 25px 0 40px; } .shipp label { color: #283a5e; font-weight: 400; } .other-room { padding: 80px 0 100px; } .other-room .container { padding: 0; } @media (max-width: 1400px) { .wpo-hotel-details-section .details-sub span { font-size: 13px; } .details-sub h2 { font-size: 15px; } .wpo-hotel-details-section .details-sub h5 span { font-size: 30px; } .wpo-hotel-details-section .details-sub h5 { font-size: 14px; } .wpo-hotel-details-area form button { font-size: 12px; width: 152px; } } @media (max-width: 992px) { .room-details-item { padding: 0 15px; } .room-d-img img { width: 100%; } } @media (max-width: 767px) { .wpo-hotel-details-section .details-sub:last-child { margin-top: 40px; } .wpo-hotel-details-section { padding-top: 60px; } .wpo-hotel-details-section .wpo-hotel-details-wrap { padding: 0px; } } @media (max-width: 650px) { .wpo-hotel-details-section .details-sub:first-child { width: 100%; } .wpo-hotel-details-section .details-sub:nth-child(2) { width: 100%; } .wpo-hotel-details-section .details-sub { width: 100%; margin-bottom: 30px; border-bottom: 1px solid #ddd; } .wpo-hotel-details-section .details-sub:last-child { border-bottom: 0; } .pricing-table { overflow-y: hidden; overflow-x: scroll; } } @media (max-width: 540px) { .review-item .review-img { float: none; margin-bottom: 20px; } .review-text h2 { font-size: 20px; } } .room-d-text2 .room-title h2 { margin-bottom: 10px; } .room-d-text ul, .room-d-text2 ul { list-style: none; } .room-d-text2 ul li a { color: #283a5e; display: block; padding: 7px 0; position: relative; padding-left: 20px; } .room-d-text2 ul li a:before { position: absolute; left: 0; top: 6px; content: "\f105"; font-family: "fontAwesome"; } .room-d-img img { width: 100%; } .room-d-text, .room-d-text2 { -webkit-box-shadow: 0px 10px 40px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px 10px 40px 0px rgba(50, 50, 50, 0.1); padding: 20px; margin-top: 30px; margin-right: -100px; position: relative; z-index: 9; background: #fff; } .room-d-text2 { margin-right: 0; margin-left: -100px; } .room-d-text ul li a:before, .room-d-text2 ul li a:before { top: 7px; content: "\f00c"; background: rgba(252, 76, 76, 0.2); width: 25px; height: 25px; text-align: center; line-height: 25px; border-radius: 50%; color: #d7ab4c; font-size: 14px; } .room-d-text ul li a, .room-d-text2 ul li a { padding-left: 35px; } .room-d-img img { min-height: 430px; -o-object-fit: cover; object-fit: cover; } @media (max-width: 767px) { .room-d-text, .room-d-text2 { margin-top: 0px; margin-right: 0px; margin-bottom: 60px; } .room-d-text2 { margin-right: 0; margin-left: 0px; } } .room-sidebar .check-widget { padding: 30px; border: 1px solid #e9e9e9; } .room-sidebar .check-widget .input-group { position: relative; } .room-sidebar .check-widget .input-group i { position: absolute; right: 10px; top: 10px; } .room-sidebar .check-widget .input-group input, .room-sidebar .check-widget .input-group select { width: 100%; height: 50px; border: 1px solid #e9e9e9; padding: 15px; margin-bottom: 20px; } .room-sidebar .check-widget .input-group input:focus, .room-sidebar .check-widget .input-group select:focus { outline: none; } .room-sidebar .check-widget .input-group select { padding-right: 20px; background: transparent url(../images/select-icon.png) no-repeat calc(100% - 15px) center; display: inline-block; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; cursor: pointer; } .room-sidebar .check-widget button { width: 100%; height: 50px; border-radius: 0; line-height: 20px; } /*-------------------------------------------------------------- 8. service single page --------------------------------------------------------------*/ /*-------------------------------------------------------------- service-single-section --------------------------------------------------------------*/ .service-single-section .service-single-content h2 { font-size: 35px; font-size: 2.33333rem; margin: 0 0 0.7em; text-transform: capitalize; } @media (max-width: 991px) { .service-single-section .service-single-content h2 { font-size: 25px; font-size: 1.66667rem; } } @media (max-width: 767px) { .service-single-section .service-single-content h2 { font-size: 22px; font-size: 1.46667rem; } } .service-single-section .service-single-content h3 { font-size: 30px; font-size: 2rem; text-transform: capitalize; margin: 0 0 1em; } @media (max-width: 991px) { .service-single-section .service-single-content h3 { font-size: 22px; font-size: 1.46667rem; } } @media (max-width: 767px) { .service-single-section .service-single-content h3 { font-size: 20px; font-size: 1.33333rem; } } .service-single-section .service-single-content p { margin-bottom: 1.3em; } .service-single-section .service-single-content .service-single-img { position: relative; margin-bottom: 60px; } @media (max-width: 991px) { .service-single-section .service-single-content .service-single-img { margin-bottom: 50px; } } .service-single-section .service-single-content .why-choose-section { padding-top: 15px; } .service-single-section .service-single-content .why-choose-section .feature-grids { margin: 0 -15px; } @media (max-width: 767px) { .service-single-section .service-single-content .why-choose-section .feature-grids { margin: 0 -7.5px; } } .service-single-section .service-single-content .why-choose-section .feature-grids .grid { background: #fff; width: calc(33% - 30px); float: left; margin: 0 15px 30px; padding: 40px 30px; -webkit-box-shadow: 0px 0px 20px 0px rgba(102, 102, 102, 0.1); box-shadow: 0px 0px 20px 0px rgba(102, 102, 102, 0.1); position: relative; overflow: hidden; -webkit-transition: all 0.5s; transition: all 0.5s; } @media (max-width: 1199px) { .service-single-section .service-single-content .why-choose-section .feature-grids .grid { padding: 30px; } } @media (max-width: 991px) { .service-single-section .service-single-content .why-choose-section .feature-grids .grid { width: calc(50% - 30px); } } @media (max-width: 767px) { .service-single-section .service-single-content .why-choose-section .feature-grids .grid { width: calc(50% - 15px); margin: 0 7.5px 30px; } } @media (max-width: 600px) { .service-single-section .service-single-content .why-choose-section .feature-grids .grid { width: calc(100% - 15px); float: none; } } .service-single-section .service-single-content .why-choose-section .feature-grids .fi:before { font-size: 45px; color: #d7ab4c; } .service-single-section .service-single-content .why-choose-section .feature-grids .grid h3 { font-size: 19px; margin: 0.5em 0 0.73em; } @media (max-width: 1199px) { .service-single-section .service-single-content .why-choose-section .feature-grids .grid h3 { font-size: 18px; } } .service-single-section .service-single-content .why-choose-section .feature-grids .grid p { margin: 0; } .service-single-section .service-single-content .why-choose-section .feature-grids .hover-icon { position: absolute; right: -40px; top: -40px; } .service-single-section .service-single-content .why-choose-section .feature-grids .hover-icon .fi:before { font-size: 100px; color: rgba(255, 255, 255, 0.1); } .service-single-section .service-single-content .why-choose-section .feature-grids .grid:hover { background: #d7ab4c; border-radius: 15px 15px 15px 0; } .service-single-section .service-single-content .why-choose-section .feature-grids .grid:hover .icon .fi:before, .service-single-section .service-single-content .why-choose-section .feature-grids .grid:hover h3, .service-single-section .service-single-content .why-choose-section .feature-grids .grid:hover p { color: #fff; } .service-single-section .service-single-content .tab-area { margin-top: 40px; } .service-single-section .service-single-content .tab-area .tablinks { border-top: 1px solid #eeeeee; margin-bottom: 15px; } .service-single-section .service-single-content .tab-area .tablinks ul { overflow: hidden; border-bottom: 0; } .service-single-section .service-single-content .tab-area .tablinks li { width: 25%; float: left; position: relative; } @media (max-width: 500px) { .service-single-section .service-single-content .tab-area .tablinks li { width: auto; } } .service-single-section .service-single-content .tab-area .tablinks ul > li + li:before { content: ""; background: #787878; width: 5px; height: 2px; position: absolute; left: -30px; top: 50%; } @media (max-width: 500px) { .service-single-section .service-single-content .tab-area .tablinks ul > li + li:before { display: none; } } .service-single-section .service-single-content .tab-area .tablinks a { font-size: 18px; color: #585858; padding: 25px 0; display: block; position: relative; border: 0; } @media (max-width: 767px) { .service-single-section .service-single-content .tab-area .tablinks a { font-size: 16px; } } @media (max-width: 500px) { .service-single-section .service-single-content .tab-area .tablinks a { padding: 25px 15px; } } .service-single-section .service-single-content .tab-area .tablinks a:before { content: ""; background: #d7ab4c; width: 100%; height: 2px; position: absolute; left: 0; top: 0; opacity: 0; } .service-single-section .service-single-content .tab-area .tablinks li a.active:before { opacity: 1; } .service-single-section .service-single-content .tab-area .tablinks li a:hover, .service-single-section .service-single-content .tab-area .tablinks li a:focus, .service-single-section .service-single-content .tab-area .tablinks li a.active { border: none; } .service-single-section .service-single-content .tab-area .tablinks li.active a { text-decoration: none; } .service-single-section .service-single-content .tab-area .tab-pane > p:first-child { font-size: 20px; margin-bottom: 1.3em; } @media (max-width: 767px) { .service-single-section .service-single-content .tab-area .tab-pane > p:first-child { font-size: 16px; } } .service-single-section .service-single-content .tab-area .tab-pane > p:last-child { margin-bottom: 0; } .service-single-section .service-single-content .tab-area .img-area { margin: 0 -15px; padding: 40px 0 30px; overflow: hidden; } @media (max-width: 767px) { .service-single-section .service-single-content .tab-area .img-area { margin: 0 -7.5px; padding: 30px 0 20px; } } .service-single-section .service-single-content .tab-area .img-area img { width: calc(50% - 30px); float: left; margin: 0 15px 30px; } @media (max-width: 767px) { .service-single-section .service-single-content .tab-area .img-area img { width: calc(50% - 15px); float: left; margin: 0 7.5px 30px; } } @media (max-width: 500px) { .service-single-section .service-single-content .tab-area .img-area img { width: calc(100% - 15px); float: none; } } /*-------------------------------------------------------------- 9. wpo-destination-single-section --------------------------------------------------------------*/ @media (max-width: 991px) { .wpo-destination-single-section { padding-bottom: 60px; } } .wpo-destination-single-section .wpo-destination-single-wrap img { width: 100%; } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-destination-single-content .wpo-destination-single-content-des { padding: 60px 0; } @media (max-width: 767px) { .wpo-destination-single-section .wpo-destination-single-wrap .wpo-destination-single-content .wpo-destination-single-content-des { padding: 35px 0; } } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-destination-single-content .wpo-destination-single-content-des h2 { font-size: 33px; font-family: "Futura PT"; margin-bottom: 30px; font-weight: 700; } @media (max-width: 767px) { .wpo-destination-single-section .wpo-destination-single-wrap .wpo-destination-single-content .wpo-destination-single-content-des h2 { font-size: 25px; margin-bottom: 16px; } } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-destination-single-content .wpo-destination-single-content-des p { margin-bottom: 30px; } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-destination-single-content .wpo-destination-single-content-des .wpo-destination-single-sub-img { margin-top: 50px; } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-destination-single-content .wpo-destination-single-content-des .wpo-destination-single-sub-img ul { display: -webkit-box; display: -ms-flexbox; display: flex; list-style: none; } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-destination-single-content .wpo-destination-single-content-des .wpo-destination-single-sub-img li { padding-left: 10px; padding-right: 10px; } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-destination-single-content .wpo-destination-single-content-des .wpo-destination-single-sub-img li:last-child { padding-left: 10px; padding-right: 0; } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-related-section h2 { font-size: 30px; font-family: "Futura PT"; margin-bottom: 30px; font-weight: 700; } @media (max-width: 575px) { .wpo-destination-single-section .wpo-destination-single-wrap .wpo-related-section h2 { font-size: 25px; } } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-related-section .wpo-related-item { background: #fff; padding: 30px 25px; margin-bottom: 30px; -webkit-box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1); box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1); } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-related-section .wpo-related-item .wpo-related-icon { width: 65px; height: 65px; background: #f5f5f7; line-height: 65px; text-align: center; border-radius: 50%; } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-related-section .wpo-related-item .wpo-related-icon img { width: 50px; line-height: 50px; height: 50px; } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-related-section .wpo-related-item .wpo-related-icon .fi:before { font-size: 30px; color: #d7ab4c; } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-related-section .wpo-related-item .wpo-related-text h2 { font-size: 22px; font-weight: 600; margin: 20px 0 15px; } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-related-section .wpo-related-item .wpo-related-text h2 a { color: #303443; } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-related-section .wpo-related-item .wpo-related-text h2 a:hover { color: #d7ab4c; } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-related-section .wpo-related-item .wpo-related-text p { margin-bottom: 0; } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-benefits-section { padding-top: 30px; } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-benefits-section h2 { font-size: 30px; font-family: "Futura PT"; margin-bottom: 30px; font-weight: 700; } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-benefits-section .accordion { border-top: 1px solid #e1e1e1; } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-benefits-section .accordion-item { border: 0; border-bottom: 1px solid #e1e1e1; } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-benefits-section .accordion-item .accordion-body { padding-left: 0; padding-right: 0; } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-benefits-section .accordion-item button { padding: 16px; border: 0; border-radius: 0; padding-left: 0; padding-right: 0; font-size: 20px; color: #303443; text-align: left; font-family: "Muli"; font-weight: 600; } @media (max-width: 767px) { .wpo-destination-single-section .wpo-destination-single-wrap .wpo-benefits-section .accordion-item button { font-size: 16px; } } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-benefits-section .accordion-item button::after { background: none; font-family: "themify"; content: "\e622"; font-size: 15px; -webkit-transform: rotate(0deg); transform: rotate(0deg); font-weight: 700; } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-benefits-section .accordion-item button.collapsed { color: #373b3e; } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-benefits-section .accordion-item button.collapsed::after { content: "\e61a"; } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-benefits-section .accordion-item button:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; border-color: #e1e1e1; } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-benefits-section .accordion-item .accordion-collapse { border: 0; } .wpo-destination-single-section .wpo-destination-single-wrap .wpo-benefits-section .accordion-button { background: transparent; } .wpo-single-sidebar { padding-left: 20px; } @media (max-width: 991px) { .wpo-single-sidebar { padding-left: 0; margin-top: 60px; } } .wpo-single-sidebar .widget { padding: 30px 40px; margin-bottom: 40px; background: #f9f9f9; } @media (max-width: 1200px) { .wpo-single-sidebar .widget { padding: 20px; } } .wpo-single-sidebar .widget h2 { font-size: 25px; font-family: "Futura PT"; padding-bottom: 20px; position: relative; font-weight: 700; text-align: left; display: block; margin-bottom: 30px; } .wpo-single-sidebar .widget h2::before { position: absolute; left: 0; bottom: 0; background: #d7ab4c; content: ""; width: 70px; height: 4px; } .wpo-single-sidebar .widget ul { list-style: none; } .wpo-single-sidebar .wpo-service-widget ul li a { display: block; padding: 15px 0; font-size: 16px; color: #303443; font-weight: 600; border-bottom: 1px solid #e1e1e1; padding-left: 30px; position: relative; } .wpo-single-sidebar .wpo-service-widget ul li a:before { position: absolute; left: 0; top: 15px; font-family: "themify"; content: "\e649"; font-size: 14px; color: #d7ab4c; } .wpo-single-sidebar .wpo-service-widget ul li a:hover { color: #d7ab4c; } .wpo-single-sidebar .wpo-service-widget ul li:last-child a { padding-bottom: 0; border-bottom: 0; } .wpo-single-sidebar .wpo-service-widget ul li:first-child a { padding-top: 0; } .wpo-single-sidebar .wpo-service-widget ul li:first-child a:before { top: 2px; } .wpo-single-sidebar .wpo-newsletter-widget p { font-size: 18px; color: #303443; text-align: left; } .wpo-single-sidebar .wpo-newsletter-widget span { font-size: 15px; color: #848892; } .wpo-single-sidebar .wpo-newsletter-widget span a { color: #303443; font-weight: 700; } .wpo-single-sidebar .wpo-newsletter-widget span a:hover { color: #d7ab4c; } .wpo-single-sidebar .wpo-newsletter-widget .form input { border: 0; display: block; width: 100%; height: 50px; border-radius: 0px; border: 1px solid #e1e1e1; padding: 15px; text-align: center; } .wpo-single-sidebar .wpo-newsletter-widget .form input:focus { -webkit-box-shadow: none; box-shadow: none; } .wpo-single-sidebar .wpo-newsletter-widget .form button { background: #d7ab4c; width: 100%; height: 50px; border-radius: 0px; text-align: center; color: #fff; border: none; margin: 20px 0; } .wpo-single-sidebar .wpo-instagram-widget ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .wpo-single-sidebar .wpo-instagram-widget ul li { -ms-flex: 0 0 33.33%; -webkit-box-flex: 0; flex: 0 0 33.33%; max-width: 33.33%; margin-bottom: 5px; padding: 0px 3px; } .wpo-single-sidebar .wpo-instagram-widget ul li img { width: 100%; } .wpo-single-sidebar .wpo-contact-widget { border: 0; background: url(../images/bg-2.jpg) no-repeat center center; position: relative; background-size: cover; z-index: 1; } .wpo-single-sidebar .wpo-contact-widget:before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(48, 52, 67, 0.9); content: ""; z-index: -1; } .wpo-single-sidebar .wpo-contact-widget h2 { font-size: 36px; font-weight: 700; text-align: left; color: #fff; margin-bottom: 20px; } .wpo-single-sidebar .wpo-contact-widget h2::before { background: #fff; } .wpo-single-sidebar .wpo-contact-widget p { color: #fff; font-size: 18px; } .wpo-single-sidebar .wpo-contact-widget a { display: inline-block; padding: 10px 20px; border: 1px solid #fff; font-size: 18px; color: #fff; padding-right: 90px; position: relative; margin-top: 10px; } .wpo-single-sidebar .wpo-contact-widget a::before { font-family: "themify"; content: "\e628"; font-size: 18px; position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /*=========================== 10. wpo-cart-page-style ===========================*/ .cart-area .cart-wrapper { -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1); box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1); } @media (max-width: 991px) { .cart-area .cart-wrapper table { width: 1022px; } } @media (max-width: 991px) { .cart-area .cart-wrapper form { overflow: scroll; overflow-y: hidden; } } .cart-area .cart-wrap td, .cart-area .cart-wrap th { width: 10%; border-bottom: 1px solid #f0f0f094; text-align: center; font-weight: 400; color: #414141; } .cart-area .cart-wrap td ul, .cart-area .cart-wrap th ul { list-style: none; } .cart-area .cart-wrap th { border-bottom: 1px solid #f0f0f094; padding: 40px 0; } .cart-area .cart-wrap thead { background: #fff; color: #505050; padding: 40px; } .cart-area .cart-area form { margin: auto; text-align: center; background: #fff; } .cart-area .cart-wrap .product { width: 15%; } .cart-area .cart-wrap .product ul { text-align: left; padding-left: 30px; list-style: none; } .cart-area .cart-wrap .product ul li { padding-bottom: 5px; } .cart-area .cart-wrap .product a { font-size: 16px; color: #a5a4a4; } .cart-area .cart-wrap .product-2 { text-align: left; padding-left: 55px; } .cart-area .cart-wrap .product a:hover { color: #d7ab4c; } .cart-area .cart-wrap th { height: 80px; font-weight: 700; } .cart-area .cart-wrap td { padding: 40px 25px; } .cart-area .cart-wrap td.action ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; list-style: none; } .cart-area .cart-wrap td.action ul .w-btn-view a { line-height: 45px; } .cart-area .cart-wrap td span { display: block; width: 100px; height: 38px; line-height: 34px; color: #ee9902; font-size: 14px; border: 1.5px solid #ee9902; border-radius: 4px; } .cart-area .cart-wrap td.Del span { color: #4ABA4E; border: 1.5px solid #4ABA4E; } .cart-area .cart-wrap td.can span { color: #D85656; border: 1.5px solid #D85656; } .cart-area .cart-wrap td.pro span { color: #691A5F; border: 1.5px solid #691A5F; } .cart-area .cart-wrap .name { width: 15%; } .cart-area .cart-wrap .action a { display: block; width: 40px; height: 38px; line-height: 45px; background: #414141; color: #fff; border-radius: 4px; font-size: 14px; } .cart-area .cart-wrap .action a .fi::before { font-size: 20px; } .cart-area .cart-wrap .action a:hover { background: #d7ab4c; } .cart-area .cart-wrap .action li.c-btn { margin-right: 10px; } .cart-area .cart-wrap .action li.c-btn a { background-color: #d7ab4c; } .cart-area .order-wrap { padding: 0; } .cart-area .cart-wrap tr:nth-child(even) { background: #FCFCFC; } .cart-area .cart-wrap .quantity { position: relative; max-width: 110px; margin: 0 auto; } .cart-area .quantity input { width: 105px; padding: 0px 35px; text-align: center; height: 36px; position: relative; background: #f2f2f5; border: none; border-radius: 40px; } .cart-area .quantity .qtybutton { position: absolute; top: 0; left: 0px; height: 30px; width: 30px; text-align: center; line-height: 28px; font-size: 18px; cursor: pointer; color: #333; background: #fafaff; border-radius: 30px; } .cart-area .cart-wrap .quantity .qtybutton { top: 50%; left: 5px; transform: translateY(-51%); -webkit-transform: translateY(-51%); -moz-transform: translateY(-51%); } .cart-area .cart-wrap .quantity .qtybutton.dec { border-left: none; } .cart-area .cart-wrap .quantity .qtybutton.inc { right: 5px; left: auto; border-right: none; } .cart-area .submit-btn-area { padding: 40px; } .cart-area .submit-btn-area ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; list-style: none; } @media (max-width: 450px) { .cart-area .submit-btn-area ul { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .cart-area .submit-btn-area ul li:last-child { margin-left: 20px; } @media (max-width: 450px) { .cart-area .submit-btn-area ul li:last-child { margin-left: 3px; margin-top: 5px; } } .cart-area .submit-btn-area button { padding: 15px 40px; border: none; background: #333; color: #fff; -webkit-transition: all .3s; transition: all .3s; outline: none; border-radius: 40px; } .cart-area .submit-btn-area button:hover { background: #d7ab4c; } .cart-area .submit-btn-area .theme-btn, .cart-area .submit-btn-area .view-cart-btn { text-transform: capitalize; font-size: 15px; font-weight: 500; line-height: 27px; } .cart-area .cart-product-list ul { border-top: 1px solid #f0f0f094; padding-top: 20px; list-style: none; } .cart-area .cart-product-list ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0px 30px; font-weight: 300; font-size: 18px; line-height: 21px; color: #414141; padding-bottom: 30px; } .cart-area .cart-product-list ul li.cart-b { border-top: 1px solid #f0f0f094; border-bottom: 1px solid #f0f0f094; color: #d7ab4c; padding-top: 30px; font-weight: 600; } /*=============================== 11. wpo-checkout-page-style ================================*/ .wpo-checkout-area .checkout-wrap { background: #fff; } .wpo-checkout-area .checkout-wrap ul { list-style: none; } .wpo-checkout-area #open2 { display: block; } .wpo-checkout-area #open3 { display: none; } .wpo-checkout-area #open4 { display: none; } .wpo-checkout-area .create-account p { margin-bottom: 15px; } .wpo-checkout-area .create-account { display: none; padding: 20px; } .wpo-checkout-area .create-account span { margin-bottom: 20px; display: block; } .wpo-checkout-area .input-wrap { position: relative; } .wpo-checkout-area .create-account input { width: 100%; height: 50px; border: 1px solid #ebebeb; margin-bottom: 25px; padding-left: 20px; border-radius: 40px; } .wpo-checkout-area .create-account input:focus { outline: none; } .wpo-checkout-area .create-account button { position: absolute; right: 0; top: 0; height: 50px; background: #333; color: #fff; width: 108px; border: none; outline: none; -webkit-box-shadow: none; box-shadow: none; cursor: pointer; border-top-right-radius: 40px; border-bottom-right-radius: 40px; } .wpo-checkout-area .create-account button:hover { background: #d7ab4c; } .wpo-checkout-area .coupon { position: relative; cursor: pointer; cursor: pointer; background: #fffbf5; } .wpo-checkout-area .coupon:before { position: absolute; right: 30px; top: 21px; content: "\e64b"; font-family: 'themify'; } .wpo-checkout-area .coupon span { position: absolute; right: 30px; top: 30px; } .wpo-checkout-area .coupon label { margin-bottom: 0; font-weight: 500; font-size: 18px; color: #0F0F0F; cursor: pointer; padding: 20px 20px; border-left: 4px solid #d7ab4c; -webkit-transition: all .3s; transition: all .3s; width: 100%; } @media (max-width: 767px) { .wpo-checkout-area .coupon label { font-size: 15px; } } .wpo-checkout-area .caupon-wrap { background: #fff; margin-bottom: 20px; -webkit-transition: all .3s; transition: all .3s; -webkit-box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1); box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1); } .wpo-checkout-area .active-border { -webkit-transition: all .3s; transition: all .3s; } .wpo-checkout-area .s1.active-border .coupon-active label, .wpo-checkout-area .s3.coupon-2 .coupon-3 label { border-left: none; border-top: 4px solid #d7ab4c; border-bottom: 1px solid #ffe5dc; } .wpo-checkout-area .s2 .coupon-3 { border-top: 4px solid #d7ab4c; } .wpo-checkout-area .s2.coupon-2 .coupon-3 { border-top: 0; } .wpo-checkout-area .s2 .coupon-3 label { border-left: 0; border-bottom: 1px solid #ffe5dc; } .wpo-checkout-area .s2.coupon-2 .coupon-3 label { border-left: 4px solid #d7ab4c; border-bottom: 0; } .wpo-checkout-area .billing-adress .form-style input, .wpo-checkout-area .billing-adress .form-style select { width: 100%; margin-bottom: 15px; padding-left: 10px; height: 40px; background: #fff; border-radius: 2px; border: none; border: 1px solid #ebebeb; border-radius: 40px; } .wpo-checkout-area .billing-adress .form-style input:focus, .wpo-checkout-area .billing-adress .form-style select:focus { outline: none; -webkit-box-shadow: none; box-shadow: none; } .wpo-checkout-area .billing-adress .form-style select { -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -moz-appearance: none; background: transparent url(../images/select-icon2.png) no-repeat calc(100% - 15px) center; position: relative; } .wpo-checkout-area .billing-adress { padding: 30px; } .wpo-checkout-area .note-area textarea { width: 100%; height: 150px; padding-top: 10px; margin-bottom: 0; padding-left: 10px; border: 1px solid #ebebeb; border-radius: 20px; } .wpo-checkout-area .note-area textarea:focus { outline: none; } .wpo-checkout-area .biling-item-2 { margin-top: 20px; } .wpo-checkout-area .biling-item-2 label.fontsize { margin-bottom: 20px; } .wpo-checkout-area .biling-item-2 .billing-adress { padding: 0; } .wpo-checkout-area .payment-name ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } @media (max-width: 575px) { .wpo-checkout-area .payment-name ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .wpo-checkout-area .payment-area form { overflow: unset !important; } .wpo-checkout-area .payment-name ul li { width: 100px; height: 60px; text-align: center; line-height: 60px; } .wpo-checkout-area .payment-name ul li input { margin-right: 0; } .wpo-checkout-area .payment-name ul li { margin-right: 15px; } @media (max-width: 575px) { .wpo-checkout-area .payment-name ul li { margin-bottom: 10px; } } .wpo-checkout-area .payment-area h2 { padding-bottom: 40px; margin-bottom: 0; } .wpo-checkout-area .payment-select { padding: 40px 0; } .wpo-checkout-area .payment-select ul { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 575px) { .wpo-checkout-area .payment-select ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .wpo-checkout-area .payment-select ul li { margin-right: 10px; font-size: 15px; font-weight: 500; color: #5B5B5B; } .wpo-checkout-area .payment-select label { font-size: 18px; font-weight: 600; } @media (max-width: 575px) { .wpo-checkout-area .payment-select label { font-size: 14px; } } .wpo-checkout-area .payment-area h2 { font-size: 20px; color: #878787; font-weight: 700; } .wpo-checkout-area .payment-area h2 span { font-size: 30px; color: #ff493c; } .wpo-checkout-area .payment-area { width: 100%; } .wpo-checkout-area .payment-name ul li input { margin-right: 0; position: absolute; z-index: -1; } .wpo-checkout-area .payment-name ul li input:checked ~ label { border: 1px solid #ff493c; } .wpo-checkout-area .payment-name label { width: 100%; border: 1px solid transparent; } .wpo-checkout-area .payment-name .visa label { border: 1px solid #0057A0; } .wpo-checkout-area .payment-name .mas label { border: 1px solid #CC0000; } .wpo-checkout-area .payment-name .ski label { border: 1px solid #691A5F; } .wpo-checkout-area .payment-name .pay label { border: 1px solid #019CDE; } .wpo-checkout-area .payment-option { padding: 30px; } .wpo-checkout-area .payment-name { display: none; } .wpo-checkout-area .payment-name.active { display: block; } .wpo-checkout-area .payment-option.active .payment-name { display: none !important; } .wpo-checkout-area .payment-area .form-style input, .wpo-checkout-area .payment-area .form-style select { width: 100%; margin-bottom: 15px; padding-left: 10px; height: 40px; background: #fff; border-radius: 2px; border: none; border: 1px solid #ebebeb; border-radius: 40px; } .wpo-checkout-area .payment-area .form-style input:focus, .wpo-checkout-area .payment-area .form-style select:focus { outline: none; } .wpo-checkout-area .payment-area .contact-form { margin-top: 40px; } .wpo-checkout-area .cout-order-area { -webkit-box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1); box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1); } .wpo-checkout-area .cout-order-area .oreder-item ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 30px; font-weight: 300; font-size: 18px; line-height: 21px; color: #414141; } .wpo-checkout-area .cout-order-area .oreder-item ul li.s-total { font-weight: 400; } .wpo-checkout-area .cout-order-area .oreder-item ul .o-header { color: #0F0F0F; font-size: 20px; font-weight: 600; border-bottom: 1px solid #ebebeb; } .wpo-checkout-area .cout-order-area .oreder-item ul .o-middle { border-bottom: 1px solid #ebebeb; } .wpo-checkout-area .cout-order-area .oreder-item ul .o-bottom { border-top: 1px solid #ebebeb; color: #d7ab4c; font-weight: 600; } .wpo-checkout-area .create-account.active { display: block; } .wpo-checkout-area .contact-form .form-control { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } .wpo-checkout-area .contact-form input, .wpo-checkout-area .contact-form select { margin-top: 10px; } .wpo-checkout-area .submit-btn-area { margin-top: 20px; } .wpo-checkout-area .submit-btn-area .theme-btn, .wpo-checkout-area .submit-btn-area .view-cart-btn { text-transform: capitalize; } /*-------------------------------------------------------------- 12. wpo-shop-page --------------------------------------------------------------*/ .wpo-shop-section .shop-grids { margin: 0 -15px; } @media (max-width: 767px) { .wpo-shop-section .shop-grids { margin: 0 -7px; } } .wpo-shop-section .grid { width: calc(33.33% - 30px); float: left; margin: 0 15px 30px; } @media (max-width: 991px) { .wpo-shop-section .grid { width: calc(50% - 30px); } } @media (max-width: 767px) { .wpo-shop-section .grid { width: calc(50% - 15px); margin: 0 7px 15px; } } @media (max-width: 550px) { .wpo-shop-section .grid { width: calc(100% - 15px); float: none; } } .wpo-shop-section .grid img { width: 100%; } .wpo-shop-section .details { background-color: #f7f7f7; text-align: center; padding: 35px 15px; } .wpo-shop-section .details h3 { font-size: 20px; font-size: 1.33333rem; margin: 0 0 0.5em; font-weight: 700; } @media (max-width: 991px) { .wpo-shop-section .details h3 { font-size: 16px; font-size: 1.06667rem; } } .wpo-shop-section .details h3 a { color: #303443; } .wpo-shop-section .details h3 a:hover { color: #d7ab4c; } .wpo-shop-section .details del { color: #585858; } .wpo-shop-section .details del + span { display: inline-block; padding-left: 20px; } .wpo-shop-section .add-to-cart { margin-top: 20px; } .wpo-shop-section .add-to-cart a { font-family: "Muli"; font-size: 15px; font-size: 1rem; font-weight: 600; color: #d7ab4c; padding: 12px 20px; border: 2px solid #d7ab4c; display: inline-block; border-radius: 50px; } @media (max-width: 767px) { .wpo-shop-section .add-to-cart a { font-size: 12px; font-size: 0.8rem; padding: 8px 18px; } } .wpo-shop-section .add-to-cart a:hover { background-color: #d7ab4c; color: #fff; } .wpo-shop-section .add-to-cart a i { font-size: 15px; font-size: 1rem; display: inline-block; padding-left: 5px; } .wpo-shop-section .grid:hover .add-to-cart a { background-color: #d7ab4c; color: #fff; } /*-------------------------------------------------------------- 13. wpo-shop-single-page --------------------------------------------------------------*/ .wpo-shop-single-section { /*** product slider ***/ /*** product info ***/ } .wpo-shop-single-section .shop-single-slider .slider-for { text-align: center; } .wpo-shop-single-section .shop-single-slider .slider-for img { display: inline-block; } .wpo-shop-single-section .shop-single-slider .slider-nav { padding: 0 25px; margin-top: 35px; } .wpo-shop-single-section .shop-single-slider .slider-nav > i { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 100; } .wpo-shop-single-section .shop-single-slider .slider-nav > i:hover { cursor: pointer; } .wpo-shop-single-section .shop-single-slider .slider-nav .nav-btn-rt { left: auto; right: 0; } .wpo-shop-single-section .shop-single-slider .slider-nav .slick-slide { text-align: center; } .wpo-shop-single-section .shop-single-slider .slider-nav .slick-slide img { display: inline-block; } .wpo-shop-single-section .product-details { padding: 15px 30px 80px; /*** product option ***/ } @media (max-width: 1199px) { .wpo-shop-single-section .product-details { padding: 10px 30px 15px; } } @media (max-width: 991px) { .wpo-shop-single-section .product-details { margin-top: 45px; padding: 40px 30px; } } @media (max-width: 767px) { .wpo-shop-single-section .product-details { padding: 0; } } .wpo-shop-single-section .product-details h2 { font-size: 35px; font-size: 2.33333rem; line-height: 1.4em; margin: 0 0 0.33em; font-weight: 700; } @media (max-width: 767px) { .wpo-shop-single-section .product-details h2 { font-size: 22px; font-size: 1.46667rem; } } .wpo-shop-single-section .product-details .price { font-size: 25px; font-size: 1.66667rem; color: #d7ab4c; margin: 7px 0 20px; font-weight: 700; } @media (max-width: 991px) { .wpo-shop-single-section .product-details .price { font-size: 30px; font-size: 2rem; } } @media (max-width: 767px) { .wpo-shop-single-section .product-details .price { font-size: 25px; font-size: 1.66667rem; } } .wpo-shop-single-section .product-details .price .old { font-size: 24px; font-size: 1.6rem; font-weight: normal; color: #8b8b8b; text-decoration: line-through; display: inline-block; margin-left: 5px; font-weight: 500; } @media (max-width: 991px) { .wpo-shop-single-section .product-details .price .old { font-size: 20px; font-size: 1.33333rem; } } @media (max-width: 767px) { .wpo-shop-single-section .product-details .price .old { font-size: 18px; font-size: 1.2rem; } } .wpo-shop-single-section .product-details .product-rt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .wpo-shop-single-section .product-details .product-rt .rating { margin-right: 10px; } .wpo-shop-single-section .product-details .product-rt .rating i { color: #f9d322; } .wpo-shop-single-section .product-details p { margin-bottom: 1.3em; } .wpo-shop-single-section .product-details ul { list-style: none; } .wpo-shop-single-section .product-details ul li { padding-left: 20px; position: relative; margin-bottom: 10px; } .wpo-shop-single-section .product-details ul li:before { position: absolute; left: 0; top: 6px; width: 8px; height: 8px; background: #d7ab4c; content: ""; border-radius: 50%; } .wpo-shop-single-section .product-details .product-option { margin-top: 30px; } .wpo-shop-single-section .product-details .tg-btm { margin-top: 25px; } .wpo-shop-single-section .product-details .tg-btm p { margin-bottom: 0px; } .wpo-shop-single-section .product-details .tg-btm p span { font-weight: 700; color: #303443; margin-right: 5px; } .wpo-shop-single-section .product-details .product-option .product-row button:after { display: none; } .wpo-shop-single-section .product-details .product-option .product-row > div { height: 35px; display: inline-block; } .wpo-shop-single-section .product-details .product-option .product-row > div + div { margin-left: 15px; } .wpo-shop-single-section .product-details .product-option .product-row > div + div .theme-btn, .wpo-shop-single-section .product-details .product-option .product-row > div + div .view-cart-btn { border-radius: 0; border-width: 1px; height: 40px; padding: 0 18px; } .wpo-shop-single-section .product-details .product-option .product-row > div:first-child { width: 85px; } .wpo-shop-single-section .product-details .product-option .product-row > div:last-child .theme-btn:hover, .wpo-shop-single-section .product-details .product-option .product-row > div:last-child .view-cart-btn:hover { background: #d7ab4c; border-color: #d7ab4c; color: #fff; } .wpo-shop-single-section .product-details .product-option .theme-btn, .wpo-shop-single-section .product-details .product-option .view-cart-btn { background-color: transparent; color: #333; font-size: 14px; font-size: 0.93333rem; padding: 0 20px; height: 35px; line-height: 32px; outline: 0; border: 2px solid #e6e6e6; border-radius: 0; } .wpo-shop-single-section .product-details .product-option .theme-btn:hover, .wpo-shop-single-section .product-details .product-option .view-cart-btn:hover { background-color: #d7ab4c; color: #fff; border-color: #d7ab4c; } @media (max-width: 767px) { .wpo-shop-single-section .product-details .product-option .theme-btn, .wpo-shop-single-section .product-details .product-option .view-cart-btn { font-size: 14px; font-size: 0.93333rem; } } .wpo-shop-single-section .product-details .product-option .theme-btn:before, .wpo-shop-single-section .product-details .product-option .view-cart-btn:before { display: none; } .wpo-shop-single-section .product-details .product-option .heart-btn i { font-size: 15px; font-size: 1rem; } .wpo-shop-single-section .product-details .product-option .product-row > div:last-child .theme-btn, .wpo-shop-single-section .product-details .product-option .product-row > div:last-child .view-cart-btn { background-color: #fff; font-size: 18px; font-size: 1.2rem; color: #585858; border: 1px solid #e6e6e6; } .wpo-shop-single-section .product-details #product-count { border-radius: 0; border: 1px solid #e6e6e6; } .wpo-shop-single-section .product-details #product-count:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } .wpo-shop-single-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up, .wpo-shop-single-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down { border-radius: 0; border-color: #e6e6e6; display: block; padding: 1px 4px; font-size: 10px; } .wpo-shop-single-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-up:hover, .wpo-shop-single-section .product-details .bootstrap-touchspin .input-group-btn-vertical .bootstrap-touchspin-down:hover { background-color: #d7ab4c; color: #fff; } .wpo-shop-single-section .product-info { margin-top: 75px; /*** tabs ***/ /*** client rv ***/ /*** review form ***/ } @media (max-width: 991px) { .wpo-shop-single-section .product-info { margin-top: 40px; } } .wpo-shop-single-section .product-info h4 { font-size: 18px; font-size: 1.2rem; margin: 0; line-height: 1.7em; font-weight: 700; margin-bottom: 10px; } .wpo-shop-single-section .product-info p { margin-bottom: 1.3em; } .wpo-shop-single-section .product-info .tab-pane p:last-child { margin-bottom: 0; } .wpo-shop-single-section .product-info .nav-tabs { font-family: "Futura PT"; border: 0; } @media (max-width: 767px) { .wpo-shop-single-section .product-info .nav-tabs { margin-bottom: 20px; } } .wpo-shop-single-section .product-info .nav-tabs li { margin-right: 1px; } .wpo-shop-single-section .product-info .nav-tabs li a.active { border: 0; outline: 0; } .wpo-shop-single-section .product-info .nav-tabs a { font-size: 15px; font-size: 1rem; color: #585858; border: 0; border-radius: 0; margin: 0; display: block; padding: 12px 20px 11px; font-family: "Muli"; position: relative; } @media (max-width: 767px) { .wpo-shop-single-section .product-info .nav-tabs a { font-size: 14px; font-size: 0.93333rem; font-weight: normal; padding: 10px 10px 8px; text-transform: none; } } .wpo-shop-single-section .product-info .nav-tabs a:before { position: absolute; left: 0; bottom: 0; width: 100%; height: 3px; background: #d7ab4c; border-radius: 4px; content: ""; opacity: 0; visibility: hidden; } .wpo-shop-single-section .product-info .nav-tabs a:hover:before, .wpo-shop-single-section .product-info .nav-tabs a.active:before { opacity: 1; visibility: visible; } .wpo-shop-single-section .product-info .nav-tabs .active, .wpo-shop-single-section .product-info .nav-tabs li:hover { border-color: #d7ab4c; } .wpo-shop-single-section .product-info .tab-content { border-top: 1px solid rgba(252, 76, 76, 0.3); padding-top: 30px; margin-top: -1px; } @media (max-width: 767px) { .wpo-shop-single-section .product-info .tab-content { border: 0; padding: 0; margin: 0; } } .wpo-shop-single-section .product-info .client-rv { overflow: hidden; margin-bottom: 30px; } .wpo-shop-single-section .product-info .client-rv:last-child { margin-bottom: 0; } .wpo-shop-single-section .product-info .client-rv .client-pic { width: 100px; float: left; } .wpo-shop-single-section .product-info .client-rv .client-pic img { border-radius: 50%; } @media (max-width: 767px) { .wpo-shop-single-section .product-info .client-rv .client-pic { width: 100%; float: none; margin-bottom: 10px; } } .wpo-shop-single-section .product-info .client-rv .details { width: calc(100% - 130px); float: right; } @media (max-width: 767px) { .wpo-shop-single-section .product-info .client-rv .details { width: 100%; float: none; } } .wpo-shop-single-section .product-info .client-rv .name-rating .product-rt { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 767px) { .wpo-shop-single-section .product-info .client-rv .name-rating-time { padding-bottom: 3px; } } .wpo-shop-single-section .product-info .client-rv .name-rating-time > div, .wpo-shop-single-section .product-info .client-rv .name-rating > div { display: inline-block; font-size: 14px; font-size: 0.93333rem; } @media (max-width: 767px) { .wpo-shop-single-section .product-info .client-rv .name-rating-time > div, .wpo-shop-single-section .product-info .client-rv .name-rating > div { font-size: 12px; font-size: 0.8rem; display: block; } } .wpo-shop-single-section .product-info .client-rv .rating { font-size: 12px; padding-left: 12px; } .wpo-shop-single-section .product-info .client-rv .rating i { color: #d7ab4c; } @media (max-width: 767px) { .wpo-shop-single-section .product-info .client-rv .rating { padding-left: 0; margin: 4px 0 7px; } } .wpo-shop-single-section .product-info .client-rv .name-rating-time .time { float: right; color: #b3b3b3; text-transform: uppercase; } @media (max-width: 767px) { .wpo-shop-single-section .product-info .client-rv .name-rating-time .time { float: none; } } .wpo-shop-single-section .product-info .client-rv .review-body { padding-top: 12px; } .wpo-shop-single-section .product-info .review-form { margin-top: 45px; } .wpo-shop-single-section .product-info .review-form h4 { font-size: 30px; font-weight: 700; } .wpo-shop-single-section .product-info .review-form p { margin-bottom: 1.73em; } .wpo-shop-single-section .product-info .review-form form input, .wpo-shop-single-section .product-info .review-form form textarea { background: transparent; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; height: 50px; border: 1px solid #efefef; } .wpo-shop-single-section .product-info .review-form form input:focus, .wpo-shop-single-section .product-info .review-form form textarea:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; } .wpo-shop-single-section .product-info .review-form form textarea { height: 130px; } .wpo-shop-single-section .product-info .review-form form > div { margin-bottom: 27px; } .wpo-shop-single-section .product-info .review-form form > div:last-child { margin-bottom: 0; } .wpo-shop-single-section .product-info .review-form form .theme-btn-s4 { background-color: transparent; color: #908f8f; outline: 0; -webkit-box-shadow: none; box-shadow: none; } .wpo-shop-single-section .product-info .review-form form .theme-btn-s4:hover { background-color: #d7ab4c; color: #fff; } @media screen and (min-width: 767px) { .wpo-shop-single-section .product-info .review-form form .theme-btn-s4 { font-size: 15px; font-size: 1rem; padding: 0 20px; } } .wpo-shop-single-section .slider-nav .slick-slide:focus { outline: none; } .give-rat-sec { margin-bottom: 0px; } .give-rat-sec p { margin-bottom: 0; } .give-rating { display: inline-block; position: relative; height: 50px; line-height: 50px; font-size: 30px; margin-bottom: 0px; } .give-rating label { position: absolute; top: 0; left: 0; height: 100%; cursor: pointer; } .give-rating label:last-child { position: static; } .give-rating label:nth-child(1) { z-index: 5; } .give-rating label:nth-child(2) { z-index: 4; } .give-rating label:nth-child(3) { z-index: 3; } .give-rating label:nth-child(4) { z-index: 2; } .give-rating label:nth-child(5) { z-index: 1; } .give-rating label input { position: absolute; top: 0; left: 0; opacity: 0; } .give-rating label .icon { float: left; color: transparent; } .give-rating label:last-child .icon { color: #ddd; } .give-rating:not(:hover) label input:checked ~ .icon, .give-rating:hover label:hover input ~ .icon { color: #FFD400; } .give-rating label input:focus:not(:checked) ~ .icon:last-child { color: #ddd; text-shadow: 0 0 5px #FFD400; } /*-------------------------------------------------------------- 14. wpo-pricing-page --------------------------------------------------------------*/ @media (max-width: 991px) { .wpo-pricing-section { padding-bottom: 75px; } } @media (max-width: 767px) { .wpo-pricing-section { padding-bottom: 65px; } } .wpo-pricing-section .pricing-grids { margin: 0 -15px; padding-top: 50px; } .wpo-pricing-section .pricing-grids .grid { width: calc(33.33% - 30px); float: left; margin: 0 15px 0; text-align: center; padding: 0 45px 55px; border: 1px solid #f9deba; border-radius: 5px; -webkit-box-shadow: 0px 7px 13.5px 1.5px rgba(0, 0, 0, 0.05); box-shadow: 0px 7px 13.5px 1.5px rgba(0, 0, 0, 0.05); } @media (max-width: 1199px) { .wpo-pricing-section .pricing-grids .grid { padding: 0 15px 55px; } } @media (max-width: 991px) { .wpo-pricing-section .pricing-grids .grid { width: calc(50% - 30px); margin: 0 15px 30px; } } @media (max-width: 650px) { .wpo-pricing-section .pricing-grids .grid { width: calc(100% - 30px); float: none; } } .wpo-pricing-section .grid .type { background-color: #f3f3f3; display: inline-block; padding: 12px 60px; margin-top: 40px; border-radius: 30px; } @media (max-width: 991px) { .wpo-pricing-section .grid .type { padding: 10px 40px; } } .wpo-pricing-section .grid .type h5 { font-size: 20px; font-size: 1.33333rem; margin: 0; text-transform: uppercase; } @media (max-width: 991px) { .wpo-pricing-section .grid .type h5 { font-size: 16px; font-size: 1.06667rem; } } .wpo-pricing-section .pricing-header { background: #fff; width: 180px; height: 180px; border-radius: 50%; margin: 30px auto; display: table; -webkit-box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1); box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.1); } @media (max-width: 991px) { .wpo-pricing-section .pricing-header { width: 140px; height: 140px; } } .wpo-pricing-section .pricing-header > div { display: table-cell; vertical-align: middle; } .wpo-pricing-section .pricing-header h3 { font-size: 50px; font-size: 3.33333rem; margin: 0; } @media (max-width: 991px) { .wpo-pricing-section .pricing-header h3 { font-size: 40px; font-size: 2.66667rem; } } .wpo-pricing-section .pricing-header p { font-size: 18px; font-size: 1.2rem; color: #d7ab4c; margin: 0; } @media (max-width: 991px) { .wpo-pricing-section .pricing-header p { font-size: 14px; font-size: 0.93333rem; } } .wpo-pricing-section .pricing-body ul { margin-bottom: 50px; list-style: none; } @media (max-width: 991px) { .wpo-pricing-section .pricing-body ul { margin-bottom: 40px; } } @media (max-width: 1199px) { .wpo-pricing-section .pricing-body ul li { font-size: 14px; font-size: 0.93333rem; } } .wpo-pricing-section .pricing-body ul > li + li { margin-top: 12px; } .wpo-pricing-section .grid .get-started { display: block; padding: 13px 0; border: 1px solid #f9deba; border-radius: 5px; color: #d7ab4c; font-weight: 500; } @media (max-width: 1199px) { .wpo-pricing-section .grid .get-started { padding: 10px 0; margin: 0 25px; } } .wpo-pricing-section .grid .get-started:hover { background: #d7ab4c; color: #fff; } .wpo-pricing-section .pricing-grids > .grid:nth-child(2) { background: url(../images/bg-2.jpg) no-repeat center center; position: relative; background-size: cover; z-index: 1; } .wpo-pricing-section .pricing-grids > .grid:nth-child(2):before { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(48, 52, 67, 0.9); content: ""; z-index: -1; border-radius: 5px; } @media screen and (min-width: 1200px) { .wpo-pricing-section .pricing-grids > .grid:nth-child(2) { margin-top: -30px; } } .wpo-pricing-section .pricing-grids > .grid:nth-child(2) ul li { color: #ddd; } .wpo-pricing-section .pricing-grids > .grid:nth-child(2) .type { background-color: #062650; } .wpo-pricing-section .pricing-grids > .grid:nth-child(2) .type h5 { color: #fff; } .wpo-pricing-section .pricing-grids > .grid:nth-child(2) .pricing-header { background: #062650; } .wpo-pricing-section .pricing-grids > .grid:nth-child(2) .pricing-header .price { color: #fff; } .wpo-pricing-section .pricing-grids > .grid:nth-child(2) .get-started { background: #d7ab4c; color: #fff; } .wpo-pricing-section .pricing-grids > .grid:nth-child(2) .get-started:hover { background: #8e1717; color: #fff; } /*-------------------------------------------------------------- 15. wpo-faq-page --------------------------------------------------------------*/ .wpo-faq-section .wpo-section-title { text-align: center; } .wpo-faq-section .wpo-section-title h2 { display: inline-block; } .wpo-faq-section .accordion-item { border: 0; border: 1px solid #e1e1e1; padding: 5px 20px; margin-bottom: 20px; } .wpo-faq-section .accordion-item .accordion-body { padding-left: 0; padding-right: 0; } .wpo-faq-section .accordion-item button { padding: 20px; border: 0; border-radius: 0; padding-left: 0; padding-right: 0; font-size: 18px; color: #303443; text-align: left; font-family: "Muli"; } .wpo-faq-section .accordion-item button::after { background: none; font-family: "themify"; content: "\e622"; font-size: 15px; -webkit-transform: rotate(0deg); transform: rotate(0deg); font-weight: 700; } .wpo-faq-section .accordion-item button.collapsed { color: #373b3e; } .wpo-faq-section .accordion-item button.collapsed::after { content: "\e61a"; } .wpo-faq-section .accordion-item button:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; border-color: #e1e1e1; } .wpo-faq-section .accordion-item .accordion-collapse { border: 0; } .wpo-faq-section .accordion-button { background: transparent; } /*----------------------------------------------------- #4.1 faq section ------------------------------------------------------*/ .question-area { background: #fcfcfc; padding-top: 100px; } @media (max-width: 991px) { .question-area { padding-top: 80px; } } @media (max-width: 767px) { .question-area { padding-top: 60px; } } .question-area .wpo-section-title { text-align: center; } .question-area .wpo-section-title h2 { display: inline-block; } @media (max-width: 590px) { .question-area .wpo-section-title { text-align: left; } } .question-touch { max-width: 570px; margin: auto; -webkit-box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1); box-shadow: 0px 5px 15px 0px rgba(68, 68, 68, 0.1); padding: 50px; text-align: center; padding-top: 60px; } @media (max-width: 590px) { .question-touch { padding: 15px; } } @media (max-width: 991px) { .faq-pb { margin-top: 15px; } } .question-touch h2 { font-size: 30px; font-weight: 700; text-align: center; margin-top: 0; margin-bottom: 35px; } .question-touch .half-col { width: 100%; } .question-touch input, .question-touch textarea { width: 100%; height: 50px; border: none; outline: none; background: none; border-radius: 0; border-bottom: 1px solid #ddd; border-top: none; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 22px; } .question-touch input:focus, .question-touch textarea:focus { outline: none; background: none; border-radius: 0; border-bottom: 1px solid #eeeeee; -webkit-box-shadow: none; box-shadow: none; } .question-touch textarea { height: 160px; } .question-touch ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #888; font-size: 14px; } .question-touch ::-moz-placeholder { /* Firefox 19+ */ color: #888; font-size: 14px; } .question-touch :-ms-input-placeholder { /* IE 10+ */ color: #888; font-size: 14px; } .question-touch :-moz-placeholder { /* Firefox 18- */ color: #888; font-size: 14px; } /*-------------------------------------------------------------- 16. wpo-blog-pg-section --------------------------------------------------------------*/ .wpo-blog-pg-section { /*** format-standard ***/ /*** format-gallery ***/ /*** format-quote ***/ /*** format-video ***/ } .wpo-blog-pg-section .wpo-blog-content .post { margin-bottom: 70px; } @media (max-width: 991px) { .wpo-blog-pg-section .wpo-blog-content .post { margin-bottom: 50px; } } @media (max-width: 767px) { .wpo-blog-pg-section .wpo-blog-content .post { margin-bottom: 40px; } } .wpo-blog-pg-section .entry-meta { list-style: none; overflow: hidden; margin: 35px 0; } @media (max-width: 767px) { .wpo-blog-pg-section .entry-meta { margin: 25px 0; } } .wpo-blog-pg-section .entry-meta ul { list-style: none; } .wpo-blog-pg-section .entry-meta ul li { font-weight: 500; font-size: 14px; font-size: 0.93333rem; float: left; text-transform: uppercase; } .wpo-blog-pg-section .entry-meta ul li a { color: #636893; } .wpo-blog-pg-section .entry-meta ul li a:hover { color: #d7ab4c; } .wpo-blog-pg-section .entry-meta ul li i { position: relative; margin-right: 3px; } .wpo-blog-pg-section .entry-meta ul li i:before { font-size: 13px; } .wpo-blog-pg-section .entry-meta ul li + li { margin-left: 20px; padding-left: 20px; position: relative; } .wpo-blog-pg-section .entry-meta ul li + li:before { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 7px; height: 7px; content: ""; background: #d7ab4c; border-radius: 50%; } @media (max-width: 440px) { .wpo-blog-pg-section .entry-meta ul li + li:before { display: none; } } @media (max-width: 440px) { .wpo-blog-pg-section .entry-meta ul li + li { margin-left: 0; padding-left: 0; } } @media (max-width: 767px) { .wpo-blog-pg-section .entry-meta ul li { font-size: 12px; font-size: 0.8rem; } } @media (max-width: 440px) { .wpo-blog-pg-section .entry-meta ul li { float: none; display: block; margin-bottom: 5px; } } .wpo-blog-pg-section .post h3 { font-size: 34px; font-size: 2.26667rem; line-height: 1.2em; font-weight: 700; margin: -0.27em 0 0.7em; font-family: "Futura PT"; } @media (max-width: 991px) { .wpo-blog-pg-section .post h3 { font-size: 25px; font-size: 1.66667rem; } } @media (max-width: 767px) { .wpo-blog-pg-section .post h3 { font-size: 22px; font-size: 1.46667rem; } } .wpo-blog-pg-section .post h3 a { color: #303443; } .wpo-blog-pg-section .post h3 a:hover { color: #d7ab4c; } .wpo-blog-pg-section .post p { margin-bottom: 1.5em; } @media (max-width: 991px) { .wpo-blog-pg-section .post p { font-size: 16px; font-size: 1.06667rem; } } .wpo-blog-pg-section .post a.read-more { color: #585858; text-transform: capitalize; font-size: 16px; } .wpo-blog-pg-section .post a.read-more:hover { color: #d7ab4c; } .wpo-blog-pg-section .entry-media img { width: 100%; } .wpo-blog-pg-section .format-standard, .wpo-blog-pg-section .format-quote { background-color: #f3f8fc; padding: 25px 35px 45px; } @media (max-width: 767px) { .wpo-blog-pg-section .format-standard, .wpo-blog-pg-section .format-quote { padding: 25px 20px 45px; } } .wpo-blog-pg-section .format-standard { position: relative; } .wpo-blog-pg-section .format-standard:before { position: absolute; right: 20px; top: 10px; content: "\f10b"; font-family: "flaticon"; font-size: 90px; line-height: 80px; color: #e5f0fb; } .wpo-blog-pg-section .format-gallery { position: relative; } .wpo-blog-pg-section .format-gallery .owl-controls { width: 100%; margin: 0; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .wpo-blog-pg-section .format-gallery .owl-nav [class*=owl-]:hover { background: #d7ab4c; color: #fff; } .wpo-blog-pg-section .format-gallery .owl-nav [class*=owl-] { background: #fff; width: 50px; height: 50px; line-height: 58px; padding: 0; margin: 0; border-radius: 50%; color: #d7ab4c; -webkit-transition: all 0.3s; transition: all 0.3s; border: 0; } .wpo-blog-pg-section .format-gallery .owl-nav [class*=owl-] .fi::before { font-size: 20px; } .wpo-blog-pg-section .format-gallery .owl-nav .owl-prev, .wpo-blog-pg-section .format-gallery .owl-nav .owl-next { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .wpo-blog-pg-section .format-gallery .owl-nav .owl-prev { left: 15px; } .wpo-blog-pg-section .format-gallery .owl-nav .owl-next { right: 15px; } .wpo-blog-pg-section .format-quote { text-align: center; padding: 80px 60px; position: relative; } @media (max-width: 767px) { .wpo-blog-pg-section .format-quote { padding: 40px 20px; } } .wpo-blog-pg-section .format-quote p { margin-bottom: 0; } .wpo-blog-pg-section .format-quote:before { font-family: "Flaticon"; content: "\f10b"; font-size: 250px; font-size: 16.66667rem; color: #ecf3fb; margin-left: 0; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .wpo-blog-pg-section .format-quote h3, .wpo-blog-pg-section .format-quote p { position: relative; } .wpo-blog-pg-section .format-video .video-holder { position: relative; text-align: center; } .wpo-blog-pg-section .format-video .video-holder:before { content: ""; background-color: #303443; width: 100%; height: 100%; position: absolute; left: 0; top: 0; -webkit-transition: all 0.3s; transition: all 0.3s; opacity: 0.5; } .wpo-blog-pg-section .format-video .video-holder:hover:before { opacity: 0.8; } .wpo-blog-pg-section .format-video .video-holder a { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 63px; height: 63px; line-height: 70px; background: #fff; border-radius: 50%; z-index: 1; } .wpo-blog-pg-section .format-video .video-holder a:after { position: absolute; left: -12px; top: -12px; width: 140%; height: 140%; background: rgba(255, 255, 255, 0.3); content: ""; -webkit-animation: spineer 2s infinite; animation: spineer 2s infinite; border-radius: 50%; z-index: -1; } .wpo-blog-pg-section .format-video .video-holder a:before { content: ""; width: 0px; height: 0px; border-top: 9px solid transparent; border-bottom: 10px solid transparent; border-left: 14px solid #2f426b; position: absolute; left: 52%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .wpo-blog-pg-section .format-video .video-holder .fi:before { font-size: 20px; font-size: 1.33333rem; color: #d7ab4c; } @media screen and (min-width: 1200px) { .blog-pg-left-sidebar .blog-sidebar { padding-right: 45px; padding-left: 0; } } @media screen and (min-width: 1200px) { .blog-pg-fullwidth .wpo-blog-content { padding: 0; } } @-webkit-keyframes save-the-date-pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(0.95, 0.95, 0.95); transform: scale3d(0.95, 0.95, 0.95); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes save-the-date-pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(0.95, 0.95, 0.95); transform: scale3d(0.95, 0.95, 0.95); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } /*-------------------------------------------------------------- 17. wpo-blog-single-section --------------------------------------------------------------*/ .wpo-blog-single-section { /*** tag-share ***/ /*** author-box ***/ /*** more-posts ***/ /*** comments area ***/ /*** comment-respond ***/ } .wpo-blog-single-section .entry-meta { list-style: none; overflow: hidden; margin: 35px 0; } @media (max-width: 767px) { .wpo-blog-single-section .entry-meta { margin: 25px 0; } } .wpo-blog-single-section .entry-meta ul { list-style: none; } .wpo-blog-single-section .entry-meta ul li { font-weight: 500; font-size: 14px; font-size: 0.93333rem; float: left; text-transform: uppercase; } .wpo-blog-single-section .entry-meta ul li a { color: #636893; } .wpo-blog-single-section .entry-meta ul li a:hover { color: #d7ab4c; } .wpo-blog-single-section .entry-meta ul li i { position: relative; top: 0; margin-right: 3px; } .wpo-blog-single-section .entry-meta ul li i.fi:before { font-size: 13px; } .wpo-blog-single-section .entry-meta ul li + li { margin-left: 20px; padding-left: 20px; position: relative; } .wpo-blog-single-section .entry-meta ul li + li:before { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 7px; height: 7px; content: ""; background: #d7ab4c; border-radius: 50%; } @media (max-width: 440px) { .wpo-blog-single-section .entry-meta ul li + li:before { display: none; } } @media (max-width: 440px) { .wpo-blog-single-section .entry-meta ul li + li { margin-left: 0; padding-left: 0; } } @media (max-width: 767px) { .wpo-blog-single-section .entry-meta ul li { font-size: 12px; font-size: 0.8rem; } } @media (max-width: 440px) { .wpo-blog-single-section .entry-meta ul li { float: none; display: block; margin-bottom: 5px; } } .wpo-blog-single-section .entry-media img { width: 100%; } .wpo-blog-single-section .post h2 { font-size: 35px; font-size: 2.33333rem; margin: -0.22em 0 0.7em; line-height: 1.3em; font-family: "Futura PT"; } @media (max-width: 991px) { .wpo-blog-single-section .post h2 { font-size: 30px; font-size: 2rem; } } @media (max-width: 767px) { .wpo-blog-single-section .post h2 { font-size: 25px; font-size: 1.66667rem; } } .wpo-blog-single-section .post p { margin-bottom: 1.5em; } .wpo-blog-single-section .post h3 { font-size: 24px; font-size: 1.6rem; font-weight: 600; line-height: 1.3em; margin: 1.8em 0 1em; } @media (max-width: 991px) { .wpo-blog-single-section .post h3 { font-size: 22px; font-size: 1.46667rem; } } @media (max-width: 767px) { .wpo-blog-single-section .post h3 { font-size: 20px; font-size: 1.33333rem; } } .wpo-blog-single-section .post blockquote { background-color: #f3f8fc; color: #233d62; font-size: 20px; line-height: 1.6em; padding: 65px; margin-top: 60px; margin-bottom: 40px; border: 0; text-align: center; position: relative; text-decoration: underline; } @media (max-width: 767px) { .wpo-blog-single-section .post blockquote { padding: 55px 25px; } } .wpo-blog-single-section .post blockquote:before { font-family: "Flaticon"; content: "\f10b"; font-size: 25px; font-size: 1.66667rem; color: rgba(255, 255, 255, 0.5); position: absolute; left: 50%; top: -30px; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 60px; height: 60px; line-height: 57px; border: 2px solid #f3f8fc; background: #fff; color: #d7ab4c; border-radius: 50%; } .wpo-blog-single-section .post .gallery { overflow: hidden; margin: 40px -7.5px 0; } .wpo-blog-single-section .post .gallery > div { width: calc(50% - 15px); float: left; margin: 0 7.5px 15px; } .wpo-blog-single-section .post .gallery img { width: 100%; } .wpo-blog-single-section .tag-share, .wpo-blog-single-section .tag-share-s2 { border-bottom: 1px solid #e9e9e9; margin: 75px 0 0; padding-bottom: 30px; color: #303443; } @media (max-width: 767px) { .wpo-blog-single-section .tag-share, .wpo-blog-single-section .tag-share-s2 { margin-top: 40px; } } .wpo-blog-single-section .tag-share ul, .wpo-blog-single-section .tag-share-s2 ul { list-style: none; display: inline-block; overflow: hidden; } .wpo-blog-single-section .tag-share ul li, .wpo-blog-single-section .tag-share-s2 ul li { float: left; } @media (max-width: 767px) { .wpo-blog-single-section .tag-share ul li, .wpo-blog-single-section .tag-share-s2 ul li { margin: 2px; } } .wpo-blog-single-section .tag-share ul > li + li, .wpo-blog-single-section .tag-share-s2 ul > li + li { margin-left: 10px; } @media (max-width: 767px) { .wpo-blog-single-section .tag-share ul > li + li, .wpo-blog-single-section .tag-share-s2 ul > li + li { margin: 2px; } } .wpo-blog-single-section .tag-share .tag, .wpo-blog-single-section .tag-share-s2 .tag { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .wpo-blog-single-section .tag-share .tag > span, .wpo-blog-single-section .tag-share-s2 .tag > span { font-family: "Futura PT"; color: #303443; font-weight: 600; display: inline-block; padding-right: 15px; text-transform: uppercase; } .wpo-blog-single-section .tag-share .tag ul, .wpo-blog-single-section .tag-share-s2 .tag ul { list-style: none; position: relative; } .wpo-blog-single-section .tag-share .tag li, .wpo-blog-single-section .tag-share-s2 .tag li { position: relative; } .wpo-blog-single-section .tag-share .tag a, .wpo-blog-single-section .tag-share-s2 .tag a { font-size: 12px; font-size: 0.8rem; display: inline-block; padding: 5px 18px; color: #303443; background: #ecf4fb; border-radius: 5px; text-transform: uppercase; } @media (max-width: 767px) { .wpo-blog-single-section .tag-share .tag a, .wpo-blog-single-section .tag-share-s2 .tag a { font-size: 13px; font-size: 0.86667rem; } } .wpo-blog-single-section .tag-share .tag a:hover, .wpo-blog-single-section .tag-share-s2 .tag a:hover { color: #d7ab4c; } .wpo-blog-single-section .tag-share-s2 { margin: 0; margin-top: 30px; border-bottom: 0; } .wpo-blog-single-section .tag-share-s2 .tag a { padding: 0; font-size: 16px; font-size: 1.06667rem; text-transform: capitalize; background: none; text-decoration: underline; color: #585858; } .wpo-blog-single-section .author-box { margin: 35px 0 60px; } .wpo-blog-single-section .author-box .author-avatar { float: left; } @media (max-width: 767px) { .wpo-blog-single-section .author-box .author-avatar { float: none; } } .wpo-blog-single-section .author-box .author-avatar img { border-radius: 50%; } .wpo-blog-single-section .author-box .author-content { display: block; overflow: hidden; padding-left: 25px; } @media (max-width: 767px) { .wpo-blog-single-section .author-box .author-content { padding: 0; margin: 15px 0 0 0; } } .wpo-blog-single-section .author-box .author-content p { margin-bottom: 20px; } .wpo-blog-single-section .author-box .author-name { font-family: "Futura PT"; font-size: 24px; font-size: 1.6rem; font-weight: 600; display: inline-block; margin-bottom: 10px; color: #303443; } .wpo-blog-single-section .author-box .social-link { display: inline-block; list-style: none; } .wpo-blog-single-section .author-box .social-link li { float: left; margin-right: 12px; } .wpo-blog-single-section .author-box .social-link a { display: block; font-size: 13px; font-size: 0.86667rem; color: #303443; } .wpo-blog-single-section .author-box .social-link a:hover { color: #d7ab4c; } .wpo-blog-single-section .more-posts { overflow: hidden; border: 1px solid #d8e0f1; padding: 0 25px; } .wpo-blog-single-section .more-posts > div { width: 50%; float: left; } @media (max-width: 767px) { .wpo-blog-single-section .more-posts > div { width: 100%; float: none; } } .wpo-blog-single-section .more-posts > div > a { display: inline-block; } .wpo-blog-single-section .more-posts .previous-post, .wpo-blog-single-section .more-posts .next-post { padding: 40px 0; } @media (max-width: 767px) { .wpo-blog-single-section .more-posts .previous-post, .wpo-blog-single-section .more-posts .next-post { padding: 25px 15px !important; } } .wpo-blog-single-section .more-posts .next-post { text-align: right; border-left: 1px solid #d8e0f1; padding-left: 15px; padding-right: 5px; } @media (max-width: 767px) { .wpo-blog-single-section .more-posts .next-post { border-left: 0; text-align: left; border-top: 1px solid #d8e0f1; } } .wpo-blog-single-section .more-posts .next-post .post-control-link { padding-right: 25px; position: relative; } @media (max-width: 767px) { .wpo-blog-single-section .more-posts .next-post .post-control-link { padding-right: 0; } } .wpo-blog-single-section .more-posts .next-post .post-control-link:before { font-family: "themify"; content: "\e628"; position: absolute; right: 0; top: 0; } @media (max-width: 767px) { .wpo-blog-single-section .more-posts .next-post .post-control-link:before { display: none; } } .wpo-blog-single-section .more-posts .previous-post { padding-right: 15px; padding-left: 5px; } .wpo-blog-single-section .more-posts .previous-post .post-control-link { padding-left: 25px; position: relative; } @media (max-width: 767px) { .wpo-blog-single-section .more-posts .previous-post .post-control-link { padding-left: 0; } } .wpo-blog-single-section .more-posts .previous-post .post-control-link:before { font-family: "themify"; content: "\e629"; position: absolute; left: 0; top: 0; } @media (max-width: 767px) { .wpo-blog-single-section .more-posts .previous-post .post-control-link:before { display: none; } } .wpo-blog-single-section .more-posts .previous-post > a > span, .wpo-blog-single-section .more-posts .next-post > a > span { display: block; } .wpo-blog-single-section .more-posts .post-control-link { font-size: 14px; font-size: 0.93333rem; color: #585858; text-transform: uppercase; font-weight: 600; letter-spacing: 2px; } .wpo-blog-single-section .more-posts .post-name { font-size: 16px; font-size: 1.06667rem; color: #303443; margin: 0.7em 0 0; } @media (max-width: 991px) { .wpo-blog-single-section .more-posts .post-name { font-size: 16px; font-size: 1.06667rem; } } .wpo-blog-single-section .more-posts a:hover .post-control-link { color: #d7ab4c; } .wpo-blog-single-section .comments-area { margin-top: 70px; } .wpo-blog-single-section .comments-area li > div { border-bottom: 1px solid #e4effb; padding: 35px; } @media (max-width: 991px) { .wpo-blog-single-section .comments-area li > div { padding: 35px 25px; } } .wpo-blog-single-section .comments-area ol { list-style-type: none; padding-left: 0; } .wpo-blog-single-section .comments-area ol ul { padding-left: 30px; list-style-type: none; } .wpo-blog-single-section .comments-area ol > li:last-child div { border-bottom: 0; } .wpo-blog-single-section .comments-area .comments-title { font-size: 22px; font-size: 1.46667rem; font-weight: 500; margin: 0 0 1em; text-transform: uppercase; letter-spacing: 3px; } @media (max-width: 991px) { .wpo-blog-single-section .comments-area .comments-title { font-size: 20px; font-size: 1.33333rem; } } .wpo-blog-single-section .comments-area li > div { position: relative; } .wpo-blog-single-section .comments-area .comment-theme { position: absolute; left: 35px; } @media (max-width: 767px) { .wpo-blog-single-section .comments-area .comment-theme { position: static; } } .wpo-blog-single-section .comments-area .comment-theme img { border-radius: 50%; } .wpo-blog-single-section .comments-area .comment-main-area { padding-left: 100px; } @media (max-width: 767px) { .wpo-blog-single-section .comments-area .comment-main-area { padding-left: 0; margin-top: 25px; } } .wpo-blog-single-section .comments-area .comment-main-area p { margin-bottom: 20px; } .wpo-blog-single-section .comments-area .comments-meta h4 { font-family: "Futura PT"; font-size: 20px; font-size: 1.33333rem; color: #303443; font-weight: bold; margin: 0 0 1em; } .wpo-blog-single-section .comments-area .comments-meta h4 span { font-size: 15px; font-size: 1rem; color: #585858; font-weight: normal; text-transform: none; display: inline-block; padding-left: 5px; font-family: "Muli"; } @media (max-width: 767px) { .wpo-blog-single-section .comments-area .comments-meta h4 span { padding-left: 0; } } .wpo-blog-single-section .comments-area .comment-reply-link { font-family: "Futura PT"; font-size: 13px; font-size: 0.86667rem; font-weight: 600; color: #303443; text-align: center; border-radius: 50px; display: inline-block; font-family: "Muli"; text-decoration: underline; text-transform: uppercase; letter-spacing: 1px; } .wpo-blog-single-section .comments-area .comment-reply-link:hover { color: #d7ab4c; } .wpo-blog-single-section .comment-respond { margin-top: 70px; } .wpo-blog-single-section .comment-respond .comment-reply-title { font-size: 22px; font-size: 1.46667rem; margin: 0 0 1.5em; text-transform: uppercase; letter-spacing: 2px; } @media (max-width: 991px) { .wpo-blog-single-section .comment-respond .comment-reply-title { font-size: 20px; font-size: 1.33333rem; } } .wpo-blog-single-section .comment-respond form input, .wpo-blog-single-section .comment-respond form textarea { background-color: #fff; width: 100%; height: 55px; border: 1px solid #a4adbe; padding: 6px 15px; margin-bottom: 15px; outline: 0; border-radius: 30px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: all 0.3s; transition: all 0.3s; } .wpo-blog-single-section .comment-respond form input:focus, .wpo-blog-single-section .comment-respond form textarea:focus { -webkit-box-shadow: none; box-shadow: none; border-color: #d7ab4c; } @media (max-width: 991px) { .wpo-blog-single-section .comment-respond form input, .wpo-blog-single-section .comment-respond form textarea { height: 40px; } } .wpo-blog-single-section .comment-respond form textarea { height: 220px; padding: 15px; } @media (max-width: 991px) { .wpo-blog-single-section .comment-respond form textarea { height: 150px; } } .wpo-blog-single-section .comment-respond .form-inputs { overflow: hidden; } .wpo-blog-single-section .comment-respond .form-inputs > input:nth-child(1) { width: 49%; float: left; } @media (max-width: 767px) { .wpo-blog-single-section .comment-respond .form-inputs > input:nth-child(1) { width: 100%; float: none; } } .wpo-blog-single-section .comment-respond .form-inputs > input:nth-child(2) { width: 49%; float: right; } @media (max-width: 767px) { .wpo-blog-single-section .comment-respond .form-inputs > input:nth-child(2) { width: 100%; float: none; } } .wpo-blog-single-section .comment-respond .form-submit input { font-family: "Futura PT"; max-width: 180px; background-color: #1e2845; color: #fff; margin-bottom: 0; border: 0; outline: 0; text-transform: uppercase; font-size: 15px; letter-spacing: 2px; border-radius: 30px; } .wpo-blog-single-section .comment-respond .form-submit input:hover { background-color: #303443; } @media screen and (min-width: 1200px) { .wpo-blog-single-left-sidebar-section .blog-sidebar { padding-right: 45px; padding-left: 0; } } /*-------------------------------------------------------------- 18. wpo-contact-pg-section --------------------------------------------------------------*/ .wpo-contact-pg-section { padding-bottom: 0px; } .wpo-contact-pg-section .wpo-contact-title { max-width: 550px; margin: 0 auto; text-align: center; margin-bottom: 5px; } @media (max-width: 767px) { .wpo-contact-pg-section .wpo-contact-title { margin-bottom: 30px; } } .wpo-contact-pg-section .wpo-contact-title h2 { font-size: 35px; font-size: 2.33333rem; font-weight: 700; margin-bottom: 20px; } @media (max-width: 575px) { .wpo-contact-pg-section .wpo-contact-title h2 { font-size: 25px; font-size: 1.66667rem; } } .wpo-contact-pg-section form input, .wpo-contact-pg-section form select, .wpo-contact-pg-section form textarea { background: transparent; width: 100%; height: 50px; border: 1px solid transparent; border-radius: 0px; -webkit-box-shadow: none !important; box-shadow: none !important; padding-left: 25px; border: 1px solid #323232; } @media (max-width: 991px) { .wpo-contact-pg-section form input, .wpo-contact-pg-section form select, .wpo-contact-pg-section form textarea { height: 45px; } } .wpo-contact-pg-section form input:focus, .wpo-contact-pg-section form select:focus, .wpo-contact-pg-section form textarea:focus { border-color: #d7ab4c; background: transparent; } .wpo-contact-pg-section form textarea { height: 180px; padding-top: 15px; } .wpo-contact-pg-section form { margin: 0 -15px; overflow: hidden; } .wpo-contact-pg-section form ::-webkit-input-placeholder { font-style: 15px; font-style: normal; color: #9d9c9c; } .wpo-contact-pg-section form :-moz-placeholder { font-style: 15px; font-style: normal; color: #9d9c9c; } .wpo-contact-pg-section form ::-moz-placeholder { font-style: 15px; font-style: normal; color: #9d9c9c; } .wpo-contact-pg-section form :-ms-input-placeholder { font-style: 15px; font-style: normal; color: #9d9c9c; } .wpo-contact-pg-section form select { display: inline-block; color: #a9a9a9; cursor: pointer; opacity: 1; padding: 6px 25px; font-size: 15px; font-size: 1rem; -webkit-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; -moz-appearance: none; background: transparent url(../images/select-icon2.png) no-repeat calc(100% - 15px) center; position: relative; } .wpo-contact-pg-section form select:focus { background: transparent url(../images/select-icon2.png) no-repeat calc(100% - 15px) center; } .wpo-contact-pg-section form .submit-area { text-align: center; width: 100%; margin-bottom: 10px; margin-left: 0; } @media (max-width: 767px) { .wpo-contact-pg-section form .submit-area { margin-bottom: 0; } } .wpo-contact-pg-section form .submit-area .theme-btn, .wpo-contact-pg-section form .submit-area .view-cart-btn { border-radius: 0px; font-family: "Muli"; font-size: 16px; } .wpo-contact-pg-section form .submit-area .theme-btn:after, .wpo-contact-pg-section form .submit-area .view-cart-btn:after { border-radius: 0px; } .wpo-contact-pg-section form > div { width: calc(50% - 30px); float: left; margin: 0 15px 25px; } @media (max-width: 600px) { .wpo-contact-pg-section form > div { width: calc(100% - 25px); float: none; } } .wpo-contact-pg-section form .fullwidth { width: calc(100% - 25px); float: none; clear: both; } .wpo-contact-pg-section .office-info { padding-bottom: 50px; } @media (max-width: 767px) { .wpo-contact-pg-section .office-info { padding-bottom: 60px; } } @media (max-width: 1200px) { .wpo-contact-pg-section .office-info .col .office-info-item { margin-bottom: 30px; } } @media (max-width: 1200px) { .wpo-contact-pg-section .office-info .col:last-child .office-info-item { margin-bottom: 0px; } } .wpo-contact-pg-section .office-info .office-info-item { text-align: center; -webkit-box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.2); box-shadow: 0px 5px 15px 0px rgba(62, 65, 159, 0.2); padding: 30px; } .wpo-contact-pg-section .office-info .office-info-item .office-info-icon { width: 85px; height: 85px; background: #f5f5f5; line-height: 85px; text-align: center; margin: 0 auto; border-radius: 50%; } .wpo-contact-pg-section .office-info .office-info-item .office-info-icon .icon .fi:before { font-size: 35px; } .wpo-contact-pg-section .office-info .office-info-item .office-info-text h2 { font-size: 30px; font-weight: 500; margin: 20px 0; } .wpo-contact-pg-section .office-info .office-info-item .office-info-text p { margin-bottom: 0; } .wpo-contact-pg-section .wpo-contact-form-area { padding: 30px; background: #fff; -webkit-box-shadow: 0px 1px 15px 0px rgba(62, 65, 159, 0.1); box-shadow: 0px 1px 15px 0px rgba(62, 65, 159, 0.1); padding-bottom: 0; margin-bottom: -125px; position: relative; z-index: 99; } @media (max-width: 767px) { .wpo-contact-pg-section .wpo-contact-form-area { padding: 30px; padding-top: 50px; } } .wpo-contact-map-section .wpo-contact-map { height: 550px; } .wpo-contact-map-section iframe { width: 100%; height: 100%; border: 0; outline: 0; } .wpo-contact-map-section h2.hidden { display: none; } /*-------------------------------------------------------------- 19. error-404-section --------------------------------------------------------------*/ .error-404-section { text-align: center; } .error-404-section .error-message { margin-top: 70px; padding: 0 200px; } @media (max-width: 991px) { .error-404-section .error-message { margin-top: 50px; padding: 0 100px; } } @media (max-width: 767px) { .error-404-section .error-message { padding: 0; } } .error-404-section .error-message h3 { font-size: 30px; font-size: 2rem; margin: 0 0 0.8em; } .error-404-section .error-message p { margin-bottom: 1.8em; } /*# sourceMappingURL=style.css.map */ .navbar-brand img{ width:180px; } .pt-90{ padding-top:90px; } .pt-80{ padding-top:80px; } .pt-60{ padding-top:60px; } .pb-90{ padding-bottom:90px; } .pb-80{ padding-bottom:80px; } .pb-60{ padding-bottom:60px; } .mt-30{ margin-top:30px; } .mb-30{ margin-bottom:30px; } .list-box-content { padding: 18px 15px 18px; background-color: #fff; } .list-box-title h3 span { display: block; margin-top: 5px; font-size: 20px; font-weight: 700; color: #ab783b; } .at-stars { height: 16px; color: #ff8500; float: left; line-height: 16px; position: relative; font-size: 12px; } .hotel-featured { float: left; width: 100%; list-style: none; margin-top: 15px; line-height: 14px; padding: 0px; margin-bottom: 10px; } .hotel-featured li:nth-child(1), .hotel-featured li:nth-child(2) { padding-bottom: 18px; } .hotel-featured li { float: left; width: 50%; line-height: inherit; list-style-type: none; } .d-inline-block { display: inline-block !important; margin-top: 10px; } .view-detail-btn { background-color: #fff; color: #222; padding: 8px 16px; font-size: 16px; display: inline-block; border: 1px solid #222; font-weight: 600; } .view-detail-btn:hover { color: #fff; background-color: #323232; } .book-now-btn { background-color: #d7ab4c; color: #fff; padding: 8px 20px; font-size: 16px; border: 1px solid #d7ab4c; display: inline-block; font-weight: 600; margin-left:5px; } .book-now-btn:hover { background-color: #8e1717; color: #fff; } .help-us { background-color: #ab783b; padding: 80px 20px; } .help-us h3 { color: #fff; font-weight: 600; font-size: 26px; margin-bottom: 6px; } .help-us p { color: #fff; } .view-detail-btn { background-color: #fff; color: #222; padding: 8px 16px; font-size: 16px; display: inline-block; border: 1px solid #222; font-weight: 600; } .tarifinfo { width: 80%; text-align: center; margin-left: auto; margin-right: auto; } .tarifinfo tr:nth-child(odd) { background-color: #f2f2f2; } .tarifinfo th { background: #d7ab4c; text-align: center; font-size: 16px; color: #000; } .tarifinfo th, td { padding: 10px; border: solid 1px #000; font-weight: 600; color: #000; } .attraction-details { padding: 80px 0; } .attraction-details .img { position: relative; overflow: hidden; } .attraction-details .img img { -webkit-transition: all .5s; transition: all .5s; width: 100%; } .attraction-details .img:hover img { -webkit-filter: none; filter: none; -webkit-transform: scale(1.09, 1.09); transform: scale(1.09, 1.09); -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; -ms-transition: all 1s ease; transition: all 1s ease; } .attraction-details .content { width: 100%; padding: 30px; } .attraction-details .content .cont h4 { margin: 0 0 10px 0; font-size: 28px; color: #323232; font-weight: 400; line-height: 1.5em; } .valign { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 991px){ .order1 { -ms-flex-order: 1 !important; order: 1 !important; } } @media (max-width: 991px){ .order2 { -ms-flex-order: 2 !important; order: 2 !important; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings