/* ------ venobox.css --------*/
.vbox-overlay *, .vbox-overlay *:before, .vbox-overlay *:after{
    -webkit-backface-visibility: hidden;
    -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{
    -webkit-overflow-scrolling:touch;
}
/* ------- overlay: change here background color and opacity ----- */
.vbox-overlay{
    background: #181818;
    background: rgba(0,0,0,0.85); 
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 999;
    overflow: hidden;
    opacity: 0;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
}
.relativo{
    float: left;
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
}
/* ----- preloader - choose between CIRCLE, IOS, DOTS, QUADS ----- */

/* circle preloader */
.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:32px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
	background: none;
	display: none;
    /*background-image: url(../img/icns/preload-circle.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(18) infinite;
       -moz-animation: playload 1.4s steps(18) infinite;
        -ms-animation: playload 1.4s steps(18) infinite;
         -o-animation: playload 1.4s steps(18) infinite;
            animation: playload 1.4s steps(18) infinite;*/
}
@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -576px; }
}
/* IOS preloader */
/*
.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:32px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(../img/icns/preload-ios.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(12) infinite;
       -moz-animation: playload 1.4s steps(12) infinite;
        -ms-animation: playload 1.4s steps(12) infinite;
         -o-animation: playload 1.4s steps(12) infinite;
            animation: playload 1.4s steps(12) infinite;
}

@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
*/
/* dots preloader */
/*
.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:11px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(../img/icns/preload-dots.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(24) infinite;
       -moz-animation: playload 1.4s steps(24) infinite;
        -ms-animation: playload 1.4s steps(24) infinite;
         -o-animation: playload 1.4s steps(24) infinite;
            animation: playload 1.4s steps(24) infinite;
}

@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -768px; }
}
*/
/* quads preloader */
/*
.vbox-preloader{
    position:fixed; 
    width:32px; 
    height:10px;
    left:50%; 
    top:50%; 
    margin-left:-16px; 
    margin-top:-16px;
    background-image: url(../img/icns/preload-quads.png);
    text-indent: -100px;
    overflow: hidden;
    -webkit-animation: playload 1.4s steps(12) infinite;
       -moz-animation: playload 1.4s steps(12) infinite;
        -ms-animation: playload 1.4s steps(12) infinite;
         -o-animation: playload 1.4s steps(12) infinite;
            animation: playload 1.4s steps(12) infinite;
}
@-webkit-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-moz-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-ms-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@-o-keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
@keyframes playload {
   from { background-position:    0px; }
     to { background-position: -384px; }
}
*/
/* ----- navigation ----- */
.vbox-close{
    cursor: pointer;
    position: fixed;
    top: -1px;
    right: 0;
    width: 50px;
    height: 50px;
    padding: 10px 20px 10px 0;
    display: block;
    background: url(../img/icns/close.png) no-repeat #000;
    background-position:10px center;
	background-size: 30px 30px;
    color: #fff;
    text-indent: -100px;
    overflow: hidden;
}
.vbox-next, .vbox-prev{
    cursor: pointer;
    position: fixed;
    top: 50%;
    color: #fff;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    text-indent: -100px;
    overflow: hidden;
}
.vbox-prev{
    left: 10px;
    background: url(../img/icns/prev.gif) center center no-repeat;
}
.vbox-next{
    right: 10px;
    background: url(../img/icns/next.gif) center center no-repeat;
}

.vbox-title{
    width: 100%;
    height: 40px;
    float: left;
    text-align: center;
    line-height: 28px;
    font-size: 1.125em;
    color: #fff;
    padding: 6px 40px;
    overflow: hidden;
    background: #000;
    position: fixed;
    display: none;
    top: -1px;
    left: 0;
	text-transform: uppercase;
    /*letter-spacing: 0.15em;*/
}
.vbox-num{
    cursor: pointer;
    position: fixed;
    top: -1px;
    left: 0;
    height: 40px;
    display: block;
    color: #fff;
    overflow: hidden;
    line-height: 28px;
    font-size: 12px;
    padding: 6px 10px;
    background: #161617;
    display: none;
}
/* ------- inline window ------ */
.vbox-inline{
    width: 100%;
	max-width:658px; 
    height: 100%;
	max-height:none; 
    padding: 10px;
    background: #fff;
    text-align: left;
    margin: 0 auto;
	border-radius: 0.5em;
}

/* ------- Video & iFrames window ------ */
.venoframe{
    border: none;
    width: 960px;
    height: 720px;
}
@media (max-width: 992px) {
    .venoframe{
        width: 640px;
        height: 480px;
    }
}
@media (max-width: 767px) {
    .venoframe{
        width: 420px;
        height: 315px;
    }
}
@media (max-width: 460px) {
    .vbox-inline{
        width: 100%;
    }

    .venoframe{
        width: 100%;
        height: 260px;
    }
}

/* ------- PLease do NOT edit this! (or do it at your own risk) ------ */
.vbox-container{
    position: relative;
    background: #000;
    width: 98%;
    max-width: 1024px;
    margin: 0 auto;
}
.vbox-content{
    text-align: center;
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.vbox-container img{
    max-width: 100%;
    height: auto;
}
.vwrap{
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
    width: 100%;
    height: auto;
    float: left;
    position: relative;
    margin: 0;
    padding: 0;
    left: 0;
    overflow: hidden;
    z-index: 1;
}/* Fonts */
@font-face {
    font-family: 'gotham-bold';
    src: url('../fonts/gotham/gotham_bold-webfont.eot');
    src: url('../fonts/gotham/gotham_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham/gotham_bold-webfont.woff2') format('woff2'),
         url('../fonts/gotham/gotham_bold-webfont.woff') format('woff'),
         url('../fonts/gotham/gotham_bold-webfont.ttf') format('truetype'),
         url('../fonts/gotham/gotham_bold-webfont.svg#gothambold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham-regular';
    src: url('../fonts/gotham/gotham_book-webfont.eot');
    src: url('../fonts/gotham/gotham_book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham/gotham_book-webfont.woff2') format('woff2'),
         url('../fonts/gotham/gotham_book-webfont.woff') format('woff'),
         url('../fonts/gotham/gotham_book-webfont.ttf') format('truetype'),
         url('../fonts/gotham/gotham_book-webfont.svg#gotham_bookregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham-light';
    src: url('../fonts/gotham/gotham_light-webfont.eot');
    src: url('../fonts/gotham/gotham_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham/gotham_light-webfont.woff2') format('woff2'),
         url('../fonts/gotham/gotham_light-webfont.woff') format('woff'),
         url('../fonts/gotham/gotham_light-webfont.ttf') format('truetype'),
         url('../fonts/gotham/gotham_light-webfont.svg#gothamregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'gotham-medium';
    src: url('../fonts/gotham/gotham_medium-webfont.eot');
    src: url('../fonts/gotham/gotham_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/gotham/gotham_medium-webfont.woff2') format('woff2'),
         url('../fonts/gotham/gotham_medium-webfont.woff') format('woff'),
         url('../fonts/gotham/gotham_medium-webfont.ttf') format('truetype'),
         url('../fonts/gotham/gotham_medium-webfont.svg#gothamregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
  font-family:'calibri';
  src: url('../fonts/calibri/calibri.eot');
  src: url('../fonts/calibri/calibri.eot?#iefix') format('embedded-opentype'),
     url('../fonts/calibri/calibri.woff') format('woff'),
     url('../fonts/calibri/calibri.ttf') format('truetype'),
     url('../fonts/calibri/calibri.svg#calibri') format('svg');
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family:'calibril';
  src: url('../fonts/calibri/calibril.eot');
  src: url('../fonts/calibri/calibril.eot?#iefix') format('embedded-opentype'),
     url('../fonts/calibri/calibril.woff') format('woff'),
     url('../fonts/calibri/calibril.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}

/* Global Styles */

html,
body {
    width: 100%;
    height: auto;
    margin: 0 !important;
    position: relative;
}

body {
    font-family: "calibri", "gotham-regular",Helvetica,Arial,sans-serif;
    text-align: justify;
    overflow-x: hidden;
}

#body-home {
    overflow-x: hidden;
}

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.text-justify { text-align: justify; }
.space5 { width: 100%; height: 0.75em; }
.space10 { width: 100%; height: 2em; }
.space20 { width: 100%; height: 4em; }
.space30 { width: 100%; height: 6em; }
.space40 { width: 100%; height: 8em; }
.relative { position: relative; }
.fixed { position: fixed; }
.absolute { position: absolute; }
.clearfix { clear: both; }
.no-border { border: none !important; }
.uppercase { text-transform: uppercase !important; }
.non-uppercase { text-transform: none !important; }
.text-red { color: #d0112b !important; }
.mobileonly { display: none !important }
.req { position: absolute; right: 0; top: 10%; }
a, .list div[class^="col-"], .list a div[class^="icn-"],
.btn-brochure:before  { 
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out; 
}

a { color: #7a232e }
a:hover { color: #a33a4b }

.text-vertical-center {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

#home .text-vertical-center {
  vertical-align: bottom;
}

.text-vertical-center h1 {
    margin: 0;
    padding: 0;
    font-size: 4.5em;
    font-weight: 700;
}

#preload {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: #fff url(../img/loader.gif) center no-repeat;
    background-size: 10em;
    z-index: 9999999;
}

/* Custom Button Styles */

.btn-dark {
    border-radius: 0;
    color: #fff;
    background-color: rgba(0,0,0,0.4);
}

.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff;
    background-color: rgba(0,0,0,0.7);
}

.btn-light {
    border-radius: 0;
    color: #333;
    background-color: rgb(255,255,255);
}

.btn-light:hover,
.btn-light:focus,
.btn-light:active {
    color: #333;
    background-color: rgba(255,255,255,0.8);
}

/* Custom Horizontal Rule */

hr.small {
    max-width: 100px;
}

.btn-brochure {
    display: inline-block;
    width: 2.25em;
    height: 2.25em;
    font-size: 1em;
    background-image: url(../img/icns/btn-brochure.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: fixed;
    top: 1.25em;
    right: 5.75em;
    text-decoration: none !important;
}
/*
.btn-brochure:hover {
    background-image: url(../img/icns/btn-brochure-h.png);
}*/

.btn-brochure:before {
    content: 'Furniture Brochure';
    text-transform: uppercase;
    font-family: "gotham-bold";
    position: relative;
    right: 13em;
    /*right: 6.5em;*/
    top: 0.3em;
    width: 14em;
    display: inline-block;
    color: #333;
    font-size: 1em;
    text-decoration: none !important;
}

.btn-brochure.btn-business-brochure {
    right: 22em
}

.btn-brochure.btn-business-brochure:before {
    content: 'Business Solutions Brochure';
    width: 18.5em;
    right: 18.5em;
}

.btn-brochure:hover::before {
    color: #7a232e;
    text-decoration: none !important;
}

.btn-brochure > i {
    display: none;
    cursor:text;    
    font-style: normal;
    color: #fff;
    background: #cd2028;
    background-clip: padding-box;
    box-shadow: none;
    border: 4px solid #cd2028;
    border-radius: 6px;
    position: absolute;
    width: 12em;
    margin-left: -6em;
    left: 49.9%;
    padding: 0.5em;
    top: 100%;
    margin-top: 1em;
    visibility:hidden;
    opacity:0;
    line-height: 1;
    text-align: center;
    -webkit-transition: opacity 0.5s linear;
    -ms-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}
.btn-brochure > i:before, .tb > i:after{content: "";position:absolute;border-left:10px solid transparent;border-right:10px solid transparent;bottom:100%;left:50%;margin-left:-10px}
.btn-brochure > i:before{border-bottom: 10px solid #cd2028;margin-bottom: 4px;padding-top: 5px}
.btn-brochure > i:after{border-bottom: 10px solid #cd2028;margin-bottom: -2px;z-index: 1}
.btn-brochure:hover > i{visibility: visible;opacity:1}

.menu-toggle {
    z-index: 3;
    position: fixed;
    /*top: 1em;*/
    top: 0.75em;
    right: 1.75em;
    width: 3em;
    height: 3em;
    background: #fff;
    border-radius: 50%;
    display: table;
    -webkit-box-shadow: 0px 0px 0.125em 0.125em rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 0.125em 0.125em rgba(0,0,0,0.15);
    box-shadow: 0px 0px 0.125em 0.125em rgba(0,0,0,0.15);
}

.menu-toggle.fixed { z-index: 3 }

.stripe {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.stripe div {
    width: 1.5em;
    height: 0.22em;
    margin: 0.2em auto;
    background: #7a232e;
}

.open-menu.menu-toggle:hover { background: #7a232e }
.open-menu.menu-toggle:hover .stripe div { background: #fff }

nav {
    position: fixed;
    display: table;
    opacity: 0;
    top: 0;
    left: 0;
    z-index: 0;
    background: #7a232e url(../img/assets/menu-bg.png) no-repeat center;
    background-size: cover;
    width: 100%;
    height: 100vh;
    overflow: scroll;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out; 
}

nav.active {
    opacity: 1;
    z-index: 3;
}

.logo { 
  width: 16em;
  margin: 1.5em 2em 1.25em; 
  position: absolute; 
  z-index: 3; 
  display: none!important;
}

nav .menu-toggle {
    opacity: 1;
    position: absolute;
}

nav .menu-toggle .stripe div {
    margin: 0 0.85em;
    width: 1.5em;
    height: 0.22em;
    position: absolute;
}

nav .menu-toggle .stripe div:nth-child(1) {
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

nav .menu-toggle .stripe div:nth-child(2) {
    -ms-transform: rotate(-45deg); /* IE 9 */
    -webkit-transform: rotate(-45deg); /* Chrome, Safari, Opera */
    transform: rotate(-45deg);
}

nav .menu-toggle:hover { background: #000 }
nav .menu-toggle:hover .stripe div { background: #fff }

nav ul, #contact {
    position: relative;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    list-style: none;
    width: 100%;
    height: auto;
    padding-top: 4em;
    margin: 0;
    padding-left: 0;
}

nav ul li { margin: 0;}

nav ul li a {
    font-family: "gotham-bold";
    font-size: 320%;
    color: #fff;
    line-height: 1.5;
    text-transform: uppercase;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; 
}

nav ul li a:hover {
    text-decoration: none;
    color: #431118
}

#contact {
    z-index: -1;
    position: relative;
    display: none;
    opacity: 0;
    left: 0;
    font-family: "gotham-medium";
    font-size: 200%;
    color: #fff;
    line-height: 1;
    text-transform: uppercase;
}

#contact h2 {
    font-size: 180%;
    margin-bottom: 2%;
    font-family: "gotham-medium";
}

#contact a {
    display: block;
    margin-top: 1%;
    color: #fff;
    font-size: 80%;
    font-family: "gotham-regular";
    text-transform: none;
    line-height: 1;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out; 
}

#contact a:hover {
    color: #431118;
    text-decoration: none;
}

#contact-back {
    text-transform: uppercase !important;
    font-family: "gotham-medium";
}

#mobile-buttons {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100vw;
}

#mobile-buttons .btn-brochure { 
  display: inline-block;
  position: static;
  font-family: "gotham-bold";
  background-color: #fff;
  width: 50%;
  vertical-align: bottom;
  color: #7a232e;
  text-align: left;
  background-position: 92%;
  background-size: auto 75%;
  line-height: 1;
  font-size: 1em;
  padding:2vw 7vw 1.5vw 4vw;
  height: auto;
}

#mobile-buttons .btn-brochure:nth-child(1) {
  border-right: 1px solid #7a232e;
} 

#mobile-buttons .btn-brochure:before {
  content: none!important
}

/* CONTACT FORM */

#contact-form { 
  font-size: 1.125em;
  z-index: 1; 
  position: relative;
  width: 100%;
  height: auto;/*100vh*/
  /*min-height: 35em;
  max-height: 35em;*/
  background: #fff;
  padding: 2em 0 5em;
  color: #999;
  border-top: 1px solid #f0f0f0;
}
#upload { padding-top: 1.5em; text-align: left; }
#uploadStatus { margin-top: 1em}
.fs-form {
  width: 100%;
  margin: 0 auto;
}

.fs-form-wrap input:focus,
.fs-form-wrap button:focus {
  outline: none;
}
.fs-fields {
  position: relative;
  margin: 0 auto;
  padding: 0;
  top: 0;
  list-style: none;
}

.fs-fields > li {
  position: relative;
  z-index: 1;
  margin: 0;
  padding: 0;
  border: none;
}

.fs-fields > li:hover {
  z-index: 999;
}

.fs-fields > li.error {
  background: #F9DCDC;
}

.fs-fields > li:nth-child(4).error > .cs-select > .cs-placeholder { display: block; width: 100%; background: #F9DCDC !important; }
.fs-fields > li:nth-child(4).error > .cs-select > .cs-options { background: #F9DCDC }

.fs-form-overview .fs-fields > li,
.no-js .fs-form .fs-fields > li {
  width: 100%;
  margin: 1em 0 1em;
  padding: 0 0 2em 0;
  border-bottom: 2px solid rgba(0,0,0,0.1);
}
.fs-fields input {
  display: block;
  margin: 1em 0;
  padding: 0.25em 0 1.25em;
  width: 100%;
  border: none;
  border-bottom: 2px solid rgba(0,0,0,0.2);
  background-color: transparent;
  color: #333; /*rgba(0,0,0,0.8);*/
  text-overflow: ellipsis;
  font-weight: normal;
  font-size: 1.5em;
  border-radius: 0;
  font-family: "calibri", "gotham-regular";
}

.fs-field-label, #uploadStatus {
  font-weight: 400;
  font-size: 1.5em;
  font-family: "gotham-regular"
}

.fs-fields input[type=file], #uploadStatus {
  font-size: 1em;
}

#txtSubject2 {
  display: block;
  padding: 0;
  margin: 0;
  border: none;
  position: absolute;
  top: -100%;
  z-index: -1;
  text-indent: -9999px;
}

.fs-fields input[type=radio] {
  display: inline-block;
  margin-right: 0.2em;
  vertical-align: middle;
  width: auto;
  line-height: 2em;
}

.fs-fields .fs-radio-group span { line-height: 1.25em }

.fs-fields input:invalid {
  box-shadow: none; /* removes red shadow in FF*/
}

.fs-form-overview .fs-fields input {
  border-bottom-color: transparent;
  color: rgba(0,0,0,0.5);
}

.fs-fields [required] {
  background-image: url(../img/icns/abacusstar.svg);
  background-position: top right;
  background-size: 18px;
  background-repeat: no-repeat;
}

.fs-fields input:focus {
  /*background-color: #fafafa; *//* Fixes chrome bug with placeholder */
}

.fs-form-overview .fs-fields input:focus {
  /*background-color: #fff;*/ /* Fixes chrome bug with placeholder */
}

.fs-form-overview .fs-fields input {
  font-size: 1.2em;
}

.fs-fields .fs-radio-custom input[type="radio"] {
  position: absolute;
  display: block;
  margin: 30px auto 20px;
  margin: 0 auto 20px;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

.fs-fields > li .fs-radio-custom span {
  float: left;
  position: relative;
  margin-right: 3%;
  padding: 10px;
  max-width: 200px;
  width: 30%;
  text-align: center;
  font-weight: 700;
  font-size: 50%;
  font-family: "gotham-regular";
}

.fs-fields > li .fs-radio-custom span label {
  color: rgba(0,0,0,0.4);
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.fs-fields .fs-radio-custom label:hover::after,
.fs-fields input[type="radio"]:focus + label::after,
.fs-fields input[type="radio"]:checked + label::after {
  opacity: 1;
}

.fs-fields .fs-radio-custom input[type="radio"]:checked + label {
  color: #fff;
}

.fs-form-overview .fs-fields .fs-radio-custom input[type="radio"]:checked + label {
  color: rgba(0,0,0,0.8);
}

.fs-fields textarea {
  width: 100%;
  background-color: transparent;
  color: rgba(0,0,0,0.8);
  font-weight: normal;
  font-size: 1.5em;
  resize: none;
  height: 5em;
  display: block;
  margin: 0;
  padding: 0.25em 0 1.25em;
  width: 100%;
  border: none;
  border-bottom: 2px solid rgba(0,0,0,0.2);
  font-family: "calibri",'gotham-regular';
}

.fs-fields textarea:focus {
  outline: none;
}

.fs-form-overview .fs-fields textarea:focus {
  background: #fff;
}
.fs-form-wrap button.btn-default,
.btn-default {
  display: inline-block;
  width: auto;
  color: #fff;
  background-color: #7a232e;
  border: 0;
  text-shadow: none;
  text-transform: uppercase;
  padding: 0.75em 2em;
  font-weight: 400;
  font-size: 1.25em;
  -webkit-transition: all 0.35s;
  -moz-transition: all 0.35s;
  transition: all 0.35s;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.fs-form-wrap button.btn-default:hover,
.btn-default:hover { background-color: #d0112b }

.cs-placeholder { display: block; width: 100%; color: #666; }

/* Remove IE clear cross */
input[type=text]::-ms-clear {
    display: none;
}
button.fs-submit {
  padding: 0.6em 1.5em;
  border: 3px solid #666;
  border-radius: 0;
  font-weight: normal;
  color: #666;
  font-family: "gotham-regular";
  text-transform: uppercase;
  cursor: pointer;
}

.fs-form .fs-submit,
.no-js .fs-form .fs-submit  {
  display: block;
  float: right;
  font-size: 0.875em;
  border-color: #666;
  background: #fff;
  color: #666;
  text-transform: uppercase;
}

button.fs-submit:hover,
button.fs-submit:focus {
  background: #5458d8;
  border-color: #5458d8;
  color: #fff;
}
button.fs-submit:disabled,
button.fs-submit:hover:disabled {
  border-color: #aaa;
  color: #aaa;
  background: #fff;
  cursor: default;
}

.fs-form select { display: none; }


.cs-select {
    margin: 0.5em 0 0;
    *zoom: 1;
    font-size: 1.5em;
    font-family: "calibri","gotham-regular";
    font-weight: 400;
    text-align: left;
}

.cs-select:after {
    clear: both;
    content: "";
    display: table;
}

.cs-options {
    /* Size and position */
    position: relative; /* Enable absolute positionning for children and pseudo elements */
    width: 100%;
    margin: 0 auto;

    /* Styles */
    background: transparent;
    color: #333;
    cursor: pointer;
    outline: none;    
    margin: 0 0 1em 0;
    padding: 0.25em 0 1.25em;
    width: 100%;
    border: none;
    border-bottom: 2px solid rgba(0,0,0,0.2);
    font-family: "calibri","gotham-regular";
}

.cs-options:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    margin-top: -1em;
    width: 1.25em;
    height: 1.25em;
    background-image: url(../img/icns/down-arrow.svg);
    background-size: contain;
}

.cs-options li:hover span {
    color: #7a232e;
}

.fs-form * { outline: none !important;}

.cs-options ul {
  /* Size & position */
    position: absolute;
    top: 100%;
    left: 0;
    right: 0px;
    width: 100%;
    margin: -1.25em 0 0;
    padding: 0;

    /* Styles */
    background: #fff !important;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
    z-index: 999999;
}

.cs-options ul li span {
    line-height: 1.5em;
    background: #fff !important;
}

.cs-options ul li a,
.cs-options li span {
    display: block;
    text-decoration: none;
    color: #333;
    padding: 10px 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.cs-options ul li:nth-child(1) a { 
    border-left-color: #00ACED;
}

.cs-options ul li:nth-child(2) a {
    border-left-color: #4183C4;
}

.cs-options ul li:nth-child(3) a {
    border-left-color: #3B5998;
}

.cs-options ul li i {
    margin-right: 5px;
    color: inherit;
    vertical-align: middle;
}

/* Hover state */

.cs-options ul li:hover a {
    color: grey;
}

/* Active state */

.cs-options.active:after {
    border-width: 0 6px 6px 6px;
}

.cs-options.active ul {
    opacity: 1;
    pointer-events: auto;
    background: #fff !important;
}

.cs-options:not(:focus) ul,
.cs-options ul:not(:focus),,
.cs-options ul:not(:hover) {
    background: #fff !important;
}

/* No CSS3 support */

.no-opacity       .cs-options ul,
.no-pointerevents .cs-options ul {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
    background: #fff !important;
}

.no-opacity       .cs-options.active .dropdown,
.no-pointerevents .cs-options.active .dropdown {
    display: block;
    background: #fff !important;
}

/* Error message */
.fs-message-error {
  position: absolute;
  bottom: 75%;
  left: 50%;
  z-index: 800;
  max-width: 960px;
  width: 70%;
  color: #eb7e7f;
  font-weight: 700;
  font-size: 1em;
  opacity: 0;
  -webkit-transform: translate3d(-50%,-5px,0);
  transform: translate3d(-50%,-5px,0);
}

.fs-message-error.fs-show {
  opacity: 1;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transform: translate3d(-50%,0,0);
  transform: translate3d(-50%,0,0);
}


@media screen and (max-width: 52.5em) {
  button.fs-submit {
    width: 100%;
    font-size: 1.25em;
  }
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #666;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #666;
}
:-moz-placeholder { /* Firefox 18- */
  color: #666;
}

/* Header */

.header, .about-us, .contact-us {
    display: table;
    position: relative;
    width: 100%;
    height: 100vh;
    min-height: 400px;
    background-color: #000;
    color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: initial;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.header.evolution {
    background-image: url(../img/assets/header-evolution.jpg);
}

.header.marquee {
    background-image: url(../img/assets/header-marquee.jpg);
}

.header.maxiform {
    background-image: url(../img/assets/header-maxiform.jpg);
}

.header.miniform {
    background-image: url(../img/assets/header-miniform.jpg);
}

.header.multideck {
    background-image: url(../img/assets/header-multideck.jpg);
}

.header.multideck {
    background-image: url(../img/assets/header-multideck.jpg);
}

.header.multiform {
    background-image: url(../img/assets/header-multiform.jpg);
}

.header.multiform-aframe {
    background-image: url(../img/assets/header-multiform-aframe.jpg);
}

.header.rondo {
    background-image: url(../img/assets/header-rondo.jpg);
}

.header.saddlespan {
    background-image: url(../img/assets/header-saddlespan.jpg);
}

.header.saddlespawn {
    background-image: url(../img/assets/header-saddlespawn.jpg);
}

.header.stretchtent {
    background-image: url(../img/assets/header-stretchtent.jpg);
}

.header.zendome {
    background-image: url(../img/assets/header-zendome.jpg);
}

.header.air-power {
    background-image: url(../img/assets/header-air-power.jpg);
}

.header.design-support {
    background-image: url(../img/assets/header-design-support.jpg);
}

.header.substructures {
    background-image: url(../img/assets/header-substructures.jpg);
}

.header.fabrication {
    background-image: url(../img/assets/header-fabrication.jpg);
}

.header.flooring {
    background-image: url(../img/assets/header-flooring.jpg);
}

.header.lighting {
    background-image: url(../img/assets/header-lighting.jpg);
}

.header.lining {
    background-image: url(../img/assets/header-lining.jpg);
}

.header.partitioning {
    background-image: url(../img/assets/header-partitioning.jpg);
}

.header.cocktail {
    background-image: url(../img/assets/header-cocktail.jpg);
}

.header.dining {
    background-image: url(../img/assets/header-dining.jpg);
}

.header.lights {
    background-image: url(../img/assets/header-lighting.jpg);
}

.header.lounge {
    background-image: url(../img/assets/header-lounge.jpg);
}

.header.outdoor {
    background-image: url(../img/assets/header-outdoor.jpg);
}

.header.utility {
    background-image: url(../img/assets/header-utility.jpg);
}

.header.dpwtc {
    background-image: url(../img/assets/header-dpwtc.jpg);
}

.header.fbmlo {
    background-image: url(../img/assets/header-fbmlo.jpg);
}

.header.gulf-concourse {
    background-image: url(../img/assets/header-gulf-concourse.jpg);
}

.header.mamemo {
    background-image: url(../img/assets/header-mamemo.jpg);
}

.header.nbo {
    background-image: url(../img/assets/header-nbo.jpg);
}

.header.wicked-anniversary {
    background-image: url(../img/assets/header-wicked-anniversary.jpg);
}

.header.sibf {
    background-image: url(../img/assets/header-sibf.jpg);
}

.header.bso {
    background-image: url(../img/assets/header-bso.jpg);
}

.header.beach-polo-cup {
    background-image: url(../img/assets/header-beach-polo-cup.jpg);
}

.header.dubai-abu-dhabi-tour {
    background-image: url(../img/assets/header-dubai-abu-dhabi-tour.jpg);
}

.header.psa-squash {
    background-image: url(../img/assets/header-psa-squash.jpg);
}



.about-us {
    background-image: url(../img/assets/about-us.jpg);
    height: 100%;
    background-position: left;
}
.contact-us {
    background-image: url(../img/assets/contact-us.jpg);
    height: 100%;
    background-position: left;
}

#section-contact { z-index: 2; }

#map_canvas {
    width: 100%;
    height: 100%;
    background: #fff;
}

.header h1 {
    background: url(../img/assets/header-bg.png) repeat-x top;
    background-size: contain;
    text-transform: uppercase;
    font-family: "gotham-medium";
    font-size: 4vw; /*7*/
    width: 100%;
    height: 50%;
    padding: 9vw 0.75em;
    margin: 0;
    text-align: left;
}

.header .controls,
.controls {
    font-size: 1em;
    position: absolute;
    z-index: 1;
    bottom: 0;
    width: 100%;
    height: 10em;
    background: url(../img/assets/footer-bg.png) repeat-x bottom;
    background-size: contain;
}

.header .controls a[class^="btn-"],
.controls a[class^="btn-"] {
    font-size: 1em;
    width: 2.5em; height: 2.5em;
    z-index: 1;
    display: block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    bottom: 1.5em;
    cursor: pointer;
} 

.header .controls { height: 100%; }

/*.header .controls a.btn-list:before,
.controls a.btn-list:before,
.controls a.btn-list2:before {
    content: "Scroll for more";
    color: #fff;
    font-size: 0.625em;
    width: 10em;
    position: absolute;
    left: 50%;
    margin-left: -5em;
    text-align: center;
    margin-top: -2em;
}*/

.header .controls a.btn-prev { background-image: url(../img/icns/icn-prev-2.png); top: 52%; bottom: auto; left: 3%; width: 0.875em;  }/*1.25em !important2.5em*/
.header .controls a.btn-prev:hover { background-image: url(../img/icns/icn-prev-2-h.png) }
.header .controls a.btn-next { background-image: url(../img/icns/icn-next-2.png); top: 52%; bottom: auto; right: 3%; width: 0.875em; }/*1.25em !important2.5em*/
.header .controls a.btn-next:hover { background-image: url(../img/icns/icn-next-2-h.png) }
/*.header .controls a.btn-list { background-image: url(../img/icns/icn-list.png); left: 50%; margin-left: -2em; }
.header .controls a.btn-list:hover { background-image: url(../img/icns/icn-list-h.png) }*/
.header .controls a.btn-list, .header .controls a.btn-list2, .controls a.btn-list, .controls a.btn-list2 { 
  background-image: url(../img/icns/icn-down-2.png); 
  background-position: top center;
  left: 50%; 
  width: 1.75em;/*2.75em;*/
  height: 1.75em;/*height: 2.75em;*/
  margin-left: -0.875em;/*-1.375em; */
  margin-bottom: -0.75em; 

  
  -webkit-animation-name: updown;
  -moz-animation-name: updown;
  -o-animation-name: updown;
  animation-name: updown;
  -webkit-animation-duration: 1.6s;
  -moz-animation-duration: 1.6s;
  -o-animation-duration: 1.6s;
  animation-duration: 1.6s;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  -o-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-timing-function: linear;
  -o-animation-timing-function: linear;
  animation-timing-function: linear;
}
.header .controls a.btn-list:hover, .controls a.btn-list2:hover { background-image: url(../img/icns/icn-down-2-h.png) }

#contactp .controls { height: 10em; background: transparent; }
.header-icons {
  float: right;
  /*margin-right: 7em;
  height: 5.75em;*/
  margin-right: 9em;
  height: 5.75em;
  font-size: 0.8em;
  margin-top: 0.6em;
  display: none;
}
.header-icon {
  margin: 0 -0.25em 0 0;
  width: 3em;
  height: 5.75em;
  padding: 0 3em;
  display: inline-block;
  background: center no-repeat; background-size: auto 2.5em; 
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.header-icon:hover {
  background-color: #7a232e;
}
#btn-structures { width: 6.4em; background-image: url(../img/icns/icn-h-structures.png); }
#btn-fitout { width: 3.2em; background-image: url(../img/icns/icn-h-fitout.png); }
#btn-furniture { width: 5em; background-image: url(../img/icns/icn-h-furnitures.png); }
#btn-overlay { width: 3.2em; background-image: url(../img/icns/icn-h-overlays.png); }
#btn-structures:hover { width: 6.4em; background-image: url(../img/icns/icn-h-structures-h.png); }
#btn-fitout:hover { width: 3.2em; background-image: url(../img/icns/icn-h-fitout-h.png); }
#btn-furniture:hover { width: 5em; background-image: url(../img/icns/icn-h-furnitures-h.png); }
#btn-overlay:hover { width: 3.2em; background-image: url(../img/icns/icn-h-overlays-h.png); }
/* Home */
#home {
    width: 100%;
    height: 100vh;
    min-height: 420px !important;
    background: url('../img/slider/slide-1.jpg') top no-repeat;
    background-size: cover;
    margin: 0;
    position: relative;
    display: table;
}
#home-logo {
    /*position: absolute;
    top: 24%;
    left: 50%;*/
    position: relative;
    z-index: 2;
    height: auto;
    width: 30vw;
    min-height: 6em;
    max-width: 80%;
    /*margin: 0 0 0 -20vw;*/
    margin: 1em auto 0.5em;
    padding: 0;
    background: url('../img/wicked-logo-white.png') center no-repeat;
}
#home-logo.active, #home h2.active, #home-list.active {
    z-index: 0;
}
#home h2 {
    position: relative;
    width: 46%;
    margin: 0 27%;
    font-size: 2.875vh;
    bottom: auto;
    left: auto;
    color: #fff;
    text-align: center;
    line-height: 1.3;
    z-index: 2;
}
.home-text {
  position: relative;
  z-index: 2;
  /*width: 60vw;*/
  /*width: 74vw;*/
  margin: 0 auto;
  /*background: url(../img/assets/red-effect.png) center no-repeat;
  background-size: contain;
  padding: 10vh 0;*/
  display: block;

  width: 100%;
  padding: 1em 2.5em;
  display: block;
  background-color: rgba(122,35,46,0.6);
}
/*.home-text tbody {
  margin: 0 auto;
  display: inline-block;
}*/
.home-text h3 {
    display: inline-block;
    color: #fff!important;
    text-align: left;
    text-align-last: left;
    font-size: 1.25vw;
    line-height: 1.2;
}
.home-text img {
    height: 2.5vw;
    width: auto;
    display: inline-block;
    margin: 1.5vw 2em 1vw 0;
}
#home .controls { display: none; }
#gl-events {
  display: none;
  position: absolute;
  bottom: 1em;
  right: 1em;
  z-index: 2;
}
#gl-events img {
  height: 5em
}
#home-menu {
    position: absolute;
    z-index: 2;
    font-size: 1em;
    position: absolute;
    bottom: 2em;
    width: 100%;
    text-align: center;
}
#home .controls {
  z-index: 2;
  left: 0;
}
#home-list {
    position: relative !important;
    z-index: 2;
    padding: 0 !important;
    top: 0 !important;
    height: auto !important;
}
#home-list .row {
    margin: 0
}
#home-list .col-sm-6 {
    height: auto !important;
    padding: 0 !important;
}
#home-list .col-sm-6 {
    background: transparent;
    border: none;
}
#home-list .col-sm-6 a {
    background: #fff;
    background: rgba(255,255,255,0.4);
    padding: 3.5em 0;
    border: none;
    color: #7a232e;
    width: 100.15%;
}
#home-list .col-sm-6 a img {
    width: auto;
    height: 5em;
    display: block;
    margin: 1em auto;
}
#home-list .col-sm-6:nth-child(2) a,#home-list .col-sm-6:nth-child(3) a {
    background: #f2e8ea;
    background: rgba(202,167,171,0.7);
}
#home-list .col-sm-6 a:hover {
    background: #a2656c !important;
    background: rgba(122,35,46,0.9) !important;
    border: none;
    color: #fff !important;
}
#home .row img {
    width: auto;
    height: 6em;
    margin: 0 auto;
}
#home .row .col-md-3 {
    font-size: 1em;
    text-align: center;
    vertical-align: bottom;
    margin-bottom: 2em;
}
#home .row .col-md-3 a {
    color: #fff;
    text-transform: uppercase;
    font-family: "gotham-bold";
}
#home .row .col-md-3 a h2 { font-size: 2.25em; }
/*#home .row .col-md-3 a:hover h2 { color: #7a232e; }*/
#supersized { z-index: 1 !important; position: absolute !important; min-height: 500px !important; }
#supersized li { position: absolute !important; }

#home .filter {
  z-index: 100;
  position: absolute;
  background: rgba(0, 0, 0, 0.45);
  width: 100%;
  z-index: 2;
  height: 100vh;
  min-height: 500px;
}

#instaheader {
    width: 100%;
    background: #fff;
    padding: 1.5em 0;
    text-align: center;
}

#instaheader a {
    display: block;
    width: 100%;
    height: 100%;
    color: #7a232e;
    text-transform: uppercase;
    text-align: center;
    font-family: "gotham-bold";
    font-size: 2.5em;
}

#instaheader a img {
    width: 1.5em;
    margin-right: 0.5em;
}

/* Structures */

#wicked-title {
    width: 100%;
    height: auto;
    line-height: 2em;
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
}
#wicked-title.active { 
    position: fixed;
    top:0; 
    z-index: 0;
}
#wicked-title img, .logo {    
    /*width: 16em;
    margin: 1.5em 2em 1.25em;*/
    width: 24em;
    margin: 1em 1.25em 0.75em;
}
.logo {
  width: 19.25em;
}
h1#title {
    width: 100%;
    height: 2em;
    line-height: 2em;
    background: #fff;
    color: #7a232e;
    font-family: "gotham-medium";
    font-size: 3.5em;
    text-transform: uppercase;
    margin: 0;
    padding-left: 0.75em;
    z-index: 2;
    border-bottom: 1px solid #fff;
    position: relative;
    z-index: 0;
}

h1#title.fixed { top:0; }

.list {
    width: 100%;
    height: 100vh;
    background-color: transparent;
    /*opacity: 0;*/
}

.list div[class^="col-"] {
    background: transparent;
    padding: 0;
}

.list div[class^="col-"] a {
    min-height: 180px;
    /*background: #7a232e;
    background: rgba(122,35,46,0.9);*/
    color: #7a232e;
    background: #f2e8ea;
    background: rgba(202,167,171,0.7);
}

.list div[class^="col-"]:nth-child(2n+1) a {
    /*background: #a33a4b;
    background: rgba(163,58,75,0.9);
    background: #d0112b;
    background: rgba(208,17,43,0.5);
    background: #fff;
    background: rgba(255,255,255,0.2);*/
    width: 101%;
    background: #fff;
    background: rgba(255,255,255,0.6);
}

#structures.list .col-lg-4 { width: 25% }


#structures.list div[class^="col-"]:nth-child(2) a,
#structures.list div[class^="col-"]:nth-child(4) a, 
#structures.list div[class^="col-"]:nth-child(5) a,
#structures.list div[class^="col-"]:nth-child(7) a,
#structures.list div[class^="col-"]:nth-child(10) a {
    color: #7a232e;
    background: #f2e8ea;
    background: rgba(202,167,171,0.7);
}

#structures.list div[class^="col-"]:nth-child(1) a,
#structures.list div[class^="col-"]:nth-child(3) a, 
#structures.list div[class^="col-"]:nth-child(6) a,
#structures.list div[class^="col-"]:nth-child(8) a,
#structures.list div[class^="col-"]:nth-child(9) a,
#structures.list div[class^="col-"]:nth-child(11) a {
    background: #fff;
    background: rgba(255,255,255,0.6);
}

.list div[class^="col-"] a:hover,
#structures.list div[class^="col-"] a:hover,
#overlays.list div[class^="col-"] a:hover,
#furnitures.list div[class^="col-"] a:hover,
#fitout.list div[class^="col-"] a:hover {
    background: #a2656c !important;
    background: rgba(122,35,46,0.9) !important;
}

/*#structures.list { background: rgba(163,58,75,0.9) url('../img/assets/bg-structures.jpg') center no-repeat; background-size: cover; }
#fitout.list { background: rgba(163,58,75,0.9) url('../img/assets/bg-fitout.jpg') center no-repeat; background-size: cover; }
#furnitures.list { background: rgba(163,58,75,0.9) url('../img/assets/bg-furnitures.jpg') center no-repeat; background-size: cover; }
#overlays.list { background: rgba(163,58,75,0.9) url('../img/assets/bg-overlays.jpg') center no-repeat; background-size: cover; }*/
/*#home-list.list { background: rgba(255,255,255,0.9) url('../img/assets/bg-homelist.jpg') center no-repeat; background-size: cover; }*/
#home-list.list .col-sm-6:nth-child(1) { background: url('../img/assets/thumb-structures.jpg') center no-repeat !important; background-size: cover !important; }
#home-list.list .col-sm-6:nth-child(2) { background: url('../img/assets/thumb-fitout.jpg') center no-repeat !important; background-size: cover !important; }
#home-list.list .col-sm-6:nth-child(3) { background: url('../img/assets/thumb-furnitures.jpg') center no-repeat !important; background-size: cover !important; }
#home-list.list .col-sm-6:nth-child(4) { background: url('../img/assets/thumb-overlays.jpg') center no-repeat !important; background-size: cover !important; }

#structures.list .col-lg-4:nth-child(1) { background: url('../img/assets/thumb-marquee.jpg') center no-repeat !important; background-size: cover !important; }
#structures.list .col-lg-4:nth-child(2) { background: url('../img/assets/thumb-maxiform.jpg') center no-repeat !important; background-size: cover !important; }
#structures.list .col-lg-4:nth-child(3) { background: url('../img/assets/thumb-miniform.jpg') center no-repeat !important; background-size: cover !important; }
#structures.list .col-lg-4:nth-child(4) { background: url('../img/assets/thumb-multideck.jpg') center no-repeat !important; background-size: cover !important; }
#structures.list .col-lg-4:nth-child(5) { background: url('../img/assets/thumb-multiform.jpg') center no-repeat !important; background-size: cover !important; }
#structures.list .col-lg-4:nth-child(6) { background: url('../img/assets/thumb-multiform-aframe.jpg') center no-repeat !important; background-size: cover !important; }
#structures.list .col-lg-4:nth-child(7) { background: url('../img/assets/thumb-evolution.jpg') center no-repeat !important; background-size: cover !important; }
#structures.list .col-lg-4:nth-child(8) { background: url('../img/assets/thumb-rondo.jpg') center no-repeat !important; background-size: cover !important; }
#structures.list .col-lg-4:nth-child(9) { background: url('../img/assets/thumb-saddlespan.jpg') center no-repeat !important; background-size: cover !important; }
#structures.list .col-lg-4:nth-child(10) { background: url('../img/assets/thumb-saddlespawn.jpg') center no-repeat !important; background-size: cover !important; }
#structures.list .col-lg-4:nth-child(11) { background: url('../img/assets/thumb-stretchtent.jpg') center no-repeat !important; background-size: cover !important; }
#structures.list .col-lg-4:nth-child(12) { background: url('../img/assets/thumb-zendome.jpg') center no-repeat !important; background-size: cover !important; }

#fitout.list .col-sm-6:nth-child(1) { background: url('../img/assets/thumb-fabrication.jpg') center no-repeat !important; background-size: cover !important; }
#fitout.list .col-sm-6:nth-child(2) { background: url('../img/assets/thumb-flooring.jpg') center no-repeat !important; background-size: cover !important; }
#fitout.list .col-sm-6:nth-child(3) { background: url('../img/assets/thumb-lining.jpg') center no-repeat !important; background-size: cover !important; }
#fitout.list .col-sm-6:nth-child(4) { background: url('../img/assets/thumb-partitioning.jpg') center no-repeat !important; background-size: cover !important; }

#furnitures.list .col-sm-6:nth-child(1) { background: url('../img/assets/thumb-cocktail.jpg') center no-repeat !important; background-size: cover !important; }
#furnitures.list .col-sm-6:nth-child(2) { background: url('../img/assets/thumb-dining.jpg') center no-repeat !important; background-size: cover !important; }
#furnitures.list .col-sm-6:nth-child(3) { background: url('../img/assets/thumb-lights.jpg') center no-repeat !important; background-size: cover !important; }
#furnitures.list .col-sm-6:nth-child(4) { background: url('../img/assets/thumb-lounge.jpg') center no-repeat !important; background-size: cover !important; }
#furnitures.list .col-sm-6:nth-child(5) { background: url('../img/assets/thumb-outdoor.jpg') center no-repeat !important; background-size: cover !important; }
#furnitures.list .col-sm-6:nth-child(6) { background: url('../img/assets/thumb-utility.jpg') center no-repeat !important; background-size: cover !important; }

#overlays.list .col-xs-12:nth-child(1) { background: url('../img/assets/thumb-air.jpg') center no-repeat !important; background-size: cover !important; }
#overlays.list .col-xs-12:nth-child(2) { background: url('../img/assets/thumb-design.jpg') center no-repeat !important; background-size: cover !important; }
#overlays.list .col-xs-12:nth-child(3) { background: url('../img/assets/thumb-substructures.jpg') center no-repeat !important; background-size: cover !important; }


.list img {
    width: 20%;
    margin: 0 40% 1em;
}

.list a div[class^="icn-"] {
    width: 20%;
    height: 5vw;
    margin: 0 40% 1em;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }

.list a {
    display: table;
    height: 101%;
    width: 101%;
    font-size: 1.5em;
    color: #fff;
    text-transform: uppercase;
    font-family: "gotham-bold";
    text-decoration: none !important;
    border-collapse: separate;
    border-spacing: 0;
    border-width: 0;
}

.list a:hover { color: #fff !important }

#overlays div[class^="col-"] { width: 100% !important; } 
#overlays div.col-xs-12:nth-child(2) a { /*background: #7a232e !important; background: rgba(122,35,46,0.9) !important;*/ background: #fff; background: rgba(255,255,255,0.6) }
#overlays div.col-xs-12:nth-child(1) a, 
#overlays div.col-xs-12:nth-child(3) a { /*background: #a33a4b !important; background: rgba(163,58,75,0.9) !important;*/ background: #f2e8ea; background: rgba(202,167,171,0.7); }
#overlays img {
    width: 12%;
    margin: 0 auto 1em;
    display: block;
}

#furnitures div[class^="col-"] a,
#fitout div[class^="col-"] a {
    /*background: #7a232e;
    background: rgba(122,35,46,0.9);
    background: #d0112b;
    background: rgba(208,17,43,0.5);*/
    background: #fff;
    background: rgba(255,255,255,0.6);
}

#furnitures div[class^="col-"]:nth-child(2) a,
#furnitures div[class^="col-"]:nth-child(3) a,
#furnitures div[class^="col-"]:nth-child(6) a,
#fitout div[class^="col-"]:nth-child(2) a,
#fitout div[class^="col-"]:nth-child(3) a,
#fitout div[class^="col-"]:nth-child(6) a {
    /*background: #a33a4b;
    background: rgba(163,58,75,0.9);
    background: #fff;
    background: rgba(255,255,255,0.2);*/
    background: #f2e8ea;
    background: rgba(202,167,171,0.7);
}

#fitout.list { opacity: 0 }

.list a div.icn-structures { background-image: url(../img/icns/icn-structures-h.png); }
.list a div.icn-fit-out { background-image: url(../img/icns/icn-fit-out-h.png); }
.list a div.icn-furnitures { background-image: url(../img/icns/icn-furnitures-h.png); }
.list a div.icn-overlays { background-image: url(../img/icns/icn-overlays-h.png); }

.list a div.icn-evolution { background-image: url(../img/icns/icn-evolution.png); }
.list a div.icn-marquee { background-image: url(../img/icns/icn-marquee.png); }
.list a div.icn-maxiform { background-image: url(../img/icns/icn-maxiform.png); }
.list a div.icn-miniform { background-image: url(../img/icns/icn-miniform.png); }
.list a div.icn-multideck { background-image: url(../img/icns/icn-multideck.png); }
.list a div.icn-multiform { background-image: url(../img/icns/icn-multiform.png); }
.list a div.icn-multiform-aframe { background-image: url(../img/icns/icn-multiform-aframe.png); }
.list a div.icn-rondo { background-image: url(../img/icns/icn-rondo.png); }
.list a div.icn-saddle-span { background-image: url(../img/icns/icn-saddle-span.png); }
.list a div.icn-saddle-spawn { background-image: url(../img/icns/icn-saddle-spawn.png); }
.list a div.icn-stretch-tent { background-image: url(../img/icns/icn-stretch-tent.png); }
.list a div.icn-zendome { background-image: url(../img/icns/icn-zendome.png); }

.list a div.icn-fabrication { background-image: url(../img/icns/icn-fabrication.png); }
.list a div.icn-flooring { background-image: url(../img/icns/icn-flooring.png); }
.list a div.icn-lining { background-image: url(../img/icns/icn-lining.png); }
.list a div.icn-partitioning { background-image: url(../img/icns/icn-partitioning.png); }

.list a div.icn-cocktail { background-image: url(../img/icns/icn-cocktail.png); }
.list a div.icn-dining { background-image: url(../img/icns/icn-dining.png); }
.list a div.icn-lights { background-image: url(../img/icns/icn-lights.png); }
.list a div.icn-lounge { background-image: url(../img/icns/icn-lounge.png); }
.list a div.icn-outdoor { background-image: url(../img/icns/icn-outdoor.png); }
.list a div.icn-utility { background-image: url(../img/icns/icn-utility.png); }

.list a div.icn-air-power { background-image: url(../img/icns/icn-air-power.png); }
.list a div.icn-design-support { background-image: url(../img/icns/icn-design-support.png); }
.list a div.icn-substructures { background-image: url(../img/icns/icn-substructures.png); }

.list a:hover div.icn-structures { background-image: url(../img/icns/icn-structures.png); }
.list a:hover div.icn-fit-out { background-image: url(../img/icns/icn-fit-out.png); }
.list a:hover div.icn-furnitures { background-image: url(../img/icns/icn-furnitures.png); }
.list a:hover div.icn-overlays { background-image: url(../img/icns/icn-overlays.png); }

.list a:hover div.icn-evolution { background-image: url(../img/icns/icn-evolution-w.png); }
.list a:hover div.icn-marquee { background-image: url(../img/icns/icn-marquee-w.png); }
.list a:hover div.icn-maxiform { background-image: url(../img/icns/icn-maxiform-w.png); }
.list a:hover div.icn-miniform { background-image: url(../img/icns/icn-miniform-w.png); }
.list a:hover div.icn-multideck { background-image: url(../img/icns/icn-multideck-w.png); }
.list a:hover div.icn-multiform { background-image: url(../img/icns/icn-multiform-w.png); }
.list a:hover div.icn-multiform-aframe { background-image: url(../img/icns/icn-multiform-aframe-w.png); }
.list a:hover div.icn-rondo { background-image: url(../img/icns/icn-rondo-w.png); }
.list a:hover div.icn-saddle-span { background-image: url(../img/icns/icn-saddle-span-w.png); }
.list a:hover div.icn-saddle-spawn { background-image: url(../img/icns/icn-saddle-spawn-w.png); }
.list a:hover div.icn-stretch-tent { background-image: url(../img/icns/icn-stretch-tent-w.png); }
.list a:hover div.icn-zendome { background-image: url(../img/icns/icn-zendome-w.png); }

.list a:hover div.icn-fabrication { background-image: url(../img/icns/icn-fabrication-w.png); }
.list a:hover div.icn-flooring { background-image: url(../img/icns/icn-flooring-w.png); }
.list a:hover div.icn-lining { background-image: url(../img/icns/icn-lining-w.png); }
.list a:hover div.icn-partitioning { background-image: url(../img/icns/icn-partitioning-w.png); }

.list a:hover div.icn-cocktail { background-image: url(../img/icns/icn-cocktail-w.png); }
.list a:hover div.icn-dining { background-image: url(../img/icns/icn-dining-w.png); }
.list a:hover div.icn-lights { background-image: url(../img/icns/icn-lights-w.png); }
.list a:hover div.icn-lounge { background-image: url(../img/icns/icn-lounge-w.png); }
.list a:hover div.icn-outdoor { background-image: url(../img/icns/icn-outdoor-w.png); }
.list a:hover div.icn-utility { background-image: url(../img/icns/icn-utility-w.png); }

.list a:hover div.icn-air-power { background-image: url(../img/icns/icn-air-power-w.png); }
.list a:hover div.icn-design-support { background-image: url(../img/icns/icn-design-support-w.png); }
.list a:hover div.icn-substructures { background-image: url(../img/icns/icn-substructures-w.png); }

.structure {
    padding: 0;
    width: 100%;
    /*min-height: -webkit-calc(100vh - 60px);
    min-height: -moz-calc(100vh - 60px);
    min-height: calc(100vh - 60px);*/
    height: auto;
    overflow: hidden;
}

.structure div[class^="col-"] {
    padding: 4em 2.5em;
    min-height: 100vh;
    display: table;
}

.project div.col-lg-12 {
    padding: 4em;
    width: 90%;
    margin: 0 5%;
}

.structure div.col-lg-9 {
    padding: 4em 8%;
}
.structure div.col-lg-3 { padding: 4em 5% }

.structure div.col-lg-9 p,
.project div.col-lg-12 p {
    font-family: "calibri","gotham-medium";
    font-size: 1.125em;
    /*font-size: 2.3vh;*/
    line-height: 1.75em;
    padding: 0.5em 0;
    text-align: justify;
}

.structure div.col-lg-9 p span,
.project div.col-lg-12 p span {
    /*font-family: "gotham-medium";*/
}

.structure h1,
.project h1 {
    font-family: "gotham-medium";
    color: #7a232e;
    text-transform: uppercase;
    font-size: 2.75em; /*font-size: 8vh;*/
    margin: 0.5em 0;
    text-align: left !important;
}

.structure h1 {
  margin: 0 0 0.5em;
}

.structure div.col-lg-3 {
    float: right;    
    background: #7a232e;
    text-align: justify;
    min-height: 100vh;
    color: #fff;
}

.structure div.col-lg-3 img {
    width: 80%;
    margin: 0 10% 2em;
}

.structure div.col-lg-3 p {
    font-size: 1.125em;
    /*font-size: 2.3vh;*/
    line-height: 1.75em;
    text-align: justify;
}

.structure-image { 
    position: relative;
    width: 100%;
    height: auto;
    max-height: 100vh;
    overflow: hidden;
}

.structure-image img {
    width: 100%;
}

.structure-image .caption {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 25%;
    padding: 4em;
    background: url(../img/assets/header-bg.png) repeat-x top;
    background-size: contain;
}

.structure-image .caption h2 {
    font-family: "gotham-medium";
    font-size: 3em;
    color: #fff;
    text-transform: uppercase;
}

#about, #contactp {
    position: relative;
    background-color: #eee;
    text-align: left;
    height: 100vh;
    overflow: hidden !important;
}

#about .col-lg-3, #contactp .col-lg-3 {
    padding: 2em 2em 1.425em;
    float: left;
}

#about .col-lg-9, #contactp .col-lg-9 {
    float: right;
    margin: 0;
    padding: 0; 
    overflow: hidden;
    z-index: 0;
    height: 100%;
}

#about .col-lg-3 h1,
#about .col-lg-3 p,
#contactp .col-lg-3 h1,
#contactp .col-lg-3 p,
#about-text h1,
#about-text p,
#contct-text h1,
#contact-text p {
    text-align: left;
    font-weight: normal;
}

#about .col-lg-3 h1, #team h1, #about h1, #contactp h1,
#about-text h1, #contact-text h1 {
    color: #7a232e;
    text-transform: uppercase;
    font-size: 2.75em;
    font-family: "gotham-bold";
    margin: 0.25em 0 0.25em;
    text-align: left;
}
#about .col-lg-3 h1, #contactp .col-lg-3 h1 { margin-top: 10vh }
#about .col-lg-3 p, #contactp .col-lg-3 p,
#about-text p, #contact-text p, p.vat {
    font-size: 1.125em;
    line-height: 1.3em;
    padding: 0.5em 0;
    font-family: "calibri","gotham-medium";
    text-align: justify;
}
#about .col-lg-3 p.red, #contactp .col-lg-3 p.red,
#about-text p.red, #contact-text p.red {
    color: #7a232e;
}
#about .col-lg-3 p {
    font-size: 1.05em;
    line-height: 1.2em;
}

#about .controls { background: transparent; }

#about h4, #contactp h4 {
    line-height: 1.6;
    font-family: "calibri","gotham-medium";
    font-weight: normal;
    font-size: 1.125em;
}

#about-text, #contact-text { padding: 3em 2em; width: 100%; }
#about .about-us h1, #contactp .contact-us h1 {    
    top: 3em;
    position: absolute;
    left: 0.75em;
    font-size: 2.75em;
    color: #fff;
}

#contact-text h4 {
  margin-bottom: 1em;
  line-height: 1.5;
}

#contactp a:hover {
  text-decoration: none;
  color: #000;
}

#team {
  position: relative;
  z-index: 2;
}

#team, #clients {
    padding: 3em 2em 1em;
}

#team .row, #clients .row {
    margin: 0
}

#team .col-lg-2 {
    text-align: center;
    width: 20%;
}

#team img {
    width: 100%;
    max-width: none;
}

#team p {
    font-family: "calibri","gotham-regular";
    margin: 1.5em 0;
    display: block;
    clear: both;
    font-size: 1em;
    line-height: 1;
}

#team p b {
    font-family: "calibri","gotham-medium";
    text-transform: uppercase;
    color: #7a232e;
    display: block;
    font-weight: normal;
    font-size: 1.25em;
    line-height: 1;
    padding-bottom: 0.3em;
}

#team p.vat {
    font-size: 1.125em;
    text-align: center;
    font-weight: bold;
}

aside {
  padding: 4vw 0 3vw;
  background: #eee;
  min-height: 30vw;
  height: auto;
  width: 100%;
  display: table;
}

aside .container {
  display: table-cell;
  vertical-align: middle;
}

.testimonials {
  text-align: center;
  color: white;
  background: url(../img/icns/icn-quote-left.png) top left no-repeat, url(../img/icns/icn-quote-right.png) bottom right no-repeat;
  background-size: 2em auto;
  padding: 1em 2.7em 0.5em;
  width: 90%;
  max-width: 60em;
  margin: 0 auto;
  min-height: 8em;
  font-family: "calibri","gotham-medium";
}

.testimonials .testimonial-section {
  font-size: 1.5em;
  margin-bottom: 1.5em;
  color: #333;
}

.testimonials .testimonial-section-name {
  font-size: 1.5em;
  color: #7a232e;
}

/* Clients */

#clients .icn-tent {
    width: 20em;
    max-width: 40%
}
#clients h1 {
    color: #7a232e;
    text-align: left;
    font-size: 3.5em;
    font-family: "gotham-bold";
    text-transform: uppercase;
}
#clients .row img {
    width: 100%;
    padding: 1em 1.5em;
}
#clients .col-md-2 {
    width: 20%
}

/* Projects */

#projects {
    margin-top: 5em
}

#projects .row {
    margin: 0
}

#projects .col-sm-6 {
    margin: 0;
    padding: 0;
    position: relative;
    height: auto;
    overflow: hidden;
}

#projects .col-sm-6 a {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
    padding: 0 !important;
    margin: 0 !important;
}

#projects .col-sm-6 img {
    width: 100%;
}

#projects .project-title {
    width: 101%;
    height: 100%;
    display: table;
    background: #7a232e;
    color: #fff;
    font-family: "gotham-medium";
    text-transform: uppercase;
    font-size: 1.75em;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out; 
}

#projects .project-title .text-vertical-center {
    padding: 1em;
    height: 100%;
}

#projects a:hover,#projects a:hover .project-title .text-vertical-center {
    text-decoration: none;
}

#projects a:hover .project-title {
    opacity: 0.8;
}
.project h1 { margin: 0.5em 0 0.125em ;}
.project div.col-lg-12 p { font-size: 1.25em }
.project h3 {
    font-family: "gotham-medium";
    color: #333;
    font-size: 1.5em;
    margin: 1em 0;
    text-align: left;
}
.project-video {
    width: 100%;
    position: relative;
    margin: 0 0 -5px;
}
.project-video img {
    width: 100%;
}
.project-play-button {
    display: block;
    color: #fff;
    width: 7em;
    height: 7em;
    border-radius: 50%;
    background-color: rgba(122, 35, 46, 0.9);
    left: 50%;
    top: 50%;
    margin: -3em 0 0 -3em;  
    position: absolute;
    cursor: pointer;
    -webkit-transition: background-color 0.4s ease-in-out;
    -moz-transition: background-color 0.4s ease-in-out;
    -o-transition: background-color 0.4s ease-in-out;
    -ms-transition: background-color 0.4s ease-in-out;
}
.project-play-button:hover {
    background-color: rgba(208, 17, 43, 0.9);
    /*width: 9em;
    height: 9em;
    margin: -4.5em 0 0 -4.5em;*/
}
.project-play-button:after {
    content: "";
    display: block;
    position: absolute;
    top: 2.5em;
    left: 2.75em;
    margin: 0 auto;
    border-style: solid;
    border-width: 1.25em 0 1.25em 2em;
    border-color: transparent transparent transparent rgba(255, 255, 255, 1);
}

.project-logo {
    max-height: 96px;
    margin: 2.5em 0 0 1em;
}
.project-logo.vertical { max-height: 120px; width: auto; }
/*.project-play-button:hover:after {
    top: 3.25em;
    left: 3.75em;
}*/
#myvideo, #myvideo iframe {
    width: 100%;
    height: 100%;
    min-height: 200px;
    max-height: 100vh;
}

/* Carousel */

.carousel { max-height: 100vh }

.carousel-overlay {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    left: 0;
    background-image: url(../img/slider/slider-left.png), url(../img/slider/slider-right.png);
    background-position: left top, right top;
    background-repeat: repeat-y;
    background-size: contain;
    opacity: 1;
}

.carousel-control .glyphicon-arrow-left, .carousel-control .glyphicon-arrow-right {
    position: absolute;
    top: 50%;
    left: 30%;
    z-index: 5;
    display: inline-block;
}

.carousel-control {
    width: 6%;
}

.carousel-inner > .item {
    -webkit-transition-duration: 0.4s;
    -moz-transition-duration: 0.4s;
    -ms-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
}

.carousel-indicators { display: none; }
.carousel-control {
    font-size: 1em;
    width: 2.5em; height: 2.5em;
    z-index: 1;
    display: block;
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat !important;
    background-position: center;
    top: 48%;
    bottom: auto;
    cursor: pointer;
    opacity: 1;
    background-repeat: no-repeat;
}
.carousel-control.left { background-image: url(../img/icns/icn-prev-2.png); left: 3%; width: 1.25em; }
.carousel-control.left:hover { background-image: url(../img/icns/icn-prev-2-h.png); }
.carousel-control.right { background-image: url(../img/icns/icn-next-2.png); right: 3%; width: 1.25em; }
.carousel-control.right:hover { background-image: url(../img/icns/icn-next-2-h.png); }
.carousel-control .glyphicon { display: none; }

.carousel-fade .carousel-inner .item {
  opacity: 0.5;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-duration: 0.6s;
  -moz-transition-duration: 0.6s;
  -o-transition-duration: 0.6s;
  transition-duration: 0.6s;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
      opacity: 0;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
              transform: translate3d(0, 0, 0);
    }
}

/* Instafeed */
#instafeed { display:none; position: relative; z-index: 2; }
#instafeed a { padding: 0; width: 16.66666666666667vw; height: 16.66666666666667vw; overflow: hidden; }
#instafeed a { background-size: cover; background-position: center; background-repeat: no-repeat; }
#instafeed a img { width: 100% !important; opacity: 0; }
#instafeed img {
    width: 100%;
    padding: 0;
    margin: 0;
}
#instafeed .video-overlay {
    background-color: rgba(0,0,0,0);
    position: absolute;
    width: 100% !important;
    height: 100% !important;
    z-index: 1;
}
#instafeed .video-overlay:hover {
    background-color: rgba(122,35,46,0.9);
  -webkit-transition: all 0.4s ease;
     -moz-transition: all 0.4s ease;
       -o-transition: all 0.4s ease;
      -ms-transition: all 0.4s ease;
          transition: all 0.4s ease;
}
.icn-zoom {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 2em;
    height: 2em;
    margin: -1em 0 0 -1em;
    background: transparent url(../img/icns/icn-zoom.png) no-repeat;
    background-size: contain;
}
#instafeed .icn-zoom {
    opacity: 0;
}
#instafeed .video-overlay:hover .icn-zoom {
    opacity: 1;
}
.instagram-media {
    background:#FFF; 
    border:0; 
    border-radius:3px; 
    box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); 
    margin: 1px; 
    max-width:658px; 
    padding:0; 
    width:99.375%; 
    width:-webkit-calc(100% - 2px); 
    width:calc(100% - 2px);
    height: auto;
    max-height: 680px;
    overflow: auto;
    /*display: none;*/
}
.instagram-media img { width: 100%; }
.instagram-header {
    background:#F8F8F8; 
    text-align:center; 
    width:100%;
}
.instagram-caption {
    margin:8px 0 0 0;
    padding:0 4px;
}
.instagram-caption a {
    color:#000; 
    font-family:Arial,sans-serif; 
    font-size:14px; 
    font-style:normal; 
    font-weight:normal; 
    line-height:17px; 
    text-decoration:none; 
    word-wrap:break-word;
}
.instagram-posted-by {
    color:#c9c8cd; 
    font-family:Arial,sans-serif; 
    font-size:14px; 
    line-height:17px; 
    margin-bottom:0; 
    margin-top:8px; 
    overflow:hidden; 
    padding:8px 0 7px; 
    text-align:center; 
    text-overflow:ellipsis; 
    white-space:nowrap;
}
.ehInfo { padding: 0 0.2em 8px }
.ehInfoUsername {
    display: inline-block;
    color: rgb(18, 86, 136);
    font-family: proxima-nova, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
}
.ehInfoUsername img {
    background-color: #fbfbfb;
    border-radius: 50%;
    border: 1px solid #cccfd0;
    box-sizing: border-box;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;    
    -webkit-flex-basis: 40px;
    -ms-flex-preferred-size: 40px;
    flex-basis: 40px;
    height: 40px;
    margin: -2px 10px -2px -2px;
    width: 40px;
}
.instagram-caption {
    padding: 0.5em 1em;
    font-family: proxima-nova, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
}
p.text-bold {
    width: 100%;
    padding: 0.5em 1em 0;
    border-top: 1px solid #aaa;
}
.instagram-likes, .instagram-comments,
p.text-bold {
    font-family: proxima-nova, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    color: #888;
}
.instagram-comments { padding: 0 0 0 1em }
#btn-follow {
    display: inline-block;
    padding: 0 11px;
    font-family: proxima-nova, 'Helvetica Neue', Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 600;
    height: 31px;
    letter-spacing: normal;
    line-height: 29px;
    border-color: #4090db;
    color: #4090db;
    background: 0 0;
    border-radius: 3px;
    border-style: solid;
    border-width: 1px;
    font-size: 14px;
    font-weight: 600;
    outline: none;
    overflow: hidden;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
    -webkit-appearance: none;
}
#btn-follow:hover {
    background-color: #4090db;
    color: #fff;
}

.back-to-projects {
  position: relative;
  z-index: 2
}

.back-to-projects .btn-back {
  font-family: 'gotham-bold';
  text-transform: uppercase;
  font-size: 1.25em;
  padding-left: 1em;
  background: url(../img/icns/icn-prev-red-dark.png) left no-repeat;
  background-size: auto 70%;
}

.back-to-projects .btn-back:hover {
  text-decoration: none;
  color: #cf202d;
  background-image: url(../img/icns/icn-prev-2-h.png)
}

/* Footer */

footer {
    width: 100%;
    overflow: hidden;
    height: auto;
    background: #7a232e;
    padding: 1.25em 2.5em 0.5em;
    font-size: 1em;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    z-index: 2;
    border-top: 1px solid #fff;
}

footer.b {
    position: fixed;
}

footer.r {
    position: relative !important;
}

footer.fixed { bottom: 0 }

footer p {
    font-size: 0.875em;
    padding: 0;
    line-height: 1.2em;
    margin: 0 0 0.5em;
}

footer div[class^="col-"] {
    height: auto;
    padding: 0;
}

footer a[class^="btn-"] {
    display: inline-block;
    width: 1.5em;
    height: 1.5em;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 0.25em;
}

footer a.btn-facebook { background-image: url(../img/icns/icn-facebook.png); }
footer a.btn-facebook:hover { background-image: url(../img/icns/icn-facebook-h.png); }
footer a.btn-twitter { background-image: url(../img/icns/icn-twitter.png); }
footer a.btn-twitter:hover { background-image: url(../img/icns/icn-twitter-h.png); }
footer a.btn-google { background-image: url(../img/icns/icn-google.png); }
footer a.btn-google:hover { background-image: url(../img/icns/icn-google-h.png); }
footer a.btn-linkedin { background-image: url(../img/icns/icn-linkedin.png); }
footer a.btn-linkedin:hover { background-image: url(../img/icns/icn-linkedin-h.png); }
footer a.btn-instagram { background-image: url(../img/icns/icn-instagram-footer.png); }
footer a.btn-instagram:hover { background-image: url(../img/icns/icn-instagram-footer-h.png); }
footer a.btn-vimeo { background-image: url(../img/icns/icn-vimeo.png); }
footer a.btn-vimeo:hover { background-image: url(../img/icns/icn-vimeo-h.png); }

footer .col-sm-6 {
    width: 100%;
    text-align: center;
    padding: 0;
}

#to-top {
  display: none;
  position: fixed;
  bottom: 5px;
  right: 5px;
}

/* TEMPORARY
#section-contact { display: none; } */

#header-structure .controls .btn-prev,
#header-structure .controls .btn-next { display:  none; }
