@charset "UTF-8";
/* ====================== */
/*
 * General Guidelines:
 *
 * RESET: 
 *          This is just to reset the browser's default styling. 
 *          Don't touch it or add any styling under its section. 
 *
 * DEFAULT: 
 *          Any default HTML tags styling will go here. e.g., 
 *          h1, h2, h3, h4, h5, h6, a, p, blockquote, ul, ol
 *          etc. 
 *          The purpose of this is to create a basic styling
 *          for these elements, but can overwrite them where 
 *          needed later in the stylesheet. 
 *          
 * HEADER: 
 *          For all the styling related to header, put it under 
 *          the "= HEADER" section below. Don't include it 
 *          anywhere else. 
 * MAIN: 
 *          Just like header above, put all the styling related 
 *          to footer under the "= MAIN" section below. 
 *          
 * FOOTER: 
 *          put all the styling related to footer under the 
 *          "= FOOTER" section below.
 * 
 * COMPONENTS:
 *          A component is a part of website that can be reused
 *          anywhere else without defining new CSS styling. 
 *          
 *          e.g., social medial links is a component. And you can
 *          use it as many time anywhere in the website as you can.
 *          So in order to write its styling, just give it a CSS 
 *          class name like ".social" and put it's styling under
 *          "= COMPONENTS" section below. The styling can be like this:
 *
 *          .social {  }
 *          .social li {  }
 *          .social li a {  }
 *
 * RESPONSIVE:
 *           I've added a general responsive stylesheets, you can include
 *           most of the responsive styling there. You are ALSO allowed to 
 *           create new responsive @media rules under any section 
 *           below, e.g., HEADER, MAIN, FOOTER, or COMPONENT. 
 * 
 */
/* ====================== */
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}

[dir="rtl"] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.5);
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none;
  z-index: 10;
}

.slick-prev:hover, .slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
  outline: none;
  background: rgba(0, 0, 0, 0.8);
  color: transparent;
}

.slick-prev:hover:before, .slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "fontawesomea";
  font-size: 20px;
  line-height: 1;
  color: white;
  opacity: 0.75;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: 10px;
}

[dir="rtl"] .slick-prev {
  left: auto;
  right: 10px;
}

.slick-prev:before {
  content: "←";
}

[dir="rtl"] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: 10px;
}

[dir="rtl"] .slick-next {
  left: 10px;
  right: auto;
}

.slick-next:before {
  content: "→";
}

[dir="rtl"] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 44px;
}

.slick-dots {
  position: absolute;
  bottom: -26px;
  list-style: none;
  line-height: 1;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 10px;
  width: 10px;
  margin: 0 3px;
  padding: 0;
  cursor: pointer;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 10px;
  width: 10px;
  outline: none;
  line-height: 0px;
  font-size: 0px;
  color: transparent;
  padding: 5px;
  cursor: pointer;
}

.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}

.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}

.slick-dots li button:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "•";
  width: 10px;
  height: 10px;
  font-family: "fontawesomea";
  font-size: 38px;
  line-height: 10px;
  text-align: center;
  color: black;
  opacity: 0.25;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
  color: black;
  opacity: 0.75;
}

/* ====================== */
/*
 * General Guidelines:
 *
 * RESET: 
 *          This is just to reset the browser's default styling. 
 *          Don't touch it or add any styling under its section. 
 *
 * DEFAULT: 
 *          Any default HTML tags styling will go here. e.g., 
 *          h1, h2, h3, h4, h5, h6, a, p, blockquote, ul, ol
 *          etc. 
 *          The purpose of this is to create a basic styling
 *          for these elements, but can overwrite them where 
 *          needed later in the stylesheet. 
 *          
 * HEADER: 
 *          For all the styling related to header, put it under 
 *          the "= HEADER" section below. Don't include it 
 *          anywhere else. 
 * MAIN: 
 *          Just like header above, put all the styling related 
 *          to footer under the "= MAIN" section below. 
 *          
 * FOOTER: 
 *          put all the styling related to footer under the 
 *          "= FOOTER" section below.
 * 
 * COMPONENTS:
 *          A component is a part of website that can be reused
 *          anywhere else without defining new CSS styling. 
 *          
 *          e.g., social medial links is a component. And you can
 *          use it as many time anywhere in the website as you can.
 *          So in order to write its styling, just give it a CSS 
 *          class name like ".social" and put it's styling under
 *          "= COMPONENTS" section below. The styling can be like this:
 *
 *          .social {  }
 *          .social li {  }
 *          .social li a {  }
 *
 * RESPONSIVE:
 *           I've added a general responsive stylesheets, you can include
 *           most of the responsive styling there. You are ALSO allowed to 
 *           create new responsive @media rules under any section 
 *           below, e.g., HEADER, MAIN, FOOTER, or COMPONENT. 
 * 
 */
/* ====================== */
/* ====================== */
/* Reset */
/* ===================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* ====================== */
/* Defaults */
/* ====================== */
* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

@media screen and (max-width: 767px) {
  html.no-scroll {
    width: 100%;
    overflow: hidden;
  }
}

body {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: #555555;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

strong {
  font-weight: bold;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

input, textarea {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

input[type="submit"] {
  -webkit-appearance: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  max-width: 100%;
  vertical-align: top;
  height: auto;
}

p {
  margin-bottom: 0.9em;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: #7e7e7c;
  line-height: normal;
  font-weight: 700;
  margin: 0 0 25px;
}

h1, .h1 {
  font-size: 40px;
  font-weight: 500;
  font-family: "Poiret One", Arial, Helvetica, sans-serif;
}

h2, .h2 {
  font-size: 30px;
  font-weight: 400;
  font-family: "Poiret One", Arial, Helvetica, sans-serif;
}

h3, .h3 {
  font-size: 24px;
  font-family: "Poiret One", Arial, Helvetica, sans-serif;
}

h4, .h4 {
  font-size: 18px;
  font-family: "Poiret One", Arial, Helvetica, sans-serif;
}

h5, .h5 {
  font-size: 14px;
}

h6, h6 {
  font-size: 12px;
}

iframe {
  max-width: 100%;
  max-height: 100%;
  vertical-align: top;
}

blockquote {
  border: none;
  padding: 0;
  margin: 0 0 25px;
  font-style: italic;
  background-color: transparent;
  font-weight: 600;
  color: #4f8a95;
  font-size: 14px;
}

blockquote:before {
  content: '“';
}

blockquote:after {
  content: '”';
}

a {
  text-decoration: none;
  color: #555555;
}

a:hover {
  color: #414141;
  text-decoration: underline;
}

a:hover img {
  opacity: 0.85;
}

/* Containers */
.site {
  position: relative;
  overflow-x: hidden;
  background-color: #fff;
}

.container {
  max-width: 981px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}

.container, .clearfix, .connect-text-form .disclaimer, .contenta-studio, .showcase .showcase-category {
  *zoom: 1;
}

.container:before, .clearfix:before, .connect-text-form .disclaimer:before, .contenta-studio:before, .showcase .showcase-category:before, .container:after, .clearfix:after, .connect-text-form .disclaimer:after, .contenta-studio:after, .showcase .showcase-category:after {
  content: " ";
  display: table;
}

.container:after, .clearfix:after, .connect-text-form .disclaimer:after, .contenta-studio:after, .showcase .showcase-category:after {
  clear: both;
}

.icon, .search input[type="submit"], .newsletter .form-submit, .feedback-form .form-submit, .slick-prev:before,
.slick-next:before {
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url("../images/icons.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-webkit-min-device-pixel-ratio: 1.3020833333333333), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .icon, .search input[type="submit"], .newsletter .form-submit, .feedback-form .form-submit, .slick-prev:before,
  .slick-next:before {
    background-image: url("../images/icons@2x.png");
    background-size: 500px 500px;
  }
}

a, a img, .button, .gallery-item .overlay, .showcase .showcase-category-image .overlay {
  -webkit-transition: 0.25s all ease-in-out;
  transition: 0.25s all ease-in-out;
}

.visually-hidden {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.icon, .search input[type="submit"], .newsletter .form-submit, .feedback-form .form-submit, .slick-prev:before,
.slick-next:before, #header .nav, .nav li, .search, .social a, .intro ul li, .details .details-contact .thumb, .details .details-contact .text {
  vertical-align: middle;
  display: inline-block;
}

/* ====================== */
/* = HEADER */
/* ====================== */
#header {
  background-color: #4f8a95;
  padding: 17px 0 12px;
}

#header #logo {
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url("../images/logo.png");
  float: left;
  width: 196px;
  height: 33px;
  text-indent: -9999px;
  text-align: left;
}

#header .header-right {
  float: right;
}

@media screen and (min-width: 992px) {
  #header .header-right {
    display: block !important;
  }
}

#header .nav {
  margin-top: 4px;
}

@media screen and (max-width: 991px) {
  #header {
    padding: 15px 0;
  }
  #header .header-right {
    display: block;
    float: none;
    width: 100%;
    clear: both;
    text-align: center;
  }
  #header .nav {
    text-align: center;
    display: block;
    width: 100%;
    margin-top: 0;
  }
}

/* ====================== */
/* = MAIN */
/* ====================== */
#main {
  padding-top: 27px;
  padding-bottom: 27px;
}

.content {
  width: 68.9691817216%;
  float: left;
}

.sidebar {
  width: 28.2678002125%;
  float: right;
}

/* Sections */
/* ====================== */
/* Slider Intro */
.slider-intro {
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 20px;
}

.slider-intro .sidebar {
  padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .slider-intro {
    padding-bottom: 20px;
  }
}

/* Gallery Section */
/* Connect Text Form */
.connect-text-form .connect-text-portion {
  font-size: 16px;
  color: #7e7e7c;
}

.connect-text-form .connect-text-portion a {
  color: #7e7e7c;
}

.connect-text-form .connect-text-portion h3 {
  font-weight: 400;
  margin: 0 0 15px;
}

.connect-text-form .connect-address dt, .connect-text-form .connect-address dd {
  display: inline-block;
  vertical-align: top;
}

.connect-text-form .disclaimer {
  margin-top: 168px;
  font-size: 12px;
  color: #555;
  line-height: normal;
}

.connect-text-form .disclaimer h4 {
  font-size: 14px;
  margin: 0 0 2px;
  color: #555;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 600;
}

.connect-text-form .disclaimer .disclaimer-thumb,
.connect-text-form .disclaimer .disclaimer-text {
  float: left;
}

.connect-text-form .disclaimer .disclaimer-thumb {
  width: 38.1%;
  padding-right: 15px;
  margin-top: -57px;
}

.connect-text-form .disclaimer .disclaimer-text {
  width: 61.9%;
}

@media screen and (min-width: 768px) {
  .connect-text-form .connect-text-portion,
  .connect-text-form .connect-form {
    float: left;
    width: 50%;
  }
  .connect-text-form .connect-text-portion {
    padding-right: 30px;
  }
  .connect-text-form .connect-form {
    margin-top: 28px;
  }
}

/* About Page */
.about-data {
  padding-bottom: 10px;
  font-size: 16px;
  color: #7e7e7c;
  line-height: normal;
}

.about-data .about-data-inner {
  height: 358px;
  padding-right: 35px;
  overflow: scroll;
}

/* ====================== */
/* = FOOTER */
/* ====================== */
#footer {
  background-color: #e5e5e5;
  padding: 15px 0;
}

#footer .container {
  max-width: 996px;
}

#footer .footer-left,
#footer .footer-center,
#footer .footer-right {
  float: left;
  width: 30%;
}

#footer .footer-left {
  width: 48.640167364%;
}

#footer .footer-center {
  width: 15.690376569%;
}

#footer .footer-right {
  float: right;
}

#footer .footer-menu li {
  list-style: none;
}

#footer .footer-menu li:before {
  content: '. ';
}

/* ====================== */
/* = COMPONENTS */
/* ====================== */
/* Component: Button */
.button {
  padding: 12px 20px;
  padding:  1.2rem 2rem;
  font-size: 13px;
  font-weight: 700;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #303956;
  text-transform: uppercase;
  line-height: 1.13;
  display: inline-block;
  background-color: transparent;
  text-decoration: none;
  cursor: pointer;
}

.button:active, .button:focus {
  box-shadow: none;
  outline: none;
  color: #fff;
}

.button:disabled {
  opacity: 0.7;
}

.button--disabled {
  pointer-events: none;
}

.button, .button--default {
  background-color: #b7bcc9;
  border-color: #a0a6b8;
  color: #fff;
}

.button:hover, .button:active, .button--default:hover, .button--default:active {
  color: #fff;
  background-color: #a0a6b8;
}

.button:disabled, .button--default:disabled {
  background-color: #b7bcc9;
}

.button--primary {
  background-color: #4f8a95;
  border-color: #41717a;
  color: #fff;
}

.button--primary:hover, .button--primary:active {
  color: #fff;
  background-color: #41717a;
}

.button--primary:disabled {
  background-color: #4f8a95;
}

.button--sec {
  background-color: #3eccff;
  border-color: #15c1ff;
  color: #fff;
}

.button--sec:hover, .button--sec:active {
  color: #fff;
  background-color: #15c1ff;
}

.button--sec:disabled {
  background-color: #3eccff;
}

.button--danger {
  background-color: #ff0033;
  border-color: #d6002b;
  color: #fff;
}

.button--danger:hover, .button--danger:active {
  color: #fff;
  background-color: #d6002b;
}

.button--danger:disabled {
  background-color: #ff0033;
}

.button--success {
  background-color: #53E8A8;
  border-color: #2fe396;
  color: #fff;
}

.button--success:hover, .button--success:active {
  color: #fff;
  background-color: #2fe396;
}

.button--success:disabled {
  background-color: #53E8A8;
}

.button--is-small {
  font-size: 10px;
  padding: 8px 17px;
  padding:  0.8rem 1.7rem;
}

.button--is-large {
  font-size: 16px;
  padding: 14px 23px;
  padding:  1.4rem 2.3rem;
}

/* Component: Gallery Lightbox */
/* ====================== */
/* = RESPONSIVE */
/* ====================== */
@media screen and (max-width: 767px) {
  .content,
  .sidebar {
    float: none;
    width: 100%;
  }
  .content {
    margin-bottom: 25px;
  }
  #footer .footer-left,
  #footer .footer-center,
  #footer .footer-right {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  #footer .footer-left:first-child,
  #footer .footer-center:first-child,
  #footer .footer-right:first-child {
    margin-top: 0;
  }
}

/** initial setup **/
.nano {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.nano .nano-content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: scroll;
  overflow-x: hidden;
  padding-right: 30px;
}

.nano .nano-content:focus {
  outline: thin dotted;
}

.nano .nano-content::-webkit-scrollbar {
  display: none;
}

.nano > .nano-pane {
  width: 10px;
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  -webkit-transition: .2s;
  transition: .2s;
  border-radius: 5px;
}

.nano > .nano-pane > .nano-slider {
  background: #444;
  background: rgba(0, 0, 0, 0.5);
  position: relative;
  margin: 0 1px;
  border-radius: 3px;
}

.has-scrollbar > .nano-content::-webkit-scrollbar {
  display: block;
}

.nano:hover > .nano-pane, .nano-pane.active, .nano-pane.flashed {
  visibility: visible\9;
  opacity: 0.99;
}

/* ====================== */
/* Reset */
/* ===================== */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* ====================== */
/* Defaults */
/* ====================== */
* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
}

@media screen and (max-width: 767px) {
  html.no-scroll {
    width: 100%;
    overflow: hidden;
  }
}

body {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  color: #555555;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

strong {
  font-weight: bold;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

input, textarea {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

input[type="submit"] {
  -webkit-appearance: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  max-width: 100%;
  vertical-align: top;
  height: auto;
}

p {
  margin-bottom: 0.9em;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  color: #7e7e7c;
  line-height: normal;
  font-weight: 700;
  margin: 0 0 25px;
}

h1, .h1 {
  font-size: 40px;
  font-weight: 500;
  font-family: "Poiret One", Arial, Helvetica, sans-serif;
}

h2, .h2 {
  font-size: 30px;
  font-weight: 400;
  font-family: "Poiret One", Arial, Helvetica, sans-serif;
}

h3, .h3 {
  font-size: 24px;
  font-family: "Poiret One", Arial, Helvetica, sans-serif;
}

h4, .h4 {
  font-size: 18px;
  font-family: "Poiret One", Arial, Helvetica, sans-serif;
}

h5, .h5 {
  font-size: 14px;
}

h6, h6 {
  font-size: 12px;
}

iframe {
  max-width: 100%;
  max-height: 100%;
  vertical-align: top;
}

blockquote {
  border: none;
  padding: 0;
  margin: 0 0 25px;
  font-style: italic;
  background-color: transparent;
  font-weight: 600;
  color: #4f8a95;
  font-size: 14px;
}

blockquote:before {
  content: '“';
}

blockquote:after {
  content: '”';
}

a {
  text-decoration: none;
  color: #555555;
}

a:hover {
  color: #414141;
  text-decoration: underline;
}

a:hover img {
  opacity: 0.85;
}

/* Containers */
.site {
  position: relative;
  overflow-x: hidden;
  background-color: #fff;
}

.container {
  max-width: 981px;
  padding-left: 20px;
  padding-right: 20px;
  margin-left: auto;
  margin-right: auto;
}

.container, .clearfix, .connect-text-form .disclaimer, .contenta-studio, .showcase .showcase-category {
  *zoom: 1;
}

.container:before, .clearfix:before, .connect-text-form .disclaimer:before, .contenta-studio:before, .showcase .showcase-category:before, .container:after, .clearfix:after, .connect-text-form .disclaimer:after, .contenta-studio:after, .showcase .showcase-category:after {
  content: " ";
  display: table;
}

.container:after, .clearfix:after, .connect-text-form .disclaimer:after, .contenta-studio:after, .showcase .showcase-category:after {
  clear: both;
}

.icon, .search input[type="submit"], .newsletter .form-submit, .feedback-form .form-submit, .slick-prev:before,
.slick-next:before {
  background-repeat: no-repeat;
  background-position: left top;
  background-image: url("../images/icons.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (min--moz-device-pixel-ratio: 1.3), only screen and (-webkit-min-device-pixel-ratio: 1.3020833333333333), only screen and (min-resolution: 125dpi), only screen and (min-resolution: 1.3dppx) {
  .icon, .search input[type="submit"], .newsletter .form-submit, .feedback-form .form-submit, .slick-prev:before,
  .slick-next:before {
    background-image: url("../images/icons@2x.png");
    background-size: 500px 500px;
  }
}

a, a img, .button, .gallery-item .overlay, .showcase .showcase-category-image .overlay {
  -webkit-transition: 0.25s all ease-in-out;
  transition: 0.25s all ease-in-out;
}

.visually-hidden {
  margin: -1px;
  padding: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

.icon, .search input[type="submit"], .newsletter .form-submit, .feedback-form .form-submit, .slick-prev:before,
.slick-next:before, #header .nav, .nav li, .search, .social a, .intro ul li, .details .details-contact .thumb, .details .details-contact .text {
  vertical-align: middle;
  display: inline-block;
}

/* ====================== */
/* = HEADER */
/* ====================== */
#header {
  background-color: #4f8a95;
  padding: 17px 0 12px;
}

#header #logo {
  background-color: transparent;
  background-repeat: no-repeat;
  background-image: url("../images/logo.png");
  float: left;
  width: 196px;
  height: 33px;
  text-indent: -9999px;
  text-align: left;
}

#header .header-right {
  float: right;
}

@media screen and (min-width: 992px) {
  #header .header-right {
    display: block !important;
  }
}

#header .nav {
  margin-top: 4px;
}

@media screen and (max-width: 991px) {
  #header {
    padding: 15px 0;
  }
  #header .header-right {
    display: block;
    float: none;
    width: 100%;
    clear: both;
    text-align: center;
  }
  #header .nav {
    text-align: center;
    display: block;
    width: 100%;
    margin-top: 0;
  }
}

/* ====================== */
/* = MAIN */
/* ====================== */
#main {
  padding-top: 27px;
  padding-bottom: 27px;
}

.content {
  width: 68.9691817216%;
  float: left;
}

.sidebar {
  width: 28.2678002125%;
  float: right;
}

/* Sections */
/* ====================== */
/* Slider Intro */
.slider-intro {
  border-bottom: 1px solid #e4e4e4;
  margin-bottom: 20px;
}

.slider-intro .sidebar {
  padding-bottom: 10px;
}

@media screen and (max-width: 767px) {
  .slider-intro {
    padding-bottom: 20px;
  }
}

/* Gallery Section */
/* Connect Text Form */
.connect-text-form .connect-text-portion {
  font-size: 16px;
  color: #7e7e7c;
}

.connect-text-form .connect-text-portion a {
  color: #7e7e7c;
}

.connect-text-form .connect-text-portion h3 {
  font-weight: 400;
  margin: 0 0 15px;
}

.connect-text-form .connect-address dt, .connect-text-form .connect-address dd {
  display: inline-block;
  vertical-align: top;
}

.connect-text-form .disclaimer {
  margin-top: 168px;
  font-size: 12px;
  color: #555;
  line-height: normal;
}

.connect-text-form .disclaimer h4 {
  font-size: 14px;
  margin: 0 0 2px;
  color: #555;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-weight: 600;
}

.connect-text-form .disclaimer .disclaimer-thumb,
.connect-text-form .disclaimer .disclaimer-text {
  float: left;
}

.connect-text-form .disclaimer .disclaimer-thumb {
  width: 38.1%;
  padding-right: 15px;
  margin-top: -57px;
}

.connect-text-form .disclaimer .disclaimer-text {
  width: 61.9%;
}

@media screen and (min-width: 768px) {
  .connect-text-form .connect-text-portion,
  .connect-text-form .connect-form {
    float: left;
    width: 50%;
  }
  .connect-text-form .connect-text-portion {
    padding-right: 30px;
  }
  .connect-text-form .connect-form {
    margin-top: 28px;
  }
}

/* About Page */
.about-data {
  padding-bottom: 10px;
  font-size: 16px;
  color: #7e7e7c;
  line-height: normal;
}

.about-data .about-data-inner {
  height: 358px;
  padding-right: 35px;
  overflow: scroll;
}

/* ====================== */
/* = FOOTER */
/* ====================== */
#footer {
  background-color: #e5e5e5;
  padding: 15px 0;
}

#footer .container {
  max-width: 996px;
}

#footer .footer-left,
#footer .footer-center,
#footer .footer-right {
  float: left;
  width: 30%;
}

#footer .footer-left {
  width: 48.640167364%;
}

#footer .footer-center {
  width: 15.690376569%;
}

#footer .footer-right {
  float: right;
}

#footer .footer-menu li {
  list-style: none;
}

#footer .footer-menu li:before {
  content: '. ';
}

/* ====================== */
/* = COMPONENTS */
/* ====================== */
/* Utilities */
.text-small {
  font-size: 10px;
}

.text-large {
  font-size: 14px;
}

.text-x-large {
  font-size: 16px;
}

/* Spacing */
.ptn {
  margin-top: 0;
}

.pts {
  margin-top: 10px;
}

.ptm {
  margin-top: 15px;
}

.ptl {
  margin-top: 20px;
}

.pbn {
  margin-bottom: 0;
}

.pbs {
  margin-bottom: 10px;
}

.pbm {
  margin-bottom: 15px;
}

.pbl {
  margin-bottom: 20px;
}

.mtn {
  margin-top: 0;
}

.mts {
  margin-top: 10px;
}

.mtm {
  margin-top: 15px;
}

.mtl {
  margin-top: 20px;
}

.mbn {
  margin-bottom: 0;
}

.mbs {
  margin-bottom: 10px;
}

.mbm {
  margin-bottom: 15px;
}

.mbl {
  margin-bottom: 20px;
}

/* Component: Icons */
.icon-facebook {
  height: 35px;
  height:  3.5rem;
  width: 35px;
  width:  3.5rem;
  background-position: -15px -15px;
}

a:hover .icon-facebook,
button:hover .icon-facebook {
  background-position: -15px -65px;
}

.icon-instagram {
  height: 35px;
  height:  3.5rem;
  width: 35px;
  width:  3.5rem;
  background-position: -65px -15px;
}

a:hover .icon-instagram,
button:hover .icon-instagram {
  background-position: -65px -65px;
}

.icon-twitter {
  height: 35px;
  height:  3.5rem;
  width: 35px;
  width:  3.5rem;
  background-position: -115px -15px;
}

a:hover .icon-twitter,
button:hover .icon-twitter {
  background-position: -115px -65px;
}

.icon-pinterest {
  height: 35px;
  height:  3.5rem;
  width: 35px;
  width:  3.5rem;
  background-position: -165px -15px;
}

a:hover .icon-pinterest,
button:hover .icon-pinterest {
  background-position: -165px -65px;
}

.icon-flikr {
  height: 35px;
  height:  3.5rem;
  width: 35px;
  width:  3.5rem;
  background-position: -215px -15px;
}

a:hover .icon-flikr,
button:hover .icon-flikr {
  background-position: -215px -65px;
}

.icon-faa {
  height: 35px;
  height:  3.5rem;
  width: 35px;
  width:  3.5rem;
  background-position: -265px -15px;
}

a:hover .icon-faa,
button:hover .icon-faa {
  background-position: -265px -65px;
}

.icon-linkedin {
  height: 35px;
  height:  3.5rem;
  width: 35px;
  width:  3.5rem;
  background-position: -315px -16px;
}

a:hover .icon-linkedin,
button:hover .icon-linkedin {
  background-position: -315px -66px;
}

.icon-mail {
  height: 65px;
  height:  6.5rem;
  width: 69px;
  width:  6.9rem;
  background-position: -15px -116px;
}

.icon-search {
  height: 10px;
  height:  1rem;
  width: 10px;
  width:  1rem;
  background-position: -137px -115px;
}

.icon-arrow-right {
  height: 24px;
  height:  2.4rem;
  width: 23px;
  width:  2.3rem;
  background-position: -99px -115px;
}

.icon-previous {
  height: 21px;
  height:  2.1rem;
  width: 20px;
  width:  2rem;
  background-position: -162px -115px;
}

.icon-next {
  height: 21px;
  height:  2.1rem;
  width: 21px;
  width:  2.1rem;
  background-position: -198px -115px;
}

.icon-close {
  height: 21px;
  height:  2.1rem;
  width: 21px;
  width:  2.1rem;
  background-position: -234px -115px;
}

.icon-cart {
  height: 38px;
  height:  3.8rem;
  width: 38px;
  width:  3.8rem;
  background-position: -270px -115px;
}

.icon-connect {
  height: 62px;
  height:  6.2rem;
  width: 64px;
  width:  6.4rem;
  background-position: -15px -195px;
}

.icon-angle-left {
  height: 26px;
  height:  2.6rem;
  width: 16px;
  width:  1.6rem;
  background-position: -95px -195px;
}

.icon-angle-right {
  height: 26px;
  height:  2.6rem;
  width: 16px;
  width:  1.6rem;
  background-position: -119px -195px;
}

.icon-mail-blank {
  height: 65px;
  height:  6.5rem;
  width: 67px;
  width:  6.7rem;
  background-position: -144px -195px;
}

/* Component: Button */
.button {
  padding: 12px 20px;
  padding:  1.2rem 2rem;
  font-size: 13px;
  font-weight: 700;
  border: 1px solid transparent;
  border-radius: 4px;
  color: #303956;
  text-transform: uppercase;
  line-height: 1.13;
  display: inline-block;
  background-color: transparent;
  text-decoration: none;
  cursor: pointer;
}

.button:active, .button:focus {
  box-shadow: none;
  outline: none;
  color: #fff;
}

.button:disabled {
  opacity: 0.7;
}

.button--disabled {
  pointer-events: none;
}

.button, .button--default {
  background-color: #b7bcc9;
  border-color: #a0a6b8;
  color: #fff;
}

.button:hover, .button:active, .button--default:hover, .button--default:active {
  color: #fff;
  background-color: #a0a6b8;
}

.button:disabled, .button--default:disabled {
  background-color: #b7bcc9;
}

.button--primary {
  background-color: #4f8a95;
  border-color: #41717a;
  color: #fff;
}

.button--primary:hover, .button--primary:active {
  color: #fff;
  background-color: #41717a;
}

.button--primary:disabled {
  background-color: #4f8a95;
}

.button--sec {
  background-color: #3eccff;
  border-color: #15c1ff;
  color: #fff;
}

.button--sec:hover, .button--sec:active {
  color: #fff;
  background-color: #15c1ff;
}

.button--sec:disabled {
  background-color: #3eccff;
}

.button--danger {
  background-color: #ff0033;
  border-color: #d6002b;
  color: #fff;
}

.button--danger:hover, .button--danger:active {
  color: #fff;
  background-color: #d6002b;
}

.button--danger:disabled {
  background-color: #ff0033;
}

.button--success {
  background-color: #53E8A8;
  border-color: #2fe396;
  color: #fff;
}

.button--success:hover, .button--success:active {
  color: #fff;
  background-color: #2fe396;
}

.button--success:disabled {
  background-color: #53E8A8;
}

.button--is-small {
  font-size: 10px;
  padding: 8px 17px;
  padding:  0.8rem 1.7rem;
}

.button--is-large {
  font-size: 16px;
  padding: 14px 23px;
  padding:  1.4rem 2.3rem;
}

/* Component: Forms */
.form-group {
  margin-top: 6px;
}

.form-group:first-child {
  margin-top: 0;
}

.form-field {
  border: 1px solid #c1c1c1;
  padding: 7px 16px;
  color: #555555;
  box-shadow: inset 0px 0px 4px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

.form-field::-webkit-input-placeholder {
  color: #7e7e7c;
}

.form-field::-moz-placeholder {
  color: #7e7e7c;
}

.form-field:-moz-placeholder {
  color: #7e7e7c;
}

.form-field:-ms-input-placeholder {
  color: #7e7e7c;
}

/* MailChimp */
#mce-responses {
  margin-bottom: 15px;
}

/* Component: Nav */
.nav li {
  list-style: none;
  color: #fff;
  font-family: "Poiret One", Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 20px;
  position: relative;
}

.nav li a {
  color: #fff;
}

.nav li:after {
  content: ' . ';
}

@media screen and (min-width: 768px) {
  .nav li:hover > .sub-menu {
    display: block;
  }
  .nav .sub-menu {
    position: absolute;
    top: 100%;
    left: -10px;
    z-index: 1000;
    background-color: #4f8a95;
    min-width: 200px;
    padding: 12px 0 10px;
    display: none;
  }
  .nav .sub-menu li {
    display: block;
    font-size: 16px;
    margin: 0;
    line-height: normal;
  }
  .nav .sub-menu li:after {
    content: '';
  }
  .nav .sub-menu li a {
    width: 100%;
    display: block;
    padding: 8px 10px;
  }
  .nav .sub-menu li a:hover {
    background-color: #efefef;
    color: #4f8a95;
    text-decoration: none;
  }
}

@media screen and (max-width: 991px) {
  .nav li {
    width: 100%;
    display: block;
  }
  .nav li:after {
    content: '';
  }
  .nav li a {
    padding: 3px 0;
    display: inline-block;
  }
}

/* Component: Navbar Button */
.navbar-btn {
  display: inline-block;
  padding: 10px;
  background: #fff;
  border-radius: 3px;
  float: right;
  margin-top: 5px;
}

.navbar-btn span {
  width: 20px;
  height: 3px;
  margin-bottom: 3px;
  display: block;
  background-color: #4f8a95;
}

.navbar-btn span:last-child {
  margin-bottom: 0;
}

@media screen and (min-width: 992px) {
  .navbar-btn {
    display: none !important;
  }
}

/* Component: Widget */
.widget {
  margin-top: 30px;
}

.widget:first-child {
  margin-top: 0;
}

.widget.widget-links {
  font-size: 16px;
}

.widget.widget-links ul {
  list-style: none;
}

.widget.widget-links ul li:before {
  content: '. ';
}

@media screen and (max-width: 767px) {
  .widget .newsletter-widget {
    margin-top: 30px !important;
  }
}

.view-on-instagram {
  width: 137px;
  height: 24px;
  background: url("//badges.instagram.com/static/images/ig-badge-view-sprite-24.png") no-repeat 0 0;
  display: inline-block;
  margin-bottom: 10px;
}

.connect-newsletter {
  padding: 10px 10px 20px;
  background-color: #ececec;
}

.connect-newsletter .newsletter .form-fields {
  padding-right: 39px;
}

.connect-newsletter .newsletter .form-submit {
  right: 7px;
}

/* Component: Search */
.search {
  position: relative;
  margin-left: 8px;
  float: right;
  width: 150px;
  margin-top: 4px;
}

.search input[type="text"] {
  padding: 3px 7px;
  border: 1px solid #d4d6d7;
  font-family: "Poiret One", Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #555555;
  font-weight: bold;
  width: 100%;
}

.search input[type="text"]::-webkit-input-placeholder {
  color: #878787;
}

.search input[type="text"]::-moz-placeholder {
  color: #878787;
}

.search input[type="text"]:-moz-placeholder {
  color: #878787;
}

.search input[type="text"]:-ms-input-placeholder {
  color: #878787;
}

.search input[type="submit"] {
  border: none;
  padding: 0;
  width: 10px;
  height: 10px;
  position: absolute;
  top: 8px;
  right: 10px;
  background-color: transparent;
  background-position: -137px -115px;
  text-indent: -9999px;
  text-align: left;
}

.search .gsc-control-cse {
  border: none;
  background-color: transparent;
  padding: 0;
  margin-left: 3px;
}

.search .gsc-control-cse table, .search .gsc-control-cse tbody, .search .gsc-control-cse tr, .search .gsc-control-cse td, .search .gsc-control-cse th {
  display: block;
  width: 100%;
}

.search .gsc-control-cse .gsc-branding {
  display: none !important;
}

.search .gsc-control-cse form {
  vertical-align: top;
  margin-top: 4px;
}

.search .gsc-control-cse .gsc-input-box {
  position: relative;
}

.search .gsc-control-cse .gsc-input-box .gsib_b {
  position: absolute;
  right: 0;
  top: 1px;
  width: auto;
}

.search .gsc-control-cse .gsc-input {
  width: 100%;
  display: block;
  padding-right: 20px !important;
  background-image: none !important;
  text-indent: 0 !important;
}

.search .gsc-control-cse .gsc-search-button input {
  border: none;
  padding: 0;
  background-color: transparent;
  position: absolute;
  right: 0px;
  top: 8px;
}

@media screen and (max-width: 991px) {
  .search {
    margin-top: 10px;
    float: none;
    display: inline-block;
  }
}

/* Component: Newsletter */
.newsletter .form-fields {
  padding-right: 57px;
  position: relative;
}

.newsletter .newsletter-header {
  margin-bottom: 13px;
  position: relative;
  padding-left: 80px;
  min-height: 65px;
}

.newsletter .newsletter-header i {
  position: absolute;
  top: 0;
  left: 0;
}

.newsletter .newsletter-header h3 {
  margin-bottom: 0;
}

.newsletter .form-field {
  width: 100%;
}

.newsletter .form-submit {
  border: none;
  background-color: transparent;
  text-indent: -9999px;
  position: absolute;
  width: 23px;
  height: 24px;
  right: 28px;
  bottom: 3px;
  background-position: -99px -115px;
  text-align: left;
}

/* Component: feedback-form */
.feedback-form {
  background-color: #ececec;
  padding: 10px;
}

.feedback-form .form-fields {
  padding-right: 57px;
  position: relative;
}

.feedback-form .form-header {
  margin-bottom: 13px;
  position: relative;
  padding-left: 80px;
  min-height: 65px;
}

.feedback-form .form-header i {
  position: absolute;
  top: 0;
  left: 0;
}

.feedback-form .form-header h3 {
  margin-bottom: 0;
}

.feedback-form .form-field {
  width: 100%;
}

.feedback-form .form-heading {
  padding-left: 10px;
}

.feedback-form .form-radio-box {
  margin-bottom: 20px;
}

.feedback-form .form-radio-box .form-radio {
  width: 50%;
  float: left;
}

.feedback-form .form-submit {
  border: none;
  background-color: transparent;
  text-indent: -9999px;
  width: 23px;
  height: 24px;
  margin-top: 10px;
  background-position: -99px -115px;
  text-align: left;
}

.feedback-form .form-confirmation {
  font-weight: bold;
}

/* Component: Gallery Lightbox */
/* Component: Page Title */
h1.page-title {
  font-size: 30px;
}

/* Component: Social */
.social {
  font-size: 0;
}

.social a {
  margin-right: 3px;
  font-size: 12px;
  margin-bottom: 3px;
}

.social a:last-child {
  margin-right: 0;
}

/* Component: Section Title */
.section-title {
  margin-bottom: 4px;
  margin-left: 5px;
  font-weight: 600;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

/* Component: Main Slider */
.main-slider .main-slider-item {
  position: relative;
}

.main-slider .overlay {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 3px 15px;
  font-size: 12px;
  color: #7e7e7c;
}

.main-slider .overlay p {
  margin: 0;
}

/* Component: Intro */
.intro {
  margin-top: 50px;
}

.intro .intro-image {
  float: left;
  margin-right: 10px;
  box-shadow: 5px 0px 0px #fff;
}

.intro .intro-header {
  color: #fff;
  background-color: #4f8a95;
  padding: 5px;
  font-weight: 600;
  margin-bottom: 0.4em;
}

.intro .intro-header h3 {
  margin: 0;
  color: #fff;
  font-size: 12px;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
}

.intro .intro-header p {
  font-size: 10px;
  margin: 0;
}

.intro ul {
  list-style: none;
}

.intro ul li:after {
  content: ' | ';
}

.intro ul li:first-child:before {
  content: ' | ';
}

@media screen and (max-width: 767px) {
  .intro {
    margin-top: 25px;
  }
}

/* Component: Gallery */
.gallery-filter {
  margin-bottom: 10px;
}

.gallery-filter a {
  padding: 3px 5px;
  background-color: #e5e5e5;
  border-radius: 4px;
  display: inline-block;
  margin-right: 2px;
  margin-bottom: 4px;
  font-weight: 600;
  color: #7e7e7c;
}

.gallery-filter a:last-child {
  margin-left: 0;
}

.gallery-filter a:hover, .gallery-filter a.current {
  background-color: #797979;
  color: #fff;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  .gallery-filter {
    margin-bottom: 10px;
  }
}

.gallery-items {
  *zoom: 1;
  margin-left: -9px;
  margin-right: -9px;
}

.gallery-items:before, .gallery-items:after {
  content: " ";
  display: table;
}

.gallery-items:after {
  clear: both;
}

.gallery-items > .gallery-item {
  padding-left: 9px;
  padding-right: 9px;
}

@media screen and (min-width: 768px) {
  .gallery-items > .gallery-item {
    float: left;
    width: 33.3333333333%;
  }
  .gallery-items > .gallery-item:nth-child(3n+4) {
    clear: both;
  }
}

.gallery-item {
  position: relative;
  margin-top: 18px;
}

.gallery-item img {
  width: 100%;
}

.gallery-item .gallery-item-inner {
  position: relative;
}

.gallery-item .overlay {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #555555;
  background-color: rgba(85, 85, 85, 0.5);
  padding: 3px 15px;
  font-size: 12px;
  color: #fff;
}

.gallery-item .overlay p {
  margin: 0;
}

.gallery-item:hover .overlay {
  color: #555555;
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.76);
}

/* Component: Contenta Studio */
.contenta-studio {
  padding: 7px;
  background-color: #e8e9e9;
  min-height: 215px;
}

.contenta-studio .contenta-studio-logo {
  float: left;
  margin-right: 15px;
}

.contenta-studio .contenta-studio-text {
  display: inline-block;
  vertical-align: top;
  color: #191919;
  font-family: "Poiret One", Arial, Helvetica, sans-serif;
  font-size: 16px;
}

/* Component: Details */
.details {
  background-color: #e2e2e2;
  padding: 25px 0;
  margin-bottom: 13px;
}

.details .details-slide:focus {
  outline: none;
}

.details .details-title {
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  font-size: 16px;
}

.details .details-image,
.details .details-content {
  float: left;
}

.details .details-image {
  width: 75.4516471838%;
  padding-right: 17px;
}

.details .details-content {
  width: 21.6790648247%;
}

@media screen and (min-width: 768px) {
  .details .details-content {
    padding-top: 49px;
  }
}

.details .details-arrows {
  margin-top: 18px;
  text-align: center;
  width: 75.4516471838%;
}

.details .details-arrows a {
  margin-left: 2px;
}

.details .details-arrows .close {
  margin-left: 7px;
}

.details .details-purchase {
  display: block;
  margin-top: 20px;
  margin-bottom: 7px;
  font-size: 14px;
}

.details .details-purchase i {
  margin-right: 7px;
}

.details .details-contact {
  padding-left: 53px;
  position: relative;
  font-size: 14px;
  min-height: 45px;
}

.details .details-contact .thumb {
  width: 45px;
  height: 45px;
  border-radius: 100px;
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (max-width: 991px) {
  .details .details-image,
  .details .details-arrows {
    width: 60%;
  }
  .details .details-content {
    width: 40%;
  }
}

@media screen and (max-width: 767px) {
  .details .details-image,
  .details .details-content,
  .details .details-arrows {
    width: 100%;
    float: none;
    padding-right: 0;
  }
  .details .details-content {
    margin-top: 20px;
  }
}

/* Component: Showcase */
.showcase .gallery-filter {
  margin-bottom: 40px;
}

.showcase .showcase-category {
  border-top: 1px solid #e4e4e4;
  padding-top: 25px;
  margin-top: 15px;
}

.showcase .showcase-category:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.showcase .showcase-category-detail {
  float: left;
  width: 21.3602550478%;
}

.showcase .showcase-category-image {
  position: relative;
  margin-bottom: 15px;
}

.showcase .showcase-category-image .overlay {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #555555;
  background-color: rgba(85, 85, 85, 0.5);
  padding: 3px 15px;
  font-size: 12px;
  color: #fff;
}

.showcase .showcase-category-image .overlay p {
  margin: 0;
}

.showcase .showcase-category-images {
  float: left;
  width: 78.6397449522%;
  padding-left: 20px;
}

.showcase .showcase-category-images-inner {
  *zoom: 1;
  margin-left: -8px;
  margin-right: -8px;
  font-size: 0;
}

.showcase .showcase-category-images-inner:before, .showcase .showcase-category-images-inner:after {
  content: " ";
  display: table;
}

.showcase .showcase-category-images-inner:after {
  clear: both;
}

.showcase .showcase-category-images-inner > .item {
  padding-left: 8px;
  padding-right: 8px;
}

@media screen and (min-width: 768px) {
  .showcase .showcase-category-images-inner > .item {
    float: left;
    width: 11.1111111111%;
  }
  .showcase .showcase-category-images-inner > .item:nth-child(9n+10) {
    clear: both;
  }
}

.showcase .showcase-category-images .item {
  text-align: center;
  margin-bottom: 16px;
}

.showcase .showcase-category-images .item:before {
  content: '';
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  width: 0.5%;
}

.showcase .showcase-category-images .item-inner {
  vertical-align: middle;
  display: block;
  display: inline-block;
  max-width: 99%;
  padding: 3px;
  border: 1px solid #d4d4d4;
  box-shadow: 0px 1px 3px #d4d4d4;
}

/* Component: posts */
.posts .post {
  padding-bottom: 30px;
  border-bottom: 1px solid #dbdbdb;
  margin-bottom: 30px;
}

.posts .post .entry-wrap {
  height: 362px;
  padding-right: 35px;
  overflow: scroll;
}

.post .entry-title {
  margin: 0 0 3px;
}

.post .entry-meta {
  margin-bottom: 15px;
}

.post .entry-featured {
  text-align: left;
  margin-bottom: 10px;
}

.post .entry-content {
  font-size: 16px;
  line-height: normal;
}

/* Miscellaneous */
.slick-prev,
.slick-next {
  text-align: center;
  width: 30px;
  height: 30px;
}

.slick-prev:before,
.slick-next:before {
  content: '';
  font-family: 'Sans-serif';
  width: 100%;
  height: 100%;
}

.slick-prev:before {
  background-position: -85px -188px;
}

.slick-next:before {
  background-position: -108px -188px;
}

/* ====================== */
/* = RESPONSIVE */
/* ====================== */
@media screen and (max-width: 767px) {
  .content,
  .sidebar {
    float: none;
    width: 100%;
  }
  .content {
    margin-bottom: 25px;
  }
  #footer .footer-left,
  #footer .footer-center,
  #footer .footer-right {
    float: none;
    width: 100%;
    margin-top: 20px;
  }
  #footer .footer-left:first-child,
  #footer .footer-center:first-child,
  #footer .footer-right:first-child {
    margin-top: 0;
  }
}