/*
Theme Name: measponte_mobile
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: measponte_mobile
Tags:

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

p-a-r-o-s-h_mobile is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
*/
@font-face {
    font-family: 'aw_conqueror_didot_lightlight';
    src: url('css/awconquerordidot-light-webfont.woff2') format('woff2'),
         url('css/awconquerordidot-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'brandon_grotesquebold';
    src: url('css/brandon_bld-webfont.woff2') format('woff2'),
         url('css/brandon_bld-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
/* LOADER */

#loader{position:fixed;top:0px;left:0px;background:#f2b441;width:100%;height:100%;z-index:999;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;justify-content: center;}
#content{padding-top:50px;}
.cssload-thecube {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  margin-top: 49px;
  position: relative;
  transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
}
.cssload-thecube .cssload-cube {
  position: relative;
  transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
}
.cssload-thecube .cssload-cube {
  float: left;
  width: 50%;
  height: 50%;
  position: relative;
  transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.cssload-thecube .cssload-cube:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgb(255,255,255);
  animation: cssload-fold-thecube 2.76s infinite linear both;
    -o-animation: cssload-fold-thecube 2.76s infinite linear both;
    -ms-animation: cssload-fold-thecube 2.76s infinite linear both;
    -webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
    -moz-animation: cssload-fold-thecube 2.76s infinite linear both;
  transform-origin: 100% 100%;
    -o-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%;
    -moz-transform-origin: 100% 100%;
}
.cssload-thecube .cssload-c2 {
  transform: scale(1.1) rotateZ(90deg);
    -o-transform: scale(1.1) rotateZ(90deg);
    -ms-transform: scale(1.1) rotateZ(90deg);
    -webkit-transform: scale(1.1) rotateZ(90deg);
    -moz-transform: scale(1.1) rotateZ(90deg);
}
.cssload-thecube .cssload-c3 {
  transform: scale(1.1) rotateZ(180deg);
    -o-transform: scale(1.1) rotateZ(180deg);
    -ms-transform: scale(1.1) rotateZ(180deg);
    -webkit-transform: scale(1.1) rotateZ(180deg);
    -moz-transform: scale(1.1) rotateZ(180deg);
}
.cssload-thecube .cssload-c4 {
  transform: scale(1.1) rotateZ(270deg);
    -o-transform: scale(1.1) rotateZ(270deg);
    -ms-transform: scale(1.1) rotateZ(270deg);
    -webkit-transform: scale(1.1) rotateZ(270deg);
    -moz-transform: scale(1.1) rotateZ(270deg);
}
.cssload-thecube .cssload-c2:before {
  animation-delay: 0.35s;
    -o-animation-delay: 0.35s;
    -ms-animation-delay: 0.35s;
    -webkit-animation-delay: 0.35s;
    -moz-animation-delay: 0.35s;
}
.cssload-thecube .cssload-c3:before {
  animation-delay: 0.69s;
    -o-animation-delay: 0.69s;
    -ms-animation-delay: 0.69s;
    -webkit-animation-delay: 0.69s;
    -moz-animation-delay: 0.69s;
}
.cssload-thecube .cssload-c4:before {
  animation-delay: 1.04s;
    -o-animation-delay: 1.04s;
    -ms-animation-delay: 1.04s;
    -webkit-animation-delay: 1.04s;
    -moz-animation-delay: 1.04s;
}



@keyframes cssload-fold-thecube {
  0%, 10% {
    transform: perspective(136px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
        75% {
    transform: perspective(136px) rotateX(0deg);
    opacity: 1;
  }
  90%,
        100% {
    transform: perspective(136px) rotateY(180deg);
    opacity: 0;
  }
}

@-o-keyframes cssload-fold-thecube {
  0%, 10% {
    -o-transform: perspective(136px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
        75% {
    -o-transform: perspective(136px) rotateX(0deg);
    opacity: 1;
  }
  90%,
        100% {
    -o-transform: perspective(136px) rotateY(180deg);
    opacity: 0;
  }
}

@-ms-keyframes cssload-fold-thecube {
  0%, 10% {
    -ms-transform: perspective(136px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
        75% {
    -ms-transform: perspective(136px) rotateX(0deg);
    opacity: 1;
  }
  90%,
        100% {
    -ms-transform: perspective(136px) rotateY(180deg);
    opacity: 0;
  }
}

@-webkit-keyframes cssload-fold-thecube {
  0%, 10% {
    -webkit-transform: perspective(136px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
        75% {
    -webkit-transform: perspective(136px) rotateX(0deg);
    opacity: 1;
  }
  90%,
        100% {
    -webkit-transform: perspective(136px) rotateY(180deg);
    opacity: 0;
  }
}

@-moz-keyframes cssload-fold-thecube {
  0%, 10% {
    -moz-transform: perspective(136px) rotateX(-180deg);
    opacity: 0;
  }
  25%,
        75% {
    -moz-transform: perspective(136px) rotateX(0deg);
    opacity: 1;
  }
  90%,
        100% {
    -moz-transform: perspective(136px) rotateY(180deg);
    opacity: 0;
  }
}

#menulaterale{width:100%;height:0px;position:fixed;right:0px;bottom:0px;background:#1d1d1b;z-index:10;transition: all 1s ease;-webkit-transition: all 1s ease;z-index:777;visibility:hidden;}
#menulaterale.aperto{height:calc(100vh - 50px);visibility:visible;}
#menulaterale ul li{text-align:center;line-height:50px;opacity:0;}
#menulaterale ul li a{font-size:20px;font-family: 'brandon_grotesquebold';color:#fff;text-decoration:none;text-transform:uppercase;}
#menulaterale .menu-menu-laterale-container{position:relative;top:50%;-ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}

.social{position:absolute;right:50px;top:15px;font-size:20px;text-align:center;-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;backface-visibility: hidden;-webkit-perspective: 1000;overflow:hidden;}
.social .fa{float:left;margin-left:20px;}
.social.giallo{color:#000;}

.menu-mobile-trigger {border: 0;background: 0;display: none;height: 45px;width: 45px;padding: 0;vertical-align: middle;outline: 0;position: absolute;z-index: 10;left:25px;top:50%;display:inline-block;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.menu-mobile-trigger:before, .menu-mobile-trigger:after{content: '';height: 3px;background: #000;position: absolute;top: 50%;width: 25px;left: 0;right: 0;margin: 0 auto;transition: transform 200ms;-webkit-transition: transform 200ms;}
  .menu-mobile-trigger:after {-webkit-transform: translateY(2px);-ms-transform: translateY(2px);transform: translateY(2px);}
  .menu-mobile-trigger:before {-webkit-transform: translateY(-6px);-ms-transform: translateY(-6px);transform: translateY(-6px);}
  .menu-mobile-trigger.open:before {-webkit-transform: translateY(-50%) rotate(-45deg);-ms-transform: translateY(-50%) rotate(-45deg);transform: translateY(-50%) rotate(-45deg);}
  .menu-mobile-trigger.open:after {-webkit-transform: translateY(-50%) rotate(45deg);-ms-transform: translateY(-50%) rotate(45deg);transform: translateY(-50%) rotate(45deg);}

/* HOMEPAGE */
#main{width: 100%;background-color:#f2b441;overflow:hidden;}
section{position: relative;}

#testata{width:100%;height:calc(100vh - 90px);background-color:#f2b441;font-family: 'aw_conqueror_didot_lightlight';z-index:4;}
#testata .contenitore{position: absolute;width:100%;height:100%;z-index:4;}
#sfondohome{width:100%;height:100%;position:relative;background-image:url(img/testata.jpg);background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}

#banda{width:100%;height:50px;background-color:#f2b441;z-index:3;}
#banda .contenitore{position: absolute;width:100%;height:50px;}

header{width:100%;position:fixed;height:50px;background:#f2b441;z-index:888;}
.logoload{height:50px;position:absolute;top:40%;left:50%;-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);z-index:999;}
.logo{height:30px;position:absolute;top:10px;left:50%;z-index:999;-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);}
#collection .logo{top:8vh;margin-top:-25px;}
.home #titolo{font-weight:normal;width:90%;margin:0px 5%;color:#fff;position:absolute;top:50%;-ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);font-size:30px;text-align:center;line-height:34px;}
.home #titolo span{color:#f2b441;}
.home #titolo hr{border:0px;background:#f2b441;width:0px;height:2px;margin-top:20px;transition: width 1s ease;-webkit-transition: width 1s ease;}
.home #titolo hr.aperta{width:150px;}
.home #titolo .htitle{width:90%;margin:0px 5%;height:34px;overflow:hidden;}
.home #titolo .htitle p{-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}

#scroll{font-family: 'brandon_grotesquebold';color:#fff;position:absolute;bottom:0px;font-size:13px;letter-spacing:10px;text-indent: 5px;text-align:center;left:50%;-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);}

#scroll .hscroll{height:12px;overflow:hidden;margin-bottom:12px;}
#scroll .hscroll p{-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
#barra1{height:0px;width:1px;background:#f2b441;position:relative;left:50%;margin-left:-0.5px;transition: height 1s ease;-webkit-transition: height 1s ease;}
#barra1.aperta{height:80px;}
#barra2{height:0px;width:1px;background:#f2b441;position:relative;left:50%;margin-left:-0.5px;}
#testata .barra{margin-top:20px;}

#philosophy{z-index: 2;background:#fff;width:100%;}
#philosophy .contenitore{position: absolute;width:100%;height:100vh;}
#philosophy .titoletto{width:374px;height:134px;font-family: 'aw_conqueror_didot_lightlight';font-size:80px;position:relative;top:5vh;left:50%;overflow:hidden;z-index:2;-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);}
#philosophy .titoletto h2{height:84px;overflow:hidden;}
#philosophy .titoletto h2 p{-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
#philosophy .titoletto hr{border:0px;background:#f2b441;width:0px;height:2px;float:left;transition: width 0.35s ease;-webkit-transition: width 0.35s ease;}
#philosophy .titoletto hr.aperta{width:150px;}
#philosophy .titoletto h3{height:14px;width:130px;overflow:hidden;float:right;color:#f2b441;font-family: 'brandon_grotesquebold';font-size:13px;letter-spacing:6px;text-indent: 3px;margin-top:35px;}
#philosophy .titoletto h3 p{-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}

#collection .titoletto{font-family: 'aw_conqueror_didot_lightlight';font-size:80px;position:absolute;top:5vh;left:50%;overflow:hidden;z-index:2;-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);color:#fff;}
#collection .titoletto h2{height:84px;overflow:hidden;line-height:84px;}
#collection .titoletto h2 p{-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
#collection .titoletto hr{border:0px;background:#f2b441;width:0px;height:2px;float:left;transition: width 0.35s ease;-webkit-transition: width 0.35s ease;}
#collection .titoletto hr.aperta{width:150px;}
#collection .titoletto h3{height:13px;width:130px;overflow:hidden;float:right;color:#f2b441;font-family: 'brandon_grotesquebold';font-size:13px;line-height:13px;letter-spacing:6px;text-indent: 3px;margin-top:35px;}
#collection .titoletto h3 p{-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0);}
#collection .testo{font-weight:400;opacity:0;position:relative;width:100%;text-align:justify;box-sizing:border-box;padding:50px;background:#343434;color:#fff;font-size:20px;line-height:30px;font-family: 'brandon_grotesquebold';}
#collection .discover{color:#000;background:#fff;position:relative;text-decoration:none;width:100%;}

#collection{width:100%;z-index:1;line-height:0px;background:#fff;}
#collection img{width:100%;line-height:0px;}

#slider{position:relative;width:100%;margin-top:100px;opacity:0;line-height:0px;}
.bx-wrapper .bx-viewport{border:0px;left:0px;box-shadow:none;}
#slider img{line-height:0px;}

.discover{opacity:0;width:400px;height:70px;font-family: 'brandon_grotesquebold';letter-spacing:10px;text-indent: 5px;display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;align-items: center;justify-content: center;}
#philosophy .discover{background:#0f0e15;color:#fff;position:relative;text-decoration:none;width:100%;}
#philosophy .testo{font-weight:400;opacity:0;position:relative;width:100%;text-align:justify;box-sizing:border-box;padding:50px;background:#0f0e15;color:#fff;font-size:20px;line-height:30px;font-family: 'brandon_grotesquebold';}


/* PHILOSOPHY */

#inizio{background-image:url(img/background-philosophy.jpg);background-position: 50% 50%;background-size: cover;background-repeat: no-repeat;width:100%;height:100vh;}
.page-id-5{background:#1d1d1b;width:100%;transition: width 1s ease;-webkit-transition: width 1s ease;}
.page-id-5.aperto{width:calc(100% - 200px);}
.page-id-5 #titolo{font-weight:normal;left:5%;width:55%;color:#fff;position:absolute;top:50%;-ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);font-size:40px;text-align:left;line-height:44px;}
.page-id-5 #titolo h2{overflow:hidden;height:30px;}
.page-id-5 #titolo h2 p{-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.page-id-5 #titolo span{color:#f2b441;}
.page-id-5 #titolo hr{border:0px;background:#f2b441;width:0px;height:4px;margin-top:50px;float:left;transition: width 0.35s ease;-webkit-transition: width 0.35s ease;}
.page-id-5 #titolo hr.aperta{width:150px;}
.page-id-5 h2{font-size:12px;color:#f2b441;font-family: 'brandon_grotesquebold';letter-spacing:10px;text-indent: 5px;}
.page-id-5 #contenuto{background-color:#f2b441;width:100%;position:relative;}
.page-id-5 #titolo .htitle{height:48px;overflow:hidden;}
.page-id-5 #titolo .htitle p{-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}

#contenuto #testo1{line-height:0px;}
#contenuto #testo1 p{opacity:0;font-size:20px;line-height:30px;font-family: 'brandon_grotesquebold';text-align:justify;padding:60px 50px;box-sizing:border-box;background:#343434;color:#fff;width:100%;position:relative;z-index:2;}
#contenuto #testo1 img{opacity:0;position:relative;width:100%;z-index:1;line-height:0px;}

#contenuto #testo2{line-height:0px;}
#contenuto #testo2 p{opacity:0;font-size:20px;line-height:30px;font-family: 'brandon_grotesquebold';text-align:justify;padding:60px 50px;box-sizing:border-box;background:#fff;color:#343434;width:100%;position:relative;z-index:2;}
#contenuto #testo2 img{opacity:0;position:relative;width:100%;z-index:1;line-height:0px;}

#contenuto #testo3{line-height:0px;}
#contenuto #testo3 p{opacity:0;font-size:20px;line-height:30px;font-family: 'brandon_grotesquebold';padding:60px 50px;box-sizing:border-box;background:#0f0e15;color:#fff;width:100%;position:relative;z-index:2;}
#contenuto #testo3 img{opacity:0;position:relative;width:100%;z-index:1;line-height:0px;}

#contenuto #testo4{line-height:0px;}
#contenuto #testo4 p{opacity:0;font-size:20px;line-height:30px;font-family: 'brandon_grotesquebold';text-align:justify;padding:60px 50px;box-sizing:border-box;background:#0f0e15;color:#fff;width:100%;position:relative;z-index:2;}
#contenuto #testo4 img{opacity:0;position:relative;width:100%;z-index:1;line-height:0px;}

/* RETAIL */

#retail{width:100%;background:#fff;box-sizing:border-box;padding:50px;text-align:center;}
#map{position:relative;width:100%;height:70vh;}

.page-id-9{position:relative;overflow:hidden;background-color:#f2b441;}
.page-id-9 #titolo{font-weight:normal;width:100%;color:#000;font-size:40px;line-height:44px;}
.page-id-9 #titolo h1{overflow:hidden;height:40px;}
.page-id-9 #titolo h1 p{-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);}
.page-id-9 #titolo hr{border:0px;background:#f2b441;width:0px;height:4px;margin-top:20px;transition: width 0.35s ease;-webkit-transition: width 0.35s ease;}
.page-id-9 #titolo hr.aperta{width:50px;}
.nazione{clear:both;margin-top:10vh;opacity:0;}
.nazione.ultima{margin-bottom:10vh;}
.nazione h2{color:#f2b441;font-weight:normal;font-size:18px;letter-spacing:10px;text-indent:5px;font-family: 'brandon_grotesquebold';}
.nazione li{font-family: 'brandon_grotesquebold';font-size:16px;line-height:20px;padding:10px 0px;border-bottom:1px solid #efefef;}
.nazione li a{color:#f2b441;text-decoration:none;}
.nazione span{cursor:pointer;}
.page-id-9   footer{position:absolute;bottom:0px;}

#retailtesto{position:absolute;overflow:hidden;font-family: 'brandon_grotesquebold';color:#fff;top:50%;text-align:center;font-size:14px;line-height:20px;width:100%;-ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
#retailtesto a{text-transform:uppercase;color:#fff;}
/* CONTACT */

.page-id-13{position:relative;overflow:hidden;background-image:url(img/contact.jpg);background-size: cover;background-position: 50% 50%;background-repeat: no-repeat;}

#contacttesto{position:absolute;overflow:hidden;font-family: 'brandon_grotesquebold';color:#fff;top:50%;text-align:center;font-size:14px;line-height:20px;width:100%;-ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
#contacttesto span{font-family: 'brandon_grotesquebold';font-size:13px;letter-spacing:6px;text-indent: 3px;color:#f2b441;}
#contacttesto a{text-decoration:none;color:#fff;}
.page-id-13 footer{position:absolute;bottom:0px;}



/* SOCIAL WALL */

.page-id-11 {background-color:#f2b441;}
#wall{position:relative;width:100%;box-sizing: border-box;}
#wall .riga{overflow:hidden;position:relative;}
#wall .primariga{overflow:hidden;position:relative;}
#wall .instagram{width:100%;box-sizing:border-box;position:relative;overflow:hidden;}
#wall .facebook{clear:both;width:100%;box-sizing:border-box;position:relative;}
#wall .facebook1{clear:both;width:100%;box-sizing:border-box;position:relative;}
#wall .instagram1{width:100%;box-sizing:border-box;position:relative;overflow:hidden;}
#wall .instagram2{width:100%;box-sizing:border-box;position:relative;}
#wall .fb{background:#fff;position:relative;width:100%;height:60vh;box-sizing:border-box;padding:50px;}
#wall .fbico{height:10%;font-size:50px;color:#f2b441;float:left;}
#wall .messaggio{height:80%;font-family: 'brandon_grotesquebold';font-size:20px;line-height:30px;}
#wall .messaggio div{text-align:left;clear:both;position:relative;top:50%;-ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);}
#wall .messaggio hr{border:0px;background:#f2b441;width:150px;height:2px;margin-top:40px;float:left;}
#wall .chiusura{height:10%;font-family: 'brandon_grotesquebold';}
#wall .chiusura i{color:#f2b441;}
#wall .chiusura .frecciago{height:40px;}
#wall .chiusura div{float:left;}
#wall .chiusura div:nth-child(1){margin-top:10px;}
#wall .chiusura div:nth-child(2){float:right;}

#wall .instagram .instafoto{width:50%;float:left;background-position:50% 50%;background-size:105%;background-repeat:no-repeat;}

#wall .instagram1 .instafoto{width:50%;float:left;background-position:50% 50%;background-size:105%;background-repeat:no-repeat;}

#wall .instagram2 .instafoto{width:50%;float:left;background-position:50% 50%;background-size:105%;background-repeat:no-repeat;}

#wall .separatore{width:100%;clear:both;height:0vh;}

/* COLLECTION */

#frecce{width:150px;position:absolute;bottom:50px;left:100px;text-align:center;}
#frecce img{width:50px;margin:10px 0px;cursor:pointer;opacity:1;visibility:visible;transition: all 1s ease;-webkit-transition: all 1s ease;}
#frecce img.nascondi{opacity:0;visibility:hidden;}
#titolicoll{height:13px;width:150px;overflow:hidden;color:#f2b441;font-family: 'brandon_grotesquebold';font-size:13px;letter-spacing:6px;text-indent: 3px;text-align:center;}

.page-id-7{background-color:#000;width:100%;}
.lettera{font-family: 'aw_conqueror_didot_lightlight';text-transform:uppercase;color:#f2b441;font-size:16vh;position:absolute;}
.col{width:100%;line-height:0;}
.col img{width:100%;position:relative;z-index:5;line-height:0;opacity:0;}
.back{position:absolute;width:100%;height:100vh;top:0;left:0;}

@-webkit-keyframes blur {
    0% { -webkit-filter: blur(0px); filter: blur(0px);}
  100% { -webkit-filter: blur(10px); filter: blur(10px);}
}
@keyframes blur {
  0% { -webkit-filter: blur(0px); filter: blur(0px);}
  100% { -webkit-filter: blur(10px); filter: blur(10px);}
}

.blur {
  -webkit-animation-name: blur;
  animation-name: blur;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes blurInv {
    0% { -webkit-filter: blur(20px); filter: blur(20px);}
  100% { -webkit-filter: blur(0px); filter: blur(0px);}
}
@keyframes blurInv {
  0% { -webkit-filter: blur(20px); filter: blur(20px);}
  100% { -webkit-filter: blur(0px); filter: blur(0px);}
}

.blurInv {
  -webkit-animation-name: blurInv;
  animation-name: blurInv;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes blurInv1 {
    0% { -webkit-filter: blur(20px); filter: blur(20px);}
  100% { -webkit-filter: blur(10px); filter: blur(10px);}
}
@keyframes blurInv1 {
  0% { -webkit-filter: blur(20px); filter: blur(20px);}
  100% { -webkit-filter: blur(10px); filter: blur(10px);}
}

.blurInv1 {
  -webkit-animation-name: blurInv1;
  animation-name: blurInv1;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes blurInv2 {
    0% { -webkit-filter: blur(20px); filter: blur(20px);}
  100% { -webkit-filter: blur(10px); filter: blur(10px);}
}
@keyframes blurInv2 {
  0% { -webkit-filter: blur(20px); filter: blur(20px);}
  100% { -webkit-filter: blur(7px); filter: blur(7px);}
}

.blurInv2 {
  -webkit-animation-name: blurInv2;
  animation-name: blurInv2;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes blurInv3 {
    0% { -webkit-filter: blur(20px); filter: blur(20px);}
  100% { -webkit-filter: blur(5px); filter: blur(5px);}
}
@keyframes blurInv3 {
  0% { -webkit-filter: blur(20px); filter: blur(20px);}
  100% { -webkit-filter: blur(4px); filter: blur(4px);}
}

.blurInv3 {
  -webkit-animation-name: blurInv3;
  animation-name: blurInv3;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes blurInv4 {
    0% { -webkit-filter: blur(20px); filter: blur(20px);}
  100% { -webkit-filter: blur(2px); filter: blur(2px);}
}
@keyframes blurInv4 {
  0% { -webkit-filter: blur(20px); filter: blur(20px);}
  100% { -webkit-filter: blur(2px); filter: blur(2px);}
}

.blurInv4 {
  -webkit-animation-name: blurInv4;
  animation-name: blurInv4;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes blurInv5 {
    0% { -webkit-filter: blur(20px); filter: blur(20px);}
  100% { -webkit-filter: blur(1px); filter: blur(1px);}
}
@keyframes blurInv5 {
  0% { -webkit-filter: blur(20px); filter: blur(20px);}
  100% { -webkit-filter: blur(1px); filter: blur(1px);}
}

.blurInv5 {
  -webkit-animation-name: blurInv5;
  animation-name: blurInv5;
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

footer{position:relative;background-color:#f2b441;bottom:0px;font-size:10px;width:100%;color:#000;font-family: 'brandon_grotesquebold';overflow:hidden;}
footer #footleft{width:50%;float:left;box-sizing:border-box;line-height:40px;padding-left:40px;}
footer #footright{width:50%;float:right;box-sizing:border-box;text-align:right;line-height:40px;padding-right:40px;}
footer #footright a{color:#000;text-decoration:none;}

@media screen and (min-width: 320px) and (max-width: 532px) {
  
  .menu-mobile-trigger{left:10px;}
  .social{right:15px;}
  .home #titolo{font-weight:normal;width:98%;margin:0px 1%;color:#fff;position:absolute;top:50%;-ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%);font-size:14px;text-align:center;line-height:14px;}
  .home #titolo span{color:#f2b441;}
  .home #titolo hr{border:0px;background:#f2b441;width:0px;height:2px;margin-top:20px;transition: width 1s ease;-webkit-transition: width 1s ease;}
  .home #titolo hr.aperta{width:150px;}
  .home #titolo .htitle{width:98%;margin:0px 1%;height:24px;overflow:hidden;font-size:20px;}
  .home #titolo .htitle p{-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0);line-height:24px;}

  #philosophy .titoletto{font-size:60px;width:280px;}
  #philosophy .titoletto h2{height:62px;}
  #philosophy .titoletto hr.aperta{width:100px;}
  #philosophy .titoletto h3{margin-top:25px;}

  #collection .titoletto{font-size:60px;}
  #collection .titoletto h2{height:62px;line-height:62px;}
  #collection .titoletto h3{margin-top:25px;}
  #collection .titoletto hr.aperta{width:100px;}
  .logoload{height:50px;position:absolute;top:30%;left:50%;-ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); transform: translateX(-50%);z-index:999;}
  #slider{margin-top:50px;}

  #philosophy .testo, #collection .testo, #contenuto #testo1 p, #contenuto #testo2 p, #contenuto #testo3 p, #contenuto #testo4 p{font-size:14px;line-height:20px;text-align:justify;}

  .page-id-5 #titolo{width:98%;margin:0% 1%;font-size:14px;line-height:16px;left:0px;text-align:center;}
  .page-id-5 #titolo hr{float:none;}
  .page-id-5 #titolo .htitle{height:16px;}
  .page-id-5 h2{height:30px !important;line-height:30px;}

  .nazione li a{font-size:12px;}

  #wall .fb{height:80vh;}
  #wall .messaggio{font-size:14px;line-height:20px;}
  #wall .chiusura{font-size:12px;}
  #wall .instagram1 .instafoto, #wall .instagram2 .instafoto, #wall .instagram .instafoto{width:100%;}
  footer{padding:8px 0px;}
  footer #footleft, footer #footright{width:100%;padding:0px 20px;line-height:12px;box-sizing:border-box;text-align:center;}
}