@import url("ocean-view-icons.css");
@import url("vendor/animate.css");
@import url('vendor/owl.carousel.css');
@import url('feather-webfont/feather.css');
@import url('vendor/bootstrap-select.min.css');
@import url('vendor/default.css');
@import url('vendor/default.date.css');
@import url("../bootstrap/css/bootstrap.css");
/*
Theme Name: 
Theme URI: http://themesgravity.com
Author: themesgravity(Raghav Joshi)
Author URI: http://themesgravity.com
Description: themesgravity
Version: 1.0
*/
/* ==========================================================================
    1. Imports

    ## All imports to third party vendor css styles comes under here
   ========================================================================== */
/* 1.1 Importing Icon Fonts */
/* 1.2 Importing Animation Classes */
/* 1.3 Main Css file for Owl Carousel */
/* 1.4 Feather Icons Import */
/* 1.5 Bootstrap Select Dropdown Import */
/* 1.6 Bootstrap Datepicker Import */
/* ==========================================================================
    2. Basic Styles

    ## All basic styles which affects the direct functionality/looks of the
    ## template comes under here.
   ========================================================================== */
/* 2.1 Resetting Fonts */
html {
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	overflow-x: hidden;
}
/* 2.2 Site Wide Images Styles */
img {
	max-width: 100%;
}
img.pull-left {
	margin: 7px 30px 16px 0;
}
img.pull-right {
	margin: 7px 0 16px 30px;
}
/* 2.3 Body Styles */
body {
	background-color: #fff;
	overflow-x: hidden;
	line-height: 180%
}
.content {
	margin: 20px 0 40px 0;
	font-size: 18px;
	line-height: 1.6
}
.content .text-center {
	text-align: center;
}
.content h2 {
	font-size: 42px;
	margin-bottom: 30px
}
.content h2.title-home {
	font-size: 52px;
}
.home {
	margin: 40px 0;
}
.home .carousel-inner {
	background: #eee;
	font-size: 16px
}
.home .carousel-inner .img-info {
	padding: 40px 20px;
}
.home .carousel-inner img {
	float: left;
	width: 50%;
	margin-right: 20px
}
.home .carousel-inner h3 a {
	font-size: 38px;
	color: #565353;
	padding-bottom: 1px;
}
.home .carousel-inner h3 a:hover {
	color: #7d7979;
	border-bottom: 1px solid;
}
.home .carousel .carousel-nav {
	position: absolute;
	bottom: 0;
	right: 0;
	background-color: #ccc
}
.home .carousel-nav .glyphicon {
	color: #fff;
	padding: 10px;
	font-size: 32px
}
.rooms .item {
	background-color: #eee;
	margin: 20px 0;
	width: 100%;
	height: 100%;
	display: inline-block;
	position: relative
}
.rooms .item img {
	width: 50%;
	float: left;
}
.rooms .item .roll {
	background: #000 url(../img/zoom.png) no-repeat center center;
	width: 50%;
	height: 100%;
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	z-index: 1000;
}
.rooms .img-info {
	width: 50%;
	float: left;
}
.rooms .img-info ul {
	margin-left: 20px;
}
.rooms .img-info h3 {
	font-size: 30px;
	color: #565353;
	margin: 20px 30px
}
.rooms .img-info p {
	color: #565353;
	margin: 20px 30px
}
.back-top {
	bottom: 55px;
	right: 20px;
	margin-bottom: 0;
	display: block;
	position: fixed;
	display: scroll;
	display: none;
}
.back-top a {
	width: 50px;
	nowhitespace: afterproperty;
	height: 50px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	background: #222;
	border-radius: 5px; /* transition */
	-webkit-transition: 1s;
	-moz-transition:1s;
	transition:1s;
	font-size: 30px;
}
.back-top a:hover {
	background-color: #333
} /* arrow icon (span tag) */
.back-top span {
	color: #fff;
	width: 50px;
	nowhitespace: afterproperty;
	height: 50px;
	display: block;
	padding: 10px 0;
	border-radius: 10px; /* transition */
	-webkit-transition: 1s;
	-moz-transition:1s;
	transition:1s;
	;
}
button {
	border: none
}
.clearfix {
	clear: both
}
.sub-form {
	display: none;
	margin: 20px 0 0 0
}
/* ==========================================================================
    3. Scaffolding

    ## All Scaffolding/layout related styles comes under here. 
   ========================================================================== */
#wrapper {
	margin: 0 auto;
	background: #ffffff;
}
table.table-rate {
	width: 100%;
	border-collapse: collapse;
}
table.table-rate .tr-title td {
	background-color: #eee;
}
table.table-rate td {
	text-align: center;
	font-size: 15px;
	border: 1px #ccc solid;
	border-collapse: collapse;
	padding: 5px 0
}
@media (min-width: 1070px) {
 #wrapper {
}
 .prev-box {
 width: 320px
}
}
@media (min-width: 1270px) {
 #wrapper {
 max-width: 1270px;
}
}
/* 2.2 custom columns */

/* ==========================================================================
    4. Typography Styles

    ## All typography related styles like headings links etc come under here
   ========================================================================== */
/* 4.1 Headings Basic Typography */
h1, h2, h3, h4, h5, h6 {
	font-family: 'Playfair Display', serif;
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 1.2;
	color: #222222;
}
/* 4.2 Adding 2 sec transition delay to links */
a {
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
a:hover {
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	text-decoration: none;
}
/* 4.3  Dropcap */
.dropcap {
	font-size: 105px;
	font-family: "arial";
	font-weight: 700;
	text-transform: uppercase;
	display: inline-block;
	float: left;
	line-height: 0.9;
	padding-right: 20px;
	color: #bcb9b9;
}
/* 4.4 Pullquote */
.pullquote {
	font-family: 'Playfair Display', serif;
	text-align: right;
	font-size: 1.425em;
	padding-right: 20px;
	margin-right: 30px;
	margin-bottom: 20px;
	border-right: 3px solid #e7e7e7;
	float: left;
	max-width: 400px;
	color: #242323;
}
.pullquote-reverse {
	font-family: 'Playfair Display', serif;
	text-align: left;
	font-size: 1.425em;
	padding-left: 20px;
	margin-left: 30px;
	margin-bottom: 20px;
	border-left: 3px solid #e7e7e7;
	float: right;
	max-width: 400px;
	color: #242323;
}
/* 4.5 Big Text */
.big-text {
	font-size: 19px;
	font-family: 'Playfair Display', serif;
	font-weight: 700;
}
/* 4.6 Serif-font */
.serif-font {
	font-family: 'Playfair Display', serif;
}
/* 4.7 Heading Divider */
.divider:before {
	content: "";
	display: block;
	background: #e7e7e7;
	height: 3px;
	position: relative;
	top: 11px;
}
.divider h5 {
	text-transform: uppercase;
	font-family: 'Sintony', sans-serif;
	font-weight: 700;
	background: #ffffff;
	position: relative;
	display: inline-block;
	padding-right: 20px;
	margin-bottom: none;
}
/* 4.8 Highlight */
.highlight {
	background: #333333;
	color: #ffffff;
	padding-left: 3px;
	padding-right: 3px;
	margin-left: 1px;
	margin-right: 1px;
}
/* 4.10 Form Styles */
.form-control {
	display: block;
	font-size: 15px;
	width: 100%;
	color: #8a8585;
	border: 2px solid #c2c9cc;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
}
.form-control:-moz-placeholder {
 color: #8a8585;
}
.form-control::-moz-placeholder {
 color: #8a8585;
 opacity: 1;
}
.form-control:-ms-input-placeholder {
 color: #8a8585;
}
.form-control::-webkit-input-placeholder {
 color: #8a8585;
}
input.form-control:required {
 background: url('../img/astrix-icon.png') no-repeat 96%;
}
.form-label {
	font-size: 1.2em;
	line-height: 2.8em;
	color: #000000;
}
/* Select Dropdown */
.bootstrap-select:not([class*="span"]):not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
 width: 100%;
 margin: 0px;
}
.bootstrap-select.btn-group .dropdown-menu.inner {
	z-index: 100000000000000;
}
.bootstrap-select.btn-group .btn {
	padding-left: 10px;
	border: 2px solid #c2c9cc;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.bootstrap-select.btn-group span {
	line-height: 24px;
	margin-left: 0px;
	padding-left: 0px;
	font-weight: 400;
	font-size: 15px;
	color: #8a8585;
}
.bootstrap-select.btn-group .dropdown-menu {
	border: 2px solid #c2c9cc;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.bootstrap-select.btn-group .dropdown-menu > li > a {
	padding: 3px 10px;
}
/* Datepicker */
input.datepicker {
	padding-left: 10px;
	display: block;
	font-size: 15px;
	width: 100%;
	color: #8a8585;
	border: 2px solid #c2c9cc;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	line-height: 44px;
	height: 50px;
	background: #ffffff url('../img/calender-icon.png') 91% no-repeat;
}
input.datepicker:-moz-placeholder {
 color: #8a8585;
}
input.datepicker::-moz-placeholder {
 color: #8a8585;
 opacity: 1;
}
input.datepicker:-ms-input-placeholder {
 color: #8a8585;
}
input.datepicker::-webkit-input-placeholder {
 color: #8a8585;
}
.datepicker.dropdown-menu {
	padding: 5px;
	border: 2px solid #c2c9cc;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
}
.datepicker td.active, .datepicker td.active:hover {
	background: #259aad !important;
}
.datepicker td span.active {
	background: #259aad !important;
}
input.text {
	padding-left: 10px;
	display: block;
	font-size: 15px;
	width: 100%;
	color: #8a8585;
	border: 2px solid #c2c9cc;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	line-height: 44px;
	height: 50px;
	background: #ffffff;
}
textarea.textarea {
	padding: 10px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	width: 100%;
	color: #8a8585;
	border: 2px solid #c2c9cc;
	border-radius: 0px;
	-webkit-box-shadow: none;
	box-shadow: none;
	background: #ffffff;
}
/* ==========================================================================
    5. header Styles

    ## All the styles relating to the Header element of the template comes
    ## under here.
   ========================================================================== */
.main-header {
	min-height: 140px;
	border-bottom: 2px solid #f4f3f3;
	font-size: 16px;
	color: #495156;
}
/* 3.2 Logo */
.logo {
	display: inline-block;
	background: url('../img/logo.png') 0 0 no-repeat;
	line-height: 70px;
	margin-top: 25px;
	width: 321px;
	text-indent: -9999px;
}
@media (max-width: 849px) {
 .logo {
 display: block;
 margin: 0 auto;
 margin-top: 20px;
 margin-bottom: 40px
}
}
/* 3.3 HEADER ELEMENTS */
.elements {
	margin-top: 30px;
}
.elements:before, .elements:after {
	content: " ";
	display: table;
}
.elements:after {
	clear: both;
}
/* Header-info */
.header-info {
	cursor: default;
}
.header-info .info, .header-info .triggers {
	display: inline-block;
}
.header-info .info {
	cursor: text;
}
.header-info .info p {
	display: none;
	margin:0
}
.header-info .info .active {
	display: block;
}
.header-info .triggers {
	position: relative;
	top: 3px;
	margin-top: -3px;
	margin-left: 10px;
}
.header-info .triggers i {
	cursor: pointer;
	font-size: 25px;
	color: #cccccc;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.header-info .triggers i:hover {
	color: #495156;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.header-info .triggers .active {
	color: #495156;
}
.header-info [class^="icon-"]:before, .header-info [class*=" icon-"]:before {
 width: auto;
}
/* 3.4 Main Nav */
nav#main-nav {
	position: relative;
	right: -65px;
	margin-top: 17px;
	background-image: -webkit-linear-gradient(left, color-stop(#ffffff 0%), color-stop(#f6f6f6 100%));
	background-image: linear-gradient(to right, #ffffff 0%, #f6f6f6 100%);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff6f6f6', GradientType=1);
/* ul */
}
@media (max-width: 1070px) {
 nav#main-nav {
 display: none;
}
.photo-gallery ul li {
	margin: 0;
	max-width: 33.333%;
	width: 33.333%;
	min-height: 252px;
	height: 100%;
	display: inline-block;
	float: left;
	text-align: center;
	
}
}
nav#main-nav:before {
	content: "";
	background-image: -webkit-linear-gradient(left, color-stop(#ffffff 0%), color-stop(#259aad 100%));
	background-image: linear-gradient(to right, #ffffff 0%, #259aad 100%);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ff259aad', GradientType=1);
	display: block;
	height: 2px;
}
nav#main-nav > ul {
	padding-right: 0;
}

nav#main-nav ul {
	margin: 0;
	display: inline-block;
	float: right
}
nav#main-nav ul:before, nav#main-nav ul:after {
	content: " ";
	display: table;
}
nav#main-nav ul:after {
	clear: both;
}
nav#main-nav ul li {
	list-style: none;
	padding: 0;
	margin-right: 25px;
	display: inline-block;
	float: left;
	position: relative;
}
nav#main-nav ul li:hover > ul {
	opacity: 1;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	position: absolute;
	top: 99%;
	left: 0;
	visibility: visible;
}
nav#main-nav ul li a {
	font-size: 20px;
	line-height: 64px;
	font-family: 'Playfair Display', serif;
	color: #303538;
	text-decoration: none;
	display: inline-block;
}
nav#main-nav ul li a:hover {
	color: #78858d;
}
/* nav#main-nav */
.nav-toggle {
	margin-top: 60px;
	font-size: 25px;
	width: 100%;
	padding: 6px 8px 6px 8px;
	display: inline-block;
	background: #333;
	color: #eee;
	text-align: center
}
@media (min-width: 1070px) {
 .nav-toggle {
 display: none!important;
}
}
.nav-toggle:hover {
	background: #555;
	color: #fff;
	cursor: pointer;
}
#mobile-nav {
	display: none;
}
@media (min-width: 1070px) {
 #mobile-nav {
 display: none!important;
}
}
#mobile-nav ul {
	padding: 0px;
	margin: 0px;
	list-style: none;
}
#mobile-nav ul li a {
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	display: block;
	padding: 10px 0 10px 25px;
	border-bottom: 1px solid #555;
	background-color: #222;
}
/* FIX FOR RESPONSIVE MENU */
#mobile-nav > ul > li > ul > li a {
	padding-left: 25px;
}
#mobile-nav > ul > li > ul > li a:before {
	content: "-   ";
}
#mobile-nav > ul > li > ul > li > ul > li a {
	padding-left: 40px;
}
#mobile-nav > ul > li > ul > li > ul > li a:before {
	content: "--   ";
}
#mobile-nav ul li a:hover, #mobile-nav ul li a:active {
	background: #333;
}
/*FIX FOR IE MENU ADDED*/
#main-nav > ul > li > ul::before {
 content: "";
 display: block;
 border-top: 4px solid transparent;
 height: 4px;
 position: absolute;
 top: 51px;
 width: 100%;
}
.transparent-border {
}
/* ==========================================================================
    6. Content Styles

    ## All the styles inside the main content area comes under here
   ========================================================================== */

#content {
	padding-top: 50px;
	max-width: 915px;
	width: 100%;
	padding-bottom: 50px;
}
/* ==========================================================================
    7. Sidebar Styles

    ## All sidebar related styles come under here.
   ========================================================================== */
.left-sidebar aside#sidebar {
	text-align: right;
	float: left;
}
.right-sidebar aside#sidebar {
	text-align: left;
	float: right;
}
aside#sidebar {
	max-width: 165px;
	width: 100%;
	padding-top: 50px;
}
@media (max-width: 1070px) {
 aside#sidebar {
 max-width: 125px;
}
}
/* 5.1 Sidebar Menu Widget */
aside#sidebar .widget-recent-posts ul {
	padding-left: 0px;
}
aside#sidebar .widget-recent-posts li {
	list-style: none;
	padding: 8px 0 8px 0;
}
aside#sidebar .widget-recent-posts a {
	font-size: 17px;
	color: #afacac;
}
aside#sidebar .widget-recent-posts a:hover {
	color: #222222;
	text-decoration: none;
}

/* 8.4 Main Footer */
#footer {
	padding: 60px 0px 20px 0;
	background: #1e2e39;
	border-bottom: 2px solid #41647c;
}
#footer p {
	color: #999999;
}
/* 8.5 copyright section */
.copyright-section {
	min-height: 50px;
	background: #0e1a22;
}
.footer-social {
	margin-top: 16px;
}
.footer-social:before, .footer-social:after {
	content: " ";
	display: table;
}
.footer-social:after {
	clear: both;
}
@media (max-width: 1270px) {
 .footer-social {
 margin-top: 8px;
}
}
.footer-social a {
	display: block;
	text-align: center;
	line-height: 23px;
	font-size: 15px;
	float: left;
	color: #0e1a22;
	background: #999999;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	height: 23px;
	width: 23px;
	margin-right: 10px;
}
@media (max-width: 1270px) {
 .footer-social a {
 margin-top: 10px;
}
}
.footer-social a:hover {
	background: #ffffff;
}
.copyright {
	font-size: 14px;
	color: #999999;
	text-align: center;
	margin-top: 18px;
}
.footer-nav ul {
	margin: 0;
	padding: 0;
	margin-top: 24px;
	list-style: none
}
.footer-nav li {
	list-style: none;
	display: block
}
.footer-nav a {
	font-size: 16px;
	display: block;
	color: #999999;
	line-height: 1.6;
	padding: 4px;
}

.footer-nav a:hover {
	color: #ffffff;
}
/* ==========================================================================
    11. Templates Styles

    ## All the styles related to each and every element/page in the template.
   ========================================================================== */
/* 11.1 Head Styles */
/* ==========================================================================
    11.1 Head Styles
   ========================================================================== */
/* 11.1.1 Head-v1 */
.head-v1 {
	position: relative;
	margin-top: 40px;
}
.head-v1 .head-title {
	position: absolute;
	top: 0px;
	height: 100%;
	padding: 30px 60px 40px 60px;
	background: #070707;
	color: #fff;
}
.head-v1 .head-title h2 {
	margin-bottom: 30px;
	color: #fff;
}
.head-v1 .head-title p {
	font-size: 17px;
	color: #b3b3b3;
}
.main-header .header-info {
	float: right;
}
.head-v1.left-sidebar .head-title {
	max-width: 292px;
	text-align: right;
}
.head-v1.right-sidebar .head-title {
	max-width: 293px;
	text-align: left;
	right: 0px;
}
/* 11.1.6 Gmap */
#gmap {
	height: 600px;
}
.booking-area {
	width: 100%;
	padding: 40px 0px;
	padding-right: 20px;
	background: rgba(0, 0, 0, 0.5);
	position: absolute;
	bottom: 0
}
@media (max-width: 1270px) {
 .booking-area {
 padding-bottom: 0px;
 padding-right: 0px;
}
 .booking-area div {
 margin-bottom: 20px;
}
}
/* 11.2 Gallery Styles */
/* ==========================================================================
    11.2 Gallery Styles
   ========================================================================== */
.gallery {
	position: relative;
}
.gallery .img-large {
	margin-top: 30px;
	display: none;
	position: relative;
}
.gallery .img-large a.cross {
	top: 20px;
	position: absolute;
	left: 30px;
	font-size: 25px;
	border: 3px solid #ffffff;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	background: rgba(0, 0, 0, 0.3);
	cursor: pointer;
}
.gallery .img-large a.cross:hover {
	background: rgba(0, 0, 0, 0.7);
}
.gallery .img-large a.plus {
	top: 65px;
	position: absolute;
	left: 30px;
	font-size: 25px;
	border: 3px solid #ffffff;
	color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	background: rgba(0, 0, 0, 0.3);
	cursor: pointer;
}
.gallery .img-large a.plus:hover {
	background: rgba(0, 0, 0, 0.7);
}
.gallery .img-large a.prev {
	font-size: 36px;
	top: 20px;
	position: absolute;
	right: 95px;
	padding: 0px;
	background: rgba(0, 0, 0, 0.4);
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	color: #ffffff;
	cursor: pointer;
}
.gallery .img-large a.prev:hover {
	background: rgba(0, 0, 0, 0.7);
}
.gallery .img-large a.next {
	font-size: 36px;
	top: 20px;
	position: absolute;
	right: 30px;
	padding: 0px;
	background: rgba(0, 0, 0, 0.4);
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	color: #ffffff;
	cursor: pointer;
}
.gallery .img-large a.next:hover {
	background: rgba(0, 0, 0, 0.7);
}
.gallery .img-large p.caption {
	position: absolute;
	bottom: 0px;
	color: #fff;
	background: rgba(0, 0, 0, 0.7);
	width: 100%;
	margin-bottom: 0px;
	padding: 10px 30px 10px 30px;
}
.gallery .img-small {
	margin-top: 27px;
	display: block;
	opacity: .63;
	filter: alpha(opacity=63);
	cursor: pointer;
}
.gallery .img-small:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.gallery .small-active {
	opacity: 1!important;
	filter: alpha(opacity=100);
}
.gallery .small-active:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
.gallery-filter {
	position: absolute;
	top: 13px;
	right: 9px;
	width: 273px;
}
.gallery-filter ul {
	display: none;
	z-index: 99999999;
	position: relative;
	right: -20px;
	top: -22px;
	padding-top: 3px;
	/*padding-left: 90px;*/
  padding-bottom: 226px;
	padding-right: 10px;
	background: #ffffff;
	text-align: right;
}
.gallery-filter ul li {
	list-style: none;
	margin: 10px 0px;
}
.gallery-filter ul a {
	font-family: 'Playfair Display', serif;
	font-size: 17px;
	color: #565353;
	padding: 3px 40px 6px 20px;
}
.gallery-filter ul a:hover {
	background: #495156;
	color: #eeeeee;
}
.gallery-filter .trigger {
	font-size: 25px;
	display: inline-block;
	background: #dadcdd;
	color: #fff;
	right: -75px;
	top: -13px;
	padding: 10px;
	position: absolute;
}
.gallery-filter .trigger:hover {
	background: #eeeeee;
	color: #495156;
}
.gallery-filter .active {
	background: #eeeeee;
	color: #495156;
}
.gallery .img-small[data-id="1"], .gallery .img-small[data-id="2"], .gallery .img-small[data-id="3"] {
	margin-top: 0px;
}
.photo-gallery ul {
	margin: 0;
	padding: 0;
	list-style: none;
	
	width: 100%;
}
.photo-gallery ul li {
	margin: 0;
	max-width: 25%;
	width: 25%;
	min-height: 252px;
	height: 100%;
	display: inline-block;
	float: left;
	text-align: center;
	
}
.photo-gallery ul li a img {
	padding: 5px;
	max-width: 100%;
	width: auto
}

/* 11.3 Post-Single Styles */
/* ==========================================================================
    11.3 Post Single Styles
   ========================================================================== */
/* 11.3.1 Post Single main Styles */
.post-single {
	position: relative;
}
.post-single .sharing {
	position: absolute;
	top: 0px;
	right: -50px;
}
.post-single .sharing a {
	font-size: 25px;
	padding: 10px;
	background: #dadcdd;
	color: #fff;
	display: block;
}
.post-single .sharing a:hover {
	background: #303538;
}
.post-single .author {
	/* 11.3.2 Author Styles */
  margin-top: 60px;
	margin-bottom: 60px;
	padding-top: 40px;
	border-top: 1px solid #dadcdd;
}
.post-single .author img {
	border-radius: 50%;
	-wekit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}
.post-single .author h4 {
	margin-top: 30px;
}
/* 11.4 Blog-Listing Styles */
/* ==========================================================================
    11.4 Blog Listing Styles
   ========================================================================== */
/* 11.4.1 Blog Listing Main Class */
.blog-listing {
	position: relative;
}
/* 11.4.2 Post Filter */
.post-filter ul li:first-child:before {
	content: none;
}
.post-filter {
	position: absolute;
	top: 13px;
	right: 9px;
}
.post-filter:hover ul {
	top: 0;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	opacity: 1;
	visibility: visible;
}
.post-filter:hover a.trigger {
	background: #eeeeee;
	color: #495156;
}
.post-filter ul {
	position: relative;
	top: -60px;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	opacity: 0;
	visibility: hidden;
}
.post-filter ul li {
	float: left;
	list-style: none;
}
.post-filter ul li:before {
	content: "|";
	color: #afb7bc;
}
.post-filter ul a {
	font-family: 'Playfair Display', serif;
	font-size: 17px;
	color: #495156;
	padding: 6px 10px 8px 10px;
}
.post-filter ul a:hover {
	background: #222222;
	color: #eeeeee;
}
.post-filter .trigger {
	font-size: 25px;
	display: inline-block;
	background: #dadcdd;
	color: #fff;
	right: -75px;
	top: -13px;
	padding: 10px;
	position: absolute;
}
.post {
	margin-top: 25px;
	margin-bottom: 25px;
}
.post h4 {
	margin-top: 20px;
}
.post h4 a {
	color: #222222;
}
.post h4 a:hover {
	color: #7c7c7c;
}
.post-date {
	font-family: 'Playfair Display', serif;
}
.post-tag {
	color: #afacac;
}
.post-tag:before {
	content: "| ";
}
.post-title {
	margin-top: 20px;
}
/* 11.4.3 Pagination Styles */
.pagination {
	cursor: default;
}
.pagination .active {
	background: #e2e0db;
	color: #ffffff;
	cursor: default;
}
.pagination a {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #cac7c2;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	padding: 7px 15px;
	background: #ecebe9;
	text-decoration: none;
}
.pagination a:hover {
	text-decoration: none;
	background: #e2e0db;
	color: #ffffff;
}
/* 11.5 Checkout Page Styles */
/* ==========================================================================
    11.5 Checkout Page Styles
   ========================================================================== */
.checkout-info .checkout-title {
	display: block;
	font-size: 19px;
}
.checkout-info .checkout-value {
	font-size: 19px;
	display: block;
	font-weight: 700;
}
.price .price-title {
	font-size: 30px;
	color: #706c6c;
	display: block;
}
.price .cost {
	font-size: 30px;
	color: #259aad;
	display: block;
	font-weight: 700;
}
/* 11.6 Room Post Sidebar Styles */
.room-post-sidebar {
	padding-top: 0px!important;
}
a.room-trigger {
	position: absolute;
	right: 0px;
	bottom: 136px;
	color: #000000;
	background: #ffffff;
	padding-right: 20px;
}
a.room-trigger i {
	background: #000000;
	color: #ffffff;
	font-size: 20px;
	padding: 16px;
	margin-right: 20px;
}
.room-form {
	background: #ffffff;
	padding: 40px;
	max-width: 436px;
	width: 100%;
	position: absolute;
	bottom: 0px;
	right: 0px;
	display: none;
}
.room-form .glyphicon {
	position: absolute;
	top: 0px;
	left: -56px;
	background: #259aad;
	color: #ffffff;
	font-size: 20px;
	padding: 18px;
	cursor: pointer;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.room-form .glyphicon:hover {
	background: #000000;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.room-form .btn {
	width: 100%;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
/* 11.7 Home-v2 Styles */
.big-slider {
	position: relative;
}
.big-slider .carousel-text {
	position: absolute;
	top: 37%;
	left: 10px;
	display: none;
	word-wrap: break-word;
}
.big-slider .carousel-text .black {
	background-color: rgba(0, 0, 0, 0.5);
	font-size: 32px;
}
.big-slider h1, .big-slider h2, .big-slider h3, .big-slider h4, .big-slider h5, .big-slider h6 {
	color: #ffffff;
}
.big-slider h2 {
	margin-bottom: 3px;
	font-size: 35px;
	margin-left: 70px;
	background: rgba(0, 0, 0, 0.7);
	padding: 5px 10px 8px 10px;
	float: left;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.big-slider a:hover h2 {
	background: #000000 !important;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.big-slider .carousel-indicators {
	left: auto;
	right: -117px;
	bottom: 147px;
}
.big-slider .carousel-indicators li {
	border: none;
	color: #c7c7c8;
	background: #c7c7c8;
}
.big-slider .carousel-indicators li.active {
	background: #ffffff;
}
.big-slider .carousel-nav {
	position: absolute;
	top: 40%;
	color: #ffffff;
	background: rgba(0, 0, 0, 0.5);
	padding: 20px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	height: 60px;
	width: 60px;
	text-align: center;
	z-index: 1000000;
}
.big-slider .carousel-nav:hover {
	background: #000000;
}
.big-slider .right {
	right: 5%;
}
.big-slider .left {
	left: 5%;
}
/* 11.8 Comments Styles */
.comment-head {
	min-height: 65px;
	background: #c2c9cc;
	position: relative;
}
.comment-head h3 {
	line-height: 65px;
	margin-left: 100px;
	position: relative;
	top: -1px;
}
.comment-head a.trigger {
	font-size: 40px;
	color: #ffffff;
	position: absolute;
	top: 6px;
	left: 12px;
}
ul.commentlist {
	margin: 0;
	padding: 0;
}
ul.commentlist .comment-author img {
	border-radius: 50%;
	-wekit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}
ul.commentlist > li {
	list-style: none;
	padding: 40px 0;
	border-top: 1px solid #dadcdd;
}
ul.commentlist > li:first-child {
	border-top: none;
}
ul.commentlist > li:last-child {
	border-bottom: 1px solid #dadcdd;
}
ul.commentlist .depth-2, ul.commentlist .depth-3, ul.commentlist .depth-4 {
	padding-left: 97px;
}
ul.commentlist .author-name {
	display: inline-block;
	margin-top: 4px;
}
ul.commentlist .date {
	font-family: 'Playfair Display', serif;
}
ul.commentlist .date:before {
	content: "|";
	padding-right: 5px;
}
ul.commentlist form {
	margin-top: 40px;
}
form.comment-form input {
	margin-bottom: 16px;
}
.comment-form-submit {
	border: none;
	background: #c2c9cc;
	color: #ffffff;
	width: 100%;
	text-align: center;
	font-weight: 400;
	padding: 13px 0px;
	margin-bottom: 0px;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.comment-form-submit:hover {
	background: #259aad;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
/* 11.9 Room Listing Styles */
.room-post {
	padding: 20px 0;
}
.room-post p {
	margin: 30px 0;
}
.room-post-person {
	position: relative;
	top: 3px;
	margin-left: 40px;
	display: inline-block;
}
.room-post-person .glyphicon {
	font-size: 22px;
	margin-left: 3px;
	margin-right: 3px;
	color: #259aad;
}
.room-title {
	margin-bottom: 5px;
}
.room-title a {
	color: #000000;
}
.room-title a:hover {
	border-bottom: 1px solid #000000;
}
.room-cost {
	font-size: 1.4em;
	margin-bottom: 20px;
	font-weight: 700;
	color: #259aad;
}
/* 11.10 Services Listing Styles */
.services-post {
	padding: 20px 0;
}
.services-post p {
	margin: 28px 0;
}
.services-title {
	margin-bottom: 5px;
}
.services-title a {
	color: #000000;
}
.services-title a:hover {
	border-bottom: 1px solid #000000;
}
/* 11.11 Room Post FullWidth Styles */
.room-post-fullwidth {
	padding-top: 0px!important;
}
.room-post-fullwidth .herobox {
	width: 95.6%;
	left: -65px;
}

/* 10.2 Accordion Styles */
.accordion .item:first-child a.title {
	margin-top: 0px;
}
.accordion a.title {
	display: block;
	color: #8a8585;
	margin-bottom: 10px;
	margin-top: 10px;
}
.accordion a.title:hover {
	color: #222121;
}
.accordion a.title i {
	font-size: 18px;
	position: relative;
	top: 2px;
	margin-right: 8px;
}
.accordion .accordion-content {
	margin-left: 20px;
}
.accordion .collapse {
	border-bottom: 1px solid #cccccc;
}
/* 10.3 newsletter Styles */
.newsletter {
	position: relative;
	background: #f3f3f3;
	margin: 0 auto;
	width: 100%;
	text-align: left;
}
.newsletter-wrap {
	padding: 18px 20px 0px 20px;
}
.newsletter .submit {
	display: none;
}
/* Question list style */
.newsletter ol {
	margin: 0;
	padding: 0;
	list-style: none;
	position: relative;
	-webkit-transition: height 0.4s;
	transition: height 0.4s;
}
.newsletter ol:before {
	content: '';
	background-color: rgba(0, 0, 0, 0.1);
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2.35em;
}
.questions li {
	z-index: 100;
	position: relative;
	visibility: hidden;
	height: 0;
	-webkit-transition: visibility 0s 0.4s, height 0s 0.4s;
	transition: visibility 0s 0.4s, height 0s 0.4s;
}
.questions li.current, .no-js .questions li {
	visibility: visible;
	height: auto;
	-webkit-transition: none;
	transition: none;
}
/* Labels */
.questions li > span {
	display: block;
	overflow: hidden;
}
.questions li > span label {
	font-size: 1.2em;
	font-weight: 400;
	color: #8a8585;
	display: block;
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
.questions li.current > span label, .no-js .questions li > span label {
	-webkit-transition: none;
	transition: none;
	-webkit-transform: translateY(0);
	transform: translateY(0);
}
.show-next .questions li.current > span label {
	-webkit-animation: moveUpFromDown 0.4s both;
	animation: moveUpFromDown 0.4s both;
}
@-webkit-keyframes moveUpFromDown {
 from {
 -webkit-transform: translateY(100%);
}
to {
	-webkit-transform: translateY(0);
}
}
@keyframes moveUpFromDown {
 from {
 transform: translateY(100%);
}
to {
	transform: translateY(0);
}
}
/* Input field */
.questions input {
	display: block;
	margin: 0.3em 0 0 0;
	padding: 1em;
	padding-right: 3em;
	border: none;
	width: 100%;
	background: #ffffff;
	color: #259aad;
	font-size: 1em;
	line-height: 1;
	opacity: 0;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.questions .current input, .no-js .questions input {
	opacity: 1;
}
.questions input:focus, .newsletter button:focus {
	outline: none;
}
/* Next question button */
.newsletter .next {
	font-size: 25px;
	position: absolute;
	right: 30px;
	bottom: 1.157em;
	/* padding-bottom of form plus progress bar height */
  display: block;
	padding: 0;
	border: none;
	background: none;
	color: rgba(0, 0, 0, 0.4);
	text-align: center;
	opacity: 0;
	z-index: 100;
	cursor: pointer;
	-webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
	transition: transform 0.3s, opacity 0.3s;
	-webkit-transform: translateX(-20%);
	transform: translateX(-20%);
	pointer-events: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.newsletter .next:hover {
	color: rgba(0, 0, 0, 0.5);
}
.newsletter .next.show {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
	pointer-events: auto;
}
/* Progress bar */
.newsletter .progress {
	width: 0%;
	margin-top: 20px;
	height: 0.3em;
	background: #259aad;
	-webkit-transition: width 0.4s ease-in-out;
	transition: width 0.4s ease-in-out;
}
.newsletter .progress::before {
 position: absolute;
 top: auto;
 width: 100%;
 height: inherit;
 background: rgba(0, 0, 0, 0.05);
 content: '';
}
/* Number indicator */
.newsletter .number {
	position: absolute;
	right: 20px;
	top: 22px;
	width: 20px;
	color: #8a8585;
	overflow: hidden;
}
.newsletter .number:after {
	position: absolute;
	left: 50%;
	content: '/';
	opacity: 0.4;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
}
.newsletter .number span {
	float: right;
	width: 40%;
	text-align: center;
}
.newsletter .number .number-current {
	float: left;
}
.newsletter .number-next {
	position: absolute;
	left: 0;
}
.newsletter.show-next .number-current {
	-webkit-transition: -webkit-transform 0.4s;
	transition: transform 0.4s;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}
.newsletter.show-next .number-next {
	-webkit-animation: moveUpFromDown 0.4s both;
	animation: moveUpFromDown 0.4s both;
}
/* Error and final message */
.newsletter .error-message, .newsletter .final-message {
	position: absolute;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s;
}
.newsletter .error-message {
	text-align: right;
	width: 90%;
	color: rgba(0, 0, 0, 0.7);
	font-style: italic;
	font-size: 1.2em;
	color: #259aad;
}
.final-message {
	top: 50%;
	left: 0;
	padding: 0.5em;
	width: 100%;
	text-align: center;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.error-message.show, .final-message.show {
	visibility: visible;
	opacity: 1;
}
.final-message.show {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
/* Final hiding of form / showing message */
.newsletter-inner.hide {
	visibility: hidden;
	display: block!important;
	opacity: 0;
	-webkit-transition: opacity 0.3s, visibility 0s 0.3s;
	transition: opacity 0.3s, visibility 0s 0.3s;
}
/* Remove IE clear cross */
input[type=text]::-ms-clear {
 display: none;
}
/* 10.4 buttons Styles */
/* FIXING FOCUS BUG */
*:focus {
	outline: 0;
}
a:focus, a:active, button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, select::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
 border: 0;
 outline: 0;
}
.btn {
	color: #ffffff;
	font-size: 1.1em;
	font-weight: 700;
	padding: 11px 33px;
	border: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.btn:hover {
	color: #ffffff;
}
.btn:focus {
	outline: 0;
}
@media (max-width: 1270px) {
 .demo-buttons a {
 margin-top: 20px;
}
}
.btn.btn-icon {
	padding-right: 23px;
	padding-left: 30px;
}
.btn.btn-icon span, .btn.btn-icon i {
	font-size: 1.5em;
	margin: 0;
	padding: 0;
	line-height: 0;
	position: relative;
	top: 2px;
	left: -4px;
}
.btn.btn-primary {
	background: #259aad;
}
.btn.btn-primary:hover {
	background: #218798;
}
.btn.btn-secondary {
	background: #1e2e39;
}
.btn.btn-secondary:hover {
	background: #152128;
}
.btn.btn-tertiary {
	background: #dadcdd;
}
.btn.btn-tertiary:hover {
	background: #cdcfd1;
}
.btn-cta {
	color: #ffffff;
	cursor: pointer;
	font-weight: 700;
	display: inline-block;
	border: 0;
	border-bottom: 7px solid #ab2018;
	font-size: 1.375em;
	padding: 22px 45px;
	position: relative;
	top: 0px;
	text-decoration: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}
.btn-cta:hover {
	color: #ffffff;
	border: 0;
	outline: 0;
	text-decoration: none;
}
.btn-cta:active, .btn-cta:focus {
	position: relative;
	top: 7px;
	outline: 0;
	margin-bottom: 7px;
	border-bottom: 0!important;
	transition: 0s;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-ms-transition: 0s;
	-o-transition: 0s;
}
.btn-cta.btn-primary {
	background: #259aad;
	border-bottom: 7px solid #18626e;
}
.btn-cta.btn-primary:hover {
	background: #1c7583;
	border-color: #0f3c44;
}
.btn-cta.btn-secondary {
	background: #1e2e39;
	border-bottom: 7px solid #040607;
}
.btn-cta.btn-secondary:hover {
	background: #0c1318;
	border-color: #000000;
}
.btn-cta.btn-tertiary {
	background: #dadcdd;
	border-bottom: 7px solid #b2b6b8;
}
.btn-cta.btn-tertiary:hover {
	background: #bfc3c5;
	border-color: #989da0;
}
.btn-cta.btn-success {
	border-bottom: 7px solid #3d8b3d;
}
.btn-cta.btn-success:hover {
	background: #449d44;
	border-color: #2d672d;
}
.btn-cta.btn-info {
	border-bottom: 7px solid #28a1c5;
}
.btn-cta.btn-info:hover {
	background: #31b0d5;
	border-color: #1f7e9a;
}
.btn-cta.btn-warning {
	border-bottom: 7px solid #df8a13;
}
.btn-cta.btn-warning:hover {
	background: #ec971f;
	border-color: #b06d0f;
}
.btn-cta.btn-danger {
	border-bottom: 7px solid #b52b27;
}
.btn-cta.btn-danger:hover {
	background: #c9302c;
	border-color: #8b211e;
}
/* 10.5 Recent Posts Styles */
.recent-posts {
	position: relative;
	overflow: hidden;
}
.recent-posts:hover .post-item .post-img .img-overlay {
	background-color: rgba(0, 0, 0, 0.3);
	background: none\9;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#4d000000');
}
.recent-posts:hover .post-item .post-img .img-overlay:not([dummy]) {
 filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}
.recent-posts:hover .post-content a {
	color: #8a8585;
}
.recent-posts:hover .post-content p {
	color: #bcb9b9;
}
.recent-posts .recent-posts-controls {
	position: absolute;
	padding-top: 50px;
	top: 175px;
	right: 0px;
	width: 80px;
	background: #ffffff;
	height: 100%;
}
@media (max-width: 1270px) {
 .recent-posts .recent-posts-controls {
 width: 125px;
}
}
@media (max-width: 1070px) {
 .recent-posts .recent-posts-controls {
 width: 160px;
}
}
.recent-posts .recent-posts-controls span {
	font-weight: 700;
	color: #666666;
}
.recent-posts .recent-posts-controls .owl-next-hover, .recent-posts .recent-posts-controls .owl-prev-hover {
	color: #cccccc;
	font-size: 27px;
	display: inline-block;
	height: 24px;
	width: 24px;
	position: absolute;
	top: 5px;
	cursor: pointer;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.recent-posts .recent-posts-controls .owl-next-hover:hover, .recent-posts .recent-posts-controls .owl-prev-hover:hover {
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	color: #259aad;
}
.recent-posts .recent-posts-controls .owl-next-hover {
	right: 0px;
}
.recent-posts .recent-posts-controls .owl-next-hover:hover ~ span.hover-text {
 display: none;
}
.recent-posts .recent-posts-controls .owl-next-hover:hover ~ span.hover-next {
 display: block;
}
.recent-posts .recent-posts-controls .owl-prev-hover {
	right: 55px;
}
.recent-posts .recent-posts-controls .owl-prev-hover:hover ~ span.hover-text {
 display: none;
}
.recent-posts .recent-posts-controls .owl-prev-hover:hover ~ span.hover-prev {
 display: block;
}
.recent-posts .recent-posts-controls .owl-menu-hover {
	display: inline-block;
	color: #cccccc;
	position: absolute;
	cursor: pointer;
	top: 11px;
	right: 28px;
	font-size: 11px;
	padding-top: 1px;
	font-weight: 700;
	height: 23px;
	width: 23px;
	text-align: center;
	border: 3px solid #cccccc;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.recent-posts .recent-posts-controls .owl-menu-hover:hover {
	color: #259aad;
	border-color: #259aad;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.recent-posts .recent-posts-controls .owl-menu-hover:hover ~ span.hover-text {
 display: none;
}
.recent-posts .recent-posts-controls .owl-menu-hover:hover ~ span.hover-index {
 display: block;
}
.recent-posts .recent-posts-controls .hover-next, .recent-posts .recent-posts-controls .hover-prev, .recent-posts .recent-posts-controls .hover-index {
	display: none;
}
.recent-posts .recent-posts-controls hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin-top: 8px;
	margin-bottom: 8px;
	max-width: 100%;
	margin-left: 0px;
	color: #cccccc;
}
.recent-posts .post-item:hover .post-img .img-overlay {
	background-color: rgba(37, 154, 173, 0.3);
	background: none\9;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d259aad', endColorstr='#4d259aad');
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.recent-posts .post-item:hover .post-img .img-overlay:not([dummy]) {
 filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}
.recent-posts .post-item:hover .post-img .img-overlay i {
	opacity: 1;
	filter: alpha(opacity=100);
}
.recent-posts .post-item:hover .post-img .img-overlay i:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.recent-posts .post-item:hover .post-content a {
	color: #565353;
}
.recent-posts .post-item:hover .post-content p {
	color: #8a8585;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.recent-posts .post-item .post-content {
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 15px;
}
.recent-posts .post-item .post-img {
	position: relative;
}
.recent-posts .post-item .post-img .img-overlay {
	top: 0;
	right: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0);
	background: none\9;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000');
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.recent-posts .post-item .post-img .img-overlay:not([dummy]) {
 filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}
.recent-posts .post-item .post-img .img-overlay i {
	display: inline-block;
	color: #ffffff;
	position: absolute;
	cursor: pointer;
	bottom: 15px;
	left: 15px;
	font-size: 13px;
	padding-top: 4px;
	font-weight: 700;
	height: 27px;
	width: 27px;
	text-align: center;
	border: 3px solid #ffffff;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.recent-posts hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin-top: 8px;
	margin-bottom: 8px;
	max-width: 20%;
	margin-left: 0px;
	color: #cccccc;
}
.recent-posts h4 {
	margin-bottom: 15px;
}
.recent-posts a {
	color: #565353;
}
.recent-posts a:hover {
	border-bottom: 1px solid;
}
.recent-posts p {
	color: #a39f9f;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.recent-posts .post-category {
	color: #cccccc;
	font-weight: 700;
	font-size: 0.9em;
}
/* 10.6 Service Box Styles */
.servicebox {
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.servicebox img {
	width: 100%;
	height: auto;
}
.servicebox:hover {
	background: #e9ece9;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.servicebox:hover a:before {
	opacity: 1;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.servicebox .servicebox-content {
	padding: 30px 20px 20px 20px;
	border-top: 3px solid #e9ece9;
	border-left: 3px solid #e9ece9;
	border-right: 3px solid #e9ece9;
}
.servicebox .servicebox-content p {
	margin-bottom: 0;
}
.servicebox h3 {
	position: relative;
}
/* 10.7 Info Box Styles */
.infobox {
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 2% 3% 1.2% 3%;
 background:;
}
.infobox h1, .infobox h2, .infobox h3, .infobox h4, .infobox h5, .infobox h6 {
	margin-bottom: 10px;
	color: inherit;
}
.infobox:before, .infobox:after {
	content: " ";
	display: table;
}
.infobox:after {
	clear: both;
}
.infobox .infobox-content {
	font-size: 0.9em;
	float: left;
	max-width: 75%;
	margin-right: 4%;
}
@media (max-width: 1070px) {
 .infobox .infobox-content {
 padding-top: 10px;
 float: none;
 max-width: 100%;
 margin-right: 0;
 text-align: center;
}
}
.infobox .infobox-button {
	float: left;
	position: absolute;
	top: 50%;
	display: inline-block;
	color: #ffffff;
 background:;
	font-weight: 700;
	padding: 12px 50px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
}
.infobox .infobox-button:hover {
	opacity: 0.9;
	filter: alpha(opacity=90);
}
@media (max-width: 1070px) {
 .infobox .infobox-button {
 display: block;
 text-align: center;
 float: none;
 position: static;
 transform: translateY(0%);
 -webkit-transform: translateY(0%);
 -ms-transform: translateY(0%);
 margin: 20px 0;
}
}
.infobox-square {
	font-size: 0.9em;
	position: relative;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 10% 10% 10% 10%;
 background:;
}
.infobox-square h1, .infobox-square h2, .infobox-square h3, .infobox-square h4, .infobox-square h5, .infobox-square h6 {
	margin-bottom: 10px;
	color: inherit;
}
.infobox-square .infobox-button {
	display: block;
	color: #ffffff;
 background:;
	font-weight: 700;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.infobox-square .infobox-button:hover {
	opacity: 0.9;
	filter: alpha(opacity=90);
}
.portfoliobox:hover p {
	color: #ffffff;
}
.portfoliobox:hover hr {
	color: #ffffff;
}
.portfoliobox:hover .portfolio-content {
	background: #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}
.portfoliobox .portfolio-image {
	position: relative;
}
.portfoliobox .portfolio-content {
	padding: 15px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.portfoliobox .portfolio-category {
	text-transform: uppercase;
	line-height: 1.2;
	padding-right: 20px;
	color: #565353;
}
.portfoliobox p {
	margin-bottom: 0;
	color: #a39f9f;
}
.portfoliobox hr {
	margin-top: 10px;
	margin-bottom: 10px;
}
.portfoliobox h4 {
	margin: 0;
	width: 100%;
	text-transform: uppercase;
	position: absolute;
	bottom: -1px;
}
.portfoliobox h4 a {
	background: rgba(0, 0, 0, 0.5);
	display: block;
	padding: 15px;
	color: #ffffff;
	font-family: 'Sintony', sans-serif;
	font-size: 0.87em;
	font-weight: 700;
}
.portfoliobox h4 a:hover {
	background: rgba(0, 0, 0, 0.7);
	text-decoration: underline;
	padding-bottom: 18px;
}
/* 10.9 Recent Portfolio Styles */
.portfolioslider {
	position: relative;
	overflow: hidden;
}
.portfolioslider:hover .portfolio-item .portfolio-img .img-overlay {
	background-color: rgba(0, 0, 0, 0.3);
	background: none\9;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d000000', endColorstr='#4d000000');
}
.portfolioslider:hover .portfolio-item .portfolio-img .img-overlay:not([dummy]) {
 filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}
.portfolioslider:hover .portfolio-content a {
	color: #8a8585;
}
.portfolioslider:hover .portfolio-content p {
	color: #bcb9b9;
}
.portfolioslider .portfolioslider-controls {
	position: absolute;
	padding-top: 50px;
	top: 175px;
	right: 0px;
	width: 80px;
	background: #ffffff;
	height: 100%;
}
@media (max-width: 1270px) {
 .portfolioslider .portfolioslider-controls {
 width: 125px;
}
}
@media (max-width: 1070px) {
 .portfolioslider .portfolioslider-controls {
 width: 160px;
}
}
.portfolioslider .portfolioslider-controls span {
	font-weight: 700;
	color: #666666;
}
.portfolioslider .portfolioslider-controls .owl-next-hover, .portfolioslider .portfolioslider-controls .owl-prev-hover {
	color: #cccccc;
	font-size: 27px;
	display: inline-block;
	height: 24px;
	width: 24px;
	position: absolute;
	top: 5px;
	cursor: pointer;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.portfolioslider .portfolioslider-controls .owl-next-hover:hover, .portfolioslider .portfolioslider-controls .owl-prev-hover:hover {
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	color: #259aad;
}
.portfolioslider .portfolioslider-controls .owl-next-hover {
	right: 0px;
}
.portfolioslider .portfolioslider-controls .owl-next-hover:hover ~ span.hover-text {
 display: none;
}
.portfolioslider .portfolioslider-controls .owl-next-hover:hover ~ span.hover-next {
 display: block;
}
.portfolioslider .portfolioslider-controls .owl-prev-hover {
	right: 55px;
}
.portfolioslider .portfolioslider-controls .owl-prev-hover:hover ~ span.hover-text {
 display: none;
}
.portfolioslider .portfolioslider-controls .owl-prev-hover:hover ~ span.hover-prev {
 display: block;
}
.portfolioslider .portfolioslider-controls .owl-menu-hover {
	display: inline-block;
	color: #cccccc;
	position: absolute;
	cursor: pointer;
	top: 11px;
	right: 28px;
	font-size: 11px;
	padding-top: 1px;
	font-weight: 700;
	height: 23px;
	width: 23px;
	text-align: center;
	border: 3px solid #cccccc;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.portfolioslider .portfolioslider-controls .owl-menu-hover:hover {
	color: #259aad;
	border-color: #259aad;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.portfolioslider .portfolioslider-controls .owl-menu-hover:hover ~ span.hover-text {
 display: none;
}
.portfolioslider .portfolioslider-controls .owl-menu-hover:hover ~ span.hover-index {
 display: block;
}
.portfolioslider .portfolioslider-controls .hover-next, .portfolioslider .portfolioslider-controls .hover-prev, .portfolioslider .portfolioslider-controls .hover-index {
	display: none;
}
.portfolioslider .portfolioslider-controls hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin-top: 8px;
	margin-bottom: 8px;
	max-width: 100%;
	margin-left: 0px;
	color: #cccccc;
}
.portfolioslider .portfolio-item:hover .portfolio-img .img-overlay {
	background-color: rgba(37, 154, 173, 0.3);
	background: none\9;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d259aad', endColorstr='#4d259aad');
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.portfolioslider .portfolio-item:hover .portfolio-img .img-overlay:not([dummy]) {
 filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}
.portfolioslider .portfolio-item:hover .portfolio-img .img-overlay i {
	opacity: 1;
	filter: alpha(opacity=100);
}
.portfolioslider .portfolio-item:hover .portfolio-img .img-overlay i:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.portfolioslider .portfolio-item:hover .portfolio-content a {
	color: #565353;
}
.portfolioslider .portfolio-item:hover .portfolio-content p {
	color: #8a8585;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.portfolioslider .portfolio-item .portfolio-content {
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 15px;
}
.portfolioslider .portfolio-item .portfolio-img {
	position: relative;
}
.portfolioslider .portfolio-item .portfolio-img .img-overlay {
	top: 0;
	right: 0;
	position: absolute;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0);
	background: none\9;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#00000000');
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.portfolioslider .portfolio-item .portfolio-img .img-overlay:not([dummy]) {
 filter: progid:DXImageTransform.Microsoft.gradient(enabled='false');
}
.portfolioslider .portfolio-item .portfolio-img .img-overlay i {
	display: inline-block;
	color: #ffffff;
	position: absolute;
	cursor: pointer;
	bottom: 15px;
	left: 15px;
	font-size: 13px;
	padding-top: 4px;
	font-weight: 700;
	height: 27px;
	width: 27px;
	text-align: center;
	border: 3px solid #ffffff;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.portfolioslider hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin-top: 8px;
	margin-bottom: 8px;
	max-width: 20%;
	margin-left: 0px;
	color: #cccccc;
}
.portfolioslider h4 {
	font-size: 1.2em;
	margin-bottom: 15px;
}
.portfolioslider a {
	color: #565353;
}
.portfolioslider a:hover {
	border-bottom: 1px solid;
}
.portfolioslider p {
	color: #a39f9f;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
.portfolioslider .portfolio-category {
	color: #cccccc;
	font-weight: 700;
	font-size: 0.9em;
}
/* 10.10 Service Styles */
.serviceslider:before, .serviceslider:after {
	content: " ";
	display: table;
}
.serviceslider:after {
	clear: both;
}
.serviceslider img {
	float: left;
	width: 47%;
}
.serviceslider h3 {
	margin-bottom: 15px;
}
.serviceslider hr {
	height: 1px;
	border: none;
	width: 60%;
	text-align: left;
	margin-right: auto;
	margin-bottom: 15px;
	margin-top: 0px;
	margin-left: 0;
	color: #cccccc;
	background: #cccccc;
}
.serviceslider .item:before, .serviceslider .item:after {
	content: " ";
	display: table;
}
.serviceslider .item:after {
	clear: both;
}
.serviceslider .serviceslider-content {
	float: left;
	width: 47%;
	padding-top: 10%;
	margin-left: 6%;
}
.serviceslider a.serviceslider-button {
	display: inline-block;
	background: #cccccc;
	color: #ffffff;
	font-weight: 700;
	padding: 7px 40px;
	position: absolute;
	bottom: 0px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.serviceslider a.serviceslider-button:hover {
	background: #259aad;
}
.serviceslider .carousel-indicators {
	top: 0px;
	height: 20px;
	margin: 0;
	left: 27.7%;
	cursor: default;
}
.serviceslider .carousel-indicators li {
	border: none;
	background: #e7e7e7;
}
.serviceslider .carousel-indicators .active {
	height: 10px;
	width: 10px;
	background: #999999;
}
/* ==========================================================================
    13. Custom Shortcodes Styles

    ## All the styles related to each and every shortcodes UNIQUE To this Template.
   ========================================================================== */
/* 13.1 Roombox Styles */

.roombox:hover p {
	color: #ffffff;
}
.roombox:hover hr {
	color: #ffffff;
}
.roombox:hover .room-content {
	background: #000;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
}
.roombox:hover h4 a {
	background: #000;
}
.roombox .room-image {
	position: relative;
}
.roombox .room-content {
	padding: 15px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}
.roombox .room-price {
	line-height: 1.2;
	padding-right: 20px;
	color: #565353;
}
.roombox p {
	margin-bottom: 0;
	color: #a39f9f;
}
.roombox hr {
	margin-top: 10px;
	margin-bottom: 10px;
}
.roombox h4 {
	margin: 0;
	width: 100%;
	text-transform: uppercase;
	position: absolute;
	bottom: -1px;
}
.roombox h4 a {
	background: rgba(0, 0, 0, 0.5);
	display: block;
	padding: 15px;
	color: #ffffff;
	font-family: 'Sintony', sans-serif;
	font-size: 0.87em;
	font-weight: 700;
	transition: 0s;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-ms-transition: 0s;
	-o-transition: 0s;
}
.roombox h4 a:hover {
	text-decoration: underline;
	transition: 0s;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-ms-transition: 0s;
	-o-transition: 0s;
}
/* 13.2 Herobox Styles */
.herobox {
	background: #259aad;
	position: relative;
	width: 116.1%;
	left: -70px;
	padding: 30px 70px;
}
@media (max-width: 1270px) {
 .herobox {
 width: 120.1%;
 left: -64px;
}
}
@media (max-width: 1070px) {
 .herobox {
 width: 115.1%;
 left: -18px;
}
}
.herobox h2 {
	font-size: 2.5em;
	font-style: italic;
	color: #ffffff;
	margin-bottom: 20px;
}
.herobox p {
	font-family: 'Playfair Display', serif;
	font-size: 1.2em;
	line-height: 1.5;
	color: #ffffff;
	padding: 0;
	margin: 0;
}
/* ==========================================================================
    12. Widgets Styles

    ## All the styles related to each and every widgets used in the template.
   ========================================================================== */
/* 12.1 Widgets Base Styling */
#sidebar .widget {
	margin-top: 50px;
}
#sidebar .widget:first-child {
	margin-top: 0px;
}
#sidebar .widget h5 {
	font-size: 1.2em;
	font-family: 'Playfair Display', serif;
	padding-bottom: 10px;
	border-bottom: 4px solid #f0f1f1;
	margin-bottom: 0;
}
#footer .widget {
	margin-top: 50px;
}
#footer .widget:first-child {
	margin-top: 0px;
}
#footer .widget h5 {
	font-size: 1.05em;
	font-weight: 700;
	color: #ffffff;
	font-family: 'Sintony', sans-serif;
	text-transform: uppercase;
	padding-bottom: 10px;
	border-bottom: 4px solid #2c4454;
	margin-bottom: 0;
}
/* 12.2 Sidebar Widget Styles */
#sidebar .widget-sidebar-menu ul {
	margin: 0;
	padding: 0;
}
#sidebar .widget-sidebar-menu li {
	list-style: none;
	border-bottom: 1px solid #ccc;
}
#sidebar .widget-sidebar-menu a {
	text-transform: uppercase;
	display: block;
	padding: 9px 0;
	color: #a39f9f;
	position: relative;
}
#sidebar .widget-sidebar-menu a:hover {
	color: #706c6c;
}
#sidebar .widget-sidebar-menu a:hover .glyphicon-chevron-right {
	visibility: visible;
	right: -20px;
	transition: 0.1s;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-ms-transition: 0.1s;
	-o-transition: 0.1s;
}
#sidebar .widget-sidebar-menu .glyphicon-chevron-right {
	position: absolute;
	top: 34%;
	right: -10px;
	font-size: 11px;
	color: #259aad;
	visibility: hidden;
	transition: 0.1s;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-ms-transition: 0.1s;
	-o-transition: 0.1s;
}
#footer .widget-sidebar-menu ul {
	margin: 0;
	padding: 0;
	padding-top: 7px;
}
#footer .widget-sidebar-menu li {
	list-style: none;
	border-bottom: 1px solid #374249;
}
#footer .widget-sidebar-menu a {
	display: block;
	padding: 9px 0;
	color: #999999;
	position: relative;
}
#footer .widget-sidebar-menu a:hover {
	color: #ffffff;
}
#footer .widget-sidebar-menu span.listing {
	color: #999999;
}
#footer .widget-sidebar-menu .glyphicon-chevron-right {
	display: none;
}
/* 12.3 Post Categories Styles */
#sidebar .widget-post-categories ul {
	margin: 0;
	padding: 0;
}
#sidebar .widget-post-categories li {
	list-style: none;
	border-bottom: 1px solid #ccc;
}
#sidebar .widget-post-categories a {
	display: block;
	padding: 9px 0;
	color: #565353;
	position: relative;
}
#sidebar .widget-post-categories a:hover {
	color: #8a8585;
}
#sidebar .widget-post-categories a:hover .glyphicon-chevron-right {
	visibility: visible;
	right: -20px;
	transition: 0.1s;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-ms-transition: 0.1s;
	-o-transition: 0.1s;
}
#sidebar .widget-post-categories span.listing {
	color: #bcb9b9;
}
#sidebar .widget-post-categories .glyphicon-chevron-right {
	position: absolute;
	top: 34%;
	right: -10px;
	font-size: 11px;
	color: #259aad;
	visibility: hidden;
	transition: 0.1s;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-ms-transition: 0.1s;
	-o-transition: 0.1s;
}
#footer .widget-post-categories ul {
	margin: 0;
	padding: 0;
	padding-top: 7px;
}
#footer .widget-post-categories li {
	list-style: none;
	border-bottom: 1px solid #374249;
}
#footer .widget-post-categories a {
	display: block;
	padding: 9px 0;
	color: #999999;
	position: relative;
}
#footer .widget-post-categories a:hover {
	color: #ffffff;
}
#footer .widget-post-categories span.listing {
	color: #999999;
}
#footer .widget-post-categories .glyphicon-chevron-right {
	display: none;
}
/* 12.4 Latest Posts Styles */
#sidebar .widget-latest-posts ul {
	margin: 0;
	padding: 0;
}
#sidebar .widget-latest-posts li {
	list-style: none;
	border-bottom: 1px solid #ccc;
}
#sidebar .widget-latest-posts a {
	display: block;
	padding: 15px 0;
	color: #565353;
	position: relative;
}
#sidebar .widget-latest-posts a:hover {
	padding-right: 10px;
	background: #ffffff;
	/* Old browsers */
  background: -moz-linear-gradient(left, #ffffff 0%, #f6f6f6 100%);
	/* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, #ffffff), color-stop(100%, #f6f6f6));
	/* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, #ffffff 0%, #f6f6f6 100%);
	/* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, #ffffff 0%, #f6f6f6 100%);
	/* Opera 11.10+ */
  background: -ms-linear-gradient(left, #ffffff 0%, #f6f6f6 100%);
	/* IE10+ */
  background: linear-gradient(to right, #ffffff 0%, #f6f6f6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f6f6f6', GradientType=1);
/* IE6-9 */
}
#sidebar .widget-latest-posts span.listing {
	color: #bcb9b9;
}
#footer .widget-latest-posts ul {
	margin: 0;
	padding: 0;
	padding-top: 5px;
}
#footer .widget-latest-posts li {
	list-style: none;
	border-bottom: 1px solid #374249;
}
#footer .widget-latest-posts a {
	font-size: 0.9em;
	display: block;
	padding: 10px 0;
	color: #999999;
	position: relative;
}
#footer .widget-latest-posts a:hover {
	color: #ffffff;
}
#footer .widget-latest-posts span.listing {
	color: #bcb9b9;
}
/* 12.5 Search Form Styles */
#sidebar .widget-search-form form {
	margin-top: 20px;
	position: relative;
}
#sidebar .widget-search-form input {
	font-size: 0.9em;
	width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: none;
	color: #bec4cc;
	border: 1px solid #cececf;
	padding: 10px;
	padding-right: 30px;
}
#sidebar .widget-search-form input:-moz-placeholder {
 color: #bec4cc;
}
#sidebar .widget-search-form input::-moz-placeholder {
 color: #bec4cc;
 opacity: 1;
}
#sidebar .widget-search-form input:-ms-input-placeholder {
 color: #bec4cc;
}
#sidebar .widget-search-form input::-webkit-input-placeholder {
 color: #bec4cc;
}
#sidebar .widget-search-form button {
	background: none;
	color: #bec4cc;
	border: none;
	position: absolute;
	top: 10px;
	right: 5px;
}
#footer .widget-search-form form {
	margin-top: 20px;
	position: relative;
}
#footer .widget-search-form input {
	width: 100%;
	font-size: 0.9em;
	color: #999999;
	background: #30495a;
	border: none;
	padding: 15px;
	padding-right: 35px;
	padding-top: 16px;
}
#footer .widget-search-form input:-moz-placeholder {
 color: #999999;
}
#footer .widget-search-form input::-moz-placeholder {
 color: #999999;
 opacity: 1;
}
#footer .widget-search-form input:-ms-input-placeholder {
 color: #999999;
}
#footer .widget-search-form input::-webkit-input-placeholder {
 color: #999999;
}
#footer .widget-search-form input:first-child {
	margin-bottom: 15px;
}
#footer .widget-search-form button {
	font-size: 17px;
	background: none;
	color: #bec4cc;
	border: none;
	position: absolute;
	top: 14px;
	right: 5px;
}
/* 12.6 Featured Box Styles */
#sidebar .widget-featured-box img {
	margin-bottom: 20px;
}
#sidebar .widget-featured-box p {
	padding: 0 10px;
	color: #a39f9f;
}
#sidebar .widget-featured-box h4 {
	padding: 0 10px;
}
#sidebar .widget-featured-box .featured-box-inner {
	margin-top: 20px;
	text-align: left;
	border: 3px solid #dddddd;
}
/* 12.7 Featured Box Styles */
#sidebar .widget-services {
	position: relative;
}
#sidebar .widget-services h5 {
	padding-top: 10px;
	border-bottom: none;
	border-top: 4px solid #f0f1f1;
	text-align: center;
}
#sidebar .widget-services img {
	border-top: 4px solid #f0f1f1;
}
#sidebar .widget-services .controls {
	position: absolute;
	display: table;
	margin-left: 35px;
	bottom: -34px;
}
#sidebar .widget-services .controls:before, #sidebar .widget-services .controls:after {
	content: " ";
	display: table;
}
#sidebar .widget-services .controls:after {
	clear: both;
}
#sidebar .widget-services a.control {
	float: left;
	margin-right: 10px;
	font-size: 25px;
	display: block;
	color: #cccccc;
	font-size: 11px;
	border: 4px solid #cccccc;
	height: 24px;
	width: 24px;
	text-align: center;
	border-radius: 50%;
	padding-top: 1px;
}
#sidebar .widget-services a.control:hover {
	color: #495156;
	border-color: #495156;
}
#sidebar .widget-services .item h4 {
	position: absolute;
	bottom: -20px;
	font-size: 0.8em;
	font-family: 'Sintony', sans-serif;
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
	width: 100%;
	padding: 10px 10px;
}
#sidebar .widget-services hr {
	height: 1px;
	border: none;
	width: 100%;
	text-align: left;
	margin-right: auto;
	color: #000000;
	background: #000000;
	margin-top: 44px;
}
#footer .widget-services {
	position: relative;
}
#footer .widget-services h5 {
	margin-bottom: 20px;
}
#footer .widget-services a.control {
	display: block;
	color: #334e61;
	position: absolute;
	top: -57px;
	right: 60px;
	font-size: 11px;
	border: 3px solid #334e61;
	height: 24px;
	width: 24px;
	text-align: center;
	border-radius: 50%;
	padding-top: 2px;
}
#footer .widget-services a.control:hover {
	color: #ffffff;
	border-color: #ffffff;
}
#footer .widget-services a.center {
	right: 30px;
}
#footer .widget-services a.right {
	right: 0px;
}
#footer .widget-services .item h4 {
	bottom: -20px;
	margin-top: 15px;
	border-top: 1px solid #ffffff;
	font-size: 1.1em;
	font-family: 'Sintony', sans-serif;
	font-weight: 700;
	color: #cccccc;
	width: 100%;
	padding: 10px 10px;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#footer .widget-services hr {
	display: none;
}
/* 12.8 Featured Box Styles */
#sidebar .widget-twitter .twitter-header {
	margin-top: 10px;
	margin-bottom: 10px;
}
#sidebar .widget-twitter .twitter-header i {
	color: #4aabe3;
	font-size: 27px;
}
#sidebar .widget-twitter .twitter-header strong {
	position: relative;
	top: -5px;
	padding-left: 8px;
}
#sidebar .widget-twitter .tweet {
	border-top: 1px solid #cccccc;
	padding: 15px 0;
}
#sidebar .widget-twitter .tweet p {
	margin-bottom: 5px;
}
#sidebar .widget-twitter .tweet .time {
	color: #4aabe3;
}
#footer .widget-twitter .twitter-header {
	margin-top: 20px;
	margin-bottom: 10px;
}
#footer .widget-twitter .twitter-header i {
	color: #4aabe3;
	font-size: 27px;
}
#footer .widget-twitter .twitter-header strong {
	color: #ffffff;
	position: relative;
	top: -5px;
	padding-left: 8px;
}
#footer .widget-twitter .tweet {
	border-top: 1px solid #cccccc;
	padding: 15px 0;
}
#footer .widget-twitter .tweet p {
	color: #999999;
	margin-bottom: 5px;
}
#footer .widget-twitter .tweet .time {
	color: #4aabe3;
}

#footer .widget-contact .address, #footer .widget-contact .phone, #footer .widget-contact .time, #footer .widget-contact .email {
	position: relative;
	border-bottom: 1px solid #374249;
}
#footer .widget-contact p {
	color: #999999;
	font-size: 15px;
	padding-left: 40px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin: 0px;
	text-align: left;
}
#footer .widget-contact i {
	position: absolute;
	padding-top: 15px;
	font-size: 23px;
	left: 0px;
	color: #999999;
}

#footer .widget-infobox-light h5 {
	margin-bottom: 20px;
}
#footer .widget-infobox-light .infobox-inner {
	background: #2c4454;
	padding-bottom: 5px;
}
#footer .widget-infobox-light h4, #footer .widget-infobox-light a, #footer .widget-infobox-light p {
	text-align: left;
}
#footer .widget-infobox-light img {
	margin: 20px 0;
	margin-top: 0px;
}
#footer .widget-infobox-light p {
	color: #999999;
	font-size: 0.9em;
	padding: 0;
	padding-left: 15px;
	padding-right: 15px;
}
#footer .widget-infobox-light h4 {
	font-size: 1.05em;
	line-height: 1.3;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 15px;
}
#footer .widget-infobox-light h4 a {
	font-weight: 700;
	font-family: 'Sintony', sans-serif;
	color: #cccccc;
}
#footer .widget-infobox-light h4 a:hover {
	text-decoration: underline;
}
#footer .widget-infobox-light .infobox-btn {
	display: block;
	background: #dadada;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
	font-size: 16px;
	padding: 10px 0;
	margin-top: 20px;
}
#footer .widget-infobox-light .infobox-btn:hover {
	background: #dadcdd;
}
/* 12.11 testimonials Styles */
#sidebar .widget-testimonials {
	padding-bottom: 10px;
	border-bottom: 4px solid #ecebeb;
}
#sidebar .widget-testimonials:before, #sidebar .widget-testimonials:after {
	content: " ";
	display: table;
}
#sidebar .widget-testimonials:after {
	clear: both;
}
#sidebar .widget-testimonials p {
	font-family: 'Playfair Display', serif;
	font-size: 1.2em;
	color: #666666;
	padding: 20px 0px 10px 0px;
	margin-left: 30px;
}
#sidebar .widget-testimonials .cite {
	color: #000000;
	display: block;
	color: #706c6c;
}
#footer .widget-testimonials p {
	text-align: right;
	font-family: 'Playfair Display', serif;
	font-size: 1.5em;
	color: #ffffff;
	padding: 20px 0px 5px 0px;
}
#footer .widget-testimonials .cite {
	text-align: right;
	color: #000000;
	display: block;
	color: #706c6c;
}
/* 12.12 advertisement Styles */
#sidebar .widget-advertisement a.ad-img {
	margin-top: 20px;
	margin-bottom: 5px;
	padding-bottom: 20px;
	border-bottom: 1px solid #cccccc;
	display: block;
}
#sidebar .widget-advertisement a.ad-img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#sidebar .widget-advertisement a.ad-link {
	color: #bcb9b9;
}
#sidebar .widget-advertisement a.ad-link:hover {
	color: #565353;
}
#footer .widget-advertisement a.ad-img {
	margin-top: 20px;
	margin-bottom: 5px;
	padding-bottom: 20px;
	border-bottom: 1px solid #cccccc;
	display: block;
}
#footer .widget-advertisement a.ad-img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
#footer .widget-advertisement a.ad-link {
	color: #bcb9b9;
}
#footer .widget-advertisement a.ad-link:hover {
	color: #565353;
}
/* 12.13 newsletter Styles */
#sidebar .widget-newsletter form {
	margin-top: 20px;
	position: relative;
}
#sidebar .widget-newsletter input {
	width: 100%;
	border: none;
	font-size: 0.7em;
	color: #bec4cc;
	border: 1px solid #e8e8e9;
	padding: 10px;
	padding-top: 11px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#sidebar .widget-newsletter input:-moz-placeholder {
 color: #bec4cc;
}
#sidebar .widget-newsletter input::-moz-placeholder {
 color: #bec4cc;
 opacity: 1;
}
#sidebar .widget-newsletter input:-ms-input-placeholder {
 color: #bec4cc;
}
#sidebar .widget-newsletter input::-webkit-input-placeholder {
 color: #bec4cc;
}
#sidebar .widget-newsletter input:first-child {
	margin-bottom: 15px;
}
#sidebar .widget-newsletter a {
	font-size: 0.8em;
	width: 100%;
	text-align: center;
	padding: 11px;
	margin-top: 15px;
}
#footer .widget-newsletter form {
	margin-top: 20px;
	position: relative;
}
#footer .widget-newsletter input {
	width: 100%;
	font-size: 0.9em;
	color: #999999;
	background: #30495a;
	border: none;
	padding: 15px;
	padding-top: 16px;
}
#footer .widget-newsletter input:-moz-placeholder {
 color: #999999;
}
#footer .widget-newsletter input::-moz-placeholder {
 color: #999999;
 opacity: 1;
}
#footer .widget-newsletter input:-ms-input-placeholder {
 color: #999999;
}
#footer .widget-newsletter input::-webkit-input-placeholder {
 color: #999999;
}
#footer .widget-newsletter input:first-child {
	margin-bottom: 15px;
}
#footer .widget-newsletter a {
	font-size: 1em;
	width: 100%;
	text-align: center;
	padding: 14px;
	margin-top: 15px;
	color: #999999;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	background: #233643;
}
#footer .widget-newsletter a:hover {
	background: #293e4d;
}
/* 12.14 button Styles */
#sidebar .widget-button a {
	display: block;
	position: relative;
	margin-top: 20px;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
#sidebar .widget-button a:hover i {
	background: #616c74;
}
#sidebar .widget-button i {
	position: absolute;
	left: 0px;
	color: #ffffff;
	padding: 10.5px 18px;
	font-size: 29px;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
#sidebar .widget-button span {
	display: block;
	width: 100%;
	background: #a5abb0;
	font-size: 0.85em;
	color: #ffffff;
	line-height: 1.3;
	padding: 9px 0px 9px 83px;
	text-align: left;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
#footer .widget-button a {
	display: block;
	position: relative;
	margin-top: 20px;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
#footer .widget-button a:hover i {
	background: #273b4a;
}
#footer .widget-button i {
	position: absolute;
	left: 0px;
	color: #ffffff;
	padding: 13.5px 25px;
	font-size: 29px;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
#footer .widget-button span {
	display: block;
	width: 100%;
	background: #30495a;
	font-size: 0.85em;
	color: #ffffff;
	line-height: 1.3;
	padding: 20px 0px 20px 100px;
	text-align: left;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
/* 12.15 infobox Styles */
#sidebar .widget-infobox-dark .infobox-dark-inner {
	background: #303538;
	margin-top: 20px;
	padding-bottom: 20px;
}
#sidebar .widget-infobox-dark h4, #sidebar .widget-infobox-dark a, #sidebar .widget-infobox-dark p {
	text-align: left;
}
#sidebar .widget-infobox-dark img {
	margin: 0;
	margin-bottom: 20px;
}
#sidebar .widget-infobox-dark p {
	font-size: 0.9em;
	padding: 0 15px;
	color: #f5f5f5;
}
#sidebar .widget-infobox-dark h4 {
	padding: 0 15px;
}
#sidebar .widget-infobox-dark h4 a {
	color: #eeeeee;
}
#sidebar .widget-infobox-dark h4 a:hover {
	text-decoration: underline;
}
#sidebar .widget-infobox-dark .infobox-btn {
	display: block;
	background: #bbbbbb;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
	font-size: 16px;
	padding: 10px 0;
	margin-top: 20px;
	margin-left: 15px;
	margin-right: 15px;
}
#sidebar .widget-infobox-dark .infobox-btn:hover {
	background: #dadcdd;
}
#footer .widget-infobox-dark .infobox-dark-inner {
	background: #303538;
	margin-top: 20px;
	padding-bottom: 20px;
}
#footer .widget-infobox-dark h4, #footer .widget-infobox-dark a, #footer .widget-infobox-dark p {
	text-align: left;
}
#footer .widget-infobox-dark img {
	margin: 0;
	margin-bottom: 20px;
}
#footer .widget-infobox-dark p {
	font-size: 0.9em;
	padding: 0 15px;
	color: #f5f5f5;
}
#footer .widget-infobox-dark h4 {
	padding: 0 15px;
}
#footer .widget-infobox-dark h4 a {
	color: #eeeeee;
}
#footer .widget-infobox-dark h4 a:hover {
	text-decoration: underline;
}
#footer .widget-infobox-dark .infobox-btn {
	display: block;
	background: #6f6f6f;
	color: #ffffff;
	font-weight: 700;
	text-align: center;
	font-size: 16px;
	padding: 10px 0;
	margin-top: 20px;
	margin-left: 15px;
	margin-right: 15px;
}
#footer .widget-infobox-dark .infobox-btn:hover {
	background: #555555;
}
/* 12.16 projects Styles */
#sidebar .widget-projects {
	position: relative;
	margin-bottom: 40px;
}
#sidebar .widget-projects h5 {
	padding-top: 10px;
	border-bottom: none;
	border-top: 4px solid #f0f1f1;
	text-align: center;
}
#sidebar .widget-projects img {
	border-top: 4px solid #f0f1f1;
}
#sidebar .widget-projects .projects-menu {
	display: none;
	padding: 50px 15px 15px 15px;
	width: 100%;
	z-index: 100000;
	background: #333333;
}
#sidebar .widget-projects .projects-menu ul {
	margin: 0;
	padding: 0;
}
#sidebar .widget-projects .projects-menu ul li {
	list-style: none;
	border-top: 1px solid #4d4d4d;
}
#sidebar .widget-projects .projects-menu ul li:first-child {
	border: none;
}
#sidebar .widget-projects .projects-menu ul a {
	color: #d5d5d5;
	font-size: 0.85em;
	text-align: center;
	font-weight: bold;
	padding: 8px 0;
	display: block;
}
#sidebar .widget-projects .projects-menu ul a:hover {
	color: #ffffff;
}
#sidebar .widget-projects .carousel {
	display: none;
}
#sidebar .widget-projects .carousel-active {
	display: block;
}
#sidebar .widget-projects .controls {
	position: absolute;
	display: table;
	margin-left: 35px;
	bottom: -34px;
}
#sidebar .widget-projects .controls:before, #sidebar .widget-projects .controls:after {
	content: " ";
	display: table;
}
#sidebar .widget-projects .controls:after {
	clear: both;
}
#sidebar .widget-projects a.control {
	float: left;
	margin-right: 10px;
	font-size: 25px;
	display: block;
	color: #cccccc;
	font-size: 11px;
	border: 4px solid #cccccc;
	height: 24px;
	width: 24px;
	text-align: center;
	border-radius: 50%;
	padding-top: 1px;
}
#sidebar .widget-projects a.control:hover {
	color: #495156;
	border-color: #495156;
}
#sidebar .widget-projects .item h4 {
	position: absolute;
	bottom: -20px;
	font-size: 0.8em;
	font-family: 'Sintony', sans-serif;
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
	width: 100%;
	padding: 10px 10px;
}
#sidebar .widget-projects .projects-category {
	display: inline-block;
	padding-top: 5px;
	border-top: 1px solid #cccccc;
	color: #cccccc;
}
#sidebar .widget-projects hr {
	height: 1px;
	border: none;
	width: 100%;
	text-align: left;
	margin-right: auto;
	color: #000000;
	background: #000000;
	margin-top: 44px;
}
#footer .widget-projects {
	position: relative;
}
#footer .widget-projects h5 {
	border-bottom: 4px solid #2c4454;
	margin-bottom: 20px;
}
#footer .widget-projects .projects-menu {
	display: none;
	padding: 10px 15px 10px 15px;
	width: 100%;
	z-index: 100000;
	background: #2c4454;
	position: absolute;
	top: 32px;
}
#footer .widget-projects .projects-menu ul {
	margin: 0;
	padding: 0;
}
#footer .widget-projects .projects-menu ul li {
	list-style: none;
	border-top: 1px solid #38566b;
}
#footer .widget-projects .projects-menu ul li:first-child {
	border: none;
}
#footer .widget-projects .projects-menu ul a {
	color: #999999;
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	padding: 10px 0;
	display: block;
}
#footer .widget-projects .projects-menu ul a:hover {
	color: #ffffff;
}
#footer .widget-projects .carousel {
	display: none;
}
#footer .widget-projects .carousel-active {
	display: block;
}
#footer .widget-projects a.control {
	font-size: 25px;
	display: block;
	color: #334e61;
	position: absolute;
	top: -57px;
	right: 60px;
	font-size: 11px;
	border: 3px solid #334e61;
	height: 24px;
	width: 24px;
	text-align: center;
	border-radius: 50%;
	padding-top: 2px;
}
#footer .widget-projects a.control:hover {
	color: #ffffff;
	border-color: #ffffff;
}
#footer .widget-projects a.center {
	right: 30px;
}
#footer .widget-projects a.right {
	right: 0px;
}
#footer .widget-projects .item h4 {
	bottom: -20px;
	margin-top: 15px;
	border-top: 1px solid #ffffff;
	font-size: 1.1em;
	font-family: 'Sintony', sans-serif;
	font-weight: 700;
	color: #cccccc;
	width: 100%;
	padding: 10px 10px;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#footer .widget-projects .image-date {
	display: inline-block;
	padding-top: 5px;
	border-top: 1px solid #cccccc;
	color: #cccccc;
}
#footer .widget-projects hr {
	display: none;
}
/* 12.17 gallery Styles */
#sidebar .widget-gallery {
	position: relative;
	margin-bottom: 40px;
}
#sidebar .widget-gallery h5 {
	padding-top: 10px;
	border-bottom: none;
	border-top: 4px solid #f0f1f1;
	text-align: center;
}
#sidebar .widget-gallery img {
	border-top: 4px solid #f0f1f1;
}
#sidebar .widget-gallery .gallery-menu {
	display: none;
	padding: 50px 15px 15px 15px;
	width: 100%;
	z-index: 100000;
	background: #333333;
}
#sidebar .widget-gallery .gallery-menu ul {
	margin: 0;
	padding: 0;
}
#sidebar .widget-gallery .gallery-menu ul li {
	list-style: none;
	border-top: 1px solid #4d4d4d;
}
#sidebar .widget-gallery .gallery-menu ul li:first-child {
	border: none;
}
#sidebar .widget-gallery .gallery-menu ul a {
	color: #d5d5d5;
	font-size: 0.85em;
	text-align: center;
	font-weight: bold;
	padding: 8px 0;
	display: block;
}
#sidebar .widget-gallery .gallery-menu ul a:hover {
	color: #ffffff;
}
#sidebar .widget-gallery .carousel {
	display: none;
}
#sidebar .widget-gallery .carousel-active {
	display: block;
}
#sidebar .widget-gallery .controls {
	position: absolute;
	display: table;
	margin-left: 40px;
	bottom: -34px;
}
#sidebar .widget-gallery .controls:before, #sidebar .widget-gallery .controls:after {
	content: " ";
	display: table;
}
#sidebar .widget-gallery .controls:after {
	clear: both;
}
#sidebar .widget-gallery a.control {
	float: left;
	margin-right: 10px;
	font-size: 25px;
	display: block;
	color: #cccccc;
	font-size: 11px;
	border: 4px solid #cccccc;
	height: 24px;
	width: 24px;
	text-align: center;
	border-radius: 50%;
	padding-top: 1px;
}
#sidebar .widget-gallery a.control:hover {
	color: #495156;
	border-color: #495156;
}
#sidebar .widget-gallery .item h4 {
	position: absolute;
	bottom: -20px;
	font-size: 0.8em;
	font-family: 'Sintony', sans-serif;
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
	width: 100%;
	padding: 10px 10px;
}
#sidebar .widget-gallery .image-date {
	display: inline-block;
	padding-top: 5px;
	border-top: 1px solid #cccccc;
	color: #cccccc;
}
#sidebar .widget-gallery hr {
	height: 1px;
	border: none;
	width: 100%;
	text-align: left;
	margin-right: auto;
	color: #000000;
	background: #000000;
	margin-top: 44px;
}
#footer .widget-gallery {
	position: relative;
}
#footer .widget-gallery h5 {
	border-bottom: 4px solid #2c4454;
	margin-bottom: 20px;
}
#footer .widget-gallery .gallery-menu {
	display: none;
	padding: 10px 15px 10px 15px;
	width: 100%;
	z-index: 100000;
	background: #2c4454;
	position: absolute;
	top: 32px;
}
#footer .widget-gallery .gallery-menu ul {
	margin: 0;
	padding: 0;
}
#footer .widget-gallery .gallery-menu ul li {
	list-style: none;
	border-top: 1px solid #38566b;
}
#footer .widget-gallery .gallery-menu ul li:first-child {
	border: none;
}
#footer .widget-gallery .gallery-menu ul a {
	color: #999999;
	font-size: 1em;
	text-align: center;
	font-weight: bold;
	padding: 10px 0;
	display: block;
}
#footer .widget-gallery .gallery-menu ul a:hover {
	color: #ffffff;
}
#footer .widget-gallery .carousel {
	display: none;
}
#footer .widget-gallery .carousel-active {
	display: block;
}
#footer .widget-gallery a.control {
	display: block;
	color: #334e61;
	position: absolute;
	top: -57px;
	right: 60px;
	font-size: 11px;
	border: 3px solid #334e61;
	height: 24px;
	width: 24px;
	text-align: center;
	border-radius: 50%;
	padding-top: 2px;
}
#footer .widget-gallery a.control:hover {
	color: #ffffff;
	border-color: #ffffff;
}
#footer .widget-gallery a.center {
	right: 30px;
}
#footer .widget-gallery a.right {
	right: 0px;
}
#footer .widget-gallery .item h4 {
	bottom: -20px;
	margin-top: 15px;
	border-top: 1px solid #ffffff;
	font-size: 1.1em;
	font-family: 'Sintony', sans-serif;
	font-weight: 700;
	color: #cccccc;
	width: 100%;
	padding: 10px 10px;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#footer .widget-gallery .image-date {
	display: inline-block;
	padding-top: 5px;
	border-top: 1px solid #cccccc;
	color: #cccccc;
}
#footer .widget-gallery hr {
	display: none;
}
/* 12.18 images Styles */
#sidebar .widget-images {
	position: relative;
}
#sidebar .widget-images h5 {
	padding-top: 10px;
	border-bottom: none;
	border-top: 4px solid #f0f1f1;
	text-align: center;
}
#sidebar .widget-images img {
	border-top: 4px solid #f0f1f1;
}
#sidebar .widget-images .controls {
	position: absolute;
	display: table;
	text-align: center;
	bottom: -40px;
	width: 100%;
}
#sidebar .widget-images .controls:before, #sidebar .widget-images .controls:after {
	content: " ";
	display: table;
}
#sidebar .widget-images .controls:after {
	clear: both;
}
#sidebar .widget-images span.widget-images-count {
	position: relative;
	right: -18px;
	color: #cccccc;
	font-weight: bold;
	font-size: 25px;
	float: left;
}
#sidebar .widget-images a.control {
	float: left;
	margin-left: 20px;
	font-size: 25px;
	display: block;
	color: #cccccc;
	font-size: 11px;
	border: 4px solid #cccccc;
	height: 24px;
	width: 24px;
	text-align: center;
	border-radius: 50%;
	padding-top: 1px;
	margin-top: 5px;
}
#sidebar .widget-images a.control:hover {
	color: #495156;
	border-color: #495156;
}
#sidebar .widget-images a.right {
	float: right;
	margin-right: 20px;
	margin-left: 0px;
}
#sidebar .widget-images hr {
	height: 1px;
	border: none;
	width: 100%;
	text-align: left;
	margin-right: auto;
	color: #000000;
	background: #000000;
	margin-top: 45px;
}
#footer .widget-images {
	position: relative;
}
#footer .widget-images:before, #footer .widget-images:after {
	content: " ";
	display: table;
}
#footer .widget-images:after {
	clear: both;
}
#footer .widget-images h5 {
	margin-bottom: 20px;
}
#footer .widget-images span.widget-images-count {
	margin: 0px;
	color: #cccccc;
	font-weight: bold;
	margin-top: 3px;
	font-size: 27px;
	float: right;
}
#footer .widget-images a.control {
	font-size: 25px;
	display: block;
	color: #334e61;
	position: absolute;
	top: -57px;
	right: 30px;
	font-size: 11px;
	border: 3px solid #334e61;
	height: 24px;
	width: 24px;
	text-align: center;
	border-radius: 50%;
	padding-top: 2px;
}
#footer .widget-images a.control:hover {
	color: #ffffff;
	border-color: #ffffff;
}
#footer .widget-images a.right {
	right: 0px;
}
#footer .widget-images hr {
	position: relative;
	top: -7px;
	padding-right: 80px;
	float: left;
	width: 50%;
}
/* 12.19 featured Styles */
#sidebar .widget-featured h5 {
	padding-top: 10px;
	border-bottom: none;
	border-top: 4px solid #f0f1f1;
	text-align: left;
	margin-bottom: 5px;
}
#sidebar .widget-featured .feature-image {
	position: relative;
}
#sidebar .widget-featured a {
	position: absolute;
	bottom: 0px;
	width: 100%;
	padding: 8px 15px;
	text-align: left;
	display: block;
	font-size: .9em;
	color: #ffffff;
	font-weight: 700;
	background: #87b736;
}
#sidebar .widget-featured a:hover {
	padding-bottom: 11px;
}
#sidebar .widget-featured i {
	font-size: 25px;
	position: absolute;
	right: 15px;
	top: 6px;
}
#sidebar .widget-featured p {
	margin-top: 15px;
	text-align: left;
}
#footer .widget-featured h5 {
	margin-bottom: 20px;
}
#footer .widget-featured .feature-image {
	position: relative;
}
#footer .widget-featured a {
	position: absolute;
	bottom: -1px;
	width: 100%;
	padding: 8px 15px;
	text-align: left;
	display: block;
	font-size: .9em;
	color: #ffffff;
	font-weight: 700;
	background: #30495a;
}
#footer .widget-featured a:hover {
	padding-bottom: 11px;
}
#footer .widget-featured i {
	font-size: 25px;
	position: absolute;
	right: 15px;
	top: 6px;
}
#footer .widget-featured p {
	font-size: 1em;
	margin-top: 15px;
	color: #ffffff;
	text-align: left;
}
/* ==========================================================================
    14. Custom Widgets Styles

    ## All the styles related to each and every widgets UNIQUE To this Template.
   ========================================================================== */
/* 14.1 rooms widgets Styles */
#sidebar .widget-rooms {
	position: relative;
}
#sidebar .widget-rooms h5 {
	padding-top: 10px;
	border-bottom: none;
	border-top: 4px solid #f0f1f1;
	text-align: center;
}
#sidebar .widget-rooms img {
	border-top: 4px solid #f0f1f1;
}
#sidebar .widget-rooms .controls {
	position: absolute;
	display: table;
	margin-left: 35px;
	bottom: -34px;
}
#sidebar .widget-rooms .controls:before, #sidebar .widget-rooms .controls:after {
	content: " ";
	display: table;
}
#sidebar .widget-rooms .controls:after {
	clear: both;
}
#sidebar .widget-rooms a.control {
	float: left;
	margin-right: 10px;
	font-size: 25px;
	display: block;
	color: #cccccc;
	font-size: 11px;
	border: 4px solid #cccccc;
	height: 24px;
	width: 24px;
	text-align: center;
	border-radius: 50%;
	padding-top: 1px;
}
#sidebar .widget-rooms a.control:hover {
	color: #495156;
	border-color: #495156;
}
#sidebar .widget-rooms .item h4 {
	position: absolute;
	bottom: -20px;
	font-size: 0.8em;
	font-family: 'Sintony', sans-serif;
	font-weight: 700;
	color: #ffffff;
	text-transform: uppercase;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
	width: 100%;
	padding: 10px 10px;
}
#sidebar .widget-rooms hr {
	height: 1px;
	border: none;
	width: 100%;
	text-align: left;
	margin-right: auto;
	color: #000000;
	background: #000000;
	margin-top: 44px;
}
#footer .widget-rooms {
	position: relative;
}
#footer .widget-rooms h5 {
	margin-bottom: 20px;
}
#footer .widget-rooms a.control {
	display: block;
	color: #334e61;
	position: absolute;
	top: -57px;
	right: 60px;
	font-size: 11px;
	border: 3px solid #334e61;
	height: 24px;
	width: 24px;
	text-align: center;
	border-radius: 50%;
	padding-top: 2px;
}
#footer .widget-rooms a.control:hover {
	color: #ffffff;
	border-color: #ffffff;
}
#footer .widget-rooms a.center {
	right: 30px;
}
#footer .widget-rooms a.right {
	right: 0px;
}
#footer .widget-rooms .item h4 {
	bottom: -20px;
	margin-top: 15px;
	border-top: 1px solid #ffffff;
	font-size: 1.1em;
	font-family: 'Sintony', sans-serif;
	font-weight: 700;
	color: #cccccc;
	width: 100%;
	padding: 10px 10px;
	padding-left: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#footer .widget-rooms hr {
	display: none;
}
@media (max-width: 850px) {
aside#sidebar {
 display: table;
 margin: 0 auto;
 float: none!important;
}
.footer-social {
 display: table;
 margin: 0 auto;
 margin-top: 15px;
}
#footer .widget {
 margin-top: 30px!important;
}
.copyright {
 margin: 15px auto 20px auto;
 text-align: center
}
.footer-nav {
 display: block;
 margin: 0 auto;
}
.head-v1 .head-title {
 position: static;
 text-align: center!important;
 max-width: 100%!important;
 width: 100%!important;
 padding: 0;
}
.booking-area {
 width: 100%;
 padding: 40px 0px 20px 0;
 padding-right: 20px;
 background: rgba(0, 0, 0, 0.7);
 position: relative;
 bottom: 0
}
.room-form {
 max-width: 93.3%!important;
 width: 100%!important;
 top: 0px;
 z-index: 10000000000000000;
 bottom: auto;
}
.recent-posts .recent-posts-controls {
 display: none;
}
.servicebox {
 max-width: 100%;
 display: table;
 margin: 0 auto;
 margin-top: 20px;
}
.infobox {
 max-width: 270px;
 display: table;
 margin: 0 auto;
 margin-top: 20px;
}
.demo-infobox .infobox-square {
 margin-top: 40px;
}
.portfoliobox {
 max-width: 270px;
 display: table;
 margin: 0 auto;
 margin-top: 20px;
}
.portfolioslider .portfolioslider-controls {
 display: none;
}
.roombox {
 max-width: 270px;
 display: table;
 margin: 0 auto;
 margin-top: 20px;
}
.bootstrap-select {
 margin-bottom: 20px!important;
}
.datepicker {
 margin-bottom: 20px!important;
}
#wrapper {
 max-width: 850px;
}
.elements {
 display: none!important;
}
.home .carousel-inner img {
 clear: both;
 width: 100%;
 margin-bottom: 20px
}
.nav-toggle {
 display: table;
 margin: 0 auto 0 auto;
 float: none!important;
}
#content {
 float: none;
 display: block;
 width: 100%;
 border: none;
 background-size: 0px!important;
 margin: 0px;
 padding: 0px;
 margin-top: 30px!important;
 padding-right: 40px;
 max-width: 100%;
}
.rooms .item {
 background-color: #eee;
 margin: 20px 0;
 width: 100%;
 height: 100%;
}
.rooms .item img {
 width: auto
}
.rooms .img-info {
 width: 100%;
 clear: left;
 display: block
}
.rooms .img-info h3 {
 font-size: 32px;
 color: #565353;
 margin: 20px 30px
}
.rooms .img-info p {
 color: #565353;
 margin: 20px 30px
}
.photo-gallery ul li {
	margin: 0;
	max-width: 50%;
	width: 50%;
	min-height: 252px;
	height: 100%;
	display: inline-block;
	float: left;
	text-align: center;
	
}
}
/* IMAGE LIGHTBOX SELECTOR */

		#imagelightbox {
	cursor: pointer;
	position: fixed;
	z-index: 10000;
	-ms-touch-action: none;
	touch-action: none;
	-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
	box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
}
/* ACTIVITY INDICATION */
		#imagelightbox-loading {
	width: 120px;
	height: 120px;
	background: #000 url(../img/loading.gif) no-repeat center center;
	position: fixed;
	z-index: 10003;
	top: 50%;
	left: 50%;
	margin: -60px 0 0 -60px; /* 20 */
	border-radius: 10px;
}
/* OVERLAY */

		#imagelightbox-overlay {
	background-color: #000;
	background-color: rgba( 0, 0, 0, .5 );
	position: fixed;
	z-index: 9998;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
/* "CLOSE" BUTTON */

		#imagelightbox-close {
	text-align: left;
	width: 58px;
	height: 58px;
	background: #000 url(../img/close.gif) no-repeat center center;
	position: fixed;
	z-index: 10002;
	top: 58px; /* 40 */
	right: 58px; /* 40 */
	border-radius: 10px;
 -webkit-transition: color .3s ease;
 transition: color .3s ease;
}
#imagelightbox-close:hover,  #imagelightbox-close:focus {
	background-color: #111;
}
/* CAPTION */

		#imagelightbox-caption {
	text-align: center;
	color: #fff;
	background-color: #666;
	position: fixed;
	z-index: 10001;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 0.625em; /* 10 */
}
/* NAVIGATION */

		#imagelightbox-nav {
	background-color: #444;
	background-color: rgba( 0, 0, 0, .5 );
	border-radius: 20px;
	position: fixed;
	z-index: 10001;
	left: 50%;
	bottom: 3.75em; /* 60 */
	padding: 0.313em; /* 5 */
	-webkit-transform: translateX( -50% );
	-ms-transform: translateX( -50% );
	transform: translateX( -50% );
}
#imagelightbox-nav button {
	width: 1em; /* 20 */
	height: 1em; /* 20 */
	background-color: transparent;
	border: none;
	border-radius: 50%;
	display: inline-block;
	margin: 0 0.313em; /* 5 */
}
#imagelightbox-nav button.active {
	background-color: #fff;
}
/* ARROWS */

		.imagelightbox-arrow {
	width: 3.75em; /* 60 */
	height: 7.5em; /* 120 */
	background-color: #444;
	background-color: rgba( 0, 0, 0, .5 );
	vertical-align: middle;
	display: none;
	position: fixed;
	z-index: 10001;
	top: 50%;
	margin-top: -3.75em; /* 60 */
}
.imagelightbox-arrow:hover,  .imagelightbox-arrow:focus {
	background-color: #666;
	background-color: rgba( 0, 0, 0, .75 );
}
.imagelightbox-arrow:active {
	background-color: #111;
}
.imagelightbox-arrow-left {
	left: 2.5em; /* 40 */
}
.imagelightbox-arrow-right {
	right: 2.5em; /* 40 */
}
.imagelightbox-arrow:before {
	width: 0;
	height: 0;
	border: 1em solid transparent;
	content: '';
	display: inline-block;
	margin-bottom: -0.125em; /* 2 */
}
.imagelightbox-arrow-left:before {
	border-left: none;
	border-right-color: #fff;
	margin-left: -0.313em; /* 5 */
}
.imagelightbox-arrow-right:before {
	border-right: none;
	border-left-color: #fff;
	margin-right: -0.313em; /* 5 */
}
#imagelightbox-loading,  #imagelightbox-overlay,  #imagelightbox-close,  #imagelightbox-caption,  #imagelightbox-nav,  .imagelightbox-arrow {
 -webkit-animation: fade-in .25s linear;
 animation: fade-in .25s linear;
}
 @-webkit-keyframes fade-in {
 from {
opacity: 0;
}
to {
	opacity: 1;
}
}
 @keyframes fade-in {
 from {
opacity: 0;
}
to {
	opacity: 1;
}
}
 @media only screen and (max-width: 41.250em) /* 660 */ {
 #container {
 width: 100%;
}
 #imagelightbox-close {
 top: 1.25em; /* 20 */
 right: 1.25em; /* 20 */
}
 #imagelightbox-nav {
 bottom: 1.25em; /* 20 */
}
 .imagelightbox-arrow {
 width: 2.5em; /* 40 */
 height: 3.75em; /* 60 */
 margin-top: -2.75em; /* 30 */
}
 .imagelightbox-arrow-left {
 left: 1.25em; /* 20 */
}
 .imagelightbox-arrow-right {
 right: 1.25em; /* 20 */
}
}
 @media only screen and (max-width: 20em) /* 320 */ {
 .imagelightbox-arrow-left {
 left: 0;
}
 .imagelightbox-arrow-right {
 right: 0;
}
}
.cam1 {
	width: 0px;
	height: 0px
}
@media (max-width: 460px) {
 nav#main-nav {
 display: none;
}
.photo-gallery ul li {
	margin: 0;
	max-width: 100%;
	width: 100%;
	min-height: 252px;
	height: 100%;
	display: block;
	clear: left;
	text-align: center;
	
}
}