/* Generale */


body {
    position: relative;
    margin: 0;
    /*! padding-bottom: 6rem; */
    min-height: 100%;
    font-family: "Arial", "Helvetica", sans-serif;
    text-rendering: optimizeLegibility;
}



/* H1- Headline */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 14px;
    font-weight: 500;
    line-height: 1.2;
}

h1 {
    position: relative;
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    line-height: 134.5%;
    /* or 54px */
    color: #383743;
}

h2 {
    font-size: 24px;
    line-height: 149.49%;
    /* or 54px */
    color: #292832;
    
}

h3 {
    font-size: 18px;
    line-height: 160.55%;
    /* or 29px */
    color: #383743;
}

h4 {
    font-size: 16px;
    line-height: 1.6em;
    /* or 181% */
    color: rgba(41, 40, 50, 0.8);
	margin-bottom: 0;
}

/* corpo testo obliquo */
h5 {
    font-style: italic;
    font-weight: 300;
    font-size: 16px;
    line-height: 29px;
    /* or 181% */
    color: rgba(41, 40, 50, 0.8);
}

/* didascalia */
h6 {
    font-size: 16px;
    line-height: 29px;
    /* or 181% */
    color: rgba(41, 40, 50, 0.8);
}

p {
    font-size: 16px;
    line-height: 32px;
    /* or 181% */
    color: rgba(41, 40, 50, 0.8);
}

a {
    text-decoration: none;
    color: #383743;
}
a:hover {
	text-decoration: none;
	color:#2935D9;
}

a h4{
	color: #4B5AFF;
}

a h4:hover{
	
	text-decoration: underline;
}

.button-border.lower-case,
.lower-case{text-transform: lowercase;}

.main
{
    transition-delay: 0.4s;
    position:fixed !important;
    height: calc(100% - 80px) !important;
}
.onepage-wrapper .section{
    /*height: calc(100% - 32px) !important;*/
}
.main section {
    transition: all .4s ease-in-out;
    opacity: 0;
}

.home .page1{
    margin-top:30px;
}
.onepage-pagination li a:before 
{
    left:12px;
}

.button-default {
    text-align: center;
    display: block;
    margin: 0 auto;
    background: #4B5AFF;
    border-radius: 5px;
    border-color: transparent;
    margin-top: 38px;
    width: 220px;
    text-transform: uppercase;
    font-family: Arial;
    font-size: 14px;
    color: #fff;
	border-bottom: none !important;
    padding: 12px 0px;
}

.button-main {
    text-align: center;
    display: block;
    margin: 0;
    background: #4B5AFF;
    border-radius: 5px;
    margin-top: 38px;
    width: 220px;
    height: 52px;
    text-transform: uppercase;
    font-family: Arial;
    font-size: 14px;
    line-height: 52px;
	border: 0px;
	color: #fff;
	border-bottom: none !important;
}


.button-border {
    text-align: center;
    display: block;
    margin: 0 auto;
    background: #EDEFFF;
    border-radius: 5px;
    margin-top: 16px;
    width: 100%;
    text-transform: uppercase;
    font-family: Arial;
    font-size: 14px;
    color: #4B5AFF;
	border: 0.5px solid #4B5AFF;
    padding: 12px 0px;
}
.button-border:hover {
    background-color: #C9CEFF;
}
.button-border:active {
    color: #fff;
    background-color: #4B5AFF;
}


.button-mail:after{
    content:url("../img/email-icon.png");
    top: 4px;
    position: relative;
    left: 8px;
}

.button-main:hover,
.button-default:hover {
    color: #fff;
    background-color: #2935D9;
    border-color: #2935D9;
    box-shadow: none;
}

.button-main:active,
.button-default:active {
    color: #fff;
    background-color: #111ABF;
    border-color: #111ABF;
    box-shadow: none;
}

.button-main:focus,
.button-default:focus {
    color: #fff;
    background-color: rgba(75, 90, 255, 0.5);
    border-color: rgba(75, 90, 255, 0.5);
    box-shadow: none;
}

.project .button-border:focus {
    background: #EDEFFF;
}
.project .button-default:focus{
    background: #4B5AFF;
}

.home .button-default{padding:16px 0px;}

.nav-item .button-default{padding: 16px 0px;}

.social-icons {
    display: flex;
    align-items: center;
    margin-right: 16px;
}

.social-icons a {
    margin: 0px 0px 0px 10px;
	border: 0px;
    width: 32px;
	height: 32px;
    display: inline-block;
}

.icona-social-1 {
	background: url("../img/icon-1.svg") no-repeat;
}

.icona-social-2 {
	background: url("../img/icon-2.svg") no-repeat;
}

.icona-social-3 {
	background: url("../img/icon-3.svg") no-repeat;
}

.icona-social-1:hover {
	background: url("../img/icon-1-hover.svg") no-repeat;

}

.icona-social-2:hover {
	background: url("../img/icon-2-hover.svg") no-repeat;
}

.icona-social-3:hover {
    background: url("../img/icon-3-hover.svg") no-repeat;
}


.theme-dark{
    background: #292832;
}

.theme-dark a.nav-link{
    color:#fff;
}
.theme-dark a.nav-link:hover{
    border-color: #fff;
}

.awards .onepage-pagination li a.active:before,
.viewing-page-5 .onepage-pagination li a.active:before
{
    border: 1px solid #fff;
}
.awards .onepage-pagination li a:before,
.viewing-page-5 .onepage-pagination li a:before {
    background-color: #fff;
}


body .onepage-pagination {
    right: 4%;
    top: 40%;
}


#slide-cinque
{
    background: #292832;
}


.button-arrow {
    left: 0%;
    height: 60px;
    width: 100%;
}

.button-arrow::before {
    content: "";
    width: 25px;
    height: 2px;
    background: #4B5AFF;
    color: #4B5AFF;
    position: absolute;
    top: 34px;
    right: 24px;
    transition: all 0.3s ease;
}

.button-arrow::after {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-color: transparent transparent transparent #4B5AFF;
    position: absolute;
    top: 30px;
    right: 20px;
    transition: all 0.3s ease;
}


.button-arrow:hover:before {
  right: 34px;
  width: 150px;
}

.button-arrow:hover:after {
  right: 34px;
  right: 30px;
}

.about #slide-uno {
    background-image: linear-gradient(0deg, rgba(249, 252, 255, 0) 50.03%, #D5E2EE 100%);
}


.service #slide-due,
.about #slide-due {
    background-color: #F9FCFF;
}

.service nav,
.about nav{ background-color: transparent; }

.awards .page2, .awards .page1, .awards .page3,
.service .page2,
.about .page1, 
.about .page2  {margin-top:-91px; padding-top: 91px;}

.service footer,
.about footer{ background-color: #F9FCFF; }
.service .page1,
.about .page1{z-index: 1;}

.label-font-size {
    display: block;
    font-size: 14px;
    color: #383743;
    margin: 28px 0px 16px 0px;
}

.form-control {
    display: block;
    width: calc(100% - 1.5rem);
    font-size: 14px;
    border: 0.5px solid #383743;
    border-radius: 2px;
    height: 52px;
    padding: 0 0.75rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
}

.form-control:hover {
    background: #FFFFFF;
    border: 0.5px solid #4B5AFF;
    border-radius: 2px;
    border-color: none;
    outline: 0;
    box-shadow: none;
}

.form-control:active {
    background: #FFFFFF;
    border: 0.5px solid #4B5AFF;
    border-radius: 2px;
    outline: 0;
    box-shadow: none;
}

.form-control:visited {
    background: rgba(255, 62, 62, 0.05);
    border: 0.5px solid #FF3E3E;
    outline: 0;
    box-shadow: none;
}

::-webkit-input-placeholder { /* Edge */
  color: rgba(56, 55, 67, 0.4);
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: rgba(56, 55, 67, 0.4);
}

::placeholder {
  color: rgba(56, 55, 67, 0.4);
}

input {

}

.list-unstyled li {
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    color: #FF3E3E;
    background: rgba(255, 62, 62, 0.05);
}

textarea.form-control{ height: auto; padding: 0.75rem;}

.form-group {

}

button[type="submit"]{width: 100%; text-indent: 12px; height: 52px; border: none;}

.error {
	border-color: red;
}
.project textarea:focus, 
.project input:focus,
.project *:focus {
    outline: none;
}

.error-message {
	color: red;
    font-size: 14px;
    line-height: 16px;
    background-color: rgba(255, 62, 62, 0.05);
    margin-top:6px;
    padding: 4px 14px;
}
.page404 h1{margin-top: 0px;}
.page-thank-you footer, .page404 footer { display: flex; }
.page404 p {margin-bottom: 24px;}

.menu ul li.active a {
    font-weight: 700;
    transition: 0.3s ease;
    /*border-bottom: 3px solid #383743;*/
}

.project footer{display: block;}

.awards p, .awards .logo-text p, .awards h1, .awards h2, .awards h4 {color:white; font-family:Helvetica;}
body.awards, .awards .page1, .awards .page3 {background-color: #292832;}
.awards .page2 {background-color: #23222B;}
.awards nav {background-color: transparent;}
.awards .menu ul li a {color:white;}
.awards .menu ul li a:hover {color:#4B5AFF; }
.awards .onepage-wrapper .section {height: 100% !important;}
.awards .page3 .img-box {flex:0.5; align-items: flex-end;}
body.awards {font-family:Helvetica;}
.awards h4 {font-weight: 300;}

.premi {margin:2em auto;}

#line{width: 0px; height: 5px; background-color: #4B5AFF; transition: width 3s 1s linear;}
.line-wrapper{width: 100%; height: 5px; background-color: #EDEFFF;}

/*/*//*/*//*/*//*/*//*/*//*/*//*/* PRELOADER /*//*/*//*/*//*/*//*/*//*/*/

.preloader {
    top: 40%;
    left: 50%;
    position: absolute;
    background-color: #FFFFFF;
    /*z-index: 9999;*/
}

.loader {
    width: 40px;
    height: 40px;
    position: absolute;
    top: calc(50% - 20px);
    left: calc(50% - 20px);
}

.bubble-one-bounce, .bubble-two-bounce {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #0062cc;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;

    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.bubble-two-bounce {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}


/*/*//*/*//*/*//*/*//*/*//*/*//*/* CURSORE /*//*/*//*/*//*/*//*/*//*/*/

.cursor {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
}
.cursor--small {
    width: 5px;
    height: 5px;
    left: -2.5px;
    top: -2.5px;
    border-radius: 50%;
    z-index: 1100000;
    background: black;
}
.cursor--canvas {
    width: 100vw;
    height: 100vh;
    z-index: 1200000;
}
.awards .cursor--small,
.viewing-page-5 .cursor--small {
    background: white;
}

.h100-page, .h100-page a, .onepage-pagination a {
    cursor: none;
}

/*/*//*/*//*/*//*/*//*/*//*/*//*/* STRUTTURA /*//*/*//*/*//*/*//*/*//*/*/

html,
body,
.page {
    height: 100%; /* needed for proper layout */
}

body {
    overflow: hidden;
}


.row{
    display: flex;
    flex-direction: row;
    width: 100%;
}

.row-inverse{
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
}

.first-row{
    flex:1;
}

.home .first-row{
    max-height: 160px;
}
.home .page2 .first-row{
    max-height: 220px;
}
.second-row{
    flex:1.2;
}

.container{
    display: flex;
    max-width: 1440px;
    margin: 0 auto;
    padding: 0px 32px;
    width: 100%;
}

.page5 .container{
    max-width: 1140px;
}
.wrapper{
    display: flex;
    width: 100%;
    flex-direction: column;
}

.column-1
{
    flex-grow: 1;
    min-width: 20%;
    flex-direction: column;
}
.column-2
{
    flex-grow: 2;
    min-width: 40%;
    flex-direction: column;
}
.column-3
{
    flex-grow: 3;
    flex-direction: column;
}
.column-4
{
    flex-grow: 4;
    flex-direction: column;
}
.item-stretch{
    align-self:stretch;
}
.item-start{
    align-self:flex-start;
}
.item-end{
    align-self:flex-end;
}
.item-center{
    align-self:center;
}
.center-items{
    align-items:center;
}
.distribute-items{
    display: flex;
    justify-content: space-between;
}
.space-items{
    display: flex;
    justify-content: space-around;
}

.h100-page{
    display: flex;
    flex-direction: column;
    height: 100%;
}

content{
    flex: 1 1 auto;
    position: relative;
    overflow-y: auto;
}

nav{
    flex: 0 0 auto;
    background-color: #fff;
}

footer{
    flex: 0 0 auto;
    display: none;
    background-color: transparent;
    z-index: 2;
}

.footer_section {
    padding: 1rem 0px;
    background-color: #18181D;
    text-align: center;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 100%;
    position: relative;
    bottom: -100px;
}

.footer_section p {
    color: #fff;
    text-align: left;
    padding: 0px;
    margin: 0px;
    font-size: 11px;
}

.social-footer {
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    padding: 5px 15px;
    text-align: right;
    color: #FFFFFF;
}
.social-footer a {
    color: #FFFFFF;
    padding: 0px;
    border: 0px;
}

.social-footer a:hover {
    color: #4B5AFF;
}


section{
    display: flex;
    align-items: center;
    flex-direction: column;
}
.img-box{
    display: flex;
    flex: 1.2;
    align-items: center;
    flex-direction: column;
}

.img-box img{ margin: auto;}

.info-box{
    flex: 1;
    max-width: 1140px;
    padding:0px 32px; 
    margin: auto;
}

.box-wrap{
    flex-wrap: wrap; 
    /*padding: 0px 30px; */
    align-content: flex-start;
}
.titolo-headline{
    text-align: center;
}

.box{
    padding: 0px 15px;
    min-width: 80px;
}

.skills-title {
    text-transform: uppercase;
}

.blocco-firma p {
    font-size: 14px;
    line-height: 21px;
    text-transform: uppercase;
    color: rgba(56, 55, 67, 0.8);
    padding: 0;
    margin: 0;
}

#slide-cinque h2{
    color:#565562;
    margin-top:8px;
}
#slide-cinque .info-box h2{
    color:#fff;
    font-size: 48px;
    margin-top:0px;
}

#slide-cinque .row {
    margin: auto;
    color:#fff;
}


section.active{
    opacity: 1;
    transition-delay: 0.4s;
}
section:not(.active){
    opacity: 0 !important;
}

#firma {
    margin-bottom: 64px;
    display: flex;
}


.disabled-onepage-scroll, .disabled-onepage-scroll .wrapper {
  overflow: auto;
}

.disabled-onepage-scroll .onepage-wrapper .section {
  position: relative !important;
  left: auto !important;
}
.disabled-onepage-scroll .onepage-wrapper {
  -webkit-transform: none !important;
  -moz-transform: none !important;
  transform: none !important;
  -ms-transform: none !important;
  min-height: 100%;
}


.disabled-onepage-scroll .onepage-pagination {
  display: none;
}

body.disabled-onepage-scroll, .disabled-onepage-scroll .onepage-wrapper, html {
  position: inherit;
}

.disabled-onepage-scroll .main{
    position: relative !important;
}

.disabled-onepage-scroll section{
    margin-top: 0px;
    padding-top: 0px;
}

.disabled-onepage-scroll section:not(.active){
    opacity: 1 !important;
}

.full-height{
    height: 100%;
    align-items: center;
}

.service .page2 .full-height,
.about .page2 .full-height{
    height: calc(100% - 75px);
}

.disabled-onepage-scroll .full-height{
    height: auto;
}

figure{
    margin: 2px;
    padding: 0px;
}

.gallery-row{
    display: flex;
    flex-direction: row;
}

.img-wrap {overflow: hidden;}


.grecaptcha-badge {display: none;}


.credits{
    display: flex;
    align-items: center;
}


/*/*//*/*//*/*//*/*//*/*//*/*//*/* MENU /*//*/*//*/*//*/*//*/*//*/*/

.logo {display: flex;}
.logo-text p {
    font-size: 16px;
    font-weight: 600;
    margin: 0px 0px 0px 4px;
    line-height: 1em;
    color: #383743;
}
.logo-text-wrapper{
    overflow: hidden;
    margin-left: -10px;
    padding-left: 10px;
}


.project nav .logo-text,
.viewing-page-1 .logo-text{opacity: 1; margin-left:0px;}

.project nav.sticky .logo-text,
.logo-text{ margin-left:-40px; opacity: 0; transition: all .4s ease;}

body:not(.viewing-page-1) .navbar-brand {transform: scale(0.9) translateX(-10px);}

.project:not(.sticky) .navbar-brand {transform: scale(1);}

.navbar-brand img {transition: all .4s ease;}

nav.sticky img {transform: scale(0.9) translateX(-10px);}

#navbar .container {
    flex-wrap: wrap;
}

#navbar{
    padding: 14px 0px;
    z-index: 1000;
}

.navbar-brand{ display: block; z-index: 10;transition: all .4s ease;}

.navbar-brand img:hover{
    content: url("../img/logo-roll.svg");
}

.menu ul {
    padding-left: 0px;
    margin-bottom: 0;
    margin-top: 0px;
}

li.nav-item {
    list-style: none;
    display: inline;
    font-family: "Helvetica";
    text-transform: uppercase;
    font-size: 15px;
}

.menu ul li a{
    padding: 10px 0px;
    border:none;
    margin: 0px 20px;
    /*border-bottom: 3px;
    border-bottom-color: transparent;
    border-bottom-style: solid;*/
    transition: 0.3s ease;
}
.menu ul li a:hover{
    /*border-bottom-color: #383743;*/
    color: #4B5AFF;
}

#navbar .menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding: 28px 20px;
    position: relative;
    user-select: none;
}

#navbar .menu-icon .navicon {
    background: #383743;
    display: block;
    height: 4px;
    position: relative;
    transition: background .2s ease-out;
    width: 24px;
}

#navbar .menu-icon .navicon:before,
#navbar .menu-icon .navicon:after {
    background: #383743;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
    border-radius: 0.25rem;
}

#navbar .menu-icon .navicon:before {
    top: 8px;
}

#navbar .menu-icon .navicon:after {
    top: -8px;
}

#navbar .menu-icon,
#navbar .menu-btn {
    display: none;
}


#navbar .menu-btn:checked ~ #navbar-menu {
    height: 100%;
    opacity: 1;
    transition: all .4s ease-in-out;
}

#navbar .menu-btn:checked ~ #navbar-menu .navitem{
    height: auto;
}


#navbar .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent;
}

#navbar .menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg);
}

#navbar .menu-btn:checked ~ .menu-icon .navicon:after {
    transform: rotate(45deg);
}

#navbar .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
#navbar  .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    top: 0;
}

#navbar {transition: all 0.4s ease;}

nav.sticky {
    position:fixed;
    top:0px;
    transition: all 0.4s ease;
}


.menu ul li a.button-default{
    margin: 20px 60px;
    width: auto;
}

/*.menu ul:last-child a { border-top: 1px solid #EAE9F4; }*/

/*/*//*/*//*/*//*/*//*/*//*/*//*/*!KEYFRAME/*//*/*//*/*//*/*//*/*//*/*/

@keyframes fade{
    0% {opacity: 0}
    100% {opacity: 1}
    
}
@keyframes edaf{
    0% {opacity: 1}
    100% {opacity: 0}
    
}

@keyframes intro{
    0% {opacity: 0;top:100px;}
    100% {opacity: 1;top:0px;}
    
}

@keyframes intro-sotto{
    0% {bottom:-100px;}
    100% {bottom:0px;}
}

@keyframes letsgo{
    0% {opacity:1;}
    99% {opacity: 1;}
    100% {opacity: 0;}
}

@keyframes letsgofade{
    0% {width: 0%; opacity:1;}
    99% {width: 100%; opacity: 1;}
    100% {width: 100%; opacity: 0;}
}

.delay-uno{
    animation-delay:0.2s;
}
.delay-due{
    animation-delay:0.4s;
}
.delay-tre{
    animation-delay:0.6s;
}
.delay-quattro{
    animation-delay:0.8s;
}
.delay-cinque{
    animation-delay:1s;
}

.lets-go{
    animation-name: letsgo;
    animation-duration: 3s;
    animation-fill-mode: forwards;
}

.lets-go-fade{
    animation-name: letsgofade;
    animation-duration: 3s;
    animation-fill-mode: forwards;
}

.fade-in{
    opacity: 0;
    animation-name: fade;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
}

.fade-out{
    opacity: 0;
    animation-name: edaf;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
}

.anima
{
    opacity: 0;
    position:relative;
    animation-name: intro;
    animation-duration: 0.8s;
    animation-fill-mode: forwards;
}

.footer-anima
{
    animation-delay:1s;
    animation-name: intro-sotto;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}


/*/*//*/*//*/*//*/*//*/*//*/*//*/* LITENING /*//*/*//*/*//*/*//*/*//*/*/

.litening {
 background-image:-o-linear-gradient(91deg,#FCCC9A 30%,#FCCC9A 70%,rgba(252,204,154,0) 70%);
 background-image:linear-gradient(-1deg,#FCCC9A 30%,#FCCC9A 70%,rgba(252,204,154,0) 70%);
 background-repeat:no-repeat;
 background-position:-1000px;
 -webkit-transition:0.5s 0.5s background-position;
 -o-transition:0.5s 0.5s background-position;
 transition:0.5s 0.5s background-position
}

.litening:nth-child(2) {
 -webkit-transition-delay:.75s;
 -o-transition-delay:.75s;
 transition-delay:.75s
}
.litening:nth-child(3) {
 -webkit-transition-delay:1.5s;
 -o-transition-delay:1.5s;
 transition-delay:1.5s
}




/*/*//*/*//*/*//*/*//*/*//*/*//*/* MOBILE /*//*/*//*/*//*/*//*/*//*/*/

.alert-landscape {
    display: none; 
    position: fixed;top:0;left:0;right: 0;bottom: 0; 
    background-color: #fff;
    z-index: 2147483647;
    flex-direction: column;
}

.go-portrait{
    margin: 32px auto auto auto;
    font-size: 24px;
    
}

.hide-desktop {display: none;}
.hide-desktop-block {display: none;}

li.hide-desktop-block {display: none;}

@media only screen and (max-width: 768px) {
    
    .hide-desktop {display: flex;}
    .hide-desktop-block {display: block;}
    
    .hide-tablet-block.hide-desktop-block,
    .hide-tablet.hide-desktop,
    .hide-tablet.hide-mobile, 
    .hide-tablet{display: none;}

    .project .info-box .row{flex-direction: column;}
    .onepage-pagination{display: none;}
    .info-box{flex-direction: column; margin: 0px; padding:0px;}
    .gallery-row.info-box {flex-direction: row;justify-content: center;}
    
    .box {padding:0px;}
    .column-1, .column-2 {padding: 0px 64px;}
    #slide-cinque .row {flex-direction: column; margin-top:18%;}
    #slide-cinque .container {padding-left: 8px;}
    figure {margin: -4px;}

    
    .row-inverse{flex-direction: row; width: 100%; justify-content: center;}
    .row-inverse button {width: 150px;margin:24px 6px;}
}




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

    .menu ul li a:active{
        background-color: #F6F7FF;
    }
    
    body:not(.viewing-page-1) .navbar-brand {transform: scale(1) translateX(0px);}
    
    .service #navbar{padding: 20px 0px 0px 0px;}
    .hide-desktop {display: flex;}
    .hide-desktop-block {display: block;}
    
    .hide-tablet.hide-desktop,
    .hide-tablet{display: flex;}
    
    .hide-tablet-block.hide-desktop-block,
    .hide-tablet-block{display: block;}
    
    .hide-tablet.hide-mobile, 
    .hide-desktop.hide-mobile, 
    .hide-mobile{display: none;}
    
    .cursor {display: none;}
    
    nav .container {padding: 0px 16px 0px 32px;}
    
    
    section {display: block;}
    .img-box {height: 220px; flex:none;}
    .img-box img{height:220px; margin:auto;}
    .img-box img.img404 {height:332px; margin:auto;}
    .logo-text {display: none; }
    .social-icons {display: none; }
    .menu ul li.only-mobile{display: block;}
    .page404 .img-box {height: 300px; }
    .column-1, .column-2 {padding: 0px 32px; flex-grow: unset;}
    .first-row {flex-direction: column;}
    .home .page1 h1{font-size: 36px; margin-top:18px;margin-bottom: 2px;}
    h4 {font-size: 15px;}
    .page4 h4 {line-height: 1.7rem; margin-top: 0px;margin-bottom: 12px;}
    .home .page2 #firma h4 {line-height: 1rem; margin-top: 12px;}
    .home .page2 .button-arrow-down {margin-top: -14px;}
    .home .page1{margin-top: 0px;}
    .titolo-headline{text-align: left;}
    p{line-height: 1.4em; margin-top:0px;margin-bottom: 12px;font-size:15px;}
    .button-default {margin:0px;margin-bottom: 18px;}
    #design-adapted {align-self: flex-start; padding-left: 32px;}
    h2.skills-title{font-size: 16px; margin-top: 6px;margin-bottom: 3px; font-weight: 700;}
    h2 {margin-bottom:6px;margin-top: 32px; line-height: 1.2em;}
    .title-two {margin-top: 18px;}
    .img-box img {padding-bottom: 8px;}
    .service h2.skills-title {margin-bottom: 18px; margin-top: 24px;}
    .home .page2 p{ margin-bottom: 3px; margin-left: 16px;}
    .box-wrap{ flex-direction: column; }
    .button-arrow {margin-top: 8px;}
    .button-arrow h4{margin-top:0px;}
    .button-arrow:before, .button-arrow:after{display: none;}
    #slide-cinque .info-box h2{font-size: 34px; font-weight: 300}
    #testoslide5 { padding: 28px;}
    .awards #slide-tre .container{padding: 0px;margin-top: -20px;}
    #slide-cinque .container
    #slide-cinque .row {margin-top:auto;}
    #navbar-menu { 
        width: 100%; 
        opacity:0;
        height: 0px;
        overflow: hidden;
        top:80px;
        left: 667px;
        background: #fff;
        left: 0px;
        transition: all .4s ease-in-out;
    }
    
    .home .first-row {
        max-height: unset;
    }
    

    .awards #navbar-menu,
    .viewing-page-5 #navbar-menu{background-color: #292832;}
    #navbar .menu-icon {display: block;}
    
    #navbar{position: relative;}
    #navbar-menu {position: fixed; }
    
    .awards #navbar .menu-icon .navicon::before, 
    .awards #navbar .menu-icon .navicon::after,
    .awards #navbar .menu-icon .navicon,
    .viewing-page-5 #navbar .menu-icon .navicon::before, 
    .viewing-page-5 #navbar .menu-icon .navicon::after,
    .viewing-page-5 #navbar .menu-icon .navicon { background: #fff; }
    .menu ul li a {display: block; width: 100%; margin:0px; padding: 22px 0px; text-align: center;border-bottom: 1px solid #EAE9F4; -webkit-tap-highlight-color:#F6F7FF;}
    .first-nav {border-top: 1px solid #EAE9F4}
    .awards .menu ul li,
    .viewing-page-5 .menu ul li a {border-bottom: 0.5px solid rgba(255,255,255,0.5); -webkit-tap-highlight-color:#3490FB;}
    .awards .menu ul li.first-nav,
    .viewing-page-5 .menu ul li.first-nav {border-top: 0.5px solid rgba(255,255,255,0.5);}
    .social-footer{ display: none;}
    .footer_section {padding: 1rem 0px;}
    #firma { margin-bottom: 80px; }
    .info-box{ justify-content: center; }
    
    .button-arrow-up::before,
    .button-arrow-down::before {
        content: "";
        width: 2px;
        height: 24px;
        background: #3490FB;
        color: #3490FB;
        position: relative;
        top: 24px;
        display: block;
        transition: all 0.3s ease;
    }

    .button-arrow-up::before{ right: 34px; top:0px;}
    
    .button-arrow-up::after{
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px;
        border-color:  transparent transparent #3490FB transparent;
        position: relative;
        top: -48px;
        right: 38px;
        transition: all 0.3s ease;
    }
    .button-arrow-down::after {
        content: "";
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 5px;
        border-color: #3490FB transparent transparent transparent;
        position: relative;
        top: 28px;
        right: 4px;
        transition: all 0.3s ease;
    }
    
    .awards .page2, .awards .page1, .awards .page3,
    .service .page2, .about .page1, .about .page2  {margin-top:-100px; padding-top: 100px;}

    
    .label-font-size { margin: 12px 0px 8px 0px;}
    .service .page2, .about .page2{padding-top: 120px;}    
    button[type="submit"] {margin-top: 16px; }
    
    textarea.form-control { height: 40px;}
    .about #firma {display: none;}
    .about h4 {margin-bottom: 0px;}
    .about.viewing-page-1 #navbar-menu {background-image: linear-gradient(0deg, rgba(249, 252, 255, 0) 50.03%, #e4eef5 100%);}
    .about.viewing-page-2 #navbar-menu {background-color: #F9FCFF;}
    .service.disabled-onepage-scroll .page2 {
        margin-top: 0px;
        padding-top: 0px;
    }
    .service.disabled-onepage-scroll #slide-due{
        background-color: transparent;
    }
    .disabled-onepage-scroll .button-down {display: none;}
    .disabled-onepage-scroll .onepage-wrapper .section { height: auto; top: 0px !important;}
    .premi {margin:1em 0px;}

    .project .titolo-headline,
    .page-thank-you .titolo-headline {text-align: center; }
    .page-thank-you .onepage-wrapper .section {height: 70%}
}


@media only screen and (min-height: 740px) and (max-width: 667px) {
    section {display: flex;}
    .img-box {height: 220px; flex:none;}
    #navbar { padding-top: 52px; }
    #navbar-menu {top: 126px;}
    .service #navbar-menu {top: 80px;}
    h2:not(".skills-title") {margin:14px 0px;}
    p{ line-height: 1.5em; }
    .button-default { margin-top: 32px;}
    .page4 .button-down { margin-top: 32px;}
    #firma { margin-bottom: 100px; }
    .awards #firma { margin-bottom: 140px; }
    .menu ul li a {padding: 24px 0px;}
    .awards .page2, .awards .page1, .awards .page3,
    .service .page2, .about .page1, .about .page2  {margin-top:-143px; padding-top: 143px;}

    .about h4 {margin-top:6px;}
    
    /*.label-font-size { margin: 20px 0px 16px 0px;}*/
    textarea.form-control { height: auto;}
    .about #firma {display: flex;}
    .about.viewing-page-1 #navbar-menu {background-image: linear-gradient(0deg, rgba(249, 252, 255, 0) 50.03%, #e2ebf3 100%);}

}

@media only screen and (max-height: 667px) and (max-width: 667px) {

    .img-box img {height: 100%;}
    .awards .page2 .img-box img {
        height: 80%;
        width: auto;
    }
    section {display: block;}
    .page-thank-you section {display: flex;}
    p {line-height: 1.5em; }
    .label-font-size { margin: 16px 0px 10px 0px; }
    .img-box {height: 220px; flex:none;}
    #navbar { padding-top: 16px; }
    h1{font-size: 32px; margin-top:18px; margin-bottom: 2px;}
    .button-default { margin-top: 8px;}
    /*.page4 .button-down { margin-top: 32px;}*/
    .page4 h4 {line-height: 1.5rem;}
    .page3 h4 {line-height: 1.6rem;}
    
    #firma { margin-bottom: 80px; }
    
    .awards .page2, .awards .page1, .awards .page3,
    .service .page2, .about .page1, .about .page2  {margin-top:-155px; padding-top: 155px;}
    
    textarea.form-control { height: 52px;}
    .form-control {height: 32px;}
    .img-box img.img404 {height:220px; margin:auto;}
    
    #slide-cinque .row { margin-top: 60px;}
    .about h4 {margin-top:6px;}
    .form-control {height: 38px;}
    .awards .page3 .img-box {
        height: auto;
    }
}

@media only screen and (max-height: 640px){

    .img-box img {height: 220px;}
    .img-box {height: 220px;}
    p {line-height: 1.5em; }
    .label-font-size { margin: 16px 0px 10px 0px; }
     textarea.form-control { height: 52px;}
    .form-control {height: 32px;}
    .awards .page3 .img-box {
        height: auto;
    }
    .awards footer {display:none !important;}
}

@media screen and (orientation:landscape) and (max-width: 820px) {
    .alert-landscape {display: flex; }
}