/*
Theme Name: SKT Hotel
Author: SKT Themes
Author URI: http://www.sktthemes.net
Description: SKT Hotel is a Restaurants and hotel wordpress theme. It has ability to have a nice slider. Easy to customize which requires no prior html coding knowledge. So just fill in the sections and your home page is set. Logo, layout, content on any pages can be set up very easily. This theme is responsive and looks good on all major browsers and devices. Can be used by corporate, business, bloggers, portfolio and any kind of business or industries. Comes with 4 default templates. Compatible with popular plugins like Contact Form 7 and SEO plugins.

Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: skt-hotel
Tags: black, orange, gray, red, white, light, brown, two-columns, one-column, responsive-layout, custom-background, custom-menu, featured-images, full-width-template, theme-options, threaded-comments

SKT Hotel Wordpress Theme has been created by SKT Themes(sktthemes.net), 2014.
SKT Hotel Wordpress Theme is released under the terms of GNU GPL
*/


@import url(http://fonts.googleapis.com/css?family=Cabin:400,400italic,500,500italic,600,600italic,700,700italic);

/*font-family: 'Roboto Condensed', sans-serif;   font-family: 'Roboto', sans-serif;    */

/* Default CSS
================================================*/
*{ margin:0; padding:0; outline:none;}
body{color:#3c3c3c; line-height:22px; font-family: 'Lato', sans-serif;}
img{ border:none; max-width:100%; height:auto;}
section img{max-width:100%;}
section p{ margin:0; padding:0;}
h1, h2, h3, h4, h5, h6{ margin-bottom:20px; font-weight:400; text-transform:uppercase; line-height:1.2;}
strong, b{ font-weight:bold;}
a{ text-decoration:none; color:#02abe5;}
hr{background:url(images/border-image-full.png) no-repeat bottom center; width:100%; height:14px; margin:40px 0; clear:both; clear:left; clear:right; border:none;}
a:hover{ text-decoration:none; color:#757575;}
ul{ list-style:none;}
.clear{ clear:both;}
.right{float:right;}
.left{float:left;}
footer.entry-meta{ clear:both;}

blockquote{color:#777; font-style:italic; line-height:1.5; padding:20px 15px; margin:15px 0 20px; background:#f6f6f6; position:relative;}
blockquote p{padding:0; margin:0; }
blockquote .bubble{background:url(images/base/bq_bubble.png) no-repeat left top; height:13px; width:20px; position:absolute; display:block; bottom:-12px; left:15px;}
.middle-align{ margin:0 auto;}
.wp-caption{ margin:0; padding:0; font-size:13px; max-width:100%;}
.alignleft, img.alignleft {display: inline; float: left; margin-right:25px; margin-top:4px; margin-bottom:20px; padding:0; }
.alignright, img.alignright { display: inline; float: right; margin-top:4px; margin-left:25px; margin-bottom:20px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; margin-top:0; }
.comment-list .comment-content ul { list-style:none; margin-left:15px;}
.comment-list .comment-content ul li{margin:5px;}
.main-container ol{list-style-position:outside; margin-left:20px;}
.main-container ol li{margin:5px 0;}
.toggleMenu{display:none;}
body.home section{padding:50px 0;}

h1{font-size:38px; color:#1f1f1f; }
h2{font-size:36px; color:#454545; } 
h3{font-size:28px; color:#454545; }
h4{font-size:22px; color:#313131; }
h5{font-size:18px; color:#373737; } 
h6{ font-size:16px; color:#373737; }
h1.entry-title{ line-height:40px;}
h3{ font-weight:300; line-height:1.6;}
h3 span{ font-weight:600;}

/* Header CSS
================================================*/
.header{width:100%; background-color:#3A2E5E; margin:0 0 20px 0;}
.container{ width:1100px; margin:0 auto; padding:0;position:relative;}
.logo{ float:left; position:absolute; left:0; top:0; z-index:999; background-color:#FFF; border-left:1px solid #000;border-bottom:1px solid #000;border-right:1px solid #000; border-bottom-right-radius:10px; border-bottom-left-radius:10px;}
.logo img {margin:15px 25px 15px 25px;}
.logo h1{font-weight:700; text-transform:uppercase; margin:0; padding-top:10px; }
.logo, .logo a{ color:#fff;}
.innerbanner{ margin:0 auto; text-align:center;}
.innerbanner img{ background-size:cover;}
.mobile_nav a{background:url(images/base/mobile_nav_right.png) no-repeat right center #222; border:1px #ccc solid; margin-top:10px; padding:12px 20px; display:none; color:#fff;}
.mobile_nav a:hover{ color:#f4e7e7;}

.callUs { float:right; position:absolute; right:30px; top:25px; color:#F7F4F7; font-size:20pt;}
.header_right{ float: right; margin: 75px 0 15px 0; padding:0 50px 0 50px; border:1px solid; background-color:#F7F4F7; border-radius:5px;}
/*nav {float: right; margin: 0 0 15px 0; padding:0 50px 0 50px; border:1px solid; background-color:#fff; border-radius:5px;}*/
#nav ul li {float: left;position: relative;margin: 0 0 0 0;padding: 10px;font-family: 'Lato', sans-serif;}
#nav ul li a {font-size: 12pt;}
#nav li.default-menu, li.default-menu {display: none;}
#nav a {color: #000;display: block;float: left;line-height:30px;height: 30px;}
#nav a:hover, #nav ul li.current-menu-item a, #nav ul li.current_page_ancestor a, #nav ul li.current-menu-ancestor a, #nav ul li.current_page_item a,#nav ul li:hover > a {color: #9780CC; /* Change Hover Colour */}
#nav ul li ul, #nav ul li:hover ul ul, #nav ul ul li:hover ul ul, #nav ul ul ul li:hover ul ul, #nav ul ul ul ul li:hover ul ul {display:none;z-index: 9999;}
#nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul,#nav ul ul ul ul ul li:hover ul {display:block;}
#nav ul li ul {position: absolute;	background: none repeat scroll 0 0 rgba(255, 255, 255, 1);border:1px dashed #ccc;border-top: 3px solid #9780CC; /* Colour Drop Down Menu Top */top:50px;width:250px;}
#nav ul li ul li {border:0;padding: 0;font-family: 'Lato', sans-serif;width:250px;float:left;}
#nav ul li ul li a, #nav ul li.current-menu-item ul li a, #nav ul li ul li.current-menu-item a,#nav ul li.current_page_ancestor ul li a, #nav ul li.current-menu-ancestor ul li a,#nav ul li.current_page_item ul li a {float: none;line-height: 21px;font-size: 14px;font-weight: normal;height: 100%;padding: 3px 10px;color: #666666;}
#nav ul li ul li a:hover,#nav ul li ul li:hover > a, #nav ul li.current-menu-item ul li a:hover { background: none repeat scroll 0 0 rgba(255, 255, 255, 1); color: #513299; /* Text Link Colour */}
#nav ul li ul li ul { left: 150px;top: -1px; }
#nav select { display: none; }
#nav ul li ul.align_right { left:auto;left:0px; }
#nav ul li ul.first { right:0px; }
#nav ul li ul li a.featured { color: #FF9009; /* Text Link Colour */ }


#nav {
	display: none;
	cursor: pointer;
}

body.home section#home_slider{ padding:0; font-size:14px;}
.read-more{font:400 16px/30px 'Roboto'; padding:5px 20px; display:inline-table; text-transform:uppercase; height:28px;}
.read-more:hover{ transition:all 0.4s ease 0s;}
.read-more .mideum{ font-size:1.5em; margin-left:10px;}
h2.section-title{ font-weight:300; text-align:center;}
h2.section-title span{ font-weight:600;}

.bookbtn{ position:absolute; font-weight:200; line-height:28px; padding:10px 30px; display:inline-block; top:-50px; z-index:999; text-transform:uppercase; border-bottom:none !important; -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px; cursor:pointer;  }
.bookbtn span{ margin-left:15px;}

/*header widget*/
.header_info{ text-align:right; color:#fff; padding: 1% 2% 0 0;}

/* Our Rooms section css
----------------------------------------------------------------*/
section.our-rooms{ font-size:14px; line-height:23px; text-align:center;}
.our-rooms h4{ margin:25px 0 0 0;}


/* ========== FORMS ========== */
input, textarea {
 	-webkit-border-radius: 0px;
	font-family: 'Lato', sans-serif;
}
input[type="text"], input[type="email"], input[type="search"], input[type="password"], textarea {
	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
}
input[type="text"], input[type="email"], input[type="password"], textarea {
	padding: 1%;
	border: 1px solid #3A2E5E;
	line-height: 20px;
	width: 98%;
	margin: 0 0 30px;
	background-color: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="search"]:focus, input[type="password"]:focus, textarea:focus {
	border: 1px solid #3A2E5E;
	-webkit-box-shadow: inset 0 0 10px rgba(255, 201, 14, 0.9);
	-moz-box-shadow: inset 0 0 10px rgba(255, 201, 14, 0.9);
	box-shadow: inset 0 0 10px rgba(255, 201, 14, 0.9);	
}
input.s {
	width: 60%;
	padding: 4px 10px;
	height: 22px;
	color: #666666;
	background-color: #FFFFFF;
	margin: 0;
	border: 1px solid #EAEAEA;
	cursor: pointer;
}
input.s:focus {
	padding-left: 10px;
	border-color: #EAEAEA;
	text-indent: 0;
}
.spacious-button, input[type="reset"], input[type="button"], input[type="submit"], button {
   	color: #FFFFFF;
	display:inline-block;
   	margin-bottom: 30px;
   	padding: 5px 25px;
   	-moz-appearance: none !important;
	-webkit-appearance: none !important;
	appearance: none !important;
	cursor: pointer;
	background-color: #3A2E5E; /* Change Colour Scheme */
	border: 0px;
   	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
   	font-size: 16px;
}
.spacious-button:hover, input[type="reset"]:hover, input[type="button"]:hover, input[type="submit"]:hover, button:hover {
	-webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
	-moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
	box-shadow:0 0 2px rgba(0, 0, 0, 0.6);
}
.previous a, .next a {
   color: #666666;
   padding: 5px 25px;
	cursor: pointer;
   border: 1px solid #EAEAEA;
   font-size: 16px;
}
.previous a:hover, .next a:hover {
	color: #0fbe7c ; /* Change Colour Scheme */
}
input[type="reset"]:active, input[type="button"]:active, input[type="submit"]:active {
	-webkit-box-shadow: inset 0 0 10px rgba(255, 201, 14, 0.3);
	-moz-box-shadow: inset 0 0 10px rgba(255, 201, 14, 0.3);
	box-shadow: inset 0 0 10px rgba(255, 201, 14, 0.3);	
}

/* Gallery */
.numCount {
	margin: 4px 5px 4px 4px;
	padding: 20px;
	top: 18px;
	right: 0px;
	color: rgb(255, 255, 255);
	font-size: 18pt;
	float:right;
	position: absolute;
	opacity: 0.6;
	background-color: rgba(0, 0, 0, 1);
}
.colorbox { width:75%;}

.sectorName {
    background-color: #ccc;
    padding: 15px;
    width: 220px;
    margin: -60px 0;
    position: absolute;
    left: 0;
    opacity: 0.8;
    color: #000;
    font-size: 22px;
    font-weight: 600;
}
.imgWrap {
	width:250px;
	margin:auto;
	position:relative;
}

/* About section css
----------------------------------------------------------------*/
.aboutpart{ width:65%; float:left;}
.aboutpart img{ float:left; margin:5px 40px 20px 0;}
.aboutpart ul{ margin:42px 0;}
.aboutpart ul li{ background:url(images/list-arrow.png) no-repeat left 5px; display:table; line-height:18px; margin-bottom:10px; padding:0 0 0 22px;}

.servicespart{ width:30%; float:right;}
.servicespart ul li{font:400 16px/30px 'Roboto'; background-color:#faf9f9; border:1px solid #e9e8e8; padding:8px 8px 8px 20px; margin-bottom:5px; text-transform:uppercase;}
.servicespart ul li:hover{ background-color:#ffffff;}
.servicespart ul li a{background:url(images/list-arrow2.png) no-repeat left 12px; display:block; color:#3c3c3c; padding:0 0 0 25px;}

/* offer-wrap section css
----------------------------------------------------------------*/
.offer-wrap .aboutpart img{ float:left; margin:5px 40px 20px 0; border:8px solid #f4f4f4;}
.offer-wrap .slide_toggle{ background-color:#faf9f9; border:1px solid #e9e8e8 !important; border-radius:0 !important; font-size:16px; position:relative; color:#3c3c3c; }
.offer-wrap h3.slide_toggle a::before{ position: absolute; right:5px; top:8px; background-color:transparent; font-size:16px; color:#8b8b8b; font-weight:400;}
.offer-wrap .slide_toggle a{color:#3c3c3c; }
.offer-wrap .slide_toggle_content{border-radius:0 !important; border:1px #e9e8e8 solid;}

/* Testimonials section css
----------------------------------------------------------------*/
#testimonials{ padding:15px 0 0; }
#testimonials li{ list-style:none; text-align:center;}
#testimonials li p{ margin: 0 0 15px 0; line-height:24px; font-size:14px;}
#testimonials li img{ display:inline-block; margin:7px 10px 0 0; border:3px solid #fff; border-radius:50%;}
#testimonials li cite{ font:400 16px/90px 'Roboto'; text-transform:uppercase; display:inline-block; vertical-align:top; }
#testimonials li a{text-transform:uppercase; display:inline-block; vertical-align:top; border:1px solid; padding:15px; border-radius:5px; background-color:#3A2E5E; color:#FFF;} /* background-color:#3A2E5E; color:#FFF; Purple */
#testimonials li a:hover{text-transform:uppercase; display:inline-block; vertical-align:top; border:1px solid; padding:15px; border-radius:5px; background-color:#FFC90E; color:#000;} /* background-color:#FFC90E; color:#000; Yellow */


/* news , events section css
----------------------------------------------------------------*/
.news-events-wrap .hold-3box{ background-color:#fff; border-radius:5px; box-shadow:0 1px 8px rgba(100, 100, 100, 0.1); padding:25px 25px 10px;}
.events-list{ margin-bottom:35px; min-height:75px;}
.eventdate{ background:url(images/date_bg.png) no-repeat left top; font:300 12px/18px 'Roboto', sans-serif; width:73px; height:40px; float:left; padding:16px 0; margin:0 20px 0 0; text-align:center;}
.eventdate span{ font-weight:600; display:block; font-size:24px;}
.news-events-wrap h6{font:400 14px/18px 'Oswald', sans-serif;  margin-bottom:8px;}
section.news-events-wrap p{ line-height:18px;}

.list-cuisines li{font:400 16px/30px 'Roboto'; margin-bottom:5px; text-transform:uppercase;}
.list-cuisines li a{background:url(images/list-arrow2.png) no-repeat left 14px; display:block; color:#3c3c3c; padding:3px 0 8px 25px; border-bottom:1px dashed #e5e3e3;}

/*====================== Latest Post ==========================*/
.post-grid{ margin:0 0 35px 0; min-height:75px;}
.left-postthumb{width:25%; float:left; margin:0 20px 0px 0; position:relative; }

/*Team Member css*/
.team-title{ text-align:center; margin:30px 0;}
.team-col { margin:0 1% !important; float:left; text-align:center; min-height:350px;}
.team-col .team-desc{ padding:15px;}
.team-col h6 {font-weight:normal;  text-transform:uppercase; margin:0;}
.team-col span{ display:block; margin:5px 0 15px;}
.team-col .social-links a{color:#8d8c8c; border-right:1px solid #8d8c8c; margin-right:6px; padding-right:6px;}
.team-col .social-links a.bnone{ border-right:none;}

/* Page Content CSS
================================================*/
.innerpage_wrapper{ padding-bottom:30px !important;}
.innerpage_wrapper section p{ margin-bottom:20px;}
.innerpage_wrapper p{ margin-bottom:20px;}
.content-part{ width:780px; float:left;}
.page-content{ padding:0 25px;}

/* Blog Page CSS
================================================*/
.blog-post h6.entry-title{ border-top:1px solid #d9d9d9; line-height:30px; padding:8px 0 12px 0; margin:0;}
.blog-post .postmeta{border-top:1px dotted #cdcdcd; border-bottom:1px dotted #cdcdcd; line-height:22px; margin-bottom:15px; color:#555e58!important; font-size:12px; }
.blog-post .entry-date{float:right;}
.blog-post .post-thumb{ width:35%;}
.blog-post .post-thumb img{ float:left; margin:5px 25px 5px 0; }
.blog-post .post-comment{float:left;}
.blog-post .post-date{float:left;}
.blog-post .post-categories{float:left;}
.blog-post .post-tags{float:left;}
.blog-post a.read-more{ margin-top:28px;}
.blog-post .blog-post-repeat{ margin-bottom:35px}

/*Room and rates page css*/
.rooms-list{ width:23%; float:left; margin:0 2% 2% 0;}
.rooms-list span{font:400 14px/40px 'Roboto'; color:#333;}
.rooms-list span.title{ float:left; }
.rooms-list span.price{float:right; color:#02aee7; }

/* Sidebar CSS
================================================*/
.sidebar-left img, .front-left img{ float: left; margin:5px 12px 5px 0;}
.sidebar-right{ width:290px; float:right; position:relative;}
.widget-area{ margin-bottom:20px;}
h3.widget_title{ font-size:22px;  margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid #ddd;}
.sidebar-area{position:relative; margin-bottom:20px; padding:15px;}
.sidebar-area ul{ list-style:none;}
.sidebar-area ul li{  padding:0; }
.sidebar-area ul li a{ background:url(images/list-arrow.png) no-repeat left 10px; display:block; text-decoration:none; color:#3f3f3f; padding:5px 0 5px 18px; }
.sidebar-area ul li a:hover{background:url(images/list-arrow-hover.png) no-repeat left 10px; color:#02abe5;}

.sidebar-right .contact-form input[type=text], .sidebar-right .contact-form input[type=email], .sidebar-right .contact-form input[type=tel],.sidebar-right .contact-form input[type=url], .sidebar-right .contact-form textarea{width:87%; }
.sidebar-right .contact-form p{ margin-bottom:10px;}
.sidebar-right .contact-form .cf_captcha{ margin-bottom:5px;}

/* Contact Page CSS
================================================*/
#mapCanvas{
		height:500px;
		position:relative; 
		top: -10px;
		z-index:0;
		border:3px solid;
}


/* Testimonials section css
----------------------------------------------------------------*/
#bookinform{ width:60%;}
#bookinform label{ display:inline-block; float:left; width:25%; }
#bookinform select{ width:73.5%; padding:5px 10px; }
#bookinform select option{ padding:5px;}
#bookinform .checkin{ position:relative;}
#bookinform .checkin .fa{ position: absolute; right:23px; top:8px; font-size:22px;}

/*====================== Footer Section ==========================*/
#footer{ width:100%; margin:0; padding:50px 0 0 0; background:#f8f6f6;}
#footer .container{ padding:0 0 50px 0;}
#footer h5{ border-bottom: 3px solid #FFC90E; margin-bottom:25px; padding-bottom:25px; font-weight:300;}
#footer h5 span{ font-weight:600;}

#footer ul{margin:0; padding:0;}
#footer ul li{margin:0 0 8px 0; padding:0; display:block;}
#footer ul li a{ margin:0; padding:0 0 0 20px; background:url(images/list-arrow.png) no-repeat center left;}
#footer ul li a:hover, #footer ul li.current_page_item a{color:#02abe5; background:url(images/list-arrow-hover.png) no-repeat center left;}
#footer .cols-4{ float:left; width:22.8%; margin:0 5% 0 0;}
#footer .cols-4.first{ width:15%;}
#footer .cols-4.fourth{ margin-right:0;}

#footer .post-grid{ margin-bottom:20px; min-height:60px;}
#footer .post-grid h6{ margin-bottom:5px; text-transform:none; color:#02aae1; font-size:15px; opacity:0.7;}
#footer .post-grid h6:hover{opacity:1;}
#footer .post-grid img{ margin-top:5px;}
#footer .post-grid p{ line-height:18px;}

/*copyright css*/
#copyright{ padding:20px 0; }
.copy-right{ float:left; width:50%; text-align:left;}
.design-by{ float:right; width:40%; text-align:right;}

/* --------------------------- SOCIAL ICONS --------------------*/
.social-icons a{ width:45px; height:45px; line-height:45px; border-radius:50%; -moz-border-radius:50%; -o-border-radius:50%; -webkit-border-radius:50%; text-align:center;  vertical-align:middle; display:inline-block; margin:0 7px 7px; background-repeat: no-repeat; background-position:center center; transition:0.6s; -moz-transition:0.6s; -webkit-transition:0.6s; -o-transition:0.6s;}

/*animation effect css*/
.our-rooms .resp-wrap, .about-wrap .aboutpart, .about-wrap .servicespart, .news-events-wrap .one_third, .offer-wrap .aboutpart, .offer-wrap .servicespart, .testimonials-wrap .resp-wrap, .gallery-wrap .resp-wrap{ visibility:hidden;}
/* woocommerce CSS
================================================*/
a.added_to_cart{background:#e1472f; padding:5px; display:inline-block; color:#fff; line-height:1;}
a.added_to_cart:hover{background:#000000;}
a.button.added:before{content:'' !important;}
#bbpress-forums ul li{padding:0;}
#subscription-toggle a.subscription-toggle{padding:5px 10px; display:inline-block; color:#e1472f; margin-top:4px;}
textarea.wp-editor-area{border:1px #ccc solid;}
.woocommerce input[type=text], .woocommerce textarea{border:1px #ccc solid; padding:4px;}
form.woocommerce-ordering select{ padding:5px; color:#777777;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th{ font-family:'Roboto Condensed',san-serif; color:#ff8a00;}
.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price{ color:inherit !important;}
h1.product_title, p.price{ margin-bottom:10px;}
.singleright { float:left; }
.singleleft { float:right; }
.nosidebar{ float:none !important; margin:0 auto;}
.sitefull{ width:100% !important;}