/* css reset */

abbr,article,aside,audio,blockquote,body,code,div,em,fieldset,footer,form,h1,h2,h3,h4,h5,h6,header,html,iframe,img,label,legend,li,nav,object,ol,p,pre,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,video{margin:0;padding:0;border:0;font-size:100%;font-weight:inherit;vertical-align:baseline;background:0 0}input[type=checkbox],th{vertical-align:middle}article,aside,figure,footer,header,nav,section{display:block}html{box-sizing:border-box;overflow-y:scroll}*,:after,:before{box-sizing:inherit}img,object{max-width:100%}ul{list-style:none}table{border-collapse:collapse;border-spacing:0}th{font-weight:700}td{font-weight:400;vertical-align:top}input,select{vertical-align:middle}input[type=radio]{vertical-align:middle}strong{font-weight:700}button,input[type=file],label{cursor:pointer}button,input,select,textarea{margin:0;border:0}button::-moz-focus-inner{padding:0;border:0}

/* styles */

html {
  height: 100%;
}

body {
  font: 16px "Muli", sans-serif;
  height: 100%;
  color: #4A4A4A;
}

.button {
  display: table;
  padding: 0 1rem;
  border: 1px solid #9F9691;
  color: #9F9691;
  background-color: #FFFFFF;
  font-family: inherit;
  font-weight: 900;
  font-size: 0.9rem;
  line-height: 40px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.button:hover {
  background-color: #9F9691;
  color: #FFFFFF;
}

button::-moz-focus-inner, .button::-moz-focus-inner, .buttonLessImportant::-moz-focus-inner {
  padding: 0;
  border: none;
}

/* header */

header {
  width: 100%;
  padding-top: 100px;
}

.headerNav {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 calc(50% - 600px);
  background-color: #FFFFFF;
  max-width: 100%;
  height: 100px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background-color 0.5s;
}

.headerNavScrolled {
  background-color: #EEEEEE;
}

.headerLogo {
  flex: 0 0 210px;
  width: 210px;
}

.headerLogo a {
  text-decoration: none;
}

.headerLogo img {
  width: 210px;
}

.headerLogoMotto {
  margin-top: 5px;
  color: #4A4A4A;
  font-size: 0.75rem;
  font-weight: 400;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-align: center;
}

/* header menu */

.headerMenu > ul {
  display: flex;
  align-items: center;
  text-align: center;
}

.headerMenu > ul > li {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 50px;
}

.headerMenu > ul > li > a {
  text-transform: uppercase;
  text-decoration: none;
  color: #949494;
}

.headerMenu > ul > li:hover > a {
  color: #000000;
}

.headerMenu > ul > li:first-child {
  margin-right: 35px;
  padding-right: 35px;
  border-right: 1px solid #949494;
}

.headerMenu > ul > li:nth-child(n+3) {
  margin-left: 50px;
}

.headerMenuHome img {
  display: block;
  width: 20px;
  height: 20px;
}

.headerMenuClose {
  display: none;
}

.headerMenu > ul > li > ul {
   background: #4A4A4A;
   position: absolute;
   left: 50%;
   top: 100%;
   transform-origin: top center;
   padding: 15px;
   text-align: left;
   opacity: 0;

   visibility: hidden;
   transform: translateX(-50%);
   transition: visibility 0.25s, opacity 0.25s;
}

.headerMenuMany {
  columns: 2;
}

.headerMenuMany > :first-child {
  display: none;
}

.headerMenu > ul > li > ul::before {
  content: '';
  position: absolute;
  top: 0;
  left: 50%;
  width: 0;
  height: 0;
  border: 10px solid transparent;
  border-bottom-color: #4A4A4A;
  margin-left: -10px;
  margin-top: -20px;
}

.headerMenu > ul > li:hover > ul {
  visibility: visible;
  opacity: 0.9;
}

.headerMenu > ul > li > ul a {
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  white-space: nowrap;
  line-height: 2rem;
}

.headerMenu > ul > li > ul a:hover {
  background-color: rgba(255, 255, 255, 0.2);
}

/* header contact */

.headerContact {
  width: 170px;
  height: 100px;
  position: relative;
  background-color: #6C9400;
  font-weight: bold;
}

.headerContact > div {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.headerContact a {
  text-decoration: none;
  color: #FFFFFF;
  line-height: 1.8rem;
}

.headerContact > div > :last-child {
  display: none;
}

/* main */

main {
  display: flex;
  flex-direction: column;
  margin: 0px auto;
}

.item {
  margin-bottom: 30px;
  user-select: none;
}

img.itemCover {
  display: block;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto 30px auto;
}

.item > h1, .itemRelated > h1 {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 30px;
  letter-spacing: 0.3rem;
  font-size: 1.5rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  color: #BC1212;
}

.item > h1:after, .itemRelated > h1:after {
 content: "";
 border-bottom: 4px solid #BC1212;
 position: absolute;
 bottom: 0;
 left: calc(50% - 30px);
 width: 70px;
}

.item > h2 {
  font-size: 1.5rem;
  font-weight: 900;
  color: #BC1212;
}

.item > h3 {
  font-size: 1.25rem;
  font-weight: 900;
}

.item > h4 {
  font-weight: 900;
  color: #6C9400;
  font-size: 1.1rem;
}

.item img:not(.itemCover) {
  width: 1200px;
  max-width: 100%;
}

.item figure {
  margin-bottom: 0;
}

.item figure img {
  display: block;
}

.item figcaption {
  display: block;
  margin-top: 8px;
  font-style: italic;
  text-align: center;
}

.item table {
  border-collapse: collapse;
}

.item table td {
  border: 1px solid #9F9691;
  padding: 5px;
}

.item table th {
  border: 1px solid #9F9691;
  padding: 5px;
  background-color: #B0CCCF;
  text-align: left;
  color: #4A4A4A;
}

.item ul {
  list-style: disc;
  list-style-position: outside;
  padding: 0 1rem;
}

.item ol {
  list-style-position: outside;
  padding: 0 1rem;
}

.item a {
  color: #BC1212;
}

.item a:hover {
  text-decoration: none;
}

.item > * + * {
  margin-top: 15px;
}

.item > nav * + ul, .item > nav * + ol {
  margin-top: 5px;
}

.item > nav > * + ul, .item > nav > * + ol {
  margin-top: 15px;
}

.item > nav {
  padding: 1rem;
  border: 1px solid #9F9691;
  background-color: #EEEEEE;
}

.item > nav li + li {
  margin-top: 5px;
}

.item > nav > h2 {
  font-size: 1.5rem;
  font-weight: 900;
  color: #BC1212;
}

.item .button {
  margin: 0 auto;
  line-height: normal;
  text-align: center;
  padding: 1rem 2.5rem;
  background-color: #6C9400;
  color: #FFFFFF;
  border: 0;
}

.item .button:hover {
  background-color: #000000;
}

.itemAnchor::before {
  content: '';
  display: block;
  height: 100px;
  margin-top: -100px;
  visibility: hidden;
}

.item > * {
  display: block;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.itemButtons {
  position: sticky;
  bottom: 30px;
  display: flex;
  margin: 0 auto 30px auto;
}

.itemBooking {
  background-color: #6C9400;
}

.itemInfo {
  background-color: #9F9691;
}

.itemButton {
  display: block;
  padding: 1rem 2rem;
  margin: 0 15px;
  color: #FFFFFF;
  text-decoration: none;
  text-align: center;
  text-transform: uppercase;
  box-shadow: 0 0 1px 5px rgba(255, 255, 255, 0.8);
  opacity: 0.8;
  transition: transform 0.25s, opacity 0.5s;
}

.itemButton:hover {
  background-color: #4A4A4A;
  transform: scale(1.1);
  opacity: 1;
}

.itemButton > :first-child {
  display: block;
  font-size: 0.8rem;
  letter-spacing: 1px;
  line-height: 1.1rem;
}

.itemButton > :last-child {
  display: block;
  font-weight: 900;
  font-size: 1.8rem;
  line-height: 2.4rem;
}

.itemYT {
  position: relative;
  width: 1200px;
  height: 675px;
}

.itemYT > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.itemMap {
  aspect-ratio: 4 / 3;
  width: 100%;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

.itemMap > iframe {
  width: 100%;
  height: 100%;
}

.itemRelated {
  width: 1200px;
  margin: 0 auto 30px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}

.itemRelated > :first-child {
  width: 100%;
}

.itemRelated > .listItem {
  width: calc(33% - 20px);
}

.itemRelated > .listItem:nth-child(n+3) {
  margin: 0 0 0 30px;
}

.itemRelated .listPrice {
  top: 135px;
  padding: 0.5rem 1.3rem;
  line-height: 1.1rem;
  background-color: #BC1212;
  color: #FFFFFF;
}

.itemRelated .listTitle {
  padding: 0 25px;
}

.itemRelated .listDescription {
  padding: 0 25px;
}

.itemRelated .listButton {
  left: 25px;
}

.itemRelated .listTags {
  right: 25px;
}

.itemRelated .listPrice > :first-child {
  font-size: 0.8rem;
}

.itemRelated .listPrice > :nth-child(2) {
  font-weight: 900;
  font-size: 1.2rem;
  display: inline-block;
}

/* breadcrumbs */

.breadcrumbs {
  list-style: none;
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}

.breadcrumbs > li {
  display: flex;
  align-items: center;
}

.breadcrumbs > li + li:before {
  content: '';
  display: block;
  width: 0.4rem;
  height: 0.4rem;
  margin: 0 0.8rem;
  border-color: #949494;
  border-style: solid;
  border-width: 2px 2px 0 0;
  transform: rotate(45deg);
}

.breadcrumbs a {
  color: #949494;
}

.breadcrumbs li:first-child span {
  display: block;
  width: 14px;
  height: 14px;
  overflow: hidden;
  color: rgba(0,0,0,0);
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="m218.8 103.7-80-72.7c-6.082-5.564-15.518-5.564-21.6 0l-80 72.7a16.006 16.006 0 0 0-5.2 11.8v92.1a16.405 16.405 0 0 0 4 11 15.907 15.907 0 0 0 12 5.4h48c4.389 0 8-3.611 8-8v-48c0-4.389 3.611-8 8-8h32c4.389 0 8 3.611 8 8v48c0 4.389 3.611 8 8 8h48c2.654.023 5.27-.631 7.6-1.9A16.118 16.118 0 0 0 224 208v-92.5a16.006 16.006 0 0 0-5.2-11.8Z" style="fill:%23949494;fill-rule:nonzero" transform="matrix(.08333 0 0 .08115 -2.666 -2.177)"/></svg>');
  background-size: 14px 14px;
}

/* partners */

.itemViator {
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}

#discoFrameId {
  width: 100%;
}

div[data-partner=ciaoitalia] > iframe {
  display: block;
  margin: 0 auto;
}

.pageBooking, .pageBooking * {
  box-sizing: border-box;
}

.pageBooking {
  display: flex;
  width: 100%;
  padding: 4px;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 8px;
  background-color: #FFB700;
}

.pageBookingCity, .pageBooking input {
  display: block;
  border: 8px solid #FFFFFF;;
  border-radius: 4px;
  padding: 0 0 0 42px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 8px 50%;
  background-color: #FFFFFF;
  font: 16px/36px "Muli", sans-serif;
}

.pageBookingCity {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M2.75 12h18.5c.69 0 1.25.56 1.25 1.25V18l.75-.75H.75l.75.75v-4.75c0-.69.56-1.25 1.25-1.25zm0-1.5A2.75 2.75 0 0 0 0 13.25V18c0 .414.336.75.75.75h22.5A.75.75 0 0 0 24 18v-4.75a2.75 2.75 0 0 0-2.75-2.75H2.75zM0 18v3a.75.75 0 0 0 1.5 0v-3A.75.75 0 0 0 0 18zm22.5 0v3a.75.75 0 0 0 1.5 0v-3a.75.75 0 0 0-1.5 0zm-.75-6.75V4.5a2.25 2.25 0 0 0-2.25-2.25h-15A2.25 2.25 0 0 0 2.25 4.5v6.75a.75.75 0 0 0 1.5 0V4.5a.75.75 0 0 1 .75-.75h15a.75.75 0 0 1 .75.75v6.75a.75.75 0 0 0 1.5 0zm-13.25-3h7a.25.25 0 0 1 .25.25v2.75l.75-.75h-9l.75.75V8.5a.25.25 0 0 1 .25-.25zm0-1.5A1.75 1.75 0 0 0 6.75 8.5v2.75c0 .414.336.75.75.75h9a.75.75 0 0 0 .75-.75V8.5a1.75 1.75 0 0 0-1.75-1.75h-7z"/></svg>');
}

.pageBooking input {
  outline: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M22.5 13.5v8.25a.75.75 0 0 1-.75.75H2.25a.75.75 0 0 1-.75-.75V5.25a.75.75 0 0 1 .75-.75h19.5a.75.75 0 0 1 .75.75v8.25zm1.5 0V5.25A2.25 2.25 0 0 0 21.75 3H2.25A2.25 2.25 0 0 0 0 5.25v16.5A2.25 2.25 0 0 0 2.25 24h19.5A2.25 2.25 0 0 0 24 21.75V13.5zm-23.25-3h22.5a.75.75 0 0 0 0-1.5H.75a.75.75 0 0 0 0 1.5zM7.5 6V.75a.75.75 0 0 0-1.5 0V6a.75.75 0 0 0 1.5 0zM18 6V.75a.75.75 0 0 0-1.5 0V6A.75.75 0 0 0 18 6zM5.095 14.03a.75.75 0 1 0 1.06-1.06.75.75 0 0 0-1.06 1.06zm.53-1.28a1.125 1.125 0 1 0 0 2.25 1.125 1.125 0 0 0 0-2.25.75.75 0 0 0 0 1.5.375.375 0 1 1 0-.75.375.375 0 0 1 0 .75.75.75 0 0 0 0-1.5zm-.53 6.53a.75.75 0 1 0 1.06-1.06.75.75 0 0 0-1.06 1.06zm.53-1.28a1.125 1.125 0 1 0 0 2.25 1.125 1.125 0 0 0 0-2.25.75.75 0 0 0 0 1.5.375.375 0 1 1 0-.75.375.375 0 0 1 0 .75.75.75 0 0 0 0-1.5zm5.845-3.97a.75.75 0 1 0 1.06-1.06.75.75 0 0 0-1.06 1.06zm.53-1.28A1.125 1.125 0 1 0 12 15a1.125 1.125 0 0 0 0-2.25.75.75 0 0 0 0 1.5.375.375 0 1 1 0-.75.375.375 0 0 1 0 .75.75.75 0 0 0 0-1.5zm-.53 6.53a.75.75 0 1 0 1.06-1.06.75.75 0 0 0-1.06 1.06zM12 18a1.125 1.125 0 1 0 0 2.25A1.125 1.125 0 0 0 12 18a.75.75 0 0 0 0 1.5.375.375 0 1 1 0-.75.375.375 0 0 1 0 .75.75.75 0 0 0 0-1.5zm5.845-3.97a.75.75 0 1 0 1.06-1.06.75.75 0 0 0-1.06 1.06zm.53-1.28a1.125 1.125 0 1 0 0 2.25 1.125 1.125 0 0 0 0-2.25.75.75 0 0 0 0 1.5.375.375 0 1 1 0-.75.375.375 0 0 1 0 .75.75.75 0 0 0 0-1.5zm-.53 6.53a.75.75 0 1 0 1.06-1.06.75.75 0 0 0-1.06 1.06zm.53-1.28a1.125 1.125 0 1 0 0 2.25 1.125 1.125 0 0 0 0-2.25.75.75 0 0 0 0 1.5.375.375 0 1 1 0-.75.375.375 0 0 1 0 .75.75.75 0 0 0 0-1.5z"/></svg>');
}

.pageBooking > *:nth-child(-n+2) {
  width: 40%;
  margin-right: 4px;
}

.pageBooking .dateRange-wrap > input {
  width: 100%;
}

.pageBooking a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(20% - 8px);
  border: 0;
  border-radius: 4px;
  cursor: pointer;
  background-color: #006CE4;
  font: bold 17px "Muli", sans-serif;
  text-decoration: none;
  color: #FFFFFF;
}

@media (max-width: 1280px) {
  .pageBooking {
    max-width: 600px;
    flex-direction: column;
  }

  .pageBooking > *:nth-child(-n+2) {
    width: 100%;
    margin: 0 0 4px 0;
  }

  .pageBooking a {
    width: 100%;
    font-size: 18px;
    line-height: 52px;
  }
}

/* custom styles & templates */

.itemMessage {
  border: 1px dashed #BC1212;
  color: #BC1212;
  font-weight: bold;
  padding: 20px;
  text-align: center;
}

.itemWidgetPO, .itemWidgetP {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 1200px;
  max-width: calc(100% - 40px);
  margin-left: auto;
  margin-right: auto;
  padding: 15px;
  border: 1px solid #9F9691;
  background-color: #EEEEEE;
}

.itemWidgetPO > h4, .itemWidgetP > h4 {
  width: 100%;
  margin-bottom: 15px;
  font-weight: 900;
  font-size: 1.1rem;
  color: #6C9400;
}

.itemWidgetPO > div {
  width: 50%;
}

.itemWidgetPO > div:first-of-type {
  border-right: 1px solid #9F9691;
  padding-right: 15px;
}

.itemWidgetPO > *:last-child {
  margin-left: 15px;
  width: calc(50% - 15px);
}

.itemWidgetPOTitle, .itemWidgetPTitle {
  display: table;
  margin-bottom: 15px;
  color: #BC1212;
  font-weight: 900;
  font-size: 0.9rem;
  line-height: 40px;
  text-decoration: none;
  text-transform: uppercase;

  padding-left: 28px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: 0 50%;
}

.itemWidgetPO > div:first-of-type .itemWidgetPOTitle, .itemWidgetPTitle {
  background-image: url(/_resources/images/iconTime.svg);
}

.itemWidgetPO > *:last-child .itemWidgetPOTitle {
  background-image: url(/_resources/images/iconTicket.svg);
}

/* contact */

div.itemMap {
  width: 100%;
  height: 33vw;
  background-color: #EDEDEE;
}

div.itemColumns {
  display: flex;
  justify-content: space-between;
}

.itemColumns > * {
  width: calc(50% - 15px);
}

.itemColumns > :nth-child(2n+2) {
  border-left: 1px solid #949494;
  padding-left: 30px;
}

span.itemIcon {
  display: inline-block;
}

.itemIcon {
  line-height: 2rem;
  padding-left: 1.7rem;
  background-repeat: no-repeat;
  background-position: 0 50%;
  background-size: 1.3rem 1.3rem;
}

.itemIconTime {
  background-image: url(/_resources/images/iconTime.svg);
}

.itemIconPhone {
  background-image: url(/_resources/images/iconPhone.svg);
}

.itemIconPhoneWhite {
  background-image: url(/_resources/images/iconPhoneWhite.svg);
}

.itemIconMail {
  background-image: url(/_resources/images/iconMail.svg);
}

.itemIconFacebook {
  background-image: url(/_resources/images/iconFacebook.svg);
}

.itemIconInstagram {
  background-image: url(/_resources/images/iconInstagram.svg);
}

.itemIconWhatsapp {
  background-image: url(/_resources/images/iconWhatsapp.svg);
}

.itemIconWhatsappWhite {
  background-image: url(/_resources/images/iconWhatsappWhite.svg);
}

/* list */

.cover {
  width: 100%;
  max-width: 1920px;
  position: relative;
  background-image: linear-gradient(to bottom, #B0CCCF 90%, rgba(0,0,0,0.1) 100%);
  background-color: #B0CCCF;
  margin: 0 auto 30px auto;
}

.coverTitle {
  position: relative;
  color: #4A4A4A;
}

.coverTitle > div {
  position: absolute;
  padding: 0 calc(50% - 600px) 2rem calc(50% - 600px);
  bottom: 0;
  width: 100%;
  background-image: linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0.5) 100%);
  font-size: 3.5rem;
  line-height: 3.5rem;
  color: #FFFFFF;
  text-shadow: 1px 1px 0px #4A4A4A;
  font-weight: 900;
  text-transform: uppercase;
}

.coverImage {
  display: block;
  width: 100%;
}

.coverContent {
  padding: 30px calc(50% - 600px);
}

.coverContent > * + * {
  margin-top: 15px;
}

.coverContent a {
  color: #BC1212;
}

.coverContent a:hover {
  text-decoration: none;
}

.coverNoImage .coverTitle > div {
  position: static;
  padding-top: 30px;
  padding-bottom: 0;
  background-image: none;
  color: #4A4A4A;
  text-shadow: none;
}

.coverNoImage:not(.coverNoContent) .coverTitle > div:after {
  content: '';
  display: block;
  margin-top: 30px;
  height: 1px;
  background-color: #4A4A4A;
}

.coverNoImage.coverNoContent .coverTitle > div {
  padding-bottom: 30px;
  border: 0;
}

.pageSection.coverArticle {
  width: 100%;
}

.pageSection.coverArticle > .itemCover {
  margin-bottom: 30px;
}

.coverArticle > :not(script, .breadcrumbs, .itemCover) {
  display: block;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.filter {
  width: 1200px;
  margin: 0 auto 30px auto;
  padding: 30px;
  border: 1px solid #9F9691;
}

.filter > h1 {
  font-size: 1.25rem;
  font-weight: 900;
  margin-bottom: 15px;
}

.filterFilter {
  display: flex;
  align-items: center;
}

.filterFilter + .filterFilter {
  margin-top: 10px;
}

.filterFilter > :first-child {
  color: #6C9400;
  font-weight: bold;
  text-transform: uppercase;
}

.filterFilter > span {
  display: block;
  margin-left: 10px;
  padding: 0 10px;
  display: flex;
  background-color: #EEEEEE;
  text-decoration: none;
  text-align: center;
  font-size: 0.9rem;
  line-height: 28px;
  color: #4A4A4A;
  cursor: pointer;
}

.filterFilter > span:hover {
  background-color: #9F9691;
  color: #FFFFFF;
}

span.filterFilterSelected {
  padding-left: 28px;
  background-color: #6C9400;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M0 0v16h16V0H0zm12.8 6.1l-5.6 5.6c-.1.1-.3.2-.4.2s-.3-.1-.4-.2L3.2 8.4C3.1 8.3 3 8.2 3 8s.1-.3.2-.4l.9-.9c.1-.1.3-.2.4-.2s.3.1.4.2l1.9 1.9L11 4.4c.1-.1.3-.2.4-.2s.3.1.4.2l.9.9c.2.1.3.2.3.4 0 .1-.1.3-.2.4z" fill="%23fff"/></svg>');
  background-size: 16px 16px;
  background-repeat: no-repeat;
  background-position: 6px 50%;
  color: #FFFFFF;
}

.list {
  width: 1200px;
  margin: 0 auto 30px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.listItem {
  width: calc(50% - 15px);
  position: relative;
  padding-bottom: 55px;
}

.listItem:nth-child(n+3) {
  margin-top: 30px;
}

.listImage {
  width: 600px;
}

.listImagePlaceholder {
  width: 600px;
  height: 337px;
}

.listPrice {
  position: absolute;
  top: 235px;
  left: 0;
  padding: 0.5rem 1.3rem;
  line-height: 1.4rem;
  background-color: #BC1212;
  color: #FFFFFF;
  text-decoration: none;
}

.listPrice > :first-child {
  font-size: 0.75rem;
}

.listPrice > :nth-child(2) {
  font-weight: 900;
  font-size: 1.5rem;
  display: inline-block;
}

.listPrice > :nth-child(3) {
  font-size: 1rem;
  text-decoration: line-through;
  display: inline-block;
  vertical-align: bottom;
  margin-left: 0.5rem;
}

.listTitle {
  display: block;
  margin: 15px 0;
  padding: 0 50px;
  color: #BC1212;
  font-size: 1.5rem;
  text-decoration: none;
  font-weight: 900;
}

.listDescription {
  padding: 0 50px;
}

.listButton {
  display: table;
  padding: 0 1rem;
  border: 1px solid #9F9691;
  color: #9F9691;
  font-weight: 900;
  font-size: 0.9rem;
  line-height: 40px;
  text-decoration: none;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  left: 50px;
}

.listButton:hover {
  background-color: #9F9691;
  color: #FFFFFF;
}

.listTags {
  position: absolute;
  bottom: 0;
  right: 50px;
  display: flex;
}

.listTags > div {
  background-color: #000000;
  color: #FFFFFF;
  padding: 0 15px;
  height: 42px;
  text-align: center;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
}

.listTags > div + div {
  margin-left: 15px;
}

.listTags > div.c3 {
  background-color: #E6261F;
}

.listTags > div.c5 {
  background-color: #EB7532;
}

/* custom page */

.pageSection {
  width: 1200px;
  margin: 0 auto 30px auto;
}

.pageSection h1, .pageSection h2 {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 30px;
  letter-spacing: 0.3rem;
  font-size: 1.5rem;
  font-weight: 900;
  text-align: center;
  text-transform: uppercase;
  color: #BC1212;
}

.pageSection h1:after, .pageSection h2:after {
  content: "";
  border-bottom: 4px solid #BC1212;
  position: absolute;
  bottom: 0;
  left: calc(50% - 35px);
  width: 70px;
}

.pageSection h2 {
  font-size: 1.3rem;
  color: #4A4A4A;
}

.pageSection h2:after {
  border-bottom: 4px solid #4A4A4A;
}

.pageSection > *:not(:last-child) {
  margin-bottom: 15px;
}

.pageText ul {
  list-style: disc;
  list-style-position: outside;
  padding: 0 1rem;
}

.pageText > *:not(:first-child) {
  margin-top: 15px;
}

.pageText a {
  color: #BC1212;
}

.pageText a:hover {
  text-decoration: none;
}

.pageGallery {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  margin-top: -15px;
}

.pageGallery > article {
  position: relative;
  width: calc((100% - 45px) / 4);
  margin-top: 15px;
}

.pageGallery3 > article {
  width: calc((100% - 60px) / 3);
}

.pageGallery2 > article {
  width: calc((100% - 30px) / 2);
}

.pageGallery2 img {
  width: 100%;
}

.pageGallery > article a {
  color: #BC1212;
}

.pageGallery > article a:hover {
  text-decoration: none;
}

.pageGallery > article span {
  position: absolute;
  bottom: 30px;
  left: 30px;
  display: block;
  margin-top: 8px;
  font-size: 1.7rem;
  color: #FFFFFF;
  text-shadow: 1px 1px 0px #4A4A4A;
  font-weight: 900;
}

.pageGallery3 > article span {
  font-size: 2rem;
}

.pageGallery2 > article span {
  font-size: 3rem;
}

.pageImage {
  position: relative;
  display: block;
}

.pageImage > div {
  position: absolute;
  max-width: 100%;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 2rem;
  text-align: center;
  color: #FFFFFF;
  text-shadow: 1px 1px 0px #4A4A4A;
  font-weight: 900;
  white-space: nowrap;
  overflow: hidden;
}

.pageImageText {
  display: flex;
  text-decoration: none;
}

.pageImageText > img {
  object-fit: cover;
  width: 50%;
  aspect-ratio: 4 / 3;
}

.pageImageText > div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  width: 50%;
  padding: 30px;
  background-color: #B0CCCF;
}

.pageImageText > div > :first-child {
  margin-bottom: 20px;
  font-size: 1.3rem;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
  color: #4A4A4A;
}

.pageImageText > div > :nth-child(2) {
  color: #4A4A4A;
}

.pageImageText > div > :last-child {
  display: table;
  margin-top: 20px;
  padding: 0 2rem;
  border: 1px solid #000000;
  color: #4A4A4A;
  font-size: 0.8rem;
  font-weight: 900;
  line-height: 2.2rem;
  text-transform: uppercase;
}

.pageImageText > div > :last-child:hover {
  background-color: #4A4A4A;
  color: #FFFFFF;
}

.pageButton {
  display: flex;
  justify-content: center;
  align-items: center;
  width: max-content;
  max-width: 100%;
  min-width: 50%;
  min-height: 3rem;
  padding: 0.7rem 2.5rem;
  margin-left: auto;
  margin-right: auto;
  background-color: #6C9400;
  font-size: 0.9rem;
  font-weight: 900;
  color: #FFFFFF;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}

.pageButton:hover {
  background-color: #000000;
}

.pageItems {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.pageItems3 > .listItem {
  width: calc(100% / 3 - 20px);
}

.pageItems3 > .listItem:nth-child(3) {
  margin-top: 0;
}

.pageEmphasized {
  padding: 30px;
  background-color: #B0CCCF;
}

.pageList {
  position: relative;
  padding: 32px;
  background-color: #EEEEEE;
}

.pageList h2 {
  margin-bottom: 20px;
  font-size: 1.3rem;
  font-weight: 900;
  text-transform: uppercase;
  text-decoration: none;
  color: #4A4A4A;
}

.pageList h2 > a {
  color: #4A4A4A;
}

.pageList li + li {
  margin-top: 1rem;
}

.pageListIcon {
  padding-left: 22px;
  line-height: 16px;
  background-size: 16px 16px;
  background-position: 0 50%;
  background-repeat: no-repeat;
}

.pageListSkiMap {
  position: absolute;
  top: 32px;
  right: 32px;
  padding-left: 22px;
  font-size: 1rem;
  font-weight: bold;
  color: #4A4A4A;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M0 11.487V3.542c-.024-.765 3.615-2.445 7.587-2.069-.036.483-.121 2.042.16 3.601.251 1.386.81 2.747 1.822 3.517 1.147.874 2.679 1.654 4.062 2.538 1.21.773 2.318 1.609 2.797 2.745.899 2.132 1.465 3.607 2.939 4.48.98.58 2.384.91 4.633.91v1.331c-.019.58-4.737 3.058-9.762 1.446-1.226-.393-2.524-.992-3.882-1.468-.04-2.756-.937-4.755-2.284-6.172C6.039 12.263 2.926 11.454 0 11.487Zm9.254-9.73c.234.059.467.126.7.202 2.509.823 4.299 2.173 7.549 2.221 3.667.055 4.497-1.092 5.816-1.33.04-.008.252-.046.462.235.219.292.219.633.219.691v14.646-.842c-1.827.001-2.98-.203-3.776-.674-.532-.315-.88-.755-1.184-1.301-.368-.659-.67-1.456-1.062-2.385-.488-1.159-1.446-2.114-2.607-2.947-1.534-1.1-3.431-1.992-4.783-3.02-.702-.535-1.01-1.518-1.184-2.478-.226-1.245-.183-2.489-.15-3.018Zm-.601 18.315a9.447 9.447 0 0 0-1.816-.243C2.854 19.71 2.122 20.89.69 21.147c-.041.007-.255.045-.468-.236C0 20.619 0 20.278 0 20.22v-7.892l.01.841c2.471-.028 5.125.586 6.842 2.392 1.01 1.061 1.675 2.535 1.8 4.51Zm10.8-12.408a1.126 1.126 0 1 0 .001 2.251 1.126 1.126 0 0 0 0-2.25Z"/></svg>');
  background-size: 16px 16px;
  background-position: 0 50%;
  background-repeat: no-repeat;
}

.pageListList {
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.pageListList > :first-child {
  display: block;
  flex: 0 0 auto;
  width: 25%;
  margin-right: 2rem;
}

.pageListList > ul {
  flex: 1 0 auto;
}

.icon-statiuni-de-schi {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M21 6h-4V3c0-.549-.451-1-1-1H8c-.549 0-1 .451-1 1v7H3c-.549 0-1 .451-1 1v8c0 .549.451 1 1 1h18c.549 0 1-.451 1-1V7c0-.549-.451-1-1-1ZM6 18H4v-2h2v2Zm0-4H4v-2h2v2Zm5 4H9v-2h2v2Zm0-4H9v-2h2v2Zm0-4H9V8h2v2Zm0-4H9V4h2v2Zm4 12h-2v-2h2v2Zm0-4h-2v-2h2v2Zm0-4h-2V8h2v2Zm0-4h-2V4h2v2Zm5 12h-2v-2h2v2Zm0-4h-2v-2h2v2Zm0-4h-2V8h2v2Z" style="fill-rule:nonzero" transform="matrix(.8 0 0 .8 -1.6 -.8)"/></svg>');
}

.icon-partii {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="m9.675 6.445.91 1.338c.582.593.67 1.51.211 2.203L9.551 11.87a4316.82 4316.82 0 0 0 3.668 1.899c.094.04.195.059.297.059.353 0 .492-.163.638-.283a1.091 1.091 0 0 1 1.832.809c0 .231-.105.501-.321.755-.4.467-1.198.905-2.12.907-.43 0-.86-.09-1.273-.281L.58 9.69a1.092 1.092 0 0 1-.594-.973 1.093 1.093 0 0 1 1.599-.974l5.61 2.905.998-1.51-1.97-1.965c-.667-.664-.776-1.798-.488-2.694-.492-.244-1.433-.704-1.433-.704a1.547 1.547 0 0 1-1.476.047l-.337-.165.356-.758-.544-.494-.078-.085-.057-.097-.036-.108-.012-.114.012-.113.035-.106.053-.094.069-.078.168-.108.097-.03.105-.01.105.01.752.153.373-.728.34.171c.464.237.75.677.816 1.158l2.12 1.041 2.265-.901c.307-.122.598-.175.87-.175.54 0 1.008.208 1.373.5a1.812 1.812 0 1 1 .551.602c.1.15.176.303.227.447l.461 1.378 1.41.707c.47.234.74.707.74 1.197a1.333 1.333 0 0 1-1.926 1.196l-1.737-.84-.002-.001a1.808 1.808 0 0 1-.906-1.047l-.062-.187-.752.301Z"/></svg>');
}

.icon-partii-schi-fond {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M3.924 6.097c-.104-.153-.28-.268-.28-.58 0-.422.293-.794.624-1.046l1.103-.847.001-.001a3.065 3.065 0 0 1 2.6-.538l.519.338a1.732 1.732 0 1 1 .85.266c.68.277 1.262.809 1.6 1.5l.616 1.255h.97a1.287 1.287 0 0 1 .7 2.37l-.696 4.787H13.6c.147 0 .267-.12.267-.266a1.067 1.067 0 0 1 2.133 0 2.4 2.4 0 0 1-2.4 2.4l-12.533.042c-.59 0-1.067-.48-1.067-1.067s.478-1.067 1.067-1.067l1.396-.042 1.461-7.504Zm7.849 7.505.667-4.578-1.414-.002a1.747 1.747 0 0 1-1.556-.97l-.167-.342-.408 1.019 1.405.828.002.002a1.74 1.74 0 0 1 .776 1.973l-.575 2.067 1.27.003Zm-6.454-4.76a2.185 2.185 0 0 1 .112-1.37l.862-2.01h-.025c-.1 0-.207.037-.295.105l-1.107.847h-.001c-.07.054-.144.099-.22.135l-1.353 6.853 1.604-3.698a.398.398 0 0 1 .049-.078l.374-.783Zm.721 4.756h1.766l.607-2.162-1.171-.691-.193.408-1.009 2.445Z"/></svg>');
}

.icon-partii-de-sanius-si-tubbing {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><g transform="matrix(.02628 0 0 .02628 0 -2.95)"><path d="M608.9 512.9v8c0 55.606-45.08 100.685-100.685 100.685H44.685C21.267 621.585 0 601.617 0 576.9c0-24.717 21.267-44.685 44.685-44.685h463.53c6.27 0 11.314-5.045 11.314-11.315v-8c0-24.717 19.969-44.685 44.686-44.685 24.716 0 44.685 19.968 44.685 44.685Z"/><path d="M0 372.521V211.835h12.685c73.182 0 135 49.033 154.377 116h342.523c24.663 0 44.685 20.023 44.685 44.686 0 24.662-20.022 44.686-44.685 44.686H442.27v84H352.9v-84H186.27v84H96.9v-84H44.685C20.022 417.207 0 397.183 0 372.52Z"/></g></svg>');
}

.icon-altitudine-maxima {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M503.2 393.8 280.1 44.25c-10.42-16.33-37.73-16.33-48.15 0L8.807 393.8a55.906 55.906 0 0 0-1.666 57.45C17.07 468.1 35.92 480 56.31 480h399.4c20.39 0 39.24-11.03 49.18-28.77 10.01-18.03 9.41-40.03-1.69-57.43ZM256 111.8 327.8 224H256l-48 64-30.8-52.7L256 111.8Z" style="fill-rule:nonzero" transform="scale(.03125)"/></svg>');
}

.icon-cele-mai-apropiate-aeroporturi {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M3.414 13.778 2 15.192l4.949 2.121 2.122 4.95 1.414-1.414-.707-3.536L13.091 14l3.61 7.704 1.339-1.339-1.19-10.123 2.828-2.829c.39-.377.611-.896.611-1.439 0-1.097-.903-2-2-2-.543 0-1.062.221-1.439.611l-2.903 2.903L3.824 6.297 2.559 7.563l7.644 3.67-3.253 3.253-3.536-.708Z" style="fill-rule:nonzero" transform="matrix(.87486 0 0 .87486 -1.75 -3.477)"/></svg>');
}

.icon-instalatii-pe-cablu {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="m2 9.76 9-2.45V10H7c-1.097 0-2 .903-2 2v8c0 1.097.903 2 2 2h10c1.097 0 2-.903 2-2v-8c0-1.097-.903-2-2-2h-4V6.76l9-2.45V2.24L2 7.69v2.07ZM11 12v3H7v-3h4Zm6 0v3h-4v-3h4Z" style="fill-rule:nonzero" transform="matrix(.8 0 0 .8 -1.6 -1.696)"/></svg>');
}

.icon-pret-skipass-6-zile {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10Zm-1.95-11a2.507 2.507 0 0 1 2.45-2.001c.591 0 1.163.209 1.614.591l1.701-1.133A4.502 4.502 0 0 0 12.5 7a4.518 4.518 0 0 0-4.472 4H7v2h1.027a4.516 4.516 0 0 0 4.472 4.001c1.26 0 2.464-.53 3.316-1.458l-1.701-1.134A2.497 2.497 0 0 1 12.5 15a2.507 2.507 0 0 1-2.45-2l4.95.001v-2h-4.95V11Z" style="fill-rule:nonzero" transform="matrix(.8 0 0 .8 -1.6 -1.6)"/></svg>');
}

.icon-file {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="M14.222 5H11V0H5v5H1.778L8 12l6.222-7Z" style="fill-rule:nonzero"/><path style="fill-rule:nonzero" d="M.889 14.222h14.222V16H.889z" transform="matrix(.98438 0 0 1.125 .125 -2)"/></svg>');
}

.pageListButton {
  display: table;
  margin-top: 16px;
  padding: 0 1rem;
  background-color: #6C9400;
  color: #FFFFFF;
  font-weight: 900;
  font-size: 0.9rem;
  line-height: 40px;
  text-decoration: none;
  text-transform: uppercase;
  cursor: pointer;
}

.pageListButton:hover {
  background-color: #000000;
  color: #FFFFFF;
}

/* message */

.message {
  width: 1200px;
  margin: 0 auto 30px auto;
  text-align: center;
}

/* home */

.carouselContainer {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
}

.carousel {
  width: 100%;
  display: flex;
  overflow: hidden;
  scroll-behavior: smooth;
}

.carouselItem {
  width: 100%;
  display: block;
  position: relative;
  text-decoration: none;
  flex: 0 0 auto;
}

.carouselImage {
  width: 100%;
  display: block;
}

.carouselText {
  position: absolute;
}

.carouselTopLeft {
  top: 60px;
  left: 60px;
}

.carouselTopRight {
  top: 60px;
  right: 60px;
  text-align: right;
}

.carouselBottomLeft {
  bottom: 60px;
  left: 60px;
}

.carouselBottomRight {
  bottom: 60px;
  right: 60px;
  text-align: right;
}

.carouselCenter {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.carouselTextLight {
  color: #FFFFFF;
  text-shadow: 1px 1px 0px #4A4A4A;
}

.carouselTextDark {
  color: #000000;
  text-shadow: 1px 1px 0px #FFFFFF;
}

.carouselTextDark .carouselAction {
  color: #000000;
  border: 1px solid #000000;
}

.carouselTextDark .carouselAction:hover {
  background-color: #000000;
  color: #FFFFFF;
}

.carouselTextLight .carouselAction {
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.carouselTextLight .carouselAction:hover {
  background-color: #FFFFFF;
  color: #000000;
}

.carouselTitle {
  font-size: 2.5rem;
  font-weight: 900;
  color: inherit;
  text-transform: uppercase;
}

.carouselSubtitle {
  font-size: 2.1rem;
  color: inherit;
  text-transform: uppercase;
}

.carouselAction {
  display: inline-block;
  font-size: 0.9rem;
  font-weight: 900;
  line-height: 2.5rem;
  padding: 0 2rem;
  text-transform: uppercase;
  margin-top: 30px;
}

.carouselDots {
  display: flex;
  width: 100%;
  max-width: 1200px;
  position: absolute;
  left: 50%;
  bottom: 30px;
  transform: translateX(-50%);
}

.carouselDots > * {
  cursor: pointer;
  flex: 1 1 auto;
  height: 19px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  margin: 0 2px;
  background-color: #FFFFFF;
  background-clip: content-box;
  transition: border-width 0.25s;
  opacity: 0.6;
}

.carouselDots > *:hover {
  border-top-width: 0;
  border-bottom-width: 0;
}

.carouselArrowLeft, .carouselArrowRight {
  position: absolute;
  top: calc(50% - 40px);
  width: 50px;
  height: 80px;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 50 82" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linejoin:round;stroke-miterlimit:2"><path d="m1697.48 661 8.02-8.019 35.52 35.519-35.52 35.519-8.02-8.019 4.01-4.009 23.49-23.491-27.5-27.5Z" style="fill:%23fff" transform="matrix(1.14844 0 0 1.14494 -1949.45 -747.622)"/></svg>');
  background-size: 50px 80px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  opacity: 0.6;
  cursor: pointer;
}

.carouselArrowLeft {
  left: 60px;
  transform: rotate(180deg);
}

.carouselArrowRight {
  right: 60px;
}

.carouselArrowLeft:hover, .carouselArrowRight:hover {
  opacity: 1;
}

.carouselOn {
  opacity: 1;
}

/* end carousel */

.homeSectionRegions {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-gap: 30px;
}

.homeSectionRegionsRegion {
  display: block;
  margin-top: 15px;
  font-size: 1.25rem;
  font-weight: bold;
  color: #4A4A4A;
}

.homeSectionRegionsCities {
  margin-top: 15px;
}

.homeSectionRegionsCities > a {
  color: #4A4A4A;
}

div.homeSectionRegionsHeader {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}

.homeSectionRegionsSort {
  display: flex;
  line-height: 30px;
}

.homeSectionRegionsSort > span {
  margin-right: 10px;
}

.homeSectionRegionsSort > a {
  padding: 0 20px;
  background-color: #EEEEEE;
  color: #949494;
  cursor: pointer;
}


a.homeSectionRegionsSortSelected {
  background-color: #BC1212;
  font-weight: bold;
  color: #FFFFFF;
}

.homeSectionRegionsSort > a:first-of-type {
  border-radius: 15px 0 0 15px;
}

.homeSectionRegionsSort > a:last-of-type {
  border-radius: 0 15px 15px 0;
}

h1.homeSectionRegionsTitle {
  margin: 0;
  padding-left: 45px;
  padding-bottom: 0;
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 30 30" xmlns="http://www.w3.org/2000/svg" xml:space="preserve" fill-rule="evenodd" clip-rule="evenodd" stroke-linejoin="round" stroke-miterlimit="2"><path d="M0 6.09c0-1.159.701-2.203 1.774-2.642L9.087.458a2.735 2.735 0 0 1 1.875-.072l8.892 2.866 5.727-2.198A3.253 3.253 0 0 1 30 4.09v19.791a3.2 3.2 0 0 1-2.05 2.986l-6.982 2.688a2.85 2.85 0 0 1-1.91.05l-9.005-2.941-5.488 2.254A3.308 3.308 0 0 1 0 25.86V6.09Zm10.006-.209.005 16.41c0 .601.385 1.134.955 1.324l6.658 2.22a1.854 1.854 0 0 0 2.44-1.759V7.874a1.39 1.39 0 0 0-.942-1.316l-6.818-2.322a1.737 1.737 0 0 0-2.298 1.645Z" fill="%23bc1212"/></svg>');
  background-size: 30px 30px;
  background-repeat: no-repeat;
  background-position: 0 50%;
  text-align: left;
}

@media (min-width: 850px) {
  h1.homeSectionRegionsTitle::after {
    content: none;
  }
}

.homeMap {
  width: 800px;
  max-width: 100%;
  margin: 30px auto 0 auto;
  display: block;
}

.homeMapRegion {
  cursor: pointer;
}

.homeMapRegionOutline {
  fill: #CCCCCC;
}

.homeMapRegionText {
  fill: #4A4A4A;
  fill-rule:nonzero;
}

.homeMapRegionLine {
  fill: none;
  stroke: #4A4A4A;
  stroke-width: 2.7px;
}

.homeMapRegion:hover > .homeMapRegionOutline {
  fill: #BC1212;
}

.homeMapRegion:hover > .homeMapRegionText {
  fill: #BC1212;
}

.homeMapRegion:hover > .homeMapRegionLine {
  stroke: #000000;
}

.homeInfo {
  width: 1200px;
  margin: 30px auto;
  padding: 30px;
  background-color: #B0CCCF;
}

.homeInfo > h1 {
  position: relative;
  padding-bottom: 15px;
  margin-bottom: 15px;
  font-size: 1.5rem;
  font-weight: 900;
  letter-spacing: 0.3rem;
  color: #4A4A4A;
  text-transform: uppercase;
  text-align: center;
}

.homeInfo > h1:after {
  content: "";
  border-bottom: 4px solid #4A4A4A;
  position: absolute;
  bottom: 0;
  left: calc(50% - 30px);
  width: 70px;
}

.homeInfo p {
  text-align: center;
}

.homeInfo a {
  color: #4A4A4A;
}

.homeInfo a:hover {
  text-decoration: none;
}

.homeSocial {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 10px;
}

.homeSocial > * + * {
  margin-left: 10px;
}

/* info */

.infoTitle {
  position: relative;
  padding-bottom: 15px;
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 1.5rem;
  font-weight: 900;
  letter-spacing: 0.3rem;
  color: #BC1212;
  text-transform: uppercase;
  text-align: center;
  border-top: 4px;
}

.infoTitle:after {
 content: "";
 border-bottom: 4px solid #BC1212;
 position: absolute;
 bottom: 0;
 left: calc(50% - 30px);
 width: 70px;
}

/* footer */

footer {
  width: 100%;
  background-color: #B0CCCF;
}


footer a:hover {
  text-decoration: underline;
}

.footerLinks a {
  color: #4A4A4A;
  text-decoration: none;
}

.footerLinks h1 > a {
  color: #6C9400;
}

.footerLinks {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 30px calc(50% - 600px);
}

.footerLinks > :not(:last-child) > ul:first-child {
  padding-top: 30px;
}

.footerLinks > :last-child {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-self: stretch;
  text-align: right;
}

.footerLinks h1 {
  margin-bottom: 15px;
  color: #6C9400;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 15px;
}

.footerLinks * + h1 {
  margin-top: 15px;
}

.footerSocial {
  display: flex;
  width: 85px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footerSocial > a {
  display: block;
  margin-top: 15px;
}

.footerSocial > a:hover {
  opacity: 0.8;
}


.footerSocial img {
  display: block;
}

.footerInfo {
  text-align: center;
  font-size: 0.8rem;
  padding: 0.8rem 0;
  color: #FFFFFF;
  background-color: #4A4A4A;
}

.footerInfo a {
  color: inherit;
  text-decoration: none;
}