@font-face {
    font-family: 'Didot LT Std';
    src: url('DidotLTStd-Roman.woff2') format('woff2'),
        url('DidotLTStd-Roman.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Antique Olive';
    src: url('AntiqueOlive-Light.woff2') format('woff2'),
        url('AntiqueOlive-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


  body {height: 100vh; height: -webkit-fill-available; margin: 0px; padding: 0px; font-family: "Didot LT Std";}
  html {height: -webkit-fill-available; margin: 0px; padding: 0px;}
.introwrapper {
	/* height: 100vh; */
	height: -webkit-fill-available;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	/* max-height: 80vh; */
	flex-direction: column;
}
header {position: relative;margin: 40px 40px 0px 40px; padding-bottom: 40px; border-bottom: 1px solid #000;

    font-weight: 300;
    font-family: 'Antique Olive';
    letter-spacing: 0.2rem;
    color: rgb(40,53,131);
}
.header-home header {border-bottom: 0px solid #fff;}
footer {border-top: 1px solid #000;padding: 3rem;margin: 0px 40px 5px 40px;letter-spacing: 0.2rem;font-size: 1.8rem;

    font-weight: 300;
    font-family: 'Antique Olive';
    letter-spacing: 0.2rem;
    color: #000000;
}
footer a {
	text-decoration: none;
	color:#000000;
}
@media(max-width: 1600px) {
	footer {font-size: 1.1rem;}
}
@media(max-width: 1200px) {
	footer {font-size: 1rem;}
}
@media(max-width: 991px) {
	footer {font-size: 1.1rem;}
}


footer .column {
	width: 100%;
}

main {margin: 0px 40px;}
  .introwrapper .bg {
	object-fit: cover;
  }


  .logo{
	width: auto;
	height: 70px;
 }

.logo .logo2 {
	/* display:none; */
}
.quote {
	text-align: center;
	font-size: 1.4rem;
	max-width: 690px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 6rem;
	letter-spacing: 0.2rem;
	line-height: 2.4rem;
}
.author {
	text-align: center;
	font-size: 1.3rem;
	margin-bottom: 6rem;
}
.footerlogo {
	text-align: center;
}
footer .column.c1 {text-align: left;}
footer .column.c2 {text-align: center;}
footer .column.c3 {text-align: right;}
footer .row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	justify-items: center;
    align-items: center;
}
@media(max-width: 991px) {
footer .row {
	grid-template-columns: 1fr;
}
footer .column.c1 {text-align: center;}
footer .column.c2 {text-align: center;}
footer .column.c3 {text-align: center;}
}

main .desktop .row {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	justify-items: center;
    align-items: baseline;
}
main .tablet .row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-items: center;
    align-items: baseline;
}
.capital {
    text-transform: uppercase;
}
/*
footer .column {min-height:78px;}
@media(max-width:1398px) { footer .column {min-height:84px;}}
@media(max-width:1138px) {footer .column {min-height:105px;}}
@media(max-width:1127px) {footer .column {min-height:127px;}}
@media(max-width:991px) {footer .column {min-height:0px;}}
@media(min-width:991px) and (max-width:1070px) {footer .column {margin:0 19%;}}
*/

.nav-btn {
	color: #000000;
	max-width: 40px;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	display: none;
}
@media(max-width:750px) {
.nav-btn {
	display: block;
}
.nav ul.nav-inline-menu.active { display: block; }
.nav ul.nav-inline-menu {
	position: absolute;
	left: 0;
	top: 115px;
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 10px 20px;
	display:none;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	letter-spacing: 0.2rem;
	z-index: 1000;
}
}
.nav .nav-inline-menu {
	display: flex;
	list-style: none;
	flex-direction: row;
	position: absolute;
	right: 0;
	top: 0;
    font-weight: 300;
    font-family: 'Antique Olive';
    letter-spacing: 0.2rem;
	color: #000000;
}
.nav .nav-inline-menu li{
	display: block;
	margin: 0px 30px;
	
}

.nav .nav-menu a,
.nav .nav-inline-menu a {
	color: #000000;
	text-decoration: none;
	text-transform: uppercase;
	line-height: 2rem;
	font-size: 1.8em;
}

.nav .nav-inline-menu a.active,
.nav .nav-inline-menu a:hover {
	color: rgb(40,53,131);
}

.content .row {
	display: flex;
	flex-direction: row;
	width: 100%;
	overflow:hidden;
}

.content .row .c40{
	width: 46.6%;
}
.content .row .c60{
	width: 53.4%;
} 
.content .row .textcol {
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
}
@media(max-width: 991px) {
.content .row {
	flex-wrap: wrap;
	flex-direction: column;
	overflow: visible;
height: auto;
}
.content .row .c40,
.content .row .c60{
width: calc( 100% - 20px);;
margin-top: 10px;
margin-left:10px;
margin-right:10px;
overflow: visible;
height: auto;
}

.textcol {
    order:2;
}
.imagecol,
.imgcol {
    order:1;
}
}

.content .row .column img {max-width: 100%;}

.content .row .column p.big {
  font-size: 3.2em;
  width: 80%;
  color: #000000;
  line-height: normal;
  margin-top: 25px;
  letter-spacing: 0.001em;
}
.content .row .column p.medium {
	font-size: 1.6em;
	width: 80%;
    color: #000000;
	line-height: 2.25rem;
}
.content .row.serie-2 .column p.medium {font-size: 1.6em;}
.content .row.serie-3 .column p.medium {font-size: 1.6em;}
.content .row.serie-4 .column p.medium {font-size: 1.6em;}

@media(max-width:1800px) {
	.content .row.serie-1 .column p.big {font-size: 3.2em;}
	.content .row.serie-2 .column p.medium {font-size: 1.35em; line-height:2.1rem;}
	.content .row.serie-3 .column p.medium {font-size: 1.4em;}
	.content .row.serie-4 .column p.medium {font-size: 1.4em;line-height: 1.9rem;}
}
@media(max-width:1600px) {
	.content .row.serie-1 .column p.big {font-size: 2.8em;}
	.content .row.serie-2 .column p.medium {font-size: 1.1em;line-height: 1.8rem;}
	.content .row.serie-3 .column p.medium {font-size: 1.2em;line-height: 2rem;}
	.content .row.serie-4 .column p.medium {font-size: 1.2em;line-height: 1.7rem;}
}
@media(max-width:1400px) {
	.content .row.serie-1 .column p.big {font-size: 2.3em;}
	.content .row.serie-2 .column h2 {margin-top: 2rem;margin-bottom: 0.5rem; font-size: 1.8em;}
	.content .row.serie-3 .column h2 {margin-top: 2rem;margin-bottom: 0.5rem; font-size: 1.8em;}
	.content .row.serie-4 .column h2 {margin-top: 2rem;margin-bottom: 0.5rem; font-size: 1.8em;}
	.content .row.serie-2 .column p.medium {font-size: 1.2em;line-height: 1.5rem;margin-bottom: 0.5rem;margin-top:0.5rem;}
	.content .row.serie-3 .column p.medium {font-size: 1.2em;line-height: 1.5rem;margin-bottom: 0.5rem;margin-top:0.5rem;}
	.content .row.serie-4 .column p.medium {font-size: 1.2em;line-height: 1.4rem;margin-bottom: 0.5rem;margin-top:0.5rem;}
	.content .row .column p.medium {font-size: 1.6em;line-height: 2rem;}
	.row.row1.bottomline.serie-3 li {font-size: 1.7rem;line-height: 1.5em;}
}
@media(max-width:1200px) {
	.content .row.serie-1 .column p.big {font-size: 2em;}
	.content .row.serie-2 .column p.medium {font-size: 1.1em;line-height: 1.3rem;}
	.content .row.serie-3 .column p.medium {font-size: 1.1em;line-height: 1.4rem;}
	.content .row.serie-4 .column p.medium {font-size: 1.0em;line-height: 1.3rem;}
	.content .row .column p.medium {font-size: 1.4em;}
	.row.row1.bottomline.serie-3 li {font-size: 1.5rem;line-height: 1.45em;}
}
@media(max-width:1100px) {
	.content .row.serie-1 .column p.big {font-size: 1.8em;}
	.content .row.serie-2 .column h2 {font-size: 1.6em;}
	.content .row.serie-3 .column h2 {font-size: 1.6em;}
	.content .row.serie-4 .column h2 {font-size: 1.4em;}
	.content .row.serie-2 .column p.medium {font-size: 1em;line-height: 1.1rem;}
	.content .row.serie-3 .column p.medium {font-size: 1.1em;line-height: 1.3rem;}
	.content .row.serie-4 .column p.medium {font-size: 1.0em;line-height: 1.1rem;}
}
@media(max-width:1024px) {

	.content .row.serie-1 .column p.big {font-size: 1.6em;}
	.content .row.serie-2 .column h2 {font-size: 1.4em;}
	.content .row.serie-3 .column h2 {font-size: 1.4em;}
	.content .row.serie-4 .column h2 {font-size: 1.4em;}
	.content .row.serie-2 .column p.medium {font-size: 1.02em;line-height: 1.02rem;}
	.content .row.serie-3 .column p.medium {font-size: 1.1em;line-height: 1.1rem;}
	.content .row.serie-4 .column p.medium {font-size: 1.0em;line-height: 1.1rem;}
		.content .row .column p.medium {font-size: 1.3em; line-height: 1.95rem;}
}
@media(max-width:991px) {
	.content .row.serie-1 .column p.big {font-size: 3em;}
	.content .row.serie-2 .column h2 {font-size: 2em;}
	.content .row.serie-3 .column h2 {font-size: 2em;}
	.content .row.serie-4 .column h2 {font-size: 2em;}
	.content .row.serie-2 .column p.medium {font-size: 1.7em;line-height: 2.5rem;}
	.content .row.serie-3 .column p.medium {font-size: 1.7em;line-height: 2.5rem;}
	.content .row.serie-4 .column p.medium {font-size: 1.7em;line-height: 2.5rem;}
	.content .row .column p.medium {font-size: 1.3em; line-height: 2.5rem;}
		.row.row1.bottomline.serie-3 li {font-size: 1.3rem;line-height: 1.45em;}
}
@media(max-width:480px) {
	.content .row.serie-1 .column p.big {font-size: 2em;}
	.content .row.serie-2 .column p.medium {font-size: 1.6em;line-height: 2rem;}
	.content .row.serie-3 .column p.medium {font-size: 1.6em;line-height: 2rem;}
	.content .row.serie-4 .column p.medium {font-size: 1.6em;line-height: 2rem;}
	.content .row .column p.medium {font-size: 1.6em; line-height: 2rem;}
}

header h1 {
    position: absolute;
    width: 100%;
    text-align: center;
    top:0;
    letter-spacing:0.25rem;
    font-size:1.8em;
    font-weight: 300;
    font-family: 'Antique Olive';
}
h2 {
    width: 80%;
    text-align: left;
    font-size: 2rem;
    letter-spacing: 0.2rem;
    margin-top: 6rem;
    font-weight: 300;
    font-family: 'Antique Olive';
    text-transform: uppercase;
    	color: #000000;
}
/*
.content {
    margin-top: 110px;
    margin-bottom: 110px;
    font-size: 1.215rem;
    letter-spacing: 0.2rem;
    line-height: 3rem;
}
main .row .content {
    font-size: 1.15rem;
}
.column {
    margin: 0 25px;
}
.content p {
    margin-top: 110px;
    margin-bottom: 110px;
    font-size: 1.3rem;
    letter-spacing: 0rem;
    line-height: 2rem;
    width:50%;
    margin-left:auto;
    margin-right:auto;
    
}
.content.content-onview {
    margin-bottom:0px;
}
.content.content-onview p {
    width:70%;
    margin-left:0px;
    margin-bottom:0px;
    margin-top:10px;
}
.gallery {
    display:block;
}
.gallery .row {
    margin-top: 50px;
    justify-items: unset;
    align-items: unset;
}
.gallery .column {
    margin: 0 25px;
}
.gallery .column.c1 {
    margin-left: 0px;
}
.gallery img.onview-img {
    width: 100%;
    height: 600px;
    object-fit: cover;
}
.gallery .column.c3 {
    margin-right: 0px;
}

*/
@media(max-width:991px) {
    header {
        margin: 40px 10px 0px 10px;
    }
    main {margin: 0px 0px;}
    .quote {
        font-size: 1.3rem !important;
        width:90%;
    }
    .row {
        display:block;
        width:100%;
    }
    .row .column {
        display: flex !important;
        justify-content: center;
        text-align: left !important;
        margin-right: 0px;
        margin-left: 0px;
    }
    footer .desktop.row {display:none;}
    footer .mobile {display:block};
    header h1 {
        font-size: 1.1rem;
        letter-spacing: 0.2rem;
    }
    h2 {
        text-align: left;
        font-size: 1.5rem;
        margin-top: 20px;
    }
/*
    .content {
        margin-top: 70px;
        margin-bottom: 70px;
        font-size: 1rem;
        letter-spacing: 0.1rem;
        line-height: 2.3rem;
    }
    .content p {
        margin: 5px 20px 0 20px;
        font-size: 1rem;
        letter-spacing: 0rem;
        line-height: 1.8rem;
        width: 100%;
    }
    .content.content-onview {
        margin-right: 20px;
        margin-left: 20px;
        margin-top: 75px;
    }
    .content.content-onview p {
        width: 100%;
    }
    .gallery .row {
        margin-top:0px;
    }
    .gallery .row1 {
        margin-top:50px;
    }
    .gallery img.onview-img {
        width: 90%;
        height: 300px;
        object-fit: cover;
        margin: 20px 0px;
    }
*/
    footer {
        padding: 1rem 0rem;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        text-align: center;
        font-size: 0.9em;
	margin: 0px 10px;
    }
    .footerlogo {
        max-width: 60px;
        margin-top: 20px;
    }
}

@media(min-width:1121px) {
    .mobile {display:none;}
    .tablet {display:none;}
}
@media(max-width:1120px) {
    .mobile {display:none;}
    .desktop {display:none;}
}
@media(max-width:667px) {
    .tablet {display:none;}
    .desktop {display:none;}
    main .mobile {display:flex};
}

.bottomline {
border-bottom: 1px solid #000;
}

.content .row .column img.intro-img {
    max-width: 100%;
    width: 100%;
    height: 1070px;
    object-fit: cover;
    // object-position: 67% 18%;
}
.content .row .column img.h1000 {height: 1000px;}
.content .row .column img.h1200 {height: 1200px;}
.content .row .column img.h1400 {height: 1400px;}
.content .row .column img.h1600 {height: 1600px;}
.content .row .column img.h1800 {height: 1800px;}

@media(max-width:991px) {
 .content .row .column img.intro-img {
    height: 600px;
    margin-top: -30px;
}   
}
@media(max-width:636px) {
 .content .row .column img.intro-img {
    height: 600px;
}   
}

.mfp-img {
	max-height: 90vh !important;
}

.caption {
        position: absolute;
        bottom: 0px;
        background: #fff;
        height: 100px;
        color: #000000;
	left: 0px;
}

.caption div {
	width: 80%; 
	margin: 0px auto;
}

.c60 .caption {
	/* transform: translate(-40vw, -2px); */
	transform: translate(calc( ( 100vw - 80px ) * -0.466 ), -2px);
	width: calc( ( 100vw - 80px ) * 0.466); 
}
.c40 .caption {
	/* transform: translate(50vw, -2px); */
	transform: translate(calc( ( 100vw - 80px ) * 0.466 ), -2px);
	width: calc( ( 100vw - 80px ) * 0.534); 
}
@media(max-width: 991px) {
.c60 .caption,
.c40 .caption {
	transform: none;
	position: relative;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 10px;
	height: auto;
	width: auto;
}
.c60 .caption div,
.c40 .caption div {
	width: auto;
	margin: 0px;
}

.swiper-container {
	overflow:hidden;
	margin-bottom: 0px;
}
}

.swiper-container.fixmargin {
	margin-bottom: -6px;
}



.content .row .column p.big:last-of-type, 
.content .row .column p.medium:last-of-type {
	margin-bottom: 60px;
}

.text-justify {
    text-align: justify;
}