*,

*::after,

*::before {

	box-sizing: border-box;

  position: relative;

}



a {

	position: static;

}



:root {

  --vh-offset: 0px;

  font-size: 16px;

}



/** height: calc(100vh - var(--vh-offset)); **/



.rounded {

	-webkit-border-radius:17px;

	border-radius:17px;

}



.rounded_xxl {

	-webkit-border-radius:30px;

	border-radius:30px;

}



.of_h {

	overflow: hidden;

	-webkit-mask-image: -webkit-radial-gradient(white, black);

}



.uc {

	text-transform:uppercase;

}



.ellipsis {

	white-space: nowrap;

  overflow: hidden;

  text-overflow: ellipsis;

	width: 100%;

}





.twoLine {

	display: -webkit-box;

-webkit-line-clamp: 2;

-webkit-box-orient: vertical;

overflow: hidden;

text-overflow: ellipsis;

}



.threeLine {

	display: -webkit-box;

-webkit-line-clamp: 3;

-webkit-box-orient: vertical;

overflow: hidden;

text-overflow: ellipsis;

}



.fourLine {

	display: -webkit-box;

-webkit-line-clamp: 4;

-webkit-box-orient: vertical;

overflow: hidden;

text-overflow: ellipsis;

}





body {

  margin: 0;

	--color-gold: #CEA16E;

	--color-lightGray: #ADADAD;



	--color-black: #000000;

	--color-gray: #818181;



	--color-text: #818181;



	--color-white: #FFFFFF;



	color: var(--color-text);

	background-color: var(--color-white);

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

	overflow: hidden;

	overflow-y: scroll;

	font-family: 'Roboto Serif', serif;

	font-weight: 400;

-webkit-tap-highlight-color: transparent;

}



html, body {



}



a { color:inherit; }



h1, h2, h3, h4, h5 {font-weight: normal; margin: 0;}



h1 {

	font-size: 40px!important;

	color: var(--color-black);

}



p {

  margin: 0;

}



.centerimage img {

    object-fit: cover;

    width: 100%;

    height: 100%;

    display: block;

}



#tailoring_box {

	font-size: 0;

	position: absolute;

	width: 100%;

	height: 100vh;

	height: calc(100vh - var(--vh-offset));

}



.col {

	width:50%;

	height: 100%;

}



#chiaia_napoli_logo {

	width: 200px;

	position: absolute;

	left: 50%;

	margin-left: -100px;

	top: 30px;

}



.tailoring_line {

	left: 50%;

	height: 100%;

	position: absolute;

	border-width: 1px;

	border-color: var(--color-lightGray);

	border-style: dashed;

}



#tailoring_box .text {

	background: var(--color-white);

	padding: 30px;

	width: 550px;

}



.left_line {

	padding-top: 10px;

	padding-bottom: 10px;

	padding-left: 30px;

}



.left_line:before {

	position: absolute;

	content: '';

	background: var(--color-gold);

	width: 10px;

	top:0;

	bottom: 0;

	left: 0;

}



.uc_contacts_box {

	position: absolute;

	bottom: 0;

	left: 0;

	right: 0;

	font-size: 14px;

	background: #fff;

	padding: 30px;

	text-align: center;

	line-height: 22px;

}



.uc_contacts_box a:hover {

	color:var(--color-gold);

}



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



	#tailoring_box {

		height: auto;

	}



	#tailoring_box .col.photo {

		width: 100%;

		height: 100vh;

	}



	#tailoring_box .col.content {

		width: 100%;

		height: auto;

	}



	#tailoring_box .col.content .centerMe {

		top: 0;

    left: 0;

    -webkit-transform: translate(0, 0);

    transform: translate(0, 0);

    position: relative;



	}



	#tailoring_box .col.content .text {

		width: 70%;

		margin-left: auto;

		margin-right: auto;

		margin-top: -50px;

		padding-top: 20px;

		padding-bottom: 20px;

	}



	.uc_contacts_box {

		position: relative;

		bottom: auto;

		left: auto;

		right: auto;

		font-size: 14px;

		background: #fff;

		padding: 30px;

		line-height: 22px;

		margin-top: 100px;

	}



}





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



	#chiaia_napoli_logo {

		width: 150px;

		position: absolute;

		left: 50%;

		margin-left: -75px;

		top: 30px;

	}



	h1 {

		font-size: 30px!important;

		color: var(--color-black);

	}



	#tailoring_box .text {

		background: var(--color-white);

		padding: 30px;

		width: 450px;

	}



}



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



	#tailoring_box {

		height: auto;

	}



	#tailoring_box .col.photo {

		width: 100%;

		height: 100vh;

	}



	#tailoring_box .col.content {

		width: 100%;

		height: auto;

	}



	#tailoring_box .col.content .centerMe {

		top: 0;

    left: 0;

    -webkit-transform: translate(0, 0);

    transform: translate(0, 0);

    position: relative;



	}



	#tailoring_box .col.content .text {

		width: 70%;

		margin-left: auto;

		margin-right: auto;

		margin-top: -50px;

		padding-top: 20px;

		padding-bottom: 20px;

	}



	.uc_contacts_box {

		position: relative;

		bottom: auto;

		left: auto;

		right: auto;

		font-size: 14px;

		background: #fff;

		padding: 30px;

		line-height: 22px;

		margin-top: 100px;

	}



}





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



	#tailoring_box .col.content .text {

		width: 90%;

	}



	.uc_contacts_box {

		margin-top: 70px;

	}



}



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



	h1 {

		font-size: 25px!important;

	}



	.uc_contacts_box {

		margin-top: 50px;

	}



}