/*
Theme Name: Country Inn
Theme URI: http://xclusivethemes.com/wordpress-themes/country-inn/
Author: Xclusive Themes
Author URI: http://xclusivethemes.com/
Description: County Inn WordPress theme is crafted for a hotel, hostel, motels, resort, room reservation or any other accommodation services.  The theme is 100% responsive, It has a unique, modern, light and clean design which will make your website look awesome. This theme is fully integrated with nicely designed reservation and booking interface where visitors can easily check their desired rooms and services without any technical help. With its beautiful design and high quality coding, this theme can showcase your unique accommodations to the world and attract more visitors to your website. It comes with 3 different homepage layouts and a powerful options panel that allow you to customize/personalize the theme easily without coding knowledge. County Inn is built with MotoPress Hotel Booking plugin. The theme sets you up room listings and an accommodation reservation toolkit: booking forms, real-time search availability form, a directory of rooms with photo galleries and amenities, flexible booking rules, seasonal pricing and rates, a great discount system, built-in international payment gateways, fees charges for proper accountability and more tools for managing your lodging.
Version: 1.0.5
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: country-inn
Tags: custom-logo, one-column, two-columns, right-sidebar, left-sidebar, custom-header, full-width-template, custom-background, custom-colors, custom-menu, featured-images, theme-options, threaded-comments, translation-ready, blog, portfolio, footer-widgets

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

Country Inn is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Typography 
3.0 Accessibility 
4.0 Alignments 
5.0 Clearings
6.0 Forms 
7.0 Lists
8.0 Tables
9.0 Links 
10.0 Navigation
11.0 Layout
    - Shortcuts
    - Header 
    - Footer
    - Regular Content
12.0 Blog
13.0 Comments
14.0 Widgets
15.0 Media 
16.0 Animations 
17.0 Additional

--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
--------------------------------------------------------------*/

html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
    display: block;
}

figcaption,
figure,
main {
    display: block;
}

figure {
    margin: 0
}

hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}

pre {
    font-family: monospace, monospace;
    font-size: 1em;
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
    outline-width: 0;
}

abbr[title] {
    border-bottom: 1px #767676 dotted;
    text-decoration: none;
}

b,
strong {
    font-weight: inherit;
}

b,
strong {
    font-weight: 700;
}

code,
kbd,
samp {
    font-family: monospace, monospace;
    font-size: 1em;
}

dfn {
    font-style: italic;
}

mark {
    background-color: #eee;
    color: #222;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

audio,
video {
    display: inline-block;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

img {
    border-style: none;
}

svg:not(:root) {
    overflow: hidden;
}

button,
input,
optgroup,
select,
textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}

button,
input {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
    -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}

fieldset {
    border: 1px solid #bbb;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}

progress {
    display: inline-block;
    vertical-align: baseline;
}

textarea {
    overflow: auto; 
}

[type="checkbox"],
[type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}

details,
menu {
    display: block;
}

summary {
    display: list-item;
}

canvas {
    display: inline-block;
}

template {
    display: none;
}

[hidden] {
    display: none;
}


/*--------------------------------------------------------------
2.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea,
.btn {
    color: #616161; 
    font-size: 15px; 
    line-height: 1.6;
}

body,
button,
input,
select,
textarea ,
.pri-font{
    font-family: 'Fira Sans', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.sec-font,
.widget_rss li .rsswidget,
footer .widget_recent_entries li a{
    font-family: 'Roboto Condensed', sans-serif;
}

.font3{
   font-family: 'Rock Salt', cursive;
} 

.font4{
   font-family: 'Dawning of a New Day', cursive;
} 

h1,
h2,
h3,
h4,
h5,
h6 {     
    margin: 0;
    padding: 0;
    line-height: 1.4;   
    color: #242424;
    letter-spacing: 0.02em;
    font-weight: 600; 
    word-break: break-all;
}

.hero-banner h2, .director{
    font-size: 60px;
}

.video-block h2, .fun-fact h2, .comming-soon h1{
    font-size: 50px;
}

h2.sec-title, .fun-fact .icon, .page-header h2 {
    font-size: 35px;
} 

h1 {
    font-size: 36px;
    margin-bottom: 20px; 
}

h2{ 
    font-size: 32px; 
    margin-bottom: 20px;
}

h3, h2.comments-title {
    font-size: 28px;
    margin-bottom: 15px;
 }

h4 {
    font-size: 25px;
    margin-bottom: 15px;
 }

h5 {
    font-size: 20px;
    margin-bottom: 10px;
}

h6 { 
    font-size: 18px; 
    margin-bottom: 5px;
}

.post-meta-wrap, a.view, .lh-1{
    line-height: 1;
}

.wt-bold{
    font-weight: 600;
}

.wt-normal{
    font-weight: normal;
}

p {
    margin: 0 0 1.5em;
    padding: 0;
}

dfn,
cite,
em,
i {
    font-style: italic;
}

blockquote {
    margin: 50px 0; 
    padding: 0 70px; 
    font-size: 18px;   
    overflow: hidden; 
    font-style: italic;
    opacity: 0.8;
}

blockquote cite {
    display: block;
    font-style: normal;
    font-weight: 600;
    margin-top: 0.5em;
}

blockquote p:before, blockquote p:after,  .testi-box p, .testi-slide-2 p {
    quotes: '“' '”';
}

blockquote p:before, blockquote p:after, .testi-box p:before, .testi-slide-2 p:before{ 
    content: open-quote;
    font-size: 70px;
    line-height: 0.5;
    display: inline-block; 
    float: left;
    height: 25px;
    padding-right: 10px; 
    position: relative;
    top: 20px;
}

blockquote p:before, blockquote p:after{
    position: absolute;
    float: none;
    top: initial;
}

blockquote p:before{
    margin: 5px 0 0 -5%;
}

blockquote p:after{
    content: close-quote;
    margin: 35px 0 0 10px;
}

address {
    margin: 0 0 1.5em;
}

pre,
code,
kbd,
tt,
var {
    font-family: 'Cutive Mono', monospace;
    font-size: 18px;
}

pre {
    border: 1px solid #d1d1d1;
    margin: 0 0 1.75em;
    max-width: 100%;
    overflow: auto;
    padding: 1.75em;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

code {
    background-color: #d1d1d1;
    padding: 0.125em 0.25em;
}

code,
kbd,
tt,
var { 
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #eee;
    text-decoration: none;
}


big {
    font-size: 125%;
}

blockquote {
    quotes: "" "";
}

q {
    quotes: "“" "”" "‘" "’";
}

blockquote:before,
blockquote:after {
    content: "";
}


.lead-text p:first-of-type:first-letter{
    font-size: 300%; 
    font-weight: 600;
    display: inline-block;
    line-height: 1.2;
    float: left;
    margin-right: 15px; 
}


/*--------------------------------------------------------------
3.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute;
    width: 1px;
    word-wrap: normal; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1; 
    -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000; /* Above WP toolbar. */
}


/*--------------------------------------------------------------
4.0 Alignments
--------------------------------------------------------------*/

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}


/*--------------------------------------------------------------
5.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after, 
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
    clear: both;
}
 

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

label { 
    display: block;
    font-weight: 500;
    margin-bottom: 0.3em;
}

fieldset {
    margin-bottom: 1em;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea,
button,
input[type="button"],
input[type="submit"],
select { 
    background-color: #fff;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    outline: 0;
    border-radius: 3px; 
    -webkit-border-radius: 3px; 
    -moz-border-radius: 3px; 
    color: #9d9d9d;
    padding: 0.45em 0.6em 0.4em;
    border: 1px solid #d7d7d7;
    width: 100%;  
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #222;
    border-color: #b9b9b9;
}

select{
    padding: 0.35em 0.6em 0.55em;
    background: #fff url('assets/images/select-bg.jpg') no-repeat 100% 50%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

textarea{
    height: 170px;
}

.contact-top textarea{
    height: 250px;
}

input[type="radio"],
input[type="checkbox"] {
    margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
    font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] { 
    cursor: pointer;
    width: initial;
}

.booking input[type="text"], .booking input[type="number"]{
    background-color: transparent;
    border-color: #4e4d4d;    
} 

.booking input[type='number'] {
    -moz-appearance:textfield;
}
 

/* Webkit browsers like Safari and Chrome */
.booking input[type=number]::-webkit-inner-spin-button,
.booking input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.booking button[type="submit"]{    
    border: 1px solid transparent; 
    width: 200px;
    background: transparent;
    padding: 19px 10px;
    text-transform: uppercase;
}


.banner-content .booking button[type="submit"], .sidebar .booking button[type="submit"]{
    width: 100%;
    padding: 10px;
}

.subscription input[type="text"], 
.subscription input[type="email"]{ 
    border: 0;
}

.subscription input[type="submit"]{
    text-transform: uppercase;
}

.subscription input[type="submit"]:hover{
    background-color: #2f2f2f;
}

.widget_search input{
    padding-right: 50px;
}


/* Placeholder text color -- selectors need to be separate to work. */

::-webkit-input-placeholder {
    color: #a9a9a9; 
}

:-moz-placeholder {
    color: #a9a9a9; 
}

::-moz-placeholder {
    color: #a9a9a9; 
}

:-ms-input-placeholder {
    color: #a9a9a9; 
}

/*------------ placeholder on focus -----------*/

:focus::-webkit-input-placeholder{
    color: transparent;
}

:focus:-moz-placeholder{
    color: transparent;
}

:focus::-moz-placeholder{
    color: transparent;
    opacity: 1;
}

:focus:-ms-input-placeholder{
    color: transparent;
}
 

/*--------------------------------------------------------------
7.0 Lists
--------------------------------------------------------------*/

ul,
ol {
    margin: 0 0 1.5em;
    padding: 0;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

ul > li, ol > li{
    margin-bottom: 1em;
}

li > ul,
li > ol {
    margin-bottom: 0;
    margin-left: 1.5em;
}

dt {
    font-weight: 700;
}

dd {
    margin: 0 1.5em 1.5em;
}

.social, .social li, ul.hero-slider, ul.hero-slider li.slide-item, .service-list, .service-list li, .footer-nav, .footer-nav li, .show-case, .show-case li, .case-thumb, .case-thumb li, .unstyled, .unstyled li, .pagination, ul.detail-thumb{
    margin: 0;
    padding: 0;
    list-style: none;
}


/*--------------------------------------------------------------
8.0 Tables
--------------------------------------------------------------*/

table {
    border-collapse: collapse;
    margin: 0 0 1.5em;
    width: 100%;
}

thead th {
    border-bottom: 2px solid #bbb;
    padding-bottom: 0.5em;
}

th {
    padding: 0.4em;
    text-align: left;
}

tr {
    border-bottom: 1px solid #eee;
}

td {
    padding: 0.4em;
}

th:first-child,
td:first-child {
    padding-left: 0;
}

th:last-child,
td:last-child {
    padding-right: 0;
}


/*--------------------------------------------------------------
9.0 Links
--------------------------------------------------------------*/

a, a.view:hover, .tags a:hover{
    color: #424242;
    text-decoration: none;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{
    color: #242424;
}

a:focus {
    outline: thin dotted;
}

a:hover,
a:active {
    color: #424242;
    outline: 0;
    text-decoration: none;
}
 
 
/*--------------------------------------------------------------
10.0 Navigation
--------------------------------------------------------------*/
 .navbar{
    padding: 15px 0;
 }

 .navbar-nav>.menu-item{
    margin-bottom: 0;
    position: relative;
    text-transform: uppercase;
 }

.navbar-expand-lg .navbar-nav .menu-item a {
    padding: 10px 15px 8px 15px; 
    display: inline-block;
    font-weight: 500;
} 

.navbar-nav li .sub-menu {
    position: absolute;
    z-index: 2;
    width: 200px;
    left: 0;
    background-color: #fff;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    margin: 0;
    visibility: hidden;
    opacity: 0;
    transform: translateY(5px);
}
 

.navbar-nav li:hover>.sub-menu  {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.sub-menu>li{
    list-style: none;
    margin: 0;
    font-weight: normal; 
}

.navbar-nav li>.sub-menu>li {
    padding-left: 0;
    position: relative;
    text-transform: capitalize; 
}
 

.navbar-expand-lg .navbar-nav li>.sub-menu>li a {
    border-bottom: 1px solid #ddd;
    padding: 10px 15px;
    position: relative;
    display: block;  
    font-weight: normal;
}

.navbar-nav li>.sub-menu>li a:hover {
    background-color: #ec2129;
    color: #fff;
}

.navbar-nav li>.sub-menu>li>.sub-menu {
    left: 100%;
    font-size: 100%;
    top: 0;
}

.navbar  li.menu-item-has-children>a:after,
.navbar  li.menu-item-has-children>a + .sub-menu li.menu-item-has-children>a:after  {
    content: "\f107";
    font-family: "Font Awesome 5 Free"; 
    display: inline-block;
    padding-left: 5px; 
    font-weight: 900;
}

.navbar  li.menu-item-has-children>a+.sub-menu li.menu-item-has-children>a:after {
    content: "\f105";
    position: absolute;
    right: 15px;
}

.footer-nav{
    margin-bottom: -15px;
}

.footer-nav li{
    display: inline-block;
    width: 48%;
    margin-bottom: 12px;
}

.footer-nav li a:before{
    content: "-";
    display: inline-block;
    padding-right: 5px;
}

.social-links ul{
    text-align: right;
}

.social li{
    margin: 0 0 0 20px;
    display: inline-block;
} 

.social li a{
    display: flex;
    align-items: center; 
}

.social li a:hover{
    transform: translateY(-2px); 
} 

.social-links ul li a:before {
    margin-right: 5px;
    content: "";
    font-family: "Font Awesome 5 Brands";
    display: inline-block;  
}

.social-links ul li a[href*="facebook.com"]:before {
    content: "\f09a";
}

.social-links ul li a[href*="twitter.com"]:before {
    content: "\f099";
}

.social-links ul li a[href*="linkedin.com"]:before {
    content: "\f0e1";
}

.social-links ul li a[href*="plus.google.com"]:before {
    content: "\f0d5";
}

.social-links ul li a[href*="youtube.com"]:before {
    content: "\f167";
}

.social-links ul li a[href*="dribbble.com"]:before {
    content: "\f17d";
}

.social-links ul li a[href*="pinterest.com"]:before {
    content: "\f0d2";
}

.social-links ul li a[href*="bitbucket.org"]:before {
    content: "\f171";
}

.social-links ul li a[href*="github.com"]:before {
    content: "\f113";
}

.social-links ul li a[href*="codepen.io"]:before {
    content: "\f1cb";
}

.social-links ul li a[href*="flickr.com"]:before {
    content: "\f16e";
}

.social-links ul li a[href$="/feed/"]:before {
    content: "\f09e";
}

.social-links ul li a[href*="foursquare.com"]:before {
    content: "\f180";
}

.social-links ul li a[href*="instagram.com"]:before {
    content: "\f16d";
}

.social-links ul li a[href*="tumblr.com"]:before {
    content: "\f173";
}

.social-links ul li a[href*="reddit.com"]:before {
    content: "\f1a1";
}

.social-links ul li a[href*="vimeo.com"]:before {
    content: "\f194";
}

.social-links ul li a[href*="digg.com"]:before {
    content: "\f1a6";
}

.social-links ul li a[href*="twitch.tv"]:before {
    content: "\f1e8";
}

.social-links ul li a[href*="stumbleupon.com"]:before {
    content: "\f1a4";
}

.social-links ul li a[href*="delicious.com"]:before {
    content: "\f1a5";
}

.social-links ul li a[href*="mailto:"]:before {
    content: "\f0e0";
}

.social-links ul li a[href*="skype.com"]:before {
    content: "\f17e";
}

.social-links ul li a[href*="dribble.com"]:before {
    content: "\f17d";
}
 
.post-share .social li{
    margin: 0 0 0 3px;
    display: inline-block;
}

.post-share .social li a{
  width: 30px;
  height: 30px;
  border-radius: 0;
  -webkit-border-radius: 0;  
  -moz-border-radius: 0; 
  line-height: 2.1;
  font-size: 14px; 
}

.breadcrumb, .trail-items{
    margin: 0;
    padding: 0;
    background-color: transparent;
}

.breadcrumb>li{
    margin-bottom: 5px;
}

.breadcrumb-item+.breadcrumb-item::before, .breadcrumb-item a, .trail-items li, .trail-items li a {
    opacity: 0.9;
    color: #fff;
}

.breadcrumb-item.active a, .trail-items li.trail-end {
    opacity: 1;
}

.trail-items li{
    display: inline-block; 
    vertical-align: top;
}

.trail-items li + li::before {    
    padding: 0 .5rem;
    display: inline-block;
    color: #6c757d;
    content: "/";
}

/*--------------------------------------------------------------
11.0 Layout
--------------------------------------------------------------*/

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
}

hr {
    background-color: #ddd;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

.content-hold, p{
    margin-bottom: 2em;
}

p:last-of-type, .rooms-blk.similar-rooms .slick-dots{
    margin-bottom: 0;
}


/*-------  Shortcuts ------*/

.circle, .room-figure:before, .service-list li .icon:before, .slick-prev, .slick-next, .social li a, span.circle-dot, .comment-meta img.avatar, .modal-content button.close{
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

/*-------- overlay ----*/

.hero-banner .slide-item:before, .overlay:before, .service-box .img:before, .page-header.jarallax:before, .team-fig:before{
    content: "";
    width: 100%;
    height: 100%; 
    position: absolute;
    top: 0;
    left: 0;    
    z-index: 2; 
    background: -moz-linear-gradient(top, rgba(0,0,0,0.9) 10%, rgba(125,185,232,0) 100%);  
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.9) 10%,rgba(125,185,232,0) 100%);  
    background: linear-gradient(to bottom, rgba(0,0,0,0.9) 10%,rgba(125,185,232,0) 100%);  
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#007db9e8',GradientType=0 ); 
}

 

.overlay:before, .hero-banner.overlay-2:before, .page-header.jarallax:before, .offer-wrap .overlay:before, .hero-banner .slide-item:before{
    background: none;
    background-color: rgba(0,0,0,0.6);
}

.hero-banner .slide-item:before{
    opacity: 0.7;
}

.footer.overlay:before{
    background-color: rgba(0,0,0,0.8);
} 

.service-box .img:before, .team-fig:before {
    transform: rotate(180deg);
    opacity: 0.4;
}

.img-item a.overlay:before{
    opacity: 0; 
}

.img-item a:hover.overlay:before{
    opacity: 0.6; 
} 

/*------ title -----*/

h2.sec-title {
    margin-bottom: 10px; 
    text-transform: uppercase; 
}
 
.title-sep{
    display: flex;
    font-size: 120%; 
    align-items: center; 
    justify-content: center;
}

.title-sep:before, .title-sep:after, h3.sec-title:after{
    margin: 0 5px;
    width: 25px;
    height: 2px; 
    content: "";
}

.title-sep.text-white:before, .title-sep.text-white:after, h3.sec-title.text-white:after, .team-list .box, a.btn.bdr:hover{
    background-color: #fff;
}

 
h3.sec-title:after{
    margin: 10px 0;
    display: block;
}

h3.sec-title.text-center:after{
    margin-left: auto;
    margin-right: auto;
} 

.dark-bg, .navbar button.btn.btn-primary:hover, .modal-content button.close:hover{
    background-color: #403b37;
    color: #e2e2e2;
}

.soft-gray, .subscription {
    background-color: #f5f5f5;
}

.dark-bg, .dark-bg a, .social li a{ 
    color: #d6d6d6;  
}

.nav-btn a, .circle-content .count-down div, .hotel-menu .item figure, a.scrollUp, .screen-reader-text:focus, .img-grid .img-item a:after{
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}


/*-------- text white -------*/

.text-white, .hero-banner .btn, .nav-btn a:hover, .social li a:hover, .btn.pri-bg, .social li a:hover,  .breadcrumb-item+.breadcrumb-item::before, .breadcrumb-item a,
.pagination .page-numbers:hover, .pagination .page-numbers.current, .text-white .testi-slide-2 h5, .btn.bdr.is-active, .img-grid .img-item a:after, input[type="submit"], button[type="submit"], footer h2.widget-title{ 
    color: #fff;
}

.btn, .subscription input[type="submit"]{
    padding: 10px 25px;
    border: 0;
    background-color: #424242;
    color: #fff;
}

input[type="submit"], button[type="submit"]{
    border: 0;
    min-width: 120px;
}

.js-filter .btn{
    line-height: 1;
    margin: 0 3px;
}

.btn-lg{
    padding: 15px 30px;
}

.btn.focus, .btn:focus{
    box-shadow: none;
}

.btn.bdr{
    border: 1px solid transparent;
    background-color: transparent;
}

.btn.filter-btn {
    padding: 8px 15px;
}

.btn-play{
    width: 60px;
    height: 60px;
    font-size: 20px;
    background-color: #fff;
    display: inline-block; 
    text-align: center;
    line-height: 3;
}

.btn.bdr.white{
    border-color: #fff;
    color: #fff;
}

.sec-mar, .hero-banner, .page-header{
    margin-bottom: 70px;
}

.rooms-blk.similar-rooms, .neg-sec-mar{
    margin-bottom: -70px;
} 

.sec-pad{
    padding: 70px 0;
}

.pad-0, .box.pad-0{
    padding: 0;
}

.home .footer{
    padding-top: 100px;
}

.mb-50{
    margin-bottom: 50px;
}

.mb-40{
    margin-bottom: 40px;
}

.mb-30, .hero-banner p{
    margin-bottom: 30px;
}

.mb-20, h2.sec-title.mb-20{
    margin-bottom: 20px;
}

.neg-m-20{
    margin-bottom: -20px;
}

.mb-10{
    margin-bottom: 10px;
} 

.mb-0, .widget:last-child{
    margin-bottom: 0;
}
  

.gutter-10{
    margin-left: -10px;
    margin-right: -10px;
}

.gutter-10 .col-sm-8, .gutter-10 .col-sm-4, .gutter-10 .col-sm-3, .gutter-10 .col-6, .gutter-10 .col-4{
    padding: 0 10px;
} 

/*-------  Header ------*/

header{
    border-bottom: 1px solid #ddd;
    position: relative;
    width: 100%;
    left: 0;
    z-index: 999;
} 

.header-top-bar{
    padding: 15px 0;
    font-size: 85%;
    line-height: 1; 
}
 
.is-sticky .header-top-bar{
   display: none;
} 

.site-info { 
    margin-right: 20px;
    display: inline-block; 
    vertical-align: middle; 
    position: relative;
}

.site-info i, .weather i, .login-wrap i{
    display: inline-block;
    padding-right: 3px;
}

.navbar-brand{
    padding: 0;
    font-size: 100%;
    line-height: 1.2; 
}

.site-title {
    margin: 0 0 5px;
    font-size: 150%;
    font-weight: normal; 
}


.navbar-brand>span{
    display: block; 
    font-size: 50%;
    opacity: 0.5; 
    letter-spacing: 0px;
}

.header.sticky{
    width: 100%;
    left: 0;
}

.is-sticky .header{
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
} 

.navbar button.btn.btn-primary{
	margin-left: 10px;
    padding: 12px 25px;
    text-transform: uppercase;
    line-height: 1;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
}

.navbar-toggler{
    outline: none;
    padding: 0;
    width: 35px;
    height: 35px;
}

.navbar-toggler.collapsed{ 
  position: relative;  
  z-index: 1;  
  -webkit-user-select: none;
  user-select: none;
}
 
.navbar-toggler span{
  display: block;
  width: 33px;
  height: 4px;
  position: relative;  
  background: #E0660F;
  border-radius: 3px;  
  z-index: 1;  
  transform-origin: 4px 0px;  
  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
              opacity 0.55s ease;
}

.navbar-toggler.collapsed span + span{
    margin-top: 5px;   
}

.navbar-toggler.collapsed span:first-child{
  transform-origin: 0% 0%;
}

.navbar-toggler.collapsed span:nth-last-child(2){
  transform-origin: 0% 100%;
}

.navbar-toggler:not(.collapsed) span{
  opacity: 1;
  transform: rotate(45deg) translate(-5px, -10px);
  background: #232323;
}
 
.navbar-toggler:not(.collapsed) span:nth-last-child(3){
  opacity: 0;
  transform: rotate(0deg) scale(0.2, 0.2);
} 

.navbar-toggler:not(.collapsed)  span:nth-last-child(2){
  transform: rotate(-45deg) translate(-7px, 8px);
} 



/*-------  Footer ------*/

footer{
    font-size: 90%;
    position: relative;
}

.footer-bottom{ 
    padding: 15px 0;
    position: relative;
    z-index: 3;
}  

.modal-content{
	margin-top: 10%;
	flex-direction: row;
	align-items: center;
}

.modal-content figure{  
	min-width: 400px;
}

@media (min-width: 576px){
	.modal-dialog {
	    max-width: 850px; 
	}
}

.modal-content .right {
    padding: 30px;
}

.modal-content button.close{
	width: 50px;
	height: 50px;
	position: absolute; 
	top: -20px;
	right: -20px;
	text-shadow: none;
	color: #fff;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	opacity: 1;
}

.modal-content button.close:hover, .close:not(:disabled):not(.disabled):hover{
	opacity: 1; 
	color: #fff;
}

.modal-content .row{
	margin-left: 5px;
	margin-right: 5px;
}

.modal-content .row .col-sm-6{
	padding-left: 5px;
	padding-right: 5px;
}

.modal-content form{
	margin: 0 -5px;
}

/*------- Regular Content -----*/
 
.hero-banner, .hero-banner .item{
    min-height: 650px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
 

.hero-banner .item, .banner-content{
    display: flex;
    align-items: center;
}
 

.hero-banner .item{
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;    
}

.hero-banner .content-wrap{
    padding-left: 50px;
}

.hero-banner .content-wrap:before {
    width:  5px;
    height: 0;
    opacity: 0;
    background: rgba(255,255,255,0.5); 
    position: absolute;
    left: 15px;
    content: "";
    top: 10px;
}

.banner-content{
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
}
 
.hero-banner .slide-item .container, .footer .container{
    position: relative;
    z-index: 3;
}

.hero-banner h2 { 
    font-weight: 800;
    margin: 0; 
    text-transform: uppercase;  
    text-shadow: 0 0 30px rgba(0,0,0,0.3); 
}

.hero-banner p{
    font-size: 110%;
} 

.hero-banner a.btn + a.btn{
    margin-left: 10px;
    display: inline-block;
}

.page-header{ 
    min-height: 300px; 
}


/*----- intro ---*/

.intro figure{    
    margin: 0 0 10px 10px;
    border-radius: 5px;
    float: left;
    width: 48%;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.intro figure.fig-big{
    margin: 50px 0 0 0;
    width: 49%;
}

.intro h2 span{
    display: block;
    font-size: 50%;
    text-transform: uppercase;
    letter-spacing: 5px;
}


/*--------- room lisitng -----------*/

.rooms-blk{ 
    overflow: hidden;
}

.room-listing{}

.room-wrap{ 
    background-color: #fff;
    box-shadow: 0 0 8px rgba(0,0,0,0.08);
}

.room-wrap .bottom{
    padding: 20px 20px 30px;
} 

.room-figure{
    position: relative;
}

.room-figure .price{
    padding: 10px; 
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 3; 
    font-size: 115%; 
    text-align: center;
    line-height: 1;
    color: #fff;   
}

.price sub, .price sup{  
    font-size: 50%;  
} 

.price sub{
    bottom: 0;
}

.lt-vw .summery {
    border-right: 1px dashed #ddd;
}

.room-feature{
    margin: 20px 0 0; 
} 

.room-feature li{
    margin: 0 10px;
    list-style: none;
    display: inline-block;
    text-align: center;
}

.room-wrap.lt-vw .room-feature li, .room-disc .room-feature li{
    margin: 0 20px 0 0;
}

.room-disc .room-feature{
     margin-bottom: -20px; 
 }

.room-disc .room-feature li{
    margin-bottom: 20px;
}

.room-feature li span.icon{ 
    border: 1px solid #e6e6e6;
    margin: 0 auto 3px;
    line-height: 2.9;
    text-align: center;
    width: 40px;
    height: 40px;  
    display: block;
    box-shadow: 0 3px 8px rgba(0,0,0,0.1);  
}

.listing-slider .slick-slide{
    margin: 0 10px; 
}

.listing-slider .slick-list{
    overflow: visible;
}

.listing-slider:before, .listing-slider:after{
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    background-color: rgba(255,255,255,0.8);
    content: "";
    display: block;
    z-index: 10;
}

.soft-gray .listing-slider:before, .soft-gray .listing-slider:after{
    background-color: rgba(245,245,245,0.8);
}

.listing-slider:before{
    left: -50%;
}

.listing-slider:after{
    right: -50%;
}


/*--------- services ---------*/

.service-list li{
    margin: 20px 30px 20px 0;
    width: calc(50% - 17px);
    position: relative;
    display: inline-block;
    vertical-align: top;
    padding-left: 80px;    
}

.service-list li:nth-child(even){
    margin-right: 0;
}

.service-list li .icon{
    width: 50px;
    height: 50px; 
    margin: 8px;
    border: 1px solid transparent; 
    display: inline-block;
    text-align: center;
    line-height: 2.3;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 0;
}

.service-list li .icon:before{
    width: 62px; 
    height: 62px; 
    display: block; 
    z-index: 1; 
    border:1px solid #ccc; 
    position: absolute;
    top: -0.35em; 
    left: -0.35em; 
    content: "";
}

.service-list h6{ 
    margin-bottom: 5px; 
}

.service-img{
    position: relative; 
    width: 545px;
    height: auto;
    overflow: hidden;
}

.service-img:before{
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    background: url('assets/images/service-img-frame.png') no-repeat center center;
    background-size: 100%;
}
  

/*-------- event list -----------*/ 

.box {
    border: 1px solid #ddd;
    padding: 20px;
}
 

/*------ parallax ------*/

.jarallax {
    position: relative;
    z-index: 0;
}

.jarallax > .jarallax-img {
    position: absolute;
    object-fit: cover; 
    font-family: 'object-fit: cover;';
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.jarallax .container{
    z-index: 3;
    position: relative;
}


.subscription{
    margin-top: -30px;
    position: relative;
    z-index: 2; 
}

.subscription form input{
    margin: 0 5px;
}


/*--------- subscription ----------*/

.subscription-wrap{ 
    padding: 30px;
    position: relative;
    z-index: 3;
    top: 30px;
}

.subscription-wrap.bg{
    background: url('assets/images/subscription-bg.jpg') no-repeat top center; 
    padding: 5px;
}

.subscription-wrap .inner{
    background-color: rgba(255,255,255,0.9);
    padding: 20px;
}

/*-------- pagination --------*/

.pagination {
    list-style: none;
    display: inline-block;
    margin: 0;
    padding: 0;
}

.pagination .page-numbers { 
    border: 1px solid #ddd;  
    padding: 0 10px;
    min-width: 40px;
    text-align: center;
    display: inline-block;
    line-height: 2.5;      
}

.pagination .page-numbers.current{
    border-color: transparent;
}


/*--------------------------------------------------------------
12.0 Blog
--------------------------------------------------------------*/ 

.blog-wrap .blog-img{
    min-height: 62px;
}

figure .post-info{ 
    position: absolute;
    left: 0; 
    bottom: 0;
    z-index: 3;
    width: 100%;
    display: flex; align-items: center; 
}

.post-info .date{
    font-size: 150%;
    display: inline-block;
    padding: 10px;
    line-height: 1;
    text-align: center;
}

.post-info .date small{
    font-size: 40%;
    display: block;
    letter-spacing: 1px;
}

.post-meta-wrap .meta-info{
    margin-right: 15px;
    display: inline-block;
    vertical-align: top;
    font-size: 90%;
    opacity: 0.7;  
    font-style: italic;   
}  

.post-meta-wrap > .meta-info i{
    display: inline-block;
    margin-right: 3px;
}
 
.blog-list .blog-wrap, article.post{
    border-bottom: 1px solid #ddd;
    margin-bottom: 40px;
    padding-bottom: 40px;
}


.tags a{ 
    font-style: italic; 
    font-size: 90%;
    display: inline-block;
    margin-right: 10px;
}

.tags a:before{
    content: "#";
    display: inline-block;
    margin-right: 3px;
}


.post-navigation .nav-links{
    padding: 10px 0 40px;
    display: flex;
    justify-content: space-between;
}

.post-navigation .nav-links .nav-previous{}


/*--------------------------------------------------------------
13.0 Comments
--------------------------------------------------------------*/
.bypostauthor {
    display: block;
}

h2.comments-title{
    border-bottom: 1px solid #ddd;
    margin-bottom: 25px;
    padding-bottom: 10px;
}

ol.comment-list{
    margin: 0;
    padding: 0;
}

.comment-list ol.children {
    margin: 20px 0 20px 80px;
}

ol.comment-list li.comment {
    margin-bottom: 40px;
    list-style: none;
}

li.comment .comment-body{
    padding-left: 80px;
    position: relative;
}

footer.comment-meta {
    display: flex;
    align-items: center;
    position: initial;
}

li.comment .comment-body {
    padding-left: 80px;
    position: relative;
}

.comment-meta img.avatar {
    position: absolute;
    left: 0;
    width: 60px;
    height: 60px; 
}

li.comment .comment-content{
    padding: 5px 0 10px;
}

span.says, span.edit-link, .comment-metadata {
    display: inline-block;
    margin: 0 10px 0 0;
    font-size: 90%;
    font-style: italic;
}

span.edit-link{
    margin-left: 10px;
    font-style: initial;
    text-decoration: underline;
}

.reply:before{
    margin-right: 5px;
    content: "\f3e5";
    font-family: "Font Awesome 5 Free";
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
} 
 
.comment-form-container {
    padding: 30px;
    background: #f5f5f5;
}

p.comment-form-author, p.comment-form-email, p.comment-form-url{
    display: inline-block;
    vertical-align: top;
    width: 32.8%;
}

 
/*--------------------------------------------------------------
14.0 Widgets
--------------------------------------------------------------*/

.widget-area{
    margin: 0;
    padding: 0;
}

.widget-area>li.widget{
    margin-bottom: 2.5em;
    list-style: none;
}

.widget-area>li.widget:last-child{
    margin-bottom: 0;
}

h2.widget-title { 
    border-bottom: 1px solid #ddd;
    margin-bottom: 1em;
    padding-bottom: 10px;
    font-size: 20px;  
    letter-spacing: 0.05em;    
    text-transform: uppercase;
    position: relative;
    line-height: 1;
}

h2.widget-title:after{
    content: "";
    width: 50px;
    height: 3px; 
    position: absolute;
    bottom: -2px; 
    left: 0;
}

.widget-title a {
    color: inherit;
}

footer h2.widget-title{
    border-bottom: 1px solid #5d5c5b;
    margin-bottom: 20px;
    padding-bottom: 15px; 
    font-size: 18px;
    letter-spacing: 0; 
    font-weight: 500;  
}

footer h2.widget-title:after{
    content: none;
}



/* widget forms */

.widget_search {
    position: relative;
}

.widget_search .searchsubmit{    
    border: 0;  
     padding: 0.6em;
    position: absolute;
    top: 1px;
    right: 1px;    
    line-height: 1.3;
    min-width: initial;
    background-color: transparent;
    color: #404040;
}

.widget_search .searchsubmit:hover{
    background-color: transparent;
}

.widget select {
    width: 100%;
}


/* widget lists */

.widget ul {
    list-style: none;
    margin: 0;
}

.widget ul>li,
.widget ol>li {
    margin-bottom: 10px; 
    padding: 0;
}

.widget ul li:last-child,
.widget ol li:last-child{
    margin-bottom: 0;
}

.widget ul>li a,
.widget ol>li a,
li.recentcomments{
    padding-left: 15px;
    position: relative;
} 

.widget ul>li a:before,
.widget ol>li a:before,
li.recentcomments:before{ 
    content: "-"; 
    position: absolute;
    left: 0;
}

.widget li.recentcomments a:before{
    content: none;
}

.widget:not(.widget_tag_cloud) ul li + li {
    margin-top: -1px;
}

.widget ul li ul {
    margin: 0 0 -1px;
    padding: 0;
    position: relative;
}

.widget ul li li {
    border: 0;
    padding-left: 24px;
    padding-left: 1.5rem;
}


/* Widget lists of links */ 

.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
    bottom: 0;
}

.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
    padding-bottom: 0.25em;
    padding-top: 0.25em;
}

.widget_rss ul li {
    border-bottom: 1px dotted #ddd;
    margin-bottom: 1.5em;
    padding-bottom: 1.5em; 
}


/* Widget markup */

.widget .post-date,
.widget .rss-date {
    font-size: 0.81em;
}

/* Text widget */

.widget_text {
    word-wrap: break-word;
}

.widget_text ul {
    list-style: disc;
    margin: 0 0 1.5em 1.5em;
}

.widget_text ol {
    list-style: decimal;
}

.widget_text ul li,
.widget_text ol li {
    border: none;
}

.widget_text ul li:last-child,
.widget_text ol li:last-child {
    padding-bottom: 0;
}

.widget_text ul li ul {
    margin: 0 0 0 1.5em;
}

.widget_text ul li li {
    padding-left: 0;
    padding-right: 0;
}

.widget_text ol li {
    list-style-position: inside;
}

.widget_text ol li + li {
    margin-top: -1px;
}

/* RSS Widget */

.widget_rss .widget-title .rsswidget:first-child {
    float: right;
}

.widget_rss .widget-title .rsswidget:first-child:hover {
    background-color: transparent;
}

.widget_rss .widget-title .rsswidget:first-child img {
    display: block;
}
 

.widget_rss ul li:first-child {
    border-top: none;
    padding-top: 0;
}

.widget_rss li .rsswidget { 
    padding: 0;
    font-size: 18px; 
    line-height: 1.3;
    font-weight: 600;
}

.widget_rss li .rsswidget a:before{
    content: none;
}

.widget_rss .rss-date,
.widget_rss li cite { 
    display: block;
    font-size: 10px;
    font-size: 0.625rem;
    font-style: normal;  
    letter-spacing: 0.18em;  
}

.widget_rss li cite{
    font-weight: 600;
} 

.widget_rss .rss-date {
    margin: 0.5em 0 1.5em;
    padding: 0;
}

.widget_rss .rssSummary {
    margin-bottom: 0.5em;
}

/* Contact Info Widget */

.widget_contact_info .contact-map {
    margin-bottom: 0.5em;
}

/* Gravatar */

.widget-grofile h4 {
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 0;
}

/* Recent Comments */

.widget_recent_comments li.recentcomments{
    border-bottom: 1px dashed #ddd;
    margin-bottom: 15px;
    padding-bottom: 15px;
} 

.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
    border: 0;
}

/* Recent Posts widget */

.widget_recent_entries .post-date {
    display: block;
}

footer .widget_recent_entries li{
    border-bottom: 1px dashed rgba(255,255,255,0.2);
    margin-bottom: 15px;
    padding-bottom: 15px;
}

footer .widget_recent_entries li a{
    padding: 0;
    font-size: 120%;
    color: #fff;
}

footer .widget_recent_entries li a:before{
    content: none;
}

footer .widget_recent_entries li:last-child,
.widget_recent_comments li.recentcomments:last-child,
.widget_rss ul li:last-child,
.widget_categories ul li:last-child{
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}

/* Search */

.search-form {
    position: relative;
}

.search-form .search-submit {
    bottom: 3px;
    padding: 0.5em 1em;
    position: absolute;
    right: 3px;
    top: 3px;
}

.search-form .search-submit .icon {
    height: 24px;
    top: -2px;
    width: 24px;
}

/* Tag cloud widget */

.tagcloud ul li {
    float: left;
    border-top: 0;
    border-bottom: 0;
    padding: 0;
    margin: 4px 4px 0 0;
}

.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
    line-height: 1.5;
}


/* Calendar widget */

.widget_calendar table{
    margin: 0;
}

.widget_calendar th,
.widget_calendar td {
    text-align: center;
}

.widget_calendar tfoot td {
    border: 0;
}



/*--------------------------------------------------------------
15.0 Media
--------------------------------------------------------------*/

img,
video { 
    max-width: 100%; /* Adhere to container width. */
    height: auto;
}

img.alignright {
    float: right;
    margin: 0.375em 0 1.75em 2em;
}

img.alignleft {
    float: left;
    margin: 0.375em 2em 1.75em 0;
}

.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */

embed,
iframe,
object {
    margin-bottom: 1.5em;
    max-width: 100%;
}

/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */

p > embed:only-child,
p > iframe:only-child,
p > object:only-child {
    margin-bottom: 0;
}

.wp-caption,
.gallery-caption {
    color: #666;
    font-size: 13px;
    font-size: 0.8125rem;
    font-style: italic;
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.gallery{ 
    margin-bottom: 20px; 
} 

.gallery > .gallery-item{
    margin: 0 10px 10px 0;
    display: inline-block;
    vertical-align: top;
}

  
/*--------------------------------------------------------------
16.0 Animations
--------------------------------------------------------------*/
 a, .nav-btn a, .btn, input[type="submit"], button, button[type="submit"], .img-animi img, .service-list li .icon:before, li>.sub-menu, .service-box .content, .img-grid .img-item a:after,
 .service-box .front, .filter-toggle, .check-wrap input[type="checkbox"] + label:before, .detail-thumb .slick-slide, .team-fig:before, .img-item a.overlay:before, .hero-banner h2, .hero-banner p, .hero-banner .btn, .hero-banner .content-wrap:before{
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}

#cover {
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0; 
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center; 
  line-height: 1;
}

@keyframes fade-in-up { 
  0% {
    transform: translateY(70px);
    opacity: 0;
  } 
  100% {
   transform: translateY(0);
   opacity: 1;
  }
}

.hero-slider .slick-current h2{ 
  animation: fade-in-up 1s; /* other keywords like "infinite alternate" can be useful here */
}

.hero-slider .slick-current p{
    animation: fade-in-up 2s;
}
 
.hero-slider .slick-current .btn{
    animation: fade-in-up 3s;
}

.hero-banner  .slick-current .content-wrap:before{
    height: 100%; 
    opacity: 1; 
    transition-delay: 3s;
}


#cover.dark-bg{
    background-color: #fff;
    color: #000;
}

.sp {
  width: 50px;
  height: 50px; 
  margin: 15px auto;
}

/* Spinner Circle Rotation */

.sp-circle {
  border: 4px rgba(255, 255,255, 0.2) solid;
  border-top: 4px #e0660f solid;
  border-radius: 50%;
  -webkit-animation: spCircRot .6s infinite linear;
  animation: spCircRot .6s infinite linear;
}

@-webkit-keyframes spCircRot {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
  }
}

@keyframes spCircRot {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

.hero-banner .btn:hover{
    transform: translateY(-2px);
    box-shadow: 0 0 15px rgba(0,0,0,0.3);
}

.img-animi{
    position: relative;
    overflow: hidden;
}

.img-animi:hover img, .team-list .wrap:hover img{
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
} 

.service-list li:hover .icon:before {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
} 

a.scrollUp { 
    position: fixed;
    bottom: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    display: none;
    color: #fff; 
    z-index: 99;
    text-align: center;
    line-height: 2.7;
}

.scrollUp.shw{
    display: block;
}


/*--------------------------------------------------------------
16.0 Additional
--------------------------------------------------------------*/
.mc4wp-form-fields {
    display: flex;
}

.left-sidebar main>.container>.row{
	flex-flow: row-reverse;
}

.no-sidebar main>.container>.row>.left-block{
	-ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.no-sidebar main>.container>.row>.col-sm-9 + .col-sm-3{
	display: none;
}


/*guternberg css */
@media only screen and (min-width: 768px) {

    .alignfull {
        margin-left: calc(50% - 50vw);
        margin-right: calc(50% - 50vw);
        width: auto;
        max-width: 1000%;
    }

    .alignwide {
        margin-left: calc(25% - 25vw);
        margin-right: calc(25% - 25vw);
        width: auto;
        max-width: 1000%;
    }

    .alignwide img,
    .alignfull img {
        display: block;
        margin: 0 auto;
    }
}