@charset "utf-8";
/* CSS Document */

/*
- GENERALI
- COMUNI
- FORM
- HEADER
- HOME PAGE
- CONTATTI
- CHI SIAMO
- COLLEZIONI
- DETTAGLIO COLLEZIONE
- APPUNTAMENTO
- SPOSE
- FADE SETTINGS
- POP UP GALLERY
- FOOTER
- MEDIA QUERIES
*/

/* GENERALI */
body,html{
	margin:0;
	padding:0;
}

h1,.h2tit{
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	color:#333;
	font-size:36px;
	padding:0;
	margin:0 0 25px;
}
h2{
	font-family: 'Raleway', sans-serif;
	font-weight:400;
	color:#333;
	font-size:26px;
	padding:0;
	margin:0 0 20px;
}
h3{
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	color:#333;
	font-size:16px;
	padding:0;
	margin:0 0 20px;
}
p{
	font-family: 'Montserrat', sans-serif;
	color:#333;
	font-size:14px;
	line-height:22px;
	padding:0;
	margin:0;
}
a{
	text-decoration:none;
}

/* COMUNI */
.section{
	width:100%;
	padding:50px 0;
}

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

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

.stdBut{
	background-color:#c0747e;
	border:2px solid #c0747e;
	border-radius:5px;
	margin-top:25px;
	height:36px;
	display:flex;
	transition:background-color 0.2s;
}
.stdBut a{
	width:100%;
	height:100%;
	line-height:100%;
	color:#fff;
	font-family: 'Raleway', sans-serif;
	font-size:14px;
	line-height:36px;
	padding:0 28px;
	transition:color 0.2s;
}
.stdBut:hover{
	background-color:#fff;
}
.stdBut:hover a{
	color:#c0747e;
}

.headPicCont{
	width:100%;
	height:50vh;
	margin:80px 0 0;
	background-position:center center;
	background-size:cover;
	background-attachment:fixed;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}
.headPicCont h1{
	font-size:50px;
	line-height:56px;
	text-align:center;
	color:#fff;
	margin:0;
}
.headPicCont h2,.headPicCont h3{
	font-size:22px;
	line-height:32px;
	color:#fff;
	padding:0 20px;
	margin:0;
	font-style:italic;
	letter-spacing:1px;
}
.headPicCont h2{
	border-top:1px solid #fff;
}
.headPicCont h3{
	border-bottom:1px solid #fff;
}	

.intro-center-titleBox{
	width:80%; 
	max-width:800px; 
	text-align:center;
	margin-bottom:50px;
}

.col-box2{
	width:50%;	
	background-color:#f6f6f6;
}

.link-text{
	color: #c0747e;
}
.link-text:hover{
	color: #975b63;
}

/* FORM */
.form-control{
	width:100%;
	box-sizing:border-box;
	line-height:40px;
	font-family:Arial, Helvetica, sans-serif;
	color:#333;
	border-radius:0px;
	border:1px solid #ddd;
	padding:0 10px;
}
.form-textarea{
	line-height:20px !important;
	height:150px;
	box-sizing:border-box;
	padding:10px;
	resize:vertical;
}
.form-control:focus{
	outline:none;
	border:1px solid #d8a0a7;
}
label{
	white-space:nowrap;
	font-family:'Raleway', sans-serif;
	color:#333;
	font-size:16px;
	line-height:26px;
}
.form-row{
	width:100%; 
	display:flex;
	justify-content:space-between;
	margin-bottom:20px;
}
.form-button-row{
	width:100%; 
	display:flex;
	justify-content:center;
}

.form-cell span{
	font-family: 'Montserrat', sans-serif;
}
.cell-1{
	width:100%;
}
.cell-2{
	width:calc(50% - 10px);
}
.cell-3{
	width:calc(33.33333333% - 10px);
}
	
input[type="submit"]{
	background-color:#c0747e;
	border:2px solid #c0747e;
	border-radius:5px;
	margin-top:15px;
	height:36px;
	display:flex;
	color:#fff;
	font-family: 'Raleway', sans-serif;
	font-size:14px;
	line-height:36px;
	padding:0 28px;
	box-sizing:content-box;
}
input[type="submit"]:hover{
	background-color:#fff;
	color:#c0747e;
}

/* HEADER */
#headerFullBar{
	width:100%;
	background-color:#fff;
	position:fixed;
	top:0;
	z-index:999;
}
#header{
	width:100%;
	max-width:1200px;
	margin:0 auto;
	display:flex;
}
#menu{
	width:60%;
}
#menu ul{
	display:flex;
	flex-wrap:nowrap;
	list-style-type:none;
	justify-content:center;
	padding:0;
	margin:0;
}
#menu ul li{
	display:flex;
	height:80px;	
	padding:0 20px;
	transition:background-color 0.2s;
}
#appuntamentoBut{
	background-color:#666;
}
#menu ul li a{	
	display:flex;
	align-items:center;
	justify-content:center;
	text-align:center;
	white-space:nowrap;
	width:100%;
	height:100%;
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	color:#333;
	font-size:15px;
	transition:color 0.1s;
}
#appuntamentoBut a{
	color:#fff !important;
	white-space:normal !important;
	font-size:13px !important;
	line-height:18px !important;
}
#menu ul li:hover{
	background-color:#d29da4;
}
#menu ul li:hover a{
	color:#fff;
}
.sHeadCol{
	width:20%;
}
#logoCont{
	position:relative;
}
#logoBox{
	position:absolute; 
	left:0; 
	top:0;
	background-color:#fff;
	border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	padding:10px 20px;
}

#socialCont{
	display:flex;
	justify-content:center;
	align-items:center;
}
.socialBox{
	width:30px; 
	height:30px; 
	margin:0 10px;
}
.social_ON{
	display:none;
}

#headerMobile{
	width:100%;
	display:none;
}
#logoMobileBar{
	width:100%;
	padding:15px;
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
	align-items:center;
}
#logoBoxMobile{
	height:80px;
}
#mobileMenuBut{
	width:40px; 
	height:40px; 
	cursor:pointer;
}
#menuMobile{
	width:100%;
	height:0;
    overflow:hidden;
}
#menuMobile ul{
	list-style-type:none;
	padding:0;
	margin:0;
	background-color:#f6f6f6;
}
#menuMobile ul li{
	height:30px;	
	padding:0;
	transition:background-color 0.2s;
	text-align:center;
	border-top:1px dashed #ddd;
}
#appuntamentoButMobile{
	background-color:#666;
}
#menuMobile ul li a{	
	width:100%;
	height:100%;
	font-family: 'Raleway', sans-serif;
	font-weight:600;
	color:#333;
	font-size:15px;
	line-height:30px;
	transition:color 0.1s;
}
#appuntamentoButMobile a{
	color:#fff !important;
	font-size:13px !important;
}
#menuMobile ul li:hover{
	background-color:#d29da4;
}
#socialContMobile:hover{
	background-color:#f6f6f6 !important;
}
#menuMobile ul li:hover a{
	color:#fff;
}
#socialContMobile{
	padding:10px 0 !important;
	display:flex;
	justify-content:center;
	align-items:center;
	background-color:#f6f6f6;;
}


/* HOME PAGE */
#mainSliderCont{
	max-height:calc(100vh - 80px);
	overflow:hidden;
	display:flex;
	align-items:center;
	padding-top:80px;
}

#aboutSect{
	width:100%;
	display:flex;
}
.aboutCol{
	width:50%;
	display:flex;
	padding:0 30px;
}
#aboutPicCont{
	justify-content:right;
}
#aboutPicBox{
	width:100%; 
	max-width:600px;
	height:600px; 
	background-image:url(../immagini/chisiamo.jpg);
	background-position:center center;
	background-size:cover;
}
#aboutTxtCont{
	justify-content:flex-start;
	align-items:center;
}
#aboutTxtBox{
	max-width:400px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:flex-start;
}
#aboutTxtBox p{
	text-align:justify;
}

#servIconCont{
	width:100%;
	max-width:1400px;
	display:flex;
	justify-content:center;
}
.servIconBox{
	width:25%;
	max-width:250px;
	padding:0 30px;
	text-align:center;
}
.servIconTit{
	padding:10px 0;
}
.servIconTit h3{
	max-width:180px;
	margin:0 auto;
}
.servIconImg{
	position:relative;
}
.servIconImgON{
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

#blogSect{
	background-color:#f8f8f8;
}
#blogContTrack{
	width:80%;
	max-width:1200px;
	position:relative;
}
#blogContCart{
	width:100%;
	overflow:hidden;
	display:flex;
	flex-wrap:nowrap;
}
.blogBox{
	width:calc(33.33333333% - 40px);
	padding:0 20px;
	flex-shrink:0;
	cursor:pointer;
}
.blogBox:hover .storyMoreBox{
	opacity:1;
}
.blogControl{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:40px;
	height:40px;
	z-index:1;
	opacity:0.5;
	cursor:pointer;
	transition:opacity 0.2s;
}
.blogControl:hover{
	opacity:1;
}
#nextItem{
	right:-40px;
}
#prevItem{
	left:-40px;
	display:none;
}
.storyImgBox{
	width:100%; 
	height:300px; 
	background-position:top center; 
	background-size:cover;
}
.storyMoreBox{
	width:100%;
	height:100%;
	background-image:url(../immagini/storyMore.png);
	background-position:center center;
	background-size:cover;
	transition: opacity 0.3s;
	opacity:0;
}
.storyTxtBox{
	width:100%; 
	height:200px; 
	box-sizing:border-box; 
	padding:20px; 
	border:1px solid #777;
}
.storyTxtBox p{
	text-align:justify;
}

.storyBigBox{
	width:80vw;
	max-height:80vh;
	justify-content:center;
	display:none;
	overflow-y:scroll;
}
.storyBigBox::-webkit-scrollbar {
    display: none;
}
.storyBigPic img{
	max-width:40vw;
	max-height:80vh;
}
.storyBigTxt{
	width:50%;
	max-width:400px;
	background-color:#fff;
	border-top-right-radius:10px;
	border-bottom-right-radius:10px;
	box-sizing:border-box;
	padding:30px;
	text-align:justify;
}


/* CONTATTI */
#contactCont{
	width:100%; 
	max-width:1400px; 
	display:flex;
}
.contactCol{
	width:50%;
	display:flex;
	padding:0 30px;
}
#contactTxtCont{
	flex-direction:column;
	justify-content:center;
}
.contactRow{
	display:flex;
	margin-bottom:20px;
}
.contactRow i{
	color:#c0747e;
}
.contactRow p{
	margin-left:15px;
}

/* CHI SIAMO */	
.chiSiamoTxtBox{
	width:70%;
	padding:100px 15%;
	max-width:600px;
	margin:0 auto;
}
.chiSiamoTxtBox p{
	text-align:justify;
}
.chiSiamoPicBox{
	width:100%;
	height:100%;
	min-height:400px;
	background-position:left center;
	background-size:cover;
}

#chisiamoMainSect{
	padding:0 !important;
}

/* COLLEZIONI */
.collFlexRow{
	width:calc(90% + 100px); 
	max-width:1500px; 
	margin:0 auto 20px; 
	display:flex;
}
.collImgBox{
	width:60%;
	display:flex;
	opacity:0;
}
.collTxtBox{
	width:40%;		
	box-sizing:border-box;
	padding:50px;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	background-color:#ddd;
	opacity:0;
}	
.collTxtBox h3{
	font-size:30px !important;
	letter-spacing:1px !important;
	font-weight:400 !important;
	margin-bottom: 0 !important;
}
.collTxtBox h3 + p{
	margin-bottom: 20px;
}
.collSepBox{
	width:120px;
}

.outlineBut{	
	border:2px solid #666;
	border-radius:5px;
	height:36px;
	display:flex;
	transition:background-color 0.2s;
}
.outlineBut a{
	width:100%;
	height:100%;
	line-height:100%;
	color:#333;
	font-family: 'Raleway', sans-serif;
	font-size:14px;
	line-height:36px;
	padding:0 28px;
	transition:color 0.2s;
}
.outlineBut:hover{
	background-color:#666;
}
.outlineBut:hover a{
	color:#fff;
}

/* DETTAGLIO COLLEZIONE */
#dettaglioheadPic{
	background-position:center top !important;
}
#dettaglioMainSect{
	width:100%;
	max-width:1400px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	margin-top:100px;
}

.abitoCont{
	width:25%;
	box-sizing:border-box;
	padding:0 30px;
	margin-bottom:30px;
}
.abitoImgBox{
	width:100%;
	margin-bottom:5px;
	cursor:pointer;
}
.abitoTxtBox{
	text-align:center;
}

#collNav{
	width:100%;
	display:flex;
	justify-content:center;
	margin:50px 0;
}
.collNavBox{
	padding:0 10px;
	margin:0 5px;
	background-color:#ddd;
	border-radius:3px;
	transition:background-color 0.2s;
}
.collNavBox a{
	width:100%;
	height:36px;
	line-height:36px;
	font-family: 'Raleway', sans-serif;
	font-size:18px;
	color:#333;
	transition:color 0.2s;
}
.collNavBox:hover{
	background-color:#aaa;	
}
.collNavBox:hover a{
	color:#fff;	
}

.collNavActive{
	background-color:#c0747e !important;
}
.collNavActive a{
	color:#fff !important;
}

/* APPUNTAMENTO */	
#appuntamentoFormCont{
	width:100%;
	max-width:1200px;
	box-sizing:border-box;
	padding:0 50px;
}

/* SPOSE */
#sposeGallCont{
	width:100%; 
	max-width:1400px; 
	display:flex;
}
.sposeGallCol{
	width:calc(33.33333333% - 20px); 
	margin:0 10px;
}
.sposeGallThumb{
	width:100%;
	margin-bottom:10px;
	cursor:pointer;
}

/* FADE SETTINGS */
.fadeInTop{
	margin-top:50px;
	margin-bottom:-50px;
	opacity:0;
}
.fadeInLeft{
	margin-right:50px;
	opacity:0;
}
.fadeInRight{
	margin-left:50px;
	opacity:0;
}

/* POP UP GALLERY */
#blkTot{
	opacity:0;
	display:none;
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background-color:rgba(0,0,0,0.7);
	z-index:99999990;
	justify-content:center;
	align-items:center;
}

#bigPicBox{
	width:80vw;
	height:90vh;
	display:flex;
	justify-content:center;
	align-items:center;
}

.slide_control{
	width:40px;
	height:40px;
	cursor:pointer;
	display:none;
	background-position:center center;
	opacity:0.5;
	flex-shrink:0;
}
.slide_control:hover{
	opacity:1;
}
#prev{
	margin-right:20px;
	background-image:url(../immagini/prevIcon.png);
}
#next{
	margin-left:20px;
	background-image:url(../immagini/nextIcon.png)
}

/* FOOTER */
#footer{
	width:100%;
	margin-top:50px;
	background-color:#626565;
	display:flex;
	justify-content:center;
}
#footer p{
	font-size:11px;
	text-align:center;
}
.footer_side{
	width:25%;
}
.footer_right{
	display:flex;
	align-items:center;
	justify-content:right;
}
.footer_mid{
	width:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	flex-direction:column;
}
.footer_mid p{
	color:#fff;
}

#poweredBox{
	margin-right:20px;
}

/* MEDIA QUERIES */
@media (max-width: 1100px) {
	#collNav{
		margin-top: 100px;
	}

	.section{
		padding:30px 0;
		overflow: hidden;
	}
	
	#header{
		display:none;
	}
	#headerMobile{
		display:block;
	}
	.headPicCont{
		margin:110px 0 0;
		background-attachment:scroll;
	}
	.headPicCont h1{
		font-size:40px;
	}
	.headPicCont h2{
		max-width:300px;
		text-align:center;
		padding:0;
	}
	
	#serviceSect{
		margin-top:0 !important;
		margin-bottom:0 !important;
		opacity:1 !important;
	}
	#serviceSect h1{
		text-align:center;
	}
	#servIconCont{
		flex-wrap:wrap;
	}
	.servIconBox{
		width:50%;
		box-sizing:border-box;
	}
	#aboutSect {
		flex-wrap:wrap;
	}
	.aboutCol{
		width:100%;
	}
	#aboutPicBox {
    	height: 300px;
		margin-bottom:20px;
	}
	.blogBox{
		width:calc(100% - 40px);
		margin-bottom:20px;
	}
	
	#contactCont{
		flex-wrap:wrap;
	}
	.contactCol{
		width:100%;
		margin-left:0 !important;
		margin-right:0 !important;
		opacity:1 !important;
	}
	#contactTxtCont{
		margin-top:30px;
	}
	#footer{
    	margin-top:20px;
	}
	
	.flex-row{
		flex-wrap:wrap;
		flex-direction:column;
	}
	.col-box2{
		width:100%;	
	}
	.chiSiamoTxtCont{
		order:1;
	}
	.chiSiamoPicCont{
		order: 2;
	}
	.chiSiamoTxtBox{
		width:100%;
		padding:50px 5%;
		box-sizing: border-box;
	}
	
	#next{
    	margin-left:0px;
	}
	#prev{
    	margin-right:0px;
	}
	
	.collFlexRow{
		flex-wrap:wrap;
	}
	.collTxtBox,.collImgBox{
		width:100%;
	}
	.collImgBox{
		order:1;
	}
	.collTxtBox{
		order:2;
	}
	.abitoCont {
    	width:50%;
	}
	
	#appuntamentoFormCont{
		padding:0 20px;
	}
	.form-row{
		flex-wrap:wrap;
		margin-bottom:0;
	}
	.form-cell{
		width:100%;
		margin-bottom:10px;
	}
	
	.storyBigBox{
		flex-direction:column;
		align-items:center;
		justify-content: flex-start;
	}
	.storyBigPic{
		order:2;
	}
	.storyBigPic img{
		width:100%;
		max-height:initial;
		max-width:initial;
	}
	.storyBigTxt{
		width:100%;
		max-width: initial;
		border-top-left-radius:10px;
		border-bottom-right-radius:0;
		order:1;
	}
	.storyImgBox{
		height:250px;
	}
	.storyTxtBox{
    	width: 100%;
    	height: auto;
	}
}