a {
				&:hover,
				&:focus {
					opacity: .8;
				}
			}

			footer {
				a {
					color: #fff !important;
				}
			}

			.splash-footer {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				padding: 2em;
				background-color: rgba(11, 42, 67, .4);
				color: #fff;

				big {
					font-size: 4em;
					font-weight: bolder;
					margin-right: 1rem;
					letter-spacing: -3pt;
				}
			}

			.splash-payoff {
				display: flex;
				align-items: flex-start;
				justify-content: center;
				min-height: 80vh;
				max-width: 1400px;
				min-width: 80vw;
				margin: auto;
				flex-direction: column;

				* {
					color:#fff;
					zoom: 1.3;
				}

				h1 {
					margin-top: -2.4em;
					font-size: 4em;
				}
			}


			.signin-background {
				background: url('/assets/reyacht/images/layout/reyacht-rev-02-1999x1999.jpg') center no-repeat;
				background-size: cover;
				padding: 5em 0 5em 0;
				/* min-height: calc(100vh - 88px); */
				min-height: 100vh;
				margin: 0 -.75rem;
				position: relative;

				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
			}

			.user-form {
				background-color: #fff;
				padding: 2em; box-shadow: 0 0 38px rgba(0,0,0,.3);

				legend {
					border-bottom: 1px solid #efefef;
					margin-bottom: 1em;
				}	
			}

			.sticky-top {
				top: 112px;
			}

			.nav-item {
				padding: 0 .5em;
				/* text-transform: uppercase; */
				font-size: 1.1rem;
				font-weight: 400;
			}
			.nav-item > a  {
				color: #fff;
			}

			.nav-link {
				&:hover, &:focus {
					opacity: .8;
					color: #fff;
				}
			}

			.dropdown-menu {
				background-color: #153e4d;
				padding: 0;

				&.show {
					top: 100%;
					left: 13px;
				}

				.dropdown-item {
					color: #fff;
					font-size: .8rem;
					font-weight: 600;
					padding: 1em;

					&:hover, &:focus {
						background-color: rgba(0,0,0, .3);
					}
				}
			}

			footer {
				background-color: #153e4d;
				/* background: rgba(21, 62, 77, .95); */
				/* margin-top: 5em; */

				* {
					color: #fff;
				}

				ul {
					list-style: none;
					padding: .5em 0;

					a {
						text-decoration: none;
					}
				}
			}

			.category-img-link {
				position: relative;
				display: block;
				margin-bottom: 2em;

				.badge {
					/* position: absolute; */
					top: 10px;
					right: -6px;

				}
			}

			.badge-unavailable {
				background-color: red;
			}

			.badge-expired {
				background-color: orangered;
			}

			.badge-running {
				background-color: green;
			}


			.btn-primary {
				background-color: #153e4d;
				border-color: #153e4d;

				&:hover {
					background-color: #153e4d;
					opacity: .8;
				}
			}

			.page-item {
				.page-link {
					color: #153e4d;
				}
				&.active {
					.page-link {
						background-color: #153e4d;
					}
				}
			}

			.card {
				.card-img {
					overflow: hidden;
					
					.card-img-top {
						scale: 1;
						transition: scale .5s ease-in-out;
					}
				}

				&:hover {
					.card-img-top {
						scale: 1.05;
					}
				}
			}

			.navbar {
				background-color: #113649;
				transition: background-color .5s ease-in-out;
			}

			.navbar-transparent {
				background-color: #113649;
				/* background-color: rgba(11, 42, 67, .4) */
			}

			.thumbnails-container {
				.img-thumb {
					transition: opacity .2s ease-in-out;
					opacity: 1;
					cursor: pointer;
				}
				.img-thumb:hover,
				.img-thumb.active {
					opacity: .8;
				}

				.col-6:nth-last-of-type(-n+2) {
					padding-bottom: 0 !important;
				}
			}

			#main-image-container {
				position: relative;
				width: 100%;
				height: 532px;
				overflow: hidden;
			}

			#main-image, #buffer-image {
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-size: cover;
				background-position: center;
				transition: opacity 0.5s ease-in-out;
			}

			#buffer-image {
				opacity: 0;
				z-index: 1;
			}

			#main-image {
				z-index: 0;
			}

			#main-image-container:hover {
				.nav-arrow {
					opacity: 1;
				}
			}

			.nav-arrow {
				position: absolute;
				top: 50%;
				transform: translateY(-50%);
				background: rgba(0, 0, 0, 0.5);
				color: white;
				border: none;
				padding: 10px 20px;
				font-size: 20px;
				cursor: pointer;
				z-index: 2;
				opacity: 0;
				transition: opacity .5s ease-in-out;
			}

			#prev-image {
				left: 10px;
			}

			#next-image {
				right: 10px;
			}

			.section {
				padding: 6em 0;

				h2 {
					padding: 1em 0 0 0;
					text-align: center;
				}
			}

			.section-hot {
				background-color: #153e4d;
				background: url('/assets/reyacht/images/layout/reyacht-rev-02-1999x1999.jpg') center no-repeat;
				background-size: cover;
				width: calc(100% + 1.5rem);
				margin: 0 -.75rem;

				h2, .owl-next, .owl-prev {
					color: #fff;
				}
			}

			.owl-prev,
			.owl-next {
				font-size: 3em !important;
			}

			.owl-nav {
				float: right;
				margin-top: -2em !important;
			}

			.owl-dots {
				float:left;
			}

			.newsletter.epic {
				padding-bottom: 8em;
				input,
				button {
					font-size: 2.2em;
					padding: .5rem 2rem;
					/* border-radius: 5px; */
					border-width: 1px;
				}

				button {
					margin-left: .2em;
					border-width: 1px;
					/* border-color:#4f9fb6;
					background: #4f9fb6; */
					/* padding: 0 2rem; */
				}
			}

			.spacer {
				margin: 4em auto 0 auto;
				width: 200px;
				height: 4px;
				background-color: #153e4d;;
			}

			.home-boat-wrapper {
				/* border:1px solid #153e4d; */
				position: relative;
				border-radius: 6px;
				overflow: hidden;
				/* box-shadow: 0 0 26px 0px #ccc;; */

				.home-boat-image {
					transition: all 1.5s ease-in-out;
					opacity: 1;
					scale: 1;
					border-radius: 5px; 
					overflow: hidden; 
					width: 100%; 
					aspect-ratio: 1/1; 
					background-size: cover !important;
				}

				&:hover {
					.home-boat-content {
						bottom: 0;
					}

					.home-boat-image {
						opacity: .8;
						scale: 1.1;
					}
				}
			}

			.home-boat-content {
				border-top: 4px solid #153e4d;
				position: absolute;
				height: 18%;
				bottom: 0;
				/* background: rgba(255,255,255, .8); */
				background: rgba(0,0,0, .65);
				width: 100%;
				padding: .8em 1em;
				/* color: #000; */
				color: #fff;
				transition: bottom .25s ease-out;

				.badge {
					margin: 0px;
				}

				.price {
					text-align: left;
					padding:0 0 .2em 0;
					margin: 0;
				}

				.name {
					padding-top: 0em;
				}
			}

			.container-fluid {
				max-width: 1980px;
			}

			#newsletter-subscriber {
				.response {
					max-width: 782px;
					margin: 1.5em auto;
				}
			}


			.error {
				color: #f30;
				padding: 1em 0 2em 0;
				p {
					padding: 0;
					margin: 0;
				}
			}

			.success {
				color: green;
				padding: 1em 0 2em 0;
				p {
					padding: 0;
					margin: 0;
				}
			}

			.not-available {
				height: 50vh;
				display: flex;
				align-items: center;
				justify-content: center;
				border: 1px solid #ccc;
				margin-bottom: 4em;
			}

.splash-full {
    height: 100vh;
    background: rgba(21, 62, 77, 1);
    margin: 0 -.75rem;
    padding-top: 10em;

    h1, h2 {
        color: #fff;
        letter-spacing: -1pt;
        padding: .25em 0;
    }

    h4 {
        color:rgba(255,255,255,.8);
        font-weight: normal;
    }

    h2 {
        font-size: 2.6rem;
    }
}

.splash-img {
        background: url('/assets/reyacht/images/layout/reyacht-rev-02-1999x1999.jpg') center center;
        background-size: 110%;
        filter: brightness(1.8);
        width: 36vw;
        height: 60vh;
        float: right;
        border-radius: 22px; 
        overflow: hidden;
}

.splash-search {
    min-height: 76px;
    position: relative;
    z-index: 1;
    margin-top: 3em;
    
    form {
        display: flex;
        padding: 5px;
        background: #fff;
        width: 160%;

        button {
            height: 100%; 
            background-color: #4f9fb6;
            border: none;
            color: #fff;
            font-size: 1.2em;
            padding: 1em 3.5em;
        }
    
        input {
            border: 1px solid #ccc;
            margin-right: 5px;
            width: 100%;
            padding: 1em;
        }
    
        select {
            color: #666;
            margin-right: 5px;
            padding: 1.4em 2em;
            font-size: 1em;
            border-color: #ccc;
            background: #fff;    
        }
    }

}

.owl-nav {
    position: absolute;
    top: 45%;
    width: auto;
    left: -7em;
    right: -7em;
    display: flex;
    justify-content: space-between;

    .owl-prev,
    .owl-next {
        width: 50px;
        height: 50px;
        border: 0 !important;
        color: #fff !important;
        border-radius: 100% !important;
        display: flex !important;
        align-items: center;
        justify-content: center;

    }

    .owl-prev {
        > span {
            margin: -4px 0 0 -2px;
        }
    }

    .owl-next {
        > span {
            margin: -4px -2px 0 0px;
        }
    }
}

.deals {
    h2,
    h4 {
        color: rgba(21, 62, 77, 1) !important;
    }

    .owl-nav {
        .owl-prev,
        .owl-next {
            /* border: 1px solid rgba(21, 62, 77, 1) !important;
            color: rgba(21, 62, 77, 1) !important; */
        }
    }
}

.icon-big-wrapper {
    width: 150px; 
    height: 150px; 
    color: rgb(79, 159, 182);
    background-color: rgba(11, 42, 67, .4);
    font-size: 3.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    margin: 1.5em auto .5em auto;
}

.benefits {
    color :#fff;

    .col {
        padding-left: 2.5em; 
        padding-right: 2.5em;
    }

    h3 {
        /* font-weight: normal; */
        letter-spacing: -1pt;
        font-size: 2em;
    }

    p {
        font-size: 1.2rem;
    }
}

.section {
    padding: 8em 0 !important;
}

.section-dark {
    background-color: rgba(21, 62, 77, 1);
    width: auto;
    margin: 0 -.75rem;
    color: rgba(21, 62, 77, 1)
}

.section-dark-2 {
    background-color: rgba(21, 62, 77, 1);
    width: auto;
    margin: 0 -.75rem;
}


.endorsements-wrapper {
    padding: 5em 0 2em 0;
    color: #fff;
    border-top: 2px solid rgba(11, 42, 67, .4);
    margin-top: 5em;

    .fa {
        color:#4f9fb6;
        font-size: 5em;
        margin-bottom: 0;
    }

    .quote {
        font-size: 2em;
        font-weight: 400;
        letter-spacing: -1pt;
    }
}


.avatar {

    background-size: cover !important;

    height: 50vh;
    width: 100%;


}

.avatar-1 {
    background: url('//www.grazia.it/content/uploads/2022/06/brad-pitt-.jpg') center no-repeat;
}
.avatar-2 {
    background: url('//static2.amica.it/wp-content/uploads/2021/03/Angelina-Jolie-%C2%A9-Alexei-Hay-Netflix.jpg?v=1067239_1614950320') center no-repeat;
    background-position: 40% 0;
}

.what {
    
    h2 {
        color :rgba(21, 62, 77, 1);
        text-align: left !important;
        font-size: 3.2em;
        letter-spacing: -2pt;
        line-height: 1em;
        margin-top: .5em;
    }

    p {
        color: #323232;
        padding: .8em 0;
        font-size: 1.2rem;
    }
}

.cta {
    color :#fff;

    h2 {
        text-align: left !important;
        font-size: 4.2em;
        letter-spacing: -3pt;
        line-height: 1em;
        margin-top: 0;
        padding-top: 0 !important;
    }

    p {
        padding: .8em 0;
        font-size: 1.2rem;
    }
}

.values {
    padding-top: 2em;
    color: #fff;

    .fa {
        color: #4f9fb6;
        font-size: 4em;
    }
}

/* * {
    font-family: 'Work Sans', sans-serif;
} */

.btn-epic,
.btn-lg {
    background: #4f9fb6 !important;
    border-color: #4f9fb6 !important;
}

.btn-epic {
    padding: .75em 2.5em;
    /* border-radius: 0; */
}