/*
Theme Name: Zimerim Online
Theme URI: http://www.zimerimonline.co.il/
Description: Zimerim WordPress theme
Version: 1
Author: Roie Avizemer / Studio Puenta
*/

@import url('https://fonts.googleapis.com/css?family=Heebo:100,300,400,500,700');
h1,h2,h3,h4,h5,h6,p,ul,li,a,button,label,.close,input,textarea,.single-product #reviews span,table,th,td{
    font-family: 'Heebo', sans-serif !important;
}
*{
    padding:0;
    margin:0;
}
body::-webkit-scrollbar {
    width: 0.8em;
    background-color: transparent;
}
body::-webkit-scrollbar-thumb {
    background-color: #253844;
    outline: 1px solid slategrey;
}
body::-webkit-scrollbar-track {
    background-color: transparent;
    -webkit-border-radius: 6px;
}
.wrapper
{
    max-width: 1200px;
    width: 100%;
    margin:0 auto;
}
.rtl{
    direction: rtl;
}
main{
    position: relative;
    margin-bottom: 420px;
    background-color: #f7f7f7;
    min-height: 420px;
}
::selection{
    background: rgba(73,165,178,.5);
}
.opennav{display: none;}
.opennavside{display: none;}
.bar1,.bar2,.bar3{
    width: 35px;
    height: 5px;
    background-color: #fff;
    margin-bottom: 6px;
    transition: 0.4s;
}
.change .bar1{
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 6px);
    background-color: #417387;
}
.change .bar2{opacity: 0;}
.change .bar3{
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -8px);
    background-color: #417387;
}
/****************************
HEADER
*****************************/		
header .top{
    background: #417387;
    position: relative;
    height: 75px;
}
header .top .logo{
    width: 170px;
    display: inline-block;
    position: absolute;
    z-index: 5;
}
header .top nav{
    display: inline-block;
    padding-right: 80px;
    position: relative;
    right: 250px;
    height: 75px;
}
header .top nav ul li{
    line-height: 75px;
    padding:0 15px;
    text-align: center;
}
header .top nav ul li.current_page_item{
    background: #ed474a;
}
header nav#mainnav{
    text-align: center;
}
header nav#mainnav ul{
    list-style: none;
}
header nav#mainnav.mainheader ul li{
    display: inline-block;
    transition: linear 0.3s;
    float: right;
}
header nav#mainnav.mainheader ul li:hover{
    background: #ed474a;
}
header nav#mainnav ul li a{
    color:#fff;
    text-decoration: none;
    font-size: 18px;
    display: block;
    transition: linear 0.3s;
}
header .banner{
    height: 350px;
    background-color: #49a5b2;
    background-image: url('images/innerbg.png');
    background-position: bottom center;
    background-repeat: no-repeat;
    position: relative;
}
header .banner h1{
    text-align: center;
    color:#fff;
    font-weight: 400;
    padding-top: 15px;
    font-size: 35px;
}
header .banner .esti{
    position: absolute;
    bottom:0;
    left:22%;
}
header .searcharea{
    display: inline-block;
    float: left;
    position: relative;
    top:15px;
    left:50px;
}
header .searcharea form{
    border:1px solid #fff;
}
header .searcharea form,header .searcharea form label,header .searcharea form label input{
    height: 32px;	
}
header .searcharea form label input{
    padding-right: 35px;
    outline: none;
    background: transparent;
    border:none;
    color:#fff;
}
header .searcharea form label input::-webkit-input-placeholder{color:#fff;}
header .searcharea form label input::-moz-placeholder{color:#fff;}
header .searcharea form label input:-ms-input-placeholder{color:#fff;}
header .searcharea form label input:-moz-placeholder{color:#fff;}
header .searcharea input[type=submit]{
    position: absolute;
    right:0;
    top:0;
    height: 34px;
    width: 33px;
    background: url('images/search.png');
    border:none;
}

/****************************
HOME HEADER
*****************************/
.home{

}
.home header{
    background: #49a5b2;
}
.home header .logo{
    height: 290px;
    text-align: center;
    margin-top: 100px;
}
.home header .logo img{
    height: 100%;
}
.home header nav#mainnav ul li{
    display: inline-block;
    padding-left: 8px;	
}

/************************
HOME
************************/
.home main{
    background: #49a5b2 url('images/bg.png')center bottom no-repeat;
}
.home .searchfilter{
    padding-top: 50px;
    text-align: center;
    color:#fff;
    height: 550px;
}	
.home .searchfilter h5{
    font-size: 22px;
    font-weight: 300;
    margin-bottom: 15px;
}	
.home #ui-datepicker-div .ui-widget-content{
    background: #fff;
}
.home #ui-datepicker-div{
    font-family: 'Heebo', sans-serif !important;
}
.home #ui-datepicker-div select{
    font-weight: 300;
    font-family: 'Heebo', sans-serif !important;
}
.home #ui-datepicker-div .ui-widget-header,
.single-product #ui-datepicker-div .ui-widget-header{
    background: #417387;
    border-color:#417387;	
    font-weight: 300;
}
.home #ui-datepicker-div .ui-state-hover, .home #ui-datepicker-div .ui-widget-content .ui-state-hover, .home #ui-datepicker-div .ui-widget-header .ui-state-hover, .home #ui-datepicker-div .ui-state-focus, .home #ui-datepicker-div .ui-widget-content .ui-state-focus, .home #ui-datepicker-div .ui-widget-header .ui-state-focus,
.single-product #ui-datepicker-div .ui-state-hover, .single-product #ui-datepicker-div .ui-widget-content .ui-state-hover, .single-product #ui-datepicker-div .ui-widget-header .ui-state-hover, .single-product #ui-datepicker-div .ui-state-focus, .single-product #ui-datepicker-div .ui-widget-content .ui-state-focus, .single-product #ui-datepicker-div .ui-widget-header .ui-state-focus{
    border: 1px solid #fff;
    background: #fff;
    font-weight: bold;
    color: #ed474a;
}
.home #ui-datepicker-div .ui-state-hover .ui-icon, .home #ui-datepicker-div .ui-state-focus .ui-icon,
.single-product #ui-datepicker-div .ui-state-hover .ui-icon, .single-product #ui-datepicker-div .ui-state-focus .ui-icon{
    background-image:url('images/ui-icons_cc0000_256x240.png');	
}
.home .ui-datepicker th,
.single-product .ui-datepicker th{
    font-weight: 400;
    color:#417387;
}
.home  .ui-state-default, .home  .ui-widget-content .ui-state-default, .home  .ui-widget-header .ui-state-default,
.single-product  .ui-state-default, .single-product  .ui-widget-content .ui-state-default, .single-product  .ui-widget-header .ui-state-default{
    background: rgba(255,255,255,.5);
    border:none;
}
.home #ui-datepicker-div .ui-state-hover,
.single-product #ui-datepicker-div .ui-state-hover{
    border:none;
    font-weight: 300;
}
.home .ui-datepicker td,.home .ui-datepicker td a,
.single-product .ui-datepicker td,.single-product .ui-datepicker td a{
    font-family: 'Heebo', sans-serif !important;
    font-weight: 300;
}
.home .searchfilter select,
.home .searchfilter .select2,
.home .searchfilter input{
    height: 40px;
    margin-left: 1%;
    font-family: 'Heebo', sans-serif !important;
    font-weight: 400;
    color:#417387;
    padding-right: 7px;
    border:none;
    outline: 0;
    max-width: 15%;
    width: 15%;
}
.home .searchfilter .select2-container--default .select2-selection--single{
    border:none;
    border-radius: 0;
    height: 40px;
    text-align: right;
    list-style: 40px;
}
.home .searchfilter .select2-container--default .select2-selection--single .select2-selection__rendered{
    color:#417387;
    font-size: 14px;
    line-height: 40px;
}
.home .searchfilter .select2-container--default .select2-selection--single .select2-selection__arrow{
    left:1px;
    right: auto;
}
.home .searchfilter .select2-container--default .select2-selection--single .select2-selection__arrow b{
    border-color:#417387 transparent transparent;
    border-width: 7px 3px 0;
    top:74%;
}
.home .select2-dropdown{
    text-align: right;
    font-size: 12px;
    color:#417387;
}
.select2-container--default .select2-search--dropdown .select2-search__field{
    text-align: right;
    color:#417387;
}
.home .searchfilter #DoSearch{
    width: 16%;
    display: inline-block;
    float: left;
    background: #ed474a;
    height: 40px;
    line-height: 40px;	
    font-family: 'Heebo', sans-serif !important;
    cursor: pointer;
    transition: linear 0.3s;
}
.home .searchfilter #DoSearch:hover{
    background: #417387;
}
#loader{
    display: none;
    background: rgba(0,0,0,.5);
    width: 100%;
    height: 100%;
    position: fixed;
    top:0;
    z-index: 500;
    right: 0;
}
.loaderwrapper{
    width: 40%;
    height: 300px;
    margin:0 auto;
    position: relative;
    top:25%;
    border:1px solid #fff;
    background: #fff;
    opacity: 1;
}
.loader h3{
    color:#417387;
}
.loader{
    text-align: center;
    background: #fff url('images/esti.gif')bottom 10px center no-repeat;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 1;
}


/**********************
BREADCRUMBS
************************/ 
.breadcrumbs{
    margin-bottom: 20px;
}
.breadcrumbs ul{
    list-style: none;
}
.breadcrumbs ul li{
    display: inline-block;
    padding-left: 5px;
    color:#000;
    font-weight: 300;
}
.breadcrumbs ul li strong{
    font-weight: 400;
}
.breadcrumbs ul li a{
    text-decoration: none;
    color:#000;
    font-weight: 300;
}

/**********************
PAGE
**********************/
aside{
    width: 25%;
    display: inline-block;
    float: right;
}	
.maincontent{
    display: inline-block;
    width: 72%;
    float: left;
    box-shadow:0.3px 0 0 #afafaf;
    padding-right: 3%;
    margin-bottom: 25px;
}	
.maincontent h2{
    color:#ed474a;
    box-shadow:0 0.3px 0 #afafaf;
    margin-bottom: 15px;
    font-weight: 400;
}
.maincontent p{
    margin-bottom: 8px;
    font-size: 17px;
    font-weight: 300;
}
.newsletter{
    position: fixed;
    bottom:1%;
    left:0%;
    width: 270px;
}
.newsletter .img{
    position: absolute;
    right: 0;
    z-index: 50;
    bottom:0;
}
.newsletter .mainnews{
    position: relative;
    left:0;
    background: #417387;
    width: 69%;
    padding-right: 28%;
    padding-left: 3%;
    height: 160px;
}
.newsletter .mainnews .close a{
    color:#fff;
    text-align: left;
    padding: 5px;
    display:block;
    cursor: pointer;
    text-decoration: none;
}
.newsletter .mainnews h5{
    text-align: center;
    color:#fff;
    font-weight: 400;
    font-size: 17px;
    line-height: 17px;
    margin-bottom: 10px;
    margin-top: -8px;
}
.newsletter .mainnews input[type=text],
.newsletter .mainnews input[type=email]{
    width: 92%;
    height: 29px;
    padding:0 2%;
}
.newsletter .mainnews input[type=submit]{
    height: 29px;
    width: 98%;
    background: #ed474a;
    color:#fff;
    font-size: 20px;
    text-align: center;
    border:none;
    margin-top: 10px;
    cursor: pointer;
}
.page #wpcf7-f65-p9-o1{
    margin-top: 20px;
}
.page #wpcf7-f65-p9-o1 form label{
    margin-bottom: 20px;
}
.page #wpcf7-f65-p9-o1 form label.half{
    width: 45.5%;
    display: inline-block;
}
.page #wpcf7-f65-p9-o1 form label.half:nth-child(2){
    margin-right: 6%;
}
.page #wpcf7-f65-p9-o1 form label.full{
    width: 97%;
    clear:both;
    margin-bottom: 20px;
    display: inline-block;
}
.page #wpcf7-f65-p9-o1 form label input,
.page #wpcf7-f65-p9-o1 form label textarea{
    width: 100%;
    padding:10px;
    border:1px solid #e0dddd;
    color:#417387;
    outline: none;
}
.page #wpcf7-f65-p9-o1 input::-webkit-input-placeholder{color:#417387;}
.page #wpcf7-f65-p9-o1 input::-moz-placeholder{color:#417387;}
.page #wpcf7-f65-p9-o1 input:-ms-input-placeholder{color:#417387;}
.page #wpcf7-f65-p9-o1 input:-moz-placeholder{color:#417387;}
.page #wpcf7-f65-p9-o1 textarea::-webkit-input-placeholder{color:#417387;}
.page #wpcf7-f65-p9-o1 textarea::-moz-placeholder{color:#417387;}
.page #wpcf7-f65-p9-o1 textarea:-ms-input-placeholder{color:#417387;}
.page #wpcf7-f65-p9-o1 textarea:-moz-placeholder{color:#417387;}
.page #wpcf7-f65-p9-o1 input[type=submit]{
    background: #ed474a;
    display: inline-block;
    float: left;
    padding: 10px 50px;
    border:none;
    color:#fff;
    font-size: 25px;
    font-weight: 500;
    cursor: pointer;
    transition: linear 0.3s;
}
.page #wpcf7-f65-p9-o1 input[type=submit]:hover{
    background: #417387;
}


/*************************
FULL WIDTH
**************************/
.maincontent.fullwidth{
    width: 100%;
    box-shadow: none;
}		

/**********************
SINGLE PRODUCT
************************/
.single-product .spinner{
    background: rgba(255,255,255,.8);
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 50;
    top:0;
    display: none;
}
.sk-circle {
    margin: 25% auto;
    width: 70px;
    height: 70px;
    position: relative;
}
.sk-circle .sk-child {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.sk-circle .sk-child:before {
    content: '';
    display: block;
    margin: 0 auto;
    width: 15%;
    height: 15%;
    background-color: #417387;
    border-radius: 100%;
    -webkit-animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
    animation: sk-circleBounceDelay 1.2s infinite ease-in-out both;
}
.sk-circle .sk-circle2 {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg); }
.sk-circle .sk-circle3 {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg); }
.sk-circle .sk-circle4 {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg); }
.sk-circle .sk-circle5 {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg); }
.sk-circle .sk-circle6 {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg); }
.sk-circle .sk-circle7 {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
.sk-circle .sk-circle8 {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg); }
.sk-circle .sk-circle9 {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg); }
.sk-circle .sk-circle10 {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg); }
.sk-circle .sk-circle11 {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg); }
.sk-circle .sk-circle12 {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg); }
.sk-circle .sk-circle2:before {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s; }
.sk-circle .sk-circle3:before {
    -webkit-animation-delay: -1s;
    animation-delay: -1s; }
.sk-circle .sk-circle4:before {
    -webkit-animation-delay: -0.9s;
    animation-delay: -0.9s; }
.sk-circle .sk-circle5:before {
    -webkit-animation-delay: -0.8s;
    animation-delay: -0.8s; }
.sk-circle .sk-circle6:before {
    -webkit-animation-delay: -0.7s;
    animation-delay: -0.7s; }
.sk-circle .sk-circle7:before {
    -webkit-animation-delay: -0.6s;
    animation-delay: -0.6s; }
.sk-circle .sk-circle8:before {
    -webkit-animation-delay: -0.5s;
    animation-delay: -0.5s; }
.sk-circle .sk-circle9:before {
    -webkit-animation-delay: -0.4s;
    animation-delay: -0.4s; }
.sk-circle .sk-circle10:before {
    -webkit-animation-delay: -0.3s;
    animation-delay: -0.3s; }
.sk-circle .sk-circle11:before {
    -webkit-animation-delay: -0.2s;
    animation-delay: -0.2s; }
.sk-circle .sk-circle12:before {
    -webkit-animation-delay: -0.1s;
    animation-delay: -0.1s; }

@-webkit-keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes sk-circleBounceDelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0);
        transform: scale(0);
    } 40% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
.single-product .spinner .spinnerloader{
    width: 150px;
    height: 150px;
    margin: 25% auto;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    border-top: 16px solid #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
.single-product .breadcrumbs{
    padding-right: 100px;
}
.single-product #general{
    margin-top: 60px;
}
.single-product #general .rightside{
    background: #fff;
    width: 50%;
    display: inline-block;
    float: right;
}
.single-product #general .rightside .deatails{
    display: inline-block;
    width: 44%;
    margin-left: 3%;
    float: right;
    padding-right: 3%;
    padding-top: 20px;
}
.single-product #general .rightside .deatails h1{
    font-weight: 600;
    margin-bottom: 28px;
}
.single-product #general .rightside .deatails h4{
    font-weight: 400;
    font-size: 19px;
}
.single-product #general .rightside .esti-image{
    width: 47%;
    margin-left: 3%;
    display: inline-block;
    float: right;
    text-align: left;
}
.single-product #general .rightside .marks{
    width: 100%;
}
.single-product #general .rightside .marks .reviews{
    background: #417387;
    text-align: center;
}
.single-product #general .rightside .marks .reviews h5{
    color:#fff;
    font-size: 35px;
    font-weight: 500;
    line-height: 35px;
}
.single-product #general .rightside .marks .reviews span{
    font-size: 18px;
    font-weight: 300;
    color:#fff;
    font-family: 'Heebo', sans-serif !important;
}
.single-product #general .rightside .links a{
    width: 32%;
    float: right;
    display: inline-block;
    background: #e5e5e5;
    color:#417387;
    margin-left: 2%;
    font-size: 16px;
    margin-top: 10px;
    height: 40px;
    line-height: 20px;
    text-align: center;
    text-decoration: none;
    transition: linear 0.3s;
}
.single-product #general .rightside .links a:first-child{
    line-height: 40px;
}
.single-product #general .rightside .links a:last-child{
    float: left;
    margin-left: 0;
}
.single-product #general .rightside .marks a:hover{
    background: #417387;
    color:#fff;
}
.single-product #general .leftside{
    width: 48%;
    display: inline-block;
    float: left;
}
.single-product #general .leftside{
    background: #fff;
    min-height: 279px;
    position: relative;
}
.single-product #general .leftside h3{
    background: #417387;
    color:#fff;
    text-align: center;
    font-weight: 500;
    padding:8px 0;
}
.single-product #general .leftside form{
    padding:10px;
}
.single-product #general .leftside form .rightform{
    display: inline-block;
    float: right;
    width: 48%;
}
.single-product #general .leftside form .leftforem{
    width: 48%;
    float: left;
    display: inline-block;
}
.single-product #general .leftside form .leftforem h4{
    width: 100%;
    clear:both;
}
.single-product #general .leftside form .leftforem label{
    width: 48%;
    display: inline-block;
    float: right;
}
.single-product #general .leftside form label{
    width: 100%;
    display: block;
}
.single-product #general .leftside form label input{
    width: 45%;
    height: 30px;
    margin-bottom: 9px;
    padding-right: 5px;
    margin-right: 5px;
    font-size: 14px;
}
.single-product #general .leftside form label span{
    width: 49%;
    display: inline-block;	
}
.single-product #general .leftside form label span.date{
    background: url('images/date.png') left center no-repeat;
}
.single-product #general .leftside form #roomNumber{
    width: 48%;
    height: 30px;
}
.single-product #general .leftside .buttons{
    padding:0;
    margin-top: 10px;
    position: absolute;
    width: 47%;
    bottom:0;
    right:2%;
}
.single-product #general .leftside a{
    display: inline-block;
    width: 100%;
    background: #ed474a;
    text-align: center;
    color:#fff;
    text-decoration: none;
    margin-bottom: 10px;
    padding:10px 0;
}
.single-product #tabs{
    background: transparent;
    border:none;
    margin-top: 30px;
}
.single-product #tabs .tabconent{
    padding:0;
}
.single-product #tabs .tabconent .sliderbase{
    width: 86%;
    display: inline-block;
    float: right;
}
.single-product #tabs .tabconent .carousel{
    width: 13%;
    display: inline-block;
    float: left;
}
.single-product #tabs .tabconent .bx-wrapper{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    background: transparent;
    margin-bottom: 8px;
}
.single-product #tabs .tabconent .sliderbase,.single-product #tabs .tabconent .carousel{
    direction: ltr;
    overflow: hidden;
}
.single-product #tabs .tabconent .carousel .bx-viewport{
    height: 665px !important;
    margin-top: 15px;
}
.single-product #tabs .tabconent .carousel .bx-viewport a img{
    margin-bottom: 18px;
}
.single-product #tabs .tabconent .slide{
    width: 100%;
}
.single-product #tabs .tabconent .sliderbase img{
    width: 100%;
}
.single-product #tabs .sliderbase .bx-wrapper .bx-prev{
    background: url('images/controls.png')no-repeat 0 0;
    width: 20px;
    height: 30px;
}
.single-product #tabs .sliderbase .bx-wrapper .bx-prev:hover{
    background-position: 0 -32px;
}
.single-product #tabs .sliderbase .bx-wrapper .bx-next{
    background: url('images/controls.png')no-repeat -30px 0;
    width: 20px;
    height: 30px;
}
.single-product #tabs .sliderbase .bx-wrapper .bx-next:hover{
    background-position: -30px -32px;	
}
.single-product #tabs .tabconent .carousel .bx-wrapper .bx-prev{
    background: url('images/controls.png')no-repeat -79px 0;
    width: 20px;
    height: 17px;
    top:0;
    right: 0;
    left:0;
    margin-right:auto;
    margin-left: auto;
}
.single-product #tabs .tabconent .carousel .bx-wrapper .bx-prev:hover{
    background-position: -55px 0;
}
.single-product #tabs .tabconent .carousel .bx-wrapper .bx-next{
    background: url('images/controls.png')no-repeat -79px -19px;
    width: 20px;
    height: 17px;
    top:99%;
    right: 0;
    left:0;
    margin-right:auto;
    margin-left: auto;
    margin-top: 0;
}
.single-product #tabs .tabconent .carousel .bx-wrapper .bx-next:hover{
    background-position: -55px -19px;
}
.single-product #tabs ul{
    background: transparent;
    border:none;
    padding:0;
}
.single-product #tabs ul li{
    float: right;
    background: #417387;
    border:none;
    border-radius: 1px;
    outline: none;
    margin-right: 0;
    margin-left: 5px;
}
.single-product #tabs ul li a{
    color:#fff;
    font-weight: 400;
    outline: none;
}
.single-product #tabs ul li.ui-tabs-active{
    background: #ed474a;
}
.single-product #area{
    margin-top: 35px;
}
.single-product #area .inarea{
    width: 35%;
    display: inline-block;
    float: right;
}
.single-product #area .inarea h3{
    margin-bottom: 15px;
}
.single-product #area .inarea ul li{
    width: 44%;
    display: inline-block;
    float: right;
    background: url(images/check.png) no-repeat right center;
    padding-right: 23px;
}
.single-product #area .maincontent{
    width: 62%;
}
.single-product #reviews{
    margin-top: 50px;
}
.single-product #reviews .reviewtext{
    width: 72%;
    display: inline-block;
    float: right;
}
.single-product #reviews .reviewtext h3{
    background: #fff;
    display: block;
    line-height: 45px;
    padding-right: 15px;
    margin-bottom: 15px;
    box-shadow: 0 0 0.3px #afafaf;
}
.single-product #reviews .reviewtext .singlereview{
    background: #fff;
    padding:5px 15px;
    margin-bottom: 15px;
    box-shadow: 0 0 0.3px #afafaf;
}
.single-product #reviews .reviewtext .singlereview span.date{
    margin-top: 10px;
    display: block;
    color:#7f7f7f;
    font-weight: 300;	
}
.single-product #reviews .reviewmarks{
    width: 25%;
    display: inline-block;
    float: left;
}
.single-product #reviews .reviewmarks .avaragemarks{
    background: #fff;
    padding-right: 15px;
    box-shadow: 0 0 0.3px #afafaf;
}
.single-product #reviews .reviewmarks .avaragemarks h3,
.single-product #reviews .reviewmarks .avaragemarks span{
    display: inline-block;
    float: right;
    width: 50%;
    text-align: right;
    line-height: 45px;
}
.single-product #reviews .reviewmarks .avaragemarks span{
    font-size: 21px;
    font-weight: 500;
}
.single-product #reviews .reviewmarks .marks{
    background: #fff;
    padding:5px 15px;
    margin-top: 15px;
    box-shadow: 0 0 0.3px #afafaf;
}
.single-product #reviews .reviewmarks .marks .mark h6{
    font-size: 15px;
    font-weight: 400;
}
.single-product #reviews .reviewmarks .marks .mark .fullpath{
    background: #dddddd;
    height: 20px;
    line-height: 20px;
    color:#fff;
    margin-bottom: 5px;
    overflow: hidden;
    width: 100%;
}
.single-product #reviews .reviewmarks .marks .mark .fullpath .path{
    background: #417387;
    padding-right: 7px;
    font-family: 'Heebo', sans-serif !important;
}
.single-product #reviews .reviewmarks .marks a.addreview{
    color:#fff;
    text-align: center;
    text-decoration: none;
    display: block;
    margin-top: 15px;
    background: #49a5b2;
    font-weight: 500;
}
.single-product #generalinfo{
    margin-top: 35px;	
}
.single-product #generalinfo .wrapper{
    background: #fff;
    padding:10px;
}
.single-product #generalinfo h3{
    margin-bottom: 15px;
}
.single-product #maps{
    margin-top: 45px;
}
.single-product #maps iframe{
    width: 100%;
    height: 360px;
}
.single-product .ui-datepicker .ui-datepicker-title span{
    font-weight: 300;
    font-family: 'Heebo', sans-serif !important;
}
.single-product #rooms{	
    margin-top: 35px;
}
.single-product #rooms h4{
    text-align: center;
    margin-bottom: 10px;
    font-size: 22px;
}
.single-product #rooms table{
    width: 100%;
    border-collapse: collapse;
}
.single-product #rooms table td,
.single-product #rooms table th{
    border: 1px solid #ddd;
    padding: 8px;
}
.single-product #rooms table td:nth-child(5){
    width: 18%;
}
.single-product #rooms table tr:nth-child(even){
    background-color: #f2f2f2;
}
.single-product #rooms table th{
    padding-top: 12px;
    padding-bottom: 12px;
    background-color: #417387;
    color: white;
}
.single-product .roomtotals{
    display: none;
    width: 18%;
    float: left;
    border:1px solid #ddd;
    padding:8px 0;
    background: #417387;
    color:#fff;
    text-align: center;
    font-family: 'Heebo', sans-serif !important;
}
.single-product .roomtotals h6{
    font-size: 18px;
    font-weight: 400;
}
.single-product #addtocart_con.hidden{display: none;font-family: 'Heebo', sans-serif !important;}
.single-product #addtocart_con{width: 18%;float: left;margin-top: 15px;position: relative;z-index: 2000;}
.single-product #addtocart_con a{width: 100%;padding:15px 0;text-align: center;background: #ed474a;color:#fff;}
.single-product #addtocart_con p.product.woocommerce.add_to_cart_inline {border:none !important;padding:0 !important;}
.single-product #addtocart_con.hidden .woocommerce-Price-amount.amount{display: none;}
.single-product #addtocart_con span{width: 100%;padding:15px 0px;text-align: center;background: #ed474a;color:#fff;display: block;}
.woocommerce-checkout-payment button{background-color:#ed474a !important; }

/**********************
FAQS
************************/
.page-template-faq #accordion{
    margin-top: 25px;
}
.page-template-faq #accordion .ui-state-default{
    background: #fff;
    border:none;
    border-radius: 0;
    height: 63px;
    font-size: 25px;
    color:#417387;
    line-height: 63px;
    font-weight: 400;
    padding:0;
    margin:0;
    margin-top: 30px;
    padding-right: 80px;
    -webkit-box-shadow: 5px 5px 9px -3px rgba(0,0,0,0.10);
    -moz-box-shadow: 5px 5px 9px -3px rgba(0,0,0,0.10);
    box-shadow: 5px 5px 9px -3px rgba(0,0,0,0.10);
}
.page-template-faq #accordion .ui-state-default.ui-state-active{
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0.0);
    -moz-box-shadow: 0 0 0 0 rgba(0,0,0,0.0);
    box-shadow: 0 0 0 0 rgba(0,0,0,0.0);
}
.page-template-faq #accordion .ui-state-default .ui-icon{
    background-image: url('images/plus.png');
    width: 63px;
    height: 63px;
    left:auto;
    right:0;
    top:0;
    background-position: 0 0;
    margin-top: 0;
}
.page-template-faq #accordion .ui-accordion-content-active{
    -webkit-box-shadow: 5px 5px 9px -3px rgba(0,0,0,0.10);
    -moz-box-shadow: 5px 5px 9px -3px rgba(0,0,0,0.10);
    box-shadow: 5px 5px 9px -3px rgba(0,0,0,0.10);
    background: #fff;
    border:none;
    border-radius: 0;
    border-top:1px solid #f3f3f3;
}
.page-template-faq #accordion .ui-state-default.ui-state-active .ui-icon{
    background-image: url('images/minus.png');
}

/**********************
SEARCH HOTEL
************************/
.page-template-search-hotel .hotel{
    height: 350px;	
    margin-bottom: 40px;
    position: relative;
}
.page-template-search-hotel .hotel .righthotel{
    width: 50%;
    height: 100%;
    display: inline-block;
    overflow: hidden;
}
.page-template-search-hotel .hotel .righthotel .top{
    background: #d3d3d3;
    height: 40px;
    padding: 0 10px 0 0;
}
.page-template-search-hotel .hotel .righthotel .top h3{
    font-size: 19px;
    color:#000;
    font-weight: 500;
    display: inline-block;
    width: 85%;
    height: 100%;
    line-height: 40px;
}
.page-template-search-hotel .hotel .righthotel .top h3 span{
    font-weight: 300;
}
.page-template-search-hotel .hotel .righthotel .top .grade{
    width: 15%;
    display: inline-block;
    background: #49a5b2;
    color:#fff;
    float: left;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-family: 'Heebo', sans-serif !important;
}
.page-template-search-hotel .hotel .righthotel .image{
    overflow: hidden;
    height: 100%;
}
.page-template-search-hotel .hotel .righthotel .image img{
    width: 100%;
    display: block;
    transition: linear 0.5s;
    overflow: hidden;
    height: 100%;
}
.page-template-search-hotel .hotel .righthotel .image img:hover{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
.page-template-search-hotel .hotel .lefthotel{
    width: 50%;
    display: inline-block;
    float: left;
    background: #fff;
    position: absolute;
    height: 100%;
}
.page-template-search-hotel .hotel .lefthotel .excerpt{
    padding:15px;
}
.page-template-search-hotel .hotel .lefthotel ul{
    padding-right: 15px;
}
.page-template-search-hotel .hotel .lefthotel ul li{
    width: 44%;
    display:inline-block;
    float: right;
    background: url(images/check.png) no-repeat right center;
    padding-right: 23px;
}
.page-template-search-hotel .hotel .lefthotel .footer{
    position: absolute;
    bottom:15px;
    width: 90%;
    padding: 0 15px;
    height: 40px;
    margin:0 auto;
    right: 0;
    left:0;
}
.page-template-search-hotel .hotel .lefthotel .footer a{
    width: 48%;
    display: inline-block;
    text-align: center;
    background: #ed474a;
    color:#fff;
    font-size: 20px;
    font-weight: 490;
    border:1px solid #ed474a;
    line-height: 40px;
    text-decoration: none;
    float: right;
    transition: linear 0.3s;
}
.page-template-search-hotel .hotel .lefthotel .footer a:hover{
    background: #417387;
    border-color:#417387;
    color:#fff;
}
.page-template-search-hotel .hotel .lefthotel .footer span{
    width: 48%;
    display: inline-block;
    float:right;
    text-align: center;
    border:1px solid #ed474a;
    line-height: 40px;
    font-family: 'Heebo', sans-serif !important;
    font-size: 20px;
}
.page-template-search-hotel aside .searchfilter{
    background: #fff;
    width: 85%;
    padding-right: 2%;
}
.page-template-search-hotel aside .searchandfilter ul li li{
    padding:2px 0;
}
.page-template-search-hotel aside .searchandfilter li[data-sf-field-input-type=checkbox] label{
    padding-left: 0;
    padding-right: 10px;
}
.page-template-search-hotel aside .searchandfilter ul.mainlist{
    font-size: 18px;
}
.page-template-search-hotel aside .searchandfilter ul.mainlist li{
    padding:7px 0;
    border-bottom:1px solid #afafaf;
}
.page-template-search-hotel aside .searchandfilter ul.mainlist li ul li{
    padding:2px 0;
    border:none;
}
.page-template-search-hotel aside .searchandfilter ul.mainlist li h4{
    padding-left: 0;
    border:none;
    background: transparent;
    font-weight: 500;
    color:#000;
    padding:0;
    line-height: 32px;
    outline: 0;
}
.page-template-search-hotel aside .searchandfilter ul.mainlist li h4 .ui-accordion-header-icon{
    background-image:url('images/ui-icons_417387_256x240.png'); 
}
.page-template-search-hotel aside .searchandfilter ul.mainlist li ul{
    padding:0;
    border:none;
    background: transparent;
    margin-top: 10px;
}
.page-template-search-hotel aside .recent{
    margin-top: 100px;
    width: 85%;
    background:#fff;
    padding-bottom: 10px;
}
.page-template-search-hotel aside .recent h3{
    color:#417387;
    font-size: 17px;
    font-weight: 400;
    text-align: center;
    padding:7px 0;
}
.page-template-search-hotel aside .recent ul{
    list-style: none;
    width: 100%;
    overflow: hidden;
}
.page-template-search-hotel aside .recent ul li a{
    clear:both;
    width: 100%;
    display: inline-block;
    margin-top: 30px;
    box-shadow: 0  0.3px 0 #afafaf;
    padding-right: 2%;
}
.page-template-search-hotel aside .recent ul li:last-child a{
    box-shadow: none;
}
.page-template-search-hotel aside .recent ul li a img{
    width: 35%;
    display: inline-block;
    float: right;
    height: auto;
}
.page-template-search-hotel aside .recent ul li a span{
    width: 60%;
    display: inline-block;
    float: left;
    color:#000;
    font-weight: 400;
    font-size: 16px;
}
/**********************
ARTICLES
************************/
.page-template-articles .maincontent .mainpostst{
    margin-top: 35px;
}
.page-template-articles .maincontent .mainpostst .mainpost{
    margin-bottom: 50px;
}
.page-template-articles .maincontent .mainpostst .mainpost .rightpostarea{
    width: 50%;
    display: inline-block;
    float: right;
}
.page-template-articles .maincontent .mainpostst .mainpost .rightpostarea h3{
    margin-bottom: 25px;
}
.page-template-articles .maincontent .mainpostst .mainpost .rightpostarea a{
    display: inline-block;
    margin-top: 25px;
    background: #417387;
    color:#fff;
    text-decoration: none;
    padding:10px 20px;
}
.page-template-articles .maincontent .mainpostst .mainpost .rightpostarea p{
    padding-left: 10px;
}
.page-template-articles .maincontent .mainpostst .mainpost .leftpostarea{
    width: 50%;
    display: inline-block;
    float: left;
}
.page-template-articles .maincontent .mainpostst .mainpost .leftpostarea img{
    width: 100%;
    overflow: hidden;
    height: auto;
}
.page-template-articles .maincontent .mainpostst .article{
    width: 30%;
    display: inline-block;
    margin-left: 5%;
    float: right;
    overflow: hidden;
}
.page-template-articles .maincontent .mainpostst .article:nth-child(3n+3){
    margin-left: 0;
    float: left;
}
.page-template-articles .maincontent .mainpostst .article a{
    text-decoration: none;
    color:#000;
    font-weight: 400;
    text-align: center;
}
.page-template-articles .maincontent .mainpostst .article .postimage{
    max-height: 240px;
    min-height: 240px;
    overflow: hidden;
    height: 100%;
    display: block;
}
.page-template-articles .maincontent .mainpostst .article .postimage img{
    width: 100%;
    height: 240px;
    transition: linear 0.5s;    
}
.page-template-articles .maincontent .mainpostst .article:hover .postimage img{
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}
/**********************
SINGLE ARTICLES
************************/
.single-post aside{
    width: 22%;
    display: inline-block;
    float: right;
    padding-left: 3%;	
}
.single-post aside h3{
    background: #49a5b2;
    color:#fff;
    padding-right: 5px;
}
.single-post aside ul{
    list-style: none;
}
.single-post aside ul li{
    border-bottom:1px solid #ddd;
    border-right:1px solid #ddd;
    border-left:1px solid #ddd;	
}
.single-post aside ul li a{
    text-decoration: none;
    color:#000;
    padding:5px;
    display: block;
    transition: linear 0.3s;
}
.single-post aside ul li a:hover,
.single-post aside ul li.active a{
    background-color: #d3d3d3;
    padding-right: 10px;
}
.single-post article{
    display: inline-block;
    width: 72%;
    float: left;
    box-shadow: 0.3px 0 0 #afafaf;
    padding-right: 3%;
}
.single-post article .mainimage{
    margin-bottom: 20px;
    width: 100%;
}
.single-post article .mainimage img{
    width: 100%;
    height: auto;
}
.single-post article h2{
    color:#417387;
    margin-bottom: 0;
}
.single-post article h3{
    margin-top: -5px;
    font-weight: 300;
    font-size: 16px;
    margin-bottom: 8px;
}
.single-post main{
    padding-bottom: 30px;
}

/**********************
REVIEW FORM
************************/
.page-template-review-form .breadcrumbs{
    padding-right: 100px;
}
.page-template-review-form h1{
    text-align: center;
    font-size: 21px;
    font-weight: 400;
}
.page-template-review-form form#gform_1{
    width: 35%;
    margin-bottom: 35px;
    padding-bottom: 35px;
}
.page-template-review-form form#gform_1 li#field_1_1 input{
    width: 100% !important;
}
.page-template-review-form form#gform_1 li .ginput_container_radio ul li{
    display: inline-block;
    margin-left: 0px !important;
    height: 60px;
    text-align: center !important;	
}
.page-template-review-form form#gform_1 li .ginput_container_radio ul li input{
    width: 100% !important;
    display: block;
    height: 50px;
}
.page-template-review-form form#gform_1 li .ginput_container_radio ul li label{
    display: block;
    text-align: center !important;
    width: 100%;
    clear: both;
    z-index: 1000;
}
.page-template-review-form form#gform_1 li{
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}
.page-template-review-form form#gform_1 li ul li{
    width: 10%;
}
.page-template-review-form form#gform_1 li#field_1_1{
    width: 100%;
}
.page-template-review-form form#gform_1 li input{
    position: absolute;
    opacity: 0;
    z-index: 2000;
    text-align: center !important;
}
.page-template-review-form form#gform_1 li#field_1_1 input{
    opacity: 1;
    position: relative;
    font-size: 18px;
    text-align: right !important;
}
.page-template-review-form form#gform_1 li .checkmark {
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    margin:0 auto;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
    z-index: 1500;
    cursor: pointer;
}
.page-template-review-form form#gform_1 li input:hover ~ .checkmark{
    background-color: #417387;
}
.page-template-review-form form#gform_1 li input:checked ~ .checkmark {
    background-color: #417387;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.page-template-review-form form#gform_1 li input:checked ~ .checkmark:after{
    display: block;
}
.checkmark:after {
    top: 9px;
    left: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
.page-template-review-form form#gform_1 ul li label.gfield_label{
    font-size: 18px;
    font-weight: 500;
}
.page-template-review-form form#gform_1 .gform_footer input{
    width: 50%;
    display: block;
    margin:0 auto;
    background: #ed474a;
    border:none;
    color:#fff;
    text-align: center !important;
    padding:8px 0;
    font-size: 22px;
    cursor: pointer;
    transition: linear 0.3s;
}
.page-template-review-form form#gform_1 .gform_footer input:hover{
    background: #417387;
}
.page-template-review-form form#gform_1 li#field_1_10 ul li{
    width: 100%;
}
.page-template-review-form form#gform_1 li#field_1_10 label{
    display: inline-block;
}
.page-template-review-form form#gform_1 li#field_1_10 .ginput_container_checkbox{
    display: inline-block;
    width: 20%;
}
.page-template-review-form form#gform_1 li#field_1_10 .ginput_container_checkbox input{
    opacity: 1;
    margin-top: 10px;
    margin-right: 5px;
}

/**********************
THANKS
************************/
.page-template-thanks .thanks{
    text-align: center;
    font-size: 20px;
}
.page-template-thanks .newsform{
    width: 50%;
    margin:50px auto;
    text-align: center;
}
.page-template-thanks .newsform #mc4wp-form-1 input[type=email]{
    width: 75%;
    height: 35px;
    padding-right: 5px;
    border: 1px solid #ddd;
    display: inline-block;
    float: right;
    outline: none;
    font-size: 20px;
    font-weight: 300;
}
.page-template-thanks .newsform #mc4wp-form-1 input[type=submit]{
    width: 23%;
    height: 37px;
    border: none;
    background: #ed474a;
    color:#fff;
    font-size: 22px;
    display: inline-block;
    float: left;
    cursor: pointer;
}
.page-template-thanks .newsletter{
    display: none;
}
/**********************
COMING
************************/
.page-template-comingsoon main{
    height: 100vh;
    margin-bottom: 0;
    position: relative;
    background-size: cover;
}
.page-template-comingsoon main .wrapper{
    position: relative;
    height: 100%;
}
.page-template-comingsoon main .logo{
    width: 230px;
    height: 290px;
}
.page-template-comingsoon main .logo img{
    width: 100%;
    height: 100%;
    display: block;
}
.page-template-comingsoon main .content{
    position: absolute;
    width: 100%;
    bottom:0;
}
.page-template-comingsoon main .content .image{
    width: 40%;
    display: inline-block;
    float: left;
    text-align: left;
}
.page-template-comingsoon main .content .image img{
    height: 700px;
    width:  auto;
}
.page-template-comingsoon main .content .left{
    width: 35%;
    display: inline-block;
    float: left;
    text-align: right;
}
.page-template-comingsoon main .content .left p{
    font-size: 60px;
    font-weight: 200;
    color:#fff;
    line-height: 70px;
    padding-top: 10px;
}
.page-template-comingsoon main .content .left a{
    width: auto;
    padding:5px;
    background: #ec484b;
    color:#fff;
    text-align: center;
    font-weight: 300;
    font-size: 28px;
    display: block;
    margin-top: 30px;
    text-decoration: none;
}
/**********************
FOOTER
************************/
footer#footer{
    position: fixed;
    bottom:0;
    width: 100%;
    z-index: -1;
}
footer#footer .top{
    background: #417387;
    padding:35px 0;
}
footer#footer .fourcol{
    width: 25%;
    display: inline-block;
    float: right;
}	
footer#footer .fourcol ul{
    list-style: none;
}	
footer#footer .fourcol ul li{
    transition: linear 0.3s;	
}
footer#footer .fourcol ul li a{
    text-decoration: none;
    color:#fff;
    font-size: 18px;
    font-weight: 400;	
    transition: linear 0.3s;
}
footer#footer .fourcol ul li:hover a{
    color:#bbb;
}
footer#footer .fourcol.four{
    text-align: center;
}
footer#footer .fourcol.four img{
    height: 85px;
}
footer#footer .fourcol.four a{
    display: block;
    color:#fff;
    text-decoration: none;
    text-align: center;
}
footer#footer .cards{
    background:#fff;
    padding:20px 0;
    text-align: center;
}
footer#footer .cards a{
    color:#417387;
    text-decoration: none;
}
footer#footer .cards .credit{
    text-align: left;
}

.woocommerce-checkout #payment .payment_box.payment_method_icredit_payment{display: none !important;}
.single-product #general .leftside form .leftforem label.ages option+option+option+option+option+option+option+option+option+option+option+option{display: none;}
select{background-color: #fff;}

/**********************
MOBILE
************************/
@media screen and (max-width: 1656px){
    .home header nav#mainnav ul{padding-top: 40px;}
}
@media screen and (min-width: 1518px)  and (max-width: 1655px){}
@media screen and (min-width: 1400px)  and (max-width: 1517px){
    .page-template-comingsoon main .wrapper{width: 98%;}
}
@media screen and (max-width: 1280px){
    .home .searchfilter,footer#footer .top{padding-left: 20px; padding-right: 20px;}
    footer#footer .cards .credit{padding-left: 20px;}
}
@media screen and (min-width: 1280px)  and (max-width: 1399px){
    .page-template-comingsoon main .content .image{width: 52%;float: right;}
    .page-template-comingsoon main .content .image img{height: 500px;}
    .page-template-comingsoon main .logo{width: 20%;height: auto;}
    .page-template-comingsoon main .logo .wrapper{width: 100%;}
}
@media screen and (max-width:1024px){
    #breadcrumbs{padding:10px 20px;}
    .opennav{display: block;position:fixed;left: 3%;top:27px;z-index:999;}	
/*    .opennavside{display: none;}*/
    .wrapper{width: 98%;}
    main{margin-bottom: 498px;min-height: 550px;}
    #mainnav{display: none;position: absolute;top:0%;background: rgba(255,255,255,.9);margin-right: -1%;}
    header .logo{margin-top: 0;}
    header nav#mainnav ul li{width: 100%;padding:1% 0;}
    header nav#mainnav ul li a{color:#417387;}
    header .logo{height: 220px;font-size: 26px;}
    .searchfilter{padding-top: 30px;}
    #ui-datepicker-div{width: 98% !important;}
    header .top .logo{width: 130px;right: 9%;}
    header .top{height: auto;min-height: 75px;}
    header .searcharea{top:22px;left: 75px;}
    header .top nav{position: fixed;z-index: 99;height: auto;width: 100%;margin-right: 0px;right: 0px;padding: 0px;}
    #mainnav{margin-right: 0px;}
    .page-template-search-hotel .hotel .lefthotel .footer a,.page-template-search-hotel .hotel .lefthotel .footer span{width: 100%;}
    .page-template-search-hotel .hotel .lefthotel .footer{bottom: 30px;}
    .single-product #general .rightside,.single-product #general .leftside{width: 100%;float: none;margin-bottom: 20px;padding-bottom: 20px;}



}
@media screen and (max-width:959px) {
    .home .searchfilter select, .home .searchfilter .select2, .home .searchfilter input{width: 100%;max-width: 100%; margin-left: 0px;margin-right: 0px;padding-right: 0px;margin-bottom: 20px;}
    .home .searchfilter select,.home .searchfilter input{padding-right:20px;}
    .home .searchfilter input{width: 97.3%;}
    .home .searchfilter #DoSearch{width: 40%;float: none;}
    main{margin-bottom: 396px;}
    .page-template-search-hotel aside .searchandfilter li[data-sf-field-input-type=checkbox] label{font-size: 14px;}
    .page-template-search-hotel .hotel .righthotel{width: 98%;display: block;}
    .page-template-search-hotel .hotel .righthotel .image img{max-height: 300px;}
    .page-template-templatessearch-hotel-php .maincontent{box-shadow: none;}
    .page-template-templatessearch-hotel-php .maincontent h2{box-shadow:none;border-bottom: 0.3px solid #afafaf;}
    .page-template-search-hotel .hotel .lefthotel{width: 100%;}
    .page-template-search-hotel .hotel .lefthotel .footer{bottom: 71px;}
    .single-product #general .leftside form{padding: 30px;} 
    .single-product #tabs .tabconent .carousel{padding-bottom:20px;}
    .single-product #tabs .tabconent .carousel .bx-wrapper .bx-next{margin-top: 6px;}
    .single-product #general .leftside form .rightform{width: 50%;}
    .single-product .wrapper{width: 97%;}
    .single-product #breadcrumbs{padding-top: 55px;}
}
@media screen and (max-width:767px) {
    .home .searchfilter input{width: 93.5%;}
    .home .searchfilter select, .home .searchfilter .select2, .home .searchfilter input{margin-bottom: 20px;}
    .home .searchfilter #DoSearch{width: 100%;}
    footer#footer .fourcol{width: 50%;padding-bottom: 20px;}
    footer#footer .cards p{font-size:14px; }
    footer#footer .cards img{width:80%;margin: 10px auto;}
    header .searcharea{max-width: 45%;}
    .maincontent p{font-size: 16px;}
    .page-template-templatessearch-hotel-php .maincontent{float:none;}
    .opennavside{margin-right: 13px;}
    .single-product #general .leftside form .rightform,.single-product #general .leftside form .leftforem{width: 100%;float: none;}
    .single-product #general .leftside form label.adult select, .single-product #general .leftside form label.child select{height: 35px;margin-bottom: 10px;}
    .single-product #general .leftside a{padding: 7px 0px;}
    .single-product #general .leftside .buttons{margin: 0 auto;left: 0;right: 0;}
    .single-product #general .leftside form label.adult select, .single-product #general .leftside form label.child select{margin-right: 5px;width: 97%;}
    .page #wpcf7-f65-p9-o1 input[type=submit]{padding: 5px 50px;}
}

@media screen and (min-width: 461px)  and (max-width: 768px){
    .page-template-comingsoon main .logo{width: 30%;height: auto;}
    .page-template-comingsoon .wrapper{width: 98%;}
    .page-template-comingsoon main .content .left{width: 53%;}
    .page-template-comingsoon main .content .image{float: right;width: 45%;}
}
@media screen and (max-width: 460px){
    .page-template-comingsoon .wrapper{width: 98%;}
    .page-template-comingsoon main .logo{width: 30%;margin:0 auto;height: auto;padding-top: 10px;}
    .page-template-comingsoon main .content{position: relative;}
    .page-template-comingsoon main .content .left{width: 100%;}
    .page-template-comingsoon main .content .image{width: 100%;text-align: center;float: none;}
    .page-template-comingsoon main .content .left p{font-size: 35px;line-height: 50px;text-align: center;}
    .page-template-comingsoon main .content .image img{height: 290px;margin:0 auto;}
}