@import url(/wp-content/themes/rampoldi/css/fonts.css); .show-tablet {
display: none;
}
@media only screen and (max-width: 991px) {
.show-tablet {
display: block;
}
}
.hide-tablet {
display: block;
}
@media only screen and (max-width: 991px) {
.hide-tablet {
display: none;
}
}
.show-mob {
display: none;
}
@media only screen and (max-width: 767px) {
.show-mob {
display: block;
}
}
.hide-mob {
display: block;
}
@media only screen and (max-width: 767px) {
.hide-mob {
display: none;
}
}
.transition {
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
}
html,
body {
overflow-x: hidden;
scroll-behavior: smooth;
}
body {
font-size: 16px !important;
font-family: "MrsEavesRoman", sans-serif !important;
background: #fff !important;
overflow-x: hidden;
color: #2b2e34 !important;
line-height: 1.4 !important;
}
.container-fluid {
max-width: 1304px;
margin-left: auto;
margin-right: auto;
}
.stickyhead {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 998;
background: #bf9d5e;
display: none;
}
.stickyhead.on {
display: block;
}
.stickyhead-menu {
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.stickyhead-menu a {
color: #fff !important;
text-decoration: none !important;
margin: 0 15px;
font-size: 20px;
}
.stickyhead-menu a:hover {
color: #BC2E34 !important;
}
@media only screen and (max-width: 1200px) {
.stickyhead-menu a {
font-size: 16px;
}
}
.stickyhead-menu i {
cursor: pointer;
font-size: 32px;
color: #fff !important;
}
.stickyhead-menu i:hover {
color: #BC2E34 !important;
}
.head-inner {
display: flex;
align-items: center;
justify-content: space-between;
height: 180px;
}
@media only screen and (max-width: 1200px) {
.head-inner {
height: 120px;
}
}
@media only screen and (max-width: 767px) {
.head-inner {
height: auto;
padding: 14px 0;
}
}
.logo {
display: flex;
align-items: center;
justify-content: center;
padding: 30px;
border-left: 2px solid #bf9d5e;
border-right: 2px solid #bf9d5e;
height: 100%;
width: 240px;
}
.logo img {
max-width: 100%;
height: auto;
}
@media only screen and (max-width: 1200px) {
.logo {
padding-left: 0;
padding-right: 0;
border: none;
width: auto;
}
.logo img {
max-width: 100px;
}
}
@media only screen and (max-width: 767px) {
.logo {
padding: 0px;
border: none;
height: auto;
width: 75px;
}
}
.head-center {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
padding: 0 14px;
}
.mob-block {
position: fixed;
z-index: 999;
background: #bf9d5e;
backdrop-filter: blur(6px);
left: 0;
top: -100%;
right: 0px;
height: 100%;
-webkit-transition: all 300ms;
-moz-transition: all 300ms;
-o-transition: all 300ms;
transition: all 300ms;
font-size: 24px;
padding: 24px;
padding-top: 84px;
color: #fff;
opacity: 0;
visibility: hidden;
}
.mob-block .mob-block-logo {
max-width: 120px;
padding: 14px;
background: #fff;
margin-left: auto;
margin-right: auto;
border-radius: 15px;
margin-bottom: 32px;
}
.mob-block .mob-block-logo img {
max-width: 100%;
}
.mob-block a {
display: block;
color: #fff !important;
margin-top: 14px;
text-decoration: none;
text-align: center;
}
.mob-block a:hover,
.mob-block a.current-menu-item {
color: #BC2E34 !important;
}
.mob-block.on {
opacity: 1;
visibility: visible;
top: 0%;
}
.mob-block-del {
height: 4px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
margin: 15px 0;
}
.mob-block-close {
position: absolute;
right: 0px;
top: 0px;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
background: rgba(0, 0, 0, 0.1);
cursor: pointer;
}
.mob-block-close:hover {
color: #BC2E34 !important;
}
.menu {
display: flex;
align-items: center;
}
.menu a {
text-transform: uppercase;
text-decoration: none;
color: #2b2e34 !important;
padding: 0 20px;
border-right: 1px solid #bf9d5e;
height: 34px;
display: flex;
align-items: center;
}
@media only screen and (max-width: 1200px) {
.menu a {
font-size: 14px;
}
}
.menu a:last-child {
border: none;
}
.menu a:hover {
color: #bf9d5e !important;
}
@media only screen and (max-width: 767px) {
.menu {
display: none;
}
}
.mob-menu {
display: none;
}
.mob-menu i {
margin-right: 8px;
}
@media only screen and (max-width: 767px) {
.mob-menu {
display: flex;
align-items: center;
text-transform: uppercase;
font-size: 20px;
cursor: pointer;
font-weight: bold;
line-height: 0.5;
}
.mob-menu:hover {
color: #bf9d5e;
}
}
.lang-contact {
width: 250px;
height: 100%;
}
@media only screen and (max-width: 1200px) {
.lang-contact {
width: auto;
}
}
.lang {
display: flex;
align-items: center;
justify-content: center;
}
.lang a {
text-transform: uppercase;
text-decoration: none;
color: #2b2e34 !important;
padding: 0 14px;
border-right: 1px solid #bf9d5e;
height: 24px;
display: flex;
align-items: center;
}
.lang a:last-child {
border: none;
}
.lang a:hover,
.lang a.on {
color: #bf9d5e !important;
}
@media only screen and (max-width: 1200px) {
.lang a {
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.lang a {
padding: 0 8px;
font-size: 14px;
}
.lang a:first-child {
padding-left: 0;
}
.lang a:last-child {
padding-right: 0;
}
}
.contact {
padding-top: 14px;
border-top: 2px solid #bf9d5e;
margin-top: 14px;
display: flex;
align-items: center;
justify-content: center;
}
@media only screen and (max-width: 767px) {
.contact {
padding-top: 8px;
margin-top: 8px;
font-size: 12px;
}
}
.contact-title {
text-transform: uppercase;
margin-right: 7px;
}
@media only screen and (max-width: 1200px) {
.contact-title {
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.contact-title {
display: none;
}
}
.contact-icons {
display: flex;
align-items: center;
justify-content: center;
}
.contact-icons a {
margin: 0 7px;
font-size: 18px;
color: #2b2e34 !important;
opacity: 0.5;
}
.contact-icons a:hover {
opacity: 1;
}
@media only screen and (max-width: 767px) {
.contact-icons a {
font-size: 24px;
}
}
.intro .container-fluid {
max-width: 1464px;
}
.main-slider-wrapper {
position: relative;
}
.main-slider-flag {
position: absolute;
right: 175px;
width: 50px;
height: 50px;
border-radius: 100%;
background: #fff;
border: 2px solid #fff;
overflow: hidden;
top: -25px;
z-index: 100;
}
.main-slider-flag img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
@media only screen and (max-width: 767px) {
.main-slider-flag {
right: 15px;
top: 15px;
}
}
.main-slide-inner {
height: 700px;
border-radius: 30px;
background-position: center center;
background-size: cover;
position: relative;
}
@media only screen and (max-width: 1200px) {
.main-slide-inner {
height: 500px;
}
}
@media only screen and (max-width: 767px) {
.main-slide-inner {
height: 250px;
border-radius: 15px;
}
}
.main-slide-content {
position: absolute;
left: 60px;
bottom: 180px;
display: flex;
flex-direction: column;
align-items: flex-start;
}
@media only screen and (max-width: 767px) {
.main-slide-content {
left: 14px;
bottom: 14px;
right: 14px;
align-items: center;
}
}
.main-slide-title {
text-transform: uppercase;
font-size: 40px;
color: #bf9d5e;
display: inline-block; padding: 0 14px;
line-height: 1; background: rgba(255, 255, 255, 0.75);
border: 1px solid #bf9d5e;
padding-top: 4px;
}
@media only screen and (max-width: 1200px) {
.main-slide-title {
font-size: 32px;
}
}
@media only screen and (max-width: 767px) {
.main-slide-title {
font-size: 20px;
}
}
.main-slide-subtitle {
margin-left: 60px;
font-size: 49px;
display: inline-block;
background: rgba(255, 255, 255, 0.75);
line-height: 0.75;
padding: 14px 24px;
margin-top: 4px;
min-width: 830px;
max-width: 1024px;
border: 1px solid #bf9d5e;
}
@media only screen and (max-width: 1200px) {
.main-slide-subtitle {
font-size: 32px;
}
}
@media only screen and (max-width: 767px) {
.main-slide-subtitle {
margin-left: 0px !important;
min-width: 0;
text-align: center;
display: block;
padding: 8px;
font-size: 24px;
width: auto;
}
.main-slide-subtitle br {
display: none;
}
}
.dots {
position: absolute;
left: 60px;
bottom: 60px;
z-index: 100;
}
.dots ul {
margin: 0;
padding: 0;
list-style-type: none;
display: flex;
height: 18px;
}
.dots ul li {
display: flex;
align-items: center;
margin-right: 14px;
}
.dots ul li button {
border: none;
height: 18px;
width: 18px;
border: 2px solid #fff;
background: none;
padding: 0;
text-indent: -9999px;
border-radius: 100%;
}
.dots ul li:hover button {
background: #fff;
}
.dots ul li.slick-active button {
background: #fff;
}
.dots ul li.slick-active:after {
content: '';
display: block;
width: 75px;
height: 2px;
background: #fff;
margin-left: 14px;
}
.dots ul li.slick-active:last-child:after {
display: none;
}
@media only screen and (max-width: 767px) {
.dots {
left: 24px;
bottom: 24px;
position: static;
margin-top: 14px;
}
.dots ul {
justify-content: center;
}
.dots li button {
border-color: #000 !important;
}
.dots li:hover button,
.dots li.slick-active button {
background: #000 !important;
}
.dots li:hover:after,
.dots li.slick-active:after {
display: none !important;
}
}
.choose-rest {
margin-top: 24px;
}
@media only screen and (max-width: 767px) {
.choose-rest {
margin-top: 0;
}
}
.choose-rest-inner {
display: flex;
align-items: center;
justify-content: center;
gap: 150px;
}
@media only screen and (max-width: 1200px) {
.choose-rest-inner {
gap: 50px;
}
}
@media only screen and (max-width: 991px) {
.choose-rest-inner {
gap: 50px;
}
}
@media only screen and (max-width: 767px) {
.choose-rest-inner {
display: block;
}
}
.choose-rest-item {
height: 192px;
display: flex;
align-items: center;
position: relative;
text-decoration: none !important;
margin-bottom: -30px;
cursor: pointer;
}
.choose-rest-item:last-child .choose-rest-item-left:before {
left: 50%;
height: 100px;
}
.choose-rest-item:hover .choose-rest-item-pic {
opacity: 0.75;
}
.choose-rest-item:hover .choose-rest-item-left:before {
background: #2b2e34;
}
@media only screen and (max-width: 767px) {
.choose-rest-item {
margin-top: 30px;
padding-top: 30px;
border-top: 2px solid #bf9d5e;
height: auto;
margin-bottom: 0px;
}
.choose-rest-item:first-child {
padding-top: 0;
margin-top: 60px;
border: none;
}
}
.choose-rest-item-left {
line-height: 1.2;
position: relative;
height: 100%;
display: flex;
align-items: center;
}
.choose-rest-item-left:before {
content: '';
display: block;
position: absolute;
left: 14px;
height: 110px;
top: -45px;
width: 2px;
background: #bf9d5e;
}
@media only screen and (max-width: 767px) {
.choose-rest-item-left {
height: auto;
width: 50%;
flex: 50%;
}
.choose-rest-item-left:before {
display: none;
}
}
.choose-rest-item-title {
text-transform: uppercase;
font-size: 20px;
color: #2b2e34 !important;
}
@media only screen and (max-width: 1200px) {
.choose-rest-item-title {
font-size: 16px;
}
}
.choose-rest-item-title img {
display: block;
}
.choose-rest-item-subtitle {
text-transform: uppercase;
color: #bf9d5e !important;
margin-left: 14px;
}
.choose-rest-item-right {
padding-left: 30px;
}
@media only screen and (max-width: 1200px) {
.choose-rest-item-right {
padding-left: 14px;
}
}
@media only screen and (max-width: 767px) {
.choose-rest-item-right {
padding-left: 14px;
width: 50%;
flex: 50%;
}
}
.choose-rest-item-pic {
width: 170px;
height: 110px;
background-position: center center;
background-size: cover;
border-radius: 14px;
}
@media only screen and (max-width: 767px) {
.choose-rest-item-pic {
width: 100%;
}
}
.goal {
margin: 85px 0;
background: #bf9d5e;
}
.goal .container-fluid {
max-width: 1024px;
}
.goal.goal-full .container-fluid {
max-width: 1372px;
}
.goal.goal-mchc {
background: #701501;
margin-top: 0;
margin-bottom: 110px;
}
.goal.goal-mchc .goal-inner {
font-size: 32px;
}
@media only screen and (max-width: 767px) {
.goal.goal-mchc .goal-inner {
font-size: 24px;
}
}
@media only screen and (max-width: 767px) {
.goal.goal-mchc {
margin-bottom: 0;
}
}
.goal.goal-chef {
background: #000;
margin-top: 0;
margin-bottom: 110px;
}
@media only screen and (max-width: 767px) {
.goal.goal-chef {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.goal {
margin: 60px 0;
}
}
.goal-inner {
padding: 45px 0;
text-align: center;
color: #fff;
line-height: 1.2;
font-size: 50px;
}
@media only screen and (max-width: 1200px) {
.goal-inner {
font-size: 32px;
padding: 30px 0;
}
}
@media only screen and (max-width: 767px) {
.goal-inner {
font-size: 24px;
}
.goal-inner br {
display: none;
}
}
.location-table {
margin-top: 85px;
background: #bf9d5e;
}
@media only screen and (max-width: 767px) {
.location-table {
margin-top: 60px;
}
}
.location-table-inner {
padding: 40px 0;
}
.location-table-buttons-wrap {
max-width: 820px;
margin: 0 auto;
border-radius: 15px;
background: #fff;
box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.35);
padding: 10px;
}
@media only screen and (max-width: 1200px) {
.location-table-buttons-wrap {
max-width: 600px;
}
}
.location-table-buttons {
border: 1px solid #2b2e34;
border-radius: 10px;
display: flex;
font-family: "FouSerifCNW00";
font-size: 20px;
text-transform: uppercase;
overflow: hidden;
}
@media only screen and (max-width: 1200px) {
.location-table-buttons {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.location-table-buttons {
flex-direction: column;
}
}
.location-table-location {
width: 50%;
height: 52px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: #2b2e34 !important;
text-decoration: none;
}
.location-table-location:hover {
background: #eee;
}
@media only screen and (max-width: 767px) {
.location-table-location {
width: 100%;
}
}
.location-table-book {
width: 50%;
height: 52px;
text-align: center;
display: flex;
align-items: center;
justify-content: center;
color: #fff !important;
text-decoration: none;
background: #b37356;
}
.location-table-book:hover {
background: #2b2e34;
}
@media only screen and (max-width: 767px) {
.location-table-book {
width: 100%;
}
}
.rest-page {
margin-top: 80px;
margin-bottom: 80px;
}
@media only screen and (max-width: 767px) {
.rest-page {
margin: 60px 0;
}
}
.rest-page-inner {
display: flex;
}
@media only screen and (max-width: 767px) {
.rest-page-inner {
flex-direction: column;
}
}
.rest-page-left {
padding-right: 60px;
}
.rest-page-left.full {
padding-right: 0;
}
@media only screen and (max-width: 767px) {
.rest-page-left {
padding: 0;
}
}
.rest-page-title-wrap {
position: relative;
}
.rest-page-title-wrap:before {
content: '';
display: block;
position: absolute;
width: 2px;
height: 110px;
background: #bf9d5e;
left: 50px;
top: -110px;
}
@media only screen and (max-width: 767px) {
.rest-page-title-wrap:before {
display: none;
}
}
.rest-page-pl {
position: absolute;
right: 0px;
top: 0px;
}
.rest-page-pretitle {
text-transform: uppercase;
font-size: 40px;
color: #bf9d5e;
display: inline-block;
background: #fff;
padding: 0 14px;
line-height: 1;
font-family: "FouSerifCNW00";
color: #fff;
background: #2b2e34;
font-size: 24px;
transform: translate(-60px, 0);
}
@media only screen and (max-width: 1200px) {
.rest-page-pretitle {
font-size: 32px;
}
}
@media only screen and (max-width: 767px) {
.rest-page-pretitle {
font-size: 20px;
}
}
@media only screen and (max-width: 1200px) {
.rest-page-pretitle {
transform: none;
font-size: 20px;
}
}
.rest-page-pretitle.empty {
width: 250px;
height: 15px;
}
@media only screen and (max-width: 767px) {
.rest-page-pretitle.empty {
display: none;
}
}
@media only screen and (max-width: 767px) {
.rest-page-pretitle {
transform: none;
}
}
.rest-page-title {
font-size: 58px;
color: #bf9d5e;
line-height: 1.2;
margin-top: 25px;
}
@media only screen and (max-width: 1200px) {
.rest-page-title {
font-size: 32px;
}
}
@media only screen and (max-width: 767px) {
.rest-page-title {
margin-top: 15px;
font-size: 32px;
}
}
.rest-page-text {
font-size: 32px;
line-height: 1.2;
}
.rest-page-text a {
color: #bf9d5e !important;
text-decoration: underline;
}
.rest-page-text a:hover {
color: #2b2e34 !important;
text-decoration: none;
}
.rest-page-text img {
max-width: 100%;
}
.rest-page-text p,
.rest-page-text ul,
.rest-page-text ol,
.rest-page-text table,
.rest-page-text h1,
.rest-page-text h2,
.rest-page-text h3 {
margin: 24px 0;
}
@media only screen and (max-width: 1200px) {
.rest-page-text {
font-size: 24px;
}
}
@media only screen and (max-width: 767px) {
.rest-page-text {
font-size: 18px;
}
}
.rest-page-buttons {
margin-top: 30px;
display: flex;
align-items: center;
justify-content: center;
gap: 35px;
}
@media only screen and (max-width: 767px) {
.rest-page-buttons {
flex-direction: column;
gap: 24px;
}
}
.rest-page-button {
width: 212px;
height: 60px;
background: #b37356;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
color: #fff !important;
text-decoration: none;
font-family: "FouSerifCNW00";
text-transform: uppercase;
font-size: 24px;
}
.rest-page-button:hover {
background: #bf9d5e;
}
.rest-page-button.light {
background: #bf9d5e;
}
.rest-page-button.light:hover {
background: #2b2e34;
}
@media only screen and (max-width: 1200px) {
.rest-page-button {
font-size: 20px;
height: 50px;
width: 175px;
}
}
@media only screen and (max-width: 767px) {
.rest-page-button {
width: 100%;
height: 50px;
}
}
.rest-page-right {
flex: 200px;
flex-shrink: 0;
flex-grow: 0;
padding-top: 24px;
}
@media only screen and (max-width: 767px) {
.rest-page-right {
flex: auto;
padding-top: 30px;
}
}
.rest-page-sidebar-menu {
border-left: 2px solid #bf9d5e;
padding-left: 24px;
}
.rest-page-sidebar-menu-link {
display: block;
margin-bottom: 24px;
text-transform: uppercase;
color: #2b2e34 !important;
line-height: 1.2;
text-decoration: none;
}
.rest-page-sidebar-menu-link:last-child {
margin-bottom: 0;
}
.rest-page-sidebar-menu-link:hover {
text-decoration: none;
color: #bf9d5e !important;
}
a.rest-visit {
margin: 60px auto;
display: flex;
max-width: 260px;
background: #bf9d5e;
color: #fff !important;
font-weight: bold;
text-decoration: none !important;
text-transform: uppercase;
font-size: 20px;
align-items: center;
font-family: "FouSerifCNW00";
height: 50px;
padding: 0 15px;
justify-content: center;
box-shadow: 10px 10px 0px 0px #f2ecdf;
}
.mchc-big img {
display: block;
width: 100%;
height: auto;
}
@media only screen and (max-width: 1200px) {
.container-fluid {
max-width: 960px !important;
}
}
.homeslider-wrap {
position: relative;
}
.homeslide-inner {
height: 700px;
border-radius: 30px;
background-position: center center;
background-size: cover;
position: relative;
height: 550px;
border-radius: 15px;
}
@media only screen and (max-width: 1200px) {
.homeslide-inner {
height: 500px;
}
}
@media only screen and (max-width: 767px) {
.homeslide-inner {
height: 250px;
border-radius: 15px;
}
}
@media only screen and (max-width: 767px) {
.homeslide-inner {
height: 250px;
}
}
.homeslide-content {
position: absolute;
left: 60px;
bottom: 180px;
display: flex;
flex-direction: column;
align-items: flex-start;
bottom: 150px;
}
@media only screen and (max-width: 767px) {
.homeslide-content {
left: 14px;
bottom: 14px;
right: 14px;
align-items: center;
}
}
.homeslide-title {
text-transform: uppercase;
font-size: 40px;
color: #bf9d5e;
display: inline-block;
background: #fff;
padding: 0 14px;
line-height: 1;
font-family: "FouSerifCNW00";
color: #fff;
background: #2b2e34;
font-size: 24px;
}
@media only screen and (max-width: 1200px) {
.homeslide-title {
font-size: 32px;
}
}
@media only screen and (max-width: 767px) {
.homeslide-title {
font-size: 20px;
}
}
.homeslide-subtitle {
margin-left: 60px;
font-size: 49px;
display: inline-block;
background: rgba(255, 255, 255, 0.75);
line-height: 0.75;
padding: 14px 24px;
margin-top: 4px;
min-width: 830px;
max-width: 1024px;
border: 1px solid #bf9d5e;
background: none;
border: none;
padding: 0;
}
@media only screen and (max-width: 1200px) {
.homeslide-subtitle {
font-size: 32px;
}
}
@media only screen and (max-width: 767px) {
.homeslide-subtitle {
margin-left: 0px !important;
min-width: 0;
text-align: center;
display: block;
padding: 8px;
font-size: 24px;
width: auto;
}
.homeslide-subtitle br {
display: none;
}
}
.homeslide-subtitle span {
color: #bf9d5e;
background-color: #fff;
font-size: 50px;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
line-height: 70px;
}
@media only screen and (max-width: 1200px) {
.homeslide-subtitle span {
font-size: 32px;
line-height: 1.2;
}
}
@media only screen and (max-width: 767px) {
.homeslide-subtitle span {
display: inline-block;
padding: 2px 4px;
background: rgba(255, 255, 255, 0.95);
backdrop-filter: blur(6px);
font-size: 20px;
line-height: 1;
}
}
.homeblocks .container-fluid {
max-width: 1204px;
}
.homeblock {
margin-top: 85px;
display: flex;
justify-content: space-between;
position: relative;
padding: 60px 0;
padding-top: 0;
}
@media only screen and (max-width: 767px) {
.homeblock {
margin-top: 60px;
padding: 0;
flex-direction: column !important;
}
}
.homeblock-pl {
position: absolute;
left: 115px;
top: 50px;
}
@media only screen and (max-width: 767px) {
.homeblock-pl {
position: static;
margin-bottom: 14px;
}
}
.homeblock-bg {
display: block;
position: absolute;
left: 115px;
top: 100px;
right: 220px;
bottom: 0px;
background: #f2ebde;
border-radius: 14px;
}
@media only screen and (max-width: 767px) {
.homeblock-bg {
display: none;
}
}
.homeblock-left {
padding-right: 100px;
z-index: 50;
padding-top: 150px;
}
@media only screen and (max-width: 1200px) {
.homeblock-left {
padding-right: 24px;
}
}
@media only screen and (max-width: 767px) {
.homeblock-left {
padding: 0;
}
}
.homeblock-pretitle span {
background: #bf9d5e;
color: #fff;
font-family: "FouSerifCNW00";
font-size: 20px;
text-transform: uppercase;
padding: 0 6px;
}
.homeblock-title {
font-size: 24px;
margin: 30px 0;
}
.homeblock-title hr {
display: inline-block;
width: 25px;
height: 49px;
border: none;
background: url(/wp-content/themes/rampoldi/img/del.png);
margin: 0 8px;
transform: translate(0, 10px);
opacity: 1;
}
@media only screen and (max-width: 767px) {
.homeblock-title hr {
display: none;
}
}
.homeblock-title b,
.homeblock-title em {
font-weight: normal;
font-size: 48px;
}
@media only screen and (max-width: 1200px) {
.homeblock-title b,
.homeblock-title em {
font-size: 32px;
}
}
@media only screen and (max-width: 767px) {
.homeblock-title b,
.homeblock-title em {
display: block;
font-size: 32px;
}
}
@media only screen and (max-width: 767px) {
.homeblock-title {
margin: 14px 0;
}
}
.homeblock-text {
font-size: 24px;
line-height: 1.2;
padding-right: 40px;
}
.homeblock-text p {
margin: 30px 0;
}
@media only screen and (max-width: 767px) {
.homeblock-text p {
margin: 14px 0;
}
}
@media only screen and (max-width: 1200px) {
.homeblock-text {
font-size: 20px;
}
}
@media only screen and (max-width: 767px) {
.homeblock-text {
font-size: 20px;
padding: 0;
}
}
.homeblock-quot {
display: flex;
flex-direction: column;
align-items: flex-end;
}
.homeblock-quot p {
margin: 0;
}
.homeblock-quot br {
display: none;
}
.homeblock-quot a {
display: block;
margin: 4px 0;
font-style: italic;
text-transform: uppercase;
font-size: 14px;
position: relative;
padding-left: 78px;
max-width: 420px;
width: 100%;
font-weight: 600;
color: #2b2e34 !important;
text-decoration: none;
}
.homeblock-quot a:hover {
text-decoration: none;
color: #bf9d5e !important;
}
.homeblock-quot a:before {
content: '';
display: block;
width: 70px;
height: 2px;
background: #bf9d5e;
position: absolute;
left: 0px;
top: 7px;
}
.homeblock-right {
z-index: 50;
}
.homeblock-pic img {
max-width: 560px;
border-radius: 14px;
display: block;
}
@media only screen and (max-width: 1200px) {
.homeblock-pic img {
max-width: 400px;
}
}
@media only screen and (max-width: 767px) {
.homeblock-pic {
margin-top: 24px;
}
.homeblock-pic img {
width: 100%;
height: auto;
}
}
.homeblock:nth-child(even) {
flex-direction: row-reverse;
}
.homeblock:nth-child(even) .homeblock-left {
padding-right: 0;
padding-left: 100px;
}
@media only screen and (max-width: 1200px) {
.homeblock:nth-child(even) .homeblock-left {
padding-left: 24px;
}
}
@media only screen and (max-width: 767px) {
.homeblock:nth-child(even) .homeblock-left {
padding-left: 0;
}
}
.homeblock:nth-child(even) .homeblock-bg {
left: 220px;
right: 115px;
}
.homeblock:nth-child(even) .homeblock-pl {
left: auto;
right: 115px;
}
.antonio {
background-size: cover;
background-repeat: no-repeat;
margin-top: 85px;
}
@media only screen and (max-width: 767px) {
.antonio {
margin-top: 60px;
background-repeat: no-repeat;
background-position: 77% bottom;
background-size: auto;
background-color: #111;
}
.antonio .container-fluid {
background: rgba(0, 0, 0, 0.5);
}
}
@media only screen and (max-width: 767px) {
.rest-about {
background-position: left center;
}
}
.antonio-inner {
min-height: 470px;
padding: 30px 0;
display: flex;
justify-content: center;
flex-direction: column;
align-items: flex-start;
max-width: 800px;
}
@media only screen and (max-width: 1200px) {
.antonio-inner {
min-height: 0;
padding: 60px 0;
}
}
.rest-about-inner {
max-width: 100%;
padding-left: 450px;
}
@media only screen and (max-width: 767px) {
.rest-about-inner {
padding-left: 0;
}
}
.antonio-title {
background: #bf9d5e;
color: #fff;
font-family: "FouSerifCNW00";
font-size: 20px;
text-transform: uppercase;
padding: 0 6px;
display: inline-block;
}
@media only screen and (max-width: 1200px) {
.antonio-title {
font-size: 16px;
}
}
.antonio-subtitle {
text-align: right;
font-size: 48px;
line-height: 1;
color: #fff;
margin-top: 30px;
}
@media only screen and (max-width: 1200px) {
.antonio-subtitle {
font-size: 32px;
}
}
@media only screen and (max-width: 767px) {
.antonio-subtitle {
text-align: left;
font-size: 32px;
}
}
.rest-about-subtitle {
text-align: left;
}
.antonio-text {
margin-top: 30px;
color: #fff;
font-size: 26px;
line-height: 1.2;
}
@media only screen and (max-width: 1200px) {
.antonio-text {
font-size: 20px;
}
}
.contacts {
margin: 85px 0;
}
.contacts .container-fluid {
max-width: 944px;
}
@media only screen and (max-width: 767px) {
.contacts {
margin: 60px 0;
}
}
.contacts-inner {
padding: 50px 0;
position: relative;
}
.contacts-inner:before {
content: '';
position: absolute;
left: 100px;
top: 0;
right: 0px;
bottom: 0px;
background: #f2ebde;
z-index: -1;
border-radius: 4px;
}
@media only screen and (max-width: 767px) {
.contacts-inner:before {
left: 50px;
}
}
@media only screen and (max-width: 767px) {
.contacts-inner {
margin: 30px 0;
}
}
.contacts-title {
background: #bf9d5e;
color: #fff;
font-family: "FouSerifCNW00";
font-size: 20px;
text-transform: uppercase;
padding: 0 6px;
display: inline-block;
}
@media only screen and (max-width: 1200px) {
.contacts-title {
font-size: 16px;
}
}
.contacts-keep {
font-size: 24px;
margin: 30px 0 14px 0;
}
.contacts-keep hr {
display: inline-block;
width: 25px;
height: 49px;
border: none;
background: url(/wp-content/themes/rampoldi/img/del.png);
margin: 0 8px;
transform: translate(0, 10px);
opacity: 1;
}
.contacts-keep b,
.contacts-keep em {
font-weight: normal;
font-size: 48px;
}
@media only screen and (max-width: 1200px) {
.contacts-keep b,
.contacts-keep em {
font-size: 36px;
}
}
.contacts-text {
margin-top: 14px;
font-size: 24px;
}
@media only screen and (max-width: 1200px) {
.contacts-text {
font-size: 18px;
}
}
.contacts-links {
margin-top: 30px;
display: flex;
align-items: center;
}
.contacts-links a {
margin-right: 50px;
}
.contacts-links a:last-child {
margin-right: 0;
}
.contacts-links a:hover {
-webkit-filter: brightness(1.1);
filter: brightness(1.1);
}
@media only screen and (max-width: 1200px) {
.contacts-links a {
margin-right: 30px;
}
.contacts-links a img {
width: 48px;
height: auto;
}
}
.goal-thanks {
margin-bottom: 0;
}
.mt0 {
margin-top: 0px !important;
}
.mb0 {
margin-bottom: 0px !important;
}
.blog {
gap: 60px;
display: grid;
overflow: auto;
grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 767px) {
.blog {
grid-template-columns: repeat(1, 1fr);
}
}
.blog-post-preview-thumb {
display: block;
}
.blog-post-preview-thumb img {
width: 100%;
height: auto;
border-radius: 8px;
}
.blog-post-preview-cat {
display: block;
color: #bf9d5e !important;
text-align: center;
text-transform: uppercase;
text-decoration: none !important;
margin-top: 15px;
}
.blog-post-preview-cat:hover {
color: #2b2e34 !important;
}
.blog-post-preview-title {
display: block;
color: #bf9d5e !important;
text-align: center;
text-transform: uppercase;
text-decoration: none !important;
font-size: 24px;
line-height: 1;
margin-top: 10px;
}
.blog-post-preview-title:hover {
color: #2b2e34 !important;
}
.blog-post-preview-del {
width: 150px;
height: 2px;
background: #bf9d5e;
margin: 15px auto;
}
.blog-post-preview-text {
font-size: 20px;
line-height: 1.2;
}
.blog-post-preview-date {
text-align: center;
font-size: 18px;
color: #666;
margin-top: 10px;
}
.pagination {
margin-top: 60px;
display: flex;
align-items: center;
}
.pagination-pages {
display: flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
}
.pagination-pages a {
width: 48px;
height: 48px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 100%;
background: #eee;
color: #2b2e34 !important;
text-decoration: none;
}
.pagination-pages a:hover,
.pagination-pages a.on {
color: #fff !important;
background: #2b2e34 !important;
}
@media only screen and (max-width: 767px) {
.pagination-pages {
justify-content: center;
}
}
.pagination-current {
margin-left: 15px;
}
@media only screen and (max-width: 767px) {
.pagination-current {
display: none;
}
}
.footer-top {
max-width: 800px;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
}
@media only screen and (max-width: 767px) {
.footer-top {
flex-direction: column;
margin: 30px 0;
}
}
.footer-logo {
height: 150px;
width: 185px;
padding: 30px;
display: flex;
align-items: center;
justify-content: center;
border-left: 1px solid #bf9d5e;
border-right: 1px solid #bf9d5e;
}
.footer-logo img {
max-width: 100%;
}
@media only screen and (max-width: 767px) {
.footer-logo {
border: none;
padding: 0;
}
}
.footer-top-right {
padding-top: 14px;
padding-bottom: 14px;
padding-left: 60px;
font-size: 24px;
line-height: 1.5;
}
.footer-top-right b {
color: #bf9d5e;
}
.footer-top-right p {
display: inline;
margin: 0;
}
.footer-top-right hr {
display: inline-block;
padding: 0;
margin: 0 8px;
background: #bf9d5e;
opacity: 1;
border: none;
width: 2px;
height: 24px;
vertical-align: middle;
}
.footer-top-right a {
color: #2b2e34 !important;
font-weight: bold;
text-decoration: none;
}
.footer-top-right a:hover {
text-decoration: none;
color: #bf9d5e !important;
}
@media only screen and (max-width: 1200px) {
.footer-top-right {
font-size: 18px;
}
}
@media only screen and (max-width: 767px) {
.footer-top-right {
text-align: center;
padding-left: 0;
}
}
.footer-bottom {
max-width: 1145px;
width: 100%;
border-radius: 14px;
background: #2b2e34;
margin-left: auto;
margin-right: auto;
padding: 14px 24px;
font-size: 20px;
text-align: center;
color: #bf9d5e;
margin-bottom: 85px;
}
.footer-bottom p {
display: inline;
margin: 0;
}
.footer-bottom a {
color: #fff !important;
text-decoration: none;
}
.footer-bottom a:hover {
text-decoration: none;
color: #bf9d5e !important;
}
.footer-bottom em {
font-style: normal;
}
.footer-bottom i {
font-style: normal;
}
@media only screen and (max-width: 1200px) {
.footer-bottom {
font-size: 16px;
}
}
@media only screen and (max-width: 767px) {
.footer-bottom {
margin-bottom: 14px;
}
}
* {
outline: none !important;
}
.bright:hover {
-webkit-filter: brightness(1.1);
filter: brightness(1.1);
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
opacity: 1 !important;
}
::-webkit-input-placeholder {
color: #686868;
opacity: 1;
}
:-moz-placeholder {
color: #686868;
opacity: 1;
}
::-moz-placeholder {
color: #686868;
opacity: 1;
}
:-ms-input-placeholder {
color: #686868;
opacity: 1;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
background: #fff;
border: 1px solid #f0f0f0;
max-width: 96%; padding: 5px 3px 10px;
text-align: center;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 98.5%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 0 4px 5px;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute !important;
width: 1px;
word-wrap: normal !important; }
.screen-reader-text:focus {
background-color: #eee;
clip: auto !important;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}