@charset "UTF-8";

/*
Theme Name: makeupandhairstyle4u - Template
Theme URI: https://github.com/dimatade/dimata-basic
Author: DIMATA OHG
Author URI: http://www.dimata.de/
Description: The basis for a good marketing strategy is a DIMATA template. This theme may only be changed by the DIMATA team. © 2020 DIMATA OHG
Version: 1.0.2
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: dimata-basic

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

dimata-basic is based on DIMATA-Theme, (C) 2018-2020 DIMATA OHG.
*/

/*======================================

    ++WP Reset ++
    +++Fonts +++
    ++++General Styles++++
    ++++Typography ++++
    ++++Page preload ++++
    ++++Content Styles ++++
    ++++Section  ++++
    ++++Fixed title ++++
    ++++Separator ++++
    ++++Links  ++++
    ++++Video+++++
    ++++Home  +++++
    ++++Item hover  ++++
    ++++Header  ++++
    ++++Navigation ++++
    ++++About ++++
    ++++Services++++
    ++++Facts  ++++
    ++++Team++++
    ++++Testimonials ++++
    ++++Footer ++++
    ++++Portfolio++++
    ++++Share ++++
    ++++Contacts++++
    ++++Blog ++++
    ++++Css-animation ++++
    ++++Responsive++++
*/
/*-------------WP Reset ---------------------------------------*/
.aligncenter,
div.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.alignright {
  display: inline;
  float: right; }

.alignleft {
  display: inline;
  float: left; }

.wp-caption {
  max-width: 100%; }

.wp-caption p.wp-caption-text {
  font-size: 90%; }

.gallery-caption,
.wp-caption-text {
  margin-top: 10px; }

.bypostauthor .comment-meta {
  font-weight: bold; }

/* Text meant only for screen readers. */
.screen-reader-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden; }

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

table th, table td {
  padding: 5px; }

#wp-calendar {
  width: 100%; }

#wp-calendar tbody td, #wp-calendar thead th {
  text-align: center;
  padding: 10px; }

.widget_search button[type="submit"] {
  border-width: 2px; }

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

.widget_categories select,
.widget_archive select {
  width: 100%; }

.sidebar .widget * {
  max-width: 100%; }

.cth-single .blog-text img,
.cth-page .blog-text img,
.sidebar .widget img,
.cth-single img,
.cth-page img {
  max-width: 100%;
  height: auto; }

.sidebar ul {
  list-style: none;
  padding-left: 0px; }

.sidebar ul ul {
  padding-left: 15px; }

.sidebar ul li {
  padding-bottom: 8px;
  margin-bottom: 15px; }

.sidebar ul.children, .sidebar ul.sub-menu {
  margin-top: 15px;
  padding-top: 8px; }

.sidebar ul.children > li:last-child, .sidebar ul.sub-menu > li:last-child {
  margin-bottom: 0px;
  padding-bottom: 0px; }

.widget_archive ul li a,
.widget_categories ul li a,
.widget_pages ul li a,
.widget_meta ul li a,
.widget_recent_comments ul li a,
.widget_recent_entries ul li a,
.widget_rss ul li a,
.widget_nav_menu ul li a {
  display: inline-block; }

.widget_rss ul li a {
  display: block; }

.gallery[class*=gallery-columns-] .gallery-item img {
  width: auto; }

.gallery[class*=gallery-columns-] {
  float: left;
  width: 100%; }

.gallery.gallery-columns-1 .gallery-item {
  width: 100%;
  padding: 2px;
  margin-bottom: 20px;
  float: left; }

.gallery.gallery-columns-2 .gallery-item {
  width: 50%;
  padding: 2px;
  margin-bottom: 20px;
  float: left; }

.gallery.gallery-columns-3 .gallery-item {
  width: 33.33%;
  padding: 2px;
  margin-bottom: 20px;
  float: left; }

.gallery.gallery-columns-4 .gallery-item {
  width: 25%;
  padding: 2px;
  margin-bottom: 20px;
  float: left; }

.gallery.gallery-columns-5 .gallery-item {
  width: 20%;
  padding: 2px;
  margin-bottom: 20px;
  float: left; }

.gallery.gallery-columns-6 .gallery-item {
  width: 16.66%;
  padding: 2px;
  margin-bottom: 20px;
  float: left; }

.gallery.gallery-columns-7 .gallery-item {
  width: 14.28%;
  padding: 2px;
  margin-bottom: 20px;
  float: left; }

.gallery.gallery-columns-8 .gallery-item {
  width: 12.5%;
  padding: 2px;
  margin-bottom: 20px;
  float: left; }

.gallery.gallery-columns-9 .gallery-item {
  width: 11.11%;
  padding: 2px;
  margin-bottom: 20px;
  float: left; }

.row.full-height > .wpb_column, .row.full-height > .wpb_column > .vc_column-inner, .row.full-height > .wpb_column > .vc_column-inner > .wpb_wrapper,
.wpb_column.full-height > .vc_column-inner, .wpb_column.full-height > .vc_column-inner > .wpb_wrapper {
  height: 100%; }

.wpb_content_element {
  margin-bottom: 0px; }

.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

/*-------------Import fonts ---------------------------------------*/
@font-face {
  font-family: 'FuturaPT-Book';
  src: url("fonts/FuturaPT-Book_gdi.eot");
  src: url("fonts/FuturaPT-Book_gdi.eot?#iefix") format("embedded-opentype"), url("fonts/FuturaPT-Book_gdi.woff2") format("woff2"), url("fonts/FuturaPT-Book_gdi.woff") format("woff"), url("fonts/FuturaPT-Book_gdi.ttf") format("truetype"), url("fonts/FuturaPT-Book_gdi.svg#FuturaPT-Book") format("svg"); }

@font-face {
  font-family: 'futurastd-bold';
  src: url("fonts/futurastd-bold.eot");
  src: url("fonts/futurastd-bold.eot?#iefix") format("embedded-opentype"), url("fonts/futurastd-bold.woff2") format("woff2"), url("fonts/futurastd-bold.woff") format("woff"), url("fonts/futurastd-bold.ttf") format("truetype"), url("fonts/futurastd-bold.svg#FuturaPT-Book") format("svg"); }

/*-------------General Style---------------------------------------*/
html {
  overflow-x: hidden !important;
  height: 100%; }

body {
  margin: 0;
  padding: 0;
  font-family: 'FuturaPT-Book';
  font-weight: 400;
  font-size: 14px;
  color: #000;
  background: #f9f9f9;
  height: 100%;
  text-align: left;
  /*line-height: 1.5;*/ }

@-o-viewport {
  width: device-width; }

@-ms-viewport {
  width: device-width; }

@viewport {
  width: device-width; }

/*--------------Typography--------------------------------------*/
h1 {
  font-size: 4.46666666667em;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1.17em; }

h2 {
  font-size: 3.2em;
  font-weight: 300;
  text-align: center; }

h3 {
  font-size: 1em; }

h4 {
  font-size: 0.9em;
  font-weight: 200; }

h5 {
  font-size: 0.8em;
  font-weight: 200; }

h6 {
  font-size: 0.6em;
  font-weight: 200; }

p {
  text-align: left;
  font-size: 14px;
  line-height: 24px;
  padding-bottom: 10px; }

p img {
  max-width: 100%;
  height: auto; }

blockquote {
  float: left;
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 15px solid #eee;
  width: 100%; }

blockquote p {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  color: #494949; }

.nicescroll-cursors:before {
  content: '';
  width: 30px;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -15px;
  z-index: 5; }

/* ---------Page preload--------------------------------------*/
.loader {
  position: fixed;
  top: 50% !important;
  left: 50%;
  width: 50px;
  height: 50px;
  z-index: 100;
  margin-left: -25px; }

.tm-loader,
.tm-loader #circle {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: none;
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center; }

.tm-loader {
  width: 50px;
  height: 50px;
  margin: -25px 0 0 -25px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-animation: preloader-outer 1.5s ease infinite;
  animation: preloader-outer 1.5s ease infinite; }

.tm-loader #circle {
  -webkit-animation: preloader 3s ease infinite;
  animation: preloader 3s ease infinite; }

.tm-loader #circle {
  border: 2px solid  #ccc; }

.tm-loader #circle {
  border-bottom: 2px solid #000; }

@-webkit-keyframes preloader-outer {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg); }
  to {
    opacity: 1;
    -webkit-transform: rotate(360deg); } }

@keyframes preloader-outer {
  from {
    opacity: 1;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    opacity: 1;
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@-webkit-keyframes preloader {
  0% {
    opacity: 0.3; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.3; } }

@keyframes preloader {
  0% {
    opacity: 0.3; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0.3; } }

/* ---------Content Styles--------------------------------------*/
#main-theme {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  opacity: 0;
  -webkit-transition: all 0.4s  ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s  ease-in-out;
  transition: all 0.4s  ease-in-out; }

#wrapper {
  height: 100%;
  margin-left: 0;
  vertical-align: top;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 3;
  width: 100%; }

.left-decor, .right-decor, .fixed-wrap:before, .fixed-wrap:after {
  position: fixed;
  width: 50px;
  height: 100%;
  background: #fff;
  z-index: 1;
  -webkit-transform: translate3d(0, 0, 0); }

.fixed-wrap:before, .fixed-wrap:after {
  content: '';
  z-index: 3; }

.left-decor, .fixed-wrap:before {
  left: 0; }

.right-decor, .fixed-wrap:after {
  right: 0; }

.left-decor:before, .right-decor:before, .left-decor:after, .right-decor:after {
  content: '';
  position: absolute;
  width: 30px;
  left: 10px;
  height: 1px;
  background: #eee; }

.left-decor:before, .right-decor:before {
  top: 70px; }

.left-decor:after, .right-decor:after {
  bottom: 50px; }

.content-holder {
  vertical-align: top;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  z-index: 2;
  height: 100%;
  padding: 50px; }

.slid-hol {
  padding-top: 70px; }

.container {
  max-width: 1024px;
  width: 92%;
  margin: 0 auto;
  position: relative;
  z-index: 2; }

.content {
  width: 100%;
  position: relative;
  z-index: 2;
  float: left; }

.zindex3 {
  z-index: 3; }

.mr-con {
  top: -50px; }

.full-height {
  height: 100%; }

.wrapper-inner {
  float: left;
  width: 70%;
  position: relative;
  background: #fff;
  padding: 150px 0;
  z-index: 3;
  opacity: 0; }

.full-width-wrap {
  width: 100%; }

.full-width-wrap:before {
  content: '';
  position: absolute;
  right: 0;
  width: 30%;
  background: #fff;
  top: -70px;
  height: 70px; }

.body-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #f4f4f4;
  z-index: 2; }

.bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-attachment: scroll;
  background-position: center;
  background-repeat: repeat;
  background-origin: content-box;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear; }

.full-height-parallax {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 2; }

.respimg {
  /*width:100%;*/
  max-width: 100%;
  height: auto; }

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.2;
  z-index: 2; }

.overp3 .overlay {
  opacity: 0.3; }

.overp4 .overlay {
  opacity: 0.4; }

.overp5 .overlay {
  opacity: 0.5; }

.overp6 .overlay {
  opacity: 0.6; }

.overp7 .overlay {
  opacity: 0.7; }

.overp8 .overlay {
  opacity: 0.8; }

.overp9 .overlay {
  opacity: 0.9; }

/* ---------Section --------------------------------------*/
section {
  float: left;
  width: 100%;
  position: relative;
  padding: 90px 0;
  background: #f9f9f9; }

.small-container {
  max-width: 650px; }

.parallax-section {
  float: left;
  width: 100%;
  padding: 200px 0;
  position: relative;
  overflow: hidden;
  z-index: 2; }

.parallax-section .subtitle:before, .hero-title .subtitle:before {
  content: '';
  position: absolute;
  top: 100%;
  margin-top: 30px;
  width: 1px;
  background: rgba(255, 255, 255, 0.71);
  height: 50px;
  left: 50%; }

.parallax-section div.overlay {
  opacity: 0.3 !important; }

.sect-scroll {
  position: absolute;
  bottom: 20px;
  left: 50%;
  width: 40px;
  height: 40px;
  line-height: 40px;
  margin-left: -20px;
  color: #fff;
  z-index: 5;
  font-size: 18px;
  -webkit-transition: all 0.4s  ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s  ease-in-out;
  transition: all 0.4s  ease-in-out; }

.sect-scroll:before {
  content: '';
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -30px;
  width: 60px;
  background: #fff;
  height: 1px;
  opacity: 0.6; }

.sect-scroll:hover {
  opacity: 0.6; }

.subtitle {
  color: #fff;
  font-size: 16px;
  font-style: italic;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding-top: 12px;
  opacity: 0.8;
  position: relative; }

.parallax-section .bg {
  width: 110%;
  left: -5%;
  height: 110%;
  top: -5%; }

.parallax-section .bg {
  height: 115%;
  top: -10%; }

.parallax-section h2 {
  color: #fff;
  font-size: 42px; }

.align-text {
  text-align: left; }

.no-border {
  border: none !important; }

.no-padding {
  padding: 0 !important; }

/* ---------Fixed title --------------------------------------*/
.fixed-title {
  position: fixed;
  width: 220px;
  height: 100px;
  top: 50%;
  margin-top: 125px;
  letter-spacing: 0.17em;
  font-size: 12px;
  text-transform: uppercase;
  margin-left: -54px;
  line-height: 50px;
  text-align: center;
  cursor: default;
  overflow: hidden;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  z-index: 12; }

.fixed-title h1,
.fixed-title span, .fixed-title a {
  position: relative;
  z-index: 3;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  color: #fff;
  font-size: inherit;
  line-height: inherit; }

.fixed-title:after {
  content: '';
  position: absolute;
  bottom: 46px;
  left: 0;
  z-index: 2;
  width: 100%;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  height: 160px;
  background: #292929; }

.fixed-title:hover:after {
  height: 0; }

.fixed-title:hover h1,
.fixed-title:hover span, .fixed-title a {
  color: #000; }

/*.fix-box.scroll-to-fixed-fixed {overflow-y:scroll;}*/
.fix-box .fix-box-wrapp {
  height: 100%;
  overflow-y: scroll; }

.fix-box .comments-holder, .fix-box .comment-form-holder {
  padding-left: 20px;
  padding-right: 20px; }

.fix-box .comment-form-holder, .fixed-info-container .comment-form-holder {
  margin-bottom: 50px !important; }

.fixed-info-container .control-group .controls textarea {
  max-width: 100%; }

.fixed-info-container .control-group .controls input {
  width: 200px; }

/* ---------Separator --------------------------------------*/
.separator {
  margin: 0 auto;
  width: 70px;
  height: 4px;
  background: #fff;
  margin: 10px auto 10px; }

.bl-sep {
  background: #000; }

.separator-image {
  background: none;
  width: auto; }

/* --------- Links  --------------------------------------*/
.btn {
  display: inline-block;
  padding: 14px 35px 13px 35px;
  line-height: 1;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  margin: 20px auto;
  color: #000;
  border: 2px solid #000;
  position: relative; }

.anim-button {
  overflow: hidden;
  background-clip: padding-box;
  vertical-align: middle;
  max-width: 100%;
  overflow: hidden;
  outline: none;
  width: auto; }

.anim-button i {
  top: -100%;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  line-height: 40px;
  text-align: center !important;
  font-size: 16px; }

.wt-btn {
  color: #fff;
  border: 2px solid #fff; }

.anim-button i, .anim-button span {
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear; }

.anim-button span {
  float: left;
  width: 100%;
  position: relative;
  top: 0; }

.anim-button:hover span {
  top: 100px; }

.anim-button:hover i {
  top: 0; }

/* --------- Video --------------------------------------*/
.resp-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  margin-bottom: 20px; }

.resp-video iframe,
.resp-video object,
.resp-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.media-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }

.video-mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1; }

.mob-bg {
  display: none; }

/* --------- Home  --------------------------------------*/
.full-height-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2; }

.big-index {
  z-index: 6;
  overflow: hidden; }

.hero-title {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 5; }

.hero-logo {
  margin: 0 auto 10px;
  max-width: 200px;
  position: relative; }

.hero-logo:before, .hero-logo:after {
  content: '';
  position: absolute;
  top: 50%;
  width: 70px;
  height: 3px;
  background: #fff;
  opacity: 0.6; }

.hero-logo:before {
  left: -150px; }

.hero-logo:after {
  right: -150px; }

.hero-logo img {
  width: 100%;
  height: auto; }

.hero-title h3 {
  color: #fff !important;
  opacity: 0.8; }

.hero-title h2, .hero-title a {
  color: #fff; }

.hero-link {
  margin-top: 30px;
  font-size: 16px;
  display: inline-table;
  padding: 10px 26px;
  min-width: 150px;
  border: 1px solid rgba(255, 255, 255, 0.51); }

.hero-link:hover {
  text-decoration: line-through; }

.parallax-nav.swiper-nav-holder {
  z-index: 6;
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%; }

.parallax-nav.swiper-nav-holder .arrow-left {
  left: 32px !important;
  color: #fff;
  position: absolute;
  font-size: 18px; }

.parallax-nav.swiper-nav-holder .arrow-right {
  color: #fff;
  right: 32px !important;
  position: absolute;
  font-size: 18px; }

.hs {
  position: absolute;
  top: 50%;
  right: -40px;
  width: 30px;
  z-index: 20;
  height: 60px;
  margin-top: -30px; }

.hs a {
  position: relative;
  float: left;
  width: 100%;
  height: 30px;
  font-size: 19px;
  margin-bottom: 4px; }

.slideshow-holder, .slideshow-item, .slideshow-item .item {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1; }

.slideshow-item .item {
  width: 100%;
  height: 100%;
  position: relative; }

.slideshow-holder .overlay {
  opacity: 0.4;
  z-index: 3; }

.slide-title-holder {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 3; }

.slide-title {
  top: 50%;
  position: relative;
  z-index: 5; }

.slide-title .separator-image {
  padding: 10px 0; }

.slide-title .subtitle {
  position: relative; }

.slide-title .subtitle:before {
  content: '';
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -25px;
  height: 25px;
  width: 50px;
  border-radius: 90px 90px 0 0;
  -moz-border-radius: 90px 90px 0 0;
  -webkit-border-radius: 90px 90px 0 0;
  border: 2px solid #fff;
  border-bottom: none; }

.swiper-slide .overlay {
  opacity: 0.3; }

.slide-title h3 {
  font-size: 40px;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  margin-bottom: 10px;
  color: #fff;
  display: inline-table; }

.slide-title h3:before, .slide-title h3:after, .hero-text-holder:before, .hero-text-holder:after {
  content: '';
  position: absolute;
  top: 50%;
  width: 50px;
  height: 1px;
  background: #fff;
  opacity: 0.6;
  -webkit-transition: all 0.4s  ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s  ease-in-out;
  transition: all 0.4s  ease-in-out; }

.slide-title h3:before, .hero-text-holder:before {
  left: -70px; }

.slide-title h3:after, .hero-text-holder:after {
  right: -70px; }

.slide-title h3:hover:before, .slide-title h3:hover:after {
  width: 100%; }

.slide-title h4 {
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 2px;
  position: relative;
  margin: 6px 0 10px 0;
  width: 100%;
  color: #fff; }

.slide-title h4 a {
  padding: 10px 40px;
  background: rgba(255, 255, 255, 0.11);
  display: inline-table;
  position: relative;
  border: 1px solid rgba(255, 255, 255, 0.31); }

.slide-title h3 a, .slide-title h4 a {
  color: #fff; }

.slide-title h4 a:hover, .slide-title h4 a:hover i {
  text-decoration: line-through; }

.single-title h3 {
  position: relative;
  opacity: 1;
  top: 0; }

.single-title .slide-title {
  position: relative;
  left: -50px; }

.zoomimage {
  position: absolute;
  top: 70px;
  right: 70px;
  cursor: pointer;
  z-index: 15;
  width: 30px;
  height: 30px;
  background: rgba(0, 0, 0, 0.91); }

.zoomimage i {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  line-height: 30px;
  color: #fff;
  -webkit-transition: all 0.4s  ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s  ease-in-out;
  transition: all 0.4s  ease-in-out; }

.zoomimage:hover i {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.zoomimage img {
  width: 30px;
  height: 30px;
  opacity: 0;
  position: relative;
  z-index: 2; }

.hero-grid {
  float: left;
  width: 50%;
  height: 50%;
  position: relative; }

.hero-grid.w11 {
  width: 100%; }

.hero-grid.w12 {
  width: 50%; }

.hero-grid.w13 {
  width: 33.33333%; }

.hero-grid.w14 {
  width: 25%; }

.hero-grid.w15 {
  width: 20%; }

.hero-grid.w16 {
  width: 16.66666%; }

.hero-grid.w17 {
  width: 14.28571%; }

.hero-grid.w18 {
  width: 12.5%; }

.hero-grid.w19 {
  width: 11.11111%; }

.hero-grid.w110 {
  width: 10%; }

.hero-grid.h11 {
  height: 100%; }

.hero-grid.h12 {
  height: 50%; }

.hero-grid.h13 {
  height: 33.33333%; }

.hero-grid.h14 {
  height: 25%; }

.hero-grid.h15 {
  height: 20%; }

.hero-grid.h16 {
  height: 16.66666%; }

.hero-grid.h17 {
  height: 14.28571%; }

.hero-grid.h18 {
  height: 12.5%; }

.hero-grid.h19 {
  height: 11.11111%; }

.hero-grid.h110 {
  height: 10%; }

.hero-grid .overlay {
  z-index: 2;
  opacity: 0.3; }

.hero-slider, .hero-slider .item {
  float: left;
  width: 100%;
  height: 100%;
  position: relative; }

.hero-text-holder {
  position: relative;
  text-align: center;
  color: #fff;
  font-size: 40px;
  margin: 0 auto 10px;
  max-width: 450px;
  text-transform: uppercase; }

.hero-text-holder .item {
  float: left;
  width: 100%;
  overflow: hidden; }

/*------item hover ------------------------------------------------*/
.box-item {
  float: left;
  width: 100%; }

.vertical-gallery .box-item {
  margin-bottom: 10px;
  padding: 0px 5px; }

.vertical-gallery.no-sp-yes .box-item {
  padding: 0px;
  margin-bottom: 0px; }

.box-item a {
  float: left;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden; }

.box-item a img {
  position: relative;
  z-index: 1;
  width: 100%;
  -webkit-transition: all 4000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
  -o-transition: all 4000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms;
  transition: all 4000ms cubic-bezier(0.19, 1, 0.22, 1) 0ms; }

.box-item a .overlay {
  opacity: 0;
  z-index: 2;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear; }

.box-item a:hover .overlay {
  opacity: 0.3; }

.box-item a:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
      transform: scale(1.05); }

/*------ Header  ------------------------------------------------*/
header.outdoor-header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 20;
  height: 70px;
  line-height: 70px;
  width: 100%;
  background: #fff;
  -webkit-transform: translate3d(0, 0, 0); }

.header-inner {
  float: left;
  width: 100%;
  padding: 0 50px;
  padding-top: 10px;
  position: relative; }

.logo-holder {
  position: absolute;
  top: 10px;
  left: 50px;
  width: 100%;
  height: 50px; }

.logo-holder a img {
  float: left;
  /*width:auto;
    height:100%;*/ }

/*------ navigation  ------------------------------------------------*/
.nav-holder {
  float: right;
  position: relative; }

/*nav {
    position:relative;
    float:left;
    width:100%;
    top:10px;
}
.nav-holder nav ul {list-style: none;padding-left: 0px;}
nav li{
    float:left;
    position:relative;
}
nav li ul {
    margin: 30px 0 0 0;
    display: none;
    position: absolute;
    max-width: 100%;
    min-width:200px;
    top: 30px;
    left: 0;
    z-index: 1;
    background: #fff;
    transition: all .2s ease-in-out;
}
nav li:hover > ul {
    display: block;
    margin: 0;
}
nav li ul li ul {
    top: 0;
    left: -100%;
}
nav li ul li:hover  > ul  {
    display: block;
    right: 100%;
}
nav li ul li {
    float: none;
    display: block;
    border: 0;
}
nav li a {
    float: left;
    padding: 10px 22px;
    line-height: 1;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #666;
    top:0;
    position:relative;
    -webkit-transition: all 100ms linear;
    -moz-transition: all 100ms linear;
    -o-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
    text-align: left;
    width: 100%;
}
nav li a.act-link:before {
     content:'';
     position:absolute;
     bottom:0;
     left:0;
     width:100%;
     height:100%;
     background:#292929;
    -webkit-transition: all 200ms linear;
   -moz-transition: all 200ms linear;
   -o-transition: all 200ms linear;
   -ms-transition: all 200ms linear;
   transition: all 200ms linear;
    z-index:-1;
}
nav li a.act-link {
    color: #fff;
}
nav li a.act-link:hover  {
    color:#000;
}
nav li a:hover {
    color:#ccc;
}
nav li a.act-link:hover:before {
    height:0;
}
nav li ul a:before  {
    display:none;
}
nav li ul a.act-link,nav li ul li a.ancestor-act-link,nav li ul li a.parent-act-link {
    color:#000;
    font-weight:600;
}*/
nav {
  position: relative;
  float: left;
  width: 100%;
  top: 10px; }

.nav-holder nav ul {
  list-style: none;
  padding-left: 0px; }

nav li {
  float: left;
  position: relative; }

nav li ul {
  margin: 30px 0 0 0;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  max-width: 100%;
  min-width: 200px;
  top: 30px;
  left: 0;
  z-index: 1;
  /*z-index: -999;*/
  background: #fff;
  -webkit-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out; }

nav li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
  z-index: 1; }

nav li ul li ul {
  top: 0;
  left: -100%; }

nav li ul li:hover > ul {
  opacity: 1;
  visibility: visible;
  right: 100%; }

nav li ul li {
  float: none;
  display: block;
  border: 0; }

nav li a {
  float: left;
  padding: 10px 22px;
  line-height: 1;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #666;
  top: 0;
  position: relative;
  -webkit-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  transition: all 100ms linear;
  text-align: left;
  width: 100%; }

nav li a.act-link:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #292929;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  z-index: -1; }

nav li a.act-link {
  color: #fff; }

nav li a.act-link:hover {
  color: #000; }

nav li a:hover {
  color: #ccc; }

nav li a.act-link:hover:before {
  height: 0; }

nav li ul a:before {
  display: none; }

nav li ul a.act-link, nav li ul li a.ancestor-act-link, nav li ul li a.parent-act-link {
  color: #000;
  font-weight: 600; }

.nav-button-holder {
  float: right;
  border-left: 1px solid rgba(255, 255, 255, 0.4);
  margin: 0 0 0 10px;
  padding-left: 22px;
  display: none; }

.nav-button {
  float: right;
  width: 30px;
  height: 24px;
  position: relative;
  margin-top: 9px;
  cursor: pointer; }

.nav-button span {
  float: left;
  width: 100%;
  height: 4px;
  background: #000;
  margin-bottom: 2px;
  position: relative; }

/*------ about -------------------------------------------------*/
.scroll-page-nav {
  position: fixed;
  top: 50%;
  right: 0px;
  z-index: 13;
  width: 50px; }

ul.one-page-scroll-nav {
  list-style: none;
  padding-left: 0px; }

.scroll-page-nav li {
  width: 100%;
  float: left;
  margin-bottom: 4px; }

.scroll-page-nav a {
  display: inline-block;
  width: 7px;
  height: 7px;
  border: 1px solid #666;
  border-radius: 100%;
  line-height: 0px;
  text-indent: -99999px; }

.scroll-page-nav a.act-link {
  background: #666; }

.fixed-wrap {
  position: fixed; }

.custom-inner {
  float: left;
  width: 100%;
  padding: 150px 0 70px 0;
  position: relative;
  z-index: 5; }

.custom-inner .container {
  max-width: 1250px; }

.custom-inner p, .custom-inner h2 {
  color: #fff;
  text-align: left; }

.custom-inner h3 {
  float: left;
  width: 100%;
  margin: 10px  0 20px 0;
  text-align: left; }

.custom-inner.error-page p, .custom-inner.error-page h2 {
  text-align: center !important; }

.custom-inner.error-page h2 {
  font-size: 180px; }

.custom-inner.error-page h3 {
  color: #fff;
  font-size: 22px;
  text-align: center; }

.custom-inner.postpass-page p, .custom-inner.postpass-page h2 {
  text-align: center !important; }

.custom-inner.postpass-page h2 {
  font-size: 46px;
  text-transform: uppercase; }

.custom-inner.postpass-page h3 {
  color: #fff;
  font-size: 18px;
  text-align: center; }

.custom-inner .separator {
  float: left; }

.custom-inner.error-page .separator {
  float: none; }

.custom-inner.postpass-page .separator {
  float: none; }

.content-link {
  float: left;
  font-size: 18px;
  margin-top: 30px;
  color: #fff; }

.content-link:hover {
  text-decoration: line-through; }

.content-logo {
  margin-bottom: 20px;
  opacity: 0.8; }

.signature {
  float: left;
  width: 100%;
  margin-top: 20px; }

.signature img {
  float: left; }

.section-columns {
  padding: 50px 0 0 0; }

.section-columns:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: #fff;
  height: 50px;
  z-index: 20; }

.section-columns-text {
  float: right;
  width: 60%;
  position: relative;
  background: #292929;
  padding: 50px 0; }

.section-columns-text .custom-inner {
  padding: 50px 0; }

.section-columns-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 40%;
  height: 100%; }

/* --------- Services  --------------------------------------*/
.service-box {
  float: left;
  width: 100%;
  padding: 20px 0px 20px 60px;
  position: relative;
  cursor: crosshair; }

.service-box i {
  position: absolute;
  top: 22px;
  left: 0;
  color: #ccc;
  font-size: 22px; }

.service-box h4 {
  text-align: left;
  font-size: 16px;
  text-transform: uppercase;
  font-family: 'futurastd-bold';
  color: #fff;
  padding-bottom: 10px; }

.service-box span {
  float: left;
  color: #fff;
  width: 100%;
  font-size: 16px;
  font-style: italic;
  text-align: left;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding: 12px 0 20px 0;
  opacity: 0.8;
  border-bottom: 1px solid #eee; }

.order-holder .wpb_content_element {
  margin-bottom: 0px; }

.order-holder h3 {
  font-size: 29px;
  position: relative;
  line-height: 75px; }

.order-holder h3:before {
  content: '';
  position: absolute;
  right: 70px;
  top: 12px;
  width: 1px;
  height: 50px;
  background: #eee; }

/*------facts  -------------------------------------------------*/
.inline-facts {
  float: left;
  width: 100%;
  padding: 40px 0;
  position: relative;
  background: #fff; }

.inline-facts:before {
  content: '';
  position: absolute;
  top: 10%;
  right: 1px;
  width: 1px;
  height: 80%;
  background: #eee; }

.inline-facts-holder > .wpb_column:nth-child(4n+0) .inline-facts:before {
  display: none; }

.inline-facts-holder .wpb_content_element {
  margin-bottom: 0px; }

.inline-facts i {
  position: relative;
  color: #ccc;
  font-size: 24px;
  opacity: 0.4;
  padding-bottom: 10px; }

.inline-facts .num {
  font-size: 34px;
  color: #000; }

.inline-facts h6 {
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'futurastd-bold';
  padding-top: 10px;
  color: #666; }

.inline-facts h6 a {
  color: #666; }

.inline-facts h6 a:hover {
  text-decoration: line-through; }

/*------ Team  ------------------------------------------------*/
.team-holder {
  float: left;
  width: 100%;
  margin-top: 50px; }

.team-holder li {
  float: left;
  width: 33.3333%;
  padding: 20px 20px 20px 0; }

.team-box {
  float: left;
  position: relative;
  width: 100%;
  margin-bottom: 20px; }

.team-info {
  float: left;
  width: 100%;
  margin-top: 20px; }

.team-info h3 {
  font-size: 19px;
  padding-bottom: 4px; }

.team-photo {
  position: relative;
  overflow: hidden;
  width: 100%;
  float: left; }

.team-box .overlay {
  opacity: 0;
  z-index: 2;
  background: #000;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear; }

.team-box:hover .overlay {
  opacity: 0.5; }

.team-social {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  z-index: 3;
  display: none;
  list-style: none;
  padding-left: 0px; }

.team-social li {
  float: none !important;
  display: inline-block !important;
  padding: 6px;
  width: auto !important; }

.team-social li a {
  color: #fff;
  font-size: 16px;
  position: relative;
  top: 50px;
  opacity: 0; }

.small-padding {
  padding: 110px 0; }

.small-padding2 {
  padding: 30px 0 80px; }

/* --------- Testimonials --------------------------------------*/
.testi-item {
  max-width: 800px;
  margin: 20px auto;
  text-align: center; }

.testi-item h3 {
  font-size: 15px;
  text-transform: uppercase;
  font-family: 'futurastd-bold';
  padding: 20px 0;
  color: #fff; }

.testi-item p {
  text-align: center;
  font-size: 16px;
  font-style: italic;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding: 10px 0;
  color: #fff; }

.white-bg {
  background: #fff; }

.testimonials-slider-holder {
  float: left;
  width: 100%;
  position: relative; }

.testimonials-slider-holder .customNavigation a {
  position: absolute;
  top: 50%;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  line-height: 20px;
  font-size: 19px;
  cursor: pointer;
  color: #fff;
  z-index: 30; }

.testimonials-slider-holder .customNavigation a.next-slide {
  right: 0; }

.testimonials-slider-holder .customNavigation a.prev-slide {
  left: 0; }

.testi-item a {
  display: inline-table;
  margin-top: 30px;
  font-size: 12px;
  text-transform: uppercase;
  font-family: 'futurastd-bold';
  margin-top: 30px;
  color: #fff;
  position: relative; }

.testi-item a:hover {
  text-decoration: line-through; }

/*------ footer -------------------------------------------------*/
footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background: #fff;
  z-index: 15;
  padding: 0 50px;
  line-height: 50px; }

.footer-social {
  padding-top: 10px;
  float: right; }

.footer-social ul {
  list-style: none;
  padding-left: 0px; }

.footer-social li {
  float: left;
  margin-left: 10px; }

.footer-social li a {
  float: left;
  width: 26px;
  height: 26px;
  line-height: 26px;
  font-size: 9px;
  color: #fff;
  border-radius: 100%;
  background: #292929; }

.policy-box {
  float: left;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #666; }

.policy-box span {
  float: left; }

.policy-box ul {
  position: relative;
  float: left;
  margin-left: 10px;
  padding-left: 20px;
  list-style: none; }

.policy-box ul li {
  float: left;
  position: relative;
  padding-left: 40px; }

.policy-box ul li:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 30px;
  height: 3px;
  background: #000;
  margin-top: -2px;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear; }

.policy-box ul li:hover:before {
  width: 100%; }

.policy-box ul:before {
  content: '';
  position: absolute;
  top: 16px;
  left: -2px;
  background: #eee;
  width: 2px;
  height: 20px; }

.policy-box ul li a {
  padding: 0 10px;
  color: #666; }

.policy-box ul li a:hover {
  text-decoration: line-through; }

.to-top {
  position: absolute;
  top: -41px;
  right: 51px;
  opacity: 0;
  width: 40px;
  height: 40px;
  margin-top: -12px;
  line-height: 40px;
  cursor: pointer;
  font-size: 20px;
  visibility: hidden;
  background: rgba(0, 0, 0, 0.81);
  color: #fff;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear; }

.vistotop {
  opacity: 1;
  margin-top: 0;
  visibility: visible; }

.to-top:hover {
  opacity: 0.8; }

/*-- portfolio ------------------*/
.gallery-items {
  float: left;
  width: 100%;
  padding-bottom: 50px; }

.grid-item-holder {
  float: left;
  width: 100%;
  height: auto;
  position: relative; }

.hid-port-info .grid-item-holder {
  overflow: hidden; }

.hidden-port-info .grid-item {
  display: none; }

.grid-big-pad .grid-item-holder {
  padding: 20px; }

.grid-small-pad .grid-item-holder {
  /*padding:10px 20px 10px 0;*/
  padding: 10px 10px 10px 10px; }

.gallery-item, .grid-sizer {
  width: 25%;
  position: relative; }

.gallery-item {
  position: relative; }

.gallery-item-second,
.grid-sizer-second {
  width: 50%; }

.gallery-item-three,
.grid-sizer-three {
  width: 75%; }

.gallery-item img, .grid-sizer img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1; }

.content-column .gallery-item {
  padding: 1px; }

.content-column {
  padding-bottom: 50px; }

.five-coulms .gallery-item, .five-coulms .grid-sizer {
  width: 20%; }

.five-coulms .gallery-item-second {
  width: 40%; }

.five-coulms .gallery-item-three {
  width: 60%; }

.four-coulms .gallery-item, .four-coulms .grid-sizer {
  width: 25%; }

.four-coulms .gallery-item-second {
  width: 50%; }

.four-coulms .gallery-item-three {
  width: 75%; }

.three-coulms .gallery-item, .three-coulms .grid-sizer {
  width: 33.33333%; }

.three-coulms .gallery-item-second {
  width: 66.66666%; }

.two-coulms .gallery-item, .two-coulms .grid-sizer {
  width: 50%; }

.two-coulms .gallery-item-second, .two-coulms .gallery-item-three {
  width: 100%; }

.one-coulms .gallery-item, .one-coulms .grid-sizer {
  width: 100%; }

.gallery-item .overlay {
  z-index: 2;
  opacity: 0; }

.grid-item {
  position: absolute;
  width: 100%;
  z-index: 3;
  top: 50%;
  left: 0; }

.grid-item-gal {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
  top: 0;
  left: 0; }

.grid-item-gal a {
  float: left;
  width: 100%;
  height: 100%; }

.grid-item-holder:hover .overlay {
  opacity: 0.7 !important; }

.grid-item h3 {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  position: relative;
  float: left;
  width: 100%;
  font-family: 'futurastd-bold';
  color: #fff; }

.grid-item h3 a {
  color: #fff; }

.grid-item span {
  width: 100%;
  float: left;
  font-size: 14px;
  opacity: 0.6;
  margin-top: 6px;
  color: #fff; }

.grid-item span a {
  color: #fff; }

.hid-port-info .grid-item span a {
  color: #fff; }

.grid-item span a:hover {
  text-decoration: line-through; }

.grid-item:before, .grid-item:after {
  content: '';
  position: absolute;
  left: 50%;
  background: rgba(255, 255, 255, 0.51);
  width: 1px;
  height: 0; }

.grid-item:before, .grid-item:after {
  bottom: -50px; }

.grid-item:after {
  top: -50px; }

.grid-item h3, .grid-item span {
  opacity: 0; }

.vis-port-info .grid-item {
  position: relative;
  float: left;
  top: 0;
  margin-top: 0 !important;
  color: #000;
  padding: 20px 0; }

.vis-port-info .grid-item h3 a, .vis-port-info .grid-item span {
  color: #000; }

.vis-port-info .grid-item span {
  font-size: 14px;
  font-style: italic;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding-top: 10px;
  color: #666;
  display: block;
  position: relative; }

.vis-port-info .grid-item span:before {
  position: absolute;
  content: '';
  width: 50px;
  height: 1px;
  background: #000;
  left: 50%;
  margin-left: -25px;
  top: 2px; }

.vis-port-info .grid-item:before, .vis-port-info .grid-item:after {
  display: none; }

.vis-port-info .grid-item h3, .vis-port-info .grid-item span {
  opacity: 1; }

.grid-item-holder:hover .grid-item h3, .grid-item-holder:hover .grid-item span, .port-desc-holder:hover .grid-item span, .port-desc-holder:hover .grid-item h3, .horizontal_item:hover .grid-item span, .horizontal_item:hover .grid-item h3 {
  opacity: 1; }

.hvis-port-info .grid-item h3, .hvis-port-info .grid-item span {
  opacity: 1; }

.grid-item-holder:hover .grid-item:before, .grid-item-holder:hover .grid-item:after, .port-desc-holder:hover .grid-item:before, .port-desc-holder:hover .grid-item:after, .horizontal_item:hover .grid-item:after, .horizontal_item:hover .grid-item:before {
  height: 40px; }

.st-3 .grid-item-holder a img, .gallery-item img, .grid-sizer img, .grid-item:after, .grid-item:before, .grid-item h3, .grid-item span {
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear; }

.fixed-filter {
  position: fixed;
  left: 80px;
  bottom: 80px;
  z-index: 5;
  background: rgba(0, 0, 0, 0.51);
  padding: 15px 20px; }

.vis-filter {
  float: left;
  width: 100%;
  padding: 0 50px;
  position: relative; }

.fixed-filter a, .vis-filter a {
  float: left;
  margin-right: 8px;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff; }

.vis-filter a {
  float: none;
  display: inline-block; }

.fixed-filter a.gallery-filter_active, .vis-filter a.gallery-filter_active, .inline-filters a.gallery-filter_active {
  text-decoration: line-through; }

.inline-filters {
  float: left;
  width: 100%;
  padding: 30px 0;
  margin: 20px 0 0;
  position: relative; }

.inline-filters:before {
  content: '';
  position: absolute;
  top: 10px;
  height: 1px;
  background: #ccc;
  left: 50%;
  width: 120px;
  margin-left: -60px; }

.inline-filters a {
  display: inline-block;
  padding: 10px 18px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #666;
  margin: 0 5px; }

.gallery_horizontal {
  margin-top: 20px;
  float: left;
  width: 100%;
  position: relative; }

.gallery_horizontal .owl-item img {
  width: auto;
  position: relative;
  z-index: 1; }

.gallery_horizontal.owl-carousel .owl-item img {
  width: auto; }

.gallery_horizontal.resp-ena .owl-item img {
  max-width: 100%;
  height: auto !important; }

.gallery_horizontal {
  position: relative; }

.zoomimage img, .gallery_horizontal .owl-item .zoomimage img {
  width: 30px;
  height: 30px !important;
  opacity: 0;
  position: relative;
  z-index: 2; }

.horizontal_item {
  overflow: hidden;
  position: relative; }

.portfolio_item, .horizontal_item, .swiper-slide {
  cursor: e-resize;
  cursor: default; }

.horizontal_item .port-desc-holder {
  top: 50%;
  height: auto !important; }

.resize-carousel-holder {
  float: left;
  width: 100%;
  height: 100%;
  position: relative; }

.resize-carousel-holder .grid-item p {
  text-align: center; }

.resize-carousel-holder .customNavigation {
  position: absolute;
  top: 50%;
  right: -45px;
  width: 40px;
  z-index: 5;
  height: 80px;
  margin-top: -40px; }

.resize-carousel-holder .resp-ena + .customNavigation {
  display: block;
  right: 0px; }

.resize-carousel-holder .customNavigation:before, .resize-carousel-holder .customNavigation:after, .hs:before, .hs:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 1px;
  background: #666;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear; }

.resize-carousel-holder .customNavigation:before, .hs:before {
  top: -10px;
  left: 0; }

.resize-carousel-holder .customNavigation:after, .hs:after {
  bottom: -8px;
  right: 0; }

.resize-carousel-holder .customNavigation:hover:before, .resize-carousel-holder .customNavigation:hover:after, .hs:hover:before, .hs:hover:after {
  width: 0; }

.resize-carousel-holder .customNavigation a {
  float: left;
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 19px;
  cursor: pointer; }

.vis-info {
  padding-left: 350px !important; }

.vis-info.vis2 .wpb_wrapper {
  position: relative;
  width: 100%;
  height: 100%; }

.fixed-info-container {
  position: fixed !important;
  z-index: 2;
  top: 0;
  left: 50px;
  height: 100%;
  width: 350px  !important;
  background: #f9f9f9;
  padding: 120px 30px 80px 30px  !important;
  overflow: auto; }

.hidden-column {
  left: -450px;
  opacity: 0; }

.show-hid-content {
  position: absolute;
  top: 32px;
  left: 32px;
  background: black;
  color: #fff;
  z-index: 4;
  font-size: 14px;
  cursor: pointer;
  padding: 12px 52px; }

.show-hid-content:before {
  content: '/';
  position: absolute;
  top: 11px;
  right: 27px;
  color: #fff;
  opacity: 0.5; }

.show-hid-content i {
  position: absolute;
  top: 15px;
  right: 10px;
  font-size: 14px;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.ishid i {
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg); }

.fw-info-container {
  float: left;
  max-width: 1450px !important;
  position: relative;
  background: #fff;
  padding: 100px 50px 90px; }

.fixed-info-container h3, .fixed-info-container h4, .fw-info-container h3, .fw-info-container h4 {
  float: left;
  text-align: left;
  font-size: 25px;
  font-family: 'futurastd-bold';
  width: 100%;
  color: #292929;
  margin-top: 20px; }

.fixed-info-container h4, .fw-info-container h4 {
  font-size: 15px; }

.fixed-info-container .separator, .fw-info-container .separator {
  float: left;
  width: 80px;
  height: 4px;
  background: #292929;
  margin: 20px 0 20px;
  position: relative; }

.project-details {
  float: left;
  width: 100%;
  text-align: left;
  padding-top: 10px;
  padding-bottom: 20px;
  list-style: none;
  padding-left: 0px;
  border-bottom: 1px solid #ccc; }

.project-details li {
  float: left;
  width: 100%;
  margin-bottom: 10px;
  position: relative; }

.project-details li i {
  position: absolute;
  top: 12px;
  left: 0;
  width: 40px;
  font-size: 14px;
  color: #000; }

.pd-holder {
  float: left;
  width: 100%;
  padding-left: 40px; }

.pd-holder h5 {
  text-align: left;
  font-size: 14px;
  font-style: italic;
  font-family: Georgia, "Times New Roman", Times, serif;
  padding-top: 12px; }

.pd-holder h5 a {
  font-style: italic;
  font-family: Georgia, "Times New Roman", Times, serif;
  opacity: 0.8; }

.project-details li a:hover {
  text-decoration: line-through; }

.project-nav {
  float: left;
  width: 100%;
  margin-top: 30px; }

.project-nav ul li {
  float: left;
  width: 40px;
  height: 40px;
  line-height: 40px;
  border: 1px solid #ccc;
  margin-right: 40px; }

.project-nav ul li a {
  font-size: 18px;
  color: #292929; }

.content-nav {
  float: left;
  width: 100%;
  padding: 20px 0;
  position: relative;
  z-index: 1; }

.content-nav ul {
  position: relative;
  left: 0;
  list-style: none;
  padding-left: 0px; }

.content-nav li {
  float: left;
  margin-right: 10px; }

.content-nav li a {
  font-size: 28px; }

.content-nav li span {
  line-height: 34px; }

.p-all {
  position: absolute;
  right: 0;
  top: 30px;
  font-size: 18px; }

.content-nav a {
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear; }

.content-nav li a span {
  font-family: 'futurastd-bold';
  text-transform: uppercase;
  padding-right: 20px;
  font-size: 18px;
  position: relative;
  top: -2px; }

.content-nav a:hover {
  opacity: 0.6; }

.p_horizontal_wrap {
  float: left;
  width: 100%;
  position: relative;
  background: #fff;
  height: 100%; }

#portfolio_horizontal_container {
  max-height: 100%;
  height: 100%;
  float: left;
  width: 100%;
  position: relative; }

#portfolio_horizontal_container .portfolio_item {
  width: auto;
  height: 100%;
  float: left;
  padding: 0 10px;
  overflow: hidden;
  position: relative; }

#portfolio_horizontal_container.hoz-ver-cols .portfolio_item {
  padding: 0px; }

#portfolio_horizontal_container.hoz-ver-cols .portfolio_item img {
  padding: 5px; }

#portfolio_horizontal_container .portfolio_item img {
  float: left;
  width: auto;
  height: 100%; }

.port-subtitle-holder {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 10px; }

.port-subtitle {
  float: left;
  width: 100%;
  background: #fff;
  padding: 20px 0;
  text-align: left; }

.port-subtitle h3 {
  font-size: 24px;
  letter-spacing: 2px;
  text-transform: uppercase; }

.port-subtitle span {
  float: left;
  width: 100%;
  font-size: 12px;
  padding-top: 6px;
  position: relative;
  left: -10px; }

.port-subtitle span a {
  padding: 0 10px;
  color: #ccc;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear; }

.port-subtitle span a:hover, .port-subtitle h3:hover {
  color: #000;
  text-decoration: line-through; }

.port-desc-holder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 10px;
  z-index: 20; }

.hoz-ver-cols .port-desc-holder {
  padding: 5px; }

.port-desc {
  position: relative;
  float: left;
  width: 100%;
  height: 100%; }

.port-desc-holder .grid-item span {
  font-size: 18px; }

.port-desc-holder .grid-item h3 {
  font-size: 30px;
  font-family: 'FuturaPT-Book';
  letter-spacing: 2px; }

.port-desc-holder .grid-item h3:hover {
  opacity: 0.8; }

.port-desc .overlay, .horizontal_item .overlay {
  opacity: 0;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear; }

.port-desc-holder:hover .overlay, .horizontal_item:hover .overlay {
  opacity: 0.6; }

.disa-opa .port-desc-holder:hover .overlay, .disa-opa .horizontal_item:hover .overlay {
  opacity: 0; }

.disa-over .overlay {
  display: none; }

.count-folio {
  position: fixed;
  top: 50%;
  right: 0;
  z-index: 10;
  padding: 30px 0;
  width: 50px;
  font-size: 14px; }

.num-album {
  position: relative;
  padding-bottom: 28px;
  color: #666; }

.num-album:before {
  content: "/";
  position: absolute;
  bottom: -2px;
  color: #000;
  left: 21px; }

.all-album {
  padding-top: 8px; }

.column-filter {
  position: fixed;
  top: 90px;
  left: 80px;
  z-index: 23;
  width: 150px; }

.filter-button {
  position: relative;
  float: left;
  margin-bottom: 20px;
  background: #000;
  color: #fff;
  width: 100%;
  padding: 12px 0;
  cursor: pointer;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase; }

.filter-button i {
  position: absolute;
  right: 20px;
  top: 15px;
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear; }

.filter-button:before {
  content: '/';
  position: absolute;
  top: 11px;
  right: 37px;
  color: #fff;
  opacity: 0.5; }

.roticon {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg); }

.hid-filter {
  float: left;
  width: 100%;
  background: rgba(51, 51, 51, 0.61);
  padding: 20px 0;
  display: none; }

.hid-filter a {
  color: #fff;
  float: left;
  width: 100%;
  padding: 6px 10px;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase; }

.gallery-filter_active {
  text-decoration: line-through; }

.bg-slider {
  z-index: 1; }

.fw-info-container, .project-nav {
  float: left;
  position: relative;
  width: 100%; }

.fw-info-container {
  margin-top: 50px;
  bottom: 0; }

.show-info {
  position: absolute;
  bottom: 50px;
  left: 50px;
  width: 80%;
  z-index: 15; }

.show-info span {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  color: #494949;
  letter-spacing: 2px;
  color: #fff;
  cursor: pointer;
  float: left;
  border-bottom: 1px solid #fff; }

.tooltip-info {
  height: auto;
  line-height: 20px;
  padding: 10px 20px;
  font-size: 11px;
  color: #fff;
  text-align: center;
  text-indent: 0px;
  position: absolute;
  background: rgba(0, 0, 0, 0.91);
  bottom: 0;
  opacity: 0;
  left: 0;
  margin-bottom: 30px;
  visibility: hidden;
  pointer-events: none;
  z-index: 16;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear; }

.tooltip-info p {
  font-size: 13px;
  letter-spacing: 1px; }

.tooltip-info h5 {
  font-size: 16px;
  margin-top: 12px;
  padding: 5px 0;
  position: relative;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  letter-spacing: 2px;
  text-align: left; }

.show-info:hover .tooltip-info {
  visibility: visible;
  opacity: 1;
  bottom: 0; }

figure img {
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.sections-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 55.5%;
  height: 100%;
  background: #fff;
  z-index: 1; }

.right-white .sections-bg {
  left: auto;
  right: 0px; }

.sections-bg-shop {
  width: 62%; }

.sections-bg.bg-leftsidebar {
  right: 0px;
  left: auto; }

.sections-bg-shop.bg-leftsidebar {
  right: 0px;
  left: auto; }

.sections-bg.bg-fullwidth {
  width: 100%; }

.sections-bg.bg-fullwidth {
  width: 100% !important; }

.project-box, .vertical-gallery {
  float: left;
  width: 100%;
  padding: 0 20px; }

.vertical-gallery.gallery-masonry {
  padding: 0px; }

.wpb_text_column .project-box,
.project-box {
  margin-bottom: 40px; }

.project-box h3 {
  float: left;
  width: 100%;
  text-align: left;
  padding-bottom: 20px;
  font-size: 24px;
  color: #666;
  font-family: 'futurastd-bold';
  letter-spacing: 1px; }

.column-container {
  max-width: 1500px; }

.custom-slider-holder {
  float: left;
  width: 100%;
  margin-bottom: 30px;
  position: relative;
  z-index: 2; }

.post-entry .custom-slider-holder {
  margin-bottom: 0px; }

.post-entry .custom-slider-holder .owl-controls {
  display: none; }

.custom-slider-holder .customNavigation {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 40px;
  margin-top: -20px; }

.custom-slider-holder .item {
  position: relative; }

.custom-slider-holder a.next-slide, .custom-slider-holder a.prev-slide {
  width: 40px;
  height: 40px;
  background: rgba(255, 255, 255, 0.21);
  z-index: 5;
  position: absolute;
  top: 0;
  cursor: pointer;
  color: #fff;
  line-height: 40px;
  font-size: 18px;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear; }

.custom-slider-holder a.prev-slide {
  left: 10px; }

.custom-slider-holder a.next-slide {
  right: 10px; }

.custom-slider-holder .customNavigation a:hover {
  background: white;
  color: #000; }

.box-sizer, .box-item, .box-sizer-second, .box-item-second, .box-sizer-three, .box-item-three {
  width: 100%; }

.two-columns-box .box-sizer,
.two-columns-box .box-item {
  width: 50%; }

.three-columns-box .box-sizer,
.three-columns-box .box-item {
  width: 33.333%; }

.four-columns-box .box-sizer,
.four-columns-box .box-item {
  width: 25%; }

.five-columns-box .box-sizer,
.five-columns-box .box-item {
  width: 20%; }

/*------ share------------------------------------------------*/
.show-share {
  float: right;
  cursor: pointer;
  margin-left: 20px;
  position: relative;
  top: -10px;
  padding: 0 10px;
  text-transform: uppercase;
  font-size: 12px; }

.show-share:before, .show-share:after {
  content: '';
  position: absolute;
  top: 20px;
  left: -14px;
  width: 2px;
  height: 30px; }

.isShare:after {
  height: 0; }

.show-share:before {
  background: #eee;
  z-index: 1; }

.show-share:after {
  z-index: 2;
  background: #000;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear; }

.share-container {
  position: fixed;
  z-index: 20;
  right: 64px;
  top: 74px;
  width: 30px;
  visibility: hidden; }

.share-container .share-icon {
  visibility: hidden; }

.visshare {
  visibility: visible; }

.visshare .share-icon {
  visibility: visible; }

.share-icon {
  height: 40px;
  width: 40px;
  float: left;
  margin-bottom: 1px;
  position: relative;
  font-size: 15px;
  line-height: 40px;
  background: #fff;
  color: #000;
  opacity: 0;
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear; }

.share-icon:hover {
  opacity: 0.6 !important; }

.share-icon:before {
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit; }

.share-icon-digg:before {
  content: "\f1a6"; }

.share-icon-email:before {
  content: "\f003"; }

.share-icon-flickr:before {
  content: "\f16e"; }

.share-icon-foursquare:before {
  content: "\f180"; }

.share-icon-rss:before {
  content: "\f09e"; }

.share-icon-facebook:before {
  content: "\f09a"; }

.share-icon-twitter:before {
  content: "\f099"; }

.share-icon-tumblr:before {
  content: "\f173"; }

.share-icon-linkedin:before {
  content: "\f08c"; }

.share-icon-vimeo:before {
  content: "\f194"; }

.share-icon-instagram:before {
  content: "\f16d"; }

.share-icon-pinterest:before {
  content: "\f0d2"; }

.share-icon-googleplus:before {
  content: "\f0d5"; }

.share-icon-in1:before {
  content: "\f08c"; }

.share-icon-stumbleupon:before {
  content: "\f1a4"; }

.share-icon-vk:before {
  content: ""; }

.blog-text h3.shr-post {
  text-transform: none;
  margin-top: 20px;
  color: #666; }

.blog-share-container {
  float: left;
  width: 100%;
  margin-bottom: 20px; }

.blog-share-container .share-icon {
  opacity: 1;
  background: #292929;
  color: #fff;
  text-align: center;
  margin-bottom: 0px;
  margin-right: 2px; }

/*------ Contacts ------------------------------------------------*/
.contact-inner .container {
  max-width: 900px; }

/*.contact-inner .row {
    padding-top:60px;
}*/
.contact-inner p {
  text-align: left; }

.contact-list {
  float: left;
  width: 100%;
  position: relative;
  padding-top: 15px;
  margin-top: 15px;
  list-style: none;
  padding-left: 0px; }

.contact-list:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 60px;
  height: 2px;
  background: #fff; }

.no-dec:before {
  display: none; }

.contact-list li {
  float: left;
  width: 100%;
  padding: 6px 0;
  text-align: left; }

.contact-list li a, .contact-list li span {
  color: #fff;
  font-size: 16px; }

.contact-list li a:hover {
  text-decoration: line-through; }

.contact-list li span {
  color: #ccc; }

.comment-form-author, .comment-form-email, .comment-form-url, .comment-form-comment, p.form-submit {
  float: left;
  width: 100%; }

#contact-form input[type="submit"], .controls button, .form-submit #submit {
  background: none;
  border: none;
  border-radius: 0;
  padding: 14px 20px;
  line-height: 14px;
  cursor: pointer;
  font-size: 13px;
  color: #fff;
  -webkit-appearance: none;
  float: right;
  background: #313131; }

ul li.comment .form-submit #submit {
  float: left; }

#contact-form input[type="submit"]:hover, .controls button:hover, .form-submit #submit:hover {
  background: rgba(49, 49, 49, 0.8); }

.error_message {
  text-align: center;
  margin-bottom: 30px;
  font-size: 15px;
  color: #fff; }

#success_page h3 {
  text-align: center;
  font-size: 18px; }

#success_page p {
  color: #fff;
  margin-top: 20px;
  text-align: center; }

#message fieldset {
  border: none;
  color: #fff; }

#contact-form {
  max-width: 650px;
  margin: 70px auto;
  float: none; }

#contact-form input[type="text"], #contact-form input[type="email"], #contact-form textarea {
  color: #000;
  font-size: 12px;
  padding: 15px 0;
  width: 100%;
  padding-left: 10px;
  background: #fff;
  margin-bottom: 20px;
  border: 0;
  border: 1px solid #eee;
  position: relative; }

#contact-form input[type="submit"] {
  float: none;
  margin: 20px auto; }

/* Contact 2*/
.contact-inner #contact-form {
  text-align: center !important;
  max-width: 600px;
  float: left;
  margin: 0 auto;
  width: 100%; }

.passpost-input,
.contact-inner #contact-form input[type="text"], .contact-inner #contact-form input[type="email"], .contact-inner #contact-form textarea {
  color: #fff;
  font-size: 12px;
  padding: 15px 0;
  width: 100%;
  padding-left: 10px;
  background: none;
  background: rgba(255, 255, 255, 0.2);
  margin-bottom: 20px;
  border: 0;
  border: 1px solid #fff;
  position: relative; }

.contact-inner #contact-form input[type=text]:focus, .contact-inner #contact-form textarea:focus, .contact-inner #contact-form input[type=email]:focus {
  color: #fff; }

.contact-inner #contact-form textarea {
  height: 170px;
  resize: none; }

.contact-inner #contact-form input[type="submit"] {
  float: right; }

.map-box {
  float: left;
  width: 100%;
  height: 400px;
  position: relative;
  overflow: hidden; }

.map-holder {
  position: absolute;
  width: 100%;
  height: 550px;
  top: -50px;
  left: 0;
  z-index: 10; }

#map-canvas {
  float: left;
  width: 100%;
  height: 550px;
  position: relative; }

/* ------blog------------------------------------------------------------ */
.blg-nav {
  margin-top: -20px;
  margin-bottom: 20px; }

.waimg {
  float: left;
  margin-bottom: 20px; }

article {
  float: left;
  margin-bottom: 10px;
  width: 100%;
  position: relative;
  border-bottom: 1px solid #eee; }

article .btn {
  float: left; }

.post-author {
  margin-bottom: 40px;
  margin-top: 10px;
  float: left;
  border-bottom: 1px solid #eee;
  padding: 20px 0;
  width: 100%; }

.author-img {
  float: left;
  width: 15%; }

.author-content {
  float: left;
  width: 85%;
  padding-left: 10px; }

.author-img img {
  border-radius: 100%;
  float: left; }

.author-content h5 {
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 14px;
  color: #000;
  display: block;
  float: left; }

.author-content p {
  margin-bottom: 8px;
  float: left;
  width: 100%; }

.widget {
  float: left;
  width: 100%;
  margin-bottom: 40px;
  text-align: left;
  border-bottom: 2px solid #eee;
  padding-bottom: 20px; }

.widget h3 {
  float: left;
  width: 100%;
  position: relative;
  font-size: 20px;
  color: #000;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  letter-spacing: 1px;
  padding-bottom: 20px; }

.widget-posts li {
  padding: 12px 0; }

.widget-posts-img {
  float: left;
  width: 30%; }

.widget-comments-img img {
  border-radius: 100%; }

.widget-posts-descr {
  float: left;
  width: 70%;
  padding-left: 10px; }

.widget-posts-descr a {
  font-size: 14px;
  font-style: italic;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #666; }

.widget-posts-date {
  float: left;
  width: 100%;
  margin-top: 10px;
  color: #666;
  font-size: 14px;
  font-family: 'futurastd-bold'; }

.searh-holder {
  max-width: 450px;
  margin-top: 20px;
  position: relative; }

.searh-inner {
  float: left;
  width: 100%;
  position: relative; }

.search {
  border: 1px solid rgba(0, 0, 0, 0.07);
  float: left;
  background: #fff;
  border-radius: none;
  position: relative;
  outline: none;
  padding: 0px 0px 0px 10px;
  width: 100%;
  height: 40px;
  color: #000;
  -webkit-appearance: none; }

.search-submit {
  border: none;
  outline: none;
  cursor: pointer;
  background: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 28%;
  height: 40px; }

.trnsp-search {
  border: 1px solid #fff;
  border-radius: 6px;
  color: #fff;
  background: rgba(255, 255, 255, 0.21); }

.trnsp_btn {
  border-radius: 0 6px   6px 0; }

.trnsp_btn i {
  color: #fff !important; }

.search-submit:hover i {
  opacity: 0.5; }

.tagcloud.indexposts {
  text-align: left;
  padding-left: 0px;
  margin-top: 20px; }

.tagcloud li {
  display: inline-block;
  padding-bottom: 8px;
  margin-bottom: 6px; }

.tagcloud li a {
  padding: 6px 10px;
  margin-right: 2px;
  background: #292929;
  color: #fff; }

.tagcloud li a:hover {
  background: #fff;
  color: #292929; }

.cat-item {
  padding-bottom: 8px;
  margin-bottom: 15px; }

.cat-item a {
  font-size: 14px;
  font-style: italic;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #666; }

.cat-item a, .tagcloud li a {
  font-weight: 400;
  font-size: 12px;
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear; }

.widget .tagcloud li a {
  font-size: 12px !important; }

.sinnle-post h2 {
  float: left;
  font-size: 32px;
  text-align: left;
  font-family: 'futurastd-bold';
  text-transform: uppercase;
  width: 100%; }

.blog-title, .blog-text {
  /*float:left;*/
  width: 100%;
  padding: 20px 0;
  list-style: none; }

.blog-text {
  padding: 0;
  padding-bottom: 20px; }

.blog-title li {
  float: left;
  text-align: left;
  font-family: 'futurastd-bold';
  text-transform: uppercase;
  margin-bottom: 10px;
  color: #666;
  font-size: 13px;
  color: #666;
  margin-right: 4px; }

.blog-title li:before {
  content: " - "; }

.blog-title li:first-child:before {
  display: none; }

.blog-title a {
  color: #666; }

.blog-text {
  margin-top: 10px;
  position: relative; }

.sinnle-post .blog-text {
  max-width: 900px; }

.blog-text h3, .comment-form-holder h3, .comments-holder h3, .project-details h3 {
  font-size: 16px;
  text-align: left;
  font-family: 'futurastd-bold';
  text-transform: uppercase;
  margin-bottom: 10px; }

.comments-holder h3 span {
  font-family: 'FuturaPT-Book';
  font-weight: 400; }

.project-details h3 {
  padding: 20px 0 15px; }

.blog-media {
  float: left;
  width: 100%;
  position: relative;
  margin-bottom: 20px; }

.blog-text p {
  font-size: 14px;
  padding-top: 10px; }

sup {
  vertical-align: super;
  font-size: smaller; }

.blog-text a {
  font-weight: bold; }

.blog-text em {
  font-style: italic; }

.pagination-blog {
  margin-top: 20px;
  text-align: center;
  border: 1px solid rgba(0, 0, 0, 0.07);
  float: left;
  width: 100%;
  margin: 15px 0; }

.pagination-blog ul {
  float: left;
  margin: 20px 0 30px;
  border: 1px solid rgba(0, 0, 0, 0.07); }

.pagination-blog a,
.pagination-blog span {
  float: left;
  padding: 12px 18px;
  position: relative;
  font-size: 13px;
  color: #666;
  letter-spacing: 1px;
  border-right: 1px solid rgba(0, 0, 0, 0.07); }

.pagination-blog a.current-page, .pagination-blog a:hover,
.pagination-blog span.current-page {
  color: #fff;
  background: #000; }

.sidebar {
  float: left;
  width: 100%;
  padding: 0 0 0 30px; }

.left-sidebar .sidebar {
  padding: 0 30px 0 0; }

.sinnle-post p {
  font-size: 16px; }

.sinnle-post .blog-text h3 {
  margin-bottom: 30px; }

.commentlist {
  text-align: left;
  float: left;
  margin: 30px 0px;
  max-width: 900px;
  padding: 20px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee; }

.comment-form-holder {
  max-width: 800px;
  float: left; }

.fixed-info-container .comment-form-holder {
  max-width: 260px; }

#comments {
  text-align: left;
  padding-top: 10px;
  max-width: 800px; }

#comments-title, #reply-title {
  border-bottom: 1px solid #eee;
  padding-bottom: 30px;
  margin-bottom: 5px;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  color: #666; }

.comment {
  float: left;
  width: 100%; }

.comment-body {
  position: relative;
  margin-left: 70px;
  padding-top: 30px; }

.comment-author {
  position: absolute;
  top: 30px;
  left: -66px; }

.comment-author img {
  border-radius: 100%; }

.comment .children {
  margin-left: 70px; }

.fn {
  display: block;
  margin-bottom: 10px; }

.comment-meta, .comment-meta a {
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  font-size: 12px;
  letter-spacing: 1px;
  color: #494949;
  padding-bottom: 10px; }

#respond {
  margin-top: 40px;
  float: left;
  width: 100%; }

#reply-title {
  padding-bottom: 30px;
  margin-bottom: 5px; }

#commentform {
  float: left;
  width: 100%; }

.comment-notes {
  margin-top: 10px;
  color: #a4a4a3; }

.control-group label {
  margin-left: 10px;
  font-weight: 200;
  float: left;
  position: relative;
  top: 25px; }

.control-group .controls input {
  margin-top: 15px;
  border: none;
  outline: none;
  height: 35px;
  background: #eee;
  color: #a4a4a3;
  text-decoration: none;
  border: 1px solid #ccc;
  float: left;
  width: 270px;
  padding-left: 15px; }

.control-group .controls textarea {
  float: left;
  margin-top: 15px;
  border: none;
  outline: none;
  height: 180px;
  max-width: 600px;
  background: #eee;
  padding-left: 15px;
  padding-top: 15px;
  color: #a4a4a3;
  resize: vertical;
  text-decoration: none;
  border: 1px solid #ccc; }

.controls button, .form-submit #submit {
  margin-top: 30px; }

/*------ css-animation - ------------------------------------------------*/
.transition {
  -webkit-transition: all 500ms linear;
  -o-transition: all 500ms linear;
  transition: all 500ms linear; }

.transition2 {
  -webkit-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  transition: all 200ms linear; }

.transition3 {
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear; }

.fl-l {
  float: left; }

.img-responsive {
  max-width: 100%;
  height: auto; }

/* new portfolio video */
.is_folio_video .ifarme-holder {
  max-width: 100%; }

.ifarme-holder {
  float: left;
  width: auto;
  height: 100%;
  position: relative;
  -webkit-overflow-scrolling: touch !important; }

.swiper-slide .ifarme-holder {
  width: 100%;
  height: 100%; }

.autowidth-false.carousel-items-1.gallery_horizontal .owl-item img {
  width: 100%;
  height: auto !important; }

.autowidth-false.carousel-items-1.gallery_horizontal .owl-item, .autowidth-false.carousel-items-1.gallery_horizontal .owl-item .horizontal_item {
  max-height: 100%;
  height: 100%; }

.autowidth-false.carousel-items-1.gallery_horizontal .horizontal_item .port-desc-holder {
  height: 100% !important;
  top: 0; }

.is_folio_video iframe, .sw-video iframe {
  max-width: 100%; }

.disa-zoom .zoomimage {
  display: none; }

.gallery_horizontal.owl-carousel .owl-item:last-child {
  margin-right: 0px !important; }

/*Password Post*/
/*.outdoor_passpost_wrapp {
    position: relative;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background: transparent url(images/bg/22.jpg) no-repeat top left;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.outdoor_passpost{
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
}
.outdoor_passpost_form_wrapp {
    position: relative;
    max-width: 100%;
    width: 500px;
    height: 500px;
    margin-top: 100px;
    background: #000;
    top: 50%;
    margin-top: -250px;
}*/
.postpass_form {
  float: left;
  width: 100%; }

.passpost-input-wrapp {
  max-width: 500px;
  margin: 0 auto; }

.passpost-input {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  text-align: center;
  text-transform: uppercase;
  border-width: 2px; }

.passpost-submit {
  background: transparent;
  cursor: pointer; }

.op4 {
  opacity: 0.4; }

/* Home Landing Page */
.page-template-homepage-landing-php .body-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.2; }

.page-template-homepage-landing-php .content-holder {
  padding: 0px; }

.preview-title {
  position: absolute;
  top: 20%;
  left: 10%;
  text-align: left;
  z-index: 100; }

.preview-title h2 {
  text-transform: uppercase; }

.preview-title h3 {
  margin-top: 10px;
  text-transform: uppercase; }

.preview-title h4 {
  font-family: 'futurastd-bold';
  text-transform: uppercase;
  margin-top: 50px;
  font-size: 18px; }

.vertical-slider .iframe-holder {
  position: relative;
  float: right;
  right: 5%;
  top: 10%;
  width: 80%;
  height: 80%;
  visibility: visible;
  -webkit-transform: scale(0.65);
  -ms-transform: scale(0.65);
  transform: scale(0.65);
  overflow: hidden; }

.vertical-slider .iframe-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
  background: #fff;
  opacity: 0;
  /*-webkit-transition: opacity 500ms linear;
    -moz-transition: opacity 500ms linear;
    -o-transition: opacity 500ms linear;
    -ms-transition: opacity 500ms linear;
    transition: opacity 500ms linear;*/ }

.vertical-slider .fix-overlay .iframe-overlay {
  opacity: 0.3; }

.vertical-slider .iframe-holder > img,
.vertical-slider .iframe-holder iframe {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1; }

.vertical-slider .iframe-holder > img {
  height: auto; }

.vertical-slider .swiper-nav-holder {
  position: absolute;
  left: 10%;
  top: 80%;
  width: 100px;
  height: 40px;
  margin-top: 80px;
  line-height: 36px; }

.ver-slider-content-holder {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  overflow-y: scroll; }

.vertical-slider .swiper-nav {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #fff;
  position: relative;
  z-index: 14;
  font-size: 8px;
  background: #000; }

.vertical-slider .swiper-nav:hover {
  background: #fff; }

.vertical-slider .slide-title-holder {
  position: absolute;
  top: 30%;
  width: 100%;
  z-index: 10;
  height: auto; }

.vertical-slider .slide-title {
  max-width: 800px;
  margin: -20px auto;
  top: 0px; }

.vertical-slider .slide-title h3 {
  position: relative;
  opacity: 0;
  top: 50px;
  float: right; }

.vertical-slider .swiper-slide-active .slide-title h3 {
  opacity: 1;
  top: 0;
  -webkit-transition: 1s 0.5s;
  -o-transition: 1s 0.5s;
  transition: 1s 0.5s; }

.vertical-slider .slide-title h3 {
  padding: 6px 10px 6px 0;
  margin-top: -70px;
  font-family: 'futurastd-bold';
  text-transform: uppercase;
  font-size: 32px;
  letter-spacing: 2px;
  position: relative;
  display: inline-table;
  text-shadow: -50px 41px 2px rgba(150, 150, 150, 0.32); }

.vertical-slider .slide-title h3 span {
  float: left;
  width: 100%; }

.vertical-slider .slide-title h3:before {
  content: '';
  position: absolute;
  bottom: -5px;
  background: #000;
  width: 0;
  height: 6px;
  left: 0;
  top: auto;
  -webkit-transition: 1s 1.3s;
  -o-transition: 1s 1.3s;
  transition: 1s 1.3s; }

.vertical-slider .slide-title h3:after {
  display: none; }

.vertical-slider .swiper-slide-active .slide-title h3:before {
  width: 100%; }

.vertical-slider .slide-title a {
  color: #000; }

.vertical-slider .swiper-container {
  float: left;
  width: 100%;
  height: 100%; }

.vertical-slider .slides-counter {
  position: absolute;
  bottom: 60px;
  right: 80px;
  z-index: 20; }

.vertical-slider .slides-counter li {
  display: inline-block;
  font-size: 34px;
  position: relative;
  font-weight: 100;
  text-transform: uppercase;
  margin-left: 20px;
  width: 50px;
  height: 30px; }

.vertical-slider .slides-counter li:last-child:before {
  content: '/';
  font-size: 25px;
  position: absolute;
  font-family: Arial, Helvetica, sans-serif;
  right: 100%;
  margin-right: 6px;
  top: 10px; }

.vertical-slider .presSlidesFrom {
  position: relative;
  top: -10px; }

.vertical-slider .presSlidesActive {
  color: #666;
  font-size: 54px; }

.vertical-slider .slides-counter.black-colr {
  width: 140px;
  height: 40px;
  font-size: 14px; }

.vertical-slider .slides-counter.black-colr li {
  font-size: 16px;
  color: #000  !important;
  margin-left: 10px; }

.vertical-slider .slides-counter.black-colr li:last-child:before {
  font-size: 15px;
  color: #000  !important;
  position: absolute;
  margin-right: 8px;
  top: 0; }

.vertical-slider .slides-counter.black-colr .presSlidesFrom {
  position: relative;
  top: -4px; }

.vertical-slider .slides-counter.black-colr .presSlidesActive {
  color: #000;
  font-size: 24px; }

.home-landing-slider-wrapper {
  position: relative;
  width: 100%;
  height: 100%; }

.home-landing-slider-wrapper .pagination {
  position: absolute;
  z-index: 20;
  right: 20px;
  top: 45%;
  left: auto;
  bottom: auto;
  width: auto; }

.home-landing-slider-wrapper .swiper-pagination-bullet {
  display: block;
  margin-left: 0px;
  margin-bottom: 7px;
  background: #222;
  border-width: 0px; }

.home-landing-slider-wrapper .swiper-pagination-bullet-active {
  background: #aaa; }

/*Home Thumbs Gallery */
.thumbsgallery-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  /*overflow-y: hidden;
    overflow-x: scroll;*/
  overflow: hidden; }

.gallery-top {
  height: 100%;
  width: 100%; }

.gallery-thumbs {
  /*height: 20%;*/
  height: auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /*padding: 10px 0;*/
  padding: 0px;
  position: absolute;
  bottom: -100px;
  width: 100%;
  left: 0px;
  overflow: hidden;
  -webkit-transition: bottom 250ms ease 0s;
  -o-transition: bottom 250ms ease 0s;
  transition: bottom 250ms ease 0s; }

.gallery-thumbs:hover {
  bottom: 0px; }

.gallery-thumbs .swiper-slide {
  /*width: 25%;
    height: 100%;*/
  width: 120px;
  height: 120px;
  opacity: 0.5;
  cursor: pointer;
  -webkit-transition: opacity 250ms ease 0s;
  -o-transition: opacity 250ms ease 0s;
  transition: opacity 250ms ease 0s; }

.gallery-thumbs .swiper-slide:hover,
.gallery-thumbs .swiper-slide-active {
  opacity: 0.99; }

.thumb-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: block;
  -webkit-box-shadow: inset 0 0 0 #ffffff, inset 0 0 #ffffff;
          box-shadow: inset 0 0 0 #ffffff, inset 0 0 #ffffff;
  -webkit-transition: -webkit-box-shadow 300ms;
  transition: -webkit-box-shadow 300ms;
  -o-transition: box-shadow 300ms;
  transition: box-shadow 300ms;
  transition: box-shadow 300ms, -webkit-box-shadow 300ms;
  -webkit-transition: box-shadow 300ms; }

.gal.hs {
  top: auto;
  bottom: 125px;
  right: 10px;
  width: auto;
  height: 40px;
  opacity: 0.5;
  -webkit-transition: opacity 200ms ease;
  -o-transition: opacity 200ms ease;
  transition: opacity 200ms ease; }

.gal.hs:hover {
  opacity: 1; }

.gal.hs:before, .gal.hs:after {
  display: none; }

.gal.hs a {
  width: 40px;
  height: 40px;
  margin: 0px 2px;
  line-height: 40px;
  background: rgba(255, 255, 255, 0.21);
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear;
  cursor: pointer;
  color: #fff;
  border: solid 1px #ccc; }

.thumbsgallery-horizontal-direction .gal.hs {
  width: 40px;
  height: auto;
  bottom: auto;
  top: 50%;
  margin-top: -66px; }

.thumbsgallery-horizontal-direction .gal.hs a {
  margin: 2px 0px; }

.gal.hs .gal-pause-play {
  font-size: 13px; }

.gal.hs .gal-pause-play.is_playing i:before {
  content: ""; }

.gal.hs a:hover {
  background: white;
  color: #000; }

/*vertical gallery*/
.thumbsgallery-vertical-direction .gallery-thumbs {
  width: 120px;
  top: 0px;
  bottom: 0px;
  left: auto;
  right: -100px;
  -webkit-transition: right 250ms ease 0s;
  -o-transition: right 250ms ease 0s;
  transition: right 250ms ease 0s; }

.thumbsgallery-vertical-direction .gallery-thumbs:hover {
  right: 0px; }

/*.thumbsgallery-vertical-direction .gal.hs {width: 40px;height: auto;right: 125px;top: auto;bottom: 10px;}
.thumbsgallery-vertical-direction .gal.hs a {margin: 2px 0px;}*/
.thumbsgallery-vertical-direction .gal.hs {
  bottom: 10px;
  top: auto;
  left: 50%;
  margin-left: -66px;
  right: auto; }

.thumbsgallery-vertical-direction .gal.hs a.arrow-right i:before {
  content: ""; }

.thumbsgallery-vertical-direction .gal.hs a.arrow-left i:before {
  content: ""; }

/*Image Content*/
.thmbsgallery-img-desc, .thmbsgallery-img-caption {
  text-align: center;
  color: #fff; }

.thmbsgallery-img-desc p, .thmbsgallery-img-caption p {
  text-align: center;
  color: #fff; }

#portfolio_horizontal_container.hoz-ver-two-columns .portfolio_item {
  height: 50%; }

#portfolio_horizontal_container.hoz-ver-three-columns .portfolio_item {
  height: 33.3%; }

#portfolio_horizontal_container.hoz-ver-four-columns .portfolio_item {
  height: 25%; }

#portfolio_horizontal_container.hoz-ver-five-columns .portfolio_item {
  height: 20%; }

.is-passpost .content-holder > .content {
  height: 100%;
  overflow: hidden; }

.is-passpost .fixed-title {
  z-index: 25; }

/*.is-passpost .full-height-wrap,*/
.postpass-bg-wrap {
  z-index: 24; }

.custom-inner.postpass-page {
  position: absolute;
  z-index: 26; }

.blog-text {
  float: left; }

.show-share,
.share-icon,
.hs,
.footer-social li a,
.slide-title-holder,
.pagination,
.zoomimage,
.column-filter,
.port-desc-holder,
.count-folio,
.parallax-section h2,
.separator-image,
.subtitle,
.sect-scroll,
.inline-facts,
.scroll-page-nav,
.owl-dots,
.customNavigation a,
.to-top,
.team-box,
.error-page,
.content-logo,
.inline-filters,
.postpass-page,
.grid-item-holder {
  text-align: center; }

figure a.vc_single_image-wrapper img {
  cursor: pointer; }

.page-template-gallery-grid-php .vis-port-info .grid-item, .page-template-gallery-masonry-php .vis-port-info .grid-item,
.page-template-gallery-grid-php .hid-port-info .grid-item, .page-template-gallery-masonry-php .hid-port-info .grid-item,
.archive-gallery.hid-port-info .grid-item, .archive-gallery.vis-port-info .grid-item {
  display: none; }

.page-title {
  text-align: left; }

.mobile-video {
  display: none; }

.mobile-video.is-mobile {
  display: block; }

.cthiso-item .resp-video-holder {
  padding: 2px; }

.cthiso-item img {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 2; }

.cthiso-item .port-desc-holder:before {
  right: 3px;
  bottom: 3px; }

.cthiso-item:hover .port-desc-holder {
  opacity: 1; }

.cthiso-item img {
  -webkit-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  transition: all 300ms linear; }

#lg-share {
  display: none; }

.lg-actions .lg-icon {
  border: 0;
  opacity: 0.5; }
  .lg-actions .lg-icon:hover {
    opacity: 1; }

.owl-dots .owl-dot {
  background: transparent;
  border: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }

.single-product #commentform input[type=checkbox] + label,
.single-product #commentform input[type=radio] + label {
  margin-left: 5px; }

.folio-inner-wrap {
  position: relative;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%; }
  .folio-inner-wrap img {
    position: relative; }

.cthiso-items {
  position: relative;
  list-style: none;
  padding: 0;
  margin-bottom: 0; }

.cthiso-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

.cthiso-item-holder {
  /*float: left;*/
  width: 100%;
  height: auto;
  position: relative;
  /*padding:2px;*/
  margin-bottom: 0; }

.cthiso-big-pad.cthiso-items {
  margin-left: -15px;
  margin-right: -15px; }

.cthiso-big-pad .cthiso-item {
  padding: 15px; }

.cthiso-medium-pad.cthiso-items {
  margin-left: -10px;
  margin-right: -10px; }

.cthiso-medium-pad .cthiso-item {
  padding: 10px; }

.cthiso-small-pad.post-cthiso-items, .cthiso-small-pad.cthiso-items {
  margin-left: -5px;
  margin-right: -5px; }

.cthiso-small-pad .post-cthiso-item, .cthiso-small-pad .cthiso-item {
  padding: 5px; }

.cthiso-extrasmall-pad.cthiso-items {
  margin-left: -2px;
  margin-right: -2px; }

.cthiso-extrasmall-pad .cthiso-item {
  padding: 2px; }

.cthiso-no-pad .cthiso-item {
  padding: 0; }

.cthiso-item, .cthiso-sizer {
  width: 25%;
  position: relative;
  /*float:left;*/
  overflow: hidden; }

.cthiso-item:hover {
  overflow: visible; }

.cthiso-item-two, .cthiso-sizer-two,
.cthiso-item-second {
  width: 50%; }

.cthiso-item-three, .cthiso-sizer-three {
  width: 75%; }

.cthiso-one-cols .cthiso-item, .cthiso-one-cols .cthiso-sizer,
.cthiso-one-cols .cthiso-item-two, .cthiso-one-cols .cthiso-sizer-two,
.cthiso-one-cols .cthiso-item-second,
.cthiso-one-cols .cthiso-item-three, .cthiso-one-cols .cthiso-sizer-three {
  width: 100%; }

.cthiso-two-cols .cthiso-item, .cthiso-two-cols .cthiso-sizer {
  width: 50%; }

.cthiso-two-cols .cthiso-item-second,
.cthiso-two-cols .cthiso-item-two, .cthiso-two-cols .cthiso-sizer-two, .cthiso-two-cols .cthiso-item-three, .cthiso-two-cols .cthiso-sizer-three {
  width: 100%; }

.cthiso-three-cols .cthiso-item, .cthiso-three-cols .cthiso-sizer {
  width: 33.333%; }

.cthiso-three-cols .cthiso-item-second,
.cthiso-three-cols .cthiso-item-two, .cthiso-three-cols .cthiso-sizer-two {
  width: 66.666%; }

.cthiso-three-cols .cthiso-item-three, .cthiso-three-cols .cthiso-sizer-three {
  width: 100%; }

.cthiso-five-cols .cthiso-item, .cthiso-five-cols .cthiso-sizer {
  width: 20%; }

.cthiso-five-cols .cthiso-item-second,
.cthiso-five-cols .cthiso-item-two, .cthiso-five-cols .cthiso-sizer-two {
  width: 40%; }

.cthiso-five-cols .cthiso-item-three, .cthiso-five-cols .cthiso-sizer-three {
  width: 60%; }

.cthiso-six-cols .cthiso-item, .cthiso-six-cols .cthiso-sizer {
  width: 16.66666%; }

.cthiso-six-cols .cthiso-item-second,
.cthiso-six-cols .cthiso-item-two, .cthiso-six-cols .cthiso-sizer-two {
  width: 33.33333%; }

.cthiso-six-cols .cthiso-item-three, .cthiso-six-cols .cthiso-sizer-three {
  width: 50%; }

.cthiso-seven-cols .cthiso-item, .cthiso-seven-cols .cthiso-sizer {
  width: 14.285%; }

.cthiso-seven-cols .cthiso-item-second,
.cthiso-seven-cols .cthiso-item-two, .cthiso-seven-cols .cthiso-sizer-two {
  width: 28.57%; }

.cthiso-seven-cols .cthiso-item-three, .cthiso-seven-cols .cthiso-sizer-three {
  width: 42.857%; }

.cthiso-eight-cols .cthiso-item, .cthiso-eight-cols .cthiso-sizer {
  width: 12.5%; }

.cthiso-eight-cols .cthiso-item-second,
.cthiso-eight-cols .cthiso-item-two, .cthiso-eight-cols .cthiso-sizer-two {
  width: 25%; }

.cthiso-eight-cols .cthiso-item-three, .cthiso-eight-cols .cthiso-sizer-three {
  width: 37.5%; }

.cthiso-nine-cols .cthiso-item, .cthiso-nine-cols .cthiso-sizer {
  width: 11.11111%; }

.cthiso-nine-cols .cthiso-item-second,
.cthiso-nine-cols .cthiso-item-two, .cthiso-nine-cols .cthiso-sizer-two {
  width: 22.22222%; }

.cthiso-nine-cols .cthiso-item-three, .cthiso-nine-cols .cthiso-sizer-three {
  width: 33.33333%; }

.cthiso-ten-cols .cthiso-item, .cthiso-ten-col .cthiso-sizer {
  width: 10%; }

.cthiso-ten-cols .cthiso-item-second,
.cthiso-ten-cols .cthiso-item-two, .cthiso-ten-cols .cthiso-sizer-two {
  width: 20%; }

.cthiso-ten-cols .cthiso-item-three, .cthiso-ten-cols .cthiso-sizer-three {
  width: 30%; }

@media only screen and (max-width: 767px) {
  .cthiso-item, .cthiso-sizer {
    width: 100%; }
  .cthiso-big-pad .cthiso-item {
    padding-bottom: 0; }
  .cthiso-big-pad .cthiso-item,
  .cthiso-medium-pad .cthiso-item,
  .cthiso-small-pad .cthiso-item,
  .cthiso-extrasmall-pad .cthiso-item {
    padding-bottom: 0; } }

/*------  Responsive ------------------------------------------------------*/
@media only screen and (max-width: 2300px) {
  .sections-bg {
    width: 56%; }
  .sections-bg-shop {
    width: 63.5%; } }

@media only screen and (max-width: 2000px) {
  .sections-bg {
    width: 57%; }
  .sections-bg-shop {
    width: 66%; } }

@media only screen and (max-width: 1200px) {
  .five-coulms .gallery-item, .five-coulms .grid-sizer {
    width: 33.333%; }
  .five-coulms .gallery-item-second, .five-coulms .grid-sizer-second {
    width: 66.666%; }
  .five-coulms .gallery-item-three, .five-coulms .grid-sizer-three {
    width: 100%; } }

@media only screen and (max-width: 1036px) {
  #main-theme {
    height: 100%;
    width: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    -webkit-overflow-scrolling: touch; }
  .mob-bg {
    display: block; }
  .inline-facts h6 {
    float: none;
    font-size: 16px;
    text-align: center; }
  .num {
    float: none;
    text-align: center; }
  .nav-button-holder {
    display: block; }
  /*.nav-holder {
    position:absolute;
    top:60px;
    left:0;
    width:100%;
    background:#fff;
    padding:30px 0;
    display:none;
    height:300px;
    overflow:auto;
}
nav ul li  , nav ul li ul li , nav li ul li > ul    {
    float:left;
    width:100%;
    margin-bottom:10px;
    text-align:left;
    left:0;
    right: 0;
}
nav li ul:last-child, nav li ul li:last-child{margin-bottom: 0px;}
nav li a.act-link,nav li a.ancestor-act-link,nav li a.parent-act-link {color:#000;font-weight: 600;}
nav li ul {
    margin: 0;
    position: relative;
    float: left;
    width:100%;
    display: block;
    top:0;
    left: 0;
    z-index: 1;
    border-bottom:none;
}
.nav-holder nav li ul {padding-left: 20px; margin-top: 10px;}*/
  .nav-holder {
    position: absolute;
    top: 60px;
    left: 0;
    width: 100%;
    background: #fff;
    padding: 30px 0;
    display: none;
    height: 300px;
    overflow: auto; }
  nav ul li, nav ul li ul li, nav li ul li > ul {
    float: left;
    width: 100%;
    margin-bottom: 10px;
    text-align: left;
    left: 0;
    opacity: 1;
    right: 0; }
  nav li ul:last-child, nav li ul li:last-child {
    margin-bottom: 0px; }
  nav li a.act-link, nav li a.ancestor-act-link, nav li a.parent-act-link {
    color: #000;
    font-weight: 600; }
  nav li ul {
    margin: 0;
    opacity: 1;
    visibility: visible;
    position: relative;
    float: left;
    width: 100%;
    display: none;
    top: 0;
    left: 0;
    z-index: 1;
    border-bottom: none; }
  nav.show-sub-mobile li ul {
    display: block; }
  nav li:hover > ul {
    display: block; }
  .nav-holder nav li ul {
    padding-left: 20px;
    margin-top: 10px; }
  .slide-title-holder {
    width: 100%; }
  .slide-title {
    top: 45%;
    float: none;
    margin: 0 auto;
    border-right: none;
    padding: 50px; }
  .slide-title h3 {
    font-size: 22px; }
  .slide-title h4 {
    font-size: 12px; }
  .page-title {
    padding-bottom: 20px; }
  .page-title h2 {
    font-size: 30px; }
  section {
    padding: 30px 0; }
  /*.gallery-item,.grid-sizer {
    width:50% !important;
}*/
  /*.gallery-item-second, .gallery-item-three,.grid-sizer-second,.grid-sizer-three{
    width:50% !important;
}
.one-coulms .gallery-item ,.one-coulms .gallery-item-second, .one-coulms .gallery-item-three,
.two-coulms .gallery-item ,.two-coulms .gallery-item-second, .two-coulms .gallery-item-three
{
    width:100% !important;
}*/
  /*.two-coulms .gallery-item {
    width:100% !important;
}*/
  /*.five-coulms .gallery-item {
    width:33.333% !important;
}
.five-coulms .gallery-item-second {
    width:66.666% !important;
}
.five-coulms .gallery-item-three {
    width:100% !important;
}*/
  .fixed-column {
    float: left;
    position: relative;
    width: 100%;
    height: auto;
    right: 0;
    left: 0;
    top: 0; }
  .media-container {
    float: left;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto; }
  .colum-w {
    padding-top: 0 !important; }
  .fw .zoomimage {
    top: 150px; }
  .fixed-info-container {
    position: relative !important;
    top: 0;
    left: 0 !important;
    opacity: 1;
    width: 100% !important;
    float: left;
    padding: 50px 30px 80px 30px !important;
    overflow: auto;
    height: auto !important; }
  .fixed-info-container .comment-form-holder {
    max-width: 100%; }
  .cusres {
    width: 100%;
    float: left; }
  .vis-info {
    padding-left: 0 !important; }
  .horizontal_item {
    padding: 10px 20px; }
  .resp-ena .horizontal_item {
    padding: 0px; }
  .horizontal_item img {
    width: 100%;
    height: auto !important; }
  .show-hid-content {
    display: none; }
  .section-columns-text {
    width: 100% !important; }
  .section-columns-img {
    position: relative;
    top: 0;
    left: 0;
    width: 100% !important;
    height: auto;
    padding: 150px 0; }
  .nav-button {
    margin-top: 19px; }
  .zindex-fix {
    z-index: 1; }
  .left-sidebar .sidebar,
  .sidebar {
    padding: 0; }
  .swiper-slide .show-info {
    bottom: 70px; }
  .resize-carousel-holder .customNavigation {
    display: none; }
  /* New Portfolio video */
  .horizontal_item .ifarme-holder {
    float: left;
    width: 100% !important;
    height: auto !important;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 120px;
    margin-top: 60px; }
  .horizontal_item .ifarme-holder iframe,
  .horizontal_item .ifarme-holder object,
  .horizontal_item .ifarme-holder embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important; }
  .gallery_horizontal {
    margin-bottom: 70px; }
  .full-height-fix {
    height: auto !important; } }

@media only screen and (max-width: 992px) {
  .inline-facts-holder > .wpb_column:nth-child(2n+0) .inline-facts:before {
    display: none; }
  .sections-bg-shop,
  .sections-bg {
    width: 100% !important; } }

@media only screen and (max-width: 756px) {
  #portfolio_horizontal_container {
    height: auto !important;
    max-width: 100%;
    width: 100%; }
  #portfolio_horizontal_container .portfolio_item {
    width: 100% !important;
    height: auto !important;
    padding: 0 10px;
    overflow: hidden;
    position: relative; }
  #portfolio_horizontal_container .portfolio_item img {
    width: 100% !important;
    height: auto !important; }
  .port-subtitle-holder {
    position: relative;
    float: left;
    width: 100%;
    padding: 0; }
  .content-holder {
    padding: 70px 0 50px 0; }
  .footer-social {
    margin: 0 auto;
    float: none; }
  .footer-social li {
    display: inline-block;
    float: none; }
  .parallax-section {
    padding: 150px 0; }
  .inline-facts {
    /*width:50%;*/ }
  .to-top {
    right: 21px; }
  .logo-holder {
    left: 10px; }
  .scroll-page-nav {
    width: 30px; }
  .column-filter {
    top: 74px;
    left: 14px; }
  .count-folio, .full-height-wrap:before, .full-height-wrap:after, .left-decor, .right-decor, .fixed-wrap:before, .fixed-wrap:after, .policy-box, .portfolio_item .port-desc-holder {
    display: none; }
  .custom-inner {
    padding: 100px 0 70px 0; }
  .custom-inner.error-page h2 {
    font-size: 90px; }
  .custom-inner.postpass-page h2 {
    font-size: 32px; }
  /*.gallery-item {
    width:50%;
}*/
  .gallery-item, .grid-sizer {
    width: 50% !important; }
  /*.five-coulms .gallery-item-second , .five-coulms .gallery-item-three{
    width:50% !important;
}*/
  /*.two-columns-box  .box-item,
.two-columns-box  .box-sizer,
.three-columns-box  .box-item,
.three-columns-box  .box-sizer,
.four-columns-box  .box-item,
.four-columns-box  .box-sizer {
    width: 100%;
}
.five-columns-box  .box-sizer,
.five-columns-box  .box-item {
    width: 50%;
}*/
  .gallery-masonry .box-item, .gallery-masonry .box-sizer {
    width: 50% !important; }
  /*Home Landing */
  .preview-title {
    top: 10%; }
  .vertical-slider .swiper-nav-holder {
    left: 10%;
    top: 90%;
    margin-top: 0;
    margin-left: 0; }
  .vertical-slider .slide-title-holder {
    top: 60%; }
  .vertical-slider .slide-title {
    padding: 0px; }
  .vertical-slider .slide-title h3 {
    float: none; }
  .vertical-slider .slide-title h3 {
    margin-top: 20px;
    font-size: 22px;
    text-shadow: none; }
  .vertical-slider .slide-title h3:before {
    display: none; }
  .vertical-slider .slide-title h3 a {
    color: #000; }
  .portfolio_item.hide_sub_info .port-desc-holder {
    display: block; }
  .hoz-ver-cols .portfolio_item .port-desc-holder {
    display: block; }
  #portfolio_horizontal_container.hoz-ver-cols .portfolio_item {
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important; }
  .cusres {
    left: 0; } }

@media only screen and (max-width: 540px) {
  .page-title h2 {
    font-size: 20px; }
  .team-holder li {
    float: left;
    width: 100%;
    padding: 20px 0; }
  /*.gallery-item ,
.gallery-item-second ,
.gallery-item-three
{
    width:100%!important;
}*/
  .grid-small-pad .grid-item-holder, .grid-big-pad .grid-item-holder {
    padding: 20px 0 !important; }
  .header-inner {
    float: left;
    width: 100%;
    padding: 0 10px;
    padding-top: 10px;
    position: relative; }
  .servicses-holder li, .inline-facts {
    width: 100%; }
  .gallery-item, .grid-sizer {
    width: 100% !important; }
  /*.five-coulms .gallery-item {
    width:100% !important;
}*/
  .gallery-masonry .box-item, .gallery-masonry .box-sizer {
    width: 100% !important; }
  /*.five-columns-box  .box-item {
    width: 100%;
}*/
  .gallery-top {
    height: 100%; }
  .gallery-thumbs {
    display: none; }
  .gal.hs {
    top: auto;
    bottom: 10px;
    right: auto;
    left: 50%;
    margin-left: -66px; }
  .thumbsgallery-horizontal-direction .gal.hs {
    width: auto;
    height: 40px;
    bottom: 10px;
    top: auto;
    left: 50%;
    margin-left: -66px; }
  .thumbsgallery-horizontal-direction .gal.hs a {
    margin: 0px 2px; }
  /*.thumbsgallery-vertical-direction .gal.hs {bottom: auto;margin: 0px;top: 50%;margin-top: -66px;right: 10px;left: auto;}*/
  .blog-text {
    float: left;
    width: 100%; }
  .control-group .controls input, .control-group .controls textarea {
    max-width: 100%; }
  #contact-form input[type="submit"], .controls button, .form-submit #submit {
    float: left; }
  p.form-submit {
    padding-bottom: 30px; } }

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .bg {
    background-attachment: scroll !important;
    -webkit-background-size: cover;
    background-position: center; } }