.mgb10{margin-bottom:10px;}
.mgb20{margin-bottom:20px;}
.mgb30{margin-bottom:30px;}
.mgt30{margin-top:30px;}
.mgt10{margin-top:10px;}
.mgt20{margin-top:20px;}
.arrow_up{text-align: center}
.kf-nav ul li {
    display: inline-block;
    padding: 18px 22px 8px;
    position: relative;
}

.kf-nav ul li a {
    font-weight: normal;
    font-size: 11pt;
    font-family: Century Gothic;
    color: #112b3a;
}

.kf-nav ul li:hover a{
    color:#44a175;
}
.kf-nav ul ul li a:hover
{
    color:#44a175;
}    
.kf-nav-search .small-btn {
    padding: 5.5px 12px;
    border:1px solid;
    font-size: 12pt;
    font-family: Century Gothic;
    margin: 0px 2px;
}
.kf-home-banner figure figcaption p {
    font-family: Microsoft Yi Baiti;
    font-size: 28pt;
}
.kf-home-banner figure figcaption p a
{
    font-size: 11px;
    color: #42badf;
    position: relative;
    right: 167px;
    cursor: pointer;
}
.kf-home-banner figure figcaption p span
{
    position: relative;
    bottom: 38px;
    left: -3.5em;
}
.kf-home-banner figure figcaption p span i
{
    color:White;
    font-size:3em;
}    
.welcome{
    margin: 40px 0px;
}
.welcome h1{
    text-align: center;
    font-size: 23px;
    font-family: Century Gothic;
    color: #1a2a35;
    margin-bottom: 25px;
}
.welcome p{
    text-align: center;
    font-family: Century Gothic;
    font-size: 16px;
    color: black;
}
.welcome-item{
    text-align: center;
}
.welcome-item p span
{
    display: inline-block;
    background: #3fa073;
    color: white;
    font-family: Latha;
    padding: 0px 8px;
    border-radius: 50%;
    font-size: 16px;
}
.welcome-item p
{
    font-weight: bold;
    color: black;
    font-family: Century Gothic;
}

/* Photo gallery filter */
.gallery
{
   background:#18151c;
}
.tabbable-panel {
    padding: 30px 0px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
    border: none;
        width: 248px;
    margin: 28px auto;;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
.tabbable-line > .nav-tabs > li > a {
  border: 0;
  margin-right: 0;
  color: white;
  font-size: 13px;
}
.tabbable-line > .nav-tabs > li > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover{
  background:#34cc99;
  color:white
}
.tabbable-line > .nav-tabs > li.open > a, .tabbable-line > .nav-tabs > li:hover > a {
  border: 0;
  background: none !important;
  color: white;
}
.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  position: relative;
}
.tabbable-line > .nav-tabs > li.active > a {
  border: 0;
  color: white;
}
.tabbable-line > .nav-tabs > li.active > a > i {
  color: #34cc99;
}
.tabbable-line > .tab-content {
    border: 0;
    padding: 15px 0px;
    overflow: hidden;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover
{
    background:#34cc99;
}
.nav>li>a
{
    padding:3px 10px;
}
/* Below tabs mode */

.tabbable-line.tabs-below > .nav-tabs > li {
  border-top: 4px solid transparent;
}
.tabbable-line.tabs-below > .nav-tabs > li > a {
  margin-top: 0;
}
.tabbable-line.tabs-below > .nav-tabs > li:hover {
  border-bottom: 0;
  border-top: 4px solid #fbcdcf;
}
.tabbable-line.tabs-below > .nav-tabs > li.active {
  margin-bottom: -2px;
  border-bottom: 0;
  border-top: 4px solid #f3565d;
}
.tabbable-line.tabs-below > .tab-content {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 1px solid #eee;
  padding-bottom: 15px;
}
.img-gal
{
  text-align: center;
  overflow:hidden;
}
.img-gal img
{
    width: 100%;
    height: auto;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.img-gal:hover img
{
    -moz-transform: scale(1.4);
    -webkit-transform: scale(1.4);
    transform: scale(1.4); 
    cursor: crosshair;   
}
.overlay
{
    background: #261e33;
    position: relative;
    z-index: 999;
}
.overlay h6{text-align:center; color:white; padding-bottom: 7px; font-family: sans-serif; font-size: 18px;}
.overlay p    
{
    margin-bottom: 0px;
    font-size: 10px;
    text-transform: uppercase;
}
/* Photo gallery filter */
footer{padding: 25px 0px;}
footer p{margin: 0px; text-align: center; font-size: 12px;}
.kf-home-banner figure figcaption{top:55%}
.client h1{font-family: Century Gothic; color: #1a2a35; font-weight: bold; font-size: 20pt; text-align: center; margin: 30px 0px;}
.client{background:#eaeaea;}
.c_img{text-align:center;}
.c_img img{height: 50px; width: 150px;}
.sm h1{font-family: Century Gothic; color: #112b3a; font-size: 30pt; font-weight: bold; text-transform: uppercase; text-align: center; margin: 25px 0px;}
.sm{background:#eaeaea; border-bottom: 1px solid #d8d8d8; box-shadow: 1px 1px 4px 0px #e3e3e3;}
.sm p{text-align: center; color: #1a2a35; margin-bottom: 40px;font-family: Century Gothic;}
.sm p a{color: #1a2a35;font-size:14px}
.sm p a:hover{text-decoration:underline}
.map-section{padding:20px 0px;}
.map-section h1{font-family: Century Gothic; color:#1a2a35; font-size: 12pt; text-transform: capitalize;font-weight:bold}
.map-section .col-md-4{padding:0px;}
.map-section .form-area h3{font-family: Century Gothic; color:#1a2a35;}
.map-section textarea,
.map-section input[type="text"],
.map-section input[type="password"],
.map-section input[type="datetime"],
.map-section input[type="datetime-local"],
.map-section input[type="date"],
.map-section input[type="month"],
.map-section input[type="time"],
.map-section input[type="week"],
.map-section input[type="number"],
.map-section input[type="email"],
.map-section input[type="url"],
.map-section input[type="search"],
.map-section input[type="tel"],
.map-section input[type="color"],
.map-section .uneditable-input{
    border-radius: 0px;
    box-shadow: none;
    background: white;
    color: #1a2a35;
    border: 1px solid rgba(158, 158, 158, 0.27);
    font-size: 10pt;
    font-style: italic;
    }
.map-section textarea{
    height:70px;
    }    
.map-section input[type="text"],
.map-section input[type="password"],
.map-section input[type="datetime"],
.map-section input[type="datetime-local"],
.map-section input[type="date"],
.map-section input[type="month"],
.map-section input[type="time"],
.map-section input[type="week"],
.map-section input[type="number"],
.map-section input[type="email"],
.map-section input[type="url"],
.map-section input[type="search"],
.map-section input[type="tel"],
.map-section input[type="color"],
.map-section .uneditable-input{
    height:30px;
    }

.map-section .help-block {font-family: Century Gothic;font-size: 10pt; margin: 0px;} 
.map-section button{border-radius: 0px;font-family: Century Gothic;background: #44a6d7;color: white;border: 1px solid #44a6d7;}
.map-section button:hover{background: #44a6d7;color: white;border: 1px solid #44a6d7;box-shadow: 2px 2px 2px 0px #7dbde8;}   
.address p{font-family: Century Gothic; color: #112b3a; font-size: 10pt; text-transform: capitalize;}
.map{}
.kf-brand-partner img{width: 165px;height: 75px;}

.red{
    color:red;
    }
.form-area
{
    background-color: #FAFAFA;
	padding: 0px 40px 60px;
	margin: 10px 0px 0px;
	border: 1px solid rgba(158, 158, 158, 0.27);
	}

a.back-to-top {
	display: none;
    position: fixed;
    z-index: 999;
    right: 49%;
    bottom: 10px;
}
a.back-to-top i{font-size:26px; color:#3f9e72}
.do h1{
    font-family: Century Gothic;
    font-size: 30pt;
    color: #1a2a35;
    text-align: center;
    padding: 40px 0px;
    padding-bottom: 0px;
    }
.do{border-top: 1px solid #cccccc}
.do ul li{
    list-style-image: url('images/clip.html');
    color: #112b3a;
    font-family: Century Gothic;
    font-size: 10pt;
    padding: 5px 0px;
    }
.do ul{padding: 0px 24px;margin: 25px 0px;}
.service{background:#eaeaea}
.service h1{
    font-family: Century Gothic;
    font-size: 30pt;
    color: #1a2a35;
    text-align: center;
    padding: 40px 0px;
    padding-bottom: 12px;
    } 
.service-sec h2{
    color: #1a2a35;
    font-family: Century Gothic;
    font-weight: bold;
    font-size: 12pt;
    padding-bottom:12px;
    }
.service-sec p{
    color: #1a2a35;
    font-family: Century Gothic;
    font-size: 10pt;
    line-height: 21px;
    } 
.outer{border-top:1px solid #cccccc;} 
.why-body{
    overflow: hidden;
    padding: 35px 0px;
    padding-bottom: 100px;
    }
.why-colm h1{
    color: #1a2a35;
    font-family: Century Gothic;
    font-weight: bold;
    font-size: 12pt;
    }
.why-colm h1 span{
    border-bottom: 1px solid #c5c4c6;
    padding-bottom: 5px;
    display: inline-block;
    width: 220px;
    }
.why-colm ul{
    font-family: Century Gothic;
    font-size: 10pt;
    padding: 11px 20px;
    display: inline-block;
    color: #112b3a;
    line-height: 25px;
    }
.why-colm{
    padding-bottom: 30px;
    }
.why-body{
    background-image: url('../images/whyus.png');
    background-repeat: no-repeat;
    background-position:right top;
    background-size: 50%;
    background-origin: content-box;
    } 
/* register css*/
.main{
 	margin-top: 70px;
 	margin-bottom: 70px;
}
.regis{
    float: right;
    background: #44a6d7;
    color: white;
    border-radius: 0px;
    font-family: Century Gothic;
    }
.regis:hover{
    box-shadow: 2px 2px 2px 0px #7dbde8;
    color:White;
    }    
h1.title { 
	color: #112b3a;
    font-family: Century Gothic;
    font-size: 16pt;
    font-weight: bold; 
}
.panel-heading {
    padding: 35px 15px;
}    
hr{
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 1px solid #112B39;
	width: 10%;
	color: #fff;
}

.form-group{
	margin-bottom: 15px;
}

label{
	margin-bottom: 15px;
}

input,
input::-webkit-input-placeholder {
    font-size: 11px;
    padding-top: 3px;
}

.main-login{
 	background-color: #fff;
    /* shadows and rounded borders */
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);

}

.main-center{
 	margin-top: 30px;
 	margin: 0 auto;
 	max-width: 330px;
    padding: 40px 40px;

}

.login-button{
	margin-top: 5px;
}

.login-register{
	font-size: 11px;
	text-align: center;
}
.address{
    overflow: hidden;
    margin-top: 29px;
    }

/* register css ends*/                                     
@media (max-width: 1200px){
    .tabbable-line > .nav-tabs{
        padding:0px 29%;    
    }
    .address p{font-size:1.2vw}
    .map iframe{height:250px;}    
}
@media (max-width: 991px){
    .map iframe{
        height:165px;
    }
    .welcome-item p{
        font-size: 1.1vw;
    }
    .address p{
        font-size: 1.1vw;
    }
    .kf-nav-search {
        float: right;
        padding: 20px 0 0px;
    }
    .kf-nav > #nav-main {;
        margin-top: 7px;
    }
    .tabbable-line > .nav-tabs {
        padding: 0px 23%;
    }
    #nav-trigger{
        display:block;    
    }
    nav#nav-mobile {
        display: block;
        padding: 9px 0 0px;
    }
    #nav-trigger span {
        display: inline-block;
        padding: 0px;
        background-color: white;    
    }
    .fa-navicon:before, .fa-reorder:before, .fa-bars:before{
        content: "\f0c9";
        color: #45a5d5;
        border: 1px solid #45a5d5;
        padding: 4px 9px;
    }
    .kf-blog-list .owl-theme .owl-controls .owl-buttons div:hover, .coming-soon-social li a, .widget-search.bg form button, .btn-style, .kf-popular-post.special-offer span, .kf-room-grid:hover .thumb figure:before, .kf_content-des .thumb figure:before, .kf-gallery-wrap.galler-2-wrap .gallery-2-nav .button-group.js-radio-button-group .button:hover, .kf-gallery-wrap.galler-2-wrap .gallery-2-nav .button-group.js-radio-button-group .button.is-checked, .kf-nav ul ul li:hover > a, .kf-booking-shdule .selectric-items li.selected, .kf-items-show .selectric-items li.selected, .kf-items-show .selectric-items li:hover, .kf-booking-shdule .selectric-items li:hover, .datepicker .day.active, #calendar-sidebar .fc-toolbar button, #calendar-sidebar .fc-toolbar, .kf-pagination .pagination li.active a, .widget-tags ul li a:hover, .kf-our-room:hover .btn-3, .kf-blog-3:hover .btn-3, .kf-accomodation-dec figure, .kf-home-banner > span, .small-btn, .medium-btn, .large-btn, .kf-newsletter-dec form button, .kf-accomodation-dec .text h5 a:before, .rating a, .kf-price-tag:hover button, .kf-staff-thumb:hover .kf-overlay:before, #owl-demo-2 .owl-controls .owl-buttons div:hover:before, .widget-instagram li a, .kf-room-grid .thumb figure, .room-grid-retail .btn-3:hover, .kf-our-room figure, .blog3-meta, .kf-sidebar h5:before, .kf-popular-post ul li:before, .kf-blog-list .text .btn-3:hover, .kf-pagination .pagination li a:hover, .kf-sidebar .widget form button:hover, .blog-search form button, .related-post figure:hover .post-date, .blog-detail-page .widget.widget-search button, .contactus-wrap form button, .kf-cont-heading h5:before, .kf-404-wrap form button, .social-404 li a:hover, .hotel-gallery1-wrap #filterable-item-filter-1 li a.active, .hotel-gallery1-wrap #filterable-item-filter-1 li a.active:hover, .hotel-gallery1-wrap #filterable-item-filter-1 li a:hover, .bottom-effect, .top-effect, #nav-trigger span:hover, nav#nav-mobile a:hover{
        font-size:16px;
        }    
}
@media (max-width: 768px){
    .why-body{
    background-position:center top;
    background-size: 80%;
    background-origin: content-box;
    }     
}
@media (max-width: 617px){
   .kf-brand-partner img{width: 100%;height: 110px;}  
}
@media (max-width: 480px){
    nav#nav-mobile{
        padding:2px;
    }     
}
@media (max-width: 467px){
   .kf-brand-partner img{width: 100%;height: 100px;}  
}