
.hero-information-container{
	background-color: #fbfafa;	
	margin: 0 auto;	
}
.hero-information-container__card{
	display: flex;
	flex-direction: column;
	margin: 0 auto;
	max-width: 1500px;
	padding-left:20px;
	padding-right:20px;
}
.hero-information-container__section-1{
	display: flex;
	flex-wrap: wrap;
	row-gap: 25px;
}
.hero-information-container__yacht{
	width: 70%;
}
.hero-information-container__broker-share{
	width: 30%;
	margin-top: 10px;
	padding-left: 50px;
}
.hero-information-container__slider{
	margin-top: 10px;
	position: relative;
}
.hero-information-container__swiper{
	box-shadow: 3px 6px 10px rgba(88, 88, 88, .20);
	z-index: 0;
	height: 485px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.hero-information-container__swiper-slide{
	line-height: 0;
}
.hero-information-container__swiper-slide img{
	object-fit: cover;
	height: 100%;
	width: 100%;
}
.hero-information-container__broker-card{
	background-color: #FFF;
	box-shadow: 3px 6px 10px rgba(88, 88, 88, .20);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: auto;
	max-height: 2;
}
.hero-information-container__broker-photo img{
	object-fit: cover;
	height: 90%;
	width: 100%;
	display:block;
}
.hero-information-container__broker-info{
	text-transform: uppercase;
	padding: 20px 20px 30px;
	width: 100%;
	text-align: center;
}
.hero-information-container__broker-info .hero-information-container__button {
	margin: 0 auto;
	margin-bottom: 40px;
}
.hero-information-container__broker-info h6{
	margin: 8px 0;
	text-transform: uppercase;
	font-size: 21px !important;
	letter-spacing: 2px;
}
.h11_blue_j4 {
	font-size: 14px;
	font-family: josefin sans;
	color: #0E3057;
	font-weight: 400;
	display: inline-block;
	word-break: break-all;
}
.h11_blue_j{
	display: inline-block;
}
.hero-information-container__yacht-info {
	display: flex;
	flex-wrap: wrap;
	margin-left: -10px;
	margin-right: -10px;
	padding: 0 20px;
	width: auto;
	margin-top: 40px;
}
.hero-information-container__yacht-info > div {
	width: 33.3333333333%;
	padding: 0 10px;
}
.hero-information-container__yacht-info .right-col {
	text-align: right;
}
.hero-information-container__title .h5_red_c{
	margin-bottom: 0;
	padding-bottom: 0;
	font-size: 28px !important;
	color: #707070 !important;
	font-weight: 400;
}
.hero-information-container__title h3 {
	font-weight: normal;
	font-size: inherit;
	line-height: normal;
}
.hero-information-container__yacht-info .btn-col .button {
	margin-left: auto;
	margin-right: auto;
}
.hero-information-container__yacht-info .right-col h3 {
	font-size: 30px;
	margin-bottom: 5px;
}
.hero-information-container__yacht-info .right-col h6 {
	margin-bottom: 0;
}
@media (max-width: 576px) { 
	.hero-information-container__title .h5_red_c{
		width: 70%;
	}	
}

.hero-information-container__yacht-info-left h3{
	text-transform: uppercase;
}

.hero-information-container__yacht-info-left .h8_blue_j{
	color: #0e3057;
	text-transform: uppercase;
}

.hero-information-container__social-share{
	align-self: center;
	margin-top: 25px;
	text-align: center;	
}

.hero-information-container__icons a{
	margin: 0 10px;
}
.hero-information-container .button {
	width: 100%;
	max-width: 275px;
}

@media (max-width: 1199px) { 
	.hero-information-container__yacht{
		width: 100%;
	}
	.hero-information-container__broker-share{		
		flex-direction: row;	
		justify-content: space-between;
		width: 100%;
		margin-left:0;
	}
	.hero-information-container__broker {
		justify-content: space-evenly !important;
	}
	.hero-information-container__broker-card {
		flex-direction: row !important;
		height: 400px;
		width: 80%;
		margin: auto;
	}
	.hero-information-container__slider {
		margin-top:0;
	}
	.hero-information-container__broker-card {
		width: auto;
		margin-left: 0;
		margin-right: 0;
		height:auto;
		align-items: initial;
		flex-wrap:wrap;
	}
	.hero-information-container__yacht-info > div {
		width: 50%;
	}
	.hero-information-container__yacht-info .btn-col {
		order: 3;
		width: 100%;
	}
	.hero-information-container__yacht-info .btn-col .button {
		margin-left: 0;
	}
	.hero-information-container__broker-share {
		padding: 0;
	}
	.hero-information-container__broker-card .hero-information-container__broker-photo {
		width: 35%;
	}
	.hero-information-container__broker-photo img {
		height: 100%;
		object-fit: cover;
		min-height: 170px;
	}
	.hero-information-container__yacht-info {
		padding-left: 0;
		padding-right: 0;
	}
	.hero-information-container__broker-info {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		width: 65%;
		flex-direction: row-reverse;
	}
	.hero-information-container__broker-info > div {
		width: 50%;
	}
	.hero-information-container__broker-info .hero-information-container__button {
		margin-bottom: 0;
	}
	.hero-information-container__slider {
		width: auto;
		margin-left: -20px;
		margin-right: -20px;
	}
}



@media (max-width: 800px) { 
	.hero-information-container__broker-share{		
		align-items: center;
		flex-direction: column;			
		width: 100%;

	}
}

@media (max-width: 992px) { 

	.hero-information-container__swiper{
		height: 400px;
	}
	.hero-information-container__arrows{
		position: absolute;
		width: 75%;
		bottom: 50px;
	}
}

@media (max-width: 767px) { 
	.hero-information-container__swiper{
		height: 500px;
	}
	.hero-information-container__arrows{
		position: absolute;
		width: 50%;
		bottom: 50px;
	}
	.hero-information-container__broker-card{
		flex-direction: column !important;
		padding: 20px;
		margin: unset;
		box-shadow: none;
		background-color: #FBFAFA;
		width: 100%;
		height: auto;
		padding-left:0;
		padding-right:0;
	}
	.hero-information-container__broker-photo img{
		width: 100%;
		object-fit: cover;
		height: auto;
	}
	.hero-information-container__broker-card > div {
		width: 100%;
	}
	.hero-information-container__broker-info,
	.hero-information-container__broker-info h6 {
		text-align: center;
	}
	.hero-information-container .button {
		width: 100%;
		max-width: 275px;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
	}
	.hero-information-container__broker-info .content-holder {
		margin-top: 20px;
	}
	.hero-information-container__yacht-info {
		text-align: center;
	}
	.hero-information-container__broker-share {
		margin-top: 0;
	}
	.hero-information-container__broker {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	.hero-information-container__title .h5_red_c {
		width: auto !important;
	}
	.hero-information-container__yacht-info > div {
		width: 100%;
	}
	.hero-information-container__yacht-info .btn-col .button {
		margin-left: auto;
		margin-right: auto;
	}
	.hero-information-container__yacht-info .right-col {
		text-align:center;
	}
	.hero-information-container__broker-card .hero-information-container__broker-photo {
    width: calc(100% - -40px);
		margin-left: -20px;
		margin-right: -20px;
	}
	.hero-information-container__broker-info > div {
		width: 100%;
	}
	.hero-information-container__broker-info .hero-information-container__button {
		margin-top: 0;
	}
	.hero-information-container__broker-info {
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}
}

@media (max-width: 800px) { 
	.hero-information-container__social-share{
		align-self: center;
	}
}


.hero-information-container__arrows{
	position: absolute;
	width: 100%;
	bottom: 50px;
}

.hero-information-container .swiper-button-next,
.hero-information-container .swiper-button-prev{
	bottom: 15%;
	top: inherit;
}




.hero-information-container .swiper-button-next::after,
.hero-information-container .swiper-button-prev::after{
	color: white;
	font-weight: 700;
}
.hero-information-container .swiper-button-next{
	right: 40%;
}

@media (max-width: 576px) { 
	.hero-information-container .swiper-button-next{
		right: 33%;
	}
}


.hero-information-container .swiper-button-prev{
	left: 40%;
}

@media (max-width: 576px) { 
	.hero-information-container .swiper-button-prev{
		left: 33%;
	}
}


.hero-information-container__icons img{
	width: 26px;
	height: 26px;
}


{# ****** POPUP FORM STYLES ******#}

{# ****** FORM STYLES  ******#}


.styled-form-popup{
	background-color: #fbfafa !important;
	width: 80%;	
}


@media (max-width: 576px) { 
	.styled-form-popup{
		width: 95%;	
		padding: 25px !important;
	}
}

{# ******  Setup of the divider  ******#}
.styled-form-text__divider {
	background-color: #666D72;
	height: 2px;
	margin: 0 auto;
	width: 100%;
}

/* Setup of the container */
.styled-form-wrapper{
	background-color: #FBFAFA;
	box-shadow: 9px 9px 20px #8D979F;
}

.styled-form-container {
	background-color: #FBFAFA;	
	margin: 0 auto;	
	padding: 25px 11px 85px;
	max-width: 732px;	
}

/* Setup of the text  */
.styled-form-text-container {
	display: grid;
	padding-top: 56px;
	padding-bottom: 40px;
	place-content: center;
	place-items: center;
	text-align: left;
}

.styled-form__form input::placeholder,
.styled-form__form textarea::placeholder{
	color: #8D979F;
	font-weight: 400;
}

.styled-form-text__title {
	margin-bottom: 20px;
}
.styled-form-text__subtitle {
	margin-bottom: 10px;
	margin-top: 20px;
}

{# ****** Setup of the form  ******#}

.styled-form__form {	
	width: 100%;
}

.styled-form__form form textarea {
	height: 189px;
	color: #8D979F;
	font-weight: 400;
	background-color: #fbfafa;
	width: 100% !important;
}

.styled-form__form form .hs-form-checkbox-display input[type="checkbox"] {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	width: 20px;
	height: 20px;
	border: 1px solid grey;
	border-radius: 0px;
	accent-color: #8B0409;
	margin-bottom: 4px;
	position: relative;
}

.styled-form__form input[type="checkbox"]::after {
	background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/2/27/White_check.svg/1024px-White_check.svg.png);
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	background-color: #8B0409;
	width: 100%;
	background-size: 60%;
	background-position: center;
	background-repeat: no-repeat;
	opacity: 0;
}

.styled-form__form input[type="checkbox"]:checked::after {
	opacity: 1;
}

.styled-form__form form input[type="submit"]:active {
	background-color: #d8d2d2;
	border: 1px solid #d8d2d2;
	opacity: 1;
}

.styled-form__form form input[type="submit"] {
	padding: 15px 32px;
	box-shadow: 3px 3px 9px #8D979F;
}

.styled-form__form form .input input {
	color: #8D979F;
	font-weight: 400;
	background-color: #fbfafa;
}

.styled-form__form form .hs-form-checkbox-display span {
	color: #0E3057;
	font-size: 14px;
	font-weight: bold;
}

.styled-form__form form .hs-form-checkbox {
	padding-left: 8px;
}

.styled-form-popup .fancybox-close-small:hover{
	transform: none;
	transition: none;
}

.form-columns-0{
	text-align: center;
}


@media print {
	.button,
	.featured-listing-container__subscribe-form,
	.header-2022,
	footer.footer,
	.featured-listing-container__find-us,
	.featured-listing-container__styled-form,
	.tabs-info-section__tabs-container,
	.back-to-top,
	.hero-information-container__arrows,
	#hubspot-messages-iframe-container,
	button,
	.hero-information-container__social-share,
	.hero-information-container__broker-photo,
	.grid-images-container {
		display:none !important;
	}
	.tabs-info-section__tab-content {
		display:block !important;
	}
	.hero-information-container__yacht-info,
	.hero-information-container__yacht-info .right-col,
	.hero-information-container__broker-info,
	.hero-information-container__broker-info h6 {
		text-align:left;
	}
}