/*
Theme Name: SKT Hotel
Theme URI: http://www.sktthemes.net/shop/hotel-wordpress-theme/
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. Check Demo here: http://sktthemesdemo.net/hotel/

Version: 2.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), 2016.
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; }
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%; }
.container{ width:1100px; margin:0 auto; padding:0;position:relative;}
.logo{ float:left; position:absolute; left:0; top:0; z-index:999;}
.logo span.tagline{ display:block;}
.header .logo img{ height:112px;}
.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;}

.header_right{ float:right; padding:0;}
#nav ul li{ display:inline-block; margin:0; position:relative;}
#nav ul li a{ padding:32px 13px; display:block; text-transform:uppercase;}
#nav ul li ul{display:none; z-index:2; position:relative;}
#nav ul li:hover > ul{display:block; width:200px; position:absolute; text-align:left; z-index:999;}
#nav ul li ul li{display:block; position:relative; float:none; }
#nav ul li ul li a{ display:block; padding-top:10px; padding-bottom:10px;}
#nav ul li:hover ul li ul{display:none;}
#nav ul li:hover ul li:hover > ul{display:block; position:absolute; left:200px; top:0px;}

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;}

/* 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; }

/* 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
================================================*/
.content-part.contact_left{ width:48%;}
.contact_left iframe{ padding:5px; border:1px solid #ccc; margin-bottom:30px;}
.contact_info{ width:48%; float:right; padding-top:40px;}
.contact-form .cf_text, .contact-form .cf_textarea, .contact-form .cf_captcha, .wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form input[type=tel], .wpcf7-form textarea, .contact-form select, .wpcf7-form select { width:70%; padding:10px; border:1px #ddd solid;}
.contact-form .cf_textarea, .wpcf7-form textarea{ height:150px;}
.contact-form .cf_captcha{width:47%}
.contact-form .cf_button, .wpcf7-form input[type=submit]{padding:10px 15px; border:none; color:#fff; cursor:pointer;}
.contact-form .error_msg{color:#e00; padding-left:10px; vertical-align:top;}
.contact-form .success_msg{color:#070; padding:10px 0 15px;}

/* 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: 1px solid #101010; box-shadow:0 1px 0 #2e2e2e; 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;}


.woocomerceright{float:left !important;}
.woocomerceleft{float:right !important;}
.woocomercesitefull{ width:100% !important;}