/*
Theme Name: Q Creative - 2015 Edition
Theme URI: http://digitalzoomstudio.net/
Author: DigitalZoomStudio
Author URI: http://digitalzoomstudio.net/
Description: The 2013 theme for WordPress takes us back to the blog, featuring a full range of post formats, each displayed beautifully in their own unique way. Design details abound, starting with a vibrant color scheme and matching header images, beautiful typography and icons, and a flexible layout that looks great on any device, big or small.
Version: 1.08
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready, accessibility-ready
Text Domain: qcreative

*/
/**
 * Table of Contents:
 *
 * 1.0 - Repeatable Patterns
 * 2.0 - Basic Structure
 * 3.0 - Header
 *   3.1 - Site Header
 *   3.2 - Navigation
 *   3.3 - Menu Types
 * 4.0 - Content
 *   4.1 - Homepage
 *   4.2 - Portfolio
 *   4.3 - Blog
 *   4.4 - Elements
 *   4.5 - Contact
 *   4.6 - Gallery with Thumbs
 * 5.0 - Sidebar
 * 6.0 - Footer
 * 7.0 - Media Queries
 * 8.0 - Cross-Browser Hacks
 * ----------------------------------------------------------------------------
 */
/**
 * 1.0 Repeatable Patterns
 * ----------------------------------------------------------------------------
 */
* {
  text-rendering: optimizeLegibility; }

a {
  outline: none;
  text-decoration: none; }

a:focus {
  outline: none;
  text-decoration: none; }

a:visited {
  color: #222; }

body {
  font-family: "Open Sans", sans-serif;
  background-color: #111111;
  color: #777777;
  font-size: 13px;
  line-height: 2;
  word-wrap: break-word; }

html {
  overflow-y: hidden; }

html.has-native-scrollbar {
  overflow-y: auto; }

::selection {
  background: #FF8800;
  /* WebKit/Blink Browsers */
  color: #FFFFFF;
  opacity: 1; }

::-moz-selection {
  background: #FF8800;
  /* Gecko Browsers */
  color: #FFFFFF;
  opacity: 1; }

/* headings */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  line-height: 1.15; }

h1 {
  font-family: "Lato", sans-sarif;
  font-size: 70px;
  margin-top: 38px;
  margin-bottom: 20px;
  color: #222222;
  font-weight: 900; }

h1.normal-margin {
  margin-bottom: 60px; }

h2 {
  font-family: "Lato", sans-serif;
  font-size: 50px;
  margin-top: 15px;
  font-weight: 900;
  margin-bottom: 27px;
  color: #222222; }

h3 {
  font-family: "Lato", sans-serif;
  font-size: 40px;
  margin-top: 15px;
  margin-bottom: 15px;
  color: #222222;
  font-weight: 900; }

h4 {
  color: #222222;
  font-family: "Lato", sans-sarif;
  font-size: 30px;
  font-weight: 900;
  margin-top: 10px;
  margin-bottom: 10px;
  text-transform: uppercase; }

h5 {
  color: #222222;
  font-family: "Lato", sans-sarif;
  font-size: 20px;
  font-weight: 900;
  margin-top: 10px;
  margin-bottom: 10px;
  text-transform: uppercase; }

h6 {
  font-family: "Lato", "Open Sans", sans-sarif;
  font-size: 14px;
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
  color: #222222; }

button {
  border: 0; }

body.no-preloading .the-content-con {    
  opacity: 1; }
body.no-preloading .preloader-con {    
  opacity: 0;
  visibility: hidden; }
body.no-preloading nav.qcreative--nav-con {
  opacity: 1; }

.edit-btn {
  position: absolute;
  bottom: 100%;
  right: 0;
  background-color: rgba(255, 255, 255, 0.5);
  padding: 4px 15px;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase; }

.row.row-margin, .vc_row.wpb_row {
  margin-bottom: 70px; }
  .row.row-margin > .col-md-12 > h2, .vc_row.wpb_row > .col-md-12 > h2 {
    margin-bottom: -10px; }
  .row.row-margin > div[class*="col-md-"] > *:first-child.nostyle, .vc_row.wpb_row > div[class*="col-md-"] > *:first-child.nostyle {
    margin-top: -4px; }
  .row.row-margin > div[class*="col-md-"] > *:last-child.nostyle, .vc_row.wpb_row > div[class*="col-md-"] > *:last-child.nostyle {
    margin-bottom: -6px; }
  .row.row-margin .wpb_content_element.wpb_text_column:last-child, .vc_row.wpb_row .wpb_content_element.wpb_text_column:last-child {
    margin-bottom: 0; }

.the-content-sheet-text > .row.row-margin:last-child, .the-content-sheet-text > .vc_row.wpb_row:last-child {
  margin-bottom: 11px; }

/* headings END */
p {
  line-height: 1.84;
  color: #6b6b6b; }

/* -- horizontal lines */
hr {
  border-color: #dddddd; }

hr.style-2 {
  border-bottom: 1px solid; }

hr.style-black {
  border-color: #222222; }

hr.lions-hr {
  position: relative; }

hr.lions-hr:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 40px;
  height: 38px;
  margin-top: -19px;
  margin-left: -20px;
  background-image: url(img/smalllogo.png); }

hr.lions-hr.lions-hr--at-section-start {
  position: absolute;
  width: 100%;
  top: -1px;
  left: 0;
  margin: 0; }

hr.lions-hr-small {
  position: relative;
  display: block;
  margin: 15px auto;
  width: 47px;
  border-color: #222222; }

hr.lions-hr-small:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 8px;
  height: 8px;
  margin-top: -4px;
  margin-left: -4px;
  border-radius: 50%;
  border: 1px solid #222222;
  background-color: #ffffff; }

hr.qcreative-hr-small {
  position: relative;
  display: block;
  margin: 19px 0;
  border: 0;
  height: 2px;
  width: 30px;
  background-color: #111111; }

hr.mini-hr {
  width: 20px;
  height: 3px;
  border: 0;
  margin: 20px 0;
  background-color: #222222; }

/* -- horizontal lines END */
.color-highlight {
  color: #FF8800; }

.bg-highlight {
  background-color: #FF8800; }

blockquote {
  border-left: 1px solid #aaaaaa;
  padding: 0 15px;
  line-height: 1.7;
  margin-top: 30px;
  font-size: 14px;
  font-weight: 400;
  font-style: italic;
  color: #777777; }
  blockquote > a {
    color: #111111;
    font-weight: 600;
    font-weight: 400;
    font-style: normal; }

ul.style-angle {
  list-style: none;
  padding-left: 0; }
  ul.style-angle > li {
    margin-bottom: 15px;
    padding-left: 15px;
    position: relative; }
    ul.style-angle > li > a {
      color: inherit;
      text-decoration: none; }
  ul.style-angle > li:before {
    content: "\f105";
    font-family: FontAwesome,sans-sarif;
    font-size: 14px;
    color: #fff;
    position: absolute;
    top: -1px;
    left: 0; }
  ul.style-angle > li:hover {
    color: #FF8800; }
  ul.style-angle > li:hover:before {
    color: #FF8800; }

ul.redcircle {
  padding-left: 0;
  margin-top: 15px;
  list-style: none;
  color: #444444; }
  ul.redcircle li {
    padding-left: 30px;
    position: relative;
    margin-top: 7px;
    font-weight: 600; }
  ul.redcircle li:before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 22px;
    height: 22px;
    background-color: #FF8800;
    border-radius: 50%; }
  ul.redcircle li:after {
    content: "\f00c";
    position: absolute;
    font-family: "FontAwesome", sans-sarif;
    font-size: 14px;
    color: #ffffff;
    top: -1px;
    left: 4px; }

ul.nostyle {
  padding-left: 0;
  margin-bottom: 15px;
  list-style: none;
  color: #444444; }
  ul.nostyle li {
    padding-left: 0px;
    position: relative;
    margin-bottom: 7px;
    font-size: 13px;
    font-weight: 600; }
    ul.nostyle li > .icon-con {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      margin-right: 9px;
      width: 22px;
      height: 22px;
      background-color: #FF8800;
      border-radius: 50%; }
      ul.nostyle li > .icon-con > i {
        position: absolute;
        top: 50%;
        left: 50%;
        color: #FFFFFF;
        transform: translate(-50%, -50%); }
    ul.nostyle li > .li-text {
      display: inline-block;
      vertical-align: middle; }

/* - - bootstrap column add */
.row .col-md-1-5 {
  min-height: 1px;
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
  width: 20%;
  float: left; }

.tall-img {
  margin-top: -50%;
  width: 100%; }

.wide-img {
  margin-left: -50%;
  height: 100%; }

.subtitle {
  text-align: center;
  color: #999999;
  margin-top: 0; }

a.dzstooltip-con {
  position: relative;
  display: inline-block; }

.dzstooltip.arrow-bottom.align-right.skin-red {
  pointer-events: none; }

.divimage.fullsize {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; }

.margin10 {
  margin-bottom: 10px; }

.extend-margin-30 {
  margin-left: -30px;
  margin-right: -30px; }

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

.center-it-v {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  width: 100%; }

.fullheight {
  height: 100%; }

.main-container .audioplayer.skin-redlights .ap-controls .controls-right {
  min-width: 37.2%;
  position: relative;
  top: 8px;
  padding-top: 5px; }
.main-container .audiogallery .audioplayer.skin-redlights .ap-controls .controls-right {
  min-width: 34.2%; }
.main-container a.btn-zoomsounds {
  font-family: "Lato",serif;
  font-size: 11px;
  font-weight: bold; }
.main-container .advancedscroller.skin-trumpet.item-padding-30 .arrowsCon > .arrow-right {
  right: -15px;
  width: 31px; }
.main-container .zfolio.skin-silver .zfolio-item .item-meta .the-desc {
  font-family: "Open Sans", serif; }
.main-container .zfolio.skin-silver .zfolio-item .the-overlay {
  box-shadow: inset 0px 0px 0px 0px #FFFFFF;
  transition-property: all;
  transition-duration: 0.3s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: all;
  -o-transition-duration: 0.3s;
  -ms-transition-property: all;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
.main-container .zfolio.skin-silver .zfolio-item.active .the-overlay {
  box-shadow: inset 0px 0px 0px 5px #FFFFFF;
  background: transparent; }
.main-container .zfolio.skin-silver .zfolio-item.active:hover .item-meta {
  opacity: 0; }
.main-container .restaurant-menu-item .the-ingredients {
  line-height: 1.7; }

.row.smaller-padding {
  margin-left: -5px;
  margin-right: -5px; }
  .row.smaller-padding .col-md-7, .row.smaller-padding .col-md-5, .row.smaller-padding .col-md-6 {
    padding-left: 5px;
    padding-right: 5px; }

.row.row-section {
  margin-bottom: 45px; }

.row.row-section-smaller {
  margin-bottom: 17px; }

.row.row-section-margin {
  margin-bottom: 70px; }

body.with-border .main-container {
  border: 15px solid #FFFFFF;
  transform: translate3d(0, 0, 0);
  position: fixed;
  width: 100%;
  height: 100%; }

body.with-border.page-gallery-w-thumbs.menu-type-1 .gallery-thumbs-con, body.with-border.page-gallery-w-thumbs.menu-type-2 .gallery-thumbs-con {
  right: 0; }

.display-table {
  display: table; }
  .display-table .left-td, .display-table .right-td, .display-table .center-td {
    display: table-cell;
    width: 50%;
    vertical-align: middle; }
  .display-table .center-td {
    text-align: center; }

.portfolio-link-con {
  display: block; }
  .portfolio-link-con .portfolio-link--title, .portfolio-link-con .portfolio-link--toback {
    display: block;
    width: calc(50% - 30px);
    float: left; }
  .portfolio-link-con .portfolio-link--toback {
    width: 60px; }

.portfolio-link-con:after {
  content: "";
  display: block;
  clear: both; }

/* -- dividers */
.divider {
  width: 100%;
  height: 1px;
  background-color: #dddddd;
  line-height: 1;
  margin: 20px 0;
  position: relative; }

.divider.style-black {
  background-color: #222222; }

.divider.style-2:after {
  content: "";
  position: absolute;
  top: calc(100% + 1px);
  width: 100%;
  height: 1px;
  background-color: inherit; }

.divider.style-3 {
  height: 2px; }

.divider.style-3:after {
  content: "";
  position: absolute;
  top: calc(100% + 1px);
  width: 100%;
  height: 1px;
  background-color: inherit; }

.divider.style-4 {
  height: 1px; }

.divider.style-3:after {
  content: "";
  position: absolute;
  top: calc(100% + 1px);
  width: 100%;
  height: 2px;
  background-color: inherit; }

.divider.style-5 {
  height: 2px; }

.divider5 {
  display: block;
  height: 5px; }

.divider8 {
  display: block;
  height: 8px; }

.divider15 {
  display: block;
  height: 15px; }

.divider20 {
  display: block;
  height: 20px; }

.divider25 {
  display: block;
  height: 25px; }

.divider30 {
  display: block;
  height: 30px; }

.divider30 {
  display: block;
  height: 32px; }

.divider40 {
  display: block;
  height: 40px; }

.divider45 {
  display: block;
  height: 45px; }

.divider60 {
  display: block;
  height: 60px; }

.divider70 {
  display: block;
  height: 70px; }

.divider80 {
  display: block;
  height: 80px; }

.dividern30 {
  display: block;
  margin-bottom: -30px; }

.dividern40 {
  display: block;
  margin-bottom: -40px; }

.dividern50 {
  display: block;
  margin-bottom: -50px; }

.dividern55 {
  display: block;
  margin-bottom: -55px; }

.marginv15 {
  margin-top: 15px !important;
  margin-bottom: 15px !important; }

.marginv20 {
  margin-bottom: 20px;
  margin-top: 20px; }

.marginv30 {
  margin-bottom: 30px;
  margin-top: 30px; }

.marginv50 {
  margin-bottom: 50px;
  margin-top: 50px; }

.marginv60 {
  margin-bottom: 60px;
  margin-top: 60px; }

.marginv70 {
  margin-top: 70px;
  margin-bottom: 70px; }

.margint50 {
  margin-top: 50px; }

.margintn5 {
  margin-top: -5px; }

.margint54 {
  margin-top: 54px; }

.marginb0 {
  margin-bottom: 0; }

.col50 {
  float: left;
  width: 50%; }

.clear {
  clear: both; }

.no-margin-bottom {
  margin-bottom: 0 !important; }

.no-margin-top {
  margin-top: 0 !important; }

.margint0 {
  margin-bottom: 0px !important; }

.marginb6 {
  margin-bottom: 6px !important; }

/* -- dividers END */
/**
 * 2.0 Basic Structure
 * ----------------------------------------------------------------------------
 */
.excerpt-content blockquote a {
  color: #111111;
  transition-property: color;
  transition-duration: 0.3s;
  -moz-transition-property: color;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: color;
  -o-transition-duration: 0.3s;
  -ms-transition-property: color;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }

.excerpt-content blockquote a:hover {
  color: #FF8800;
  text-decoration: none; }

body .excerpt-content.skin-qcre p {
  line-height: 1.92; }

.main-bg-con {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  transform: translate3d(0, 0, 0); }
  .main-bg-con > .main-bg-div {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center;
    display: none; }

.main-bg-image {
  position: relative;
  display: block; }

body.is-ipad .main-bg-con .main-bg-image {
  display: none; }
body.is-ipad .main-bg-con .main-bg-div {
  display: block; }

.main-bg {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat; }

body .dzsparallaxer {
  background-color: transparent; }

.main-bg-con-con.dzsparallaxer {
  position: absolute; }
  .main-bg-con-con.dzsparallaxer .main-bg-con {
    height: 130%;
    position: fixed; }

.main-bg-con.dzsparallaxer {
  position: fixed;
  transition-property: none;
  -webkit-transition-property: none; }
  .main-bg-con.dzsparallaxer .main-bg {
    height: 130%; }

.main-bg-con.dzsparallaxer.stickto100 {
  height: 100% !important; }

.translucent-con.dzsparallaxer.stickto100 {
  height: 100% !important; }

.translucent-con.dzsparallaxer {
  position: absolute; }

.translucent-bg.for-parallaxer {
  height: 130%; }

.secondary-bg {
  max-width: 1160px;
  background-color: #fff;
  opacity: 0.7; }

body.body-style-light {
  /* homepage */ }
  body.body-style-light .the-content .translucent-con .translucent-overlay {
    background-color: rgba(255, 255, 255, 0.3); }
  body.body-style-light .translucent-layer {
    background-color: rgba(255, 255, 255, 0.3); }
  body.body-style-light .qc-pagination > li > a {
    background-color: rgba(0, 0, 0, 0.2); }
  body.body-style-light .qc-pagination > li.active > a, body.body-style-light .qc-pagination > li:hover > a {
    background-color: #FF8800; }
  body.body-style-light .the-content.with-filters-bg .translucent-con .translucent-overlay {
    background-color: rgba(0, 0, 0, 0.15); }
  body.body-style-light .the-content.with-filters-bg .translucent-layer {
    background-color: rgba(255, 255, 255, 0.25); }
  body.body-style-light .gallery-thumbs-con .translucent-con .translucent-overlay {
    background-color: rgba(255, 255, 255, 0.3); }
  body.body-style-light .main-container .the-content-con.fullit .zfolio.skin-silver .zfolio-item .the-feature-con, body.body-style-light .main-container .the-content-con.fullit .zfolio.skin-melbourne .zfolio-item .the-feature-con {
    box-shadow: 0 0 0 2px #ffffff; }
  body.body-style-light body.page-portfolio.no-padding .the-content-inner > *:first-child.zfolio.skin-silver {
    padding-left: 2px; }
  body.body-style-light .main-container .the-content-con.fullit .zfolio.skin-silver .selector-con .categories, body.body-style-light .main-container .the-content-con.fullit .zfolio.skin-melbourne .selector-con .categories {
    background-color: #FFFFFF; }
  body.body-style-light .the-content-con.fullit .zfolio.skin-silver .selector-con .a-category, body.body-style-light .the-content-con.fullit .zfolio.skin-melbourne .selector-con .a-category, body.body-style-light .the-content-con.fullit .zfolio.skin-gazelia .selector-con .a-category, body.body-style-light .the-content-con.fullit .zfolio.skin-qcre .selector-con .a-category {
    color: #111111; }
  body.body-style-light .the-content-con.fullit .zfolio.skin-silver .selector-con .a-category.active, body.body-style-light .the-content-con.fullit .zfolio.skin-silver .selector-con .a-category:hover, body.body-style-light .the-content-con.fullit .zfolio.skin-melbourne .selector-con .a-category.active, body.body-style-light .the-content-con.fullit .zfolio.skin-gazelia .selector-con .a-category.active, body.body-style-light .the-content-con.fullit .zfolio.skin-qcre .selector-con .a-category.active {
    color: #FFFFFF; }
  body.body-style-light .main-gallery--desc .translucent-con .translucent-overlay {
    background-color: rgba(255, 255, 255, 0.3); }
  body.body-style-light .main-gallery--descs .main-gallery--desc .big-desc {
    color: #222222; }

body.body-style-light.with-fullbg > .fullbg, body.body-style-light.with-fullbg .main-container > .fullbg {
  background-color: rgba(255, 255, 255, 0.7); }

body.content-align-right .the-content-con {
  margin-right: 30px;
  margin-left: 30px;
  float: right; }
body.content-align-right .main-container:after {
  display: block;
  content: "";
  clear: both; }

body.content-align-right.menu-type-5 div.main-container div.the-content-con, body.content-align-right.menu-type-6 div.main-container div.the-content-con {
  float: right;
  right: 0px; }
body.content-align-right.menu-type-5 .main-container .qcreative--nav-con, body.content-align-right.menu-type-6 .main-container .qcreative--nav-con {
  left: auto;
  /* set by js */ }

body.content-align-right.menu-type-7 .main-container .the-content-con, body.content-align-right.menu-type-8 .main-container .the-content-con {
  margin-right: 30px; }

body.content-align-right.menu-type-9 .main-container .the-content-con, body.content-align-right.menu-type-10 .main-container .the-content-con, body.content-align-right.menu-type-13 .main-container .the-content-con, body.content-align-right.menu-type-14 .main-container .the-content-con, body.content-align-right.menu-type-15 .main-container .the-content-con, body.content-align-right.menu-type-16 .main-container .the-content-con, body.content-align-right.menu-type-17 .main-container .the-content-con, body.content-align-right.menu-type-18 .main-container .the-content-con {
  margin-right: 30px; }

body.content-align-right.menu-type-11 .main-container .the-content-con {
  margin-right: 30px; }

body.content-align-right.menu-type-12 .the-content-con {
  margin-left: auto;
  margin-right: auto;
  left: 0;
  float: none; }

body.content-align-left .the-content-con {
  margin-right: 30px;
  margin-left: 30px;
  left: 250px; }
body.content-align-left .main-container:after {
  display: block;
  content: "";
  clear: both; }

body.content-align-left.menu-type-3 .the-content-con, body.content-align-left.menu-type-4 .the-content-con {
  left: 230px; }

body.content-align-left.menu-type-5 .the-content-con, body.content-align-left.menu-type-6 .the-content-con {
  left: 260px; }
body.content-align-left.menu-type-5 .main-container .qcreative--nav-con, body.content-align-left.menu-type-6 .main-container .qcreative--nav-con {
  left: 30px; }

body.content-align-left.menu-type-7 .the-content-con, body.content-align-left.menu-type-8 .the-content-con {
  left: 260px;
  margin-left: 30px;
  margin-right: 30px; }

body.content-align-left.menu-type-9 .the-content-con, body.content-align-left.menu-type-10 .the-content-con, body.content-align-left.menu-type-13 .the-content-con, body.content-align-left.menu-type-14 .the-content-con, body.content-align-left.menu-type-15 .the-content-con, body.content-align-left.menu-type-16 .the-content-con, body.content-align-left.menu-type-17 .the-content-con, body.content-align-left.menu-type-18 .the-content-con {
  left: 0px;
  margin-left: 30px;
  margin-right: 30px; }

body.content-align-left.menu-type-11 .the-content-con, body.content-align-left.menu-type-12 .the-content-con {
  left: 260px;
  margin-left: 30px;
  margin-right: 30px; }

body.content-align-left.menu-type-12 .the-content-con {
  margin-left: auto;
  margin-right: auto;
  left: 0; }

body.menu-type-5.semi-responsive-mode.semi-responsive-mode-enforce div.main-container div.the-content-con, body.menu-type-6.semi-responsive-mode.semi-responsive-mode-enforce div.main-container div.the-content-con {
  float: none;
  right: auto;
  left: 290px;
  width: calc(100% - 320px); }
body.menu-type-5.semi-responsive-mode.semi-responsive-mode-enforce .main-container .qcreative--nav-con, body.menu-type-6.semi-responsive-mode.semi-responsive-mode-enforce .main-container .qcreative--nav-con {
  right: auto;
  left: 30px; }

body.menu-type-7.semi-responsive-mode.semi-responsive-mode-enforce div.main-container div.the-content-con, body.menu-type-8.semi-responsive-mode.semi-responsive-mode-enforce div.main-container div.the-content-con {
  float: none;
  right: auto;
  left: 250px;
  width: calc(100% - 270px); }
body.menu-type-7.semi-responsive-mode.semi-responsive-mode-enforce .main-container .qcreative--nav-con, body.menu-type-8.semi-responsive-mode.semi-responsive-mode-enforce .main-container .qcreative--nav-con {
  right: auto;
  left: 0px; }

.main-container img.fullwidth, .slider-con img.fullwidth {
  width: 100%; }
.main-container .vplayer, .main-container .vplayer-tobe, .main-container .audioplayer, .slider-con .vplayer, .slider-con .vplayer-tobe, .slider-con .audioplayer {
  margin-bottom: 30px; }
.main-container .advancedscroller .thumbsClip, .slider-con .advancedscroller .thumbsClip {
  transition-property: left;
  transition-duration: 0.6s;
  -moz-transition-property: left;
  -moz-transition-duration: 0.6s;
  -webkit-transition-property: left;
  -webkit-transition-duration: 0.6s;
  -o-transition-property: left;
  -o-transition-duration: 0.6s;
  -ms-transition-property: left;
  -ms-transition-duration: 0.6s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
.main-container .dzs-tabs.skin-menu .tabs-menu .tab-menu-con, .slider-con .dzs-tabs.skin-menu .tabs-menu .tab-menu-con {
  margin-right: 1px; }
.main-container .zfolio.skin-gazelia .zfolio-item .zfolio-item--inner .the-overlay .the-overlay-anchor:after, .slider-con .zfolio.skin-gazelia .zfolio-item .zfolio-item--inner .the-overlay .the-overlay-anchor:after {
  margin-top: -1px; }
.main-container .zfolio.skin-melbourne .zfolio-item .item-meta .the-title, .slider-con .zfolio.skin-melbourne .zfolio-item .item-meta .the-title {
  text-transform: uppercase; }
.main-container .excerpt-content.skin-qcre .dzs-col-4 p:last-of-type, .slider-con .excerpt-content.skin-qcre .dzs-col-4 p:last-of-type {
  margin-bottom: 0; }
.main-container .zfolio.skin-melbourne .zfolio-item .the-feature-con, .slider-con .zfolio.skin-melbourne .zfolio-item .the-feature-con {
  overflow: hidden; }
  .main-container .zfolio.skin-melbourne .zfolio-item .the-feature-con .the-feature, .slider-con .zfolio.skin-melbourne .zfolio-item .the-feature-con .the-feature {
    transform: scale(1);
    transition-property: all;
    transition-duration: 0.3s;
    -moz-transition-property: all;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: all;
    -o-transition-duration: 0.3s;
    -ms-transition-property: all;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
.main-container .zfolio.skin-melbourne .zfolio-item:hover .the-feature-con .the-feature, .slider-con .zfolio.skin-melbourne .zfolio-item:hover .the-feature-con .the-feature {
  transform: scale(1.2); }
.main-container .hr-for-skin-whitefull, .slider-con .hr-for-skin-whitefull {
  margin-left: -20px;
  width: calc(100% + 40px); }
.main-container .zfolio.skin-silver .zfolio-item .item-meta .the-title:after, .slider-con .zfolio.skin-silver .zfolio-item .item-meta .the-title:after {
  margin-top: 8px;
  margin-bottom: 9px; }
.main-container .zfolio .zfolio-preloader-1-con, .slider-con .zfolio .zfolio-preloader-1-con {
  display: none; }
.main-container .zfolio.skin-gazelia.skin-gazelia--transparent[data-margin="1"] .items, .main-container .zfolio.zfolio-portfolio-expandable[data-margin="1"] .items, .slider-con .zfolio.skin-gazelia.skin-gazelia--transparent[data-margin="1"] .items, .slider-con .zfolio.zfolio-portfolio-expandable[data-margin="1"] .items {
  margin-bottom: 30px; }
.main-container div.zfolio.skin-silver .zfolio-item .item-meta, .slider-con div.zfolio.skin-silver .zfolio-item .item-meta {
  filter: none;
  -webkit-filter: none;
  transition-property: all;
  transition-duration: 0.3s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: all;
  -o-transition-duration: 0.3s;
  -ms-transition-property: all;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
.main-container div.zfolio.skin-silver .zfolio-item:not(.layout-big) .item-meta .the-title:after, .slider-con div.zfolio.skin-silver .zfolio-item:not(.layout-big) .item-meta .the-title:after {
  margin-bottom: 7px; }
.main-container .zfolio.skin-silver .zfolio-item .item-meta .the-title, .slider-con .zfolio.skin-silver .zfolio-item .item-meta .the-title {
  font-weight: 900; }
.main-container .zfolio.skin-silver .zfolio-item .item-meta .the-title, .slider-con .zfolio.skin-silver .zfolio-item .item-meta .the-title {
  font-weight: 900; }
.main-container .zfolio.skin-silver .zfolio-item .the-feature-con, .slider-con .zfolio.skin-silver .zfolio-item .the-feature-con {
  overflow: hidden; }
.main-container .zfolio.skin-silver .zfolio-item .the-feature, .slider-con .zfolio.skin-silver .zfolio-item .the-feature {
  transform: scale(1);
  transition-property: all;
  transition-duration: 0.3s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: all;
  -o-transition-duration: 0.3s;
  -ms-transition-property: all;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }
.main-container .zfolio.skin-silver .zfolio-item:hover .the-feature, .slider-con .zfolio.skin-silver .zfolio-item:hover .the-feature {
  transform: scale(1.1); }
.main-container .zfolio.skin-melbourne .zfolio-item .item-meta, .slider-con .zfolio.skin-melbourne .zfolio-item .item-meta {
  padding-top: 18px;
  padding-bottom: 21px; }
.main-container .zfolio.skin-melbourne .zfolio-item .item-meta .the-title:after, .slider-con .zfolio.skin-melbourne .zfolio-item .item-meta .the-title:after {
  margin-top: 9px;
  margin-bottom: 6px; }
.main-container .zfolio.skin-melbourne.is-gallery .zfolio-item .item-meta, .slider-con .zfolio.skin-melbourne.is-gallery .zfolio-item .item-meta {
  padding-top: 13px;
  padding-bottom: 12px; }
.main-container .zfolio.skin-melbourne.is-gallery .zfolio-item .item-meta .the-title, .slider-con .zfolio.skin-melbourne.is-gallery .zfolio-item .item-meta .the-title {
  display: none; }
.main-container .zfolio.skin-melbourne.is-gallery .zfolio-item .item-meta .the-desc, .slider-con .zfolio.skin-melbourne.is-gallery .zfolio-item .item-meta .the-desc {
  font-weight: bold;
  font-size: 14px;
  font-family: "Lato", arial, serif;
  color: #222222;
  font-style: normal;
  transition-property: color;
  transition-duration: 0.3s;
  -moz-transition-property: color;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: color;
  -o-transition-duration: 0.3s;
  -ms-transition-property: color;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
.main-container .zfolio.skin-melbourne.is-gallery .zfolio-item:hover .item-meta .the-desc, .slider-con .zfolio.skin-melbourne.is-gallery .zfolio-item:hover .item-meta .the-desc {
  color: #FFFFFF; }
.main-container .zfolio.skin-melbourne.is-gallery .zfolio-item .the-overlay:before, .slider-con .zfolio.skin-melbourne.is-gallery .zfolio-item .the-overlay:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  border: 2px solid #FFFFFF;
  display: block;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.3s;
  -ms-transition-property: opacity;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
.main-container .zfolio.skin-melbourne.is-gallery .zfolio-item .the-overlay, .slider-con .zfolio.skin-melbourne.is-gallery .zfolio-item .the-overlay {
  transition-property: background;
  transition-duration: 0.35s;
  -moz-transition-property: background;
  -moz-transition-duration: 0.35s;
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.35s;
  -o-transition-property: background;
  -o-transition-duration: 0.35s;
  -ms-transition-property: background;
  -ms-transition-duration: 0.35s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
.main-container .zfolio.skin-melbourne.is-gallery .zfolio-item .the-overlay:before, .slider-con .zfolio.skin-melbourne.is-gallery .zfolio-item .the-overlay:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  border: 2px solid #FFFFFF;
  display: block;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.3s;
  -ms-transition-property: opacity;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
.main-container .zfolio.skin-melbourne.is-gallery .zfolio-item .the-overlay:after, .slider-con .zfolio.skin-melbourne.is-gallery .zfolio-item .the-overlay:after {
  content: "\f002";
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 18px;
  color: #FFFFFF;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  font-family: "FontAwesome",arial, serif;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.3s;
  -ms-transition-property: opacity;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
.main-container .zfolio.skin-melbourne.is-gallery .zfolio-item:hover .the-overlay, .slider-con .zfolio.skin-melbourne.is-gallery .zfolio-item:hover .the-overlay {
  background-color: rgba(0, 0, 0, 0.5); }
.main-container .zfolio.skin-melbourne.is-gallery .zfolio-item:hover .the-overlay:before, .slider-con .zfolio.skin-melbourne.is-gallery .zfolio-item:hover .the-overlay:before {
  opacity: 1; }
.main-container .zfolio.skin-melbourne.is-gallery .zfolio-item:hover .the-overlay:after, .slider-con .zfolio.skin-melbourne.is-gallery .zfolio-item:hover .the-overlay:after {
  opacity: 1; }
.main-container .zfolio.skin-gazelia .zfolio-item .zfolio-item--inner .the-overlay .the-overlay-anchor, .slider-con .zfolio.skin-gazelia .zfolio-item .zfolio-item--inner .the-overlay .the-overlay-anchor {
  top: 50%;
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  -moz-transition-property: opacity, visibility;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: opacity, visibility;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: opacity, visibility;
  -o-transition-duration: 0.3s;
  -ms-transition-property: opacity, visibility;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
.main-container .zfolio.skin-gazelia .zfolio-item .the-feature, .slider-con .zfolio.skin-gazelia .zfolio-item .the-feature {
  transform: scale(1);
  transition-property: all;
  transition-duration: 0.3s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: all;
  -o-transition-duration: 0.3s;
  -ms-transition-property: all;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
.main-container .zfolio.skin-gazelia .zfolio-item:hover .zfolio-item--inner .the-overlay .the-overlay-anchor, .slider-con .zfolio.skin-gazelia .zfolio-item:hover .zfolio-item--inner .the-overlay .the-overlay-anchor {
  opacity: 1;
  visibility: visible;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  -moz-transition-property: opacity, visibility;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: opacity, visibility;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: opacity, visibility;
  -o-transition-duration: 0.3s;
  -ms-transition-property: opacity, visibility;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
.main-container .zfolio.skin-gazelia .zfolio-item:hover .the-feature, .slider-con .zfolio.skin-gazelia .zfolio-item:hover .the-feature {
  transform: scale(1.2); }
.main-container .responsive-featured-media-con, .slider-con .responsive-featured-media-con {
  display: none; }
.main-container .dzs-tabs.skin-qcre .tabs-menu .tab-menu-con .tab-menu, .slider-con .dzs-tabs.skin-qcre .tabs-menu .tab-menu-con .tab-menu {
  font-weight: bold;
  padding: 6px 14px; }
.main-container .dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con .tab-menu, .slider-con .dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con .tab-menu {
  padding: 12px 10px 12px 39px; }
.main-container .dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con .tab-menu > .plus-sign, .slider-con .dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con .tab-menu > .plus-sign {
  top: 13px; }
.main-container .dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con:first-child, .slider-con .dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con:first-child {
  margin-top: 0px; }
.main-container .dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con, .slider-con .dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con {
  margin-top: 0;
  margin-bottom: 1px; }
.main-container .advancedscroller.skin-qcre > .arrowsCon > .arrow-left, .slider-con .advancedscroller.skin-qcre > .arrowsCon > .arrow-left {
  right: 31px; }
.main-container .advancedscroller.skin-qcre > .arrowsCon > .arrow-left:before, .main-container .advancedscroller.skin-qcre .arrowsCon > .arrow-right:before, .slider-con .advancedscroller.skin-qcre > .arrowsCon > .arrow-left:before, .slider-con .advancedscroller.skin-qcre .arrowsCon > .arrow-right:before {
  margin-top: -16px; }
.main-container .advancedscroller.skin-qcre > .arrowsCon > .arrow-left:before, .slider-con .advancedscroller.skin-qcre > .arrowsCon > .arrow-left:before {
  margin-left: -6px; }
.main-container .advancedscroller.skin-qcre .arrowsCon > .arrow-right:before, .slider-con .advancedscroller.skin-qcre .arrowsCon > .arrow-right:before {
  margin-left: -4px; }
.main-container .advancedscroller.skin-qcre.arrows-middle > .arrowsCon > .arrow-left, .slider-con .advancedscroller.skin-qcre.arrows-middle > .arrowsCon > .arrow-left {
  bottom: auto;
  right: auto;
  top: 50%;
  left: 0;
  transform: translateY(-50%); }
.main-container .advancedscroller.skin-qcre.arrows-middle > .arrowsCon > .arrow-right, .slider-con .advancedscroller.skin-qcre.arrows-middle > .arrowsCon > .arrow-right {
  bottom: auto;
  left: auto;
  top: 50%;
  right: 0;
  transform: translateY(-50%); }
.main-container .advancedscroller.skin-qcre.arrows-middle > .arrowsCon > .arrow-left:hover, .slider-con .advancedscroller.skin-qcre.arrows-middle > .arrowsCon > .arrow-left:hover {
  background-color: #141414; }
.main-container .advancedscroller.skin-qcre.arrows-middle > .arrowsCon > .arrow-right:hover, .slider-con .advancedscroller.skin-qcre.arrows-middle > .arrowsCon > .arrow-right:hover {
  background-color: #141414; }
.main-container .advancedscroller.skin-whitefish.fixed-height .thumbsClip, .slider-con .advancedscroller.skin-whitefish.fixed-height .thumbsClip {
  height: 100%; }
  .main-container .advancedscroller.skin-whitefish.fixed-height .thumbsClip > .item, .slider-con .advancedscroller.skin-whitefish.fixed-height .thumbsClip > .item {
    height: 100%; }
    .main-container .advancedscroller.skin-whitefish.fixed-height .thumbsClip > .item .row.center-it-v, .slider-con .advancedscroller.skin-whitefish.fixed-height .thumbsClip > .item .row.center-it-v {
      left: 30px;
      padding-top: 15px;
      width: calc(100% - 30px); }
.main-container .advancedscroller.skin-whitefish.fixed-height.transition-slide .thumbsClip > .item, .slider-con .advancedscroller.skin-whitefish.fixed-height.transition-slide .thumbsClip > .item {
  position: relative; }
.main-container .advancedscroller .arrowsCon > .arrow-left, .main-container .advancedscroller .arrowsCon > .arrow-right, .slider-con .advancedscroller .arrowsCon > .arrow-left, .slider-con .advancedscroller .arrowsCon > .arrow-right {
  opacity: 1;
  cursor: pointer; }
.main-container .zfolio.skin-melbourne .zfolio-item .item-meta, .slider-con .zfolio.skin-melbourne .zfolio-item .item-meta {
  text-transform: none; }
.main-container .zfolio.skin-qcre .zfolio-item .the-overlay, .slider-con .zfolio.skin-qcre .zfolio-item .the-overlay {
  box-shadow: inset 0px 0px 0px 0px #FFFFFF; }
.main-container .zfolio.skin-qcre .zfolio-item:hover .the-overlay, .slider-con .zfolio.skin-qcre .zfolio-item:hover .the-overlay {
  box-shadow: inset 0px 0px 0px 0px #FFFFFF; }
.main-container .zfolio.skin-qcre .zfolio-item.active .the-overlay, .slider-con .zfolio.skin-qcre .zfolio-item.active .the-overlay {
  box-shadow: inset 0px 0px 0px 5px #FFFFFF; }
.main-container .zfolio.skin-qcre .zfolio-item:before, .slider-con .zfolio.skin-qcre .zfolio-item:before {
  border-top-color: #FFFFFF; }

.ajax-preloader {
    z-index:9999;
  position: fixed;
  width: 200px;
  height: 200px;
  bottom: -200px;
  right: -200px;  
  transition-property: bottom, right;
  transition-duration: 0.3s;
  -moz-transition-property: bottom, right;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: bottom, right;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: bottom, right;
  -o-transition-duration: 0.3s;
  -ms-transition-property: bottom, right;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }

.ajax-preloader:before {
  content: '';
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 200px 200px;
  border-color: transparent transparent transparent transparent;
  border-bottom-color: #FF8800;
  position: absolute;
  bottom: 0;
  right: 0; }

.preloader-wandering-cubes {
  width: 40px;
  height: 40px;
  position: absolute;
  bottom: 40px;
  right: 40px; }

.preloader-wandering-cubes .preloader-cube {
  background-color: #FFFFFF;
  width: 10px;
  height: 10px;
  -webkit-animation: preloader-cubes-animation 1.8s ease-in-out -1.8s infinite both;
  animation: preloader-cubes-animation 1.8s ease-in-out -1.8s infinite both; }

.preloader-wandering-cubes .preloader-cube2 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s; }

.ajax-preloader .loader {
  font-size: 10px;
  text-indent: -9999em;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #ffffff 10%, rgba(255, 255, 255, 0) 42%);
  -webkit-animation: load3 1s infinite linear;
  animation: load3 1s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  position: absolute;
  bottom: 20px;
  right: 20px; }

.ajax-preloader .loader:before {
  width: 50%;
  height: 50%;
  background: #ffffff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: ''; }

.ajax-preloader .loader:after {
  background: #FF8800;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

@-webkit-keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes load3 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg); } }
@-webkit-keyframes preloader-cubes-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  25% {
    -webkit-transform: translateX(30px) rotate(-90deg) scale(0.5);
    transform: translateX(30px) rotate(-90deg) scale(0.5); }
  50% {
    /* Hack to make FF rotate in the right direction */
    -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
    transform: translateX(30px) translateY(30px) rotate(-179deg); }
  50.1% {
    -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
    transform: translateX(30px) translateY(30px) rotate(-180deg); }
  75% {
    -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5);
    transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }
@keyframes preloader-cubes-animation {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  25% {
    -webkit-transform: translateX(30px) rotate(-90deg) scale(0.5);
    transform: translateX(30px) rotate(-90deg) scale(0.5); }
  50% {
    /* Hack to make FF rotate in the right direction */
    -webkit-transform: translateX(30px) translateY(30px) rotate(-179deg);
    transform: translateX(30px) translateY(30px) rotate(-179deg); }
  50.1% {
    -webkit-transform: translateX(30px) translateY(30px) rotate(-180deg);
    transform: translateX(30px) translateY(30px) rotate(-180deg); }
  75% {
    -webkit-transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5);
    transform: translateX(0) translateY(30px) rotate(-270deg) scale(0.5); }
  100% {
    -webkit-transform: rotate(-360deg);
    transform: rotate(-360deg); } }
body.q-ajax-transitioning .ajax-preloader {
  bottom: 0;
  right: 0; }
body.q-ajax-transitioning .zoombox-maincon .css-preloader {
  opacity: 0;
  visibility: hidden; }

/* the scrollbar */
.main-container.scroller-con.skin_apple .scrollbary {
  top: 0;
  right: 3px;
  background: rgba(0, 0, 0, 0.5);
  transform: scaleY(0.98);
  z-index: 55;
  opacity: 0;
  transition-property: opacity, visibility, top;
  transition-duration: 0.3s;
  -moz-transition-property: opacity, visibility, top;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: opacity, visibility, top;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: opacity, visibility, top;
  -o-transition-duration: 0.3s;
  -ms-transition-property: opacity, visibility, top;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
.main-container.scroller-con.skin_apple .scrollbary_bg {
  opacity: 0;
  display: none; }

body.page-gallery-w-thumbs .main-container.scroller-con.skin_apple {
  overflow: visible;
  position: absolute;
  width: 100%;
  height: 100%; }

.main-container.scroller-con:after {
  content: "";
  display: block;
  clear: both; }

.main-container.scroller-con.scrollbar-active .scrollbary {
  opacity: 1; }

/* the scrollbar END */
body.with-fullbg > .fullbg, body.with-fullbg .main-container > .fullbg {
  position: fixed;
  background-color: rgba(0, 0, 0, 0.7);
  left: 250px;
  width: calc(100% - 250px);
  height: 100%;
  opacity: 0;
  pointer-events: none; }

body.with-fullbg.menu-type-3 > .fullbg, body.with-fullbg.menu-type-3 .main-container > .fullbg, body.with-fullbg.menu-type-4 > .fullbg, body.with-fullbg.menu-type-4 .main-container > .fullbg {
  left: 230px;
  width: calc(100% - 230px); }

body.with-fullbg.menu-type-5 > .fullbg, body.with-fullbg.menu-type-5 .main-container > .fullbg, body.with-fullbg.menu-type-6 > .fullbg, body.with-fullbg.menu-type-6 .main-container > .fullbg, body.with-fullbg.menu-type-7 > .fullbg, body.with-fullbg.menu-type-7 .main-container > .fullbg, body.with-fullbg.menu-type-8 > .fullbg, body.with-fullbg.menu-type-8 .main-container > .fullbg, body.with-fullbg.menu-type-11 > .fullbg, body.with-fullbg.menu-type-11 .main-container > .fullbg {
  left: 290px;
  width: calc(100% - 290px); }

body.with-fullbg.menu-type-9 > .fullbg, body.with-fullbg.menu-type-9 .main-container > .fullbg, body.with-fullbg.menu-type-10 > .fullbg, body.with-fullbg.menu-type-10 .main-container > .fullbg, body.with-fullbg.menu-type-13 > .fullbg, body.with-fullbg.menu-type-13 .main-container > .fullbg, body.with-fullbg.menu-type-14 > .fullbg, body.with-fullbg.menu-type-14 .main-container > .fullbg, body.with-fullbg.menu-type-15 > .fullbg, body.with-fullbg.menu-type-15 .main-container > .fullbg, body.with-fullbg.menu-type-16 > .fullbg, body.with-fullbg.menu-type-16 .main-container > .fullbg, body.with-fullbg.menu-type-17 > .fullbg, body.with-fullbg.menu-type-17 .main-container > .fullbg, body.with-fullbg.menu-type-18 > .fullbg, body.with-fullbg.menu-type-18 .main-container > .fullbg {
  left: 0px;
  width: 100%;
  top: 130px;
  position: fixed; }

body.with-fullbg.menu-type-13 > .fullbg, body.with-fullbg.menu-type-13 .main-container > .fullbg, body.with-fullbg.menu-type-14 > .fullbg, body.with-fullbg.menu-type-14 .main-container > .fullbg, body.with-fullbg.menu-type-15 > .fullbg, body.with-fullbg.menu-type-15 .main-container > .fullbg, body.with-fullbg.menu-type-16 > .fullbg, body.with-fullbg.menu-type-16 .main-container > .fullbg, body.with-fullbg.menu-type-17 > .fullbg, body.with-fullbg.menu-type-17 .main-container > .fullbg, body.with-fullbg.menu-type-18 > .fullbg, body.with-fullbg.menu-type-18 .main-container > .fullbg {
  top: 100px; }

body.with-fullbg.menu-type-12 > .fullbg, body.with-fullbg.menu-type-12 .main-container > .fullbg {
  left: 200px;
  width: calc(100% - 400px); }

body.page-title-style-2 .the-content-con > h1:first-of-type {
  font-size: 100px;
  margin-bottom: 12px;
  margin-top: 40px; }

body.page-title-style-3 .the-content-con > h1:first-of-type {
  font-size: 150px;
  margin-bottom: 0px;
  margin-top: -3px; }

body.page-title-style-3b .the-content-con > h1:first-of-type {
  font-size: 150px;
  margin-bottom: -30px;
  transform: rotate(5deg);
  text-transform: lowercase;
  margin-top: 29px; }

body.page-title-style-1.page-title-no-antetitle .the-content-con > h1 {
  margin-top: 86px; }

body.page-title-dark .the-content-con > h1 {
  color: #222222; }

.the-content-con {
    /*border:solid 1px red;*/
  position: relative;
  max-width: 870px;
  width: 100%;
  margin: 0 0 50px 0;
  opacity: 0;
  transition-property: none;
  transition-duration: 2s;
  -moz-transition-property: none;
  -moz-transition-duration: 2s;
  -webkit-transition-property: none;
  -webkit-transition-duration: 2s;
  -o-transition-property: none;
  -o-transition-duration: 2s;
  -ms-transition-property: none;
  -ms-transition-duration: 2s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .the-content-con > h1 {
    text-align: right;
    color: #ffffff;
    font-weight: 900;
    padding-right: 0px; }

  .the-content-con > h2 {
      text-shadow: 1px 2px 2px #313131;      
    text-align: right;
    color: #ffffff;
    font-weight: 600;
    padding-right: 0px; }

  .the-content-con > h3 {
      text-shadow: 0 1px 0 #313131;
    text-align: right;
    color: #ffffff;
    font-weight: 900;
    padding-right: 0px; }

    .the-content-con > h1 .header-light {
      font-weight: 300; }
  .the-content-con > h1.header-style-1.no-antetitle {
    margin-top: 88px; }
  .the-content-con > h1.header-style-3b {
    font-size: 150px;
    margin-bottom: -30px;
    transform: rotate(5deg); }
  .the-content-con > h1.header-style-2 {
    font-size: 100px;
    margin-bottom: 12px;
    margin-top: 40px; }
  .the-content-con > h1.align-left {
    text-align: left; }
  .the-content-con > .the-content {
    padding: 30px;
    position: relative; }
    .the-content-con > .the-content > .the-content-inner {
      position: relative; }
    .the-content-con > .the-content > .translucent-con {
      clip: rect(0, auto, auto, 0); }
      .the-content-con > .the-content > .translucent-con > .translucent-bg, .the-content-con > .the-content > .translucent-con .translucent-img, .the-content-con > .the-content > .translucent-con .translucent-img-canvas, .the-content-con > .the-content > .translucent-con .translucent-canvas {
        position: fixed; }
      .the-content-con > .the-content > .translucent-con .translucent-img, .the-content-con > .the-content > .translucent-con .translucent-img-canvas {
        top: 0 !important;
        left: 0 !important; }

.the-content-inner img {
  max-width: 100%; }

body.page-title-align-center .the-content-con > h1 {
  text-align: center; }

body.page-title-align-left .the-content-con > h1 {
  text-align: left; }

body.page-title-align-left.page-title-style-3b .the-content-con > h1:first-of-type {
  text-align: left;
  transform: rotate(-5deg); }

.main-container .the-content-con.fullit {
  background-color: transparent;
  max-width: none;
  padding-left: 250px;
  width: 100%;
  position: relative;
  top: 0;
  float: none;
  margin-left: 0;
  margin-right: 0;
  transition-property: none;
  transition-duration: 2s;
  -moz-transition-property: none;
  -moz-transition-duration: 2s;
  -webkit-transition-property: none;
  -webkit-transition-duration: 2s;
  -o-transition-property: none;
  -o-transition-duration: 2s;
  -ms-transition-property: none;
  -ms-transition-duration: 2s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .main-container .the-content-con.fullit .qcreative--nav-con {
    float: left; }
  .main-container .the-content-con.fullit .desc-content-wrapper {
    position: relative; }
    .main-container .the-content-con.fullit .desc-content-wrapper h3 {
      margin-bottom: 10px; }
    .main-container .the-content-con.fullit .desc-content-wrapper .social-con:before {
      content: "";
      clear: both;
      display: block; }
    .main-container .the-content-con.fullit .desc-content-wrapper .social-con {
      position: static;
      margin-left: 11px;
      bottom: auto;
      top: 0;
      margin-bottom: 20px; }
  .main-container .the-content-con.fullit .translucent-con .translucent-canvas {
    display: none; }
  .main-container .the-content-con.fullit .translucent-con .translucent-overlay {
    background-color: rgba(0, 0, 0, 0.7); }
  .main-container .the-content-con.fullit .portfolio-single-subtitle {
    background-color: #FF8800;
    color: #FFFFFF;
    display: inline-block;
    font-style: normal;
    font-size: 14px;
    font-weight: bold;
    font-family: "Lato", arial, serif;
    text-transform: uppercase;
    padding: 5px 4px;
    line-height: 1;
    margin-bottom: 20px; }
  .main-container .the-content-con.fullit > .the-content {
    padding: 0; }
  .main-container .the-content-con.fullit .zfolio.skin-silver .selector-con .categories, .main-container .the-content-con.fullit .zfolio.skin-melbourne .selector-con .categories {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-top: 0px;
    margin-bottom: 0px;
    background-color: #111111; }
    .main-container .the-content-con.fullit .zfolio.skin-silver .selector-con .categories .a-category, .main-container .the-content-con.fullit .zfolio.skin-melbourne .selector-con .categories .a-category {
      font-family: "Lato",arial, serif;
      margin-right: 2px;
      transition-property: background, color, opacity, visibilty;
      transition-duration: 0.5s;
      -moz-transition-property: background, color, opacity, visibilty;
      -moz-transition-duration: 0.5s;
      -webkit-transition-property: background, color, opacity, visibilty;
      -webkit-transition-duration: 0.5s;
      -o-transition-property: background, color, opacity, visibilty;
      -o-transition-duration: 0.5s;
      -ms-transition-property: background, color, opacity, visibilty;
      -ms-transition-duration: 0.5s;
      -ms-transition-timing-function: ease-out-quart;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    .main-container .the-content-con.fullit .zfolio.skin-silver .selector-con .categories .a-category:before, .main-container .the-content-con.fullit .zfolio.skin-melbourne .selector-con .categories .a-category:before {
      content: "";
      width: 0;
      height: 0;
      border-left: 7px solid transparent;
      border-right: 7px solid transparent;
      border-top: 7px solid #FF8800;
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -7px;
      opacity: 0;
      transition-property: opacity;
      transition-duration: 0.5s;
      -moz-transition-property: opacity;
      -moz-transition-duration: 0.5s;
      -webkit-transition-property: opacity;
      -webkit-transition-duration: 0.5s;
      -o-transition-property: opacity;
      -o-transition-duration: 0.5s;
      -ms-transition-property: opacity;
      -ms-transition-duration: 0.5s;
      -ms-transition-timing-function: ease-out-quart;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    .main-container .the-content-con.fullit .zfolio.skin-silver .selector-con .categories .a-category:hover:before, .main-container .the-content-con.fullit .zfolio.skin-melbourne .selector-con .categories .a-category:hover:before {
      opacity: 1; }
    .main-container .the-content-con.fullit .zfolio.skin-silver .selector-con .categories .a-category.active:before, .main-container .the-content-con.fullit .zfolio.skin-melbourne .selector-con .categories .a-category.active:before {
      opacity: 1; }
  .main-container .the-content-con.fullit .zfolio.skin-silver .zfolio-item .the-feature-con, .main-container .the-content-con.fullit .zfolio.skin-melbourne .zfolio-item .the-feature-con {
    box-shadow: 0 0 0 2px #111111; }

body.page-portfolio-single .main-container .the-content-con.fullit > h1 {
  display: none; }

body.menu-type-3 .main-container .the-content-con.fullit, body.menu-type-4 .main-container .the-content-con.fullit {
  padding-left: 230px; }

body.menu-type-5 .main-container .the-content-con.fullit, body.menu-type-6 .main-container .the-content-con.fullit, body.menu-type-7 .main-container .the-content-con.fullit, body.menu-type-8 .main-container .the-content-con.fullit, body.menu-type-11 .main-container .the-content-con.fullit {
  padding-left: 290px; }
  body.menu-type-5 .main-container .the-content-con.fullit .portfolio-single-liquid-title, body.menu-type-6 .main-container .the-content-con.fullit .portfolio-single-liquid-title, body.menu-type-7 .main-container .the-content-con.fullit .portfolio-single-liquid-title, body.menu-type-8 .main-container .the-content-con.fullit .portfolio-single-liquid-title, body.menu-type-11 .main-container .the-content-con.fullit .portfolio-single-liquid-title {
    left: 290px; }

body.menu-type-9 .main-container .the-content-con.fullit, body.menu-type-10 .main-container .the-content-con.fullit, body.menu-type-13 .main-container .the-content-con.fullit, body.menu-type-14 .main-container .the-content-con.fullit, body.menu-type-15 .main-container .the-content-con.fullit, body.menu-type-16 .main-container .the-content-con.fullit, body.menu-type-17 .main-container .the-content-con.fullit, body.menu-type-18 .main-container .the-content-con.fullit {
  padding-left: 0; }

body.menu-type-9.menu-is-sticky .main-container .the-content-con.fullit, body.menu-type-10.menu-is-sticky .main-container .the-content-con.fullit, body.menu-type-13 .main-container .the-content-con.fullit, body.menu-type-14 .main-container .the-content-con.fullit, body.menu-type-15 .main-container .the-content-con.fullit, body.menu-type-16 .main-container .the-content-con.fullit, body.menu-type-17 .main-container .the-content-con.fullit, body.menu-type-18 .main-container .the-content-con.fullit {
  top: 100px;
  padding-bottom: 100px; }

body.menu-type-9.menu-is-sticky.page-gallery-w-thumbs .main-container .the-content-con, body.menu-type-10.menu-is-sticky.page-gallery-w-thumbs .main-container .the-content-con, body.menu-type-13.menu-is-sticky.page-gallery-w-thumbs .main-container .the-content-con, body.menu-type-14.menu-is-sticky.page-gallery-w-thumbs .main-container .the-content-con, body.menu-type-15.menu-is-sticky.page-gallery-w-thumbs .main-container .the-content-con, body.menu-type-16.menu-is-sticky.page-gallery-w-thumbs .main-container .the-content-con, body.menu-type-17.menu-is-sticky.page-gallery-w-thumbs .main-container .the-content-con, body.menu-type-18.menu-is-sticky.page-gallery-w-thumbs .main-container .the-content-con {
  padding-left: 0px;
  top: 100px; }

body.menu-type-12 .main-container .the-content-con.fullit {
  padding-left: 200px;
  padding-right: 200px; }

.the-content-con.for-homepage {
  width: auto;
  position: static;
  max-width: none;
  margin-bottom: 0;
  transition-property: none;
  transition-duration: 2s;
  -moz-transition-property: none;
  -moz-transition-duration: 2s;
  -webkit-transition-property: none;
  -webkit-transition-duration: 2s;
  -o-transition-property: none;
  -o-transition-duration: 2s;
  -ms-transition-property: none;
  -ms-transition-duration: 2s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }

.translucent-con {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden; }
  .translucent-con .translucent-bg {
    display: none;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat; }
  .translucent-con .translucent-canvas {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition-property: opacity, visibility;
    transition-duration: 0.3s;
    -moz-transition-property: opacity, visibility;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: opacity, visibility;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: opacity, visibility;
    -o-transition-duration: 0.3s;
    -ms-transition-property: opacity, visibility;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .translucent-con .translucent-img {
    position: absolute; }
  .translucent-con .translucent-img-canvas {
    position: absolute; }
  .translucent-con .translucent-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3); }

.the-content.with-filters-bg .translucent-con .translucent-overlay {
  background-color: rgba(0, 0, 0, 0.1); }
.the-content.with-filters-bg .translucent-layer {
  background-color: rgba(0, 0, 0, 0.25); }

body.resizing .translucent-canvas {
  opacity: 0; }

body:not(.q-inited-bg) .zoombox-maincon .css-preloader {
  opacity: 0;
  visibility: hidden; }

body.q-inited-bg .preloader-con {
  opacity: 0;
  visibility: hidden; }

body.q-inited .main-gallery-buttons-con, body.q-inited .qcreative--nav-con {
  opacity: 1; }

.the-content-sheet {
  background-color: #FFFFFF;
  position: relative; }
  .the-content-sheet > .clients-slider {
    margin-bottom: 0; }
  .the-content-sheet > .vplayer:first-child {
    margin-bottom: 0; }
  .the-content-sheet .the-content-sheet-text {
    padding: 40px 30px 30px 30px;
    position: relative; }
    .the-content-sheet .the-content-sheet-text .section-number {
      position: absolute;
      top: 30px;
      right: 30px;
      font-family: "Lato", arial, serif;
      font-size: 130px;
      font-weight: 900;
      font-style: italic;
      color: #EEEEEE;
      line-height: 1; }
  .the-content-sheet .the-content-sheet-text.heading-is-right h2, .the-content-sheet .element-header.heading-is-right h2 {
    text-align: right; }
  .the-content-sheet .the-content-sheet-text.heading-is-right .section-number, .the-content-sheet .element-header.heading-is-right .section-number {
    position: absolute;
    left: 30px;
    right: auto; }
  .the-content-sheet .the-content-sheet-text.heading-is-center h2, .the-content-sheet .element-header.heading-is-center h2 {
    text-align: center; }
  .the-content-sheet .the-content-sheet-text.heading-is-center .section-number, .the-content-sheet .element-header.heading-is-center .section-number {
    display: none; }
  .the-content-sheet .the-content-sheet-text.heading-style-1, .the-content-sheet .element-header.heading-style-1 {
    padding-top: 44px; }
    .the-content-sheet .the-content-sheet-text.heading-style-1 h2, .the-content-sheet .element-header.heading-style-1 h2 {
      font-size: 25px;
      border-bottom: 1px solid #222222;
      padding-bottom: 16px; }
    .the-content-sheet .the-content-sheet-text.heading-style-1 .col-md-12 > h2, .the-content-sheet .element-header.heading-style-1 .col-md-12 > h2 {
      margin-bottom: 0; }
    .the-content-sheet .the-content-sheet-text.heading-style-1 .section-number, .the-content-sheet .element-header.heading-style-1 .section-number {
      display: none; }
  .the-content-sheet .element-header.heading-style-1 {
    padding-top: 4px; }
  .the-content-sheet .the-content-sheet-text.heading-style-2, .the-content-sheet .element-header.heading-style-2 {
    padding-top: 44px; }
    .the-content-sheet .the-content-sheet-text.heading-style-2 h2, .the-content-sheet .element-header.heading-style-2 h2 {
      font-size: 25px;
      padding-bottom: 16px;
      position: relative; }
    .the-content-sheet .the-content-sheet-text.heading-style-2 h2:before, .the-content-sheet .element-header.heading-style-2 h2:before {
      content: "";
      height: 1px;
      width: 42px;
      background-color: #222222;
      display: block;
      position: absolute;
      top: 100%;
      left: 0; }
    .the-content-sheet .the-content-sheet-text.heading-style-2 h2:after, .the-content-sheet .element-header.heading-style-2 h2:after {
      content: "";
      height: 5px;
      width: 5px;
      background-color: #FFFFFF;
      border: 1px solid #222222;
      display: block;
      position: absolute;
      top: 100%;
      left: 0;
      margin-top: -2px; }
    .the-content-sheet .the-content-sheet-text.heading-style-2 .col-md-12 > h2, .the-content-sheet .element-header.heading-style-2 .col-md-12 > h2 {
      margin-bottom: 0; }
    .the-content-sheet .the-content-sheet-text.heading-style-2 .section-number, .the-content-sheet .element-header.heading-style-2 .section-number {
      display: none; }
  .the-content-sheet .element-header.heading-style-2 {
    padding-top: 4px; }
  .the-content-sheet .the-content-sheet-text.heading-style-2.heading-is-center h2:before, .the-content-sheet .element-header.heading-style-2.heading-is-center h2:before {
    left: 50%;
    margin-left: -21px; }
  .the-content-sheet .the-content-sheet-text.heading-style-2.heading-is-center h2:after, .the-content-sheet .element-header.heading-style-2.heading-is-center h2:after {
    left: 50%;
    margin-left: -2px; }
  .the-content-sheet .the-content-sheet-text.heading-style-2.heading-is-right h2:before, .the-content-sheet .element-header.heading-style-2.heading-is-right h2:before {
    right: 0;
    left: auto; }
  .the-content-sheet .the-content-sheet-text.heading-style-2.heading-is-right h2:after, .the-content-sheet .element-header.heading-style-2.heading-is-right h2:after {
    right: 0;
    left: auto; }
  .the-content-sheet .the-content-sheet-text.heading-style-4, .the-content-sheet .element-header.heading-style-4 {
    padding-top: 44px; }
    .the-content-sheet .the-content-sheet-text.heading-style-4 h2, .the-content-sheet .element-header.heading-style-4 h2 {
      font-size: 100px;
      line-height: 0.92;
      margin-top: 0; }
      .the-content-sheet .the-content-sheet-text.heading-style-4 h2 .light, .the-content-sheet .element-header.heading-style-4 h2 .light {
        font-weight: 300;
        font-size: 50px;
        display: block;
        margin-bottom: 4px; }
    .the-content-sheet .the-content-sheet-text.heading-style-4 .col-md-12 > h2, .the-content-sheet .element-header.heading-style-4 .col-md-12 > h2 {
      margin-bottom: -8px; }
    .the-content-sheet .the-content-sheet-text.heading-style-4 .section-number, .the-content-sheet .element-header.heading-style-4 .section-number {
      font-size: 50px;
      font-style: italic;
      font-family: "Lato", arial, serif;
      color: #222222;
      top: 43px; }
  .the-content-sheet .element-header.heading-style-4 {
    margin-top: 4px;
    padding-top: 0; }
  .the-content-sheet .the-content-sheet-text.heading-style-5, .the-content-sheet .element-header.heading-style-5 {
    padding-top: 35px; }
    .the-content-sheet .the-content-sheet-text.heading-style-5 h2, .the-content-sheet .element-header.heading-style-5 h2 {
      font-size: 100px;
      line-height: 0.98; }
    .the-content-sheet .the-content-sheet-text.heading-style-5 .section-number, .the-content-sheet .element-header.heading-style-5 .section-number {
      font-size: 100px; }
  .the-content-sheet .element-header.heading-style-5 {
    padding-top: 0;
    margin-top: -5px; }

.the-content-sheet.the-content-sheet-dark {
  background-color: #191919;
  color: #aaa;
  /* color highlights grouped */ }
  .the-content-sheet.the-content-sheet-dark h1, .the-content-sheet.the-content-sheet-dark h2, .the-content-sheet.the-content-sheet-dark h3, .the-content-sheet.the-content-sheet-dark h4, .the-content-sheet.the-content-sheet-dark h5, .the-content-sheet.the-content-sheet-dark h6, .the-content-sheet.the-content-sheet-dark .bullet-feature .icon-con, .the-content-sheet.the-content-sheet-dark .team-member-element .meta-con .first-name, .the-content-sheet.the-content-sheet-dark .team-member-element .meta-con .sur-name, .the-content-sheet.the-content-sheet-dark .qcreative-pricing-table .price, .the-content-sheet.the-content-sheet-dark .qcreative-pricing-table a.signup-button {
    color: #fff; }
  .the-content-sheet.the-content-sheet-dark .row.services-lightbox-content {
    background: #191919; }
  .the-content-sheet.the-content-sheet-dark .row.row-section.services-lightbox-content {
    margin-top: -8px;
    margin-bottom: 31px; }
  .the-content-sheet.the-content-sheet-dark .qcreative-pricing-table a.signup-button, .the-content-sheet.the-content-sheet-dark .qcreative-pricing-table.featured {
    border-color: #ffffff; }
  .the-content-sheet.the-content-sheet-dark p, .the-content-sheet.the-content-sheet-dark .qcreative-pricing-table, .the-content-sheet.the-content-sheet-dark ul.nostyle {
    color: #aaa; }
  .the-content-sheet.the-content-sheet-dark .dzs-tabs.skin-qcre .tabs-content .tab-content, .the-content-sheet.the-content-sheet-dark .dzs-tabs.skin-qcre .tabs-menu .tab-menu-con, .the-content-sheet.the-content-sheet-dark .dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con .tab-menu {
    background: transparent; }
  .the-content-sheet.the-content-sheet-dark .dzs-tabs.skin-qcre .tabs-menu .tab-menu-con, .the-content-sheet.the-content-sheet-dark .dzs-tabs.skin-qcre .tabs-content .tab-content, .the-content-sheet.the-content-sheet-dark .dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con.active > .tab-menu-content-con, .the-content-sheet.the-content-sheet-dark .dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con .tab-menu {
    border-color: #555555; }
  .the-content-sheet.the-content-sheet-dark .blockquote-element {
    color: #999999;
    border-left-color: #444444; }
  .the-content-sheet.the-content-sheet-dark .dzs-tabs.skin-qcre:not(.is-toggle) .tabs-menu .tab-menu-con:first-child {
    border-left-width: 1px; }
  .the-content-sheet.the-content-sheet-dark hr.qcreative-hr-small, .the-content-sheet.the-content-sheet-dark .divider.style-black {
    background-color: #ffffff; }
  .the-content-sheet.the-content-sheet-dark .btn-read-more {
    background-color: #444444; }
  .the-content-sheet.the-content-sheet-dark .btn-read-more.style-black {
    background-color: #FFFFFF;
    color: #222222; }
  .the-content-sheet.the-content-sheet-dark .btn-read-more.style-black:hover {
    color: #FFFFFF; }
  .the-content-sheet.the-content-sheet-dark .btn-read-more.style-hallowred {
    background-color: transparent; }
  .the-content-sheet.the-content-sheet-dark .btn-read-more.style-hallowblack {
    background-color: transparent;
    border-color: #FFFFFF;
    color: #FFFFFF; }
  .the-content-sheet.the-content-sheet-dark .btn-read-more.color-highlight {
    background-color: #FF8800;
    color: #FFFFFF; }
  .the-content-sheet.the-content-sheet-dark .btn-read-more.color-highlight:hover {
    background-color: #FFFFFF;
    color: #222; }
  .the-content-sheet.the-content-sheet-dark .btn-read-more:hover, .the-content-sheet.the-content-sheet-dark .dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con.active .tab-menu, .the-content-sheet.the-content-sheet-dark .qcreative-pricing-table a.signup-button:hover {
    background-color: #FF8800;
    border-color: #FF8800; }
  .the-content-sheet.the-content-sheet-dark hr.style-black {
    border-color: #FFFFFF; }
  .the-content-sheet.the-content-sheet-dark .divider {
    background-color: #333333; }
  .the-content-sheet.the-content-sheet-dark .align-center.bullet-feature:before {
    border-color: #dddddd; }
  .the-content-sheet.the-content-sheet-dark .team-member-element .pic-con .divimage:after {
    border-color: #222222; }
  .the-content-sheet.the-content-sheet-dark .dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con.active .tab-menu > .plus-sign rect {
    fill: #FF8800; }
  .the-content-sheet.the-content-sheet-dark .bullet-feature.align-center .icon-con {
    color: #777; }
  .the-content-sheet.the-content-sheet-dark .dzs-progress-bar.skin-prev2copy .progress-bars-item--text > div {
    color: #888; }
  .the-content-sheet.the-content-sheet-dark .dzs-tabs.skin-qcre.is-toggle .tabs-menu .tab-menu-con .tab-menu > .plus-sign rect {
    fill: #181818; }
  .the-content-sheet.the-content-sheet-dark .dzs-progress-bar.skin-prev2copy .progress-bars-item--text:first-child {
    color: #ffffff !important; }
  .the-content-sheet.the-content-sheet-dark .dzs-progress-bar.skin-prev2copy .progress-bars-item--rect {
    background-color: #333 !important; }
  .the-content-sheet.the-content-sheet-dark .dzs-progress-bar.skin-prev2copy > .progress-bars-item--rect:nth-child(2n+1) {
    background-color: #ffffff !important; }
  .the-content-sheet.the-content-sheet-dark .qcreative-pricing-table ul.table-features li:nth-child(odd) {
    border-color: #444444; }
  .the-content-sheet.the-content-sheet-dark .team-member-element:before, .the-content-sheet.the-content-sheet-dark .team-member-element:after {
    background-color: #444444; }
  .the-content-sheet.the-content-sheet-dark .dzs-progress-bar.skin-prev9copy .progress-bars-item--text > div {
    color: #ffffff; }
  .the-content-sheet.the-content-sheet-dark .the-content-sheet-text .section-number {
    color: #333333; }
  .the-content-sheet.the-content-sheet-dark .qcreative-pricing-table {
    border-color: #555555; }
  .the-content-sheet.the-content-sheet-dark .qcreative-pricing-table h4 {
    color: #ffffff;
    background-color: #333333;
    border-color: #555555; }
  .the-content-sheet.the-content-sheet-dark .qcreative-pricing-table h4:before {
    border-right: 8px solid #444444;
    border-right-color: #444444;
    left: 0px; }
  .the-content-sheet.the-content-sheet-dark .qcreative-pricing-table.featured h4 {
    border-color: #FFFFFF; }
  .the-content-sheet.the-content-sheet-dark .qcreative-pricing-table.featured h4:before {
    border-right: 8px solid #666666;
    border-right-color: #666666;
    left: 0px;
    top: 100%; }
  .the-content-sheet.the-content-sheet-dark .qcreative-pricing-table ul.table-features li:nth-child(odd) {
    background-color: #222222; }
  .the-content-sheet.the-content-sheet-dark .call-to-action-con {
    background-color: #191919;
    border-color: #333333; }
  .the-content-sheet.the-content-sheet-dark .call-to-action-con .call-to-action {
    background-color: #222222;
    border-color: #333333; }
  .the-content-sheet.the-content-sheet-dark .bullet-feature-3 .icon-con *[class^="icon-"] {
    color: #777777; }
  .the-content-sheet.the-content-sheet-dark .call-to-action-shadow .shadow-left {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+20,000000+100&0+0,0.5+20,1+100 */
    background: -moz-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.5) 20%, black 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.5) 20%, black 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.5) 20%, black 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=1 );
    /* IE6-9 */ }
  .the-content-sheet.the-content-sheet-dark .call-to-action-shadow .shadow-right {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+80,000000+100&1+0,0.5+80,0+100 */
    background: -moz-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.5) 80%, transparent 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, black 0%, rgba(0, 0, 0, 0.5) 80%, transparent 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, black 0%, rgba(0, 0, 0, 0.5) 80%, transparent 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=1 );
    /* IE6-9 */ }
  .the-content-sheet.the-content-sheet-dark .advancedscroller.skin-trumpet > .arrowsCon > .arrow-left svg path, .the-content-sheet.the-content-sheet-dark .advancedscroller.skin-trumpet .arrowsCon > .arrow-right svg path {
    fill: #fff; }
  .the-content-sheet.the-content-sheet-dark .advancedscroller.skin-trumpet > .arrowsCon > .arrow-left:hover, .the-content-sheet.the-content-sheet-dark .advancedscroller.skin-trumpet .arrowsCon > .arrow-right:hover {
    background-color: #ffffff; }
    .the-content-sheet.the-content-sheet-dark .advancedscroller.skin-trumpet > .arrowsCon > .arrow-left:hover svg path, .the-content-sheet.the-content-sheet-dark .advancedscroller.skin-trumpet .arrowsCon > .arrow-right:hover svg path {
      fill: #222; }
  .the-content-sheet.the-content-sheet-dark .audioplayer.skin-redlights .btn-zoomsounds {
    border-color: #ffffff;
    color: #ffffff; }
  .the-content-sheet.the-content-sheet-dark .audioplayer.skin-redlights .audioplayer-inner {
    background-color: #3e3e3e; }
  .the-content-sheet.the-content-sheet-dark .audioplayer.skin-redlights .ap-controls .playbtn {
    border-left-color: #222222; }
  .the-content-sheet.the-content-sheet-dark .audioplayer.skin-redlights .ap-controls .ap-controls-left .con-playpause {
    background-color: #ffffff; }
  .the-content-sheet.the-content-sheet-dark .audioplayer.skin-redlights .ap-controls .ap-controls-left .con-playpause:hover .playbtn {
    border-left-color: #fff; }
  .the-content-sheet.the-content-sheet-dark .audioplayer.skin-redlights .ap-controls .ap-controls-right .scrubbar > .scrub-bg {
    background-color: #181818;
    border-color: #ffffff; }
  .the-content-sheet.the-content-sheet-dark .audioplayer.skin-redlights .ap-controls .ap-controls-right .scrubbar > .scrub-prog {
    background-color: #FFFFFF; }
  .the-content-sheet.the-content-sheet-dark .audioplayer.skin-redlights .ap-controls .ap-controls-right .controls-volume .volume_static rect {
    fill: #6e6e6e; }
  .the-content-sheet.the-content-sheet-dark .audioplayer.skin-redlights .ap-controls .ap-controls-right .controls-volume .volume_active rect {
    fill: #fff; }
  .the-content-sheet.the-content-sheet-dark .audioplayer.skin-redlights .ap-controls .ap-controls-right .meta-artist-con .the-artist {
    color: #ffffff; }
  .the-content-sheet.the-content-sheet-dark .audioplayer.skin-redlights.is-playing .ap-controls-left .con-playpause {
    background-color: #222222; }
    .the-content-sheet.the-content-sheet-dark .audioplayer.skin-redlights.is-playing .ap-controls-left .con-playpause .pausebtn:before, .the-content-sheet.the-content-sheet-dark .audioplayer.skin-redlights.is-playing .ap-controls-left .con-playpause .pausebtn:after {
      background-color: #ffffff; }
  .the-content-sheet.the-content-sheet-dark .audiogallery.mode-showall.skin-redlights .number-wrapper {
    background-color: #484848; }
    .the-content-sheet.the-content-sheet-dark .audiogallery.mode-showall.skin-redlights .number-wrapper .the-number {
      color: #222222; }
  .the-content-sheet.the-content-sheet-dark .audiogallery.mode-showall.skin-redlights .slider-clipper > .number-wrapper:nth-child(even) {
    background-color: #3b3b3b; }
  .the-content-sheet.the-content-sheet-dark .audiogallery.mode-showall.skin-redlights .audioplayer.skin-redlights:nth-child(odd) .audioplayer-inner {
    background-color: #303030; }
  .the-content-sheet.the-content-sheet-dark .team-member-element-2 .meta-con .the-name {
    color: #ffffff; }
  .the-content-sheet.the-content-sheet-dark .team-member-element-2 .pic-con .divimage:after {
    border-color: #222222; }
  .the-content-sheet.the-content-sheet-dark .team-member-element-2 .meta-con .social-profiles .circle-con {
    background-color: #333333; }
  .the-content-sheet.the-content-sheet-dark .dzs-progress-bar.skin-prev3copy div[class*="icon-"] {
    color: #444444; }
  .the-content-sheet.the-content-sheet-dark .restaurant-menu-item .the-title, .the-content-sheet.the-content-sheet-dark .restaurant-menu-item .the-price, .the-content-sheet.the-content-sheet-dark .dzs-tabs.skin-menu .tabs-menu .tab-menu-con .tab-menu {
    color: #ffffff; }
  .the-content-sheet.the-content-sheet-dark .dzs-tabs.skin-menu .tabs-menu {
    background-color: #333333; }
  .the-content-sheet.the-content-sheet-dark .restaurant-menu-item .dots {
    background-image: url(img/dot2px_fff.svg);
    opacity: 0.7; }
  .the-content-sheet.the-content-sheet-dark .audioplayer.skin-redlights .btn-zoomsounds:hover {
    border-color: #FF8800; }
  .the-content-sheet.the-content-sheet-dark .audioplayer.skin-redlights .ap-controls .ap-controls-left .con-playpause:hover, .the-content-sheet.the-content-sheet-dark .team-member-element-2 .meta-con .social-profiles .circle-con:hover {
    background-color: #FF8800; }

.the-content-sheet.blog-single-block {
  margin-bottom: 30px; }
  .the-content-sheet.blog-single-block .post-content-con {
    position: relative; }
  .the-content-sheet.blog-single-block .post-content-con:before {
    content: "";
    position: absolute;
    bottom: 100%;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #FFFFFF;
    left: 50%;
    margin-left: -13px; }

.the-content-con .blog-single-block:last-child {
  margin-bottom: 0; }

.semi-black-overlay.opaque {
  background: rgba(0, 0, 0, 0.5); }

.translucent-layer {
  padding: 30px;
  margin-left: -30px;
  margin-right: -30px;
  background-color: rgba(0, 0, 0, 0.3); }

.translucent-layer > *:last-child.qc-pagination {
  margin-bottom: 0; }
.translucent-layer > *:last-child.zfolio {
  margin-bottom: -30px; }

.advancedscroller.fixed-height .thumbsCon {
  height: 100%; }
.advancedscroller.fixed-height .social-meta-con h3 {
  color: #FFFFFF;
  padding-top: 9px;
  padding-bottom: 5px; }
.advancedscroller.fixed-height .social-meta-con h4 {
  color: #FFFFFF; }

/**
 * 3.0 Header
 * ----------------------------------------------------------------------------
 */
/**
 * 3.1 Site Header
 * ----------------------------------------------------------------------------
 */
.qcreative--520-nav-con {
  display: none; }
  .qcreative--520-nav-con .logo-con {
    width: 100%;
    height: 170px;
    text-align: center;
    position: relative;
    background-color: rgba(0, 0, 0, 0.5); }
    .qcreative--520-nav-con .logo-con img {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%); }
  .qcreative--520-nav-con .dzs-select-wrapper {
    width: 100%;
    height: auto; }
  .qcreative--520-nav-con .dzs-select-wrapper.skin-justvisible .dzs-select-wrapper-head {
    height: auto; }
  .qcreative--520-nav-con .dzs-select-wrapper-head .nav-wrapper-head {
    background-color: #FF8800;
    height: 60px;
    text-align: center;
    position: relative;
    color: #FFFFFF;
    font-family: "Lato",arial, serif;
    font-size: 14px;
    line-height: 1;
    padding: 14px; }
    .qcreative--520-nav-con .dzs-select-wrapper-head .nav-wrapper-head > .fa {
      font-size: 20px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      text-shadow: none;
      opacity: 1 !important; }
  .qcreative--520-nav-con .custom-responsive-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65);
    z-index: 55;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity, visibility;
    transition-duration: 0.3s;
    -moz-transition-property: opacity, visibility;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: opacity, visibility;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: opacity, visibility;
    -o-transition-duration: 0.3s;
    -ms-transition-property: opacity, visibility;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    .qcreative--520-nav-con .custom-responsive-menu > .close-responsive-con {
      width: 60px;
      height: 60px;
      border-radius: 50%;
      border: 3px solid #ffffff;
      margin: 30px auto;
      position: relative;
      cursor: pointer; }
      .qcreative--520-nav-con .custom-responsive-menu > .close-responsive-con > i {
        position: absolute;
        font-size: 28px;
        color: #ffffff;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%); }
    .qcreative--520-nav-con .custom-responsive-menu .custom-menu-con {
      position: absolute;
      top: 120px;
      height: calc(100% - 120px);
      width: 100%;
      overflow: auto; }
    .qcreative--520-nav-con .custom-responsive-menu .custom-menu {
      list-style: none;
      margin: 0;
      padding: 0; }
      .qcreative--520-nav-con .custom-responsive-menu .custom-menu li {
        position: relative; }
        .qcreative--520-nav-con .custom-responsive-menu .custom-menu li > a {
          width: 100%;
          background-color: #ffffff;
          display: block;
          color: #222222;
          font-family: "Lato",sans-sarif;
          font-size: 20px;
          font-weight: 700;
          text-decoration: none;
          text-transform: uppercase;
          padding: 15px 30px;
          border-bottom: 1px solid #4c4c4c;
          transition-property: color, background;
          transition-duration: 0.3s;
          -moz-transition-property: color, background;
          -moz-transition-duration: 0.3s;
          -webkit-transition-property: color, background;
          -webkit-transition-duration: 0.3s;
          -o-transition-property: color, background;
          -o-transition-duration: 0.3s;
          -ms-transition-property: color, background;
          -ms-transition-duration: 0.3s;
          -ms-transition-timing-function: ease-out-quart;
          -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
        .qcreative--520-nav-con .custom-responsive-menu .custom-menu li ul {
          list-style: none;
          margin-left: 0px;
          padding-left: 30px;
          display: none; }
      .qcreative--520-nav-con .custom-responsive-menu .custom-menu i.submenu-toggler {
        font-family: "FontAwesome",sans-sarif;
        content: "\f105";
        font-size: 28px;
        color: #222222;
        position: absolute;
        top: 9px;
        right: 20px;
        cursor: pointer;
        padding: 10px;
        transition-property: all;
        transition-duration: 0.3s;
        -moz-transition-property: all;
        -moz-transition-duration: 0.3s;
        -webkit-transition-property: all;
        -webkit-transition-duration: 0.3s;
        -o-transition-property: all;
        -o-transition-duration: 0.3s;
        -ms-transition-property: all;
        -ms-transition-duration: 0.3s;
        -ms-transition-timing-function: ease-out-quart;
        -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
      .qcreative--520-nav-con .custom-responsive-menu .custom-menu li.current-menu-item > a, .qcreative--520-nav-con .custom-responsive-menu .custom-menu li.current-menu-ancestor > a {
        color: #ffffff;
        background-color: #FF8800; }
      .qcreative--520-nav-con .custom-responsive-menu .custom-menu li:hover > a {
        color: #ffffff;
        background-color: #FF8800; }
      .qcreative--520-nav-con .custom-responsive-menu .custom-menu li:hover > .submenu-toggler {
        color: #ffffff; }
      .qcreative--520-nav-con .custom-responsive-menu .custom-menu li.children-active > a {
        background-color: #dddddd;
        color: #222222; }
      .qcreative--520-nav-con .custom-responsive-menu .custom-menu li.children-active > .submenu-toggler {
        color: #222222;
        transform: rotate(90deg);
        top: 10px; }

.custom-responsive-menu .qcreative--520-nav-con .custom-responsive-menu {
  display: none; }

body.custom-responsive-menu-active .qcreative--520-nav-con .custom-responsive-menu {
  opacity: 1;
  visibility: visible; }

/* - the navigation */
nav.qcreative--nav-con {
  position: fixed;
  top: 0;
  left: 0;
  width: 250px;
  height: 100%;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.3s;
  -ms-transition-property: opacity;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  nav.qcreative--nav-con .logo-con {
    text-align: center;
    position: relative;
    height: 230px;
    position: relative; }
    nav.qcreative--nav-con .logo-con img.the-logo {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%); }
    nav.qcreative--nav-con .logo-con div.the-logo {
      position: absolute;
      top: 50%;
      left: 50%;
      width: 100%;
      height: 100%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      background-size: contain;
      background-position: center center;
      background-repeat: no-repeat; }

.nav-social-con {
  position: absolute;
  right: 30px;
  bottom: 15px;
  text-align: right; }
  .nav-social-con i {
    color: #FFFFFF;
    font-size: 20px;
    display: inline-block;
    margin-right: 3px; }
  .nav-social-con p.social-icons {
    margin-bottom: 9px;
    opacity: 1; }
    .nav-social-con p.social-icons i {
      transition-property: color, opacity;
      transition-duration: 0.3s;
      -moz-transition-property: color, opacity;
      -moz-transition-duration: 0.3s;
      -webkit-transition-property: color, opacity;
      -webkit-transition-duration: 0.3s;
      -o-transition-property: color, opacity;
      -o-transition-duration: 0.3s;
      -ms-transition-property: color, opacity;
      -ms-transition-duration: 0.3s;
      -ms-transition-timing-function: ease-out-quart;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    .nav-social-con p.social-icons a:hover i {
      opacity: 0.5; }
  .nav-social-con p {
    margin: 0;
    color: #FFFFFF;
    opacity: .5; }
  .nav-social-con p.copyright-text {
    font-family: "Lato",arial, serif;
    font-size: 10px;
    font-weight: bold;
    line-height: 1.4; }

/**
 * 3.2 Navigation
 * ----------------------------------------------------------------------------
 */
ul.the-actual-nav {
  list-style: none;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  text-align: right;
  position: relative; }
  ul.the-actual-nav li {
    text-transform: uppercase;
    line-height: 100%;
    position: relative; }
    ul.the-actual-nav li > a {        
      text-decoration: none;
      color: #ffffff;
      font-family: "IRANSans", "Lato", sans-sarif;
      font-size: 18px;
      font-weight: normal;
      width: 100%;
      display: block;
      padding: 13px 29px 13px 0;
      line-height: 1;
      transition-property: background-color, color;
      transition-duration: 0.3s;
      -moz-transition-property: background-color, color;
      -moz-transition-duration: 0.3s;
      -webkit-transition-property: background-color, color;
      -webkit-transition-duration: 0.3s;
      -o-transition-property: background-color, color;
      -o-transition-duration: 0.3s;
      -ms-transition-property: background-color, color;
      -ms-transition-duration: 0.3s;
      -ms-transition-timing-function: ease-out-quart;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  ul.the-actual-nav li:first-child {
    margin-top: 0; }
  ul.the-actual-nav li.current-menu-item > a, ul.the-actual-nav li.current-menu-ancestor > a, ul.the-actual-nav > li:hover > a {
    background-color: #FF8800;
    color: #ffffff; }
  ul.the-actual-nav li ul {
    margin-left: 0;
    padding-left: 0;
    position: absolute;
    z-index: 71;
    top: 0;
    list-style: none;
    text-align: left;
    min-width: 220px;
    visibility: hidden;
    opacity: 0;
    left: 100%;
    transition-property: left, visibility, opacity;
    transition-duration: 0.3s;
    -moz-transition-property: left, visibility, opacity;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: left, visibility, opacity;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: left, visibility, opacity;
    -o-transition-duration: 0.3s;
    -ms-transition-property: left, visibility, opacity;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    ul.the-actual-nav li ul li > a {
        border-bottom: solid 1px #fc9c2d;
        background-color: #FF8800;
        color: #ffffff;
        padding: 13px 25px 13px 29px;
    }
    ul.the-actual-nav li ul li.current-menu-item > a, ul.the-actual-nav li ul li.current-menu-ancestor > a, ul.the-actual-nav li ul > li:hover > a {
      background-color: #ffffff;
      color: #FF8800; }
  ul.the-actual-nav li:hover > ul {
    visibility: visible;
    opacity: 1;
    left: 100%; }

/**
 * 3.3 Menu Types
 * ----------------------------------------------------------------------------
 */
body.menu-type-2 .qcreative--nav-con .translucent-con .translucent-overlay {
  background-color: rgba(255, 255, 255, 0.3); }
body.menu-type-2 .qcreative--nav-con p {
  opacity: 1;
  color: rgba(0, 0, 0, 0.5); }
body.menu-type-2 .qcreative--nav-con .social-icons i {
  color: #222222; }
body.menu-type-2 .qcreative--nav-con .social-icons a:hover i {
  opacity: 0.5; }
body.menu-type-2 ul.the-actual-nav li > a {
  color: #222222; }
body.menu-type-2 ul.the-actual-nav ul li > a {
  color: #ffffff; }
body.menu-type-2 ul.the-actual-nav li ul li.current-menu-item > a, body.menu-type-2 ul.the-actual-nav li ul li.current-menu-ancestor > a, body.menu-type-2 ul.the-actual-nav li ul > li:hover > a {
  color: #FF8800; }
body.menu-type-2 ul.the-actual-nav li.current-menu-item > a, body.menu-type-2 ul.the-actual-nav li.current-menu-ancestor > a, body.menu-type-2 ul.the-actual-nav > li:hover > a {
  color: #ffffff; }

body.menu-type-3 .qcreative--nav-con, body.menu-type-4 .qcreative--nav-con {
  width: 230px; }
  body.menu-type-3 .qcreative--nav-con .translucent-overlay, body.menu-type-4 .qcreative--nav-con .translucent-overlay {
    background-color: #191919; }
  body.menu-type-3 .qcreative--nav-con .translucent-canvas, body.menu-type-4 .qcreative--nav-con .translucent-canvas {
    display: none; }
  body.menu-type-3 .qcreative--nav-con ul.the-actual-nav, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav {
    text-align: left;
    margin-bottom: 30px; }
    body.menu-type-3 .qcreative--nav-con ul.the-actual-nav li > a, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav li > a {
      color: #777777;
      font-family: "Lato", arial, serif;
      font-weight: bold;
      font-size: 14px; }
    body.menu-type-3 .qcreative--nav-con ul.the-actual-nav li ul, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav li ul {
      min-width: 190px; }
      body.menu-type-3 .qcreative--nav-con ul.the-actual-nav li ul li, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav li ul li {
        position: relative; }
        body.menu-type-3 .qcreative--nav-con ul.the-actual-nav li ul li > a, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav li ul li > a {
          padding: 13px 20px 13px 20px; }
    body.menu-type-3 .qcreative--nav-con ul.the-actual-nav li:hover > a, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav li:hover > a {
      color: #FFFFFF; }
    body.menu-type-3 .qcreative--nav-con ul.the-actual-nav > li, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li {
      padding-left: 20px;
      padding-right: 20px;
      margin-bottom: 18px;
      position: relative; }
      body.menu-type-3 .qcreative--nav-con ul.the-actual-nav > li > .sub-menu-indicator, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li > .sub-menu-indicator {
        position: absolute;
        right: 30px;
        top: 50%;
        transform: translate(0%, -50%);
        color: #444444;
        font-size: 14px;
        pointer-events: none;
        transition-property: color;
        transition-duration: 0.3s;
        -moz-transition-property: color;
        -moz-transition-duration: 0.3s;
        -webkit-transition-property: color;
        -webkit-transition-duration: 0.3s;
        -o-transition-property: color;
        -o-transition-duration: 0.3s;
        -ms-transition-property: color;
        -ms-transition-duration: 0.3s;
        -ms-transition-timing-function: ease-out-quart;
        -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
      body.menu-type-3 .qcreative--nav-con ul.the-actual-nav > li > a, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li > a {
        border-bottom: 1px solid #333333;
        padding-left: 10px;
        background-color: transparent;
        padding-bottom: 4px;
        padding-top: 4px; }
      body.menu-type-3 .qcreative--nav-con ul.the-actual-nav > li ul, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li ul {
        border: 1px solid #333333;
        background-color: #191919;
        top: -14px; }
        body.menu-type-3 .qcreative--nav-con ul.the-actual-nav > li ul ul, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li ul ul {
          top: -11px; }
        body.menu-type-3 .qcreative--nav-con ul.the-actual-nav > li ul > li:first-child, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li ul > li:first-child {
          margin-top: 10px; }
        body.menu-type-3 .qcreative--nav-con ul.the-actual-nav > li ul > li:last-child, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li ul > li:last-child {
          margin-bottom: 10px; }
        body.menu-type-3 .qcreative--nav-con ul.the-actual-nav > li ul li > a, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li ul li > a {
          background-color: transparent;
          padding-top: 8px;
          padding-bottom: 8px; }
        body.menu-type-3 .qcreative--nav-con ul.the-actual-nav > li ul li:hover > a, body.menu-type-3 .qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-item > a, body.menu-type-3 .qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-ancestor > a, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li ul li:hover > a, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-item > a, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-ancestor > a {
          color: #FFFFFF; }
    body.menu-type-3 .qcreative--nav-con ul.the-actual-nav > li:hover > a, body.menu-type-3 .qcreative--nav-con ul.the-actual-nav > li.current-menu-item > a, body.menu-type-3 .qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > a, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li:hover > a, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li.current-menu-item > a, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > a {
      background-color: #333333;
      color: #FFFFFF; }
    body.menu-type-3 .qcreative--nav-con ul.the-actual-nav > li:hover > .sub-menu-indicator, body.menu-type-3 .qcreative--nav-con ul.the-actual-nav > li.current-menu-item > .sub-menu-indicator, body.menu-type-3 .qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > .sub-menu-indicator, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li:hover > .sub-menu-indicator, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li.current-menu-item > .sub-menu-indicator, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > .sub-menu-indicator {
      color: #222222; }
  body.menu-type-3 .qcreative--nav-con p, body.menu-type-4 .qcreative--nav-con p {
    color: rgba(0, 0, 0, 0.5); }
  body.menu-type-3 .qcreative--nav-con .nav-social-con, body.menu-type-4 .qcreative--nav-con .nav-social-con {
    position: static;
    right: auto;
    bottom: auto;
    text-align: left;
    padding-left: 29px; }
  body.menu-type-3 .qcreative--nav-con .social-icons i, body.menu-type-4 .qcreative--nav-con .social-icons i {
    color: #777777; }
  body.menu-type-3 .qcreative--nav-con .social-icons a:hover i, body.menu-type-4 .qcreative--nav-con .social-icons a:hover i {
    color: #ffffff;
    opacity: 1; }
  body.menu-type-3 .qcreative--nav-con .copyright-text, body.menu-type-4 .qcreative--nav-con .copyright-text {
    position: absolute;
    bottom: 25px;
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 0;
    color: #666666;
    font-size: 10px;
    font-weight: bold;
    width: 100%;
    left: 0;
    opacity: 1; }

body.menu-type-4 .qcreative--nav-con .translucent-overlay {
  background-color: #FFFFFF; }
body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li:hover > a, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li.current-menu-item > a, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > a {
  color: #222222; }
body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li:hover > .sub-menu-indicator, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li.current-menu-item > .sub-menu-indicator, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > .sub-menu-indicator {
  color: #FFFFFF; }
body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li ul {
  background-color: #FFFFFF; }
body.menu-type-4 .qcreative--nav-con ul.the-actual-nav li > a {
  color: #999; }
body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li > a {
  border-bottom: 1px solid #EEEEEE; }
body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li > .sub-menu-indicator {
  color: #ebebeb; }
body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li:hover > a, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li.current-menu-item > a, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > a {
  background-color: #EEEEEE; }
body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li ul li:hover > a, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-item > a, body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-ancestor > a {
  color: #222222; }
body.menu-type-4 .qcreative--nav-con ul.the-actual-nav > li ul {
  border: 1px solid #DDDDDD; }
body.menu-type-4 .qcreative--nav-con .social-icons i {
  color: #aaaaaa; }
body.menu-type-4 .qcreative--nav-con .social-icons a:hover i {
  color: #222222; }
body.menu-type-4 .qcreative--nav-con .copyright-text {
  color: #bababa; }

body.menu-type-5 .main-container, body.menu-type-6 .main-container {
  width: 100%;
  max-width: 1130px;
  margin: 0 auto; }
  body.menu-type-5 .main-container .qcreative--nav-con, body.menu-type-6 .main-container .qcreative--nav-con {
    position: relative;
    left: 0;
    float: left;
    width: 230px; }
  body.menu-type-5 .main-container .the-content-con, body.menu-type-6 .main-container .the-content-con {
    position: relative;
    right: 0;
    float: right; }
body.menu-type-5 .main-container:after, body.menu-type-6 .main-container:after {
  display: block;
  content: "";
  clear: both; }
body.menu-type-5 .qcreative--nav-con .logo-con, body.menu-type-6 .qcreative--nav-con .logo-con {
  height: 190px; }
body.menu-type-5 .qcreative--nav-con .translucent-overlay, body.menu-type-6 .qcreative--nav-con .translucent-overlay {
  background-color: rgba(19, 19, 19, 0.9); }
body.menu-type-5 .qcreative--nav-con .translucent-canvas, body.menu-type-6 .qcreative--nav-con .translucent-canvas {
  display: none; }
body.menu-type-5 .qcreative--nav-con .nav-social-con, body.menu-type-6 .qcreative--nav-con .nav-social-con {
  display: none; }
body.menu-type-5 .qcreative--nav-con ul.the-actual-nav, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav {
  text-align: left;
  margin-bottom: 30px; }
  body.menu-type-5 .qcreative--nav-con ul.the-actual-nav li > a, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav li > a {
    color: #777777;
    font-family: "Lato", arial, serif;
    font-weight: bold;
    font-size: 14px;
    text-align: center; }
  body.menu-type-5 .qcreative--nav-con ul.the-actual-nav li ul, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav li ul {
    min-width: 190px; }
    body.menu-type-5 .qcreative--nav-con ul.the-actual-nav li ul li, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav li ul li {
      position: relative; }
      body.menu-type-5 .qcreative--nav-con ul.the-actual-nav li ul li > a, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav li ul li > a {
        text-align: left;
        padding: 13px 20px 13px 20px; }
  body.menu-type-5 .qcreative--nav-con ul.the-actual-nav li:hover > a, body.menu-type-5 .qcreative--nav-con ul.the-actual-nav li.current-menu-item > a, body.menu-type-5 .qcreative--nav-con ul.the-actual-nav li.current-menu-ancestor > a, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav li:hover > a, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav li.current-menu-item > a, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav li.current-menu-ancestor > a {
    color: #FFFFFF; }
  body.menu-type-5 .qcreative--nav-con ul.the-actual-nav > li, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li {
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 18px;
    position: relative; }
    body.menu-type-5 .qcreative--nav-con ul.the-actual-nav > li > .sub-menu-indicator, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li > .sub-menu-indicator {
      position: absolute;
      right: 30px;
      top: 50%;
      transform: translate(0%, -50%);
      color: #444444;
      font-size: 14px;
      pointer-events: none;
      transition-property: color;
      transition-duration: 0.3s;
      -moz-transition-property: color;
      -moz-transition-duration: 0.3s;
      -webkit-transition-property: color;
      -webkit-transition-duration: 0.3s;
      -o-transition-property: color;
      -o-transition-duration: 0.3s;
      -ms-transition-property: color;
      -ms-transition-duration: 0.3s;
      -ms-transition-timing-function: ease-out-quart;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    body.menu-type-5 .qcreative--nav-con ul.the-actual-nav > li > a, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li > a {
      border-bottom: 1px solid #333333;
      padding-left: 10px;
      background-color: transparent;
      padding-bottom: 4px;
      padding-top: 4px;
      padding-right: 10px; }
    body.menu-type-5 .qcreative--nav-con ul.the-actual-nav > li ul, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li ul {
      border: 1px solid #333333;
      background-color: rgba(19, 19, 19, 0.9);
      top: -16px; }
      body.menu-type-5 .qcreative--nav-con ul.the-actual-nav > li ul ul, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li ul ul {
        top: -10px; }
      body.menu-type-5 .qcreative--nav-con ul.the-actual-nav > li ul > li:first-child, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li ul > li:first-child {
        margin-top: 10px; }
      body.menu-type-5 .qcreative--nav-con ul.the-actual-nav > li ul > li:last-child, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li ul > li:last-child {
        margin-bottom: 10px; }
      body.menu-type-5 .qcreative--nav-con ul.the-actual-nav > li ul li > a, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li ul li > a {
        background-color: transparent;
        padding-top: 8px;
        padding-bottom: 8px; }
      body.menu-type-5 .qcreative--nav-con ul.the-actual-nav > li ul li:hover > a, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li ul li:hover > a {
        color: #FFFFFF; }
  body.menu-type-5 .qcreative--nav-con ul.the-actual-nav > li:hover > a, body.menu-type-5 .qcreative--nav-con ul.the-actual-nav > li.current-menu-item > a, body.menu-type-5 .qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > a, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li:hover > a, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li.current-menu-item > a, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > a {
    background-color: #333333; }
  body.menu-type-5 .qcreative--nav-con ul.the-actual-nav > li:hover > .sub-menu-indicator, body.menu-type-5 .qcreative--nav-con ul.the-actual-nav > li.current-menu-item > .sub-menu-indicator, body.menu-type-5 .qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > .sub-menu-indicator, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li:hover > .sub-menu-indicator, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li.current-menu-item > .sub-menu-indicator, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > .sub-menu-indicator {
    color: #222222; }
body.menu-type-5 .qcreative--nav-con p, body.menu-type-6 .qcreative--nav-con p {
  color: rgba(0, 0, 0, 0.5); }
body.menu-type-5 .qcreative--nav-con .nav-social-con, body.menu-type-6 .qcreative--nav-con .nav-social-con {
  position: relative;
  right: auto;
  bottom: auto;
  text-align: left;
  padding-left: 30px; }
body.menu-type-5 .qcreative--nav-con .social-icons i, body.menu-type-6 .qcreative--nav-con .social-icons i {
  color: #777777; }
body.menu-type-5 .qcreative--nav-con .copyright-text, body.menu-type-6 .qcreative--nav-con .copyright-text {
  position: absolute;
  bottom: 25px;
  text-align: left;
  padding-left: 30px;
  padding-right: 30px;
  margin-bottom: 0;
  color: #666666;
  font-size: 10px;
  font-weight: bold;
  width: 100%; }
body.menu-type-5 .qcreative--nav-con:after, body.menu-type-6 .qcreative--nav-con:after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid inset;
  border-width: 40px 115px 0 115px;
  border-color: rgba(19, 19, 19, 0.9) transparent transparent transparent; }

body.page-normal.menu-type-5 .main-container, body.page-normal.menu-type-6 .main-container {
  width: 100%;
  max-width: 1190px;
  margin: 0 auto; }

body.menu-type-5.semi-responsive-mode .qcreative--nav-con, body.menu-type-6.semi-responsive-mode .qcreative--nav-con {
  left: 30px !important; }

body.menu-type-5.menu-is-sticky .main-container, body.menu-type-6.menu-is-sticky .main-container {
  width: 100%;
  max-width: none; }
  body.menu-type-5.menu-is-sticky .main-container .the-content-con, body.menu-type-6.menu-is-sticky .main-container .the-content-con {
    float: none; }
body.menu-type-5.menu-is-sticky nav.qcreative--nav-con, body.menu-type-6.menu-is-sticky nav.qcreative--nav-con {
  position: fixed;
  height: auto;
  transition-property: left;
  transition-duration: 0.3s;
  -moz-transition-property: left;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: left;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: left;
  -o-transition-duration: 0.3s;
  -ms-transition-property: left;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }

body.menu-type-5.menu-is-sticky.page-is-fullwidth nav.qcreative--nav-con, body.menu-type-6.menu-is-sticky.page-is-fullwidth nav.qcreative--nav-con {
  left: 30px !important; }

body.menu-type-6 .qcreative--nav-con .translucent-overlay {
  background-color: white; }
body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li ul {
  background-color: white; }
body.menu-type-6 .qcreative--nav-con ul.the-actual-nav li > a {
  color: #999; }
body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li > a {
  border-bottom: 1px solid #EEEEEE; }
body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li > .sub-menu-indicator {
  color: #ebebeb; }
body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li:hover > a, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li.current-menu-item > a, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > a {
  color: #222222;
  background-color: #ebebeb; }
body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li > .sub-menu-indicator {
  color: #ebebeb; }
body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li:hover > .sub-menu-indicator, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li.current-menu-item > .sub-menu-indicator, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > .sub-menu-indicator {
  color: #FFFFFF; }
body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li ul li:hover > a, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-item > a, body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-ancestor > a {
  color: #222222; }
body.menu-type-6 .qcreative--nav-con ul.the-actual-nav > li ul {
  border: 1px solid #DDDDDD; }
body.menu-type-6 .qcreative--nav-con:after {
  border-top-color: white; }

body.menu-type-7 .qcreative--nav-con, body.menu-type-8 .qcreative--nav-con {
  width: 220px; }
  body.menu-type-7 .qcreative--nav-con .translucent-overlay, body.menu-type-8 .qcreative--nav-con .translucent-overlay {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+0,000000+100&0.3+0,0+100 */
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, transparent));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.4) 0%, transparent 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, transparent 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00000000',GradientType=1 );
    /* IE6-9 */ }
  body.menu-type-7 .qcreative--nav-con .logo-con, body.menu-type-8 .qcreative--nav-con .logo-con {
    height: 170px; }
  body.menu-type-7 .qcreative--nav-con .translucent-canvas, body.menu-type-8 .qcreative--nav-con .translucent-canvas {
    display: none; }
  body.menu-type-7 .qcreative--nav-con ul.the-actual-nav, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav {
    text-align: left;
    padding-top: 20px;
    padding-bottom: 15px;
    margin-bottom: 20px; }
    body.menu-type-7 .qcreative--nav-con ul.the-actual-nav li > a, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav li > a {
      color: #FFFFFF;
      font-family: "Lato", arial, serif;
      font-weight: bold;
      font-size: 14px; }
    body.menu-type-7 .qcreative--nav-con ul.the-actual-nav li ul, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav li ul {
      min-width: 160px; }
      body.menu-type-7 .qcreative--nav-con ul.the-actual-nav li ul li, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav li ul li {
        position: relative; }
        body.menu-type-7 .qcreative--nav-con ul.the-actual-nav li ul li > a, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav li ul li > a {
          font-size: 11px;
          font-weight: 900;
          padding: 13px 20px 13px 20px;
          transition-property: color;
          transition-duration: 0.3s;
          -moz-transition-property: color;
          -moz-transition-duration: 0.3s;
          -webkit-transition-property: color;
          -webkit-transition-duration: 0.3s;
          -o-transition-property: color;
          -o-transition-duration: 0.3s;
          -ms-transition-property: color;
          -ms-transition-duration: 0.3s;
          -ms-transition-timing-function: ease-out-quart;
          -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    body.menu-type-7 .qcreative--nav-con ul.the-actual-nav li:hover > a, body.menu-type-7 .qcreative--nav-con ul.the-actual-nav li.current-menu-item > a, body.menu-type-7 .qcreative--nav-con ul.the-actual-nav li.current-menu-ancestor > a, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav li:hover > a, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav li.current-menu-item > a, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav li.current-menu-ancestor > a {
      color: #222222; }
    body.menu-type-7 .qcreative--nav-con ul.the-actual-nav > li, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li {
      padding-left: 20px;
      padding-right: 0px;
      margin-bottom: 3px;
      position: relative; }
      body.menu-type-7 .qcreative--nav-con ul.the-actual-nav > li > .sub-menu-indicator, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li > .sub-menu-indicator {
        position: absolute;
        right: 12px;
        top: 50%;
        transform: translate(0%, -50%);
        color: #FFFFFF;
        font-size: 14px;
        opacity: .5;
        pointer-events: none; }
      body.menu-type-7 .qcreative--nav-con ul.the-actual-nav > li > a, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li > a {
        padding-left: 10px;
        background-color: transparent;
        padding-bottom: 10px;
        padding-top: 10px; }
      body.menu-type-7 .qcreative--nav-con ul.the-actual-nav > li ul, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li ul {
        border: 0px solid #333333;
        background-color: #FFFFFF;
        top: 0px;
        color: #222222; }
        body.menu-type-7 .qcreative--nav-con ul.the-actual-nav > li ul ul, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li ul ul {
          top: -10px; }
        body.menu-type-7 .qcreative--nav-con ul.the-actual-nav > li ul > li:first-child, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li ul > li:first-child {
          margin-top: 10px; }
        body.menu-type-7 .qcreative--nav-con ul.the-actual-nav > li ul > li:last-child, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li ul > li:last-child {
          margin-bottom: 10px; }
        body.menu-type-7 .qcreative--nav-con ul.the-actual-nav > li ul li > a, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li ul li > a {
          background-color: transparent;
          padding-top: 8px;
          padding-bottom: 8px;
          color: #878787; }
        body.menu-type-7 .qcreative--nav-con ul.the-actual-nav > li ul li:hover > a, body.menu-type-7 .qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-item > a, body.menu-type-7 .qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-ancestor > a, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li ul li:hover > a, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-item > a, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-ancestor > a {
          color: #222222; }
    body.menu-type-7 .qcreative--nav-con ul.the-actual-nav > li:hover > a, body.menu-type-7 .qcreative--nav-con ul.the-actual-nav > li.current-menu-item > a, body.menu-type-7 .qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > a, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li:hover > a, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li.current-menu-item > a, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > a {
      background-color: #FFFFFF;
      color: #222222; }
    body.menu-type-7 .qcreative--nav-con ul.the-actual-nav > li:hover > .sub-menu-indicator, body.menu-type-7 .qcreative--nav-con ul.the-actual-nav > li.current-menu-item > .sub-menu-indicator, body.menu-type-7 .qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > .sub-menu-indicator, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li:hover > .sub-menu-indicator, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li.current-menu-item > .sub-menu-indicator, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > .sub-menu-indicator {
      color: rgba(0, 0, 0, 0.5); }
  body.menu-type-7 .qcreative--nav-con ul.the-actual-nav:before, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav:before {
    content: "";
    position: absolute;
    top: 0;
    left: 10px;
    width: calc(100% - 10px);
    height: 1px;
    background-color: #FFFFFF; }
  body.menu-type-7 .qcreative--nav-con ul.the-actual-nav:after, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 10px;
    width: calc(100% - 10px);
    height: 1px;
    background-color: #FFFFFF; }
  body.menu-type-7 .qcreative--nav-con p, body.menu-type-8 .qcreative--nav-con p {
    color: rgba(0, 0, 0, 0.5); }
  body.menu-type-7 .qcreative--nav-con .nav-social-con, body.menu-type-8 .qcreative--nav-con .nav-social-con {
    position: relative;
    right: auto;
    bottom: auto;
    text-align: left;
    padding-left: 30px; }
  body.menu-type-7 .qcreative--nav-con .social-icons i, body.menu-type-8 .qcreative--nav-con .social-icons i {
    color: #FFFFFF; }
  body.menu-type-7 .qcreative--nav-con .copyright-text, body.menu-type-8 .qcreative--nav-con .copyright-text {
    display: none; }

body.menu-type-8 .qcreative--nav-con .translucent-overlay {
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0.4)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4dffffff', endColorstr='#00ffffff',GradientType=1 );
  /* IE6-9 */ }
body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li ul {
  background-color: #222222; }
body.menu-type-8 .qcreative--nav-con ul.the-actual-nav li > a {
  color: #222222; }
body.menu-type-8 .qcreative--nav-con ul.the-actual-nav:before, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav:after {
  background-color: #222222; }
body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li > .sub-menu-indicator {
  color: #ebebeb; }
body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li:hover > a, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li.current-menu-item > a, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > a {
  background-color: #222222;
  color: #FFFFFF; }
body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li > .sub-menu-indicator {
  color: rgba(0, 0, 0, 0.4); }
body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li:hover > .sub-menu-indicator, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li.current-menu-item > .sub-menu-indicator, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > .sub-menu-indicator {
  color: rgba(255, 255, 255, 0.5); }
body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li ul li:hover > a, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-item > a, body.menu-type-8 .qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-ancestor > a {
  color: #FFFFFF; }
body.menu-type-8 .qcreative--nav-con .social-icons i {
  color: #222222; }
body.menu-type-8 .qcreative--nav-con:after {
  border-top-color: rgba(255, 255, 255, 0.9); }

body.menu-type-9 .the-content-con, body.menu-type-10 .the-content-con {
  margin-left: auto;
  margin-right: auto; }
body.menu-type-9 nav.qcreative--nav-con, body.menu-type-10 nav.qcreative--nav-con {
  position: relative;
  width: 100%;
  z-index: 55;
  height: 130px; }
  body.menu-type-9 nav.qcreative--nav-con .translucent-con, body.menu-type-10 nav.qcreative--nav-con .translucent-con {
    pointer-events: none;
    overflow: visible; }
  body.menu-type-9 nav.qcreative--nav-con .translucent-canvas, body.menu-type-10 nav.qcreative--nav-con .translucent-canvas {
    display: none; }
  body.menu-type-9 nav.qcreative--nav-con .translucent-overlay, body.menu-type-10 nav.qcreative--nav-con .translucent-overlay {
    height: 130px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+100&0.6+0,0.2+50,0+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 50%, transparent 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.6)), color-stop(50%, rgba(0, 0, 0, 0.2)), color-stop(100%, transparent));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 50%, transparent 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 50%, transparent 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 50%, transparent 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.2) 50%, transparent 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=0 );
    /* IE6-9 */
    opacity: 1;
    transition-property: opacity;
    transition-duration: 0.1s;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.1s;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.1s;
    -o-transition-property: opacity;
    -o-transition-duration: 0.1s;
    -ms-transition-property: opacity;
    -ms-transition-duration: 0.1s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  body.menu-type-9 nav.qcreative--nav-con .logo-con, body.menu-type-10 nav.qcreative--nav-con .logo-con {
    position: absolute;
    height: auto;
    top: 50%;
    left: 30px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%); }
    body.menu-type-9 nav.qcreative--nav-con .logo-con img, body.menu-type-10 nav.qcreative--nav-con .logo-con img {
      display: inline-block;
      position: relative;
      transform: none;
      -webkit-transform: none;
      left: 0;
      top: 0; }
  body.menu-type-9 nav.qcreative--nav-con ul.the-actual-nav, body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    padding-bottom: 0; }
    body.menu-type-9 nav.qcreative--nav-con ul.the-actual-nav li > a, body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav li > a {
      font-family: "Lato", arial, serif;
      color: #FFFFFF;
      font-size: 14px;
      font-weight: bold;
      padding: 8px;
      line-height: 1; }
    body.menu-type-9 nav.qcreative--nav-con ul.the-actual-nav li ul, body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav li ul {
      left: -10px;
      top: 100%;
      padding-top: 10px;
      padding-bottom: 10px;
      background-color: rgba(0, 0, 0, 0.9);
      min-width: 160px; }
      body.menu-type-9 nav.qcreative--nav-con ul.the-actual-nav li ul li, body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav li ul li {
        position: relative; }
        body.menu-type-9 nav.qcreative--nav-con ul.the-actual-nav li ul li > a, body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav li ul li > a {
          background-color: transparent;
          padding-left: 20px;
          padding-top: 10px;
          padding-bottom: 10px;
          color: #999999;
          font-size: 11px;
          font-weight: 900;
          transition-property: color;
          transition-duration: 0.3s;
          -moz-transition-property: color;
          -moz-transition-duration: 0.3s;
          -webkit-transition-property: color;
          -webkit-transition-duration: 0.3s;
          -o-transition-property: color;
          -o-transition-duration: 0.3s;
          -ms-transition-property: color;
          -ms-transition-duration: 0.3s;
          -ms-transition-timing-function: ease-out-quart;
          -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
        body.menu-type-9 nav.qcreative--nav-con ul.the-actual-nav li ul li ul, body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav li ul li ul {
          position: absolute;
          left: 100%;
          top: -10px; }
      body.menu-type-9 nav.qcreative--nav-con ul.the-actual-nav li ul li:hover > a, body.menu-type-9 nav.qcreative--nav-con ul.the-actual-nav li ul li.current-menu-item > a, body.menu-type-9 nav.qcreative--nav-con ul.the-actual-nav li ul li.current-menu-ancestor > a, body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav li ul li:hover > a, body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav li ul li.current-menu-item > a, body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav li ul li.current-menu-ancestor > a {
        color: #ffffff; }
    body.menu-type-9 nav.qcreative--nav-con ul.the-actual-nav > li, body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav > li {
      display: inline-block;
      margin-right: 10px; }
      body.menu-type-9 nav.qcreative--nav-con ul.the-actual-nav > li > a, body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav > li > a {
        border-radius: 15px;
        padding: 7px 10px 9px; }
      body.menu-type-9 nav.qcreative--nav-con ul.the-actual-nav > li > ul, body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav > li > ul {
        margin-top: 15px; }
      body.menu-type-9 nav.qcreative--nav-con ul.the-actual-nav > li > ul:before, body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav > li > ul:before {
        content: "";
        width: 15px;
        height: 15px;
        background-image: url(img/menu-type-9-path.png);
        position: absolute;
        bottom: 100%;
        left: 0;
        background-repeat: no-repeat; }
      body.menu-type-9 nav.qcreative--nav-con ul.the-actual-nav > li > ul:before, body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav > li > ul:before {
        content: "";
        width: 100%;
        height: 15px;
        background-color: transparent;
        position: absolute;
        bottom: 100%;
        left: 0; }
    body.menu-type-9 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-item > a, body.menu-type-9 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > a, body.menu-type-9 nav.qcreative--nav-con ul.the-actual-nav > li:hover > a, body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-item > a, body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > a, body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav > li:hover > a {
      background-color: #FFFFFF;
      color: #222222;
      border-radius: 15px; }
  body.menu-type-9 nav.qcreative--nav-con .nav-social-con, body.menu-type-10 nav.qcreative--nav-con .nav-social-con {
    position: absolute;
    display: inline-block;
    left: auto;
    right: 0;
    top: 50%;
    bottom: auto;
    margin-right: 30px;
    margin-top: 0px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    padding-left: 27px; }
    body.menu-type-9 nav.qcreative--nav-con .nav-social-con i, body.menu-type-10 nav.qcreative--nav-con .nav-social-con i {
      margin-right: 5px; }
    body.menu-type-9 nav.qcreative--nav-con .nav-social-con .copyright-text, body.menu-type-10 nav.qcreative--nav-con .nav-social-con .copyright-text {
      display: none; }
    body.menu-type-9 nav.qcreative--nav-con .nav-social-con p.social-icons, body.menu-type-10 nav.qcreative--nav-con .nav-social-con p.social-icons {
      margin-bottom: 0;
      white-space: nowrap;
      display: inline-block; }
  body.menu-type-9 nav.qcreative--nav-con .nav-social-con:before, body.menu-type-10 nav.qcreative--nav-con .nav-social-con:before {
    content: "";
    height: 30px;
    width: 1px;
    background-color: #FFFFFF;
    position: absolute;
    left: -1px;
    top: -2px; }
body.menu-type-9 nav.qcreative--nav-con:after, body.menu-type-10 nav.qcreative--nav-con:after {
  display: block;
  content: "";
  clear: both; }
body.menu-type-9 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con, body.menu-type-10 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con {
  width: 100%;
  overflow: hidden; }
  body.menu-type-9 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con > .zfolio, body.menu-type-10 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con > .zfolio {
    width: calc(100% + 4px); }
    body.menu-type-9 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con > .zfolio > .items, body.menu-type-9 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con > .zfolio .the-feature-con, body.menu-type-10 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con > .zfolio > .items, body.menu-type-10 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con > .zfolio .the-feature-con {
      transition-property: height;
      transition-duration: 0.3s;
      -moz-transition-property: height;
      -moz-transition-duration: 0.3s;
      -webkit-transition-property: height;
      -webkit-transition-duration: 0.3s;
      -o-transition-property: height;
      -o-transition-duration: 0.3s;
      -ms-transition-property: height;
      -ms-transition-duration: 0.3s;
      -ms-transition-timing-function: ease-out-quart;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
body.menu-type-9 .map-canvas-con, body.menu-type-10 .map-canvas-con {
  z-index: 85; }

body.page-portfolio-single.page-is-fullwidth.menu-type-9 nav.qcreative--nav-con, body.page-portfolio-single.page-is-fullwidth.menu-type-10 nav.qcreative--nav-con {
  position: absolute; }

body.qtransitioning.menu-type-9 nav.qcreative--nav-con .translucent-overlay, body.qtransitioning.menu-type-10 nav.qcreative--nav-con .translucent-overlay {
  opacity: 1; }

body.menu-type-10 nav.qcreative--nav-con .translucent-overlay {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&0.6+0,0.2+50,0+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.6)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#00ffffff',GradientType=0 );
  /* IE6-9 */ }
body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav > li ul {
  background-color: white; }
body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav li > a {
  color: #222222; }
body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-item > a, body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > a {
  color: #FFFFFF;
  background-color: #222222; }
body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav > li > ul:before {
  background-image: url(img/menu-type-9-path-light.png); }
body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav > li ul li > a {
  color: #999999; }
body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav > li ul li:hover > a, body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-item > a, body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-ancestor > a {
  color: #222222; }
body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav:before, body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav:after {
  background-color: #222222; }
body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav > li > .sub-menu-indicator {
  color: #ebebeb; }
body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav > li:hover > a {
  background-color: #222222;
  color: #FFFFFF; }
body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav > li > .sub-menu-indicator {
  color: rgba(0, 0, 0, 0.4); }
body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav > li:hover > .sub-menu-indicator, body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-item > .sub-menu-indicator, body.menu-type-10 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > .sub-menu-indicator {
  color: rgba(255, 255, 255, 0.5); }
body.menu-type-10 nav.qcreative--nav-con .social-icons i {
  color: #222222; }
body.menu-type-10 .qcreative--nav-con:after {
  border-top-color: rgba(255, 255, 255, 0.9); }
body.menu-type-10 nav.qcreative--nav-con .nav-social-con:before {
  background-color: #222; }

body.page-title-style-2.menu-type-9 .the-content-con > h1:first-child, body.page-title-style-2.menu-type-10 .the-content-con > h1:first-child {
  margin-top: 0; }

body.menu-type-11 .the-content-con {
  margin-left: auto;
  margin-right: auto; }
body.menu-type-11 .nav-social-con p.copyright-text {
  opacity: 1; }
body.menu-type-11 nav.qcreative--nav-con .translucent-canvas {
  display: none; }
body.menu-type-11 nav.qcreative--nav-con .translucent-overlay {
  background-color: transparent; }
body.menu-type-11 nav.qcreative--nav-con .logo-con {
  height: 100px;
  text-align: left;
  margin-left: 30px;
  margin-top: 30px; }
  body.menu-type-11 nav.qcreative--nav-con .logo-con img {
    position: relative;
    left: 0;
    top: 0;
    transform: none;
    -webkit-transform: none; }
body.menu-type-11 nav.qcreative--nav-con .nav-social-con {
  text-align: left; }
body.menu-type-11 i.fa.fa-bars {
  position: absolute;
  left: 30px;
  top: 50%;
  color: #FFFFFF;
  transform: translate(0, -50%);
  font-size: 42px;
  text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.99);
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.3s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: all;
  -o-transition-duration: 0.3s;
  -ms-transition-property: all;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
body.menu-type-11 i.fa.fa-bars:hover {
  opacity: 0.5; }
body.menu-type-11 nav.qcreative--nav-con:after {
  display: block;
  content: "";
  clear: both; }
body.menu-type-11 .nav-social-con {
  left: 30px;
  right: auto; }
  body.menu-type-11 .nav-social-con .social-icons a i {
    text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.99);
    font-size: 20px; }
body.menu-type-11 .social-icons {
  text-align: left; }

body.menu-type-12 .nav-social-con p.copyright-text {
  opacity: 1; }
body.menu-type-12 .the-content-con {
  margin-left: auto;
  margin-right: auto; }
body.menu-type-12 nav.qcreative--nav-con {
  width: auto;
  height: auto;
  position: static; }
  body.menu-type-12 nav.qcreative--nav-con .translucent-con {
    display: none; }
  body.menu-type-12 nav.qcreative--nav-con .translucent-canvas {
    display: none; }
  body.menu-type-12 nav.qcreative--nav-con .translucent-overlay {
    background-color: transparent;
    display: none; }
  body.menu-type-12 nav.qcreative--nav-con .logo-con {
    height: 100px;
    text-align: left;
    margin-left: 30px;
    margin-top: 30px;
    position: fixed;
    top: 0px;
    left: 0px; }
    body.menu-type-12 nav.qcreative--nav-con .logo-con img {
      position: relative;
      left: 0;
      top: 0;
      transform: none;
      -webkit-transform: none; }
  body.menu-type-12 nav.qcreative--nav-con .nav-social-con {
    text-align: left; }
body.menu-type-12 i.fa.fa-bars {
  position: fixed;
  left: auto;
  right: 30px;
  top: 45px;
  color: #FFFFFF;
  transform: translate(0, -50%);
  font-size: 42px;
  text-shadow: 1px 2px 0 rgba(0, 0, 0, 0.99);
  cursor: pointer;
  transition-property: all;
  transition-duration: 0.3s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: all;
  -o-transition-duration: 0.3s;
  -ms-transition-property: all;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
body.menu-type-12 i.fa.fa-bars:hover {
  opacity: 0.5; }
body.menu-type-12 nav.qcreative--nav-con:after {
  display: block;
  content: "";
  clear: both; }
body.menu-type-12 .nav-social-con {
  left: 30px;
  right: auto;
  position: fixed;
  opacity: 1;
  visibility: visible;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  -moz-transition-property: opacity, visibility;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: opacity, visibility;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: opacity, visibility;
  -o-transition-duration: 0.3s;
  -ms-transition-property: opacity, visibility;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
body.menu-type-12 .social-icons {
  text-align: left; }

body.page-portfolio-single.page-is-fullwidth.menu-type-12 .nav-social-con {
  opacity: 0;
  visibility: hidden; }
body.page-portfolio-single.page-is-fullwidth.menu-type-12 .main-container .the-content-con.fullit {
  padding-left: 0;
  padding-right: 0; }
body.page-portfolio-single.page-is-fullwidth.menu-type-12 .the-content-con.fullit .advancedscroller-con {
  width: 100%; }

body.menu-type-13 .the-content-con, body.menu-type-14 .the-content-con, body.menu-type-15 .the-content-con, body.menu-type-16 .the-content-con, body.menu-type-17 .the-content-con, body.menu-type-18 .the-content-con {
  margin-left: auto;
  margin-right: auto; }
body.menu-type-13 nav.qcreative--nav-con, body.menu-type-14 nav.qcreative--nav-con, body.menu-type-15 nav.qcreative--nav-con, body.menu-type-16 nav.qcreative--nav-con, body.menu-type-17 nav.qcreative--nav-con, body.menu-type-18 nav.qcreative--nav-con {
  position: relative;
  width: 100%;
  z-index: 55;
  height: 100px; }
  body.menu-type-13 nav.qcreative--nav-con .translucent-con, body.menu-type-14 nav.qcreative--nav-con .translucent-con, body.menu-type-15 nav.qcreative--nav-con .translucent-con, body.menu-type-16 nav.qcreative--nav-con .translucent-con, body.menu-type-17 nav.qcreative--nav-con .translucent-con, body.menu-type-18 nav.qcreative--nav-con .translucent-con {
    pointer-events: none;
    overflow: hidden; }
  body.menu-type-13 nav.qcreative--nav-con .translucent-overlay, body.menu-type-14 nav.qcreative--nav-con .translucent-overlay, body.menu-type-15 nav.qcreative--nav-con .translucent-overlay, body.menu-type-16 nav.qcreative--nav-con .translucent-overlay, body.menu-type-17 nav.qcreative--nav-con .translucent-overlay, body.menu-type-18 nav.qcreative--nav-con .translucent-overlay {
    height: 100px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+50,000000+100&0.6+0,0.2+50,0+100 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 50%, transparent 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.6)), color-stop(50%, rgba(0, 0, 0, 0.3)), color-stop(100%, transparent));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 50%, transparent 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 50%, transparent 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 50%, transparent 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 50%, transparent 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99000000', endColorstr='#00000000',GradientType=0 );
    /* IE6-9 */
    opacity: 1;
    transition-property: opacity;
    transition-duration: 0.1s;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.1s;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.1s;
    -o-transition-property: opacity;
    -o-transition-duration: 0.1s;
    -ms-transition-property: opacity;
    -ms-transition-duration: 0.1s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  body.menu-type-13 nav.qcreative--nav-con .logo-con, body.menu-type-14 nav.qcreative--nav-con .logo-con, body.menu-type-15 nav.qcreative--nav-con .logo-con, body.menu-type-16 nav.qcreative--nav-con .logo-con, body.menu-type-17 nav.qcreative--nav-con .logo-con, body.menu-type-18 nav.qcreative--nav-con .logo-con {
    position: absolute;
    height: auto;
    top: 50%;
    left: 30px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%); }
    body.menu-type-13 nav.qcreative--nav-con .logo-con img, body.menu-type-14 nav.qcreative--nav-con .logo-con img, body.menu-type-15 nav.qcreative--nav-con .logo-con img, body.menu-type-16 nav.qcreative--nav-con .logo-con img, body.menu-type-17 nav.qcreative--nav-con .logo-con img, body.menu-type-18 nav.qcreative--nav-con .logo-con img {
      display: inline-block;
      position: relative;
      transform: none;
      -webkit-transform: none;
      left: 0;
      top: 0; }
  body.menu-type-13 nav.qcreative--nav-con ul.the-actual-nav, body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav, body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    padding-bottom: 0; }
    body.menu-type-13 nav.qcreative--nav-con ul.the-actual-nav li > a, body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav li > a, body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav li > a, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav li > a, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav li > a, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav li > a {
      font-family: "Lato", arial, serif;
      color: #FFFFFF;
      font-size: 14px;
      font-weight: bold;
      padding: 8px;
      line-height: 1; }
    body.menu-type-13 nav.qcreative--nav-con ul.the-actual-nav li ul, body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav li ul, body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav li ul, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav li ul, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav li ul, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav li ul {
      left: -10px;
      top: 100%;
      padding-top: 10px;
      padding-bottom: 10px;
      background-color: rgba(0, 0, 0, 0.9);
      min-width: 160px; }
      body.menu-type-13 nav.qcreative--nav-con ul.the-actual-nav li ul li, body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav li ul li, body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav li ul li, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav li ul li, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav li ul li, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav li ul li {
        position: relative; }
        body.menu-type-13 nav.qcreative--nav-con ul.the-actual-nav li ul li > a, body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav li ul li > a, body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav li ul li > a, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav li ul li > a, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav li ul li > a, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav li ul li > a {
          background-color: transparent;
          padding-left: 20px;
          padding-top: 10px;
          padding-bottom: 10px;
          color: #999999;
          font-size: 11px;
          font-weight: 900;
          transition-property: color;
          transition-duration: 0.3s;
          -moz-transition-property: color;
          -moz-transition-duration: 0.3s;
          -webkit-transition-property: color;
          -webkit-transition-duration: 0.3s;
          -o-transition-property: color;
          -o-transition-duration: 0.3s;
          -ms-transition-property: color;
          -ms-transition-duration: 0.3s;
          -ms-transition-timing-function: ease-out-quart;
          -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
          transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
        body.menu-type-13 nav.qcreative--nav-con ul.the-actual-nav li ul li ul, body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav li ul li ul, body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav li ul li ul, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav li ul li ul, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav li ul li ul, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav li ul li ul {
          position: absolute;
          left: 100%;
          top: -10px; }
      body.menu-type-13 nav.qcreative--nav-con ul.the-actual-nav li ul li:hover > a, body.menu-type-13 nav.qcreative--nav-con ul.the-actual-nav li ul li.current-menu-item > a, body.menu-type-13 nav.qcreative--nav-con ul.the-actual-nav li ul li.current-menu-ancestor > a, body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav li ul li:hover > a, body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav li ul li.current-menu-item > a, body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav li ul li.current-menu-ancestor > a, body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav li ul li:hover > a, body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav li ul li.current-menu-item > a, body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav li ul li.current-menu-ancestor > a, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav li ul li:hover > a, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav li ul li.current-menu-item > a, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav li ul li.current-menu-ancestor > a, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav li ul li:hover > a, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav li ul li.current-menu-item > a, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav li ul li.current-menu-ancestor > a, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav li ul li:hover > a, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav li ul li.current-menu-item > a, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav li ul li.current-menu-ancestor > a {
        color: #ffffff; }
    body.menu-type-13 nav.qcreative--nav-con ul.the-actual-nav > li, body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav > li, body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li {
      display: inline-block;
      margin-right: 7px; }
      body.menu-type-13 nav.qcreative--nav-con ul.the-actual-nav > li > a, body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav > li > a, body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li > a, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li > a, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li > a, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li > a {
        border-radius: 15px;
        padding: 7px 10px 9px; }
      body.menu-type-13 nav.qcreative--nav-con ul.the-actual-nav > li > ul, body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav > li > ul, body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li > ul, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li > ul, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li > ul, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li > ul {
        margin-top: 15px; }
      body.menu-type-13 nav.qcreative--nav-con ul.the-actual-nav > li > ul:before, body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav > li > ul:before, body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li > ul:before, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li > ul:before, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li > ul:before, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li > ul:before {
        content: "";
        width: 15px;
        height: 15px;
        background-image: url(img/menu-type-9-path.png);
        position: absolute;
        bottom: 100%;
        left: 0;
        background-repeat: no-repeat; }
      body.menu-type-13 nav.qcreative--nav-con ul.the-actual-nav > li > ul:before, body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav > li > ul:before, body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li > ul:before, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li > ul:before, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li > ul:before, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li > ul:before {
        content: "";
        width: 100%;
        height: 15px;
        background-color: transparent;
        position: absolute;
        bottom: 100%;
        left: 0; }
    body.menu-type-13 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-item > a, body.menu-type-13 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > a, body.menu-type-13 nav.qcreative--nav-con ul.the-actual-nav > li:hover > a, body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-item > a, body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > a, body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav > li:hover > a, body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-item > a, body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > a, body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li:hover > a, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-item > a, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > a, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li:hover > a, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-item > a, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > a, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li:hover > a, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-item > a, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > a, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li:hover > a {
      background-color: #FF8800;
      color: #FFFFFF;
      border-radius: 15px; }
  body.menu-type-13 nav.qcreative--nav-con .nav-social-con, body.menu-type-14 nav.qcreative--nav-con .nav-social-con, body.menu-type-15 nav.qcreative--nav-con .nav-social-con, body.menu-type-16 nav.qcreative--nav-con .nav-social-con, body.menu-type-17 nav.qcreative--nav-con .nav-social-con, body.menu-type-18 nav.qcreative--nav-con .nav-social-con {
    position: absolute;
    display: inline-block;
    left: auto;
    right: 0;
    top: 50%;
    bottom: auto;
    margin-right: 30px;
    margin-top: 0px;
    transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    padding-left: 27px; }
    body.menu-type-13 nav.qcreative--nav-con .nav-social-con i, body.menu-type-14 nav.qcreative--nav-con .nav-social-con i, body.menu-type-15 nav.qcreative--nav-con .nav-social-con i, body.menu-type-16 nav.qcreative--nav-con .nav-social-con i, body.menu-type-17 nav.qcreative--nav-con .nav-social-con i, body.menu-type-18 nav.qcreative--nav-con .nav-social-con i {
      margin-right: 5px; }
    body.menu-type-13 nav.qcreative--nav-con .nav-social-con .copyright-text, body.menu-type-14 nav.qcreative--nav-con .nav-social-con .copyright-text, body.menu-type-15 nav.qcreative--nav-con .nav-social-con .copyright-text, body.menu-type-16 nav.qcreative--nav-con .nav-social-con .copyright-text, body.menu-type-17 nav.qcreative--nav-con .nav-social-con .copyright-text, body.menu-type-18 nav.qcreative--nav-con .nav-social-con .copyright-text {
      display: none; }
    body.menu-type-13 nav.qcreative--nav-con .nav-social-con p.social-icons, body.menu-type-14 nav.qcreative--nav-con .nav-social-con p.social-icons, body.menu-type-15 nav.qcreative--nav-con .nav-social-con p.social-icons, body.menu-type-16 nav.qcreative--nav-con .nav-social-con p.social-icons, body.menu-type-17 nav.qcreative--nav-con .nav-social-con p.social-icons, body.menu-type-18 nav.qcreative--nav-con .nav-social-con p.social-icons {
      margin-bottom: 0;
      white-space: nowrap;
      display: inline-block; }
  body.menu-type-13 nav.qcreative--nav-con .nav-social-con:before, body.menu-type-14 nav.qcreative--nav-con .nav-social-con:before, body.menu-type-15 nav.qcreative--nav-con .nav-social-con:before, body.menu-type-16 nav.qcreative--nav-con .nav-social-con:before, body.menu-type-17 nav.qcreative--nav-con .nav-social-con:before, body.menu-type-18 nav.qcreative--nav-con .nav-social-con:before {
    content: "";
    height: 30px;
    width: 1px;
    background-color: #FFFFFF;
    position: absolute;
    left: -1px;
    top: -2px; }
body.menu-type-13 nav.qcreative--nav-con:after, body.menu-type-14 nav.qcreative--nav-con:after, body.menu-type-15 nav.qcreative--nav-con:after, body.menu-type-16 nav.qcreative--nav-con:after, body.menu-type-17 nav.qcreative--nav-con:after, body.menu-type-18 nav.qcreative--nav-con:after {
  display: block;
  content: "";
  clear: both; }
body.menu-type-13 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con, body.menu-type-14 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con, body.menu-type-15 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con, body.menu-type-16 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con, body.menu-type-17 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con, body.menu-type-18 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con {
  width: 100%;
  overflow: hidden; }
  body.menu-type-13 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con > .zfolio, body.menu-type-14 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con > .zfolio, body.menu-type-15 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con > .zfolio, body.menu-type-16 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con > .zfolio, body.menu-type-17 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con > .zfolio, body.menu-type-18 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con > .zfolio {
    width: calc(100% + 4px); }
    body.menu-type-13 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con > .zfolio > .items, body.menu-type-13 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con > .zfolio .the-feature-con, body.menu-type-14 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con > .zfolio > .items, body.menu-type-14 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con > .zfolio .the-feature-con, body.menu-type-15 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con > .zfolio > .items, body.menu-type-15 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con > .zfolio .the-feature-con, body.menu-type-16 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con > .zfolio > .items, body.menu-type-16 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con > .zfolio .the-feature-con, body.menu-type-17 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con > .zfolio > .items, body.menu-type-17 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con > .zfolio .the-feature-con, body.menu-type-18 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con > .zfolio > .items, body.menu-type-18 .the-content-con > .the-content > .the-content-inner.zfolio-portfolio-fullscreen-con > .zfolio .the-feature-con {
      transition-property: height;
      transition-duration: 0.3s;
      -moz-transition-property: height;
      -moz-transition-duration: 0.3s;
      -webkit-transition-property: height;
      -webkit-transition-duration: 0.3s;
      -o-transition-property: height;
      -o-transition-duration: 0.3s;
      -ms-transition-property: height;
      -ms-transition-duration: 0.3s;
      -ms-transition-timing-function: ease-out-quart;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
body.menu-type-13 .map-canvas-con, body.menu-type-14 .map-canvas-con, body.menu-type-15 .map-canvas-con, body.menu-type-16 .map-canvas-con, body.menu-type-17 .map-canvas-con, body.menu-type-18 .map-canvas-con {
  z-index: 85; }

body.menu-type-9 .the-content-con, body.menu-type-10 .the-content-con, body.menu-type-13 .the-content-con, body.menu-type-14 .the-content-con, body.menu-type-15 .the-content-con, body.menu-type-16 .the-content-con, body.menu-type-17 .the-content-con, body.menu-type-18 .the-content-con {
  margin-left: auto;
  margin-right: auto; }
body.menu-type-9 nav.qcreative--nav-con .social-icons, body.menu-type-10 nav.qcreative--nav-con .social-icons, body.menu-type-13 nav.qcreative--nav-con .social-icons, body.menu-type-14 nav.qcreative--nav-con .social-icons, body.menu-type-15 nav.qcreative--nav-con .social-icons, body.menu-type-16 nav.qcreative--nav-con .social-icons, body.menu-type-17 nav.qcreative--nav-con .social-icons, body.menu-type-18 nav.qcreative--nav-con .social-icons {
  position: relative;
  top: 1px; }
body.menu-type-9 .nav-social-con:before, body.menu-type-10 .nav-social-con:before, body.menu-type-13 .nav-social-con:before, body.menu-type-14 .nav-social-con:before, body.menu-type-15 .nav-social-con:before, body.menu-type-16 .nav-social-con:before, body.menu-type-17 .nav-social-con:before, body.menu-type-18 .nav-social-con:before {
  top: -2px; }

body.menu-type-13 .qcreative--nav-con > .translucent-con, body.menu-type-13 .qcreative--nav-con > .logo-con, body.menu-type-13 .qcreative--nav-con > .the-actual-nav, body.menu-type-13 .qcreative--nav-con > .nav-social-con, body.menu-type-14 .qcreative--nav-con > .translucent-con, body.menu-type-14 .qcreative--nav-con > .logo-con, body.menu-type-14 .qcreative--nav-con > .the-actual-nav, body.menu-type-14 .qcreative--nav-con > .nav-social-con {
  z-index: 3; }
body.menu-type-13 .qcreative--nav-con:before, body.menu-type-14 .qcreative--nav-con:before {
  left: 50%; }
body.menu-type-13 .qcreative--nav-con:after, body.menu-type-14 .qcreative--nav-con:after {
  content: "";
  background-image: url(img/shadow.png);
  height: 36px;
  position: absolute;
  top: 100%;
  left: 0%;
  width: 1000px;
  left: 50%;
  margin-left: -500px;
  background-size: cover;
  background-position: center center; }

body.menu-type-15 nav.qcreative--nav-con > .translucent-con, body.menu-type-16 nav.qcreative--nav-con > .translucent-con {
  overflow: visible; }
body.menu-type-15 nav.qcreative--nav-con .translucent-overlay, body.menu-type-16 nav.qcreative--nav-con .translucent-overlay {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.7); }
body.menu-type-15 nav.qcreative--nav-con .translucent-bg, body.menu-type-16 nav.qcreative--nav-con .translucent-bg {
  height: 40px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  overflow: hidden;
  pointer-events: none;
  display: none; }
body.menu-type-15 .qcreative--nav-con .translucent-bg:before, body.menu-type-15 .qcreative--nav-con .translucent-bg:after, body.menu-type-16 .qcreative--nav-con .translucent-bg:before, body.menu-type-16 .qcreative--nav-con .translucent-bg:after {
  content: "";
  height: 50px;
  opacity: 0.3;
  background-image: -moz-linear-gradient(left, transparent 4.23%, rgba(0, 0, 0, 0.37) 12.14%, rgba(0, 0, 0, 0.56) 17.93%, #000 33.23%);
  /* layer fill content */
  background-image: -o-linear-gradient(left, transparent 4.23%, rgba(0, 0, 0, 0.37) 12.14%, rgba(0, 0, 0, 0.56) 17.93%, #000 33.23%);
  /* layer fill content */
  background-image: -webkit-linear-gradient(left, transparent 4.23%, rgba(0, 0, 0, 0.37) 12.14%, rgba(0, 0, 0, 0.56) 17.93%, #000 33.23%);
  /* layer fill content */
  background-image: linear-gradient(left, transparent 4.23%, rgba(0, 0, 0, 0.37) 12.14%, rgba(0, 0, 0, 0.56) 17.93%, #000 33.23%);
  /* layer fill content */
  position: absolute;
  top: 0;
  left: 50%;
  width: 600px;
  -webkit-filter: blur(6px);
  filter: blur(6px);
  transform: rotate(3deg);
  margin-top: -28px; }
body.menu-type-15 .qcreative--nav-con .translucent-bg:after, body.menu-type-16 .qcreative--nav-con .translucent-bg:after {
  margin-left: -600px;
  width: 600px;
  transform: rotate(-3deg); }
body.menu-type-15 .translucent-bg, body.menu-type-16 .translucent-bg {
  display: block; }
body.menu-type-15 .qcreative--nav-con .translucent-bg:before, body.menu-type-16 .qcreative--nav-con .translucent-bg:before {
  background-image: -moz-linear-gradient(left, #000 66.77%, rgba(0, 0, 0, 0.56) 82.07%, rgba(0, 0, 0, 0.37) 87.86%, transparent 95.77%);
  /* layer fill content */
  background-image: -o-linear-gradient(left, #000 66.77%, rgba(0, 0, 0, 0.56) 82.07%, rgba(0, 0, 0, 0.37) 87.86%, transparent 95.77%);
  /* layer fill content */
  background-image: -webkit-linear-gradient(left, #000 66.77%, rgba(0, 0, 0, 0.56) 82.07%, rgba(0, 0, 0, 0.37) 87.86%, transparent 95.77%);
  /* layer fill content */
  background-image: linear-gradient(left, #000 66.77%, rgba(0, 0, 0, 0.56) 82.07%, rgba(0, 0, 0, 0.37) 87.86%, transparent 95.77%);
  /* layer fill content */ }

body.menu-type-13.menu-is-sticky .qcreative--nav-con, body.menu-type-14.menu-is-sticky .qcreative--nav-con, body.menu-type-15.menu-is-sticky .qcreative--nav-con, body.menu-type-16.menu-is-sticky .qcreative--nav-con, body.menu-type-17.menu-is-sticky .qcreative--nav-con, body.menu-type-18.menu-is-sticky .qcreative--nav-con {
  position: fixed; }

body.menu-type-13.menu-is-sticky.page-title-style-1 .the-content-con > h1:first-of-type, body.menu-type-14.menu-is-sticky.page-title-style-1 .the-content-con > h1:first-of-type, body.menu-type-15.menu-is-sticky.page-title-style-1 .the-content-con > h1:first-of-type, body.menu-type-16.menu-is-sticky.page-title-style-1 .the-content-con > h1:first-of-type, body.menu-type-17.menu-is-sticky.page-title-style-1 .the-content-con > h1:first-of-type, body.menu-type-18.menu-is-sticky.page-title-style-1 .the-content-con > h1:first-of-type {
  margin-top: 170px; }

body.menu-type-13.menu-is-sticky.page-title-style-2 .qcreative--nav-con, body.menu-type-14.menu-is-sticky.page-title-style-2 .qcreative--nav-con, body.menu-type-15.menu-is-sticky.page-title-style-2 .qcreative--nav-con, body.menu-type-16.menu-is-sticky.page-title-style-2 .qcreative--nav-con, body.menu-type-17.menu-is-sticky.page-title-style-2 .qcreative--nav-con, body.menu-type-18.menu-is-sticky.page-title-style-2 .qcreative--nav-con {
  position: fixed; }
body.menu-type-13.menu-is-sticky.page-title-style-2 .the-content-con > h1:first-of-type, body.menu-type-14.menu-is-sticky.page-title-style-2 .the-content-con > h1:first-of-type, body.menu-type-15.menu-is-sticky.page-title-style-2 .the-content-con > h1:first-of-type, body.menu-type-16.menu-is-sticky.page-title-style-2 .the-content-con > h1:first-of-type, body.menu-type-17.menu-is-sticky.page-title-style-2 .the-content-con > h1:first-of-type, body.menu-type-18.menu-is-sticky.page-title-style-2 .the-content-con > h1:first-of-type {
  margin-top: 155px; }

body.menu-type-13.menu-is-sticky.page-title-style-3 .the-content-con > h1:first-of-type, body.menu-type-14.menu-is-sticky.page-title-style-3 .the-content-con > h1:first-of-type, body.menu-type-15.menu-is-sticky.page-title-style-3 .the-content-con > h1:first-of-type, body.menu-type-16.menu-is-sticky.page-title-style-3 .the-content-con > h1:first-of-type, body.menu-type-17.menu-is-sticky.page-title-style-3 .the-content-con > h1:first-of-type, body.menu-type-18.menu-is-sticky.page-title-style-3 .the-content-con > h1:first-of-type {
  margin-top: 97px; }

body.menu-type-13.menu-is-sticky.page-title-style-3b .the-content-con > h1:first-of-type, body.menu-type-14.menu-is-sticky.page-title-style-3b .the-content-con > h1:first-of-type, body.menu-type-15.menu-is-sticky.page-title-style-3b .the-content-con > h1:first-of-type, body.menu-type-16.menu-is-sticky.page-title-style-3b .the-content-con > h1:first-of-type, body.menu-type-17.menu-is-sticky.page-title-style-3b .the-content-con > h1:first-of-type, body.menu-type-18.menu-is-sticky.page-title-style-3b .the-content-con > h1:first-of-type {
  margin-top: 127px; }

body.menu-type-14 nav.qcreative--nav-con .translucent-overlay {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+50,ffffff+100&0.6+0,0.2+50,0+100 */
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.6)), color-stop(50%, rgba(255, 255, 255, 0.2)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.6) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.3) 50%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#00ffffff',GradientType=0 );
  /* IE6-9 */ }
body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav > li ul {
  background-color: white; }
body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav li > a {
  color: #222222; }
body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-item > a, body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > a, body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav > li:hover > a {
  color: #FFFFFF;
  background-color: #FF8800; }
body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav > li > ul:before {
  background-image: url(img/menu-type-9-path-light.png); }
body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav > li ul li > a {
  color: #999999; }
body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav > li ul li:hover > a, body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-item > a, body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-ancestor > a {
  color: #222222; }
body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav:before, body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav:after {
  background-color: #222222; }
body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav > li > .sub-menu-indicator {
  color: #ebebeb; }
body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav > li > .sub-menu-indicator {
  color: rgba(0, 0, 0, 0.4); }
body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav > li:hover > .sub-menu-indicator, body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-item > .sub-menu-indicator, body.menu-type-14 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > .sub-menu-indicator {
  color: rgba(255, 255, 255, 0.5); }
body.menu-type-14 nav.qcreative--nav-con .social-icons i {
  color: #222222; }
body.menu-type-14 .qcreative--nav-con:after {
  border-top-color: rgba(255, 255, 255, 0.9); }
body.menu-type-14 nav.qcreative--nav-con .nav-social-con:before {
  background-color: #222; }

/* highlight submenu */
body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li ul, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li ul, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li ul, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li ul {
  background-color: #FF8800; }
body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav li > a, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav li > a, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav li > a, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav li > a {
  color: #FFFFFF; }
body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav li ul li ul, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav li ul li ul, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav li ul li ul, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav li ul li ul {
  top: -16px; }
body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li > ul:before, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li > ul:before, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li > ul:before, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li > ul:before {
  background-image: url(img/menu-type-9-path-highlight.png); }
body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li ul li > a, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li ul li > a, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li ul li > a, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li ul li > a {
  color: #FFFFFF;
  margin-left: 18px;
  display: inline-block;
  width: auto;
  padding: 1px 2px 2px; }
body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li ul > li:first-child, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li ul > li:first-child, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li ul > li:first-child, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li ul > li:first-child {
  margin-top: 6px; }
body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li ul > li, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li ul > li, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li ul > li, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li ul > li {
  margin-bottom: 13px; }
body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li ul > li:last-child, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li ul > li:last-child, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li ul > li:last-child, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li ul > li:last-child {
  margin-bottom: 6px; }
body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li ul li:hover > a, body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-item > a, body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-ancestor > a, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li ul li:hover > a, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-item > a, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-ancestor > a, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li ul li:hover > a, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-item > a, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-ancestor > a, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li ul li:hover > a, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-item > a, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li ul li.current-menu-ancestor > a {
  color: #FF8800;
  background-color: #FFFFFF; }
body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav:before, body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav:after, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav:before, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav:after, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav:before, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav:after, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav:before, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav:after {
  background-color: #222222; }
body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li > .sub-menu-indicator, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li > .sub-menu-indicator, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li > .sub-menu-indicator, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li > .sub-menu-indicator {
  color: #ebebeb; }
body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li:hover > a, body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-item > a, body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > a, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li:hover > a, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-item > a, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > a, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li:hover > a, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-item > a, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > a, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li:hover > a, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-item > a, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > a {
  background-color: #FF8800;
  color: #FFFFFF; }
body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li > .sub-menu-indicator, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li > .sub-menu-indicator, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li > .sub-menu-indicator, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li > .sub-menu-indicator {
  color: rgba(0, 0, 0, 0.4); }
body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li:hover > .sub-menu-indicator, body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-item > .sub-menu-indicator, body.menu-type-15 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > .sub-menu-indicator, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li:hover > .sub-menu-indicator, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-item > .sub-menu-indicator, body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > .sub-menu-indicator, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li:hover > .sub-menu-indicator, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-item > .sub-menu-indicator, body.menu-type-17 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > .sub-menu-indicator, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li:hover > .sub-menu-indicator, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-item > .sub-menu-indicator, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li.current-menu-ancestor > .sub-menu-indicator {
  color: rgba(255, 255, 255, 0.5); }
body.menu-type-15 nav.qcreative--nav-con .social-icons i, body.menu-type-16 nav.qcreative--nav-con .social-icons i, body.menu-type-17 nav.qcreative--nav-con .social-icons i, body.menu-type-18 nav.qcreative--nav-con .social-icons i {
  color: #FFFFFF; }
body.menu-type-15 nav.qcreative--nav-con:after, body.menu-type-16 nav.qcreative--nav-con:after, body.menu-type-17 nav.qcreative--nav-con:after, body.menu-type-18 nav.qcreative--nav-con:after {
  display: none; }
body.menu-type-15 .qcreative--nav-con:after, body.menu-type-16 .qcreative--nav-con:after, body.menu-type-17 .qcreative--nav-con:after, body.menu-type-18 .qcreative--nav-con:after {
  border-top-color: rgba(255, 255, 255, 0.9); }
body.menu-type-15 nav.qcreative--nav-con .nav-social-con:before, body.menu-type-16 nav.qcreative--nav-con .nav-social-con:before, body.menu-type-17 nav.qcreative--nav-con .nav-social-con:before, body.menu-type-18 nav.qcreative--nav-con .nav-social-con:before {
  background-color: #FFFFFF; }

body.menu-type-15 nav.qcreative--nav-con .translucent-con > .translucent-canvas, body.menu-type-16 nav.qcreative--nav-con .translucent-con > .translucent-canvas {
  display: none; }

body.menu-type-16 nav.qcreative--nav-con ul.the-actual-nav > li > a, body.menu-type-18 nav.qcreative--nav-con ul.the-actual-nav > li > a {
  color: #222222; }
body.menu-type-16 nav.qcreative--nav-con .translucent-overlay, body.menu-type-18 nav.qcreative--nav-con .translucent-overlay {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.7); }
body.menu-type-16 nav.qcreative--nav-con .nav-social-con > .social-icons i, body.menu-type-18 nav.qcreative--nav-con .nav-social-con > .social-icons i {
  color: #222222; }
body.menu-type-16 nav.qcreative--nav-con .nav-social-con:before, body.menu-type-18 nav.qcreative--nav-con .nav-social-con:before {
  background-color: #222222; }

body.menu-type-16 nav.qcreative--nav-con .translucent-overlay {
  background-image: none;
  background-color: rgba(255, 255, 255, 0.8); }

body.menu-type-17 nav.qcreative--nav-con .translucent-overlay, body.menu-type-18 nav.qcreative--nav-con .translucent-overlay {
  background-image: none;
  background-color: rgba(0, 0, 0, 0.3); }

body.menu-type-18 nav.qcreative--nav-con .translucent-overlay {
  background-color: rgba(255, 255, 255, 0.3); }

/* -- menu toggler */
.menu-toggler-target {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 6;
  padding: 30px;
  background-color: rgba(0, 0, 0, 0.9);
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  -moz-transition-property: opacity, visibility;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: opacity, visibility;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: opacity, visibility;
  -o-transition-duration: 0.3s;
  -ms-transition-property: opacity, visibility;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .menu-toggler-target ul.the-actual-nav {
    position: absolute;
    bottom: 5px;
    top: auto;
    left: 30px;
    padding: 0px;
    padding-right: 0px;
    min-width: 340px; }
    .menu-toggler-target ul.the-actual-nav > li {
      position: static; }
    .menu-toggler-target ul.the-actual-nav li {
      padding-right: 20px;
      position: static; }
      .menu-toggler-target ul.the-actual-nav li > a {
        text-align: left;
        background-color: transparent !important;
        font-size: 40px;
        font-family: "Lato",arial, serif;
        color: #FFFFFF;
        font-weight: 300;
        white-space: nowrap;
        padding-top: 5px; }
      .menu-toggler-target ul.the-actual-nav li ul {
        position: absolute;
        bottom: 0;
        top: auto;
        min-width: 370px;
        z-index: 4;
        padding-right: 0px; }
      .menu-toggler-target ul.the-actual-nav li ul:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 100%;
        width: 100%;
        height: 100vh;
        z-index: 0; }
      .menu-toggler-target ul.the-actual-nav li ul:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: -30px;
        width: 1px;
        height: 100vh;
        background-color: rgba(255, 255, 255, 0.1); }
    .menu-toggler-target ul.the-actual-nav li:hover > a, .menu-toggler-target ul.the-actual-nav li.current-menu-item > a, .menu-toggler-target ul.the-actual-nav li.current-menu-ancestor > a {
      color: rgba(255, 255, 255, 0.5); }
  .menu-toggler-target .q-close-btn {
    position: absolute;
    top: 30px;
    right: 38px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    opacity: 0.5;
    transition-property: opacity, visibility;
    transition-duration: 0.3s;
    -moz-transition-property: opacity, visibility;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: opacity, visibility;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: opacity, visibility;
    -o-transition-duration: 0.3s;
    -ms-transition-property: opacity, visibility;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .menu-toggler-target .q-close-btn:hover {
    opacity: 1; }

.menu-toggler-target.active {
  visibility: visible;
  opacity: 1; }

/* -- menu toggler END */
/**
 * 4.0 Content
 * ----------------------------------------------------------------------------
 */
body.page-normal {
  /*
   -- uncomment this for no spaces between the-content-sheet elements
   */
  /*
  .the-content-sheet{
    margin-bottom: 0;
  }
  .the-content-sheet:last-child {
    margin-bottom: 30px;
  }
  */ }
  body.page-normal .the-content {
    padding-bottom: 0.1px; }
  body.page-normal .the-content-sheet {
    margin-bottom: 30px; }
    body.page-normal .the-content-sheet h1 {
      margin-top: 10px; }
    body.page-normal .the-content-sheet h2 {
      margin-top: 0px; }
  body.page-normal .the-content-sheet .the-content-sheet-text:last-child .row.row-margin:last-child, body.page-normal .the-content-sheet .the-content-sheet-text:last-child .vc_row.wpb_row:last-child {
    margin-bottom: 20px; }
  body.page-normal .the-content-inner > *:first-child.selector-con {
    margin-top: -10px; }
  body.page-normal .the-content-con {
    max-width: 930px; }
  body.page-normal .the-content-con.fullit {
    margin-bottom: 0; }
  body.page-normal .zfolio.skin-melbourne .zfolio-item .zfolio-item--inner .the-feature-con {
    overflow: hidden; }
  body.page-normal .zfolio.skin-melbourne .zfolio-item .zfolio-item--inner .the-feature-con .the-feature {
    transition-property: all;
    transition-duration: 0.3s;
    -moz-transition-property: all;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: all;
    -o-transition-duration: 0.3s;
    -ms-transition-property: all;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transform: scale(1); }
  body.page-normal .zfolio.skin-melbourne .zfolio-item:hover .zfolio-item--inner .the-feature-con .the-feature {
    transform: scale(1.2);
    transform-origin: 50% 50%; }

/**
 * 4.1 Homepage
 * ----------------------------------------------------------------------------
 */
body.page-homepage .scroller-con.type-scrollTop {
  overflow: hidden;
  height: 100%;
  position: absolute; }

.main-gallery--descs {
  position: fixed;
  top: 50%;
  right: 0%;
  white-space: nowrap;
  transform: translate3d(0%, -50%, 0);
  -webkit-transform: translate3d(0%, -50%, 0);
  text-align: right;
  overflow: hidden;
  width: 0;
  height: 0;
  transition-property: width;
  transition-duration: 0.3s;
  -moz-transition-property: width;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: width;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: width;
  -o-transition-duration: 0.3s;
  -ms-transition-property: width;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .main-gallery--descs .main-gallery--desc {
    position: absolute;
    top: 0;
    right: 0;
    display: none; }
    .main-gallery--descs .main-gallery--desc .desc-inner {
      padding: 15px 0; }
    .main-gallery--descs .main-gallery--desc .big-desc {
      display: inline-block;
      vertical-align: middle;
      position: relative;
      line-height: 1.2;
      font-family: "IRANSans", "Lato", sans-sarif;
      font-weight: 900;
      margin-right: 30px;
      font-size: 50px;
      color: #ffffff;
      text-align: right;
      margin-left: 30px; }
    .main-gallery--descs .main-gallery--desc .big-number {
      position: relative;
      line-height: 1;
      display: inline-block;
      vertical-align: middle;
      font-size: 135px;
      font-family: "Lato", sans-sarif;
      font-weight: 900;
      margin-right: 30px;
      color: #FF8800; }
  .main-gallery--descs .main-gallery--desc.active {
    display: block; }

.main-gallery--descs.style2 {
  text-align: left;
  top: auto;
  bottom: 30px;
  left: 280px;
  right: auto;
  transform: translate3d(0%, 0%, 0);
  -webkit-transform: translate3d(0%, 0%, 0); }
  .main-gallery--descs.style2 .main-gallery--desc {
    left: 0;
    right: auto; }


.main-gallery-buttons-con {
  position: fixed;
  bottom: -30px;
  right: 30px;
  text-align: right;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.3s;
  -ms-transition-property: opacity;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .main-gallery-buttons-con > * {
    cursor: pointer;
    position: relative; }
  .main-gallery-buttons-con .next-btn-con {
    top: -126px; }
    .main-gallery-buttons-con .next-btn-con i {
      margin-left: -5px; }
  .main-gallery-buttons-con .prev-btn-con figure {
    background-color: transparent; }
  .main-gallery-buttons-con .btn-text {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff; }
  .main-gallery-buttons-con figure {
    width: 70px;
    height: 70px;
    display: inline-block;
    position: relative;
    margin-left: 15px;
    border: 2px solid #ffffff;
    background-color: #222222;
    border-radius: 50%;
    transition-property: background-color;
    transition-duration: 0.3s;
    -moz-transition-property: background-color;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: background-color;
    -o-transition-duration: 0.3s;
    -ms-transition-property: background-color;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    .main-gallery-buttons-con figure i {
      color: #ffffff;
      font-size: 40px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-left: -10px;
      margin-top: -20px; }
  .main-gallery-buttons-con .btn-text, .main-gallery-buttons-con figure {
    vertical-align: middle; }
  .main-gallery-buttons-con > *:hover figure {
    background-color: #FF8800; }

.main-gallery-buttons-con.style2 {
  bottom: 30px; }
  .main-gallery-buttons-con.style2 .main-gallery--desc {
    right: auto;
    left: 0; }
  .main-gallery-buttons-con.style2 i {
    text-shadow: 2px 3px 1px rgba(0, 0, 0, 0.3); }
  .main-gallery-buttons-con.style2 figure {
    box-shadow: 2px 3px 1px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(0, 0, 0, 0.3); }
  .main-gallery-buttons-con.style2 .btn-text {
    display: none; }
  .main-gallery-buttons-con.style2 .prev-btn-con {
    display: inline-block; }
  .main-gallery-buttons-con.style2 .next-btn-con {
    display: inline-block;
    vertical-align: top;
    top: 0; }
    .main-gallery-buttons-con.style2 .next-btn-con figure {
      background-color: transparent; }
  .main-gallery-buttons-con.style2 .prev-btn-con:hover figure, .main-gallery-buttons-con.style2 .next-btn-con:hover figure {
    background-color: rgba(0, 0, 0, 0.3); }

/**
 * 4.2 Portfolio
 * ----------------------------------------------------------------------------
 */
.zoombox-maincon.skin-whitefull .info-con h4 {
  font-weight: 900; }
.zoombox-maincon.skin-whitefull .qcreative--520-nav-con--placeholder {
  display: none; }
.zoombox-maincon.skin-whitefull .main-con {
  height: 100%; }
.zoombox-maincon.skin-whitefull .main-con > .info-con {
  float: left;
  width: 40%;
  max-width: 400px;
  padding: 20px 20px;
  background-color: #FFFFFF; }
.zoombox-maincon.skin-whitefull .main-con > .info-con blockquote {
  border-left: 1px solid #aaaaaa;
  padding: 0 15px;
  line-height: 1.7;
  margin-top: 19px;
  font-size: 14px;
  font-weight: bold;
  color: #777777;
  margin-bottom: 23px;
  font-weight: 400;
  font-style: italic; }
  .zoombox-maincon.skin-whitefull .main-con > .info-con blockquote p {
    line-height: 1.92; }
  .zoombox-maincon.skin-whitefull .main-con > .info-con blockquote a, .zoombox-maincon.skin-whitefull .main-con > .info-con blockquote a:visited {
    color: #111111; }
  .zoombox-maincon.skin-whitefull .main-con > .info-con blockquote a {
    font-weight: 600;
    font-weight: 400;
    font-style: normal;
    transition-property: color;
    transition-duration: 0.3s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: color;
    -o-transition-duration: 0.3s;
    -ms-transition-property: color;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .zoombox-maincon.skin-whitefull .main-con > .info-con blockquote a:hover {
    color: #FF8800;
    text-decoration: none; }
.zoombox-maincon.skin-whitefull .social-icon.is-fb-like, .zoombox-maincon.skin-whitefull .social-icon.is-fb-share {
  top: -6px;
  margin-right: -1px; }
.zoombox-maincon.skin-whitefull .social-icon.is-twitter {
  margin-right: 0px; }
.zoombox-maincon.skin-whitefull .social-icon.gplus {
  margin-right: -3px; }
.zoombox-maincon.skin-whitefull .social-icon.is-pinterest {
  margin-top: -5px; }
.zoombox-maincon.skin-whitefull .main-con > .info-con hr.qcreative-hr-small {
  position: relative;
  display: block;
  border: 0;
  height: 2px;
  width: 30px;
  background-color: #111111;
  margin-top: 13px;
  margin-bottom: 13px; }
.zoombox-maincon.skin-whitefull .main-con > .info-con .subtitle {
  font-style: italic;
  font-size: 14px;
  color: #e64c3b;
  font-weight: bold;
  margin-bottom: 13px;
  text-align: left;
  color: #777777; }
.zoombox-maincon.skin-whitefull .main-con > .slider-con {
  overflow: hidden;
  background-color: #EEEEEE;
  padding-left: 80px;
  padding-right: 80px;
  position: relative;
  height: 100%; }
.zoombox-maincon.skin-whitefull .main-con > .slider-con .arrow-left-for-skin-qcre {
  margin-top: -15px;
  position: absolute;
  left: 0;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  right: auto;
  width: 40px;
  height: 40px; }
.zoombox-maincon.skin-whitefull .main-con > .slider-con .arrow-left-for-skin-qcre {
  margin-top: -20px;
  position: absolute;
  left: 0;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  right: auto;
  width: 40px;
  height: 40px;
  z-index: 23; }
.zoombox-maincon.skin-whitefull .main-con > .slider-con .arrow-right-for-skin-qcre {
  margin-top: -20px;
  position: absolute;
  right: 0;
  top: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  width: 40px;
  height: 40px;
  z-index: 23; }
.zoombox-maincon.skin-whitefull .main-con > .slider-con .arrow-left-for-skin-qcre:before {
  margin-left: -7px; }
.zoombox-maincon.skin-whitefull .main-con > .slider-con .arrow-right-for-skin-qcre:before {
  margin-left: -4px; }
.zoombox-maincon.skin-whitefull .main-con > .slider-con .arrow-left-for-skin-qcre:hover, .zoombox-maincon.skin-whitefull .main-con > .slider-con .arrow-right-for-skin-qcre:hover {
  background-color: #FF8800; }
.zoombox-maincon.skin-whitefull .main-con > .slider-con .advancedscroller > .thumbsCon, .zoombox-maincon.skin-whitefull .main-con > .slider-con .advancedscroller > .thumbsCon > .thumbsClip, .zoombox-maincon.skin-whitefull .main-con > .slider-con .advancedscroller > .thumbsCon > .thumbsClip li.item, .zoombox-maincon.skin-whitefull .main-con > .slider-con .advancedscroller > .thumbsCon > .thumbsClip .imagediv {
  height: 100% !important; }
.zoombox-maincon.skin-whitefull .test {
  position: absolute;
  left: 0;
  top: 0; }
.zoombox-maincon.skin-whitefull .arrow-left-for-skin-qcre-2, .zoombox-maincon.skin-whitefull .arrow-right-for-skin-qcre-2 {
  margin-right: 6px;
  transition-property: border;
  transition-duration: 0.3s;
  -moz-transition-property: border;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: border;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: border;
  -o-transition-duration: 0.3s;
  -ms-transition-property: border;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .zoombox-maincon.skin-whitefull .arrow-left-for-skin-qcre-2 > i, .zoombox-maincon.skin-whitefull .arrow-right-for-skin-qcre-2 > i {
    transition-property: color;
    transition-duration: 0.3s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: color;
    -o-transition-duration: 0.3s;
    -ms-transition-property: color;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
.zoombox-maincon.skin-whitefull .hr-for-skin-whitefull {
  margin-left: -20px;
  width: calc(100% + 40px);
  margin-top: 12px;
  margin-bottom: 45px;
  background-color: #eeeeee; }
.zoombox-maincon.skin-whitefull .close-btn-for-skin-qcre {
  transition-property: border;
  transition-duration: 0.3s;
  -moz-transition-property: border;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: border;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: border;
  -o-transition-duration: 0.3s;
  -ms-transition-property: border;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .zoombox-maincon.skin-whitefull .close-btn-for-skin-qcre > i {
    transition-property: color;
    transition-duration: 0.3s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: color;
    -o-transition-duration: 0.3s;
    -ms-transition-property: color;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
.zoombox-maincon.skin-whitefull h3 {
  margin-bottom: 1px;
  font-size: 25px; }
.zoombox-maincon.skin-whitefull .main-con:after {
  content: "";
  clear: both;
  display: block; }

.selector-con-for-skin-melbourne div.a-category:first-child {
  margin-left: 0; }

.selector-con.selector-con-for-skin-melbourne .categories {
  padding-top: 0px;
  padding-bottom: 20px;
  margin-top: 0px;
  margin-bottom: 0px; }
  .selector-con.selector-con-for-skin-melbourne .categories .a-category {
    font-family: "Lato",arial, serif;
    margin-right: 2px;
    transition-property: background;
    transition-duration: 0.5s;
    -moz-transition-property: background;
    -moz-transition-duration: 0.5s;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.5s;
    -o-transition-property: background;
    -o-transition-duration: 0.5s;
    -ms-transition-property: background;
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .selector-con.selector-con-for-skin-melbourne .categories .a-category:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #FF8800;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -7px;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.5s;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.5s;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.5s;
    -o-transition-property: opacity;
    -o-transition-duration: 0.5s;
    -ms-transition-property: opacity;
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .selector-con.selector-con-for-skin-melbourne .categories .a-category:hover:before {
    opacity: 1; }
  .selector-con.selector-con-for-skin-melbourne .categories .a-category.active:before {
    opacity: 1; }

.qc-pagination {
  list-style: none;
  margin-top: 0px;
  margin-bottom: 20px;
  line-height: 1;
  padding-left: 0;
  color: #FFFFFF;
  font-size: 14px;
  font-weight: bold;
  font-family: "Lato",arial; }
  .qc-pagination > li {
    display: inline-block; }
    .qc-pagination > li > a {
      display: inline-block;
      padding: 13px 16px;
      background-color: rgba(255, 255, 255, 0.2);
      color: #FFFFFF;
      transition-property: background;
      transition-duration: 0.3s;
      -moz-transition-property: background;
      -moz-transition-duration: 0.3s;
      -webkit-transition-property: background;
      -webkit-transition-duration: 0.3s;
      -o-transition-property: background;
      -o-transition-duration: 0.3s;
      -ms-transition-property: background;
      -ms-transition-duration: 0.3s;
      -ms-transition-timing-function: ease-out-quart;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .qc-pagination > li.active > a, .qc-pagination > li:hover > a {
    background-color: #FF8800;
    text-decoration: none; }

.masonry-gallery {
  opacity: 0; }
  .masonry-gallery .masonry-gallery--item {
    margin-right: 2px;
    margin-bottom: 2px; }
  .masonry-gallery .masonry-gallery--item:last-child {
    margin-right: 0; }
  .masonry-gallery .masonry-gallery--item:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    width: calc(100% - 10px);
    height: calc(100% - 10px);
    border: 1px solid #ffffff;
    background-color: rgba(255, 255, 255, 0.4);
    transform: scale(0.7);
    opacity: 0;
    pointer-events: none;
    transition-property: all;
    transition-duration: 0.3s;
    -moz-transition-property: all;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: all;
    -o-transition-duration: 0.3s;
    -ms-transition-property: all;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .masonry-gallery .masonry-gallery--item:hover:after {
    transform: scale(1);
    opacity: 1; }

.masonry-gallery.loaded {
  opacity: 1; }

.desc-content-wrapper:after {
  display: block;
  content: "";
  clear: both; }

.zfolio.skin-qcre .items > .excerpt-content-con .excerpt-content {
  width: calc(100% - 30px);
  margin-left: 15px; }
.zfolio.skin-qcre .items > .excerpt-content-con .excerpt-content.skin-qcre > .dzs-colcontainer > .dzs-col-8 .vplayer:first-child, .zfolio.skin-qcre .items > .excerpt-content-con .excerpt-content.skin-qcre > .dzs-colcontainer > .dzs-col-12 .vplayer:first-child {
  margin-bottom: 0; }
.zfolio.skin-qcre .zfolio-item .item-meta {
  color: #FFFFFF; }
.zfolio.skin-qcre .excerpt-content.skin-qcre h4 {
  margin-bottom: 2px; }

.zfolio.layout-3-cols-15-margin div.zfolio-item {
  width: 33.3333%; }

.desc-content-wrapper {
  padding: 33px 30px 10px; }
  .desc-content-wrapper h3 {
    margin-top: 1px;
    margin-bottom: 0px;
    font-size: 25px;
    font-weight: 900;
    font-family: "Lato",arial, serif; }
  .desc-content-wrapper .social-icon.is-fb-like, .desc-content-wrapper .social-icon.is-fb-share {
    top: -6px;
    margin-right: -1px; }
  .desc-content-wrapper .social-icon.is-twitter {
    margin-right: 0; }
  .desc-content-wrapper .social-icon.gplus {
    margin-right: -3px; }

/**
 * 4.3 Blog
 * ----------------------------------------------------------------------------
 */
a.post-main-link {
  text-decoration: none;
  color: #222222;
  transition-property: color;
  transition-duration: 0.3s;
  -moz-transition-property: color;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: color;
  -o-transition-duration: 0.3s;
  -ms-transition-property: color;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  a.post-main-link > h3 {
    transition-property: color;
    transition-duration: 0.3s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: color;
    -o-transition-duration: 0.3s;
    -ms-transition-property: color;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }

a.post-main-link:hover {
  text-decoration: none;
  color: #FF8800; }
  a.post-main-link:hover > h3 {
    color: #FF8800; }

.post-content-con {
  padding: 15px 30px 12px 30px; }
  .post-content-con > h3 {
    margin-top: 9px;
    margin-bottom: 9px;
    font-weight: 900;
    font-size: 25px; }
  .post-content-con > hr.extend-margin-30 {
    margin-top: 13px;
    margin-bottom: 13px; }

.post-meta {
  font-family: "Open Sans", arial, serif;
  font-weight: 400;
  color: #777777;
  font-size: 13px;
  font-style: italic; }
  .post-meta a {
    color: #FF8800;
    text-decoration: none;
    border-bottom: 1px solid rgba(231, 76, 70, 0);
    transition-property: border, color;
    transition-duration: 0.3s;
    -moz-transition-property: border, color;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: border, color;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: border, color;
    -o-transition-duration: 0.3s;
    -ms-transition-property: border, color;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .post-meta a:hover {
    color: #FF8800;
    text-decoration: none;
    border-bottom: 1px solid #FF8800; }

.featured-media-con {
  width: 100%;
  height: auto;
  position: relative; }
  .featured-media-con > .featured-media--image {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    background-size: cover;
    background-position: center center; }
  .featured-media-con > .vplayer, .featured-media-con > .vplayer-tobe, .featured-media-con .vplayer {
    margin-bottom: 0; }

.featured-media-con.featured-media-absolute {
  width: 100%;
  height: 100%;
  position: absolute; }

.social-icon {
  margin-right: 3px;
  position: relative; }
  .social-icon > .fa {
    font-size: 20px;
    color: #bbbbbb;
    transition-property: color;
    transition-duration: 0.3s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: color;
    -o-transition-duration: 0.3s;
    -ms-transition-property: color;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .social-icon > .the-tooltip {
    line-height: 1;
    padding: 6px 5px;
    background: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
    font-family: "Lato", "Open Sans", arial;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    left: 8px;
    white-space: nowrap;
    pointer-events: none;
    bottom: 100%;
    margin-bottom: 7px;
    opacity: 0;
    transition-property: opacity;
    transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-duration: 0.3s;
    -ms-transition-property: opacity;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .social-icon > .the-tooltip:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6px 6px 0 0;
    border-color: rgba(0, 0, 0, 0.7) transparent transparent transparent;
    position: absolute;
    left: 0;
    top: 100%; }

.social-icon:hover > .fa {
  color: #222222; }
.social-icon:hover > .the-tooltip {
  opacity: 1; }

.social-icon.is-fb-like, .social-icon.is-fb-share {
  top: -2px; }

.social-icon.is-twitter {
  margin-right: 4px; }

.social-icon.gplus {
  margin-right: 0px; }

body.page-portfolio .main-container .the-content-con:not(.fullit), body.new-page-portfolio .main-container .the-content-con.transitioning:not(.fullit) {
  max-width: 870px; }

body.page-portfolio .the-content-con > .the-content {
  padding-top: 20px;
  padding-bottom: 0.1px; }
body.page-portfolio .the-content-inner > *:first-child.zfolio {
  margin-top: 10px; }
body.page-portfolio .the-content-inner > *:last-child.zfolio {
  margin-bottom: -30px; }
body.page-portfolio .the-content-inner > *:last-child.zfolio.zfolio-portfolio-expandable {
  margin-bottom: 0px; }
body.page-portfolio .qc-pagination {
  margin-bottom: 0; }
body.page-portfolio blockquote.lesser-margin {
  margin-top: 17px; }
body.page-portfolio .desc-content-wrapper:after {
  content: "";
  display: block;
  clear: both; }
body.page-portfolio .desc-content-wrapper-special-1 h3 {
  font-size: 25px;
  margin-top: 2px;
  margin-bottom: -2px; }
body.page-portfolio .desc-content-wrapper-special-1 p {
  padding-bottom: 6px; }
body.page-portfolio .excerpt-content.skin-qcre h4 {
  font-weight: 900;
  margin-top: 27px;
  margin-bottom: 3px; }
body.page-portfolio .excerpt-content.skin-qcre .subtitle {
  margin-bottom: 11px;
  color: #777777; }
body.page-portfolio .excerpt-content.skin-qcre hr {
  margin-top: 11px;
  margin-bottom: 11px; }
body.page-portfolio .selector-con {
  position: relative;
  top: 0px; }
body.page-portfolio a.zfolio-item {
  display: block; }
body.page-portfolio .selector-con-for-skin-melbourne .a-category {
  font-family: "Lato", arial, serif;
  padding-top: 8px;
  padding-bottom: 8px;
  margin-right: 2px;
  transition-property: all;
  transition-duration: 0.3s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: all;
  -o-transition-duration: 0.3s;
  -ms-transition-property: all;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
body.page-portfolio .selector-con-for-skin-melbourne.empty-categories {
  margin-top: -40px; }

body.page-portfolio.no-padding .the-content-con {
  margin-bottom: 0; }
  body.page-portfolio.no-padding .the-content-con .the-content {
    padding-top: 0; }
body.page-portfolio.no-padding .zfolio.skin-silver > .selector-con {
  position: fixed;
  z-index: 5;
  width: calc(100% - 250px);
  left: 250px;
  top: 0; }
body.page-portfolio.no-padding .zfolio.skin-silver > .selector-con + .items {
  padding-top: 72px; }
body.page-portfolio.no-padding .the-content-inner > *:first-child.zfolio {
  margin-top: 0; }
body.page-portfolio.no-padding .the-content-inner > *:first-child.zfolio.skin-silver {
  padding-left: 1px; }

body.page-portfolio.no-padding.menu-type-3 .zfolio.skin-silver > .selector-con, body.page-portfolio.no-padding.menu-type-4 .zfolio.skin-silver > .selector-con {
  width: calc(100% - 230px);
  left: 230px; }

body.page-portfolio.no-padding.menu-type-5 .zfolio.skin-silver > .selector-con, body.page-portfolio.no-padding.menu-type-6 .zfolio.skin-silver > .selector-con, body.page-portfolio.no-padding.menu-type-7 .zfolio.skin-silver > .selector-con, body.page-portfolio.no-padding.menu-type-8 .zfolio.skin-silver > .selector-con, body.page-portfolio.no-padding.menu-type-11 .zfolio.skin-silver > .selector-con {
  width: calc(100% - 290px);
  left: 290px; }

body.menu-type-9.page-portfolio.no-padding .the-content-inner > *:first-child.zfolio.skin-silver, body.menu-type-10.page-portfolio.no-padding .the-content-inner > *:first-child.zfolio.skin-silver, body.menu-type-13.page-portfolio.no-padding .the-content-inner > *:first-child.zfolio.skin-silver, body.menu-type-14.page-portfolio.no-padding .the-content-inner > *:first-child.zfolio.skin-silver, body.menu-type-15.page-portfolio.no-padding .the-content-inner > *:first-child.zfolio.skin-silver, body.menu-type-16.page-portfolio.no-padding .the-content-inner > *:first-child.zfolio.skin-silver, body.menu-type-17.page-portfolio.no-padding .the-content-inner > *:first-child.zfolio.skin-silver, body.menu-type-18.page-portfolio.no-padding .the-content-inner > *:first-child.zfolio.skin-silver {
  padding-left: 0; }

body.page-portfolio.no-padding.menu-type-9 .zfolio.skin-silver > .selector-con, body.page-portfolio.no-padding.menu-type-10 .zfolio.skin-silver > .selector-con, body.page-portfolio.no-padding.menu-type-13 .zfolio.skin-silver > .selector-con, body.page-portfolio.no-padding.menu-type-14 .zfolio.skin-silver > .selector-con, body.page-portfolio.no-padding.menu-type-15 .zfolio.skin-silver > .selector-con, body.page-portfolio.no-padding.menu-type-16 .zfolio.skin-silver > .selector-con, body.page-portfolio.no-padding.menu-type-17 .zfolio.skin-silver > .selector-con, body.page-portfolio.no-padding.menu-type-18 .zfolio.skin-silver > .selector-con {
  width: 100%;
  left: 0px;
  top: 0px;
  position: absolute; }

body.menu-type-9 .main-gallery--descs.style2, body.menu-type-10 .main-gallery--descs.style2, body.menu-type-13 .main-gallery--descs.style2, body.menu-type-14 .main-gallery--descs.style2, body.menu-type-15 .main-gallery--descs.style2, body.menu-type-16 .main-gallery--descs.style2, body.menu-type-17 .main-gallery--descs.style2, body.menu-type-18 .main-gallery--descs.style2 {
  left: 30px; }

body.page-portfolio.no-padding.menu-type-12 .zfolio.skin-silver > .selector-con {
  width: calc(100% - 400px);
  left: 200px; }

body.page-portfolio-single .the-content {
  padding-bottom: 30px; }
body.page-portfolio-single .the-content-inner {
  background-color: #FFFFFF; }
body.page-portfolio-single .main-container .the-content-con.fullit .advancedscroller-con .advancedscroller.skin-qcre > .arrowsCon > .arrow-left {
  right: 51px; }
body.page-portfolio-single .main-container .arrow-left-for-skin-qcre, body.page-portfolio-single .main-container .arrow-right-for-skin-qcre {
  position: absolute;
  bottom: 100%;
  top: auto;
  right: 51px;
  transition-property: background;
  transition-duration: 0.3s;
  -moz-transition-property: background;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: background;
  -o-transition-duration: 0.3s;
  -ms-transition-property: background;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
body.page-portfolio-single .main-container .arrow-right-for-skin-qcre {
  right: 0px; }
body.page-portfolio-single .main-container .the-content-con.fullit .the-content-inner {
  background-color: transparent; }
body.page-portfolio-single .the-content-con.fullit {
  margin-bottom: 0; }
  body.page-portfolio-single .the-content-con.fullit .desc-content-wrapper {
    position: relative;
    background-color: #FFFFFF; }
    body.page-portfolio-single .the-content-con.fullit .desc-content-wrapper .social-con {
      margin-left: 0; }
    body.page-portfolio-single .the-content-con.fullit .desc-content-wrapper .col-md-9 {
      padding-right: 40px;
      padding-left: 0px; }
    body.page-portfolio-single .the-content-con.fullit .desc-content-wrapper h3 {
      font-family: "Lato", Arial, sans-serif;
      font-weight: 900;
      font-size: 40px;
      margin-bottom: 6px; }
  body.page-portfolio-single .the-content-con.fullit .portfolio-single-liquid-title {
    position: fixed;
    bottom: 0;
    left: 250px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
    body.page-portfolio-single .the-content-con.fullit .portfolio-single-liquid-title > h2 {
      font-family: "Lato", Arial, sans-serif;
      font-weight: 900;
      font-size: 40px;
      background-color: #FF8800;
      line-height: 1;
      padding: 5px 10px;
      color: #FFFFFF;
      display: inline-block;
      margin-bottom: 0;
      margin-top: 0; }
    body.page-portfolio-single .the-content-con.fullit .portfolio-single-liquid-title .portfolio-single-liquid-info {
      display: inline-block;
      width: 30px;
      height: 30px;
      border: 2px solid #FFFFFF;
      border-radius: 50%;
      background-color: rgba(0, 0, 0, 0.3);
      position: relative;
      margin-left: 10px;
      cursor: pointer;
      transition-property: background;
      transition-duration: 0.3s;
      -moz-transition-property: background;
      -moz-transition-duration: 0.3s;
      -webkit-transition-property: background;
      -webkit-transition-duration: 0.3s;
      -o-transition-property: background;
      -o-transition-duration: 0.3s;
      -ms-transition-property: background;
      -ms-transition-duration: 0.3s;
      -ms-transition-timing-function: ease-out-quart;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
      body.page-portfolio-single .the-content-con.fullit .portfolio-single-liquid-title .portfolio-single-liquid-info > i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 17px;
        color: #FFFFFF; }
    body.page-portfolio-single .the-content-con.fullit .portfolio-single-liquid-title .portfolio-single-liquid-info:hover {
      background-color: #FF8800; }
  body.page-portfolio-single .the-content-con.fullit .advancedscroller-con-placeholder {
    position: relative; }
  body.page-portfolio-single .the-content-con.fullit .advancedscroller-con {
    position: fixed;
    width: calc(100% - 290px);
    top: 0;
    right: 0; }
    body.page-portfolio-single .the-content-con.fullit .advancedscroller-con > .advancedscroller {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%; }
  body.page-portfolio-single .the-content-con.fullit .display-table {
    position: relative; }
  body.page-portfolio-single .the-content-con.fullit .advancedscroller-con .advancedscroller.skin-qcre > .arrowsCon > .arrow-left:before, body.page-portfolio-single .the-content-con.fullit .advancedscroller-con .advancedscroller.skin-qcre > .arrowsCon > .arrow-right:before {
    font-size: 40px; }
  body.page-portfolio-single .the-content-con.fullit .arrow-left-for-skin-qcre:before, body.page-portfolio-single .the-content-con.fullit .arrow-right-for-skin-qcre:before {
    font-size: 40px; }
  body.page-portfolio-single .the-content-con.fullit .advancedscroller-con .advancedscroller.skin-qcre > .arrowsCon > .arrow-left:before {
    margin-top: -20px;
    margin-left: -9px; }
  body.page-portfolio-single .the-content-con.fullit .advancedscroller-con .advancedscroller.skin-qcre > .arrowsCon > .arrow-right:before {
    margin-top: -20px;
    margin-left: -6px; }
  body.page-portfolio-single .the-content-con.fullit .advancedscroller-con .advancedscroller.skin-qcre > .arrowsCon > .arrow-left:before, body.page-portfolio-single .the-content-con.fullit .arrow-left-for-skin-qcre:before {
    margin-top: -20px;
    margin-left: -9px; }
  body.page-portfolio-single .the-content-con.fullit .advancedscroller-con .advancedscroller.skin-qcre > .arrowsCon > .arrow-right:before, body.page-portfolio-single .the-content-con.fullit .arrow-right-for-skin-qcre:before {
    margin-top: -20px;
    margin-left: -6px; }
  body.page-portfolio-single .the-content-con.fullit .advancedscroller-con .advancedscroller.skin-qcre > .arrowsCon > .arrow-left, body.page-portfolio-single .the-content-con.fullit .advancedscroller-con .advancedscroller.skin-qcre .arrowsCon > .arrow-right, body.page-portfolio-single .the-content-con.fullit .arrow-left-for-skin-qcre, body.page-portfolio-single .the-content-con.fullit .arrow-right-for-skin-qcre {
    width: 50px;
    height: 50px;
    background-color: rgba(0, 0, 0, 0.3); }
  body.page-portfolio-single .the-content-con.fullit .arrow-left-for-skin-qcre:hover, body.page-portfolio-single .the-content-con.fullit .arrow-right-for-skin-qcre:hover {
    background-color: #FF8800; }
  body.page-portfolio-single .the-content-con.fullit .advancedscroller.skin-qcre > .arrowsCon > .arrow-left:hover, body.page-portfolio-single .the-content-con.fullit .advancedscroller.skin-qcre .arrowsCon > .arrow-right:hover {
    background-color: #FF8800; }
body.page-portfolio-single .the-content-con:not(.fullit) {
  max-width: 930px; }
body.page-portfolio-single .portfolio-single-meta-con h4 {
  margin-bottom: 1px; }
body.page-portfolio-single .portfolio-single-meta-con .portfolio-single-meta-element {
  font-family: "Open Sans", arial, serif;
  font-weight: 400;
  font-style: italic;
  font-size: 14px;
  color: #999999;
  margin-bottom: 20px;
  margin-top: -10px; }
body.page-portfolio-single .portfolio-single-meta-con a {
  font-family: "Open Sans", arial, serif;
  font-weight: 400;
  font-style: italic;
  font-size: 14px;
  color: #FF8800;
  border-bottom: 2px solid transparent;
  display: inline-block;
  position: relative;
  top: -10px;
  line-height: 1.5;
  padding-bottom: 0px;
  display: inline-block;
  transition-property: border;
  transition-duration: 0.3s;
  -moz-transition-property: border;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: border;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: border;
  -o-transition-duration: 0.3s;
  -ms-transition-property: border;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
body.page-portfolio-single .portfolio-single-meta-con a:hover {
  border-bottom: 2px solid #FF8800;
  text-decoration: none; }
body.page-portfolio-single .the-content-inner p {
  line-height: 1.92;
  margin-bottom: 25px; }
body.page-portfolio-single blockquote {
  margin-top: 20px;
  margin-bottom: 100px;
  line-height: 1.9;
  color: #777777;
  font-weight: 400;
  font-style: italic; }
  body.page-portfolio-single blockquote a {
    font-weight: 600;
    font-weight: 400;
    font-style: normal;
    color: #222222;
    transition-property: color;
    transition-duration: 0.3s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: color;
    -o-transition-duration: 0.3s;
    -ms-transition-property: color;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  body.page-portfolio-single blockquote a:hover {
    color: #FF8800;
    text-decoration: none; }
body.page-portfolio-single .portfolio-single--additional-info {
  margin-top: 20px;
  margin-bottom: 100px;
  line-height: 1.9;
  color: #777777;
  border-left: 1px solid #aaaaaa;
  padding: 0 15px;
  line-height: 1.7;
  margin-top: 30px;
  font-size: 14px;
  font-weight: bold;
  color: #777777; }
  body.page-portfolio-single .portfolio-single--additional-info > a {
    color: #111111; }
  body.page-portfolio-single .portfolio-single--additional-info a {
    color: #222222;
    transition-property: color;
    transition-duration: 0.3s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: color;
    -o-transition-duration: 0.3s;
    -ms-transition-property: color;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  body.page-portfolio-single .portfolio-single--additional-info a:hover {
    color: #FF8800;
    text-decoration: none; }
body.page-portfolio-single .desc-content-wrapper {
  position: relative; }
  body.page-portfolio-single .desc-content-wrapper > .social-con {
    position: absolute;
    left: 45px;
    bottom: 33px; }
  body.page-portfolio-single .desc-content-wrapper .col-md-9, body.page-portfolio-single .desc-content-wrapper .col-md-3 {
    position: relative; }
  body.page-portfolio-single .desc-content-wrapper .quater-bg {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: calc(25% + 30px);
    background-color: #f9f9f9; }

body.menu-type-1 .qcreative--nav-con.menu-overflows-height .nav-social-con, body.menu-type-2 .qcreative--nav-con.menu-overflows-height .nav-social-con {
  display: block;
  position: static;
  top: 0;
  left: 0;
  bottom: auto;
  margin-right: 25px;
  margin-top: 20px; }

body.menu-type-3 .qcreative--nav-con.menu-overflows-height .copyright-text, body.menu-type-4 .qcreative--nav-con.menu-overflows-height .copyright-text {
  display: block;
  position: static;
  top: 0;
  left: 0;
  bottom: auto;
  margin-left: 0px;
  margin-top: 20px;
  padding-left: 0;
  position: relative; }

body.menu-scroll-method-scroll .qcreative--nav-con.menu-overflows-height .logo-con {
  transition-property: margin;
  transition-duration: 0.3s;
  -moz-transition-property: margin;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: margin;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: margin;
  -o-transition-duration: 0.3s;
  -ms-transition-property: margin;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }

body.page-portfolio-single.menu-type-1 .the-content-con.fullit .advancedscroller-con, body.page-portfolio-single.menu-type-2 .the-content-con.fullit .advancedscroller-con {
  width: calc(100% - 250px); }

body.page-portfolio-single.menu-type-9 .the-content-con.fullit .advancedscroller-con, body.page-portfolio-single.menu-type-10 .the-content-con.fullit .advancedscroller-con, body.page-portfolio-single.menu-type-10 .the-content-con.fullit .advancedscroller-con, body.page-portfolio-single.menu-type-13 .the-content-con.fullit .advancedscroller-con, body.page-portfolio-single.menu-type-14 .the-content-con.fullit .advancedscroller-con, body.page-portfolio-single.menu-type-15 .the-content-con.fullit .advancedscroller-con, body.page-portfolio-single.menu-type-16 .the-content-con.fullit .advancedscroller-con, body.page-portfolio-single.menu-type-17.page-portfolio-single.menu-type-18 .the-content-con.fullit .advancedscroller-con {
  width: 100%; }

body.page-portfolio-single.menu-type-3 .the-content-con.fullit .portfolio-single-liquid-title, body.page-portfolio-single.menu-type-4 .the-content-con.fullit .portfolio-single-liquid-title {
  left: 230px; }
body.page-portfolio-single.menu-type-3 .the-content-con.fullit .advancedscroller-con, body.page-portfolio-single.menu-type-4 .the-content-con.fullit .advancedscroller-con {
  width: calc(100% - 230px); }

body.page-portfolio-single.menu-type-9 .the-content-con.fullit .portfolio-single-liquid-title, body.page-portfolio-single.menu-type-10 .the-content-con.fullit .portfolio-single-liquid-title, body.page-portfolio-single.menu-type-15 .the-content-con.fullit .portfolio-single-liquid-title, body.page-portfolio-single.menu-type-13 .the-content-con.fullit .portfolio-single-liquid-title, body.page-portfolio-single.menu-type-14 .the-content-con.fullit .portfolio-single-liquid-title, body.page-portfolio-single.menu-type-16 .the-content-con.fullit .portfolio-single-liquid-title, body.page-portfolio-single.menu-type-17 .the-content-con.fullit .portfolio-single-liquid-title, body.page-portfolio-single.menu-type-18 .the-content-con.fullit .portfolio-single-liquid-title {
  left: 0; }

body.page-portfolio-single.menu-type-12 .the-content-con.fullit .portfolio-single-liquid-title {
  left: 0px; }

.zfolio.skin-silver .zfolio-item .item-meta {
  font-family: "Lato",arial; }
  .zfolio.skin-silver .zfolio-item .item-meta .the-title {
    text-transform: uppercase; }

.portfolio-single-subtitle {
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  color: #777777; }

.portfolio-link-con {
  background-color: #222222; }
  .portfolio-link-con .portfolio-link--title {
    padding: 17px 30px 18px;
    font-size: 25px;
    font-family: "Lato",arial, serif;
    text-transform: uppercase;
    line-height: 1;
    color: #777777;
    cursor: pointer;
    position: relative;
    font-weight: 900;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition-property: background, color;
    transition-duration: 0.3s;
    -moz-transition-property: background, color;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: background, color;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: background, color;
    -o-transition-duration: 0.3s;
    -ms-transition-property: background, color;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .portfolio-link-con .portfolio-link--title.left-td:before {
    content: "\F060";
    font-family: FontAwesome, arial, serif;
    font-size: 14px;
    color: #FFFFFF;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -8px; }
  .portfolio-link-con .portfolio-link--title.right-td {
    text-align: right; }
  .portfolio-link-con .portfolio-link--title.right-td:before {
    content: "\F061";
    font-family: FontAwesome, arial, serif;
    font-size: 14px;
    color: #FFFFFF;
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -8px; }
  .portfolio-link-con .portfolio-link--toback.center-td {
    text-align: center;
    width: 60px;
    height: 60px;
    background-color: #333333;
    cursor: pointer;
    transition-property: background, color;
    transition-duration: 0.3s;
    -moz-transition-property: background, color;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: background, color;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: background, color;
    -o-transition-duration: 0.3s;
    -ms-transition-property: background, color;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    .portfolio-link-con .portfolio-link--toback.center-td i {
      padding: 23px 25px 22px 23px;
      font-size: 14px;
      color: #FFFFFF; }
  .portfolio-link-con .portfolio-link--toback.center-td:hover {
    background-color: #FF8800; }
  .portfolio-link-con .portfolio-link--title:hover {
    background-color: #FF8800;
    color: #FFFFFF;
    text-decoration: none; }

/**
 * 4.4 Elements
 * ----------------------------------------------------------------------------
 */
.row-text-element.row-margin div[class^='col-md-'] > *:last-child.paragraph-text {
  margin-bottom: -7px; }
.row-text-element.row-margin div[class^='col-md-'] > .text-heading:first-child {
  margin-top: 0; }
.row-text-element.row-margin div[class^='col-md-'] > h1 {
  margin-top: -15px;
  margin-bottom: 12px; }
.row-text-element.row-margin div[class^='col-md-'] > h2 {
  margin-top: -10px;
  margin-bottom: 12px; }
.row-text-element.row-margin div[class^='col-md-'] > h3 {
  margin-top: -8px;
  margin-bottom: 4px; }
.row-text-element.row-margin div[class^='col-md-'] > h4 {
  margin-top: -6px;
  margin-bottom: 6px; }
.row-text-element.row-margin div[class^='col-md-'] > h5 {
  margin-top: -4px;
  margin-bottom: 8px; }
.row-text-element.row-margin div[class^='col-md-'] > h6 {
  margin-top: -2px;
  margin-bottom: 10px; }
.row-text-element.row-margin div[class^='col-md-'] > .row > .col-sm-6 > ul {
  margin-bottom: 0; }

.row-margin div[class^='col-md-'] > *:last-child.vplayer, .row-margin div[class^='col-md-'] > .post-feature:last-child {
  margin-bottom: 0px; }
.row-margin div[class^='col-md-'] > *:last-child.team-member-element-2, .row-margin div[class^='col-md-'] .element-sideways {
  margin-bottom: -2px; }
.row-margin div[class^='col-md-'] > .dzs-tabs.skin-menu:last-child {
  margin-bottom: -20px; }
.row-margin div[class^='col-md-'] > .zfolio.skin-gazelia.skin-gazelia--transparent[data-margin="1"]:last-child {
  margin-bottom: -30px; }
.row-margin div[class^='col-md-'] > .advancedscroller:last-child {
  margin-bottom: 0; }

.row-margin div[class^='col-md-'] > *:last-child.audioplayer {
  margin-bottom: 0px; }

.mini-divider {
  width: 30px; }

/* -- image box element */
.image-box {
  white-space: nowrap; }
  .image-box .image-box--image {
    width: 50%;
    display: block;
    float: left; }
  .image-box .image-box--content {
    width: 50%;
    display: block;
    vertical-align: top;
    overflow: hidden;
    white-space: normal;
    padding: 66px 30px 30px; }
    .image-box .image-box--content .divider {
      margin: 17px 0 14px; }
    .image-box .image-box--content h6:first-child {
      margin-top: 16px; }
    .image-box .image-box--content p:last-child {
      margin-bottom: 0; }

.image-box:after {
  content: "";
  display: block;
  clear: both; }

.image-box.align-right .image-box--image {
  float: right; }
.image-box.align-right .image-box--content {
  text-align: right; }
  .image-box.align-right .image-box--content h6 {
    margin-bottom: 5px; }
  .image-box.align-right .image-box--content .divider.mini-divider {
    display: inline-block;
    margin: 7px 0 4px; }

.blockquote-element {
  font-family: "Arapey", arial;
  font-style: italic;
  font-size: 22px;
  color: #555555;
  margin-left: 70px;
  line-height: 1.54;
  font-weight: normal; }

.blockquote-element + h6 {
  margin-top: 28px;
  margin-left: 86px; }

.row-element-blockquote.row-margin div[class^='col-md-'] > *:first-child.blockquote-element {
  margin-top: -5px; }
.row-element-blockquote.row-margin div[class^='col-md-'] > *:last-child.paragraph-text {
  margin-bottom: -7px; }
.row-element-blockquote.row-margin div[class^='col-md-'] > *:last-child.blockquote-author {
  margin-bottom: -4px; }
.row-element-blockquote.row-margin div[class^='col-md-'] > .text-heading:first-child {
  margin-top: 0; }
.row-element-blockquote.row-margin div[class^='col-md-'] > .text-heading:first-child {
  margin-top: 0; }
.row-element-blockquote.row-margin div[class^='col-md-'] > h1 {
  margin-top: -10px;
  margin-bottom: 12px; }
.row-element-blockquote.row-margin div[class^='col-md-'] > h2 {
  margin-top: -10px;
  margin-bottom: 12px; }
.row-element-blockquote.row-margin div[class^='col-md-'] > h3 {
  margin-top: -8px;
  margin-bottom: 4px; }
.row-element-blockquote.row-margin div[class^='col-md-'] > h4 {
  margin-top: -6px;
  margin-bottom: 6px; }
.row-element-blockquote.row-margin div[class^='col-md-'] > h5 {
  margin-top: -4px;
  margin-bottom: 8px; }
.row-element-blockquote.row-margin div[class^='col-md-'] > h6 {
  margin-top: -2px;
  margin-bottom: 10px; }
.row-element-blockquote.row-margin div[class^='col-md-'] > .row > .col-sm-6 > ul {
  margin-bottom: 0; }

.row-element-divider.row-margin div[class^='col-md-'] > *:last-child.divider {
  margin-bottom: 0px;
  margin-top: 0px; }
.row-element-divider.row-margin div[class^='col-md-'] > *:last-child.divider {
  margin-bottom: 0px; }

.testimonial-col-name hr {
  margin-top: 11px;
  margin-bottom: 11px;
  border-color: #FFFFFF; }
.testimonial-col-name h3 {
  margin-bottom: 4px; }

.testimonial-subtitle {
  font-size: 14px;
  font-family: "Lato", arial, serif;
  color: #FFFFFF;
  font-weight: bold; }

.btn-read-more {
  background-color: #aaaaaa;
  color: #FFFFFF;
  font-weight: bold;
  font-size: 14px;
  font-family: "Lato", arial, serif;
  padding: 11px 18px;
  outline: none;
  transition-property: color, border, background;
  transition-duration: 0.3s;
  -moz-transition-property: color, border, background;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: color, border, background;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: color, border, background;
  -o-transition-duration: 0.3s;
  -ms-transition-property: color, border, background;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .btn-read-more > i:first-child {
    margin-right: 10px; }

a.btn-read-more {
  display: inline-block;
  vertical-align: top;
  margin-right: 3px; }

a.btn-read-more:focus {
  color: #ffffff; }

.btn-read-more.rounded {
  border-radius: 28px; }

.btn-read-more.padding-small.rounded {
  border-radius: 20px; }

.btn-read-more.padding-medium {
  padding: 6px 14px; }

.btn-read-more.padding-small {
  padding: 5px 10px;
  font-size: 11px; }
  .btn-read-more.padding-small > i:first-child {
    margin-right: 5px; }

.btn-read-more.with-icon {
  padding: 11px 15px; }

.btn-read-more.padding-medium.with-icon {
  padding: 6px 10px; }

.btn-read-more.padding-small.with-icon {
  padding: 5px 10px; }

.btn-read-more.style-black {
  background-color: #222; }

.btn-read-more.style-white {
  background-color: #FFFFFF;
  color: #222222; }

.btn-read-more.style-hallowred, .btn-read-more.style-hallowred:focus {
  background-color: transparent;
  border: 2px solid #FF8800;
  color: #FF8800; }

.btn-read-more.style-hallowblack {
  background-color: transparent;
  border: 2px solid #222222;
  color: #222222; }

.btn-read-more.style-hallowblack:hover {
  border: 2px solid transparent; }

.btn-read-more.smaller-padding-v {
  padding-top: 6px;
  padding-bottom: 6px; }

.btn-read-more:hover, .btn-read-more:focus:hover {
  background-color: #FF8800;
  color: #FFFFFF;
  text-decoration: none; }

.qcre-progress-line {
  margin-bottom: 5px; }

.line-progress-bars--container {
  padding-top: 5px;
  margin-bottom: 28px; }
  .line-progress-bars--container .row {
    margin-bottom: 5px; }

.row.row-section-margin + .line-progress-bars--container {
  padding-top: 13px;
  margin-bottom: 8px; }

.dzs-tabs.skin-qcre h4 {
  margin: 15px 0 10px; }
.dzs-tabs.skin-qcre .tab-content > *:first-child.paragraph-text {
  margin-top: -8px; }
.dzs-tabs.skin-qcre .tab-content > *:first-child.paragraph-heading {
  margin-top: -2px; }
.dzs-tabs.skin-qcre .tab-content > *:last-child.paragraph-text {
  margin-bottom: -7px; }
.dzs-tabs.skin-qcre .tabs-menu .tab-menu-con .tab-menu-content > *:first-child.paragraph-text {
  margin-top: -8px; }
.dzs-tabs.skin-qcre .tabs-menu .tab-menu-con .tab-menu-content > *:last-child.paragraph-text {
  margin-bottom: -3px; }

/* -- buttons */
.btn-read-more.color-highlight {
  background-color: #FF8800;
  color: #FFFFFF; }

.btn-read-more.color-highlight:hover {
  background-color: #222222;
  color: #FFFFFF; }

.btn-full {
  width: 100%; }

.btn-full-red {
  text-align: center;
  color: #FFFFFF;
  padding: 10px;
  display: block;
  background-color: #FF8800;
  border: 0;
  width: 100%;
  margin-top: 5px;
  font-weight: bold;
  transition-property: background;
  transition-duration: 0.3s;
  -moz-transition-property: background;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: background;
  -o-transition-duration: 0.3s;
  -ms-transition-property: background;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }

.btn-full-red:hover {
  background-color: #222222; }

.btn-full-white {
  text-align: center;
  color: #222222;
  padding: 13px;
  display: block;
  background-color: #FFFFFF;
  border: 0;
  width: 100%;
  margin-top: 5px;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  font-family: "Lato", sans-sarif;
  transition-property: background, color;
  transition-duration: 0.3s;
  -moz-transition-property: background, color;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: background, color;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: background, color;
  -o-transition-duration: 0.3s;
  -ms-transition-property: background, color;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }

.btn-full-white:hover {
  color: #FFFFFF;
  text-decoration: none;
  background-color: #FF8800; }

.bullet-features-con .bullet-features {
  margin-bottom: 42px; }
  .bullet-features-con .bullet-features .feature-content {
    margin-bottom: 43px; }
.bullet-features-con .bullet-features:last-child {
  margin-bottom: 23px; }

.the-content-bg {
  display: none;
  position: absolute;
  background-color: #222222; }

.bullet-features-con-no-marginb .bullet-features {
  margin-bottom: 0; }
.bullet-features-con-no-marginb .bullet-features:last-child .feature-content {
  margin-bottom: 2px; }

.bullet-features-reduced-space {
  margin-bottom: -27px; }

.bullet-features-2 {
  margin-top: 60px; }

.bullet-feature .icon-con {
  width: 45px;
  float: left;
  margin-right: 15px;
  color: #222222;
  margin-top: -10px; }
  .bullet-feature .icon-con *[class^="icon-"] {
    font-size: 45px; }
.bullet-feature .qcreative-hr-small {
  margin-top: 17px;
  margin-bottom: 13px; }
.bullet-feature .feature-content {
  overflow: hidden;
  margin-bottom: 0px; }
  .bullet-feature .feature-content > h5 {
    margin-top: 0;
    font-size: 14px;
    font-weight: bold; }
  .bullet-feature .feature-content > *:last-child {
    margin-bottom: 0; }
  .bullet-feature .feature-content > *:last-child.paragraph-text {
    margin-bottom: -4px; }
.bullet-feature .read-more-con {
  margin-top: 23px; }
.bullet-feature > .lightbox-content {
  display: none; }

.services-lightbox-overlay {
  background-color: rgba(0, 0, 0, 0.8);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.6s;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.6s;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.6s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.6s;
  -ms-transition-property: opacity;
  -ms-transition-duration: 0.6s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }

.services-lightbox-overlay.active {
  opacity: 1;
  z-index: 89; }

.services-lightbox-content {
  position: fixed;
  background-color: #FFFFFF;
  top: 0;
  z-index: 90;
  padding: 30px;
  width: 100%;
  height: auto;
  overflow: auto;
  opacity: 0;
  transition-property: opacity;
  transition-duration: 0.3s;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.3s;
  -ms-transition-property: opacity;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .services-lightbox-content .services-lightbox-content--content {
    position: relative;
    opacity: 0;
    top: -300px;
    transition-property: opacity, top;
    transition-duration: 0.3s;
    -moz-transition-property: opacity, top;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: opacity, top;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: opacity, top;
    -o-transition-duration: 0.3s;
    -ms-transition-property: opacity, top;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    .services-lightbox-content .services-lightbox-content--content .icon-con {
      font-size: 45px;
      margin-bottom: -20px;
      margin-top: -10px;
      color: #bbbbbb; }
    .services-lightbox-content .services-lightbox-content--content p {
      margin-bottom: 33px; }
  .services-lightbox-content .services-lightbox--close:hover {
    background-color: #FF8800; }

.services-lightbox--close {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  background-color: rgba(0, 0, 0, 0.2);
  cursor: pointer;
  transition-property: background;
  transition-duration: 0.3s;
  -moz-transition-property: background;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: background;
  -o-transition-duration: 0.3s;
  -ms-transition-property: background;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .services-lightbox--close i {
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 14px;
    transform: translate(-50%, -50%);
    color: #FFFFFF; }

.services-lightbox-content.active {
  opacity: 1; }

.services-lightbox-content.active-content .services-lightbox-content--content {
  top: 0;
  opacity: 1; }

.bullet-feature.align-right {
  text-align: right; }
  .bullet-feature.align-right .icon-con {
    float: right;
    margin-right: 0px;
    margin-left: 15px; }
  .bullet-feature.align-right hr {
    float: right;
    margin-top: 7px; }
  .bullet-feature.align-right p:before {
    content: "";
    display: block;
    clear: both; }

a.bullet-feature {
  display: block;
  text-decoration: none; }

.bullet-feature.align-center {
  border: 1px solid #222222;
  text-align: center; }
  .bullet-feature.align-center .icon-con {
    padding-top: 34px;
    margin-right: auto;
    margin-left: auto;
    float: none;
    color: #bbbbbb;
    width: 100px;
    margin-top: 0; }
    .bullet-feature.align-center .icon-con *[class^="icon-"] {
      text-align: center; }
  .bullet-feature.align-center h5 {
    margin-top: 20px; }
  .bullet-feature.align-center hr {
    float: none;
    margin-left: auto;
    margin-right: auto; }
  .bullet-feature.align-center .feature-content p.paragraph-text {
    margin-bottom: 30px; }
  .bullet-feature.align-center p:before {
    content: "";
    display: block;
    clear: both; }
  .bullet-feature.align-center p {
    margin-bottom: 30px;
    padding-left: 10px;
    padding-right: 10px; }

.align-center.bullet-feature {
  border: 0;
  position: relative; }
  .align-center.bullet-feature .feature-content {
    margin-bottom: 0; }

.align-center.bullet-feature:before {
  content: "";
  width: 100%;
  height: 100%;
  border: 1px solid #222222;
  top: 0;
  left: 0;
  position: absolute;
  transition-property: all;
  transition-duration: 0.3s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: all;
  -o-transition-duration: 0.3s;
  -ms-transition-property: all;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }

a.align-center.bullet-feature:hover:before {
  top: -10px;
  left: -10px;
  width: calc(100% + 20px);
  height: calc(100% + 20px);
  border: 2px solid #222222; }

.bullet-features-2-per-col {
  margin-bottom: -30px; }
  .bullet-features-2-per-col .bullet-feature {
    margin-bottom: 30px; }

.bullet-feature {
  margin-bottom: 30px; }

div[class*="col-md-"] .bullet-feature:last-child, div[class*="vc_col-"] .bullet-feature:last-child {
  margin-bottom: 0px; }

div[class*="col-"].bullet-feature {
  margin-bottom: 0px; }

.social-block {
  height: auto; }
  .social-block > .row {
    padding: 110px 30px; }
  .social-block h3 {
    margin-bottom: 0; }
  .social-block .social-meta-con {
    color: #FFFFFF; }

.sc-social-block > .row {
  text-align: center;
  font-size: 0; }
  .sc-social-block > .row .col-md-3 {
    display: inline-block;
    float: none;
    text-align: left; }
.sc-social-block > .featured-media--image {
  position: absolute; }

.bullet-feature-2 {
  text-align: center; }
  .bullet-feature-2 hr.qcreative-hr-small {
    margin: 17px auto 14px; }
  .bullet-feature-2 h4 {
    margin-top: 17px;
    font-size: 14px;
    font-weight: bold; }
  .bullet-feature-2 > *:last-child {
    margin-bottom: -5px; }

.bullet-feature-3 {
  text-align: center; }
  .bullet-feature-3 .bullet--image {
    display: block; }
  .bullet-feature-3 .icon-con {
    font-size: 70px;
    float: none;
    margin-right: 0;
    width: 100%;
    height: 140px;
    margin-top: -31px; }
    .bullet-feature-3 .icon-con *[class^="icon-"] {
      font-size: inherit;
      color: #bababa;
      line-height: 1; }
  .bullet-feature-3 .feature-content {
    margin-top: -25px;
    margin-bottom: 13px; }
    .bullet-feature-3 .feature-content h5 {
      margin-top: 9px; }
  .bullet-feature-3 hr.qcreative-hr-small {
    margin: 15px auto 13px; }
  .bullet-feature-3 h4 {
    margin-top: 17px; }
  .bullet-feature-3 .read-more-con {
    margin-top: 25px;
    margin-bottom: 0px; }
  .bullet-feature-3 .bullet--image + .feature-content {
    margin-top: 18px; }

.bullet-features-small-block {
  margin-bottom: 11px; }

.bullet-features-medium-block {
  margin-bottom: 19px; }

.bullet-features-big-block {
  margin-bottom: 29px; }

.bullet-features-bigger-block {
  margin-bottom: 99px; }

.bullet-feature-red {
  text-align: center; }
  .bullet-feature-red .icon-con {
    width: 80px;
    height: 80px;
    border: 2px solid #FF8800;
    border-radius: 50%;
    position: relative;
    margin-top: 0;
    margin-bottom: 15px;
    margin-right: auto;
    margin-left: auto;
    float: none; }
    .bullet-feature-red .icon-con .fa {
      font-size: 28px;
      color: #FF8800;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%); }
  .bullet-feature-red .feature-content {
    margin-top: 0px; }
    .bullet-feature-red .feature-content > *:last-child {
      margin-bottom: 0; }
    .bullet-feature-red .feature-content h5 {
      margin-top: 13px; }
  .bullet-feature-red hr.qcreative-hr-small {
    margin: 15px auto 13px; }
  .bullet-feature-red h4 {
    margin-top: 17px; }

div.dzs-tabs {
  padding: 0;
  margin-bottom: 0px; }

.bullet-feature-form .icon-con {
  width: 40px;
  height: 40px;
  background-color: #FF8800;
  color: #FFFFFF;
  position: relative; }
  .bullet-feature-form .icon-con .fa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    color: inherit;
    font-family: "FontAwesome";
    font-size: 22px; }

.bullet-feature-form.form-circle .icon-con {
  border-radius: 50%; }

.bullet-feature-form.form-hexagon .icon-con {
  position: relative;
  width: 40px;
  height: 23.09px;
  background-color: #FF8800;
  margin: 11.55px 0;
  margin-right: 15px;
  margin-top: -10px; }
.bullet-feature-form.form-hexagon .icon-con:before,
.bullet-feature-form.form-hexagon .icon-con:after {
  content: "";
  position: absolute;
  width: 0;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent; }
.bullet-feature-form.form-hexagon .icon-con:before {
  bottom: 100%;
  border-bottom: 11.55px solid #FF8800; }
.bullet-feature-form.form-hexagon .icon-con:after {
  top: 100%;
  width: 0;
  border-top: 11.55px solid #FF8800; }

.row-pricing-tables {
  margin-top: 55px;
  margin-bottom: 55px; }

.row-pricing-tables.row-pricing-tables-smaller-margin {
  margin-bottom: 5px; }

.qcreative-pricing-table {
  border: 1px solid #cccccc;
  text-align: center;
  color: #444444;
  margin-top: 10px; }
  .qcreative-pricing-table h4 {
    position: relative;
    left: -10px;
    background-color: #EEEEEE;
    border: 1px solid #cccccc;
    padding: 15px 0px 15px 20px;
    margin-top: 20px;
    font-size: 14px;
    font-weight: bold; }
  .qcreative-pricing-table h4:before {
    content: "";
    position: absolute;
    top: calc(100% + 1px);
    left: -1px;
    width: 0;
    height: 0;
    border-top: 0px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #cccccc; }
  .qcreative-pricing-table .price {
    font-size: 40px;
    font-weight: 800;
    color: #222222;
    line-height: 1;
    margin-top: 18px; }
  .qcreative-pricing-table .price-date {
    margin-bottom: 10px;
    color: #999999;
    font-size: 11px;
    font-family: "Lato", arial, serif; }
  .qcreative-pricing-table a.signup-button {
    color: #111;
    border: 2px solid #111;
    border-radius: 22px;
    padding: 6px 14px;
    margin-top: 10px;
    margin-bottom: 10px;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    text-decoration: none !important;
    transition-property: border, background, color;
    transition-duration: 0.3s;
    -moz-transition-property: border, background, color;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: border, background, color;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: border, background, color;
    -o-transition-duration: 0.3s;
    -ms-transition-property: border, background, color;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .qcreative-pricing-table a.signup-button:hover {
    background-color: #FF8800;
    color: #FFFFFF;
    border: 2px solid transparent;
    text-decoration: none; }
  .qcreative-pricing-table ul.table-features {
    list-style: none;
    padding-left: 0;
    margin-top: 8px; }
    .qcreative-pricing-table ul.table-features li {
      padding: 7px; }
    .qcreative-pricing-table ul.table-features li:nth-child(odd) {
      background-color: #f9f9f9;
      border-top: 1px solid #DDDDDD;
      border-bottom: 1px solid #DDDDDD; }

.qcreative-pricing-table.featured {
  border: 1px solid #222222;
  margin-top: 0px; }
  .qcreative-pricing-table.featured h4 {
    margin-top: 30px;
    border: 1px solid #222222; }
  .qcreative-pricing-table.featured h4:before {
    border-top: 0px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #222; }
  .qcreative-pricing-table.featured a.signup-button {
    margin-bottom: 20px; }

.team-member-element {
  position: relative; }
  .team-member-element .pic-con {
    float: left;
    width: 180px;
    height: 180px;
    margin-right: 30px; }
    .team-member-element .pic-con .divimage {
      height: 100%;
      position: relative;
      border-radius: 50%; }
    .team-member-element .pic-con .divimage:after {
      content: "";
      position: absolute;
      width: 94%;
      height: 94%;
      border: 1px solid #FFFFFF;
      left: 3%;
      top: 3%;
      border-radius: 50%; }
  .team-member-element .meta-con {
    overflow: hidden; }
    .team-member-element .meta-con .first-name {
      margin-top: 13px; }
    .team-member-element .meta-con .first-name, .team-member-element .meta-con .sur-name {
      font-family: "Lato", serif;
      font-size: 25px;
      color: #222222;
      font-weight: 300;
      text-transform: uppercase;
      line-height: 1;
      margin-bottom: 8px; }
    .team-member-element .meta-con .sur-name {
      font-weight: 900; }
    .team-member-element .meta-con hr.qcreative-hr-small {
      margin-top: 17px;
      margin-bottom: 12px; }
    .team-member-element .meta-con .the-role {
      font-family: "Open Sans", serif;
      font-size: 14px;
      font-style: italic;
      font-weight: bold;
      color: #777777;
      margin-bottom: 14px; }
    .team-member-element .meta-con .social-profiles .circle-con {
      position: relative;
      display: inline-block;
      margin-right: 2px;
      width: 22px;
      height: 22px;
      border: 1px solid #999999;
      border-radius: 50%;
      color: #999999;
      transition-property: border, color;
      transition-duration: 0.3s;
      -moz-transition-property: border, color;
      -moz-transition-duration: 0.3s;
      -webkit-transition-property: border, color;
      -webkit-transition-duration: 0.3s;
      -o-transition-property: border, color;
      -o-transition-duration: 0.3s;
      -ms-transition-property: border, color;
      -ms-transition-duration: 0.3s;
      -ms-transition-timing-function: ease-out-quart;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
      .team-member-element .meta-con .social-profiles .circle-con > i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%); }
    .team-member-element .meta-con .social-profiles .circle-con:hover {
      background-color: #FF8800;
      color: #FFFFFF;
      border: 1px solid transparent; }

.team-member-element:before {
  content: "";
  position: absolute;
  top: 0px;
  height: 1px;
  width: 70px;
  background-color: #dddddd;
  left: 140px; }

.team-member-element:after {
  content: "";
  position: absolute;
  bottom: 0px;
  height: 1px;
  width: 70px;
  background-color: #dddddd;
  left: 140px; }

.team-member-element.style2 .pic-con {
  float: right;
  margin-right: 0;
  margin-left: 30px; }
.team-member-element.style2 .meta-con .qcreative-hr-small {
  float: right;
  margin-top: 7px; }
.team-member-element.style2 .the-role:before {
  content: "";
  display: block;
  clear: both; }
.team-member-element.style2 .meta-con {
  text-align: right; }

.team-member-element.style2:before {
  left: auto;
  right: 140px; }

.team-member-element.style2:after {
  left: auto;
  right: 140px; }

.element-sideways .col-sm-4 .feature-content {
  margin-bottom: 69px; }
.element-sideways .col-sm-4 .feature-content:last-of-type {
  margin-bottom: 0; }

.element-contact-feature {
  position: relative;
  margin-bottom: 30px; }
  .element-contact-feature a {
    color: #222222;
    font-weight: bold;
    text-decoration: none;
    transition-property: color;
    transition-duration: 0.3s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: color;
    -o-transition-duration: 0.3s;
    -ms-transition-property: color;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .element-contact-feature .the-icon {
    font-size: 60px;
    color: #e5e5e5;
    position: absolute;
    top: -12px; }
  .element-contact-feature .heading-title {
    padding-left: 20px;
    position: relative;
    margin-top: 0; }
  .element-contact-feature .heading-title:before {
    content: "\f178";
    font-family: "FontAwesome",serif;
    font-size: 14px;
    color: #222222;
    position: absolute;
    left: 0;
    top: -1px; }
  .element-contact-feature .the-desc {
    padding-left: 40px;
    position: relative;
    color: #444; }
  .element-contact-feature .telephone-number {
    font-weight: 800;
    font-size: 24px;
    margin-top: -8px;
    margin-bottom: -8px; }
  .element-contact-feature .color-lighter {
    color: #cccccc; }
  .element-contact-feature .fa {
    margin-top: 5px;
    font-size: 22px;
    display: inline-block;
    margin-right: 9px; }

@media (max-width: 766px) {
  .element-sideways .bullet-feature > img {
    width: auto;
    padding: 30px 0;
    margin: 0 auto; } }
.element-sideways.with-fa .bullet-feature.align-right .icon-con {
  margin-left: 20px; }
.element-sideways.with-fa h5 {
  margin-top: -2px; }
.element-sideways.with-fa div.icon-con {
  margin-top: -10px; }
.element-sideways.with-fa .align-right .bullet-feature {
  text-align: right; }
  .element-sideways.with-fa .align-right .bullet-feature h5 {
    margin-bottom: 5px; }
  .element-sideways.with-fa .align-right .bullet-feature hr {
    display: inline-block;
    margin-top: 5px;
    margin-bottom: 4px; }
  .element-sideways.with-fa .align-right .bullet-feature .icon-con {
    margin-left: 20px;
    float: right; }
.element-sideways.with-fa > div[class*="col-sm-"] > .bullet-feature {
  margin-bottom: 63px; }
.element-sideways.with-fa > div[class*="col-sm-"] > .bullet-feature:last-of-type {
  margin-bottom: 0px; }
.element-sideways.with-fa .bullet-feature:after {
  content: "";
  display: block;
  clear: both; }
.element-sideways.with-fa .icon-con {
  width: 40px;
  height: 40px;
  background-color: #FF8800;
  color: #ffffff;
  position: relative;
  border-radius: 50%;
  margin-top: 10px; }
  .element-sideways.with-fa .icon-con > i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 22px; }
.element-sideways.with-fa .feature-content {
  margin-top: 20px; }

.element-clients-list {
  list-style: none;
  display: block;
  text-align: center;
  margin: 0;
  padding: 0;
  font-size: 0; }
  .element-clients-list > li {
    display: inline-block;
    width: 16.6666%;
    padding: 0 10px; }

@media (max-width: 600px) {
  .element-clients-list > li {
    width: 50%;
    margin-bottom: 10px; } }
.team-member-element-2 {
  position: relative; }
  .team-member-element-2 .pic-con {
    display: block;
    margin: 0 auto;
    width: 180px;
    height: 180px;
    margin-right: 30px; }
    .team-member-element-2 .pic-con .divimage {
      height: 100%;
      position: relative;
      border-radius: 50%; }
    .team-member-element-2 .pic-con .divimage:after {
      content: "";
      position: absolute;
      width: 94%;
      height: 94%;
      border: 1px solid #FFFFFF;
      left: 3%;
      top: 3%;
      border-radius: 50%; }
  .team-member-element-2 .meta-con {
    overflow: hidden; }
    .team-member-element-2 .meta-con .first-name {
      margin-top: 13px; }
    .team-member-element-2 .meta-con .the-name {
      font-family: "Lato", serif;
      font-size: 14px;
      color: #222222;
      font-weight: bold;
      text-transform: uppercase;
      line-height: 1;
      margin-bottom: 8px;
      text-align: center;
      margin-top: 20px; }
    .team-member-element-2 .meta-con .sur-name {
      font-weight: 900; }
    .team-member-element-2 .meta-con hr.qcreative-hr-small {
      margin-top: 12px;
      margin-bottom: 7px;
      margin-left: -15px;
      left: 50%; }
    .team-member-element-2 .meta-con .the-role {
      font-family: "Open Sans", serif;
      font-size: 14px;
      font-style: italic;
      font-weight: bold;
      color: #777777;
      margin-bottom: 11px;
      text-align: center; }
    .team-member-element-2 .meta-con .social-profiles {
      text-align: center; }
      .team-member-element-2 .meta-con .social-profiles .circle-con {
        position: relative;
        display: inline-block;
        margin-right: 2px;
        width: 22px;
        height: 22px;
        border: 1px solid transparent;
        border-radius: 50%;
        color: #999999;
        background-color: #eeeeee;
        transition-property: border, color;
        transition-duration: 0.3s;
        -moz-transition-property: border, color;
        -moz-transition-duration: 0.3s;
        -webkit-transition-property: border, color;
        -webkit-transition-duration: 0.3s;
        -o-transition-property: border, color;
        -o-transition-duration: 0.3s;
        -ms-transition-property: border, color;
        -ms-transition-duration: 0.3s;
        -ms-transition-timing-function: ease-out-quart;
        -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
        .team-member-element-2 .meta-con .social-profiles .circle-con > i {
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translate(-50%, -50%);
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%); }
      .team-member-element-2 .meta-con .social-profiles .circle-con:hover {
        background-color: #FF8800;
        color: #FFFFFF;
        border: 0px solid transparent; }

@media (max-width: 991px) {
  .team-member-element-2 .pic-con {
    margin-right: auto; } }
.team-member-element-2.is-square .pic-con .divimage {
  border-radius: 0; }
.team-member-element-2.is-square .pic-con .divimage:after {
  display: none; }
.team-member-element-2.is-square .social-profiles {
  text-align: center; }
  .team-member-element-2.is-square .social-profiles .circle-con {
    border: 0px solid #999999; }
.team-member-element-2.is-square .the-role {
  margin-bottom: 8px; }

.call-to-action-con {
  position: relative;
  border: 1px solid #ddd;
  background-color: #FFFFFF;
  padding: 15px;
  z-index: 6; }
  .call-to-action-con .call-to-action {
    text-align: center;
    background-color: #f9f9f9;
    padding-top: 25px;
    padding-bottom: 20px;
    border: 1px solid #ddd; }
    .call-to-action-con .call-to-action h3 {
      line-height: 1.3;
      margin-bottom: 8px;
      font-size: 25px; }
    .call-to-action-con .call-to-action .qcreative-hr-small {
      margin: 5px auto; }
    .call-to-action-con .call-to-action p {
      margin-top: 15px;
      line-height: 1.95;
      padding-left: 60px;
      padding-right: 60px; }
  .call-to-action-con .read-more-con {
    margin-top: 15px; }

.call-to-action-shadow {
  position: relative;
  margin-bottom: -2px; }
  .call-to-action-shadow .shadow-left {
    background: -moz-linear-gradient(left, rgba(180, 179, 177, 0) 0%, rgba(144, 143, 142, 0.1) 20%, rgba(0, 0, 0, 0.3) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(180, 179, 177, 0)), color-stop(20%, rgba(144, 143, 142, 0.1)), color-stop(100%, rgba(0, 0, 0, 0.3)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(180, 179, 177, 0) 0%, rgba(144, 143, 142, 0.1) 20%, rgba(0, 0, 0, 0.3) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(180, 179, 177, 0) 0%, rgba(144, 143, 142, 0.1) 20%, rgba(0, 0, 0, 0.3) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(180, 179, 177, 0) 0%, rgba(144, 143, 142, 0.1) 20%, rgba(0, 0, 0, 0.3) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(180, 179, 177, 0) 0%, rgba(144, 143, 142, 0.1) 20%, rgba(0, 0, 0, 0.3) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b4b3b1', endColorstr='#4d000000',GradientType=1 );
    /* IE6-9 */
    width: 50%;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-5deg) translate(0, -34px);
    filter: blur(5px);
    -webkit-filter: blur(5px); }
  .call-to-action-shadow .shadow-right {
    background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(144, 143, 142, 0.1) 80%, rgba(180, 179, 177, 0) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(80%, rgba(144, 143, 142, 0.1)), color-stop(100%, rgba(180, 179, 177, 0)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(144, 143, 142, 0.1) 80%, rgba(180, 179, 177, 0) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(144, 143, 142, 0.1) 80%, rgba(180, 179, 177, 0) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.3) 0%, rgba(144, 143, 142, 0.1) 80%, rgba(180, 179, 177, 0) 100%);
    /* IE10+ */
    background: linear-gradient(to right, rgba(0, 0, 0, 0.3) 0%, rgba(144, 143, 142, 0.1) 80%, rgba(180, 179, 177, 0) 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#00b4b3b1',GradientType=1 );
    /* IE6-9 */
    width: 50%;
    height: 50px;
    position: absolute;
    top: 0;
    left: 50%;
    transform: rotate(5deg) translate(0, -34px);
    filter: blur(5px);
    -webkit-filter: blur(5px); }

body.page-blogsingle .featured-media-con {
  height: auto; }
body.page-blogsingle .post-meta-below {
  background-color: #EEEEEE;
  padding: 30px 30px 20px 30px;
  font-size: 11px;
  font-family: "Lato",arial, serif;
  font-weight: 900; }
  body.page-blogsingle .post-meta-below a {
    color: inherit;
    transition-property: color;
    transition-duration: 0.3s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: color;
    -o-transition-duration: 0.3s;
    -ms-transition-property: color;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  body.page-blogsingle .post-meta-below a:hover {
    color: #FF8800;
    text-decoration: none; }
  body.page-blogsingle .post-meta-below .post-meta-below--meta {
    text-transform: uppercase;
    margin-top: 16px;
    position: relative; }
    body.page-blogsingle .post-meta-below .post-meta-below--meta .separator-line {
      position: absolute;
      width: 1px;
      background-color: #cccccc;
      height: calc(100% - 4px);
      left: 98px;
      top: 0; }
    body.page-blogsingle .post-meta-below .post-meta-below--meta .meta-left {
      width: 98px;
      float: left;
      text-align: right;
      padding-right: 10px;
      color: #222222;
      margin-bottom: 4px; }
    body.page-blogsingle .post-meta-below .post-meta-below--meta .meta-right {
      padding-left: 10px;
      overflow: hidden; }
body.page-blogsingle .blog-link-con {
  margin-top: 10px;
  margin-bottom: 10px;
  background-color: transparent; }
  body.page-blogsingle .blog-link-con .portfolio-link--title {
    padding: 10px 10px 10px;
    font-size: 11px;
    font-family: "Lato",arial, serif;
    font-weight: 900;
    text-transform: uppercase;
    line-height: 1.4;
    color: #777777;
    position: relative;
    transition-property: background, color;
    transition-duration: 0.3s;
    -moz-transition-property: background, color;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: background, color;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: background, color;
    -o-transition-duration: 0.3s;
    -ms-transition-property: background, color;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    body.page-blogsingle .blog-link-con .portfolio-link--title .link-thumb {
      width: 40px;
      height: 40px;
      margin-left: 10px;
      display: inline-block;
      vertical-align: middle;
      box-shadow: 0 0 0 1px rgba(255, 255, 255, 0) inset;
      transition-property: all;
      transition-duration: 0.3s;
      -moz-transition-property: all;
      -moz-transition-duration: 0.3s;
      -webkit-transition-property: all;
      -webkit-transition-duration: 0.3s;
      -o-transition-property: all;
      -o-transition-duration: 0.3s;
      -ms-transition-property: all;
      -ms-transition-duration: 0.3s;
      -ms-transition-timing-function: ease-out;
      -webkit-transition-timing-function: ease-out;
      -moz-transition-timing-function: ease-out;
      -o-transition-timing-function: ease-out;
      transition-timing-function: ease-out; }
    body.page-blogsingle .blog-link-con .portfolio-link--title .link-title {
      display: inline-block;
      vertical-align: middle;
      line-height: 1.6; }
  body.page-blogsingle .blog-link-con .portfolio-link--title.left-td {
    text-align: right; }
    body.page-blogsingle .blog-link-con .portfolio-link--title.left-td .link-thumb {
      display: block;
      float: right; }
    body.page-blogsingle .blog-link-con .portfolio-link--title.left-td .link-title {
      position: absolute;
      right: 60px;
      top: 50%;
      width: calc(100% - 70px);
      transform: translate(0, -50%);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  body.page-blogsingle .blog-link-con .portfolio-link--title.left-td, body.page-blogsingle .blog-link-con .portfolio-link--title.right-td {
    text-align: right;
    background-color: #FFFFFF; }
  body.page-blogsingle .blog-link-con .portfolio-link--title.right-td {
    text-align: left; }
    body.page-blogsingle .blog-link-con .portfolio-link--title.right-td .link-thumb {
      margin-left: 0;
      margin-right: 10px; }
    body.page-blogsingle .blog-link-con .portfolio-link--title.right-td .link-thumb {
      display: block;
      float: left; }
    body.page-blogsingle .blog-link-con .portfolio-link--title.right-td .link-title {
      position: absolute;
      left: 60px;
      top: 50%;
      width: calc(100% - 70px);
      transform: translate(0, -50%);
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
  body.page-blogsingle .blog-link-con .portfolio-link--toback.center-td {
    text-align: center;
    width: 80px;
    height: 60px; }
    body.page-blogsingle .blog-link-con .portfolio-link--toback.center-td > a {
      display: block;
      width: 60px;
      height: 60px;
      background-color: #FFFFFF;
      color: #222222;
      position: relative;
      margin-left: 10px;
      margin-right: 10px;
      transition-property: color, background;
      transition-duration: 0.3s;
      -moz-transition-property: color, background;
      -moz-transition-duration: 0.3s;
      -webkit-transition-property: color, background;
      -webkit-transition-duration: 0.3s;
      -o-transition-property: color, background;
      -o-transition-duration: 0.3s;
      -ms-transition-property: color, background;
      -ms-transition-duration: 0.3s;
      -ms-transition-timing-function: ease-out-quart;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
      body.page-blogsingle .blog-link-con .portfolio-link--toback.center-td > a i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: inherit;
        font-size: 14px; }
  body.page-blogsingle .blog-link-con .portfolio-link--toback.center-td:hover > a {
    background-color: #FF8800;
    color: #FFFFFF; }
  body.page-blogsingle .blog-link-con .portfolio-link--title:hover {
    background-color: #FF8800;
    color: #FFFFFF;
    text-decoration: none; }
    body.page-blogsingle .blog-link-con .portfolio-link--title:hover .link-thumb {
      box-shadow: 0 0 0 1px white inset; }

.blog-comments {
  padding: 30px; }
  .blog-comments ul.itemCommentsList {
    padding-left: 0;
    list-style: none; }
    .blog-comments ul.itemCommentsList li.comment {
      margin-bottom: 20px; }
    .blog-comments ul.itemCommentsList .comment-meta {
      background-color: #EEEEEE;
      height: auto; }
      .blog-comments ul.itemCommentsList .comment-meta .comment-thumb {
        background-position: center center;
        background-size: cover;
        width: 60px;
        height: 60px;
        display: inline-block;
        vertical-align: middle; }
      .blog-comments ul.itemCommentsList .comment-meta .comment-other-meta {
        display: inline-block;
        vertical-align: middle;
        margin-left: 10px; }
        .blog-comments ul.itemCommentsList .comment-meta .comment-other-meta h4 {
          margin-top: 5px;
          margin-bottom: 0px;
          font-size: 14px;
          font-weight: bold; }
        .blog-comments ul.itemCommentsList .comment-meta .comment-other-meta .comment-time {
          font-style: italic;
          font-weight: 600;
          font-size: 11px;
          color: #999999; }
    .blog-comments ul.itemCommentsList .comment-body {
      padding: 6px 0 10px;
      border-bottom: 1px solid #222222;
      color: #444444;
      font-family: "Open Sans", sans-sarif;
      font-size: 13px; }
    .blog-comments ul.itemCommentsList .comment-right-meta {
      margin-top: 0px;
      text-align: right;
      text-transform: uppercase; }
      .blog-comments ul.itemCommentsList .comment-right-meta a {
        color: #222222;
        font-size: 11px;
        font-weight: bold;
        font-family: "Lato",arial, serif;
        transition-property: color;
        transition-duration: 0.3s;
        -moz-transition-property: color;
        -moz-transition-duration: 0.3s;
        -webkit-transition-property: color;
        -webkit-transition-duration: 0.3s;
        -o-transition-property: color;
        -o-transition-duration: 0.3s;
        -ms-transition-property: color;
        -ms-transition-duration: 0.3s;
        -ms-transition-timing-function: ease-out-quart;
        -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
      .blog-comments ul.itemCommentsList .comment-right-meta a:hover {
        color: #FF8800;
        text-decoration: none; }
    .blog-comments ul.itemCommentsList ul {
      list-style: none;
      padding-left: 60px; }
      .blog-comments ul.itemCommentsList ul ul {
        padding-left: 0px; }
  .blog-comments .btn-load-more-comments {
    background-color: #aaaaaa;
    padding: 10px;
    width: 100%;
    color: #FFFFFF;
    font-family: "Lato", serif;
    font-size: 14px;
    font-weight: bold;
    display: block;
    text-align: center;
    text-decoration: none !important;
    transition-property: background;
    transition-duration: 0.3s;
    -moz-transition-property: background;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: background;
    -o-transition-duration: 0.3s;
    -ms-transition-property: background;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .blog-comments .btn-load-more-comments:hover {
    background-color: #FF8800; }
  .blog-comments .comment-respond {
    margin-top: 65px; }
    .blog-comments .comment-respond h3 {
      font-weight: 900;
      font-size: 25px; }
    .blog-comments .comment-respond .row {
      margin-left: -5px;
      margin-right: -5px; }
    .blog-comments .comment-respond .col-md-6, .blog-comments .comment-respond .col-md-12 {
      padding-left: 5px;
      padding-right: 5px; }
    .blog-comments .comment-respond input[type=text], .blog-comments .comment-respond input[type=email] {
      padding: 12px 15px;
      width: 100%;
      transition-property: all;
      transition-duration: 0.3s;
      -moz-transition-property: all;
      -moz-transition-duration: 0.3s;
      -webkit-transition-property: all;
      -webkit-transition-duration: 0.3s;
      -o-transition-property: all;
      -o-transition-duration: 0.3s;
      -ms-transition-property: all;
      -ms-transition-duration: 0.3s;
      -ms-transition-timing-function: ease-out-quart;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      color: #868686;
      font-size: 14px;
      font-weight: 600;
      box-sizing: border-box;
      border: 1px solid #222222;
      box-shadow: 0 0 0 1px transparent inset; }
    .blog-comments .comment-respond input[type=text]:hover, .blog-comments .comment-respond input[type=email]:hover, .blog-comments .comment-respond input[type=text]:focus, .blog-comments .comment-respond input[type=email]:focus {
      box-shadow: 0 0 0 1px  #222222 inset; }
    .blog-comments .comment-respond textarea {
      margin-top: 10px;
      border: 1px solid #222222;
      padding: 12px 15px;
      width: 100%;
      color: #868686;
      font-size: 14px;
      font-weight: 600;
      box-sizing: border-box;
      box-shadow: 0 0 0 1px transparent inset;
      transition-property: all;
      transition-duration: 0.3s;
      -moz-transition-property: all;
      -moz-transition-duration: 0.3s;
      -webkit-transition-property: all;
      -webkit-transition-duration: 0.3s;
      -o-transition-property: all;
      -o-transition-duration: 0.3s;
      -ms-transition-property: all;
      -ms-transition-duration: 0.3s;
      -ms-transition-timing-function: ease-out-quart;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    .blog-comments .comment-respond textarea:hover, .blog-comments .comment-respond textarea:focus {
      box-shadow: 0 0 0 1px  #222222 inset;
      outline: 0; }

.block-contact--floater {
  float: left;
  width: 100%;
  max-width: 310px;
  position: relative;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 80px 30px; }
  .block-contact--floater .social-meta-con {
    position: relative;
    color: #FFFFFF; }
  .block-contact--floater .read-more-con {
    position: relative;
    margin-top: 27px; }
    .block-contact--floater .read-more-con .btn-read-more {
      width: 100%;
      text-align: center; }

.meet-the-team-con {
  margin-top: 55px; }
  .meet-the-team-con .row-section {
    margin-bottom: 60px; }
  .meet-the-team-con .row-section:last-child {
    margin-bottom: 13px; }

.services-right-image-box {
  margin-top: -10px; }

body .main-container div.advancedscroller.testimonial-ascroller .thumbsClip .testimonial-col-name {
  top: 50%;
  position: absolute;
  transform: translate(0, -50%);
  left: 0; }
  body .main-container div.advancedscroller.testimonial-ascroller .thumbsClip .testimonial-col-name .testimonial-subtitle {
    margin-bottom: 0; }

body .main-container div.advancedscroller.testimonial-ascroller .thumbsClip .testimonial-col-quote {
  top: 50%;
  position: absolute;
  transform: translate(0, -50%);
  right: 0;
  white-space: normal; }

.testimonial-col-quote {
  text-align: right; }
  .testimonial-col-quote > *:last-child {
    margin-bottom: 0px; }

.q-inited .social-circle-con {
  position: relative;
  display: inline-block;
  margin-right: 2px;
  width: 24px;
  height: 24px;
  border: 0px solid #FFFFFF;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0);
  opacity: 1;
  transition-property: opacity;
  transition-duration: 0.3s;
  -moz-transition-property: opacity;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: opacity;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: opacity;
  -o-transition-duration: 0.3s;
  -ms-transition-property: opacity;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .q-inited .social-circle-con > i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #FFFFFF;
    font-size: 20px; }

.q-inited a.social-circle-con:hover {
  opacity: .5; }

.dzs-progress-bar.skin-prev2copy {
  font-family: "Lato", arial, serif;
  font-weight: bold; }

.dzs-progress-bar.skin-prev3copy {
  font-family: "Lato", arial, serif;
  font-weight: bold; }
  .dzs-progress-bar.skin-prev3copy div[class*="icon-"] {
    font-size: 90px;
    color: #dddddd;
    position: absolute;
    bottom: 70px;
    left: 0; }

.dzs-progress-bar.skin-bignumber {
  font-weight: 800; }

.overflow-hidden {
  overflow: hidden; }
  .overflow-hidden div.thumbsCon {
    overflow: visible; }

body .advancedscroller .imagediv {
  width: calc(100% + 1px); }

/* --- blog page */
a.post-feature {
  display: block; }

.post-feature {
  position: relative;
  width: 100%;
  height: 250px;
  margin-bottom: 30px;
  overflow: hidden; }
  .post-feature .the-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    transition-property: all;
    transition-duration: 0.3s;
    -moz-transition-property: all;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: all;
    -o-transition-duration: 0.3s;
    -ms-transition-property: all;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .post-feature .the-image:before {
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 55%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.9+100 */
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#e6000000',GradientType=0 );
    /* IE6-9 */ }
  .post-feature .the-image:after {
    content: "";
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80px;
    background: #ffffff;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition-property: opacity, visibility;
    transition-duration: 0.3s;
    -moz-transition-property: opacity, visibility;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: opacity, visibility;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: opacity, visibility;
    -o-transition-duration: 0.3s;
    -ms-transition-property: opacity, visibility;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .post-feature .post-title {
    position: absolute;
    bottom: 13px;
    left: 0;
    text-align: center;
    padding: 0 20px;
    line-height: 1.5;
    font-family: "Lato", serif;
    font-weight: bold;
    font-size: 18px;
    color: #ffffff;
    transition-property: color;
    transition-duration: 0.3s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: color;
    -o-transition-duration: 0.3s;
    -ms-transition-property: color;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
  .post-feature time {
    width: 60px;
    position: absolute;
    top: 2px;
    right: 2px;
    opacity: 1;
    visibility: visible;
    transition-property: opacity, visibility;
    transition-duration: 0.3s;
    -moz-transition-property: opacity, visibility;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: opacity, visibility;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: opacity, visibility;
    -o-transition-duration: 0.3s;
    -ms-transition-property: opacity, visibility;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out;
    -webkit-transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
    transition-timing-function: ease-out; }
    .post-feature time .the-day {
      background-color: #222222;
      color: #ffffff;
      font-weight: 800;
      text-align: center;
      line-height: 1;
      padding: 8px 0;
      font-size: 24px; }
    .post-feature time .the-month {
      font-family: "Lato", serif;
      background-color: #ffffff;
      color: #222;
      font-weight: bold;
      text-align: center;
      line-height: 1;
      padding: 5px 0;
      font-size: 12px; }

.post-feature:hover .the-image {
  transform: scale(1.1); }
.post-feature:hover .the-image:after {
  opacity: 1;
  visibility: visible; }
.post-feature:hover time {
  opacity: 0;
  visibility: hidden; }
.post-feature:hover .post-title {
  color: #222222; }

.preloader-con {
  position: fixed;
  top: 50%;
  left: 50%;
  transition-property: opacity, visibility;
  transition-duration: 0.3s;
  -moz-transition-property: opacity, visibility;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: opacity, visibility;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: opacity, visibility;
  -o-transition-duration: 0.3s;
  -ms-transition-property: opacity, visibility;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .preloader-con > i {
    font-size: 30px; }

.cube-preloader, .zoombox-maincon.skin-whitefull .css-preloader .the-icon, .zoombox-maincon.skin-darkfull .css-preloader .the-icon, .gallery-preloader span:first-of-type {
    width: 200px;
    height: 154px;
    background-color: #height;
    background-image: url('../images/logo.png');    
    -webkit-animation: cube-preloader-animation 1.2s infinite ease-in-out;
    animation: cube-preloader-animation 1.2s infinite ease-in-out;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -100px;
    margin-left: -50px;
}

.zoombox-maincon.skin-whitefull .css-preloader, .zoombox-maincon.skin-darkfull .css-preloader {
  width: 60px;
  height: 60px;
  margin-top: -30px;
  margin-left: -30px; }

.zoombox-maincon.skin-darkfull .holder-text h3 {
  font-size: 25px; }

.zoombox-maincon.skin-whitefull .css-preloader .the-icon, .zoombox-maincon.skin-darkfull .css-preloader .the-icon, .zoombox-maincon.skin-whitefull .gallery-preloader .cube-preloader {
  background-color: #222222;
  background-image: none; }

.zoombox-maincon.skin-darkfull .css-preloader .the-icon {
  background-color: #FFFFFF; }

.zoombox-maincon.skin-darkfull .gallery-preloader .cube-preloader {
  width: 60px;
  height: 60px;
  margin-top: -30px;
  margin-left: -30px; }

.zoombox-maincon.skin-whitefull .gallery-preloader .cube-preloader {
  background-color: #222222;
  background-image: none;
  z-index: 24;
  opacity: 0;
  visibility: hidden; }

.zoombox-maincon.skin-whitefull.transitioning-gallery .gallery-preloader span:first-of-type {
  opacity: 1;
  visibility: visible; }

@-webkit-keyframes cube-preloader-animation {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
@keyframes cube-preloader-animation {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
    transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
/* -- misc elements END */
p.form-submit {
  margin-bottom: 0;
  margin-top: 10px; }
  p.form-submit .submit-comment {
    font-family: "Lato", arial, serif;
    font-size: 14px;
    font-weight: bold; }

.feature-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4); }
  .feature-overlay .row {
    width: calc(100% + 30px);
    height: auto;
    text-align: center;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
    color: #FFFFFF; }
  .feature-overlay .feature-overlay-block *[data-icon] {
    font-size: 50px;
    line-height: 1;
    margin-top: 20px; }
  .feature-overlay .big-number {
    position: relative;
    line-height: 1;
    vertical-align: middle;
    font-size: 50px;
    font-family: "Open Sans", arial, serif;
    font-weight: 800; }
  .feature-overlay h5 {
    color: #ffffff;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: bold; }

body .preseter .preseter-content-con {
  overflow: visible; }
  body .preseter .preseter-content-con .the-content-inner-con:not(.scroller-con) {
    width: 260px;
    float: right;
    height: 100%; }
    body .preseter .preseter-content-con .the-content-inner-con:not(.scroller-con) .the-content.inner {
      float: right;
      width: 260px;
      height: 100%;
      overflow-y: auto;
      background-color: transparent; }
      body .preseter .preseter-content-con .the-content-inner-con:not(.scroller-con) .the-content.inner .the-content-inner-inner {
        float: right;
        width: 260px;
        position: relative;
        padding: 28px 39px;
        padding-bottom: 15px; }
      body .preseter .preseter-content-con .the-content-inner-con:not(.scroller-con) .the-content.inner .the-bg {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        background-color: #FFFFFF;
        border-radius: 0 0 0 5px; }
body .preseter .preseter-content-con.auto-height .scroller {
  overflow: visible; }
body .preseter .preseter-content-con.auto-height .the-content-inner-con:not(.scroller-con) .the-content.inner {
  overflow-y: visible; }
body .preseter .the-content {
  padding: 0;
  width: 260px; }
  body .preseter .the-content .setting {
    margin-bottom: 25px;
    position: relative; }
    body .preseter .the-content .setting > h6 {
      margin-bottom: 2px;
      margin-top: 0; }
    body .preseter .the-content .setting select {
      width: 100%; }
    body .preseter .the-content .setting .dzstooltip-con {
      position: absolute;
      left: 100%;
      top: -2px;
      margin-left: 6px;
      line-height: 1.4; }
      body .preseter .the-content .setting .dzstooltip-con > i {
        line-height: 1;
        color: #222222;
        font-size: 14px;
        transition-property: color;
        transition-duration: 0.5s;
        -moz-transition-property: color;
        -moz-transition-duration: 0.5s;
        -webkit-transition-property: color;
        -webkit-transition-duration: 0.5s;
        -o-transition-property: color;
        -o-transition-duration: 0.5s;
        -ms-transition-property: color;
        -ms-transition-duration: 0.5s;
        -ms-transition-timing-function: ease-out-quart;
        -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
      body .preseter .the-content .setting .dzstooltip-con .clear:before {
        content: "";
        position: absolute;
        top: 3px;
        right: 9px;
        width: 9px;
        height: 20px; }
      body .preseter .the-content .setting .dzstooltip-con .dzstooltip {
        pointer-events: none; }
    body .preseter .the-content .setting .dzstooltip-con:hover > i {
      color: #ff0000; }
  body .preseter .the-content .dzstooltip-con.align-top .dzstooltip {
    top: 6px; }
  body .preseter .the-content .dzstooltip-con.align-bottom .dzstooltip {
    top: auto;
    bottom: -4px; }
  body .preseter .the-content .setting-for-colorpicker > h4 {
    float: left;
    padding-bottom: 4px; }
  body .preseter .the-content .setting-for-colorpicker .picker-con {
    float: right;
    line-height: 1;
    margin-top: -5px; }
  body .preseter .the-content .setting-for-colorpicker:after {
    content: "";
    display: block;
    clear: both; }
body .preseter .preseter-button {
  display: inline-block;
  padding: 7px 10px;
  background-color: #0096f0;
  background-color: #3E606F;
  font-family: "Open Sans", "Lato", arial;
  font-size: 12px;
  font-weight: 600;
  color: #FFFFFF;
  border-radius: 5px;
  line-height: 1.4;
  cursor: pointer; }
body .preseter .preseter-button--default {
  background-color: #ff4000;
  background-color: #FF8800; }
body .preseter .ui-slider {
  margin-left: 12px;
  margin-right: 12px;
  margin-top: 16px;
  padding-bottom: 17px;
  height: 10px; }
  body .preseter .ui-slider .ui-slider-handle {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 6px solid #FFFFFF;
    background-color: #222222;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.5);
    top: -6px;
    margin-left: -12px; }
body .preseter .ui-slider:before {
  content: "";
  top: 0;
  position: absolute;
  left: -12px;
  width: calc(100% + 24px);
  height: 10px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d3d3d3+0,e2e2e2+100 */
  background: lightgray;
  /* Old browsers */
  background: -moz-linear-gradient(top, lightgray 0%, #e2e2e2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, lightgray), color-stop(100%, #e2e2e2));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, lightgray 0%, #e2e2e2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, lightgray 0%, #e2e2e2 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, lightgray 0%, #e2e2e2 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, lightgray 0%, #e2e2e2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#e2e2e2',GradientType=0 );
  /* IE6-9 */
  border-radius: 5px;
  box-shadow: inset 0 2px 5px rgba(0, 0, 0, 0.2);
  margin-left: 0px; }

/* -- elements END */
/**
 * 4.5 Contact
 * ----------------------------------------------------------------------------
 */
body.page-contact .the-content-con {
  max-width: 930px; }
body.page-contact .the-content-sheet {
  margin-bottom: 30px; }
body.page-contact .the-content {
  padding-bottom: 1px; }

.map-canvas-con {
  position: fixed;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  transition-property: top;
  transition-duration: 0.5s;
  -moz-transition-property: top;
  -moz-transition-duration: 0.5s;
  -webkit-transition-property: top;
  -webkit-transition-duration: 0.5s;
  -o-transition-property: top;
  -o-transition-duration: 0.5s;
  -ms-transition-property: top;
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .map-canvas-con .contact-info {
    position: absolute;
    top: 20px;
    left: 90px;
    width: 380px;
    display: none; }
    .map-canvas-con .contact-info .services-lightbox--close {
      background-color: #222222; }
    .map-canvas-con .contact-info .services-lightbox--close:hover {
      background-color: #FF8800; }
  .map-canvas-con .map-toggler {
    position: absolute;
    top: 50px;
    right: 50px; }
    .map-canvas-con .map-toggler .q-close-btn {
      position: absolute;
      top: 80%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 58px;
      height: 58px;
      cursor: pointer; }
    .map-canvas-con .map-toggler .q-close-btn:before {
      content: "";
      height: 2px;
      width: 100%;
      background-color: #000000;
      display: block;
      transform: rotate(45deg);
      transition-property: background;
      transition-duration: 0.5s;
      -moz-transition-property: background;
      -moz-transition-duration: 0.5s;
      -webkit-transition-property: background;
      -webkit-transition-duration: 0.5s;
      -o-transition-property: background;
      -o-transition-duration: 0.5s;
      -ms-transition-property: background;
      -ms-transition-duration: 0.5s;
      -ms-transition-timing-function: ease-out-quart;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    .map-canvas-con .map-toggler .q-close-btn:after {
      content: "";
      height: 2px;
      width: 100%;
      background-color: #000000;
      display: block;
      transform: rotate(-45deg);
      transition-property: background;
      transition-duration: 0.5s;
      -moz-transition-property: background;
      -moz-transition-duration: 0.5s;
      -webkit-transition-property: background;
      -webkit-transition-duration: 0.5s;
      -o-transition-property: background;
      -o-transition-duration: 0.5s;
      -ms-transition-property: background;
      -ms-transition-duration: 0.5s;
      -ms-transition-timing-function: ease-out-quart;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .map-canvas-con .map-toggler:hover {
    background-color: rgba(0, 0, 0, 0.3); }
    .map-canvas-con .map-toggler:hover .q-close-btn:before {
      background-color: #FFFFFF; }
    .map-canvas-con .map-toggler:hover .q-close-btn:after {
      background-color: #FFFFFF; }

.map-canvas-con.active {
  top: 0; }
  .map-canvas-con.active .contact-info {
    display: block; }

#map-canvas img {
  max-width: none; }

.map-canvas.big-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.map-toggler {
  position: absolute;
  top: 20px;
  right: 20px;
  border: 2px solid #FFFFFF;
  background-color: #FFFFFF;
  border-radius: 50%;
  width: 100px;
  height: 100px;
  text-align: center;
  white-space: nowrap;
  transition-property: background;
  transition-duration: 0.5s;
  -moz-transition-property: background;
  -moz-transition-duration: 0.5s;
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.5s;
  -o-transition-property: background;
  -o-transition-duration: 0.5s;
  -ms-transition-property: background;
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  cursor: pointer; }
  .map-toggler > span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #222222;
    color: #222222;
    font-family: "Lato", arial, serif;
    font-size: 14px;
    font-weight: bold;
    transition-property: color;
    transition-duration: 0.5s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.5s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.5s;
    -o-transition-property: color;
    -o-transition-duration: 0.5s;
    -ms-transition-property: color;
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }

.map-toggler:after {
  content: "";
  width: calc(100% + 16px);
  height: calc(100% + 16px);
  left: -8px;
  top: -8px;
  border: 2px solid #FFFFFF;
  position: absolute;
  border-radius: 50%; }

.map-toggler:hover {
  background-color: rgba(0, 0, 0, 0.3); }
  .map-toggler:hover > span {
    color: #FFFFFF; }

.contact-info {
  width:46%;
  position: relative;
  float: right;
  color: #FFFFFF;
  text-align: justify;
  direction:rtl;
  background-color: rgba(0, 0, 0, 0.6);
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
  padding-bottom: 10px;
  font-weight: 600; }
  .contact-info h4 {
    color: inherit;
    font-weight: bold;
    font-size: 18px; }
  .contact-info p {
    color: inherit;
    font-size: 16px;
    margin-bottom: 27px;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.76; }
  .contact-info a {
    color: inherit;
    transition-property: color;
    transition-duration: 0.5s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.5s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.5s;
    -o-transition-property: color;
    -o-transition-duration: 0.5s;
    -ms-transition-property: color;
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .contact-info a:hover {
    color: #FF8800;
    text-decoration: none; }
  .contact-info hr.qcreative-hr-small {
    margin-left: auto;
    margin-right: auto;
    background-color: #FFFFFF;
    margin-bottom: 12px;
    margin-top: 17px; }
  .contact-info hr {
    margin-top: 50px; }

input[type=text] {
  color: #FFFFFF;
  background-color: transparent;
  padding: 13px 15px;
  line-height: 1;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #FFFFFF; }

input[type=text]:focus {
  outline: none; }

textarea {
  color: #FFFFFF;
  background-color: transparent;
  padding: 10px 15px;
  line-height: 1.5;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #FFFFFF;
  resize: none;
  display: block; }

textarea::-moz-placeholder {
  color: #FFFFFF;
  opacity: 1; }

.view-map-overflower {
  overflow: hidden;
  position: relative;
  padding-bottom: 30px; }
  .view-map-overflower .map-toggler {
    position: relative !important;
    float: right !important; }

.view-map-overflower:after {
  content: "";
  clear: both;
  display: block; }

.form-overlay {
  color: #FFFFFF;
  position: relative;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 40px 30px; }
  .form-overlay hr {
    margin-top: 13px;
    margin-bottom: 10px; }
  .form-overlay .row {
    position: relative; }
  .form-overlay .btn-full-white {
    position: absolute;
    width: 23%;
    left: 10px;
    bottom: 0;
    outline: 0; }
  .form-overlay .col-md-3 {
    margin-top: 13px;
    position: relative; }
    .form-overlay .col-md-3 .social-circle-con {
      background-color: transparent; }
  .form-overlay .col-md-9 {
    position: relative; }
    .form-overlay .col-md-9 .form-feedback {
      position: absolute;
      top: calc(100% + 3px);
      left: 15px;
      color: #FFFFFF;
      font-family: "Lato", arial, serif;
      font-size: 11px;
      font-weight: 900;
      opacity: 0;
      visibility: hidden;
      transition-property: opacity, visibility;
      transition-duration: 0.5s;
      -moz-transition-property: opacity, visibility;
      -moz-transition-duration: 0.5s;
      -webkit-transition-property: opacity, visibility;
      -webkit-transition-duration: 0.5s;
      -o-transition-property: opacity, visibility;
      -o-transition-duration: 0.5s;
      -ms-transition-property: opacity, visibility;
      -ms-transition-duration: 0.5s;
      -ms-transition-timing-function: ease-out-quart;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    .form-overlay .col-md-9 .form-feedback.active {
      opacity: 1;
      visibility: visible; }
  .form-overlay .input-for-name {
    margin-right: 10px;
    margin-bottom: 10px;
    display: block;
    font-weight: 600;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    transition-property: background;
    transition-duration: 0.5s;
    -moz-transition-property: background;
    -moz-transition-duration: 0.5s;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.5s;
    -o-transition-property: background;
    -o-transition-duration: 0.5s;
    -ms-transition-property: background;
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .form-overlay .input-for-email {
    display: block;
    width: 100%;
    font-weight: 600;
    background-color: rgba(255, 255, 255, 0.1);
    transition-property: background;
    transition-duration: 0.5s;
    -moz-transition-property: background;
    -moz-transition-duration: 0.5s;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.5s;
    -o-transition-property: background;
    -o-transition-duration: 0.5s;
    -ms-transition-property: background;
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }

    .form-overlay .input-for-select {
        width: 100%;
        position:relative;
        top:-70px;
        border:blue;
        height:50px;
    }
  .form-overlay .input-for-feedback {
    display: block;
    width: 100%;
    height: 170px;
    font-weight: 600;
    background-color: rgba(255, 255, 255, 0.1);
    outline: 0;
    transition-property: background;
    transition-duration: 0.5s;
    -moz-transition-property: background;
    -moz-transition-duration: 0.5s;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.5s;
    -o-transition-property: background;
    -o-transition-duration: 0.5s;
    -ms-transition-property: background;
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .form-overlay .input-for-name:hover, .form-overlay .input-for-email:hover, .form-overlay .input-for-feedback:hover, .form-overlay .input-for-name:focus, .form-overlay .input-for-email:focus, .form-overlay .input-for-feedback:focus {
    background-color: rgba(0, 0, 0, 0.3); }
  .form-overlay .input-for-name.needs-attention, .form-overlay .input-for-email.needs-attention, .form-overlay .input-for-feedback.needs-attention {
    background-color: rgba(255, 0, 0, 0.3); }
  .form-overlay .input-for-name::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #FFFFFF;
    position: relative;
    top: 3px; }
  .form-overlay .input-for-name::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #FFFFFF;
    position: relative;
    top: 3px;
    opacity: 1; }
  .form-overlay .input-for-name:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #FFFFFF;
    position: relative;
    top: 3px;
    opacity: 1; }
  .form-overlay .input-for-email::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #FFFFFF;
    position: relative;
    top: 3px; }
  .form-overlay .input-for-email::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #FFFFFF;
    position: relative;
    top: 3px;
    opacity: 1; }
  .form-overlay .input-for-email:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #FFFFFF;
    position: relative;
    top: 3px; }
  .form-overlay .input-for-feedback::-webkit-input-placeholder {
    /* WebKit browsers */
    color: #FFFFFF; }
  .form-overlay .input-for-email::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #FFFFFF;
    opacity: 1; }
  .form-overlay .input-for-email:-ms-input-placeholder {
    /* Internet Explorer 10+ */
    color: #FFFFFF; }

.element-form-style-sharp .btn-full-red {
  margin-top: 0; }

.input-style-sharp {
  padding: 12px 15px;
  width: 100%;
  line-height: 1;
  transition-property: all;
  transition-duration: 0.3s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: all;
  -o-transition-duration: 0.3s;
  -ms-transition-property: all;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  color: #868686;
  font-size: 14px;
  font-weight: 600;
  outline: 0;
  box-sizing: border-box;
  border: 1px solid #222222;
  box-shadow: 0 0 0 1px transparent inset; }

.input-style-sharp:focus, .input-style-sharp:hover {
  box-shadow: 0 0 0 1px #222222 inset; }

.input-style-sharp::-webkit-input-placeholder {
  line-height: 1;
  position: relative;
  top: 2px; }

.input-style-sharp[type=text]:hover, .input-style-sharp[type=email]:hover, .input-style-sharp[type=text]:focus, .input-style-sharp[type=email]:focus {
  box-shadow: 0 0 0 1px  #222222 inset; }

textarea.input-style-sharp {
  line-height: 1.5;
  border: 1px solid #222222;
  padding: 12px 15px;
  width: 100%;
  color: #868686;
  font-size: 14px;
  font-weight: 600;
  box-sizing: border-box;
  box-shadow: 0 0 0 1px transparent inset;
  transition-property: all;
  transition-duration: 0.3s;
  -moz-transition-property: all;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: all;
  -o-transition-duration: 0.3s;
  -ms-transition-property: all;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }

textarea.input-style-sharp:hover, textarea.input-style-sharp:focus {
  box-shadow: 0 0 0 1px  #222222 inset;
  outline: 0; }

.input-style-sharp:hover, .input-style-sharp:focus {
  background-color: #ffffff; }

.input-style-sharp.needs-attention {
  background-color: #ff9999;
  color: #ffffff; }

.input-style-cosco {
  background: #eeeeee;
  padding: 8px 14px;
  color: #888888;
  font-size: 14px;
  display: inline-block;
  border-radius: 5px;
  box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.1);
  font-weight: 600;
  outline: 0;
  border: 1px solid rgba(0, 0, 0, 0.06);
  transition-property: background;
  transition-duration: 0.3s;
  -moz-transition-property: background;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: background;
  -o-transition-duration: 0.3s;
  -ms-transition-property: background;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out; }

.input-style-cosco:hover, .input-style-cosco:focus {
  background-color: #ffffff; }

.input-style-cosco.needs-attention {
  background-color: #ff9999;
  color: #ffffff; }

form.style-cosco .input-style-cosco {
  width: 100%; }
form.style-cosco textarea.input-style-cosco {
  display: block; }
form.style-cosco .form-feedback {
  font-size: 14px;
  font-weight: bold;
  color: #999999;
  position: absolute;
  top: 100%;
  margin-top: 11px;
  opacity: 0;
  visibility: hidden;
  transition-property: opacity, visibility;
  transition-duration: 0.5s;
  -moz-transition-property: opacity, visibility;
  -moz-transition-duration: 0.5s;
  -webkit-transition-property: opacity, visibility;
  -webkit-transition-duration: 0.5s;
  -o-transition-property: opacity, visibility;
  -o-transition-duration: 0.5s;
  -ms-transition-property: opacity, visibility;
  -ms-transition-duration: 0.5s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  form.style-cosco .form-feedback > span, form.style-cosco .form-feedback > i {
    display: inline-block;
    vertical-align: top; }
  form.style-cosco .form-feedback > span {
    position: relative;
    top: -1px; }
  form.style-cosco .form-feedback > i {
    font-size: 22px;
    margin-right: 5px; }
form.style-cosco .form-feedback.active {
  opacity: 1;
  visibility: visible; }
form.style-cosco .row {
  margin-bottom: 10px; }
  form.style-cosco .row div[class^="col-md-"] {
    padding-left: 5px;
    padding-right: 5px; }
form.style-cosco .rounded.style-black {
  width: 100%;
  display: inline-block;
  border-radius: 5px;
  text-align: center; }

.the-content-sheet-for-form {
  position: relative; }
  .the-content-sheet-for-form .featured-media-con {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

.contact-featured-media-con {
  height: auto; }
  .contact-featured-media-con .social-circle-con {
    margin-right: 0; }
  .contact-featured-media-con > .featured-media--image {
    position: absolute; }

.contact-featured-media-con:after {
  content: "";
  display: block;
  clear: both; }

.main-container .social-meta-con {
  white-space: nowrap;
  text-overflow: ellipsis; }
  .main-container .social-meta-con h4 {
    color: inherit;
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    width: calc(100% - 30px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: bold; }
  .main-container .social-meta-con span.social-circle-con {
    float: right;
    margin-top: -4px; }
  .main-container .social-meta-con hr {
    margin-bottom: 0;
    border-color: #FFFFFF; }
  .main-container .social-meta-con h3 {
    font-size: 30px;
    color: inherit;
    font-weight: 300;
    margin-top: 0px;
    padding-top: 10px;
    padding-bottom: 14px;
    line-height: 1;
    position: relative;
    transition-property: all;
    transition-duration: 0.3s;
    -moz-transition-property: all;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: all;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: all;
    -o-transition-duration: 0.3s;
    -ms-transition-property: all;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }

.main-container .social-meta-con.social-meta-con--for-secondary-contact hr {
  margin-top: 13px; }
.main-container .social-meta-con.social-meta-con--for-secondary-contact .social-circle-con > i {
  font-size: 28px; }
.main-container .social-meta-con.social-meta-con--for-secondary-contact i {
  font-size: 28px; }

.main-container .social-meta-con.social-meta-con--for-secondary-contact + .read-more-con {
  margin-top: 13px; }

.secondary-content--team-achievements > .feature-overlay > .row {
  margin-left: 0;
  margin-right: 0;
  width: 100%; }

a.social-meta-con {
  display: block;
  text-decoration: none !important; }
  a.social-meta-con hr {
    margin-top: 12px; }

a.social-meta-con:hover {
  text-decoration: none; }
  a.social-meta-con:hover h3 {
    background-color: #FFFFFF;
    color: #222222;
    text-indent: 28px; }

a.social-meta-con:visited {
  text-decoration: none; }

/**
 * 4.6 Gallery with Thumbs
 * ----------------------------------------------------------------------------
 */
body.page-gallery-w-thumbs {
  overflow: hidden; }
  body.page-gallery-w-thumbs .the-content-con {
    margin: 0;
    max-width: none; }
    body.page-gallery-w-thumbs .the-content-con > h1 {
      display: none; }
    body.page-gallery-w-thumbs .the-content-con > .the-content {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      padding: 20px; }
  body.page-gallery-w-thumbs .advancedscroller .item .description-wrapper {
    z-index: 5; }
  body.page-gallery-w-thumbs .advancedscroller.skin-karma-inset .arrowsCon > .arrow-left, body.page-gallery-w-thumbs .advancedscroller.skin-karma-inset .arrowsCon > .arrow-right {
    transition-property: background, left;
    transition-duration: 0.5s;
    -moz-transition-property: background, left;
    -moz-transition-duration: 0.5s;
    -webkit-transition-property: background, left;
    -webkit-transition-duration: 0.5s;
    -o-transition-property: background, left;
    -o-transition-duration: 0.5s;
    -ms-transition-property: background, left;
    -ms-transition-duration: 0.5s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  body.page-gallery-w-thumbs .advancedscroller.skin-karma-inset .arrowsCon > .arrow-left:before, body.page-gallery-w-thumbs .advancedscroller.skin-karma-inset .arrowsCon > .arrow-right:before {
    margin-top: -2px; }
  body.page-gallery-w-thumbs .advancedscroller.skin-karma-inset .arrowsCon > .arrow-left:before {
    margin-left: -1px; }
  body.page-gallery-w-thumbs .advancedscroller.skin-karma-inset .arrowsCon > .arrow-right:before {
    margin-left: 2px; }
  body.page-gallery-w-thumbs .advancedscroller.mode-onlyoneitem .thumbsCon .thumbsClip > li {
    overflow: hidden; }
    body.page-gallery-w-thumbs .advancedscroller.mode-onlyoneitem .thumbsCon .thumbsClip > li > .cover-image {
      display: none; }
  body.page-gallery-w-thumbs .gallery-thumbs-con {
    position: fixed;
    bottom: 0;
    left: 50%;
    padding: 20px; }
    body.page-gallery-w-thumbs .gallery-thumbs-con .thumbs-list-con {
      overflow: hidden; }
    body.page-gallery-w-thumbs .gallery-thumbs-con ul.thumbs-list {
      font-size: 0;
      white-space: nowrap;
      margin-left: 0;
      padding-left: 0;
      margin-bottom: 0;
      position: relative; }
      body.page-gallery-w-thumbs .gallery-thumbs-con ul.thumbs-list > li.thumb {
        display: inline-block;
        width: 100px;
        height: 100px;
        cursor: pointer;
        position: relative;
        opacity: 0;
        transition-property: opacity;
        transition-duration: 0.3s;
        -moz-transition-property: opacity;
        -moz-transition-duration: 0.3s;
        -webkit-transition-property: opacity;
        -webkit-transition-duration: 0.3s;
        -o-transition-property: opacity;
        -o-transition-duration: 0.3s;
        -ms-transition-property: opacity;
        -ms-transition-duration: 0.3s;
        -ms-transition-timing-function: ease-out-quart;
        -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
        body.page-gallery-w-thumbs .gallery-thumbs-con ul.thumbs-list > li.thumb > .bgimage {
          position: absolute;
          top: 0;
          left: 0;
          width: 100%;
          height: 100%;
          background-size: cover;
          background-position: center center; }
      body.page-gallery-w-thumbs .gallery-thumbs-con ul.thumbs-list > li.thumb:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.3);
        border: 1px solid #FFFFFF;
        opacity: 0;
        transition-property: opacity;
        transition-duration: 0.3s;
        -moz-transition-property: opacity;
        -moz-transition-duration: 0.3s;
        -webkit-transition-property: opacity;
        -webkit-transition-duration: 0.3s;
        -o-transition-property: opacity;
        -o-transition-duration: 0.3s;
        -ms-transition-property: opacity;
        -ms-transition-duration: 0.3s;
        -ms-transition-timing-function: ease-out-quart;
        -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
        transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
      body.page-gallery-w-thumbs .gallery-thumbs-con ul.thumbs-list > li.thumb.curr-thumb:after {
        opacity: 1; }
      body.page-gallery-w-thumbs .gallery-thumbs-con ul.thumbs-list > li.thumb.img-loaded {
        opacity: 1; }
  body.page-gallery-w-thumbs .advancedscroller .thumbsCon {
    transition-property: none;
    transition-duration: 0.3s;
    -moz-transition-property: none;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: none;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: none;
    -o-transition-duration: 0.3s;
    -ms-transition-property: none;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  body.page-gallery-w-thumbs .advancedscroller .arrowsCon {
    transition-property: opacity;
    transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-duration: 0.3s;
    -ms-transition-property: opacity;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  body.page-gallery-w-thumbs .the-content-bg-placeholder {
    display: block; }

body.qtransitioning .advancedscroller.skin-karma-inset .arrowsCon > .arrow-left, body.qtransitioning .advancedscroller.skin-karma-inset .arrowsCon > .arrow-right {
  opacity: 0; }

body.page-gallery-w-thumbs .the-content-con > .the-content {
  overflow: hidden;
  opacity: 0;
  transition-property: top, width, left, height, opacity;
  transition-duration: 0.3s;
  -moz-transition-property: top, width, left, height, opacity;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: top, width, left, height, opacity;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: top, width, left, height, opacity;
  -o-transition-duration: 0.3s;
  -ms-transition-property: top, width, left, height, opacity;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
body.page-gallery-w-thumbs .the-content-con > .the-content.active {
  opacity: 1; }

body.page-gallery-w-thumbs.page-gallery-w-thumbs-transitioning-content .arrowsCon {
  opacity: 0; }

/**
 * 5.0 Sidebar
 * ----------------------------------------------------------------------------
 */
.sidebar-search-con {
  position: relative;
  width: 100%;
  margin-bottom: 10px; }
  .sidebar-search-con input[type=text]:first-child {
    width: 100%;
    border: 1px solid #FFFFFF;
    padding: 15px 57px 15px 15px;
    font-size: 15px;
    display: inline-block;
    font-family: "Open Sans", arial, serif;
    line-height: 1;
    color: #FFFFFF;
    font-weight: 600;
    background-color: rgba(0, 0, 0, 0.2);
    transition-property: background;
    transition-duration: 0.3s;
    -moz-transition-property: background;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: background;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: background;
    -o-transition-duration: 0.3s;
    -ms-transition-property: background;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .sidebar-search-con input[type=text]:hover {
    background-color: rgba(0, 0, 0, 0.4); }
  .sidebar-search-con input[type=text]:focus {
    box-shadow: none;
    outline: none;
    background-color: rgba(0, 0, 0, 0.4); }
  .sidebar-search-con input[type=text]::-webkit-input-placeholder {
    position: relative;
    top: 2px;
    color: #FFFFFF; }
  .sidebar-search-con input[type=text]:-moz-placeholder {
    position: relative;
    top: 2px;
    color: #FFFFFF;
    opacity: 1; }
  .sidebar-search-con input[type=text]::-moz-placeholder {
    position: relative;
    top: 2px;
    color: #FFFFFF;
    opacity: 1; }
  .sidebar-search-con input[type=text]:-ms-input-placeholder {
    position: relative;
    top: 2px;
    color: #FFFFFF; }
  .sidebar-search-con .search-submit-con {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 100%;
    background-color: #FFFFFF;
    cursor: pointer;
    transition-property: background, color, border;
    transition-duration: 0.3s;
    -moz-transition-property: background, color, border;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: background, color, border;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: background, color, border;
    -o-transition-duration: 0.3s;
    -ms-transition-property: background, color, border;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    .sidebar-search-con .search-submit-con button {
      background-color: transparent;
      border: 0;
      position: absolute;
      top: calc(50% - 1px);
      left: 50%;
      transform: translate(-50%, -50%);
      -webkit-transform: translate(-50%, -50%);
      font-size: 18px;
      font-family: "FontAwesome",arial, serif;
      color: #222222;
      outline: none;
      transition-property: color;
      transition-duration: 0.3s;
      -moz-transition-property: color;
      -moz-transition-duration: 0.3s;
      -webkit-transition-property: color;
      -webkit-transition-duration: 0.3s;
      -o-transition-property: color;
      -o-transition-duration: 0.3s;
      -ms-transition-property: color;
      -ms-transition-duration: 0.3s;
      -ms-transition-timing-function: ease-out-quart;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }

.sidebar-search-con .search-submit-con:hover {
  background-color: #FF8800;
  border: 1px solid #FFFFFF; }
  .sidebar-search-con .search-submit-con:hover button {
    color: #FFFFFF; }

.sidebar-block {
  background-color: #FFFFFF;
  padding: 20px 20px 10px 20px;
  margin-bottom: 10px;
  font-family: "Open Sans", arial, serif;
  font-size: 13px;
  font-weight: normal; }
  .sidebar-block > .sidebar-count-list:last-child {
    margin-bottom: 0px; }
  .sidebar-block > *:last-child {
    margin-bottom: 0; }
  .sidebar-block a {
    color: #545454; }
  .sidebar-block h4 {
    background-color: #FF8800;
    color: #FFFFFF;
    padding: 13px 25px;
    margin-top: 0;
    margin-left: -27px;
    margin-bottom: 11px;
    position: relative;
    font-size: 14px;
    font-weight: bold; }
  .sidebar-block h4:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 7px 7px 0;
    border-color: transparent #222 transparent transparent;
    top: 100%;
    left: 0; }
  .sidebar-block .featured-works-con {
    font-size: 0;
    margin-right: -3px;
    margin-bottom: 10px;
    margin-top: 20px; }
    .sidebar-block .featured-works-con .dzstooltip-con {
      margin-bottom: 3px;
      margin-right: 3px;
      width: calc(33.33% - 3px);
      position: relative; }
      .sidebar-block .featured-works-con .dzstooltip-con > img {
        display: inline-block;
        width: 100%; }
    .sidebar-block .featured-works-con .dzstooltip-con:after {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.5);
      opacity: 0;
      visibility: hidden;
      pointer-events: none;
      transition-property: opacity, visibility;
      transition-duration: 0.3s;
      -moz-transition-property: opacity, visibility;
      -moz-transition-duration: 0.3s;
      -webkit-transition-property: opacity, visibility;
      -webkit-transition-duration: 0.3s;
      -o-transition-property: opacity, visibility;
      -o-transition-duration: 0.3s;
      -ms-transition-property: opacity, visibility;
      -ms-transition-duration: 0.3s;
      -ms-transition-timing-function: ease-out-quart;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    .sidebar-block .featured-works-con .dzstooltip-con:hover:after {
      opacity: 1;
      visibility: visible; }
    .sidebar-block .featured-works-con .dzstooltip.skin-red {
      text-align: right;
      font-style: italic;
      pointer-events: none; }
      .sidebar-block .featured-works-con .dzstooltip.skin-red .tooltip-title {
        font-style: normal;
        font-weight: 900; }

/* safari only */
.sidebar-search-con, .sidebar-block {
  margin-bottom: 5px; }

.sidebar-block-text.sidebar-block {
  padding-bottom: 16px; }

.sidebar-block-archive > .sidebar-count-list {
  margin-bottom: 0; }
.sidebar-block-archive > a:last-child {
  font-family: "Open Sans", arial, serif;
  font-size: 14px;
  font-weight: 600;
  color: #555555;
  margin-bottom: 0px;
  text-decoration: none;
  display: inline-block;
  transition-property: color;
  transition-duration: 0.3s;
  -moz-transition-property: color;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: color;
  -o-transition-duration: 0.3s;
  -ms-transition-property: color;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
.sidebar-block-archive > a:last-child:hover {
  color: #FF8800; }

ul.sidebar-count-list {
  margin-top: -1px;
  font-family: "Open Sans", arial, serif;
  font-size: 14px;
  font-weight: 600;
  list-style: none;
  margin-left: 0;
  padding-left: 0; }
  ul.sidebar-count-list > li {
    position: relative;
    margin-bottom: 3px; }
    ul.sidebar-count-list > li a {
      color: #999999;
      text-decoration: none; }
    ul.sidebar-count-list > li a.sidebar-latest-post {
      display: block;
      padding: 10px 10px 7px 10px;
      margin-left: -10px;
      margin-right: -20px;
      transition-property: background;
      transition-duration: 0.3s;
      -moz-transition-property: background;
      -moz-transition-duration: 0.3s;
      -webkit-transition-property: background;
      -webkit-transition-duration: 0.3s;
      -o-transition-property: background;
      -o-transition-duration: 0.3s;
      -ms-transition-property: background;
      -ms-transition-duration: 0.3s;
      -ms-transition-timing-function: ease-out-quart;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
      ul.sidebar-count-list > li a.sidebar-latest-post .cat-thumb {
        width: 60px;
        height: 60px;
        background-size: cover;
        background-position: center center;
        float: left;
        display: block;
        margin-right: 10px; }
      ul.sidebar-count-list > li a.sidebar-latest-post .post-meta {
        overflow: hidden;
        display: block;
        font-family: "Lato", arial, serif; }
        ul.sidebar-count-list > li a.sidebar-latest-post .post-meta .post-title {
          display: block;
          color: #444444;
          font-family: "Open Sans", arial, serif;
          font-size: 13px;
          font-weight: normal;
          margin-top: -3px;
          margin-bottom: 2px;
          font-style: normal;
          line-height: 1.6; }
        ul.sidebar-count-list > li a.sidebar-latest-post .post-meta .post-date {
          display: block;
          color: #bababa;
          font-family: "Open Sans", arial, serif;
          font-weight: bold;
          font-size: 11px;
          font-style: italic; }
    ul.sidebar-count-list > li a.sidebar-latest-post:hover {
      background-color: #EEEEEE; }
    ul.sidebar-count-list > li a:after {
      content: "";
      display: block;
      clear: both; }
    ul.sidebar-count-list > li .cat-name {
      display: block;
      vertical-align: top;
      float: left;
      color: #222222;
      font-weight: 400;
      font-style: italic;
      transition-property: color;
      transition-duration: 0.3s;
      -moz-transition-property: color;
      -moz-transition-duration: 0.3s;
      -webkit-transition-property: color;
      -webkit-transition-duration: 0.3s;
      -o-transition-property: color;
      -o-transition-duration: 0.3s;
      -ms-transition-property: color;
      -ms-transition-duration: 0.3s;
      -ms-transition-timing-function: ease-out-quart;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
    ul.sidebar-count-list > li .the-count {
      display: block;
      text-align: center;
      float: right;
      font-family: "Open Sans", arial, serif;
      font-size: 11px;
      font-weight: 600;
      line-height: 1;
      color: #FFFFFF;
      background-color: #cccccc;
      padding: 2px 5px;
      position: relative;
      top: 6px;
      transition-property: background, color;
      transition-duration: 0.3s;
      -moz-transition-property: background, color;
      -moz-transition-duration: 0.3s;
      -webkit-transition-property: background, color;
      -webkit-transition-duration: 0.3s;
      -o-transition-property: background, color;
      -o-transition-duration: 0.3s;
      -ms-transition-property: background, color;
      -ms-transition-duration: 0.3s;
      -ms-transition-timing-function: ease-out-quart;
      -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
      transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  ul.sidebar-count-list > li:after {
    content: "";
    display: block;
    clear: both; }
  ul.sidebar-count-list > li:hover > a .cat-name {
    color: #FF8800; }
  ul.sidebar-count-list > li:hover > a .the-count {
    background-color: #FF8800;
    color: #FFFFFF; }

.last-element-no-margin > *:last-child {
  margin-bottom: 0; }

ul.sidebar-count-list-latest-posts > li {
  position: relative;
  margin-bottom: 2px; }

/**
 * 6.0 Footer
 * ----------------------------------------------------------------------------
 */
footer.upper-footer {
  position: relative;
  line-height: 1.5;
  padding: 20px 30px 40px 30px;
  text-align: left;
  font-family: "Open Sans",serif;
  color: #777;
  background-color: #111111;
  border-top: #777; }
  footer.upper-footer h4 {
    color: #FFFFFF;
    margin: 25px 0 25px; }
  footer.upper-footer h4 + p {
    margin-top: -2px; }
  footer.upper-footer h4.widget-title + a.footer-social-icon {
    margin-top: -1px; }
  footer.upper-footer h4.widget-title + .footer-works-con {
    margin-top: -5px; }
  footer.upper-footer p {
    color: #888888; }
  footer.upper-footer a {
    transition-property: color;
    transition-duration: 0.3s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: color;
    -o-transition-duration: 0.3s;
    -ms-transition-property: color;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  footer.upper-footer ul {
    color: #FFFFFF; }
  footer.upper-footer ul.style-angle > li {
    margin-bottom: 10px; }
  footer.upper-footer .footer-social-icon {
    margin-bottom: 10px;
    display: block; }
  footer.upper-footer .featured-works-con > * {
    display: block;
    float: left;
    margin-right: 1px;
    margin-bottom: 1px; }
    footer.upper-footer .featured-works-con > * > .divimage {
      width: 58px;
      height: 58px; }
  footer.upper-footer .featured-works-con .dzstooltip.arrow-bottom.align-right.skin-red {
    text-align: right;
    font-family: "Open Sans",serif;
    font-weight: bold;
    font-style: italic; }
  footer.upper-footer .featured-works-con .dzstooltip .tooltip-title {
    font-weight: 900;
    font-style: normal; }
  footer.upper-footer .featured-works-con:after {
    content: "";
    display: block;
    clear: both; }

footer.lower-footer {
  position: relative;
  padding: 20px;
  margin-bottom: 30px;
  text-align: center;
  font-family: "Lato",serif;
  color: #777;
  background-color: #171717;
  border-top: 1px solid #333;
  font-weight: bold;
  font-size: 11px;
  line-height: 1.4; }

.footer-social-icon .circle-icon {
  background-color: #FFFFFF;
  position: relative;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
  border-radius: 50%;
  transition-property: background;
  transition-duration: 0.3s;
  -moz-transition-property: background;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: background;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: background;
  -o-transition-duration: 0.3s;
  -ms-transition-property: background;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
  .footer-social-icon .circle-icon > i {
    font-size: 14px;
    position: absolute;
    color: #111111;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition-property: color;
    transition-duration: 0.3s;
    -moz-transition-property: color;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: color;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: color;
    -o-transition-duration: 0.3s;
    -ms-transition-property: color;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }
.footer-social-icon .icon-label {
  color: #FFFFFF;
  display: inline-block;
  vertical-align: middle;
  padding-left: 10px;
  transition-property: color;
  transition-duration: 0.3s;
  -moz-transition-property: color;
  -moz-transition-duration: 0.3s;
  -webkit-transition-property: color;
  -webkit-transition-duration: 0.3s;
  -o-transition-property: color;
  -o-transition-duration: 0.3s;
  -ms-transition-property: color;
  -ms-transition-duration: 0.3s;
  -ms-transition-timing-function: ease-out-quart;
  -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }

.footer-social-icon:hover .circle-icon {
  background-color: #FF8800; }
  .footer-social-icon:hover .circle-icon > i {
    color: #FFFFFF; }
.footer-social-icon:hover .icon-label {
  color: #FF8800; }

/* - the footer END */
/**
 * 7.0 Media Queries
 * ----------------------------------------------------------------------------
 */
body.semi-responsive-mode.menu-type-1 .main-container, body.semi-responsive-mode.menu-type-2 .main-container {
  overflow-x: visible; }
body.semi-responsive-mode.menu-type-1 .the-content-con:not(.fullit), body.semi-responsive-mode.menu-type-2 .the-content-con:not(.fullit) {
  max-width: none;
  width: calc(100% - 290px);
  left: 270px;
  margin-left: 0px;
  position: relative;
  top: 0; }

body.semi-responsive-mode.menu-type-3 .main-container, body.semi-responsive-mode.menu-type-4 .main-container {
  overflow-x: visible; }
body.semi-responsive-mode.menu-type-3 .the-content-con:not(.fullit), body.semi-responsive-mode.menu-type-4 .the-content-con:not(.fullit) {
  max-width: none;
  width: calc(100% - 290px);
  left: 260px;
  margin-left: 0px;
  position: relative;
  top: 0;
  right: auto;
  float: none; }

body.semi-responsive-mode.menu-type-1.page-gallery-w-thumbs .the-content-con, body.menu-type-2.semi-responsive-mode.page-gallery-w-thumbs .the-content-con {
  left: 0; }

body.semi-responsive-mode.content-align-left .the-content-con {
  left: 250px;
  right: auto; }

body.menu-type-1.semi-responsive-mode.content-align-right .the-content-con, body.menu-type-1.semi-responsive-mode.content-align-right .the-content-con {
  margin-right: 20px; }

body.semi-responsive-mode.menu-type-5 .the-content-con {
  left: 0; }

@media (max-width: 909px) {
  body.page-homepage .main-gallery--descs {
    display: none; } }
@media (max-width: 759px) {
  hr.lions-hr-medium {
    width: 280px; } }
@media (max-width: 1200px) {
  .meet-the-team-con .row-section {
    margin-bottom: 22px; }
  .meet-the-team-con .col-md-6 {
    width: 50%;
    float: left; }

  .overflow-hidden div.thumbsCon {
    overflow: hidden; } }
@media (max-width: 1100px) {
  .meet-the-team-con .team-member-element {
    margin-bottom: 45px; }
  .meet-the-team-con .col-md-6 {
    width: 100%;
    float: none; } }
@media (max-width: 992px) {
  .contact-form .contact-form-button {
    left: 15px;
    z-index: 55; }
  .contact-form textarea.input-for-feedback {
    margin-top: 10px; }

  .row.row-margin > div[class*="col-md-"] {
    margin-bottom: 30px; }

  .bullet-features-con-no-marginb .bullet-features:last-child .feature-content {
    margin-bottom: 43px; }

  .row-pricing-tables .col-md-4 {
    margin-bottom: 30px; }

  .row.bullet-features .col-md-4 {
    margin-bottom: 30px; }

  .col-md-4.col-sm-4.bullet-feature-2 {
    width: 33.333%;
    float: left; }

  .services-right-image-box {
    margin-top: 30px; }

  .secondary-content--team-achievements > .featured-media-con {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100% !important; }
  .secondary-content--team-achievements > .feature-overlay {
    position: relative;
    height: auto;
    padding-top: 21px;
    padding-bottom: 10px; }
    .secondary-content--team-achievements > .feature-overlay > .row {
      position: relative;
      top: 0;
      transform: none; }
  .secondary-content--team-achievements .col-md-3 {
    width: 50%;
    float: left;
    margin-bottom: 20px; }
    .secondary-content--team-achievements .col-md-3 h5 {
      white-space: nowrap;
      width: 100%;
      overflow: hidden;
      text-overflow: ellipsis; }

  .social-block > .row {
    padding-top: 30px;
    padding-bottom: 0px; }
  .social-block .col-md-3 {
    width: 50%;
    float: left;
    margin-bottom: 30px; }
  .social-block .col-md-3:nth-child(3n), .social-block .col-md-3:nth-child(4n) {
    margin-bottom: 12px; }

  .row-section .col-md-6:first-child > h4 {
    margin-top: 10px; }
  .row-section .col-md-6 > h4 {
    margin-top: 60px; }

  .col-md-4.bullet-feature-2 {
    margin-bottom: 25px; }

  .col-md-4.bullet-feature {
    margin-bottom: 25px; }

  .col-md-4.bullet-feature > img.fullwidth {
    display: block;
    margin-bottom: 60px; }

  body.page-portfolio-single .portfolio-single-meta-con {
    margin-bottom: 30px; }
  body.page-portfolio-single .quater-bg {
    display: none; }

  body.page-portfolio-single blockquote {
    margin-bottom: 20px; }
  body.page-portfolio-single .desc-content-wrapper > .social-con {
    position: relative;
    left: 0;
    bottom: 0;
    margin-left: 15px;
    margin-bottom: 23px; }
  body.page-portfolio-single .portfolio-link-con .portfolio-link--title {
    font-size: 0;
    height: 60px; }

  .row-section-for-buttons .col-md-6 {
    width: 50%;
    float: left; } }
.row.services-lightbox-content {
  position: relative;
  padding: 0; }
  .row.services-lightbox-content > .services-lightbox-content--content {
    opacity: 1;
    top: 0; }
    .row.services-lightbox-content > .services-lightbox-content--content h2 {
      margin-top: 15px; }

/* responsive breakpoint - 1000px */
@media (max-width: 1000px) {
  body.page-title-style-1.page-title-no-antetitle {
    margin-top: 0; }

  body {
    width: 100%;
    overflow-x: hidden; }
    body > .preseter {
      display: none; }
    body .main-bg-con .main-bg-image {
      display: none; }
    body .main-bg-con > .main-bg-div {
      display: block; }
    body .fullbg {
      display: none; }
    body .qcreative--520-nav-con {
      display: block; }
      body .qcreative--520-nav-con .dzs-select-wrapper select {
        font-size: 12px; }
      body .qcreative--520-nav-con .custom-responsive-menu {
        display: block; }
    body .qcreative--nav-con {
      display: none; }
    body .the-content-con {
      margin-bottom: 0;
      width: 100% !important;
      left: 0px !important;
      padding-left: 0 !important;
      padding-right: 0 !important;
      position: relative;
      max-width: none !important;
      top: 0; }
      body .the-content-con > h1 {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        text-align: center !important;
        margin-bottom: 0;
        background-color: rgba(0, 0, 0, 0.6);
        padding-top: 21px;
        padding-bottom: 21px;
        font-size: 40px !important;
        transform: none !important;
        -webkit-transform: none !important; }
      body .the-content-con .the-content {
        background-color: #202020;
        padding-left: 0;
        padding-top: 0;
        padding-right: 0;
        padding-bottom: 0.1px; }
        body .the-content-con .the-content > .translucent-con {
          display: none; }
        body .the-content-con .the-content .the-content-inner {
          overflow: hidden; }
          body .the-content-con .the-content .the-content-inner .translucent-layer {
            margin-left: 0;
            margin-right: 0; }
            body .the-content-con .the-content .the-content-inner .translucent-layer > .zfolio {
              padding-left: 0;
              padding-right: 0; }
      body .the-content-con .the-content-sheet {
        margin-bottom: 0; }
    body .contact-featured-media-con > .featured-media--image {
      position: relative;
      height: 230px; }
    body .contact-featured-media-con .view-map-overflower {
      position: absolute;
      top: 44px;
      left: 50%;
      margin-left: -30px;
      overflow: visible; }
    body .contact-featured-media-con .contact-info {
      width: 100%;
      background-color: #000000; }
    body .contact-form > .row {
      padding-bottom: 50px; }
    body .contact-form .contact-form-button {
      left: 15px;
      z-index: auto;
      bottom: 0;
      width: calc(100% - 30px); }
    body .contact-form textarea.input-for-feedback {
      margin-top: 10px; }
    body .main-container .advancedscroller.skin-whitefish.fixed-height .thumbsClip > .item, body .slider-con .advancedscroller.skin-whitefish.fixed-height .thumbsClip > .item {
      height: auto; }
    body .main-container .advancedscroller.skin-whitefish.fixed-height .thumbsClip > .item .row.center-it-v, body .slider-con .advancedscroller.skin-whitefish.fixed-height .thumbsClip > .item .row.center-it-v {
      position: relative;
      transform: none;
      top: 0; }
    body .main-container div.advancedscroller.testimonial-ascroller .thumbsClip .testimonial-col-name {
      float: none;
      width: 100%;
      margin-top: 15px;
      margin-bottom: 15px;
      transform: none;
      top: 0;
      left: 0;
      right: auto;
      position: relative; }
    body .main-container div.advancedscroller.testimonial-ascroller .thumbsClip .testimonial-col-quote {
      float: none;
      width: 100%;
      margin-top: 15px;
      margin-bottom: 15px;
      transform: none;
      top: 0;
      left: 0;
      right: auto;
      position: relative; }
    body .services-lightbox-content {
      height: 100vh; }
    body .main-container div.advancedscroller .thumbsClip .col-sm-2 {
      clear: both;
      width: 100%;
      height: 1px;
      display: block; }
    body .main-container div.advancedscroller .thumbsClip div.testimonial-col-quote {
      float: none;
      width: 100%;
      text-align: left;
      margin-bottom: 25px;
      position: relative;
      transform: none;
      -webkit-transform: none;
      top: 0; }
    body div.advancedscroller.testimonial-ascroller.is-thicker {
      margin-bottom: 0; }
      body div.advancedscroller.testimonial-ascroller.is-thicker > div.bulletsCon {
        position: relative;
        bottom: auto;
        margin-bottom: 30px;
        margin-left: 30px;
        text-align: left; }
    body .clients-slider div.thumbsCon {
      overflow: hidden; }
    body .secondary-content--mini-gmaps {
      height: 500px; }
      body .secondary-content--mini-gmaps .block-contact--floater {
        max-width: none;
        padding: 30px; }
    body .zfolio.skin-qcre .items > .excerpt-content-con .excerpt-content {
      background-color: #FFFFFF; }
      body .zfolio.skin-qcre .items > .excerpt-content-con .excerpt-content .dzs-col-8 {
        float: none;
        width: 100%; }
      body .zfolio.skin-qcre .items > .excerpt-content-con .excerpt-content .dzs-col-4 {
        float: none;
        width: 100%;
        padding-left: 45px;
        padding-right: 45px; }
      body .zfolio.skin-qcre .items > .excerpt-content-con .excerpt-content .desc-content-wrapper.desc-content-wrapper-special-1 .dzs-col-4 {
        padding-left: 15px;
        padding-right: 15px; }
      body .zfolio.skin-qcre .items > .excerpt-content-con .excerpt-content div[class^="dzs-col-"]:last-child {
        padding-bottom: 15px; }
    body .zfolio-portfolio-expandable.layout-3-cols-15-margin div.zfolio-item {
      width: 50%; }
    body .zfolio.skin-silver .selector-con, body .zfolio.skin-melbourne .selector-con {
      text-align: center; }
    body .zfolio.skin-melbourne, body .zfolio-portfolio-expandable {
      padding-left: 30px;
      padding-right: 30px; }
    body .selector-con-for-skin-melbourne {
      text-align: center;
      padding-left: 30px;
      padding-right: 30px; }

  body.content-align-left .the-content-con {
    left: 0;
    margin-left: 0;
    right: auto;
    float: none; }

  body.content-align-right .the-content-con {
    right: 0;
    margin-right: 0;
    left: auto;
    float: none; }

  body.page-gallery-w-thumbs .gallery-thumbs-con {
    padding: 0;
    position: relative; }
    body.page-gallery-w-thumbs .gallery-thumbs-con .translucent-con {
      display: none; }
  body.page-gallery-w-thumbs .main-bg-con {
    height: 500px !important;
    overflow: visible !important; }
  body.page-gallery-w-thumbs .the-content-bg {
    display: block; }
  body.page-gallery-w-thumbs .the-content-con > h1 {
    display: block; }
  body.page-gallery-w-thumbs .the-content-con .the-content:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #222222; }
  body.page-gallery-w-thumbs .the-content-con .the-content .translucent-con {
    display: none; }
    body.page-gallery-w-thumbs .the-content-con .the-content .translucent-con .traslucent-canvas {
      display: none; }
    body.page-gallery-w-thumbs .the-content-con .the-content .translucent-con .translucent-overlay {
      background-color: #222222; }
  body.page-gallery-w-thumbs .the-content-con > .the-content {
    transition-property: top, left, opacity;
    transition-duration: 0.3s;
    -moz-transition-property: top, left, opacity;
    -moz-transition-duration: 0.3s;
    -webkit-transition-property: top, left, opacity;
    -webkit-transition-duration: 0.3s;
    -o-transition-property: top, left, opacity;
    -o-transition-duration: 0.3s;
    -ms-transition-property: top, left, opacity;
    -ms-transition-duration: 0.3s;
    -ms-transition-timing-function: ease-out-quart;
    -webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
    transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); }

  body.page-gallery-w-thumbs.remove_overflow {
    overflow: auto; }

  body.page-gallery-w-thumbs .main-container.scroller-con.skin_apple {
    height: auto; }

  body.page-portfolio.no-padding .main-container .zfolio.skin-silver > .selector-con {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0; }

  div.zoombox-maincon.transition-gallery-helper-rectangle div.helper-rectangle {
    position: fixed;
    top: 230px !important;
    height: calc(100% - 230px); }

  .zoombox-maincon .holder-con div.holder.type-inlinecontent {
    background-color: transparent; }
  .zoombox-maincon .holder-con .qcreative--520-nav-con--placeholder {
    display: block; }

  .zoombox-maincon.transition-gallery-helper-rectangle div.helper-rectangle {
    position: fixed;
    top: 0;
    left: 0; }

  body.zoombox-opened .zfolio-portfolio-fullscreen-con {
    height: 1px;
    overflow: hidden; }

  body.page-blogsingle .the-content-con .the-content-sheet.blog-single-block {
    margin-bottom: 30px; }
  body.page-blogsingle .sidebar-main {
    margin-top: 30px;
    top: 0; }
  body.page-blogsingle input[name=the_email] {
    margin-top: 10px; }

  body.page-portfolio-single .the-content-con.fullit .advancedscroller-con-placeholder {
    display: none; }
  body.page-portfolio-single .the-content-con.fullit .the-content > .the-content-inner > .row > .col-md-12 > .advancedscroller-con {
    display: none; }
  body.page-portfolio-single .the-content-con.fullit .portfolio-single-meta-con {
    padding-left: 0; }
  body.page-portfolio-single .the-content-con.fullit .arrow-left-for-skin-qcre, body.page-portfolio-single .the-content-con.fullit .arrow-right-for-skin-qcre, body.page-portfolio-single .the-content-con.fullit .portfolio-single-liquid-title {
    display: none; }

  .main-container .responsive-featured-media-con {
    display: block; }
    .main-container .responsive-featured-media-con .main-bg-div {
      background-size: cover;
      background-position: center center; } }
@media (max-width: 850px) {
  body.page-contact .map-canvas-con.active {
    top: 0; }
    body.page-contact .map-canvas-con.active .contact-info {
      display: block;
      top: 0;
      left: auto;
      right: 0;
      width: auto;
      padding: 0; }
      body.page-contact .map-canvas-con.active .contact-info > * {
        display: none; }
      body.page-contact .map-canvas-con.active .contact-info > .services-lightbox--close {
        display: block; }

  .row-section-for-buttons .col-md-6 {
    width: 100%;
    float: none;
    margin-bottom: 20px; } }
@media (max-width: 720px) {
  .main-container .the-content-con.fullit .zfolio.skin-silver .selector-con .categories, .main-container .the-content-con.fullit .zfolio.skin-melbourne .selector-con .categories {
    padding-top: 20px; }

  .main-container .image-box {
    text-align: left; }
  .main-container .image-box .image-box--image {
    width: 100%;
    float: none; }
  .main-container .image-box .image-box--content {
    text-align: left;
    width: 100%;
    float: none; }
  .main-container .bullet--image {
    width: 100%; } }
@media (max-width: 630px) {
  .the-content-sheet-text > .section-number {
    display: none; }

  .the-content-sheet .the-content-sheet-text.heading-style-4 > h2, .the-content-sheet .the-content-sheet-text.heading-style-5 > h2 {
    font-size: 50px; } }
@media (max-width: 520px) {
  .cover-image .big-description {
    display: none; }

  .col-md-4.col-sm-4.bullet-feature-2 {
    width: 100%;
    float: none; }

  .team-member-element .meta-con .first-name, .team-member-element .meta-con .sur-name, .team-member-element .meta-con .the-role {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; }

  .team-member-element .pic-con {
    width: 118px;
    height: 118px;
    margin-right: 20px; }

  .team-member-element:before {
    display: none; }

  .team-member-element:after {
    display: none; } }
@media (max-width: 479px) {
  .hero-box > p {
    padding: 0 20px; }

  .scroller-testimonials .thumbsClip > li > p {
    padding: 0 20px; } }
/* -- media queries END */
/* highlight color elements */
.main-container .btn-zoomsounds:hover {
  background-color: #FF8800; }
.main-container .btn-zoomsounds:hover {
  border-color: #FF8800; }

/* 0.0 misc elements */
.hidden-when-not-in-zoombox {
  display: none; }

.zoombox-maincon .hidden-when-not-in-zoombox {
  display: block; }

/* all highlights here */
.element-contact-feature a:hover {
  color: #FF8800; }

/**
 * 8.0 Cross-Browser Hacks
 * ----------------------------------------------------------------------------
 */
@-moz-document url-prefix() {
  .nav-social-con .social-icons {
    pointer-events: none; }
    .nav-social-con .social-icons > a {
      pointer-events: all; } }
/*

-- uncomment this for no preloading

body{
  .the-content-con{
    opacity: 1;
  }

  .preloader-con{
    opacity:0;
    visibility: hidden;
  }

  nav.qcreative--nav-con{
    opacity: 1;
  }
}

*/

/*# sourceMappingURL=qcreative.css.map */