/*  RESET browser defaults (Eric Meyer Global Reset)*/

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}


/* remember to define focus styles! */

:focus {
    outline: 0;
}

ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
}


/* tables still need 'cellspacing="0"' in the markup */

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: "";
}

blockquote,
q {
    quotes: "" "";
}

.clearfloat {
    clear: both;
    height: 0;
    font-size: 1px;
    line-height: 0px;
}

.mobile{
	display:none;
}

@media (max-width:900px){
    .image-title{
        width:50vw;	
    }
}

@media (max-width:440px){
    .image-title{
        width:65vw;	
    }
}
/* END RESET browser defaults */


/* FONTS */

@font-face {
    font-family: "signature";
    src: url("./fonts/thesignature/Thesignature.otf");
}

@font-face {
  font-family: "Roboto-Regular";
  src: url("fonts/Roboto/Roboto-Regular.eot");
  src: local("Roboto-Regular"),
    url("fonts/Roboto/Roboto-Regular.eot?#iefix") format("embedded-opentype"),
    url("fonts/Roboto/Roboto-Regular.woff2") format("woff2"),
    url("fonts/Roboto/Roboto-Regular.woff") format("woff"),
    url("fonts/Roboto/Roboto-Regular.ttf") format("truetype"),
    url("fonts/Roboto/Roboto-Regular.svg#Roboto-Regular") format("svg");
}

@font-face {
  font-family: "Roboto-Medium";
  src: url("fonts/Roboto/Roboto-Medium.eot");
  src: local("Roboto-Medium"),
    url("fonts/Roboto/Roboto-Medium.eot?#iefix") format("embedded-opentype"),
    url("fonts/Roboto/Roboto-Medium.woff2") format("woff2"),
    url("fonts/Roboto/Roboto-Medium.woff") format("woff"),
    url("fonts/Roboto/Roboto-Medium.ttf") format("truetype"),
    url("fonts/Roboto/Roboto-Medium.svg#Roboto-Medium") format("svg");
}

@font-face {
  font-family: "Roboto-Light";
  src: url("fonts/Roboto/Roboto-Light.eot");
  src: local("Roboto-Light"),
    url("fonts/Roboto/Roboto-Light.eot?#iefix") format("embedded-opentype"),
    url("fonts/Roboto/Roboto-Light.woff2") format("woff2"),
    url("fonts/Roboto/Roboto-Light.woff") format("woff"),
    url("fonts/Roboto/Roboto-Light.ttf") format("truetype"),
    url("fonts/Roboto/Roboto-Light.svg#Roboto-Light") format("svg");
}

@font-face {
  font-family: "Roboto-Bold";
  src: url("fonts/Roboto/Roboto-Bold.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto-Thin";
  src: url("fonts/Roboto/Roboto-Thin.eot");
  src: local("Roboto-Thin"),
    url("fonts/Roboto/Roboto-Thin.eot?#iefix") format("embedded-opentype"),
    url("fonts/Roboto/Roboto-Thin.woff2") format("woff2"),
    url("fonts/Roboto/Roboto-Thin.woff") format("woff"),
    url("fonts/Roboto/Roboto-Thin.ttf") format("truetype"),
    url("fonts/Roboto/Roboto-Thin.svg#Roboto-Thin") format("svg");
}

/* GLOBAL */

.centered {
    text-align: center;
}

.bold {
    font-weight: bold;
}

.underline {
    text-decoration: underline;
}

.italic {
    font-style: italic;
}

h1 {
    color: white;
    font-size: 20px;
    font-weight: normal;
    text-transform: uppercase;
    margin-bottom: 20px;
    line-height: 38px;
	font-family: Roboto-Bold;
}

h1.ufirst {
    text-transform: none;
}

h2 {
    color: white;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;
    line-height: 24px;
    margin-bottom: 20px;
	font-family: Roboto-Bold;
}

h2.ufirst {
    text-transform: none;
}

h3 {
    font-size: 18px;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-weight: normal;
}

a {
    text-decoration: none;
    color: #000000;
}

input,
textarea,
select {
    font-family: Roboto-Regular;
    font-size: 14px;
    border: 1px solid #3c3c3c;
    color: #6f6f6f;
    padding-left: 6px;
    padding-right: 6px;
    padding-top: 2px;
}

input,
select {
    height: auto;
}

input.checkbox {
    width: 15px !important;
}

#okmsg {
    color: #c6a663;
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 15px;
    font-family: Roboto-Regular;
    font-size: 22px;
}

#errormsg {
    color: #bf1e2e;
    float: left;
    width: calc(100% - 42px);
    text-align: center;
    margin: 10px 16px;
    font-family: Roboto-Regular;
    font-size: 19px;
	background: rgba(255, 255, 255, 0.6);
}


/* CUSTOM STYLE */

body {
    line-height: 1.2;
    font-family: Roboto-Regular;
    font-size: 12px;
    background: #ffffff;
    position: relative;
    overflow-x: hidden;
	color:white;
}
html{
	font-family: Roboto-Regular;
}

.kRGJuu{
	display:none !important;
}

.active{
	font-family:Roboto-Bold;
}

.beyond{
	font-family: signature;
    font-size: 120px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.7);
}

/* SECTION */

.section {
    float: left;
    width: 100%;
}

.section .section-container {
    width: 85%;
    margin-left:7.5%;
    overflow: hidden;
    position: relative;
}

.section .section-title {
    float: left;
    width: 100%;
    color: #000000;
    text-align: center;
    font-size: 45px;
    font-family: Roboto-Bold;
    padding-bottom: 50px;
    margin-top: 100px;
    position: relative;
	line-height:1;
}

.section .section-subtitle {
    float: left;
    width: 100%;
    color: #202d59;
    text-align: center;
    text-transform: uppercase;
    font-size: 17px;
    line-height: 20px;
    padding-bottom: 20px;
    position: relative;
}

.section .section-description {
    float: left;
    width: 100%;
    color: #001f47;
    font-size: 16px;
    line-height: 28px;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: justify;
}

.section .section-left {
    float: left;
    width: 50%;
}

.section .section-right {
    float: left;
    width: 50%;
}

.section .section-button {
    margin: 0 auto;
    width: 200px;
    height: 32px;
    text-align: center;
    color: #888888;
    text-transform: uppercase;
    font-family: Roboto-Bold;
    font-size: 13px;
    line-height: 28px;
    border: 3px solid #fa8305;
    display: table;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.section .section-button:hover {
    background: #fa8305;
    color: #ffffff;
    cursor: pointer;
}

.section .section-button a {
    display: block;
    height: 100%;
    color: #888888;
    padding-top: 5px;
    text-transform: uppercase;
    font-family: Roboto-Bold;
    font-size: 13px;
    text-decoration: none;
}

.section .section-button a:hover {
    background: #fa8305;
    color: #ffffff;
}

.all-button-container{
	position: relative;
    margin-top: 55px;
    width: 100%;
    float: left;
    height: 50px;
    text-align: center;
}

.main-button{
	box-shadow: 0px 3px 6px #AF001066;
    border-radius: 30px;
	padding:15px;
	background: #AF0010;
	color:white;
	font-size:15px;
	text-decoration:none;
	font-family:Roboto-Bold;
}

.main-button:hover{
	color: #AF0010;
	background:white;
	border: 2px solid #AF0010;
	text-decoration:none;
}

/* BANNER AND HEADER */

#banner {
    background: url(../images/banner/bg-banner.png);
	background-size:cover;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.71);
}

#banner .content {
    display: flex;
    flex-direction: column;
    margin-top: 35px;
    position: relative;
}

#banner .content .language {
    display: flex;
    justify-content: end;
    margin-bottom: 35px;
    gap: 10px;
    font-size: 16px;
    font-family: Roboto-Light;
}

#banner .content .language a {
    color: white;
}

#banner .content .language .divider {
    font-family: Roboto-Bold;
}

#banner .content .socials {
    width: 100%;
    display: flex;
    justify-content: end;
    margin-bottom: 2px;
    gap: 10px;
}

#banner .content .socials a {
}

#banner .content .header {
    display: flex;
    justify-content: space-between;
}

#banner .content .header .logo {
    z-index: 1;
}

#banner .content .header .menu {
    display: flex;
    justify-content: center;
    align-items: center;
}

#banner .content .header .menu ul {
    display: flex;
    height: 100px;
    align-items: center;
    background: white;
    border-radius: 50px;
    gap: 25px;
    justify-content: space-evenly;
    padding-left: 25px;
    padding-right: 25px;
}

#banner .content .header .menu ul li {
    font-size: 15px;
	text-align: center;
	font-family: Roboto-Bold;
}

#banner .content .header .menu ul li a:hover {
    color: #af0010;
    text-decoration: none;
}

#banner .content .header .menu .dropdown{
	position:relative;
	padding-bottom: 52px;
    margin-top: 52px;
}

#banner .content .header .menu .dropdown .dropdown-menu{
	position: absolute;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    top: 60px;
    left: -18px;
    border-radius: 19px;
    width: 83px;
    padding: 18px;
    height: unset;
    flex-direction: column;
	gap:10px;
	display:none;
	align-items:baseline;
	color:#848484;
}

#banner .content .header .menu .dropdown:hover .dropdown-menu {
    display: flex;
}

#banner .content .header .menu .dropdown .dropdown-menu li a {
	font-family:Roboto-Regular;
}

#banner .content .header .menu .dropdown .dropdown-menu li a:hover {
	font-family:Roboto-Bold;
}

#banner .content .slogan {
    margin-top: 100px;
    font-family: Roboto-Light;
    font-size: 50px;
    line-height: 1.1;
}

#banner .content .search {
    margin-top: 0px;
	font-family:Roboto-Regular;
}

#banner .section-container .search .content {
    /*padding: 20px;*/
    /*background: white;*/
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    max-width: 700px;
}

#banner .section-container .search .first-row {
    display: flex;
    gap: 20px;
    width: 100%;
}

#search-type {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../images/banner/casa.png') no-repeat right 20px center,
                url('../images/banner/arrow.png') no-repeat right 50px center;
}

#search-text {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../images/banner/local.png') no-repeat right 20px center;
}

#search_submit {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

#banner .section-container .search .first-row select,
#banner .section-container .search .first-row input {
    flex: 1;
	padding: 11px 11px 11px 20px;
    border: 1px solid #ddd;
    border-radius: 30px;
    font-size: 14px;
    outline: none;
    transition: 0.3s;
	box-sizing: border-box;
    background-color: white;
}

#banner .section-container .search .second-row {
    display: flex;
    gap: 20px;
    width: 100%;
}

#banner .section-container .search .price-block,
#banner .section-container .search .area-block {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: white;
    padding: 20px;
    border-radius: 25px;
	gap:15px;
	font-size:14px;
}

#banner .section-container .search .title {
    margin-bottom: 5px;
    color: #848484;
	display:flex;
	justify-content: space-between;
	    align-items: center;
}

#banner .section-container .search .title .title-icon{

}

#banner .section-container .search .prices,
#banner .section-container .search .areas {
    display: flex;
    gap: 8px;
}

#banner .section-container .search input[type="text"] {
    width: 100%;
    padding: 11px 11px 11px 20px;
    border: 1px solid #ddd;
    border-radius: 30px;
    transition: 0.3s;
	
}

#banner .section-container .search input[type="text"]:focus,
#banner .section-container .search select:focus {
    border-color: #af0010;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
}

#banner .section-container .search #search_submit {
    width: 100%;
    padding: 12px;
    background-color: #AF0010;
    color: white;
    font-size: 14px;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: 0.3s;
}

#banner .section-container .search #search_submit:hover {
    background-color: #0056b3;
}


@media (max-width:640px){
	#banner .section-container .search .first-row {
        flex-direction:column;
    }
}

#banner .kw {
    position: absolute;
    right: 7.5%;
    top: 670px;
}

#banner .content .burger {
    position: absolute;
    left: 0;
    top: 0px;
    width: 30px;
    height: 25px;
    cursor: pointer;
    z-index: 1000;
    display: none;
}

#banner .content .burger span {
    width: 30px;
    height: 3px;
    display: block;
    position: absolute;
    background: white;
    transition: all 0.5s;
}

#banner .content .burger span:nth-child(1) {
    -webkit-transform-origin: 10px 1px;
    transform-origin: 10px 1px;
    top: 0px;
}

#banner .content .burger span:nth-child(2) {
    top: 10px;
}

#banner .content .burger span:nth-child(3) {
    -webkit-transform-origin: 10px 1px;
    transform-origin: 10px 1px;
    top: 20px;
}

#banner .content .burger.open span:nth-child(1) {
    -webkit-transform: translateY(5px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
}

#banner .content .burger.open span:nth-child(2) {
    -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s linear;
    transition: opacity 0.3s linear, -webkit-transform 0.3s linear;
    transition: transform 0.3s linear, opacity 0.3s linear;
    transition: transform 0.3s linear, opacity 0.3s linear,
        -webkit-transform 0.3s linear;
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
    opacity: 0;
}

#banner .content .burger.open span:nth-child(3) {
    -webkit-transform: translateY(-5px) rotate(-45deg);
    transform: translateY(-5px) rotate(-45deg);
}

#banner .content .burger.open span {
    background: white;
}

#banner .content .burger-menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding-top: 7px;
    z-index: 100;
}

#banner .content .burger-menu ul {
    margin-top: 100px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#banner .content .burger-menu li a {
    color: white;
    font-family: Roboto-Bold;
    font-size: 17px;
}

#banner .content .burger-menu li a:hover {
    color: #af0010;
    text-decoration: none;
}

@media (max-width: 1700px) {
    #banner .content .header .menu ul li {
        font-size: 15px;
    }
}

@media (max-width: 1650px) {
    #banner .content .header .menu ul li {
        font-size: 13px;
    }

    #banner .content .header .logo {
        width: 250px;
    }

    #banner .content .header .logo img {
        width: 100%;
    }

    #banner .content .socials {
        margin-bottom: 25px;
    }

    #banner .content .header .menu ul {
        height: 85px;
    }
}

@media (max-width: 1400px) {
    #banner .content .header .menu ul {
        gap: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    #banner .content .header .menu ul li {
        font-size: 11px;
    }
}

@media (max-width: 1180px) {
    #banner .content .header .menu {
        display: none;
    }

    #banner .content .burger {
        display: block;
    }

    #banner .content .header {
        display: flex;
        justify-content: space-between;
        position: absolute;
    }

    #banner .content .header .logo {
        width: 250px;
        position: absolute;
        left: calc((85vw - 250px) / 2);
    }

    #banner .content .header .logo img {
        width: 100%;
    }

    #banner .content .slogan {
        font-size: 30px;
        text-align: center;
        margin-top: 65px;
		width:100%;
    }

    #banner .content .search {
        margin-top: -10px;
    }

    #banner .content form {
        display: flex;
        gap: 15px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-bottom: 100px;
    }
	
	#banner .section-container .search .content {
        gap: 15px;
    }

    .beyond {
        font-size: 80px;
    }
	
	#banner .content .burger-menu .dropdown .dropdown-menu{
		margin-top:20px !important;
	}

    #banner .kw {
        position: absolute;
        right: calc((100% - 212px) / 2);
        top: 735px;
    }

}

@media (max-width: 820px) {

}

@media (max-width: 600px) {
    #banner .content {
        margin-top: 25px;
        padding-bottom: 30px;
    }

    #banner .content .language {
        margin-bottom: 25px;
    }

    #banner .content .header .logo {
        width: 200px;
        position: absolute;
        left: calc((85vw - 200px) / 2);
        top: 110px;
    }

    #banner .content .slogan {
        font-size: 23px;
        text-align: center;
        margin-top: 170px;
        width: 360px;
        position: relative;
        left: calc((100% - 360px) / 2);
    }
	
	#banner .content .search {
        margin-top: 10px;
    }
	
	#banner .section-container .search .second-row {
        display: flex;
        gap: 20px;
        width: 100%;
        flex-direction: column;
    }

    .beyond {
        font-size: 67px;
    }

    #banner .kw {
        position: absolute;
        right: calc((100% - 150px) / 2);
        top: 983px;
        width: 150px;
    }

    #banner {
        height: unset;
    }
}

@media (max-width: 440px) {
        #banner .content .slogan {
        font-size: 20px;
        width: 320px;
        left: calc((100% - 320px) / 2);
    }
}


/* SECONDARY-HEADER */

#header-secondary{
	height:280px;
}

#header-secondary .section-container {
    overflow: unset !important;
}

.section .section-title {
	display:flex;
	align-items:center;
	justify-content:center;
    gap:25px;
}

#header-secondary .content {
    display: flex;
    flex-direction: column;
    margin-top: 35px;
    position: relative;
}

#header-secondary .content .language {
    display: flex;
    justify-content: end;
    margin-bottom: 35px;
    gap: 10px;
    font-size: 16px;
    font-family: Roboto-Light;
	color:black;
}

#header-secondary .content .language a {
    color: black;
}

#header-secondary .content .language .divider {
    font-family: Roboto-Bold;
}

#header-secondary .content .socials {
    width: 100%;
    display: flex;
    justify-content: end;
    margin-bottom: 2px;
    gap: 10px;
}

#header-secondary .content .socials a {
}

#header-secondary .content .header {
    display: flex;
    justify-content: space-between;
}

#header-secondary .content .header .logo {
    z-index: 1;
}

#header-secondary .content .header .menu {
    display: flex;
    justify-content: center;
    align-items: center;
}

#header-secondary .content .header .menu ul {
    display: flex;
    height: 100px;
    align-items: center;
    background: white;
    border-radius: 50px;
    gap: 25px;
    justify-content: space-evenly;
    padding-left: 25px;
    padding-right: 25px;
	background: black;
}

#header-secondary .content .header .menu ul li {
    font-size: 15px;
	text-align: center;
	font-family:Roboto-Bold;
}

#header-secondary .content .header .menu ul li a{
    color:white;
}

#header-secondary .content .header .menu ul li a:hover {
    color: #af0010;
    text-decoration: none;
}

#header-secondary .content .header .menu .dropdown{
	position:relative;
	padding-bottom: 52px;
    margin-top: 52px;
}

#header-secondary .content .header .menu .dropdown .dropdown-menu{
	position: absolute;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 1000;
    top: 60px;
    left: -18px;
    border-radius: 19px;
    width: 83px;
    padding: 18px;
    height: unset;
    flex-direction: column;
	gap:10px;
	display:none;
	align-items:baseline;
	color:#848484;
}

#header-secondary .content .header .menu .dropdown:hover .dropdown-menu {
    display: flex;
}

#header-secondary .content .header .menu .dropdown .dropdown-menu li a {
	font-family:Roboto-regular;
}

#header-secondary .content .header .menu .dropdown .dropdown-menu li a:hover {
	font-family:Roboto-regular;
}

#header-secondary .content .burger {
    position: absolute;
    left: 0;
    top: 0px;
    width: 30px;
    height: 25px;
    cursor: pointer;
    z-index: 1000;
    display: none;
}

#header-secondary .content .burger span {
    width: 30px;
    height: 3px;
    display: block;
    position: absolute;
    background: black;
    transition: all 0.5s;
}

#header-secondary .content .burger span:nth-child(1) {
    -webkit-transform-origin: 10px 1px;
    transform-origin: 10px 1px;
    top: 0px;
}

#header-secondary .content .burger span:nth-child(2) {
    top: 10px;
}

#header-secondary .content .burger span:nth-child(3) {
    -webkit-transform-origin: 10px 1px;
    transform-origin: 10px 1px;
    top: 20px;
}

#header-secondary .content .burger.open span:nth-child(1) {
    -webkit-transform: translateY(5px) rotate(45deg);
    transform: translateY(8px) rotate(45deg);
}

#header-secondary .content .burger.open span:nth-child(2) {
    -webkit-transition: opacity 0.3s linear, -webkit-transform 0.3s linear;
    transition: opacity 0.3s linear, -webkit-transform 0.3s linear;
    transition: transform 0.3s linear, opacity 0.3s linear;
    transition: transform 0.3s linear, opacity 0.3s linear,
        -webkit-transform 0.3s linear;
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
    opacity: 0;
}

#header-secondary .content .burger.open span:nth-child(3) {
    -webkit-transform: translateY(-5px) rotate(-45deg);
    transform: translateY(-5px) rotate(-45deg);
}

#header-secondary .content .burger.open span {
    background: white;
}

#header-secondary .content .burger-menu {
    position: fixed;
    right: 0;
    top: 0;
    width: 0;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    padding-top: 7px;
    z-index: 100;
}

#header-secondary .content .burger-menu ul {
    margin-top: 100px;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#header-secondary .content .burger-menu li a {
    color: white;
    font-family: Roboto-Bold;
    font-size: 17px;
}

#header-secondary .content .burger-menu li a:hover {
    color: #af0010;
    text-decoration: none;
}

#header-secondary .content .header .menu .dropdown .dropdown-menu li a {
	color:black;
}

#header-secondary .content .header .menu .dropdown .dropdown-menu li a:hover {
	color:#af0010;
}

@media (max-width:1180px){
	#header-secondary{
	    height:140px;
    }
}

@media (max-width: 1700px) {
    #header-secondary .content .header .menu ul li {
        font-size: 15px;
    }
}

@media (max-width: 1650px) {
    #header-secondary .content .header .menu ul li {
        font-size: 13px;
    }

    #header-secondary .content .header .logo {
        width: 250px;
    }

    #header-secondary .content .header .logo img {
        width: 100%;
    }

    #header-secondary .content .socials {
        margin-bottom: 25px;
    }

    #header-secondary .content .header .menu ul {
        height: 85px;
    }
}

@media (max-width: 1400px) {
    #header-secondary .content .header .menu ul {
        gap: 15px;
        padding-left: 15px;
        padding-right: 15px;
    }

    #header-secondary .content .header .menu ul li {
        font-size: 11px;
    }
}

@media (max-width: 1180px) {
    #header-secondary .content .header .menu {
        display: none;
    }

    #header-secondary .content .burger {
        display: block;
    }

    #header-secondary .content .header {
        display: flex;
        justify-content: space-between;
        position: absolute;
    }

    #header-secondary .content .header .logo {
        width: 250px;
        position: absolute;
        left: calc((85vw - 250px) / 2);
    }

    #header-secondary .content .header .logo img {
        width: 100%;
    }
	
	#header-secondary .content .burger-menu .dropdown .dropdown-menu{
		margin-top:20px !important;
	}
}

@media (max-width: 600px) {
    #header-secondary .content {
        margin-top: 25px;
        padding-bottom: 130px;
    }

    #header-secondary .content .language {
        margin-bottom: 25px;
    }

    #header-secondary .content .header .logo {
        width: 200px;
        position: absolute;
        left: calc((85vw - 200px) / 2);
        top: 110px;
    }
	
    #header-secondary {
        height: unset;
    }
	
	.section .section-title {
	    flex-direction: column;
	}
}



/* MARKET-STUDIES HOMEPAGE */

#market-homepage {
    display: flex;
    width: 100%;
    flex-direction: column;
}

#market-homepage .content {
    height: 850px;
    margin: 0;
    position: relative;
    background-size: cover;
    background-position: center;
    transition: background-image 0.5s ease-in-out; /* Smooth transition */
}

#market-homepage .content .container {
    width: 85%;
    margin-left: 7.5%;
    overflow: hidden;
    position: relative;
    height: 100%;
}

#market-homepage .content .container .horizontal-line {
    position: absolute;
    top: 50%;
    width: 100%;
    height: 10px;
    background: #af0010;
    z-index: 30;
    border-radius: 10px;
}

#market-homepage .content .container .card-container {
    position: relative;
    height: 50%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 25%;
}

#market-homepage .content .container .card-container .card {
    position: absolute;
    width: 25%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.73);
    border-radius: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
    display: flex;
    justify-content: center;
    font-size: 1.2rem;
    opacity: 0;
    transition: transform 0.8s ease, opacity 0.8s ease;
    flex-direction: column;
    gap: 130px;
}

#market-homepage .content .container .card-container .card.visible {
    opacity: 1;
    z-index: 20;
}

#market-homepage .content .container .slider-controls {
    position: absolute;
    bottom: 10%;
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 20px;
    display: none;
}

#market-homepage .content .container .slider-controls button {
    background: rgba(255, 255, 255, 0.8);
    border: none;
    padding: 10px 20px;
    font-size: 1rem;
    cursor: pointer;
    border-radius: 5px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

#market-homepage .content .container .slider-controls button:hover {
    background: #00ff84;
    color: white;
}

#market-homepage .content .container .card-container .card .title {
    padding-left: 50px;
    padding-right: 50px;
    font-size: 2vw;
    line-height: 1;
}

#market-homepage .content .container .card-container .card .box {
    padding-left: 50px;
    padding-right: 50px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

#market-homepage .content .container .card-container .card .box .resume {
    font-family: Roboto-Light;
    font-size: 1vw;
}

#market-homepage .content .container .card-container .card .box a {
    color: white;
}

#market-homepage .swiper-market-mobile {
    display: none;
}

@media (max-width: 1000px) {
    #market-homepage .content .container {
        display: none;
    }
    #market-homepage .content {
        height: 42vw;
        margin: 0;
        position: relative;
    }

    #market-homepage .swiper-market-mobile {
        display: block;
        background: rgba(0, 0, 0, 0.73);
        padding-top: 50px;
        padding-bottom: 50px;
		overflow:hidden;
    }

    #market-homepage .swiper-market-mobile .swiper-slide {
    }

    #market-homepage .swiper-market-mobile .swiper-slide .content {
        width: 85% !important;
        margin-left: 7.5%;
        display: flex;
        flex-direction: column;
        gap: 30px;
        height: unset;
    }

    #market-homepage .swiper-market-mobile .swiper-slide .title {
        font-size: 30px;
        line-height: 1;
    }

    #market-homepage .swiper-market-mobile .swiper-slide .box {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    #market-homepage .swiper-market-mobile .swiper-slide .box .resume {
        font-family: Roboto-Light;
        font-size: 20px;
    }

    #market-homepage .swiper-market-mobile .swiper-slide .box a {
        color: white;
        font-size: 20px;
    }

    #market-homepage
        .swiper-market-mobile
        .swiper-horizontal
        > .swiper-pagination-bullets,
    .swiper-pagination-bullets.swiper-pagination-horizontal,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        bottom: unset !important;
        left: 0;
        width: 100%;
    }
}

/* FEEDBACK HOMEPAGE */

#feedback {
    height: 680px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow-x: hidden;
    flex-direction: column;
    gap: 50px;
    font-family: Roboto-Bold;
    background: #efefef;
    margin-top: 110px;
}

#feedback .main-title {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    font-family: Roboto-Bold;
    color: #000000;
}

#feedback .swiper-feedback {
    width: 85%;
    height: 400px;
}

#feedback .swipper-wrapper {
    align-items: center;
}

#feedback .swiper-slide {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#feedback .card {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 6px 6px 6px #00000029;
    border: 2px solid #af0010;
    border-radius: 38px;
    flex-direction: column;
}

#feedback .card-content {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    margin-left: 35px;
    gap: 20px;
    width: 85%;
    color: #000000;
    padding-top: 40px;
}

#feedback .stars {
    display: flex;
    gap: 5px;
}

#feedback .star-image {
    height: 100%;
}

#feedback .title {
    font-size: 25px;
    line-height: 1;
}

#feedback .text {
    font-family: Roboto-regular;
    font-size: 13px;
    line-height: 1.5;
}

#feedback .identification {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: 40px;
}

#feedback .name-country {
}

#feedback .name {
}

#feedback .swiper-pagination {
    --swiper-theme-color: #af0010;
    position: relative;
    top: 50px;
}

.swiper-pagination-bullet {
    width: 15px !important;
    height: 15px !important;
    background: #007bff;
}

@media (max-width: 1300px) {
    #feedback .title {
        font-size: 20px;
        line-height: 1;
    }
    #feedback .text {
        font-family: Roboto-regular;
        font-size: 12px;
        line-height: 1.5;
    }
}

@media (max-width: 1050px) {
    #feedback {
        padding-bottom: 50px;
    }
}

@media (max-width: 525px) {
    #feedback {
        padding-top: 50px;
        justify-content: unset;
    }

    #feedback .swiper-feedback {
        width: 82%;
    }

    #feedback .card-content {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        margin-left: 7.5%;
        gap: 20px;
        width: 85%;
        padding-top: 20px;
    }
}

@media (max-width: 470px) {
    #feedback .title {
        font-size: 19px;
    }

    #feedback .text {
        font-size: 11px;
        line-height: 1.5;
    }
}

/* PARTNERS HOMEPAGE */

#partners {
    color: white;
    background: #848484;
    width: 100%;
    padding-bottom: 100px;
	margin-top: 150px;
}

#partners .content {
    display: flex;
    width: 100%;
}

#partners .content .container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

#partners .content .container .partner {
}

#partners .content .container .partner img {
    width: 80%;
}

/* FOOTER */

#footer {
    background: black;
}

#footer .content {
    display: flex;
    flex-direction: column;
    margin-top: 80px;
    gap: 75px;
}

#footer .content .contact {
    display: flex;
}

#footer .content .contact .left {
    width: 25%;
}

#footer .content .contact .left p {
    font-size: 26px;
    line-height: 1;
}

.beyond-footer {
    font-family: signature;
    font-size: 130px;
    line-height: 1;
}

#footer .content .contact #contact {
    width: 75%;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

#footer .content .contact #contact .contacts-row {
    width: 100%;
    gap: 5%;
    display: flex;
}

#footer .content .contact #contact #captcha{
	justify-content:center;
}

#footer .content .contact #contact .contacts-row input {
    width: 45.5%;
    padding: unset;
    padding-block: unset;
    padding-inline: unset;
    border: none;
    border-radius: 18px;
    color: #848484;
    font-family: Roboto-Regular;
    font-size: 17px;
    height: 35px;
    padding-left: 2%;
}

#footer .content .contact #contact .contacts-row select {
    width: 47.5%;
    padding: unset;
    border-radius: 18px;
    color: #848484;
    font-family: Roboto-Regular;
    font-size: 17px;
    height: 35px;
    padding-left: 2%;
}

#contact_email {
    width: 100% !important;
}

.img-captcha {
    width: 47.5%;
    border-radius: 18px;
    height: 35px;
}

.submit_form {
    width: 100% !important;
    background: #af0010;
    font-family: Roboto-Bold !important;
    color: white !important;
    font-size: 29px !important;
    cursor: pointer;
}

#footer .content .info {
    display: flex;
    justify-content: space-between;
    font-size: 16px;
}

#footer .content .info .item {
    position: relative;
}

#footer .content .info .item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: -16%;
    top: 0;
    height: 100%;
    width: 3px;
    background-color: #af0010;
}

#footer .content .info #socials {
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
}

#footer .content .info #connections {
    display: flex;
    flex-direction: column;
    gap: 25px;
    justify-content: center;
}

#footer .content .info .item .conection {
    display: flex;
    gap: 25px;
    font-family: Roboto-Regular;
}

#footer .content .info #menu-link {
    display: flex;
    gap: 80px;
    align-items: center;
}

#footer .content .info .item .row {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

#footer .content .info .item .row .link a {
    color: white !important;
}

#footer .content .info .row .link a:hover {
    color: #af0010 !important;
    text-decoration: none;
}

#footer .content .copyright {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    gap: 20px;
    font-family: Roboto-Regular;
    font-size: 14px;
    padding: 25px 0px 25px 0px;
    border-top: 3px solid #af0010;
}

#footer .content .copyright .rights {
    text-align: left;
}

#footer .content .copyright .developed {
    text-align: center;
}

#footer .content .copyright .clauses {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 15px;
}

#footer .content .copyright a {
    color: white !important;
}

@media (max-width: 1750px) {
    #footer .content .info .item:not(:last-child)::after {
        right: -9%;
    }
}

@media (max-width: 1680px) {
    #footer .content .info .item:not(:last-child)::after {
        display: none;
    }
}

@media (max-width: 1600px) {
    #footer .content .contact {
        flex-direction: column;
        align-items: center;
    }

    #footer .content .contact .left {
        width: 100%;
        text-align: center;
    }

    #footer .content .info {
        display: flex;
        justify-content: center;
        font-size: 20px;
        flex-direction: column;
        align-items: center;
        gap: 60px;
    }

    #footer .content .info #socials {
        display: flex;
        flex-direction: row;
        gap: 12px;
        justify-content: center;
    }
}

@media (max-width: 1000px) {
    #footer .content .copyright {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-areas: "rights developed";
        align-items: center;
        gap: 20px;
    }

    #footer .content .copyright .rights {
        text-align: left;
        grid-area: rights;
    }

    #footer .content .copyright .developed {
        text-align: right;
        grid-area: developed;
    }

    #footer .content .copyright .clauses {
        display: flex;
        justify-content: center;
        align-items: center;
        grid-column: 1 / -1;
    }
}

@media (max-width: 600px) {
    #footer .content .copyright {
        font-size: 12px;
        display: flex;
        align-items: center;
        gap: 20px;
        flex-direction: column;
    }

    #footer .content .copyright .clauses {
        gap: 8px;
    }

    #footer .content .info {
        font-size: 16px;
    }
}

@media (max-width: 500px) {
    #footer .content .contact #contact {
        width: 100%;
    }

    #footer .content .contact #contact .contacts-row {
        gap: 10px;
        display: flex;
        flex-direction: column;
    }

    #footer .content .contact #contact .contacts-row input {
        width: 96%;
        padding-right: 2%;
    }

    #footer .content .contact #contact .contacts-row select {
        width: 100%;
    }

    #contact_email {
        width: 96% !important;
    }

    .img-captcha {
        width: 100%;
    }

    .beyond-footer {
        font-size: 90px;
    }

    #footer .content .contact {
        gap: 30px;
    }

    #footer .content .info #footer-logo {
        width: 100%;
    }

    #footer .content .info #footer-logo img {
        width: 100%;
    }
}

/* PAGE ABOUT US */

#aboutus {
}

#aboutus .content {
    margin-bottom: 50px;
}

#aboutus .content .container {
    width: 100%;
    background-color: #efefef;
    border-radius: 36px;
    display: flex;
    padding-top: 5vw;
    padding-bottom: 5vw;
    font-family: Roboto-Regular;
}

#aboutus .content #bruno {
    width: 100%;
    background-color: #efefef;
    border-radius: 36px;
    display: flex;
    padding-top: 5vw;
    padding-bottom: 5vw;
    font-family: Roboto-Regular;
    flex-direction: row-reverse;
    margin-bottom: 100px;
}

#aboutus .content .container .image-block {
    width: 60%;
    position: relative;
}

#aboutus .content .container .image-block img {
    position: absolute;
    width: 30vw;
    top: 20%;
    left: 5vw;
}

#aboutus .content .container .image-block .bruno-image {
    position: absolute;
    width: 30vw;
    left: 5vw;
    bottom: -5vw;
    top: unset;
}

#aboutus .content .container .text-block {
    width: 61%;
    text-align: end;
    color: black;
}

#aboutus .content .container #text-bruno {
    width: 61%;
    text-align: left;
    color: black;
    padding-left: 70px;
}

#aboutus .content .container .text-block .description {
    width: 90%;
    font-size: 1vw;
    margin-bottom: 40px;
}

@media (max-width: 1550px) {
    #aboutus .content .container .text-block .description {
        font-size: 1.1vw;
    }

    #aboutus .content .container .image-block .bruno-image {
        position: absolute;
        width: 37vw;
        left: -2vw;
        bottom: -5vw;
        top: unset;
    }
}

@media (max-width: 1280px) {
    #aboutus .content .container .text-block .description {
        font-size: 1.3vw;
    }
    #aboutus .content .container .image-block img {
        top: 32%;
    }
}

@media (max-width: 1100px) {
    #aboutus .content .container {
        background-color: unset;
        display: flex;
        margin-top: unset;
        max-width: 100%;
        flex-direction: column-reverse;
        align-items: center;
        gap: 115px;
    }

    #aboutus .content #bruno {
        background-color: unset;
        display: flex;
        margin-top: unset;
        max-width: 100%;
        flex-direction: column-reverse;
        align-items: center;
        gap: 115px;
    }

    #aboutus .content .container .image-block .bruno-image {
        position: absolute;
        width: 354px;
        left: calc((100% - 354px) / 2);
        bottom: 0vw;
        top: unset;
    }

    #aboutus .content .container #text-bruno {
        width: 100%;
        text-align: center;
        color: black;
        padding-left: unset;
    }

    #aboutus .content .container .image-block {
        width: 100%;
        position: relative;
        background-color: #efefef;
        border-radius: 20px;
        height: 390px;
    }

    #aboutus .content .container .text-block {
        width: 100%;
        text-align: center;
    }

    #aboutus .content .container .text-block .description {
        width: 100%;
        font-size: 17px;
    }

    #aboutus .content .container .image-block img {
        position: absolute;
        width: 500px;
        left: calc((100% - 500px) / 2);
        top: 95px;
    }
}

@media (max-width: 650px) {
    #aboutus .content .container .image-block img {
        position: absolute;
        width: 300px;
        left: calc((100% - 300px) / 2);
        top: 125px;
    }
}

@media (max-width: 440px) {
    #aboutus .content .container .image-block .bruno-image {
        position: absolute;
        width: 290px;
        left: calc((100% - 290px) / 2);
        bottom: 0vw;
        top: unset;
    }

    #aboutus .content .container .image-block img {
        position: absolute;
        width: 230px;
        left: calc((100% - 230px) / 2);
        top: 145px;
    }
}

/*  PAGE NEWS LIST */

#news {
}

#news .section-description {
    padding-top: 100px;
    padding-bottom: 100px;
}

#news .content {
}

#news .content .news-categories {
    float: left;
    width: 100%;
    position: relative;
}

#news .content .news-categories .news-categories-list {
    float: left;
    width: 100%;
    margin-bottom: 80px;
    position: relative;
    display: flex;
    gap: 10px;
    border-top: 2px solid #af0010;
    padding-top: 30px;
}

#news .content .news-categories .news-categories-list .news-category {
    float: left;
}

#news .content .news-categories .news-categories-list .news-category a {
    border-radius: 7px;
    padding: 10px;
    color: #af0010;
    text-decoration: none;
    font-family: Roboto-Regular;
    font-size: 16px;
}

#news .content .news-categories .news-categories-list .news-category a:hover,
#news
    .content
    .news-categories
    .news-categories-list
    .news-category
    a.selected {
    background: #af0010;
    color: #fff;
}

#news .content .news-list {
    width: 100%;
    display: flex;
    font-family: Roboto-Regular;
	overflow: hidden;
}

#news .content .news-Swiper {
    width: 100%;
}

#news .content .news-Swiper .swiper-wrapper {
}

#news .content .news-Swiper .swiper-slide {
}

#news .content .news-list .news {
    float: left;
    width: 100%;
    padding: 0px;
    box-sizing: border-box;
    margin-bottom: 20px;
    position: relative;
}

#news .content .news-list .news-wrapper {
    float: left;
    width: 100%;
}

#news .content .news-list .news-wrapper-box {
    float: left;
    width: 100%;
    height: auto;
    overflow: hidden;
}

#news .content .news-list .news .news-category {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 16px;
    line-height: 31px;
    padding: 8px 20px;
    width: 62%;
    color: white;
    background: linear-gradient(
        270deg,
        #af001000,
        #af001000,
        #af0010,
        #af0010,
        #af0010,
        #af0010
    );
    color: white;
    border-top-left-radius: 20px;
}

#news .content .news-list .news .news-image {
    float: left;
    width: 100%;
    overflow: hidden;
    border-radius: 30px;
}

#news .content .news-list .news .news-image a {
    float: left;
    width: 100%;
    height: 252px;
    overflow: hidden;
}

#news .content .news-list .news .news-image a img {

}

#news .content .news-list .news .news-name {
    float: left;
    width: 100%;
    font-family: Roboto-Bold;
    font-size: 22px;
    line-height: 30px;
    margin-top: 23px;
    text-align: left;
    box-sizing: border-box;
    white-space: normal;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

#news .content .news-list .news .news-name a {
    text-decoration: none;
    color: black;
}

#news .content .news-list .news .news-name a:hover {
    color: #af0010;
}

#news .content .news-list .news .news-resume {
    float: left;
    width: 100%;
    font-family: Roboto-Light;
    font-size: 13px;
    line-height: 25px;
    color: #888888;
    margin-top: 20px;
    text-align: left;
    box-sizing: border-box;
    margin-bottom: 20px;
    white-space: normal;
	-webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

#news .content .news-list .news .news-resume a {
    text-decoration: none;
    color: black;
}

#news .content .news-list .news .news-date {
    width: 100%;
    height: 30px;
    font-family: Roboto-Light;
    color: #af0010;
    font-size: 15px;
    line-height: 30px;
    vertical-align: middle;
    display: table-cell;
    padding: 0 28px 0 28px;
    box-sizing: border-box;
    background: url("../images/banner/calendario-pequeno.png") no-repeat 0px
        center;
}

#news .blog-arrows {
    position: absolute;
    right: 0px;
    top: 26px;
    display: flex;
    gap: 23px;
}

#news #news-prev-button {
    background: url("../images/banner/arrow-right.svg");
    height: 35px;
    width: 35px;
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

#news #news-next-button {
    background: url("../images/banner/arrow-left.svg");
    height: 35px;
    width: 35px;
    background-repeat: no-repeat;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

#news .content .news-list .pager {
    margin-top: 80px;
}

#news .content .news-list .pager a {
    font-family: "Roboto-Medium";
    color: #cacaca;
    font-size: 16px;
    line-height: 25px;
    margin: 0 10px;
    text-decoration: none;
}

#news .content .news-list .pager a.selectedpage {
    color: #000000;
}

#news .content .news-list .pager a:hover {
    color: #000000;
}

#news .most-seen-content {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-bottom: 100px;
    gap: 75px;
}

#news .ms-title {
    display: flex;
    font-size: 24px;
    color: #8e6a3c;
    border-top: 1px solid #8e6a3c;
    font-family: Roboto-Bold;
    margin-bottom: 50px;
}

#news .ms-fullcontainer {
    width: 100%;
    display: flex;
    flex-direction: row;
    gap: 65px;
}

#news .ms-fullcontainer a {
    width: 65%;
}

#news .ms-bigcontainer {
    display: flex;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    border-radius: 25px;
    height: 650px;
    position: relative;
}

#news .ms-news-wrapper {
    display: flex;
    flex-direction: column;
    width: 100%;
}

#news .ms-news-image img {
    margin-top: 0 !important;
}

#news .ms-news-category {
    font-size: 40px;
    line-height: 31px;
    padding: 29px 28px;
    width: 450px;
    background: linear-gradient(
        270deg,
        #f3da9e00,
        #eccb87,
        #dca54e,
        #ba8239,
        #a56c2c,
        #9e6528
    );
    color: white;
    border-top-left-radius: 25px;
}

#news .ms-news-text {
    display: flex;
    flex-direction: column;
    color: white;
    background: linear-gradient(
        180deg,
        rgba(175, 0, 16, 0),
        rgba(175, 0, 16, 0.3),
        rgba(175, 0, 16, 0.5),
        rgba(175, 0, 16, 0.8),
        rgba(175, 0, 16, 1),
        rgba(175, 0, 16, 1)
    );
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    justify-content: center;
    padding-left: 4%;
    padding-right: 4%;
    bottom: 0;
    position: absolute;
    width: 92%;
	height: 320px;
}

#news .ms-news-name {
    font-family: Roboto-Bold;
    font-size: 35px;
    margin-bottom: 25px;
	line-height:1;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

#news .ms-news-resume {
    font-family: Roboto-Light;
    margin-bottom: 25px;
    font-size: 21px;
	line-height:1;
	-webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

#news .ms-news-date {
    width: 100%;
    height: 21px;
    font-family: Roboto-Light;
    color: white;
    font-size: 19px;
    padding: 0 20px 0 30px;
    box-sizing: border-box;
    background: url(../images/banner/calendario-pequeno-white.png) no-repeat 0px center;
    line-height:1;
}

#news .ms-smallcontainer {
    display: flex;
    width: 35%;
    flex-direction: column;
    align-items: center;
}

#news .ms-smallnews {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    border-radius: 25px;
    gap: 25px;
}

#news .ms-smallnews a {
    width: unset;
    overflow: hidden;
    border-radius: 25px;
    height: 340px;
}

#news .ms-smallnews img {
    height: 100%;
}

#news .ms-small-news-category {
    position: absolute;
    background: linear-gradient(
        270deg,
        #f3da9e00,
        #eccb87,
        #dca54e,
        #ba8239,
        #a56c2c,
        #9e6528
    );
    color: white;
    width: 206px;
    font-size: 20px;
    border-top-left-radius: 25px;
    padding: 8px 20px;
}

#news .ms-small-news-text {
    color: black;
}

#news .ms-small-news-name {
    font-family: Roboto-Bold;
    font-size: 27px;
    margin-bottom: 15px;
    line-height: 1;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

#news .ms-small-news-resume {
    font-family: Roboto-Light;
    font-size: 16px;
    margin-bottom: 15px;
	-webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

#news .ms-small-news-date {
    width: 100%;
    height: 21px;
    font-size: 17px;
    padding: 0 28px 0 28px;
    box-sizing: border-box;
    background: url(../images/banner/calendario-pequeno.png) no-repeat 0px
        center;
    font-family: Roboto-Light;
    color: #af0010;
}

#news .most-seen-content .ms-undernews {
    display: flex;
    justify-content: space-between;
}

#news .most-seen-content .ms-undernews .under {
    width: 32%;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

#news .most-seen-content .ms-undernews .under a {
    width: 100%;
    border-radius: 30px;
    overflow: hidden;
    height: 320px;
}

#news .most-seen-content .ms-undernews .under a img {

}

@media screen and (max-width: 1400px) {
    #news .blog-arrows {
        right: 0;
        top: -45px;
    }
}

@media screen and (max-width: 1250px) {
	#news .most-seen-content .ms-undernews {
        flex-wrap: wrap;
        gap: 40px;
    }
	
	#news .most-seen-content .ms-undernews .under {
        width: 47%;
    }
	
    #news .section-description .related .related-list .related-news {
        width: 50%;
    }

    #news #related-section {
        display: flex;
        padding-bottom: 0;
        padding-top: 0;
        margin-bottom: -190px;
        flex-direction: column;
    }

    #news .section-description .related {
        float: left;
        width: 100%;
        border-top: 1px solid #bcbcbc;
        position: relative;
        top: -236px;
    }

    #news .section-description .related .related-list {
        float: left;
        width: 94%;
        display: flex;
        flex-direction: row;
        margin-top: 40px;
        gap: 6%;
    }
}

@media screen and (max-width: 1200px) {
    #news .content .news-categories .news-categories-list .news-category a {
        font-size: 14px;
    }
    #news .content .news-categories .news-categories-list {
        flex-wrap: wrap;
        row-gap: 25px;
    }
}

@media screen and (max-width: 1000px) {
	#news .ms-fullcontainer {
        flex-direction: column;
    }
	
	#news .ms-fullcontainer a {
         width: 100%;
    }
	
	#news .ms-smallcontainer {
        width: 100%;
    }
}

@media screen and (max-width: 800px) {
	 #news .most-seen-content .ms-undernews .under {
        width: 45%;
    }
}

@media screen and (max-width: 700px) {
    #news .ms-news-category {
        font-size: 31px;
        line-height: 31px;
        padding: 29px 28px;
        width: 320px;
        background: linear-gradient(
            270deg,
            #f3da9e00,
            #eccb87,
            #dca54e,
            #ba8239,
            #a56c2c,
            #9e6528
        );
        color: white;
        border-top-left-radius: 25px;
    }

    #news .section-description .news-item .news-image-wrapper {
        overflow: hidden;
        position: relative;
        height: 500px;
        border-radius: 25px;
    }

    #news .section-description .news-item .news-data {
        padding-right: 20px;
        padding-left: 20px;
    }

    #news .section-description .news-item .news-data .news-name {
        font-size: 22px;
        line-height: 20px;
    }

    #news .resume {
        margin-bottom: 20px;
        font-size: 15px;
    }
}

@media screen and (max-width: 630px) {
    #news {
        background: #ffffff;
        margin-top: 0px;
    }
}

@media screen and (max-width: 600px) {
    #news .most-seen-content .ms-undernews .under {
        width: 100%;
    }
}

@media screen and (max-width: 440px) {
    #news .ms-fullcontainer a {
        width: 100%;
    }

    #news .ms-small-news-text {
    }

    #news .ms-bigcontainer {
        display: flex;
        width: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        height: 400px;
        border-radius: 25px;
    }

    #news .ms-news-text {
        display: flex;
        flex-direction: column;
        margin-top: 108px;
        color: white;
        background: linear-gradient(
            180deg,
            rgba(175, 0, 16, 0),
            rgba(175, 0, 16, 0.3),
            rgba(175, 0, 16, 0.5),
            rgba(175, 0, 16, 0.8),
            rgba(175, 0, 16, 1),
            rgba(175, 0, 16, 1)
        );
        border-radius: 25px;
        height: unset;
        justify-content: center;
        padding-left: 6%;
        padding-top: 80px;
        padding-right: 6%;
        padding-bottom: 35px;
        width: 88%;
    }

    #news .ms-news-category {
        font-size: 28px;
        line-height: 31px;
        padding: 7px 25px;
        width: 270px;
        background: linear-gradient(
            270deg,
            #f3da9e00,
            #eccb87,
            #dca54e,
            #ba8239,
            #a56c2c,
            #9e6528
        );
        color: white;
        border-top-left-radius: 25px;
    }

    #news .ms-smallcontainer {
        width: 100%;
    }

    #news .ms-smallnews a {
        width: unset;
        overflow: hidden;
        border-radius: 25px;
    }

    #news .ms-smallnews {
    }

    #news .ms-small-news-category {
        position: absolute;
        background: linear-gradient(
            270deg,
            #f3da9e00,
            #eccb87,
            #dca54e,
            #ba8239,
            #a56c2c,
            #9e6528
        );
        color: white;
        width: 270px;
        font-size: 28px;
        border-top-left-radius: 25px;
        padding: 7px 25px;
    }

    #news .section-description .news-list .news {
        float: left;
        width: 100%;
        padding: 0px;
        box-sizing: border-box;
        margin-bottom: 20px;
        position: relative;
        margin-right: 40px;
    }

    #news .section-description .news-list .news .news-image a {
        height: 400px;
    }

    #news .section-description .related .related-list {
        float: left;
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-top: 40px;
        gap: 5%;
    }

    #news .section-description .related .related-list .related-news {
        width: 100%;
    }

    #news .ms-news-name {
        font-size: 20px;
        margin-bottom: 10px;
    }

    #news .ms-news-resume {
        margin-bottom: 15px;
        font-size: 13px;
    }

    #news .ms-small-news-name {
        font-size: 20px;
        margin-bottom: 10px;
    }

    #news .ms-small-news-resume {
        font-size: 15px;
        margin-bottom: 15px;
    }

    #news .article-news-category {
        position: absolute;
        color: white;
        font-size: 29px;
        line-height: 31px;
        padding: 9px 28px;
        width: 245px;
        background: linear-gradient(
            270deg,
            #f3da9e00,
            #eccb87,
            #dca54e,
            #ba8239,
            #a56c2c,
            #9e6528
        );
        color: white;
        border-top-left-radius: 25px;
    }

    #news .article-news-socials {
        position: absolute;
        right: 16px;
        top: 13px;
    }

    #news .section-description .related {
        float: left;
        width: 100%;
        border-top: 1px solid #bcbcbc;
        position: relative;
        top: -213px;
    }

    #news .section-description .related .related-title {
        float: left;
        width: 100%;
        font-family: Roboto-Bold;
        font-size: 30px;
        line-height: 30px;
        color: #000000;
        margin-top: 33px;
        text-align: left;
    }

    #news .most-seen-content .ms-undernews .under {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    #news .most-seen-content .ms-undernews {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        gap: 70px;
    }

    #news .most-seen-content .ms-undernews .under a {
        width: 100%;
        border-radius: 30px;
        overflow: hidden;
    }
}

/* NEWS VIEW PAGE */

#news-view{
	
}

#news-view .content{
    display: flex;
    margin-top: 100px;
    gap: 5%;
}

#news-view .content .news-item {
    float: left;
    width: 65%;
    display: flex;
    flex-direction: column;
}

#news-view .content .news-item .news-image {
    float: left;
    width: 100%;
    box-sizing: border-box;
    border-radius: 25px;
}

#news-view .content .news-item .news-image-wrapper {
    overflow: hidden;
    position: relative;
    height: 750px;
    border-radius: 25px;
}

#news-view .content .news-item .news-image-wrapper img {
    width: 100%;
    border-radius: 25px;
    object-fit: cover;
    height: -webkit-fill-available;
}


#news-view .content .news-item .news-data .news-category {
    display: table;
    background-image: linear-gradient(to right, #6b54a2, #d11987) !important;
    border-radius: 20px;
    color: #ffffff;
    font-size: 18px;
    line-height: 31px;
    padding: 3px 20px;
}

#news-view .content .news-item .news-data .news-date {
    width: 100%;
    margin-top: 28px;
    font-family: "Roboto-Regular";
    font-size: 14px;
    line-height: 25px;
    color: #bcbcbc;
}

#news-view .content .news-item .news-data .news-date span {
    background: url("../images/banner/bg-news-calendar.png") no-repeat left center;
    padding: 2px 30px;
}

#news-view .content .news-item .news-data .news-content {
    width: 100%;
    margin-top: 25px;
    font-size: 16px;
    line-height: 25px;
    color: #888888;
}

#news-view .content .news-item .news-data .news-content .resume {
    margin-bottom: 25px;
    font-size: 17px;
    color: #000000;
}

#news-view .resume {
    margin-bottom: 20px;
}

#news-view .content .news-item .news-data .news-content p {
    line-height: 25px !important;
}

#news-view .article-news-category {
    position: absolute;
    color: white;
    font-size: 2vw;
    line-height: 31px;
    padding: 1.7vw 8vw 1.7vw 4vw;
    width: unset;
    background: linear-gradient(
        270deg,
        #af001000,
        #af001000,
        #af0010,
        #af0010,
        #af0010,
        #af0010
    );
    color: white;
    border-top-left-radius: 25px;
}

#news-view .news-item .news-data {
    display: flex;
    flex-direction: column;
    color: white;
    background: linear-gradient(
        180deg,
        rgba(175, 0, 16, 0),
        rgba(175, 0, 16, 0.3),
        rgba(175, 0, 16, 0.5),
        rgba(175, 0, 16, 0.8),
        rgba(175, 0, 16, 1),
        rgba(175, 0, 16, 1)
    ) !important;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    height: unset;
    justify-content: center;
    padding-left: 3%;
    position: relative;
    width: 94%;
    padding-right: 3%;
    bottom: 0;
    position: absolute;
    padding-top: 6%;
    padding-bottom: 6%;
	gap:12px;
}

#news-view .article-news-content {
    position: relative;
    width: 100%;
    color: black;
    font-family: Roboto-Regular;
    padding: 50px 0;
    font-size: 17px;
}

#news-view .content .news-item .button-back {
    float: left;
    width: 100%;
    text-align: left;
    position: relative;
    border-top: 2px solid #af0010;
    width: 100%;
    padding: 30px 0;
}

#news-view .related {
    width: 35%;
    display: flex;
    flex-direction: column;
}

#news-view .content .related .related-list .related-news .related-news-category {
    position: absolute;
    background: linear-gradient(
        270deg,
        #af001000,
        #af001000,
        #af0010,
        #af0010,
        #af0010,
        #af0010
    );
    border-top-left-radius: 25px;
    color: #ffffff;
    font-family: Roboto-Regular;
    font-size: 18px;
    line-height: 31px;
    padding: 3px 70px 3px 20px;
}

#news-view .content .news-item .news-data .news-name {
    width: 100%;
    margin-top: 50px;
    font-family: Roboto-Bold;
    font-size: 30px;
    line-height: 39px;
    color: white;
    margin-bottom: 20px;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

#news-view .resume {
    margin-bottom: 30px;
    font-family: Roboto-Light;
    font-size: 18px;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

#news-view .article-news-date {
    width: 100%;
    height: 21px;
    font-family: Roboto-Regular;
    color: white;
    font-size: 17px;
    padding: 0 28px 0 28px;
    box-sizing: border-box;
    background: url(../images/banner/calendario-pequeno-white.png) no-repeat 0px
        center;
}

#news-view .content .related .related-list .related-news .related-news-resume a {
    text-decoration: none;
    color: black;
    font-family: Roboto-Light;
}

#news-view .content .related .related-title {
    float: left;
    width: 100%;
    font-family: Roboto-Bold;
    font-size: 30px;
    line-height: 30px;
    color: #000000;
    margin-top: 10px;
    text-align: left;
}

#news-view .content .related .related-list {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 40px;
}

#news-view .content .related .related-list .related-news {
    float: left;
    padding: 0 0px;
    box-sizing: border-box;
    margin-bottom: 50px;
    position: relative;
}

#news-view .content .related .related-list .related-news-wrapper {
    float: left;
    width: 100%;
}

#news-view .content .related .related-list .related-news-wrapper-box {
    float: left;
    width: 100%;
}

#news-view .content .related .related-list .related-news .related-news-image {
    float: left;
    width: 100%;
    overflow: hidden;
    border-radius: 25px;
}

#news-view .content .related .related-list .related-news .related-news-image a {
    float: left;
    width: 100%;
    height: 225px;
    overflow: hidden;
}

#news-view .content .related .related-list .related-news .related-news-name {
    float: left;
    width: 100%;
    font-size: 22px;
    line-height: 30px;
    color: #000000;
    margin-top: 23px;
    text-align: left;
    box-sizing: border-box;
	-webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
}

#news-view .content .related .related-list .related-news .related-news-name a {
    text-decoration: none;
    color: black;
    font-family: Roboto-Bold;
	
}

#news-view .content .related .related-list .related-news .related-news-name a:hover {
    color: #843e94;
}

#news-view .content .related .related-list .related-news .related-news-resume {
    float: left;
    width: 100%;
    font-size: 15px;
    line-height: 25px;
    color: black;
    margin-top: 10px;
    text-align: left;
    box-sizing: border-box;
	-webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
	margin-bottom: 10px;
}

#news-view .content .related .related-list .related-news .related-news-resume a {
    text-decoration: none;
    color: black;
}

#news-view .content .related .related-list .related-news .related-news-date {
    width: 100%;
    height: 30px;
    color:  black;
    font-size: 14px;
    line-height: 30px;
    vertical-align: middle;
    display: table-cell;
    padding: 0 28px 0 28px;
    box-sizing: border-box;
    background: url(../images/banner/calendario-pequeno.png) no-repeat 0px center;
	font-family:Roboto-Light;
}

#news-view .article-news-category {
    position: absolute;
    color: white;
    font-size: 40px;
    line-height: 31px;
    padding: 29px 28px;
    width: 450px;
    background: linear-gradient(
        270deg,
        #af001000,
        #af001000,
        #af0010,
        #af0010,
        #af0010,
        #af0010
    );
    color: white;
    border-top-left-radius: 25px;
}

#news-view .article-news-socials {
    position: absolute;
    right: 35px;
    top: 30px;
}

@media (max-width: 1050px) {
    #news-view .content {
        flex-direction: column;
    }

    #news-view .news-item {
        width: 100% !important;
    }

    #news .content .related .related-list {
        float: left;
        width: 100%;
        display: flex;
        flex-direction: row;
        margin-top: 40px;
        gap: 4%;
    }

    #news-view .related {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    #news .content .related .related-list .related-news {
        float: left;
        padding: 0 0px;
        box-sizing: border-box;
        margin-bottom: 50px;
        position: relative;
        width: 48%;
    }
}

@media (max-width: 650px) {
	#news-view .content .news-item .news-image-wrapper {
    overflow: hidden;
    position: relative;
    height: 440px;
    border-radius: 25px;
    }
	
	#news-view .article-news-category {
    position: absolute;
    color: white;
    font-size: 4vw;
    line-height: 31px;
    padding: 1.7vw 8vw 1.7vw 4vw;
    width: unset;
    background: linear-gradient(270deg, #af001000, #af001000, #af0010, #af0010, #af0010, #af0010);
    color: white;
    border-top-left-radius: 25px;
    }
	
	#news-view .content .news-item .news-data .news-name {
    width: 100%;
    margin-top: 0;
    font-size: 20px;
    line-height: 1;
    color: white;
    margin-bottom: 0;
    }
	
	#news-view .resume {
    margin-bottom: 0;
    font-size: 14px;
    }
	
	#news-view .article-news-date {
    width: 100%;
    height: 21px;
    font-family: Roboto-Regular;
    color: white;
    font-size: 3vw;
    padding: 0 28px 0 28px;
    box-sizing: border-box;
    background: url(../images/banner/calendario-pequeno-white.png) no-repeat 0px center;
    } 
}

@media (max-width: 440px) {
    #news .content .related .related-list {
        flex-direction: column;
    }

    #news .content .related .related-list .related-news {
        width: 100%;
    }

    #news-view .news-item .news-image-wrapper {
        height: 400px !important;
    }

    #news .resume {
        margin-bottom: 20px;
        font-size: 14px;
        margin-top: 20px;
    }

    #news-view .article-news-category {
        font-size: 18px;
		padding: 3px 70px 3px 20px;
    }

    #news .content .news-item .news-data .news-name {
        width: 100%;
        margin-top: 50px;
        font-family: Roboto-Bold;
        font-size: 20px;
        line-height: 20px;
        color: white;
    }
}

/* PAGE PROPERTIES RESULTS */

#properties{
	background:white;
	margin-top:40px;
}

#properties .section-content{
	float:left;
	width:100%;
}

#properties .property-list-header{
	margin-bottom: 25px;
	background-color:#EFEFEF;
	padding-bottom: 60px;
}

#search_bathroom{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../images/banner/bath.png') no-repeat right 20px center,
                url('../images/banner/arrow.png') no-repeat right 50px center;
}

#search-certificate-energy{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../images/banner/energy.png') no-repeat right 20px center,
                url('../images/banner/arrow.png') no-repeat right 50px center;
}

#list-order, #list-sort{
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url('../images/banner/arrow.png') no-repeat right 20px center;
	padding: 12px 55px 12px 12px;
    border: 1px solid #ddd;
    border-radius: 25px;
    font-size: 16px;
    outline: none;
    transition: 0.3s;
    font-family: Roboto-Regular;
    box-sizing: border-box;
    background-color: white;
    box-shadow: 0px 3px 6px #00000066;
}

#search_garage {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(../images/banner/garage.png) no-repeat right 20px center;
}

#properties .property-list-header .search{
	width:85%;
	position:relative;
	display: flex;
    justify-content: center;
	height: 100%;
    align-items: center;
	margin-left:7.5%;
}

#properties .property-list-header .search .content {
    border-radius: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 100%;
}

#properties .property-list-header .search .first-row {
    display: flex;
    gap: 10px;
    width: 100%;
}

#properties .property-list-header .search .first-row select,
#properties .property-list-header .search .first-row input {
    flex: 1;
	padding: 12px;
    border: 1px solid #ddd;
    border-radius: 25px;
    font-size: 16px;
    outline: none;
    transition: 0.3s;
	font-family:Roboto-Regular;
	box-sizing: border-box;
	background-color:white;
	box-shadow: 0px 3px 6px #00000066;
}

#properties .property-list-header .search .second-row {
    display: flex;
    gap: 10px;
    width: 100%;
}

#properties .property-list-header .search .price-block,
#properties .property-list-header .search .area-block,
#properties .property-list-header .search .year-block,
#properties .property-list-header .search .tipology-block  {
    flex: 1;
    display: flex;
    flex-direction: column;
    background: white;
    padding: 20px;
    border-radius: 25px;
    gap: 15px;
    font-size: 14px;
	box-shadow: 0px 3px 6px #00000066;
}

#properties .property-list-header .search .title {
    margin-bottom: 5px;
    color: #848484;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#properties .property-list-header .search .prices,
#properties .property-list-header .search .areas,
#properties .property-list-header .search .years {
    display: flex;
    gap: 8px;
}

#properties .property-list-header .search .tipologies {
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
    height: 100%;
}

#properties .property-list-header .search input[type="text"] {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 25px;
    transition: 0.3s;
}

#properties .property-list-header .search input[type="text"]:focus,
#properties .property-list-header .search select:focus {
    border-color: #007bff;
    box-shadow: 0 0 5px rgba(0, 123, 255, 0.3);
}

#properties .property-list-header .tipology-checkbox {
    display: inline-block;
    position: relative;
    cursor: pointer;
}

#properties .property-list-header .tipology-checkbox input[type="checkbox"] {
    display: none;
}

#properties .property-list-header .tipology-checkbox .checkbox-custom {
    display: inline-block;
    width: 50px;
    height: 40px;
    border: 2px solid #ddd;
    border-radius: 4px;
    text-align: center;
    line-height: 40px;
    color: #333;
    font-weight: bold;
    transition: all 0.2s ease;
	font-size:1.4rem;
}


#properties .property-list-header .tipology-checkbox input[type="checkbox"]:checked + .checkbox-custom {
    background-color: #007bff;
    border-color: #007bffb5; 
    color: white; 
}

#properties .property-list-header .tipology-checkbox:hover .checkbox-custom {
    border-color: #777;
}

#properties .property-list-header .tipology-checkbox input[type="checkbox"]:checked + .checkbox-custom + span {
    font-weight: bold;
    color: #4CAF50; 
}

#properties .property-list-header .tipology-checkbox span {
    font-size: 14px;
}

#properties .property-list-header .search #search_submit {
    padding: 12px;
    background-color: #AF0010;
    color: white;
    font-size: 16px;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    transition: 0.3s;
	width:50.5%;
	box-shadow: 0px 3px 6px #00000066;
	display:flex;
	gap:15px;
	justify-content: center;
}

.first-row, .second-row {
    transform-origin: top;
    max-height: 1000px; 
    transition: transform 0.5s ease-in-out, max-height 0.5s ease-in-out;
}

.third-row {
    display: flex;
	position: relative;
    width: 100%;
	justify-content: center;
}

#properties .third-row .searching{
	display:flex;
	gap:0.5%;
	width:100%;
}

#properties .title-order{
	display: flex;
    color: black;
    justify-content: space-between;
    align-items: center;
	margin: 45px 4px;
}

#properties .title-order .text{
	font-size: 45px;
    font-family: Roboto-Bold;
}

#properties .exterior-search{
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
}

#properties  .exterior-search .sorting-order{
	display: flex;
    justify-content: center;
    align-items: center;
    gap: 14px;
}

#properties  .exterior-search .sorting-order .orderby{
	font-size:16px;
}

#properties .property-list-header .search .content.collapsed {
    gap: 0;
}

.third-row.collapsed {
    gap: 0;
	margin-top:0;
}

.clear-filters {
    padding: 12px;
    background: black;
    color: white;
    font-size: 16px;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    transition: 0.3s;
	width:49%;
	box-shadow: 0px 3px 6px #00000066;
	text-align:center;
	text-decoration:none;
}

.clear-filters:hover {
    background-color: #d32f2f;
}

.toggle-filters {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
	background: deepskyblue;
    padding: 5px 10px;
}

.toggle-filters:hover {
    color: #007bff;
}

#properties .property-list-header .search #search_submit:hover {
    background: #0056b3;
}

#properties .title-counter{
	margin-bottom: 25px;
}

#properties .property-list {
    float: left;
    width: 100%;
    text-align: center;
	display:flex;
	gap:1%;
	flex-wrap: wrap;
}

#properties .property-list a {
    cursor: pointer;
}

#properties .property-list .property-item {
    width: 24.25%;
    box-sizing: border-box;
    position: relative;
    transition: all 1s ease-in-out;
    vertical-align: top;
    margin-bottom: 30px;
    float: left;
    transition: height 0.3s ease-in-out;
    right: unset;
}

#properties .property-list .property-item:nth-child(4n + 1) {
    clear: left;
}

#properties .property-list .property-item .image {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    transition: 0.5s all;
    height: 246px;
    border-radius: 25px;
}

#properties .property-list .property-item .image .image-over {
    position: absolute;
    top: 0;
    left: 0;
    height: 207px;
    background: #af0010;
    opacity: 0.5;
    text-align: center;
    display: none;
}


#properties .property-list .property-item .image div {
    position: absolute;
    width: 100%;
    color: #ffffff;
    font-size: 15px;
    text-transform: uppercase;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
    text-align: left;
}

#properties .property-list .property-item .title {
    float: left;
    width: 100%;
    font-size: 21px;
    text-transform: uppercase;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 0;
    line-height: 20px;
    max-height: 105px;
    overflow: hidden;
}

#properties .property-list .property-item .category {
    float: left;
    width: 100%;
	margin-top:15px;
	height:28px;
	text-align:left;
}

#properties .property-list .property-item .category img {
    width: 120px;
}

#properties .property-list .property-item .local {
    float: left;
    width: 100%;
    line-height: 28px;
    color: #af0010;
    font-size: 18px;
    text-align: left;
    margin: 15px 0px;
}

#properties .property-list .property-item .price {
    float: left;
    width: 100%;
    line-height: 35px;
    color: #000000;
    font-size: 25px;
    text-align: left;
    position: relative;
}

#properties .property-list .property-item .features {
    float: left;
    width: 100%;
    height: 75px;
    overflow: hidden;
    position: relative;
    background: #ffffff;
    padding: 7px;
    padding-top: 17px;
    margin-top: 10px;
    border-top: 2px solid #af0010;
    box-sizing: border-box;
    text-align: left;
    display: flex;
    gap: 25px;
	align-items: center;
}

#properties .property-list .property-item .features .feature{
	display: flex;
    align-items: center;
    gap: 10px;
	color:black;
}

#properties .property-list .property-item .features .icon{
	
}

#properties .sold-background{
	
}

.sold-image {
    filter: grayscale(100%) brightness(50%);
}

.image {
    position: relative;
}

.sold-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(175, 1, 2, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 24px;
    font-weight: bold;
    text-transform: uppercase;
    pointer-events: none;
}

#properties .pager{
	width: 100%;
    float: left;
    position:relative;
	display: flex;
    justify-content: center;
	margin: 50px 0px;
}

#properties .pager .content{
	display: flex;
    gap: 20px;
    justify-content: center;
	padding:10px;
	border:1px solid black;
	border-radius:25px;
}

#properties .pager .content a{
	color:black !important;
}

#properties .pager .content .selectedpage{
	color:red;
}

@media(max-width:1600px){
	#properties .property-list {
        flex-wrap: wrap;
		gap:2%;
    }
	
	#properties .property-list .property-item {
        width: 32%;
    }
}

@media(max-width:1220px){
	#properties .property-list {
		gap:4%;
    }
	
	#properties .property-list .property-item {
        width: 48%;
    }
	
	#properties .property-list .property-item .image {
        height: 290px;
    }
}

@media(max-width:1000px){
	#properties .property-list-header .search .first-row {
        flex-wrap: wrap;
        row-gap: 15px;
        column-gap: 5%;
    }
	
	#properties .property-list-header .search .second-row {
        flex-wrap: wrap;
        row-gap: 15px;
        column-gap: 5%;
    }
	
	#properties .property-list-header .search .first-row select, #properties .property-list-header .search .first-row input {
        width: 47.5%;
		flex: unset;
    }

	#properties .property-list-header .search .price-block, #properties .property-list-header .search .area-block, #properties .property-list-header .search .year-block, #properties .property-list-header .search .tipology-block {
        flex: unset;
	    width:47.5%;
		box-sizing: border-box;
    }
}

@media(max-width:900px){
	#properties .property-list-header .search .tipology-block {
		width:100%;
	}
	
	.third-row {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 25px;		
    }
	
	#properties .third-row .exterior-search {
    display: flex;
    position: unset;
    gap: 20px;
    }
}

@media(max-width:768px){
	#properties .property-list .property-item {
        width: 100%;
    }
	
	#properties .property-list .property-item .image {
        height: 320px;
    }
}

@media(max-width:660px){
	#properties .title-order {
		flex-direction: column;
        gap: 25px
	}
}

@media(max-width:550px){
	#properties .exterior-search .sorting-order .orderby {
        font-size: 12px;
    }
	
	#list-order, #list-sort {
        background: url(../images/banner/arrow.png) no-repeat right 10px center;
        padding: 8px 44px 8px 8px;
        border: 1px solid #ddd;
        border-radius: 25px;
        font-size: 12px;
    }
}

@media(max-width:500px){
	#properties .property-list-header .search .first-row {
        flex-wrap: unset;
        flex-direction:column;
    }
	
	#properties .property-list-header .search .first-row select, #properties .property-list-header .search .first-row input {
        width: 100%;
    }
	
	#properties .property-list-header .search .second-row {
        flex-wrap: unset;
        flex-direction:column;
    }
     
    #properties .property-list-header .search .price-block, #properties .property-list-header .search .area-block, #properties .property-list-header .search .year-block, #properties .property-list-header .search .tipology-block {
        flex: unset;
	    width:100%;
    }	 
}

@media(max-width:440px){
	#properties .property-list .property-item .image {
        height: 250px;
    }
	
	#properties .property-list-header .tipology-checkbox .checkbox-custom {
        width: 35px;
        height: 35px;
        line-height: 35px;
        font-size: 1.2rem;
    }
	
	#properties .property-list .property-item .features {
		gap:15px;
	}
	
	#properties .property-list .property-item .features .feature {
        gap: 5px;
    }
    
	#icon-area{
        width:37px;
	}
}

/* PROPERTIES VIEW PAGE BOTH COMERCIAL AND RESIDENTIAL */

#property-view {
    margin-top: 100px;
    position: relative;
}

#property-view .content {
    width: 1000px;
    margin-left: calc((100% - 1000px) / 2);
    display: flex;
    flex-direction: column;
    color: black;
    gap: 25px;
    line-height: 1;
}

#property-view .content .button-back {
    font-family: Roboto-Light;
    font-size: 20px;
    cursor: pointer;
}

#property-view .content .image-slider {
    width: 1000px;
    margin-left: calc((100% - 1000px) / 2);
    height: 493px;
    position: relative;
    overflow: hidden;
    display: flex;
    gap: 6%;
    justify-content: space-between;
}

#property-view .content .image-slider .swiper-container {
    width: 100%;
    height: 100%;
	border-radius:30px;
}

#property-view .content .image-slider .main-slider {
    width: 88%;
    float: left;
    overflow: hidden;
}

#property-view .content .image-slider .thumbs-slider {
    width: 24%;
    float: left;
    height: 100%;
}

#property-view .content .image-slider .thumbs-slider .swiper-slide {
    cursor: pointer;
    height: calc((100% / 4) - 10px) !important;
    overflow:hidden;
    border-radius:30px;	
}

#property-view .swiper-slide img {
    width: 100%;
    height: auto;
	border-radius: 30px;
}

#property-view .content .category img{
    width:180px;	
}

#property-view .content .title {
    font-size: 40px;
}

#property-view .content .local {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 25px;
    font-family: Roboto-Bold;
}

#property-view .content .price {
    font-size: 40px;
    font-family: Roboto-Bold;
}

#property-view .content .property-features {
    border-top: 2px solid #af0010;
    border-bottom: 2px solid #af0010;
    padding: 35px 0px;
    display: flex;
    gap: 40px;
}

#property-view .content .property-features .feature {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 25px;
    font-family: Roboto-Light;
}

#property-view .content .description-title {
    font-size: 25px;
}

#property-view .content .property-description {
    font-size: 17px;
    margin-bottom: 100px;
    font-family: Roboto-Regular;
}

#property-view .property-form {
    background: #efefef;
    width: 100%;
}

#property-view .property-form .title {
    text-align: center;
    width: 1000px;
    margin-left: calc((100% - 1000px) / 2);
    color: #af0010;
    font-family: Roboto-Bold;
    font-size: 30px;
    padding-top: 80px;
    padding-bottom: 50px;
    line-height: 1;
}

#property-view .property-form form {
    width: 1000px;
    margin-left: calc((100% - 1000px) / 2);
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding-bottom: 80px;
}

#property-view .property-form form .contacts-row {
    width: 100%;
    gap: 5%;
    display: flex;
}

#property-view .property-form form .contacts-row input {
    width: 45.5%;
    padding: unset;
    padding-block: unset;
    padding-inline: unset;
    border: none;
    border-radius: 18px;
    color: #848484;
    font-family: Roboto-Regular;
    font-size: 17px;
    height: 35px;
    padding-left: 2%;
    padding-right: 2%;
}

#property-view .property-form form .contacts-row #property_email {
    width: 100%;
}

#property-view .property-form form .contacts-row #property_message {
    width: 100%;
    padding: unset;
    padding-block: unset;
    padding-inline: unset;
    border: none;
    border-radius: 18px;
    color: #848484;
    font-family: Roboto-Regular;
    font-size: 17px;
    height: 110px;
    padding-left: 2%;
    padding-top: 1%;
    padding-right: 2%;
}

#property-view .property-form form .contacts-row #property_submit {
    width: 100% !important;
    background: #af0010;
    font-family: Roboto-Bold !important;
    color: white !important;
    font-size: 29px !important;
    cursor: pointer;
}

@media (max-width: 1070px) {
    #property-view .content {
        width: 90%;
        margin-left: 5%;
    }
    #property-view .content .image-slider {
        width: 100%;
        margin: unset;
        height: unset;
        flex-direction: column;
        gap: 20px;
    }

    #property-view .content .image-slider .main-slider {
        width: 100%;
    }

    #property-view .content .image-slider .thumbs-slider {
        width: 100%;
    }

    #property-view .property-form .title {
        width: 90%;
        margin-left: 5%;
    }

    #property-view .property-form form {
        width: 90%;
        margin-left: 5%;
    }
}

@media (max-width:800px){
	#property-view .content .property-features .feature {
        font-size: 16px !important;
    }
	
	#property-view .content .property-features {
        gap: 30px !important;
		flex-wrap: wrap;
    }
}

@media (max-width: 500px) {
    #property-view .content .title {
        font-size: 25px;
    }
    #property-view .content .price {
        font-size: 30px;
    }
    #property-view .property-form form .contacts-row {
        gap: 10px;
        flex-direction: column;
    }
    #property-view .property-form form .contacts-row input {
        width: 96%;
    }
    #property-view .property-form form .contacts-row #property_email {
        width: 96%;
    }
    #property-view .property-form form .contacts-row #property_message {
        width: 96%;
    }
}

/* MARKET STUDIES LIST */

#market {
}

#market .section-description {
    padding-top: 100px;
    padding-bottom: 100px;
}

#market.content {
}

#market .content .studies-categories {
    float: left;
    width: 100%;
    position: relative;
}

#market .content .studies-categories .studies-categories-list {
    float: left;
    width: 100%;
    margin-bottom: 80px;
    position: relative;
    display: flex;
    gap: 10px;
    border-top: 2px solid #848484;
    padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 2px solid #848484;
}

#market
    .content
    .studies-categories
    .studies-categories-list
    .studies-category {
    float: left;
}

#market
    .content
    .studies-categories
    .studies-categories-list
    .studies-category
    a {
    border-radius: 7px;
    padding: 10px;
    color: #848484;
    text-decoration: none;
    font-family: Roboto-Regular;
    font-size: 16px;
}

#market
    .content
    .studies-categories
    .studies-categories-list
    .studies-category
    a:hover,
#market
    .content
    .studies-categories
    .studies-categories-list
    .studies-category
    a.selected {
    background: #848484;
    color: #fff;
}

#market .content {
    display: flex;
    flex-direction: column;
}

#market .content .studies-list {
    display: flex;
    flex-direction: column;
    gap: 100px;
    padding-bottom: 100px;
}

#market .content .studies-list .category-title {
    font-size: 45px;
    margin: 30px 0 20px;
    color: black;
	line-height:1;
}

#market .content .studies-list .study {
    display: flex;
    width: 100%;
}

#market .content .studies-list .study.left .container {
    flex-direction: row;
    width: 100%;
    position: relative;
}

#market .content .studies-list .study.right .container {
    flex-direction: row;
    width: 100%;
    position: relative;
}

#market .content .studies-list .study .container {
    display: flex;
    width: 100%;
    position: relative;
}

#market .content .studies-list .study .container .image.left {
    position: relative;
    left: 30px;
}

#market .content .studies-list .study .container .image.right {
    position: relative;
    right: 30px;
}

#market .content .studies-list .study .container .image {
    width: 50%;
    z-index: 1;
    border-radius: 20px;
}

#market .content .studies-list .study .container .image a {
}

#market .content .studies-list .study .container .image a img {
    width: 100%;
    border-radius: 20px;
    height: 27vw;
}

#market .content .studies-list .study .container .info.left {
    position: relative;
    right: 30px;
    text-align: left;
}

#market .content .studies-list .study .container .info.right {
    position: relative;
    left: 30px;
}

#market .content .studies-list .study .container .info {
    width: 20%;
    background: #efefef;
    bottom: 50px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 15%;
    padding-right: 15%;
    height: 27vw;
}

#market .content .studies-list .study .container .info a{
	font-size: 1.1vw;
}

#market .content .studies-list .study .container .info .title {
    color: black;
    font-size: 2vw;
    line-height: 1;
    border-bottom: 2px solid #af0010;
    padding-bottom: 20px;
}

#market .content .studies-list .study .container .info .resume {
    color: black;
    font-family: Roboto-Light;
    padding-top: 20px;
    font-size: 1vw;
    padding-bottom: 20px;
}

#market .content .studies-list .study .container .info .resume a {
    font-size: 20px;
}

@media (max-width: 1200px) {
    #market
        .content
        .studies-categories
        .studies-categories-list
        .studies-category
        a {
        font-size: 14px;
    }
    #market .content .studies-categories .studies-categories-list {
        flex-wrap: wrap;
        row-gap: 25px;
    }
    #market .content .studies-list .study.left .container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    #market .content .studies-list .study.right .container {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
    }

    #market .content .studies-list .study .container .image {
        width: 80%;
    }

    #market .content .studies-list .study .container .image a img {
        height: 39vw;
    }

    #market .content .studies-list .study .container .info {
        width: 40%;
        background: #efefef;
        bottom: 50px;
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 20%;
        padding-right: 20%;
        height: 39vw;
    }
	
	#market .content .studies-list .study .container .info a {
        font-size: 2.1vw;
    }

    #market .content .studies-list .study .container .info .title {
        font-size: 3vw;
    }

    #market .content .studies-list .study .container .info .resume {
        font-size: 1.7vw;
    }
}

@media (max-width: 760px) {
    #market .content .studies-list {
        display: flex;
        flex-direction: column;
        gap: 50px;
        padding-bottom: 100px;
    }

    #market .content .studies-list .study .container .image {
        width: 85%;
    }

    #market .content .studies-list .study .container .image.left {
        position: relative;
        left: 15px;
    }

    #market .content .studies-list .study .container .image a img {
        height: 47vw;
    }

    #market .content .studies-list .study .container .info .title {
        padding-bottom: 1vw;
    }

    #market .content .studies-list .study .container .info .resume {
        padding-top: 1vw;
        padding-bottom: 1vw;
    }

    #market .content .studies-list .study .container .info.left {
        position: relative;
        right: 15px;
        text-align: left;
    }

    #market .content .studies-list .study .container .info {
        width: 45%;
        background: #efefef;
        bottom: 50px;
        border-radius: 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left: 20%;
        padding-right: 20%;
        height: 63vw;
    }

    #market .content .studies-list .study .container .info.right {
        position: relative;
        left: 15px;
    }

    #market .content .studies-list .study .container .image.right {
        position: relative;
        right: 15px;
    }
}

@media (max-width: 440px) {
    #market .content .studies-list .study .container .info {
        height: 75vw;
    }

    #market .content .studies-list .study .container .info .title {
        padding-bottom: 1vw;
        font-size: 4vw;
    }

    #market .content .studies-list .study .container .info .resume {
        padding-top: 1vw;
        padding-bottom: 1vw;
        font-size: 2.7vw;
    }
	
	#market .content .studies-list .study .container .info a {
    font-size: 3.1vw;
        padding-top: 5vw;
    }
}

/* MARKET STUDIES VIEW */

#market-view {
}

#market-view .content {
    display: flex;
    margin-top: 100px;
    gap: 5%;
}

#market-view .content .news-item {
    float: left;
    width: 65%;
    display: flex;
    flex-direction: column;
}

#market-view .news-item .news-image {
    float: left;
    width: 100%;
    box-sizing: border-box;
    border-radius: 25px;
}

#market-view .news-item .news-image-wrapper {
    height: 37vw;
    overflow: hidden;
    position: relative;
    border-radius: 25px;
}

#market-view .article-news-category {
    position: absolute;
    color: white;
    font-size: 2vw;
    line-height: 31px;
    padding: 1.7vw 8vw 1.7vw 4vw;
    width: unset;
    background: linear-gradient(90deg, rgba(132, 132, 132, 1) 0%, rgba(132, 132, 132, 0) 100%);
    color: white;
    border-top-left-radius: 25px;
}

#market-view .article-news-socials {
    position: absolute;
    right: 35px;
    top: 30px;
}

#market-view .content .news-item .news-image-wrapper img {
    width: 100%;
    border-radius: 25px;
    object-fit: cover;
    height: -webkit-fill-available;
}

#market-view .news-item .news-data {
    display: flex;
    flex-direction: column;
    color: white;
    background: linear-gradient(180deg, rgba(132, 132, 132, 0.1), rgba(132, 132, 132, 0.6), rgba(132, 132, 132, 0.6), rgba(132, 132, 132, 0.8), rgba(132, 132, 132, 1), rgba(132, 132, 132, 1)) !important;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    height: unset;
    justify-content: center;
    padding-left: 3%;
    position: relative;
    width: 94%;
    padding-right: 3%;
    bottom: 0;
    position: absolute;
    padding-top: 6%;
    padding-bottom: 6%;
}

#market-view .content .news-item .news-data .news-name {
    width: 100%;
    margin-top: 50px;
    font-size: 30px;
    line-height: 39px;
    color: white;
    margin-bottom: 20px;
}

#market-view .resume {
    margin-bottom: 30px;
    font-family: Roboto-Light;
    font-size: 18px;
}

#market-view .article-news-date {
    width: 100%;
    height: 21px;
    color: white;
    font-size: 17px;
    padding: 0 28px 0 28px;
    box-sizing: border-box;
    background: url(../images/banner/calendario-pequeno-white.png) no-repeat 0px
        center;
}

#market-view .article-news-content {
    position: relative;
    width: 100%;
    color: black;
    font-family: Roboto-Regular;
    padding: 50px 0;
    font-size: 17px;
}

#market-view .content .news-item .button-back {
    float: left;
    width: 100%;
    text-align: left;
    position: relative;
    border-top: 2px solid #848484;
    width: 100%;
    padding: 30px 0;
}

#market-view .related {
    width: 30%;
    display: flex;
    flex-direction: column;
}

#market-view .content .related .related-title {
    float: left;
    width: 100%;
    font-family: Roboto-Bold;
    font-size: 30px;
    line-height: 30px;
    color: #000000;
    margin-top: 10px;
    text-align: left;
}

#market-view .content .related .related-list {
    float: left;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-top: 40px;
}

#market-view .content .related .related-list .related-news {
    float: left;
    padding: 0 0px;
    box-sizing: border-box;
    margin-bottom: 50px;
    position: relative;
}

#market-view .content .related .related-list .related-news-wrapper {
    float: left;
    width: 100%;
}

#market-view .content .related .related-list .related-news-wrapper-box {
    float: left;
    width: 100%;
}

#market-view .content .related .related-list .related-news .related-news-image {
    float: left;
    width: 100%;
    overflow: hidden;
    border-radius: 25px;
	height:300px;
}

#market-view
    .content
    .related
    .related-list
    .related-news
    .related-news-category {
    position: absolute;
    background: linear-gradient(90deg, rgba(132, 132, 132, 1) 0%, rgba(132, 132, 132, 0) 100%);
    border-top-left-radius: 25px;
    color: #ffffff;
    font-family: Roboto-Regular;
    font-size: 18px;
    line-height: 31px;
    padding: 3px 20px;
}

#market-view .content .related .related-list .related-news .related-news-name {
    float: left;
    width: 100%;
    font-family: Roboto-Regular;
    font-size: 22px;
    line-height: 30px;
    color: #000000;
    margin-top: 23px;
    text-align: left;
    box-sizing: border-box;
}

#market-view
    .content
    .related
    .related-list
    .related-news
    .related-news-resume
    a {
    text-decoration: none;
    color: black;
    font-family: Roboto-Light;
}

#market-view
    .content
    .related
    .related-list
    .related-news
    .related-news-resume {
    float: left;
    width: 100%;
    font-family: "Roboto-Regular";
    font-size: 15px;
    line-height: 25px;
    color: #888888;
    margin-top: 10px;
    text-align: left;
    box-sizing: border-box;
}

#market-view
    .content
    .related
    .related-list
    .related-news
    .related-news-resume
    a {
    text-decoration: none;
    color: black;
    font-family: Roboto-Light;
}

@media (max-width: 1000px) {
    #market-view .content {
        flex-direction: column;
    }

    #market-view .content .news-item {
        width: 100% !important;
    }

    #market-view .content .news-item .news-image-wrapper {
        height: 57vw !important;
    }

    #market-view .content .related .related-list {
        float: left;
        width: 100%;
        display: flex;
        flex-direction: row;
        margin-top: 40px;
        gap: 4%;
    }

    #market-view .content .related {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    #market-view .content .related .related-list .related-news {
        float: left;
        padding: 0 0px;
        box-sizing: border-box;
        margin-bottom: 50px;
        position: relative;
        width: 48%;
    }
}

@media (max-width: 440px) {
    #market-view .content .related .related-list {
        flex-direction: column;
    }

    #market-view .content .related .related-list .related-news {
        width: 100%;
    }

    #market-view .content .news-item .news-image-wrapper {
        height: 400px !important;
    }

    #market-view .content .resume {
        margin-bottom: 20px;
        font-size: 14px;
        margin-top: 20px;
    }

    #market-view .content .article-news-category {
        font-size: 5vw;
    }

    #market-view .content .news-item .news-data .news-name {
        width: 100%;
        margin-top: 50px;
        font-family: Roboto-Bold;
        font-size: 20px;
        line-height: 20px;
        color: white;
    }
}

/* FORM SUBMIT */

#formsubmit {
    padding: 60px 0;
}

#formsubmit .section-description {
    padding-top: 100px;
    background: url("../images/bg-arrow.png") no-repeat center top;
}

#formsubmit .section-description #errormsg,
#formsubmit .section-description #okmsg {
    font-family: Roboto-Regular;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: normal;
	color:black;
}

#formsubmit .buttons {
    width: 100%;
    margin: 50px auto 0;
    text-align: center;
}

#formsubmit .buttons a {
    width: 250px;
    display: inline-block;
    height: 100%;
    background: #af0010;
    color: #ffffff;
    font-family: Roboto-Bold;
    font-size: 20px;
    line-height: 34px;
    text-transform: uppercase;
    text-align: center;
    text-decoration: none;
    transition: 0.2s all ease;
    cursor: pointer;
    overflow: hidden;
	border-radius:20px;
	border: 1px solid #af0010;
}

#formsubmit .buttons a:hover {
    background: white;
	border: 1px solid #af0010;
	color: #af0010;
}

/* COOKIES AND PRIVACY POLICIES */

#policies {
    background: white;
	margin-top:50px;
	position:relative;
	font-size:16px;
	line-height:1.6;
	color:black;
}

#policies .content {
    padding: 2rem;
    border-radius: 8px;
	color:black;
	max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

#policies h1 {
    color: #213547;
    margin-bottom: 2rem;
	font-size: 2rem;
    text-align: center;
}

#policies h2 {
    color: #213547;
    margin: 2rem 0 1rem;
	font-size: 1.5rem;
}

#policies section {
    margin-bottom: 2rem;
}

#policies .cookie-type{
	display: flex;
    flex-direction: column;
    gap: 10px;
}

#policies a{
	text-decoration: underline;
    color: blue;
}

#policies ul{
	list-style-type: disc;
}

#policies li {
    margin-left: 30px;    
}

@media(max-width:700px){
    #policies {
        margin-top: 90px;
    }	
}