Skip to content

Instantly share code, notes, and snippets.

@dasbairagya

dasbairagya/functions.php

Last active June 11, 2018 09:28
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save dasbairagya/952ab868ceb333c87aedfd7723256f25 to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save dasbairagya/952ab868ceb333c87aedfd7723256f25 to your computer and use it in GitHub Desktop.
Download ZIP
Wordpress tab base profile page
Raw
functions.php
<?php
// ajax remove attachement
add_action( 'wp_ajax_delete_attachment', 'delete_attachment' );
function delete_attachment( $post ) {
$attached_id = $_POST['att_ID'];
$user_id = get_current_user_id();
$certificates = get_user_meta( $user_id,'certificates', false);
$index_value = array_search($attached_id, $certificates[0]);
$msg = 'Attachment has been deleted successfully!';
if( wp_delete_attachment( $_POST['att_ID'], true )) {
unset($certificates[0][$index_value]);
update_user_meta( $user_id, 'certificates', $certificates[0] );
echo $msg;
}
die();
}
Raw
profile-responsive.css
/* mainmenu responsive styles */
@media (max-width: 1100px) {
.nav-holder {
width: 90%;
position: absolute;
}
.nav-holder .nav-header {
display: block;
padding-left: 0;
padding-right: 0;
padding-top: 25px;
}
.nav-holder .nav-footer {
display: none;
/*height: 250px;*/
overflow: hidden;
overflow-y: visible;
position: relative;
z-index: 9999;
}
.nav-holder > .nav-footer ul > li {
float: none;
padding: 0 !important;
padding-bottom: 0;
display: block !important;
}
.nav-holder .nav-footer ul.nav > li > a {
padding: 15px 26px;
font-size: 1.1em;
border-right: 1px dashed transparent;
}
.nav-holder > .nav-footer {
position: absolute;
top: 133%;
width: 100%;
background: #224563;
left: 0;
}
.nav-holder > .nav-footer ul > li > .submenu {
position: relative !important;
opacity: 1 !important;
visibility: visible !important;
top: auto !important;
left: auto !important;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
width: 100%;
display: none;
transition: none !important;
}
.nav-holder > .nav-footer ul > li > ul.submenu ,
.nav-holder > .nav-footer ul > li > ul.submenu > li > .submenu {
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
display: none;
transition: none;
padding-right: 00px;
width: 100% !important;
}
.nav-footer ul.nav {
padding-bottom: 5px;
}
.nav-footer ul.nav > li > a {
border-bottom: 1px solid #345775 !important;
color: #242424;
display: block;
font-family: "Roboto Slab",sans-serif;
font-size: 15px;
font-weight: bold;
line-height: 29px;
padding: 10px 25px;
text-transform: uppercase;
}
.nav-holder > .nav-footer ul.nav > li:hover > a {
background: #1FB5C7;
color: #fff !important;
}
.nav-footer ul.nav li.has-submenu > a {
position: relative;
}
.nav-footer ul.nav li.has-submenu > a > button {
display: block;
position: absolute;
top: 9px;
right: 15px;
background: #7fa409 none repeat;
border: 1px solid #c4cab3;
border-radius: 5px;
color: #fff;
font-size: 16px;
height: 30px;
outline: medium none;
width: 30px;
padding: 0;
text-align: center;
line-height: 15px;
}
.nav-footer ul.nav li.has-submenu > a > button {
display: block;
position: absolute;
top: 6px;
right: 15px;
background:transparent;
border: 1px solid transparent;
border-radius: 5px;
color: #fff;
font-size: 13px;
height: 30px;
outline: medium none;
width: 30px;
padding: 0;
text-align: center;
line-height: 15px;
}
/* */
.main-menu-wrapper-two .nav-holder {
width: 90%;
position: absolute;
}
.main-menu-wrapper-two .nav-holder .nav-header {
display: block;
padding-left: 0;
padding-right: 0;
padding-top: 25px;
}
.main-menu-wrapper-two .nav-holder .nav-footer {
display: none;
/*height: 250px;*/
overflow: hidden;
overflow-y: visible;
position: relative;
z-index: 9999;
}
.main-menu-wrapper-two .nav-holder > .nav-footer ul > li {
float: none;
padding: 0 !important;
padding-bottom: 0;
display: block !important;
}
.main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li > a {
padding: 15px 26px;
font-size: 1.1em;
border-right: 1px dashed transparent;
}
.main-menu-wrapper-two .nav-holder > .nav-footer {
position: absolute;
top: 133%;
width: 70vw;
background: #224563;
left: 0;
}
.main-menu-wrapper-two .nav-holder > .nav-footer ul > li > .submenu {
position: relative !important;
opacity: 1 !important;
visibility: visible !important;
top: auto !important;
left: auto !important;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
width: 100%;
display: none;
transition: none !important;
}
.main-menu-wrapper-two .nav-holder > .nav-footer ul > li > ul.submenu ,
.main-menu-wrapper-two .nav-holder > .nav-footer ul > li > ul.submenu > li > .submenu {
padding-top: 0px;
padding-left: 0px;
padding-bottom: 0px;
display: none;
transition: none;
padding-right: 00px;
width: 100% !important;
}
.main-menu-wrapper-two .nav-footer ul.nav {
padding-bottom: 5px;
}
.main-menu-wrapper-two .nav-footer ul.nav > li > a {
border-bottom: 1px solid #345775 !important;
color: #242424;
display: block;
font-family: "Roboto Slab",sans-serif;
font-size: 15px;
font-weight: bold;
line-height: 29px;
padding: 10px 25px;
text-transform: uppercase;
}
.main-menu-wrapper-two .nav-holder > .nav-footer ul.nav > li:hover > a {
background: #1FB5C7;
color: #fff !important;
}
.main-menu-wrapper-two .nav-footer ul.nav li.has-submenu > a {
position: relative;
}
.main-menu-wrapper-two .nav-footer ul.nav li.has-submenu > a > button {
display: block;
position: absolute;
top: 9px;
right: 15px;
background: #7fa409 none repeat;
border: 1px solid #c4cab3;
border-radius: 5px;
color: #fff;
font-size: 16px;
height: 30px;
outline: medium none;
width: 30px;
padding: 0;
text-align: center;
line-height: 15px;
}
.main-menu-wrapper-two .nav-footer ul.nav li.has-submenu > a > button {
display: block;
position: absolute;
top: 6px;
right: 15px;
background:transparent;
border: 1px solid transparent;
border-radius: 5px;
color: #fff;
font-size: 13px;
height: 30px;
outline: medium none;
width: 30px;
padding: 0;
text-align: center;
line-height: 15px;
}
}
@media (max-width: 1024px) {
.ser-in-box{
width: 25%;
}
.chk-button{
width: 100%;
text-align: center;
margin-top: 15px;
}
.search-sec .overlay .border{
padding: 1em;
}
.search-sec .res-btn{
padding: 6px 15px;
}
.fluid-know-area .service-promo .know-bot ul li{
padding: 0 1em;
}
.spa-offer .img_holder .room-ad-cont p{
display: none;
}
.spa-offer .img_holder .room-ad-cont h2{
font-size: 2em;
}
.spa-offer .img_holder .room-ad-cont{
padding: 0.5em;
width: 13vw;
}
.spa-offer .img_holder .room-ad-cont h3{
font-size: 1.2em;
}
.subscribe-wrp{
padding: 1.8em 1em 0 0;
}
.hidden-bar .hidden-bar-closer{
left: -10px;
}
.hidden-bar-two .hidden-bar-closer{
left: inherit;
}
.room-wrapper .media-left .img-holder{
position: relative;
}
.room-wrapper .media-left .img-holder img{
}
.room-wrapper .media-right{
width: 18%;
}
.room-t-wrapper .img-holder img{
width: 100%;
}
.room-t-wrapper .content{
right: 0;
}
.resort-r-value{
margin-left: 0;
}
.our-resort-value .img-l-box{
width: 50%;
margin-right: 0;
}
.our-resort-value .img-l-box img, .our-resort-value .img-r-box img{
max-width: 95%;
}
.our-resort-value .img-r-box{
width: 50%;
}
.about-info-box ul li{
margin-bottom: 1em;
}
.header-breadcrumb{
padding: 175px 0px 125px;
}
.home-slider2 .carousel-caption h2{
font-size: 2.3em;
}
.search-sec-homet{
}
.offer-right .offer-img-box1{
margin-right: 0.5em;
width: 48%;
}
.offer-right .offer-img-box2 {
width: 50%;
}
.offer-right .offer-img-box2 .box1{
margin-bottom: 0.5em;
}
.offer-right .offer-img-box2 .box2 .img_holder .overlay {
width: 58%;
padding: 1em;
}
.home-two-msgwrapper{
padding-left: 15px;
padding-top: 40px;
}
.get-touch-wrapper .touch-img{
margin-right: 1em;
}
.nav-header-right .navbar-toggle{
display: none;
}
.main-menu-wrapper-two .nav-header-right .navbar-toggle {
display: none;
}
.wel-box .overlay .icon_position_table .icon_container h2{
font-size: 1.33em;
}
.wel-box .overlay .icon_position_table .icon_container p{
font-size: 1em;
}
.family-content{
padding-left: 1em;
}
.family-img ul li:nth-child(5){
display: none;
}
.bicycleing-img ul li:nth-child(3){
display: none;
}
.pull-right .single-sidebar-widget{
padding-left: 0;
}
.single-sidebar-widget .popular-post li{
float: left;
width: 47%;
margin-right: 3%;
}
.single-room-wrapper .room-slider-wrapper .single-r-wrapper .button.secondary img{
margin-right: 7.2px;
float: left;
width: 19%;
}
.main-menu-wrapper-two .nav-header-right > ul > li > button{
padding-right: 0;
}
.main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li > a{
color: #fff;
}
.aminities-outer ul li{
width: 48%;
margin-right: 1%;
margin-left: 1%;
margin-bottom: 2%;
}
.aminities-outer ul li:nth-child(2){
margin-right: 0;
}
.aminities-outer ul li:nth-child(3){
margin-left: 0;
}
}
@media (max-width: 980px) {
}
@media (max-width: 768px) {
.search-sec{
width: 100%;
position: relative;
margin: 0;
}
.ser-in-box{
width: 25%;
}
.chk-button{
width: 100%;
text-align: center;
margin: 0.5em 0 0;
}
.our-res .left-pad{
margin: 0;
}
.fluid-know-area .service-promo .promo-content{
padding: 2em 0 0px 0em;
}
.common-pad{
/*
padding-top: 3em;
padding-bottom: 3em;
*/
}
.space-pad{
margin: 1em 0 0;
}
.wel-ad-inner .wel-text{
padding-left: 0.8em;
}
.subscribe-wrp button{
padding: 0.6em 1em;
}
.res-btn i{
margin-left: 7px;
}
.promo-outer{
padding-top: 2em;
position: relative;
}
.widget-links{
padding-bottom: 2em;
}
.wel-box-outer ul li{
width:92%;
margin: 0 4%;
}
.wel-box .icon-box{
width: 100%;
text-align: center;
}
.wel-box .icon-box img{
width: auto;
display: inline-block;
}
.room-wrapper .media-left,.room-wrapper .media-right,.room-wrapper .media-body{
display: block;
}
.room-wrapper .media-left{
padding-right: 0;
}
.room-wrapper .media-left .img-holder img{
width: 100%;
max-width: 100%;
display:block;
height: 25em;
}
.room-wrapper .media-right{
width: 100%;
display: inline-block;
float: left;
text-align: left;
padding-bottom: 35px;
}
.room-wrapper .media-right p{
padding-left: 0;
padding-top: 0.5em;
margin: 0;
}
.room-wrapper .media-right a{
margin-right: 0;
margin-top: 3em;
}
.room-wrapper .media-body{
padding-left: 0;
padding-right: 0;
width: 100%;
padding-top: 40px;
padding-bottom: 40px;
}
.room-t-wrapper .content {
right: 15px;
overflow: hidden;
margin-left: 27px;
top:0;
}
.wel-band .top-right, .wel-band .top-left{
text-align: center;
}
.home-slider2 .carousel-caption {
top: 0;
width: 100%;
left: 0;
right: 0;
}
.search-sec-homet{
/* background:rgba(13, 26, 65, 0.3) ;*/
width: 100%;
}
.search-sec-homet .overlay .border{
border: 1px solid rgba(13, 26, 65, 0.3);
}
.rest-fact-counter .text-box h4{
font-size: 1.8em;
}
.get-touch-wrapper .touch-img{
width: 25%;
}
.wel-box-outer ul li{
margin: 0.2em 0;
}
.nav-holder .nav-header{
padding-right: 15px;
}
.main-menu-wrapper-two .nav-holder .nav-header{
padding-right: 15px;
}
.sec-header-pad{
padding-top: 2em;
}
.offer-right .offer-img-box2 .box2 .img_holder .overlay p,.offer-right .offer-img-box2 .box1 .img_holder .overlay .offertext1 .winter-txt{
display: none;
}
.our-resort-value .img-l-box img, .our-resort-value .img-r-box img{
max-width: 100%;
}
.our-resort-value .img-l-box{
width: 41%;
}
.family-content h2, .m-traking .maount-content h2{
/* padding-top: 1em;*/
}
.book-right{
padding-left: 0;
}
.table-form{
padding-left: 0;
padding-right: 0;
}
.pull-right .single-sidebar-widget, .contact-info{
padding-left: 0;
}
.room-l-wrapper .content{
left: auto;
}
}
@media (max-width: 767px) {
.fo-txt {
width: 100%;
display: block;
text-align: center;
}
.search-sec{
width: calc(100% + 30px);
margin: 0 -15px;
}
}
@media (max-width: 650px) {
.search-sec{
position: relative;
margin-top:0;
}
.ser-in-box{
width: 100%;
}
.chk-button{
width: 100%;
}
.search-sec .form-control[readonly],.search-sec .dropdownselect{
width: 100%;margin-bottom: 0.5em;
}
.spa-offer{
display: none;
}
.promo-wrapper .promo-imgslider .promo-content{
position: relative;
}
.promo-wrapper .promo-imgslider .promo-content h2{
font-size: 1.8em;
}
.promo-wrapper .promo-imgslider .promo-content a{
color: #fff;
border: 1px solid #707d93;
background: #1a1a1c;
}
.promo-wrapper .testimonial-box .bx-wrapper .bx-pager{
top:5%;
}
.event-pad{
max-width: 380px; margin: 0 auto;
}
.news-evn-cont{
margin: 0 0 2em;
}
.wel-ads-wrapper{
display: none;
}
.hidden-md{
display: none;
}
.about-info-box ul li::before{
background-position: left 10px;
height: 35px;
}
.about-info-box ul li span{
line-height: 2em;
}
.room-wrapper .media-left .img-holder img{
height: auto;
}
.common-pad-inner{
padding-top: 2em;
padding-bottom: 1.4em;
}
.rest-fact-counter{
padding: 2.4em 0;
}
.wel-outer-homtwo ul li{
float: left;
}
.activities-cont a{
margin-bottom: 2em;
}
.offer-img-box1, .offer-img-box2{
display: none;
}
.home-two-msgwrapper {
}
.ser-in-box .select-menu + .ui-selectmenu-button{
width: 100% !important;
}
.nav-holder{
width: 89%;
}
.main-menu-wrapper .col-xs-12{
position: absolute;
right: 0;
}
.nav-holder > .nav-footer{
width: 94vw;
}
.main-menu-wrapper .col-xs-6{
z-index: 1;
}
.main-menu-wrapper-two .nav-holder > .nav-footer{
width: 92vw;
}
.event-wrapper{
padding-left: 1em;
}
.single-room-wrapper .room-slider-wrapper{
display: none;
}
.activities-outer{
display: block;
overflow: hidden;
}
.activities-outer img{
margin-top: 0.5em;
}
.activities-content{
padding-bottom: 1em;
}
.contact-info{
padding-top: 50px;
}
.our-spec-outer{
width: 270px;
margin: 0 auto;
}
.offer-deal .img-holder .overlay{
right: 12%;
}
.offer-content{
}
.offer-content h2{
padding-top:1em;
}
.wel-box-outer ul li {
width: 100%;
margin: 0 0 0.5em;
}
.nav-holder .nav-header{
padding-top: 18px;
}
.nav-header-right{
margin-top: 1.7em;
}
.main-menu-wrapper-two .nav-holder .nav-header {
padding-top: 17px;
padding-right: 18px;
}
.main-menu-wrapper-two .nav-header-right{
margin-top: 1.8em;
}
.main-menu-wrapper-two .nav-header-right > ul > li > ul{
top:130%;
}
.main-menu-wrapper-two .col-xs-12{
position: absolute;
right: 0;
}
.main-menu-wrapper-two .col-xs-6{
z-index: 1;
}
}
@media (max-width: 414px) {
}
@media (max-width: 480px) {
.home-slider .carousel-caption{
position: relative;
color: #0e1322;
}
.home-slider .carousel-caption:before {
background: rgba(0,0,0,0.3);
width: 5%;
}
.header-inner .logo img{
width: 180px;
}
.header-inner .logo{
margin: 1em 0;
}
.header-inner .nav-header{
margin: 1.6em 0;
}
.wel-pad{
padding-top: 3em;
padding-bottom: 3em;
}
.fluid-know-area .service-promo .know-bot ul li .about-img{
width:30%;
margin: 0 0.9em 0 0;
}
.fluid-know-area .service-promo .know-bot ul li .about-cont p{
font-size: 1em;
}
.fluid-know-area .service-promo .know-bot ul li:last-child{
padding-left: 0;
}
.fluid-know-area .service-promo .know-bot ul li{
margin-bottom: 1em;
}
.our-res .tab-title-box ul li a{
font-size: 0.9em;
}
.our-res .tab-title-box ul li{
width: 33%;
}
.promo-wrapper .bx-wrapper .bx-pager .bx-pager-item, .promo-wrapper .bx-wrapper .bx-controls-auto .bx-controls-auto-item{
display: none;
}
.promo-i-imgslider img{
height: 22vh;
}
.about-us-widget, .widget-links{
margin-bottom: 2em;
}
.resort-r-value{
margin-left: 0;
}
.testimonials-wrapper .owl-theme .owl-dots .owl-dot{
}
.room-t-wrapper .content{
padding: 18px;
}
.nav-holder .nav-header{
padding-right: 35px;
}
.promo-wrapper .bx-wrapper .bx-pager .bx-pager-item, .promo-wrapper .bx-wrapper .bx-controls-auto .bx-controls-auto-item{
display: block;
}
.promo-wrapper .promo-outer .bx-wrapper .bx-pager{
right: 12px;
}
.aminities-outer ul li:first-child {
margin-left: 0;
}
.aminities-outer ul li {
width: 100%;
margin-right: 0;
margin-left: 0;
margin-bottom: 1%;
}
.our-menu-tab .nav-tabs > li > a{
padding: 0.9em 0.7em;
}
.tab-inner-cont .media .media-right{
padding-left: 0;
}
.offer-deal .img-holder .overlay{
right: 5%;
}
.single-sidebar-widget .popular-post li{
width: 100%;
margin-right: 0;
}
.single-blog-post .meta-info .content-box .post-links li{
float: left;
width: 100%;
margin-bottom: 0.5em;
overflow: hidden;
}
.single-blog-post .meta-info{
overflow: hidden;
}
.main-menu-wrapper-two .nav-holder .nav-header {
padding-right: 40px;
}
.home-slider2 .carousel-caption{
position: relative;
color: #0e1322;
text-shadow: 0 1px 2px rgba(0,0,0,0.2);
}
.home-slider2 .carousel-caption h2 {
color: #0e1322;
}
.home-slider2 .carousel-caption a{
border: 1px solid #0e1322;
color: #0e1322;
}
.roomsuite-slider-two .owl-nav{
top:-40px;
}
}
/* modal responsive styles */
@media (min-width: 768px) {
.modal-dialog {
width: 900px;
margin: 30px auto;
}
}
Raw
profile-style.css
/***************************************************************************************************************
|||||||||||||||||||||||||||| MASTER STYLESHEET FOR RESORT ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
|||||||||||||||||||||||||||| TABLE OF CONTENT ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************
****************************************************************************************************************
1 Imported styles
2 Global styles
3 header top styles
4 header top right section
5 Home two main menu
6 Stricky header Styles
7 hidden bar Styles
8 banner styles
9 Search styles
10 Welcome to Lake Resort styles
11 Rooms And Suits styles
12 Know About Us styles
13 Our Resort Values styles
14 satisfied with the Resort styles
15 Testimonials styles
16 News and Events styles
17 Green Band ads style
18 footer style
19 Top right search field Styles
20 Top right Search results Styles
21 Inner page - about us
22 accrodion - about us
23 Take a tour video - about us
24 Room1 style
25 Room2 style
26 News page styles
27 News Details Comments
28 gallery filter Styles
29 image-gallery Styles
30 pop up single gallery item Styles
31 Booking Styles
32 Single room Styles
33 Home Two Styles
34 Home Two main menu Styles
35 Home Two banner Styles
36 Search Home Two Styles
37 Counter Home Two Styles
38 Activities of Resort Home Two Styles
39 Our Offers Home Two Styles
40 Our Gallery Home Two Styles
41 Testimonials & Our Events Home Two Styles
42 Get in Touch & Drop a Message Home Two Styles
43 Rooms And Suits Home Two Styles
44 Rooms Amenities Styles
45 Resort Activities Styles
46 Offers & Deals Styles
47 Family Fun Styles
48 hidden-bar Home Two Styles
49 tracking styles
50 our Restaurant Styles
****************************************************************************************************************
|||||||||||||||||||||||||||| End TABLE OF CONTENT ||||||||||||||||||||||||||||||||||||
****************************************************************************************************************/
/* ==============================
1 Imported styles
============================== */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,800,700,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
@import url(https://fonts.googleapis.com/css?family=Playball&amp;subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400italic,400);
@import url("jquery.mCustomScrollbar.min.css");
@import url("zebra-datepicker/default.css");
/*change css file name to change date picker style */
@import url("jquery.bxslider.css");
@import url("strock-icon.css");
@import url("jquery.fancybox.css");
/* ==============================
2 Global styles
============================== */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700,700italic,800,800italic);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,200,300,500,600,800,700,900);
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
@import url(https://fonts.googleapis.com/css?family=Playball&amp;subset=latin,latin-ext);
@import url(https://fonts.googleapis.com/css?family=PT+Serif:400italic,400);
@import 'https://fonts.googleapis.com/css?family=Alegreya:400,400i,700,700i,900,900i';
@import url("jquery.mCustomScrollbar.min.css");
@import url("animate.min.css");
@import url("zebra-datepicker/default.css");
@import url("jquery.bxslider.css");
@import url("strock-icon.css");
@import url("jquery.fancybox.css");
ul, li {
margin: 0;
padding: 0;
list-style: none;
}
a, .btn, button {
text-decoration: none;
outline: none;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus {
text-decoration: none;
outline: none;
}
section.row, header.row, footer.row {
position: relative;
}
body {
font-family: "Open Sans", sans-serif;
height: 100%;
overflow-x: hidden;
letter-spacing: 0.2px;
color: #aaa;
}
html {
font-size: 100%;
}
.res-btn {
border: none;
outline: none;
background: #1a1a1c;
font-size: 14px;
line-height: 28px;
color: #fff;
text-transform: uppercase;
font-family: "Open Sans", sans-serif;
font-weight: 600;
display: inline-block;
border-radius: 3px;
transition: all 0.5s ease;
padding: 10px 25px;
}
.res-btn:hover {
background: #ffb606;
color: #fff;
}
.transition3s {
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.transition4s {
-webkit-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.transition5s {
-webkit-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.transition-ease {
-webkit-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.m0 {
margin: 0;
}
.anim-3,
.anim-3-all * {
transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
.anim-5,
.anim-5-all * {
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.anim-7,
.anim-7-all * {
transition: all 0.7s ease;
-moz-transition: all 0.7s ease;
-webkit-transition: all 0.7s ease;
-ms-transition: all 0.7s ease;
-o-transition: all 0.7s ease;
}
/* ==============================
3. header top and main menu styles
============================== */
header {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.main-menu-wrapper {
z-index: 2;
position: absolute;
width: 100%;
top: 0;
left: 0;
}
.logo {
float: left;
margin-top: 1.6em;
margin-bottom: 1.3em;
}
.nav-holder {
position: relative;
}
.nav-holder .nav-header {
display: none;
padding: 12px 20px;
}
.nav-holder .nav-header button {
width: 40px;
height: 40px;
background: transparent;
border: none;
outline: none;
color: #fff;
font-size: 25px;
border-radius: 5px;
}
.nav-holder .nav-footer {
display: block;
}
.nav-holder .nav-footer ul.nav > li {
display: inline-block;
padding: 2.43em 0;
position: relative;
}
.nav-holder .nav-footer ul.nav > li:hover a,
.nav-holder .nav-footer ul.nav > li.active a {
color: #fab90a;
background-color: transparent;
}
.nav-holder .nav-footer ul.nav > li:last-child > a {
border: none;
padding-right: 0;
}
.nav-holder .nav-footer ul.nav > li > a {
padding: 0 1em;
display: block;
color: #fff;
text-transform: uppercase;
-webkit-transition: all .3s ease;
transition: all .3s ease;
font: 600 1.0715em/1.5em "Raleway", sans-serif;
text-align: left;
}
.nav-holder .nav-footer ul.nav > li > ul.submenu {
top: 100%;
left: 0;
}
.nav-holder .nav-footer ul.nav > li > ul.submenu.align-right {
right: 0;
left: auto;
}
.nav-holder .nav-footer ul.nav > li:hover > ul.submenu {
visibility: visible;
opacity: 1;
}
.nav-holder .nav-footer ul.nav > li > ul.submenu > li > ul.submenu {
top: 0;
left: 100%;
}
.nav-holder .nav-footer ul.nav > li > ul.submenu > li > ul.submenu.align-right {
right: 100%;
left: auto;
}
.nav-holder .nav-footer ul.nav > li > ul.submenu > li:hover > ul.submenu {
visibility: visible;
opacity: 1;
}
.nav-holder .nav-footer ul.nav > li ul.submenu {
position: absolute;
width: 275px;
opacity: 0;
visibility: hidden;
z-index: 99999;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.nav-holder .nav-footer ul.nav > li ul.submenu li {
display: block;
padding: 0;
background: #0d1a41;
}
.nav-holder .nav-footer ul.nav > li ul.submenu li:last-child a {
border-bottom: 0;
}
.nav-holder .nav-footer ul.nav > li ul.submenu li:last-child a:after {
display: none;
}
.nav-holder .nav-footer ul.nav > li ul.submenu li:hover > a {
color: #fff;
background: #85ab00;
}
.nav-holder .nav-footer ul.nav > li ul.submenu li a {
color: #fff;
font: 600 1.0712em/1em 'Open Sans', sans-serif;
padding: 13px 25px 14px;
border-bottom: 1px solid #565f7a;
position: relative;
display: block;
font-weight: 500;
-webkit-transition: all .3s ease;
transition: all .3s ease;
text-transform: uppercase;
text-align: left;
}
.nav-footer ul.nav li.has-submenu > a > button {
display: none;
}
/* ==============================
4. header top right section
============================== */
.nav-header-right {
margin-top: 2.3em;
float: right;
margin-left: 1.7em;
}
.nav-header-right > ul > li {
display: inline-block;
padding: 0 0;
float: left;
}
.nav-header-right > ul > li > button {
padding: 0;
border: none;
outline: none;
color: #FFFFFF;
font-size: 18px;
display: inline-block;
background-color: transparent;
padding-left: 1.5em;
transition: all .3s ease;
}
.nav-header-right > ul > li > button:last-child {
padding: 0;
}
.nav-header-right .navbar-toggle {
margin-bottom: 0;
margin-right: 0;
margin-top: 0;
}
.nav-header-right > ul > li > button i {
font-size: 19px;
}
.nav-header-right > ul > li > button .icon-Search {
font-size: 15px;
}
.nav-header-right > ul > li > ul.search-box {
background: #0d1a41;
padding: 25px 25px;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.nav-header-right > ul > li > ul.search-box form {
height: 45px;
background: #fff;
}
.nav-header-right > ul > li > ul.search-box form input {
width: calc(100% - 52px);
height: 100%;
border: none;
outline: none;
color: #000;
background-color: transparent;
line-height: 14px;
padding-left: 15px;
}
.nav-header-right > ul > li > ul.search-box form button {
width: 40px;
height: 100%;
line-height: 45px;
color: #000;
font-size: 15px;
background-color: transparent;
border: none;
outline: none;
}
.nav-header-right > ul > li > ul {
position: absolute;
top: 101%;
right: 0;
width: 350px;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.nav-header-right > ul > li:hover > button {
color: #F0683E;
}
.nav-header-right > ul > li:hover > ul {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
}
/* ==============================
5.Home two main menu
============================== */
.main-menu-wrapper-two {
position: relative;
}
.main-menu-wrapper-two .nav-holder {
position: relative;
}
.main-menu-wrapper-two .nav-holder .nav-header {
display: none;
padding: 12px 20px;
}
.main-menu-wrapper-two .nav-holder .nav-header button {
width: 40px;
height: 40px;
background: #fff;
border: none;
outline: none;
color: #19242a;
font-size: 25px;
border-radius: 5px;
}
.main-menu-wrapper-two .nav-holder .nav-footer {
display: block;
}
.main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li {
display: inline-block;
padding: 2.43em 0;
position: relative;
}
.main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li:hover a,
.main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li.active a {
color: #fab90a;
background-color: transparent;
}
.main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li:last-child > a {
border: none;
padding-right: 0;
}
.main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li > a {
padding: 0 1em;
display: block;
color: #666;
text-transform: uppercase;
-webkit-transition: all .3s ease;
transition: all .3s ease;
font: 600 1.0715em/1.5em "Raleway", sans-serif;
}
.main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li > ul.submenu {
top: 115%;
left: 0;
}
.main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li > ul.submenu.align-right {
right: 0;
left: auto;
}
.main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li:hover > ul.submenu {
visibility: visible;
opacity: 1;
}
.main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li > ul.submenu > li > ul.submenu {
top: 0;
left: 100%;
}
.main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li > ul.submenu > li > ul.submenu.align-right {
right: 100%;
left: auto;
}
.main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li > ul.submenu > li:hover > ul.submenu {
visibility: visible;
opacity: 1;
}
.main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li ul.submenu {
position: absolute;
width: 275px;
opacity: 0;
visibility: hidden;
z-index: 99999;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li ul.submenu:before {
content: '';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #fff;
position: absolute;
top: 0px;
left: 40px;
}
.main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li > ul.submenu:before {
top: -9px;
}
.main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li ul.submenu li {
display: block;
padding: 0;
background: #fff;
position: relative;
}
.main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li ul.submenu li:last-child a {
border-bottom: 0;
}
.main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li ul.submenu li:last-child a:after {
display: none;
}
.main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li ul.submenu li:hover > a {
color: #85ab00;
background: #fff;
}
.main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li ul.submenu li a {
color: #5b5b5b;
font: 600 1.0712em/1em 'Open Sans', sans-serif;
padding: 13px 30px 14px;
border-bottom: 1px solid #ebebeb;
position: relative;
display: block;
font-weight: 500;
-webkit-transition: all .3s ease;
transition: all .3s ease;
text-transform: uppercase;
text-align: left;
}
.main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li ul.submenu li:before {
content: '\f105';
font-family: 'FontAwesome';
color: #7c7c7c;
position: absolute;
left: 15px;
top: 10px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li ul.submenu li:hover:before {
color: #85ab00;
z-index: 1;
}
.main-menu-wrapper-two .nav-footer ul.nav li.has-submenu > a > button {
display: none;
}
/* Home two top right */
.main-menu-wrapper-two .nav-header-right {
margin-top: 2.3em;
float: right;
margin-left: 1.7em;
}
.main-menu-wrapper-two .nav-header-right > ul > li {
display: inline-block;
padding: 0 0;
float: left;
}
.main-menu-wrapper-two .nav-header-right > ul > li:first-child {
border-left: 1px solid #a6a6a6;
}
.main-menu-wrapper-two .nav-header-right > ul > li > button {
padding: 0;
border: none;
outline: none;
color: #393939;
font-size: 18px;
display: inline-block;
background-color: transparent;
padding-right: 1.1em;
padding-left: 1.1em;
transition: all .3s ease;
}
.main-menu-wrapper-two .nav-header-right > ul > li > button:last-child {
padding: 0;
}
.main-menu-wrapper-two .nav-header-right .navbar-toggle {
margin-bottom: 0;
margin-right: 0;
margin-top: 0;
}
.main-menu-wrapper-two .nav-header-right > ul > li > button i {
font-size: 19px;
}
.main-menu-wrapper-two .nav-header-right > ul > li > button .icon-Search {
font-size: 15px;
}
.main-menu-wrapper-two .nav-header-right > ul > li > ul.search-box {
background: #0d1a41;
padding: 25px 25px;
border: 1px solid rgba(255, 255, 255, 0.2);
}
.main-menu-wrapper-two .nav-header-right > ul > li > ul.search-box form {
height: 45px;
background: #fff;
}
.main-menu-wrapper-two .nav-header-right > ul > li > ul.search-box form input {
width: calc(100% - 52px);
height: 100%;
border: none;
outline: none;
color: #000;
background-color: transparent;
line-height: 14px;
padding-left: 15px;
}
.main-menu-wrapper-two .nav-header-right > ul > li > ul.search-box form button {
width: 40px;
height: 100%;
line-height: 45px;
color: #000;
font-size: 15px;
background-color: transparent;
border: none;
outline: none;
}
.main-menu-wrapper-two .nav-header-right > ul > li > ul {
position: absolute;
top: 101%;
right: 0;
width: 350px;
visibility: hidden;
opacity: 0;
filter: alpha(opacity=0);
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.main-menu-wrapper-two .nav-header-right > ul > li:hover > button {
color: #F0683E;
}
.main-menu-wrapper-two .nav-header-right > ul > li:hover > ul {
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
z-index: 12;
}
/* ==============================
6. Stricky header Styles
============================== */
.main-menu-wrapper.stricky-fixed {
position: fixed;
top: 0px;
left: 0;
width: 100%;
z-index: 99;
background: rgba(232, 162, 12, 0.8);
background: rgba(42, 42, 42, 0.8);
background: #1e1e1e;
}
.main-menu-wrapper-two.stricky-fixed {
position: fixed;
top: 0px;
left: 0;
width: 100%;
z-index: 99;
background: rgba(232, 162, 12, 0.8);
background: rgba(42, 42, 42, 0.8);
background: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.stricky-fixed .logo img {
width: 180px;
}
/* ==============================
7. hidden bar Styles
============================== */
.hidden-bar {
position: fixed;
top: 0;
right: -150%;
width: 445px;
height: 100%;
background: #1e1e1e;
z-index: 9999;
}
.hidden-bar .hidden-bar-closer {
width: 40px;
height: 40px;
position: absolute;
top: 0;
left: -20px;
background: #1f4d84;
color: #fff;
border-radius: 50%;
text-align: center;
line-height: 38px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
z-index: 999999;
}
.hidden-bar .hidden-bar-closer:hover {
background: #fff;
}
.hidden-bar .hidden-bar-closer:hover .btn {
color: #E8A20C;
}
.hidden-bar .hidden-bar-closer .btn {
background-color: transparent;
border: none;
outline: none;
font-size: 17px;
}
.hidden-bar-wrapper {
height: 100%;
}
.hidden-bar .logo {
padding: 2.32em 2.5em 0;
float: none;
}
.hidden-bar .main-menu {
background-color: transparent;
padding: 0;
}
.hidden-bar .main-menu ul li ul a {
background: #161616;
}
.hidden-bar .main-menu ul li ul li ul li a {
background: #1C1C1C;
}
.hidden-bar .main-menu .current a {
color: #E8A20C;
}
.hidden-bar .main-menu ul li {
position: relative;
}
.hidden-bar .main-menu ul li a:before {
position: absolute;
top: -2px;
left: -2px;
width: 5px;
background: transparent;
content: '';
transition: all .3s ease;
height: 106%;
}
.hidden-bar .main-menu ul li a:hover:before {
background: #e6ab0c;
color: #E8A20C;
}
.hidden-bar .main-menu ul li a {
background: #212121;
color: #fff;
display: block;
font-weight: 600;
text-transform: uppercase;
border-top: 1px solid #2B2B2B;
border-bottom: 1px solid #2B2B2B;
padding: 13px 30px;
position: relative;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.hidden-bar .main-menu ul li a:hover {
background: #1C1C1C;
color: #E8A20C;
}
.hidden-bar .main-menu ul li a .btn.expander {
background: #212121;
color: #fff;
border: 1px solid #212121;
padding: 3px 10px;
font-size: 10px;
border-radius: 7px;
position: absolute;
top: 10px;
right: 35px;
outline: none;
}
/* ==============================
8. Banner styles
============================== */
.home-slider .carousel-inner > .item > img {
width: 100vw;
margin: 0 auto;
}
.home-slider .carousel-caption:before {
content: "";
width: 30%;
height: 1px;
display: inline-block;
background: rgba(255, 255, 255, 0.4);
}
.home-slider .carousel-caption {
left: 0;
text-align: left;
text-transform: uppercase;
top: 40%;
letter-spacing: 6px;
text-shadow: none;
z-index: 1;
font-size: 1.15em;
font-weight: 400;
}
/* ==============================
9. Search styles
============================== */
.search-sec {
background: #0d1a41;
position: absolute;
z-index: 1;
margin-top: -3em;
width: 97.5%;
}
.search-wrapper .container {
position: relative;
}
.search-sec .overlay {
padding: 10px;
overflow: hidden;
}
.search-sec .overlay .border {
border: 1px solid rgba(255, 255, 255, 0.3);
overflow: hidden;
padding: 2.3em 2.5em;
}
.ser-in-box {
width: 20%;
float: left;
position: relative;
}
.search-sec .res-btn {
background: #85ab00;
padding: 6px 25px;
margin: 0 0 0 1em;
letter-spacing: 0.6px;
}
.search-sec .res-btn:hover {
background: #fff;
color: #1a1a1c;
}
.search-sec .form-control[readonly] {
background-color: #fff;
border-radius: 0;
height: 40px;
font: 400 1.0715em/1em 'PT Serif', serif;
font-style: italic;
color: #4b4b4b;
border: 1px solid #414a68;
width: 94%;
}
.search-sec .dropdownselect {
background-color: #fff;
border-radius: 0;
height: 40px;
font: 400 1.0715em/1em 'PT Serif', serif;
font-style: italic;
color: #4a4a4a;
border: 1px solid #414a68;
width: 94%;
padding: 6px 12px;
}
.search-sec button.Zebra_DatePicker_Icon_Inside {
margin: 0 12px 0 0;
}
.ser-in-box .select-menu + .ui-selectmenu-button {
width: 94% !important;
border-radius: 0;
padding: 0px 12px;
border: 1px solid #E5E5E5;
height: 40px;
background: #fff;
outline: none;
color: #898989;
}
.ser-in-box .select-menu + .ui-selectmenu-button .ui-selectmenu-text {
padding: 0;
font: 400 1.039em/1em 'PT Serif', serif;
line-height: 40px;
font-style: italic;
color: #4a4a4a;
}
.ser-in-box .select-menu + .ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s {
background: url(../images/select-menu-arrow.png) 0 0 no-repeat;
width: 9px;
height: 6px;
margin-top: -3px;
margin-right: 4px;
}
.ser-in-box .select-menu + .ui-selectmenu-menu .ui-menu-item {
background: #2d6293;
border-color: #00ACD9;
font-style: normal;
}
.ui-selectmenu-menu .ui-menu {
background: #fff;
}
.ui-selectmenu-menu .ui-menu-item {
font-size: 16px;
font-family: 'PT Serif', sans-serif;
font-style: italic;
padding: 5px 20px;
border-bottom: 1px solid #E1E1E1;
text-transform: capitalize;
}
.ui-selectmenu-menu .ui-menu-item.ui-state-focus {
background: #2a3a68;
border-color: #565f7a;
color: #fff;
font-weight: normal;
}
/* ==============================
10. Welcome to Lake Resort styles
============================== */
.wel-box-outer ul li {
margin: 0 1%;
padding: 0;
width: 23%;
float: left;
}
.wel-box-outer ul {
margin: 0;
padding: 0;
}
.wel-box-outer .owl-theme .owl-dots .owl-dot.active span, .wel-box-outer .owl-theme .owl-dots .owl-dot:hover span {
background: #8cc12f;
}
.testimonials-wrapper .owl-theme .owl-dots .owl-dot.active span, .testimonials-wrapper .owl-theme .owl-dots .owl-dot:hover span {
background: #8cc12f;
}
.wel-wrapper {
background: url(../images/welcome/1.jpg) center bottom no-repeat fixed;
background-size: cover;
position: relative;
}
.wel-pad {
padding-top: 12em;
padding-bottom: 7.2em;
}
.wel-box {
background: #fff;
padding: 2em 0 3em;
position: relative;
}
.wel-box .overlay {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: #85ab00;
padding: 10px;
transform: scale(0, 0);
-webkit-transform: scale(0, 0);
-moz-transform: scale(0, 0);
-ms-transform: scale(0, 0);
-o-transform: scale(0, 0);
}
.wel-box .overlay .icon_position_table {
border: 1px dashed rgba(236, 236, 236, 0.5);
display: -webkit-flex;
display: flex;
height: 100%;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
}
.wel-box .overlay .icon_position_table .icon_container {
text-align: center;
padding: 0 1.5em;
}
.wel-box .overlay .icon_position_table .icon_container h2 {
text-align: center;
font: 400 1.57em/1.4em 'PT Serif', serif;
color: #fff;
margin: 0;
padding: 0 0 0.5em;
font-style: italic;
}
.wel-box .overlay .icon_position_table .icon_container p {
text-align: center;
color: #fffefe;
font: 400 1.0715em/1.5em "Open Sans", sans-serif;
margin: 0;
padding: 0;
}
.single_wel_cont:hover .overlay, .single_wel_cont:focus .overlay {
transform: scale(1, 1);
-webkit-transform: scale(1, 1);
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
}
.wel-box:before {
content: '';
position: absolute;
border: 1px dashed #d9d9d9;
top: 7px;
left: 10px;
right: 10px;
bottom: 7px;
}
.wel-content {
position: relative;
}
.wel-content h1 {
color: #0e1322;
font: 2.43em/1em "Playball", sans-serif;
margin: 0;
padding: 0;
}
.wel-content h2 {
color: #aaaaaa;
font: 400 1.15em/1.8em "Open Sans", sans-serif;
margin: 0 0 1em;
padding: 0;
font-style: italic;
position: relative;
}
.wel-content h2:after {
content: '';
position: absolute;
bottom: 7px;
width: 60px;
height: 2px;
display: inline-block;
background: #a7cc38;
margin: 0 0 0 12px;
}
.wel-content p {
color: #898989;
margin: 0 0 3em;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.wel-box .icon-box {
text-align: center;
}
.wel-box h4 {
color: #0e1322;
text-align: center;
font: 400 1.57em/1.4em 'PT Serif', serif;
font-style: italic;
margin: 0.5em 0 0;
padding: 0;
}
/* ==============================
11. Rooms And Suits styles
============================== */
.room-suite {
position: relative;
}
.common-pad {
padding-top: 7em;
padding-bottom: 7em;
}
.sec-header {
position: relative;
display: table;
width: 100%;
}
.sec-header h2 {
color: #0e1322;
font: 2.43em/1em "Playball", sans-serif;
margin: 0;
padding: 0;
}
.sec-header h3 {
color: #aaaaaa;
font: 400 1.15em/1.8em "Open Sans", sans-serif;
margin: 0 0 2.7em;
padding: 0;
font-style: italic;
position: relative;
}
.sec-header h3:after {
content: '';
position: absolute;
bottom: 7px;
width: 60px;
height: 2px;
display: inline-block;
background: #a7cc38;
margin: 0 0 0 12px;
}
.sec-header3 {
position: relative;
}
.sec-header3 h2 {
color: #0e1322;
font: 2.43em/1em "Playball", sans-serif;
margin: 0;
padding: 0;
}
.sec-header3 h3 {
color: #aaaaaa;
font: 400 1.15em/1.8em "Open Sans", sans-serif;
margin: 0 0 2.1em;
padding: 0;
font-style: italic;
position: relative;
}
.sec-header3 h3:after {
content: '';
position: absolute;
bottom: 7px;
width: 60px;
height: 2px;
display: inline-block;
background: #a7cc38;
margin: 0 0 0 12px;
}
.room-suite .item {
position: relative;
}
.room-suite .item {
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
cursor: pointer;
position: relative;
overflow: hidden;
}
.room-suite .item .ro-img {
position: relative;
border-bottom: 2px solid #ffb606;
text-align: center;
z-index: 0;
overflow: hidden;
}
.room-suite .item:hover .ro-img:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
opacity: 1;
z-index: 1;
}
.room-suite .item .ro-img:before {
position: absolute;
background-color: rgba(167, 204, 56, 0.4);
content: "";
top: 0;
left: 0;
width: 100%;
height: 100%;
display: block;
-webkit-transform: scale(0.2);
-ms-transform: scale(0.2);
transform: scale(0.2);
-webkit-transition: all 300ms;
transition: all 300ms;
opacity: 0;
}
.room-suite .item .ro-txt {
background: #f7f7f7;
border-left: 1px solid #e6e1e1;
border-right: 1px solid #e6e1e1;
border-bottom: 1px solid #e6e1e1;
overflow: hidden;
padding: 0 1em;
}
.room-suite .item:hover .ro-txt {
background: #0d1a41;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
.room-suite .item .left-h {
position: relative;
}
.room-suite .item .left-h p {
color: #242424;
font: 1.86em/1em "Playball", sans-serif;
padding: 0.7em 0 0;
margin: 0;
}
.room-suite .item:hover .left-h p, .room-suite .item:hover .right-p p span {
color: #fff;
}
.room-suite .item .right-p p {
color: #242424;
font: 1.72em/1.25em "Playball", sans-serif;
padding: 0.3em 0 0.6em;
margin: 0;
}
.room-suite .item:hover .right-p p {
color: #ffb606;
}
.room-suite .item .right-p p span {
display: block;
font: 400 0.6em/1em "Open Sans", sans-serif;
font-style: italic;
color: #888;
}
.room-slider {
position: relative;
}
.roomsuite-slider.owl-theme .owl-controls .owl-nav [class*="owl-"] {
background: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin: 0;
padding: 0;
}
.roomsuite-slider.owl-carousel .owl-controls .owl-nav .owl-prev, .roomsuite-slider.owl-carousel .owl-controls .owl-nav .owl-next {
background: #a9c449;
width: 33px;
text-align: center;
font-size: 20px;
line-height: 33px;
color: #fff;
float: left;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
.roomsuite-slider .owl-nav {
position: absolute;
right: 0;
top: -82px;
}
.roomsuite-slider.owl-carousel .owl-controls .owl-nav .owl-prev:hover, .roomsuite-slider.owl-carousel .owl-controls .owl-nav .owl-next:hover {
background: #85ab00;
}
.roomsuite-slider.owl-carousel .owl-controls .owl-nav .owl-prev {
margin-right: 5px;
}
/* ==============================
12. Know About Us styles
============================== */
.fluid-know-area {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
overflow: hidden;
}
.fluid-know-area .service-promo .promo-content {
max-width: 670px;
margin: 0;
z-index: 2;
position: relative;
padding: 4em 0 2em 5em;
}
.fluid-know-area .service-promo .know-top {
border-bottom: 1px solid #0b1c30;
}
.fluid-know-area .service-promo .know-top h2 {
color: #fff;
font: 2.3em/1em "Playball", sans-serif;
margin: 0;
padding: 0;
}
.fluid-know-area .service-promo .know-top h3 {
color: #5bb3fd;
font: 400 1.15em/1.8em "Open Sans", sans-serif;
margin: 0 0 1.5em;
padding: 0;
font-style: italic;
position: relative;
}
.fluid-know-area .service-promo .know-top h3:after {
content: '';
position: absolute;
bottom: 7px;
width: 60px;
height: 2px;
display: inline-block;
background: #ffb606;
margin: 0 0 0 12px;
}
.fluid-know-area .service-promo .know-top p {
color: #b5c9db;
margin: 0 0 2.5em;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.fluid-know-area .service-promo .know-bot {
border-top: 1px solid #234470;
padding: 2em 0 0;
}
.fluid-know-area .service-promo .know-bot ul {
margin: 0;
padding: 0;
}
.fluid-know-area .service-promo .know-bot ul li {
margin: 0;
padding: 0 2.5em;
display: inline-block;
border-right: 1px dashed #6e6e6e;
}
.fluid-know-area .service-promo .know-bot ul li:last-child {
border-right: 1px dashed transparent;
padding-right: 0;
}
.fluid-know-area .service-promo .know-bot ul li:first-child {
padding-left: 0;
}
.fluid-know-area .service-promo .know-bot ul li .about-img {
float: left;
margin: 0 1em 0 0;
}
.fluid-know-area .service-promo .know-bot ul li .about-cont {
float: left;
}
.fluid-know-area .service-promo .know-bot ul li .about-cont p {
color: #fff;
margin: 0;
padding: 0;
font: 400 1.33em/1.3em "Open Sans", sans-serif;
}
.fluid-know-area .work-image-ser img {
width: 100%;
height: 32.7em;
}
@media (max-width: 991px) {
.fluid-know-area {
display: block;
}
}
.fluid-know-area .work-image-ser {
width: -webkit-calc(50% - 115px);
width: calc(50% - 115px);
float: left;
text-align: right;
display: block;
position: relative;
}
@media (max-width: 991px) {
.fluid-know-area .work-image-ser {
width: 100%;
text-align: center;
}
}
@media (max-width: 991px) {
.fluid-know-area .work-image-ser img {
width: 100%;
}
}
.fluid-know-area .service-promo {
width: -webkit-calc(50% + 115px);
width: calc(50% + 115px);
float: left;
position: relative;
padding-left: 30px;
background: url(../images/know-about-us/bg.jpg) repeat;
}
@media (max-width: 991px) {
.fluid-know-area .service-promo {
width: 100%;
padding-bottom: 30px;
}
}
@media (max-width: 991px) {
.fluid-know-area .service-promo {
padding: 15px;
}
}
/* ==============================
13. Our Resort Values styles
============================== */
.our-res {
position: relative;
}
.spa-offer {
position: relative;
}
.spa-offer .img_holder {
position: relative;
}
.spa-offer .img_holder .room-ad-cont {
overflow: hidden;
position: relative;
height: 100%;
background: rgba(133, 171, 0, 0.8);
width: 12vw;
padding: 1.5em 1.5em;
}
.spa-offer .img_holder .room-ad-cont h2 {
color: #fff;
font: 4em/1em "Playball", sans-serif;
margin: 0 0 0.6em;
padding: 0;
}
.spa-offer .img_holder .room-ad-cont h2 span {
color: #fff;
font: 0.59em/1em "Playball", sans-serif;
display: block;
}
.spa-offer .img_holder .room-ad-cont h3 {
color: #fff;
font: 600 1.66em/1em 'Open Sans Condensed', sans-serif;
margin: 0 0 0.5em;
padding: 0;
}
.spa-offer .img_holder .room-ad-cont a {
color: #000;
font: 600 1.0715em/1.6em "Open Sans", sans-serif;
}
.spa-offer .img_holder .room-ad-cont a:hover {
color: #fff;
}
.spa-offer .img_holder .room-ad-cont p {
font: 400 1.0715em/1.6em "Open Sans", sans-serif;
color: #fff;
padding: 0;
margin: 0 0 1.8em;
}
.spa-offer .img_holder .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 11px;
}
.spa-offer .img_holder .overlay:before {
content: ' ';
position: absolute;
top: 11px;
left: 11px;
right: 11px;
bottom: 11px;
background: url(../images/our-resort/border.png) right top no-repeat;
background-size: 100% 100%;
}
.spa-offer .img_holder .img-responsive {
width: 100%;
}
.our-res .left-pad {
margin: 0 0 0 4em;
}
.our-res .tab-title-box {
margin-bottom: 2.53em;
margin-top: 3em;
}
.our-res .tab-title-box ul li {
float: left;
width: 28%;
transition: all 0.3s ease;
position: relative;
text-align: center;
border-left: 1px solid #e2e2e2;
border-bottom: 1px solid #e2e2e2;
}
.our-res .tab-title-box ul li:last-child {
border-right: 1px solid #e2e2e2;
}
.our-res .tab-title-box ul li.active {
border-left: 1px solid #4983b4;
border-bottom: 1px solid #4983b4;
border-right: 1px solid #4983b4;
}
.our-res .tab-title-box ul li:hover {
border-bottom: 1px solid #4983b4;
}
.our-res .tab-title-box ul li:after {
background: url("../images/our-resort/icon.png") no-repeat center bottom;
position: absolute;
bottom: -1px;
left: 43%;
width: 15px;
height: 6px;
opacity: 0;
content: '';
transition: all .3s ease;
}
.our-res .tab-title-box ul li.active:after {
opacity: 1;
}
.our-res .tab-title-box ul li.active a, .our-res .tab-title-box ul li:hover a {
color: #244ca6;
}
.our-res .tab-title-box ul li a {
text-align: center;
font: 700 1.1em/1em "Open Sans", sans-serif;
display: block;
color: #242424;
padding: 1em 0;
transition: all 0.3s ease;
text-transform: uppercase;
}
.our-res .single-tab-content p {
color: #898989;
margin: 0 0 2em;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.our-res .single-tab-content h2 {
color: #242424;
font: 700 1.3em/1.8em "Open Sans", sans-serif;
margin: 0;
padding: 0;
}
.our-res .single-tab-content ul li {
color: #6c6c6c;
font: 400 1.0715em/2em "Open Sans", sans-serif;
}
.our-res .single-tab-content ul li .fa {
color: #233859;
margin-right: 5px;
font-size: 1em;
}
/* ==============================
14. satisfied with the Resort styles
============================== */
.promo-wrapper {
position: relative;
}
.promo-outer {
background: url(../images/satisfiedresort/1.jpg) center bottom no-repeat;
position: relative;
height: 26em;
padding-top: 4.5em;
}
.bx-wrapper .bx-pager.bx-default-pager a.active {
background: #8cc12f;
border-color: #8cc12f;
}
.promo-wrapper .promo-outer .bx-wrapper .bx-pager {
padding-top: 0;
text-align: right;
font-size: 0;
right: 42px;
width: 10px;
top: 35%;
}
.promo-wrapper .bx-wrapper .bx-pager.bx-default-pager a {
margin: 10px 0;
}
.promo-imgslider {
position: relative;
}
.promo-i-imgslider {
position: relative;
}
.promo-wrapper .bx-wrapper {
margin: 0 auto;
}
.promo-wrapper .bx-wrapper .bx-pager .bx-pager-item, .promo-wrapper .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
display: block;
}
.promo-wrapper .promo-imgslider .promo-content {
z-index: 1;
}
.promo-wrapper .promo-imgslider .promo-content h2 {
font: 2.86em/1em "Playball", sans-serif;
color: #fff;
margin: 0 0 0.5em;
padding: 0;
}
.promo-wrapper .promo-imgslider .promo-content p {
font: 400 1.22em/1.5em "Open Sans", sans-serif;
margin: 0 0 1.8em;
padding: 0;
color: #fff;
font-style: italic;
}
.promo-wrapper .promo-imgslider .promo-content a {
display: inline-block;
padding: 0.2em 2em 0.3em;
border: 1px solid #fff;
color: #fff;
font: 400 1.22em/1.8em "Open Sans", sans-serif;
font-style: italic;
}
.promo-wrapper .promo-imgslider .promo-content a:hover {
background: #fff;
color: #000;
}
/* ==============================
15. Testimonials styles
============================== */
.testimonials-sec {
position: relative;
}
.testimonials-wrapper .owl-theme .owl-dots .owl-dot {
display: none;
}
.testimonials-wrapper {
position: relative;
padding: 0;
}
.testimonials-wrapper .item {
position: relative;
}
.testimonials-wrapper .item .test-cont {
background: #f4f4f4;
padding: 2em;
border-radius: 8px;
position: relative;
display: block;
}
.testimonials-wrapper .item .test-cont:after {
width: 0;
height: 0;
border-left: 1px solid transparent;
border-right: 20px solid transparent;
border-top: 26px solid #f4f4f4;
position: absolute;
content: '';
bottom: -26px;
}
.testimonials-wrapper .item .test-cont p {
color: #a0a0a0;
font: 400 1.0175em/1.8em "Open Sans", sans-serif;
}
.testimonials-wrapper .item .test-bot {
padding: 3em 0 0;
}
.testimonials-wrapper .item .test-bot .tst-img {
float: left;
margin: 0 1.5em 0 0;
}
.testimonials-wrapper .item .test-bot .client_name {
float: left;
margin: 1em 0 0;
}
.testimonials-wrapper .item .test-bot .client_name h5 {
color: #1f4d84;
padding: 0 0 0.5em;
margin: 0;
font: 1.43em/1em "Playball", sans-serif;
}
.testimonials-wrapper .item .test-bot .client_name h5 span {
color: #3d3d3d;
font: 400 0.7em/1em "Open Sans", sans-serif;
}
.testimonials-wrapper .item .test-bot .client_name h5 a {
color: #1f4d84;
}
.testimonials-wrapper .item .test-bot .client_name h5 a:hover {
color: #3d3d3d;
}
.testimonials-wrapper .item .test-bot .client_name ul li {
display: inline-block;
margin: 2px -1px 0 1px;
}
.testimonials-wrapper .item .test-bot .client_name ul li a {
color: #707d93;
font-size: 1em;
margin: 0 0.4em 0 0;
}
.testimonial-sec-p {
padding: 6em 1em 1em;
border-bottom: 1px solid #e4e4e4;
}
.testimonial-p .media-body h3 {
font: 2em/1em "Playball", sans-serif;
letter-spacing: 0.3px;
color: #242424;
margin: 0 0 0.5em;
padding: 0;
}
.testimonial-p .media-body p {
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #898989;
margin-bottom: 1em;
}
.testimonial-p .media-body a {
font: 600 1.0715em/1em "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #1f4d84;
font-style: italic;
text-align: left;
display: block;
}
.testimonial-p .media-body a span {
color: #3d3d3d;
font: 400 0.9em/1em "Open Sans", sans-serif;
}
.testimonial-p .media-body h6 {
text-align: right;
display: block;
}
.testimonial-p .media-left {
padding-right: 60px;
}
.testimonial-p .media-left a img {
border-left: 4px solid #ffb606;
border-right: 1px solid #e1e1e1;
border-top: 2px solid #ffb606;
border-bottom: 1px solid #e1e1e1;
}
.testimonial-p .m-right {
float: right;
padding-right: 0;
padding-left: 60px;
}
.testimonial-p .m-left {
float: left;
width: 82%;
}
.testimonial-p .l-sign {
float: left;
}
.common-pad-test {
padding-top: 0em;
padding-bottom: 6.4em;
}
@media (max-width: 479px) {
.testimonial-p .media-left {
display: block;
text-align: center;
padding-right: 0;
}
.testimonial-p .media-body h3 {
padding: 1em 0 0;
}
}
/* ==============================
16. News and Events styles
============================== */
.event-pad {
padding-top: 0;
}
.news-wrapper {
position: relative;
/*background: #f4f4f4;*/
}
.news-evn-img {
position: relative;
border-bottom: 3px solid #85ab00;
}
.news-evn-img:before {
content: '';
position: absolute;
bottom: -3px;
width: 10px;
height: 3px;
display: inline-block;
background: #fff;
margin: 0;
}
.news-evn-img .event-date {
position: absolute;
width: 62px;
height: 68px;
text-align: center;
background: #85ab00;
left: 10px;
bottom: 0;
}
.news-evn-img .event-date h3 {
font: 600 1.8em/1.2em "Open Sans", sans-serif;
color: #fff;
margin: 0;
padding: 0.4em 0 0;
}
.news-evn-img .event-date h3 small {
color: #fff;
font: 400 0.59em/1em "Raleway", sans-serif;
display: block;
}
.news-evn-cont {
position: relative;
}
.news-evn-cont h3 {
font: 600 1.15em/1.5em "Raleway", sans-serif;
letter-spacing: 0.5px;
color: #000;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
margin: 0;
padding: 0 0 0.5em;
}
.news-evn-cont p {
font: 400 1.0715em/1.5em "Open Sans", sans-serif;
color: #8e8d8d;
margin: 0;
padding: 0;
}
.news-meta {
padding: 1.8em 0 1em;
}
.news-meta a {
font: 400 1.15em/1em "PT Serif", sans-serif;
color: #a6a6a6;
padding-right: 13px;
font-style: italic;
}
.news-meta a + a:before {
content: '';
background: #a6a6a6;
margin-right: 15px;
width: 1px;
height: 14px;
bottom: -3px;
position: relative;
display: inline-block;
}
/* ==============================
17. Green Band ads style
============================== */
.wel-ads-wrapper {
background: #85ab00;
}
.wel-ad-inner {
position: relative;
}
.wel-ad-inner .overlay {
position: relative;
padding: 11px 0;
}
.wel-ad-inner .overlay_border {
border: 1px dashed #657f08;
background: url(../images/welcome/email-bg.png) no-repeat center bottom;
overflow: hidden;
}
.wel-ad-inner .wel-text {
position: relative;
padding-left: 1.5em;
}
.wel-ad-inner .wel-text h2 {
color: #fff;
font: 600 1.43em/1.5em "Raleway", sans-serif;
padding: 1.3em 0 0;
margin: 0;
}
.wel-ad-inner .wel-text h3 {
color: #fff;
font: 400 1.15em/1.5em "Open Sans", sans-serif;
padding: 0 0 1.4em;
margin: 0;
}
.subscribe-wrp {
position: relative;
padding: 1.8em 1.5em 0 0;
}
.subscribe-wrp .sub-input {
width: 386px;
text-align: left;
}
.subscribe-wrp .sub-but {
width: 40%;
text-align: right;
}
.subscribe-wrp input[type="text"] {
padding: 11px 20px;
width: 100%;
}
.subscribe-wrp .form-control {
border-radius: 5px;
font: 400 1.15em/1em 'PT Serif', serif;
color: #656565;
border: 1px solid #7da100;
height: 44px;
-webkit-box-shadow: none;
box-shadow: none;
font-style: italic;
}
.res-btn i {
font-size: 16px;
color: #fff;
line-height: 28px;
margin-left: 12px;
}
.subscribe-wrp button {
padding: 0.6em 2em;
}
/* ==============================
18. footer style
============================== */
footer {
background: #1e1e1e;
position: relative;
}
.footer-wrapper {
position: relative;
background: #1e1e1e;
}
.footer-pad {
padding: 4.8em 0 2em;
}
.footer-b-pad {
padding-top: 1.8em;
padding-bottom: 1.8em;
}
.footer-top {
position: relative;
overflow: hidden;
font: 400 0.94m/1.5em "Open Sans", sans-serif;
}
.widget.about-us-widget p {
color: #797979;
margin-top: 2em;
font: 400 1.0715em/1.5em "Open Sans", sans-serif;
padding: 0;
margin-bottom: 1.5em;
}
.widget.about-us-widget a {
color: #85ab00;
margin-top: 1.4em;
}
.widget.about-us-widget a:hover {
color: #fff;
}
.widget.about-us-widget ul {
margin: 0;
padding: 0;
}
.widget.about-us-widget ul li:first-child {
padding-left: 0px;
}
.widget.about-us-widget ul li {
display: inline-block;
list-style: none;
padding: 10px 9px;
}
.widget.about-us-widget ul li a {
padding: 0;
color: #7c7c7c;
font-size: 1.5em;
}
.widget.about-us-widget ul li a:hover {
background: none;
color: #85ab00;
}
.widget-contact h4, .get-in-touch h4, .widget-links h4 {
font: 600 18px/17px "Open Sans", sans-serif;
color: #fff;
margin-top: 0px;
text-transform: uppercase;
margin-bottom: 24px;
font-style: italic;
}
.widget-contact h4:after, .get-in-touch h4:after, .widget-links h4:after {
content: '';
width: 40px;
height: 2px;
background: #85ab00;
display: block;
margin-top: 13px;
}
.widget-contact-list ul {
margin: 0;
padding: 0;
list-style: none;
}
.widget-contact-list ul li a {
color: #797979;
text-transform: capitalize;
font: 400 1.0715em/2.3em "Open Sans", sans-serif;
}
.widget-contact-list ul li a:hover {
color: #85ab00;
}
.widget.get-in-touch ul {
padding: 0;
margin: 0;
}
.widget.get-in-touch ul li {
list-style: none;
display: table;
width: 100%;
padding-right: 11px;
}
.widget.get-in-touch ul li i {
float: left;
font-size: 25px;
color: #7b7b7b;
width: 34px;
padding-top: 13px;
line-height: 18px;
}
.widget.get-in-touch ul li .fleft {
float: left;
color: #7b7b7b;
width: -webkit-calc(100% - 34px);
width: calc(100% - 34px);
font: 400 1.0715em/1.5em "Open Sans", sans-serif;
padding: 0.5em 0;
}
.widget.get-in-touch ul li .fleft.location_address b {
text-transform: uppercase;
}
.widget.get-in-touch ul li i.fa-map-marker {
padding-top: 15px;
}
.widget.get-in-touch ul li i.fa-phone {
font-size: 21px;
line-height: 30px;
}
.widget.get-in-touch ul li i.fa-envelope-o {
font-size: 18px;
line-height: 24px;
}
.footer-copy {
position: relative;
border-top: 1px solid #323232;
padding: 1.8em 0 0;
overflow: hidden;
}
.footer-copy p {
font: 400 1.0715em/1.5em "Open Sans", sans-serif;
color: #545454;
padding: 0;
margin: 0;
}
.footer-copy p a {
color: #545454;
}
.footer-copy p a:hover {
color: #fff;
}
/* ==============================
19.Top right search field Styles
============================== */
.top_panel_middle .search_wrap {
display: none;
margin: 0 0 0 0;
}
.menu_show .top_panel_middle .search_wrap {
display: block;
margin-bottom: 3em;
}
.top_panel_fixed .menu_show .top_panel_middle .search_wrap {
margin-bottom: 1.7em;
}
.search_wrap {
position: relative;
max-width: 10em;
min-width: 2.2857em;
}
.search_wrap.search_state_closed:not(.top_panel_icon) {
min-width: 0;
width: 1.5em;
}
.search_wrap:not(.search_state_fixed) {
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
.top_panel_middle .search_wrap .search_field,
.top_panel_middle .search_wrap .search_submit,
.top_panel_middle .search_wrap .search_submit:hover {
background-color: transparent !important;
border: none;
height: auto;
}
.top_panel_bottom .search_wrap,
.top_panel_style_4 .search_wrap {
float: right;
z-index: 1;
padding-top: 1em;
padding-left: 1em;
}
.search_wrap form {
width: 100%;
position: relative;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.top_panel_middle .search_wrap form {
padding-left: 3.3em;
}
.content .search_wrap .search_submit:before {
font-family: 'MontserratSemibold', sans-serif;
font-weight: 600;
font-size: 1em;
text-transform: uppercase;
content: 'search';
}
.content .search_wrap .search_submit {
float: right;
}
.top_panel_middle .search_wrap .search_submit {
position: absolute;
left: 0;
top: 1px;
width: 2.2em;
padding: 0;
margin: 0;
text-align: right;
font-weight: normal;
}
.top_panel_top_search .search_submit {
top: 2px;
}
.search_wrap .search_field {
width: 100%;
padding: 0.45em;
}
.top_panel_top .search_field {
padding: 0;
max-width: 6em;
}
.search_wrap .search_submit:before {
margin-right: 0.35em;
}
.search_wrap.search_style_rounded {
-webkit-border-radius: 25px;
-moz-border-radius: 25px;
border-radius: 25px;
}
.top_panel_style_5 .search_form_wrap,
.top_panel_style_6 .search_form_wrap,
.top_panel_style_7 .search_form_wrap {
width: 100%;
overflow: hidden;
}
.top_panel_style_5 .search_results,
.top_panel_style_6 .search_results,
.top_panel_style_7 .search_results {
top: 3.3em !important;
}
.top_panel_icon .search_submit {
display: inline-block;
text-align: center;
}
.top_panel_icon .search_submit:before {
margin-right: 0;
}
/* ==============================
20.Top right Search results Styles
============================== */
.search_wrap .search_results {
display: none;
position: absolute;
z-index: 1000;
right: 0;
top: 4.2857em;
background-color: #fff;
border: 1px solid #e5e5e5;
width: 270px;
padding: 1em;
line-height: 1.5em;
text-align: left;
-webkit-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2);
-moz-box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2);
box-shadow: -4px 3px 0px 0px rgba(0, 0, 0, 0.2);
}
.top_panel_top .search_results {
top: 2.65em;
}
.top_panel_middle .sidebar_cart:after,
.menu_user_nav > li > ul:after,
.search_wrap .search_results:after {
content: " ";
width: 10px;
height: 10px;
background-color: #fff;
border-left: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
position: absolute;
top: -6px;
right: 3em;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.top_panel_middle .sidebar_cart:after,
.menu_user_nav > li > ul:after {
left: 1.5em;
right: auto;
}
.top_panel_style_5 .top_panel_middle .sidebar_cart:after,
.top_panel_style_6 .top_panel_middle .sidebar_cart:after,
.top_panel_style_7 .top_panel_middle .sidebar_cart:after,
.top_panel_style_8 .top_panel_middle .sidebar_cart:after {
right: 2.15em;
left: auto;
}
.menu_user_nav > li > ul > li {
z-index: 1;
}
.search_wrap .search_results .search_results_close {
position: absolute;
top: 3px;
right: 3px;
display: block;
text-align: center;
overflow: hidden;
font-size: 0.875em;
width: 1.2em;
height: 1.2em;
line-height: 1.2em;
cursor: pointer;
}
.search_wrap .post_more {
display: block;
text-align: center;
}
.widget_area .post_item {
overflow: hidden;
}
.widget_area aside .post_item + .post_item,
.search_results.widget_area .post_item + .post_item {
margin-top: 10px;
padding-top: 1em;
}
.widget_area aside .post_item + .post_item {
margin-top: 1.85em;
padding: 0;
}
.search_results.widget_area .post_item + .post_item {
border-top: 1px solid #e5e5e5;
}
.widget_area .post_item .post_content {
overflow: hidden;
}
.widget_area .post_item .post_thumb {
float: left;
width: 5em;
height: 5em;
margin: 0 0.9em 2px 0;
overflow: hidden;
}
.widget_area .post_item .post_thumb img {
width: 100%;
}
.widget_area .post_item .post_title {
margin: -4px 0 6px 0;
font-size: 1em;
text-transform: none;
letter-spacing: 0;
font-family: "MontserratLight";
line-height: 1.5em;
font-weight: 300;
}
.widget_area .post_item .post_info {
margin-bottom: 0;
}
.post_item .post_info .post_info_posted {
font-family: MontserratSemibold;
text-transform: uppercase;
font-weight: 600;
}
.widget_area .post_item .post_info .post_info_item + .post_info_item:before {
content: "";
margin: 0 0 0 5px;
}
/* ==============================
21. Inner page - about us
============================== */
.header-breadcrumb {
position: relative;
background: url(../images/inner-header/1.jpg) no-repeat scroll center 0 transparent;
-webkit-background-size: cover;
background-size: cover;
padding: 180px 0px 94px;
}
.header-breadcrumb h1 {
font: 3.72em/1em "Playball", sans-serif;
margin: 0 0 0.23em;
padding: 0;
color: #fff;
}
.breadcrumb {
background: rgba(0, 0, 0, 0.2);
display: inline-block;
border-top: 1px solid #585568;
border-bottom: 1px solid #585568;
padding: 0 3em;
text-transform: capitalize;
margin: 0;
}
.breadcrumb > li {
display: inline-block;
text-transform: uppercase;
}
.breadcrumb li a {
font: 600 1em/2.6em "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #5bb3fd;
}
.breadcrumb > .active {
font: 600 1em/2.5em "Open Sans", sans-serif;
color: #fff;
}
.breadcrumb li + li:before {
content: "\f105";
color: #fff;
padding: 0 14px;
}
.breadcrumb li:before {
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding: 0 14px;
color: #fff;
display: inline-block;
}
.header-breadcrumb {
position: relative;
width: 100vw;
text-align: center;
}
.about-info-box .img-cap-effect {
text-align: right;
}
.about-info-box .img-box img {
position: relative;
max-width: 100%;
}
.about-info-box .img-box:before {
content: '';
position: absolute;
top: 10px;
left: -10px;
right: 10px;
bottom: -10px;
border-left: 10px solid #ffb606;
border-bottom: 10px solid #ffb606;
}
.img-cap-effect .img-box {
position: relative;
overflow: hidden;
}
.about-info-box .img-box {
display: inline-block;
overflow: visible;
}
.img-cap-effect .img-box .img-caption {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.img-cap-effect .img-box .img-caption:before {
content: '';
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
opacity: 1;
border: 2px solid rgba(255, 255, 255, 0.5);
border-bottom: 0;
border-left: 0;
-webkit-transition: all .5s ease .5s;
transition: all .5s ease .5s;
}
.about-info-box p {
color: #898989;
margin: 0 0 3em;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.about-info-box h6 {
color: #6da5da;
font: 400 1.3em/1.5em 'PT Serif', serif;
margin: 0;
padding: 1.5em 0;
border-top: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
font-style: italic;
}
.about-info-box ul li {
display: inline-block;
font: 400 1.43em/1em 'PT Serif', serif;
color: #000;
font-style: italic;
}
.about-info-box ul {
margin: 3em 0 0;
}
.about-info-box ul li:before {
background: url(../images/about/check.png) no-repeat left top;
content: '';
position: absolute;
width: 28px;
height: 23px;
}
.about-info-box ul li span {
padding: 0 3em 0 2em;
display: block;
}
.our-resort-value {
position: relative;
}
.our-resort-value .img-l-box {
position: relative;
float: left;
margin-right: 10px;
}
.our-resort-value .img-r-box {
position: relative;
float: left;
}
.our-resort-value .img-r-box .img-box2 {
float: left;
margin-top: 10px;
}
.our-resort-value .img-box img {
float: left;
}
.resort-r-value {
position: relative;
margin-left: 4.5em;
}
/* ==============================
22. accrodion - about us
============================== */
.accordian-area {
position: relative;
}
.accordian-area .panel .panel-heading .panel-title a i {
font-size: 0.8em;
line-height: 50px;
position: absolute;
top: 0;
left: 0;
}
.accordian-area .panel .panel-heading .panel-title a .fa-plus {
display: none;
}
.accordian-area .panel .panel-heading .panel-title a.collapsed .fa-plus {
display: block;
width: 50px;
height: 50px;
text-align: center;
}
.accordian-area .panel .panel-heading .panel-title a .fa-minus {
display: block;
background: #85ab00;
width: 50px;
text-align: center;
color: #fff;
height: 50px;
}
.accordian-area .panel .panel-heading .panel-title a.collapsed .fa-minus {
display: none;
}
.accordian-area .panel-group .panel {
border-radius: 0;
background: transparent;
}
.accordian-area .panel {
border-radius: 0;
}
.accordian-area .panel-default > .panel-heading {
background: #fff;
position: relative;
padding: 16px 10px 16px 70px;
}
.accordian-area .panel-title {
font: 400 1.3em/1em "Open Sans", sans-serif;
}
/* ==============================
23. Take a tour video - about us
============================== */
.take-a-tour-video-box {
position: relative;
text-align: center;
overflow: hidden;
}
.take-a-tour-video-box .check-video-box {
position: relative;
}
.check-video-box .img-holder:hover:before {
opacity: 0.9;
filter: alpha(opacity=0);
}
.check-video-box .img-holder:before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #173460;
opacity: .80;
filter: alpha(opacity=80);
z-index: 3;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
.check-video-box .img-holder .content {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 5;
text-align: center;
}
.check-video-box .img-holder .content .content-inner {
display: table;
width: 100%;
height: 100%;
}
.check-video-box .img-holder .content .content-inner .box {
display: table-cell;
vertical-align: middle;
}
.check-video-box .img-holder .content .content-inner .box h3 {
font: 3.65em/1em "Playball", sans-serif;
margin: 0 0 0.8em;
padding: 0;
color: #fff;
}
.check-video-box .img-holder .content .content-inner .box h4 {
font: 400 2.35em/1.8em "Open Sans", sans-serif;
margin: 1.2em 0 0;
padding: 0;
color: #fff;
font-style: italic;
}
.check-video-box .img-holder .content .content-inner .box a {
color: #ffb606;
font-size: 6.3em;
}
/* ==============================
24. Room1 style
============================== */
.common-pad-inner {
padding-top: 6.4em;
padding-bottom: 3.4em;
}
.common-pad-room {
padding-top: 6.4em;
padding-bottom: 3em;
}
.common-pad-room1 {
padding-top: 6.4em;
padding-bottom: 0;
}
.room-wrapper {
overflow: hidden;
position: relative;
border: 1px solid #e9e9e9;
/*background: #fff;*/
padding: 0.8em;
margin-bottom: 3.4em;
background: #f6f6f6;
}
.room-wrapper .media-body {
vertical-align: middle;
padding-left: 2.5em;
padding-right: 2.5em;
position: relative;
width: calc(100% - 300px);
}
.room-wrapper .media-body h2 {
color: #0e1322;
font: 2.15em/1em "Playball", sans-serif;
margin: 0 0 0.3em;
padding: 0;
position: relative;
}
.room-wrapper .media-body h2:after {
content: '';
position: absolute;
bottom: 7px;
width: 60px;
height: 2px;
display: inline-block;
background: #a7cc38;
margin: 0 0 0 12px;
}
.room-wrapper .media-body p {
color: #898989;
margin: 0 0 1.5em;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.room-wrapper .media-body h3 {
color: #000;
margin: 0 0 0.5em;
padding: 0;
font: 600 1.23em/1em "Open Sans", sans-serif;
font-style: italic;
}
.room-wrapper .media-body h6 {
color: #3894c3;
margin: 0;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
font-style: italic;
}
.room-wrapper .media-right {
background: #f4f4f4;
text-align: center;
vertical-align: middle;
width: 14%;
padding-left: 0;
background: #eaeaea;
}
.room-wrapper .media-right p {
color: #242424;
font: 2.86em/1.25em "Playball", sans-serif;
padding: 0;
margin: 0 0 0.5em;
}
.room-wrapper .media-right p span {
display: block;
font: 400 0.4em/1em "Open Sans", sans-serif;
font-style: italic;
color: #888;
margin: 0 0 2em;
}
.room-wrapper .media-right a {
background: #85ab00;
padding: 9px 20px;
margin: 0;
letter-spacing: 0.6px;
color: #fff;
border-radius: 3px;
text-transform: uppercase;
font: 400 0.88em/1em "Open Sans", sans-serif;
}
.room-wrapper .media-right a:hover {
background: #1a1a1c;
color: #fff;
}
/* ==============================
25. Room2 style
============================== */
.room-t-wrapper {
position: relative;
margin-bottom: 3.4em;
overflow: hidden;
}
.room-t-wrapper .img-holder {
position: relative;
}
.room-t-wrapper .img-holder:before {
content: ' ';
position: absolute;
top: 15px;
left: 15px;
right: 15px;
bottom: 15px;
border: 2px solid #fff;
}
.room-t-wrapper .content {
background: #fff;
padding: 50px 55px 45px;
position: relative;
top: 29px;
right: 48px;
}
.room-t-wrapper .content h2 {
color: #0e1322;
font: 2.15em/1em "Playball", sans-serif;
margin: 0 0 0.3em;
padding: 0;
position: relative;
}
.room-t-wrapper .content h2:after {
content: '';
position: absolute;
bottom: 7px;
width: 60px;
height: 2px;
display: inline-block;
background: #a7cc38;
margin: 0 0 0 12px;
}
.room-t-wrapper .content p {
color: #898989;
margin: 0 0 1.5em;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.room-t-wrapper .content .bottom-content {
width: 100%;
}
.room-t-wrapper .content .bottom-content p {
color: #242424;
font: 2.7em/1.25em "Playball", sans-serif;
padding: 0;
margin: 0 0 0.5em;
}
.room-t-wrapper .content .bottom-content p span {
display: block;
font: 400 0.4em/1em "Open Sans", sans-serif;
font-style: italic;
color: #888;
margin: 0 0 2em;
}
.room-t-wrapper .content .bottom-content a {
background: #85ab00;
padding: 9px 20px;
margin: 0;
letter-spacing: 0.6px;
color: #fff;
border-radius: 3px;
text-transform: uppercase;
font: 400 0.88em/1em "Open Sans", sans-serif;
}
.room-t-wrapper .content .bottom-content a:hover {
background: #1a1a1c;
color: #fff;
}
.room-t-wrapper .content .bottom-content .pull-right {
margin-top: 1.5em;
}
.room-l-wrapper {
position: relative;
margin-bottom: 3.4em;
overflow: hidden;
}
.room-l-wrapper .content {
background: #fff;
padding: 50px 55px 45px;
position: relative;
top: 29px;
left: 48px;
z-index: 1;
}
.room-se-wrapper {
position: relative;
}
.room-se-wrapper {
position: relative;
}
.room-sed-wrapper {
position: relative;
overflow: hidden;
}
/* ==============================
26. News page styles
============================== */
.pull-left .single-sidebar-widget {
padding-right: 30px;
overflow: hidden;
}
.pull-right .single-sidebar-widget {
padding-left: 30px;
}
.single-sidebar-widget {
position: relative;
}
.single-sidebar-widget-outer {
margin-bottom: 40px;
overflow: hidden;
}
.single-sidebar-widget-outer:last-child {
margin-bottom: 0;
}
.single-sidebar-widget .sec-title {
margin-bottom: 26px;
}
.single-sidebar-widget .sec-title-cat {
margin-bottom: 15px;
}
.single-sidebar-widget .sec-title h2 {
color: #0e1322;
font: 2em/1em "Playball", sans-serif;
margin: 0 0 0.3em;
padding: 0;
position: relative;
}
.single-sidebar-widget .sec-title h2:after {
content: '';
position: absolute;
bottom: 7px;
width: 35px;
height: 2px;
display: inline-block;
background: #a7cc38;
margin: 0 0 0 12px;
}
.single-sidebar-widget .widget-search-blog {
width: 93%;
position: relative;
display: inline-block;
margin: 0 0 0 1em;
}
.single-sidebar-widget .widget-inner {
border: 1px solid #2a2a2a;
}
.single-sidebar-widget .widget-search-blog .search-form .form-control {
height: 45px;
border-radius: 0;
border: none;
font: 400 1em/1em "Open Sans", sans-serif;
padding: 0 30px;
-webkit-box-shadow: none;
box-shadow: none;
color: #c0c0c0;
z-index: 0;
background: #2a2a2a;
}
.single-sidebar-widget .widget-search-blog .search-form .form-control + .input-group-addon {
padding: 0 1px 0 8px;
border: 0;
border-radius: 0;
background-color: #2a2a2a;
}
.single-sidebar-widget .widget-search-blog .search-form .form-control + .input-group-addon button {
border: 0;
background: #2a2a2a;
color: #a1a1a1;
font-size: 1.2em;
line-height: 2.1em;
padding-right: 15px;
}
.single-sidebar-widget .categories ul li a {
color: #898989;
text-transform: capitalize;
line-height: 42px;
display: block;
border-bottom: 1px solid #E6E6E6;
position: relative;
padding: 0 0 0 18px;
}
.single-sidebar-widget .categories ul li a:hover {
color: #91b41a;
}
.single-sidebar-widget .categories ul li a:after {
content: '\f105';
font-family: 'FontAwesome';
color: #C8C8C8;
position: absolute;
top: 0;
left: 0;
}
.single-sidebar-widget .popular-post .img-box, .single-sidebar-widget .popular-post .content {
display: table-cell;
vertical-align: top;
}
.single-sidebar-widget .popular-post li {
margin-bottom: 30px;
}
.single-sidebar-widget .popular-post .img-box {
width: 110px;
}
.single-sidebar-widget .popular-post .content {
padding-left: 30px;
}
.single-sidebar-widget .popular-post .content a h4 {
font: 600 1em/1em "Open Sans", sans-serif;
color: #242424;
text-transform: uppercase;
-webkit-transition: all .3s ease;
transition: all .3s ease;
margin: 0;
padding: 0;
}
.single-sidebar-widget .popular-post .content p {
color: #8E8D8D;
font-size: 13px;
line-height: 20px;
margin: 0;
}
.single-sidebar-widget .popular-post .content span {
color: #999999;
font: 400 0.93em/1em "Open Sans", sans-serif;
display: block;
margin-top: 1.2em;
}
.single-sidebar-widget .popular-post .content h6 {
color: #242424;
font: 1.6em/1em "Playball", sans-serif;
margin: 0.6em 0 0;
padding: 0;
}
.single-sidebar-widget .popular-post .content h6 span {
display: inline-block;
font: 600 0.63em/1em "Open Sans", sans-serif;
font-style: italic;
}
.single-sidebar-widget .tag-cloud {
font-size: 0;
margin-left: -5px;
margin-right: -5px;
}
.single-sidebar-widget .tag-cloud li {
display: inline-block;
}
.single-sidebar-widget .tag-cloud li a {
display: block;
color: #787878;
text-transform: uppercase;
border: 1px solid #EAEAEA;
padding: 7px 22px;
font-size: 12px;
margin: 0 5px;
margin-bottom: 10px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
background: #fbfbfb;
}
.single-sidebar-widget .tag-cloud li a:hover {
background: #91b41a;
color: #fff;
border-color: #E5E5E5;
}
.single-blog-post .meta-info {
padding: 3em 0 1.2em;
}
.single-blog-post .meta-info .content-box .post-links li {
display: table-cell;
vertical-align: middle;
font: 400 1.15em/1em 'PT Serif', serif;
font-style: italic;
}
.single-blog-post .date-box {
position: absolute;
width: 75px;
height: 75px;
top: 1.5em;
border: 5px solid #85ab00;
left: 1.5em;
background: #91b41a;
text-align: center;
}
.single-blog-post .date-box .date-inner {
display: table;
text-align: center;
width: 100%;
height: 100%;
}
.single-blog-post .date-box .date-inner .date-c-inner {
display: table-cell;
vertical-align: middle;
}
.single-blog-post .date-box .date-inner .date-c-inner p {
color: #fff;
font: 2em/1em "Playball", sans-serif;
margin: 0;
padding: 0;
}
.single-blog-post .date-box .date-inner .date-c-inner p span {
color: #fff;
font: 0.7em/1em "Playball", sans-serif;
margin: 0;
padding: 0;
display: block;
}
.single-blog-post .inner-box b {
font-size: 2em;
display: block;
font-style: italic;
font-weight: 300;
border-bottom: 1px solid #696969;
padding: 0 0 0.2em;
}
.single-blog-post .inner-box span {
font-size: 1em;
display: block;
background: #fbb12f;
color: #fff;
padding: 0.2em 0 0.3em;
}
.single-blog-post .meta-info .content-box .post-links li a:hover i {
color: #2a2a2a;
}
.single-blog-post .meta-info .content-box .post-links li a i {
color: #91b41a;
font-size: 16px;
margin-right: 10px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.single-blog-post .meta-info .content-box .post-links li a {
color: #A1A1A1;
padding-right: 30px;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.single-blog-post .meta-info .content-box .post-links li a:hover {
color: #FBB12F;
}
.single-blog-post a.remove-margin {
margin-bottom: 0 !important;
}
.single-blog-post a.read-more {
text-transform: uppercase;
color: #000;
font-size: 12px;
font-weight: 600;
-webkit-transition: all .3s ease;
transition: all .3s ease;
border: 1px solid #ababab;
background: transparent;
border-radius: 0;
padding: 8px 24px;
margin-bottom: 2.3em;
}
.single-blog-post a.read-more:hover {
color: #fff;
background: #1a1a1c;
}
.single-post-wrapper {
position: relative;
}
.single-blog-post h3 {
color: #010101;
font-weight: 600;
text-transform: none;
margin: 0.6em 0 0;
padding: 0 0 0.8em;
font: 600 1.33em/1em "Open Sans", sans-serif;
}
.single-blog-post p {
color: #898989;
margin: 0 0 2em;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.single-blog-post h6 {
color: #1cbac8;
font: 400 1.0715em/1em "Open Sans", sans-serif;
margin: 2em 0 0;
padding: 0;
}
.single-blog-post {
margin-bottom: 50px;
}
.single-blog-post .img-box {
display: inline-block;
overflow: visible;
}
.post-list {
margin: 0 0 20px;
width: 100%;
}
.post-list li {
float: left;
width: 270px;
font: 400 14px/30px "Open Sans", sans-serif;
color: #91b41a;
letter-spacing: 0.3px;
}
.post-list li:before {
content: "\f105";
font: normal normal normal 14px/1 FontAwesome;
font-size: 12px;
text-rendering: auto;
padding-right: 10px;
}
blockquote {
padding: 30px;
border: none;
background: #f5f4f4;
margin-top: 27px;
}
@media (max-width: 479px) {
blockquote {
padding: 5px;
}
}
blockquote:before {
float: left;
content: "\f10d";
display: inline-block;
font: normal normal normal 55px/1 FontAwesome;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
width: 70px;
color: #d0d0d0;
}
blockquote p {
float: left;
font: 400 1.2em/1em "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #898989;
width: -webkit-calc(100% - 70px);
width: calc(100% - 70px);
margin: 5px 0 0;
padding-left: 14px;
}
blockquote footer {
text-align: right;
color: #e8a20c;
font: 400 1.2em/1em "Open Sans", sans-serif;
font-style: italic;
background: transparent;
}
blockquote footer a {
color: #e8a20c;
font: 400 0.8em/1em "Open Sans", sans-serif;
font-style: italic;
}
/* ==============================
27. News Details Comments
============================== */
.news-comments .comments_count, .leave-comments .leave-comment-title {
margin: 30px 0px 30px 0;
font: 2em/1em "Playball", sans-serif;
color: #242424;
font-weight: bold;
}
@media (max-width: 400px) {
.comments_count, .leave-comment-title {
margin-left: 20px;
}
}
.comments {
margin: 0px 0px 30px 0px;
border: 1px solid #eee;
}
.comments .comment {
padding: 20px 20px 25px;
margin: 0px 0;
}
.comments .comment-bg {
background: #fcfcfc;
}
@media (max-width: 400px) {
.comments .comment {
margin: 0 5px 0 15px;
text-align: center;
}
}
.comments .comment + .comment {
margin-top: 0;
border-top: 1px solid #eee;
}
.comments .comment .media-left {
padding: 8px 30px 0px 5px;
}
@media (max-width: 479px) {
.comments .comment .media-left {
padding-right: 0;
padding-bottom: 20px;
display: block;
}
}
.comments .comment .media-left a {
display: block;
width: 70px;
height: 70px;
}
.comments .comment .media-left a img {
max-width: 100%;
}
@media (max-width: 991px) {
.comments .comment .media-body {
overflow: visible;
}
}
.comments .comment .media-body h5 {
font: 500 1em/2em "Open Sans", sans-serif;
margin: 0;
color: #242424;
}
.comments .comment .media-body p {
font: 400 14px/30px "Open Sans", sans-serif;
color: #898989;
}
.comments .comment .media-body .date-reply {
margin: 9px 0 9px;
}
.comments .comment .media-body .date-reply li {
float: left;
}
@media (max-width: 400px) {
.comments .comment .media-body .date-reply li {
display: inline-block;
text-align: center;
float: none;
}
}
.comments .comment .media-body .date-reply li a {
padding: 0;
font: 13px/1 "Open Sans", sans-serif;
text-transform: capitalize;
color: #47bcca;
}
.comments .comment .media-body .date-reply li a:hover, .comments .comment .media-body .date-reply li a:focus {
background: none;
}
.comments .comment .media-body .date-reply li + li {
color: #bc945e;
}
.comments .comment .media-body .date-reply li + li:before {
content: '';
width: 1px;
height: 13px;
float: left;
background: #47bcca;
margin: 0 10px;
}
.comments .comment .media-body .date-reply li + li a {
float: left;
color: #f6ba18;
}
.comments .comment.reply {
padding-left: 0;
margin: 0px;
}
@media (max-width: 991px) {
.comments .comment.reply {
margin-left: -70px;
}
}
@media (max-width: 479px) {
.comments .comment.reply {
margin-left: 30px;
}
}
@media (max-width: 400px) {
.comments .comment.reply {
margin-left: 0px;
}
}
.comments .comment.reply:last-child {
padding-bottom: 0;
}
.comment_form {
padding: 30px;
border: 1px solid #eee;
margin: 0px;
background: #f7f7f7;
}
@media (max-width: 479px) {
.comment_form {
padding: 20px 15px;
}
}
.comment_form .leave-comment-title {
margin: 0px 0px 26px 0px;
font: bold 20px/28px "Alegreya", serif;
color: #353535;
}
.comment_form .form-control {
border-radius: 0;
padding: 9px 20px;
font: 14px/25px "Open Sans", sans-serif;
color: #000;
margin-bottom: 20px;
background: #fff;
border: 1px solid #ebebeb;
-webkit-box-shadow: none;
box-shadow: none;
}
.comment_form .form-control::-moz-placeholder {
color: #c4c4c4;
opacity: 1;
}
.comment_form .form-control:-ms-input-placeholder {
color: #c4c4c4;
}
.comment_form .form-control::-webkit-input-placeholder {
color: #c4c4c4;
}
.comment_form input {
width: 48%;
float: left;
height: 45px;
}
@media (max-width: 1199px) {
.comment_form input {
width: 47%;
}
}
@media (max-width: 991px) {
.comment_form input {
width: 46%;
}
}
@media (max-width: 767px) {
.comment_form input {
width: 100%;
}
}
@media (max-width: 479px) {
.comment_form input {
width: 100%;
}
}
.comment_form input + input {
margin-left: 26px;
}
@media (max-width: 1199px) {
.comment_form input + input {
margin-left: 31px;
}
}
@media (max-width: 767px) {
.comment_form input + input {
margin-left: 0;
}
}
@media (max-width: 479px) {
.comment_form input + input {
margin-left: 0;
}
}
.comment_form textarea {
height: 188px;
resize: none;
margin-bottom: 32px;
}
.comment_form .btn-primary {
background: #f6ba18;
border: 1px solid #f6ba18;
text-transform: uppercase;
letter-spacing: 1px;
font: 600 1.2em/2.1em "Open Sans", sans-serif;
padding: 7px 22px 7px 22px;
color: #19242a;
margin-top: 10px;
border-radius: 5px;
letter-spacing: 3px;
}
.comment_form .btn-primary:hover, .comment_form .btn-primary:focus {
color: #000;
border-radius: 5px;
border-color: #bb793c;
}
/* ==============================
28. gallery filter Styles
============================== */
.gallery-filter {
border-top: 1px solid #A5A8AC;
border-bottom: 1px solid #A5A8AC;
margin-bottom: 30px;
}
.gallery-filter li {
display: inline;
}
.gallery-filter li:after {
content: '/';
display: inline-block;
color: #666;
margin: 0 10px;
}
.gallery-filter li:last-child:after {
content: '';
}
.gallery-filter li.active span,
.gallery-filter li:hover span {
color: #127FCE;
}
.gallery-filter li.active span:after,
.gallery-filter li:hover span:after,
.gallery-filter li.active span:before,
.gallery-filter li:hover span:before {
width: 100%;
}
.gallery-filter li span {
display: inline-block;
font: 700 0.94em/3em "Open Sans", sans-serif;
color: #666666;
text-transform: uppercase;
cursor: pointer;
padding: 0 10px;
position: relative;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.gallery-filter li span:after {
content: ' ';
width: 0%;
height: 1px;
background: #127FCE;
position: absolute;
top: -1px;
left: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
.gallery-filter li span:before {
content: ' ';
width: 0%;
height: 1px;
background: #127FCE;
position: absolute;
bottom: -1px;
left: 0;
-webkit-transition: all .3s ease;
transition: all .3s ease;
}
/* ==============================
29. image-gallery Styles
============================== */
.image-gallery {
position: relative;
}
.image-gallery .single-gallery {
padding: 0 15px;
margin-bottom: 30px;
float: left;
box-sizing: border-box;
}
.image-gallery .single-r-gallery {
padding: 0 15px;
margin-bottom: 30px;
float: right;
box-sizing: border-box;
}
.image-gallery .single-gallery.mix {
display: none;
}
.image-gallery .single-gallery.span-8 {
width: 66.66666667%;
}
.image-gallery .single-gallery.span-6 {
width: 50%;
}
.image-gallery .single-gallery.span-4 {
width: 33.33333333%;
}
.image-gallery .single-gallery.span-3 {
width: 25%;
}
.single-gallery:hover .img-holder img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.single-gallery .img-holder {
position: relative;
display: block;
overflow: hidden;
}
.single-gallery .img-holder img {
-webkit-transform: scale();
-ms-transform: scale(1);
transform: scale(1);
}
.single-gallery .img-holder .content {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-align: center;
}
.single-gallery:hover .img-holder .content .link-gallery {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.single-gallery .img-holder .content .link-gallery {
display: table-cell;
position: absolute;
top: 10px;
left: 10px;
right: 10px;
bottom: 10px;
background: rgba(133, 171, 0, 0.9);
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
border: 1px dashed rgba(236, 236, 236, 0.5);
}
.single-gallery .img-holder .content .link-gallery .media-right {
position: absolute;
top: 20px;
right: 20px;
}
.single-gallery .img-holder .content .link-gallery .media-bottom {
position: absolute;
bottom: 20px;
left: 20px;
}
.single-gallery .img-holder .content .link-gallery a {
color: #fff;
font: 2.43em/1em "Playball", sans-serif;
display: table-cell;
vertical-align: middle;
}
.single-gallery .modal-content {
display: none;
}
/* ==============================
30.pop up single gallery item Styles
============================== */
#single-gallery-modal .modal-dialog img {
max-width: 100%;
}
#single-gallery-modal .modal-dialog .modal-header {
background: #85ab00;
padding: 19px 0;
position: relative;
}
#single-gallery-modal .modal-dialog .modal-header .close {
position: absolute;
right: 40px;
top: 18px;
line-height: 32px;
color: #000000;
width: 32px;
height: 32px;
background: white;
opacity: 1;
border-radius: 50%;
margin: 0;
z-index: 9999999;
text-indent: 1px;
}
#single-gallery-modal .modal-dialog .modal-header h4 {
color: #fff;
font-size: 22px;
font-weight: bold;
text-transform: uppercase;
margin: 0;
}
#single-gallery-modal .modal-dialog .modal-body {
padding: 40px;
}
#single-gallery-modal .modal-dialog .modal-body p {
font-size: 15px;
color: #797979;
line-height: 26px;
}
#single-gallery-modal .modal-dialog .modal-body ul li {
font-size: 13px;
color: #2B2B2B;
font-weight: 600;
line-height: 35px;
text-transform: uppercase;
}
#single-gallery-modal .modal-dialog .modal-body ul li i {
font-size: 13px;
color: #EB9500;
margin-right: 10px;
}
/* ==============================
31. Booking Styles
============================== */
.book-right {
position: relative;
padding-left: 50px;
}
.book-right span {
display: block;
}
.book-right span img {
max-width: 100%;
}
.book-right h2 {
color: #0e1322;
font: 2em/1em "Playball", sans-serif;
margin: 1.5em 0 0.5em;
padding: 0;
position: relative;
}
.book-right h2:after {
content: '';
position: absolute;
bottom: 7px;
width: 60px;
height: 2px;
display: inline-block;
background: #a7cc38;
margin: 0 0 0 12px;
}
.book-right p {
color: #898989;
margin: 0 0 1.5em;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.book-left-content {
background: #f5f5f5;
position: relative;
overflow: hidden;
padding: 3em 2em;
}
.book-left-content .select-box {
float: left;
position: relative;
width: 100%;
margin-bottom: 10px;
}
.book-left-content .select-menu + .ui-selectmenu-button {
width: 100% !important;
border-radius: 0;
padding: 0px 12px;
border: 1px solid #E5E5E5;
height: 40px;
background: #fff;
outline: none;
color: #898989;
}
.book-left-content .select-menu + .ui-selectmenu-button .ui-selectmenu-text {
padding: 0;
font: 400 1.0715em/1.5em 'Open Sans', serif;
line-height: 40px;
color: #959595;
}
.book-left-content .select-menu + .ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s {
background: url(../images/select-menu-arrow.png) 0 0 no-repeat;
width: 9px;
height: 6px;
margin-top: -3px;
margin-right: 4px;
}
.book-left-content .select-menu + .ui-selectmenu-menu .ui-menu-item {
background: #2d6293;
border-color: #00ACD9;
font-style: normal;
}
.input_form {
position: relative;
}
.input_form #error {
color: orangered;
}
.input_form #success {
color: #a2d002;
}
.input_form #success p, .input_form #error p {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
margin: 0;
}
.input_form #success, .input_form #error {
position: absolute;
top: -15px;
display: block;
right: 0;
left: 0;
bottom: -15px;
background: rgba(0, 0, 0, 0.5);
display: none;
}
.input_form form .form-control.error + .error {
font: 400 0.8em/1em "Open Sans", sans-serif;
margin-bottom: 20px;
margin-top: 5px;
color: red;
font-weight: normal;
}
.input_form form .form-control.error {
margin-bottom: 0;
}
.book-left-content .form-control {
background-color: #fff;
border-radius: 0;
height: 40px;
font: 400 1.0715em/1em 'PT Serif', serif;
font-style: italic;
color: #4b4b4b;
border: 1px solid #e9e9e9;
}
.book-left-content form textarea.form-control {
margin-bottom: 32px;
resize: none;
padding: 15px 20px;
height: 203px;
}
.book-left-content form .form-control {
margin-bottom: 20px;
border-radius: 0;
font: 400 1.0715em/1.5em 'Open Sans', serif;
color: #959595;
padding: 11px 20px;
border: 1px solid #e1e1e1;
height: auto;
-webkit-box-shadow: none;
box-shadow: none;
}
.book-left-content .dropdownselect {
background-color: #fff;
border-radius: 0;
height: 40px;
font: 400 1.0715em/1em 'PT Serif', serif;
font-style: italic;
color: #4b4b4b;
border: 1px solid #e9e9e9;
width: 100%;
padding: 6px 12px;
margin-bottom: 20px;
}
.book-left-content span {
color: #404040;
display: block;
font: 600 1em/1.5em "Open Sans", sans-serif;
margin: 0 0 0.7em;
}
.contact-info {
position: relative;
padding-left: 50px;
}
.contact-info h2 {
color: #0e1322;
font: 2em/1em "Playball", sans-serif;
margin: 0 0 1.5em;
padding: 0;
position: relative;
}
.contact-info h2:after {
content: '';
position: absolute;
bottom: 7px;
width: 60px;
height: 2px;
display: inline-block;
background: #a7cc38;
margin: 0 0 0 12px;
}
.contact-info .media-contact {
position: relative;
margin-bottom: 2.3em;
}
.contact-info .media-contact-icon {
width: 50px;
height: 50px;
float: left;
font-size: 30px;
line-height: 48px;
text-align: center;
color: #fff;
-moz-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
background: #a2d002;
}
.contact-info .media-contact-icon i {
font-size: 0.78em;
}
.contact-info .media-contact-info p a i {
color: #545353;
font: 1.4em/1em "Playball", sans-serif;
}
.contact-info .media-contact-info {
padding-left: 73px;
}
.contact-info .media-contact-info p {
color: #898989;
margin: 0;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.contact-info .media-contact-info p a {
color: #898989;
}
.contact-info .media-contact-info p a:hover {
color: #85ab00;
}
.contact-info .media-contact-info p span {
color: #3894c3;
}
.tt-contact-map {
height: 415px;
}
.book-left-content .res-btn {
padding: 0.6em 2.5em;
}
/* ==============================
32. Single room Styles
============================== */
.book-r-form {
background: #f1eff2;
margin-bottom: 3em;
overflow: hidden;
width: 100%;
}
.book-r-form .room-price {
border-bottom: 1px solid #dfdfdf;
position: relative;
text-align: center;
padding: 3em 0 1em;
}
.book-r-form .room-price h6 {
margin: 0 0 0.8em;
padding: 0;
font: 700 0.88em/1em "Open Sans", sans-serif;
text-transform: uppercase;
color: #848484;
}
.book-r-form .room-price p {
font: 2.66em/1em "Playball", sans-serif;
margin: 0;
padding: 0;
color: #000;
}
.book-r-form .room-price p span {
font: 600 0.4em/1em "Open Sans", sans-serif;
color: #848484;
text-transform: uppercase;
}
.book-r-form .book-form {
border-top: 1px solid #fff;
position: relative;
padding: 2em 0.4em;
overflow: hidden;
}
.book-r-form .book-form b {
display: block;
color: #000;
text-transform: uppercase;
font: 600 0.95em/1em "Open Sans", sans-serif;
margin: 0 0 0.8em;
}
.book-r-form .book-form .form-control[readonly] {
height: 39px;
background: #fff;
border: 1px solid #e3e3e3;
border-radius: 0;
font: 400 1.0715em/1em 'PT Serif', serif;
font-style: italic;
color: #4b4b4b;
margin-bottom: 20px;
}
.book-r-form .book-form .dropdownselect {
background-color: #fff;
border-radius: 0;
height: 40px;
font: 400 1.0715em/1em 'PT Serif', serif;
font-style: italic;
color: #4b4b4b;
border: 1px solid #e3e3e3;
width: 100%;
padding: 6px 12px;
margin-bottom: 1em;
}
.book-r-form .select-box {
width: 100%;
position: relative;
float: left;
margin-bottom: 20px;
}
.book-r-form .select-box .select-menu + .ui-selectmenu-button {
width: 100% !important;
border-radius: 0;
padding: 0px 12px;
border: 1px solid #E5E5E5;
height: 40px;
background: #fff;
outline: none;
color: #898989;
}
.book-r-form .select-menu + .ui-selectmenu-button .ui-selectmenu-text {
padding: 0;
font: 400 1.039em/1em 'PT Serif', serif;
line-height: 40px;
font-style: italic;
color: #4a4a4a;
}
.book-r-form .select-menu + .ui-selectmenu-button .ui-icon.ui-icon-triangle-1-s {
background: url(../images/select-menu-arrow.png) 0 0 no-repeat;
width: 9px;
height: 6px;
margin-top: -3px;
margin-right: 4px;
}
.ser-in-box .select-menu + .ui-selectmenu-menu .ui-menu-item {
background: #2d6293;
border-color: #00ACD9;
font-style: normal;
}
.book-r-form .book-form .res-btn {
width: 100%;
background: #85ab00;
}
.book-r-form .book-form .res-btn:hover {
background: #1a1a1c;
}
.single-room-wrapper {
position: relative;
}
.single-room-wrapper .room-slider-wrapper {
position: relative;
margin-bottom: 3em;
overflow: hidden;
}
.single-room-wrapper .room-slider-wrapper .single-r-wrapper {
position: relative;
}
.single-room-wrapper .room-slider-wrapper .single-r-wrapper .owl-theme .owl-controls .owl-nav [class*=owl-] {
margin: 0;
padding: 15px 6px;
border-radius: 0;
}
.single-room-wrapper .room-slider-wrapper .single-r-wrapper .owl-carousel .owl-controls .owl-nav .owl-prev {
float: left;
position: absolute;
left: 0;
background: #2a2919;
margin-top: 23px;
}
.single-room-wrapper .room-slider-wrapper .single-r-wrapper .fa {
font-size: 1em;
}
.single-room-wrapper .room-slider-wrapper .single-r-wrapper .owl-carousel .owl-controls .owl-nav .owl-next {
float: right;
position: absolute;
right: 0;
background: #2a2919;
margin-top: 23px;
}
.single-room-wrapper .room-slider-wrapper .single-r-wrapper .button.secondary img:hover, .single-room-wrapper .room-slider-wrapper .single-r-wrapper .button.secondary img:focus {
opacity: 0.2;
}
.single-room-wrapper .room-slider-wrapper .single-r-wrapper .button.secondary img {
margin-right: 0.7px;
}
.button {
transition: background-color 300ms ease-out;
}
.single-room-wrapper .room-dec-wrapper {
position: relative;
}
.single-room-wrapper .room-dec-wrapper h2 {
color: #0e1322;
font: 2.43em/1em "Playball", sans-serif;
margin: 0 0 1em;
padding: 0;
position: relative;
}
.single-room-wrapper .room-dec-wrapper h2:after {
content: '';
position: absolute;
bottom: 7px;
width: 60px;
height: 2px;
display: inline-block;
background: #a7cc38;
margin: 0 0 0 12px;
}
.single-room-wrapper .room-dec-wrapper p {
color: #898989;
margin: 0 0 2em;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.single-room-wrapper .room-fac-wrapper {
position: relative;
}
.single-room-wrapper .room-fac-wrapper h2, .single-room-wrapper .room-overview h2, .single-room-wrapper .question-wrapper h2 {
color: #0e1322;
font: 2.43em/1em "Playball", sans-serif;
margin: 0 0 1em;
padding: 0;
position: relative;
}
.single-room-wrapper .room-fac-wrapper h2:after, .single-room-wrapper .room-overview h2:after, .single-room-wrapper .question-wrapper h2:after {
content: '';
position: absolute;
bottom: 7px;
width: 60px;
height: 2px;
display: inline-block;
background: #a7cc38;
margin: 0 0 0 12px;
}
.single-room-wrapper .ro-facilitie {
position: relative;
}
.single-room-wrapper .ro-facilitie ul {
margin: 0;
padding: 0;
}
.single-room-wrapper .ro-facilitie ul li {
margin: 0 1%;
padding: 0;
width: 18%;
float: left;
border-top: 4px solid #e3e3e3;
border-left: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
display: table;
}
.single-room-wrapper .ro-facilitie ul li .facilitie-i-box {
display: table-cell;
vertical-align: middle;
text-align: center;
position: relative;
padding: 2em 0;
}
.single-room-wrapper .ro-facilitie ul li .facilitie-i-box h3 {
font: 800 1em/1em "Raleway", sans-serif;
margin: 0 0 0.8em;
padding: 0;
text-align: center;
color: #0e1322;
text-transform: uppercase;
}
.single-room-wrapper .room-overview {
position: relative;
overflow: hidden;
margin-top: 3em;
}
.single-room-wrapper .room-overview code {
color: #000;
text-transform: uppercase;
background: transparent;
font: 700 1em/1em "Open Sans", sans-serif;
}
.single-room-wrapper .room-overview .table > tbody > tr > th {
width: 35%;
padding: 13px 30px;
border-top: 1px solid transparent;
}
.single-room-wrapper .room-overview .table > tbody > tr > td {
border-top: 1px solid transparent;
color: #898989;
font: 400 1.0715em/1em "Open Sans", sans-serif;
padding: 13px 30px;
}
.single-room-wrapper .room-overview h5 {
font: 400 1.3em/1.5em "Open Sans", sans-serif;
font-style: italic;
padding: 0;
margin-bottom: 3em;
margin-top: 1em;
}
.single-room-wrapper .question-wrapper {
position: relative;
overflow: hidden;
background: #f5f4f6;
margin: 5em 0 0;
padding-top: 3em;
padding-bottom: 3em;
}
.single-room-wrapper .question-wrapper .form-control {
margin-bottom: 20px;
border-radius: 0;
font: 1em/1.5em "Open Sans", sans-serif;
color: #959595;
padding: 11px 20px;
border: 1px solid #e1e1e1;
height: auto;
-webkit-box-shadow: none;
box-shadow: none;
}
.room-overview a {
font: 600 1.3em/1.5em "Open Sans", sans-serif;
padding: 0.8em 2em;
}
/* ==============================
33. Home Two Styles
============================== */
.wel-band {
background: #f0f0f0;
padding-top: 0.8em;
padding-bottom: 0.7em;
}
.wel-band .top-left ul {
margin: 0;
padding: 0;
}
.wel-band .top-left ul li {
display: inline-block;
margin-right: 1.4em;
}
.wel-band .top-left .t-icon {
float: left;
font-size: 1.33em;
margin-right: 0.4em;
}
.wel-band .top-left .t-txt {
float: left;
text-transform: uppercase;
font: 600 0.93em/1em "Open Sans", sans-serif;
color: #7f7f7f;
margin-top: 0.5em;
}
.wel-band .top-left .t-txt a {
color: #7f7f7f;
}
.wel-band .top-left .t-txt a:hover {
color: #91b41a;
}
.wel-band .top-right {
display: inline-block;
text-transform: uppercase;
font: 600 0.87em/1.5em "Open Sans", sans-serif;
color: #7f8997;
margin-top: 0.28em;
}
.wel-band .top-right a + a:before {
content: '';
background: #c2c2c2;
margin-right: 11px;
width: 1px;
height: 14px;
bottom: -3px;
position: relative;
display: inline-block;
}
.wel-band .top-right a {
color: #7f8997;
padding-right: 11px;
}
.wel-band .top-right a:hover {
color: #91b41a;
}
.wel-band .top-right a:last-child {
padding-right: 0;
}
/* ==============================
34. Home Two main menu Styles
============================== */
.home-two .main-menu {
background: white;
}
.home-two .main-menu .navbar-collapse > ul > li > a {
color: #666666;
}
.home-two .main-menu .navbar-collapse > ul > li.current > a, .home-two .main-menu .navbar-collapse > ul > li:hover > a {
color: #85ab00;
}
.home-two .header-inner .nav-header > ul > li > button {
color: #666666;
}
.home-two .header-inner {
background: rgba(255, 255, 255, 0.8);
background: rgba(255, 255, 255, 0.8);
background: #fff;
border-bottom: 1px solid #f4f4f4;
}
.home-two .header-inner .nav-header > ul > li > button {
padding-left: 1.2em;
}
.stricky-fixed .home-two .header-inner .nav-header {
margin: 1.6em 0 0;
}
.home-two .header-inner .nav-header {
margin: 2.3em 0 0 0.4em;
}
.home-two .search-border {
border-left: 1px solid #c2c2c2;
}
.home-two .main-menu .navbar-collapse > ul > li > ul {
background: #fff;
}
.home-two .main-menu .navbar-collapse > ul > li > ul > li > a:hover {
color: #85ab00;
background: #fff;
}
.home-two .main-menu .navbar-collapse > ul > li > ul > li a:hover:before {
color: #85ab00;
}
.home-two .main-menu .navbar-collapse > ul > li > ul > li:first-child:before {
left: 13%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-bottom-color: #fff;
border-width: 10px;
margin-left: -8px;
top: -20px;
z-index: 1;
}
.home-two .main-menu .navbar-collapse > ul > li > ul > li {
overflow: inherit;
}
.home-two .main-menu .navbar-collapse > ul > li > ul {
top: 115%;
}
.home-two .main-menu .navbar-collapse > ul > li > ul > li > a {
border-bottom: 1px solid #ebebeb;
color: #5b5b5b;
}
.home-two .main-menu .navbar-collapse > ul > li > ul > li a:before {
content: '\f105';
font-family: 'FontAwesome';
color: #828282;
position: absolute;
left: 25px;
top: 6px;
transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
}
/* ==============================
35. Home Two banner Styles
============================== */
.home-slider2 .carousel-caption {
top: 25%;
}
.home-slider2 .carousel-caption h2 {
color: #fff;
font: 3.93em/1em "Playball", sans-serif;
margin: 0 0 0.55em;
padding: 0;
}
.home-slider2 .carousel-caption p {
font: 400 1.22em/1.5em "Open Sans", sans-serif;
margin: 0 0 1.7em;
padding: 0;
font-style: italic;
}
.home-slider2 .carousel-caption a {
display: inline-block;
font: 600 1em/1em "Open Sans", sans-serif;
border: 1px solid #fff;
border-radius: 5px;
color: #fff;
text-transform: uppercase;
padding: 1em 1.9em;
}
.home-slider2 .carousel-caption a:hover {
background: #85ab00;
}
/* ==============================
36. Search Home Two Styles
============================== */
.search-sec-homet {
background: transparent;
margin-top: -8em;
}
.search-sec-homet .overlay .border {
padding: 1.6em 2.5em;
}
/* ==============================
37. Counter Home Two Styles
============================== */
.resort-counert {
background: url(../images/counter/1.jpg) 0 0 no-repeat fixed;
background-size: 100% 100%;
position: relative;
padding: 70px 0;
}
.rest-fact-counter {
position: relative;
padding: 20px 0;
}
.rest-fact-counter .text-box, .rest-fact-counter .text-box2 {
display: table-cell;
vertical-align: middle;
}
.rest-fact-counter .text-box h4 {
color: #fff;
font: 600 3.95em/1em "PT Serif", sans-serif;
margin: 0;
padding: 0;
position: relative;
}
.rest-fact-counter .text-box h4:before {
content: '';
position: absolute;
width: 32px;
height: 3px;
display: inline-block;
background: #fff;
margin: 0;
top: -0.3em;
}
.rest-fact-counter .text-box2 {
padding-left: 1em;
}
.rest-fact-counter .text-box2 p {
color: #85ab00;
font: 400 1.0715em/1.4em "Open Sans", sans-serif;
margin: 0;
padding: 0;
text-transform: uppercase;
}
.rest-fact-counter .text-box2 p span {
display: block;
}
/* ==============================
38. Activities of Resort Home Two Styles
============================== */
.resot-activities {
background: #f4f4f4;
}
.activities-cont {
position: relative;
}
.activities-cont p {
color: #898989;
margin: 0 0 1.5em;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.activities-cont a {
margin-top: 1.5em;
padding: 0.65em 1.9em;
}
.wel-outer-homtwo ul li {
width: 46%;
margin-right: 4%;
float: right;
margin-left: 0;
}
.wel-outer-homtwo ul li:first-child {
margin-right: 0;
margin-left: 0;
}
.wel-pad-htwo {
margin-top: 1em;
}
/* ==============================
39. Our Offers Home Two Styles
============================== */
.our-offer-htwo {
background: url(../images/offer/1.jpg) center bottom no-repeat fixed;
background-size: 100% 100%;
position: relative;
}
.our-offer-left {
position: relative;
padding-right: 5em;
}
.our-offer-left p {
color: #898989;
margin: 0 0 1.5em;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.offer-right .offer-img-box1 {
position: relative;
float: left;
margin-right: 2em;
}
.offer-right .offer-img-box2 {
position: relative;
float: left;
}
.offer-right .offer-img-box2 .box1 {
position: relative;
margin-bottom: 2em;
}
.offer-right .offer-img-box2 .box1 .img_holder {
position: relative;
}
.offer-right .offer-img-box2 .box1 .img_holder {
position: relative;
}
.offer-right .offer-img-box2 .box1 .img_holder .overlay {
position: absolute;
bottom: 15px;
left: 5%;
width: 90%;
right: 5%;
}
.offer-right .offer-img-box2 .box1 .img_holder .overlay .text1 {
position: relative;
color: #fff;
font: 400 0.7em/1.8em "Open Sans", sans-serif;
text-align: right;
}
.offer-right .offer-img-box2 .box1 .img_holder .overlay .offertext1 {
background: rgba(255, 255, 255, 0.8);
}
.offer-right .offer-img-box2 .box1 .img_holder .overlay .offertext1 p {
color: #dc6c04;
font: 3.5em/1em "Playball", sans-serif;
margin: 0;
padding: 0.2em 0.6em;
}
.offer-right .offer-img-box2 .box1 .img_holder .overlay .offertext1 .off-txt {
color: #dc6c04;
font: 0.58em/1em "Playball", sans-serif;
display: inline-block;
}
.offer-right .offer-img-box2 .box1 .img_holder .overlay .offertext1 .winter-txt {
color: #000;
font: 700 0.5em/1em 'Open Sans Condensed', sans-serif;
display: inline-block;
padding-left: 0.4em;
}
.offer-right .offer-img-box2 .box2 {
position: relative;
}
.offer-right .offer-img-box2 .box2 .img_holder {
position: relative;
}
.offer-right .offer-img-box2 .box2 .img_holder .overlay {
position: absolute;
bottom: 15px;
width: 46%;
right: 5%;
background: rgba(255, 255, 255, 0.8);
padding: 1.3em;
}
.offer-right .offer-img-box2 .box2 .img_holder .overlay p {
color: #000;
font: 600 1.7em/1em 'Open Sans Condensed', sans-serif;
padding: 0;
margin: 0;
}
.offer-right .offer-img-box2 .box2 .img_holder .overlay h2 {
color: #729400;
padding: 0;
margin: 0;
font: 2.67em/1em "Playball", sans-serif;
}
.offer-right .offer-img-box2 .box2 .img_holder .overlay h2 span {
color: #729400;
font: 0.76em/1em "Playball", sans-serif;
}
.offer-right .offer-img-box2 .box2 .img_holder .overlay h6 {
border-top: 1px solid #a5a4a4;
color: #929292;
font: 400 0.7em/1.8em "Open Sans", sans-serif;
padding: 0;
margin: 0;
text-align: center;
}
/* ==============================
40.Our Gallery Home Two Styles
============================== */
.our-galler-htwo {
background: url(../images/gallery-two/bg.jpg) no-repeat center top;
position: relative;
}
.sec-w-header h2 {
color: #fff;
font: 2.43em/1em "Playball", sans-serif;
margin: 0;
padding: 0;
}
.fullwidth-slider {
padding: 0 1.5em;
}
.fullwidth-slider.owl-theme .owl-controls .owl-nav [class*="owl-"] {
background: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin: 0;
padding: 0;
}
.fullwidth-slider.owl-carousel .owl-controls .owl-nav .owl-prev, .fullwidth-slider.owl-carousel .owl-controls .owl-nav .owl-next {
background: #a9c449;
width: 33px;
text-align: center;
font-size: 20px;
line-height: 33px;
color: #fff;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
.fullwidth-slider.owl-carousel .owl-controls .owl-nav .owl-prev {
margin-right: 20px;
}
.fullwidth-slider.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
background: #85ab00;
color: #fff;
text-decoration: none;
}
.fullwidth-slider.owl-theme .owl-controls {
margin-top: 4em;
}
/* ==============================
41.Testimonials & Our Events Home Two Styles
============================== */
.sec-header-two {
position: relative;
}
.sec-header-two h2 {
color: #0e1322;
font: 2.43em/1em "Playball", sans-serif;
margin: 0 0 1.3em;
padding: 0;
}
.sec-header-two h2:after {
content: '';
position: absolute;
bottom: 7px;
width: 60px;
height: 2px;
display: inline-block;
background: #a7cc38;
margin: 0 0 0 12px;
}
.our-event-t-wrapper {
position: relative;
}
.our-event-t-wrapper .media {
margin-bottom: 2.5em;
}
.our-event-t-wrapper .media-last {
margin-bottom: 0;
}
.our-event-t-wrapper .media-left {
position: relative;
padding-right: 2em;
}
.our-event-t-wrapper .media-body {
position: relative;
}
.our-event-t-wrapper .media-body h2 {
color: #1c1c1c;
margin: 0 0 0.3em;
padding: 0;
font: 700 1.0715em/1em "Open Sans", sans-serif;
text-transform: uppercase;
}
.our-event-t-wrapper .media-body p {
color: #a0a0a0;
font: 400 1.0715em/1.6em "Open Sans", sans-serif;
margin: 0;
padding: 0;
}
.our-event-t-wrapper .date-box {
position: relative;
width: 85px;
height: 85px;
border: 5px solid #85ab00;
background: #91b41a;
text-align: center;
}
.our-event-t-wrapper .date-box .date-inner {
display: table;
text-align: center;
width: 100%;
height: 100%;
}
.our-event-t-wrapper .date-box .date-inner .date-c-inner {
display: table-cell;
vertical-align: middle;
}
.our-event-t-wrapper .date-box .date-inner .date-c-inner p {
color: #fff;
font: 2.15em/1em "Playball", sans-serif;
margin: 0;
padding: 0;
}
.our-event-t-wrapper .date-box .date-inner .date-c-inner p span {
color: #fff;
font: 0.7em/1em "Playball", sans-serif;
margin: 0;
padding: 0;
display: block;
}
.event-wrapper {
position: relative;
padding-left: 3em;
}
@media (max-width: 991px) {
.event-wrapper {
padding-top: 30px;
padding-left: 15px;
}
}
/* ==============================
42.Get in Touch & Drop a Message Home Two Styles
============================== */
.get-touch-two {
position: relative;
}
.get-touch-wrapper {
position: relative;
}
.get-touch-wrapper .touch-img {
float: left;
margin-right: 3em;
}
.get-touch-wrapper .touch-txt {
float: left;
}
.get-touch-wrapper .touch-txt h3 {
color: #323232;
font: 1.72em/1em "Playball", sans-serif;
margin: 0 0 1em;
padding: 0;
}
.get-touch-wrapper .touch-txt h3 span {
color: #7e7e7e;
display: block;
font: 400 0.62em/1.6em "Open Sans", sans-serif;
}
.get-touch-wrapper .touch-txt p {
color: #7e7e7e;
margin: 0 0 1em;
padding: 0;
font: 400 1.0715em/1.6em "Open Sans", sans-serif;
}
.get-touch-wrapper .touch-txt p a {
color: #7e7e7e;
}
.sec-header-touch {
position: relative;
}
.sec-header-touch h2 {
color: #0e1322;
font: 2.43em/1em "Playball", sans-serif;
margin: 0 0 0.7em;
padding: 0;
}
.sec-header-touch h2:after {
content: '';
position: absolute;
bottom: 7px;
width: 60px;
height: 2px;
display: inline-block;
background: #a7cc38;
margin: 0 0 0 12px;
}
.home-two-msgwrapper {
position: relative;
padding-left: 7em;
}
.drop-wrapper {
position: relative;
}
.drop-wrapper form .form-control {
margin-bottom: 20px;
border-radius: 0;
font: 400 1.0715em/1.5em 'Open Sans', serif;
color: #959595;
padding: 11px 20px;
border: 1px solid #e1e1e1;
height: auto;
-webkit-box-shadow: none;
box-shadow: none;
}
/* ==============================
43.Rooms And Suits Home Two Styles
============================== */
.room-suite-htwo .item:hover .ro-txt {
background: transparent;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
.room-suite-htwo .item .ro-txt h2 {
color: #242424;
font: 1.86em/1em "Playball", sans-serif;
padding: 0;
margin: 1em 0 0.7em;
position: relative;
}
.room-suite-htwo .item .ro-txt h2:after {
content: '';
position: absolute;
bottom: 7px;
width: 35px;
height: 2px;
display: inline-block;
background: #a7cc38;
margin: 0 0 0 12px;
}
.room-suite-htwo .item .ro-txt p {
color: #898989;
margin: 0 0 1.8em;
font: 400 1.0715em/1.5em "Open Sans", sans-serif;
}
.room-suite-htwo .item .ro-img {
border-bottom: 0px solid transparent;
}
.room-suite-htwo .item .ro-txt {
background: transparent;
border-left: 1px solid transparent;
border-right: 1px solid transparent;
border-bottom: 1px solid transparent;
padding: 0;
}
.room-suite-htwo .ro-text-two {
position: relative;
}
.room-suite-htwo .ro-text-two .left-p-two {
position: relative;
}
.room-suite-htwo .ro-text-two .left-p-two .res-btn {
background: #85ab00;
padding: 0.5em 2em;
}
.room-suite-htwo .ro-text-two .left-p-two .res-btn:hover {
background: #1a1a1c;
}
.room-suite-htwo .ro-text-two .right-p-two p {
color: #242424;
font: 2em/1em "Playball", sans-serif;
padding: 0 0 0;
margin: 0;
}
.room-suite-htwo .ro-text-two .right-p-two p span {
display: block;
font: 400 0.5em/1.3em "Open Sans", sans-serif;
font-style: italic;
color: #888;
}
.roomsuite-slider-two .owl-nav {
position: absolute;
right: 0;
top: -82px;
}
.roomsuite-slider-two.owl-theme .owl-controls .owl-nav [class*="owl-"] {
background: transparent;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
margin: 0;
padding: 0;
}
.roomsuite-slider-two.owl-carousel .owl-controls .owl-nav .owl-prev, .roomsuite-slider-two.owl-carousel .owl-controls .owl-nav .owl-next {
background: #a9c449;
width: 33px;
text-align: center;
font-size: 20px;
line-height: 33px;
color: #fff;
float: left;
-webkit-transition: all 300ms linear 0s;
transition: all 300ms linear 0s;
}
.roomsuite-slider-two.owl-carousel .owl-controls .owl-nav .owl-prev {
margin-right: 5px;
}
/* ==============================
44.Rooms Amenities Styles
============================== */
.sec-header-small {
position: relative;
}
.sec-header-small h2 {
color: #0e1322;
font: 2em/1em "Playball", sans-serif;
margin: 0 0 0.8em;
padding: 0;
}
.sec-header-small h2:after {
content: '';
position: absolute;
bottom: 7px;
width: 60px;
height: 2px;
display: inline-block;
background: #a7cc38;
margin: 0 0 0 12px;
}
.aminities-wrapper {
position: relative;
overflow: hidden;
margin: 0 0 2.5em;
}
.aminities-outer {
position: relative;
}
.aminities-wrapper p {
color: #898989;
margin: 0 0 3em;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.aminities-outer ul {
margin: 0 0 2em;
padding: 0;
overflow: hidden;
}
.aminities-outer ul li {
float: left;
width: 23%;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
margin: 0 1.3%;
}
.aminities-outer ul li:first-child {
margin-left: 0;
}
.aminities-outer ul li:last-child {
margin-right: 0;
}
.view {
width: 100%;
overflow: hidden;
position: relative;
text-align: center;
cursor: default;
background: #fff;
padding: 1.5em 0;
}
.mask {
width: 100%;
height: 100%;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
padding: 1.5em 0;
}
.view-aminities img {
-webkit-transition: all 0.4s ease-in-out 0.2s;
-moz-transition: all 0.4s ease-in-out 0.2s;
-o-transition: all 0.4s ease-in-out 0.2s;
-ms-transition: all 0.4s ease-in-out 0.2s;
transition: all 0.4s ease-in-out 0.2s;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
text-align: center;
display: inline-block;
}
.view-aminities .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 0;
-webkit-transform: scale(0) rotate(-180deg);
-moz-transform: scale(0) rotate(-180deg);
-o-transform: scale(0) rotate(-180deg);
-ms-transform: scale(0) rotate(-180deg);
transform: scale(0) rotate(-180deg);
-webkit-transition: all 0.4s ease-in;
-moz-transition: all 0.4s ease-in;
-o-transition: all 0.4s ease-in;
-ms-transition: all 0.4s ease-in;
transition: all 0.4s ease-in;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
background: url(../images/aminities/hover-bg.jpg) #8fb219 no-repeat 0 0;
}
.view-aminities h2 {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 1;
background: transparent;
margin: 1em 0 0.45em;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
color: #0e1322;
font: 400 1.55em/1em 'PT Serif', serif;
font-style: italic;
}
.view-aminities p {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
opacity: 1;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
font: 400 1.0715em/1.7em "Open Sans", sans-serif;
padding: 0 1.5em 1.7em;
color: #898989;
margin: 0;
}
.view-aminities:hover .mask {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transform: scale(1) rotate(0deg);
-moz-transform: scale(1) rotate(0deg);
-o-transform: scale(1) rotate(0deg);
-ms-transform: scale(1) rotate(0deg);
transform: scale(1) rotate(0deg);
-webkit-transition-delay: 0.2s;
-moz-transition-delay: 0.2s;
-o-transition-delay: 0.2s;
-ms-transition-delay: 0.2s;
transition-delay: 0.2s;
}
.view-aminities:hover img {
-webkit-transition: all 0.4s ease-in-out 0.2s;
-moz-transition: all 0.4s ease-in-out 0.2s;
-o-transition: all 0.4s ease-in-out 0.2s;
-ms-transition: all 0.4s ease-in-out 0.2s;
transition: all 0.4s ease-in-out 0.2s;
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
text-align: center;
display: inline-block;
}
.view-aminities:hover h2,
.view-aminities:hover p,
.view-aminities:hover a.info {
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition-delay: 0.5s;
-moz-transition-delay: 0.5s;
-o-transition-delay: 0.5s;
-ms-transition-delay: 0.5s;
transition-delay: 0.5s;
color: #fff;
}
.add-services {
position: relative;
overflow: hidden;
background: #ebebeb;
}
/* ==============================
45.Resort Activities Styles
============================== */
.activities-wrapper {
position: relative;
overflow: hidden;
}
.activities-outer {
display: flex;
margin: 0 0 3.4em;
}
.activities-content {
position: relative;
overflow: hidden;
background: #f5f5f5;
height: 100%;
padding: 0 2em;
}
.activities-content h2 {
color: #0e1322;
font: 2.43em/1em "Playball", sans-serif;
margin: 1.4em 0 0.6em;
padding: 0;
position: relative;
}
.activities-content h2:after {
content: '';
position: absolute;
bottom: 7px;
width: 60px;
height: 2px;
display: inline-block;
background: #a7cc38;
margin: 0 0 0 12px;
}
.activities-content p {
color: #898989;
margin: 0 0 1em;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.activities-content .res-btn {
background: #85ab00;
padding: 0.5em 1.7em;
}
.activities-content .res-btn:hover {
background: #ffb606;
}
.activities-main p {
color: #898989;
margin: 0 0 3em;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
/* ==============================
46.Offers & Deals Styles
============================== */
.offer-main {
position: relative;
overflow: hidden;
}
.offer-main p {
color: #898989;
margin: 0;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.offer-deal-dark {
position: relative;
overflow: hidden;
background: #f6f6f8;
}
.offer-content h2 {
color: #0e1322;
font: 2.43em/1em "Playball", sans-serif;
margin: 0 0 0.6em;
padding: 0;
position: relative;
}
.offer-content h2:after {
content: '';
position: absolute;
bottom: 7px;
width: 60px;
height: 2px;
display: inline-block;
background: #a7cc38;
margin: 0 0 0 12px;
}
.offer-content p {
color: #898989;
margin: 0 0 3em;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.offer-content {
position: relative;
padding-left: 8em;
}
.offer-b-main {
float: left;
}
.offer-b-but {
float: left;
}
.offer-b-but .res-btn {
background: #85ab00;
padding: 0.5em 1.7em;
color: #fff;
}
.offer-b-but .res-btn:hover {
background: #ffb606;
color: #fff;
}
.offer-b-price {
float: left;
margin-left: 2em;
}
.offer-b-price p {
color: #242424;
font: 2em/0.9em "Playball", sans-serif;
padding: 0 0 0;
margin: 0;
}
.offer-b-price p span {
display: block;
font: 400 0.53em/1.3em "Open Sans", sans-serif;
font-style: italic;
color: #888;
}
.offer-deal {
position: relative;
}
.offer-deal .img-holder {
position: relative;
}
.offer-deal .img-holder .overlay {
position: absolute;
top: 5%;
right: -10%;
border-radius: 100%;
border: 5px solid #fff;
background: #85ab00;
width: 120px;
height: 120px;
text-align: center;
}
.offer-deal .img-holder .overlay p {
color: #fff;
padding: 0.4em;
margin: 0;
font: 3.15em/1em "Playball", sans-serif;
text-align: center;
}
.offer-deal .img-holder .overlay p span {
color: #fff;
font: 0.64em/1em "Playball", sans-serif;
display: block;
}
.offer-deal .img-holder .col-pink {
background: #d16094;
}
.offer-deal .img-holder .col-purple {
background: #7491bc;
}
.offer-deal .img-holder .col-orange {
background: #fa9f4a;
}
/* ==============================
47. Family Fun Styles
============================== */
.family-outer {
overflow: hidden;
position: relative;
margin-bottom: 6.4em;
}
.family-content {
position: relative;
padding-left: 4em;
}
.family-content h2 {
color: #0e1322;
font: 2em/1em "Playball", sans-serif;
margin: 0 0 1.3em;
padding: 0;
position: relative;
}
.family-content h2:after {
content: '';
position: absolute;
bottom: 7px;
width: 60px;
height: 2px;
display: inline-block;
background: #a7cc38;
margin: 0 0 0 12px;
}
.family-content p {
color: #898989;
margin: 0 0 1.5em;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.family-img {
position: relative;
overflow: hidden;
}
.family-img .image-gallery {
position: relative;
overflow: hidden;
}
.family-img .image-gallery .single-gallery {
padding-right: 10px;
margin-bottom: 10px;
padding-left: 0;
float: left;
box-sizing: border-box;
}
.family-img .image-gallery .single-r-gallery {
padding-left: 0;
padding-right: 0;
margin-bottom: 10px;
float: right;
box-sizing: border-box;
}
.family-img .image-gallery .single-gallery.mix {
display: none;
}
.family-img .image-gallery .single-gallery.span-13 {
width: 58%;
}
.family-img .image-gallery .single-gallery.span-12 {
width: 42%;
}
.family-img .image-gallery .single-gallery.span-11 {
width: 43%;
}
.family-img .image-gallery .single-gallery.span-10 {
width: 100%;
}
.family-img .image-gallery .single-gallery.span-8 {
width: 66.66666667%;
}
.family-img .image-gallery .single-gallery.span-7 {
width: 57%;
}
.family-img .image-gallery .single-gallery.span-6 {
width: 50%;
}
.family-img .image-gallery .single-gallery.span-4 {
width: 33.33333333%;
}
.family-img .image-gallery .single-gallery.span-3 {
width: 25%;
}
.family-img .single-gallery:hover .img-holder img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.family-img .single-gallery .img-holder {
position: relative;
display: block;
overflow: hidden;
}
.family-img .single-gallery .img-holder img {
-webkit-transform: scale();
-ms-transform: scale(1);
transform: scale(1);
}
.bicycleing-img {
position: relative;
overflow: hidden;
}
.bicycleing-img ul {
margin: 0;
padding: 0;
}
.bicycleing-img ul li {
padding: 0;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.bicycleing-img ul li:nth-child(3) {
position: absolute;
right: 0;
margin-right: 0;
}
.bicycleing-img ul li:nth-child(4) {
position: absolute;
bottom: 0;
right: 0;
margin-right: 0;
}
.water-img {
position: relative;
overflow: hidden;
}
.water-img ul {
margin: 0;
padding: 0;
}
.water-img ul li {
padding: 0;
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.water-img ul li:nth-child(2) {
position: absolute;
top: 0;
right: 0;
margin-right: 0;
}
.water-img ul li:nth-child(4) {
position: absolute;
bottom: 0;
right: 0;
margin-right: 0;
}
.water-img ul li:nth-child(3) {
position: absolute;
bottom: 0;
left: 14.6em;
}
/* ==============================
48. hidden-bar Home Two Styles
============================== */
.hidden-bar .logo-side h2 {
color: #fff;
font: 2.43em/1em "Playball", sans-serif;
margin: 0.8em 0 0.4em;
padding: 0;
}
.hidden-bar .logo-side p {
color: #fff;
margin: 0;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.hidden-bar .side-gallery h3 {
color: #fff;
font: 600 1.26em/1em "Open Sans", sans-serif;
position: relative;
margin: 0 0 1.7em;
padding: 0;
font-style: italic;
}
.hidden-bar .side-gallery ul {
margin: 0;
padding: 0;
}
.hidden-bar .side-gallery ul li {
float: left;
margin: 0 15px 15px 0;
padding: 0;
}
.hidden-bar .side-gallery ul li:last-child {
margin: 0 0 15px 0;
}
.hidden-bar .side-email {
position: relative;
}
.hidden-bar .side-email a {
color: #fff;
font: 400 1.1em/1.7em "Open Sans", sans-serif;
margin: 0;
padding: 0;
}
.hidden-bar .side-email a:hover {
color: #fff;
}
.hidden-bar .side-gallery {
position: relative;
border-bottom: 1px solid #e0e0e0;
overflow: hidden;
margin-top: 3.5em;
padding-bottom: 1em;
margin-bottom: 1em;
}
.stricky-two .header-inner .main-menu .navbar-collapse > ul > li.current > a, .stricky-two .header-inner .main-menu .navbar-collapse > ul > li:hover > a {
color: #85ab00;
}
.hidden-bar-two {
background: #fff;
}
.hidden-bar-two .logo-side {
position: relative;
}
.hidden-bar-two .logo-side h2 {
color: #2a2a2a;
font: 2.43em/1em "Playball", sans-serif;
margin: 0.8em 0 0.4em;
padding: 0;
}
.hidden-bar-two .logo-side p {
color: #898989;
margin: 0;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.hidden-bar-two .logo {
padding: 2.32em 2.5em 0;
}
.hidden-bar-two .hidden-bar-closer {
background: #fff;
border: 1px solid #d0d0d0;
color: #898989;
line-height: 30px;
border-radius: 0;
right: 30px;
left: inherit;
top: 56px;
}
.hidden-bar-two .main-menu ul li a {
background: #fff;
color: #666666;
border-top: 1px solid transparent;
border-bottom: 1px solid #ebebeb;
}
.hidden-bar-two .main-menu ul li a:hover {
background: #fff;
color: #85ab00;
}
.hidden-bar-two .main-menu .current a {
color: #85ab00;
}
.hidden-bar-two .main-menu ul li a:hover:before {
background: #85ab00;
color: #85ab00;
}
.hidden-bar-two .main-menu ul li a .btn.expander {
background: #fff;
color: #85ab00;
border: 1px solid #fff;
}
.hidden-bar-two .side-gallery {
position: relative;
border-bottom: 1px solid #e0e0e0;
overflow: hidden;
margin-top: 3.5em;
padding-bottom: 1em;
margin-bottom: 1em;
}
.hidden-bar-two .side-gallery h3 {
color: #898989;
font: 600 1.26em/1em "Open Sans", sans-serif;
position: relative;
margin: 0 0 1.7em;
padding: 0;
font-style: italic;
}
.hidden-bar-two .side-gallery h3:after {
content: '';
position: absolute;
bottom: 4px;
width: 35px;
height: 2px;
display: inline-block;
background: #a7cc38;
margin: 0 0 0 12px;
}
.hidden-bar-two .side-gallery ul {
margin: 0;
padding: 0;
}
.hidden-bar-two .side-gallery ul li {
float: left;
margin: 0 15px 15px 0;
padding: 0;
}
.hidden-bar-two .side-gallery ul li:last-child {
margin: 0 0 15px 0;
}
.hidden-bar-two .side-email {
position: relative;
}
.hidden-bar-two .side-email a {
color: #898989;
font: 400 1.1em/1.7em "Open Sans", sans-serif;
margin: 0;
padding: 0;
}
.hidden-bar-two .side-email a:hover {
color: #85ab00;
}
/* ==============================
49. tracking styles
============================== */
.m-traking {
position: relative;
overflow: hidden;
}
.m-traking .maount-content {
position: relative;
padding-right: 4em;
}
.m-traking .maount-content h2 {
color: #0e1322;
font: 2.43em/1em "Playball", sans-serif;
margin: 0 0 1.3em;
padding: 0;
position: relative;
}
.m-traking .maount-content h2:after {
content: '';
position: absolute;
bottom: 7px;
width: 60px;
height: 2px;
display: inline-block;
background: #a7cc38;
margin: 0 0 0 12px;
}
.m-traking .maount-content h3 {
color: #0e1322;
font: 2em/1em "Playball", sans-serif;
margin: 0 0 1.3em;
padding: 0;
position: relative;
}
.m-traking .maount-content h3:after {
content: '';
position: absolute;
bottom: 7px;
width: 60px;
height: 2px;
display: inline-block;
background: #a7cc38;
margin: 0 0 0 12px;
}
.m-traking .maount-content p {
color: #898989;
margin: 0 0 3em;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.m-traking .maount-content h5 {
color: #898989;
margin: 0 0 0.3em;
padding: 1em 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
font-style: italic;
border-top: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
}
.m-traking .maount-galler {
position: relative;
}
.maount-galler .maount-gallery-box1 {
position: relative;
}
.maount-galler .maount-gallery-box1 ul {
margin: 0;
padding: 0;
}
.maount-galler .maount-gallery-box1 ul li {
margin: 0;
padding: 0;
float: left;
}
.maount-galler .maount-gallery-box1 ul li:nth-child(1) {
margin-bottom: 10px;
}
.maount-galler .maount-gallery-box1 ul li:nth-child(2) {
margin-right: 10px;
}
.maount-galler .maount-gallery-box2 {
position: relative;
}
.maount-galler .maount-gallery-box2 ul {
margin: 0;
padding: 0;
}
.maount-galler .maount-gallery-box2 ul li {
margin: 0;
padding: 0;
float: left;
}
.maount-galler .maount-gallery-box2 ul li:nth-child(1) {
margin-right: 10px;
margin-top: 10px;
}
.maount-galler .maount-gallery-box2 ul li:nth-child(2) {
margin-top: 10px;
margin-bottom: 10px;
}
/* ==============================
50. Our Restaurant Styles
============================== */
.rest-content {
position: relative;
}
.rest-pad {
padding-bottom: 3.4em;
}
.rest-content h2 {
color: #373737;
font: 1.9em/1em "PT Serif", sans-serif;
margin: 0 0 0.7em;
padding: 0;
position: relative;
font-style: italic;
}
.rest-content p {
color: #898989;
margin: 0 0 1.5em;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.rest-content ul {
padding: 0;
margin: 0;
}
.rest-content ul li {
padding: 0 0 0 1em;
margin: 0;
color: #898989;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
font-style: italic;
}
.rest-content ul li:before {
content: '-';
position: absolute;
width: 3px;
height: 2px;
display: inline-block;
background: #a7cc38;
margin: 0;
background: none;
left: 0;
}
.our-special-wrapper {
position: relative;
background: #f4f4f4;
}
.our-special-wrapper p {
color: #898989;
margin: 0 0 1.5em;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.our-spec-outer {
position: relative;
overflow: hidden;
margin-top: 1.5em;
}
.our-spec-outer .item h2 {
color: #242424;
font: 1.86em/1em "Playball", sans-serif;
margin: 1em 0 0.4em;
padding: 0;
position: relative;
}
.our-menu-tab {
position: relative;
}
.tab-inner-cont {
position: relative;
}
.myTabContent {
position: relative;
overflow: hidden;
border-left: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
border-bottom: 1px solid #dcdcdc;
}
.tab-inner-cont {
padding: 3em 2em;
}
.tab-inner-cont p {
color: #000;
margin: 0;
padding: 1em 0;
font: 600 1.0715em/1.8em "Open Sans", sans-serif;
}
.tab-inner-cont .media {
border-bottom: 1px solid #dcdcdc;
border-top: 1px solid #dcdcdc;
position: relative;
padding: 2em 0;
margin-top: 0;
}
.tab-inner-cont .media-border {
border-top: 1px solid transparent;
}
.tab-inner-cont .media-n-border {
border-bottom: 1px solid transparent;
padding-bottom: 0;
}
.tab-inner-cont .media .media-left {
position: relative;
}
.tab-inner-cont .media .media-left h2 {
color: #242424;
font: 800 1.43em/1.4em "Open Sans", sans-serif;
margin: 0;
padding: 0;
}
.tab-inner-cont .media .media-left p {
color: #898989;
margin: 0;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.tab-inner-cont .media .media-right {
position: relative;
padding-left: 8em;
}
.tab-inner-cont .media .media-right p {
color: #94bc09;
font: 2.72em/1em "Playball", sans-serif;
margin: 0.2em 0;
padding: 0;
}
.our-table-wrapper {
background: url(../images/restaurant/7bg.jpg) 0 0 no-repeat fixed;
background-size: 100% 100%;
position: relative;
overflow: hidden;
}
.our-table-cont {
position: relative;
}
.our-table-cont h2 {
color: #fff;
font: 2.43em/1em "Playball", sans-serif;
margin: 0 0 0.6em;
padding: 0;
position: relative;
}
.our-table-cont h2:after {
content: '';
position: absolute;
bottom: 7px;
width: 60px;
height: 2px;
display: inline-block;
background: #a7cc38;
margin: 0 0 0 12px;
}
.our-table-cont p {
color: #fff;
margin: 0 0 2em;
padding: 0;
font: 400 1.0715em/1.8em "Open Sans", sans-serif;
}
.table-form {
padding-left: 14em;
padding-right: 4em;
}
.table-form form .form-control {
margin-bottom: 20px;
border-radius: 0;
font: 400 1.0715em/1.5em 'PT Serif', serif;
color: #fff;
padding: 11px 20px;
border: 1px solid #e1e1e1;
height: auto;
-webkit-box-shadow: none;
box-shadow: none;
font-style: italic;
background: transparent;
}
.table-form .res-btn {
background: #85ab00;
}
.our-menu-tab .nav-tabs > li > a {
text-transform: uppercase;
color: #242424;
font: 600 1.15em/1em 'Open Sans Condensed', sans-serif;
border-radius: 0;
padding: 0.9em 3.3em;
background: #f5f5f5;
border: 1px solid #dcdcdc;
margin-right: 10px;
}
.our-menu-tab .nav-tabs > li.active > a, .our-menu-tab .nav-tabs > li.active > a:hover, .our-menu-tab .nav-tabs > li.active > a:focus {
background: #fff;
border-bottom-color: transparent;
}
.wel-box-outer {
position: relative;
overflow: hidden;
}
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
/*------------------------------------*/
/*change css file name to change date picker style */
/*Fonts*/
.playball-font {
font-family: 'Playball';
}
section.row {
margin: 0;
position: relative;
}
.rest-fact-counter {
position: relative;
padding-left: 10px;
padding-right: 10px;
}
.rest-fact-counter:before {
content: '';
width: 1px;
height: 80px;
background: #ccc;
opacity: 0.1;
position: absolute;
top: 50%;
left: -15px;
margin-top: -55px;
}
/*Header*/
body {
position: relative;
}
.transBg-main-menu-header {
border: none;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: 1000;
}
.transBg-main-menu-wrapper {
background: none;
}
.transBg-main-menu-wrapper.stricky-fixed {
background: #222;
}
.transBg-main-menu-wrapper .nav-holder .nav-footer ul.nav > li > a {
color: #fff;
}
.transBg-main-menu-wrapper .nav-header-right > ul > li > button {
color: #fff;
}
/*Home Slider*/
.nasir-home-slider .owl-controls {
display: none;
}
.nhs-caption .this-title {
margin-top: 0;
margin-bottom: 20px;
font: 48px/52px "Playball", cursive;
color: #fff;
}
.nhs-caption .this-stitle {
font: italic 30px/1.2 "Open Sans", sans-serif;
margin-top: 0;
margin-bottom: 35px;
color: #fff;
animation-delay: 200ms !important;
}
.nhs-caption p {
font: 17px/26px "Open Sans", sans-serif;
color: #fff;
letter-spacing: 0.3px;
margin-bottom: 40px;
animation-delay: 500ms !important;
}
.nhs-caption a {
animation-delay: 800ms !important;
}
.nhs-btn {
line-height: 40px;
border-radius: 3px;
border: 1px solid #fff;
padding: 0 25px;
display: inline-block;
font-weight: bold;
font-family: "Open Sans", sans-serif;
text-transform: uppercase;
color: #fff;
}
.nhs-btn:hover, .nhs-btn:focus {
color: #fff;
background: #000;
border-color: #000;
}
.nhs-btn3 {
line-height: 40px;
border-radius: 3px;
border: 1px solid #fff;
padding: 0 25px;
display: inline-block;
font-weight: bold;
font-family: "Open Sans", sans-serif;
text-transform: uppercase;
background: #1bb0e7;
color: #fff;
border-color: #1bb0e7;
}
.nhs-btn3:hover, .nhs-btn3:focus {
color: #fff;
background: #000;
border-color: #000;
}
.nhs-btn2 {
line-height: 48px;
border-radius: 3px;
padding: 0 25px;
display: inline-block;
font-weight: bold;
font-family: "Open Sans", sans-serif;
text-transform: uppercase;
background: #b8da3e;
color: #6d7d32;
}
.nhs-btn2:hover, .nhs-btn2:focus {
color: #fff;
background: #000;
border-color: #000;
}
.nhs-btn2-sm {
line-height: 38px;
color: #fff;
}
.nhs-caption1 .this-title, .nhs-caption1 p {
max-width: 640px;
}
.nhs-caption1 a {
margin-left: 20px;
}
.nhs-caption2 .this-title, .nhs-caption2 p {
max-width: 640px;
margin-left: auto;
margin-right: auto;
}
.nhs-caption2 .this-title {
margin-bottom: 25px;
}
.nhs-caption3 .this-title, .nhs-caption3 p {
max-width: 570px;
margin-left: 10px;
}
.nhs-caption5 p {
max-width: 570px;
margin: 0 auto;
}
.nhs-caption6 .this-title, .nhs-caption6 p, .nhs-caption7 .this-title, .nhs-caption7 p {
max-width: 840px;
margin: 0 auto;
}
.nhs-caption6 .this-title, .nhs-caption7 .this-title {
font-size: 55px;
margin-bottom: 20px;
line-height: 1.13;
}
.nhs-caption6 p, .nhs-caption7 p {
font-style: italic;
font-size: 20px;
line-height: 1.4;
font-family: "Open Sans", sans-serif;
margin-bottom: 30px;
}
.nhs-caption6 a + a, .nhs-caption7 a + a {
margin-left: 28px;
}
.nhs-caption7 .this-title, .nhs-caption7 p {
max-width: 600px;
}
.nhs-caption7 p {
margin-bottom: 30px;
}
.nhs-caption8 .this-title {
margin: 0;
}
/*Wel Band*/
.nasir-wel-band {
background: #1f2e46;
}
.nasir-wel-band .top-left .t-txt a {
color: #bcbcbc;
}
.nasir-wel-band .top-right a + a:before {
background: #7f8997;
}
.nasir-wel-band.style2 {
background: rgba(0, 0, 0, 0.6);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
/*Home 3 Banner*/
.nasir-home-banner {
margin: 0;
text-align: center;
position: relative;
}
.nasir-home-banner img {
max-width: 100%;
}
.nhs-caption4 {
top: 100px;
position: absolute;
left: 0;
right: 0;
}
/*Welcome Blocks*/
.n-welcome-blocks {
padding: 40px 0 100px;
margin: 0;
background: #e7e9ed;
}
.n-welcome-blocks .sec-header + p {
font-size: 15px;
line-height: 26px;
color: #898989;
margin-bottom: 45px;
}
.n-welcome-block {
text-align: center;
}
.n-welcome-block .this-icon {
line-height: 64px;
}
.n-welcome-block .this-title {
margin-top: 18px;
font-family: "PT Serif", serif;
font-style: italic;
font-size: 22px;
color: #0e1322;
}
.n-welcome-block p {
font-size: 14px;
line-height: 26px;
color: #898989;
margin-bottom: 22px;
}
/*Driving Direction*/
.driving-dirction-core-vanue {
margin: 0;
padding: 95px 0;
}
.core-vanue .this-inner {
margin: 0;
}
.driving-direction .this-inner {
margin-left: 0;
margin-right: 35px;
}
.driving-direction .sec-header-two h2 {
margin-bottom: 30px;
}
.driving-direction .sec-header-two + p {
font-size: 15px;
line-height: 24px;
color: #898989;
margin-bottom: 25px;
}
.direction-lists {
margin: 30px 0 35px;
}
.direction-lists li {
padding-right: 45px;
font-size: 40px;
color: #0e1322;
padding-bottom: 12px;
line-height: 1;
}
.direction-lists li + li {
padding-right: 0;
padding-left: 45px;
border-left: 1px solid #898989;
}
.direction-lists li small {
font-size: 24px;
}
.direction-lists li span {
display: block;
font-size: 14px;
color: #898989;
margin-top: 5px;
}
/*Accordion*/
.bee-accordion .panel {
border-radius: 0;
border: none;
box-shadow: none;
}
.bee-accordion .panel + .panel {
margin-top: -1px;
}
.bee-accordion .panel-heading {
padding: 0;
background: none;
}
.bee-accordion .panel-heading a {
display: table;
line-height: 48px;
padding: 0 20px;
font-size: 16px;
font-weight: bold;
text-transform: uppercase;
color: #242424;
border-top: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
}
.bee-accordion .panel-heading a span {
display: table-cell;
width: 100%;
}
.bee-accordion .panel-heading a:after {
display: table-cell;
font-family: "Alegreya", serif;
width: 47px;
text-align: center;
font-size: 28px;
color: #898989;
vertical-align: middle;
}
.bee-accordion .panel-heading [aria-expanded="false"]:after {
content: "+";
}
.bee-accordion .panel-heading [aria-expanded="true"] {
background: #ebebeb;
}
.bee-accordion .panel-heading [aria-expanded="true"]:after {
content: "_";
line-height: 1;
padding-bottom: 20px;
}
.bee-accordion .panel-heading + .panel-collapse > .panel-body, .bee-accordion .panel-heading + .panel-collapse > .list-group {
border: none;
}
.bee-accordion .panel-body {
padding: 30px 0;
}
.bee-accordion .media-left {
padding-right: 28px;
}
.bee-accordion .media-object {
width: 200px;
height: 166px;
}
.bee-accordion .media-object img {
max-width: 100%;
}
.bee-accordion .this-title {
margin-top: 0;
line-height: 24px;
color: #242424;
font-weight: bold;
font-family: "Open Sans", sans-serif;
}
.bee-accordion p {
font: 14px/24px "Open Sans", sans-serif;
color: #898989;
margin-bottom: 20px;
letter-spacing: 0.3px;
}
.bee-accordion .nav li {
font: 14px/26px "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #757575;
}
.bee-accordion .nav li + li {
margin-left: 32px;
}
.bee-accordion .nav li i {
margin-left: 8px;
margin-right: 15px;
}
/*Activites*/
.nasir-activities {
margin: 0;
}
.nasir-activity {
padding: 75px;
background: no-repeat scroll left center;
background-size: cover;
height: 383px;
}
.nasir-activity:before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #000;
opacity: 0.8;
}
.nasir-activity .this-inner {
display: table;
width: 480px;
margin: auto;
position: relative;
z-index: 2;
}
.nasir-activity .this-title {
font-size: 32px;
margin-top: 0;
margin-bottom: 24px;
color: #fff;
font-family: "Playball", cursive;
}
.nasir-activity p {
font: 16px/26px "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #fff;
margin: 0;
}
.nasir-activity:nth-child(odd) .this-inner {
margin-right: 0;
}
.nasir-activity:nth-child(even) {
background-position: right center;
}
.nasir-activity:nth-child(even) .this-inner {
margin-left: 0;
}
.nasir-activity:nth-child(1) {
background-image: url(../images/p-1.jpg);
}
.nasir-activity:nth-child(1):before {
background: #141d2d;
}
.nasir-activity:nth-child(2) {
background-image: url(../images/p-2.jpg);
background-attachment: fixed;
}
.nasir-activity:nth-child(2):before {
background: #331b10;
opacity: 0.7;
}
.nasir-activity:nth-child(3) {
background-attachment: fixed;
background-image: url(../images/p-3.jpg);
}
.nasir-activity:nth-child(4) {
background-image: url(../images/p-4.jpg);
}
/*Search*/
.search-sec-homet.nasir-style .overlay .border {
max-width: 1138px;
border-radius: 4px;
border: 1px solid rgba(169, 169, 169, 0.54);
padding: 13px 23px;
background-color: rgba(0, 0, 0, 0.5);
}
.search-sec-homet.nasir-style .res-btn {
white-space: nowrap;
}
/*Welcome Style*/
.nasir-welcome-style {
padding: 119px 0 100px;
margin: 0;
background: #f5f5f5;
}
.nasir-welcome-style .this-images {
text-align: right;
position: relative;
}
@media (max-width: 991px) {
.nasir-welcome-style .this-images {
margin-bottom: 30px;
}
}
@media (max-width: 479px) {
.nasir-welcome-style .this-images {
text-align: left;
}
}
.nasir-welcome-style .this-images img {
position: relative;
z-index: 2;
max-width: 100%;
}
.nasir-welcome-style .this-images img.simg {
z-index: 1;
top: 42px;
left: 15px;
position: absolute;
}
@media (max-width: 479px) {
.nasir-welcome-style .this-images img.simg {
display: none;
}
}
.nasir-welcome-style .this-wtitle {
margin: 0;
color: #606060;
text-transform: uppercase;
font-size: 35px;
font-family: "Open Sans", sans-serif;
}
.nasir-welcome-style .this-title {
font-size: 50px;
line-height: 55px;
text-transform: uppercase;
margin-top: 10px;
margin-bottom: 30px;
font-weight: 800;
font-family: "Open Sans", sans-serif;
color: #000;
}
.nasir-welcome-style p {
font: 15px/26px "Open Sans", sans-serif;
letter-spacing: 0.3px;
color: #8c8c8c;
margin: 0;
padding-bottom: 40px;
}
.nasir-welcome-style p + p {
padding-bottom: 0;
padding-top: 28px;
border-top: 1px solid #d9d9d9;
}
.nwelcomestyle {
margin-bottom: 80px;
}
@media (max-width: 991px) {
.single_wel_cont.home4v {
padding: 15px;
}
}
/*Room and Suits*/
.room-and-suits-style {
background: #27283b;
margin: 0;
position: relative;
}
.room-and-suits-style:before {
background: url(../images/rooms-suits.jpg) no-repeat fixed center center #27283b;
background-size: cover;
background-blend-mode: multiply;
opacity: 0.2;
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
display: block;
}
.room-and-suits-style .sec-header h2, .room-and-suits-style .room-suite-htwo .item .ro-txt h2, .room-and-suits-style .room-suite-htwo .ro-text-two .right-p-two p {
color: #fff;
}
/*Our Offer*/
.our-offer-htwo.nasir-style .our-offer-left {
padding-right: 40px;
padding-left: 65px;
}
.nlink-text {
margin-bottom: 0;
font-weight: bold;
color: #077fcf;
text-decoration: underline;
margin-top: -5px;
}
/*Testimonial*/
.nasir-testimonials {
background: #fff;
margin: 0;
}
/*Activitis 2*/
.nasir-activities2 {
background: #161b25;
padding: 98px 0;
color: #fff;
}
@media (max-width: 991px) {
.nasir-activities2 {
padding-top: 60px;
}
}
.nasir-activities2.style2 {
padding-bottom: 0;
background: #eeeff1;
}
@media (max-width: 991px) {
.nasir-activities2 .sec-header {
padding-top: 0;
}
}
.nasir-activities2 .sec-header + p {
margin-bottom: 55px;
color: #898989;
font-size: 15px;
line-height: 26px;
letter-spacing: 0.3px;
font-family: "Open Sans", sans-serif;
}
.nasir-activities2 .nav li {
position: relative;
overflow: hidden;
background: #000;
}
@media (max-width: 991px) {
.nasir-activities2 .nav li {
width: calc(100% / 3);
float: left;
}
}
@media (max-width: 767px) {
.nasir-activities2 .nav li {
width: 50%;
}
}
@media (max-width: 500px) {
.nasir-activities2 .nav li {
width: 384px;
max-width: 100%;
float: none;
margin: 0 auto;
}
}
.nasir-activities2 .nav li img {
opacity: 1;
transition: all 300ms linear 0s;
}
.nasir-activities2 .nav li:nth-child(2) .this-overlay {
background: #000;
}
.nasir-activities2 .nav li:nth-child(3) .this-overlay {
background: #532212;
}
.nasir-activities2 .nav li:nth-child(4) .this-overlay {
background: #12274f;
}
.nasir-activities2 .nav li:nth-child(5) .this-overlay {
background: #2c3713;
}
.nasir-activities2 .nav li:hover img, .nasir-activities2 .nav li:focus img {
transform: scale(1.1);
opacity: .8;
}
.nasir-activities2 img {
max-width: 100%;
}
.nasir-activities2 .this-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.7;
background: #0d1c20;
}
.nasir-activities2 .this-texts {
position: absolute;
display: table;
left: 30px;
right: 30px;
bottom: 25px;
}
.nasir-activities2 .this-ftitle {
font-size: 22px;
font-family: "Playball", cursive;
margin: 0;
}
.nasir-activities2 .this-stitle {
margin: 0;
font-family: "Open Sans", sans-serif;
font-weight: bold;
}
/*Contact Map*/
.nasir-contacts {
margin: 0;
position: relative;
}
.tt-contact-map.nstyle {
height: 453px;
}
.nasir-contact-box {
width: 401px;
position: absolute;
right: calc(50% - 515px);
background: #373737;
padding: 50px;
z-index: 2;
top: 50%;
margin-top: -175px;
height: 350px;
}
.nasir-contact-box .media + .media {
margin-top: 50px;
}
.nasir-contact-box .media .media-left {
padding-right: 28px;
}
.nasir-contact-box .media .media-object {
width: 49px;
line-height: 49px;
border-radius: 100%;
color: #373737;
background: #a2d002;
font-size: 30px;
text-align: center;
}
.nasir-contact-box .media .media-body, .nasir-contact-box .media .media-body a {
font-size: 15px;
line-height: 22px;
color: #c1c1c1;
font-family: "Open Sans", sans-serif;
}
.nasir-contact-box .media .media-body a:hover, .nasir-contact-box .media .media-body a:focus {
color: #a2d002;
}
/*Search Form*/
.nasir-home-search-block {
margin: 0;
padding: 260px 0 120px;
background: url(../images/slider/7.jpg) no-repeat scroll center center;
background-size: cover;
}
.nasir-home-search-block .search-sec {
position: relative;
margin: 0;
width: 100%;
padding: 45px 30px 57px;
background: #eee;
}
.nasir-home-search-block .search-sec .res-btn {
display: block;
width: 100%;
margin: 14px 0 0;
padding: 0 25px;
line-height: 44px;
}
.nasir-home-search-block .search-sec .res-btn:hover, .nasir-home-search-block .search-sec .res-btn:focus {
color: #fff;
background: #242424;
}
.nasir-home-search-block .search-sec .form-control {
width: 100%;
margin: 0 0 20px;
border-color: rgba(192, 192, 192, 0.64);
box-shadow: none;
height: 42px;
padding: 0 20px;
font: italic 15px/40px "Raleway", sans-serif;
color: #4b4b4b;
}
.nasir-home-search-block .this-title {
margin-top: 0;
text-align: center;
margin-bottom: 30px;
font-size: 34px;
font-family: "Playball", cursive;
line-height: 1;
letter-spacing: 0.30px;
color: #0e1322;
}
.nasir-home-search-block .this-title:after {
content: '';
display: block;
width: 51px;
height: 3px;
background: #85ab00;
margin: 15px auto 0;
}
.nasir-home-search-block .ui-selectmenu-button {
border-radius: 0;
margin-bottom: 16px;
height: 42px;
border-color: rgba(192, 192, 192, 0.64);
box-shadow: none;
max-width: 100% !important;
}
.nasir-home-search-block .ui-selectmenu-button .ui-icon {
background: url(../images/select-menu-arrow.png) 0 0 no-repeat;
width: 9px;
height: 6px;
margin-top: -3px;
margin-right: 4px;
}
.nasir-home-search-block .ui-selectmenu-button .ui-selectmenu-text {
height: 42px;
padding: 0 20px;
font: italic 15px/40px "Raleway", sans-serif;
color: #4b4b4b;
}
.nasir-home-search-block .ui-selectmenu-button.ui-state-focus {
background: none;
}
.nasir-home-search-block .ui-selectmenu-button:hover, .nasir-home-search-block .ui-selectmenu-button:focus {
background: none;
}
.resot-activities.nasir-style {
position: relative;
}
.resot-activities.nasir-style:before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: url(../images/slider/8.jpg) no-repeat scroll center bottom;
opacity: 0.12;
}
/*Explore*/
.explore-video {
background: url(../images/slider/9.jpg) no-repeat fixed center center;
background-size: cover;
padding: 100px 0 90px;
text-align: center;
color: #fff;
margin: 0;
position: relative;
}
.explore-video:before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #000;
opacity: 0.5;
}
.explore-video .this-title,
.explore-video .this-stitle,
.explore-video a {
position: relative;
z-index: 2;
}
.explore-video .this-title {
font-family: "Playball", cursive;
font-size: 50px;
margin: 0 0 15px;
letter-spacing: 0.3px;
}
.explore-video .this-stitle {
letter-spacing: 0.3px;
font-family: "Open Sans", sans-serif;
margin-top: 0;
}
.explore-video a {
width: 92px;
height: 92px;
border-radius: 100%;
margin: 45px auto 0;
display: block;
}
/*Download Theme*/
.download-theme {
background: #3c3956;
padding: 40px 0;
margin: 0;
}
.download-theme .media-body {
font-size: 40px;
font-family: "Playball", cursive;
letter-spacing: 0.3px;
color: #fff;
}
@media (max-width: 1199px) {
.download-theme .media-body {
font-size: 30px;
}
}
@media (max-width: 991px) {
.download-theme .media-body {
font-size: 30px;
line-height: 36px;
}
}
.download-theme .media-right {
padding: 0 30px;
vertical-align: bottom;
}
@media (max-width: 1199px) {
.download-theme .media-right {
padding-right: 0;
}
}
@media (max-width: 767px) {
.download-theme .media-right {
display: block;
padding-left: 0;
padding-top: 20px;
}
}
.download-theme .nhs-btn2 {
white-space: nowrap;
color: #fff;
margin-left: 25px;
margin-right: 15px;
}
@media (max-width: 1199px) {
.download-theme .nhs-btn2 {
margin: 0;
}
}
/*Featured Packages*/
.featured-packages {
margin: 0;
background: #f4f4f4;
padding: 95px 0 50px;
}
.fpackage {
margin-bottom: 45px;
}
@media (max-width: 767px) {
.fpackage {
max-width: 570px;
margin: 0 auto 30px;
}
}
.fpackage .fpackage-fimg {
display: block;
margin-bottom: 40px;
overflow: hidden;
background: #000;
}
.fpackage .fpackage-fimg img {
opacity: 1;
transition: all 300ms linear 0s;
}
.fpackage .fpackage-fimg:hover img, .fpackage .fpackage-fimg:focus img {
opacity: 0.8;
transform: scale(1.1);
}
.fpackage .this-title {
font: bold 18px/26px "Open Sans", sans-serif;
color: #000;
letter-spacing: 0.3px;
margin-bottom: 20px;
display: block;
}
.fpackage p {
font: 15px/26px "Open Sans", sans-serif;
color: #898989;
margin: 0;
}
/*Have Query*/
.have-query {
padding: 100px 0;
margin: 0;
}
.have-query .form-control {
border-radius: 0;
border-color: rgba(192, 192, 192, 0.66);
height: 50px;
font-size: 15px;
color: #8e8e8e;
padding: 0 20px;
width: 270px;
margin-right: 30px;
float: left;
box-shadow: none;
}
@media (max-width: 1199px) {
.have-query .form-control {
width: calc((100% - 230px) / 3 );
margin-right: 20px;
}
}
@media (max-width: 767px) {
.have-query .form-control {
width: calc((100% - 20px) / 2 );
margin-bottom: 20px;
}
.have-query .form-control:nth-child(2) {
margin-right: 0;
}
}
@media (max-width: 479px) {
.have-query .form-control {
width: 100%;
margin-right: 0;
}
}
.have-query .nhs-btn2 {
border: none;
border-radius: 3px;
padding: 0 36px;
line-height: 50px;
color: #fff;
}
/*Media Queries - Responsive*/
/*1199*/
@media (max-width: 1199px) {
.main-menu-wrapper-two .nav-holder .nav-footer ul.nav > li > a {
padding: 0 5px;
}
.main-menu-wrapper-two .nav-holder .nav-header button {
background: none;
color: #fff;
}
.main-menu-wrapper-two .nav-holder .nav-header button.h2dbtn {
color: #242424;
}
.nhs-caption {
top: 115px;
}
.nasir-activity .this-inner {
width: 100%;
}
.wel-box h4 {
font-size: 18px;
}
.offer-right .offer-img-box2 {
width: 100%;
}
.our-offer-htwo.nasir-style .our-offer-left {
padding: 0 15px;
}
.nasir-activities2 .this-ftitle {
font-size: 18px;
}
.nasir-contact-box {
right: 50%;
margin-right: -401px;
}
.nasir-activities2 .this-texts {
left: 20px;
right: 20px;
}
}
/*991*/
@media (max-width: 991px) {
.right-infos.link-list {
float: left !important;
margin-top: 10px;
}
.main-menu-wrapper-two .nav-header-right > ul > li:first-child {
border: none;
}
.nhs-caption3 .this-title, .nhs-caption3 p {
max-width: 100%;
margin-left: 0;
}
.nhs-caption .this-title {
font-size: 36px;
margin-bottom: 10px;
}
.nhs-caption8 .this-title {
font-size: 30px;
margin-bottom: 0;
}
.nhs-caption p {
margin-bottom: 20px;
}
.nhs-caption1 a {
margin-left: 0;
}
.wel-band .top-right {
font-size: 10px;
}
.wel-band .top-left .t-icon {
font-size: 12px;
}
.wel-band .top-left .t-txt {
font-size: 10px;
}
.wel-band .top-left ul li {
margin-right: 10px;
float: left;
}
.wel-band .top-left ul li:last-child {
margin-right: 0;
}
.n-welcome-block {
padding: 15px;
}
.core-vanue {
margin-top: 50px;
}
.nasir-contact-box {
margin-right: -300px;
}
}
/*767*/
@media (max-width: 767px) {
.nasir-home-slider {
height: 470px;
}
.nasir-home-slider .item img {
width: auto;
height: 470px;
}
.nasir-home-banner {
overflow: hidden;
}
.nasir-home-banner img {
width: auto;
height: 500px;
}
.bee-accordion .media-left {
display: block;
padding-bottom: 20px;
padding-right: 0;
}
.nasir-contact-box {
position: relative;
width: 100%;
margin: 0;
right: auto;
height: auto;
padding: 30px;
}
.nasir-contact-box .media + .media {
margin-top: 20px;
}
.nasir-contact-box .media .media-body {
vertical-align: middle;
}
}
.header-abscont {
position: absolute;
margin: 0;
top: 0;
left: 0;
right: 0;
z-index: 999;
}
.header-abscont .top-bar {
background-color: rgba(0, 0, 0, 0.6);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.header-abscont #main-navigation-wrapper.navbar-default {
border: none;
background: none transparent;
}
.header-abscont #main-navigation-wrapper.navbar-default .nav > li > a {
color: #fff;
}
.header-abscont #main-navigation-wrapper.navbar-default .navbar-brand .secondary-logo {
display: none;
}
.header-abscont #main-navigation-wrapper.navbar-default .navbar-toggle span {
background: #fff;
}
@media (max-width: 1024px) {
.header-abscont #main-navigation-wrapper.navbar-default .nav > li > a {
color: #666;
}
}
.header-abscont #main-navigation-wrapper.navbar-default.stricky-fixed {
background: #FFFFFF;
background-image: -moz-linear-gradient(90deg, #edf0f3 0%, white 100%);
background-image: -webkit-linear-gradient(90deg, #edf0f3 0%, white 100%);
background-image: -ms-linear-gradient(90deg, #edf0f3 0%, white 100%);
}
.header-abscont #main-navigation-wrapper.navbar-default.stricky-fixed .navbar-toggle {
border-color: #fff;
transition: none;
}
.header-abscont #main-navigation-wrapper.navbar-default.stricky-fixed .navbar-toggle .icon-bar {
background: #666;
}
.header-abscont #main-navigation-wrapper.navbar-default.stricky-fixed .navbar-brand .default-logo {
display: none;
}
.header-abscont #main-navigation-wrapper.navbar-default.stricky-fixed .navbar-brand .secondary-logo {
display: block;
}
.header-abscont #main-navigation-wrapper.navbar-default.stricky-fixed .nav > li > a {
color: #666;
}
@media (max-width: 767px) {
.sec-header-two h2 {
font-size: 30px;
}
}
.wel-box {
display: block;
height: 170px;
padding-bottom: 0;
}
.nasir-welboxes {
margin: -15px;
}
@media (max-width: 991px) {
.nasir-welboxes {
margin-top: 30px;
}
}
.nasir-welboxes .single_wel_cont {
padding: 15px;
}
.fluid-know-area .work-image-ser img {
float: right;
}
.news-evn-img a {
display: block;
position: relative;
overflow: hidden;
background: #000;
}
.news-evn-img a img {
opacity: 1;
transition: all 300ms linear 0s;
}
.news-evn-img a:hover img, .news-evn-img a:focus img {
opacity: 0.8;
transform: scale(1.1);
}
/*Subscribe Form*/
.nasir-subscribe-form-row {
padding: 11px 0;
background: #85ab00;
margin: 0;
}
.nasir-subscribe-form-row .this-dashed {
border: 1px dashed #657f08;
background: url(../images/welcome/email-bg.png) no-repeat center bottom;
margin: 0;
padding: 21px 30px;
}
.nasir-subscribe-form-row .this-texts {
float: left;
}
.nasir-subscribe-form-row h2 {
color: #fff;
font-family: "Raleway", sans-serif;
font-weight: 600;
font-size: 20px;
margin: 0 0 5px;
}
.nasir-subscribe-form-row h3 {
color: #fff;
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-size: 16px;
margin: 0;
}
@media (max-width: 1199px) {
.nasir-subscribe-form-row h3 {
font-size: 14px;
}
}
.nasir-subscribe-form-row .this-form {
float: right;
width: 572px;
}
@media (max-width: 1199px) {
.nasir-subscribe-form-row .this-form {
width: 450px;
}
}
@media (max-width: 991px) {
.nasir-subscribe-form-row .this-form {
width: 100%;
margin-top: 15px;
}
}
@media (max-width: 479px) {
.nasir-subscribe-form-row .this-form {
display: block;
}
}
.nasir-subscribe-form-row .form-control {
border-radius: 5px;
font: 400 1.15em/1em 'PT Serif', serif;
color: #656565;
border: 1px solid #7da100;
height: 46px;
-webkit-box-shadow: none;
box-shadow: none;
font-style: italic;
}
@media (max-width: 479px) {
.nasir-subscribe-form-row .form-control {
display: block;
margin-bottom: 15px;
}
}
.nasir-subscribe-form-row .input-group .form-control:first-child, .nasir-subscribe-form-row .input-group-addon:first-child, .nasir-subscribe-form-row .input-group-btn:first-child > .btn, .nasir-subscribe-form-row .input-group-btn:first-child > .btn-group > .btn, .nasir-subscribe-form-row .input-group-btn:first-child > .dropdown-toggle, .nasir-subscribe-form-row .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .nasir-subscribe-form-row .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
}
.nasir-subscribe-form-row .input-group-addon {
border: none;
background: none;
padding: 0 0 0 30px;
}
@media (max-width: 479px) {
.nasir-subscribe-form-row .input-group-addon {
padding: 0;
width: 100%;
display: table;
}
}
.nasir-subscribe-form-row .res-btn {
width: 156px;
padding: 0 25px;
line-height: 46px;
}
@media (max-width: 479px) {
.nasir-subscribe-form-row .res-btn {
width: 100%;
}
}
.widget-contact-list ul li a {
font-size: 14px;
line-height: 32px;
display: block;
letter-spacing: 0.3px;
}
.promo-outer {
background-size: cover;
}
@media (max-width: 539px) {
.roomsuite-slider .owl-nav {
top: -40px;
}
}
@media (max-width: 768px) {
.sec-header h3 {
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.sec-header h3 {
line-height: 24px;
}
}
@media (max-width: 768px) {
.common-pad {
padding: 60px 0;
}
}
.testimonial-p .media-left a img {
border-left: 0;
border-right: 0;
border-bottom: 0;
}
.family-img .image-gallery {
margin: 0 -5px;
}
.family-img .image-gallery .single-gallery.span-1 {
width: auto;
margin: 0;
padding: 5px;
}
@media (max-width: 767px) {
.family-img .image-gallery .single-gallery.span-1 {
width: calc(50% - 0.5px);
}
}
.family-img .image-gallery .single-gallery.span-1 .img-holder > .fancybox {
display: block;
}
.family-img .image-gallery .single-gallery.span-1 img {
max-width: 100%;
width: 100%;
}
.family-img .image-gallery .single-gallery.span-2 {
width: auto;
margin: 0;
padding: 5px;
}
@media (max-width: 767px) {
.family-img .image-gallery .single-gallery.span-2 {
width: calc(50% - 0.5px);
}
}
.family-img .image-gallery .single-gallery.span-2 .img-holder > .fancybox {
display: block;
}
.family-img .image-gallery .single-gallery.span-2 img {
max-width: 100%;
width: 100%;
}
.family-img .image-gallery .single-gallery.span-3 {
width: auto;
margin: 0;
padding: 5px;
}
@media (max-width: 767px) {
.family-img .image-gallery .single-gallery.span-3 {
width: calc(50% - 0.5px);
}
}
.family-img .image-gallery .single-gallery.span-3 .img-holder > .fancybox {
display: block;
}
.family-img .image-gallery .single-gallery.span-3 img {
max-width: 100%;
width: 100%;
}
.family-img .image-gallery .single-gallery.span-4 {
width: auto;
margin: 0;
padding: 5px;
}
@media (max-width: 767px) {
.family-img .image-gallery .single-gallery.span-4 {
width: calc(50% - 0.5px);
}
}
.family-img .image-gallery .single-gallery.span-4 .img-holder > .fancybox {
display: block;
}
.family-img .image-gallery .single-gallery.span-4 img {
max-width: 100%;
width: 100%;
}
.family-img .image-gallery .single-gallery.span-5 {
width: auto;
margin: 0;
padding: 5px;
}
@media (max-width: 767px) {
.family-img .image-gallery .single-gallery.span-5 {
width: calc(50% - 0.5px);
}
}
.family-img .image-gallery .single-gallery.span-5 .img-holder > .fancybox {
display: block;
}
.family-img .image-gallery .single-gallery.span-5 img {
max-width: 100%;
width: 100%;
}
.family-img .image-gallery .single-gallery.span-6 {
width: auto;
margin: 0;
padding: 5px;
}
@media (max-width: 767px) {
.family-img .image-gallery .single-gallery.span-6 {
width: calc(50% - 0.5px);
}
}
.family-img .image-gallery .single-gallery.span-6 .img-holder > .fancybox {
display: block;
}
.family-img .image-gallery .single-gallery.span-6 img {
max-width: 100%;
width: 100%;
}
.family-img .image-gallery .single-gallery.span-7 {
width: auto;
margin: 0;
padding: 5px;
}
@media (max-width: 767px) {
.family-img .image-gallery .single-gallery.span-7 {
width: calc(50% - 0.5px);
}
}
.family-img .image-gallery .single-gallery.span-7 .img-holder > .fancybox {
display: block;
}
.family-img .image-gallery .single-gallery.span-7 img {
max-width: 100%;
width: 100%;
}
.family-img .image-gallery .single-gallery.span-8 {
width: auto;
margin: 0;
padding: 5px;
}
@media (max-width: 767px) {
.family-img .image-gallery .single-gallery.span-8 {
width: calc(50% - 0.5px);
}
}
.family-img .image-gallery .single-gallery.span-8 .img-holder > .fancybox {
display: block;
}
.family-img .image-gallery .single-gallery.span-8 img {
max-width: 100%;
width: 100%;
}
.family-img .image-gallery .single-gallery.span-9 {
width: auto;
margin: 0;
padding: 5px;
}
@media (max-width: 767px) {
.family-img .image-gallery .single-gallery.span-9 {
width: calc(50% - 0.5px);
}
}
.family-img .image-gallery .single-gallery.span-9 .img-holder > .fancybox {
display: block;
}
.family-img .image-gallery .single-gallery.span-9 img {
max-width: 100%;
width: 100%;
}
.family-img .image-gallery .single-gallery.span-10 {
width: auto;
margin: 0;
padding: 5px;
}
@media (max-width: 767px) {
.family-img .image-gallery .single-gallery.span-10 {
width: calc(50% - 0.5px);
}
}
.family-img .image-gallery .single-gallery.span-10 .img-holder > .fancybox {
display: block;
}
.family-img .image-gallery .single-gallery.span-10 img {
max-width: 100%;
width: 100%;
}
.family-img .image-gallery .single-gallery.span-11 {
width: auto;
margin: 0;
padding: 5px;
}
@media (max-width: 767px) {
.family-img .image-gallery .single-gallery.span-11 {
width: calc(50% - 0.5px);
}
}
.family-img .image-gallery .single-gallery.span-11 .img-holder > .fancybox {
display: block;
}
.family-img .image-gallery .single-gallery.span-11 img {
max-width: 100%;
width: 100%;
}
.family-img .image-gallery .single-gallery.span-12 {
width: auto;
margin: 0;
padding: 5px;
}
@media (max-width: 767px) {
.family-img .image-gallery .single-gallery.span-12 {
width: calc(50% - 0.5px);
}
}
.family-img .image-gallery .single-gallery.span-12 .img-holder > .fancybox {
display: block;
}
.family-img .image-gallery .single-gallery.span-12 img {
max-width: 100%;
width: 100%;
}
.family-img .image-gallery .single-gallery.span-13 {
width: auto;
margin: 0;
padding: 5px;
}
@media (max-width: 767px) {
.family-img .image-gallery .single-gallery.span-13 {
width: calc(50% - 0.5px);
}
}
.family-img .image-gallery .single-gallery.span-13 .img-holder > .fancybox {
display: block;
}
.family-img .image-gallery .single-gallery.span-13 img {
max-width: 100%;
width: 100%;
}
.family-img .image-gallery .single-gallery.span-14 {
width: auto;
margin: 0;
padding: 5px;
}
@media (max-width: 767px) {
.family-img .image-gallery .single-gallery.span-14 {
width: calc(50% - 0.5px);
}
}
.family-img .image-gallery .single-gallery.span-14 .img-holder > .fancybox {
display: block;
}
.family-img .image-gallery .single-gallery.span-14 img {
max-width: 100%;
width: 100%;
}
.family-img .image-gallery .single-gallery.span-15 {
width: auto;
margin: 0;
padding: 5px;
}
@media (max-width: 767px) {
.family-img .image-gallery .single-gallery.span-15 {
width: calc(50% - 0.5px);
}
}
.family-img .image-gallery .single-gallery.span-15 .img-holder > .fancybox {
display: block;
}
.family-img .image-gallery .single-gallery.span-15 img {
max-width: 100%;
width: 100%;
}
.family-img .image-gallery .single-gallery.span-16 {
width: auto;
margin: 0;
padding: 5px;
}
@media (max-width: 767px) {
.family-img .image-gallery .single-gallery.span-16 {
width: calc(50% - 0.5px);
}
}
.family-img .image-gallery .single-gallery.span-16 .img-holder > .fancybox {
display: block;
}
.family-img .image-gallery .single-gallery.span-16 img {
max-width: 100%;
width: 100%;
}
.family-img .image-gallery .single-gallery.span-17 {
width: auto;
margin: 0;
padding: 5px;
}
@media (max-width: 767px) {
.family-img .image-gallery .single-gallery.span-17 {
width: calc(50% - 0.5px);
}
}
.family-img .image-gallery .single-gallery.span-17 .img-holder > .fancybox {
display: block;
}
.family-img .image-gallery .single-gallery.span-17 img {
max-width: 100%;
width: 100%;
}
.family-img .image-gallery .single-gallery.span-18 {
width: auto;
margin: 0;
padding: 5px;
}
@media (max-width: 767px) {
.family-img .image-gallery .single-gallery.span-18 {
width: calc(50% - 0.5px);
}
}
.family-img .image-gallery .single-gallery.span-18 .img-holder > .fancybox {
display: block;
}
.family-img .image-gallery .single-gallery.span-18 img {
max-width: 100%;
width: 100%;
}
.family-img .image-gallery .single-gallery.span-19 {
width: auto;
margin: 0;
padding: 5px;
}
@media (max-width: 767px) {
.family-img .image-gallery .single-gallery.span-19 {
width: calc(50% - 0.5px);
}
}
.family-img .image-gallery .single-gallery.span-19 .img-holder > .fancybox {
display: block;
}
.family-img .image-gallery .single-gallery.span-19 img {
max-width: 100%;
width: 100%;
}
.family-img .image-gallery .single-gallery.span-20 {
width: auto;
margin: 0;
padding: 5px;
}
@media (max-width: 767px) {
.family-img .image-gallery .single-gallery.span-20 {
width: calc(50% - 0.5px);
}
}
.family-img .image-gallery .single-gallery.span-20 .img-holder > .fancybox {
display: block;
}
.family-img .image-gallery .single-gallery.span-20 img {
max-width: 100%;
width: 100%;
}
.family-img .image-gallery .grid-sizer {
width: 1px;
}
@media (max-width: 991px) {
.family-img .image-gallery {
margin-bottom: 40px;
}
}
@media (max-width: 767px) {
.family-img .image-gallery {
max-width: 100%;
margin: 0 auto;
}
}
.family-img-page.family-img .image-gallery .single-gallery.span-4 {
width: calc(100% / 3);
}
@media (max-width: 540px) {
.family-img-page.family-img .image-gallery .single-gallery.span-4 {
width: 50%;
}
}
.family-img-page.family-img .image-gallery .single-gallery.span-8 {
width: calc((100% / 3)*2);
}
@media (max-width: 540px) {
.family-img-page.family-img .image-gallery .single-gallery.span-8 {
width: 100%;
}
}
@media (max-width: 767px) {
.room-wrapper {
padding: 15px;
}
}
.single-room-wrapper .room-slider-wrapper
.single-r-wrapper .button.secondary.url {
width: 20%;
float: left;
padding: 0 2px;
display: block;
}
.single-room-wrapper .room-slider-wrapper
.single-r-wrapper .button.secondary.url img {
width: 100%;
margin: 0;
}
.table-form form .form-control {
border-color: rgba(255, 255, 255, 0.35);
}
@media (max-width: 991px) {
.image-gallery .single-gallery.span-4, .image-gallery .single-gallery.span-8 {
width: 50%;
}
.offer-deal .img-holder {
text-align: center;
display: block;
width: 470px;
max-width: 100%;
}
.offer-content {
padding: 40px 0 0;
}
.contact-info {
padding-left: 0;
padding-top: 50px;
}
}
@media (max-width: 767px) {
.gallery-filter + .row {
margin: 0;
}
.image-gallery {
max-width: 400px;
margin: 0 auto;
}
.image-gallery .single-gallery.span-4, .image-gallery .single-gallery.span-8 {
width: 400px;
max-width: 100%;
}
.image-gallery .single-gallery.span-4 img, .image-gallery .single-gallery.span-8 img {
max-width: 100%;
}
.image-gallery .single-r-gallery {
float: left;
}
.aminities-outer ul {
margin-bottom: 0;
}
.pull-left .single-sidebar-widget {
margin-bottom: 30px;
}
}
/*Edit On 29th Oct*/
.ser-in-box .select-menu + .ui-selectmenu-button {
display: block;
}
.single-blog-post .img-box {
overflow: hidden;
}
.single-blog-post .img-box a {
display: block;
background: #000;
}
.single-blog-post .img-box a img {
opacity: 1;
transition: all 300ms linear 0s;
}
.single-blog-post .img-box a:hover img, .single-blog-post .img-box a:focus img {
opacity: 0.8;
transform: scale(1.1);
}
.widget-contact-list ul li .contact_no a {
display: inline-block;
}
@media (max-width: 768px) {
.container {
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 1200px) {
.sroom-sidebar {
margin-left: 30px;
}
}
.single-blog-post h3 {
line-height: 1.5;
}
.single-blog-post h3 a {
color: #010101;
}
.single-blog-post h3 a:hover, .single-blog-post h3 a:focus {
text-decoration: underline;
color: #91b41a;
}
.spa-offer .img_holder, .offer-right .offer-img-box2 .box2 .img_holder, .offer-right .offer-img-box2 .box1 .img_holder {
overflow: hidden;
background: #000;
}
.spa-offer .img_holder img, .offer-right .offer-img-box2 .box2 .img_holder img, .offer-right .offer-img-box2 .box1 .img_holder img {
opacity: 1;
transition: all 300ms linear 0s;
}
.spa-offer .img_holder:hover img, .spa-offer .img_holder:focus img, .offer-right .offer-img-box2 .box2 .img_holder:hover img, .offer-right .offer-img-box2 .box2 .img_holder:focus img, .offer-right .offer-img-box2 .box1 .img_holder:hover img, .offer-right .offer-img-box2 .box1 .img_holder:focus img {
opacity: 0.8;
transform: scale(1.1);
}
@media (max-width: 1024px) {
.search-sec-homet {
margin-top: 0;
position: relative;
width: 100%;
}
}
.home4offers-two .our-offer-left {
padding: 0 15px;
}
@media (min-width: 1200px) {
.home4offers-two .our-offer-left {
padding-left: 60px;
padding-right: 50px;
}
}
@media (max-width: 991px) {
.home4offers-two .offer-right {
margin-top: 40px;
}
}
.home4offers-two .offer-right .offer-img-box2 {
width: 360px;
max-width: 100%;
}
@media (max-width: 991px) {
.home4offers-two .offer-right .offer-img-box2 {
float: none;
margin: 0 auto;
}
}
@media (max-width: 991px) {
.activities-outer {
display: block;
}
.activities-content {
padding: 2em;
}
.activities-content h2 {
margin-top: 0;
}
.room-wrapper {
padding: 1.3em;
}
.pull-right .single-sidebar-widget {
margin-bottom: 35px;
}
}
@media (max-width: 768px) {
.room-wrapper .media-right {
padding-left: 20px;
padding-right: 20px;
}
}
@media (max-width: 767px) {
.home-two-msgwrapper {
padding-left: 15px !important;
}
.get-touch-two {
padding-bottom: 40px;
}
.testimonial-p .media-left a img {
border: none;
}
.testimonial-p .media-body h6 {
text-align: left;
}
.single-room-wrapper .ro-facilitie ul {
padding: 0 10px;
}
.single-room-wrapper .ro-facilitie ul li {
width: 31%;
margin: 1%;
}
#main-navigation-wrapper.navbar-default .navbar-brand {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 479px) {
.single-room-wrapper .ro-facilitie ul li {
width: 48%;
margin: 1%;
}
}
.family-img .image-gallery a.single-gallery {
padding: 5px;
margin: 0;
display: block;
overflow: hidden;
}
.family-img .image-gallery a.single-gallery:before {
position: absolute;
top: 5px;
bottom: 5px;
right: 5px;
left: 5px;
content: '';
display: block;
background: #000;
opacity: 0;
transition: all 300ms linear 0s;
}
.family-img .image-gallery a.single-gallery:hover:before, .family-img .image-gallery a.single-gallery:focus:before {
opacity: 0.2;
}
@media (max-width: 1199px) {
.family-img .image-gallery a.single-gallery.ff-270 {
width: 36%;
max-width: 100%;
}
.family-img .image-gallery a.single-gallery.ff-270 img {
width: 100%;
}
}
@media (max-width: 479px) {
.family-img .image-gallery a.single-gallery.ff-270 {
width: 100%;
max-width: 300px;
}
}
@media (max-width: 1199px) {
.family-img .image-gallery a.single-gallery.ff-210 {
width: 28%;
max-width: 100%;
}
.family-img .image-gallery a.single-gallery.ff-210 img {
width: 100%;
}
}
@media (max-width: 479px) {
.family-img .image-gallery a.single-gallery.ff-210 {
width: 100%;
max-width: 300px;
}
}
@media (max-width: 1199px) {
.family-img .image-gallery a.single-gallery.ff-550 {
width: 72%;
max-width: 100%;
}
.family-img .image-gallery a.single-gallery.ff-550 img {
width: 100%;
}
}
@media (max-width: 479px) {
.family-img .image-gallery a.single-gallery.ff-550 {
width: 100%;
max-width: 300px;
}
}
.nasir-room-grid {
padding-bottom: 85px;
}
.nroom-grid {
padding: 15px;
}
.nroom-grid .room-img {
overflow: hidden;
display: block;
background: #000;
}
.nroom-grid .room-img img {
max-width: 100%;
opacity: 1;
transition: all 300ms linear 0s;
}
.nroom-grid .room-img:hover img, .nroom-grid .room-img:focus img {
opacity: 0.8;
transform: scale(1.1);
}
.nroom-grid .this-conts {
margin: 0;
padding: 10px 28px 30px;
border: 1px solid #e6e1e1;
background: #f8f8f8;
border-top: 2px solid #ffb606;
text-align: center;
}
.nroom-grid .media {
text-align: left;
}
.nroom-grid .this-title {
vertical-align: middle;
font-family: "Playball", cursive;
font-size: 26px;
color: #242424;
letter-spacing: 0.3px;
}
.nroom-grid .media-right {
font-size: 24px;
font-family: "Playball", cursive;
white-space: nowrap;
color: #242424;
}
.nroom-grid .media-right small {
display: block;
font-size: 14px;
font-family: "Open Sans", sans-serif;
color: #888;
}
.nroom-grid p {
margin: 20px 0 25px;
font-weight: 600;
color: #8e8e8e;
font-family: "Open Sans", sans-serif;
line-height: 26px;
}
.nroom-grid .read-more {
background: #85ab00;
padding: 0 20px;
margin: 0;
letter-spacing: 0.6px;
color: #fff;
border-radius: 3px;
text-transform: uppercase;
display: inline-block;
font: 400 0.88em/38px "Open Sans", sans-serif;
}
.nroom-grid .read-more i {
margin-left: 10px;
}
.nroom-grid .read-more:hover, .nroom-grid .read-more:focus {
background: #000;
}
.nasir-room-grid-header {
padding-bottom: 0;
}
@media (max-width: 1024px) {
#main-navigation-wrapper .nav > li + li {
border-top: 1px solid #f0f0f0;
}
}
@media (max-width: 1024px) {
#main-navigation-wrapper .nav > li.open {
background: #f0f0f0;
}
#main-navigation-wrapper .nav > li.open > .dropdown-menu {
background: #f0f0f0;
}
#main-navigation-wrapper .nav > li.open > .dropdown-menu li {
border-top: 1px solid #d3d3d3;
border-bottom: none;
padding-left: 8px;
}
#main-navigation-wrapper .nav > li.open > .dropdown-menu li + li {
border: none;
border-top: 1px solid #d3d3d3;
}
#main-navigation-wrapper .nav > li.open > .dropdown-menu li a {
font-weight: 600;
font-family: "Open Sans", sans-serif;
}
#main-navigation-wrapper .nav > li.open > .dropdown-menu li a:before {
content: '-';
margin-right: 6px;
}
}
.nav-search-form {
padding: 30px;
margin: 0;
border-top: 1px solid #f0f0f0;
}
@media (min-width: 1025px) {
.nav-search-form {
display: none;
}
}
.nav-search-form .input-group {
background: #f0f0f0;
}
.nav-search-form .form-control {
height: 49px;
border: none;
background: none;
box-shadow: none;
font-size: 16px;
color: #636363;
line-height: 49px;
padding: 0 15px;
letter-spacing: 0.3px;
}
.nav-search-form .form-control.placeholder {
font-style: italic;
color: #636363;
}
.nav-search-form .form-control::-moz-placeholder {
font-style: italic;
color: #636363;
}
.nav-search-form .form-control::-webkit-input-placeholder {
font-style: italic;
color: #636363;
}
.nav-search-form .form-control::-ms-input-placeholder {
font-style: italic;
color: #636363;
}
.nav-search-form .input-group-addon {
border: none;
padding: 0;
background: none;
}
.nav-search-form button {
line-height: 49px;
border: none;
padding: 0 22px 0 10px;
background: none;
color: #676767;
}
/* ==============================
3. header top & main menu styles
============================== */
.top-bar {
background: #F0F0F0;
padding: 13.5px 0;
}
.top-bar.home3v, .top-bar.dhomev {
background: #1f2e46;
}
.top-bar.home3v ul li a, .top-bar.home3v .contact-infos ul li a, .top-bar.dhomev ul li a, .top-bar.dhomev .contact-infos ul li a {
color: #a4b6d1;
}
.top-bar.home3v ul li a i, .top-bar.home3v .contact-infos ul li a i, .top-bar.dhomev ul li a i, .top-bar.dhomev .contact-infos ul li a i {
color: #a4b6d1;
}
.top-bar.home3v .link-list ul li + li, .top-bar.dhomev .link-list ul li + li {
border-left: 1px solid #a4b6d1;
}
.top-bar ul,
.top-bar ul li {
margin: 0;
padding: 0;
list-style: none;
}
.top-bar ul li a {
font-size: 13px;
line-height: 22px;
color: #7F7F7F;
font-family: 'Open Sans';
font-weight: 600;
line-height: 1;
text-transform: uppercase;
}
.top-bar .contact-infos ul li + li {
margin-left: 24px;
}
.top-bar .contact-infos ul li a i {
font-size: 20px;
color: #898989;
margin-right: 6px;
position: relative;
}
.top-bar .contact-infos ul li a i.fa-phone {
top: 4px;
}
.top-bar .contact-infos ul li a i.fa-map-marker {
top: 3px;
}
.top-bar .contact-infos ul li a i.fa-envelope {
font-size: 14px;
}
.top-bar .link-list ul li + li {
margin-left: 10px;
padding-left: 10px;
border-left: 1px solid #939BA7;
line-height: .9;
}
.top-bar .link-list ul li a {
transition: color .3s ease;
}
.top-bar .link-list ul li a:hover {
color: #85AB00;
}
.navbar-brand {
transition: none;
}
.navbar-brand img {
vertical-align: top;
}
#main-navigation-wrapper.navbar-default {
background: transparent;
border: none;
min-height: auto;
background: #FFFFFF;
background-image: -moz-linear-gradient(90deg, #edf0f3 0%, white 100%);
background-image: -webkit-linear-gradient(90deg, #edf0f3 0%, white 100%);
background-image: -ms-linear-gradient(90deg, #edf0f3 0%, white 100%);
border-radius: 0;
margin: 0;
}
#main-navigation-wrapper.navbar-default .navbar-toggle {
border: none;
padding: 0;
transition: none;
}
#main-navigation-wrapper.navbar-default.transBg-main-menu-header {
background: none transparent;
border: none;
}
#main-navigation-wrapper.navbar-default.transBg-main-menu-header .navbar-brand .secondary-logo {
display: none;
}
#main-navigation-wrapper.navbar-default.transBg-main-menu-header .navbar-toggle span {
background: #fff;
}
@media (max-width: 1024px) {
#main-navigation-wrapper.navbar-default.transBg-main-menu-header .nav > li > a {
color: #666;
}
}
#main-navigation-wrapper.navbar-default.transBg-main-menu-header.stricky-fixed {
background: #FFFFFF;
background-image: -moz-linear-gradient(90deg, #edf0f3 0%, white 100%);
background-image: -webkit-linear-gradient(90deg, #edf0f3 0%, white 100%);
background-image: -ms-linear-gradient(90deg, #edf0f3 0%, white 100%);
}
#main-navigation-wrapper.navbar-default.transBg-main-menu-header.stricky-fixed .navbar-toggle .icon-bar {
background: #666;
}
#main-navigation-wrapper.navbar-default.transBg-main-menu-header.stricky-fixed .navbar-brand .default-logo {
display: none;
}
#main-navigation-wrapper.navbar-default.transBg-main-menu-header.stricky-fixed .navbar-brand .secondary-logo {
display: block;
}
#main-navigation-wrapper.navbar-default.transBg-main-menu-header.stricky-fixed .nav > li > a {
color: #666;
}
#main-navigation-wrapper.navbar-default .navbar-brand {
height: auto;
display: block;
}
@media (max-width: 767px) {
#main-navigation-wrapper.navbar-default .navbar-brand img {
max-height: 37px;
}
}
#main-navigation-wrapper.navbar-default.stricky-fixed {
max-height: 70px;
}
#main-navigation-wrapper.navbar-default.stricky-fixed .navbar-brand {
padding-top: 10px;
padding-bottom: 10px;
height: 70px;
line-height: 50px;
}
@media (max-width: 767px) {
#main-navigation-wrapper.navbar-default.stricky-fixed .navbar-brand {
padding-top: 5px;
padding-bottom: 5px;
height: 50px;
line-height: 40px;
}
}
#main-navigation-wrapper.navbar-default.stricky-fixed .navbar-brand img {
max-height: 45px;
display: inline-block;
}
@media (max-width: 767px) {
#main-navigation-wrapper.navbar-default.stricky-fixed .navbar-brand img {
max-height: 37px;
}
}
#main-navigation-wrapper.navbar-default.stricky-fixed .nav > li {
padding: 0;
}
#main-navigation-wrapper .navbar-collapse {
padding-left: 0;
padding-right: 0;
text-align: right;
}
#main-navigation-wrapper .nav > li {
padding: 16px 0;
}
#main-navigation-wrapper .nav > li > a {
padding: 25px 0;
font-size: 14px;
font-family: "Open Sans", sans-serif;
font-weight: bold;
color: #666666;
text-transform: uppercase;
/*padding-right: 20px;*/
}
#main-navigation-wrapper .nav > li > a .glyphicon {
float: right;
}
@media (min-width: 1025px) {
#main-navigation-wrapper .nav > li > a .glyphicon {
display: none;
}
}
#main-navigation-wrapper.transBg-main-menu-header .nav > li > a {
color: #fff;
}
#main-navigation-wrapper .nav > li + li > a {
padding-left: 25px;
}
#main-navigation-wrapper .navbar-form {
padding: 0;
margin: 0;
}
#main-navigation-wrapper .navbar-nav {
margin-left: 0;
margin-right: 0;
display: inline-block;
vertical-align: middle;
text-align: right;
float: none;
}
#main-navigation-wrapper.navbar-default .navbar-nav > .open > a,
#main-navigation-wrapper.navbar-default .navbar-nav > .open > a:focus,
#main-navigation-wrapper.navbar-default .navbar-nav > .open > a:hover,
#main-navigation-wrapper.navbar-default .navbar-nav > li:hover > a {
background: none;
color: #C4D114;
}
#main-navigation-wrapper .navbar-form {
background: #fff;
padding: 15px 30px;
}
#main-navigation-wrapper .navbar-form input {
border-radius: 0;
border: none;
outline: none;
background-color: transparent;
width: calc(100% - 32px);
}
#main-navigation-wrapper .navbar-form button {
border: none;
outline: none;
background-color: transparent;
}
#main-navigation-wrapper .navbar-nav > li > .dropdown-submenu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
background-clip: padding-box;
padding: 0;
border: none;
border-radius: 0;
display: block;
opacity: 0;
visibility: hidden;
-webkit-transition: all .4s ease;
transition: all .4s ease;
min-width: 220px;
background: #fff;
-webkit-transform: translate3d(-20px, 0, 0);
transform: translate3d(-20px, 0, 0);
}
#main-navigation-wrapper .navbar-nav > li > .dropdown-submenu.align-right {
left: auto;
right: 0;
}
#main-navigation-wrapper .navbar-nav > li > .dropdown-submenu.has-search-form {
min-width: 300px;
}
#main-navigation-wrapper .navbar-nav > li:hover > .dropdown-submenu,
#main-navigation-wrapper .navbar-nav > .open > .dropdown-submenu {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0px, 0, 0);
transform: translate3d(0px, 0, 0);
}
#main-navigation-wrapper .dropdown-submenu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
padding: 11px 20px;
text-transform: capitalize;
color: #666666;
border-bottom: 1px solid #F0F0F0;
font-size: 14px;
font-family: "Open Sans", sans-serif;
font-weight: 700;
text-align: left;
transition: background .4s ease;
}
#main-navigation-wrapper .dropdown-submenu > li > a:focus,
#main-navigation-wrapper .dropdown-submenu > li > a:hover {
background-color: #F0F0F0;
/*color: #85AB00;*/
}
#main-navigation-wrapper .navbar-brand {
padding-top: 26px;
padding-bottom: 26px;
}
@media (max-width: 767px) {
#main-navigation-wrapper .navbar-brand {
padding-top: 12px;
padding-bottom: 12px;
}
}
#main-navigation-wrapper .right-side-nav > li {
padding: 40.5px 0;
}
#main-navigation-wrapper .right-side-nav > li:first-child > a {
border-left: 1px solid #A6A6A6;
padding-left: 20px;
margin-left: 20px;
}
#main-navigation-wrapper .right-side-nav > li > a {
font-size: 16px;
padding: 0;
}
#main-navigation-wrapper .right-side-nav > li + li > a {
padding-left: 20px;
}
#main-navigation-wrapper.fixed-header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 100;
background-color: transparent !important;
}
#main-navigation-wrapper.light-header .nav > li > a {
color: #fff;
}
#main-navigation-wrapper.light-header .right-side-nav > li:first-child > a {
border-color: #ffffff;
}
#main-navigation-wrapper.after-scroll .navbar-brand {
padding-top: 10px;
padding-bottom: 10px;
}
#main-navigation-wrapper.after-scroll .nav > li {
padding: 0;
}
#main-navigation-wrapper.after-scroll .nav.right-side-nav > li {
padding: 25px 0;
}
/* ==============================
4. hidden bar Styles
============================== */
.side-menu {
position: fixed;
top: 0;
right: -100%;
width: 100%;
max-width: 445px;
background: #ffffff;
z-index: 100000;
height: 100% !important;
/*overflow: auto;*/
display: block !important;
padding: 65px 40px;
/*padding-bottom: 0;*/
-webkit-transition: right .4s ease;
transition: right .4s ease;
}
@media (max-height: 768px) {
.side-menu {
max-width: 445px;
}
}
.side-menu.in {
right: 0;
}
.side-menu .close-button {
width: 37px;
height: 37px;
border: 1px solid #D0D0D0;
line-height: 1;
background: #fff;
position: absolute;
top: 0;
right: 0;
margin-top: 65px;
}
.side-menu h3 {
font-size: 34px;
color: #2a2a2a;
line-height: 1;
margin: 0;
}
.side-menu p {
font-size: 15px;
color: #898989;
line-height: 1.733333;
}
.side-menu .title-box {
margin-bottom: 30px;
}
.side-menu .title-box h4 {
font-size: 18px;
line-height: 1.733333;
font-family: 'Open Sans';
color: #898989;
font-weight: 600;
font-style: italic;
display: inline-block;
vertical-align: middle;
margin: 0;
}
.side-menu .title-box span.decor-line {
width: 35px;
background: #ACD647;
height: 2px;
display: inline-block;
vertical-align: middle;
position: relative;
top: 5px;
}
.side-menu .gallery-widget ul,
.side-menu .gallery-widget ul li {
margin: 0;
padding: 0;
list-style: none;
}
.side-menu .gallery-widget ul {
margin-left: -5px;
margin-right: -5px;
margin-top: 0px;
}
.side-menu .gallery-widget ul li {
padding: 0 5px;
margin-bottom: 15px;
}
.side-menu .subscribe-widget form input {
float: left;
width: calc(100% - 133px);
height: 44px;
background: #F9F9F9;
border: 1px solid #E6E6E6;
line-height: 1.733;
vertical-align: middle;
outline: none;
padding-left: 25px;
}
.side-menu .subscribe-widget form button {
float: right;
line-height: 24px;
background: #85AB00;
padding-left: 23px;
padding-right: 23px;
vertical-align: middle;
}
.side-menu .contact-info,
.side-menu .contact-info li {
margin: 0;
padding: 0;
list-style: none;
}
.side-menu .contact-info li {
font-size: 16px;
color: #898989;
line-height: 1;
}
.side-menu .contact-info {
border-top: 1px solid #5C5C5C;
margin: 0 !important;
padding: 0 !important;
margin-top: 25px !important;
padding-top: 25px !important;
}
.side-menu .side-menu-widget + .side-menu-widget {
margin-top: 34px;
}
.side-menu .about-widget a.logo {
margin-bottom: 40px;
display: inline-block;
margin-top: 0;
float: none;
}
.side-menu .about-widget h3 {
margin-bottom: 25px;
}
/* ==============================
5. stricky header Styles
============================== */
#main-navigation-wrapper.navbar-default.stricky-fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 10000;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
/*------------*/
@media (min-width: 1025px) {
#main-navigation-wrapper .navbar-nav .phone-only {
display: none;
}
}
/* mainmenu responsive styles */
@media (max-width: 1100px) {
.main-menu .navbar-collapse > ul > li > a {
font-size: 0.85em;
padding: 0 0.8em;
}
}
@media (max-width: 1024px) {
.ser-in-box {
width: 19%;
}
.chk-button {
width: 22%;
}
.search-sec .overlay .border {
padding: 1em;
}
.search-sec .res-btn {
padding: 6px 15px;
}
}
@media (max-width: 768px) {
.hide-menu {
display: none;
}
.search-sec {
width: 94%;
}
}
@media (max-width: 767px) {
.fo-txt {
width: 100%;
display: block;
text-align: center;
}
}
@media (max-width: 650px) {
.search-sec {
position: relative;
margin-top: 0;
}
}
@media (max-width: 480px) {
.header-inner .logo img {
width: 180px;
}
.header-inner .logo {
margin: 1em 0;
}
.header-inner .nav-header {
margin: 1.6em 0;
}
}
@media (min-width: 1025px) {
#main-navigation-wrapper .navbar-nav .dopdown-nav-toggler {
display: none;
}
#main-navigation-wrapper .navbar-nav > li > .dropdown-submenu {
display: block !important;
}
#main-navigation-wrapper .navbar-nav .phone-only {
display: none;
}
#main-navigation-wrapper .navbar-nav .phone-only + i {
display: block;
}
}
@media (max-width: 1024px) {
.navbar-header {
width: 100%;
float: none;
margin: 0 !important;
}
.navbar-nav {
margin: 0;
}
.navbar-default .navbar-toggle {
display: block;
margin-right: 0;
border-color: #515151;
background-color: transparent !important;
margin: 43px 0;
}
.navbar-default .navbar-toggle .icon-bar {
background: #515151;
height: 3px;
width: 25px;
padding: 0;
border: none;
}
.navbar-default .navbar-toggle .icon-bar + .icon-bar {
margin-top: 3px;
}
.navbar-default .navbar-toggle:hover .icon-bar {
background: #C4D114;
}
.navbar-collapse.collapse {
display: none !important;
height: 0 !important;
padding-bottom: 0;
overflow: auto !important;
width: 100%;
max-height: 70%;
}
.navbar-default .navbar-collapse {
background: #fff;
padding: 0px 0px !important;
padding-bottom: 0px !important;
border: 1px dashed rgba(255, 255, 255, 0.4);
margin: 0;
}
.navbar-collapse.collapse.in {
display: block !important;
height: auto !important;
max-height: 70vh;
}
.navbar-collapse.in {
overflow-y: auto;
}
#main-navigation .nav {
width: 100%;
text-align: left !important;
}
#main-navigation-wrapper .navbar-nav .dopdown-nav-toggler {
background-color: transparent;
background-image: none;
border: 1px solid #fff;
border-radius: 4px;
padding: 9px 9px;
position: absolute;
top: 0;
right: 0;
margin-top: 8px;
margin-right: 10px;
z-index: 999;
}
#main-navigation-wrapper .navbar-nav .dopdown-nav-toggler .icon-bar {
background-color: #fff;
border-radius: 1px;
display: block;
height: 1px;
width: 20px;
}
#main-navigation-wrapper .navbar-nav .dopdown-nav-toggler .icon-bar + .icon-bar {
margin-top: 4px;
}
#main-navigation-wrapper .nav {
width: 100%;
}
#main-navigation-wrapper .navbar-form {
width: 100%;
display: block;
border: none;
}
#main-navigation-wrapper .nav > li {
display: block;
padding: 0 !important;
width: 100%;
}
#main-navigation-wrapper .nav > li > a {
display: block;
padding: 15px 15px;
width: 100%;
position: relative;
}
#main-navigation-wrapper .nav > li + li > a {
padding: 15px 15px;
border-top: 1px dashed rgba(255, 255, 255, 0.4);
position: relative;
}
#main-navigation-wrapper .navbar-nav > li > .dropdown-submenu {
position: relative;
width: 100%;
opacity: 1;
visibility: visible;
left: auto;
right: auto;
transform: translate3d(0px, 0px, 0px);
transition: none !important;
display: none;
top: auto;
float: none;
}
#main-navigation-wrapper .navbar-nav .phone-only {
display: block;
}
#main-navigation-wrapper .navbar-nav .phone-only + i {
display: none;
}
#main-navigation-wrapper .right-side-nav {
border-top: 1px dashed rgba(255, 255, 255, 0.4);
}
#main-navigation-wrapper .right-side-nav > li:first-child > a {
border: none;
margin: 0;
}
.stricky-fixed.navbar-default .navbar-toggle {
margin: 27.5px 0;
}
#main-navigation-wrapper .navbar-nav > li.open > .dropdown-submenu {
display: block !important;
}
}
@media (max-width: 767px) {
.top-bar .pull-left,
.top-bar .pull-right {
width: 100%;
text-align: center;
}
.top-bar .pull-right {
margin-top: 10px;
}
.top-bar .contact-infos ul li a {
line-height: 2.5;
}
.stricky-fixed.navbar-default .navbar-toggle {
margin: 17.5px 0;
}
}
/*Inner Header*/
.final-inner-header {
display: table;
height: 245px;
background: url(../images/inner-header2.jpg) no-repeat scroll center bottom;
width: 100%;
margin: 0;
}
@media (max-width: 767px) {
.final-inner-header {
background-size: cover;
}
}
.final-inner-header .container {
display: table-cell;
vertical-align: middle;
}
.final-inner-header .this-title {
margin: 0;
letter-spacing: 0.3px;
font-family: "Playball", cursive;
text-transform: capitalize;
font-size: 55px;
color: #fff;
}
.final-inner-header .this-title:after {
content: '';
width: 60px;
height: 2px;
background: #92ba19;
display: inline-block;
margin-left: 20px;
}
.final-breadcrumb {
background: #f9f9f9;
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
}
.final-breadcrumb .breadcrumb {
background: none;
border-radius: 0;
border: none;
padding: 0;
float: left;
}
.final-breadcrumb .breadcrumb li {
font-family: "Open Sans", sans-serif;
font-weight: bold;
text-transform: uppercase;
color: #bfbfbf;
float: left;
line-height: 55px;
}
.final-breadcrumb .breadcrumb li + li:before {
padding: 0 10px;
color: #bfbfbf;
}
.final-breadcrumb .breadcrumb li a {
padding: 0;
color: #bfbfbf;
}
.navbar-default .navbar-toggle {
transition: none;
}
@media (max-width: 767px) {
.navbar-default .navbar-toggle {
margin: 23px 0;
}
}
@media (max-width: 1024px) {
#main-navigation .right-side-nav {
display: none;
}
}
/*Home Slider*/
#minimal-bootstrap-carousel .carousel-caption {
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
padding: 0;
text-align: right;
text-shadow: none;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container {
display: table;
width: 100%;
height: 100%;
max-width: 1170px;
padding-left: 15px;
padding-right: 15px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
@media (max-width: 1199px) {
#minimal-bootstrap-carousel .carousel-caption .thm-container {
max-width: 970px;
}
}
@media (max-width: 991px) {
#minimal-bootstrap-carousel .carousel-caption .thm-container {
max-width: 750px;
}
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box {
display: table-cell;
text-align: left;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-top {
vertical-align: top;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-bottom {
vertical-align: bottom;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box.valign-middle {
vertical-align: middle;
}
#minimal-bootstrap-carousel .carousel-caption .thm-container .box .content {
display: block;
}
@media (max-width: 767px) {
#minimal-bootstrap-carousel .carousel-caption .thm-container .box .content p {
display: none;
}
}
@media (max-width: 479px) {
#minimal-bootstrap-carousel .carousel-caption .thm-container .box .content a + a {
margin-left: 0;
}
}
#minimal-bootstrap-carousel .carousel-inner .item {
min-height: 660px;
height: 100%;
width: 100%;
background-size: cover;
background-position: center center;
background-color: #1E1E1E;
}
@media (max-width: 991px) {
#minimal-bootstrap-carousel .carousel-inner .item {
min-height: 500px;
}
}
@media (max-width: 767px) {
#minimal-bootstrap-carousel .carousel-inner .item {
min-height: 400px;
}
}
#minimal-bootstrap-carousel.default-home-slider .carousel-inner .item {
min-height: 770px;
}
@media (max-width: 991px) {
#minimal-bootstrap-carousel.default-home-slider .carousel-inner .item {
min-height: 500px;
}
}
@media (max-width: 767px) {
#minimal-bootstrap-carousel.default-home-slider .carousel-inner .item {
min-height: 400px;
}
}
#minimal-bootstrap-carousel.home2carousel .carousel-inner .item {
min-height: 940px;
}
@media (max-width: 1439px) {
#minimal-bootstrap-carousel.home2carousel .carousel-inner .item {
min-height: 720px;
}
}
@media (max-width: 1199px) {
#minimal-bootstrap-carousel.home2carousel .carousel-inner .item {
min-height: 600px;
}
}
@media (max-width: 991px) {
#minimal-bootstrap-carousel.home2carousel .carousel-inner .item {
min-height: 500px;
}
}
@media (max-width: 767px) {
#minimal-bootstrap-carousel.home2carousel .carousel-inner .item {
min-height: 400px;
}
}
#minimal-bootstrap-carousel .carousel-control {
background: none;
width: 40px;
height: 40px;
font-size: 15px;
line-height: 40px;
color: #fff;
background: rgba(0, 0, 0, 0.5);
visibility: visible !important;
opacity: .65;
margin-top: -20px;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
top: 50%;
border-radius: 0;
z-index: 99;
}
#minimal-bootstrap-carousel .carousel-control.left {
left: 1%;
}
#minimal-bootstrap-carousel .carousel-control.right {
right: 1%;
}
#minimal-bootstrap-carousel .carousel-control:hover {
opacity: 1;
background: #000;
}
/* processing for fadeing effect styles */
.carousel-fade .carousel-inner .item {
-webkit-transition-property: opacity;
transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
z-index: 2;
}
/**************************************************/
/**************************************************/
/**************************************************/
.fullwidth-slider .item {
position: relative;
}
.fullwidth-slider .this-overlay {
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.5);
overflow: hidden;
opacity: 0;
transition: all 300ms linear 0s;
}
.fullwidth-slider .this-texts {
text-align: center;
text-transform: uppercase;
}
.fullwidth-slider .this-title {
font-size: 15px;
font-weight: bold;
font-family: "Open Sans", sans-serif;
color: #fff;
margin: 0;
position: relative;
left: -50px;
transition: all 300ms linear 0s;
}
.fullwidth-slider a {
display: block;
margin: 0 auto 18px;
width: 42px;
line-height: 42px;
font-size: 16px;
border-radius: 50%;
color: #000;
background: rgba(255, 255, 255, 0.7);
position: relative;
right: -50px;
transition: all 300ms linear 0s;
}
.fullwidth-slider a:hover, .fullwidth-slider a:focus {
background: #fff;
}
.fullwidth-slider .item:hover .this-overlay, .fullwidth-slider .item:focus .this-overlay {
opacity: 1;
}
.fullwidth-slider .item:hover .this-title, .fullwidth-slider .item:focus .this-title {
left: 0;
}
.fullwidth-slider .item:hover a, .fullwidth-slider .item:focus a {
right: 0;
}
/*# sourceMappingURL=style.css.map */
Raw
profile.php
<?php
/* template name: profile */
if(!is_user_logged_in()){
wp_redirect( home_url());
exit();
}
get_header();
error_reporting(0);
$current_user = wp_get_current_user();
$img = get_user_meta($current_user->ID,'picture', true);
$certificates = get_user_meta( $current_user->ID,'certificates', false);
$cityies = get_user_meta($current_user->ID,'city', false);
//die;
/*for file uploading*/
require_once(ABSPATH . "wp-admin" . '/includes/image.php');
require_once(ABSPATH . "wp-admin" . '/includes/file.php');
require_once(ABSPATH . "wp-admin" . '/includes/media.php');
?>
<style type="text/css">
.list.available.ui-droppable {
height: 117px !important;
}
.list.selected.ui-sortable.ui-droppable {
height: 117px !important;
}
button.close{
padding: 0px !important;
}
.close {
position: absolute;
top: 12%;
right: -3%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
background-color: #555;
color: #fefefe;
font-size: 16px;
/*padding: 15px 14px;*/
border: none;
cursor: pointer;
/*border-radius: 37px;*/
float: right;
font-size: 40px;
opacity: .5;
width: 40px;
background-color: #000 !important;
border-radius: 50% !important;
}
.close:focus, .close:hover {
color: #fff;
text-decoration: none;
cursor: pointer;
border-radius: 50%;
/*border: 2px solid #ccc;*/
opacity: 9999;
background-color: #000;
width: 40px;
}
</style>
<link rel="stylesheet" href="<?php echo get_template_directory_uri();?>/multiselect/css/common.css" type="text/css" />
<link type="text/css" rel="stylesheet" href="<?php echo get_template_directory_uri();?>/multiselect/css/themes/smoothness/jquery-ui-1.7.1.custom.css" />
<link type="text/css" href="<?php echo get_template_directory_uri();?>/multiselect/css/ui.multiselect.css" rel="stylesheet" />
<section id="user-profile" class="user-profile parallex">
<div class="container">
<!-- Row -->
<div class="row">
<div class="col-md-12 col-xs-12 col-sm-12">
<div class="profile-sec ">
<div class="profile-head">
<div class="col-md-6 col-xs-12 col-sm-6 no-padding">
<div class="profile-avatar">
<span>
<img class="img-responsive img-circle" alt="" src="<?php echo $img['url'];?>">
</span>
<div class="profile-name">
<h3> Hey!
<?php echo $current_user->display_name; ?>
</h3>
<i>Creative Gate Installer
</i>
</div>
</div>
</div>
<div class="col-md-6 col-xs-12 col-sm-6 no-padding">
<ul class="profile-connect">
<li>
<a title="" href="#exampleModalCenter" data-toggle="modal" data-target="#exampleModalCenter">Get Quotation
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- Profile Sec -->
</div>
</div>
<!-- Row End -->
</div>
<!-- end container -->
</section>
<?php
if(isset( $_POST['submit'] ) && $_POST['submit'] != null ){
ob_start();
$id = stripslashes_deep($_POST['user_id']);
$udisname = ($_POST['udisname']) ? stripslashes_deep($_POST['udisname']) : '';
$business_name = ($_POST['business_name']) ? stripslashes_deep($_POST['business_name']) : '';
$phone = ($_POST['phone']) ? stripslashes_deep($_POST['phone']) : '';
$uemail = ($_POST['uemail']) ? stripslashes_deep($_POST['uemail']) : '';
$phone2 = ($_POST['phone2']) ? stripslashes_deep($_POST['phone2']) : '';
$state = ($_POST['state']) ? stripslashes_deep($_POST['state']) : '';
$city = ($_POST['city']) ? stripslashes_deep($_POST['city']) : '';
//$cities = implode(",", $city);
$suburb = ($_POST['suburb']) ? stripslashes_deep($_POST['suburb']) : '';
$serv = ($_POST['serv']) ? stripslashes_deep($_POST['serv']) : '';
$others = ($_POST['others']) ? stripslashes_deep($_POST['others']) : '';
$message = ($_POST['message']) ? stripslashes_deep($_POST['message']) : '';
$term_condition = ($_POST['term_condition']) ? stripslashes_deep($_POST['term_condition']) : 'false';
$uploaddir = wp_upload_dir();
if($term_condition != 'false'){
if( $_FILES['picture']['error'] === UPLOAD_ERR_OK ) {
$upload_overrides = array( 'test_form' => false ); // if you don’t pass 'test_form' => FALSE the upload will be rejected
$r = wp_handle_upload( $_FILES['picture'], $upload_overrides );
update_user_meta( $id, 'picture', $r );
}
// if( $_FILES['certificate']['error'] === UPLOAD_ERR_OK ) {
// $upload_overrides = array( 'test_form' => false ); // if you don’t pass 'test_form' => FALSE the upload will be rejected
// $r = wp_handle_upload( $_FILES['certificate'], $upload_overrides );
// update_user_meta( $id, 'certificate', $r );
// }
if(isset($_FILES['upload_attachment']) && $_FILES['upload_attachment']['name'][0] !='' ) {
$files = $_FILES['upload_attachment'];
$count = 0;
$galleryImages = array();
foreach ($files['name'] as $count => $value) {
if ($files['name'][$count]) {
$file = array(
'name' => $files['name'][$count],
'type' => $files['type'][$count],
'tmp_name' => $files['tmp_name'][$count],
'error' => $files['error'][$count],
'size' => $files['size'][$count]
);
$upload_overrides = array( 'test_form' => false );
$upload = wp_handle_upload($file, $upload_overrides);
// $filename should be the path to a file in the upload directory.
$filename = $upload['file'];
// The ID of the post this attachment is for.
// Check the type of tile. We'll use this as the 'post_mime_type'.
$filetype = wp_check_filetype( basename( $filename ), null );
// Get the path to the upload directory.
$wp_upload_dir = wp_upload_dir();
// Prepare an array of post data for the attachment.
$attachment = array(
'guid' => $wp_upload_dir['url'] . '/' . basename( $filename ),
'post_mime_type' => $filetype['type'],
'post_title' => preg_replace( '/\.[^.]+$/', '', basename( $filename ) ),
'post_content' => '',
'post_status' => 'inherit'
);
// Insert the attachment.
$attach_id = wp_insert_attachment( $attachment, $filename);
// Make sure that this file is included, as wp_generate_attachment_metadata() depends on it.
require_once( ABSPATH . 'wp-admin/includes/image.php' );
// Generate the metadata for the attachment, and update the database record.
$attach_data = wp_generate_attachment_metadata( $attach_id, $filename );
wp_update_attachment_metadata( $attach_id, $attach_data );
array_push($galleryImages, $attach_id);
}
$count++;
// echo '<pre>';
//var_dump($certificates[0]);
// add images to the gallery field
//update_field('certificates', $galleryImages, $parent_post_id);
}
$updated_arg = array_merge($certificates[0],$galleryImages);
update_user_meta( $id, 'certificates', $updated_arg );
// var_dump($updated_arg);
// die;
}
$RESULT = $wpdb->update('wp_users', array( 'user_email'=>$uemail, 'display_name'=>$udisname), array('ID'=>$id));
//var_dump($RESULT);
if($RESULT>0 || $business_name!='' || $phone!=''|| $phone2!=''|| $state!=''|| $city!=''|| $serv!=''){
update_user_meta( $id, 'business_name', $business_name );
update_user_meta( $id, 'register_phone', $phone );
update_user_meta( $id, 'register_phone2', $phone2 );
update_user_meta( $id, 'state', $state );
update_user_meta( $id, 'city', $city );
update_user_meta( $id, 'suburb', $suburb );
update_user_meta( $id, 'service', $serv );
update_user_meta( $id, 'others', $others );
update_user_meta( $id, 'term_condition', $term_condition );
$message = '<div class="alert alert-success" role="alert">
<button style="width: 50px" type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
<i class="fa fa-check alert-icon"></i> Your Profile uploaded successfully.
</div>';
// alert("Post uploaded successfully. A confirmation mail has been sent to your email.");
unset($_POST);
}
else{
$message =
'<div class="alert alert-danger" role="alert">
<button style="width: 50px" type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
<strong>Oh snap!</strong> Change a few things up and try submitting again.
</div>';
// alert(" uploading error !");
}
}
else{
$term =
'<div class="alert alert-danger" role="alert">
<button style="width: 50px" type="button" class="close" data-dismiss="alert" aria-hidden="true">×</button>
<strong>Oh snap!</strong> please accept e-gates user and installer Term and condition.
</div>';
}
//header('location: http://localhost/egates/profile/');
ob_flush();
}
?>
<!--home-content-top starts from here-->
<section class="home-content-top">
<div class="container">
<div class="row">
<div id="smsg">
<?php if($message){echo $message; ?>
<script>
//Using setTimeout to execute a function after 5 seconds.
setTimeout(function () {
//Redirect with JavaScript
//window.location.href= 'http://localhost/egates/profile/';
window.location.href= '<?php echo site_url();?>/profile/';
}
, 1500);
</script>
<?php
}
if($term){
echo $term;
}
?>
</div>
</div>
<!--our-quality-shadow-->
<div class="clearfix">
</div>
<h1 class="heading1">Welcome to Egates
</h1>
<div class="tabbable-panel margin-tops4 ">
<div class="tabbable-line bs-example">
<ul class="nav nav-tabs tabtop tabsetting" id="myTab">
<li class="active">
<a href="#tab_default_1" data-toggle="tab"> My Account
</a>
</li>
<li>
<a href="#tab_default_2" data-toggle="tab"> My Documents
</a>
</li>
<li>
<a href="#tab_default_3" data-toggle="tab"> My Jobs
</a>
</li>
</ul>
<form action="" enctype="multipart/form-data" class="form-horizontal" method="post">
<div class="tab-content margin-tops">
<div class="tab-pane active fade in" id="tab_default_1">
<div class="col-md-4">
<div class="box-panel">
<div class="form-group">
<img id="img-upload" src="<?php echo $img['url'];?>" alt="">
<input name="picture" id="file" placeholder="Upload Image*" class=" btn btn-primary btn-lg" type="file">
</div>
</div>
</div>
<div class="col-md-8">
<div class="box-panel">
<fieldset>
<!-- Form Name -->
<legend>Edit My Profile
</legend>
<p style="color:#c00;">
</p>
<!-- Text input-->
<div id="message">
</div>
<div class="form-group">
<label class="col-md-4 control-label">Name*
</label>
<div class="col-md-6 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon">
<i class="glyphicon glyphicon-user">
</i>
</span>
<input id="name1" placeholder="Name*" class="form-control" name="udisname" value="<?php echo $current_user->display_name; ?>" type="text">
</div>
</div>
</div>
<input type="hidden" name="user_id" value="<?php echo $current_user->ID; ?>">
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label">Business Name (if you have)
</label>
<div class="col-md-6 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon">
<i class="glyphicon glyphicon-user">
</i>
</span>
<input name="business_name" id="business_name" placeholder="Business Name" class="form-control" type="text" value="<?php echo get_user_meta($current_user->ID,'business_name', true);?>">
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label">Contact Phone number
</label>
<div class="col-md-6 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon">
<i class="glyphicon glyphicon-earphone">
</i>
</span>
<input name="phone" id="phone" placeholder="Contact Phone number" class="form-control" type="number" value="<?php echo get_user_meta($current_user->ID,'register_phone', true);?>">
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label">Email address(Username)
</label>
<div class="col-md-6 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon">
<i class="glyphicon glyphicon-envelope">
</i>
</span>
<input id="email" placeholder="Email address" class="form-control" name="uemail" value="<?php echo $current_user->user_email; ?>" type="text">
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label">Contact Phone number 2
</label>
<div class="col-md-6 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon">
<i class="glyphicon glyphicon-earphone">
</i>
</span>
<input name="phone2" id="phone2" placeholder="Contact Phone number 2" class="form-control" type="text" value="<?php echo get_user_meta($current_user->ID,'register_phone2', true);?>">
</div>
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">State they providing services*
</label>
<div class="col-md-6 selectContainer">
<div class="input-group">
<span class="input-group-addon">
<i class="glyphicon glyphicon-home">
</i>
</span>
<select name="state" class="form-control selectpicker states" id="state" >
<option value="<?php echo get_user_meta($current_user->ID,'state', true);?>">
<?php echo get_user_meta($current_user->ID,'state', true);?>
</option>
</select>
</div>
</div>
</div>
<div class="form-group">
<label class="col-md-4 control-label">City to Suburb
</label>
<div class="col-md-6 selectContainer">
<div class="input-group">
<!-- <span class="input-group-addon">
<i class="glyphicon glyphicon-home">
</i>
</span> -->
<select name="city[]" class="multiselect cities" id="city" multiple="multiple" >
<?php
foreach ($cityies[0] as $value) {
echo '<option value="'.$value.'">'.$value.'</option>';
}
?>
</select>
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group" id="text1">
<label class="col-md-4 control-label">Suburb to Post code
</label>
<div class="col-md-6 inputGroupContainer">
<div class="input-group">
<span class="input-group-addon">
<i class="glyphicon glyphicon-home">
</i>
</span>
<input name="suburb" id="suburb" placeholder="suburb or area code" class="form-control suburb" type="text" value="<?php echo get_user_meta($current_user->ID,'suburb', true);?>">
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label">Choose Services you can provide*
</label>
<?php $service = get_user_meta($current_user->ID,'service',true);
?>
<div class="col-md-6">
<div class="checkbox">
<label>
<input name="serv[]" value="Gate Repair" type="checkbox"
<?php if (in_array('Gate Repair', $service)) { echo 'checked'; }?> > : Gate Repair
</label>
</div>
<div class="checkbox">
<label>
<input name="serv[]" value="New Gate Installation" type="checkbox"
<?php if (in_array('New Gate Installation', $service)) { echo 'checked'; }?> > : New Gate Installation
</label>
</div>
<div class="checkbox">
<label>
<input name="serv[]" value="Gate Quote" type="checkbox"
<?php if (in_array('Gate Quote', $service)) { echo 'checked'; }?> > : Gate Quote
</label>
</div>
<div class="checkbox">
<label>
<input name="serv[]" value="Accessories Installation" type="checkbox"
<?php if (in_array('Accessories Installation', $service)) { echo 'checked'; }?> > : Accessories Installation
</label>
</div>
<div class="checkbox">
<label>
<input name="serv[]" value="Home Automation" type="checkbox"
<?php if (in_array('Home Automation', $service)) { echo 'checked'; }?> > : Home Automation
</label>
</div>
<div class="checkbox">
<label>
<input value="Other" id="other" type="checkbox" > : Other
</label>
</div>
<div class="input-group">
<label id="EnterFavoriteColorLabel"> Other Service Type
<input type="text" placeholder="Enter Your Service Name" class="form-control" name="others[]" />
</label>
</div>
</div>
</div>
<!-- Text input-->
<div class="form-group">
<label class="col-md-4 control-label">Upload Certificate*
</label>
<div class="col-md-6 inputGroupContainer">
<div class="filew">
<!-- <input name="certificate[]" id="file" placeholder="Upload Certificate*" class="form-control" type="file" multiple> -->
<input type="file" name="upload_attachment[]" class="form-control" id="featured1" size="50" multiple="multiple">
</div>
</div>
</div>
<!-- Success message -->
<div class="checkbox1">
<label>
<input id="condition" type="checkbox" name="term_condition"
<?php if(get_user_meta($current_user->ID,'term_condition',true) == 'on') echo 'checked' ;?> >I accept e-gates user and installer
<a href="<?php echo site_url();?>/terms-and-conditions-installer/" style="color:green" ;="">Term and condition
</a>
</label>
</div>
<!-- image upload-->
<div class="form-group">
<label class="col-md-4 control-label">
</label>
<div class="col-md-6">
<input type="submit" name="submit" value="Update My Profile" class="btn btn-primary btn-lg">
<input name="task" value="register" type="hidden">
</div>
</div>
</fieldset>
</div>
</div>
</div>
<div class="tab-pane fade" id="tab_default_2">
<div class="col-md-12">
<?php
if ( $certificates[0] ) {
//var_dump($certificates[0]);
foreach ( $certificates[0] as $attachment_id ) {
$thumb = wp_get_attachment_image( $attachment_id, 'thumbnail' );
$full_size = wp_get_attachment_url( $attachment_id );
$filetype = wp_check_filetype($full_size);
//echo $full_size;
if($filetype['ext']=='pdf'){
}
?>
<div class="col-md-4">
<?php //echo $attachment_id; ?>
<div class="form-group">
<button type="button" class="close" aria-label="Close" id="<?php echo $attachment_id; ?>">
<span aria-hidden="true">&times;</span>
</button>
<img class="img-responsive img-thumbnail" alt="" src="<?php echo $full_size;?>">
</div>
</div>
<?php }
}
?>
</div>
</div>
<div class="tab-pane fade" id="tab_default_3">
<!-- Room style-->
<!-- <section class="clearfix news-wrapper"> -->
<div class="container clearfix common-pad-room news-wrapper">
<div class="row">
<?php
$args = array(
'author' => $current_user->ID,
'post_type' => 'job',
);
$author_posts = new WP_Query( $args );
if( $author_posts->have_posts() ) {
while( $author_posts->have_posts()) {
$author_posts->the_post();
$url = wp_get_attachment_url( get_post_thumbnail_id($post->ID) );
$url = ($url) ? $url : 'https://site.goigi.co/egates/wp-content/uploads/2018/05/NoImage-180x180.jpg';
?>
<!-- One-->
<div class="room-wrapper">
<div class="media">
<div class="media-left">
<img src="<?php echo $url;?>" alt="" style="max-width: 320px; min-width: 320px;">
</div>
<div class="media-body">
<h2>
<?php the_title();?>
</h2>
<p>
<?php the_content();?>
</p>
<h3>Customer Details
</h3>
<h6>
<?php echo get_post_meta($post->ID,'customer_name',true);?>,
<?php echo get_post_meta($post->ID,'customer_email',true);?>,
<?php echo get_post_meta($post->ID,'customer_contact',true);?>,
<?php echo get_post_meta($post->ID,'customer_address',true);?>
</h6>
</div>
<div class="media-right" style="display: none;">
<p>$215
<span>Per Night
</span>
</p>
<a href="#">view room
</a>
</div>
</div>
</div>
<?php
}
wp_reset_postdata();
}
?>
<!-- One-->
</div>
</div>
<!-- </section> -->
<!-- Room style-->
</div>
</div>
<!-- end tab content -->
</form>
</div>
</div>
</div>
</section>
<script type="text/javascript">
jQuery('.close').live('click', function() {
// alert(ajaxurl);
// return false;
if(confirm("Are you confirm to delete this?")==true){
jQuery.ajax({
type: 'post',
url: ajaxurl,
data: {
action: 'delete_attachment',
att_ID: this.id,
//_ajax_nonce: jQuery('#nonce').val(),
post_type: 'attachment'
},
success: function( html ) {
alert( html );
location.reload();
}
});
return false;
}
});
</script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('a[data-toggle="tab"]').on('show.bs.tab', function(e) {
localStorage.setItem('activeTab', jQuery(e.target).attr('href'));
});
var activeTab = localStorage.getItem('activeTab');
if(activeTab){
jQuery('#myTab a[href="' + activeTab + '"]').tab('show');
}
});
</script>
<?php get_footer();?>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment