/* --------------------------------------------------------
    Theme name:       Ojeen
    Author:           layero.com
    Version:          0.1
    Primary color:    #0ad2ac
    Secondary Color:  #371f1f;
    Text Color:       #444
--------------------------------------------------------- */

/*========================================================*/
/*      TABLE OF CONTENTS:      */
/*========================================================*/
/*  
    01  -   COMMON ELEMENTS - Reset
    02  -   Preloader 
    03  -   Heading
        3.01 - Special Heading (3.01)
        3.01 - Fancy Heading (3.02)
    04  -   Layers - Reset / Styling
    05  -   Button Styles
    06  -   Special Elements
    07  -   header / main Navigation
    08  -   Secondory / Other navigations
    09  -   Social Icons
    10  -   Social Icons
    11  -   Product Filter
    12  -   Contct Section
    13  -   Open Hours
    14  -   404 Page
    15  -   Form 
        15.1 - Comment Form
        15.2 - Custom Checkbox and Radio button
        15.3 - Custom Select Box
        15.4 - Fields with icons (15.3)
        15.5 - Contact form 7 (15.3)
    16  -   Icon Box
    17  -   About Section
    18  -   Testimonial Section
    19  -   Footer
    20  -   Blog
        20.1 - Blog/ if sidebar is active
        20.2 - Pagination
        20.3 - Blog-single
    21  -   Sidebar
    22  -   Comments
    23  -   Reservation
    24  -   Layers Elements
    25  -   Wordpress Defaults
        25.1 - Wordpress Gallery
        25.2 - Worpress Core
    26  -   Animation / Easing and Delay
    27  -   Responsive
        27.1 - layers Responsive
*/


/*--------------------------------------------------------*/
/* COMMON ELEMENTS - Reset - 01 */
/*--------------------------------------------------------*/
* {margin: 0; padding: 0; outline:none;} /* Reset margin and padding to 0 for all elements */
html,
body  {font-family: 'Open Sans', Arial, Helvetica; font-size: 14px; line-height: 1.6em; color: #444; font-weight: 400;}
a {color: #0ad2ac; text-decoration: none;}
a:hover, a:focus {text-decoration: none;}
img {max-width: 100%; height: auto;}
hr {margin: 70px 0;}
iframe, embed, object {vertical-align: top; margin: 0; padding: 0;}
article address, article ol, article ul, article dl{margin-bottom:1.6rem;}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
address {font-style: normal;}
p {font-size: 1em; line-height: 1.6em; margin-bottom: 1.6rem; font-weight: 400;}
h1, h2, h3, h4, h5, h6 {line-height: 1em;}
/*--------------------------------------------------------*/
/*  Preloader  - 02 */
/*--------------------------------------------------------*/
.pre-overlay {position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: #000; z-index: 19999}
#jpreOverlay { background-color: #000;}
#jpreSlide{ font-size:22px; font-weight:bold; color:#ccc; text-align:center; width:50%; height:60px; margin: 0; }
#jpreLoader{ width:600px; max-width: 80%; margin: 60px auto; position: absolute; top: 50% !important; bottom:50% !important; left:0 !important; right: 0 !important; height:2px; border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px; background: rgba(230,230,230,0.05);}
#jpreBar { border-radius:25px; -moz-border-radius:25px; -webkit-border-radius:25px;
    -moz-opacity: 0.6;
    -ms-opacity: 0.6;
    -o-opacity: 0.6;
    opacity: 0.6;
}
#jprePercentage { font-size: 2em; line-height: 2.2em; text-align: center; font-weight: 300;}
#loader { display: block; width: 60px; height: 60px; margin: 0 auto;}

/*--------------------------------------------------------*/
/*  Heading styles 03    */
/*--------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {margin: 0 0 1.6rem 0;}
h1 {font-size: 3.998em;}
h2{font-size: 2.827em;}
h3 {font-size: 1.999em;}
h4 {font-size: 1.414em; font-weight: 700;}
h5 {font-size: 1.1em; font-weight: 700;}
h6 {font-size: 1em;}
.section-heading h1,
.section-heading h3.heading {font-size:2.827em; line-height: 1.4em; margin-bottom: 1em; color: #000; position: relative;}
.section-heading h3.heading,
.section-heading.primary h1,
.section-heading.primary h2,
.section-heading.primary.medium h3,
.section-heading.primary h3,
.section-heading.primary h4,
.section-heading.primary h5,
.section-heading.primary h6 {color: inherit;}
.section-title.medium h3.heading,
.section-title.medium h3 {font-size: 3.998em !important; line-height: 1.4em !important; position: relative; color: #000;}
.section-title.large .heading {font-size: 4.2em; border-bottom: none !important; padding-bottom: 0 !important; margin-bottom: 0 !important;}
.swiper-slide.image-top.text-center .excerpt {color: #fff; font-size: 1.3em;}
.media .heading {text-transform: none;}
.media  h5.heading {font-family: inherit; font-size: 1.1em;}

/* ----------------- Special Heading (3.01)  ------------------- */
.special-heading h1,
.special-subheading h1 {font-size: 3.2em; line-height: 1.4em;}
.special-heading.medium h4 {font-size: 2.827em; font-weight: normal; line-height: 1.4em; margin-bottom: 0px;}
.special-subheading {font-size: 1.3em;}
.special-subheading h3 {font-size: 2.2em; margin-bottom: 12px; color:#fff;}
.special-heading h1 {margin-bottom: 0;}
.swiper-wrapper .section-title .heading + .excerpt {margin: 20px auto 2em;}
.swiper-wrapper .section-title .heading + .excerpt + .button {margin-top: 0}
.media h5.heading {font-size: 1.2em;}
.hidden {display: none;}

/* ----------------- Fancy Heading (3.02)  ------------------- */
.section-heading.fancy-heading {margin-bottom: 90px; text-align: center;}
.fancy-heading h3.heading {margin-bottom: 0; }
/* --- Heading Underline --- */
.bottom-line {width: 28px; height: 16px; margin: 0 auto; position: relative;}
.bottom-line span { width: 12px; height: 12px; border: 1px solid #ededed; display: inline-block; position: absolute; top: 1px; left: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.bottom-line span.heading-sep-two {background: #ededed; left: 0; right: 0; margin: 0 auto;}
.bottom-line span + span + span {right: 0; left: auto;}
.bottom-line:before,
.bottom-line:after {width: 142px; height: 1px; background: #ededed; position: absolute; left: 130%; content: ''; top: 0; bottom: 0; margin: auto;}
.bottom-line:after {left: auto; right: 130%;}

/*--------------------------------------------------------*/
/*  Layers - Reset / Styling (04)    */
/*--------------------------------------------------------*/
.admin-bar section[class*=' off-canvas-'] .close-canvas{top: 32px;}
section[class*=' off-canvas-']{ padding-top: 30px; position: fixed; top: 0; z-index: 1; opacity: 0; -webkit-transform: scale(0.95); transform: scale(0.95); transition: all 0.3s ease-in-out 0s;}
.admin-bar section[class*=' off-canvas-']{ padding-top: 66px;}
.off-canvas-right{ width: 240px; height: 100%; right: 0;}
.off-canvas-left{ width: 240px; height: 100%;}
.off-canvas-top{ width: 100%; height: 200px;}
.open[class*=' off-canvas-']{ opacity: 1; -webkit-transform: scale(1); transform: scale(1); overflow-y: scroll;}
.header-site .sitename {padding-top: 15px; text-transform: none; font-family: inherit;}
.header-site .tagline {font-size: 0.8em; white-space: nowrap; text-transform: none; padding-right: 12px;}
.story p{margin-bottom: 1.6em;}
.story table,
.story table th {font-size: 1em;}
.list-grid,
.widget .container.list-masonry {margin-top: 70px; padding-top: 70px; border-top: 1px solid #eee; margin-bottom: -50px;}
.wrapper-content {padding-top: 0 !important;}
.container {max-width: 100%;}
@media (min-width: 768px) {.container { width: 750px;} }
@media (min-width: 992px) {.container { width: 970px;} }
@media (min-width: 1200px) {   .container { width: 1170px;} }
a.responsive-nav {height: 40px; width: 40px; position: absolute; bottom: 0; top: 0; right: 20px; margin: auto; cursor: pointer;border-radius: 3px; z-index: 20000; text-align: center; }
a.responsive-nav .l-menu {color: inherit; text-align: center;}
.wn_slider {text-align: center;}
.owl-carousel {list-style: none;}
.slider-descriptions {position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: #fff; text-align: center;}
.slider-descriptions .v-center {max-width: 99%}
.slider-descriptions:before {content: ''; display: inline-block; width: 0; height: 100%; vertical-align: middle; margin-left: -2px;}
.slider-buttons {margin-top: 40px;}
.banners-area .slider-navs {}
.banners-area .slider-navs .slide-prev,
.banners-area .slider-navs .slide-next {height: 44px; width: 44px; background: rgba(255, 255, 255, 0.3); display: block; cursor: pointer; position: absolute; left: 20px;top: 0;bottom: 0;margin: auto;line-height: 46px;text-align: center;font-size: 20px;color: #fff; z-index: 200; border-radius:3px;}
.banners-area .slider-navs span .fa {z-index: 100; position: relative; font-size: 22px; /* color: #fff; */width: 34px;height: 34px;display: inline-block;}
.banners-area .slider-navs .slide-next {left:auto; right: 20px; border-radius: 50%;}
.banners-area .slider-navs .slide-prev:hover,
.banners-area .slider-navs .slide-next:hover {background: rgba(255, 255, 255, 0.8); color: #000;}


/*--------------------------------------------------------*/
/*  Button Styles (05)    */
/*--------------------------------------------------------*/
.btn,
.btn-large,
.wpcf7-submit /* Contact form 7 Submit Button */,
.wpcf7-form input[type="submit"] /* Contact form 7 Submit Button */,
.button {line-height: 16px;padding: 10px 20px;margin: 5px;text-align: center;min-width: 146px;text-transform: uppercase;font-size: 13px;font-weight: 700;background: transparent;border: 2px solid #ddd;display: inline-block;}
.button {font-weight: 400;}
.btn-small,
.button.btn-medium {line-height: 18px; font-weight: 400; padding: 8px 15px; font-size: 1em; min-width: inherit;}
.button {border: none; box-shadow: none;}
.btn-submit {padding: 0;}
.btn-submit input[type="submit"] {background: transparent; border: none; color: inherit; padding: 16px 20px; width: 100%; margin: -3px; text-transform: uppercase; font-size: 13px;}
.btn-submit input[type="submit"]:hover {background: transparent; color: #fff;}
.btn-submit .fa {display: none;}

.v-center {display: inline-block; position: relative; vertical-align: middle; z-index: 2000}

/*--------------------------------------------------------*/
/*  Special Elements (06)    */
/*--------------------------------------------------------*/
/* --- Curtains --- */
.section-bg {position: relative; background:#fff; padding: 70px 0;}
.section-wrap {background-repeat: no-repeat; background-position: bottom;}
#header .section-bg {padding:5px 0 0;}
#header.sticky-header .section-bg {padding-top: 0}
.header-site {z-index: 3000; background: #fff; position: relative;}
.header-overlay {position: absolute;}
.blog .header-overlay,
.single .header-overlay {top: 0;}
.header-site .curtain-wrap { position: absolute; top: 100%; left: 0; width: 100%; margin-bottom: 0;}
.curtain-wrap {overflow: hidden; max-width: 100%; height: 20px; margin-bottom: -20px;}
.curtains {height: 7px; position: relative; width: 120%; overflow: hidden; background: inherit; z-index: 10; text-align: left; font-size: 0;}
.curtains svg {vertical-align: top;}
.curtains span {display: inline-block; width: 14px; height: 14px; background: #fff; position: relative; visibility: hidden; box-shadow: 0 2px 1px rgba(0,0,0,0.1); margin-bottom: 100px; margin-top: -10px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
/* --- Pattern --- */
.pattern-bg {background: url(../img/pattern-bg.png) no-repeat center center; width: 936px; margin: 0 auto; max-width: 100%; max-height: 100%;}
.pattern-bg .column {margin-bottom: 0;}
.pattern-wide {background: url(../img/pattern-bg-wide.png) no-repeat center center; width: 1374px;}

/*--------------------------------------------------------*/
/*  header / main Navigation (07)    */
/*--------------------------------------------------------*/
#header {position: absolute; top: 0; left: 0; width: 100%; z-index: 2000}
#header.sticky-header {position: fixed; top: 0; left: 0; right: 0;}
#header.sticky-header .logo img {max-height: 60px;}
#header.sticky-header #navigation ul.menu {margin:10px 0 0;}
#navigation {font-weight: 700; text-transform: uppercase; position: relative; z-index: 2000;}
#navigation ul {list-style: none; padding: 0; position: relative; z-index: 20000; font-size: 13px;}
#navigation ul li {display: inline-block; margin: 0 2px; position: relative;}
#navigation ul li a {display: block; padding: 0 15px; font-weight: normal; color: inherit;} 
#navigation ul.menu > li > a {line-height: 1em; text-transform: uppercase; font-size: inherit; font-weight: 600; padding: 8px 16px; color: inherit; border: 2px solid transparent;}
#navigation ul.menu > li.menu-item-has-children > a { border-radius: 0}

/* --- Layers Header --- */
header.header-site {padding: 0 !important; margin: 0;}
.header-sticky.is_stuck.header-center .logo {display: block !important;}
.header-site .container {padding: 0 20px !important;}
.header-site .header-block {padding: 0 20px;}
.header-site nav {padding:10px 0 22px 0 !important; margin-top: 0 !important;}
.header-site .container.header-block nav { width: 100%;}
.header-left nav,
.header-right nav,
.header-inline nav  {padding-top: 25px !important;}
.header-left nav {float: right;}
.site-logo-link img, .mark img {max-height: inherit !important; vertical-align: top}
.header-center #navigation ul {margin: 0 auto;}
header.header-site .logo {overflow:visible;}

/* --- Sub menu --- */
#navigation ul ul {position: absolute; left: 0; top: 100%; width: 180px; z-index: 2000; background: #fff; text-align: left; display: none; border-radius:0; margin: 0;  color: inherit; opacity: 1; visibility: visible; border: none; 
  -webkit-transition: none !important;
  -o-transition: none !important;
  transition: none !important; 
}
#navigation ul ul li {display: block; margin: 0; border-bottom: none}
#navigation ul ul li a {padding: 7px 15px; color: inherit; opacity: 1;}
#navigation ul ul.sub-menu li a:hover,
#navigation ul ul.sub-menu li:hover > a {background: #fff; color: inherit;}
#navigation ul ul li:first-child a {padding-top: 10px;}
#navigation ul ul li:last-child a {padding-bottom: 10px;}
#navigation ul ul ul {left: 100%; top: 0;}
#header .nav-open #navigation ul.menu {margin-bottom: 10px;}

/*--------------------------------------------------------*/
/*  Secondory / Other navigations (08)    */
/*--------------------------------------------------------*/
.header-secondary {padding: 0; z-index: 9999; position: relative;}
.header-secondary ul {transition: none !important;}
.header-secondary ul li a {padding: 10px; display: inline-block;}
.header-secondary ul li ul.sub-menu {background-color: #333; color: #fff; border: none; visibility: visible; opacity: 1; top: 100%; transition: none !important;}
.header-secondary ul li:hover ul.sub-menu {top: 100%;}
.header-secondary ul li ul.sub-menu .sub-menu {top: 0;}
.header-secondary ul li ul li {border: none;}
.header-secondary ul li ul li a {color: inherit; padding: 8px 10px;}
.nav li:last-child .sub-menu .sub-menu {left: 100%; right:auto;}
ul.menu li ul.sub-menu,
ul.nav li ul.sub-menu {transition: none !important; top:100% !important; /*left: 0;*/ visibility: visible !important; opacity: 1 !important; background: rgba(255,255,255,0.2); border: none;}
.header-secondary ul li ul.sub-menu {background-color: #333;}
ul.menu li ul.sub-menu li a,
ul.nav li ul.sub-menu li a {background-color: transparent;}
ul.menu li:hover ul.sub-menu,
ul.nav li:hover ul.sub-menu {top: 100% !important;}
ul.menu li ul.sub-menu ul.sub-menu,
ul.menu li ul.sub-menu li:hover ul.sub-menu,
ul.nav li ul.sub-menu ul.sub-menu,
ul.nav li ul.sub-menu li:hover ul.sub-menu {top: 0 !important; left: 100%;}
ul.menu ul.sub-menu li,
ul.nav ul.sub-menu li {border: none;}
ul.menu li.menu-item-has-children > a:after,
ul.nav li.menu-item-has-children > a:after {margin-left: 8px; content: "\e605"; font-family: 'layers-icons'; font-weight: normal; font-style: normal; text-decoration: inherit; opacity: 0.4; font-weight: normal; font-size: 8px; vertical-align: middle;}
ul.menu .sub-menu .menu-item-has-children > a:after,
ul.nav .sub-menu .menu-item-has-children > a:after {float: right; padding: 5px 0 0; content: "\e600";}
ul.menu .menu-item-has-children > a:hover:after,
ul.nav .menu-item-has-children > a:hover:after {opacity: 0.8;}
#footer ul.menu ul.submenu {border: none; background-color: rgba(255,255,255,0.6); color: #333}
.nav > ul > li:last-child .sub-menu {right: 0; left: auto;}
.nav > ul > li:last-child .sub-menu .sub-menu {right: 100%; left: auto;}
/* --- Widget Navigations --- */
.widget_nav_menu ul.menu li ul.sub-menu {position: static; margin: 0; padding: 0 0 0 10px;}
.widget_nav_menu ul.menu .sub-menu .menu-item-has-children > a:after, 
.widget_nav_menu ul.nav .sub-menu .menu-item-has-children > a:after {content: "\e605"; padding: 0;  }


/*--------------------------------------------------------*/
/*  Social Icons (09)    */
/*--------------------------------------------------------*/
.social-icons {padding: 0; margin:30px 0 15px; list-style: none;}
.social-icons li {display: inline-block; margin: 0 10px;}
.social-icons li a {display: block; height: 45px; width: 45px; line-height: 45px; font-size:0; text-align: center; position: relative; position: relative;}
.social-icons li a .fa {font-size: 16px; line-height: inherit; position: relative; z-index: 100}
.social-icons li a:before {content: ''; position: absolute; z-index: 0; height: 100%; width: 100%; left: 0; right: 0; background: transparent; border: 1px solid #363636;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 50%;
  -moz-transform-origin: 50%;
  -ms-transform-origin: 50%;
  -o-transform-origin: 50%;
  transform-origin: 50%;
}
.social-icons li a:hover {color: #fff;}
.social-icons li.icon-fb a:hover:before {background: #3a589b; border-color:#3a589b}
.social-icons li.icon-ttr a:hover:before {background: #598dca; border-color: #598dca}
.social-icons li.icon-y a:hover:before {background: #cf3427; border-color: #cf3427}
.social-icons li.icon-gp a:hover:before {background: #d6492f; border-color: #d6492f;}
.social-icons li.icon-ln a:hover:before {background: #007ab9; border-color: #007ab9;}

/*--------------------------------------------------------*/
/*  Social Icons (10)    */
/*--------------------------------------------------------*/
.section {position: relative; overflow: hidden;}
.content-vertical-massive {padding: 5% 0;}
.featured-section {background-size: cover; background-attachment: fixed; padding: 120px 0; color: #fff; position: relative; overflow: hidden;}
.featured-section .container {position: relative; z-index: 100}
.overlay {position: absolute; left: 0; top: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0,0.5);}
.swiper-slide .overlay {position: static;} /* Layers slider style conflict */ 
.parallax-section {position: relative; z-index: 3;}
.parallax-bg {position: absolute; z-index: 1; height: 100%; width: 100%; left: 0; top: 0; overflow: hidden; background-size: cover;}
.section .parallax-bg img {min-height: 100%; width: auto;max-width: inherit;min-width: 100%;height: auto;max-height: inherit;}
.page-header {background-repeat:  no-repeat; background-size: cover; background-attachment: fixed; padding: 0 0 30px 0; position: relative; margin: 0}
.page-header #header,
.page-header .header-overlay {position: relative;}
.page-header #header.sticky-header {position: fixed;}
.page-header .container  {position: relative; z-index: 200;}
.page-header .special-heading  {min-height: 112px; padding-top: 40px;}
.breadcrumb {display: block; margin: 20px 0 0; padding: 0;}
.breadcrumb li {display: inline-block; position: relative; padding: 0 20px 0 10px;}
.breadcrumb li a {color: #fff;}
.breadcrumb li:after {content: "\f054"; font-family: 'fontAwesome'; font-size: 0.6em; position: absolute; right: 0; top: 0; bottom: 0; margin: auto;}
.breadcrumb li:last-child:after {display: none;}
.dark-overlay {background:#000; opacity: 0.3; position: absolute; left: 0; top: 0; height: 100%; width: 100%;}
.page-header .title-container {position: relative; z-index: 1000; background: transparent;}
.page-header .feat-bg,
#footer .feat-bg  {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-attachment: fixed; z-index: 0;}
.feat-bg .background {width: 100%; height: 100%; background-size: cover; background-position: center center;}

/*--------------------------------------------------------*/
/*  Product Filter (11)    */
/*--------------------------------------------------------*/
.filter-gallery {overflow: hidden;}
.filter-nav-wrap {border: 1px solid #ddd; border-left-width: 0; border-right-width: 0; margin-bottom: 90px;}
ul.filter-nav {display: table; list-style: none; padding: 0; margin:0 auto -1px !important; display: table;}
.filter-nav li {display: inline-block; padding: 30px 20px 20px 100px; border-bottom: 1px solid #ddd; height: 110px; border-left: 1px solid #ddd; position: relative; width: 300px; max-width: 100%; display: table-cell;}
.filter-nav li:first-child {border-left: none;}
.filter-nav li a {display: block; color: #000; font-size: 16px;}
.square-icon {height: 45px; width: 45px; position: relative; border: 1px solid #ddd; line-height: 43px; text-align: center; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); display: inline-block; font-size: 22px;}
.square-icon .fa {-webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; line-height: 45px;} 
.filter-nav li .square-icon {position: absolute; left: 26px; top: 0; bottom: 0; margin: auto;}
.filter-nav li strong {font-weight: 500; font-size: 18px; display: block; padding-bottom: 5px;}
.filter-nav li span.menu-time {color: #444; font-size: 12px; display: block; font-weight: 400;}
.filter-items {display: block; list-style: none; margin: -15px -15px -16px;}
.filter-items li {display: inline-block; width: 50%; min-width: 282px; padding: 15px 15px 0;}
.filter-item {position: relative; padding: 30px 0 35px 180px; min-height: 210px; border-bottom: 1px solid #ededed;}
.item-name {font-size: 1.414em;margin-bottom: 10px;line-height: 1.8em;position: relative; color: #000;}
.item-name strong {font-weight: 400;}
h4.item-name {color: inherit;}
.item-image {position: absolute; top: 0; left: 0; bottom: 0; margin: auto; float: left; height: 160px; width: 160px; text-align: center; overflow: hidden;}
.item-image a {overflow: hidden; display: block; border-radius: 50%;}
.item-price {font-size: 1.6em; font-weight: 600; position: absolute; right: 0; top: 0;}
.item-new {height: 46px; width: 46px; display: block; position: absolute; top: 0; right: 0; text-transform: uppercase; text-align: center; line-height: 46px; border-radius: 50%; font-size: 0.8em; font-weight: 600; }

/*--------------------------------------------------------*/
/*  Contct (12)    */
/*--------------------------------------------------------*/
.contact-details { display: block; margin-left:auto; max-width: 380px;}
.contact-details ul {margin: 10px auto 7px; padding: 0; list-style: none; font-weight: 400;}
.contact-details ul li {padding: 7px 0; position: relative; display: table;}
.contact-details ul li div {vertical-align: middle; display: table-cell;}
.contact-details ul li div.icon-div {vertical-align: top; width: 86px; padding:8px 12px;}
.contact-details ul li div.icon-div .square-icon {font-size: 18px;}

/*--------------------------------------------------------*/
/*  Open Hours (13)    */
/*--------------------------------------------------------*/
.open_hours {list-style: none;padding:15px 0 0;margin-left: 160px;position: relative;}
.oh-title {display:block;margin-bottom: 10px;font-weight: 700;color: #000;}
.open_hours ul {padding: 0; text-align: left;}
.open_hours .oh-days {position: absolute;top: 30px;right: 100%;padding-right: 15px;}
.open_hours ul:before {content: "\f017";font-family: 'fontAwesome';position: absolute;right: 100%;top: 80px;font-size: 100px;/* width: 80px; */line-height: 100px;text-align: center;color: #f8f8f8;margin-right: 10px;}
.open_hours li {display: block;padding: 3px 0;}
.oh-days {font-size: 60px;font-weight: 100;color: #555;}
.form-box {position: relative; padding: 46px; background: #fff; box-shadow:0 3px 26px rgba(0,0,0,0.1); margin: 10px auto 60px; min-height: 360px; }
.reserve {margin-bottom: -80px; padding-bottom: 100px;}
.reserve .form-box {max-width: 460px;}
.form-box .btn-submit {width: 160px; margin: 0; display: inline-block;}
.reservation-form {margin-bottom: 40px;}
.ojeen-results {display: none;}
/* --- Google map --- */
.google-map {background: #f5f5f5;}

/*--------------------------------------------------------*/
/*  404 page (14)    */
/*--------------------------------------------------------*/
.error-page {display: block;height: 300px;width: 300px;position: relative; margin: 30px auto;text-align: center;z-index: 100;font-size: 1.2em;padding-top: 80px;}
.error-page:after { content: ''; z-index: 0; margin-bottom: 0; line-height: 1; border: 1px solid #0A0A0A; opacity: 0.4; position: absolute; left: 0; top: 0; height: 100%; width: 100%;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);   
}
.error-page .error_page-title {font-size: 120px;line-height: 1em;}

/*--------------------------------------------------------*/
/*  Form (15)    */
/*--------------------------------------------------------*/
input[type="text"],
input[type="url"],
input[type="password"],
input[type="email"],
input[type="date"], 
textarea,
select {width: 100%; line-height: 20px; padding: 10px; border: none; border-bottom: 1px solid #e0e0e0; margin-bottom: 34px; max-width: inherit; color: inherit; font-family: inherit; font-size: 14px; height: auto; font-weight: 400; background: transparent;}
label {font-weight: normal; margin: 0;}
textarea:focus,
input:focus,
select:focus{border-bottom: 1px solid #e0e0e0;}

/* --- Place holder --- */
::-webkit-input-placeholder { font-style:inherit; color:#444;}
:-moz-placeholder { /* Firefox 18- */ font-style:inherit; color:#444;}
::-moz-placeholder {  /* Firefox 19+ */ font-style:inherit; color:#444; }
:-ms-input-placeholder {  font-style:inherit; color:#444;}

/* --- Comment Form (15.1) --- */
.comment-form input[type="text"],
.comment-form input[type="url"],
.comment-form input[type="password"],
.comment-form input[type="email"],
.comment-form input[type="date"],
.comment-form select {margin-bottom: 34px; text-indent: 28px; height: auto; border: none; border-bottom: 1px solid #e0e0e0;}
.comment-form textarea {text-indent: 28px; height: 100px;}
.comment-form .form-submit {display: inline-block; border: 2px solid #ddd;}
.comment-form .form-submit input[type="submit"] {padding: 14px 16px; text-transform: uppercase; color: #333; background: transparent; min-width: 180px; font-weight: 600; font-size: 13px;}
.comment-list .comment-respond {background: transparent;}

/*---  Custom Checkbox and Radio button (15.2)  --- */
.custom-checkbox input[type="checkbox"] + label,
.custom-radio input[type="radio"] + label {line-height: 15px !important;}
.custom-checkbox input[type="checkbox"] + label::before,
.custom-radio input[type="radio"] + label::before{ vertical-align: top;}
.custom-checkbox input[type="checkbox"],
.custom-radio input[type="radio"]{ position: absolute; opacity: 0; width:15px; height:15px;} /* hide the checkboxes and radios */
.custom-checkbox input[type="checkbox"] + label::before,
.custom-radio input[type="radio"] + label::before { content: ""; display: inline-block; width: 15px; height: 15px; line-height: 15px; margin: 0 8px 0 0; background: #e5e5e5; box-shadow:inset 2px 2px 10px 0px rgba(0,0,0,0.2); vertical-align: top;}
.custom-form input[type="checkbox"]:disabled + label,
.custom-form input[type="radio"]:disabled + label {cursor: default; /* or cursor: no-drop */}
.custom-checkbox input[type="checkbox"]:not(:checked):hover + label::before { content: "\f00c"; font-family: 'FontAwesome'; text-align: center; line-height: 15px; font-size: 10px;} /* hover checkbox (unselected state only) */
.custom-checkbox input[type="checkbox"]:checked + label::before {  content: "\f00c"; font-family: 'FontAwesome'; text-align: center; line-height: 15px; font-size: 10px;color: #333;} /* selected checkbox */
.custom-radio input[type="radio"] + label::before {border-radius: 50%;} /* normal state radio */
.custom-radio input[type="radio"]:hover + label::before { content: "\f111";font-family: 'FontAwesome'; text-align: center; line-height: 15px; font-size: 10px; } /* radio hover (unselected state only) */
.custom-radio input[type="radio"]:checked + label::before { content: "\f111";font-family: 'FontAwesome'; text-align: center; line-height: 15px; font-size: 10px; color: #333;} /* selected radio */
.custom-form input[type="checkbox"]:focus + label,
.custom-form input[type="radio"]:focus + label { outline: dotted 1px; } /* focused checkbox or radio */

/* --- Custom Select Box (15.2) --- */
.custom-select{display: block; vertical-align: top;}
.custom-select select { display: inline-block; -webkit-appearance:none; -moz-appearance:none; appearance:none; cursor:pointer;}
.custom-select select option { background:#FFF;}
.custom-select select option:hover { background:#00f5f5 !important;}
option { background-color: #ffffff; color: #444 ;}
option:nth-child(even) { background-color: #eeeeee;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .custom-select select {padding-right:60px}
}
.custom-select label {position:relative; !important; display:block; padding:0;}
.custom-select label:after { color:#aaa; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); right:8px; top:2px; padding:0 0 2px; position:absolute; pointer-events:none;}
.custom-select label:before {content:"\f078"; right:0px; top:0px; width:54px; height:54px; position:absolute; pointer-events:none; display:block; font-family: 'FontAwesome'; font-size: 16px; line-height: 54px; text-align: center; color: #a5a5a5;}

/* --- Fields with icons (15.3) --- */
.field-wrapper {margin-bottom: 34px; position: relative; float: left; width: 100%}
.field-name:before, .field-email:before, .field-message:before {position: absolute; content: "\f007"; font-family: 'fontAwesome'; left: 15px; top: 0; bottom: 0; height: 20px; width: 20px; margin: auto; text-align: center;}
.field-email:before {content: "\f0e0"} 
.field-message:before {content: "\f075"; top: 12px; bottom: auto;}
.field-wrapper input[type="text"],
.field-wrapper input[type="password"],
.field-wrapper input[type="email"],
.field-wrapper input[type="date"], 
.field-wrapper textarea,
.field-wrapper select {margin-bottom: 0; padding-left: 50px; background: transparent;}
/* --- Contact form 7 (15.3) --- */
.wpcf7-form p input[type="text"], 
.wpcf7-form p input[type="password"], 
.wpcf7-form p input[type="email"], 
.wpcf7-form p input[type="date"], 
.wpcf7-form p textarea, 
.wpcf7-form p select {margin-bottom: 10px;}

/*--------------------------------------------------------*/
/*  Icon Box (16)    */
/*--------------------------------------------------------*/
.icon-box {display: block; padding-left: 100px;}
.icon-x2 {padding-left: 100px;}
.icon-x3 {padding-left: 120px;}
.icon-x4 {padding-left: 140px;}
.icon-top {padding: 0;}
.icon {display: inline-block; height: 60px; width: 60px; line-height: 60px; font-size: 24px; color: #fff;  border-radius: 50%; text-align: center; position: relative;}
.icon .fa {position: relative; z-index: 100;}
.icon:before {content: ''; height: 0; width: 0; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 5px solid transparent; background: transparent; margin: auto; border-radius:50%;}
.icon:after { top: 0; left: 0; padding: 7px; content: '';  position: absolute; height: 100%; width: 100%; border-radius: 50%;}
.icon:hover:before {height: 100%; width: 100%;}
.icon:hover:after {  opacity:0;
  -webkit-animation: icon 0.6s 1; /* Safari 4+ */
  -moz-animation:    icon 0.6s 1; /* Fx 5+ */
  -o-animation:      icon 0.6s 1; /* Opera 12+ */
  animation:         icon 0.6s 1; /* IE 10+, Fx 29+ */
}
.icon-box .icon { margin-left: -90px; float:left;}
.icon-x2 .icon {height: 80px; width: 80px; line-height: 80px; border-radius: 80px; margin-left: -100px; font-size: 34px;}
.icon-x3 .icon {height: 100px; width: 100px; line-height: 100px; border-radius: 100px; margin-left: -120px; font-size: 44px;}
.icon-x4 .icon {height: 120px; width: 120px; line-height: 120px; border-radius: 120px; margin-left: -140px; font-size: 54px;}
.icon-top .icon {text-align: center; margin: 0 0 20px; float: none;}
.icon-small {height: 40px; width: 40px; line-height: 40px; font-size: 22px;}
.icon-medium {height: 80px; width: 80px; line-height: 80px; font-size: 32px;}
.icon-large {height: 100px; width: 100px; line-height: 100px; font-size: 40px;}

/*--------------------------------------------------------*/
/*  About Section (17)    */
/*--------------------------------------------------------*/
.about-feature {width: 350px; max-width: 100%; margin: 0 auto 50px; text-align: center; font-weight: 400;}
.about-feature:last-child {margin-bottom: 0;}
.about-feature .about-icon {margin-bottom: 2.2em;}
.about-feature h5 {font-size: 1.414em; font-weight: 600; font-family: inherit; line-height: 27px; margin-bottom: 15px;}
.about-parallax ul {display: table; margin: 0 auto !important;}


/*--------------------------------------------------------*/
/*  Testimonial Section (18)    */
/*--------------------------------------------------------*/
.testimonial-slider {display: block; max-width: 860px; margin:0 auto 20px; position: relative;}
.testimonial-slider ul {list-style: none; padding: 0; margin: 0;}
.testimonial-slider ul:after {display: table; content: ''; clear: both;}
.testimonial-slider ul li {padding: 0 60px 0px 60px; margin: 0; text-align: center;}
.testimonial-slider p {font-size: 1.15em; line-height: 1.6em; font-style: italic; list-style-position: 0.05em; font-weight: 400;}
.testimonial-slider .client-name {font-size: 18px; font-weight: 500; text-transform: uppercase; margin-top: 2em;}
.testimonial-slider .block-quote {position: relative; font-size: 1.15em;}
.testimonial-slider .block-quote:before, .testimonial-slider .block-quote:after {height: 30px; width: 30px; position: absolute; left: -40px; top: 0; content: "\f10d"; font-family: 'FontAwesome'; font-size: 32px;}
.testimonial-slider .block-quote:after {left: auto; right: -40px; top: auto; bottom: -15px; content: "\f10e"}

/*--------------------------------------------------------*/
/*  Footer (19)    */
/*--------------------------------------------------------*/
#footer {overflow: hidden; padding: 0; position: relative; color: #fff;}
#footer .section-bg {background: transparent; background-attachment: fixed; background-size: initial; padding-bottom: 0; padding-top: 120px; }
#footer .social-icons {margin-top: 0;}
#footer .goto-top {height: 84px; width: 84px; cursor: pointer; margin: 50px auto -60px; overflow: hidden; padding-top: 15px; font-size: 14px;
-webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
}
#footer .goto-top .fa {
  position: absolute; left: 60px; top: 10px;
-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
        transform: rotate(45deg);
}
#footer .copyrights {margin: 30px auto 0; padding-top: 20px; /*border-top: 1px solid #eee;*/ display: table;}
#footer .copyrights .bottom-line {margin-bottom: 20px; opacity: 0.3}
#footer .nav {padding-top: 20px;}
#footer .nav li a {color: inherit;}
#footer .nav li a:hover {text-decoration: underline;}
.footer-widgets {padding: 0 20px;}
.footer-widgets .row {padding-top: 0;}
.footer-widgets #calendar_wrap table#wp-calendar tbody td,
.footer-widgets #calendar_wrap table#wp-calendar thead th,
.footer-widgets #calendar_wrap table#wp-calendar tfoot,
.footer-widgets #calendar_wrap table#wp-calendar tfoot td,
.footer-widgets #calendar_wrap table#wp-calendar tfoot td:first-child,
.footer-widgets #calendar_wrap table#wp-calendar tfoot td:last-child {border: none; color: #fff !important;}
#footer a:hover {color: inherit;}
#footer .widget + .widget {padding-top: 40px;}
#footer .widget select {padding-left: 0;}

/*--------------------------------------------------------*/
/*  Blog (20)    */
/*--------------------------------------------------------*/
.blog-contents {}
.blog-item { display: table; width: 100%; margin: 50px 0; position: relative; table-layout: fixed;}
.blog-item:first-child {margin-top: 0;}
.bi-thumb, .bi-content {width: 50%; position: relative; display: table-cell; vertical-align: middle;}
.sticky-badge {position: absolute; left: 0; right: 0; top: 0; bottom: 0; height: 100px; width: 100px; /*border: 1px solid #ddd;*/ color: #fff; margin: auto; padding-top: 32px; text-align: center; line-height: 1em; font-size: 1.4em; z-index: 1;}
.sticky-badge:before {position: absolute; left: 0; right: 0; top:0; bottom: 0; margin: auto; z-index: -1; content: '';
-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
        transform: rotate(45deg);
-webkit-transform-origin: 50% 50%;
   -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
     -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
}
.single-sticky {padding: 5px 0;}
.single-sticky .sticky-badge {position: relative; display: inline-block; height: auto; width: auto; padding: 5px 10px; }
.single-sticky .sticky-badge br {display: none;}
.single-sticky .sticky-badge:before{
-webkit-transform: rotate(0);
    -ms-transform: rotate(0);
     -o-transform: rotate(0);
        transform: rotate(0);
}

.bi-thumb img {vertical-align: top;}
.bi-thumb .push-bottom {margin-bottom: 0;}
.bi-content-wrap {max-height: 100%; position: relative; padding: 50px 30px 30px 50px; text-align: center; z-index: 100;}
.bi-thumb-right .bi-content-wrap { padding-left: 0; padding-right: 50px;}
.article-content {margin-bottom: 30px; color: #444; font-weight: 400;}
.bi-content-wrap h1,
.bi-content-wrap h4,
.bi-content-wrap h4 > a {font-size: 1.414em; font-weight: 600; font-family: inherit; color: #000; line-height: normal; display: block;}
.bi-content-wrap h4 > span {font-size: 13px; display: inline-block; color: #777; font-weight: 400; margin-top: 3px;}
.bi-readmore {margin-top: 20px; display: inline-block;}
.bi-date {position: absolute; right: -30px; bottom: 0; top: 0; margin: auto;text-align: center; width: 100%; font-size: 1.1em; z-index: 999; height: 60px; width: 60px; background: #eee; color: #333; text-align: center;
-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
        transform: rotate(45deg);
-webkit-transform-origin: 50% 50%;
   -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
     -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
}
.full-width-bi-content {padding: 0;}
.full-width-bi-content .sticky-badge { position: relative; padding: 8px 12px; margin-bottom: 15px; display: table; height: auto; white-space: nowrap;}
.full-width-bi-content .sticky-badge:before {
    -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
         -o-transform: rotate(0deg);
            transform: rotate(0deg);    
}
.bi-date a {color: inherit;}
.bi-thumb-right .bi-date {right: auto; left: -30px;}
.bi-date span {display: inline-block; position: relative; height: 60px; width: 60px; padding: 8px 0; 
-webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
     -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
-webkit-transform-origin: 50% 50%;
   -moz-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
     -o-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
}
.blog-archive {margin: -15px;}
.blog-archive .column {display: block; padding:0 15px; margin: 0;}
.blog-archive .span-12 {width: 100%;}
.blog-archive .span-6 {width: 50%;}
.blog-archive .span-3 {width: 25%;}

/* --- Blog/ if sidebar is active (20.1) ---*/
.span-6 .bi-thumb-right,
.span-9 .bi-thumb-right {margin-top: 50px;}
.span-6 .bi-content-wrap,
.span-6 .bi-thumb-right .bi-content-wrap,
.span-9 .bi-content-wrap,
.span-9 .bi-thumb-right .bi-content-wrap {padding: 30px;}
.span-6 .blog-item, 
.span-6 .bi-thumb, 
.span-6 .bi-content,
.span-9 .blog-item, 
.span-9 .bi-thumb, 
.span-9 .bi-content  {float: none; width: auto; height: auto; display: block; position: relative;}
.span-6 .bi-thumb-left .bi-date,
.span-6 .bi-thumb-right .bi-date,
.span-9 .bi-thumb-left .bi-date,
.span-9 .bi-thumb-right .bi-date {bottom: auto; top: -30px; left: 0; right: 0;}
.span-6 .bi-date span,
.span-9 .bi-date span {text-align: center;}

/* --- Pagination (20.2) --- */
.pagination,
.posts_nav {display: block; margin: 50px 0; font-size: 0;}
#comments .pagination {font-size: 1em;}
.pagination ul,
nav.pagination .nav-links  {display: block; font-size: 0; list-style: none; text-align: center; padding: 0;}
.pagination ul li {display: inline-block; font-size: 12px; margin:0 3px; padding: 0;}
.pagination ul li a,
nav.pagination .nav-links span,
nav.pagination .nav-links a {display: inline-block; line-height: 20px; padding:8px 14px; font-size: 12px; background: #f5f5f5; color: #444; border-radius: 50%; height: 36px; width: 36px; text-align: center; margin:0 3px; vertical-align: top;}
.posts_nav a, .continue_reading, .reade_more {display: inline-block; line-height: 20px; padding:8px 16px; color: #999; border: 2px solid #999;}
.pagination ul li a:hover, 
.pagination ul li.active a,
nav.pagination .nav-links a:hover {color: #fff;}
.posts_nav a:hover, .continue_reading:hover, .reade_more:hover { background: #fff; text-decoration: none; }
nav.pagination .nav-links a.next,
nav.pagination .nav-links a.prev {text-indent: -200px; overflow: hidden; position: relative; text-align: center;}
nav.pagination .nav-links a.page-numbers:after {text-indent: initial; position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; line-height: inherit; font-family: 'fontAwesome'; padding: 8px 0}
nav.pagination .nav-links a.next:after {content: "\f105";}
nav.pagination .nav-links a.prev:after {content: "\f104"}
.posts_nav span {display: inline-block; width: 50%; font-size: 12px;}
.posts_nav a {display: inline-block;}
.posts_nav a .fa {font-size: 16px; display: inline-block; margin-right: 8px;}
.posts_nav span + span a .fa {margin: 0 0 0 8px;}

/* --- Blog-single (20.3) --- */
.post-heading,
.page-heading {margin-bottom: 25px; position: relative; min-height: 60px; padding-left: 120px;}
.page-heading {padding-left: 0;}
.post-heading .bi-date {left: 20px; right: auto; top: 0; bottom: 0; margin: auto;}
.post-heading .section-heading,
.page-heading .section-heading {margin-bottom: 15px;}
.post-heading .searchform {margin-top: 5px;}
.post-heading .column {margin-bottom: 0;}
.post-heading h1,
.page-heading h1 {margin: 0; font-family: inherit; text-transform: capitalize; font-weight: 600;}
.post-heading h1 span,
.page-heading h1 span {display: block; font-size: 13px; color: #999; font-weight: 400; line-height: normal;}
.flexi-thumb {position: relative; margin-bottom: 2em; display: block;}
.flexi-thumb .thumbnail {margin: 0;}
.flexi-thumb img {vertical-align: top;}
.flexi-thumb .post-date { position: absolute; right: 0; bottom: 0;  padding: 12px 30px; text-align: center; line-height: 1.5em; font-size: 1em;}
.flexi-thumb .post-date strong {font-size: 2em; display: block; line-height: 1.2em;}
.flexi-thumb .post-date .meta-info {color: #fff; margin: 0; font-family: inherit;}
.flexi-thumb .post-date .l-clock-o {display: none; }
.flexi-thumb .post-date .single .meta-item {margin-right: 0;}



/*--------------------------------------------------------*/
/*  Sidebar (21)    */
/*--------------------------------------------------------*/
.sidebar ul {list-style: none; padding: 0; margin:0;}
.sidebar ul ul.children {margin-bottom: -15px; position: relative; margin-top: 0; margin-bottom: 0;}
.sidebar ul li,
.sidebar .widget li,
.sidebar .widget li:not(:last-child) {display: block;margin-bottom:0; padding: 10px 0;border: none;position: relative;}
.sidebar ul li:after,
.sidebar .widget li:after,
.sidebar ul ul.children:after {content: '. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .'; width: 120px; position: absolute; bottom: 0; left: 0; overflow: hidden; white-space: nowrap; line-height: 10px; vertical-align: text-bottom; color: #676767; /* height: 25px; */ background: #fff;}
.sidebar ul ul.children:after {bottom: 100%;}
.sidebar .widget li:last-child {padding-bottom: 0;}
.sidebar .widget li:last-child:after {display: none; border: none;}
.sidebar ul li.recentcomments {margin-bottom: 8px !important;}
.sidebar ul li a {display: inline-block; line-height: 22px; padding: 5px 0; color: #444; position: relative;}
.sidebar ul li a:hover {text-decoration: underline;}
.sidebar .widget li span.post-date,
.sidebar .widget li:not(:last-child) span.post-date {display: inline-block; text-align: right; font-size: 0.9em; padding-left: 5px; color: #A5A5A5;}
.sidebar h3,
.sidebar h5.section-nav-title {margin: 0 0 12px; font-weight: 600; text-transform: none; color: #000; font-family: inherit; font-size: 16px;}
.sidebar .content {padding: 0 0 30px 0;}
.sidebar,
.sidebar .content:last-child {margin-bottom: 0; padding-bottom: 0;}
.sidebar .well {background-color: transparent;}
.sidebar-item {/*padding-bottom: 10px;*/}
.sidebar-item + .sidebar-item {margin-top: 30px; padding-bottom: 0;  padding-top: 30px;}
.tagcloud {display: block; font-size: 0;}
.tagcloud a {display: inline-block; vertical-align: top; padding: 6px 18px; line-height: 20px; margin: 2px; background: #e7e7e7; color: #444; font-size: 12px !important; }
.tagcloud a:hover { color: #fff; text-decoration: none;}
.latest-post-blog {font-size: 14px; line-height: 18px;}
ul.latest-post-blog li {border: none; margin-bottom: 10px; line-height: 18px;  border-bottom: 1px solid #dfdfdf; padding-bottom: 12px;}
ul.latest-post-blog li a {color: #444; display: block; padding: 0; background: none; line-height: 1.3em; border: none; display: block; margin-bottom: 3px;}
ul.latest-post-blog li a:hover {text-decoration: none; background: none !important; padding: 0; color: #444;}
ul.latest-post-blog li .post-thumb {float: left; margin:0 10px 0 0;}
ul.latest-post-blog li .post-thumb img {vertical-align: top;}
.latest-post-blog span {font-size: 12px; color: #999;}
.latest-post-blog a:hover span {color: rgba(255,255,255,0.6);}
.sidebar ul li.recentcomments {padding: 0 0 5px;}
.sidebar ul li.recentcomments a {display: inline-block !important; padding:0 5px !important; color:#444;}
.sidebar ul li.recentcomments a:hover {background: #fff;}

/* --- Search form widget --- */
.searchform {position: relative; overflow: hidden;}
.searchform div {}
.searchform label {display: none;}
.searchform div:after {height: 40px; width: 46px; position: absolute; top: 0; right: 0; content: "\f002"; font-size: 16px; font-family: 'FontAwesome'; line-height: 42px; text-align: center; color: #000; border: 1px solid #e7e7e7; border-left: none; z-index: 110;}
.searchform input[type="text"] {padding: 10px 50px 10px 16px; margin-bottom: 0; border: none; position: relative; z-index: 100; border: 1px solid #e7e7e7; width: 100%; height: 42px;}
.searchform input[type="text"]:focus {}
.searchform input[type="submit"] {position: absolute; top: 0; right:0; height: 40px; width: 46px; background: transparent; border: none; z-index: 1000; cursor: pointer; text-indent: -200px; overflow: hidden; border-radius:0;}
.searchform input[type="submit"]:hover {background: transparent;}
.searchform input[type="submit"]:hover + .searchform div:after {color: #fff;}
.searchform input[type="text"]:focus + input[type="submit"] {margin-right: 0;}


/*--------------------------------------------------------*/
/*  Comments (22)    */
/*--------------------------------------------------------*/
.wp_comments {margin-top: 50px; padding-top: 50px; border-top}
.wp_comments ul {display: block; list-style: none; padding: 0;}
.wp_comments ul li ul{ margin-top: 40px;}
.wp_comments ul li {display: block; padding: 10px 0 10px 80px; position: relative; min-height: 80px; margin-bottom: 30px;}
.wp_comments ul li ul li {margin-bottom: 0;}
.comment-list .bypostauthor {font-style: italic; color: #000;}
.comment-list li ul.children li.bypostauthor {font-style: italic; color: #000;}
.wp_comments ul li .comment_avatar {display: block; position: absolute; top:10px; left: 0; height: 70px; width: 70px;}
.wp_comments ul li .comment_details {display: block; margin-bottom: 8px; font-weight: 700; color: #000;}
.wp_comments ul li .commenter_name {display: inline-block; padding: 0 8px 0 0;}
.wp_comments ul li .comment_details span {display: inline-block; padding: 0 5px; line-height: inherit;}
.wp_comments ul li .comment_message p {margin-bottom: 1.25em; color: #444666;}
.comment-reply-link {display: inline-block; margin-left: auto; padding: 5px 12px 5px 25px; border-radius: 3px; position: relative;}
.comment-reply-link:before {float: left; margin-left: -20px; width: 20px; content: "\f112"; font-family: 'fontAwesome'}
.comment-reply-link:hover {color: #fff; text-decoration: none;}
.comment-form-author,
.comment-form-email,
.comment-form-url,
.field-holder,
p.field-holder  {position: relative; margin-bottom: 20px;}
p.field-holder:after, 
.searchform:after {content: ''; height: 1px; width: 0; position: absolute; left: 0; bottom: 0; z-index: 1000;}
p.holder-focus:after, 
.search-focus:after {width: 100%;}
.field-holder label {position: absolute;top: 14px;left: 10px;display: inline-block;padding-left: 60px; font-size: 1em;}
.field-holder label:after {height: 37px;width: 37px;border: 1px solid #ddd;line-height: 35px;text-align: center;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);display: inline-block;content: '';position: absolute;left: 0;top: -8px;}
.field-holder label:before {content: "\f007";font-family: 'fontAwesome';width: 40px;display: inline-block;height:22px;position: absolute;left: 0;text-align: center; font-size: 16px;}
.holder-focus label {width: 60px; font-size: 0;}
.holder-focus label span {display: none;}
.field-holder input[type="text"], .field-holder input[type="url"], .field-holder input[type="password"], .field-holder input[type="email"], .field-holder input[type="date"], .field-holder textarea, .field-holder select {padding:15px 15px 35px 70px; text-indent: 0; margin-bottom: 0;}
.field-holder textarea {padding-bottom: 15px; vertical-align: top}
.comment-notes {margin: 20px 0 40px;}

.comment-form-author label:before,
.author-field label:before {content: "\f007";}
.comment-form-email label:before,
.email-field label:before {content: "\f0e0"}
.comment-form-url label:before,
.url-field label:before  {content: "\f0ac"}
.comment-form-comment label:before,
.field-comment label:before  {content: "\f075"}
h3.comment-title,
h3.comment-reply-title,
.section-title.small h3.heading {font-family: inherit; font-weight: 600; font-size: 2rem; margin-bottom: 2.75rem;} 

/* --- Comment list Walker --- */
.comment-list {}
.comment-list .pingback,
.comment-list .comment,
.comment {background: none;margin: 0 0 15px 100px;padding: 20px;border: 1px dashed #e0e0e0;clear: both;background: transparent;}
.comment-list .pingback {margin-left: 0;}
.comment h1,
.comment h2,
.comment h3,
.comment h4,
.comment h5,
.comment h6 {font-family: inherit;}
.comment,
.comment .comment { margin-top: 30px;}
.comment:first-child {margin-top: 0;}
.comment .avatar {margin: 0;}
.comment .copy.small {font-size: 1em;}
.comment .avatar .avatar-image {position: absolute;left: -100px;top:0;}
.comment .avatar .avatar-image:after {content: '';border-top: 1px dashed #e0e0e0;width: 26px;left: 100%;top: 0;bottom: 0;margin: auto;position: absolute;height: 0;z-index: 0;}
.avatar .avatar-body .avatar-name {display: inline-block; margin: 0 10px 0 0; font-family: inherit;}
.copy a:not(.button), .story a:not(.button) {border: none; padding: 0}
.comment-reply-link:before {display: none;}
.comment .avatar .avatar-body small {color: #A5A5A5; font-size: 1em; }
.comment-list small {font-size: 0.8em;}

/* --- Widget - Calendar -- */
#wp-calendar {background: none !important; font-size: 1em;}
#wp-calendar caption {padding: 5px 0;}
table#wp-calendar {border: none; overflow: visible;}
#calendar_wrap thead th {color: #454545 !important}
#calendar_wrap tbody td {border: 1px solid #ddd; color: #454545;}
table#wp-calendar th, table#wp-calendar td {padding: 12px 6px; text-align: center; border-collapse: collapse; border: 1px solid #ededed; font-size: 1em; color: inherit;}
table#wp-calendar tfoot td {text-align: left; border: none; border-bottom: 1px solid #ededed;}
table#wp-calendar tfoot td:first-child {border-left: 1px solid #ededed;}
table#wp-calendar tfoot td:last-child {border-right: 1px solid #ededed;}
.sidebar .widget_rss ul li {margin-bottom: 30px !important;}
a.rsswidget {font-weight: 700}
.rss-date {display: block; padding: 0 0 5px; font-size: 0.9em; font-style: italic;}
.sidebar .widget_rss ul li cite {display: block; margin-top: 5px;}
.layers-contact-widget .layers-map {margin-bottom: -4%;}
.row .span-3 + .span-6:nth-child(2n+3){ 
  clear: none;
}
.section.widget {margin: 0;}

.media-image {position: relative; overflow: hidden;}
.media-image:after {content: ''; position: absolute; left: -10%; top: -10px; height: 300%; width:0; box-shadow: 0 0 82px 20px rgba(255,255,255,01);
-webkit-transform-origin: 0 0;
   -moz-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
     -o-transform-origin: 0 0;
        transform-origin: 0 0;
-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
        transform: rotate(45deg);
}
.media-image:hover:after {
    left: 300%; 
}
.meta-info {font-size: inherit; color: inherit;}

/*  --- Sidebar calander --- */
#wp-calendar {background: rgba(0,0,0,0.5); color: inherit;}
#calendar_wrap caption {margin:0 0 10px; font-size: 1.3em;}
#calendar_wrap thead th {text-align: center; text-align: center; color: inherit;}
#calendar_wrap tbody td {text-align: center;}
#calendar_wrap tbody td a {font-weight: bold;}
#calendar_wrap tfoot {border: 1px solid rgba(255,255,255,0.2);}
#calendar_wrap tfoot td {border: none;}

/* Sidebar search form --- */
.searchform {position: relative; overflow: hidden;}
.searchform div {}
.searchform label {display: none;}
.searchform div:after {height: 40px; width: 46px; position: absolute; top: 0; right: 0; content: "\f002"; font-size: 20px; font-family: 'FontAwesome'; line-height: 42px; text-align: center; color: #000; border: none; border-left: none; z-index: 110;}
.searchform input[type="text"] {padding: 10px 50px 10px 0; margin-bottom: 0; border: none; position: relative; z-index: 100; border-bottom: 1px solid #e0e0e0; width: 100%;}
.searchform input[type="text"]:focus {}
.searchform input[type="submit"],
section[class*=" off-canvas-"] .searchform input[type="submit"] {position: absolute; top: 0; right:0; height: 40px; width: 46px; background: transparent; border: none; z-index: 1000; cursor: pointer; text-indent: -200px; overflow: hidden; border-radius:0;}
.searchform input[type="submit"]:hover + .searchform div:after {color: #fff;}
.searchform input[type="text"]:focus + input[type="submit"] {margin-right: 0;}
input[type="button"], input[type="submit"], button, .form-submit input[type="submit"], .invert input[type="button"], .invert input[type="submit"], .invert .form-submit input[type="submit"] {background-color: transparent}

.ojeen-results,
.reservation-email-success {display: none;}
.alert {padding: 12px 16px; text-align: center; background: #d6f2e3; color: #21593A; margin-bottom: 20px; border-radius: 3px;}

/*--------------------------------------------------------*/
/*  Reservation (23)    */
/*--------------------------------------------------------*/
.reservation-field {position: relative; padding-left: 60px; border-bottom: 1px solid #e0e0e0; margin-bottom: 15px;}
.reservation-field .custom-select label::before {top: 10px;}
.ojeen_contact_form .reservation-field {margin-bottom: 0;}
.reservation-field input[type="text"],
.reservation-field select,
.reservation-field textarea,
.reservation-field input[type="number"],
.reservation-field input[type="email"] {border: none; margin:20px 0;}
.reservation-field textarea {vertical-align: top; line-height: 30px; padding-top: 55px; height: 140px;}
.reservation-field span.square-icon {position: absolute; left: 12px; top: 0; bottom: 0; margin: auto; height: 37px; width: 37px; line-height: 35px; font-size: 16px;}
.reservation-field span.square-icon  .fa {line-height: 37px;}
.ojeen_contact_form .required {vertical-align: text-top;font-size: 20px;font-family: Arial, Helvetica; padding-left: 6px;font-weight: 400;}
.button-wrap {margin-top: 40px;}
.footer-site .widget,
.footer-site .widget .section-nav-title {color: #fff;}
.dtp .dtp-buttons .btn {float: right; min-width: initial;}

/*--------------------------------------------------------*/
/*  Layers Elements (24)    */
/*--------------------------------------------------------*/
.section-title {margin-bottom: 0; background-color: transparent;}
.section-title .excerpt,
.media .heading + .excerpt {font-size: 1em; line-height: 1.6em; color: inherit;}
.off-canvas-right.open {z-index: 100; background: #fff; overflow: auto; box-shadow: 0 0 13px rgba(0,0,0,0.2);}
section[class*=" off-canvas-"] {padding-top: 80px; color: inherit; font-size: 1em;}
section[class*=" off-canvas-"] li,
section[class*=" off-canvas-"] li a {color: inherit;}
.admin-bar section[class*=" off-canvas-"] .nav-mobile {padding: 0 20px; display: block;}
.nav-vertical a {font-weight: 400; font-size: 13px; text-transform: uppercase;}
.admin-bar section[class*=" off-canvas-"] {padding-top: 62px;}
section[class*=" off-canvas-"] .close-canvas {height: 40px; width: 40px; position: absolute; top: 20px; left: 20px; cursor: pointer; border-radius: 3px; z-index: 20000; text-align: center; line-height: 32px; font-size: 16px; }
.admin-bar section[class*=" off-canvas-"] .close-canvas {top: 42px;}
section[class*=" off-canvas-"] .searchform input[type="text"] {background: transparent; border-width: 0; border-bottom: 1px solid #e0e0e0;}
section[class*=" off-canvas-"] .nav {display:block; padding-top: 20px;}
section[class*=" off-canvas-"] .nav-vertical li {padding: 15px 0; position: relative;}
section[class*=" off-canvas-"] .nav-vertical li:last-child {padding-bottom: 0;}
section[class*=" off-canvas-"] .nav-vertical li:after,
section[class*=" off-canvas-"] .nav-vertical li ul.sub-menu:after {content: '. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .'; width: 120px; position: absolute; bottom: 0; left: 0; overflow: hidden; white-space: nowrap; line-height: 10px; vertical-align: text-bottom; /* height: 25px; */ background: #fff;}
section[class*=" off-canvas-"] .nav-vertical li ul.sub-menu:after {bottom: 100%;}
.header-secondary nav {font-size: 0.9em;}
.nav-horizontal li a {font-weight: 400;}
.site-description {padding:0; margin: 0 !important; display: inline;}
.header-right .logo {float: right;}
.header-left .logo {float: left;}
/* -- Layers Badge --- */
.created-using-layers {font-size: 0;}
.created-using-layers:after {content: 'Built with Layers' !important; line-height: 1.3em; padding: 5px 12px;}
.column.span-3 + .column.span-6 + .column.span-3 {margin-left: 0;}

.post-password-form label {display: inline-block;}
.post-password-form input[type="password"] {margin-bottom: 10px; width: auto;padding: 6px 10px;height: auto;margin: 0;}
.post-password-form input[type="submit"]  {padding: 9px 12px;vertical-align: top;}
.wrapper-site {width: auto !important; margin: 20px; box-shadow: 0 0 30px rgba(0,0,0,0.5);}
.wrapper-site .l-left-arrow:before,
.wrapper-site .l-right-arrow:before {content: "\f177"; font-family: 'fontAwesome';}
.wrapper-site .l-right-arrow:before {content: "\f178";}


/*--------------------------------------------------------*/
/*  Wordpress Defaults (25)    */
/*--------------------------------------------------------*/
/* --- Wordpress Gallery (25.1) ---- */
.gallery {display: block; margin: 0 -15px;}
.gallery .gallery-item {margin: 0; padding: 15px; position: relative;}
.gallery .gallery-item a {display: inline-block; position: relative; overflow: hidden; box-shadow: 0 0 1px rgba(0,0,0,0.2);}
.gallery .gallery-item a:hover {box-shadow: none;}
.gallery .gallery-item a img {/*border:none !important; border-color: transparent; */}
.gallery .gallery-item a:hover img {
      -webkit-transform: scale(1.05);
      -moz-transform: scale(1.05);
      -ms-transform: scale(1.05);
      -o-transform: scale(1.05);
      transform: scale(1.05);
}
.gallery .gallery-item a:after {content: ''; background: #000; opacity: 0; position: absolute; top: 100%; left: 0; width: 100%; height: 100%;}
.gallery .gallery-item a:hover:after {top: 0; opacity: 0.2;}

/* --- Worpress Core (25.2) --- */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float:right; margin: 5px 0 20px 20px;}
.alignleft {float: left; margin: 5px 20px 20px 0;}
a img.alignright {float: right; margin: 5px 0 20px 20px;}
a img.alignnone {margin: 5px 20px 20px 0;}
a img.alignleft {float: left; margin: 5px 20px 20px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption {background: #fff; border: 1px solid #f0f0f0; padding: 5px; text-align: center;}
.wp-caption.alignnone {margin: 5px 20px 20px 0;}
.wp-caption.alignleft {margin: 5px 20px 20px 0;}
.wp-caption.alignright {margin: 5px 0 20px 20px;}
.wp-caption img {border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto;}
.wp-caption p.wp-caption-text {font-size: 0.8em; line-height: 1em; margin: 0; padding: 10px 5px 5px ;}
.gallery-caption {color: #888; font-size: 1em; margin:-24px 0 24px 0;}
.bypostauthor {background:inherit;}
.commentlist .bypostauthor {background:inherit;}
.wp-audio-shortcode {margin-bottom: 10px;}
pre {white-space: pre-wrap; padding: 20px;}
sup {vertical-align: super;}
sub {vertical-align: sub;}
q {  quotes: "“" "”" "‘" "’";}
q:before { content: open-quote;}
q:after { content: close-quote;}

blockquote,
.wp_comments .comment_message blockquote { padding: 20px; margin-bottom: 1.8rem; background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.55); margin:15px 0;}
.post-content blockquote p:last-child,
.wp_comments .comment_message blockquote p:last-child {margin-bottom: 0;}

table {border: none; border-collapse: collapse;}
table th,
table td,
table tr:last-child th,
table tr:last-child td {border: 1px solid #ededed; border-collapse: collapse;}

.story img {max-width: 100%;}
.button.btn-large {font-size: 13px; font-weight: 700; padding: 12px 10px; min-width: 160px;}
.section-title.large .btn-large {border: 2px solid #ddd; background: transparent;}

.bi-contemt-wrap .article-content,
.content-main .story,
.content-main .article-content {font-size: 1em;}
.ui-datepicker {margin: 0 !important;}

/* --------------------------------------------------------------------------
    Post content
    */
.post-content address,
.wp_comments .comment_message address { margin-bottom: 1.8rem;}
.post-content img {max-width: 100%;}
.post-content .mejs-controls a.mejs-horizontal-volume-slider {border: none;}
.post-content a:not(.button):hover{ border-color: #999;}
.post-content ul,
.wp_comments .comment_message ul,
.post-content ol,
.wp_comments .comment_message ol {list-style: disc; margin: 0 0 1.8rem 25px;}
.post-content ul li,
.wp_comments .comment_message ul li,
.post-content ol li,
.wp_comments .comment_message ol li { margin: 0 0 6px; min-height: inherit; display: list-item; padding-left: 0;}
.wp_comments .comment_message ul li:before,
.wp_comments .comment_message ol li:before {display: none;} 
.post-content ol,
.wp_comments .comment_message ol,
.post-content ol li,
.wp_comments .comment_message ol li,
.post-content ul ol > li {list-style: decimal}
.post-content ol ul > li {list-style: disc;}
.post-content ul ul,
.post-content ul ol,
.post-content ol ol,
.post-content ol ul,
.wp_comments .comment_message ul ul,
.wp_comments .comment_message ul ol,
.wp_comments .comment_message ol ol,
.wp_comments .comment_message ol ul { margin-bottom: 0;}
.post-content .feature-list { list-style: none; margin-left: 15px;}
.post-content dl,
.wp_comments .comment_message dl {margin: 0 0 26px;}
.post-content dd,
.wp_comments .comment_message dd {margin-left: 36px;}
.post-content img,
.wp_comments .comment_message img { display: block; max-width: 100%; height: auto;}
.wp_comments .comment_message h1 { margin-bottom: 26px; padding-top: 16px; /*font-size: 3.2rem; font-weight: 700;*/}
.wp_comments .comment_message h2 { margin-bottom: 26px; padding-top: 16px; font-size: 2.2rem;}
.wp_comments .comment_message h3 { margin-bottom: 26px; padding-top: 12px; font-size: 2.0rem;}
.wp_comments .comment_message h4 { margin-bottom: 26px; padding-top: 10px; font-size: 1.8rem;}
.wp_comments .comment_message h5 { margin-bottom: 26px; padding-top: 8px; font-size: 1.4rem;}
.wp_comments .comment_message h6 { margin-bottom: 26px; padding-top: 5px; font-size: 1.4rem;}
.post-content table,
.wp_comments .comment_message table  {margin-bottom: 1.8rem;}
.post-content table th,
.wp_comments .comment_message table th {text-transform: uppercase;}
.section .post-content table th, 
.section .post-content table td,
.wp_comments .comment_message table th,
.wp_comments .comment_message table td {border:none; border-bottom: 3px solid #fff; border-collapse: collapse;}
blockquote,
.copy blockquote,
.wp_comments .comment_message blockquote { padding: 20px; margin-bottom: 1.8rem; background: rgba(0, 0, 0, 0.05); color: rgba(0, 0, 0, 0.55); margin:15px 0; font-size: 1em;}
blockquote p:last-child,
.copy blockquote p:last-child,
.post-content blockquote p:last-child,
.wp_comments .comment_message blockquote p:last-child {margin-bottom: 0;}
small {font-size: 0.9em;}
.post-content > *:last-child {margin-bottom: 0;}
.post-content .video-player {margin-bottom: 10px;}
.post-thumbnail img {margin-bottom: 18px;}

.video-wrapper {display: table; margin: 0 auto;}

/* --------------------------------------------------------------------------
    WP Captions
    */
.wp-caption{ max-width: 100%; padding: 10px;}
.wp-caption.alignright,
.post-content img.alignright{ float: right; max-width: 320px; margin: -10px 0 10px 20px;}
.wp-caption.alignleft{ float: left; max-width: 320px; margin: 0 20px 10px 0;}
.wp-caption p.wp-caption-text{ padding: 10px 5px 5px; margin: 0;}
.wp-caption.alignnone{ margin: 5px 20px 20px 0;}
.post-password-form label {display: inline-block; clear: both;}
.post-password-form input[type="password"] {margin-bottom: 10px;width: auto;padding:5px 10px; height: 30px; line-height: 20px; margin: 0;display: inline-block;border: none;border: 1px solid #ddd;}
.post-password-form input[type="submit"]  {padding: 5px 12px; height: 30px; vertical-align: top; line-height: 20px; margin: 0; font-size: 1em;}
p.edd-lost-password {margin: 20px 0 0;}
.edd-lost-password a,
.edd-lost-password a:hover {color: inherit; border: none;}

/* --- Sticky header --- */
.scrolled-header {transform:translateY(-150px); opacity: 0;}
.scrolled-header.is_stuck_show {transform:translateY(0); opacity: 1;}
.header-sticky.is_stuck.is_stuck_show {
  -webkit-animation: sticky_header 0.5s 1; /* Safari 4+ */
  -moz-animation:    sticky_header 0.5s 1; /* Fx 5+ */
  -o-animation:      sticky_header 0.5s 1; /* Opera 12+ */
  animation:         sticky_header 0.5s 1; /* IE 10+, Fx 29+ */
}
@-webkit-keyframes sticky_header {
  0%   { transform:translateY(-150px); opacity: 0;}
  100% { transform:translateY(0); opacity:1; }
}
@-moz-keyframes sticky_header {
  0%   { transform:translateY(-150px); opacity: 0;}
  100% { transform:translateY(0); opacity:1; }
}
@-o-keyframes sticky_header {
  0%   { transform:translateY(-150px); opacity: 0;}
  100% { transform:translateY(0); opacity:1; }
}
@keyframes sticky_header {
  0%   { transform:translateY(-150px); opacity: 0;}
  100% { transform:translateY(0); opacity:1; }
}

/*--------------------------------------------------------*/
/*  Animation / Easing and Delay (26)    */
/*--------------------------------------------------------*/
#header,
.header-sticky,
.logo img,
.section-bg,
#navigation ul li a,
.btn,
#footer .goto-top,
.bi-thumb:after, .bi-content:after,
.icon:after,
.icon,
.banners-area .slider-navs .slide-prev,
.banners-area .slider-navs .slide-next,
.comment-form .form-submit,
.field-holder label,
p.field-holder:after,
.searchform:after,
.searchform div:after,
.social-icons li a:before {
-webkit-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 300ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
}
.thumb:after,
.media-image:after
{
-webkit-transition: all 1000ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 1000ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: all 1000ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 1000ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
}

.item-image,
.item-new {
-webkit-transition: all 2000ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition: all 2000ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition: all 2000ms cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition: all 2000ms cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */

-webkit-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
   -moz-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
     -o-transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); 
        transition-timing-function: cubic-bezier(0.250, 0.100, 0.250, 1.000); /* ease (default) */
}

@-webkit-keyframes icon {
  0%   { 
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }
  100% { 
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@-moz-keyframes icon {
  0%   { 
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }
  100% { 
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@-o-keyframes icon {
  0%   { 
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }
  100% { 
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }
}
@keyframes icon {
  0%   { 
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  60% {
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    -ms-transform: scale(0.6);
    transform: scale(0.6);
  }
  100% { 
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    transform: scale(0.9);
  }


}


/*--------------------------------------------------------*/
/*  Responsive (27)    */
/*--------------------------------------------------------*/
@media(max-width: 1199px) and (min-width: 992px) {
    .bi-thumb, .bi-content { height: 270px;}
    .bi-contemt-wrap p {line-height: 1.4em;}
    #navigation ul li {margin: 0; padding: 0;}
    #navigation ul li a {padding:  8px 14px}
    .filter-items li {width: 33.333%; text-align: center;}
}
@media(min-width: 1024px) {
  .navigation-wrap {display: block !important;}
}
@media(max-width: 1023px) { 
  	#header {position: relative;}
  	.nav-trigger {display: block;}
  	.navigation-wrap {display: none; }
  	#navigation {}
  	#navigation ul li {display: block;}
  	#navigation ul li ul {position: static; height: auto; width: auto; border-radius: 0 0 3px 3px; text-align: right;}
  	#navigation ul li ul ul {border: 2px solid #fff; border-top: none; margin: 0 5px; }
  	#navigation ul li ul ul li:last-child a {border-radius: 0 0 3px 3px}
  	#navigation ul ul li:first-child a {border-radius: 0;}
  	.special-heading h1,
    .special-heading h3 {font-size: 3em;}
  	.special-subheading h3 {font-size: 1.5em;}
  	.slider-descriptions p {line-height: 1.2em;}
  	.slider-buttons {margin-top: 20px;}
  	.slider-buttons .btn {padding: 8px 20px; font-size: 1.1em;}

  	.event-listing {margin-top: 50px;}
  	.filter-nav li {min-width: inherit; margin: 0 8px;}
  	.filter-items li {width: 33.333%;}
    
    .bi-thumb-right {margin-top: 50px;}
    .bi-content-wrap,
    .bi-thumb-right .bi-content-wrap {padding: 30px;}
  	.blog-item, .bi-thumb, .bi-content {float: none; width: auto; height: auto; display: block; position: relative;}
    .bi-thumb-left .bi-date,
    .bi-thumb-right .bi-date {bottom: auto; top: -30px; left: 0; right: 0;}
    .bi-date span {text-align: center;}

    .featured-section img {width: auto; min-width: 100%; min-height: 100%; max-width: inherit;}
    .pattern-bg {background-color: inherit !important; margin-bottom: -100px;}
    .pattern-wide {margin-bottom: 0;}
}
@media(min-width: 992px) {
    .wrapper-content {padding-top: 0 !important;}
    /*---------------------------*/
    /*- NAV DISPLAY -------------*/
    .header-left #navigation nav > ul {display: block; margin-left: auto; margin-bottom: 0;}
    .nav-horizontal ul{ display: inline-block; }
    .responsive-nav,
    section[class*=' off-canvas-'] .nav-mobile {display: none; }
}
@media(max-width: 991px) {
    .header-sticky.is_stuck {position: absolute !important;}
    .header-sticky.is_stuck.header-overlay {position: absolute !important;}
    .open_hours {text-align: center;}
    .icon-box  {margin-bottom: 30px; border-bottom: 1px solid #eee; padding-bottom: 25px;}
    .filter-items li {width: 50%; }

    .nav-horizontal ul{display:none;}
    .responsive-nav,
    section[class*=' off-canvas-'] .nav-mobile {display: block;}
    .section-title.medium h3.heading, .section-title.medium h3{margin-top: 0px; font-size: 6vw !important;}
    .content-vertical-massive{padding: 8% 0;}
    .special-heading.medium h4{font-size: 4vw;}
    .section-title.large .heading {font-size: 7vw;}
    .about-contents .col-md-12,
    .contct-contents .col-md-12 {width: 100%; padding: 0; margin: 0;}
    .about-parallax {margin-top: 60px;}
    .filter-nav li {padding: 10px; height: auto; text-align: center;}
    .filter-nav li .square-icon {display: none;}
    .filter-item {padding: 20px; text-align: center;}
    .item-image {position: relative; margin-bottom: 15px; float: none;}
    .item-price {position: relative; margin-left: 10px;}
    .offset-left-1 {margin-left: 0; }
    .contact-details {max-width: initial; margin-bottom: 15px;}

    .header-center .header-block nav,
    .nav-clear .header-block nav {position: absolute; right: 0; width: auto; top: 15px;}
    a.responsive-nav {top: 0; right: 0; position: relative; margin: 0 0 0 auto;}
    .header-center .header-block nav a.responsive-nav, 
    .nav-clear .header-block nav a.responsive-nav {right: 20px;}
    .header-right a.responsive-nav {margin-right: auto; margin-left: 0;}
    .inline-right-nav a.responsive-nav {top: 18px;}
}
@media (min-width: 769px) {
}
@media(max-width: 768px) {
  .created-using-layers{position: absolute;}
  .sidebar.span-3 {float: none; width: auto;}
}
@media(max-width: 767px) {
  	.filter-items li {width: 50%;}
  	.slider-descriptions p {display: none;}
  	.thumb-listing {margin-bottom: 15px;}
  	.gap-50 {display: none;}
  	.section-heading h1,
    .section-heading h3 {font-size: 2.2em;}
    .section-title.medium h3.heading, .section-title.medium h3{margin-top: 0px; font-size: 6vw !important;}
    .content-vertical-massive{padding: 10% 0;}
  	.pattern-bg .form-box {margin: 0 auto 60px;}
    .wp_comments ul li .comment_avatar {position: relative; top: auto;}
    .wp_comments ul li {padding-left: 0; margin: 0;}
    .wp_comments ul ul {margin-left: 0; border-left: 5px solid #ddd; padding-left: 16px;}
    .created-using-layers {display: none;}
    .special-heading.medium h4{font-size:1.999em;}
    hr{margin: 6% 0;}
    #footer .section-bg {padding-top: 12%;}    
    .filter-nav-wrap {margin-bottom: 0; border: none;}
    ul.filter-nav {display: block; margin: 0; padding: 0;}
    .filter-nav li,
    .filter-nav li:first-child {margin:0 auto 10px;}
    .filter-nav li strong {padding: 0;}
    .filter-nav li span.menu-time {display: none;}
    .oh-title {text-align: left;}
    .open_hours .oh-days {font-size: 20px;}
    .open_hours ul::before {font-size: 46px;}
    .open_hours {margin-left: 100px;}
    .home header.header-site.header-overlay, 
    .home header.header-site.header-overlay .curtains span, 
    .front-page header.header-site.header-overlay, 
    .front-page header.header-site.header-overlay .curtains span {background-color: #fff !important; position: relative !important;}
}
@media(max-width: 600px) {
  	.filter-items li {width: 100%; min-width: inherit;}
    .filter-item {padding: 0 0 20px;}
    .testimonial-slider ul li {padding: 0 40px;}
  	.slider-buttons {display: none;}
  	.event-listing .thumb {float: none; margin: 0 auto 15px;}
    .section-title.large .heading {font-size: 7.2vw; }
    .section-title.medium h3.heading, .section-title.medium h3 {margin-top: 0px;}
    .section-title.medium h3.heading, .section-title.medium h3, .section-title.large .heading {font-size: 2.827em !important;}
    .content-vertical-massive{padding: 14% 0;}
    .special-heading.medium h4 {font-size: 1.999em;}
    .form-box {padding: 20px;}
    .form-box input[type="text"], 
    .form-box input[type="url"], 
    .form-box input[type="password"], 
    .form-box input[type="email"], 
    .form-box input[type="date"], 
    .form-box textarea, 
    .form-box select {margin-bottom: 20px;}
    .open_hours {margin-left: 60px;}
    .bottom-line::before, .bottom-line::after {width: 62px;}
    .post-heading, .page-heading {padding-left: 0;}
    .post-heading .bi-date,
    .post-heading .bi-date span { 
        height: auto; width: auto;
        position: relative;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        -o-transform: rotate(0);
        transform: rotate(0);
    }
    .post-heading .bi-date {left: auto; right: 0; bottom: -25px; top: auto; position: absolute; height: 30px;}
    .post-heading .bi-date span {padding: 3px 12px;}
    .post-heading .bi-date br {display: none;}
}
@media(max-width: 599px) {
    .media.image-left {float: left; width: 100%; margin-top: 20px;}
}
@media(max-width: 420px) {
  .content-vertical-massive{padding: 16% 0;}
  #footer .section-bg {padding-top: 16%;}
}
/* ---  Layers Responsive (27.1) --- */
@media only screen and (min-width: 481px){
    .header-inline .inline-site-logo {padding: 0 20px; margin: 0;}
}