* {margin: 0; padding: 0; outline:none;}
body {font-family: 'Open Snas', Arial, Helvetica; font-size: 14px; color: #666666}
html, body {height: 100%; width: 100%;}

a{color: #29abe2; text-decoration: none;}
a:hover, a:focus {text-decoration: none;}
img {max-width: 100%; height: auto;}
.logo img{ max-width:62%;}
hr {margin: 70px 0;}

/*  ----------------------------------------------------------------
=======================      Headings      ======================
----------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {margin: 0 0 1em 0;}
h1 {font-size: 2em;}
h2{font-size: 1.8em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.2em; font-weight: 700; text-transform: uppercase;}
h5 {font-size: 1.1em; font-weight: 700; text-transform: uppercase;}
h6 {font-size: 1em;}
.section-heading {font-family: 'Pacifico'; font-size: 4em; line-height: 1.4em; letter-spacing: 0.07em; margin-bottom: 30px; color: #000; position: relative;}
/* ------- Slider heading ---------- */
.special-heading,
.special-subheading {font-family: 'Pacifico'; font-size: 4.2em; line-height: 1.4em}
.special-subheading {font-size: 2.8em; margin-bottom: 12px;}

p {font-size: 1em; line-height: 1.9em; letter-spacing: 0.05em;}

/*  ----------------------------------------------------------------
=======================      Buttons      ======================
----------------------------------------------------------------- */
.btn {line-height: 22px; padding: 13px 20px; margin: 5px; text-align: center; min-width: 180px; text-transform: uppercase; font-size: 18px; font-weight: 900; background: #000; box-shadow: 0 0 0 1px #ddd; border: 3px solid #ddd; border-radius: 0; }
.btn-small {line-height: 18px; font-weight: 400; padding: 8px 15px; font-size: 1em; min-width: inherit;}
.btn-submit {padding: 0;}
.btn-submit input[type="submit"] {background: transparent; border: none; padding: 16px 20px 16px 40px; width: 100%; margin: -3px; text-transform: uppercase;}
.btn-submit .fa {position: absolute; left: 34px; top: 16px;}

/*  ----------------------------------------------------------------
=======================      usefull styles      ======================
----------------------------------------------------------------- */
.v-center {display: inline-block; position: relative; vertical-align: middle; z-index: 2000}

/*  ----------------------------------------------------------------
=======================      Curtains      ======================
----------------------------------------------------------------- */
.section-bg {position: relative; background:#fff; padding: 70px 0;}
#header .section-bg {padding:5px 0 0;}
#header.sticky-header .section-bg {padding-top: 0}
.curtain-wrap {overflow: hidden; max-width: 100%; height: 20px; margin-bottom: -20px;}
.curtains {height: 20px; position: relative; margin-bottom: -18px; width: 120%; overflow: hidden; background: inherit; z-index: 10}
.curtains span {display: inline-block; width: 34px; height: 34px; border-radius: 50%  ; background: #fff; position: relative; visibility: hidden; box-shadow: 0 2px 1px rgba(0,0,0,0.1); margin-bottom: 100px; margin-top: -20px;}

.pattern-bg {background: url(../img/pattern-bg.png) no-repeat center center; background-size: cover; width: 936px; height: 634px; margin: 0 auto; max-width: 100%; max-height: 100%;}
.pattern-bg:last-child {margin-bottom: -100px;}
.pattern-wide {background: url(../img/pattern-bg-wide.png) no-repeat cover center center; height: 700px; width: 1374px;}

/*  ----------------------------------------------------------------
=================      Header and Navigation      ==================
----------------------------------------------------------------- */
#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 #nav ul.menu {margin:10px 0 0;}
#nav {font-weight: 700; text-transform: uppercase; text-align: right; letter-spacing: 0.05em; position: relative; z-index: 2000;}
#nav ul {list-style: none; padding: 0; margin:25px 0; position: relative; z-index: 20000;}
#nav ul li {display: inline-block; margin: 0 10px; position: relative;}
#nav ul li a {display: block; padding: 8px 15px;}
#nav ul.menu > li > a {color: inherit; border-radius: 20px;}
#nav ul.menu > li.menu-item-has-children > a { border-radius: 10px 10px 0 0}

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

.nav-trigger {height: 40px; width: 40px; position: absolute; bottom: 0; top: 0; right: 20px; display: none; margin: auto; cursor: pointer;border-radius: 50%; z-index: 20000;}
.lines-button { padding: 4px 0; display: inline-block; margin: 0 auto; height: 40px; width: 40px; transition: .3s; cursor: pointer; user-select: none; border-radius: 0.57143rem; position: relative;  z-index: 2000;}
.lines-button:hover { opacity: 1;}
.lines-button:active { transition: 0;}
.lines { display: inline-block; width:24px; height: 3px; background: #fff; border-radius: 6px; transition: 0.3s; position: relative; vertical-align: top; margin: 14px 8px;}
.lines:before, .lines:after { display: inline-block; width: 20px; height:3px; background: #fff; border-radius: 6px; transition: 0.3s; position: absolute; left: 0; right: 0; margin: auto; content: ''; -webkit-transform-origin: 0.28571rem center; transform-origin: 0.28571rem center;}
.lines:before { top: 7px}
.lines:after { top: -7px;}
.lines-button:hover .lines:before { top: 6px;}
.lines-button:hover .lines:after { top: -6px;}
.nav-active .lines-button {
  -webkit-transform: scale3d(0.8, 0.8, 0.8);
  transform: scale3d(0.8, 0.8, 0.8);
}
.nav-active .lines-button .lines { background: transparent !important;}
.nav-active .lines-button .lines:before, .nav-active .lines-button .lines:after { -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; top: 0; width: 26px;}
.nav-active .lines-button .lines:before {
  -webkit-transform: rotate3d(0, 0, 1, 45deg);
  transform: rotate3d(0, 0, 1, 45deg);
}
.nav-active .lines-button .lines:after {
  -webkit-transform: rotate3d(0, 0, 1, -45deg);
  transform: rotate3d(0, 0, 1, -45deg);
}


.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: 50%;}
.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;}

/*  ----------------------------------------------------------------
=======================   Social icons    =========================
----------------------------------------------------------------- */
.social-icons {padding: 0; margin:30px 0 15px; list-style: none;}
.social-icons li {display: inline-block; margin: 0 0 2px;}
.social-icons li a {display: block; height: 44px; width: 44px; background: #363636; color: #fff; line-height: 44px; font-size:0; overflow: hidden; text-align: center; position: relative; border-radius: 50%; }
.social-icons li a .fa {font-size: 22px; line-height: inherit;}
.social-icons li.icon-fb a {background: #3a589b;}
.social-icons li.icon-ttr a {background: #598dca;}
.social-icons li.icon-y a {background: #cf3427}
.social-icons li.icon-gp a {background: #d6492f;}
.social-icons li.icon-ln a {background: #007ab9;}

.thumb {position: relative; overflow: hidden;}
.thumb: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);
}

.thumb:hover:after {
    left: 300%; 
}

.thumb-listing {min-height: 67px;}
.thumb-listing strong {padding-top: 12px; display: block;}
.thumb-listing .thumb {float: left; margin-right: 30px;}
.gap-50 {padding: 60px;}

.event-listing {min-height: 205px;}
.event-listing h5 {color: #000}
.event-listing .thumb {float:left; margin-right: 30px;}

.featured-section {background: url(../img/static/featured-bg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; padding: 120px 0; color: #fff; position: relative; overflow: hidden;}
.featured-section img {width: 100%; height: auto;}
.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);}
.parallax-section {position: relative; z-index: 3;}
.parallax-bg {position: absolute; z-index: 1; height: 100%; width: 100%; left: 0; top: 0; overflow: hidden;}
.page-header {background: url(../img/static/featured-bg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; padding: 0 0 30px 0; position: relative; margin: 0}
.page-header #header {position: relative;}
.page-header #header.sticky-header {position: fixed;}
.page-header .container  {position: relative; z-index: 200;}
.special-heading {padding-top: 30px;}


/*  ----------------------------------------------------------------
====================      Product Filter      ======================
----------------------------------------------------------------- */
.filter-nav {display: block; text-align: center; list-style: none; padding: 0 0 5px; margin: 60px 0 50px; /*border-bottom: 1px solid #eee;*/ }
.filter-nav li {display: inline-block; padding: 5px; min-width: 160px; text-align: center;}
.filter-nav li a {display: block; font-weight: 700; text-transform: uppercase; color: #000;}

.filter-items {display: block; list-style: none; margin: 20px -15px 0;/* float: left; width: 100%;*/}
.filter-items li {display: inline-block; float: left; width: 25%; padding: 15px 15px;}
.filter-item {position: relative; background: #000; box-shadow: 0 0 0 1px #ddd; border: 5px solid #ddd; padding:80px 20px 20px; position: relative; margin-top: 80px; min-width: 250;}
.item-name {font-size: 1.15em; margin-bottom: 10px;}
.item-image {position: absolute; top: -70px; left: 0; right: 0; margin: auto; border: 5px solid #fff; border-radius: 50%; float: left; height: 134px; width: 134px; }
.filter-item:hover .item-image {
    -ms-transform: rotate(360deg); /* IE 9 */
    -webkit-transform: rotate(360deg); /* Safari */
    transform: rotate(360deg);
}
.filter-item:hover .item-image .item-new {
    -ms-transform: rotate(-360deg); /* IE 9 */
    -webkit-transform: rotate(-360deg); /* Safari */
    transform: rotate(-360deg);
}
.item-image a {overflow: hidden; display: block; border-radius: 50%;}
.item-price {font-size: 1.4em; font-weight: 700;}
.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: 700; letter-spacing: 0.05em;}

.contact-details { display: table; margin: 0 auto;}
.contact-details ul {margin: 10px auto 7px; padding: 0; list-style: none; font-size: 15px; font-weight: 300;}
.contact-details ul li {padding: 8px 0 8px 60px; position: relative; border-bottom: 1px solid #eee; display: table;}
.contact-details ul li:before {content: ''; display: inline-block; width: 0; height: 50px; margin-left: -2px; vertical-align: middle;}
.contact-details ul li .fa {margin-right: 8px; position: absolute; left: 0; top: 0; font-size: 42px; width: 50px; line-height: 60px; text-align: center;}
.contact-details ul li span {vertical-align: middle; display: table-cell;}

/* ============= Opening hours =============== */
.open_hours {list-style: none; padding:15px 0 0 0; position: relative;}
.oh-title {display:inline-block; padding: 8px 18px; margin-bottom: 15px; border-radius: 20px 20px 20px 0;  position: relative; background: #333; color: #fff; font-weight: 700;}
.oh-title:after {border: 0 solid transparent; height: 0; width: 0; border-top: 10px solid #333; border-right: 8px solid transparent; position: absolute; left: 0; top: 100%; content: '';}
.open_hours ul {padding: 0 0 0 50px; position: relative; display: table; margin: 0 auto; border-bottom: 1px solid #eee; text-align: left;}
.open_hours ul:before {content: "\f017"; font-family: 'fontAwesome'; position: absolute; left: 0; top: 0; font-size: 42px; width: 50px; line-height: 60px; text-align: center;}
.open_hours li {display: block; padding: 8px; }
.oh_time {font-weight: 700}

.form-box { background-color:#FF99FF;position: relative; padding: 46px; background: #fff; box-shadow: 2px 2px 4px rgba(0,0,0,0.13); margin: 50px auto; min-height: 360px;}
.form-box .btn-submit {position: absolute; left: 0; right: 0; bottom: -30px; width: 180px; margin: auto;}
.ojeen-results {display: none;}

.google-map {background: #f5f5f5;}

/*  ----------------------------------------------------------------
=======================      Form elements      ====================
----------------------------------------------------------------- */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="date"], 
textarea,
select {width: 100%; height: 56px; line-height: 20px; padding: 13px 15px; border: 1px solid #eeeeee; margin-bottom: 34px;}
textarea {height: auto; background-color:#FF9966;}
input{ background-color:#FF9966}
label {font-weight: normal; margin: 0;}

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

/*------------------------  Custom Checkbox and Radio button   ------------------------ */
.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;}
/* hide the checkboxes and radios */
.custom-checkbox input[type="checkbox"],
.custom-radio input[type="radio"]{ position: absolute; opacity: 0; width:15px; height:15px;}

.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 {opacity: .5; cursor: default; /* or cursor: no-drop */}
/* hover checkbox (unselected state only) */
.custom-checkbox input[type="checkbox"]:not(:checked):hover + label::before { content: "\f00c"; font-family: 'FontAwesome'; text-align: center; line-height: 15px; font-size: 10px;}
/* selected checkbox */
.custom-checkbox input[type="checkbox"]:checked + label::before {  content: "\f00c"; font-family: 'FontAwesome'; text-align: center; line-height: 15px; font-size: 10px;color: #333;}
/* normal state radio */
.custom-radio input[type="radio"] + label::before {border-radius: 50%;}
/* radio hover (unselected state only) */
.custom-radio input[type="radio"]:hover + label::before { content: "\f111";font-family: 'FontAwesome'; text-align: center; line-height: 15px; font-size: 10px; }
/* selected radio */
.custom-radio input[type="radio"]:checked + label::before { content: "\f111";font-family: 'FontAwesome'; text-align: center; line-height: 15px; font-size: 10px; color: #333;}
/* focused checkbox or radio */
.custom-form input[type="checkbox"]:focus + label,
.custom-form input[type="radio"]:focus + label { outline: dotted 1px; /* by not adding color to the value we force the use of system's default focus color "invert" */ }

/* -- ============ Custom Style for Select Box ============= -- */
.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: #666 ;}
option:nth-child(even) { background-color: #eeeeee;}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@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 =============== */
.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;}


/*  ----------------------------------------------------------------
=====================      Icon Box       ==========================
----------------------------------------------------------------- */
.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;}

/*  ----------------------------------------------------------------
=======================      Testimonial      ======================
----------------------------------------------------------------- */
.testimonial-slider {display: block; max-width: 860px; margin: 50px 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: 50px 40px 40px 40px; margin: 0; text-align: center;}
.testimonial-slider p {font-size: 1.15em; line-height: 1.6em; font-style: italic; list-style-position: 0.05em;}
.testimonial-slider .client-name {font-size: 1.1em; font-weight: 700; text-transform: uppercase;}
.testimonial-slider .block-quote {position: relative;}
.testimonial-slider .block-quote:before, .testimonial-slider .block-quote:after {height: 30px; width: 30px; position: absolute; left: -40px; top: -40px; content: "\f10d"; font-family: 'FontAwesome'; font-size: 32px;}
.testimonial-slider .block-quote:after {left: auto; right: -40px; top: auto; bottom: -40px; background-position: -30px 0; content: "\f10e"}

#footer {color: #afafaf; overflow: hidden;}
.footer .section-bg {background: #181818 url(../img/static/7257ec6e17511b5.jpg) no-repeat center center; background-attachment: fixed; background-size: initial; padding-bottom: 0;}
#footer .social-icons {margin-top: 0;}
#footer .goto-top {height: 42px; width: 84px; cursor: pointer; margin: 30px auto 0; overflow: hidden; border-radius: 64px 64px 0 0; padding-top: 15px;}
#footer .goto-top:hover {padding-top: 8px;}
#footer .copyrights {margin: 30px auto 0; padding-top: 20px; border-top: 1px solid #eee; display: table;}

/* =======================================================================
--------------------------- 	Blog page 		--------------------------
======================================================================= */
.blog-contents {}
.blog-item {float: left; width: 100%; margin-bottom: 66px; padding-bottom: 66px; border-bottom: 1px solid #eee; position: relative;}
.bi-date {position: absolute; bottom: 100%; text-align: center; width: 100%; font-size: 1.1em;}
.bi-date span {display: inline-block; position: relative; padding: 6px 16px; min-width: 120px;}
.bi-thumb, .bi-content {float: left; width: 50%; position: relative; height: 327px;}
.bi-content {overflow: hidden;}
.bi-thumb:after, .bi-content:after {position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: 5px; border: 1px solid #fff; content: ''}
.bi-thumb:hover:after, .bi-content:hover:after {margin: 10px; box-shadow: 0 0 0 10px rgba(255,255,255,0.2)}
.bi-contemt-wrap {max-height: 100%; position: relative; overflow-y:auto; padding: 50px 47px 30px 30px; text-align: center; z-index: 100; margin-right: -17px;}
.bi-readmore {margin-top: 20px; display: inline-block;}
.bi-readmore:hover {color: #fff;}

/*--------------------------- 	Blog 		--------------------------*/
.pagination,
.posts_nav {display: block; margin: 50px 0; font-size: 0;}
.pagination ul {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 {display: inline-block; line-height: 20px; padding:8px 14px; background: #f5f5f5; color: #666; border-radius: 50%; height: 36px; width: 36px; text-align: center;}
.posts_nav a, .continue_reading, .reade_more {display: inline-block; line-height: 20px; padding:8px 16px; color: #fff; border: 2px solid #fff;border-radius: 30px;}
.pagination ul li a:hover, 
.pagination ul li.active a {color: #fff;}
.posts_nav a:hover, .continue_reading:hover, .reade_more:hover { background: #fff; text-decoration: none; }
.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*/
.post-heading {border-bottom: 1px solid #eee; margin-bottom: 32px;}
.post-heading .section-heading {margin-bottom: 15px;}
.post-heading  .searchform {margin-top: 20px;}
.flexi-thumb {position: relative; margin-bottom: 20px;}
.flexi-thumb .post-date { position: absolute; right: 0; bottom: 0;  padding: 12px 30px; text-align: center; line-height: 1.5em; }
.flexi-thumb .post-date strong {font-size: 2em; display: block; line-height: 1.2em;}


/* =======================================================================
---------------------------   Sidebar widget     -------------------------
======================================================================= */
.sidebar ul {list-style: none; padding: 0; margin:0;}
.sidebar ul li {display: block; margin-bottom:0;}
.sidebar ul li a {display: block; line-height: 22px; padding: 10px 15px 10px 10px; color: #666; position: relative; border-bottom: 1px solid #dfdfdf}
.sidebar ul li a:hover {text-decoration: none;}
.sidebar h3 {margin: 0 0 12px; font-weight: 400; text-transform: uppercase; color: #000;}
.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: #666; font-size: 12px;}
.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: #666; 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: #666;}
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: #fff;}
.sidebar ul li.recentcomments a:hover {background: #fff;}


/*---------------------------   Search form    --------------------------*/
.searchform {position: relative; overflow: hidden;}
.searchform div {}
.searchform label {display: none;}
.searchform div:after {height: 42px; width: 50px; 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: 42px; width: 42px; 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 div:hover:after {color: #000;}
.searchform input[type="text"]:focus + input[type="submit"] {margin-right: 0;}

/* -----------------------------------------------------------------
================       Comments     =======================
----------------------------------------------------------------- */
.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: 30px;}
.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;}
.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: #666666;}
.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;}


/* =======================================================================
--------------------------- 	Animation 		--------------------------
======================================================================= */
#header,
#nav ul.menu,
.logo img,
.section-bg,
#nav 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
{
-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
{
-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);
  }


}

@media(max-width: 1199px) and (min-width: 992px) {
    .bi-thumb, .bi-content { height: 270px;}
    .bi-contemt-wrap p {line-height: 1.4em;}
    #nav ul li {margin: 0; padding: 0;}
    #nav ul li a {padding:  8px 14px}
}
@media(min-width: 1024px) {
  .navigation-wrap {display: block !important;}
}
@media(max-width: 1023px) {
  	#header {position: relative;}
  	.nav-trigger {display: block;}
  	.navigation-wrap {display: none; }
  	#nav {}
  	#nav ul li {display: block;}
  	#nav ul li ul {position: static; height: auto; width: auto; border-radius: 0 0 10px 10px; text-align: right;}
  	#nav ul li ul ul {border: 2px solid #fff; border-top: none; margin: 0 5px; }
  	#nav ul li ul ul li:last-child a {border-radius: 0 0 7px 7px}
  	#nav ul ul li:first-child a {border-radius: 0;}
  	.special-heading {font-size: 3em;}
  	.special-subheading {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 10px;}
  	.filter-items li {width: 33.333%;}
  	.featured-section {padding: 50px 0;}

  	.blog-item, .bi-thumb, .bi-content {float: none; width: auto; height: auto;}
    .bi-date {text-align: right;}
    .bi-date span {text-align: center;}
    .sidebar {padding-top: 60px;}

    .featured-section img {width: auto; min-width: 100%; min-height: 100%; max-width: inherit;}
}
@media(max-width: 991px) {
    .open_hours {text-align: center;}
    .icon-box  {margin-bottom: 30px; border-bottom: 1px solid #eee; padding-bottom: 25px;}
}
@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 {font-size: 2.2em;}
  	.pattern-bg .form-box {margin: 0 auto;}
    .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;}
}
@media(max-width: 600px) {
  	.filter-items li {width: 100%;}
  	.slider-buttons {display: none;}
  	.event-listing .thumb {float: none; margin: 0 auto 15px;}
}