/*CSS*/
/* Style by TheBubbleCompany */

/*general style*/

html{overflow-x:hidden!important; padding:0; margin:0;}

body{
    font-family: 'Overpass', sans-serif;
    font-weight: 300;
    color:#fff;
    font-size:16px;
    text-align: left;
    text-decoration: none;
    border:none;
    background:#000 url(../images/background.jpg) no-repeat fixed center center; background-size: cover;
    min-height: 100vh;
    padding:0;
    margin: 0;
    overflow-x:hidden!important;
}

h1,h2,h3,h4,h5,h6{
    font-family: 'Overpass', sans-serif;
    color:#fff;
    font-weight:400;
    text-transform: uppercase;
    text-align: center;
}
h1{text-transform:lowercase; text-align:left;}
    
a:link, a:visited,a:active,a:hover,a:focus{text-decoration:none; outline: none; border:none;}
a:link,a:visited, a:active {
    color:#fff;
    -o-transition:.5s;
    -ms-transition:.5s;
    -moz-transition:.5s;
    -webkit-transition:.5s;
    transition:.5s;}
}    
a:hover {color:#bbb;}

img{display:block; max-width: 100%; border:none;}
.mobile{display: none;}

.solomobile{display: none;}
div.clear{clear:both;}

/*menu*/
.menu-row{margin-bottom:30px;}
.menu-row ul{margin:0 95px; padding:0;}
.menu-row ul li{display:inline-block; width:24.7%; text-align: center; font-size: 25px!important; font-weight: 400;}
.menu-row ul li a{color:#fff;}

.menu-row ul li:first-child{text-align: left;}
.menu-row ul li:last-child{text-align: right;}
html[lang="en"] .menu-row ul li:last-child{text-align: center;}

/*menu mobile*/
.slicknav_menu ul{
        list-style-type: none;
        margin: 0;
        padding: 0;
}

#slicknav-cont{display: none; padding:20px; background-color:#000; margin:0!important; padding-top:50px; }

#logosmall{
        position: absolute;
        left:0;
        top:0;
        padding:12px 20px;
        width: 100px;
        z-index: 999;
    }
.slicknav_btn {
    text-align: right;
    position: absolute;
    top:18px;
    right: 20px;
    z-index: 999;}

    .slicknav_menu {
            /*padding:12px 0;*/
            margin-top:10px;}

    a.slicknav_btn:link, a.slicknav_btn:visited, a.slicknav_btn:active, a.slicknav_btn:hover{
        text-decoration: none;
    }
    .slicknav_icon{
        display:none;
    }
    .slicknav_menutxt{
        font-size:20px;
        color:#fff;
        font-weight: 700;
    }
    .slicknav_menu ul{
        margin:0!important;
        padding-left:0;
    }
    .slicknav_menu li{
        display: block;
        border-bottom:1px solid #ccc;    
    }

    .slicknav_menu ul li a{
        width:100%;
        display: block; 
        padding:14px; 
        font-size:20px;
        color:#fff!important;}


/*effetto hover menu desktop*/
.link-1 {
    display: inline-block;
    color: #fff;
    text-decoration: none;
}

.link-1::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background: #fff;
    transition: width .3s;
}

.link-1:hover::after {
    width: 100%;
    transition: width .3s;
}

#sd::after{background:#009fe3;}
#gp::after{background:#e6007e;}
#gf::after{background:#ffed00;}
#av::after{background:#4e4e4e;}

.stampa-digitale #sd{color:#009fe3;}
.grafica-pubblicitaria #gp{color:#e6007e;}
.grandi-formati #gf{color:#ffed00;}
.allestimento-e-video #av{color:#4e4e4e;}

/*homepage*/
body.home{background-image: url(../images/stampa-digitale-parma2.jpg);}

body.c404{position: relative; padding-bottom: 50px;}

.home-content{
    width:720px; 
    padding:80px 140px; 
    /*position: absolute; 
    top:0; 
    right:0; */
    /*min-height:100vh;*/
    float: right;
}
.home .nav-menu{
    list-style-type:none; 
    margin-left:0; 
    padding-left:0;
    margin-top:240px;
    margin-bottom: 110px;
}
.home .nav-menu li{margin-bottom:20px;}

.home .nav-menu li a, .home .slogan{
    text-transform: uppercase; 
    font-size:20px; 
    font-weight: 400; 
    text-shadow:1px 1px 16px #000;}

.home .social{
    margin-top:20px; 
    font-size: 45px;
    float: right;
}
.home .social a{display: block;}
.home .slogan{margin-top:80px;}
.lasergatto{display: none;}

/*main box*/

.superparent{height:100%; margin-top:7vh;}
.contatti .superparent{margin-top:14vh;}


.parent {
  position: relative;
  margin-left:110px;
  margin-right:110px;

}
.child {
  background-color:rgba(0,0,0,0.95);
  padding:40px;
}
.scritte1{text-transform: uppercase;}
.scritte2{font-size:20px;}
.descrizione{font-size:15px; margin-top:40px;
/*position:absolute; bottom:0;*/}
/*.descrizione p:last-child{margin-bottom:0; padding-bottom:0;}*/
.contatti .descrizione{margin-top:20px;}
.contattini-box{margin-top:30px;}
.contattini-box img{display:inline-block; width:80px;}
a.linkontatti{
    display:inline-block; 
    text-transform: uppercase; 
    margin-left:20px;
    padding:8px 12px;
    border:2px solid #fff;
}
a.linkontatti:hover{border-top-color:#009fe3; border-bottom-color:#e6007e; border-left-color:#ffed00;border-right-color:#4e4e4e;}

.linkontatti.email, .linkontatti.tel{
    margin-left: 0;
    margin-right:30px;
    float: none;
    display: block;
    font-size: 22px;
    text-align: center;
}
.linkontatti.tel{margin-bottom: 30px;}

/*Language switcher*/
.lang-switcher img{display: inline-block; width:40px; max-width:40px!important; margin-top:-10px;}
.home .lang-switcher{margin-top:20px;}

/*gatti*/
.img-cont{height:100vh; display: flex;
    align-items: center;
    flex-wrap: wrap;}
.gatto1{margin-left:-20px!important; display: block;}
.gatto4{max-width: 80%; margin:0 auto;}
/*.allestimento-e-video .immy.solodesktop .gatto4{margin-top:160px;}
*/
.gatto4, .gatto1, .gatto5{width:100%; height:auto!important;}

/*slide*/
#slide-cont{}



/*footer*/
.footer-cont{position:fixed; width:100%; background-color:#000; bottom:0; left:0;}
footer p{text-align: center; padding:10px 20px; margin-bottom:0; font-size:14px;}
footer p a:link, footer p a:visited {color:#fff;}
.c404 .footer-cont{position: absolute; bottom:0;}


/*aggiustamenti gatti*/
.grafica-pubblicitaria .gatto5.solodesktop{
  /*-webkit-animation-name: discovolante;*/ /* Safari 4.0 - 8.0 */
  /*-webkit-animation-duration: 4s;*/ /* Safari 4.0 - 8.0 */
/*  animation-name: discovolante;
  animation-duration: 4s;
  animation-direction:alternate;
  animation-iteration-count:infinite;*/
}


/* Safari 4.0 - 8.0 */
@-webkit-keyframes discovolante {
  from {background-color: red;}
  to {background-color: yellow;}
}

/* Standard syntax */
@keyframes discovolante {
  from {background-color: red;}
  to {background-color: yellow;}
}


/*mediaquery*/


@media screen and (min-width: 1200px) and (max-height:768px){
    .contatti .superparent{margin-top:7vh!important;}
}


@media screen and (min-width:1921px){
    /*.allestimento-e-video .immy.solodesktop .gatto4{margin-top:320px;}*/
}

@media screen and (max-width: 1700px) {
    .menu-row ul li{font-size:24px;}
    /*.allestimento-e-video .immy.solodesktop .gatto4{margin-top:200px;}*/
}

@media screen and (max-width: 1600px) {
.descrizione{margin-top:20px;}
}

@media screen and (min-width:1200px) and (max-width:1400px){
    .menu-row ul li{font-size:20px!important;}
}

@media screen and (max-width: 1560px) {
    .menu-row ul li{font-size:18px; width:24.6%;}
    .menu-row ul{margin-left:30px; margin-right:30px;}
    .parent{margin-left:50px; margin-right:50px;}
}

@media screen and (max-width: 1366px) {
    .descrizione, .contattini-box{position: static;}
    .colonnabox{height: auto!important; /*width:100%;*/
    }
    a.linkontatti{padding:8px 9px; margin-left:15px; font-size:13px;}
    .contattini-box img{width: 70px;}
    /*.colonnaslide{width:100%!important;}*/
 }

/*col lg*/
@media screen and (max-width: 1200px) {
.solomobile{display: block;}
.solodesktop{display: none;}
.menu-row.desktop{margin-top:100px;}
.superparent{width: 100%; margin:0!important; padding:0;}
.footer-cont{position: static;}
.home .footer-cont{position: fixed;}
.gatto5{margin: 0 auto;}
}

@media screen and (min-width: 1199px) and (max-height: 700px) {
    .footer-cont{position: static;}
    .superparent {
    height: 100%;
    margin-top: 30px!important;
    margin-bottom: 30px!important;
    }
}
@media screen and (width: 1366px) and (height: 768px) {
    .footer-cont{position: static; margin-top:-60px;}
    .stampa-digitale .footer-cont{position: static; margin-top:10px;}
    .home .footer-cont{margin-top:0;}
    .home .nav-menu {margin-top:108px; margin-bottom: 65px;}
}
@media screen and (width: 1360px) and (height: 768px) {
    .footer-cont{position: static; margin-top:-60px;}
    .stampa-digitale .footer-cont{position: static; margin-top:10px;}
    .home .footer-cont{margin-top:0;}
    .home .nav-menu {margin-top: 108px; margin-bottom: 65px;}
}
@media screen and (width: 1280px) and (height: 800px) {
    .footer-cont{position: static; margin-top:-60px;}
    .stampa-digitale .footer-cont{position: static; margin-top:10px;}
    .home .footer-cont{margin-top:0;}
    .home .nav-menu {margin-top: 120px; margin-bottom: 65px;}
}

@media screen and (max-width: 1024px) {
    body.home{
        background-image: url(../images/stampa-digitale-parma3.jpg);
    }
    #slide-cont{margin-top:50px;}
    .home-content{width:100%; padding:0; float: none; min-height: 85vh;}
    .intestazione{width:400px; margin:60px auto;}
    .home .nav-menu{display:block; margin:0 auto; width:390px;}
    .slogan{display: block; margin:0 auto!important; text-align: center;}
    .lasergatto{display: block;}
    .home .footer-cont{position: static; margin-top:40px;}

    .menu-row.desktop{display: none;}
    #slicknav-cont {display: block;}
    .parent{margin:20px!important;}

}




/*col md*/
@media screen and (max-width: 992px) {
#slide-cont{margin-top:50px;}
}


@media screen and (max-width: 800px) {
    .footer-cont p{font-size:12px;}
    
    .child{padding: 20px;}
    .contattini-box img {
    width: 110px;
    display: block;
    margin: 0 auto 30px;}

a.linkontatti {
    padding: 8px 9px;
    margin: 0 auto;
    font-size: 16px;
    text-align: center;
    display: block;
    width: 70%;}
}
.linkontatti.tel, .linkontatti.email{
    width: 100%;
}

.c404 .contattini-box{margin-bottom:44px;}
/*col sm*/
@media screen and (max-width: 768px) {
.c404 img{margin-top:50px!important;}
}

@media screen and (max-width: 450px) {
.intestazione {width: 240px;}
.intestazione img{width:180px!important;}
.home .social{font-size: 30px;}
.home .nav-menu{width:278px;}
}

@media screen and (max-height: 900px) {
/*.c404 .footer-cont{position: static!important;}*/
}