@import url("https://fonts.googleapis.com/css?family=Montserrat:300,400,700");

@font-face {

    font-family: 'MontserratBlack';

    src: url("../fonts/montserrat/Montserrat-Black.woff") format("woff"); }

@font-face {

    font-family: 'MontserratThin';

    src: url("../fonts/montserrat/Montserrat-Thin.woff") format("woff"); }

.no-padding {
    padding: 0 !important; }

.m-l-10 {
    margin-left: 10px; }

.m-r-10 {
    margin-right: 10px; }

.m-t-10 {
    margin-top: 10px; }

.m-b-10 {
    margin-bottom: 10px; }



.m-l-20 {

    margin-left: 20px; }

.m-r-20 {
    margin-right: 20px; }



.m-t-20 {

    margin-top: 20px; }



.m-b-20 {

    margin-bottom: 20px; }



.m-l-30 {

    margin-left: 30px; }



.m-r-30 {

    margin-right: 30px; }



.m-t-30 {

    margin-top: 30px; }



.m-b-30 {

    margin-bottom: 30px; }



.m-l-50 {

    margin-left: 50px; }



.m-r-50 {

    margin-right: 50px; }



.m-t-50 {

    margin-top: 50px; }



.m-b-50 {

    margin-bottom: 50px; }



.m-l-70 {

    margin-left: 70px; }



.m-r-70 {

    margin-right: 70px; }



.m-t-70 {

    margin-top: 70px; }



.m-b-70 {

    margin-bottom: 70px; }



.p-t-80 {

    padding-top: 80px; }

@media screen and (max-width: 768px) {

    .p-t-80 {

        padding-top: 30px; } }



.p-t-60 {

    padding-top: 60px; }

@media screen and (max-width: 768px) {

    .p-t-60 {

        padding-top: 0px; } }



/******************* EXTERNAL SCROLLBAR *******************/

.scrollbar-external {

    max-height: 100vh !important; }



.external-scroll_x,

.external-scroll_y {
    background: #f6f6f6;
    cursor: pointer;
    display: none;
    position: fixed;
    border-radius: 20px;
    padding: 0; }



.external-scroll_x.scroll-scrollx_visible {
    display: block;
    height: 10px;
    left: 0;
    top: 410px;
    width: 200px; }


.external-scroll_y.scroll-scrolly_visible {
    display: block;
    height: 95vh;
    right: calc(50% - 17px);
    top: 50%;
    transform: translate(0, -50%);
    width: 16px;
    padding: 15px 0; }



.external-scroll_x div,

.external-scroll_y div {

    height: 100%;

    left: 2px;

    top: 0;

    position: absolute;

    width: 8px; }



.external-scroll_x .scroll-bar,

.external-scroll_y .scroll-bar {

    background: #ff5252;

    border-radius: 10px;

    z-index: 12; }



.external-scroll_x .scroll-bar {

    width: 5px; }



.external-scroll_y .scroll-bar {

    height: 150px; }



body {

    font-family: 'Montserrat', sans-serif; }

@media screen and (max-width: 1025px) {

    body {

        overflow-x: hidden; } }



/* Preloader */

/**

HEADER

*/



#header {

    transition: all 0.35s cubic-bezier(0.3, 1, 0.3, 1);

    width: 100%;

    position: fixed;

    top: 0;

    z-index: 100;

    padding: 30px 0;

    background: transparent; }

#header.notrasp, #header.notraspfix {

    background: #fff; }

#header #nav.list-inline {

    padding-left: 15px;

    margin-bottom: 0px; }

#header #nav.list-inline li {

    position: relative;

    display: inline-block;

    padding: 0;

    padding-right: 18px; }

#header #nav.list-inline li a {

    color: #a9a9ae;

    font-weight: 300;

    font-size: .9em; }

#header #nav.list-inline li a.active {

    color: #ff5252; }

#header #nav.list-inline li ul {

    border-radius: 6px;

    box-shadow: 0 3px 12px rgba(0, 0, 0, 0.25);

    transition: all 0.35s cubic-bezier(0.3, 1, 0.3, 1);

    width: 250px;

    padding: 15px;

    left: -104px;

    visibility: hidden;

    position: absolute;

    opacity: 0;

    top: 90%;

    background: #ff5252; }

#header #nav.list-inline li ul li {

    width: 100%; }

#header #nav.list-inline li ul li a {

    color: #fff;

    font-size: .85em; }

#header #nav.list-inline li ul:after, #header #nav.list-inline li ul:before {

    bottom: 100%;

    left: 50%;

    border: solid transparent;

    content: " ";

    height: 0;

    width: 0;

    position: absolute;

    pointer-events: none; }

#header #nav.list-inline li ul:after {

    border-color: rgba(136, 183, 213, 0);

    border-bottom-color: #ff5252;

    border-width: 8px;

    margin-left: -8px; }

#header #nav.list-inline li:hover ul {

    visibility: visible;

    opacity: 1;

    top: calc(100% + 10px); }

#header #search {

    position: absolute;

    top: 0;

    right: 0; }

#header #search .fa {

    color: #ff5252;

    font-size: .85em;

    position: absolute;

    top: 5px;

    right: 10px; }

#header #search input {

    line-height: 0;

    border: 1px solid #ff5252;

    padding: 2px 25px 2px 8px;

    color: #ff5252;

    width: 100px;

    border-radius: 40px;

    font-size: .9em; }

@media screen and (max-width: 480px) {

    #header #search {

        display: none; } }



/** 

SOCIAL BAR 

*/

#social-bar {

    z-index: 9998;

    height: 100vh;

    position: fixed;

    width: 245px;

    top: 0;

    left: -245px;

    background: #fff;

    transition: all 0.35s cubic-bezier(0.3, 1, 0.3, 1);

    padding: 0 0 0 15px; }

#social-bar.visibile {

    left: 0; }

#social-bar .stream {

    padding: 0 0 0 15px;

    height: 80%;

    overflow-y: hidden; }

#social-bar .tablerow {

    padding: 30px 0;

    margin-right: 15px;

    border-bottom: 1px solid #aba9b3; }

#social-bar .tablerow .cont {

    height: 100%;

    position: relative; }

#social-bar .tablerow .cont .v-c {

    /*position:absolute; top:50%;transform: translate(0,-50%);*/ }

#social-bar .tablerow .cont .v-c .icon {

    font-size: 1.8em; }

#social-bar .tablerow .cont .v-c .icon.fa-facebook {

    color: #3d5b99; }

#social-bar .tablerow .cont .v-c .icon.fa-twitter {

    color: #83c2f0; }

#social-bar .tablerow .cont .v-c .post {

    font-size: .8em;

    margin: 0; }

#social-bar .tablerow .cont .v-c .post a {

    color: #a9a9ae; }

#social-bar .tablerow .cont .v-c .post a:hover {

    color: #ff5252; }

#social-bar .tablerow .cont .v-c .post .time {

    color: #aba9b3;

    margin-bottom: 5px; }



#social-button-toggle {

    z-index: 9999;

    text-align: center;

    background: #fff;

    position: fixed;

    bottom: 30px;

    left: 93px;

    width: 45px;

    height: 45px;

    border: 2px solid #ff5252;

    color: #ff5252;

    border-radius: 100%;

    cursor: pointer;

    transition: all 0.35s cubic-bezier(0.3, 1, 0.3, 1); }

#social-button-toggle .first {

    font-weight: 700;

    font-size: .8em;

    position: absolute;

    top: 13px;

    left: 4px;

    opacity: 1;

    visibility: visible; }

#social-button-toggle .second {

    font-family: 'MontserratThin', sans-serif;

    font-size: 1.8em;

    font-weight: 400;

    position: absolute;

    top: 1px;

    left: 14px;

    opacity: 0;

    visibility: hidden; }

#social-button-toggle.visibile {

    background: #ff5252;

    color: #fff; }

#social-button-toggle.visibile .first {

    opacity: 0;

    visibility: hidden; }

#social-button-toggle.visibile .second {

    opacity: 1;

    visibility: visible; }



#obscure-mask {

    width: 100vw;

    height: 100vh;

    top: 0;

    left: 0;

    position: fixed;

    z-index: 9997;

    opacity: 0;

    visibility: hidden;

    background: rgba(0, 0, 0, 0.6);

    transition: all 0.35s cubic-bezier(0.3, 1, 0.3, 1); }

#obscure-mask.visibile {

    opacity: 1;

    visibility: visible; }



/** menu mobile **/

#nav-mobile {

    z-index: 99;

    height: 100vh;

    position: fixed;

    width: 245px;

    top: 0;

    right: -245px;

    background: #fff;

    transition: all 0.35s cubic-bezier(0.3, 1, 0.3, 1);

    padding: 0 0 0 15px; }

#nav-mobile.visibile {

    right: 0; }

#nav-mobile > ul {

    margin-top: 80px;

    font-family: 'MontserratThin', sans-serif;

    font-weight: 700;

    list-style: none; }

#nav-mobile > ul li {

    padding: 5px 0; }

#nav-mobile > ul li a {

    color: #a9a9ae; }

#nav-mobile > ul li a.active {

    color: #ff5252; }

#nav-mobile > ul li ul {

    list-style: none;

    padding-left: 10px; }



/**

GALLERY HOMEPAGE

*/

/*

#container-s {

    width: 100%;

    height: 100vh;

    overflow: hidden;

    position: relative; }

#container-s #red-stripe {

    position: absolute;

    z-index: 2;

    left: 0;

    top: 0;

    height: 100%;

    width: 50%;

    background-color: #ff5252; }

@media screen and (max-width: 480px) {

    #container-s #red-stripe {

        display: none; } }

#container-s #pager-slider {

    position: absolute;

    left: 49%;

    transform: rotate(-90deg);

    bottom: 70px;

    z-index: 12;

    width: 217px; }

@media screen and (max-width: 480px) {

    #container-s #pager-slider {

        display: none; } }

#container-s #pager-slider .pager-list {

    padding: 0;

    margin: 0;

    list-style: none; }

#container-s #pager-slider .pager-list li {

    padding: 5px 0;

    position: relative; }

#container-s #pager-slider .pager-list li a {

    color: #ff5252;

    font-size: .9em;

    text-decoration: none; }

#container-s #pager-slider .pager-list li a:before {

    transition: all .3s ease-in-out;

    display: block;

    content: '';

    position: absolute;

    left: -20px;

    top: 12px;

    border-radius: 100%;

    width: 10px;

    height: 10px;

    border: 2px solid #ff5252;

    background: transparent; }

#container-s #pager-slider .pager-list li a.active:before {

    background: #ff5252; }

#container-s #slider {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0%;

    left: 0%; }

#container-s #slider .slide {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 3; }

#container-s #slider .slide.active {

    visibility: visible;

    z-index: 10; }

#container-s #slider .slide .side-l {

    position: absolute;

    z-index: 2;

    left: 0;

    top: 0;

    height: 100%;

    width: 50%; }

#container-s #slider .slide .side-l .img-project {

    opacity: 0;

    height: 100%;

    width: 100%;

    background-size: cover;

    background-position: center center; }

@media screen and (max-width: 480px) {

    #container-s #slider .slide .side-l {

        height: 50%;

        width: 100%; } }

#container-s #slider .slide .side-r {

    position: absolute;

    z-index: 1;

    right: 0;

    top: 0;

    height: 100%;

    width: 50%; }

@media screen and (max-width: 480px) {

    #container-s #slider .slide .side-r {

        width: 100%;

        z-index: 3; } }

#container-s #slider .slide .side-r .img-project {

    opacity: 0;

    position: absolute;

    right: 0;

    bottom: 0; }

@media screen and (max-width: 480px) {

    #container-s #slider .slide .side-r .img-project {

        width: 100%;

        height: 100%; }

    #container-s #slider .slide .side-r .img-project img {

        max-height: 450px;

        position: absolute;

        bottom: 0;

        right: 0; } }

#container-s #slider .slide .side-r .text-c {

    position: relative;

    margin: 0;

    width: 100%;

    height: auto;

    padding-left: 30px;

    top: 50%;

    transform: translate(0%, -50%); }

@media screen and (max-width: 480px) {

    #container-s #slider .slide .side-r .text-c {

        padding-left: 10px;

        top: 90%;

        transform: translate(0%, -100%); } }

#container-s #slider .slide .side-r .text-c .heading {

    line-height: .9em;

    font-family: 'MontserratBlack', sans-serif;

    margin: 0;

    padding: 0;

    position: relative;

    text-transform: uppercase;

    font-size: 5em;

    left: -20%;

    opacity: 0; }

@media screen and (max-width: 480px) {

    #container-s #slider .slide .side-r .text-c .heading {

        font-size: 1.8em; } }

#container-s #slider .slide .side-r .text-c .heading a {

    color: #ff5252;

    text-decoration: none; }

#container-s #slider .slide .side-r .text-c .subheading {

    font-family: 'MontserratThin', sans-serif;

    margin: 0;

    padding: 0;

    position: relative;

    font-weight: 700;

    font-size: 2.0em;

    color: #a9a9ae;

    opacity: 0; }

@media screen and (max-width: 480px) {

    #container-s #slider .slide .side-r .text-c .subheading {

        font-size: 1.3em; } }

#container-s #slider .slide .side-r .text-c .subheading span {

    display: block;

    opacity: 0;

    position: relative;

    color: #ff5252;

    font-size: .8em; } */



#container-s {

    width: 100%;

    height: 100vh;

    overflow: hidden;

    position: relative; }

#container-s #red-stripe {

    position: absolute;

    z-index: 2;

    left: 0;

    top: 0;

    height: 100%;

    width: 50%;

    background-color: #ff5252; }

@media screen and (max-width: 480px) {

    #container-s #red-stripe {

        display: none; } }

#container-s #slider {

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0%;

    left: 0%; }

#container-s #slider .slide {

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    z-index: 3; }

#container-s #slider .slide.active {

    visibility: visible;

    z-index: 10; }

#container-s #slider .slide .side-l {

    position: absolute;

    z-index: 2;

    left: 0;

    top: 0;

    height: 100%;

    width: 50%; }

#container-s #slider .slide .side-l .img-project {

    opacity: 0;

    height: 100%;

    width: 100%;

    position:absolute;

    background-size: cover;

    background-position: center center; }

@media screen and (max-width: 480px) {

    #container-s #slider .slide .side-l {

        height: 50%;

        width: 100%; } }

#container-s #slider .slide .side-r {

    position: absolute;

    z-index: 1;

    right: 0;

    top: 0;

    height: 100%;

    width: 50%; }

@media screen and (max-width: 480px) {

    #container-s #slider .slide .side-r {

        width: 100%;

        z-index: 3; } }

#container-s #slider .slide .side-r .img-project {

    opacity: 0;

    position: absolute;

    right: 30px;

    bottom: 30px; }

@media screen and (max-width: 480px) {

    #container-s #slider .slide .side-r .img-project {

        width: 100%;

        height: 100%; }

    #container-s #slider .slide .side-r .img-project img {

        max-height: 350px;

        position: absolute;

        bottom: 130px;

        right: 0; } }

#container-s #slider .slide .side-r .text-c {

    position: relative;

    margin: 0;

    width: 100%;

    height: auto;

    padding-left: 30px;

    top: 50%;

    transform: translate(0%, -50%); }

@media screen and (max-width: 480px) {

    #container-s #slider .slide .side-r .text-c {

        padding-left: 10px;

        top: 90%;

        transform: translate(0%, -100%); } }

#container-s #slider .slide .side-r .text-c .heading {

    line-height: .9em;

    font-family: 'MontserratBlack', sans-serif;

    margin: 0;

    padding: 0;

    position: relative;

    text-transform: uppercase;

    font-size: 4em;

    left: -20%;

    opacity: 0; }

@media screen and (max-width: 480px) {

    #container-s #slider .slide .side-r .text-c .heading {

        font-size: 1.8em; } }

#container-s #slider .slide .side-r .text-c .heading a {

    color: #ff5252;

    text-decoration: none; }

#container-s #slider .slide .side-r .text-c .subheading {

    font-family: 'MontserratThin', sans-serif;

    margin: 0;

    padding: 0;

    position: relative;

    font-weight: 700;

    font-size: 2.0em;

    color: #a9a9ae;

    opacity: 0; }

@media screen and (max-width: 480px) {

    #container-s #slider .slide .side-r .text-c .subheading {

        font-size: 1.3em; } }

#container-s #slider .slide .side-r .text-c .subheading span {

    display: block;

    opacity: 0;

    position: relative;

    color: #ff5252;

    font-size: .8em; }







#ill-home {

    height: 670px;

    position: relative;

    width: 100%;

    overflow-x: hidden;

    overflow-y: hidden;

    background-image: url("../images/elementi/bg.png");

    background-position: 0 100%;

    background-repeat: repeat-x; }

@media screen and (max-width: 1025px) {

    #ill-home {

        width: 100%;

        height: 553px; } }

#ill-home .cont-l {

    position: relative;

    width: 100%;

    height: 670px; }

@media screen and (max-width: 1025px) {

    #ill-home .cont-l {

        width: 100%;

        height: 553px; } }

#ill-home .cont-l .layer {

    transition: all 0.35s cubic-bezier(0.3, 1, 0.3, 1);

    position: absolute; }

#ill-home .cont-l .layer img {

    width: 100%;

    height: auto; }

@media screen and (max-width: 1025px) {

    #ill-home .cont-l .layer img {

        width: 100%; } }

#ill-home .cont-l .payoff {

    position: absolute;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    text-align: center; }

#ill-home .cont-l .payoff .spaz {

    width: 1px;

    background: #ff5252;

    height: 50px;

    margin: 20px auto; }

@media screen and (max-width: 480px) {

    #ill-home .cont-l .payoff .spaz {

        height: 80px; } }

#ill-home .cont-l .payoff h2 {

    line-height: 1.2em;

    text-transform: uppercase;

    font-size: 3.5em;

    font-weight: 700;

    font-family: 'MontserratBlack', sans-serif; }

#ill-home .cont-l .payoff h2 a {

    color: #ff5252;

    text-decoration: none; }

@media screen and (max-width: 480px) {

    #ill-home .cont-l .payoff h2 {

        font-size: 2.5em; } }

#ill-home .cont-l .payoff h2 span {

    font-size: 1.4em; }

#ill-home .cont-l .payoff h3 {

    font-weight: 700;

    font-family: 'MontserratThin', sans-serif; }

#ill-home .cont-l .payoff h3 a {

    color: #adabb5;

    text-decoration: none; }

@media screen and (max-width: 480px) {

    #ill-home .cont-l .payoff h3 {

        font-size: .9em; } }

#ill-home .cont-l .payoff .social {

    margin-top: 30px; }

@media screen and (max-width: 480px) {

    #ill-home .cont-l .payoff .social {

        margin-top: 60px; } }

#ill-home .cont-l .payoff .social a {

    display: block;

    text-decoration: none;

    width: 30px;

    height: 30px;

    padding: 5px 9px;

    border-radius: 100%;

    background: #ff5252;

    color: #fff; }



#blog h1{

    line-height: 1.2em;

    text-transform: uppercase;

    font-size: 3.5em;

    font-weight: 700;

    font-family: 'MontserratBlack', sans-serif; color: #ff5252; }

#blog p{color:#aba9b3;}



@media screen and (max-width: 480px) {

    #blog h1 {

        font-size: 1.5em; } }



/**

SINGLE PORTFOLIO

*/

#portfolio-single {

    position: relative;

    width: 100%;

    min-height: 100vh; }

#portfolio-single .case img {

    width: 100%;

    height: auto; }

#portfolio-single #portfolio-description {

    position: fixed;

    width: 50%;

    height: 100vh;

    top: 0; }

#portfolio-single #portfolio-description .box-description {

    position: absolute;

    top: 50%;

    left: 30px;

    transform: translate(0, -50%);

    padding-right: 30px; }

#portfolio-single #portfolio-description .box-description .title {

    line-height: .9em;

    font-family: 'MontserratBlack', sans-serif;

    margin: 0;

    padding: 0;

    position: relative;

    text-transform: uppercase;

    font-size: 4.8em;

    color: #ff5252; }

@media screen and (max-width: 480px) {

    #portfolio-single #portfolio-description .box-description .title {

        font-size: 4em; }
		
	#portfolio-single .case iframe{ height:280px}	
		
		 }

#portfolio-single #portfolio-description .box-description .subtitle {

    font-family: 'MontserratThin', sans-serif;

    margin-top: 20px;

    padding: 0;

    position: relative;

    font-weight: 700;

    font-size: 2.0em;

    color: #a9a9ae; }

@media screen and (max-width: 480px) {

    #portfolio-single #portfolio-description .box-description .subtitle {

        font-size: 2em; } }

#portfolio-single #portfolio-description .box-description .subtitle span {

    display: block;

    margin-top: 10px;

    margin-bottom: 20px;

    position: relative;

    color: #ff5252;

    font-size: .8em; }

#portfolio-single #portfolio-description .box-description .description {

    color: #aba9b3;

    font-weight: 300; }

#portfolio-single #portfolio-description .box-description a {

    color: #ff5252; }

#portfolio-single .box-description-xs {

    margin-top: 90px; }

#portfolio-single .box-description-xs .title {

    line-height: .9em;

    font-family: 'MontserratBlack', sans-serif;

    margin: 0;

    padding: 0;

    position: relative;

    text-transform: uppercase;

    font-size: 3em;

    color: #ff5252; }

#portfolio-single .box-description-xs .subtitle {

    font-family: 'MontserratThin', sans-serif;

    margin-top: 20px;

    padding: 0;

    position: relative;

    font-weight: 700;

    font-size: 1.5em;

    color: #a9a9ae; }

#portfolio-single .box-description-xs .subtitle span {

    display: block;

    margin-top: 10px;

    margin-bottom: 20px;

    position: relative;

    color: #ff5252;

    font-size: .8em; }

#portfolio-single .box-description-xs .description {

    color: #aba9b3;

    font-weight: 300; }

#portfolio-single .box-description-xs a {

    color: #ff5252; }



/**

SERVIZI

*/

#servizio-single .imgh {

    height: 657px;

    z-index: 2; }

@media screen and (max-width: 480px) {

    #servizio-single .imgh {

        height: 53vh; } }

#servizio-single .imgh .zp {

    position: absolute;

    bottom: -181px;

    right: 30px;

    z-index: 2;

    transition: all 0.35s cubic-bezier(0.3, 1, 0.3, 1); }

@media screen and (max-width: 480px) {

    #servizio-single .imgh .zp {

        right: 0;

        width: 100%;

        top: 0; } }

#servizio-single .box-description {

    padding-top: 100px;

    color: #adabb5; }

#servizio-single .box-description .title {

    line-height: .9em;

    font-family: 'MontserratBlack', sans-serif;

    margin: 0;

    padding: 0;

    margin-bottom: 40px;

    position: relative;

    font-size: 4em;

    color: #ff5252; }

@media screen and (max-width: 480px) {

    #servizio-single .box-description .title {

        font-size: 4em; } }

#servizio-single .box-description .description {

    font-size: .95em; }



#service-bar {

    background: #ff5252;

    height: 145px;

    margin-top: 20px;

    position: relative; }

@media screen and (max-width: 480px) {

    #service-bar {

        height: 155px;

        margin-top: 50px; } }

#service-bar #gall-serv {

    width: 80%;

    margin: 0 auto; }

@media screen and (max-width: 480px) {

    #service-bar #gall-serv {

        width: 100%;

        margin: 0 auto; } }

#service-bar .container, #service-bar .row, #service-bar .col-md-6 {

    height: 100%; }

@media screen and (max-width: 480px) {

    #service-bar .container, #service-bar .row, #service-bar .col-md-6 {

        height: 0; } }

#service-bar .nav-gallery-serv {

    position: absolute;

    bottom: 15px;

    color: #fff;

    right: -57px;

    z-index: 9; }

@media screen and (max-width: 480px) {

    #service-bar .nav-gallery-serv {

        color: #ff5252;

        right: 15px;

        bottom: 5px; } }

#service-bar .nav-gallery-serv .fa.pa, #service-bar .nav-gallery-serv .fa.na {

    transition: all 0.35s cubic-bezier(0.3, 1, 0.3, 1);

    cursor: pointer; }

#service-bar .swiper-button-disabled {

    opacity: 0;

    visibility: hidden; }

#service-bar .label-b {

    font-family: 'MontserratBlack', sans-serif;

    margin: 0;

    padding: 0;

    position: absolute;

    bottom: 0;

    font-size: 10em;

    right: 55px;

    line-height: .75em;

    color: #f44444; }

@media screen and (max-width: 480px) {

    #service-bar .label-b {

        font-size: 3em;

        left: 15px;

        bottom: 5px; } }

#service-bar .ico a {

    height: 145px;

    padding: 10px;

    color: #fff;

    text-decoration: none;

    text-transform: uppercase;

    display: block;

    margin: auto; }

@media screen and (max-width: 1025px) {

    #service-bar .ico a {

        width: 100px; } }

#service-bar .ico a img {

    height: 100px; }

#service-bar .ico a h5 {

    margin: -10px 0 0;

    padding: 0;

    font-size: .7em; }



.ico-s h5 {

    margin: 0;

    padding: 0;

    font-size: .8em;

    color: #ff5252; }



#portfolio-row {

    margin: 60px 0 40px; }

#portfolio-row .title-gallery {

    color: #ff5252; }

#portfolio-row .title-gallery span {

    text-transform: lowercase;

    line-height: 1.1em;

    font-family: 'MontserratBlack', sans-serif;

    font-size: 1.4em; }

#portfolio-row #gall-prj .swiper-slide {

    padding: 0px;

    height: 190px;

    background-size: cover;

    background-position: center center;

    position: relative; }

#portfolio-row #gall-prj .swiper-slide.small-slide {

    height: auto; }

#portfolio-row #gall-prj .swiper-slide a {

    display: block;

    height: 100%;

    width: 100%;

    position: relative;

    color: #fff;

    text-decoration: none; }

#portfolio-row #gall-prj .swiper-slide a .redbox {

    padding: 20px 10px 10px 10px;

    display: block;

    width: 100%;

    height: 100%;

    background: rgba(255, 82, 82, 0.82);

    opacity: 0;

    transition: all 0.35s cubic-bezier(0.3, 1, 0.3, 1); }

#portfolio-row #gall-prj .swiper-slide a .redbox .heading {

    font-size: 1.1em;

    font-family: 'MontserratBlack', sans-serif;

    margin: 0;

    text-transform: uppercase; }

#portfolio-row #gall-prj .swiper-slide a .redbox .subtitle {

    margin: 5px 0 0; }

#portfolio-row #gall-prj .swiper-slide a .redbox small {

    color: #fff; }

#portfolio-row #gall-prj .swiper-slide a:hover .redbox {

    opacity: 1; }

#portfolio-row .fa.pa, #portfolio-row .fa.na {

    cursor: pointer;

    transition: all 0.35s cubic-bezier(0.3, 1, 0.3, 1); }

#portfolio-row .swiper-button-disabled {

    opacity: 0;

    visibility: hidden; }



#p-grid {

    padding-top: 80px; }

#p-grid #filter {

    width: 100%;

    padding: 20px;

    background: #ff5252;

    margin-bottom: 30px; }

#p-grid #filter span {

    position: relative; }

#p-grid #filter span .filtro {

    margin-right: 25px;

    display: inline-block;

    color: #c53537;

    text-decoration: none; }

#p-grid #filter span .filtro.white, #p-grid #filter span .filtro.active {

    color: #fff; }

#p-grid #filter span .filtro:hover {

    color: #fff; }

#p-grid #filter span .filtro:after {

    color: #c53537 !important;

    content: '-';

    position: absolute;

    display: block;

    right: 12px;

    top: -1px; }

#p-grid #filter span:last-child .filtro:after {

    display: none; }

@media screen and (max-width: 768px) {

    #p-grid #grid-wrap {

        padding: 0; } }



#grid {

    margin-bottom: 30px; }

#grid .grid-item {

    width: 228px;

    height: 228px;

    background-size: cover;

    background-position: center center; }

@media screen and (max-width: 768px) {

    #grid .grid-item {

        width: 100vw; } }

#grid .grid-item.grid-item--2width {

    width: 456px; }

@media screen and (max-width: 768px) {

    #grid .grid-item.grid-item--2width {

        width: 100vw; } }

#grid .grid-item.grid-item--2height {

    height: 456px; }

@media screen and (max-width: 768px) {

    #grid .grid-item.grid-item--2height {

        height: 228px; } }

#grid .grid-item a {

    display: block;

    cursor: pointer;

    height: 100%;

    width: 100%;

    position: relative;

    color: #fff;

    text-decoration: none; }

#grid .grid-item a .redbox {

    padding: 20px 10px 10px 10px;

    display: block;

    width: 100%;

    height: 100%;

    background: rgba(255, 82, 82, 0.9);

    opacity: 0;

    transition: all 0.35s cubic-bezier(0.3, 1, 0.3, 1); }

#grid .grid-item a .redbox .heading {

    font-size: 1.4em;

    font-family: 'MontserratBlack', sans-serif;

    margin: 0;

    text-transform: uppercase; }

#grid .grid-item a .redbox .subtitle {

    margin-top: 5px;

    font-size: .9em; }

#grid .grid-item a .redbox small {

    color: #fff; }

#grid .grid-item a:hover .redbox {

    opacity: 1; }



/**

* CONTATTI

**/

#contatti {

    width: 100vw;

    height: 100vh;

    overflow: hidden;

    position: relative; }

#contatti .c-left {

    width: 50vw;

    position: relative; }

@media screen and (max-width: 480px) {

    #contatti .c-left {

        width: 100vw;

        height: 40vh; } }

#contatti .c-left iframe {

    width: 100%;

    height: 100vh; }

@media screen and (max-width: 480px) {

    #contatti .c-left iframe {

        width: 100%;

        height: 40vh; } }

#contatti .c-left iframe .place-card.place-card-medium {

    display: none; }

#contatti .side-r {

    position: absolute;

    z-index: 1;

    right: 0;

    top: 0;

    height: 100%;

    width: 50%; }

@media screen and (max-width: 480px) {

    #contatti .side-r {

        width: 100%;

        z-index: 3; } }

#contatti .side-r .text-c {

    position: relative;

    margin: 0;

    width: 100%;

    height: auto;

    padding-left: 30px;

    top: 50%;

    transform: translate(0%, -50%); }

@media screen and (max-width: 480px) {
	#contatti{ overflow:scroll}
    #contatti .side-r .text-c {

        padding-left: 10px;

        top: 50%;

        transform: none; } }

#contatti .side-r .text-c .heading {

    color: #ff5252;

    line-height: .9em;

    font-family: 'MontserratBlack', sans-serif;

    margin: 0;

    padding: 0;

    position: relative;

    text-transform: uppercase;

    font-size: 6em;

    margin-bottom: 15px; }

@media screen and (max-width: 480px) {

    #contatti .side-r .text-c .heading {

        font-size: 2em; } }

#contatti .side-r .text-c .heading a {

    color: #ff5252;

    text-decoration: none; }

#contatti .side-r .text-c .subheading {

    font-family: 'MontserratThin', sans-serif;

    margin: 0;

    padding: 0;

    position: relative;

    font-weight: 700;

    font-size: 1.0em;

    color: #a9a9ae;

    line-height: 1.6em; }

#contatti .side-r .text-c .subheading strong, #contatti .side-r .text-c .subheading a {

    color: #ff5252; }

@media screen and (max-width: 480px) {

    #contatti .side-r .text-c .subheading {

        font-size: 1em; } }

#contatti .side-r .text-c .subheading span {

    display: block;

    opacity: 0;

    position: relative;

    color: #ff5252;

    font-size: .8em; }

#contatti .social {

    margin-top: 30px; }
	

@media screen and (max-width: 480px) {

    #contatti .social {

        margin-top: 60px; } }

#contatti .social a {

    display: block;

    text-decoration: none;

    width: 30px;

    height: 30px;

    padding: 5px 9px;

    border-radius: 100%;

    background: #ff5252;

    color: #fff; }

@media screen and (max-width: 768px) {
	#contatti .social .list-inline>li{ padding-left:0;}
}

#contatti .sep{ width:20px; height:1px; background:#ff5252; margin:15px 0 } 
#contForm #loadingbtn{ display: none; position:absolute}
#contForm h6{ color:#ff5252; font-weight:700}
#contForm .form-group{ margin-bottom:10px}
#contForm .form-control{background: #f3f3f4; border: 0; border-radius: 0; height: 30px; font-size:12px; color:#aeabb5; font-weight:700}
#contForm textarea{ height:auto !important}
#contForm .checkbox{ font-size:.8em;}
#contForm .checkbox a{ color:#ff5252;}
/*#contForm .g-recaptcha { 
	transform: scale(0.70);
   -webkit-transform: scale(0.70);
   transform-origin: 0 0; 
   -webkit-transform-origin: 0 0;}
*/
#contForm button{ background:#ff5252; font-weight:700; color:#fff; width:100%; height:30px; border:0; text-transform:uppercase; margin-top:37px}

@media screen and (max-width: 770px) {
	#contForm { padding-right:30px}
	#contForm button{ margin-top:10px}
}

@media screen and (max-width: 480px) {
	#contForm { padding-right:15px}
}
/**

* ABOUT US

**/

.desk {

    margin-top: 120px;

    height: 3975px;

    color: #a9a9ae;

    background: url("../images/elementi/scoprici.png");

    background-position: top center;

    background-repeat: no-repeat; }

@media screen and (max-width: 1025px) {

    .desk {

        background-position: left top;

        background: none;

        height: auto; } }

.desk section {

    height: 735px; }

@media screen and (max-width: 1025px) {

    .desk section .m-t-70 {

        margin-top: 0 !important; } }

@media screen and (max-width: 1025px) {

    .desk section {

        height: 100vh; } }

.desk section .heading {

    color: #ff5252;

    line-height: .9em;

    font-family: 'MontserratBlack', sans-serif;

    margin: 0;

    padding: 0;

    position: relative;

    text-transform: uppercase;

    font-size: 4em;

    margin-bottom: 15px; }

@media screen and (max-width: 480px) {

    .desk section .heading {

        font-size: 2em; } }

.desk section .text-c {

    font-size: .95em; }

.desk section a.red {

    color: #ff5252;

    font-family: 'MontserratBlack', sans-serif;

    text-decoration: none;

    margin-top: 20px;

    font-size: 1.3em; }

.desk #s-2 {

    position: relative; }

.desk #s-2 #redband {

    background: #ff5252;

    height: 145px;

    width: 100%;

    position: absolute;

    z-index: -1;

    bottom: 110px; }

@media screen and (max-width: 1025px) {

    .desk #s-2 #redband {

        display: none; } }

.desk #s-2 .row {

    margin-top: 190px; }

@media screen and (max-width: 1025px) {

    .desk #s-2 .row {

        margin: 0; } }

.desk #s-2 #gall-serv {

    width: 100%;

    margin: 0 auto; }

.desk #s-2 .container, .desk #s-2 .row, .desk #s-2 .col-md-6 {

    height: 100%; }

@media screen and (max-width: 480px) {

    .desk #s-2 .container, .desk #s-2 .row, .desk #s-2 .col-md-6 {

        height: 0; } }

.desk #s-2 .nav-gallery-serv {

    position: absolute;

    bottom: 35px;

    color: #fff;

    left: -57px;

    z-index: 9; }

@media screen and (max-width: 480px) {

    .desk #s-2 .nav-gallery-serv {

        color: #ff5252;

        right: 15px;

        bottom: 5px; } }

.desk #s-2 .nav-gallery-serv .fa.pa, .desk #s-2 .nav-gallery-serv .fa.na {

    transition: all 0.35s cubic-bezier(0.3, 1, 0.3, 1);

    cursor: pointer; }

.desk #s-2 .swiper-button-disabled {

    opacity: 0;

    visibility: hidden; }

.desk #s-2 .ico a {

    height: 145px;

    padding: 10px;

    color: #fff;

    text-decoration: none;

    text-transform: uppercase;

    display: block;

    margin: auto; }

@media screen and (max-width: 1025px) {

    .desk #s-2 .ico a {

        width: 100px;

        color: #ff5252; } }

.desk #s-2 .ico a img {

    height: 100px; }

.desk #s-2 .ico a h5 {

    margin: -10px 0 0;

    padding: 0;

    font-size: .7em; }

.desk #s-3 .row {

    margin-top: 280px; }

@media screen and (max-width: 1025px) {

    .desk #s-3 .row {

        margin: 0; } }

.desk #s-4 .row {

    margin-top: 390px; }

@media screen and (max-width: 1025px) {

    .desk #s-4 .row {

        margin: 0; } }

.desk #s-5 .row {

    margin-top: 390px; }

@media screen and (max-width: 1025px) {

    .desk #s-5 .row {

        margin: 0; } }



#pager-d {

    position: fixed;

    width: 17px;

    top: 50%;

    right: 50px;

    transform: translate(0, -50%);

    z-index: 2; }

#pager-d .dot {

    position: relative;

    transition: all 0.35s cubic-bezier(0.3, 1, 0.3, 1);

    width: 17px;

    height: 17px;

    border: 2px solid #ff5252;

    margin-bottom: 40px;

    border-radius: 100%; }

#pager-d .dot:hover {

    cursor: pointer; }

#pager-d .dot:after {

    content: '';

    display: block;

    position: relative;

    width: 1px;

    height: 25px;

    background: #ff5252;

    margin: 22px auto; }

#pager-d .dot:last-child:after {

    display: none; }

#pager-d .dot.active {

    background: #ff5252; }

#pager-d .dot span {

    text-align: center;

    background: #ff5252;

    color: #fff;

    padding: 3px 6px;

    display: block;

    width: 100px;

    font-size: .8em;

    position: absolute;

    right: calc(100% + 5px);

    top: -4px;

    border-radius: 8px;

    opacity: 0;

    visibility: hidden;

    transition: all 0.35s cubic-bezier(0.3, 1, 0.3, 1); }

#pager-d .dot:hover span {

    opacity: 1;

    visibility: visible; }



/**

TEAM

**/

#team {

    margin-top: 100px; }

#team .title {

    line-height: .9em;

    font-family: 'MontserratBlack', sans-serif;

    margin: 0 0 50px;

    padding: 0;

    position: relative;

    text-transform: uppercase;

    font-size: 6em;

    color: #ff5252; }

@media screen and (max-width: 480px) {

    #team .title {

        font-size: 4em; } }

#team .item {

    margin-bottom: 50px; }

#team .item img {

    max-width: 100%;

    display: block;

    margin: auto; }

#team .item .rule {

    color: #a9a9ae;

    font-size: .9em;

    margin: 0;

    text-align: center; }

#team .item .name {

    color: #ff5252;

    margin: 0;

    font-size: 1.2em;

    font-weight: 700;

    text-align: center; }

#team .item .mail {

    font-size: .9em;

    margin: 0;

    text-align: center; }

#team .item .mail a {

    color: #a9a9ae; }



#landing-page {

    /*background: #f0eff1;*/
	background: #e6e5e7;

    padding: 30px 0;

    margin-top: 30px;

    z-index: 10;

    position: relative; }

#landing-page .label-b {

    /*font-family: 'MontserratBlack', sans-serif;margin:0; padding:0; position:absolute; bottom:0;font-size:6em; right:55px;line-height: .75em; color: #f3f3f4;*/

    font-family: 'MontserratBlack', sans-serif;

    margin: 0;

    padding: 0;

    position: absolute;

    bottom: 0;

    font-size: 7em;

    right: 55px;

    bottom: -65px;

    line-height: .75em;

    color: #F3F3F2; }

@media screen and (max-width: 480px) {

    #landing-page .label-b {

        display: none;

        font-size: 3em;

        left: 15px;

        bottom: 5px; } }

#landing-page li {

    padding-right: 20px; }

@media screen and (max-width: 1025px) {

    #landing-page li {

        padding-right: 0px;

        text-align: center; } }

@media screen and (max-width: 1025px) {

    #landing-page li img {

        width: 70%; } }



#fascia-b .container {

    position: relative; }

#fascia-b .fa {

    color: #ff5252;

    cursor: pointer; }

#fascia-b .fa.pa {

    position: absolute;

    top: 50%;

    left: 0;

    transform: translate(0, -50%); }

#fascia-b .fa.na {

    position: absolute;

    top: 50%;

    right: 0;

    transform: translate(0, -50%); }

#fascia-b img {

    filter: grayscale(100%);

    transtion: all 0.35s cubic-bezier(0.3, 1, 0.3, 1); }

#fascia-b img:hover {

    filter: none; }



footer {
    background: #fff;
    position: relative;
    z-index: 10;
    color: #ff5252;
    padding: 20px 0;
    font-size: .8em; }






#cookie-post {
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.35);
    width: 400px;
    background: #fff;
    z-index: 99999;
    position: fixed;
    bottom: 30px;
    right: 30px;
    padding: 30px;
    border-radius: 30px; }

@media screen and (max-width: 480px) {

    #cookie-post {

        width: 300px;

        right: 10px; } }

#cookie-post p {

    font-size: .7em; }

#cookie-post a {

    padding: 3px 6px;

    background: #ff5252;

    color: #fff; }