File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/pangongecstacyhuts.com/assets/css/style.css
Back
@import "https://fonts.googleapis.com/css?family=Poppins:400,400i,500,600,700&display=swap"; @import "https://fonts.googleapis.com/css?family=DM+Serif+Display:400,400i&display=swap"; @import "https://fonts.googleapis.com/css?family=Muli:300,300i,400,400i,500,500i,600,600i,700,700i,800&display=swap"; body { padding: 0; margin: 0; font-size: 14px; line-height: 1.8; font-family: poppins, sans-serif; color: #7a7e9a } a { display: inline-block; -webkit-transition: all .5s; transition: all .5s; text-decoration: none } a:hover { text-decoration: none; color: #24416b } a:focus { text-decoration: none } button { outline: 0!important; -webkit-box-shadow: none; box-shadow: none; border: none } button:focus { -webkit-box-shadow: none; box-shadow: none } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { color: #24416b; font-weight: 700; } h3 { font-size: 20px; } .d-table { width: 100%; height: 100%; } .d-table-cell { vertical-align: middle; } p { font-size: 16px; margin-bottom: 15px; font-family: muli, sans-serif; color:#000; text-align: justify; } .single-facilities img{ width: 30%; padding-bottom: 20px; } p:last-child { margin-bottom: 0; /* color: #fff;*/ } img { max-width: 100%; height: auto; } ul { list-style: none; padding: 0; margin: 0; } .form-control { height: 50px; color: #24416b; border: 1px solid #e8e8e8; background-color: #f9f9f9; border-radius: 10px; font-size: 15px; padding: 10px 20px; width: 100%; } .form-control::-webkit-input-placeholder { color: #495057; } .form-control:-ms-input-placeholder { color: #495057; } .form-control::-ms-input-placeholder { color: #495057; } .form-control::placeholder { color: #495057; } .form-control:focus { color: #000; background-color: transparent; -webkit-box-shadow: unset; box-shadow: unset; outline: 0; border: 1px solid #c3aa30; } .form-control:hover:focus, .form-control:focus { -webkit-box-shadow: unset; box-shadow: unset } textarea.form-control { height: auto; height: 250px; } .ptb-100 { padding-top: 100px; padding-bottom: 100px; } .pt-100 { padding-top: 100px; } .pb-100 { padding-bottom: 100px; } .pt-70 { padding-top: 70px; } .pt-170 { padding-top: 170px; } .pb-70 { padding-bottom: 70px; } .pl-30 { padding-left: 30px; } .pr-30 { padding-right: 30px; } .ptb-140 { padding-top: 140px; padding-bottom: 140px; } .pt-140 { /*padding-top: 140px*/ padding-top: 40px; } .pb-140 { padding-bottom: 140px; } .pt-60 { padding-top: 40px; } .pb-60 { padding-bottom: 25px; } .mt-30 { margin-top: 30px; } .mb-30 { margin-bottom: 30px; } .mt-20 { margin-top: 20px; } .mb-20 { margin-bottom: 20px; } .mt-minus-70 { margin-top: -70px; } .mb-minus-70 { margin-bottom: -70px; } .ml-30 { margin-left: 30px; } .mr-30 { margin-right: 30px; } .fun-blue-bg { background-color: #24416b } .go-top { position: fixed; cursor: pointer; top: 0; right: 15px; background-color: #24416b; z-index: 4; width: 40px; text-align: center; height: 42px; line-height: 42px; opacity: 0; visibility: hidden; -webkit-transition: .9s; transition: .9s; } .go-top i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; color: #fff; -webkit-transition: .5s; transition: .5s; font-size: 20px; } .go-top i:last-child { opacity: 0; visibility: hidden; top: 60%; } .go-top::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background-color: #c3aa30; opacity: 0; visibility: hidden; -webkit-transition: .5s; transition: .5s } .go-top:hover { color: #fff; background-color: #c3aa30 } .go-top:hover::before { opacity: 1; visibility: visible } .go-top:hover i:first-child { opacity: 0; top: 0; visibility: hidden } .go-top:hover i:last-child { opacity: 1; visibility: visible; top: 50% } .go-top:focus { color: #fff } .go-top:focus::before { opacity: 1; visibility: visible } .go-top:focus i:first-child { opacity: 0; top: 0; visibility: hidden } .go-top:focus i:last-child { opacity: 1; visibility: visible; top: 50% } .go-top.active { top: 98%; -webkit-transform: translateY(-98%); transform: translateY(-98%); opacity: 1; visibility: visible; display: none; } .page-navigation-area { text-align: center; margin: 20px auto 0; display: table } .page-navigation-area .page-link { color: #c3aa30; background-color: #fff; -webkit-box-shadow: 0 0 15px #d0d0d0; box-shadow: 0 0 15px #d0d0d0; width: 40px; height: 40px; border: 1px solid #fff; line-height: 24px; -webkit-transition: all .5s; transition: all .5s; font-weight: 700 } .page-navigation-area .page-link i { margin-right: -4px; font-size: 21px } .page-navigation-area .page-link:hover { color: #fff; background-color: #c3aa30; border: 1px solid #c3aa30 } .page-navigation-area .page-link:focus { z-index: 2; outline: 0; -webkit-box-shadow: none; box-shadow: none } .page-navigation-area .page-link.page-links i::before { margin-left: -4px } .page-navigation-area .page-item { padding: 0 8px } .page-navigation-area .page-item:first-child .page-link { border-radius: none } .page-navigation-area .page-item:last-child .page-link { border-radius: none } .page-navigation-area .page-item.active .page-link { z-index: 1; color: #fff; background-color: #c3aa30; border-color: #c3aa30 } .video-btn { display: inline-block; width: 60px; height: 60px; line-height: 69px; text-align: center; border-radius: 50%; color: #c3aa30; position: relative; top: 3px; z-index: 1; background-color: #fff } .video-btn i { font-size: 20px; font-weight: 700; color: #c3aa30; position: absolute; top: 0; left: 3px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; height: 100% } .video-btn::after, .video-btn::before { content: ''; display: block; position: absolute; top: 0; right: 0; z-index: -1; bottom: 0; left: 0; border-radius: 50%; background-color: #fff } .video-btn::before { -webkit-animation: ripple 1.6s ease-out infinite; animation: ripple 1.6s ease-out infinite } .video-btn::after { -webkit-animation: ripple 1.6s ease-out infinite; animation: ripple 1.6s ease-out infinite } .video-btn:hover { background-color: #c3aa30 } .video-btn:hover i { color: #fff } @-webkit-keyframes ripple { 0%, 35% { -webkit-transform: scale(0); transform: scale(0); opacity: 1 } 50% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: .8 } 100% { opacity: 0; -webkit-transform: scale(2); transform: scale(2) } } @keyframes ripple { 0%, 35% { -webkit-transform: scale(0); transform: scale(0); opacity: 1 } 50% { -webkit-transform: scale(1.5); transform: scale(1.5); opacity: .8 } 100% { opacity: 0; -webkit-transform: scale(2); transform: scale(2) } } .default-btn { font-size: 16px; color: #fff; padding: 10px 20px; line-height: 1; -webkit-transition: all .5s; transition: all .5s; z-index: 1; text-transform: capitalize; background-color: #c3aa30; border-radius: 4px; position: relative; cursor: pointer; border-radius: 50px; font-family: muli, sans-serif; text-align: center } .default-btn i { display: inline-block; width: 30px; height: 30px; line-height: 30px; background-color: #fff; color: #c3aa30; border-radius: 50%; position: relative; left: 10px; -webkit-transition: all .5s; transition: all .5s } .default-btn:hover { color: #fff } .default-btn:hover i { background-color: #f5ddb3; -webkit-animation: fadeInLeft 1s linear; animation: fadeInLeft 1s linear } .read-more { line-height: 1; color: #c3aa30; font-weight: 500; -webkit-transition: all .5s; transition: all .5s; display: block; font-size: 14px } .read-more i { position: relative; top: 2px; font-size: 16px; left: 8px; width: 20px; height: 20px; line-height: 19px; border-radius: 50%; -webkit-transition: all .5s; transition: all .5s; display: inline-block; font-weight: 600 } .read-more:hover { color: #c3aa30 } .read-more:hover i { color: #c3aa30; -webkit-animation: fadeInLeft 1s linear; animation: fadeInLeft 1s linear } .section-title { margin: -8px auto 60px; /*margin: -8px auto 10px;*/ text-align: center; position: relative } .section-title span { text-transform: uppercase; color: #c3aa30; font-size: 14px; display: block; margin-bottom: 10px; letter-spacing: 10px } .section-title h2 { font-size: 40px; margin-bottom: 30px; position: relative; display: block } .section-title h2:last-child { margin-bottom: 0 } .preloader { width: 100%; height: 100%; position: fixed; background-color: #fff; top: 0; left: 0; z-index: 99999 } .preloader .lds-ripple { position: relative; width: 64px; height: 64px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) } .preloader .lds-ripple div { position: absolute; border: 4px solid #c3aa30; opacity: 1; border-radius: 50%; -webkit-animation: lds-ripple 1s cubic-bezier(0, .2, .8, 1) infinite; animation: lds-ripple 1s cubic-bezier(0, .2, .8, 1) infinite } .preloader .lds-ripple div:nth-child(2) { -webkit-animation-delay: -.5s; animation-delay: -.5s } @-webkit-keyframes lds-ripple { 0% { top: 28px; left: 28px; width: 0; height: 0; opacity: 1 } 100% { top: -1px; left: -1px; width: 58px; height: 58px; opacity: 0 } } @keyframes lds-ripple { 0% { top: 28px; left: 28px; width: 0; height: 0; opacity: 1 } 100% { top: -1px; left: -1px; width: 58px; height: 58px; opacity: 0 } } @-webkit-keyframes moveLeftBounces { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 50% { -webkit-transform: translateX(45px); transform: translateX(45px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes moveLeftBounces { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 50% { -webkit-transform: translateX(45px); transform: translateX(45px) } 100% { -webkit-transform: translateX(0); transform: translateX(0) } } @-webkit-keyframes moVebounce { 0% { -webkit-transform: translateX(0px); transform: translateX(0px) } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } 100% { -webkit-transform: translateX(0px); transform: translateX(0px) } } @keyframes moVebounce { 0% { -webkit-transform: translateX(0px); transform: translateX(0px) } 50% { -webkit-transform: translateX(-10px); transform: translateX(-10px) } 100% { -webkit-transform: translateX(0px); transform: translateX(0px) } } @-webkit-keyframes rotation { from { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } @keyframes rotation { from { -webkit-transform: rotate(0deg); transform: rotate(0deg) } to { -webkit-transform: rotate(359deg); transform: rotate(359deg) } } .bx-fade-left { -webkit-transition: all 1s; transition: all 1s } .bx-fade-left:hover { -webkit-transition: all 1s; transition: all 1s; -webkit-animation: none; animation: none } .bx-fade-right { -webkit-transition: all 1s; transition: all 1s } .bx-fade-right:hover { -webkit-transition: all 1s; transition: all 1s; -webkit-animation: none; animation: none } .nice-select .list { width: 100% } .nice-select .option:hover { background-color: #c3aa30; color: #fff } .nice-select .option.selected.focus { background-color: #24416b; color: #c3aa30 } .eorik-nav-style .navbar { padding: 0 } .eorik-nav-style .navbar-area .navbar-brand { padding: 5px 0; } .eorik-nav-style .navbar-area .main-nav { position: unset; background: 0 0; padding-top: 0; padding-bottom: 0 } .eorik-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a { font-weight: 600; font-size: 16px; color: #fff; text-transform: uppercase; -webkit-transition: all .5s; transition: all .5s; margin-left: 0; margin: 0 18px } .eorik-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a i { font-size: 25px; line-height: 0; position: relative; top: 6px; -webkit-transition: all .5s; transition: all .5s } .eorik-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a.active { color: #fff } .eorik-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a.active i { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .eorik-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item a.active::before { -webkit-transform: scale(1); transform: scale(1) } .eorik-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item:hover a { color: #fff } .eorik-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item:hover a i { -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .eorik-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu { background-color: #fff; border: none; border-radius: 0; top: 130%; padding: 0 } .eorik-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu::before { position: absolute; width: 0; height: 0; content: ""; border-top: 0; border-right: 8px solid transparent; border-bottom: 8px solid #fff; border-left: 8px solid transparent; top: -8px; left: 20px } .eorik-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a { font-size: 14px; color: #24416b; position: relative; padding: 6px 15px; border-bottom: 1px dashed #eee; margin-left: 0; margin-right: 0 } .eorik-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a i { float: right; top: 12px; -webkit-transition: all .5s; transition: all .5s } .eorik-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 0; height: 1px; background-color: #c3aa30; -webkit-transition: all .5s; transition: all .5s } .eorik-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover { color: #c3aa30 } .eorik-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a:hover::before { width: 100% } .eorik-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active { color: #c3aa30 } .eorik-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a.active::before { -webkit-transform: scale(1); transform: scale(1) } .eorik-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu { left: 100% } .eorik-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li .dropdown-menu::before { display: none } .eorik-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child a { border-bottom: none } .eorik-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:last-child a::before { display: none } .eorik-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li:hover .dropdown-menu { top: 0!important } .eorik-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item:hover .dropdown-menu { top: 98% } .eorik-nav-style .navbar-area .main-nav nav .navbar-nav .nav-item:last-child .dropdown-menu::before { left: auto; right: 20px } .eorik-nav-style .navbar-area.is-sticky { position: fixed; top: 0; left: 0; right: 0; margin: auto; z-index: 999; background-color: #313538; -webkit-box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4); box-shadow: 0 8px 6px -6px rgba(0, 0, 0, .4); -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; animation: 500ms ease-in-out 0s normal none 1 running fadeInDown; -webkit-transition: all .5s; transition: all .5s; width: 100%!important } .eorik-nav-style .dropdown-toggle::after { display: none } .eorik-nav-style .others-option .call-us { color: #fff; font-size: 15px; font-weight: 600 } .eorik-nav-style .others-option .call-us i { color: #fff; display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 50%; background-color: #c3aa30; text-align: center; margin-right: 10px } .eorik-nav-style .others-option .call-us:hover { color: #fff } .eorik-slider-area { position: relative } .eorik-slider-area .owl-next { position: absolute; top: 50%; right: 30px; margin: 0!important; border-radius: 0!important; -webkit-transition: all .5s; transition: all .5s; opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px) } .eorik-slider-area .owl-next i { background-color: #c3aa30; color: #fff; width: 40px; height: 40px; line-height: 40px; display: inline-block; -webkit-transition: all .5s; transition: all .5s; font-size: 26px; border-radius: 4px } .eorik-slider-area .owl-next i:hover { background-color: #c3aa30!important } .eorik-slider-area .owl-prev { position: absolute; top: 50%; left: 30px; margin: 0!important; border-radius: 0!important; -webkit-transition: all .5s; transition: all .5s; opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px) } .eorik-slider-area .owl-prev i { background-color: #c3aa30!important; color: #fff; width: 40px; height: 40px; line-height: 40px; display: inline-block; -webkit-transition: all .5s; transition: all .5s; font-size: 26px; border-radius: 4px } .eorik-slider-area .owl-prev i:hover { background-color: #c3aa30!important } .eorik-slider-area:hover .owl-prev { opacity: 1 } .eorik-slider-area:hover .owl-next { opacity: 1 } .eorik-slider-area .owl-theme .owl-nav { margin-top: 0!important } .eorik-slider-area .owl-theme .owl-nav [class*=owl-]:hover { background-color: transparent } .eorik-slider-area .white-shape { position: absolute; bottom: 0; left: 0; z-index: 1 } .eorik-slider-area .owl-theme .owl-nav.disabled+.owl-dots { margin-top: 0; position: absolute; right: 0; left: 0; bottom: 110px } .eorik-slider-area .owl-theme .owl-nav.disabled+.owl-dots .owl-dot span { width: 20px; height: 20px; margin: 5px 7px; background: #d6d6d6; border-radius: 0; -webkit-clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); -webkit-transition: all .5s; transition: all .5s } .eorik-slider-area .owl-theme .owl-nav.disabled+.owl-dots .owl-dot:hover span { background: #c3aa30 } .eorik-slider-area .owl-theme .owl-nav.disabled+.owl-dots .owl-dot.active span { background: #c3aa30; -webkit-clip-path: polygon(49% 0, 100% 48%, 70% 48%, 71% 100%, 29% 100%, 29% 48%, 0 48%); clip-path: polygon(49% 0, 100% 48%, 70% 48%, 71% 100%, 29% 100%, 29% 48%, 0 48%); -webkit-animation: fadeInUp .5s linear; animation: fadeInUp .5s linear } .eorik-slider-area .social-link { position: absolute; top: 50%; right: 50px; z-index: 1; -webkit-transform: translateY(-30%); transform: translateY(-30%) } .eorik-slider-area .social-link ul li { margin-bottom: 10px } .eorik-slider-area .social-link ul li:last-child { margin-bottom: 0 } .eorik-slider-area .social-link ul li a { background-color: #c3aa30; color: #fff; display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50% } .eorik-slider-area .social-link ul li a:hover { -webkit-animation: rubberBand 1s linear; animation: rubberBand 1s linear } .eorik-slider-area .social-link ul li a:hover i { -webkit-animation: fadeInLeft .5s linear; animation: fadeInLeft .5s linear } .eorik-slider-item { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100vh; position: relative; z-index: 1 } .eorik-slider-item::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #00000073; opacity: .5 } .eorik-slider-item .eorik-slider-text { text-align: center; margin-top: 45px } .eorik-slider-item .eorik-slider-text.eorik-slider-text-one { margin-top: -80px } .eorik-slider-item .eorik-slider-text h1 { /*font-size: 160px;*/ font-size: 100px; color: #fff; margin-top: 30px; margin-bottom: -20px; font-family: beautiful-heartregular } .eorik-slider-item .eorik-slider-text span { color: #fff; font-size: 15px; display: block; margin-bottom: 30px; font-weight: 400 } .eorik-slider-item .eorik-slider-text .slider-btn .default-btn { margin: 0 20px } .eorik-slider-item .eorik-slider-text .slider-btn .default-btn.white { color: #fff } .eorik-slider-area .owl-item.active .eorik-slider-text.overflow-hidden { overflow: hidden } .eorik-slider-area .owl-item.active .eorik-slider-text.one h1 { -webkit-animation: 1s .1s fadeInUpBig both; animation: 1s .1s fadeInUpBig both } .eorik-slider-area .owl-item.active .eorik-slider-text.one span { -webkit-animation: 2s .2s fadeInUpBig both; animation: 2s .2s fadeInUpBig both } .eorik-slider-area .owl-item.active .eorik-slider-text.one .slider-btn { -webkit-animation: 3s .3s fadeInUpBig both; animation: 3s .3s fadeInUpBig both } .eorik-slider-area .owl-item.active .eorik-slider-text.two h1 { -webkit-animation: 2s .2s fadeInLeft both; animation: 2s .2s fadeInLeft both } .eorik-slider-area .owl-item.active .eorik-slider-text.two span { -webkit-animation: 2s .2s fadeInDownBig both; animation: 2s .2s fadeInDownBig both } .eorik-slider-area .owl-item.active .eorik-slider-text.two .slider-btn { -webkit-animation: 2s .2s fadeInUpBig both; animation: 2s .2s fadeInUpBig both } .eorik-slider-area .owl-item.active .eorik-slider-text.three h1 { -webkit-animation: 2s .2s fadeInDown both; animation: 2s .2s fadeInDown both } .eorik-slider-area .owl-item.active .eorik-slider-text.three span { -webkit-animation: 2s .2s fadeInDown both; animation: 2s .2s fadeInDown both } .eorik-slider-area .owl-item.active .eorik-slider-text.three .slider-btn { -webkit-animation: 2s .2s fadeInUp both; animation: 2s .2s fadeInUp both } .slider-item-bg-1 { background-image: url(../img/home-one/slider/slide1.jpg) } .slider-item-bg-2 { background-image: url(../img/home-one/slider/slide2.jpg) } .slider-item-bg-3 { background-image: url(../img/home-one/slider/slide3.jpg) } .slider-item-bg-4 { background-image: url(../img/home-one/slider/slide4.jpg) } .slider-item-bg-5 { background-image: url(../img/home-one/slider/slide5.jpg) } /*.slider-item-bg-1 { background-image: url(../img/home-one/slider/1.jpg) } .slider-item-bg-2 { background-image: url(../img/home-one/slider/2.jpg) } .slider-item-bg-3 { background-image: url(../img/home-one/slider/3.jpg) } .slider-item-bg-4 { background-image: url(../img/home-one/slider/4.jpg) } .slider-item-bg-5 { background-image: url(../img/home-one/slider/5.jpg) }*/ .check-area { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1 } .check-content { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 20px } .check-content p { font-size: 15px; font-weight: 600; text-transform: uppercase; margin: 0; font-weight: 600; margin-bottom: 10px; color:#000; } .check-content p i { display: inline-block; margin-right: 5px } .check-content a { text-decoration: none } .check-content .form-group { position: relative } .check-content .form-group .form-control { height: auto!important; border: none!important; background-color: unset; border-radius: 0; padding: 0; font-size: 35px; font-family: muli, sans-serif; width: 100%; font-weight: 700; font-size: 25px; color: #000 } .check-content .form-group .form-control::-webkit-input-placeholder { font-weight: 700; font-size: 25px; color: #7a7e9a } .check-content .form-group .form-control:-ms-input-placeholder { font-weight: 700; font-size: 25px; color: #7a7e9a } .check-content .form-group .form-control::-ms-input-placeholder { font-weight: 700; font-size: 25px; color: #7a7e9a } .check-content .form-group .form-control::placeholder { font-weight: 700; font-size: 25px; color: #7a7e9a } .check-content .form-group .form-control:focus { background-color: #fff; border: 1px solid #c3aa30; outline: 0; -webkit-box-shadow: none; box-shadow: none } .check-content .form-group .form-content { height: auto!important; border: none!important; background-color: unset; border-radius: 0; padding: 0; font-size: 25px; width: 100%; font-family: muli, sans-serif; font-weight: 700; color: #7a7e9a; line-height: 1; margin-bottom: 0; margin-top: 25px } .check-content .form-group .form-content:focus { background-color: #fff; border: 1px solid #c3aa30; outline: 0; -webkit-box-shadow: none; box-shadow: none } .check-content .form-group .nice-select { float: unset; position: relative; top: 0; color: #000; } .flaticon-calendar:before{ color:#000; } .check-content .form-group .nice-select .list { z-index: 999; width: 100px; overflow-y: auto; height: 200px; border-radius: 0; margin: auto; left: -14px } .check-content .form-group .nice-select .option { padding-left: 10px; padding-right: 10px; font-size: 16px } .check-content .form-group .nice-select::after { height: 10px; width: 10px } .check-content .input-group { position: relative } .check-content .input-group i { position: absolute; right: 0; bottom: 6px; font-size: 22px; line-height: 1 } .check-content.check-btn { padding: 34px 15px; text-align: center } .check-form { -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 30px; background-color: #fff } .datepicker table tr td { font-family: muli, sans-serif; font-weight: 600 } .datepicker table tr th { font-family: muli, sans-serif; font-weight: 600; font-size: 13px } .datepicker table tr td.active:active { background-color: #c3aa30 } .datepicker table tr td.active.highlighted:active { background-color: #c3aa30 } .datepicker table tr td.active.active { background-color: #c3aa30 } .datepicker table tr td.active.highlighted.active { background-color: #c3aa30 } .datepicker table tr td.day { -webkit-transition: all .5s; transition: all .5s; font-size: 12px } .datepicker table tr td.day:hover { color: #fff; background-color: #c3aa30 } .datepicker table tr td.focused { -webkit-transition: all .5s; transition: all .5s; color: #fff; background-color: #c3aa30 } .datepicker .datepicker-switch { -webkit-transition: all .5s; transition: all .5s; font-size: 14px } .datepicker .datepicker-switch:hover { background-color: #c3aa30; color: #fff; background-color: #c3aa30; color: #fff } .datepicker .prev { -webkit-transition: all .5s; transition: all .5s } .datepicker .prev:hover { background-color: #c3aa30; color: #fff; background-color: #c3aa30; color: #fff } .datepicker .next { -webkit-transition: all .5s; transition: all .5s } .datepicker .next:hover { background-color: #c3aa30; color: #fff; background-color: #c3aa30; color: #fff } .datepicker tfoot tr th { -webkit-transition: all .5s; transition: all .5s } .datepicker tfoot tr th:hover { background-color: #c3aa30; color: #fff; background-color: #c3aa30; color: #fff } .explore-content h2 { margin-bottom: 30px } .explore-content .default-btn { /*margin-top: 24px;*/ margin-top: 0px; } .single-facilities-wrap { margin-bottom: 30px } .single-facilities h3{ font-size:18px; } .single-facilities-wrap .single-facilities { text-align: center; background-image: url(../img/facilities-card-bg.png); background-position: center center; background-size: cover; height: 130px; background-repeat: no-repeat; padding: 10px; position: relative; z-index: 1; -webkit-transition: all .5s; transition: all .5s } .single-facilities-wrap .single-facilities::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #c3aa30; opacity: .8; z-index: -1 } .single-facilities-wrap .single-facilities::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; opacity: 1; z-index: -1; -webkit-transition: all .5s; transition: all .5s; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05) } .single-facilities-wrap .single-facilities .facilities-icon { font-size: 35px; color: #c3aa30; -webkit-transition: all .5s; transition: all .5s; display: block; line-height: 1; margin-bottom: 10px } .single-facilities-wrap .single-facilities h3 { margin-bottom: 15px; -webkit-transition: all .5s; transition: all .5s } .single-facilities-wrap .single-facilities p { margin-bottom: 20px; -webkit-transition: all .5s; transition: all .5s } .single-facilities-wrap .single-facilities .icon-btn { display: inline-block; width: 30px; height: 30px; line-height: 30px; background-color: #c3aa30; color: #ffffff; border-radius: 50%; -webkit-transition: all .5s; transition: all .5s } .incredible-area { background-image: url(../img/video-img.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; text-align: center; position: relative; z-index: 1; overflow: hidden } .incredible-area::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .5; z-index: -1 } .incredible-area .white-shape img { position: absolute } .incredible-area .white-shape img:nth-child(1) { bottom: 0; left: 0; right: 0; margin: auto } .incredible-area .white-shape img:nth-child(2) { top: 0; left: 0; right: 0; margin: auto } .incredible-content { max-width: 800px; margin: auto } .incredible-content .video-btn { margin-bottom: 40px } .incredible-content h2 { color: #fff; font-weight: 700; font-size: 40px; margin-bottom: 20px } .incredible-content h2 span { font-family: beautiful-heartregular; font-size: 75px; font-weight: 400 } .incredible-content p { color: #fff; margin-bottom: 50px; text-align: center; font-size: 18px; font-weight: 700; } .single-rooms { position: relative; background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); /*padding: 30px;*/ padding: 25px 20px 25px 40px; -webkit-transition: all .5s; transition: all .5s; cursor: pointer; /*margin-bottom: 30px;*/ margin-bottom: 10px; overflow: hidden } .room-content h3{ font-size: 17px; } .single-rooms:last-child { margin-bottom: 0 } .single-rooms img { position: absolute; top: 50%; left: 23px; -webkit-transform: translateY(-48%); transform: translateY(-48%); background-color: #eee; max-width: 150px; z-index: 1 } .single-rooms .room-content { padding-left: 165px; position: relative; top: 2px } .single-rooms .room-content h3 { -webkit-transition: all .5s; transition: all .5s } .single-rooms .room-content span { font-weight: 600; -webkit-transition: all .5s; transition: all .5s } .single-rooms:hover { background-color: #c3aa30; } .single-rooms:hover h3 { color: #fff } .single-rooms:hover span { color: #fff } .single-rooms.current { background-color: #c3aa30; } .single-rooms.current h3 { color: #fff } .single-rooms.current span { color: #fff } .our-rooms-wrap.owl-theme .owl-nav { margin-top: 0!important; position: absolute; right: 50px; bottom: 50px } .our-rooms-wrap.owl-theme .owl-nav .owl-prev { width: 40px; height: 40px; line-height: 40px; display: block; border: 2px solid #fff!important; display: inline-block; border-radius: 50%; color: #fff; -webkit-transition: all .5s; transition: all .5s } .our-rooms-wrap.owl-theme .owl-nav .owl-prev i { font-size: 15px; font-weight: 600; position: relative; top: -1px; display: inline-block } .our-rooms-wrap.owl-theme .owl-nav .owl-prev:hover { background-color: #fff!important; color: #c3aa30 } .our-rooms-wrap.owl-theme .owl-nav .owl-prev:hover i { -webkit-animation: fadeInRight 1s linear; animation: fadeInRight 1s linear } .our-rooms-wrap.owl-theme .owl-nav .owl-next { width: 40px; height: 40px; line-height: 40px; display: block; border: 2px solid #fff!important; display: inline-block; border-radius: 50%; color: #fff } .our-rooms-wrap.owl-theme .owl-nav .owl-next i { font-size: 15px; font-weight: 600; position: relative; top: -1px; display: inline-block } .our-rooms-wrap.owl-theme .owl-nav .owl-next:hover { background-color: #fff!important; color: #c3aa30 } .our-rooms-wrap.owl-theme .owl-nav .owl-next:hover i { -webkit-animation: fadeInLeft 1s linear; animation: fadeInLeft 1s linear } .our-rooms-wrap.owl-theme .owl-nav [class*=owl-]:hover { background-color: transparent } .tabs_item { position: relative } .tabs_item .preview-item { position: absolute; bottom: 47px; right: 180px; z-index: 1; font-size: 20px; color: #c3aa30; font-weight: 600; background-color: #eee; padding: 10px } .tab_content { height: 100% } .tab_content .tabs_item { height: 100% } .our-rooms-single-img { background-position: center center; background-repeat: no-repeat; background-size: cover; height:400px; } .our-rooms-single-img.room-bg-1 { background-image: url(../img/rooms/1.jpg) } .our-rooms-single-img.room-bg-2 { background-image: url(../img/rooms/2.jpg) } .our-rooms-single-img.room-bg-3 { background-image: url(../img/rooms/3.jpg) } .our-rooms-single-img.room-bg-4 { background-image: url(../img/rooms/4.jpg) } .our-rooms-single-img.room-bg-5 { background-image: url(../img/rooms/5.jpg) } .our-rooms-single-img.room-bg-6 { background-image: url(../img/rooms/rooms-1.jpg) } .tab .tabs_item { display: none } .tab .tabs_item:first-child { display: block } .city-view-area { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; background-image: url(../img/city/city-bg.jpg) } .city-view-area .city-wrap { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); max-width: 600px; padding: 40px; margin: auto } .city-view-area .city-wrap .city-content span { text-transform: uppercase; color: #c3aa30; font-size: 14px; display: block; margin-bottom: 8px; letter-spacing: 10px } .city-view-area .city-wrap .city-content h3 { margin-bottom: 20px; font-size: 25px } .city-view-area .owl-theme .owl-nav { margin-top: 0!important } .city-view-area .owl-theme .owl-nav .owl-prev { width: 40px; height: 40px; line-height: 43px; display: block; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); background-color: #fff; display: inline-block; border-radius: 50%; color: #c3aa30; -webkit-transition: all .5s; transition: all .5s; position: absolute; top: 50%; left: -60px; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all .5s } .city-view-area .owl-theme .owl-nav .owl-prev i { font-size: 15px; font-weight: 600; position: relative; top: -1px; display: inline-block } .city-view-area .owl-theme .owl-nav .owl-prev:hover { background-color: #c3aa30!important; color: #fff } .city-view-area .owl-theme .owl-nav .owl-prev:hover i { -webkit-animation: fadeInRight 1s linear; animation: fadeInRight 1s linear } .city-view-area .owl-theme .owl-nav .owl-next { width: 40px; height: 40px; line-height: 43px; display: block; background-color: #fff; display: inline-block; border-radius: 50%; color: #c3aa30; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); position: absolute; top: 50%; right: -60px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .5s; transition: all .5s } .city-view-area .owl-theme .owl-nav .owl-next i { font-size: 15px; font-weight: 600; position: relative; top: -1px; display: inline-block } .city-view-area .owl-theme .owl-nav .owl-next:hover { background-color: #c3aa30!important; color: #fff } .city-view-area .owl-theme .owl-nav .owl-next:hover i { -webkit-animation: fadeInLeft 1s linear; animation: fadeInLeft 1s linear } .city-view-area .owl-theme .owl-nav [class*=owl-]:hover { background-color: transparent } .exclusive-img { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100% } .exclusive-img.bg-1 { background-image: url(../img/exclusive/1.jpg) } .exclusive-img.bg-2 { background-image: url(../img/exclusive/2.jpg) } .exclusive-content { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 20px } .exclusive-content .title { text-transform: uppercase; color: #c3aa30; font-size: 14px; display: block; margin-bottom: 8px; letter-spacing: 5px } .exclusive-content h3 { margin-bottom: 20px } .exclusive-content .review { font-weight: 600; margin-bottom: 7px; display: block } .exclusive-content .review a { color: #c3aa30; font-weight: 400; padding-left: 5px } .exclusive-content p { margin-bottom: 8px } .exclusive-content ul { margin-bottom: 20px } .exclusive-content ul li { display: inline-block; padding-left: 8px; font-weight: 600 } .exclusive-content ul li:first-child { padding-left: 0 } .exclusive-content ul li i { position: relative; top: 2px } .exclusive-content .default-btn { padding: 5px 15px } .exclusive-area { overflow: hidden } .exclusive-area .exclusive-wrap { -webkit-transition: all .5s; transition: all .5s; margin-bottom: 30px } .exclusive-area .exclusive-wrap:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .booking-col-2 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding-left: 15px; padding-right: 15px } .booking-col-2 .single-booking { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); -webkit-transition: all .5s; transition: all .5s; overflow: hidden; text-align: center; padding: 20px; margin-bottom: 30px } .booking-col-2 .book-icon { font-size: 50px; display: block; line-height: 1; color: #8aa228; margin-bottom: 5px; -webkit-transition: all .5s; transition: all .5s } .booking-col-2 .booking-title { font-weight: 600; color: #000; margin-bottom: 5px; display: block } .booking-col-2 h3 { margin-bottom: 0; -webkit-transition: all .5s; transition: all .5s; font-size: 18px } .booking-col-2 .btn { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; text-align: center!important } .booking-col-2:hover .single-booking { background-color: #c3aa30; } .booking-col-2:hover .book-icon { color: #fff; -webkit-animation: fadeInDown .5s linear; animation: fadeInDown .5s linear } .booking-col-2:hover .booking-title { color: #fff } .booking-col-2:hover h3 { color: #fff } .booking-col-2 .modal-footer .default-btn { margin: auto; display: table } .single-restaurants { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; padding: 40px; text-align: center; z-index: 1; position: relative; height: 420px; } .bg-1 img{ width:100px !important; display:block; margin:auto; } .bg-2 img{ /*width:100px !important;*/ width:80px !important; display:block; margin:auto; } .bg-3 img{ width:100px !important; display:block; margin:auto; } .single-restaurants::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; z-index: -1 } .single-restaurants::after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #c3aa30; z-index: -1; -webkit-transition: all .5s; transition: all .5s } .single-restaurants .restaurants-icon { display: block; font-size: 50px; color: #c3aa30; line-height: 1; margin-bottom: 30px; -webkit-transition: all .5s; transition: all .5s } .single-restaurants span { display: block; letter-spacing: 10px; color: #fff; text-transform: uppercase; font-size: 20px; font-family: "dm serif display", serif; font-weight: 700; margin-bottom: 10px } .single-restaurants p { color: #fff; text-align: center; } .single-restaurants .default-btn { margin-top: 0px } .single-restaurants:hover::after { width: 100% } .single-restaurants:hover .restaurants-icon { color: #fff } .single-restaurants:hover .default-btn { background-color: #fff; color: #c3aa30 } .single-testimonials { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; background-image: url(../../assets/img/testimonials/testimonials-bg.png); padding: 30px; -webkit-transition: all .5s; transition: all .5s; height: 400px; } .copy-right p{ color: #fff; } .designed p{ color: #fff; text-align: right; } .single-testimonials ul { margin-bottom: 15px; line-height: 1 } .single-testimonials ul li { display: inline-block } .single-testimonials ul li i { color: #f4a708; font-size: 20px } .single-testimonials h3 { margin-bottom: 25px } .single-testimonials p { font-style: italic } .single-testimonials .testimonials-content { margin-top: 30px; position: relative; position: relative; padding-left: 82px } .single-testimonials .testimonials-content::before { content: ""; position: absolute; top: 0; left: 65px; border-left: 1px dashed #cccad7; width: 100%; height: 100% } .single-testimonials .testimonials-content img { position: absolute; top: 0; left: 0; border-radius: 50%; width: 50px; height: 50px } .single-testimonials .testimonials-content h4 { font-size: 18px } .single-testimonials .testimonials-content span { font-size: 12px } .single-testimonials:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .testimonials-wrap.owl-carousel .owl-item img { width: unset } .single-news { margin-bottom: 30px; -webkit-transition: all .5s; transition: all .5s } .single-news .news-img { position: relative; overflow: hidden } .single-news .news-img .dates { position: absolute; top: 0; left: 0; font-size: 18px; background-color: #c3aa30; padding: 30px; color: #fff; -webkit-transition: all .5s; transition: all .5s; -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0); clip-path: polygon(0 0, 0% 100%, 100% 0) } .single-news .news-img .dates span { -webkit-transform: rotate(-40deg); transform: rotate(-40deg); display: inline-block; position: relative; left: -20px; top: -15px; font-size: 14px } .single-news .news-content-wrap { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 30px; height: 250px; } .single-news .news-content-wrap ul { margin-bottom: 10px } .single-news .news-content-wrap ul li { display: inline-block; padding-right: 10px } .single-news .news-content-wrap ul li a { color: #7a7e9a } .single-news .news-content-wrap ul li a i { color: #c3aa30!important; margin-right: 5px; display: inline-block } .single-news .news-content-wrap ul li a:hover { color: #c3aa30 } .single-news .news-content-wrap a h3 { margin-bottom: 20px; -webkit-transition: all .5s; transition: all .5s; line-height: 1.4 } .single-news .news-content-wrap p { margin-bottom: 25px } .single-news:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .single-news:hover .news-content-wrap a h3 { color: #c3aa30 } .single-news:hover .news-content-wrap .read-more i { -webkit-animation: fadeInLeft 1s linear; animation: fadeInLeft 1s linear } .footer-top-area { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; background-image: url(../../assets/img/footer-bg.jpg); position: relative; z-index: 1; overflow: hidden } .footer-top-area .section-title { margin-bottom: 30px } .footer-top-area .section-title h2 { margin-bottom: 20px; color: #fff } .footer-top-area .section-title p { color: #fff } .footer-top-area::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #313538; z-index: -1 } .footer-top-area .footer-shape img { position: absolute } .footer-top-area .footer-shape img:nth-child(1) { top: 0; right: 0; z-index: -1 } .single-widget { margin-bottom: 30px } .single-widget img { margin-bottom: 30px } .single-widget p { color: #fff; margin-bottom: 30px; font-weight:600; } .single-widget h3 { color: #fff; margin-bottom: 25px; font-size: 25px; position: relative } .single-widget ul li { margin-bottom: 14px } .single-widget ul li:last-child { margin-bottom: 0 } .single-widget ul li a { color: #fff; position: relative; padding-left: 20px } .single-widget ul li a .right-icon { font-size: 20px; position: absolute; top: 3px; left: 0 } .single-widget ul li a:hover { color: #c3aa30; -webkit-transform: translateX(5px); transform: translateX(5px) } .single-widget ul li a:hover i { -webkit-animation: fadeInLeft .5s linear; animation: fadeInLeft .5s linear } .single-widget .information li { margin-bottom: 6px } .single-widget .information li a { padding-left: 0; position: relative } .single-widget .information li a:hover { -webkit-transform: translateX(0); transform: translateX(0) } .single-widget .information li.address { position: relative; padding-left: 30px; color: #fff; font-weight: 500; } .single-widget .information li.address i { position: absolute; top: 1px; left: 0; font-size: 20px; color:#c3aa30; } .single-widget .information li.address span { display: block; font-family: "dm serif display", serif; font-size: 20px; font-weight: 500; color: #fff; } .single-widget .social-icon { line-height: 1 } .single-widget .social-icon li { display: inline-block; margin-right: 5px; margin-bottom: 0 } .single-widget .social-icon li a { width: 30px; height: 30px; line-height: 32px; background-color: rgba(255, 255, 255, 0.3); color: #fff; border-radius: 50%; text-align: center; font-size: 15px; position: relative; padding-left: 0 } .single-widget .social-icon li a:hover { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-animation: rubberBand 1s linear; animation: rubberBand 1s linear; color: #fff; background-color: #c3aa30 } .footer-tops-area { border-bottom: 1px solid #424141 } .footer-tops-area .subscribe-wrap { margin: auto; max-width: 600px } .footer-tops-area .subscribe-wrap .newsletter-form .input-tracking { height: 50px; width: 400px; border-radius: 50px; border: none; outline: none; padding: 20px; margin-right: 20px } .footer-tops-area .subscribe-wrap .newsletter-form .input-tracking::-webkit-input-placeholder { position: relative; top: 2px } .footer-tops-area .subscribe-wrap .newsletter-form .input-tracking:-ms-input-placeholder { position: relative; top: 2px } .footer-tops-area .subscribe-wrap .newsletter-form .input-tracking::-ms-input-placeholder { position: relative; top: 2px } .footer-tops-area .subscribe-wrap .newsletter-form .input-tracking::placeholder { position: relative; top: 2px } .footer-bottom-area { border-top: 1px solid #424141; margin-top: 30px; padding: 15px 0 } .footer-bottom-area .copy-right { color: #d9d6d6 } .footer-bottom-area .copy-right i { position: relative; top: 1px; margin-right: -5px } .footer-bottom-area .copy-right a { color: #c3aa30; } .footer-bottom-area .copy-right a:hover { color: #c3aa30 } .footer-bottom-area .designed { text-align: right; color: #d9d6d6 } .footer-bottom-area .designed i { position: relative; top: 2px; color: #c3aa30; -webkit-animation: heartBeat 1000ms infinite linear; animation: heartBeat 1000ms infinite linear } .footer-bottom-area .designed a { color: #c3aa30 } .header-area .heder-top-area { background-color: #fff; padding: 15px 0 } .header-area .heder-top-area .social-link { line-height: 1 } .header-area .heder-top-area .social-link li { display: inline-block; margin-right: 5px; margin-bottom: 0 } .header-area .heder-top-area .social-link li a { width: 30px; height: 30px; line-height: 32px; background-color: rgba(204, 140, 24, .1); color: #c3aa30; border-radius: 50%; text-align: center; font-size: 15px; position: relative; padding-left: 0 } .header-area .heder-top-area .social-link li a:hover { -webkit-transform: translateX(0px); transform: translateX(0px); -webkit-animation: rubberBand 1s linear; animation: rubberBand 1s linear; color: #fff; background-color: #c3aa30 } .header-area .heder-top-area .social-link li a:hover i { -webkit-animation: fadeInLeft .5s linear; animation: fadeInLeft .5s linear } .header-area .heder-top-area .location { float: right } .header-area .heder-top-area .location i { background-color: rgba(204, 140, 24, .1); width: 30px; height: 30px; line-height: 32px; font-size: 15px; text-align: center; border-radius: 50%; color: #c3aa30 } .header-area .heder-top-area .location span { font-size: 14px; line-height: 1; position: relative; top: -2px; left: 5px } .header-area .eorik-nav-style-two { background-color: #c3aa30 } .header-area .eorik-nav-style-two #navbarSupportedContent { position: relative } .header-area .eorik-nav-style-two .navbar-area .navbar-brand { display: none } .header-area .eorik-nav-style-two .navbar-area .main-nav nav .navbar-nav .nav-item a { margin: 0 20px 0 0 } .header-area .eorik-nav-style-two .navbar-area .main-nav nav .navbar-nav .nav-item a:hover { color: #fff } .header-area .eorik-nav-style-two .navbar-area .main-nav nav .navbar-nav .nav-item a.active { color: #fff } .header-area .eorik-nav-style-two .others-option { position: absolute; right: 0 } .header-area .eorik-nav-style-two .others-option .call-us { position: relative; z-index: 2 } .header-area .eorik-nav-style-two .others-option .call-us i { color: #c3aa30; width: 75px; height: 75px; line-height: 75px; border-radius: 50%; background-color: #fff; -webkit-box-shadow: 0 0 20px 20px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 20px rgba(0, 0, 0, .05); position: absolute; font-size: 30px; left: -90px; bottom: -23px } .header-area .eorik-nav-style-two .others-option .call-us i::after { content: ""; position: absolute; top: -5px; left: -5px; width: 85px; height: 85px; line-height: 80px; border-radius: 50%; background-color: #f0dcb9; opacity: .5; z-index: -1 } .header-area .eorik-nav-style-two .navbar-area.is-sticky { padding: 20px 0 } .ecorik-banner-area { background-image: url(../../assets/img/home-two/banner/1.png); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100vh; z-index: 1; position: relative } .ecorik-banner-area::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .4; z-index: -1 } .ecorik-banner-area .ecorik-banner-text { text-align: center; margin-top: -30px } .ecorik-banner-area .ecorik-banner-text h1 { font-size: 160px; color: #fff; margin-top: 30px; margin-bottom: -20px; font-family: beautiful-heartregular; margin-bottom: 5px } .ecorik-banner-area .ecorik-banner-text span { color: #fff; font-size: 15px; display: block; font-weight: 400; margin-bottom: 30px } .ecorik-banner-area .ecorik-banner-text .slider-btn .default-btn { margin: 0 20px } .ecorik-banner-area .ecorik-banner-text .slider-btn .default-btn.white { color: #fff } .ecorik-banner-area .white-shape { position: absolute; bottom: 0; left: 0; right: 0 } .ecorik-banner-area .check-form { background-color: unset } .explore-img-two { position: relative; z-index: 1 } .explore-img-two::before { content: ""; position: absolute; top: 30px; left: 30px; width: 100%; height: 100%; background-color: #c3aa30; z-index: -1 } .city-view-area-two { background-image: url(../img/city/city-bg-two.jpg); position: relative } .city-view-area-two .white-shape img { position: absolute } .city-view-area-two .white-shape img:nth-child(2) { top: 0; left: 0 } .city-view-area-two .white-shape img:nth-child(1) { bottom: 0; left: 0 } .city-view-area-two .city-wrap { border: 30px solid rgba(231, 231, 231, .5); max-width: 650px } .facilities-area-two .single-facilities-wrap .single-facilities::before { opacity: 1 } .our-rooms-area-two .single-rooms { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); -webkit-transition: all .5s; transition: all .5s; overflow: hidden; text-align: center; padding: 25px; margin-bottom: 30px } .our-rooms-area-two .single-rooms i { font-size: 50px; display: block; line-height: 1; color: #717486; margin-bottom: 10px; -webkit-transition: all .5s; transition: all .5s } .our-rooms-area-two .single-rooms span { font-weight: 600; color: #717486; margin-bottom: 5px; display: block; -webkit-transition: all .5s; transition: all .5s } .our-rooms-area-two .single-rooms h3 { margin-bottom: 0; -webkit-transition: all .5s; transition: all .5s; font-size: 18px; color: #24416b } .our-rooms-area-two .single-rooms:hover { background-color: #c3aa30 } .our-rooms-area-two .single-rooms:hover i { color: #fff; -webkit-animation: fadeInDown .5s linear; animation: fadeInDown .5s linear } .our-rooms-area-two .single-rooms:hover span { color: #fff } .our-rooms-area-two .single-rooms:hover h3 { color: #fff } .our-rooms-area-two .tabs { line-height: 1 } .our-rooms-area-two .tabs.current { background-color: #c3aa30 } .our-rooms-area-two .tab_content { height: 100% } .our-rooms-area-two .tab_content .tabs_item { height: 100% } .our-rooms-area-two .col-lg-6:nth-child(5) .single-rooms { margin-bottom: 0 } .our-rooms-area-two .col-lg-6:nth-child(6) .single-rooms { margin-bottom: 0 } .our-rooms-area-two .col-lg-6.single-tab.current .single-rooms { background-color: #c3aa30 } .our-rooms-area-two .col-lg-6.single-tab.current .single-rooms i { color: #fff } .our-rooms-area-two .col-lg-6.single-tab.current .single-rooms span { color: #fff } .our-rooms-area-two .col-lg-6.single-tab.current .single-rooms h3 { color: #fff } .incredible-area-two .timer { display: inline-block; padding-right: 10px; text-align: center; font-size: 50px; margin-bottom: 30px } .incredible-area-two span { display: block; font-size: 16px; margin-top: 10px; color: #fff; text-transform: uppercase; letter-spacing: 8px } .incredible-area-two .time-cap { line-height: 1; padding: 30px; position: relative; color: #fff } .incredible-area-two .incredible-content h2 { margin-bottom: 10px } .incredible-area-two .incredible-content h2 span { display: inline-block; text-transform: capitalize } .exclusive-area-two .exclusive-content h3 { margin-bottom: 10px } .exclusive-area-two .exclusive-content .information { background-color: #c3aa30; width: 35px; height: 35px; line-height: 36px; display: inline-block; text-align: center; color: #fff; border-radius: 50%; margin-left: 10px; cursor: pointer } .exclusive-area-two .exclusive-content ul { margin-bottom: 25px } .exclusive-area-two .exclusive-content .rating { line-height: 1; margin-bottom: 20px } .exclusive-area-two .exclusive-content .rating li { display: inline-block } .exclusive-area-two .exclusive-content .rating li i { color: #f4a708 } .exclusive-area-two .exclusive-img { height: 350px } .exclusive-area-two .exclusive-img.bg-3 { background-image: url(../../assets/img/exclusive/3.jpg) } .exclusive-area-two .exclusive-img.bg-4 { background-image: url(../../assets/img/exclusive/4.jpg) } .exclusive-area-two .exclusive-img.bg-5 { background-image: url(../../assets/img/exclusive/5.jpg) } .exclusive-area-two .exclusive-img.bg-6 { background-image: url(../../assets/img/exclusive/6.jpg) } .choose-restaurant-area { margin-bottom: 15px } .choose-restaurant-area .choose-restaurant-img { background-image: url(../../assets/img/choose-restaurant-img.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; position: relative } .choose-restaurant-area .choose-restaurant-img::before { content: ""; position: absolute; top: 30px; left: -30px; width: 100%; height: 100%; background-color: #c3aa30; z-index: -1 } .choose-restaurant-area .choose-restaurant-img img { display: none } .choose-restaurant-area .choose-tab-wrap .choose-tab .tabs { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 34px; line-height: 1; position: relative; z-index: 1 } .choose-restaurant-area .choose-tab-wrap .choose-tab .tabs:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #eee; z-index: -1 } .choose-restaurant-area .choose-tab-wrap .choose-tab .tabs li { padding: 0; margin-right: 30px; display: inline-block; cursor: pointer; font-size: 18px; font-weight: 600 } .choose-restaurant-area .choose-tab-wrap .choose-tab .tabs li.current { color: #c3aa30; border-bottom: 2px solid #c3aa30; padding-bottom: 20px } .choose-restaurant-area .default-btn { margin-top: 20px } .exclusive-offers-area { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; background-image: url(../../assets/img/exclusive/bg.jpg); position: relative } .exclusive-offers-area .exclusive-content { padding: 30px } .exclusive-offers-area .section-title span { color: #fff } .exclusive-offers-area .section-title h2 { color: #fff } .exclusive-offers-area .white-shape img { position: absolute } .exclusive-offers-area .white-shape img:nth-child(1) { bottom: 0; left: 0; right: 0; margin: auto } .exclusive-offers-area .white-shape img:nth-child(2) { top: 0; left: 0; right: 0; margin: auto } .exclusive-offers-area .exclusive-content { -webkit-transition: all .5s; transition: all .5s } .exclusive-offers-area .exclusive-content:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .testimonials-area-two { text-align: center } .testimonials-area-two .testimonials-wrap-two { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 30px 30px 60px; margin: 30px; max-width: 900px; margin: auto; position: relative; z-index: 1 } .testimonials-area-two .testimonials-wrap-two::before { content: ""; position: absolute; bottom: 40px; left: 0; width: 275px; height: 100px; background-color: #fff; z-index: 2; opacity: .5 } .testimonials-area-two .testimonials-wrap-two::after { content: ""; position: absolute; bottom: 40px; right: 0; width: 325px; height: 100px; background-color: #fff; z-index: 2; opacity: .5 } .testimonials-area-two .single-testimonials { background-image: unset; padding-bottom: 30px; -webkit-transition: all .5s; transition: all .5s } .testimonials-area-two .single-testimonials ul { margin-bottom: 15px; line-height: 1 } .testimonials-area-two .single-testimonials ul li { display: inline-block } .testimonials-area-two .single-testimonials ul li i { color: #f4a708; font-size: 20px } .testimonials-area-two .single-testimonials h3 { margin-bottom: 25px } .testimonials-area-two .single-testimonials p { font-style: italic } .testimonials-area-two .single-testimonials:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .testimonials-area-two .testimonials-content { margin-top: 30px; position: relative; position: relative; padding-left: 82px } .testimonials-area-two .testimonials-content::before { content: ""; position: absolute; top: 0; left: 110px; border-left: 1px dashed #cccad7; width: 100%; height: 100% } .testimonials-area-two .testimonials-content img { position: absolute; top: 0; left: 40px; border-radius: 50% } .testimonials-area-two .testimonials-content h4 { font-size: 18px } .testimonials-area-two .testimonials-content span { font-size: 12px } .testimonials-area-two .owl-carousel .owl-item img { width: unset } .testimonials-area-two .owl-stage { margin: auto } .single-slider-gallery { position: relative } .single-slider-gallery::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 0; background-color: #c3aa30; opacity: .5; -webkit-transition: all .5s; transition: all .5s } .single-slider-gallery .instagram-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; z-index: 1; -webkit-transform: scale(0); transform: scale(0); -webkit-transition: all .5s; transition: all .5s } .single-slider-gallery .instagram-link i { color: #fff; font-size: 50px } .single-slider-gallery:hover .instagram-link { -webkit-transform: scale(1); transform: scale(1) } .single-slider-gallery:hover::before { height: 100%; -webkit-animation: fadeInRight .5s linear; animation: fadeInRight .5s linear } .map-area iframe { width: 100%; height: 480px; border: none!important; display: block } .footer-top-area-two { background-image: unset; background-color: #2c2d37 } .footer-top-area-two .footer-shape { display: none } #validator-newsletter { color: #cf3131; margin-top: 10px } .eorik-nav-style-three .navbar-brand { display: none } .eorik-nav-style-three { background-color: rgba(19, 129, 193, .5) } .eorik-nav-style-three .navbar-area .main-nav nav .navbar-nav .nav-item a { margin: 15px 10px } .eorik-nav-style-three .navbar-area .main-nav nav .navbar-nav .nav-item a:hover { color: #fff } .eorik-nav-style-three .navbar-area .main-nav nav .navbar-nav .nav-item a.active { color: #fff } .eorik-nav-style-three .navbar-area .main-nav nav .navbar-nav .nav-item .dropdown-menu li a { margin: 0 10px } .eorik-nav-style-three .navbar-area .main-nav nav .navbar-nav .nav-item.logo-three a { margin: 0 30px } .eorik-nav-style-three .navbar-area.is-sticky { background-color: #1381c1 } .eorik-slider-area-three { position: relative } .eorik-slider-area-three::before { content: ""; position: absolute; top: 0; left: 0; width: 100px; height: 100%; background-color: #fff; z-index: 9999 } .eorik-slider-area-three .eorik-slider-item::before { display: none } .eorik-slider-area-three .social-link { left: 32px; z-index: 9999; right: unset } .eorik-slider-area-three .social-link ul .follow { color: #c3aa30; -webkit-transform: rotate(90deg); transform: rotate(90deg); position: relative; left: -15px; top: -25px; z-index: 9999 } .eorik-slider-area-three .owl-prev { left: 130px!important } .slider-item-bg-7 { background-image: url(../img/home-three/slider/1.jpg) } .slider-item-bg-8 { background-image: url(../img/home-three/slider/2.jpg) } .slider-item-bg-9 { background-image: url(../img/home-three/slider/3.jpg) } .single-rooms-three { overflow: hidden; position: relative; background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); margin-bottom: 30px; text-align-last: center } .single-rooms-three .single-rooms-three-content { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 30px; position: absolute; bottom: -112px; left: 0; right: 0; -webkit-transition: all .5s; transition: all .5s } .single-rooms-three .single-rooms-three-content h3 { margin-bottom: 10px } .single-rooms-three .single-rooms-three-content .information { background-color: #c3aa30; width: 35px; height: 35px; line-height: 36px; display: inline-block; text-align: center; color: #fff; border-radius: 50%; margin-left: 10px; cursor: pointer } .single-rooms-three .single-rooms-three-content .rating { line-height: 1; margin-bottom: 20px } .single-rooms-three .single-rooms-three-content .rating li { display: inline-block } .single-rooms-three .single-rooms-three-content .rating li i { color: #f4a708 } .single-rooms-three .single-rooms-three-content .price { font-weight: 600; display: block; margin-bottom: 20px } .single-rooms-three .single-rooms-three-content .default-btn { padding: 5px 15px } .single-rooms-three:hover .single-rooms-three-content { bottom: 0 } .explore-area-three .explore-content span { text-transform: uppercase; color: #c3aa30; font-size: 14px; display: block; margin-bottom: 10px; letter-spacing: 10px } .explore-area-three .explore-content h2 { font-size: 40px } .explore-area-three .explore-img-1 { background-image: url(../../assets/img/explore-img-1.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); border: 10px solid #fff } .explore-area-three .explore-img-1 img { display: none } .explore-area-three .explore-img-2 { background-image: url(../../assets/img/explore-img-2.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); border: 10px solid #fff } .explore-area-three .explore-hight { height: 100% } .restaurant-item { overflow: hidden } .restaurant-item .single-restaurants { background-color: #494c5c; padding: 30px } .restaurant-item .single-restaurants span { font-size: 18px; letter-spacing: 8px } .restaurant-item .restaurant-img { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100% } .restaurant-item .restaurant-img.bg-1 { background-image: url(../../assets/img/restaurants/5.jpg) } .restaurant-item .restaurant-img.bg-2 { background-image: url(../../assets/img/restaurants/6.jpg) } .restaurant-item .restaurant-img.bg-3 { background-image: url(../../assets/img/restaurants/7.jpg) } .restaurant-item .restaurant-img.bg-4 { background-image: url(../../assets/img/restaurants/8.jpg) } .customer-area .single-customer { text-align: center; background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 30px; margin-top: 30px; margin-bottom: 30px; opacity: .3; -webkit-transition: all .9s; transition: all .9s } .customer-area .single-customer img { width: 90px; height: 90px; border: 2px solid #c3aa30; padding: 3px; border-radius: 50%; margin: 0 auto 25px } .customer-area .single-customer h3 { margin-bottom: 18px } .customer-area .single-customer p { margin-bottom: 15px } .customer-area .single-customer span { display: block } .customer-area .single-customer .colors { color: #c3aa30 } .customer-area .owl-item.active.center .single-customer { opacity: 1; -webkit-animation: rotateIn 1s linear; animation: rotateIn 1s linear } .customer-area .owl-theme .owl-dots { line-height: 1 } .customer-area .owl-theme .owl-dots .owl-dot span { margin: 0 5px; background: #b4b4b8; -webkit-transition: all .5s; transition: all .5s; width: 20px; border-radius: 0; height: 5px } .customer-area .owl-theme .owl-dots .owl-dot:hover span { background-color: #c3aa30!important; width: 20px; border-radius: 0; height: 5px } .customer-area .owl-theme .owl-dots .owl-dot.active span { background-color: #c3aa30!important; width: 20px; border-radius: 0; height: 5px } .contact-us-area { background-image: url(../../assets/img/shape/contact-shape-bg.png); background-position: center center; background-size: cover; background-repeat: no-repeat; background-size: cover; position: relative; overflow: hidden; background-color: #fafafa } .contact-us-area .contact-content { max-width: 450px; margin: auto; text-align: center } .contact-us-area .contact-content h3 { margin-bottom: 30px } .contact-us-area .contact-content h3 span { font-weight: 500 } .contact-us-area .contact-content p { margin-bottom: 30px } .contact-us-area .contact-shape img { position: absolute } .contact-us-area .contact-shape img:nth-child(1) { top: 85px; left: 0; width: 400px; -webkit-animation: moVebounce 5s linear infinite; animation: moVebounce 5s linear infinite } .contact-us-area .contact-shape img:nth-child(2) { top: 30px; right: 0; max-width: 400px; -webkit-animation: rotation 30s linear infinite; animation: rotation 30s linear infinite } .news-area-three .news-content-wrap { position: relative; padding-left: 120px } .news-area-three .news-content-wrap::before { content: ""; position: absolute; top: 0; left: 105px; width: 1px; height: 100%; background-color: #eee } .news-area-three .news-content-wrap h3 { font-size: 18px; margin-bottom: 0; line-height: 1.4 } .news-area-three .news-content-wrap h3 a { color: #24416b } .news-area-three .news-content-wrap span { text-align: center; position: absolute; left: 30px; top: 25px; font-weight: 500 } .news-area-three .news-content-wrap span strong { font-size: 18px } .news-area-three .news-content-wrap:hover h3 a { color: #c3aa30 } .footer-top-area-three .input-tracking { height: 50px; border-radius: 50px; width: 100%; position: relative; padding: 10px 20px; outline: 0; border: none } .footer-top-area-three .newsletter-form { position: relative } .footer-top-area-three .newsletter-form .default-btn { position: absolute; top: 0; right: 0 } .eorik-nav-style-four .navbar-area .main-nav { padding-top: 15px; padding-bottom: 15px; background-color: #2c2d37 } .eorik-nav-style-four .others-option .sidebar-button { width: 30px } .eorik-nav-style-four .others-option .sidebar-button span { margin: 1px; line-height: 1 } .eorik-nav-style-four .others-option .sidebar-button span:nth-child(1) { border: 2px solid #fff; border-radius: 50%; width: 10px; height: 10px; display: inline-block; margin-bottom: -9px } .eorik-nav-style-four .others-option .sidebar-button span:nth-child(2) { border: 2px solid #fff; border-radius: 50%; width: 10px; height: 10px; display: inline-block; margin-bottom: -9px; -webkit-transition: all .5s; transition: all .5s } .eorik-nav-style-four .others-option .sidebar-button span:nth-child(3) { border: 2px solid #fff; border-radius: 50%; width: 10px; height: 10px; display: inline-block; -webkit-transition: all .5s; transition: all .5s } .eorik-nav-style-four .others-option .sidebar-button span:nth-child(4) { border: 2px solid #fff; border-radius: 50%; width: 10px; height: 10px; display: inline-block } .eorik-nav-style-four .others-option .sidebar-button:hover { -webkit-animation: rubberBand 1s linear; animation: rubberBand 1s linear } .eorik-nav-style-four .others-option .sidebar-button:hover span:nth-child(2) { border-color: #c3aa30; -webkit-animation: fadeOut 1s linear; animation: fadeOut 1s linear } .eorik-nav-style-four .others-option .sidebar-button:hover span:nth-child(3) { border-color: #c3aa30; -webkit-animation: fadeOut 1s linear; animation: fadeOut 1s linear } .sidebar-modal { position: relative } .sidebar-modal .navbar-nav li a { padding: 10px 0 10px 15px } .sidebar-modal .modal.right .modal-dialog { position: fixed; margin: auto; width: 450px; height: 100%; -webkit-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0) } .sidebar-modal .modal.right .modal-content { height: 100%; overflow-y: auto; border-radius: 0; border: none; background-color: #fff } .sidebar-modal .modal.right .modal-body { padding: 30px } .sidebar-modal .modal.right .modal-body .sidebar-modal-widget { margin-bottom: 35px } .sidebar-modal .modal.right .modal-body .sidebar-modal-widget .title { position: relative; z-index: 1; margin-bottom: 35px; color: #24416b; border-bottom: 1px solid #eee; padding-bottom: 5px } .sidebar-modal .modal.right .modal-body .sidebar-modal-widget .title::before { position: absolute; left: 0; bottom: -1px; width: 70px; height: 2px; border-radius: 5px; background: #c3aa30; content: '' } .sidebar-modal .modal.right .modal-body .sidebar-modal-widget:last-child { margin-bottom: 0 } .sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul { padding: 0; margin: 0 } .sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul li { margin-bottom: 10px } .sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul li:last-child { margin-bottom: 0 } .sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul li a { font-size: 14px; color: #24416b; font-weight: 500; text-transform: capitalize } .sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul li a:hover { color: #c3aa30 } .sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.contact-info li { position: relative; font-weight: 500; padding-left: 45px; text-transform: uppercase; margin-bottom: 10px; font-size: 14px; color: #24416b } .sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.contact-info li span { font-size: 13px; display: block; font-weight: 400; color: #818992; margin-top: 5px; text-transform: initial } .sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.contact-info li i { position: absolute; left: 0; top: 0; color: #fff; text-align: center; width: 35px; height: 35px; line-height: 35px; font-size: 29px; -webkit-transition: all .5s; transition: all .5s; background-color: #24416b; border-radius: 4px; font-size: 15px } .sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.contact-info li:hover i { color: #fff; background: #c3aa30 } .sidebar-modal .modal.right .modal-body .sidebar-modal-widget ul.contact-info li:last-child { margin-bottom: 0 } .sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list { text-align: left } .sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list li { display: inline-block; padding-right: 5px } .sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list li a i { width: 25px; height: 25px; display: inline-block; text-align: center; line-height: 25px; border-radius: 4px; color: #fff; background-color: #24416b; font-size: 12px; -webkit-transition: all .5s; transition: all .5s } .sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list li a i:hover { background-color: #c3aa30 } .sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list li:hover { color: #c3aa30 } .sidebar-modal .modal.right .modal-body .sidebar-modal-widget .social-list li a:hover { color: #fff } .sidebar-modal .modal.right.fade.show .modal-dialog { right: 0; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-animation: rotateIn 1000ms linear; animation: rotateIn 1000ms linear } .sidebar-modal .modal.right.fade .modal-dialog { right: -320px; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; -webkit-animation: rotateIn 1000ms linear; animation: rotateIn 1000ms linear } .sidebar-modal .modal-header { display: inline; padding: 0; border: none } .sidebar-modal .modal-header .close { height: 30px; width: 30px; color: #c3aa30; margin: 0; padding: 0; cursor: pointer; -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; border: none; opacity: 1 } .sidebar-modal .modal-header .close i::before { margin-left: 0; font-size: 20px } .sidebar-modal .modal-header h2 { background-color: #fff } .sidebar-modal button:focus { outline: 0 } .modal-header .btn-close { padding: 20px; float: right } .modal-open .modal { z-index: 99999 } .eorik-slider-area-four { position: relative } .eorik-slider-area-four .eorik-slider-item::before { display: none } .eorik-slider-area-four .eorik-slider-item.slider-item-bg-10 { background-image: url(../../assets/img/home-four/slider/1.jpg) } .eorik-slider-area-four .eorik-slider-item.slider-item-bg-11 { background-image: url(../../assets/img/home-four/slider/2.jpg) } .eorik-slider-area-four .eorik-slider-item.slider-item-bg-12 { background-image: url(../../assets/img/home-four/slider/3.jpg) } .eorik-slider-area-four::before { content: ""; position: absolute; top: 0; right: 0; width: 90px; height: 100%; background-color: #fff; z-index: 9999 } .eorik-slider-area-four::after { content: ""; position: absolute; top: 0; right: 0; width: 90px; height: 300px; background-color: #2c2d37; z-index: 9999 } .eorik-slider-area-four.eorik-slider-area .owl-theme .owl-nav.disabled+.owl-dots { bottom: 50px } .check-area-four { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05) } .check-area-four .check-form { -webkit-box-shadow: none; box-shadow: none } .restaurants-area-four .container-fluid { max-width: 1240px; margin-left: auto; margin-right: unset } .restaurants-area-four .restaurants-content .r-p-m { margin-bottom: 40px } .restaurants-area-four .restaurants-content .singles-restaurants { text-align: center } .restaurants-area-four .restaurants-content .singles-restaurants i { font-size: 40px; line-height: 1; margin-bottom: 20px; display: inline-block; color: #c3aa30 } .restaurants-area-four .restaurants-content .singles-restaurants .icon-btn { background-color: #f5e8d1; display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 50%; margin-top: 5px; -webkit-transition: all .5s; transition: all .5s } .restaurants-area-four .restaurants-content .singles-restaurants .icon-btn i { font-size: 15px; font-weight: 600; line-height: 1; color: #c3aa30; margin-bottom: 0; -webkit-transition: all .5s; transition: all .5s } .restaurants-area-four .restaurants-content .singles-restaurants:hover .icon-btn { background-color: #c3aa30 } .restaurants-area-four .restaurants-content .singles-restaurants:hover .icon-btn i { color: #fff } .restaurants-area-four .restaurants-img-height { height: 100% } .restaurants-area-four .restaurants-img-height .restaurants-img-1 { background-image: url(../../assets/img/restaurants-img-1.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; height: 100% } .restaurants-area-four .restaurants-img-height .restaurants-img-2 { background-image: url(../../assets/img/restaurants-img-2.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; height: 100% } .counter-area { background-image: url(../../assets/img/counter-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; height: 100%; position: relative } .counter-area::before { content: ""; position: absolute; top: 0; right: 0; width: 100px; height: 100%; background-color: #fff } .single-counter { text-align: center; margin-bottom: 30px } .single-counter p { color: #fff; font-weight: 600; font-weight: 20px; margin-bottom: 0 } .single-counter h2 { font-size: 50px; color: #c3aa30 } .single-counter .target { margin-left: -5px; display: initial-block } .facilities-area-four { padding-bottom: 40px } .singles-facilities { position: relative; padding-left: 100px; margin-bottom: 60px } .singles-facilities i { font-size: 40px; display: inline-block; width: 80px; height: 80px; line-height: 80px; background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); color: #c3aa30; border-radius: 50%; text-align: center; position: absolute; top: 0; left: 0 } .singles-facilities h3 { margin-bottom: 15px } .city-view-area-four { position: relative; background-image: url(../img/city-view-bg.jpg); z-index: 1 } .city-view-area-four::before { content: ""; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background-color: #fff; z-index: -1 } .city-view-area-four .city-wrap { background-color: #c3aa30; border: 30px solid #f5e8d1; max-width: 800px } .city-view-area-four .city-wrap .city-content h3 { color: #fff } .city-view-area-four .city-wrap .city-content p { color: #fff } .our-rooms-area-four .tab.industries-list-tab { background-color: #2c2d37; padding-left: 30px } .our-rooms-area-four .tabs { padding-top: 30px; padding-bottom: 30px } .our-rooms-area-four .single-rooms i { color: #d4d4d4 } .our-rooms-area-four .single-rooms span { color: #d4d4d4 } .our-rooms-area-four .single-rooms h3 { font-size: 17px; color: #d4d4d4 } .our-rooms-area-four .single-rooms { background-color: #353641 } .exclusive-offers-area-four .single-exclusive-four { -webkit-transition: all .5s; transition: all .5s; margin-bottom: 30px } .exclusive-offers-area-four .single-exclusive-four:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .customer-area-four { background-image: url(../../assets/img/customer-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; position: relative; z-index: 1 } .customer-area-four::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; background-color: #fff; z-index: 1 } .customer-area-four::after { content: ""; position: absolute; right: 0; bottom: 0; width: 100px; height: 100%; background-color: #fff; z-index: 1 } .customer-area-four .customer-wrap-four { max-width: 600px; margin: auto; position: relative; border: 30px solid #f5ddb3 } .customer-area-four .customer-wrap-four.owl-theme .owl-nav { margin-top: 0!important } .customer-area-four .customer-wrap-four.owl-theme .owl-nav .owl-prev { width: 40px; height: 40px; line-height: 43px; display: block; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); background-color: #fff; display: inline-block; border-radius: 50%; color: #c3aa30; -webkit-transition: all .5s; transition: all .5s; position: absolute; top: 50%; left: -25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all .5s } .customer-area-four .customer-wrap-four.owl-theme .owl-nav .owl-prev i { font-size: 15px; font-weight: 600; position: relative; top: -1px; display: inline-block } .customer-area-four .customer-wrap-four.owl-theme .owl-nav .owl-prev:hover { background-color: #c3aa30!important; color: #fff } .customer-area-four .customer-wrap-four.owl-theme .owl-nav .owl-prev:hover i { -webkit-animation: fadeInRight 1s linear; animation: fadeInRight 1s linear } .customer-area-four .customer-wrap-four.owl-theme .owl-nav .owl-next { width: 40px; height: 40px; line-height: 43px; display: block; background-color: #fff; display: inline-block; border-radius: 50%; color: #c3aa30; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); position: absolute; top: 50%; right: -25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .5s; transition: all .5s } .customer-area-four .customer-wrap-four.owl-theme .owl-nav .owl-next i { font-size: 15px; font-weight: 600; position: relative; top: -1px; display: inline-block } .customer-area-four .customer-wrap-four.owl-theme .owl-nav .owl-next:hover { background-color: #c3aa30!important; color: #fff } .customer-area-four .customer-wrap-four.owl-theme .owl-nav .owl-next:hover i { -webkit-animation: fadeInLeft 1s linear; animation: fadeInLeft 1s linear } .customer-area-four .customer-wrap-four.owl-theme .owl-nav [class*=owl-]:hover { background-color: transparent } .customer-area-four .single-customer { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0 } .news-area-four .section-title { margin: 0 auto 30px } .news-area-four .news-img { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100% } .news-area-four .news-img.bg-1 { background-image: url(../../assets/img/news/1.jpg) } .news-area-four .single-news { margin-right: 15px; margin-left: 15px; margin-top: 30px } .news-area-four .owl-theme .owl-nav { margin-top: 0!important } .news-area-four .owl-theme .owl-nav .owl-prev { width: 40px; height: 40px; line-height: 43px; display: block; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); background-color: #fff; display: inline-block; border-radius: 50%; color: #c3aa30; -webkit-transition: all .5s; transition: all .5s; position: absolute; top: 50%; left: -25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all .5s } .news-area-four .owl-theme .owl-nav .owl-prev i { font-size: 15px; font-weight: 600; position: relative; top: -1px; display: inline-block } .news-area-four .owl-theme .owl-nav .owl-prev:hover { background-color: #c3aa30!important; color: #fff } .news-area-four .owl-theme .owl-nav .owl-prev:hover i { -webkit-animation: fadeInRight 1s linear; animation: fadeInRight 1s linear } .news-area-four .owl-theme .owl-nav .owl-next { width: 40px; height: 40px; line-height: 43px; display: block; background-color: #fff; display: inline-block; border-radius: 50%; color: #c3aa30; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); position: absolute; top: 50%; right: -25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .5s; transition: all .5s } .news-area-four .owl-theme .owl-nav .owl-next i { font-size: 15px; font-weight: 600; position: relative; top: -1px; display: inline-block } .news-area-four .owl-theme .owl-nav .owl-next:hover { background-color: #c3aa30!important; color: #fff } .news-area-four .owl-theme .owl-nav .owl-next:hover i { -webkit-animation: fadeInLeft 1s linear; animation: fadeInLeft 1s linear } .news-area-four .owl-theme .owl-nav [class*=owl-]:hover { background-color: transparent } .incredible-area-four { position: relative } .incredible-area-four::after { content: ""; position: absolute; top: 0; left: 0; width: 100px; height: 100%; background-color: #fff } .footer-menu-area { background-color: #2c2d37; padding-top: 50px; padding-bottom: 50px; border-bottom: 1px solid #363741 } .footer-menu-area ul { float: right } .footer-menu-area ul li { display: inline-block; padding-left: 20px } .footer-menu-area ul li a { color: #a6a6a6; font-weight: 500; font-size: 15px } .footer-menu-area ul li a:hover { color: #c3aa30 } .footer-top-area-four { background-color: #2c2d37; background-image: unset } .footer-top-area-four::before { display: none } .footer-top-area-four .input-tracking { height: 50px; border-radius: 50px; width: 100%; position: relative; padding: 10px 20px; outline: 0; border: none } .footer-top-area-four .newsletter-form { position: relative } .footer-top-area-four .newsletter-form .default-btn { position: absolute; top: 0; right: 0 } .footer-top-area-four .instagram-wrap li { display: inline-block; margin-bottom: 0; padding: 0 3px 10px } .footer-top-area-four .instagram-wrap li:nth-child(7) { padding-bottom: 0 } .footer-top-area-four .instagram-wrap li:nth-child(8) { padding-bottom: 0 } .footer-top-area-four .instagram-wrap li:nth-child(9) { padding-bottom: 0 } .footer-top-area-four .instagram-wrap li a { padding-left: 0; margin-bottom: 0 } .footer-top-area-four .instagram-wrap li a img { margin-bottom: 0 } .eorik-nav-style-five .navbar-area .main-nav { padding-top: 20px; padding-bottom: 20px } .eorik-slider-area-five { border-radius: 0 0 100px 100px; overflow: hidden } .eorik-slider-area-five .owl-prev { opacity: 1 } .eorik-slider-area-five .owl-prev::before { content: "Prev"; position: absolute; top: 8px; left: 35px; z-index: 99999; width: 100%; height: 100%; color: #fff } .eorik-slider-area-five .owl-prev i { font-size: 60px; background-color: transparent!important } .eorik-slider-area-five .owl-prev i:hover { background-color: transparent!important } .eorik-slider-area-five .owl-prev:hover::before { -webkit-animation: fadeInRight 1s linear; animation: fadeInRight 1s linear } .eorik-slider-area-five .owl-next { opacity: 1 } .eorik-slider-area-five .owl-next::before { content: "Next"; position: absolute; top: 7px; right: 15px; z-index: 99999; width: 100%; height: 100%; color: #fff } .eorik-slider-area-five .owl-next i { font-size: 60px; background-color: transparent!important } .eorik-slider-area-five .owl-next i:hover { background-color: transparent!important } .eorik-slider-area-five .owl-next:hover::before { -webkit-animation: fadeInLeft 1s linear; animation: fadeInLeft 1s linear } .eorik-slider-area-five .slider-item-bg-13 { background-image: url(../../assets/img/home-five/slider/1.jpg) } .eorik-slider-area-five .slider-item-bg-14 { background-image: url(../../assets/img/home-five/slider/2.jpg) } .eorik-slider-area-five .slider-item-bg-15 { background-image: url(../../assets/img/home-five/slider/3.jpg) } .eorik-slider-area-five .eorik-slider-item::before { display: none } .explore-area-five .explore-gallery { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; border: 5px solid #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05) } .explore-area-five .explore-gallery.bg-1 { background-image: url(../../assets/img/explore-img-3.jpg) } .explore-area-five .explore-gallery.bg-2 { background-image: url(../../assets/img/explore-img-4.jpg); margin-bottom: 30px } .explore-area-five .explore-gallery.bg-3 { background-image: url(../../assets/img/explore-img-5.jpg) } .explore-area-five .explore-gallery-hight { height: 100% } .booking-area-five { background-image: url(../../assets/img/booking-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; height: 100%; position: relative; z-index: 1 } .booking-area-five .section-title { margin-bottom: 60px } .booking-area-five::before { content: ""; position: absolute; top: 0; left: 0; width: 800px; height: 100%; background-color: #fff; z-index: -1 } .booking-area-five .section-title { text-align: left; max-width: unset } .booking-area-five .booking-bottom-title { max-width: 600px; margin-top: 10px } .booking-area-five .booking-bottom-title .default-btn { margin-top: 25px } .booking-area-five .booking-col-2 { padding: 0 } .booking-area-five .row { margin-left: 5px; margin-right: 5px } .counter-area-five { overflow: hidden; border-radius: 100px 0 100px 0; margin-top: 100px } .counter-area-five::before { display: none } .city-view-area-five { background-image: unset } .city-view-area-five .container { background-image: url(../../assets/img/city-view-bg-5.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; height: 100%; padding-top: 100px; position: relative; z-index: 1 } .city-view-area-five .container::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 300px; background-color: #fff; z-index: -1 } .city-view-area-five .container .section-title { margin-bottom: 30px } .city-view-area-five .container .tabs { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; margin-bottom: 34px; line-height: 1; position: relative; z-index: 1; max-width: 700px; margin: 0 auto 70px; text-align: center; padding-bottom: 55px } .city-view-area-five .container .tabs:before { content: ""; position: absolute; bottom: 55px; left: 0; right: 0; width: 98%; height: 2px; background-color: #eee; z-index: -1; margin: auto } .city-view-area-five .container .tabs li { padding: 0; margin-right: 30px; display: inline-block; cursor: pointer; font-size: 18px; font-weight: 600 } .city-view-area-five .container .tabs li.current { color: #c3aa30; border-bottom: 2px solid #c3aa30; padding-bottom: 20px } .facilities-area-five { position: relative; z-index: 1; overflow: hidden } .facilities-area-five .facilities-right-wrap { background-color: #c3aa30; padding-left: 100px; border-radius: 0 0 0 100px } .facilities-area-five .facilities-single-bg { background-image: url(../../assets/img/facilities-single-bg.jpg); background-position: center center; background-size: cover; background-repeat: no-repeat; position: absolute; left: 0; right: 0; width: 800px; height: 100%; top: -30px; z-index: -1 } .facilities-area-five .facilities-title { max-width: 500px; margin-bottom: 30px; margin-top: -8px } .facilities-area-five .facilities-title span { text-transform: uppercase; letter-spacing: 8px; color: #fff; display: block; margin-bottom: 10px } .facilities-area-five .facilities-title h2 { font-size: 30px; color: #fff } .facilities-area-five .single-facilities-wrap .single-facilities::before { opacity: 1 } .exclusive-offers-area-five .single-exclusive-four { text-align: center; position: relative; -webkit-transition: all .5s; transition: all .5s; margin-bottom: 30px } .exclusive-offers-area-five .single-exclusive-four .exclusive-content { position: absolute; bottom: 0; left: 0; right: 0; width: 100%; background-color: transparent } .exclusive-offers-area-five .single-exclusive-four .exclusive-content .title { color: #fff } .exclusive-offers-area-five .single-exclusive-four .exclusive-content h3 { color: #fff; margin-bottom: 15px } .exclusive-offers-area-five .single-exclusive-four .exclusive-content .review { color: #fff } .exclusive-offers-area-five .single-exclusive-four:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .subscribe-area { background-color: #c3aa30; overflow: hidden; border-radius: 100px 100px 0 0 } .subscribe-area h2 { color: #fff; font-size: 30px } .subscribe-area .subscribe-wraps .subscribe-wrap { margin: auto } .subscribe-area .subscribe-wraps .subscribe-wrap .newsletter-form { position: relative } .subscribe-area .subscribe-wraps .subscribe-wrap .newsletter-form .input-tracking { height: 50px; width: 400px; border-radius: 50px; border: none; outline: none; padding: 20px; margin-right: 20px } .subscribe-area .subscribe-wraps .subscribe-wrap .newsletter-form .input-tracking::-webkit-input-placeholder { position: relative; top: 2px } .subscribe-area .subscribe-wraps .subscribe-wrap .newsletter-form .input-tracking:-ms-input-placeholder { position: relative; top: 2px } .subscribe-area .subscribe-wraps .subscribe-wrap .newsletter-form .input-tracking::-ms-input-placeholder { position: relative; top: 2px } .subscribe-area .subscribe-wraps .subscribe-wrap .newsletter-form .input-tracking::placeholder { position: relative; top: 2px } .subscribe-area .subscribe-wraps .subscribe-wrap .newsletter-form .default-btn.active.disabled { position: absolute; right: 0; top: 0; background-color: #2c2d37; color: #c3aa30 } .page-title-area { background-image: url(../../assets/img/page-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100%; position: relative; /*z-index: 1;*/ padding-top: 200px; padding-bottom: 150px; overflow: hidden; text-align: center } .page-title-area::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .5; z-index: -1 } .page-title-area .page-title-content h2 { margin-bottom: 30px; color: #fff; font-size: 40px; font-weight: 700 } .page-title-area .page-title-content ul { padding-left: 0; list-style-type: none; margin-top: 10px; margin-bottom: 0 } .page-title-area .page-title-content ul li { display: inline-block; position: relative; font-size: 15px; font-weight: 500; padding-right: 10px; padding-left: 10px; color: #c3aa30 } .page-title-area .page-title-content ul li::before { content: ""; position: absolute; top: 12px; right: -3px; background-color: #c3aa30; width: 5px; height: 5px; border-radius: 50% } .page-title-area .page-title-content ul li:last-child::before { display: none } .page-title-area .page-title-content ul li a { color: #fff } .page-title-area .page-title-content ul li a:hover { color: #c3aa30 } .product-area .woocommerce-topbar { margin-bottom: 40px } .product-area .woocommerce-topbar .woocommerce-topbar-ordering { text-align: right } .product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select { background-color: #fff; color: #c3aa30; border-radius: 0; border: none; -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1); box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1); float: unset; height: unset; line-height: initial; padding: 17px 35px 13px 20px; font-size: 16px } .product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list { background-color: #fff; -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1); box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1); border-radius: 0; margin-top: 0; width: 100%; padding-top: 10px; padding-bottom: 10px } .product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option { -webkit-transition: .6s; transition: .6s; font-size: 16px; padding-left: 20px; padding-right: 20px } .product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option:hover { background-color: #c3aa30!important; color: #fff } .product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select .list .option.selected { background-color: transparent; font-weight: 700 } .product-area .woocommerce-topbar .woocommerce-topbar-ordering .nice-select:after { right: 20px } .product-area .single-product-box { text-align: center; margin-bottom: 30px; background-color: #fff; -webkit-box-shadow: 0 0 40px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 40px 3px rgba(0, 0, 0, .05) } .product-area .single-product-box .product-image { overflow: hidden; position: relative; text-align: left } .product-area .single-product-box .product-image a img { -webkit-transition: .6s; transition: .6s } .product-area .single-product-box .product-image .add-to-cart-btn { position: absolute; bottom: -46px; left: 0; width: 100%; background-color: #24416b; color: #fff; padding: 18px 20px 13px; text-transform: uppercase; opacity: 0; visibility: hidden; text-align: center; font-size: 15px; font-weight: 700 } .product-area .single-product-box .product-image .add-to-cart-btn i { position: absolute; right: 20px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .product-area .single-product-box .product-image .add-to-cart-btn:hover { background-color: #c3aa30; color: #fff } .product-area .single-product-box .product-image .sale-btn { position: absolute; left: 20px; top: 20px; background-color: #c3aa30; color: #fff; width: 55px; height: 55px; line-height: 55px; text-align: center; border-radius: 50%; text-transform: uppercase; font-weight: 700; font-size: 14px } .product-area .single-product-box .product-content { padding: 30px 25px } .product-area .single-product-box .product-content h3 { margin-bottom: 12px; font-size: 20px; font-weight: 700 } .product-area .single-product-box .product-content h3 a { display: inline-block; color: #24416b; text-decoration: none } .product-area .single-product-box .product-content .price { color: #24416b; font-weight: 600; font-size: 15px } .product-area .single-product-box .product-content .price span { padding: 0 5px } .product-area .single-product-box .product-content .price .old { text-decoration: line-through; color: #c3aa30; font-size: 14px } .product-area .single-product-box .product-content .rating { margin-top: 8px; color: #ffb708; font-size: 15px } .product-area .single-product-box .product-content .rating i { margin-right: -1px } .product-area .single-product-box:hover .product-image .add-to-cart-btn { bottom: 0; opacity: 1; visibility: visible; -webkit-transition: .6s; transition: .6s; text-decoration: none } .checkout-area .user-actions { -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08); box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08); background: #fff; padding: 18px 20px 15px; margin-bottom: 65px; border-top: 3px solid #c3aa30; position: relative; color: #c3aa30 } .checkout-area .user-actions::before { content: ''; position: absolute; right: 0; bottom: -35px; width: 100%; height: 1px; background: #eee } .checkout-area .user-actions i { color: #c3aa30; margin-right: 2px; font-size: 20px; position: relative; top: 4px } .checkout-area .user-actions span { display: inline-block; font-weight: 500; color: #24416b } .checkout-area .user-actions span a { display: inline-block; color: #c3aa30; font-size: 15px } .checkout-area .user-actions span a:hover { color: #c3aa30 } .checkout-area .user-actions span a:focus { color: #c3aa30 } .checkout-area .checkout-area .title { margin-bottom: 25px; font-size: 20px; font-weight: 700 } .checkout-area .billing-details { background-color: #fff; padding: 30px; -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06); box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06) } .checkout-area .billing-details .form-group { margin-bottom: 20px } .checkout-area .billing-details .form-group label { display: block; color: #24416b; margin-bottom: 10px; font-size: 15px; font-weight: 500 } .checkout-area .billing-details .form-group label .required { color: red } .checkout-area .billing-details .form-group .nice-select { float: unset; line-height: 45px; color: #24416b; padding-top: 0; padding-bottom: 0 } .checkout-area .billing-details .form-group .nice-select .list { background-color: #fff; -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1); box-shadow: 0 0 29px 0 rgba(102, 102, 102, .1); border-radius: 0; margin-top: 0; width: 100%; padding-top: 10px; padding-bottom: 10px } .checkout-area .billing-details .form-group .nice-select .list .option { -webkit-transition: .5s; transition: .5s; padding-left: 20px; padding-right: 20px } .checkout-area .billing-details .form-group .nice-select .list .option:hover { background-color: #c3aa30!important; color: #fff } .checkout-area .billing-details .form-group .nice-select .list .option.selected { background-color: transparent } .checkout-area .billing-details .form-group .nice-select:after { right: 20px } .checkout-area .billing-details .form-group .nice-select .option:hover, .checkout-area .billing-details .form-group .nice-select .option.focus, .checkout-area .billing-details .form-group .nice-select .option.selected.focus { background-color: #c3aa30!important; color: #fff!important } .checkout-area .billing-details .form-group textarea { padding-top: 13px } .checkout-area .billing-details .form-check { margin-bottom: 20px } .checkout-area .billing-details .form-check .form-check-label { color: #24416b } .checkout-area .billing-details .form-check label { position: relative; top: 1px; font-size: 14px; font-weight: 500 } .checkout-area .billing-details .col-lg-12:last-child .form-group { margin-bottom: 0 } .checkout-area .order-details .order-table { background-color: #fff; padding: 30px; -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06); box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06) } .checkout-area .order-details .order-table table { margin-bottom: 0 } .checkout-area .order-details .order-table table thead tr th { border-bottom-width: 0; vertical-align: middle; border-color: #eaedff; padding-left: 20px; padding-top: 15px; padding-right: 20px; padding-bottom: 15px; font-weight: 700 } .checkout-area .order-details .order-table table tbody tr td { vertical-align: middle; color: #24416b; border-color: #eaedff; font-size: 14px; padding-left: 20px; padding-right: 20px } .checkout-area .order-details .order-table table tbody tr td.product-name a { color: #24416b; display: inline-block; font-weight: 500; font-size: 15px } .checkout-area .order-details .order-table table tbody tr td.product-name a:hover { color: #24416b } .checkout-area .order-details .order-table table tbody tr td.order-subtotal span { color: #24416b; font-weight: 600 } .checkout-area .order-details .order-table table tbody tr td.order-shipping span { color: #24416b; font-weight: 600 } .checkout-area .order-details .order-table table tbody tr td.total-price span { color: #24416b; font-weight: 600 } .checkout-area .order-details .order-table table tbody tr td.shipping-price { font-weight: 600 } .checkout-area .order-details .order-table table tbody tr td.order-subtotal-price { font-weight: 600 } .checkout-area .order-details .order-table table tbody tr td.product-subtotal { font-weight: 600 } .checkout-area .order-details .payment-box { background-color: #fff; -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06); box-shadow: 0 2px 28px 0 rgba(0, 0, 0, .06); margin-top: 30px; padding: 30px } .checkout-area .order-details .payment-box .payment-method p [type=radio]:checked { display: none } .checkout-area .order-details .payment-box .payment-method p [type=radio]:checked+label { padding-left: 27px; cursor: pointer; display: block; font-weight: 600; color: #c3aa30; position: relative; margin-bottom: 8px } .checkout-area .order-details .payment-box .payment-method p [type=radio]:checked+label::before { content: ''; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 50%; background: #fff } .checkout-area .order-details .payment-box .payment-method p [type=radio]:checked+label::after { content: ''; width: 12px; height: 12px; background: #c3aa30; position: absolute; top: 6px; left: 3px; border-radius: 50%; -webkit-transition: .5s; transition: .5s; opacity: 1; visibility: visible; -webkit-transform: scale(1); transform: scale(1) } .checkout-area .order-details .payment-box .payment-method p [type=radio]:not(:checked) { display: none } .checkout-area .order-details .payment-box .payment-method p [type=radio]:not(:checked)+label { padding-left: 27px; cursor: pointer; display: block; font-weight: 600; color: #24416b; position: relative; margin-bottom: 8px } .checkout-area .order-details .payment-box .payment-method p [type=radio]:not(:checked)+label::before { content: ''; position: absolute; left: 0; top: 3px; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 50%; background: #fff } .checkout-area .order-details .payment-box .payment-method p [type=radio]:not(:checked)+label::after { content: ''; width: 12px; height: 12px; background: #c3aa30; position: absolute; top: 6px; left: 3px; border-radius: 50%; -webkit-transition: .5s; transition: .5s; opacity: 0; visibility: hidden; -webkit-transform: scale(0); transform: scale(0) } .checkout-area .order-details .payment-box .btn.order-btn { display: block; margin-top: 25px } .checkout-area .order-details .payment-box .default-btn { margin-top: 20px; display: block; text-align: center } .cart-area .cart-table table { margin-bottom: 0 } .cart-area .cart-table table thead tr th { border-bottom-width: 0; vertical-align: middle; padding: 0 0 15px; text-transform: uppercase; border: none; font-weight: 700; font-size: 16px } .cart-area .cart-table table tbody tr td { vertical-align: middle; color: #666; padding-left: 0; padding-right: 0; font-size: 14px; border-color: #eaedff; border-left: none; border-right: none } .cart-area .cart-table table tbody tr td.product-thumbnail img { width: 60px; height: 60px } .cart-area .cart-table table tbody tr td.product-thumbnail a { display: block } .cart-area .cart-table table tbody tr td.product-name a { color: #666; font-weight: 600; display: inline-block } .cart-area .cart-table table tbody tr td.product-name a:hover { color: #24416b } .cart-area .cart-table table tbody tr td.product-price span { font-weight: 500 } .cart-area .cart-table table tbody tr td.product-subtotal { overflow: hidden } .cart-area .cart-table table tbody tr td.product-subtotal .remove { color: #666; float: right; position: relative; top: 1px; -webkit-transition: all .5s; transition: all .5s } .cart-area .cart-table table tbody tr td.product-subtotal .remove i { font-size: 22px } .cart-area .cart-table table tbody tr td.product-subtotal .remove:hover { color: red } .cart-area .cart-table table tbody tr td.product-subtotal span { font-weight: 500 } .cart-area .cart-table table tbody tr td.product-quantity .input-counter { max-width: 130px; min-width: 130px; text-align: center; display: inline-block; position: relative } .cart-area .cart-table table tbody tr td.product-quantity .input-counter span { position: absolute; top: 0; background-color: transparent; cursor: pointer; color: #24416b; width: 40px; height: 100%; line-height: 48px; -webkit-transition: .5s; transition: .5s } .cart-area .cart-table table tbody tr td.product-quantity .input-counter span:hover { color: #c3aa30 } .cart-area .cart-table table tbody tr td.product-quantity .input-counter span.minus-btn { left: 0 } .cart-area .cart-table table tbody tr td.product-quantity .input-counter span.plus-btn { right: 0 } .cart-area .cart-table table tbody tr td.product-quantity .input-counter input { height: 45px; color: #24416b; outline: 0; display: block; border: none; background-color: #f8f8f8; text-align: center; width: 100%; font-size: 17px; font-weight: 600 } .cart-area .cart-table table tbody tr td.product-quantity .input-counter input::-webkit-input-placeholder { color: #24416b } .cart-area .cart-table table tbody tr td.product-quantity .input-counter input:-ms-input-placeholder { color: #24416b } .cart-area .cart-table table tbody tr td.product-quantity .input-counter input::-ms-input-placeholder { color: #24416b } .cart-area .cart-table table tbody tr td.product-quantity .input-counter input::placeholder { color: #24416b } .cart-area .cart-buttons { margin-top: 30px } .cart-area .cart-totals { background: #fff; padding: 40px; -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08); box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08); border-radius: 0; margin: auto; margin-top: 50px } .cart-area .cart-totals h3 { margin-bottom: 25px; font-weight: 700 } .cart-area .cart-totals ul { padding: 0; margin: 0 0 25px; list-style-type: none } .cart-area .cart-totals ul li { border: 1px solid #eaedff; padding: 10px 15px; color: #323232; overflow: hidden; font-weight: 700 } .cart-area .cart-totals ul li:first-child { border-bottom: none } .cart-area .cart-totals ul li:last-child { border-top: none } .cart-area .cart-totals ul li span { float: right; color: #666; font-weight: 400 } .cart-area .cart-area .nice-select { height: 50px; line-height: 49px; border-radius: 0; width: 100%; margin-bottom: 18px } .cart-area .cart-wraps { -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08); box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08); background-color: #fff; padding: 40px } .cart-area .coupon-wrap { margin-top: 50px; background-color: #fff; padding: 40px; -webkit-box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08); box-shadow: 0 2px 48px 0 rgba(0, 0, 0, .08) } .cart-area .coupon-wrap .nice-select .list { width: 100% } .cart-area .coupon-wrap .nice-select .option { color: #24416b!important } .cart-area .coupon-wrap .nice-select .option:hover { color: #fff!important; background-color: #1089d4!important } .cart-area .coupon-wrap select .option.focus, .cart-area .coupon-wrap .nice-select .option.selected.focus { background-color: #1089d4!important; color: #fff!important } .cart-area .coupon-wrap h3 { padding-bottom: 25px } .cart-area .coupon-wrap .form-group { margin-bottom: 18px } .cart-area .coupon-wrap .nice-select { height: 50px; width: 100%; margin-bottom: 19px; border-radius: 0 } .cart-area .coupon-wrap .nice-select .current { position: relative; top: 4px } .product-details-area .product-details-desc h3 { margin-bottom: 12px; font-weight: 700 } .product-details-area .product-details-desc p { margin-bottom: 0 } .product-details-area .product-details-desc .price { margin-bottom: 10px; color: #333; font-weight: 700 } .product-details-area .product-details-desc .price span { padding: 0 5px } .product-details-area .product-details-desc .price .old-price { text-decoration: line-through; color: #828893; font-size: 13px } .product-details-area .product-details-desc .product-review { margin-bottom: 15px } .product-details-area .product-details-desc .product-review .rating { display: inline-block; padding-right: 5px; font-size: 14px } .product-details-area .product-details-desc .product-review .rating i { color: #ffba0a } .product-details-area .product-details-desc .product-review .rating-count { display: inline-block; color: #333; border-bottom: 1px solid #333; line-height: initial } .product-details-area .product-details-desc .product-review .rating-count:hover { color: #c3aa30; border-color: #c3aa30 } .product-details-area .product-details-desc .product-add-to-cart { margin-top: 20px } .product-details-area .product-details-desc .product-add-to-cart .input-counter { max-width: 130px; min-width: 130px; margin-right: 10px; text-align: center; display: inline-block; position: relative } .product-details-area .product-details-desc .product-add-to-cart .input-counter span { position: absolute; top: 0; background-color: transparent; cursor: pointer; color: #d0d0d0; width: 40px; height: 100%; line-height: 48px; -webkit-transition: .5s; transition: .5s } .product-details-area .product-details-desc .product-add-to-cart .input-counter span:hover { color: #24416b } .product-details-area .product-details-desc .product-add-to-cart .input-counter span.minus-btn { left: 0 } .product-details-area .product-details-desc .product-add-to-cart .input-counter span.plus-btn { right: 0 } .product-details-area .product-details-desc .product-add-to-cart .input-counter input { height: 45px; color: #333; outline: 0; display: block; border: none; background-color: #f8f8f8; text-align: center; width: 100%; font-size: 17px; font-weight: 600 } .product-details-area .product-details-desc .product-add-to-cart .input-counter input::-webkit-input-placeholder { color: #333 } .product-details-area .product-details-desc .product-add-to-cart .input-counter input:-ms-input-placeholder { color: #333 } .product-details-area .product-details-desc .product-add-to-cart .input-counter input::-ms-input-placeholder { color: #333 } .product-details-area .product-details-desc .product-add-to-cart .input-counter input::placeholder { color: #333 } .product-details-area .product-details-desc .product-add-to-cart .default-btn { border: none; cursor: pointer; float: right } .product-details-area .product-details-desc .product-add-to-cart .btn { height: 45px; top: -2px; position: relative; padding-top: 0; padding-bottom: 0 } .product-details-area .product-details-desc .product-add-to-cart .btn i { margin-right: 2px } .product-details-area .product-details-desc .buy-checkbox-btn { margin-top: 20px } .product-details-area .product-details-desc .buy-checkbox-btn input { display: none } .product-details-area .product-details-desc .buy-checkbox-btn .cbx { margin: auto; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer } .product-details-area .product-details-desc .buy-checkbox-btn .cbx span { display: inline-block; vertical-align: middle; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .product-details-area .product-details-desc .buy-checkbox-btn .cbx span:first-child { position: relative; width: 18px; height: 18px; border-radius: 3px; -webkit-transform: scale(1); transform: scale(1); vertical-align: middle; border: 1px solid #ebebeb; -webkit-transition: all .2s ease; transition: all .2s ease; -webkit-transition: .5s; transition: .5s } .product-details-area .product-details-desc .buy-checkbox-btn .cbx span:first-child svg { position: absolute; top: 3px; left: 2px; fill: none; stroke: #fff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 16px; stroke-dashoffset: 16px; -webkit-transition: all .3s ease; transition: all .3s ease; -webkit-transition-delay: .1s; transition-delay: .1s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-transition: .5s; transition: .5s } .product-details-area .product-details-desc .buy-checkbox-btn .cbx span:first-child:before { content: ""; width: 100%; height: 100%; background: #333; display: block; -webkit-transform: scale(0); transform: scale(0); opacity: 1; border-radius: 50%; -webkit-transition: .5s; transition: .5s } .product-details-area .product-details-desc .buy-checkbox-btn .cbx span:last-child { padding-left: 4px; color: #57647c } .product-details-area .product-details-desc .buy-checkbox-btn .cbx:hover span:first-child { border-color: #333 } .product-details-area .product-details-desc .buy-checkbox-btn .inp-cbx:checked+.cbx span:first-child { background: #333; border-color: #333; -webkit-animation: wave .4s ease; animation: wave .4s ease } .product-details-area .product-details-desc .buy-checkbox-btn .inp-cbx:checked+.cbx span:first-child svg { stroke-dashoffset: 0 } .product-details-area .product-details-desc .buy-checkbox-btn .inp-cbx:checked+.cbx span:first-child:before { -webkit-transform: scale(3.5); transform: scale(3.5); opacity: 0; -webkit-transition: all .6s ease; transition: all .6s ease } .product-details-area .product-details-desc .buy-checkbox-btn .item:not(:first-child) { margin-top: 15px } .product-details-area .product-details-desc .buy-checkbox-btn .btn { display: block; width: 100% } .product-details-area .product-details-desc .buy-checkbox-btn .default-btn { text-transform: uppercase; display: block; text-align: center } .product-details-area .product-details-desc .custom-payment-options { margin-top: 20px } .product-details-area .product-details-desc .custom-payment-options span { display: block; color: #57647c; margin-bottom: 15px } .product-details-area .product-details-desc .custom-payment-options .payment-methods a { display: inline-block } .product-details-area .product-details-desc .custom-payment-options .payment-methods a img { width: 40px; margin-right: 5px } .product-details-area .product-details-image { text-align: center; background-color: #f7f7f7 } .product-details-area .tab .tabs_item { display: none } .product-details-area .tab .tabs_item:first-child { display: block } .product-details-area .products-details-tab { margin-top: 50px } .product-details-area .products-details-tab .tabs { list-style-type: none; margin-bottom: -1px; padding-left: 0 } .product-details-area .products-details-tab .tabs li { display: inline-block; line-height: initial; margin-right: 5px } .product-details-area .products-details-tab .tabs li a { display: inline-block; position: relative; text-transform: uppercase; color: #333; border: 1px solid #eee; padding-top: 15px; padding-bottom: 15px; padding-right: 30px; padding-left: 48px; font-weight: 700 } .product-details-area .products-details-tab .tabs li a .dot { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 30px; width: 12px; height: 12px; border: 1px solid #333; -webkit-transition: .5s; transition: .5s; border-radius: 50% } .product-details-area .products-details-tab .tabs li a .dot::before { position: absolute; top: 0; content: ''; left: 0; right: 0; bottom: 0; background: #333; margin: 2px; border-radius: 50%; -webkit-transition: .5s; transition: .5s } .product-details-area .products-details-tab .tabs li a:hover { color: #fff; background-color: #c3aa30; border-color: #c3aa30 } .product-details-area .products-details-tab .tabs li a:hover .dot { border-color: #fff } .product-details-area .products-details-tab .tabs li a:hover .dot::before { background: #fff } .product-details-area .products-details-tab .tabs li a:focus { color: #fff; background-color: #c3aa30; border-color: #c3aa30 } .product-details-area .products-details-tab .tabs li a:focus .dot { border-color: #fff } .product-details-area .products-details-tab .tabs li a:focus .dot::before { background: #fff } .product-details-area .products-details-tab .tabs li:last-child { margin-right: 0 } .product-details-area .products-details-tab .tabs li.current a { color: #fff; background-color: #c3aa30; border-color: #c3aa30 } .product-details-area .products-details-tab .tabs li.current a .dot { border: 1px solid #fff } .product-details-area .products-details-tab .tabs li.current a .dot::before { background: #fff } .product-details-area .products-details-tab .tab_content { border: 1px solid #eee; padding: 30px } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content p { margin-bottom: 20px; font-size: 14px } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content p:last-child { margin-bottom: 0 } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information { padding-left: 0; margin-bottom: 0; list-style-type: none; text-align: left } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li { border: 1px solid #eee; border-bottom: none; padding: 10px 15px; color: #57647c } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li:last-child { border-bottom: 1px solid #eee } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .additional-information li span { display: inline-block; width: 30%; color: #333; font-size: 16px; font-weight: 600 } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content h3 { margin-bottom: 15px; font-weight: 700 } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title { position: relative } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating { display: inline-block } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating .fas.fa-star { color: #ffba0a } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .rating i { color: #ffba0a; font-size: 14px } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title p { margin-bottom: 0; display: inline-block; padding-left: 5px; line-height: initial } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .btn { position: absolute; right: 0; bottom: 10px; padding: 10px 11px; font-size: 11px } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-title .btn:focus { border: none!important; -webkit-box-shadow: none!important; box-shadow: none!important; border: 4px; background-color: #24416b } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments { margin-top: 35px } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item { margin-top: 30px; position: relative; padding-right: 200px; border-top: 1px dashed #eee; padding-top: 30px } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating .fas.fa-star { color: #ffba0a } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .rating i { font-size: 14px; color: #ffba0a } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item h3 { margin-top: 10px; margin-bottom: 10px } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span { margin-bottom: 10px; font-size: 13px; display: block } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item span strong { font-weight: 600 } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item p { margin-bottom: 0 } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link { position: absolute; right: 0; color: #57647c; top: 40px; text-decoration: underline } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-comments .review-item .review-report-link:hover { color: #ff4800 } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form { margin-top: 30px } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group { margin-bottom: 20px } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group label { color: #444; text-transform: uppercase; font-size: 13px; font-weight: 600 } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group textarea { padding-top: 15px } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .form-group .form-control { font-size: 14px } .product-details-area .products-details-tab .tab_content .tabs_item .products-details-tab-content .product-review-form .review-form form .btn:focus { -webkit-box-shadow: none; box-shadow: none; border: none; border-radius: 0 } .expert-team-area .single-team { position: relative; overflow: hidden; margin-bottom: 30px } .expert-team-area .single-team:before { content: ""; position: absolute; left: 170%; z-index: 1; height: 100%; width: 100%; background: rgba(255, 255, 255, .2); -webkit-transform: skewX(45deg); transform: skewX(45deg); -webkit-transition: .8s; transition: .8s } .expert-team-area .single-team img { width: 100%; height: 100%; -webkit-filter: grayscale(100%); filter: grayscale(100%); -webkit-transition: 1s; transition: 1s } .expert-team-area .single-team .team-content { position: absolute; background: #24416b; width: 100%; bottom: 0; -webkit-transition: all .5s; transition: all .5s; -webkit-transform: perspective(300px) rotateX(90deg); transform: perspective(300px) rotateX(90deg); -webkit-transform-origin: bottom; transform-origin: bottom; text-align: center; padding: 10px } .expert-team-area .single-team .team-content h3 { margin: 0; color: #fff } .expert-team-area .single-team .team-content span { color: #fff; font-size: 13px } .expert-team-area .single-team ul { position: absolute; top: 0; left: 0; margin: 0; padding: 0; list-style: none } .expert-team-area .single-team ul li { background: #24416b; width: 40px; height: 40px; text-align: center; line-height: 40px; border-bottom: 1px solid #19345a; -webkit-transform: perspective(1000px) rotateY(90deg); transform: perspective(1000px) rotateY(90deg); -webkit-transition: all .5s; transition: all .5s; -webkit-transform-origin: left; transform-origin: left } .expert-team-area .single-team ul li:hover { background-color: #c3aa30 } .expert-team-area .single-team ul li a { color: #fff } .expert-team-area .single-team ul li:nth-child(1) { -webkit-transition-delay: .2s; transition-delay: .2s } .expert-team-area .single-team ul li:nth-child(2) { -webkit-transition-delay: .4s; transition-delay: .4s } .expert-team-area .single-team ul li:nth-child(3) { -webkit-transition-delay: .6s; transition-delay: .6s } .expert-team-area .single-team ul li:nth-child(4) { -webkit-transition-delay: .8s; transition-delay: .8s } .expert-team-area .single-team:hover:before { left: -170%; -webkit-transition-delay: .8s; transition-delay: .8s } .expert-team-area .single-team:hover img { -webkit-filter: grayscale(0); filter: grayscale(0); -webkit-transform: scale(1.2); transform: scale(1.2) } .expert-team-area .single-team:hover .team-content { -webkit-transform: perspective(300px) rotateX(0deg); transform: perspective(300px) rotateX(0deg) } .expert-team-area .single-team:hover ul li { -webkit-transform: rotateX(0deg); transform: rotateX(0deg) } .pricing-area .single-pricing { text-align: center; background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 30px; position: relative; z-index: 1; overflow: hidden; margin-bottom: 30px; -webkit-transition: all .5s; transition: all .5s } .pricing-area .single-pricing .pricing-top-heading { margin-bottom: 20px; position: relative; z-index: 1 } .pricing-area .single-pricing .pricing-top-heading h3 { font-size: 25px } .pricing-area .single-pricing .pricing-top-heading p { font-weight: 600; font-size: 14px } .pricing-area .single-pricing span { font-size: 30px; font-family: "dm serif display", serif; color: #24416b; font-weight: 700; display: block; line-height: 1; margin: 0 auto 20px; background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); width: 120px; height: 120px; line-height: 120px; border-radius: 50% } .pricing-area .single-pricing span sub { font-size: 14px; color: #7a7e9a } .pricing-area .single-pricing ul { text-align: left; max-width: 210px; margin: 0 auto 25px } .pricing-area .single-pricing ul li { margin-bottom: 10px; position: relative; padding-left: 25px; font-weight: 600 } .pricing-area .single-pricing ul li:last-child { margin-bottom: 0 } .pricing-area .single-pricing ul li i { font-size: 12px; display: inline-block; width: 20px; height: 20px; background-color: #f5e8d1; line-height: 20px; border-radius: 50%; text-align: center; position: absolute; top: 2px; left: 0; color: #c3aa30 } .pricing-area .single-pricing .default-btn { padding: 15px 35px } .pricing-area .single-pricing:hover { -webkit-transform: translateY(-5px); transform: translateY(-5px) } .pricing-area .popular { position: absolute; top: -17px; left: -47px; z-index: 1; background-color: red; color: #fff; padding: 35px 40px 10px 35px; -webkit-transform: rotate(315deg); transform: rotate(315deg) } .pricing-area .tab.quote-list-tab { text-align: center } .pricing-area .tab.quote-list-tab .tabs { border-radius: 10px; display: inline-block; border: 1px solid #c3aa30; margin-bottom: 30px } .pricing-area .tab.quote-list-tab .tabs li { display: inline-block; padding: 0 10px; font-family: "dm serif display", serif; color: #24416b; font-size: 20px; font-weight: 700 } .pricing-area .tab.quote-list-tab .tabs li a { color: #c3aa30; padding: 10px 20px } .pricing-area .tab.quote-list-tab .tabs .current { background-color: #c3aa30; border-radius: 10px } .pricing-area .tab.quote-list-tab .tabs .current a { color: #fff } .faq-accordion .accordion { list-style-type: none; padding-left: 0; margin-bottom: 0 } .faq-accordion .accordion .accordion-item { border-radius: 5px; display: block; -webkit-box-shadow: 2px 8px 20px 0 rgba(25, 42, 70, .13)!important; box-shadow: 2px 8px 20px 0 rgba(25, 42, 70, .13)!important; background: #fff; margin-bottom: 15px } .faq-accordion .accordion .accordion-item:last-child { margin-bottom: 0 } .faq-accordion .accordion .accordion-title { padding: 20px 60px 17px 25px; color: #24416b; text-decoration: none; position: relative; display: block; font-size: 16px; font-weight: 600 } .faq-accordion .accordion .accordion-title i { position: absolute; right: 25px; top: 23px; font-size: 25px; -webkit-transition: .5s; transition: .5s } .faq-accordion .accordion .accordion-title.active i { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .faq-accordion .accordion .accordion-content { display: none; position: relative; margin-top: -5px; padding-bottom: 20px; padding-right: 20px; padding-left: 20px } .faq-accordion .accordion .accordion-content p { line-height: 1.8 } .faq-accordion .accordion .accordion-content.show { display: block } .faq-img { background-image: url(../../assets/img/faq-img.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; height: 100% } .ask-question { background-color: #fff; -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, .08); box-shadow: 0 0 29px 0 rgba(102, 102, 102, .08); padding: 50px; position: relative } .ask-question .section-title { margin: -9px auto 40px } .ask-question h3 { margin-bottom: 20px } .ask-question .form-group { margin-bottom: 30px } .ask-question .form-group .form-control { border-radius: 4px } .ask-question .default-btn { margin: auto; display: table } .list-unstyled { color: #dc3545!important; margin-top: 10px } #msgSubmit { margin-top: 20px; margin-bottom: 0 } .hidden { display: none } .text-danger { color: #dc3545!important } .text-success { color: #28a745!important } .inner-client-page .single-client { margin-bottom: 193px } .user-area-all-style { position: relative; z-index: 1 } .user-area-all-style .contact-form-action { background-color: #fff; border-radius: 4px; -webkit-box-shadow: 0 0 40px rgba(82, 85, 90, .1); box-shadow: 0 0 40px rgba(82, 85, 90, .1); padding: 40px; max-width: 570px; margin: auto } .user-area-all-style .contact-form-action .form-heading { margin-bottom: 33px } .user-area-all-style .contact-form-action .form-heading .form-title { font-size: 35px; color: #233d63; margin-bottom: 10px; text-transform: capitalize } .user-area-all-style .contact-form-action .form-heading .form-desc { font-size: 18px; color: #677286; font-weight: 500 } .user-area-all-style .contact-form-action .form-heading .reset-desc { line-height: 30px; margin-top: 15px } .user-area-all-style .contact-form-action .form-heading .reset-desc a { color: #c3aa30 } .user-area-all-style .contact-form-action .form-heading .reset-desc { font-size: 16px } .user-area-all-style .contact-form-action .form-heading .reset-desc a { font-weight: 600 } .user-area-all-style .contact-form-action form .submit-btn { margin-top: 24px } .user-area-all-style .contact-form-action form .default-btn { font-size: 14px; padding: 12px 20px; margin-bottom: 30px } .user-area-all-style .contact-form-action form .default-btn.btn-two { display: table; margin: 0 auto 0 } .user-area-all-style .contact-form-action form .col-lg-4:nth-child(1) .default-btn { background-color: #ff5733 } .user-area-all-style .contact-form-action form .col-lg-4:nth-child(2) .default-btn { background-color: #3955bc; display: table; margin: auto } .user-area-all-style .contact-form-action form .col-lg-4:nth-child(3) .default-btn { background-color: #c3aa30; float: right } .user-area-all-style .contact-form-action form .reset-btn { margin-top: 0 } .user-area-all-style .contact-form-action form .form-condition { margin-bottom: 20px } .user-area-all-style .contact-form-action form .form-condition .agree-label { font-weight: 600 } .user-area-all-style .contact-form-action form .form-condition .agree-label a { color: #c3aa30 } .user-area-all-style .contact-form-action form .form-group { margin-bottom: 30px } .user-area-all-style .contact-form-action .account-desc { margin: 25px auto 0; display: table; font-weight: 600 } .user-area-all-style .contact-form-action .account-desc a { color: #c3aa30; margin-left: 10px; font-weight: 600 } .user-area-all-style .contact-form-action #chb1 { position: relative; top: 1px } .user-area-all-style .contact-form-action #chb2 { position: relative; top: 1px } .user-area-all-style .contact-form-action .forget { float: right; color: #c3aa30; font-weight: 600 } .user-area-all-style .contact-form-action .now-register { font-weight: 600; float: right; margin-bottom: 30px } .user-area-all-style .contact-form-action .now-register a { color: #c3aa30 } .user-area-all-style .contact-form-action .now-log-in { color: #c3aa30; font-weight: 600 } .user-area-all-style .contact-form-action .now-log-in .font-q { font-weight: 600 } .book-table-area-three { background-image: url(../../assets/img/table-bg-1.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center; height: 100%; position: relative } .book-table-area-three::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .5 } .book-table-area-three .contact-info-wrap { padding-top: 100px; padding-bottom: 100px } .book-table-area-three .contact-info-wrap::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .9 } .book-table-area-three .contact-info-wrap::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-left: 1px solid #4b4e49; opacity: .9 } .book-table-area-three .books-froms { background-color: #1e1f25!important; position: relative; z-index: 1 } .book-table-area-three .books-froms h3 { color: #fff } .book-table-area-three .books-froms .form-group .nice-select { color: #fff } .book-table-area-three .books-froms .form-group .form-control { color: #fff; background-color: transparent } .book-table-area-three .books-froms .form-group .form-control::-webkit-input-placeholder { color: #fff!important } .book-table-area-three .books-froms .form-group .form-control:-ms-input-placeholder { color: #fff!important } .book-table-area-three .books-froms .form-group .form-control::-ms-input-placeholder { color: #fff!important } .book-table-area-three .books-froms .form-group .form-control::placeholder { color: #fff!important } .book-table-area-three .books-froms .select-box i { color: #fff } .book-table-area-three .books-froms .nice-select .list { background-color: #1b1b1b } .book-table-area-three .books-froms .nice-select .option:hover { background-color: #c3aa30 } .book-table-area-three .books-froms .nice-select .option.focus { background-color: #c3aa30 } .book-table-area-three .books-froms .nice-select .option.selected.focus { background-color: #fff } .book-table-area-three .books-froms:before { background-color: #1f2026 } .book-table-area-three .contact-info { max-width: 500px; margin-right: auto; margin-left: 65px; position: relative; z-index: 1 } .book-table-area-three .contact-info h3 { font-size: 25px!important; color: #fff; text-transform: uppercase; margin-bottom: 15px; margin-top: -5px } .book-table-area-three .contact-info p { color: #fff; margin-bottom: 40px } .book-table-area-three .contact-info ul { border-bottom: 1px solid #4b4e49; padding-bottom: 20px; margin-bottom: 30px } .book-table-area-three .contact-info ul li { margin-bottom: 10px } .book-table-area-three .contact-info ul li a { font-size: 16px; font-weight: 500; color: #fff; position: relative; padding-left: 30px } .book-table-area-three .contact-info ul li a i { position: absolute; top: 5px; left: 0 } .book-table-area-three .contact-info ul li a i.icon-algin { position: absolute; top: 7px } .book-table-area-three .contact-info ul li a:hover { color: #c3aa30 } .book-table-area-three .contact-info ul li:last-child { margin-bottom: 0 } .book-table-area-three .contact-info span { font-size: 16px; font-weight: 600; color: #fff; position: relative; padding-left: 30px; -webkit-transition: all .5s; transition: all .5s; display: inline-block } .book-table-area-three .contact-info span i { position: absolute; top: 3px; left: 0; font-size: 19px } .book-table-area-three .contact-info span:hover { color: #c3aa30 } .book-from { background-color: #fff; padding: 50px; position: relative } .book-from h3 { font-family: poppins, sans-serif; font-size: 27px; font-weight: 600; text-transform: uppercase; margin-bottom: 30px; text-align: center; line-height: 1 } .book-from .form-group { margin-bottom: 30px } .book-from .form-group .nice-select { float: unset; line-height: 50px; padding-top: 0; padding-bottom: 0; font-weight: 500; font-size: 13px; color: #848484 } .book-from .form-group .nice-select:after { height: 10px; right: 20px; width: 10px; top: 46% } .book-from .form-group .nice-select .list { width: 100%; border-radius: 0; margin: 0; height: 250px; overflow-y: scroll } .book-from .form-group .form-control { padding: 0 50px; width: 100% } .book-from .form-group .form-control::-webkit-input-placeholder { font-weight: 500; font-size: 13px; color: #848484 } .book-from .form-group .form-control:-ms-input-placeholder { font-weight: 500; font-size: 13px; color: #848484 } .book-from .form-group .form-control::-ms-input-placeholder { font-weight: 500; font-size: 13px; color: #848484 } .book-from .form-group .form-control::placeholder { font-weight: 500; font-size: 13px; color: #848484 } .book-from .select-box { position: relative } .book-from .select-box i { position: absolute; top: 15px; left: 20px; color: #848484; font-size: 20px; font-weight: 500 } .book-from .default-btn { display: block; width: 100%; text-transform: uppercase; cursor: pointer } .book-from .date:after { border-bottom: 2px solid #999; border-right: 2px solid #999; content: ''; display: block; width: 10px; height: 10px; margin-top: -4px; pointer-events: none; position: absolute; right: 20px; top: 50%; -webkit-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all .15s ease-in-out; transition: all .15s ease-in-out } .coming-soon-area { position: relative; height: 100vh; z-index: 1; background-image: url(../../assets/img/coming-soon-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; overflow: hidden } .coming-soon-area::before { content: ""; position: absolute; top: 0; left: 0; right: 0; width: 800px; height: 100%; -webkit-animation: border-transform 7s linear infinite alternate forwards; animation: border-transform 7s linear infinite alternate forwards; background-image: url(../../assets/img/coming-soon-bg.jpg); background-position: center center; background-repeat: no-repeat; background-size: cover; margin: auto } .coming-soon-area .coming-soon-content { text-align: center; max-width: 750px; margin-left: auto; margin-right: auto; position: relative; z-index: 2 } .coming-soon-area .coming-soon-content h1 { margin-bottom: 0; color: #fff; font-size: 60px; margin-top: -18px } .coming-soon-area .coming-soon-content p { color: #f3f3f3; font-size: 14.5px; max-width: 600px; margin-top: 15px; margin-bottom: 0; margin-left: auto; margin-right: auto } .coming-soon-area .coming-soon-content #timer { margin-top: 30px } .coming-soon-area .coming-soon-content #timer div { display: inline-block; color: #fff; position: relative; margin-left: 35px; margin-right: 35px; font-size: 45px; font-weight: 700 } .coming-soon-area .coming-soon-content #timer div span { display: block; text-transform: capitalize; margin-top: -15px; font-size: 16px; font-weight: 400 } .coming-soon-area .coming-soon-content #timer div:last-child { margin-right: 0 } .coming-soon-area .coming-soon-content #timer div:last-child::before { display: none } .coming-soon-area .coming-soon-content #timer div:first-child { margin-left: 0 } .coming-soon-area .coming-soon-content #timer div::before { content: ""; position: absolute; right: -50px; top: -10px; font-size: 70px; color: #fff } .coming-soon-area .coming-soon-content .newsletter-form { position: relative; max-width: 500px; margin-left: auto; margin-right: auto; margin-top: 50px } .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter { display: block; width: 100%; height: 60px; border: none; background-color: rgba(255, 255, 255, .3); padding-left: 15px; color: #fff; outline: 0; -webkit-transition: .5s; transition: .5s; border-radius: 50px } .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter::-webkit-input-placeholder { color: #fff } .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter:-ms-input-placeholder { color: #fff } .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter::-ms-input-placeholder { color: #fff } .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter::placeholder { color: #fff } .coming-soon-area .coming-soon-content .newsletter-form .input-newsletter:focus { border-color: #c3aa30 } .coming-soon-area .coming-soon-content .newsletter-form button { position: absolute; right: 0; top: 0; height: 60px; padding: 0 30px; text-transform: uppercase; outline: 0; color: #fff; -webkit-transition: .5s; transition: .5s; font-weight: 500; font-size: 15px; cursor: pointer } .coming-soon-area .coming-soon-content .newsletter-form button::after { border-radius: 0 } .coming-soon-area .coming-soon-content .newsletter-form button::before { border-radius: 0 } .coming-soon-area .coming-soon-content .newsletter-form button:hover { color: #fff } .coming-soon-area .coming-soon-content .newsletter-form #validator-newsletter { color: #fff; font-size: 14px; position: absolute; left: 0; right: 0; bottom: -30px; margin: 0 auto } @-webkit-keyframes border-transform { 0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% } 14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% } 28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% } 42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% } 56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% } 70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% } 84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% } } @keyframes border-transform { 0%, 100% { border-radius: 63% 37% 54% 46%/55% 48% 52% 45% } 14% { border-radius: 40% 60% 54% 46%/49% 60% 40% 51% } 28% { border-radius: 54% 46% 38% 62%/49% 70% 30% 51% } 42% { border-radius: 61% 39% 55% 45%/61% 38% 62% 39% } 56% { border-radius: 61% 39% 67% 33%/70% 50% 50% 30% } 70% { border-radius: 50% 50% 34% 66%/56% 68% 32% 44% } 84% { border-radius: 46% 54% 50% 50%/35% 61% 39% 65% } } .error-area { padding: 50px 0; height: 100vh; text-align: center; position: relative; z-index: 1; background-color: #fff } .error-area::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: .9; z-index: -1 } .error-area .error-content-wrap { z-index: 1; position: relative } .error-area .error-content-wrap h1 { font-size: 300px; line-height: 1 } .error-area .error-content-wrap h1 span { background-image: -webkit-gradient(linear, left top, right bottom, from(#ff416c), to(#fa4612)); background-image: linear-gradient(to bottom right, #ff416c, #fa4612); -webkit-background-clip: text; -webkit-text-fill-color: transparent } .error-area .error-content-wrap h3 { margin: 30px 0 0; position: relative; color: red } .error-area .error-content-wrap p { margin: 20px 0; font-size: 19px } .news-details-area {} .news-details-area .news-details-desc .article-image { position: relative; background-color: #24416b } .news-details-area .news-details-desc .article-content { margin-top: 30px } .news-details-area .news-details-desc .article-content .entry-meta { margin-bottom: -10px } .news-details-area .news-details-desc .article-content .entry-meta ul { padding-left: 0; margin-bottom: 0; list-style-type: none } .news-details-area .news-details-desc .article-content .entry-meta ul li { position: relative; display: inline-block; color: #c3aa30; margin-right: 21px; font-size: 14px } .news-details-area .news-details-desc .article-content .entry-meta ul li span { display: inline-block; color: #c3aa30; font-weight: 500 } .news-details-area .news-details-desc .article-content .entry-meta ul li a { display: inline-block; color: #666; font-size: 13px } .news-details-area .news-details-desc .article-content .entry-meta ul li a:hover { color: #c3aa30 } .news-details-area .news-details-desc .article-content .entry-meta ul li i { color: #c3aa30; margin-right: 2px } .news-details-area .news-details-desc .article-content .entry-meta ul li::before { content: ''; position: absolute; top: 11px; right: -15px; width: 6px; height: 1px; background: #c3aa30 } .news-details-area .news-details-desc .article-content .entry-meta ul li:last-child { margin-right: 0 } .news-details-area .news-details-desc .article-content .entry-meta ul li:last-child::before { display: none } .news-details-area .news-details-desc .article-content h3 { margin-bottom: 13px; margin-top: 25px; font-size: 25px } .news-details-area .news-details-desc .article-content .wp-block-gallery.columns-3 { padding-left: 0; list-style-type: none; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -10px; margin-left: -10px; margin-bottom: 30px; margin-top: 30px } .news-details-area .news-details-desc .article-content .wp-block-gallery.columns-3 li { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333%; flex: 0 0 33.3333%; max-width: 33.3333%; padding-right: 10px; padding-left: 10px } .news-details-area .news-details-desc .article-content .wp-block-gallery.columns-3 li figure { margin-bottom: 0 } .news-details-area .news-details-desc .article-footer { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px } .news-details-area .news-details-desc .article-footer .article-tags { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .news-details-area .news-details-desc .article-footer .article-tags span { display: inline-block; color: #c3aa30; font-size: 20px; margin-right: 5px; position: relative; top: 4px } .news-details-area .news-details-desc .article-footer .article-tags a { display: inline-block; color: #666; font-weight: 600 } .news-details-area .news-details-desc .article-footer .article-tags a:hover { color: #c3aa30 } .news-details-area .news-details-desc .article-footer .article-share { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .news-details-area .news-details-desc .article-footer .article-share .social { padding-left: 0; list-style-type: none; text-align: right; margin-bottom: 0 } .news-details-area .news-details-desc .article-footer .article-share .social li { display: inline-block } .news-details-area .news-details-desc .article-footer .article-share .social li span { display: inline-block; margin-right: 2px; font-weight: 500; color: #666 } .news-details-area .news-details-desc .article-footer .article-share .social li a { display: block; color: #fff; width: 32px; height: 32px; line-height: 33px; border-radius: 50%; background-color: #c3aa30; text-align: center; font-size: 14px } .news-details-area .news-details-desc .article-footer .article-share .social li a:hover { -webkit-animation: rubberBand 1s linear; animation: rubberBand 1s linear } .news-details-area .news-details-desc .post-navigation { margin-top: 30px } .news-details-area blockquote { overflow: hidden; background-color: #f7f7f7; padding: 50px!important; position: relative; z-index: 1; margin-bottom: 20px; margin-top: 20px } .news-details-area blockquote p { color: #24416b; line-height: 1.6; margin-bottom: 0; font-style: italic; font-weight: 600; font-size: 17px!important } .news-details-area blockquote cite { display: none } .news-details-area blockquote::before { color: #c3aa30; content: "\ed67"; position: absolute; left: 50px; top: -50px; z-index: -1; font-family: boxicons; font-size: 140px; font-weight: 900; opacity: .5 } .news-details-area blockquote::after { content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 3px; background-color: #c3aa30; margin-top: 20px; margin-bottom: 20px } .news-details-area .post-navigation { border-top: 1px solid #eee; border-bottom: 1px solid #eee; padding-top: 20px; padding-bottom: 20px } .news-details-area .post-navigation .navigation-links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap } .news-details-area .post-navigation .navigation-links .nav-previous { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% } .news-details-area .post-navigation .navigation-links .nav-previous a i { margin-right: 0; font-size: 20px; position: relative; top: 4px } .news-details-area .post-navigation .navigation-links .nav-next { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; text-align: right } .news-details-area .post-navigation .navigation-links .nav-next a i { margin-left: 0; font-size: 20px; position: relative; top: 4px } .news-details-area .post-navigation .navigation-links div a { display: inline-block; font-weight: 600; color: #24416b } .news-details-area .post-navigation .navigation-links div a:hover { color: #c3aa30 } .news-details-area .comments-area { padding: 25px; margin-top: 30px; -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, .08); box-shadow: 0 0 29px 0 rgba(102, 102, 102, .08); background-color: #fff } .news-details-area .comments-area .comments-title { position: relative; margin-bottom: 30px; line-height: initial; font-size: 22px } .news-details-area .comments-area .comments-title::before { content: ''; height: 25px; width: 3px; left: -25px; position: absolute; background: #c3aa30; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .news-details-area .comments-area ol { padding: 0; margin: 0; list-style-type: none } .news-details-area .comments-area ul { padding: 0; margin: 0; list-style-type: none } .news-details-area .comments-area .comment-list { padding: 0; margin: 0; list-style-type: none } .news-details-area .comments-area .children { margin-left: 40px } .news-details-area .comments-area .comment-body { border-bottom: 1px solid #eee; padding-left: 65px; font-size: 14px; margin-bottom: 20px; padding-bottom: 20px } .news-details-area .comments-area .comment-body .reply { margin-top: 15px } .news-details-area .comments-area .comment-body .reply a { border: 1px solid #ded9d9; color: #24416b; display: inline-block; padding: 5px 20px; border-radius: 30px; text-transform: uppercase; position: relative; z-index: 1; font-size: 13px; font-weight: 600 } .news-details-area .comments-area .comment-body .reply a:hover { color: #fff; background-color: #c3aa30; border-color: #c3aa30 } .news-details-area .comments-area .comment-meta { margin-bottom: .8em } .news-details-area .comments-area .comment-author { font-size: 16px; margin-bottom: .4em; position: relative; z-index: 2 } .news-details-area .comments-area .comment-author .avatar { height: 50px; left: -65px; position: absolute; width: 50px; border-radius: 50% } .news-details-area .comments-area .comment-author .fn { font-weight: 600; color: #24416b; font-size: 14px } .news-details-area .comments-area .comment-author .says { display: none } .news-details-area .comments-area .comment-metadata { color: #666; letter-spacing: .01em; text-transform: uppercase; font-size: 13px; font-weight: 500 } .news-details-area .comments-area .comment-metadata a { color: #666; font-size: 11px } .news-details-area .comments-area .comment-metadata a:hover { color: #c3aa30 } .news-details-area .comments-area .comment-content p { font-size: 14px } .news-details-area .comments-area .comment-respond { margin-top: 30px } .news-details-area .comments-area .comment-respond .comment-reply-title { margin-bottom: 15px; position: relative; font-size: 22px } .news-details-area .comments-area .comment-respond .comment-reply-title::before { content: ''; height: 25px; width: 3px; left: -25px; position: absolute; background: #c3aa30; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .news-details-area .comments-area .comment-respond .comment-reply-title #cancel-comment-reply-link { display: inline-block } .news-details-area .comments-area .comment-respond .comment-form { overflow: hidden } .news-details-area .comments-area .comment-respond .comment-form-comment { margin-bottom: 30px; float: left; width: 100% } .news-details-area .comments-area .comment-respond label { display: block; font-weight: 500; color: #24416b; margin-bottom: 5px } .news-details-area .comments-area .comment-respond input[type=datetime-local] { display: block; width: 100%; background-color: #f7f7f7; border: 1px solid #eee; padding: .625em .7375em; outline: 0; -webkit-transition: .5s; transition: .5s } .news-details-area .comments-area .comment-respond input[type=datetime-local]:focus { border-color: #c3aa30 } .news-details-area .comments-area .comment-respond input[type=week] { display: block; width: 100%; background-color: #f7f7f7; border: 1px solid #eee; padding: .625em .7375em; outline: 0; -webkit-transition: .5s; transition: .5s } .news-details-area .comments-area .comment-respond input[type=week]:focus { border-color: #c3aa30 } .news-details-area .comments-area .comment-respond input[type=month] { display: block; width: 100%; background-color: #f7f7f7; border: 1px solid #eee; padding: .625em .7375em; outline: 0; -webkit-transition: .5s; transition: .5s } .news-details-area .comments-area .comment-respond input[type=month]:focus { border-color: #c3aa30 } .news-details-area .comments-area .comment-respond input[type=text] { display: block; width: 100%; background-color: #f7f7f7; border: 1px solid #eee; padding: .625em .7375em; outline: 0; -webkit-transition: .5s; transition: .5s } .news-details-area .comments-area .comment-respond input[type=text]:focus { border-color: #c3aa30 } .news-details-area .comments-area .comment-respond input[type=email] { display: block; width: 100%; background-color: #f7f7f7; border: 1px solid #eee; padding: .625em .7375em; outline: 0; -webkit-transition: .5s; transition: .5s } .news-details-area .comments-area .comment-respond input[type=email]:focus { border-color: #c3aa30 } .news-details-area .comments-area .comment-respond input[type=url] { display: block; width: 100%; background-color: #f7f7f7; border: 1px solid #eee; padding: .625em .7375em; outline: 0; -webkit-transition: .5s; transition: .5s } .news-details-area .comments-area .comment-respond input[type=url]:focus { border-color: #c3aa30 } .news-details-area .comments-area .comment-respond input[type=password] { display: block; width: 100%; background-color: #f7f7f7; border: 1px solid #eee; padding: .625em .7375em; outline: 0; -webkit-transition: .5s; transition: .5s } .news-details-area .comments-area .comment-respond input[type=password]:focus { border-color: #c3aa30 } .news-details-area .comments-area .comment-respond input[type=search] { display: block; width: 100%; background-color: #f7f7f7; border: 1px solid #eee; padding: .625em .7375em; outline: 0; -webkit-transition: .5s; transition: .5s } .news-details-area .comments-area .comment-respond input[type=search]:focus { border-color: #c3aa30 } .news-details-area .comments-area .comment-respond input[type=tel] { display: block; width: 100%; background-color: #f7f7f7; border: 1px solid #eee; padding: .625em .7375em; outline: 0; -webkit-transition: .5s; transition: .5s } .news-details-area .comments-area .comment-respond input[type=tel]:focus { border-color: #c3aa30 } .news-details-area .comments-area .comment-respond input[type=number] { display: block; width: 100%; background-color: #f7f7f7; border: 1px solid #eee; padding: .625em .7375em; outline: 0; -webkit-transition: .5s; transition: .5s } .news-details-area .comments-area .comment-respond input[type=number]:focus { border-color: #c3aa30 } .news-details-area .comments-area .comment-respond textarea { display: block; width: 100%; background-color: #f7f7f7; border: 1px solid #eee; padding: .625em .7375em; outline: 0; -webkit-transition: .5s; transition: .5s } .news-details-area .comments-area .comment-respond textarea:focus { border-color: #c3aa30 } .news-details-area .comments-area .comment-respond .comment-form-author { float: left; width: 50%; padding-right: 10px; margin-bottom: 20px } .news-details-area .comments-area .comment-respond .comment-form-email { float: left; width: 50%; padding-left: 12px; margin-bottom: 20px } .news-details-area .comments-area .comment-respond .comment-form-url { float: left; width: 100%; margin-bottom: 20px } .news-details-area .comments-area .comment-respond .comment-form-cookies-consent { width: 100%; float: left; position: relative; padding-left: 20px; margin-bottom: 20px } .news-details-area .comments-area .comment-respond .comment-form-cookies-consent input { position: absolute; left: 0; top: 6px } .news-details-area .comments-area .comment-respond .comment-form-cookies-consent label { display: inline-block; margin: 0; color: #666; font-weight: 400 } .news-details-area .comments-area .comment-respond .form-submit { float: left; width: 100% } .news-details-area .comments-area .comment-respond .form-submit input { background: #c3aa30; border: none; color: #fff; padding: 14px 30px 12px; display: inline-block; cursor: pointer; outline: 0; border-radius: 0; text-transform: uppercase; -webkit-transition: .5s; transition: .5s; font-weight: 500; font-size: 14px } .news-details-area .comments-area .comment-respond .form-submit input:hover { color: #fff; background-color: #24416b } .news-details-area .comments-area .comment-respond .form-submit input:focus { color: #fff; background-color: #c3aa30 } .news-details-area.left-sidebar .widget-area { margin-left: 0; margin-right: 15px } .news-details-area .widget-area { margin-left: 15px } .news-details-area .widget-area .widget { margin-top: 35px; background-color: #fff; -webkit-box-shadow: 0 0 29px 0 rgba(102, 102, 102, .08); box-shadow: 0 0 29px 0 rgba(102, 102, 102, .08) } .news-details-area .widget-area .widget .post-wrap { padding: 20px } .news-details-area .widget-area .widget:first-child { margin-top: 0 } .news-details-area .widget-area .widget .widget-title { text-transform: capitalize; position: relative; font-size: 20px; margin-bottom: 0; background-color: #f7f7f7; padding: 10px 20px; color: #24416b; position: relative } .news-details-area .widget-area .widget .widget-title::before { content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background-color: #c3aa30 } .news-details-area .widget-area .widget_search form { position: relative } .news-details-area .widget-area .widget_search form label { display: block; margin-bottom: 0 } .news-details-area .widget-area .widget_search form .screen-reader-text { display: none } .news-details-area .widget-area .widget_search form .search-field { background-color: transparent; height: 50px; padding: 6px 15px; border: 1px solid #eee; width: 100%; display: block; outline: 0; -webkit-transition: .5s; transition: .5s } .news-details-area .widget-area .widget_search form .search-field:focus { border-color: #c3aa30 } .news-details-area .widget-area .widget_search form button { position: absolute; right: 0; outline: 0; bottom: 0; height: 50px; width: 50px; border: none; color: #fff; background-color: #c3aa30; -webkit-transition: .5s; transition: .5s; cursor: pointer } .news-details-area .widget-area .widget_search form button:hover { background-color: #24416b } .news-details-area .widget-area .widget-peru-posts-thumb { position: relative; overflow: hidden } .news-details-area .widget-area .widget-peru-posts-thumb .item { overflow: hidden; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #efefef } .news-details-area .widget-area .widget-peru-posts-thumb .item:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0 } .news-details-area .widget-area .widget-peru-posts-thumb .item .thumb { float: left; height: 80px; overflow: hidden; position: relative; width: 80px; margin-right: 15px } .news-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage { width: 80px; height: 80px; display: inline-block; background-size: cover!important; background-repeat: no-repeat; background-position: center center!important; position: relative; background-color: #24416b } .news-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg1 { background-image: url(../../assets/img/news-details/popular-posts-1.png) } .news-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg2 { background-image: url(../../assets/img/news-details/popular-posts-2.png) } .news-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg3 { background-image: url(../../assets/img/news-details/popular-posts-3.png) } .news-details-area .widget-area .widget-peru-posts-thumb .item .thumb .fullimage.bg4 { background-image: url(../../assets/img/news-details/popular-posts-4.png) } .news-details-area .widget-area .widget-peru-posts-thumb .item .info { overflow: hidden } .news-details-area .widget-area .widget-peru-posts-thumb .item .info span { display: block; color: #666; text-transform: uppercase; margin-top: 5px; margin-bottom: 5px; font-size: 12px; font-weight: 500 } .news-details-area .widget-area .widget-peru-posts-thumb .item .info .title { margin-bottom: 0; line-height: 1.5; font-size: 15px; font-weight: 600 } .news-details-area .widget-area .widget-peru-posts-thumb .item .info .title a { display: inline-block; color: #474c40 } .news-details-area .widget-area .widget-peru-posts-thumb .item .info .title a:hover { color: #c3aa30 } .news-details-area .widget-area .widget_recent_entries ul { padding: 0; margin: 0; list-style-type: none } .news-details-area .widget-area .widget_recent_entries ul li { position: relative; margin-bottom: 12px; color: #666; padding-left: 17px; line-height: 1.5; font-size: 15px; font-weight: 600 } .news-details-area .widget-area .widget_recent_entries ul li:last-child { margin-bottom: 0 } .news-details-area .widget-area .widget_recent_entries ul li::before { background: #c3aa30; position: absolute; height: 7px; width: 7px; content: ''; left: 0; top: 7px } .news-details-area .widget-area .widget_recent_entries ul li .post-date { display: block; font-size: 13px; color: #666; margin-top: 4px } .news-details-area .widget-area .widget_categories ul { padding: 0; margin: 0; list-style-type: none } .news-details-area .widget-area .widget_categories ul li { position: relative; padding-bottom: 10px; margin-bottom: 10px; color: #666; padding-left: 17px; font-size: 15px; font-weight: 600; border-bottom: 1px solid #efefef } .news-details-area .widget-area .widget_categories ul li:last-child { margin-bottom: 0; border-bottom: none; padding-bottom: 0 } .news-details-area .widget-area .widget_categories ul li::before { background: #c3aa30; position: absolute; height: 10px; width: 10px; content: ''; left: 0; top: 8px; -webkit-clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%) } .news-details-area .widget-area .widget_categories ul li a { display: block; color: #666; font-weight: 400; font-size: 14px } .news-details-area .widget-area .widget_categories ul li a span { float: right; font-size: 13px } .news-details-area .widget-area .widget_categories ul li a:hover { color: #c3aa30 } .news-details-area .widget-area .widget_categories ul li .post-count { float: right } .news-details-area .widget-area .widget_meta ul { padding: 0; margin: 0; list-style-type: none } .news-details-area .widget-area .widget_meta ul li { position: relative; padding-bottom: 10px; margin-bottom: 10px; color: #666; padding-left: 17px; font-size: 15px; font-weight: 500; border-bottom: 1px solid #efefef } .news-details-area .widget-area .widget_meta ul li a { color: #7a7e9a } .news-details-area .widget-area .widget_meta ul li a:hover { color: #c3aa30 } .news-details-area .widget-area .widget_meta ul li:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none } .news-details-area .widget-area .widget_meta ul li::before { background: #c3aa30; position: absolute; height: 10px; width: 10px; content: ''; left: 0; top: 8px; -webkit-clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%); clip-path: polygon(0% 20%, 60% 20%, 60% 0%, 100% 50%, 60% 100%, 60% 80%, 0% 80%) } .news-details-area .widget-area .widget_tag_cloud .post-wrap { padding-top: 10px } .news-details-area .widget-area .widget_tag_cloud .widget-title { margin-bottom: 0 } .news-details-area .widget-area .tagcloud a { display: inline-block; color: #666; font-weight: 400; font-size: 14px!important; padding: 7px 10px; border: 1px dashed #eee; margin-top: 10px; margin-right: 10px } .news-details-area .widget-area .tagcloud a:hover { background-color: #c3aa30; color: #fff } .news-details-area .widget-area .tagcloud a:focus { background-color: #c3aa30; color: #fff; border-color: #c3aa30 } .news-details-area .widget-area .widget_services_list ul { padding-left: 0; list-style-type: none; margin-bottom: 0; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .04); box-shadow: 0 0 1.25rem rgba(108, 118, 134, .04); background-color: #fff } .news-details-area .widget-area .widget_services_list ul li a { display: block; position: relative; border-bottom: 1px solid #eee; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 35px; color: #5d6576; z-index: 1; font-weight: 500 } .news-details-area .widget-area .widget_services_list ul li a::before { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #252920; -webkit-transition: .5s; transition: .5s; opacity: 0; visibility: hidden } .news-details-area .widget-area .widget_services_list ul li a i { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .news-details-area .widget-area .widget_services_list ul li a:hover { background-color: #c3aa30; color: #fff; padding-left: 20px } .news-details-area .widget-area .widget_services_list ul li a:hover::before { opacity: 1; visibility: visible; width: 5px } .news-details-area .widget-area .widget_services_list ul li a.active { background-color: #c3aa30; color: #fff; padding-left: 20px } .news-details-area .widget-area .widget_services_list ul li a.active::before { opacity: 1; visibility: visible; width: 5px } .news-details-area .widget-area .widget_services_list ul li:last-child a { border-bottom: none } .news-details-area .widget-area .widget_download ul { padding-left: 0; list-style-type: none; margin-bottom: 0; -webkit-box-shadow: 0 0 1.25rem rgba(108, 118, 134, .04); box-shadow: 0 0 1.25rem rgba(108, 118, 134, .04); background-color: #fff } .news-details-area .widget-area .widget_download ul li a { display: block; position: relative; border-bottom: 1px solid #eee; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 35px; color: #5d6576; z-index: 1; font-weight: 500 } .news-details-area .widget-area .widget_download ul li a::before { content: ""; position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #252920; -webkit-transition: .5s; transition: .5s; opacity: 0; visibility: hidden } .news-details-area .widget-area .widget_download ul li a i { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) } .news-details-area .widget-area .widget_download ul li a:hover { background-color: #c3aa30; color: #fff; padding-left: 20px } .news-details-area .widget-area .widget_download ul li a:hover::before { opacity: 1; visibility: visible; width: 5px } .news-details-area .widget-area .widget_download ul li a.active { background-color: #c3aa30; color: #fff; padding-left: 20px } .news-details-area .widget-area .widget_download ul li a.active::before { opacity: 1; visibility: visible; width: 5px } .news-details-area .widget-area .widget_download ul li:last-child a { border-bottom: none } .news-details-area .widget-area .info time { font-size: 13px; color: #929292; display: block; margin-bottom: 4px } .contact-info-area .single-contact-info { text-align: center; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); background-color: #fff; margin-bottom: 30px; padding: 30px; -webkit-transition: all .5s; transition: all .5s; height: 210px; } .contact-info-area .single-contact-info i { display: block; color: #c3aa30; -webkit-transition: all .5s; transition: all .5s; font-size: 25px; width: 50px; height: 50px; margin: 0 auto 15px; line-height: 50px; border: 2px dotted #c3aa30; border-radius: 50% } .contact-info-area .single-contact-info h3 { -webkit-transition: all .5s; transition: all .5s } .book { position: fixed; bottom: 90px; left: 5px; z-index: 999; width: 9%; } .book img { max-width: 100%; } .contact-info-area .single-contact-info a { color: #000; -webkit-transition: all .5s; transition: all .5s; display: block; font-size:15px; } .contact-info-area .single-contact-info:hover { background-color: #c3aa30 } .contact-info-area .single-contact-info:hover i { color: #fff; border-color: #fff } .contact-info-area .single-contact-info:hover h3 { color: #fff } .contact-info-area .single-contact-info:hover a { color: #fff } #map { height: 445px } .main-contact-area .contact-wrap { max-width: unset } .main-contact-area .contact-wrap .section-title { text-align: center!important; max-width: 600px } .main-contact-area .contact-wrap .section-title h2 { margin-bottom: 10px } .main-contact-area .contact-wrap .form-group { margin-bottom: 30px } .main-contact-area .contact-wrap .default-btn { margin: auto; display: table; cursor: pointer } .main-contact-area .contact-wrap .contact-form { background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); padding: 47px } .main-contact-area .contact-wrap .contact-form #msgSubmit { position: unset; text-align: center; margin-top: 20px } .main-contact-area .contact-wrap .contact-form .hidden { display: none } .main-contact-area textarea.textarea-hight { height: unset!important } .service-sidebar-area { margin-right: 15px } .service-sidebar-area .service-details-title { background-color: #eee; color: #24416b; padding: 15px 20px; margin-bottom: 0 } .service-sidebar-area .service-card { margin-bottom: 30px; background-color: #fff; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05) } .service-sidebar-area .service-list ul li { border-bottom: 1px dashed #eee; padding: 15px 20px; font-weight: 500; -webkit-transition: all .5s; transition: all .5s; font-size: 16px; color: #000; } .service-sidebar-area .service-list ul li:last-child { border-bottom: none } .service-sidebar-area .service-list ul li a { color: #24416b; display: block } .service-sidebar-area .service-list ul li i { float: right; width: 30px; height: 30px; line-height: 30px; background-color: #c3aa30; border-radius: 50%; color: #fff; font-size: 20px; text-align: center; -webkit-transition: all .5s; transition: all .5s; position: relative; top: -3px; right: -4px } .service-sidebar-area .service-list ul li:hover { background-color: #c3aa30; color: #fff } .service-sidebar-area .service-list ul li:hover i { background-color: #fff; color: #c3aa30 } .service-sidebar-area .service-list ul li:hover a { color: #fff } .service-sidebar-area .service-faq .faq-accordion .accordion .accordion-item { -webkit-box-shadow: none; box-shadow: none } .service-sidebar-area .service-faq .faq-accordion .accordion .accordion-title { font-size: 17px; font-weight: 600 } .service-sidebar-area .service-faq .faq-accordion .accordion .accordion-title span { top: 11px } .service-sidebar-area .paint { margin-bottom: 15px } .service-details-wrap .mb-30 { margin-bottom: 30px } .service-details-wrap .service-img { margin-bottom: 30px } .service-details-wrap h3 { margin-bottom: 20px; font-size: 25px } .service-details-wrap .services-list { margin-top: 20px; margin-bottom: 30px } .service-details-wrap .services-list li { font-weight: 600; color: #24416b; font-size: 14px; padding-left: 35px; position: relative; margin-bottom: 15px } .service-details-wrap .services-list li:last-child { margin-bottom: 0 } .service-details-wrap .services-list li i { width: 25px; height: 25px; line-height: 25px; background-color: #c3aa30; border-radius: 50%; color: #fff; font-size: 20px; text-align: center; position: absolute; top: 4px; position: absolute; top: 0; left: 0 } .service-details-wrap .car-service-list-wrap { margin-bottom: 35px } .service-details-wrap .car-service-list-wrap .car-service-list { margin-top: 30px; margin-bottom: 30px } .service-details-wrap .car-service-list-wrap .car-service-list li { font-weight: 600; color: #24416b; font-size: 14px; padding-left: 35px; position: relative; margin-bottom: 15px } .service-details-wrap .car-service-list-wrap .car-service-list li:last-child { margin-bottom: 0 } .service-details-wrap .car-service-list-wrap .car-service-list li i { width: 25px; height: 25px; line-height: 25px; background-color: #c3aa30; border-radius: 50%; color: #fff; font-size: 20px; text-align: center; position: absolute; top: 4px; position: absolute; top: 0; left: 0 } .service-details-wrap .list-unstyled { margin: 0 } .service-details-wrap .list-unstyled li { color: #dc3545; padding-left: 0!important; font-size: 14px; font-weight: 400; margin-top: 10px } .service-details-wrap #msgSubmit { left: 0; right: 0; text-align: center } .service-details-wrap .owl-theme .owl-nav { margin-top: 0!important } .service-details-wrap .owl-theme .owl-nav .owl-prev { width: 40px; height: 40px; line-height: 43px; display: block; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); background-color: #fff; display: inline-block; border-radius: 50%; color: #c3aa30; -webkit-transition: all .5s; transition: all .5s; position: absolute; top: 50%; left: -25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); transition: all .5s } .service-details-wrap .owl-theme .owl-nav .owl-prev i { font-size: 15px; font-weight: 600; position: relative; top: -1px; display: inline-block } .service-details-wrap .owl-theme .owl-nav .owl-prev:hover { background-color: #c3aa30!important; color: #fff } .service-details-wrap .owl-theme .owl-nav .owl-prev:hover i { -webkit-animation: fadeInRight 1s linear; animation: fadeInRight 1s linear } .service-details-wrap .owl-theme .owl-nav .owl-next { width: 40px; height: 40px; line-height: 43px; display: block; background-color: #fff; display: inline-block; border-radius: 50%; color: #c3aa30; -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); box-shadow: 0 0 20px 3px rgba(0, 0, 0, .05); position: absolute; top: 50%; right: -25px; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: all .5s; transition: all .5s } .service-details-wrap .owl-theme .owl-nav .owl-next i { font-size: 15px; font-weight: 600; position: relative; top: -1px; display: inline-block } .service-details-wrap .owl-theme .owl-nav .owl-next:hover { background-color: #c3aa30!important; color: #fff } .service-details-wrap .owl-theme .owl-nav .owl-next:hover i { -webkit-animation: fadeInLeft 1s linear; animation: fadeInLeft 1s linear } .service-details-wrap .owl-theme .owl-nav [class*=owl-]:hover { background-color: transparent } .service-details-wrap .rooms-details img { width: 100% } .service-details-area.room-details-right-sidebar .service-sidebar-area { margin-right: 0; margin-left: 15px } .gallery-wrap { text-align: center } .gallery-wrap .shorting .mix { display: none } .gallery-wrap .shorting-menu { margin-bottom: 40px } .gallery-wrap .shorting-menu .filter { font-size: 16px; font-weight: 500; background-color: transparent; cursor: pointer; -webkit-transition: all .5s; transition: all .5s; padding: 0 20px; color: #24416b } .gallery-wrap .shorting-menu .filter i { font-size: 20px; position: relative; top: 3px; display: inline-block; margin-right: 5px } .gallery-wrap .shorting-menu .filter:hover { color: #c3aa30 } .gallery-wrap .shorting-menu .filter.active { color: #c3aa30 } .single-gallery { position: relative; overflow: hidden; -webkit-transition: all .5s; transition: all .5s; margin-bottom: 30px } .single-gallery .gallery-image { position: relative; -webkit-transition: all .5s; transition: all .5s; height: 380px; background-position: center center; background-size: cover; background-repeat: no-repeat } .single-gallery .gallery-image.bg-1 { background-image: url(../../assets/img/rooms/5.jpg) } .single-gallery .gallery-image.bg-2 { background-image: url(../../assets/img/rooms/6.jpg) } .single-gallery .gallery-image.bg-3 { background-image: url(../../assets/img/rooms/7.jpg) } .single-gallery .gallery-image.bg-4 { background-image: url(../../assets/img/rooms/8.jpg) } .single-gallery .gallery-image.bg-5 { background-image: url(../../assets/img/rooms/9.jpg) } .single-gallery .gallery-image.bg-6 { background-image: url(../../assets/img/rooms/10.jpg) } .single-gallery .gallery-image.bg-7 { background-image: url(../../assets/img/rooms/rooms-1.jpg) } .single-gallery .gallery-image.bg-8 { background-image: url(../../assets/img/rooms/rooms-2.jpg) } .single-gallery .gallery-image img { -webkit-transition: all 9s; transition: all 9s } .single-gallery .gallery-image::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 0, 0, 0)), to(black)); background-image: linear-gradient(to top, rgba(255, 0, 0, 0), black); -webkit-transition: all .5s; transition: all .5s; z-index: 1 } .single-gallery .gallery-image .price-wrap { position: absolute; top: 20px; right: 20px; text-align: left; z-index: 1 } .single-gallery .gallery-image .price-wrap .price-text { display: block; color: #fff } .single-gallery .gallery-image .price-wrap .price { display: block; color: #fff } .single-gallery .gallery-content { position: absolute; bottom: -115px; left: 0; right: 0; text-align: left; background-color: #fff; max-width: 90%; margin: auto; padding: 15px; -webkit-transition: all .5s; transition: all .5s; z-index: 2 } .single-gallery .gallery-content span { color: #c3aa30; font-weight: 500; display: block; margin-bottom: 8px } .single-gallery .gallery-content h3 a { color: #24416b } .single-gallery .gallery-content:hover h3 a { color: #c3aa30 } .single-gallery:hover .gallery-content { bottom: 17px } .tariff2 h2{ font-size: 22px; margin-top: 15px; /*text-align: center;*/ } .tariff2 p{ font-size: 17px; font-family: 'Poppins'; color: #000; /*text-align: center;*/ } .tariff2{ margin-bottom: 30px; } .tariff1 h2{ font-size: 20px; margin-top: 15px; } .tariff1 ul li{ font-size: 17px; font-family: 'Poppins'; color: #000; line-height: 30px; list-style: disc; margin-left: 35px; } .single-gallery:hover .gallery-image img { -webkit-transform: scale(2.3) rotate(4deg); transform: scale(2.3) rotate(4deg) } /*.fixed-top { background: #555a5e1f; }*/ .form-control::-webkit-input-placeholder { color: #000 !important; } .form-control:-moz-placeholder { color: #000!important; } .form-control::-moz-placeholder { color: #000!important; } .form-control:-ms-input-placeholder { color:#000!important; } .form-control::-ms-input-placeholder { color: #000!important; } .form-control:placeholder-shown { color:#000!important; } .explore-content h5{ text-transform: capitalize; } .tarifinfo { width: 100%; text-align: center; margin-left: auto; margin-right: auto; margin-bottom: 50px; } .tarifinfo tr:nth-child(odd) { background-color: #f2f2f2; } .tarifinfo tr { font-size: 18px; } .tarifinfo td{ font-size: 16px; margin-bottom: 15px; font-family: muli, sans-serif; color: #000; padding: 10px; border: solid 1px #000; } .tarifinfo th { padding: 10px; border: solid 1px #000; font-weight: 600; } .tarifinfo th { background: #c3aa30; text-align: center; font-size: 20px; color: #fff; } #gallery { padding-top: 40px; } @media screen and (min-width: 991px) { #gallery { /*padding: 60px 30px 0 30px;*/ padding: 10px 30px 30px 30px; } } .img-wrapper { position: relative; margin-top: 15px; } .img-wrapper img { width: 100%; } .img-overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: flex; justify-content: center; align-items: center; opacity: 0; } .img-overlay i { color: #fff; font-size: 3em; } #overlay { background: rgba(0, 0, 0, 0.7); width: 100%; height: 100%; position: fixed; top: 0; left: 0; display: flex; justify-content: center; align-items: center; z-index: 999; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #overlay img { margin: 0; width: 80%; height: auto; -o-object-fit: contain; object-fit: contain; padding: 5%; } @media screen and (min-width: 768px) { #overlay img { width: 60%; } } @media screen and (max-width: 767px) { .book { position: fixed; bottom: 90px; left: 5px; z-index: 999; width: 25%; } } @media screen and (min-width: 1200px) { #overlay img { width: 50%; } } #nextButton { color: #fff; font-size: 2em; transition: opacity 0.8s; } #nextButton:hover { opacity: 0.7; } @media screen and (min-width: 768px) { #nextButton { font-size: 3em; } } #prevButton { color: #fff; font-size: 2em; transition: opacity 0.8s; } #prevButton:hover { opacity: 0.7; } @media screen and (min-width: 768px) { #prevButton { font-size: 3em; } } #exitButton { color: #fff; font-size: 2em; transition: opacity 0.8s; position: absolute; /* top: 15px;*/ top: 70px; right: 15px; } #exitButton:hover { opacity: 0.7; } @media screen and (min-width: 768px) { #exitButton { font-size: 3em; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.03 |
proxy
|
phpinfo
|
Settings