@font-face {
     font-family: 'open_sanslight';
     src: url('font/OpenSans-Light-webfont.eot');
     src: url('font/OpenSans-Light-webfont.eot?#iefix') format('embedded-opentype'), url('font/OpenSans-Light-webfont.woff') format('woff'), url('font/OpenSans-Light-webfont.ttf') format('truetype'), url('font/OpenSans-Light-webfont.svg#open_sanslight') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'open_sansregular';
     src: url('font/OpenSans-Regular-webfont.eot');
     src: url('font/OpenSans-Regular-webfont.eot?#iefix') format('embedded-opentype'), url('font/OpenSans-Regular-webfont.woff') format('woff'), url('font/OpenSans-Regular-webfont.ttf') format('truetype'), url('font/OpenSans-Regular-webfont.svg#open_sansregular') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'open_sanssemibold';
     src: url('font/OpenSans-Semibold-webfont.eot');
     src: url('font/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'), url('font/OpenSans-Semibold-webfont.woff') format('woff'), url('font/OpenSans-Semibold-webfont.ttf') format('truetype'), url('font/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'open_sansbold';
     src: url('font/OpenSans-Bold-webfont.eot');
     src: url('font/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('font/OpenSans-Bold-webfont.woff') format('woff'), url('font/OpenSans-Bold-webfont.ttf') format('truetype'), url('font/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
     font-weight: normal;
     font-style: normal;
}
 @font-face {
     font-family: 'themify';
     src: url("font/themify.eot?-fvbane");
     src: url("font/themify.eot?#iefix-fvbane") format("embedded-opentype"), url("font/themify.woff?-fvbane") format("woff"), url("font/themify.ttf?-fvbane") format("truetype"), url("font/themify.svg?-fvbane#themify") format("svg");
     font-weight: normal;
     font-style: normal;
}
 [class^="ti-"], [class*=" ti-"] {
     font-family: 'themify';
     speak: none;
     font-style: normal;
     font-weight: normal;
     font-variant: normal;
     text-transform: none;
     line-height: 1;
    /* Better Font Rendering =========== */
     -webkit-font-smoothing: antialiased;
     -moz-osx-font-smoothing: grayscale;
}
 body, .contents, a {
     font-family: "open_sansregular";
}
 html,body {
     width:100%;
     min-width: 320px;
     height: 100%;
     padding: 0;
     margin: 0;
}
 body {
     opacity: 0;
     background-color:#fbfbf9;
}
 *:focus{
     outline:none;
     box-shadow:none;
     text-decoration:none;
}
 *:-moz-focusring {
     color: transparent;
     text-shadow: 0 0 0 #000;
}
 div, a, img, li {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 div, a, img, li {
     -webkit-tap-highlight-color: transparent;
}
 a {
     text-decoration: none;
}
 ul {
     padding: 0;
     margin: 0;
}
 li {
     list-style: none;
}
 .fullsize {
     height: 100%;
     min-height: 480px;
     min-width: 320px;
     overflow: hidden;
     width: 100%;
     font-family:"open_sanslight";
}
 table.fullsize{
     background: transparent url("../img/mafalda-signorino.jpg") no-repeat scroll right bottom;
     border-collapse:collapse;
     background-size: 450px;
}
 #home header .header-btn.header-btn--menu.voice.left.current {
     width: auto;
     text-transform: uppercase;
     padding: 0;
     height: 55px;
     margin-top: 0;
     margin-top: 16px;
     position: absolute;
     margin-left: 2%;
}
 #home header .header-btn.header-btn--menu.voice.left.current span a {
     font-size: 14px;
     padding-right: 0;
     padding-left: 0;
}
 #home .home .menu {
     height: 60px;
     left: 2%;
     margin-top: 4px;
     position: absolute;
     top: -100px;
     width: 96%;
     z-index: 88;
     padding-left: 135px;
     box-sizing: border-box;
}
 #home{
     position:absolute !important;
     top:0 !important;
}
 #portfolio .gm-style .gm-style-cc span,.gm-style .gm-style-cc a,#portfolio .gm-style .gm-style-mtc div{
    font-size:10px
}
 #portfolio content.portfolio .item .description {
     height: 210px;
}
 #portfolio .submit-button-container.portfolio-link {
     display: none;
}
 #portfolio .big.portfolio-img {
     display: block !important;
}
 #portfolio table {
     border-collapse: collapse !important;
}
 #home header#portfolio {
     padding-top: 0;
     height: 58px;
     position: fixed;
     box-shadow: 0 0 6px 1px #eee;
     -moz-box-shadow: 0 0 6px 1px #eee;
     -webkit-box-shadow: 0 0 6px 1px #eee;
}
 #portfolio footer span {
     display: block;
     font-size: 14px;
     margin-bottom: 7px;
     color: #666;
}
 body header#portfolio{
     background-color:#fff;
}
 .has-zoom-open header#portfolio, header.is-hidden#portfolio {
     opacity: 1;
     pointer-events: inherit;
}
 header {
     position: relative;
     width: 100%;
     height: 119px;
     border-bottom: 1px solid #ddd;
     z-index: 100;
     background-color: #fff;
     padding-top: 36px;
}
 header ul {
     display: block;
     width: 100%;
     margin: 10px auto 0;
     text-align: center;
     text-transform: uppercase;
     font-size: 14px;
}
 header li {
     display: inline-block;
}
 header a {
     display: block;
     font-weight: 300;
     color: #212121;
     padding: 6px;
}
 header ul li a:hover {
     color: #d2d2d2;
}
 header img {
     display: block;
     margin: 0 auto;
}
/* FOOTER -------------------------------------------------- */
 footer a {
}
/* HOME -------------------------------------------------- */
 .sipario {
     position: fixed;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #fbfbf9;
     text-align: center;
     z-index: 200;
}
.sipario span {
  opacity: 0;
  font-size: 36px;
  font-family: 'Reenie Beanie', cursive;
  font-weight: normal;
  line-height: 40px;
  margin-right: 4px;
  letter-spacing: -0.4px;
}
 @media screen and (max-width: 1000px) {
     .sipario .fullsize span {
         font-size:30px;
    }
}
 @media screen and (max-width: 600px) {
     .sipario .fullsize span {
         font-size:24px;
    }
}
 .home {
     display: block;
     position: relative;
     background-color: transparent;
}
 .home .logo, header .logo {
     width: auto;
     height: auto;
}
 .home table {
     border-collapse: separate;
     border-spacing: 0;
     margin: 0;
     padding-bottom: 100px;
     position: relative;
     text-align: center;
     z-index:;
}
 .home p {
     color: #777;
     font-family: "open_sansregular";
     font-size: 14px;
     line-height: 25px;
     margin: 0 auto;
     padding: 0;
     position: relative;
     width: 390px;
     letter-spacing: 0.3px;
     box-sizing: border-box;
}
 .home p b {
     font-weight: normal;
     font-family: "open_sanssemibold";
     color: #222;
}
 .home .description span.lastrow {
     font-family: "open_sansregular";
     font-size: 14px;
     width: 100%;
}
 .home .menu {
     height: 60px;
     left: 2%;
     margin-top: 4px;
     position: absolute;
     top: -100px;
     width: 96%;
     z-index: 9999999;
}
 .home .menu .internal span {
     font-weight: normal;
     height: 49px;
     padding: 0;
     float: left;
     font-size: 14px;
}
 .home .menu ul {
     display: block;
     width: 100%;
     margin: 20px auto 10px;
     text-align: center;
     text-transform: uppercase;
     font-size: 14px;
}
 .home .menu li {
     display: inline-block;
}
 .home .menu a {
     display: block;
     color: #666;
     padding: 0;
     height: 42px;
}
 .home .menu a:hover {
     color: #000;
}
 .internal #yeah {
     position: absolute;
     top: 50%;
     right: 20px;
     width: 44px;
     height: 44px;
     margin-top: -22px;
}
 .internal #yeah:after{
     content: "\e646";
     opacity: 0.9;
     font-family: themify;
     color: #fff;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     -webkit-transition: -webkit-transform .6s ease-in-out;
     -moz-transition: -moz-transform .6s ease-in-out;
     transition: transform .6s ease-in-out;
}
 .internal #yeah:hover {
     -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
     transform: rotate(90deg);
     -webkit-transition: -webkit-transform .6s ease-in-out;
     -moz-transition: -moz-transform .6s ease-in-out;
     transition: transform .6s ease-in-out;
}
/* RESPONSIVE CSS -------------------------------------------------- */
 @media (max-width: 1099px) {
     .recruiting .staff {
         width: 640px;
    }
     .portfolio .item{
         position: relative;
         margin: 20px auto;
        /*width: 640px;
        */
         max-width: 640px;
    }
     .portfolio .item div.big{
        /*width: 100%;
        */
         max-width: 100%;
    }
     .portfolio .item div.small{
        /*width: 150px;
        */
         max-width: 150px;
    }
     .portfolio .item img {
        /*height: 287px;
        */
         min-height: 150px;
    }
     .portfolio .item span{
         width: 150px;
    }
     .project .item{
         position: relative;
        /*margin: 20px auto;
        */
         width: 640px;
    }
     .project .item div.texts{
         position: relative;
         top: 0;
         left: 0;
         margin: 0 auto;
         width: 100%;
    }
     .project .item div.texts span{
         width: 100%;
    }
     .project .item div.details{
         position: relative;
         margin: 0 auto;
         width: 100%;
    }
     .project .item img.big{
        /*width: 100%;
        */
         max-width: 100%;
    }
     .project .item img.small{
        /*width: 150px;
        */
         max-width: 150px;
    }
     .project .item .description .texts{
         position: relative;
         text-align: center;
         left: 0;
    }
     .project .item .description .texts span{
         width: 100%;
    }
     .project .item .description .details{
         width: 100%;
         margin: 20px 0 0;
    }
}
 @media (max-width: 749px) {
     header ul {
         width: 300px;
         font-size: 10px;
    }
     header a {
         padding: 6px;
    }
     .home p{
         width: 250px;
         font-size: 12px;
    }
}
 img {
     border: 0 
}
 svg:not(:root) {
     overflow: hidden 
}
 .col-1 {
     width: 8.33333333% 
}
 .col-2 {
     width: 16.66666667% 
}
 .col-3 {
     width: 25% 
}
 .col-4 {
     width: 33.33333333% 
}
 .col-5 {
     width: 41.66666667% 
}
 .col-6 {
     width: 50% 
}
 .col-7 {
     width: 58.33333333% 
}
 .col-8 {
     width: 66.66666667% 
}
 .col-9 {
     width: 75% 
}
 .col-10 {
     width: 83.33333333% 
}
 .col-11 {
     width: 91.66666667% 
}
 .col-12 {
     width: 100% 
}
 img.scale-with-grid {
     width: 100%;
     height: auto;
     display: block 
}
 img.center {
     display: block;
     margin: auto 
}
 .vertical-center {
     display: table;
     position: relative;
     width: 100%;
     height: 100% 
}
 .vertical-center.vh {
     height: 100vh 
}
 .vertical-center .vertical-el {
     display: table-cell;
     vertical-align: top, 
}
 .vertical-center--transform {
     display: block;
}
 .vertical-center--transform .vertical-el {
     display: block;
     position: absolute;
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%) 
}
 .is-desktop .page-el .all-vh {
     position: relative 
}
 .text-align-center {
     text-align: center 
}
 body.is-loading header {
     opacity: 0!important;
     transition: opacity .3s cubic-bezier(.19, 1, .22, 1) 
}
 a.svg {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     margin: 0 10px 
}
 a.svg:after {
     display: block;
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     content: '';
     border-radius: 50%;
     width: 200%;
     height: 200%;
     margin: -50% 0 0 -50%;
     background: #1f1f1f;
     z-index: 1;
     opacity: 0;
     -webkit-transform: scale3d(.5, .5, .5);
     transform: scale3d(.5, .5, .5);
     transition: -webkit-transform .4s cubic-bezier(.19, 1, .22, 1), opacity .3s cubic-bezier(.19, 1, .22, 1);
     transition: transform .4s cubic-bezier(.19, 1, .22, 1), opacity .3s cubic-bezier(.19, 1, .22, 1) 
}
 .has-fx .inview-opacity.from-bottom {
     opacity: 0;
     -webkit-transform: translate3d(0, 10%, 0);
     transform: translate3d(0, 10%, 0) 
}
 .has-fx .inview-opacity.in-viewport {
     opacity: 1;
     -webkit-transform: none;
     transform: none;
     transition: -webkit-transform 1.2s cubic-bezier(.19, 1, .22, 1), opacity 1.2s cubic-bezier(.19, 1, .22, 1);
     transition: transform 1.2s cubic-bezier(.19, 1, .22, 1), opacity 1.2s cubic-bezier(.19, 1, .22, 1) 
}
 .animate-done .vs-scrollbar {
     opacity: 1;
     transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1), opacity .9s cubic-bezier(.19, 1, .22, 1) .5s;
     transition: transform .6s cubic-bezier(.19, 1, .22, 1), opacity .9s cubic-bezier(.19, 1, .22, 1) .5s 
}
 .is-loading .animate-done .vs-scrollbar {
     opacity: 0 
}
 .absolute {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     margin: auto 
}
 .relative {
     position: relative 
}
 ul {
     list-style-type: none 
}
 b, strong {
     font-weight: 600 
}
 ::selection {
     background: #1f1f1f;
     color: #fff 
}
 ::-moz-selection {
     background: #1f1f1f;
     color: #fff 
}
 a {
     color: #1f1f1f;
     text-decoration: none 
}
 a:focus {
     outline: 0 
}
 h1 {
     display: block;
     font-family: Graphik, sans-serif;
     font-weight: 600;
     font-size: 3.125rem;
     line-height: 3.438rem 
}
 h2 {
     display: block;
     font-family: Graphik, sans-serif;
     font-weight: 600;
     font-size: 2.5rem;
     line-height: 2.5rem;
     margin-bottom: 1.563rem 
}
 p {
     font-family: Graphik, sans-serif;
     font-weight: 400;
     font-size: 1rem;
     line-height: 1.7rem 
}
 header:before {
     transition: -webkit-transform 1.3s cubic-bezier(.19, 1, .22, 1);
     transition: transform 1.3s cubic-bezier(.19, 1, .22, 1);
     -webkit-transform: translate3d(0, -100%, 0);
     transform: translate3d(0, -100%, 0) 
}
 header.has-background:before {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     transition: -webkit-transform .9s cubic-bezier(.19, 1, .22, 1);
     transition: transform .9s cubic-bezier(.19, 1, .22, 1) 
}
 header:not(.has-background) {
     transition: opacity .6s cubic-bezier(.19, 1, .22, 1) .4s 
}
 .has-zoom-open header, header.is-hidden {
     opacity: 0;
     pointer-events: none 
}
 .header-btn {
     position: relative;
     display: inline-block;
     margin: 6px auto 0;
     overflow: hidden;
     padding: 15px 0 10px;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     transition: opacity .6s cubic-bezier(.19, 1, .22, 1) 
}
 .header-btn>span {
     display: block;
     font-family: Graphik, sans-serif;
     font-weight: 600;
     font-size: 1rem;
     line-height: 1.125rem;
     text-align: center;
     transition: color .7s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(.19, 1, .22, 1), opacity .4s cubic-bezier(.19, 1, .22, 1);
     transition: color .7s cubic-bezier(.19, 1, .22, 1), transform .8s cubic-bezier(.19, 1, .22, 1), opacity .4s cubic-bezier(.19, 1, .22, 1) 
}
 .header-btn>span small {
     font-family: Graphik, sans-serif;
     font-weight: 400;
     font-size: .75rem;
     line-height: .75rem;
     margin-left: .2rem 
}
 .header-btn>span:last-child {
     position: absolute;
     bottom: 10px;
     left: 100%;
     width: 100% 
}
 .header-btn:before {
     content: '';
     position: absolute;
     bottom: 10px;
     left: 0;
     width: 100%;
     height: 2px;
     background: #1f1f1f;
     -webkit-transform: translate3d(-101%, 0, 0);
     transform: translate3d(-101%, 0, 0);
     transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
     transition: transform .6s cubic-bezier(.19, 1, .22, 1) 
}
 .header-btn.current::before {
     -webkit-transform:inherit;
     transform: inherit;
     transition: inherit;
     transition: inherit;
     background: #F23030;
     display:block!important;
}
 .home .menu .internal span {
     height: 49px;
}
 #gallery .voice.left.current span, #gallery .voice.left span, #gallery .voice.right span {
     height: 47px;
}
 .header-btn.current{
     pointer-events:none;
}
 .header-btn.current span a, .header-btn.current span a:hover {
     color: #F23030;
}
 .header-btn--menu {
     float: left;
     min-width: 43px 
}
 .has-menu-open .header-btn--cart {
     opacity: 0;
     pointer-events: none 
}
 .has-menu-open .header-btn--menu span {
     -webkit-transform: translate(-100%, 0);
     transform: translate(-100%, 0);
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0) 
}
 .has-menu-open .header-btn--menu span:first-child {
     opacity: 0 
}
 .has-menu-open .sidebar-menu {
     -webkit-transform: translate3d(-30%, 0, 0);
     transform: translate3d(-30%, 0, 0) 
}
 .has-menu-open nav a {
     opacity: 1 
}
 .has-menu-open .sidebar-menu .block, .has-menu-open .sidebar-menu h1, .has-menu-open nav a {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0) 
}
 .has-menu-open .menu-alpha {
     opacity: 1;
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0);
     transition: opacity 2s cubic-bezier(.19, 1, .22, 1) .15s, -webkit-transform .8s cubic-bezier(.19, 1, .22, 1) .15s;
     transition: opacity 2s cubic-bezier(.19, 1, .22, 1) .15s, transform .8s cubic-bezier(.19, 1, .22, 1) .15s 
}
 .sidebar-menu {
     position: fixed;
     top: 0;
     left: 0;
     bottom: 0;
     width: 100%;
     background: #a7060e url("../img/mafalda_signorino_bg.jpg") no-repeat 90% top;
     box-shadow: 0 1px 6px #e9e9e9;
     -moz-box-shadow: 0 1px 6px #e9e9e9;
     -webkit-box-shadow: 0 1px 6px #e9e9e9;
     padding: 0 11.25rem 0 40%;
     z-index: 200;
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0);
     transition: -webkit-transform .75s cubic-bezier(.19, 1, .22, 1);
     transition: transform .75s cubic-bezier(.19, 1, .22, 1);
     background-size: 1460px;
}
 @media screen and (min-width: 1460px){
     .home .sidebar-menu{
         background-size:2000px;
    }
     .home .description li span, .home .description li p.aboutme {
         padding-right: 6%;
    }
}
 @media screen and (min-width: 2020px){
     .home .sidebar-menu{
         background-size: cover;
    }
}
 .sidebar-menu h1 {
     max-width: 200px 
}
 nav a {
     position: relative;
     display: block;
     overflow: hidden;
     min-height: 40px;
     font-family: Graphik, sans-serif;
     font-weight: 600;
     font-size: 2.188rem;
     line-height: .9;
     color: #1f1f1f;
     margin-bottom: .5rem;
     transition-property: -webkit-transform, opacity;
     transition-property: transform, opacity;
     transition-duration: .8s;
     transition-timing-function: cubic-bezier(.19, 1, .22, 1);
     -webkit-transform: translate3d(-100%, 0, 0);
     transform: translate3d(-100%, 0, 0);
     opacity: 0 
}
 nav a span {
     position: relative;
     display: inline-block;
     overflow: hidden;
     padding-bottom: .3125rem 
}
 nav a span:after {
     display: block;
     position: absolute;
     bottom: 3px;
     content: '';
     width: 100%;
     height: 2px;
     background: #1f1f1f;
     -webkit-transform: translate3d(-105%, 0, 0);
     transform: translate3d(-105%, 0, 0);
     transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
     transition: transform .6s cubic-bezier(.19, 1, .22, 1) 
}
 nav a.is-current span:after, nav a:hover span:after {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0) 
}
 nav a.small {
     font-family: Graphik, sans-serif;
     font-weight: 600;
     font-size: 1rem;
     line-height: .9;
     min-height: 20px 
}
 nav a.small.mt {
     margin-top: 2rem 
}
 nav li {
     display: block 
}
 nav li:first-of-type a {
     transition-delay: 0s 
}
 nav li:nth-child(2) a {
     transition-delay: .05s 
}
 nav li:nth-child(3) a {
     transition-delay: .1s 
}
 nav li:nth-child(4) a {
     transition-delay: .15s 
}
 nav li:nth-child(5) a {
     transition-delay: .2s 
}
 nav li:nth-child(6) a {
     transition-delay: .25s 
}
 nav li:nth-child(7) a {
     transition-delay: .3s 
}
 nav li:nth-child(8) a {
     transition-delay: .35s 
}
 nav li:nth-child(9) a {
     transition-delay: .4s 
}
 nav li:nth-child(10) a {
     transition-delay: .45s 
}
 nav li:nth-child(11) a {
     transition-delay: .5s 
}
 .is-desktop .header-btn:hover:before {
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0) 
}
 .is-desktop .section-intro__item:hover:before {
     -webkit-transform: translate3d(0, -1px, 0);
     transform: translate3d(0, -1px, 0) 
}
 .is-desktop .a-column__item:hover .a-item__hover {
     opacity: 1 
}
 .is-desktop .a-column__item:hover .a-item__content, .is-desktop .a-column__item:hover .a-item__content hr {
     -webkit-transform: translate(0, 0);
     transform: translate(0, 0);
     -webkit-transform: translate3d(0, 0, 0);
     transform: translate3d(0, 0, 0) 
}
 .is-desktop .a-column__item:hover .a-item__content p {
     opacity: 1;
     transition: opacity .7s cubic-bezier(.19, 1, .22, 1) .1s 
}
 .is-mobile .section-newsletter__form .input__container label {
     width: 80%;
     max-width: 320px;
     margin: auto 
}
 .is-tablet .section-intro {
     margin-bottom: 6rem 
}
 @media only screen and (max-width: 768px) {
     .not-mobile {
         display: none 
    }
  body header div.fullsize{
  background-position: 49% top!important;
  }
     header {
         padding: 0 .3rem .4rem!important 
    }
     .header-btn:before {
         display: none 
    }
     #gallery.home .menu .internal span {
         height: 47px;
    }
}
 @media only screen and (min-width: 768px) and (max-width: 1024px) {
     .not-mobile:not(.not-tablet) {
         display: block 
    }
     .not-mobile:not(.not-tablet).vertical-center {
         display: table 
    }
     .col-md-6 {
         width: 50%!important 
    }
     .col-md-7 {
         width: 58.33333333%!important 
    }
     .col-md-12 {
         width: 100%!important 
    }
     .md-text-left {
         text-align: left!important 
    }
     hr.m {
         margin: 1.3rem 0 
    }
     .sidebar-menu {
         width: 90%!important 
    }
     .section-intro__column--left {
         width: 55%!important 
    }
     .section-intro__column--right {
         width: 45%!important;
         padding-left: 2.5rem 
    }
     .section-intro__item {
         padding-left: 2.5rem!important 
    }
     .i-column__content {
         padding: 0 3rem 3rem!important 
    }
     .section-artshow {
         padding: 5.25rem 0 0 
    }
     .section-shows__column:not(.no-padding):first-child {
         padding: 0 .9375rem 0 0!important 
    }
     .section-shows__column:not(.no-padding):nth-child(2) {
         padding: 0 0 0 .9375rem!important 
    }
     .product-cover__title {
         max-width: 60%!important 
    }
     .two-col-grid .column.md-padding:first-child {
         padding-right: 1.25rem!important;
         margin-top: 5.1rem 
    }
     .two-col-grid .column.md-padding:last-child {
         padding-left: 1.25rem!important 
    }
     .two-col-grid blockquote {
         margin-top: 0!important 
    }
     .section-product-artist {
         padding: 5rem auto 3rem!important 
    }
     #home .home p {
         margin-bottom: 20px;
         margin-top: 0;
         width: 60%;
         font-size: 14px;
         line-height: 27px;
    }
}
 @media only screen and (max-width: 768px){
     #home .home p {
         width: 90%;
         line-height: 24px;
         margin-top: -70px;
         margin-bottom: 30px;
    }
     #home .home p , .home .description span.lastrow {
         font-size: 13px;
    }
     .portfolio .item .description .description-lazy span {
         font-size: 12px;
    }
     content.portfolio .item .description {
         height: 60px !important;
    }
     .item .description .description-lazy span.cliente{
         font-family: "open_sanssemibold";
         margin-top: 5px;
    }
     .description li span b, .description li p.aboutme b {
         margin-left:0;
    }
     #home .home .description p{
         margin-top: inherit;
         padding-right: 0;
    }
     #home .internal .header-btn.header-btn--menu, body .header-btn.voice.left {
        margin-right: 25px;
    }
     #home .home div.menu {
         padding-left: 48px;
         position: fixed;
    }
     #home header .header-btn.header-btn--menu.voice.left.current {
         height: 54px;
         margin-top: 18px;
    }
     #home div.voice.right {
         margin-left: 20px;
         margin-right: 6px;
    }
}
 @media only screen and (max-width: 1024px) {
     #home content.fullsize {
         min-height: 100%;
    }
     .fullsize{
         height:auto;
    }
     .sipario table.fullsize{
         height:100%;
    }
     #home p br.hide{
         display: none;
    }
     .section-intro__index {
         display: block 
    }
     .xl-margin-left-col-2 {
         margin-left: 0 
    }
     hr.m-b {
         margin-bottom: 2.188rem 
    }
     h1:not(.js-h1) {
         font-family: Graphik, sans-serif;
         font-weight: 600;
         font-size: 2.188rem;
         line-height: 2.25rem 
    }
     blockquote, blockquote p {
         font-family: Graphik, sans-serif;
         font-weight: 400;
         font-size: 1.25rem;
         line-height: 1.875rem 
    }
     .f-column__text>div blockquote>div:before {
         display: none 
    }
     .s-column__day {
         font-size: 3.1rem 
    }
     .device-content {
         width: 90% 
    }
     .col-xs-4 {
         width: 33.33333333% 
    }
     .col-xs-8 {
         width: 66.66666667% 
    }
     .col-xs-9 {
         width: 75% 
    }
     .col-xs-12 {
         width: 100%!important 
    }
     header {
         padding: 0 
    }
     .header-btn {
         padding: 12px 15px 10px;
         line-height: 1.4rem; 
         margin-right: 10px;
    }
     .has-menu-open .sidebar-menu {
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0) 
    }
     .has-menu-open .menu-alpha {
         transition: opacity .8s cubic-bezier(.19, 1, .22, 1) .5s 
    }
     .sidebar-menu {
         overflow-x: hidden;
         padding: 1%;
         width: 98%;
         -webkit-overflow-scrolling: touch;
    }
     .vertical-center ul.description #yeah .barra2, ul.description #yeah .barra1 {
         width: 70%;
    }
     .vertical-center ul.description .header-btn.header-btn--menu {
         float: none;
         margin: 0 auto;
    }
     .vertical-center ul.description {
         margin-top: 0;
    }
     .fullsize, body, table.fullsize {
         background-color: #fff;
         background-image: none;
         overflow-y: auto;
    }
     #home .fullsize{
         background-size: 75px !important;
    }
    /*.home table{
         margin-top:-40px;
    }
     */
     .header-btn.header-btn--menu.voice.left {
         min-width: inherit;
    }
     #home .home .menu {
         padding-left: 60px;
    }
     #home header {
         padding-left: 0;
    }
     body#home header {
         height: 54px;
         background-color: #fff;
         box-shadow: 0 0 5px 1px #eee;
         -moz-box-shadow: 0 0 5px 1px #eee;
         -webkit-box-shadow: 0 0 5px 1px #eee;
    }
     .prime, .me, .gallery, .talk, .email, .linkedin, .curriculum{
         font-size:0!important;
         padding-top:3px;
    }
     .home .menu .internal span{
         height:49px;
    }
     .prime:before, .me:before, .gallery:before, .linkedin:before, .email:before, .curriculum:before{
         font-size: 18px;
         text-align: center;
         font-family: themify;
    }
     .prime:before{
         content: "\e69b";
    }
     .me:before{
         content: "\e6c2";
    }
     .gallery::before {
         content: "\e71e";
         display: block;
         margin-top: 1px;
    }
     .talk::before {
         content: "";
         width: 21px;
         height: 21px;
         display: block;
         margin-top: 0;
         background: url(../img/blog.svg) no-repeat center;
         margin-top: 2px;
         opacity: 0.8;
         transition-property: opacity;
         transition-duration: 0.4s;
    }
     .talk:hover::before{
         opacity: 1;
     }
     .email:before{
         content:"\e75a";
    }
     .linkedin::before {
         content: "in";
         line-height: 16px;
         font-family: open_sanssemibold;
         text-transform: lowercase;
         font-size: 20px;
         letter-spacing: -0.3px;
    }
     .curriculum::before {
         content: "CV";
         font-family: "open_sansregular";
         font-size: 16px;
    }
     .sidebar-menu .column {
         padding: 0!important 
    }
     .sidebar-menu h1, .sidebar-menu hr {
         display: none 
    }
     .menu__socials {
         position: relative;
         margin-top: 2rem 
    }
     .section-gallery__wrapper {
         padding-bottom: 3.125rem 
    }
     .g-column__content {
         padding: 0 3.25rem;
         margin-bottom: 0 
    }
     .section-featured {
         padding: 0 .5rem 3.125rem 
    }
     .section-featured__details {
         text-align: center;
         padding: 6.25rem 0 
    }
     .section-shows {
         padding: 4rem 0 
    }
     .section-shows__column {
         margin: auto auto 2.188rem;
         width: 50% 
    }
     .section-shows__column:not(.no-border) {
         border-right: none 
    }
     .section-shows__column:not(.no-border):first-child {
         border-left: none 
    }
     .section-shows__column p {
         margin: 2.5rem auto 0;
         text-align: center 
    }
     .xs-center-floats>.column {
         display: inline-block;
         float: none 
    }
     .section-newsletter {
         padding-top: 1rem 
    }
     .section-newsletter.newsletter--delta-top {
         padding-top: 5rem 
    }
     .n-form__submit {
         margin-top: 3.125rem 
    }
     .section-newsletter__socials {
         padding: 3.125rem 0 
    }
     .payment__column .section__title:first-child, .payment__column--left .payment__items, .section-details-method {
         margin-top: 0 
    }
     .section-payment {
         padding: 3.125rem 1.25rem 
    }
     .section-payment .grid__row .row {
         margin-bottom: 0 
    }
     .section-payment-method, .section-shipping-method {
         margin-top: 0;
         padding-top: 2rem 
    }
     .payment__items .cart__item {
         padding: 1.5rem 0 1.2rem;
         border-left: none;
         border-right: none 
    }
     .payment__column {
         width: 100%;
         padding: 0 
    }
     .payment__column .section__title:first-child {
         margin-top: 3.125rem 
    }
     .payment__column .cart__summary {
         max-width: 100% 
    }
     .payment__column .grid__row p {
         margin: 2.125rem 0 0 
    }
     .payment__column .cart__summary {
         padding: 0 
    }
     .payment__row {
         margin-top: 2.5rem;
         text-align: center 
    }
     .payment__row .button {
         display: block;
         position: relative;
         margin: .9375rem auto 0 
    }
     .section-artist {
         padding-top: 5rem 
    }
     .section-artist blockquote {
         max-width: 100%;
         margin: auto auto 2.188rem 
    }
     .section-artist__info {
         padding: 5rem 0 0;
         margin-bottom: 3.125rem 
    }
     .section-artist__info blockquote {
         max-width: 100%;
         margin-bottom: 2rem 
    }
     .a__cover {
         max-width: 100%;
         width: auto 
    }
     .a__title {
         margin: 5rem 0 3rem 
    }
     .a__title h1 {
         text-align: center;
         position: relative;
         top: auto;
         right: auto;
         padding-right: 0;
         margin: auto;
         min-width: auto 
    }
     .a__title h1~div {
         position: relative;
         right: auto;
         margin-left: auto;
         margin-right: auto;
         margin-top: auto;
         text-align: center;
         -webkit-transform: none;
         transform: none 
    }
     .a__title h1~div hr {
         margin: 1.25rem auto 
    }
     .a__title h1~div .p p {
         text-align: center 
    }
     .a__socials span {
         margin-right: 0 
    }
     .a__socials a.svg {
         margin: 0 10px 
    }
     .section-product-artist {
         padding-top: 3.125rem;
         padding-bottom: .3125rem 
    }
     .section-artists__column {
         position: absolute 
    }
     .section-artists__column:first-child {
         max-width: 60%;
         padding: 0 0 0 1.3rem 
    }
     .section-artists__column:last-child {
         left: 65% 
    }
     .a-column__switch {
         margin: 0 0 70px 1.3rem 
    }
     .a-column__item {
         width: 280px 
    }
     .a-column__margin {
         padding: 70px 0 
    }
     .section-flow {
         margin-bottom: 3.125rem 
    }
     .section-flow:not(.no-margin-bottom) {
         margin-bottom: 5rem 
    }
     .section-flow.xs-no-margin-bottom {
         margin-bottom: 0 
    }
     .section-flow p {
         text-align: left 
    }
     .section-flow .row:last-child, .section-flow .row:last-child .f__column--text {
         -webkit-transform: translate(0, 0);
         transform: translate(0, 0);
         -webkit-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0) 
    }
     .page-product .section-global-gallery {
         padding-top: 0 
    }
     .section-product-infos {
         padding-bottom: 3.125rem 
    }
     .section-product-infos .section-padding {
         padding: 4.25rem 0 
    }
     .product-cover__title {
         max-width: 55%;
         margin: auto 
    }
     .product-cover__title h1 {
         text-align: left 
    }
     .product-cover__title h1~div {
         left: 0;
         top: 110%;
         bottom: initial 
    }
     .two-col-grid blockquote {
         margin-top: 2.188rem;
         margin-bottom: 2rem 
    }
     .section-product-viewer {
         padding: 2.5rem 0 
    }
     .product-viewer__mask {
         margin: auto auto 5.375rem 
    }
     .section-product-gallery {
         padding: 5rem 0 1.25rem 
    }
     .section-product-gallery label {
         margin: .5rem 0 2.188rem 
    }
     .section-product-gallery label.corner {
         position: relative;
         top: initial;
         right: initial;
         max-width: 250px;
         margin-right: 0;
         margin-top: 2.188rem 
    }
     .section-product-gallery p {
         margin: 3rem auto 6rem 
    }
     .section-product-pricing {
         padding: 5rem 0 
    }
     .two-col-grid img.pricing__img.max-width {
         max-width: 70% 
    }
     .grid-expands .item-expands .row small, .grid-expands .item-line>p {
         max-width: 80% 
    }
     .page-content {
         padding: 6.25rem 0 5rem 
    }
     .page-content blockquote {
         margin-bottom: 2.188rem 
    }
     .section-thanks {
         padding-top: 6.25rem 
    }
     .section-thanks .section__title {
         margin-bottom: 2.188rem 
    }
     .section-thanks .row .right {
         position: relative;
         top: initial;
         right: initial 
    }
     .signature {
         display: block;
         margin: auto 
    }
     .page-about .section-flow.padding-bottom {
         padding-bottom: 3.125rem 
    }
}
 @media only screen and (max-width: 1024px) {
     .not-tablet {
         display: none 
    }
     header {
         padding: 0 3rem .2rem 
    }
     .col-md-12 {
         width: 100%!important 
    }
     .sidebar-menu h1, .sidebar-menu hr {
         display: none 
    }
     .sidebar-menu .block {
         margin-bottom: 1rem 
    }
     .section-newsletter {
         padding-top: 3rem 
    }
     .section-newsletter.newsletter--delta-top {
         padding-top: 10rem 
    }
     .section-newsletter__socials {
         padding: 5rem 0 
    }
     .dragger-column .image-wrapper {
         width: 100%!important 
    }
     .dragger-column .image-wrapper img {
         position: relative 
    }
     .f__column--text.padding-delta-top {
         padding: 4rem 0 0 6.5rem 
    }
     .f__column--text h1~div p.fixed-width, .f__column--text h2~div p.fixed-width {
         width: auto 
    }
     .n-form__submit {
         margin-top: 5rem 
    }
}
 @media only screen and (min-width: 1001px) and (max-width: 1324px) {
     .device-content {
         width: 960px 
    }
     .payment__items .cart__item em {
         margin-top: 5% 
    }
     .section-intro__column--left {
         width: 65%!important 
    }
     .section-intro__column--right {
         width: 40%!important 
    }
     .f__column--text {
         padding: 3rem 2rem 0 
    }
     .f__column--text.padding {
         padding: 0 0 0 7rem 
    }
     .f__column--text.padding-delta-top {
         padding: 5rem 0 0 5.5rem 
    }
}
 @media only screen and (max-width: 1120px) {
     .section-steps {
         height: 80px 
    }
     .section-steps a {
         padding: 20px 0 
    }
     .section-steps .position {
         top: 54px 
    }
     .section-steps.is-hidden {
         -webkit-transform: translate3d(0, -54px, 0);
         transform: translate3d(0, -54px, 0) 
    }
}
 @media only screen and (min-width: 1325px) {
     .page-about blockquote {
         max-width: 80% 
    }
     .payment__items .cart__item em {
         margin-top: 10% 
    }
}
 @media only screen and (min-width: 1500px) {
     .device-content {
         width: 1350px 
    }
     .section-shows__column:not(.no-padding) {
         padding: 3.125rem 6.25rem 
    }
     .payment__items .cart__item {
         padding: 1.875rem 2.5rem 
    }
     .payment__column .cart__summary {
         padding: 0 2.5rem 2.5rem 
    }
     .payment__column--left {
         width: 35% 
    }
     .payment__column--right {
         width: 65% 
    }
}
 @media only screen and (min-height: 768px) {
     .section-intro__item {
         padding: 1.3rem 0 
    }
}
 @media only screen and (max-height: 750px) {
     .section-intro__item {
         padding: .8rem 0 
    }
     .section-artists__column h1 {
         margin: 8rem 0 0 
    }
}
 @media only screen and (max-height: 620px) {
     .section-intro__column--right .section-intro__column--max-width hr, .section-intro__column--right .section-intro__column--max-width p {
         display: none 
    }
}
 @media only screen and (min-height: 851px) {
     .section-intro__column--right {
         padding-top: 6.25rem 
    }
}
 .header-btn.header-btn--menu > span {
     color: #000;
     float: left;
     font-family: "open_sanssemibold";
     font-weight: normal;
     padding-bottom: 5px;
     z-index: 999999999;
}
 .header-btn.header-btn--menu.voice.left{
     float:left;
}
 div.voice.right {
     float: right;
     padding: 0;
     margin-top: 0;
     margin-left: 40px;
}
 .header-btn.voice.left {
     float: left;
     padding: 0;
     margin-top: 0;
     margin-right: 40px;
}
 .header-btn.header-btn--menu {
     width: 55px;
}
 .menu .internal {
     float: left;
     height: 40px;
     margin-left: 0;
     margin-top: 0;
     width: 100%;
}
 .internal .header-btn.header-btn--menu {
     height: auto;
     margin-top: 0;
     padding-bottom: 0;
     padding-top: 0;
     width: auto;
     margin-right: 40px;
}
 ul.description .header-btn.header-btn span, ul.description .header-btn.header-btn {
     background: transparent none repeat scroll 0 0;
     height: 100px;
     text-align: center;
     width: 100px;
}
 ul.description .header-btn::before {
     background-color: transparent;
     display: block;
     height: 40px;
     position: relative;
     transform: none;
     transition: none;
     width: 400px;
}
 ul.description, nav, .column.col-5.col-md-5 {
     padding: 0;
     width: 100%;
     margin-top: ;
}
 ul.description .header-btn.header-btn--menu {
     float: right;
}
 .menu aside .col-7.menu-alpha {
     padding-bottom: 0;
     padding-left: 0;
     padding-right: 0;
     padding-top: 20px;
     width: 100%;
}
 aside .contact-block a {
     font-family: "open_sansregular";
     text-transform: none;
     transition-property:color;
     transition-duration:0.4s;
     -moz-transition-property:color;
     -moz-transition-duration:0.4s;
     -webkit-transition-property:color;
     -webkit-transition-duration:0.4s;
}
 aside .contact-block strong {
     font-family: "open_sanssemibold";
     font-weight: normal;
}
 .description li span, .description li p.aboutme {
     color: #fff;
     display: block;
     font-size: 14px;
     line-height: 28px;
     margin: 0 auto;
     text-align: left;
     text-transform: none;
     width: 62%;
     padding-right: 4%;
     font-family: "open_sansregular";
}
 .description li p.aboutme a {
     color: #ffe383;
     cursor: pointer;
     display: inline;
     font-family: "open_sansbold";
     font-size: 14px;
     font-weight: normal;
     padding: 0;
     letter-spacing: 0;
}
 .description li p.aboutme a:hover{
     color: #fff;
}
 p.aboutme::first-letter {
     color: #FFE38C;
     float:left;
     font-size:96px;
     line-height:70px;
     padding-right:20px;
     font-family:serif;
     margin-top:8px;
     float:left;
}
 .description li span b, .description li p.aboutme b {
     font-family: "open_sansbold";
     font-weight: normal;
     color: #fff;
     margin-left: 0;
     margin-right: 1px;
     text-transform: uppercase;
}
 .description li {
     margin-bottom: 20px;
     width: 100%;
}
 .menu aside .contact-block a:hover {
     color: #f05757;
}
 header .contact.outer, header .contact.inner {
     background-color: #f05757;
     background: #f05757 url("../img/logo_mafaldasignorino.png") no-repeat center top;
}
 body header {
     background-color: #fbfbf9;
     border-top: 2px solid #fbfbf9;
}
 .gm-style .gm-style-cc span,.gm-style .gm-style-cc a,.gm-style .gm-style-mtc div{
     font-size:10px;
}
 .submit-button-container.portfolio-link {
     display: none;
}
 #home .big.portfolio-img {
     display: block !important;
}
 table {
     border-collapse: collapse !important;
}
 #home header {
     padding-top: 0;
     height: 60px;
     position: fixed;
     background-color: #fbfbf9;
     z-index: 77;
}
 footer {
     text-align: center;
     margin-bottom: 50px;
     display: block;
}
 #home footer span {
     display: block;
     font-size: 12px;
     margin-bottom: 7px;
     color: #ff5757;
     font-family: "open_sanslight";
     letter-spacing: 0.3px;
}
 .header-btn.header-btn--menu > span a.about {
     float: left;
}
 .header-btn.header-btn--menu > span a#contact {
     float: right;
}
/* start portfolio */
 .lazy-ready {
     opacity: 0 !important;
}
 .lazy-finished {
     opacity: 1 !important;
     -webkit-transition: opacity 1s;
     -moz-transition: opacity 1s;
     transition: opacity 1s;
    /* -webkit-transition-delay: 1s;
     -moz-transition-delay: 1s;
     transition-delay: 1s;
     */
}
 .lazy2-ready {
     top: 50px !important;
     opacity: 0 !important;
}
 .lazy2-finished {
     top: 0 !important;
     opacity: 1 !important;
     -webkit-transition: opacity 1s, top 1s;
     -moz-transition: opacity 1s, top 1s;
     transition: opacity 1s, top 1s;
     -webkit-transition-delay: .3s;
     -moz-transition-delay: .3s;
     transition-delay: .3s;
}
/* HEADER -------------------------------------------------- */
/* PORTFOLIO -------------------------------------------------- */
 .portfolio {
     background-color: #fff;
     display: block;
     padding-bottom: 0;
    /*padding-top: 160px;
     */
     padding-top: 90px;
     position: relative;
     width: 100%;
}
 .portfolio .item{
     position: relative;
     margin: 0 auto;
     max-width: 1200px;
}
 .portfolio .item div.big{
     max-width: 100%;
     background-color: #fff;
     margin: 0 auto;
}
 .portfolio .item div.small{
     max-width: 200px;
     background-color: #fff;
     margin: 0 auto;
}
 .portfolio .item img {
     display: block;
     max-width: 100%;
     min-height: 200px;
     margin: 0 auto;
     cursor: pointer;
}
 .portfolio .item .description {
     position: relative;
     width: 100%;
     margin-top: 10px;
     margin-bottom: 60px;
     height: 120px;
}
 .portfolio .item .description-lazy {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
}
 .portfolio .item span{
     display: block;
     width: 200px;
     margin: 0 auto;
     text-align: center;
     color: #212121;
}
 .portfolio .item span.cliente {
     margin-top: 20px;
     font-size: 20px;
     font-weight: 400;
     width: 100%;
}
 .portfolio .item span.lavoro {
     font-size: 16px;
     font-weight: 300;
     margin-top: 3px;
     width: auto;
}
 .portfolio .item span.ambito {
     margin-top: 5px;
     font-size: 14px;
     font-weight: 300;
     font-style: italic;
}
/* PROJECT -------------------------------------------------- */
 .transition {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     padding: 0;
     margin: 0;
     z-index: -1;
}
 .transition-inner {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #fff;
     display: none;
     opacity: 0;
}
 .transition .rect {
     background-color: #d2d2d2;
     opacity: 0;
}
/* PROJECT -------------------------------------------------- */
 .project{
     display: block;
     position: relative;
     width: 100%;
     background-color: #fff;
     padding-bottom: 100px;
}
 .project .level table {
     margin: 50px auto 50px;
}
 .project .level table td {
     font-size: 20px;
     font-weight: 300;
     text-transform: capitalize;
     text-align: center;
}
 .project a{
     color: #212121;
}
 .project .item{
     position: relative;
     margin: 50px auto;
     width: 960px;
}
 .project .item img.big{
     display: block;
     margin: 0 auto;
    /*width: 100%;
    */
     max-width: 100%;
}
 .project .item img.gallery{
    /*display: block;
    */
     display: block;
     margin: 0 auto;
     max-width: 100%;
}
 .project .item .description {
     margin-top: 20px;
     position: relative;
}
 .project .item .description .texts{
     position: absolute;
     top: 0;
     left: 10px;
     width: 200px;
     text-align: left;
}
 .project .item .description .texts span{
     display: block;
     width: 300px;
     margin: 0 auto;
     color: #212121;
}
 .project .item .description .texts span.cliente{
     margin-top: 0;
     font-size: 20px;
     font-weight: 400;
}
 .project .item .description .texts span.lavoro{
     margin-top: 3px;
     font-size: 20px;
     font-weight: 300;
}
 .project .item .description .texts span.ambito{
     margin-top: 10px;
     font-size: 14px;
     font-weight: 300;
     font-style: italic;
}
 .project .item .description .texts div.social{
     margin-top: 20px;
}
 .project .item .description .details{
     position: relative;
     width: 550px;
     margin: 0 0 0 400px;
}
 .project .item .description .details span {
     display: block;
     width: 100%;
     margin: 0 auto;
     text-align: left;
     color: #212121;
}
 .project .item .description .details span.descrizione{
     width: 100%;
     margin-top: 10px;
     font-size: 14px;
     font-weight: 300;
}
 .project .item .description .details span.descrizione iframe, .project .item .description .details span.descrizione img {
     width: 100%;
}
 .project .item .description .details span.url{
     margin-top: 10px;
     font-size: 14px;
     font-weight: 300;
}
 .project .item .description .details img.gallery{
     margin-top: 20px;
     width: 100%;
}
/* RESPONSIVE CSS -------------------------------------------------- */
 @media (max-width: 1099px) {
     .recruiting .staff {
         width: 640px;
    }
     .portfolio .item {
         position: relative;
        /*width: 640px;
        */
        ;
         max-width: 640px;
    }
     .portfolio .item div.big{
        /*width: 100%;
        */
         max-width: 100%;
    }
     .portfolio .item div.small{
        /*width: 150px;
        */
         max-width: 150px;
    }
     .portfolio .item img {
        /*height: 287px;
        */
         min-height: 150px;
    }
     .portfolio .item span {
         width: 100%;
    }
     .project .item{
         position: relative;
        /*margin: 20px auto;
        */
         width: 640px;
    }
     .project .item div.texts{
         position: relative;
         top: 0;
         left: 0;
         margin: 0 auto;
         width: 100%;
    }
     .project .item div.texts span{
         width: 100%;
    }
     .project .item div.details{
         position: relative;
         margin: 0 auto;
         width: 100%;
    }
     .project .item img.big{
        /*width: 100%;
        */
         max-width: 100%;
    }
     .project .item img.small{
        /*width: 150px;
        */
         max-width: 150px;
    }
     .project .item .description .texts{
         position: relative;
         text-align: center;
         left: 0;
    }
     .project .item .description .texts span{
         width: 100%;
    }
     .project .item .description .details{
         width: 100%;
         margin: 20px 0 0;
    }
     .contact.inner #infominimal{
         width: 45%;
    }
     .contact.inner #map-canvas{
         width: 50%;
    }
}
 @media (max-width: 600px) {
     header ul {
         width: 300px;
         font-size: 10px;
    }
     header a {
         padding: 6px;
    }
     .home p{
         width: 100%;
         font-size: 12px;
    }
     .portfolio .item{
         position: relative;
        /*margin: 10px auto;
        */
        /*max-width: 300px;
        */
         max-width: 92%;
    }
     .portfolio .item div.big{
        /*width: 100%;
        */
         max-width: 100%;
    }
     .portfolio .item div.small{
        /*width: 100px;
        */
         max-width: 100px;
    }
     .portfolio .item img {
        /*height: 134px;
        */
         min-height: 100px;
    }
     .project .item{
         position: relative;
        /*margin: 20px auto;
        */
         width: 300px;
    }
     .project .item div.texts{
         position: relative;
         top: 0;
         left: 0;
         margin: 0 auto;
         width: 100%;
    }
     .project .item div.texts span{
         width: 100%;
    }
     .project .item div.details{
         position: relative;
         margin: 0 auto;
         width: 100%;
    }
     .project .item img.big{
        /*width: 100%;
        */
         max-width: 100%;
    }
     .project .item img.small{
        /*width: 100px;
        */
         max-width: 100px;
    }
     .project .item img.gallery{
         width: 100px;
    }
}
 .description p.aboutme {
     font-size: 16px!important;
     line-height: 30px!important;
     color: #e9e9e9!important;
     letter-spacing: 0;
}
 .description p.aboutme b, .description p.aboutme a b:hover{
     text-transform:inherit!important;
     color:#fff;
}
 .description p.aboutme a b{
     color: #FFE38C;
}
#gallery .header-btn.voice.left:first-child {
  margin-left: 5px;
}