/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 6-ago-2018, 11.37.30
    Author     : PC_1
    Cod col background
               : #bdccd4
    Cod col form
               : #4d4d4d
*/

html body {height: 100%; margin: 0; overflow: hidden !important;}

/*html body {height: 100%; margin: 0;}*/
body{background-color: #bdccd4;}

p, li{font-family: 'Montserrat', sans-serif;}

/*a:active, a:link, a:hover{text-decoration: none; color: #fff;}*/

.w3-animate-fading{animation: fading 6s infinite!important;}

.mobile{display: none;}
.header__icon-bar {float: right; padding: 20px; display: block;}
.header__icon-bar span {display: block; height: 3px; width: 30px; background: #fff; margin-bottom: 5px; color: #000;}
.animate {
    -webkit-animation: all 0.3s ease-out;
    transition:  all 0.3s ease-out;
}
.headerCiro__link__menu__item{display: inline-block; /*padding: 20px;*/ text-decoration: none; font-size: 14px;}
.headerCiro__link__menu__item li{color: #b89a4e; text-decoration: none; font-size: 100px;}
.headerCiro__link__menu__item a{color: #fff; text-decoration: none; font-family: 'Montserrat', sans-serif; font-weight: 400;}


/*-------------------------------------------------------
TEST MODAL
-------------------------------------------------------*/

#myImg {
    border-radius: 5px;
    cursor: pointer;
    transition: 0.1s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1000; /* Sit on top */
    padding-top: 50px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (image) */
.modal-content {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
}

/* Caption of Modal Image */
#caption {
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}

/* Add Animation */
.modal-content, #caption {    
    -webkit-animation-name: zoom;
    /*-webkit-animation-duration: 0.6s;*/
    -webkit-animation-duration: 0s;
    animation-name: zoom;
    /*animation-duration: 0.6s;*/
    animation-duration: 0s;
}

@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)} 
    to {-webkit-transform:scale(1)}
}

@keyframes zoom {
    from {transform:scale(0)} 
    to {transform:scale(1)}
}

/* The Close Button */
.close {
    position: absolute;
    top: 15px;
    right: 35px;
    /*color: #f1f1f1;*/
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}

.close:hover,
.close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
    .modal-content {
        width: 100%;
    }
}

/*-------------------------------------------------------
TEST MODAL
-------------------------------------------------------*/

.cursore{cursor: pointer;}

/*---------------------------------------------------
INDEX
---------------------------------------------------*/
.content__logo{width: 15%; float: left; margin-left: 50px; margin-top: 50px;}
.content__img{width: 50%; float: left; margin-top: 2vh;}
.content__img__monitorStretti{position: relative; z-index: -1;}
.content__form{width: 25%; float: left; margin-top: 10vw;}

.content__form__napoli,
.content__form__londra{width: 50%; float: left; border: 1px solid #4d4d4d; text-align: center; padding: 20px;}



.content__logo img{width: 18vh;}
.content__img img{width: 80vh;}
.content__form p{font-size: 2.3em;}
.content__form__napoli p,
.content__form__londra p{font-size: 1.0em;}

.content__pattern{background-image: url("../img/pattern_footer.png"); height: 63px;}
/*.pattern{background-image: url("../img/pattern_DOT.png"); background-repeat: repeat; z-index: 100000;}*/


/*---------------------------------------------------
CIRO SALVO
---------------------------------------------------*/
.headerCiro__logo{width: 15%; float: left; margin-left: 50px; margin-top: 30px; position: relative; z-index: 1;}
.headerCiro__link{width: 92vw; height: 6vh; background: #000; float: right; margin-top: -11.5vh; z-index: -1;}
.headerCiro__logo img{width: 18vh;}

.headerCiro__link{text-align: right; padding-right: 20vh;}

.headerCiro__link__menu__item {color: #fff; list-style: none; display: inline-block; padding-right: 25px; font-size: 1em; font-weight: 500; position: relative; z-index: 10;}

.contentCiro__img{width: 50%; float: left; margin-top: -20vh;}
.contentCiro__text{width: 50%; float: left; padding-right: 100px; padding-top: 5vh; line-height: 1.5;}

.contentCiro__text__storia{font-weight: 300;}
.contentCiro__text__nome{font-weight: 100; font-size: 5vh;}

.contentInferiore__img__mobile{display: none;}


.contentCiro__text img{width: 11vh;}

.contentCiro__img  img{width: 90vh; position: relative;}
/*.content__img img{width: 90vh;}contentCiro__img*/


/*.content__logo__ciro{width: 1%; float: left; margin-left: 50px; margin-top: 50px;}
.content__img__ciro{width: 50%; float: left; margin-bottom: -0.5vh; margin-top: 2vh;}


.content__logo__ciro img{width: 15vh;}
.content__img__ciro img{width: 90vh;}

.content__pattern__ciro{background-image: url("../img/pattern_footer.png"); height: 63px;}*/


/*---------------------------------------------------
LE PIZZE
---------------------------------------------------*/

.parte__superiore{display: block;}
.parte__inferiore{display: none;}
.contentInferiore__logo{width: 10%; float: left;}
.contentInferiore__img{/*width: 75%;*/ float: left;}
.contentInferiore__menu{width: 10%; float: left; margin-top: 15vh;}
.contentInferiore__slide{width: 75%; float: left; padding-left: 18vw; margin-bottom: -1vh; position: relative; z-index: -10; margin-top: 2vh;}
.cerchio__slide{position: relative; left: 5.5vw;}


.cerchio__slide img{width: 61vh;}

.contentInferiore__img img{width: 67vh; margin-top: -77.5vh;}
.cerchio__slide img{border-radius: 100%; margin-top: 28.5vh; /*margin-left: 5.4vw;*/ width: 47vh;}

.sezione{max-height: 900px;}

.contentInferiore__menu__chiudi,
.contentInferiore__menu__menu,
.contentInferiore__menu__listaVeni{padding-bottom: 50px;}

.contentInferiore__menu__menu p,
.contentInferiore__menu__listaVeni p{writing-mode: tb-rl;}

.content__pattern__mobile{display: none;}

.frecceSlide__left{position: absolute; width: 50%; float: left; top: 46vh; z-index: 1000; text-align: right; left: -12vw;}
.frecceSlide__right{position: absolute; width: 50%; float: left; top: 46vh; right: -11.5vw;}

.contentInferiore__menu__mobile{display: none;}

.overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #008CBA;
  overflow: hidden;
  width: 100%;
  height: 0;
  transition: .5s ease;
}



/*---------------------------------------------------
FOOTER
---------------------------------------------------*/
.footer{background: #fff; height: 20vh; margin-top: -17px; }
.footer__sx{width: 50%; float: left; padding-left: 100px; padding-top: 35px;}
.footer__dx{width: 50%; float: right;}

.footer__dx p,
.footer__sx p{font-size: 0.7em;}

.footer__dx__socia{width: 50%; float: left; text-align: right; padding-top: 25px!important;}
.footer__dx__ufficioStampa{width: 50%; float: left; text-align: center; padding-top: 35px;}


/*------------------------------------------------------
INFO
-------------------------------------------------------*/
.contentCiro__img__info{width: 50%; float: left; margin-top: -20vh;}

.contentCiro__img__info  img{width: 83vh;}

.mappa__mobile{display: none;}

.altezza__desktop{height: 65vh;}

/*------------------------------------------------------
SOCIAL
-------------------------------------------------------*/
.instagram__page{height: 85vh;}

.social{background: #ba1531;}

.contentCiroSocial{margin-left: 10vw; height: 86vh;}
.contentCiroSocialPosizione{margin-left: 0;}

.social__left img,
.social__center img,
.social__right img{min-width: 25vw; max-width: 25vw; border: 30px solid #000;}

.social__center,
.social__right,
.social__left{width: 30%; float: left; margin-top: 10vh;}

/*.social__left__dimensione{max-height: 35vh;}*/

.social__left__dimensione img{min-height: 35vh; max-height: 35vh;}
    
.social__left__dimensione{max-height: 35vh; min-height: 35vh;}

.socialPress__foto p{width: 100%;}
/*------------------------------------------------------
PRESS
-------------------------------------------------------*/
.socialPress{margin-left: 10vw; height: 60vh; position: absolute; top: 20vh; max-height: 62vh; overflow-x: auto; width: 90vw;}


.socialPress__foto{width: 15%; float: left; margin-top: 5vh; min-height: 30vh; max-height: 30vh;}


.socialPress__foto img{min-width: 11vw; max-width: 11vw; min-height: 25vh; max-height: 25vh; border: 15px solid #000;}

.socialPattern{margin-top: 65vh;}

.dipuntostudio{width: 20%; float: left; /*text-align: center; margin-left: -7vw;*/}

.dipuntostudio img{width: 50%;}


/*------------------------------------------------------
OSPITALITA
-------------------------------------------------------*/

.ospitalita{background: #000;}

.altezzaContent{min-height: 85vh;}


.ospitalitaPage{height: 85vh; display: contents;}
.ospitalitaPage p{color:#fff; text-align: left;}

.headerCiro__ospitalita{width: 30%; float: left; margin-top: 5vh;}
.headerCiro__visitaSito{margin-top: 10vh; text-align: center;}
.headerCiro__chiudi{width: 15%; float: left; margin-top: 10vh;}

.headerCiro__ospitalita p{font-size: 3em; font-weight: 100;}

.contentCiroOspitalita{width: 50%; text-align: center; margin-left: auto; margin-right: auto;}

.contentCiroOspitalita img{width: 95vh;}

.mySlides__testo{width: 95vh; margin-left: auto; margin-right: auto;}

.frecceSlideOspitalita__left{position: absolute; width: 50%; float: left; top: 40vh; z-index: 1000; text-align: right; left: -22vw;}
.frecceSlideOspitalita__right{position: absolute; width: 50%; float: left; top: 40vh; right: -25.5vw;}

.contentCiroOspitalita__mobile{display: none;}

.ospitalita__slide{width: 50%; padding-left: 0; height: 62vh; top: -10vh; left: 8vw;}

.ospitalita__slide__cerchio{position: relative; left: 2.5vw; top: -14vh;}

.ospitalita__slide__frecciaSx{left: -39vw!important;}
.ospitalita__slide__frecciaDx{right: 14.5vw!important;}


.ospitalita__slide__img img{width: 55vh;}

/*
.ospitalita__slide img{width: 60vh; position: relative; left: 5vw; margin-top: 20vh; margin-bottom: 5vh;}

.ospitalita__slideTest{max-width: 100%; position: relative;}

.ospitalita__cursore {
  cursor: pointer;
  position: absolute;
  top: 45vh;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

.left{left: 1vw;}
.right{left: 34vw;}

.ospitalita__slideImg{position: absolute; top: 24vh; left: 7vw;}
.ospitalita__slide__posizione{position: absolute!important; top: 3.5vh; left: 1.8vw;}

.ospitalita__slide__posizione img{width: 30vw;}


.radius{border-radius: 100%;}
*/

.mySlides {
    display: none;
}

.fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}

/*-------------------------------------------------------
GALLERY
-------------------------------------------------------*/
.galleryFoto{width: 15%; float: left; margin-top: 5vh; min-height: 34vh; max-height: 34vh; border: 15px solid #000; background: #000; margin-right: 15px;}
/*.galleryFoto button{margin-top: inherit;}*/
.gallery__button{width: 100%; height: 31vh; background-position: center center; background-size: cover; -moz-background-size: cover; background-repeat: no-repeat;}


/*@media (max-width: 1295px){
    .headerCiro__link{padding-right: 0;}
}*/
.privacy{text-decoration: none; color: #000;}

@media(max-width: 1470px){
    
}


/*--------------------------------------
media query a 1180px
---------------------------------------*/
@media(max-width: 1470px){
    .headerCiro__link{padding-right: 0;}
    .headerCiro__link__menu__item{padding-right: 22px;}
    .content__img img{margin-left: -15vw;}
    .contentCiro__text{padding-right: 1vw; padding-left: 3vw; padding-top: 0; margin-top: -5vh; z-index: 1; position: relative;}
    .contentCiro__text__eccezione{margin-top: -6vh!important; z-index: 1; position: relative;}
    .contentCiro__img__monitorSmall img{margin-left: -1.5vw!important;}
    .contentCiro__img img {width: 84vh; margin-top: 2vh;}
    .contentCiro__text img{width: 8vh;}
    .contentCiro__text__monitorSmal{padding-left: 8vw;}
    .contentCiro__text__nome__monitorSmall{font-size: 4vh;}
}



@media(max-width: 767px){
 
    html{overflow: auto !important;}
    
    
    .mobile{display: block;}
    .item{display: block;}
    .is-open{height: 400px!important; overflow: auto;}
    .header__icon-bar{display: block; margin-top: 5vh;}
    .headerCiro__link{width: 100%;}
    .headerCiro__link__menu{display: block; margin-top: 10vh;}
    .headerCiro__link__menu__item{padding: 10px;}
    
    .headerCiro__link{width: 100%; height: 0px; overflow: hidden; padding-top: 0; padding-left: 10px; text-align: left; margin-top: -10vh; border-bottom-right-radius: 23em;}
    .headerCiro__link__menu__item{width: 100%;}
    
    #mostra{display: none;}
    
    .header__container{background: #000;}
    
    .headerCiro__logo img{margin-top: 0; margin-left: -5vw; padding-bottom: 3vh; width: 15vh;}
    
    .parte__inferiore{display: block;}
    .parte__inferiore__padding{padding-bottom: 50px;}
    
    .contentCiro{margin-top: 10px;}
    .contentInferiore__logo{display: none;}
    .contentInferiore__img__desktop{display: none;}
    .contentInferiore__img__mobile{display: block; position: absolute; z-index: -1; top: 10vh; width: 100%; text-align: center;}
    
    .contentInferiore__slide{width: 100%; padding-left: 0;z-index: 10;}
    /*.contentInferiore__img__mobile {width: 100%;}*/
    .contentInferiore__img__mobile img{width: 47vh;}
    .contentInferiore__menu__chiudi{display: none;}
    .contentInferiore__menu{display: none;}
    
    .contentInferiore__menu__mobile{display: block;}
    .contentInferiore__menu__mobile{margin-top: 7vh;}
    .contentInferiore__menu__mobile p{color: #fff; font-size: 0.7em; text-align: center; padding-top: 10px;}
    .contentInferiore__menu__mobile__right,
    .contentInferiore__menu__mobile__left{width: 50%; float: left; height: 10vh;}
    
    .contentInferiore__menu__mobile__left{background: #9d0015;}
    .contentInferiore__menu__mobile__right{background: #000;}
    .contentCiro__img__info{float: none;}
    
    
    .cerchio__slide{left: 0; width: 100%; text-align: center;}
    .cerchio__slide img{width: 42vh; margin-top: 12.5vh;}
    
    
    .frecceSlide__left{top: 22vh; left: -28vw;}
    .frecceSlide__right{top: 22vh; right: -28.5vw;}
    
    .cursore img{width: 40%;}
    
    .content__logo{width: 100%; float: none; margin-left: 25px; margin-top: 25px;}
    
    .contentInferiore__slide{margin-top: -7vh;}
    
    .content__img{margin-top: 4vh; display: contents;}
    .content__img img{width: 55vh;}
    
    .content__form{width: 100%; margin-top: 0; float: none; text-align: center;}
    .content__form p{font-size: 1.3em;}
    
    .content__pattern__mobile{background-image: url("../img/pattern_footer.png"); height: 30px; display: block;}
    .content__pattern{display: none;}
    
/*    .headerCiro__link{display: none;}*/
    /*.headerCiro__link{width: 100%;}*/
    
    .contentCiro__img{width: 100%; margin-top: 3vh; display: contents;}
    .contentCiro__img img{width: 55vh;}
    
    .contentCiro__text {width: 100%;padding-right: 3vh; padding-left: 3vh; padding-top: 5vh; /*margin-bottom: 5vh;*/}
    
    .contentCiroOspitalita{display: none;}
    
    .social__center,
    .social__right,
    .social__left{float: none;}
    .contentCiroSocial{height: auto; margin-left: 7vw; padding-bottom: 50px;}
    
    .social__center img,
    .social__right img,
    .social__left img{min-width: 85vw; max-width: 85vw;}
    
    .immagine__desktop{display: none;}
    .mappa__mobile{display: block;}
    
    .socialPress{position: unset; height: auto; max-height: unset; margin-left: 11vw;}
    .socialPress__foto{width: 50%; max-height: 35vh; min-height: 35vh;}
    /*.socialPress__foto p{font-size: 9px!important;}*/
    .socialPress__foto img{min-width: 35vw; max-width: 35vw;}
    
    
    .contentCiroOspitalita__mobile{display: block;}
    
    .instagram__page{height: 100%!important;}
    .socialPress__mobile{margin-left: 1vw!important;}
    
    .ospitalita__slide{left: 0; top: 20vh;}
    
    .ospitalita__slide__frecciaSx{left: -30vw!important; top: 49vh;}
    .ospitalita__slide__frecciaDx{top: 49vh; right: -27.5vw!important;}
    
    .ospitalita__contentInferiore__img__mobile{top: -4vh;}
    
    .dipuntostudio{width: 90%;}
    
    .galleryFoto{width: 40%; margin-bottom: 5vh;}
    
    .gallery__button{height: 29.5vh;}
    
    
    /*.footer{margin-top: 0;}*/
    .footer{display: none;}
}

.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}