/* =======================================================
*	ELENCO COLORI UTILIZZATI NEL SITO
*
*	eec73e : GIALLO "S"
*	719b2d : VERDE "P"
*	646464 : GRIGIO TESTO
*	f9f9f9 : GRIGIO SFONDO CHIARISSIMO
*	
*	
*
* ======================================================= */




/*---------------------------------------
     SETTAGGI GENERALI            
-----------------------------------------*/


@import url("https://fonts.googleapis.com/css?family=Oswald:300,400,700|Montserrat:200,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i|Great+Vibes:300,400,500,600");

/* ::selection {
	background-color: #ffffff;
	color: #ffffff;
} */

body {
	font-family: "Montserrat", sans-serif;
	color: #646464;
}

body h1, body h2, body h3, body h4, body h5, body h6 {
	margin: 0;
}

p, a, li, h2, h3, h4, h5, h6 {
	font-family: "Montserrat", sans-serif;
}

h1 {
	font-family: "Great Vibes", sans-serif;	
}

h2 {	
	font-size: 36px;
	font-weight: 800;
}

h3 {
	font-size: 28px;
	font-weight: 700;
}

h4 {
	font-size: 20px;
	font-weight: 500;
}

p {
	font-size: 16px;
	font-weight: 400;	
	line-height: 26px;
}

body section.row, body header.row, body footer.row {
	margin: 0;
}

a, .btn, button {
	outline: none;
	transition: all 300ms linear 0s;
}

a:before, a:after, .btn:before, .btn:after, button:before, button:after {
	transition: all 300ms linear 0s;
}

a:focus, a:hover, .btn:focus, .btn:hover, button:focus, button:hover {
	outline: none;
	text-decoration: none;
	transition: all 300ms linear 0s;
	color: #719b2d;
}

.bianco{
	color: #ffffff;
}

.centrato{
	text-align: center;
}

.giustificato{
	text-align: justify;
}

.destra{
	text-align: right;
}

.top0{
	padding-top: 0px;
}

.top5{
	padding-top: 5px;
}

.top10{
	padding-top: 10px;
}

.top15{
	padding-top: 15px;
}

.top20{
	padding-top: 20px;
}

.top25{
	padding-top: 25px;
}

.top30{
	padding-top: 30px;
}

.top40{
	padding-top: 40px;
}

.top50{
	padding-top: 50px;
}

.bottom0{
	padding-bottom: 0px;
}

.bottom10{
	padding-bottom: 10px;
}

.bottom15{
	padding-bottom: 15px;
}

.bottom20{
	padding-bottom: 20px;
}

.bottom25{
	padding-bottom: 25px;
}

.bottom30{
	padding-bottom: 30px;
}

.bottom40{
	padding-bottom: 40px;
}

.bottom50{
	padding-bottom: 50px;
}


.padding25{
	padding: 25px;
	padding-bottom: 60px;
}


.right30{
	padding-right: 30px;
}

.piccolo {
	font-size: 13px;
	font-weight: 400;
	line-height: 22px;
}

.piccolissimo {
	font-size: 10px;
	font-weight: 400;
}


.normale {
	font-size: 20px;
	font-weight: 400;	
	line-height: 26px;
}

.medio {
	font-size: 44px;
	font-weight: 500;
	line-height: 44px;	
}

.grande {
	font-size: 60px;
	font-weight: 700;
	line-height: 62px;	
}

.extra {
	font-size: 80px;
	font-weight: 900;
	line-height: 84px;	
}



@media (max-width: 768px){	

	.piccolo {
		font-size: 12px;
	}

	p {
		font-size: 15px;	
		line-height: 23px;
	}
	
	h2 {
		font-size: 35px;	
		line-height: 35px;
	}

	.normale {
		font-size: 15px;
		line-height: 24px;
	}
	
	.medio {
		font-size: 34px;		
		line-height: 34px;	
	}
	
	h1.medio {
		font-size: 44px;		
		line-height: 34px;	
	}

	.grande {
		font-size: 35px;
		line-height: 50px;	
	}

	.extra {
		font-size: 56px;
		line-height: 62px;	
	}


}










/*---------------------------------------
       LOGO - NAVBAR              
-----------------------------------------*/

.custom-navbar {
	background: #ffffff;
	margin: 0px;
	padding: 0px;
	padding-top: 10px;	
	box-shadow: 1px 1px 10px #646464;
}

.navbar-social {
	padding: 0px;
	padding-right:4px;
	padding-bottom: 10px;
	text-align: right;
}

.fa, 
.fab {
	color: #646464;	
	margin: 0px;
	margin-left: 18px;
	margin-right: 18px;	
	font-size: 18px;
}

.fa:hover,
.fab:hover {
	color: #eec73e;
}

.navbar-brand {
	padding: 0px;
	padding-bottom: 75px;
}

.navbar-brand img {
	width: 238px;	
} 
	
.navbar-toggle {	
	margin: 0px;
	margin-top: 10px;
	margin-right: 4px;
}


.navbar-toggle .fa {
	background: #eec73e;
	color: #ffffff;
	font-size: 18px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	text-align: center;
	text-decoration: none;
	outline: none;
	transition: all 0.4s ease-in-out;
	border-radius: 50%;
}

.navbar-toggle .fa:hover {
	background: #719b2d;
}

.custom-navbar .navbar-toggle .icon-bar {
	background: #ffffff;
	border-color: transparent; 
}

.custom-navbar .nav li a {
	font-family: "Montserrat", sans-serif;
	color: #646464;
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 2px;
	padding: 12px;
	padding-right: 27px;
	padding-left: 27px;
	text-align: center;
	transition: all 0.3s ease-in-out;
}

.custom-navbar .nav li a:hover {
	background: #eec73e;
	color: #ffffff;
	transition: all 0.3s ease-in-out;
}

.custom-navbar .nav > li > a:focus {
	background-color: transparent;
	outline: none;
}

.custom-navbar .nav li.active > a {
	background-color: #719b2d;
	color: #ffffff;
}



@media(min-width: 1199px){
	
	.custom-navbar {
		padding-bottom: 20px;
	}

	.fa, 
	.fab {
		margin-left: 22px;
		margin-right: 22px;
		font-size: 24px;
	}

	.navbar-brand {
		padding-top: 6px;
		padding-left: 8px;
		padding-bottom: 140px;		
	}

	.navbar-brand img {
		width: 450px;
	} 
	
	.custom-navbar .nav li a {
		color: #ffffff;
		background: #646464;
		padding: 12px;
		padding-right: 45px;
		padding-left: 44px;
	}
	
}


@media all and (min-width: 769px) and (max-width: 1198px){

	.navbar-social {
		text-align: right;
	}

	.fa, 
	.fab {
		margin-left: 20px;
		margin-right: 20px;
		font-size: 20px;
	}

	.navbar-brand {
		padding-bottom: 100px;
	}

	.navbar-brand img {
		width: 320px;
	} 
	
	.navbar-toggle {
		margin-top: 30px;
		margin-right: 6px;
	} 
	
}







/*---------------------------------------
       SLIDER_AREA            
-----------------------------------------*/
.slider_area  {
	padding-top: 100px;
	margin: 0;
	height: 50%;
}

.slider_area .slider_inner .camera_caption {
	height: 100%;
}

.slider_area .slider_inner .camera_caption div {
	background: transparent;
	position: absolute;
	width: 100%;
	text-align: center;
	/* color: #646464; */
	z-index: 1;
	top: 50%;
	transform: translateY(-50%);
	text-shadow: none;
	left: 0;
	padding-top: 100px;
}

.camera_caption h2 {
	padding: 0px;
}

.camera_caption p {
	max-width: 1180px;
	margin: 0 auto;
	padding: 30px; 
	padding-top: 20px;
	padding-bottom: 90px; 
	line-height: 34px;
	text-transform: uppercase;
}

.camera_caption .bottone {
	font-size: 16px;
	font-weight: 600;		
	color: #ffffff;
	text-align: center;	
	background: #719b2d;
	border-radius: 10px;
	border-style: solid;
	border-width: 2px;
	border-color: #719b2d;
	padding: 20px;	
	margin: 10px;
	text-transform: uppercase;
}

.camera_caption .bottone:hover {
	background: #eec73e;
	border-color: #eec73e;
	color: #646464;
}


.slider_area .slider_inner .camera_prev, .slider_area .slider_inner .camera_next {
  opacity: 1 !important;
  background-color: transparent;
}

.slider_area .slider_inner .camera_prev span, .slider_area .slider_inner .camera_next span {
  display: none;
}

.slider_area .slider_inner .camera_prev {
  position: relative;
}

.slider_area .slider_inner .camera_fakehover {
	top: 20px;
}



@media (min-width: 769px) and (max-width: 1199px) {

	.slider_area  {
		padding-top: 130px;
	}
	
}


@media (max-width: 768px) {

	.slider_area  {
		padding-top: 100px;
	}
	
	.camera_caption p {	
	padding: 30px; 
	padding-top: 5px;
	padding-bottom: 50px; 
	line-height: 24px;
	}
	
	.camera_caption .bottone {
	font-size: 14px;
	font-weight: 500;
	}

}





/*---------------------------------------
       BANNER           
-----------------------------------------*/

.banner_alto {
	padding-top: 340px;
	padding-bottom: 70px;
	z-index: -1;	
	max-width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.banner_alto p {	
	padding: 100px;
	padding-top: 20px;
	padding-bottom: 0;
	/* text-transform: uppercase; */
}

.banner_alto_stampa {
	background: url("../images/banner_alto_stampa.jpg") no-repeat center top;	
}

.banner_alto_foto {
	background: url("../images/banner_alto_foto.jpg") no-repeat center top;	
}

.banner_alto_tesi {
	background: url("../images/banner_alto_tesi.jpg") no-repeat center top;	
}

.banner_alto_wedding {
	background: url("../images/banner_alto_wedding.jpg") no-repeat center top;
}

.banner_alto_timbri {
	background: url("../images/banner_alto_timbri.jpg") no-repeat center top;
}

.banner_alto_servizi {
	background: url("../images/banner_alto_servizi.jpg") no-repeat center top;
}

.banner_alto_privacy {	
	background: url("../images/banner_alto_privacy.jpg") no-repeat center top;
}

.banner_basso {
	padding: 50px;
	background-color: #f0f0f0;
}

.bottone {
	font-size: 18px;
	font-weight: 600;		
	color: #646464;
	text-align: center;	
	background: #f0f0f0;
	border-radius: 10px;
	border-style: solid;
	border-width: 2px;
	border-color: #646464;
	padding: 20px;	
	margin: 10px;
}

.bottone:hover {
	background: #719b2d;
	border-color: #ffffff;
	color: #ffffff;
}




@media (min-width: 769px) and (max-width: 1199px) {

	.banner_alto {
		padding-top: 250px;			
	}
	
	.banner_alto p {	
		padding: 60px;
	}

	
}

@media (max-width: 768px) {

	.banner_alto {
		padding-top: 200px;
		padding-bottom: 20px;
	}
	
	.banner_alto p {	
		padding: 30px;
	}

	.banner_alto h2,
	.banner_alto h3 {
		padding-left: 12px;
		padding-right: 12px;
	}

	.bottone {
		padding: 12px;
	}
	
}




/*---------------------------------------
      SERVIZI           
-----------------------------------------*/

.servizi_presentazione,
.servizi_dettaglio {
	padding: 40px;
	text-align: center;
	background-color: #ffffff;
}

.servizi_presentazione_elemento,
.servizi_dettaglio_elemento {	
	padding: 24px;
	padding-bottom: 0px;
}

.box {	
	margin: 0px;
	margin-bottom: 20px;
	padding: 30px;
	padding-top: 10px;
	position: relative;
	overflow: hidden;
	border-radius: 10px;	
	box-shadow: 0 10px 19px 0 rgba(68, 88, 144, 0.4);
	transition: all 0.3s ease-in-out;
	text-align: center;
	background-color: #f9f9f9;
}

.servizi_presentazione_elemento .icon {
  margin: 0; /*  margin: 0 auto 15px 0; */
  padding-top: 12px;
  display: inline-block;
  text-align: center;
  border-radius: 50%;
  width: 75px;
  height: 75px;
}

.servizi_presentazione_elemento .icon i {
  font-size: 44px;
  line-height: 1;
  margin-left: 18px;
  margin-top: 3px;
}

.servizi_presentazione_elemento,
.servizi_dettaglio_elemento img {
	max-width: 100%;
}

.box img {
	width: 100%;
	margin-bottom: 20px;
}

.lista 
{
	padding: 0px;
	padding-right: 10px;
	display: block;
}

.punto_lista 
{
	font-weight: 1000;
	color: #eec73e;
}


@media(max-width: 768px){
	.servizi_presentazione {
		padding: 5px;
	}

	.servizi_dettaglio {
		padding: 15px;
	}
	.servizi_presentazione_elemento,
	.servizi_dettaglio_elemento {	
		padding: 15px;
	}
	
}





/*---------------------------------------
       FOTOGRAFIE           
-----------------------------------------*/ 


.fotografie 
{
    padding-bottom: 0;
}

.fotografie .container
{
    width: 100%;
}

.fotografie .col-md-4 
{
    margin: 0;
    padding: 0;
}

.elemento-fotografia img 
{
    width: 100%;
    transition: 0.5s;
}

.elemento-fotografia:hover img 
{
    transform: scale(1.45);
}

.fotografie .elemento-fotografia 
{
    overflow: hidden;
    position: relative;
    width: 100%;
}

.elemento-fotografia .fotografie-info 
{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    text-align: left;
    padding: 25px 30px;
    transition: 0.5s 0.2s;
}

.fotografie-info .spiegazione-fotografia 
{
    float: left;
	padding: 15px;
}

.fotografie-info  
{
    float: right;
}

.elemento-fotografia .fotografie-info h1, 
.elemento-fotografia .fotografie-info h2, 
.elemento-fotografia .fotografie-info p,
.elemento-fotografia .fotografie-info span 
{
    transform: translateY(100%);
    opacity: 0;
    display: block;
    transition: 0.5s 0.2s;
    color: #ffffff;
    z-index: 2;
    position: relative;
}

.elemento-fotografia:hover .fotografie-info h1,
.elemento-fotografia:hover .fotografie-info h2,
.elemento-fotografia:hover .fotografie-info p,
.elemento-fotografia:hover .fotografie-info span 
{
    transform: translateY(0px);
    opacity: 1;
}

.fotografie-info h2
{	
	font-weight: 800;
	font-size: 25px;
}

.fotografie-info p
{		
	font-size: 15px;
}	

.elemento-fotografia:hover .fotografie-info 
{
    background: rgba(84,86,91,0.85);
}



@media all and (min-width: 992px) and (max-width: 1599px){
	
	.fotografie-info .grande
	{		
		font-size: 50px;
	}
	
}


@media (max-width: 720px){
	
	.fotografie-info .spiegazione-fotografia 
	{
		padding: 25px;
	}
	
	.fotografie-info .normale
	{		
		font-size: 20px;
	}	
	
	.fotografie-info .grande
	{		
		font-size: 60px;
	}
	
	.fotografie-info p
	{		
		font-size: 15px;
	}	
	
}











/*---------------------------------------
     CONTATTI             
-----------------------------------------

.contatti {
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.contatti_elemento {	
	padding: 36px;
}

.contatti img {
	width: 70%;
	margin-bottom: 10px;
}

.contatti h2 {	
	margin-bottom: 10px;
	font-weight: 600;
}

.contatti a {
	color: #719b2d;
}

.contatti a:hover {
	color: #eec73e;
}

.contatti_elemento .fa {
	background: #646464;
	color: #ffffff;
	margin: 10px;
	margin-left: 0px;
	font-size: 18px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	outline: none;
	transition: all 0.4s ease-in-out;
	border-radius: 50%;
}

.contatti_elemento .fa:hover {
	color: #ffffff;
	background: #eec73e;
}

.contatti_invia_messaggio .input_box {
	border: 1px solid #dfe3e4;
	border-radius: 0;
	box-shadow: none;
	outline: none;
	height: 50px;
	padding-left: 15px;
	width: 100%;
	color: #646464;
	margin-bottom: 20px;
}

.contatti_invia_messaggio .input_box.placeholder,
.contatti_invia_messaggio .input_box:-moz-placeholder,
.contatti_invia_messaggio .input_box::-webkit-input-placeholder {
	color: #d3dadf;
}

.contatti_invia_messaggio textarea {
	height: 120px !important;
	resize: none;
}

.contatti_invia_messaggio button {
	color: #ffffff;
	font: 300 14px/40px "Montserrat", sans-serif;
	background: #719b2d;
	width: 140px;
	border: 0;
	border-radius: 0;
	text-transform: uppercase;
}

.contatti_invia_messaggio button:hover {
	color:#ffffff;	
	background: #eec73e;
}
*/

.contatti_mappa img {
	height: 300px;
	width: 100%;
	object-fit: cover;
	margin: 0px;	
	padding: 0px;
	border: none;
    display: block;
}







/*---------------------------------------
     FOOTER_AREA             
-----------------------------------------*/

.footer_area {
	background: #646464;
	margin: 0px;
	padding: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
}

.footer_area_elemento {	
	padding: 36px;
}

.footer_area h2 {
	font-size: 14;
	font-weight: 700;
}

.footer_area img {
	max-width: 100%;
}



/*---------------------------------------
     COPYRIGHT             
-----------------------------------------*/

.copyright {
	margin: 0px;
	padding-top: 40px;
	padding-bottom: 40px;
}

.copyright img {
	padding: 6px;
}
	
.copyright .fa {
	background: #eec73e;
	color: #ffffff;
	margin: 0px;
	margin-top: 10px;
	font-size: 18px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	outline: none;
	transition: all 0.4s ease-in-out;
	border-radius: 50%;
}

.copyright .fa:hover {
	background: #719b2d;
	color: #ffffff;
}


 





/*---------------------------------------
       PRELOADER              
-----------------------------------------*/

#loading{
    background-color: #eec73e;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    margin-top: 0px;
    top: 0px;
    left:0;
    z-index: 9999;
}

#loading-center{
    width: 100%;
    height: 100%;
    position: relative;
}

#loading-center-absolute {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 50px;
    width: 50px;
    margin-top: -25px;
    margin-left: -25px;
    -ms-transform: rotate(45deg); 
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); 
    -webkit-animation: loading-center-absolute 1.5s infinite;
    animation: loading-center-absolute 1.5s infinite;
}

.object{
    width: 25px;
    height: 25px;
    background-color: #ffffff;
    float: left;

}

#object_one {
    -webkit-animation: object_one 1.5s infinite;
    animation: object_one 1.5s infinite;
}
#object_two {
    -webkit-animation: object_two 1.5s infinite;
    animation: object_two 1.5s infinite;
}
#object_three {
    -webkit-animation: object_three 1.5s infinite;
    animation: object_three 1.5s infinite;
}
#object_four {
    -webkit-animation: object_four 1.5s infinite;
    animation: object_four 1.5s infinite;
}

@-webkit-keyframes loading-center-absolute {
    100% { -webkit-transform: rotate(-45deg); }

}

@keyframes loading-center-absolute {
    100% { 
        transform:  rotate(-45deg);
        -webkit-transform:  rotate(-45deg);
    }
}

@-webkit-keyframes object_one {
    25% { -webkit-transform: translate(0,-50px) rotate(-180deg); }
    100% { -webkit-transform: translate(0,0) rotate(-180deg); }

}

@keyframes object_one {
    25% { 
        transform: translate(0,-50px) rotate(-180deg);
        -webkit-transform: translate(0,-50px) rotate(-180deg);
    } 
    100% { 
        transform: translate(0,0) rotate(-180deg);
        -webkit-transform: translate(0,0) rotate(-180deg);
    }
}

@-webkit-keyframes object_two {
    25% { -webkit-transform: translate(50px,0) rotate(-180deg); }
    100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}

@keyframes object_two {
    25% { 
        transform: translate(50px,0) rotate(-180deg);
        -webkit-transform: translate(50px,0) rotate(-180deg);
    } 
    100% { 
        transform: translate(0,0) rotate(-180deg);
        -webkit-transform: translate(0,0) rotate(-180deg);
    }
}

@-webkit-keyframes object_three {
    25% { -webkit-transform: translate(-50px,0) rotate(-180deg); }
    100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}

@keyframes object_three {
    25% { 
        transform:  translate(-50px,0) rotate(-180deg);
        -webkit-transform:  translate(-50px,0) rotate(-180deg);
    } 
    100% { 
        transform: translate(0,0) rotate(-180deg);
        -webkit-transform: rtranslate(0,0) rotate(-180deg);
    }
}

@-webkit-keyframes object_four {
    25% { -webkit-transform: translate(0,50px) rotate(-180deg); }
    100% { -webkit-transform: translate(0,0) rotate(-180deg); }
}

@keyframes object_four {
    25% { 
        transform: translate(0,50px) rotate(-180deg); 
        -webkit-transform: translate(0,50px) rotate(-180deg);  
    } 
    100% { 
        transform: translate(0,0) rotate(-180deg);
        -webkit-transform: translate(0,0) rotate(-180deg);
    }
}



/*# sourceMappingURL=style.css.map */