/* 2025 */


/*2024*/


.fa {
    font-size: 18px !important;
}

@media (max-width: 1024px) {
	.loghi-press-home {
	max-width: 70px !important;
	padding: 20px 10% 0px !important;
	}
}
	


.loghi-press-home {
	max-width:170px;
	padding: 20px 30px 0px;
}

.value-propositions {
  display: inline-flex;
  overflow: auto;
  flex-wrap: nowrap;
  align-items: center;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  padding-left: 0;
  padding-bottom: 35px;
	margin: 0 auto;
  -ms-overflow-style: none;
  scrollbar-width: none;
	list-style: none;
}


/*2023*/

.navbar-collapse.in {
	overflow: visible;
}

.page-scroll, a.page-scroll {
	font-family: "FuturaM";
	font-size: 14px;
}

.linguasingola {
	line-height: 1.44em !important;
}


@media (max-width: 767px) {
	
	.linguasingola {
		margin: 0 0 2em 0;
		line-height: 2em !important;
	}
}


.lingua {
	line-height: 1em !important;
}

.nav > li > a {
    position: relative;
    display: block;

}

.linguae {
	padding: 1.6em 0 0 0 !important;
	color: white !important;
}


.dropdown-menu {
    background-color: transparent;
}

@media screen and (max-width: 500px) {
	
	.menu-primo {
	display: none !important;
		}
	
	.menu-secondo {
        display: block;
        width: 100%;
        text-align: center;
		}
	
	.menu-terzo {
	padding: 20px 0px !important;
		}
	
	.dropdown-menu {
		background-color:  #F7f3f0;
	}
}



.dropdown-item {
	display: block;
	padding: 7px 20px;
}

.luca {
    background-color: #AC9F68
}

.maiuscolo {
    text-transform: uppercase
}

.italico {
    font-style: italic
}

.freccia {
    font-size: 2em;
    margin-top: 0px
}

svg #cimarosa-logo {
    fill: #FFF;
    stroke: none
}

#logo-cimarosa {
    /*height: 2.9em;*/
	height: 3em;
}

.navbar-custom.top-nav-collapse svg #cimarosa-logo {
    fill: #000;
    stroke: none
}

svg #cimarosa-logo2 {
    fill: #FFF;
    stroke: none
}

#logo-cimarosa2 {
    width: 40%;
    position: relative
}

svg #freccia1 {
    fill: #FFF;
    stroke: none;
    margin-top: 20px;
}

#freccia {
    height: 20px
}

body {
    width: 100%;
    height: 100%;
    font-family: "EB Garamond", "IM Fell English";
    color: #333333;
    background-color: #FFF;
    font-size: 10px;
    line-height: 1.5;
    font-weight: 400;
    font-style: normal;
    -webkit-font-smoothing: antialiased
}

html {
    width: 100%;
    height: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "EB Garamond";
    color: #31372d;
    letter-spacing: normal
}

h1 {
    font-size: 5.8em
}

h2 {
    font-size: 3.5em
}

h3 {
    font-size: 2.1em;
	/*padding-bottom: 3em;*/
}

p {
    margin: 0 0 25px;
    line-height: 2.4rem;
    font-size: 2.1rem
}

.excerpt {
    margin: 3.5em 0 0 0;
  font-size: 1.6rem;
  font-style: italic;
  letter-spacing: 0.1rem;
}

.sub-excerpt {
	font-size: 1.4em;
  padding: 0.4em;
}

p.testo {
    margin: 3.5em 0
}

ul.termini {
    list-style-type: none
}

ul.termini>li {
    text-indent: -5px;
    padding-bottom: 7px
}

ul.termini>li:before {
    content: "- ";
    text-indent: -5px
}

.sottotitolo {
    font-size: 2.3em;
    font-family: "EB Garamond";
    font-weight: 100;
    font-style: italic;
    bottom: 130px;
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    letter-spacing: 0.15em;
    text-align: center
}

.sottotitolo-video {
    font-size: 1.4rem;
    font-family: "EB Garamond", "IM Fell English";
    font-weight: 100;
    font-style: italic;
    bottom: 70px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    letter-spacing: 0.15em;
    text-align: center
}

.sottotitolo-video-nobox {
    font-size: 1.4rem;
    font-family: "EB Garamond", "IM Fell English";
    font-weight: 100;
    font-style: italic;
    position: relative;
    margin-left: auto;
    margin-right: auto;
    letter-spacing: 0.15em;
    text-align: center;
    padding: 50px 0
}

.video-div {
    padding: 60px 85px 30px 85px
}

.subtitle {
    font-size: 1.7em;
	padding: 1em 3em;
}

hr {
    background: transparent url("../img/frise-black-inverse.png") no-repeat scroll center bottom;
    border: medium none;
    height: 16px;
    margin: 6px 0 14px
}

hr.ros {
    background: transparent url("../img/hrros.png") no-repeat scroll center bottom;
    border: medium none;
    height: 30px;
    margin: 6px 0 14px
}

hr.hrbirds {
    background: transparent url("../img/hrbirds.png") no-repeat scroll center bottom;
    border: medium none;
    height: 46px;
    margin: 6px 0 -10px
}

.hrfiore {
    height: 40px
}

.hrleo {
    height: 60px
}

.hrfior {
    height: 16px
}

.hrbirds {
    height: 46px
}

.hrcoppia {
    height: 46px
}

.hracco {
    height: 29px
}

.hrcuore {
    height: 23px;
    margin-bottom: 14px
}

.title {
    font-size: 4rem;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 3px;
    line-height: 1.8;
    text-transform: uppercase;
    text-align: center
}

.titolino {
    font-size: 2rem;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 6px;
    line-height: 1.8;
    text-transform: uppercase;
    text-align: center
}

a {
    color: #d1b7b6;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    text-decoration: none;
    background: transparent none repeat scroll 0 0
}

a:hover,
a:focus {
    text-decoration: none;
    color: #000
}

p a,
.sottolineato a,
a.sottolineato {
    border-bottom: 1px solid #d1b7b6
}

p a:hover,
.sottolineato a:hover,
a.sottolineato:hover {
    border-bottom: 1px solid #000
}

.mdash {
    font-size: 2em
}

.booky {
    /*border-bottom: solid 1px rgba(0, 0, 0, 0.4);
    border-top: solid 1px rgba(0, 0, 0, 0.4);*/
	padding: 80px 20px 140px 20px !important;
	display: block;
	height: 90px !important;
	background-color: #fff;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	border: 1px solid #d7d3d0;
    
}

#f2b-widget .searchButton, #f2b-widget .searchButtonContainer .searchButton {
	background-image: url(../img/Check-Availability.gif) !important;
	width: 182px !important;
	height: 49px !important;
}

@media screen and (max-width: 500px) {
    .booky {
        padding: 30px 0px 150px 40px !important;
        width: 100% !important;
        display: block;
        height: 145px !important
    }
    .booky .searchButton {
        display: block;
        position: relative;
        right: 50% !important;
        margin-right: -50px !important;
        width: 100px !important;
        margin-top: 10px !important
    }
    .ftb {
        font-size: 1.2em !important;
        margin-top: -60px !important
    }
	
	#f2b-widget .searchButtonContainer {
	display: inline-table;
	margin-left: 100px !important;
	}
	
}


@media screen and (max-width: 400px) {
#f2b-widget .searchButton, #f2b-widget .searchButtonContainer .searchButton {
		margin: 30px 0px 0px 30px;
	}
}

#f2b_search_form {
    font-family: "FuturaM" !important;
    font-size: 1em;
    text-transform: uppercase;
    font-weight: normal !important;
    letter-spacing: 0.3em;
    width: 380px;
    margin: 0 auto !important
}

#f2b-widget #duration .duration-box {
    background-color: transparent !important
}

#cin strong,
.label strong {
    font-family: "FuturaM" !important;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: normal !important;
    letter-spacing: 0.3em
}

#cin {
    width: 140px !important
}

#f2b-widget #duration {
    width: 60px !important
}

#f2b-widget input#checkInDisplay,
#f2b-widget input#stayLength,
.cin-box {
    background-color: #FFF !important
}

.cin-box {
    width: 120px !important;
    height: 2.8em !important
}

.cin-box img {
    padding-top: 5px !important;
    height: 20px !important;
    width: 25px !important
}

#checkInDisplay,
.duration-box {
    border: 0px solid #FFF !important;
    font-size: 1.2em !important;
    height: 2.2em !important;
    line-height: normal;
    padding: 1px;
    width: 100px !important
}

#stayLength {
    border: 1px solid #e7dcd7 !important;
    font-size: 1em !important;
    height: 2.2em !important;
    width: 40px !important;
    line-height: normal;
    text-align: center
}

#f2b-widget #cin .cin-box {
    border: none !important;
    background-color: none !important
}

#duration {
    margin-left: 30px !important
}

.searchButtonContainer {
    margin-left: 20px !important
}

.txt-prezzi {
    font-size: 1.2em;
    font-style: italic;
    margin: 5px 0
}

.euro-prezzi {
    font-size: 1.4em;
    display: inline;
    margin-left: 10px;
    margin-right: 5px
}

.instagramma {
    margin-top: 20px;
    text-decoration: none !important;
    border: none !important;
    font-size: 1.6em !important
}

.press {
    text-decoration: none;
    border: solid 1px rgba(0, 0, 0, 0.1)
}

.centro {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20%
}

.testo-al-centro {
    text-align: center
}

.post-terms {
    font-family: "Cabin";
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
    font-size: 8px;
    font-size: 1rem;
    letter-spacing: 2px;
    margin: 3em 0 1em 0;
    text-align: center
}

.titoli-foto {
    font-family: "Cabin";
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
  font-size: 8px;
  font-size: 1rem;
  letter-spacing: 3.2px;
  text-align: center;
  padding: 3em;
}

h2 {
    font: "EB Garamond"
}

.contenuto {
    margin: 4em 0 0 0;
}

.contenutoi {
    margin: 3em 0;
}

.photog {
    font-size: 0.7em;
    margin-top: 10px
}

.top-nav-collapse .logo-png,
.top-nav-collapse .lingue a {
    color: #000
}

.lingue {
    margin-top: 15px;
    margin-left: 20px;
    font-style: italic
}

.navbar-custom .lingue a {
    cursor: pointer;
    text-transform: lowercase !important
}

.logo {
    font-family: "EB Garamond", "IM Fell English";
    text-transform: uppercase;
    font-size: 1.2rem;
    letter-spacing: 0.3em
}

.logo-png {
    font-family: "EB Garamond";
    font-size: 1.2rem;
    letter-spacing: 0.3em
}

.logo-casa {
    display: none
}

.dropdown-toggle {
    background: none;
    border: none;
    color: #FFF;
    line-height: 20px;
    padding-top: 15px;
    padding-bottom: 15px
}

.bandiere {
    height: 15px
}

.navbar-centro {
    text-align: center
}

.centri ul {
    float: right
}

.navbar-custom a {
    color: #FFF;
    font-size: 1.3rem;
    text-transform: uppercase;
    letter-spacing: 0.3em
}

.navbar-custom a:hover {
    color: #e7dcd7
}

.top-nav-collapse ul li a {
    color: #000;
    text-shadow: none
}

.top-nav-collapse ul li a:hover {
    color: #d1b7b6
}

.lightwidget-widget {
    bottom: -10px;
    position: relative
}

nav {
    background-color: rgba(63, 40, 30, 0.3)
}

.png-scroll-down {
    width: 20px
}

.centero {
    position: absolute;
    margin: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    bottom: 15px;
    text-align: center;
    font-weight: 100;
    font-style: italic;
    font-size: 1.4em
}

.centero-pagina {
    position: absolute;
    margin: auto;
    left: 50%;
    -webkit-transform: translateX(-50%);
    bottom: 5px;
    text-align: center;
    font-weight: 400;
    font-style: italic;
    font-size: 1.4em;
    color: #333333;
    width: 500px
}

.scroll-giu {
    font-size: 1.16em;
    letter-spacing: 0.1em
}

.scrollgiu {
    text-align: center;
    font-size: 1.15em;
    line-height: 2em;
    letter-spacing: 0.1em;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.33)
}

.scrollgiu a {
    color: white;
    text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.33)
}

span {
    display: block;
    list-style-type: none
}

.unu {
    margin-top: 4px
}

.unu,
.doi,
.trei {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite
}

.unu {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-direction: alternate
}

.doi {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-direction: alternate
}

.trei {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-direction: alternate
}

.link-bianco a {
    color: #f8f8f8 !important
}

.riga {
    background-color: #FFF;
    box-shadow: 0 0 40px rgba(150, 150, 150, 0.1);
    padding: 100px 0
}

.rigavideo {
    background-color: #FFF;
    box-shadow: 0 0 40px rgba(150, 150, 150, 0.1);
    text-align: center
}

.bordo-video {
    border: 0px solid #e7e6e6;
    position: relative;
    z-index: 10;
    margin-top: 20px;
    margin-bottom: 60px
}

.videobox {
    color: rgba(255, 255, 255, 0.9)
}

.video-nobox {
    color: black;
    display: none
}

.mouse {
    height: 21px;
    width: 14px;
    border-radius: 10px;
    transform: none;
    border: 2px solid white;
    top: 170px
}

.wheel {
    height: 5px;
    width: 2px;
    display: block;
    margin: 5px auto;
    background: white;
    position: relative
}

.wheel {
    -webkit-animation: mouse-wheel 1.2s ease infinite;
    -moz-animation: mouse-wheel 1.2s ease infinite
}

.rosso {
    background-color: red
}

.img-home,
.img-home .press {
    overflow: hidden
}

.img-home img,
.img-home .press img {
    width: 300px
}

.panel {
    background: transparent none repeat scroll 0 0;
    border: 0 none;
    margin-bottom: 0;
    padding: 1.42857rem
}

.text-center {
    text-align: center !important
}

.loghetto {
    width: 40%
}

.sezione-slider {
    border: 1px solid #DBDBDB;
    margin-top: 100px;
    padding: 56px 0
}

.foto-rama {
    padding: 40px 40px 20px 40px
}

.bordo {
    border: 4px solid #e7e6e6;
    position: relative;
    z-index: 10
}

.bordo:before {
    content: "";
    display: block;
    position: absolute;
    z-index: -1;
    top: 4px;
    left: 4px;
    right: 4px;
    bottom: 4px;
    border: 2px solid #e7e6e6
}

.riga ul {
    list-style-type: none;
    padding: 0px;
    margin: 0;
    font-family: "EB Garamond", "IM Fell English";
    letter-spacing: 0.05em
}

.riga li:before {
    content: ""
}

.riga ul ul {
    list-style: circle;
    padding: 20px 0 20px 10px;
    margin: 5px
}

.riga li {
    font-size: 1.9rem;
	padding-bottom: 1em;
}

.riga li li {
    margin-bottom: 15px
}

.bordof {
    border: 4px solid #e7e6e6;
    position: relative;
    z-index: 10
}

@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@-moz-keyframes mouse-wheel {
    0% {
        top: 1px
    }
    50% {
        top: 2px
    }
    100% {
        top: 3px
    }
}

@-webkit-keyframes mouse-scroll {
    0% {
        opacity: 0
    }
    50% {
        opacity: .5
    }
    100% {
        opacity: 1
    }
}

@-moz-keyframes mouse-scroll {
    0% {
        opacity: 0
    }
    50% {
        opacity: .5
    }
    100% {
        opacity: 1
    }
}

@-o-keyframes mouse-scroll {
    0% {
        opacity: 0
    }
    50% {
        opacity: .5
    }
    100% {
        opacity: 1
    }
}

@keyframes mouse-scroll {
    0% {
        opacity: 0
    }
    50% {
        opacity: .5
    }
    100% {
        opacity: 1
    }
}

@media (min-width: 768px) {
    p {
        margin: 0 0 35px;
        line-height: 1.6
    }
}

.light {
    font-weight: 400
}

.navbar-custom {
    margin-bottom: 0;
    font-family: "FuturaM"
}

.navbar-custom .navbar-toggle {
    color: #000;
    background-color: rgba(255, 255, 255, 0);
    border-color: #000;
    letter-spacing: 0.3em;
    font-size: 1.6em;
}

.navbar-custom .navbar-toggle:focus,
.navbar-custom .navbar-toggle:active {
    outline: none
}

.navbar-custom .navbar-brand {
    font-weight: 400
}

.navbar-custom .navbar-brand:focus {
    outline: none
}

.navbar-custom .nav li a {
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out
}

.navbar-custom .nav li a:hover {
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out;
    outline: none;
    background-color: transparent
}

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

.navbar-custom .nav li.active {
    outline: none
}

.navbar-custom .nav li.active a {
    background-color: rgba(255, 255, 255, 0.3)
}

.navbar-custom .nav li.active a:hover {
    color: #737070
}

@media (min-width: 768px) {
    .navbar-custom {
        padding: 20px 0;
        letter-spacing: 1px;
        -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
        -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
        transition: background 0.5s ease-in-out, padding 0.5s ease-in-out
    }
    .navbar-custom.top-nav-collapse {
        padding: 20px 0;
        background: #f7f3f0;
        border-bottom: 0px solid rgba(0, 0, 0, 0.1)
    }
}

.intro-gif {
    background: url(../img-photo/home-03.jpg) no-repeat center center scroll
}

.intro-jpg {
    background: url(../img-photo/home-03.jpg) no-repeat center center scroll
}

.intro {
    display: table;
    width: 100%;
    border: solid #FFF 0px;
    text-align: center;
    color: white;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover
}

.intro .intro-body,
.intro-body {
    display: table-cell;
    vertical-align: bottom
}

@media (min-width: 768px) {
    .intro {
        height: 100%;
        padding: 0
    }
}

.btn-circle {
    width: 70px;
    height: 70px;
    margin-top: 15px;
    padding: 7px 16px;
    border: 2px solid white;
    border-radius: 100% !important;
    color: white;
    background: transparent;
    -webkit-transition: background 0.3s ease-in-out;
    -moz-transition: background 0.3s ease-in-out;
    transition: background 0.3s ease-in-out
}

.btn-circle:hover,
.btn-circle:focus {
    outline: none;
    color: white;
    background: rgba(255, 255, 255, 0.1)
}

.btn-circle i.animated {
    -webkit-transition-property: -webkit-transform;
    -webkit-transition-duration: 1s;
    -moz-transition-property: -moz-transform;
    -moz-transition-duration: 1s
}

.btn-circle:hover i.animated {
    -webkit-animation-name: pulse;
    -moz-animation-name: pulse;
    -webkit-animation-duration: 1.5s;
    -moz-animation-duration: 1.5s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-timing-function: linear
}

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-moz-keyframes pulse {
    0% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
    50% {
        -moz-transform: scale(1.2);
        transform: scale(1.2)
    }
    100% {
        -moz-transform: scale(1);
        transform: scale(1)
    }
}

.content-section {
    padding-top: 100px
}

.download-section-photo,
.download-section {
    width: 100%;
    padding: 50px 0;
    background: url(../img-photo/canalgrande.jpg) no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover
}

.download-section .container-immagine,
.download-section-photo .container-immagine {
    background-color: white;
    padding: 60px 100px 40px 100px
}

#map {
    width: 100%;
    height: 200px;
    margin-top: 100px
}

@media (min-width: 767px) {
    .content-section {
        padding-top: 100px
    }
    .download-section,
    .download-section-photo {
        padding: 200px 0
    }
    #map {
        height: 600px;
        margin-top: 100px
    }
}

.btn {
    text-transform: uppercase;
    font-family: "FuturaM";
    letter-spacing: 0.3em;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    border-radius: 0;
    margin: 2em 0
}

.btn-default {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #b7b7b7;
    box-shadow: none;
    color: #555;
    display: inline-block;
    font-size: 1.2em;
    font-style: normal;
    font-weight: 400;
    padding: 1.2em 4em;
    text-align: center
}

.btn-default:hover,
.btn-default:focus {
    border: 1px solid #e7dcd7;
    outline: none;
    color: #000;
    background-color: #e7dcd7
}

ul.banner-social-buttons {
    margin-top: 0
}

@media (max-width: 1199px) {
    .centero-pagina {
        display: none
    }
    ul.banner-social-buttons {
        margin-top: 15px
    }
}

@media (max-width: 767px) {
    .video-div {
        padding: 0
    }
    .media {
        padding-top: 50px
    }
    .bordo-video {
        border: 0px
    }
    .videobox {
        display: none
    }
    .video-nobox {
        display: block
    }
    svg #cimarosa-logo {
        fill: #000;
        stroke: none
    }
    .centero {
        display: none
    }
    .content-section {
        padding-top: 0
    }
    ul.banner-social-buttons li {
        display: block;
        margin-bottom: 20px;
        padding: 0
    }
    ul.banner-social-buttons li:last-child {
        margin-bottom: 0
    }
    .centri ul {
        float: none
    }
    .navbar-custom li a {
        font-size-adjust: 0.55;
    }
    .navbar-header,
    .navbar-nav,
    .navbar-custom .nav li a,
    .navbar-custom .nav li a:hover {
        background-color: #f7f3f0;
		padding: 2em 0em;
    height: 100%;
    }
    .intro {
        padding: 80% 0;
    }
    .download-section .container-immagine,
    .download-section-photo .container-immagine {
        background-color: white;
        padding: 50px 20px
    }
    .navbar-custom a {
        color: #000
    }
    .navbar-custom a:hover {
        color: #000
    }
    .lingue {
        display: none
    }
}

@media screen and (max-width: 500px) {
    
	.excerpt {
		margin: 3.5em 1em 0 1em;
	}
	
	.subtitle {
		font-size: 1.8em;
		padding: 1em 2em 6px;
	}
	
	.contenuto p {
		padding: 0em 1em;
	}
	
	p.testo {
		margin: 3.5em 1em;
	}
	
	
	.sottotitolo {
		font-size: 1.8em;
		top: 16em;
		position: relative;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		letter-spacing: 0.15em;
		text-align: center;
    }
	
	.bordof {
		border: none;
	}
	
    .centero {
        display: none;
    }
	
    .foto-rama {
        padding: 0px;
        margin: 0;
    }
    
    .bordo {
        border: none;
    }
	
    .titolo-lungo {
        font-size: 2.8rem;
    }
	
    p {
        font-size: 2rem;
        line-height: 3.5rem;
    }
}

@media screen and (max-width: 385px) {
    .logo-png {
        font-size: 8px !important
    }
    #f2b_search_form {
        width: auto !important
    }
}

@media (min-width: 768px) {
    .lingue-ham {
        display: none
    }
}

.lingue-ham ul {
    line-height: 60px;
    text-align: center;
    margin-left: 0px
}

.lingue-ham li {
    list-style-type: none;
    display: inline;
    text-transform: lowercase;
    margin: auto;
    text-align: center;
    padding-right: 50px
}

.lingue-ham li a {
    text-transform: lowercase;
    font-size: 1rem;
    text-align: center
}

footer {
    padding: 0px;
    background-color: #120d0d;
    font-size: 1.7rem;
    font-family: "EB Garamond";
	color: #827473;
	/* color: #998887; */
    /* color: #43312f; */
    letter-spacing: 0.04em;
}

footer .container{
    padding: 50px;
}

footer p {
    margin: 0;
    color: #998887;
	font-size: 1em;
}

footer a {
	color: #C8BCBC;
    /* color: #695b58; */
}

footer a:hover {
    color: #EEE;
}

footer span {
	color: #ddc5c0;
    /* color: #695b58; */
}

[class*="col-"] {
    float: left;
    padding: 15px
}

.col-1 {
    width: 8.33%
}

.col-2 {
    width: 16.66%
}

.col-3 {
    width: 25%
}

.col-4 {
    width: 33.33%
}

.col-5 {
    width: 41.66%
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.33%
}

.col-8 {
    width: 66.66%
}

.col-9 {
    width: 75%
}

.col-10 {
    width: 83.33%
}

.col-11 {
    width: 91.66%
}

.col-12 {
    width: 100%
}

img::selection {
    background: transparent
}

img::-moz-selection {
    background: transparent
}

body {
    webkit-tap-highlight-color: #FFF
}

.mattoni {
    background-color: red
}

img {
    max-width: 100%;
    vertical-align: bottom
}

.masonry {
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    -moz-column-gap: 5px;
    -webkit-column-gap: 5px;
    column-gap: 5px;
    -moz-column-fill: initial;
    -webkit-column-fill: initial;
    column-fill: initial;
    width: 100%
}

.masonry .brick {
    margin-bottom: 5px
}

.masonry .brick img {
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.masonry .brick:hover img {
    opacity: .75
}

.masonry.bordered {
    -moz-column-rule: 1px solid #eee;
    -webkit-column-rule: 1px solid #eee;
    column-rule: 1px solid #eee;
    -moz-column-gap: 50px;
    -webkit-column-gap: 50px;
    column-gap: 50px
}

.masonry.bordered .brick {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #eee
}

.masonry.gutterless {
    -moz-column-gap: 0;
    -webkit-column-gap: 0;
    column-gap: 0
}

.masonry.gutterless .brick {
    margin-bottom: 0
}

@media only screen and (min-width: 1024px) {
    .wrapper {
        width: 100%;
        padding: 0em
    }
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    .wrapper {
        width: 100%;
        padding: 0em
    }
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2
    }
}

:root #content>#right>.dose>.dosesingle,
:root #content>#center>.dose>.dosesingle {
    display: none !important
}

.strafooter {
    background-color: black;
    color: #5f4e4c
}

.strafooter2 {
    padding: 20px 0;
    font-size: 0.9em;
	letter-spacing: 0.03em;
}

.strafooter2 a {
    text-transform: uppercase;
    font-family: "FuturaM";
    font-size: 0.8em;
    padding: 0 1em;
    color: #5f4e4c
}

.section.section-intro .media-wrapper .media video {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%;
    height: auto;
    z-index: -1
}

@media only screen and (min-width: 64.063em) {
    .preloadBox .billboard .content .content-box .expand,
    .placeholder .billboard .content .content-box .expand {
        top: 20px;
        right: 20px
    }
}

.preloadBox .billboard .content .content-box .expand:hover,
.placeholder .billboard .content .content-box .expand:hover {
    background-color: #ddd
}

.preloadBox .billboard .media,
.placeholder .billboard .media {
    overflow: hidden;
    height: 100%
}

.preloadBox .billboard .media video,
.preloadBox .billboard .media .image,
.placeholder .billboard .media video,
.placeholder .billboard .media .image {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-background-size: cover;
    background-size: cover;
    background-position: center
}

@media only screen and (min-width: 64.063em) {
    .preloadBox .billboard .media video,
    .preloadBox .billboard .media .image,
    .placeholder .billboard .media video,
    .placeholder .billboard .media .image {
        max-height: 70vh;
        border-radius: 1px
    }
}

.st_c {
    margin-bottom: 20px
}

.st_c a {
    border-bottom: 1px #000000 solid
}

@font-face {
    font-family: 'FuturaM';
    src: url("../font/FuturaStd-Medium.eot");
    src: url("../font/FuturaStd-Medium.eot?#iefix") format("embedded-opentype"), url("../font/FuturaStd-Medium.woff2") format("woff2"), url("../font/FuturaStd-Medium.woff") format("woff"), url("../font/FuturaStd-Medium.ttf") format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: 'EB Garamond';
    font-style: normal;
    font-weight: 400;
    src: local("EB Garamond"), local("EBGaramond"), url(https://fonts.gstatic.com/s/ebgaramond/v7/kYZt1bJ8UsGAPRGnkXPeFaE8kM4xWR1_1bYURRojRGc.woff2) format("woff2");
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'EB Garamond';
    font-style: normal;
    font-weight: 400;
    src: local("EB Garamond"), local("EBGaramond"), url(https://fonts.gstatic.com/s/ebgaramond/v7/kYZt1bJ8UsGAPRGnkXPeFYgp9Q8gbYrhqGlRav_IXfk.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}

@font-face {
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 400;
    src: local("Cabin"), local("Cabin-Regular"), url(https://fonts.gstatic.com/s/cabin/v11/sy_KBtYyuEWt-sd7KQuPfoDGDUGfDkXyfkzVDelzfFk.woff2) format("woff2");
    unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
    font-family: 'Cabin';
    font-style: normal;
    font-weight: 400;
    src: local("Cabin"), local("Cabin-Regular"), url(https://fonts.gstatic.com/s/cabin/v11/4VMQLG5UaE3m5rr_emmAqaCWcynf_cDxXwCLxiixG1c.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}

@font-face {
    font-family: 'IM Fell English';
    font-style: normal;
    font-weight: 400;
    src: local("IM FELL English Roman"), local("IM_FELL_English_Roman"), url(https://fonts.gstatic.com/s/imfellenglish/v6/xwIisCqGFi8pff-oa9uSVH92UDU6ECjsrEJbV3Eb3C4.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215
}


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