/*
Theme Name: Branca
Version: 1.0
Description: Custom template per Branca
Author: Macchianera
Author URI: http://www.macchianera.biz
*/

/*TYPOGRAPHY*/
@font-face{font-family: 'FontAwesome';src: url('fonts/fontawesome-webfont.eot?v=4.0.3');src: url('fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight: normal;font-style: normal;}
p{padding-bottom: 1.2em;}
a{color: #fff; text-decoration: none;}
h1, h2, h3, h4, h5, h6{font-family: 'Oswald', sans-serif; font-weight: 400;}
*{-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
body{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-image: url(images/bg-hollow.svg); background-size: auto 400%; background-color: #1cbbec; background-repeat: no-repeat; background-position: center -10%; font-family: 'Oswald', sans-serif; color: #fff; line-height: 1.45em; min-height: 600px; font-weight: 300;}
h1{text-transform: uppercase; z-index: 400; font-size: 2em; display: block; text-align: center; position: absolute; top: 50%; left: 0; right: 0;}
h2{text-transform: uppercase; font-size: 8em; display: block; text-align: left; opacity: 1; color: #233C5A; line-height: 0.85em;}
h3{text-transform: uppercase; font-size: 2em; display: block; text-align: center; -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); -webkit-transform-origin: 0 0; -moz-transform-origin: 0 0; -ms-transform-origin: 0 0; -o-transform-origin: 0 0; position: absolute;}
h4{text-transform: uppercase; font-size: 8em; display: block; text-align: center; opacity: 1; line-height: 1em; color: white; margin-bottom: 0.3em;}
h1 li{list-style: none;}
h1 .pod-button{display: inline; max-width: auto;}
.fp-viewing-project-card h1, .fp-viewing-media-card h1, .fp-viewing-artista-card h1, .fp-viewing-numbers-card h1{top: -20%; opacity: 0;}
.fp-section{background-color: rgba(0,51,102,0.5);}
.fp-viewing-project-card{background-position: center 0;}
.fp-viewing-media-card{background-position: center 25%;}
.fp-viewing-artista-card{background-position: center 50%;}
.fp-viewing-numbers-card{background-position: center 75%;}
.video-card{background-image: url(images/video.png); background-size: cover; overflow: hidden;}
.video-container{position: absolute; top: 0; bottom: 0; width: 100%;}
video{min-width: 100%; min-height: 100%;}
.main-nav{position: fixed; top: 0; width: 100%; height: 107px; padding: 0.5em 1.5em; z-index: 600; font-family: 'Oswald', sans-serif; text-transform: uppercase;}
.main-nav.colored{background: #fff; height: auto; padding: 0.5em 1em;}
.main-nav.colored .logo, .main-nav.colored .burger-menu:before{color: #233C5A; font-size: 1.4em;}
.main-nav.colored .logo, .main-nav.colored .burger-menu{line-height: 38px; padding: 0 0.5em;}
.main-nav.colored .logo img{max-height: 38px;}
.main-content{min-height: 100%;}
#ciminiera{position: fixed; left: 50%; bottom: 0; top: 0; perspective: 1200px; z-index: 200; margin-left: -45px; opacity: 0;}
.ciminiera-bg{transform: rotateX(25deg); height: 100%; width: 90px; margin: 0 auto; background-image: url(images/bg-nero.svg); background-size: auto 100%; border-radius: 50%/30px 30px 0 0; overflow: hidden; background-color: #000; background-repeat: no-repeat; box-shadow: 0px 0px 30px rgba(0,0,0,0.95); }
.fp-viewing-main-card #ciminiera, .fp-viewing-project-card #ciminiera, .fp-viewing-media-card #ciminiera, .fp-viewing-artista-card #ciminiera, .fp-viewing-numbers-card #ciminiera{opacity: 1}
.fp-viewing-main-card .ciminiera-bg{background-position: 50% 0;}
.fp-viewing-project-card .ciminiera-bg{background-position: 50% 0;}
.fp-viewing-media-card .ciminiera-bg{background-position: 34% 0;}
.fp-viewing-artista-card .ciminiera-bg{background-position: 68% 0;}
.fp-viewing-numbers-card .ciminiera-bg{background-position: 50% 0;}
.cover{background: url(images/3d-effect.png) center; background-size: contain; height: 100%; opacity: 0.75;}
.fp-viewing-video-card .scroll-alert{opacity: 0; bottom: -20%;}
.fp-viewing-main-card .scroll-alert{opacity: 1;}
.fp-viewing-project-card .scroll-alert{opacity: 1;}
.fp-viewing-media-card .scroll-alert{opacity: 1;}
.fp-viewing-artista-card .scroll-alert{opacity: 1;}
.fp-viewing-numbers-card .scroll-alert{opacity: 1;}
.scroll-alert{position: fixed; bottom: 0; left: 50%; z-index: 300; margin-left: -90px; opacity: 0;}
.scroll-alert div{text-align: center; padding: 1em; border-radius: 50%; height: 180px; margin: 0 auto; width: 180px; background: #fff; position: relative; bottom: -105px;}
.scroll-alert div li{display: none;}
.scroll-alert div li.active, .scroll-alert div li.active a{display: block;}
.scroll-alert div li.active a span:after{content: url(images/scroll.png); font-family: 'FontAwesome'; cursor: pointer; color: #333; font-size: 2em; display: block;}
.logo{color: #fff; font-size: 2em; line-height: 107px; display: inline-flex;}
.logo img{max-height: 90px; width: auto;}
.burger-menu{float: right; padding: 2.5em 1.5em;}
.burger-menu:before{font-family: 'FontAwesome'; content: '\f0c9'; cursor: pointer; color: #fff; font-size: 2em;}
.card-overlay{background-image: url(images/overlay.png); position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.card-spacer{margin: 0 auto; position: absolute; height: auto; /*min-height: 35%;*/ width: 100%;}
.spacer-left{float: left; padding-right: 140px;}
.spacer{padding: 55px 85px; width: 50%; position: relative; min-height: 200px;}
.color-bg{background: #233C5A; position: relative;}
.color-bg:after, .actual-content:after, .numbers-animated p:before{content: ''; display: block; clear: both;}
.media-card .spacer-left, .numbers-card .spacer-left{margin-top: 87px;}
.spacer-left{float: left; padding-right: 140px;}
.spacer-left > div{padding-left: 16px;}
.spacer-right{float: right; padding: 0 85px 0 140px; position: absolute; right: 0; bottom: 0; top: 40%;}
.project-card .card-spacer, .artista-card .card-spacer{bottom: 0;}
.media-card .card-spacer, .numbers-card .card-spacer{top: 0;}
.card-spacer nav{margin-bottom: 1.5em;}
.button-container{max-width: 1182px; margin: 0 auto; position: relative; clear: both;}
.main-left{float: left; padding-top: 180px}
.main-right{float: right; padding-top: 200px}
.pod-button{clear: both; text-align: center; padding: 1em; color: #fff !important; font-size: 1.2em; cursor: pointer; display: block; width: auto; text-decoration: none; text-transform: uppercase; max-width: 300px; margin: 0 auto; border: 1px solid #fff; font-family: 'Oswald', sans-serif; margin-bottom: 1.5em; text-transform: uppercase;  font-weight: 400;}
.overlay{position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 600; background: rgba(0,51,102,0.75); padding: 107px 85px 0;}
.overlay-content{position: relative; height: 100%; overflow: hidden; /*max-width: 900px;*/ margin: 0 auto;}
.actual-content{/*background: rgba(0,51,102,0.75);*/ padding: 127px 15% 1em !important; height: 100%}
.actual-content p{font-size: 1.15em; line-height: 1.4em; /*max-width: 900px;*/ margin: 0 auto;}
.close-x{position: absolute; top: 107px; right: 3em;}
.close-menu{position: absolute; top: 2em; right: 1em;}
.close-x:before, .close-menu:before{font-family: 'FontAwesome'; content: '\f00d'; cursor: pointer; color: #fff; font-size: 2em;}
.hidden, .hidden-nav{display: none;}
.hidden-nav{position: fixed; right: 0; top: 0; bottom: 0; left: 0; padding: 1em; background: rgba(0,0,0,0.8); text-align: center; min-width: 300px; z-index: 700; font-family: 'Oswald', sans-serif; -webkit-transition: none; -moz-transition: none; transition: none;  font-weight: 400;}
.hidden-nav ul{padding-top: 3em;}
.hidden-nav li{list-style: none;}
.hidden-nav a{padding: .95em 0; font-size: 53px; display: block; text-transform: uppercase; max-width: 400px; margin: 0 auto; border-bottom: 1px solid #fff;}
.hidden-nav .menu-item-297 a, .hidden-nav .menu-item-298 a{font-size: 26px;border-bottom: none;}
.hidden-nav li a:hover{color: #1cbbec;}
.flexslider{max-width: 600px; margin: 0 auto !important;}
.flexslider .slides > li{position: relative; max-height: 300px; overflow: hidden;}
#carousel.flexslider .slides > li{position: relative; max-height: 120px; overflow: hidden;}
.flex-direction-nav a:before{line-height: 1em;}
.flex-caption{padding: 2%; position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.5); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;}
.page .scroll-wrapper{background: rgba(0,51,102,0.75); padding: 107px 85px 1em !important; top: 0;}
.page .close-x{display: none;}
html.backgroundclip{margin: 0 !important}
.mobile-nav/*, #menu-mobile-menu*/{display: none;}
.bg-cover{position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: rgba(8,52,104,0.8); z-index: -2;}
.home .bg-cover, .page-id-239 .bg-cover{display: none;}
.page-template-page-blank .bg-cover{background: #000;}
.page-template-page-blank .main-nav{display: none;}
.page-template-page-blank .actual-content{padding: 3em !important;}
.tile{background: #000;}
.tile img{-webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; opacity: 1;}
.tile:hover img{opacity: .5;}
.numbers-animated{padding-top: 10%; text-align: center; font-size: 1.3em;}
.number-single{font-size: 3.85em; font-weight: 400; display: block; margin-bottom: .25em;}
.number-slot{float: left; width: 20%; min-width: 140px; border-right: 3px solid white; border-left: 3px solid white; text-align: center; margin-bottom: 2.5em; line-height: 1.2em}
.number-animation{margin-right: 10px; display: inline-block;}
.number-slot:first-child{border-left: 3px solid white;}


/*************** SCROLLBAR BASE CSS ***************/
 
.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
 
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
 
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
 
 
 
/*************** SCROLLBAR DYNAMIC ***************/
 
.scrollbar-dynamic > .scroll-element,
.scrollbar-dynamic > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-dynamic > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-dynamic > .scroll-element.scroll-x {
    bottom: 2px;
    height: 7px;
    left: 0;
    min-width: 100%;
    width: 100%;
}
 
.scrollbar-dynamic > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 2px;
    top: 0;
    width: 7px;
}
 
.scrollbar-dynamic > .scroll-element .scroll-element_outer {
    opacity: 0.3;
 
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
.scrollbar-dynamic > .scroll-element .scroll-element_size {
    background-color: #cccccc;
    opacity: 0;
 
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
 
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    -ms-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
 
.scrollbar-dynamic > .scroll-element .scroll-bar {
    background-color: #6c6e71;
 
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}
 
/* scrollbar height/width & offset from container borders */
 
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar {
    bottom: 0;
    height: 7px;
    min-width: 24px;
    top: auto;
}
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar {
    left: auto;
    min-height: 24px;
    right: 0;
    width: 7px;
}
 
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer {
    bottom: 0;
    top: auto;
    left: 2px;
 
    -webkit-transition: height 0.2s;
    -moz-transition: height 0.2s;
    -o-transition: height 0.2s;
    -ms-transition: height 0.2s;
    transition: height 0.2s;
}
 
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer {
    left: auto;
    right: 0;
    top: 2px;
 
    -webkit-transition: width 0.2s;
    -moz-transition: width 0.2s;
    -o-transition: width 0.2s;
    -ms-transition: width 0.2s;
    transition: width 0.2s;
}
 
.scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
.scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
 
 
/* update scrollbar offset if both scrolls are visible */
 
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }
 
 
/* hover & drag */
 
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer {
    overflow: hidden;
 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size {
    opacity: 1;
}
.scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar,
.scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar {
    height: 100%;
    width: 100%;
 
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
}
 
.scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer {
    height: 20px;
    min-height: 7px;
}
.scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer,
.scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer {
    min-width: 7px;
    width: 20px;
}