@import url('https://fonts.googleapis.com/css?family=Archivo+Black|Didact+Gothic|Raleway');
/*general*/
* {
	-webkit-font-smoothing: antialiased;
}
body, a {
	color: #4a4a4a
}
a:hover {
	color: #4a4a4a
}
:root {
  --bs-font-sans-serif: -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
.f-default {
  font-family:  -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}
/*general*/
.form-light {
	display: block;
	width: 100%;
	height: calc(2.25rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #888888;
	border-radius: 0rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	cursor: pointer;
}
.form-light-m {
	width: 100%;
	padding: .2rem .75rem .3rem;
	font-size: 0.8rem;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #888888;
	border-radius: 0rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
	cursor: pointer;
}
.form-aqua {
	color: #fff !important;
	background-color: #357275;
	border: 0px;
	padding: .35rem .9rem .35rem;
}

.form-rounded {
	border-radius: 1.2rem;
}
.form-big {
	height: inherit;
	padding: .5rem .8rem;
}
.form-light-m-w {
	width: 100%;
	padding: .12rem .75rem .3rem;
	font-size: 0.8rem;
	color: #fff;
	background-clip: padding-box;
	border: 1px solid #fff;
	border-radius: 0rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
/*navbar*/
header {
	height: 97px;
}
.navbar {
	transition: .5s ease-in-out;
}
.navbar-brand {
	background: url(../images/back-logo.png) no-repeat;
	background-size: contain;
	background-position: top;
	margin-right: 0rem;
	padding: 1.2rem 1.8rem;
	z-index: 10;
	transition: .5s ease-in-out;
}
.navbar-brand img {
	width: 130px;
	transition: .5s ease-in-out;
}
.meteo-top .dropdown-toggle::after {
	display: none;
}
	.dropdown-menu h5{
		background-color: white;
		padding: .3rem .7rem .3rem .4rem;
		margin-bottom: .2rem;
		white-space: nowrap;
	}
		.dropdown-menu img{
			height:.8rem;
	}
.dropdown-item:active, .dropdown-item.active{
	background: none;
}
.navbar-collapse .dropdown-toggle::after {
	color: #357275;
	margin-right: .25rem;
	margin-left: 0rem;
}
/*nav shrink*/
.navbar {
	z-index: 1300;
	padding: .2rem .6rem .2rem .2rem;
	background-color: white;
}
.shrink .navbar-brand {
	margin-right: 0rem;
	padding: .4rem 1.1rem .7rem 1.3rem;
	z-index: 10;
}
.shrink .navbar-brand img {
	width: 80px;
}
.shrink .navbar-toggler {
	width: 45px;
	height: 30px;
}
/*nav hamb*/
.navbar-toggler {
	width: 55px;
	height: 38px;
	transform: rotate(0deg);
	transition: .5s ease-in-out;
	background-color: #c1c1c1;
	z-index: 1300;
}
.navbar-toggler span {
	display: block;
	position: absolute;
	left: 0;
	height: 3px;
	width: 100%;
	background: white;
	border-radius: 8px;
	transition: all cubic-bezier(0.26, 0.1, 0.27, 1.55) 0.35s;
}
.navbar-toggler .iconh {
	padding: .25rem .20rem;
	position: relative;
	height: 100%;
}
.iconh .top {
	top: 18%;
}
.iconh .middle {
	top: 48%;
}
.iconh .bottom {
	top: 78%;
}
.navbar-toggler.close .top {
	transform: rotate(45deg);
	top: 48%;
	background-color: #111;
}
.navbar-toggler.close .middle, .navbar-toggler.close .bottom {
	transform: rotate(-45deg);
	top: 48%;
	background-color: #111;
}



.all-desc {
	font-size: .9rem;
	height: 3.8em;
	overflow: hidden;
	-webkit-mask-image: -webkit-linear-gradient(bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
	mask-image: linear-gradient(to top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
}

/*footer*/
footer {
	border-top: 1px solid #333;
	margin-top: 4rem;
	color: #333333;
}
footer .bk {
	padding: 1.5rem 0rem 0rem;
}
footer .follow-us {
}
footer .f-title {
	font-size: 1.3rem
}
footer .best-lnk li {
	text-transform: uppercase;
	font-weight: bolder;
	line-height: 1.2rem;
	font-size: .9rem;
}
footer .copyright {
	background-color: #dadada;
	font-size: 0.8rem;
	border-top: 1px solid #9c9c9c;
}
footer .form-news p {
	font-size: 0.8rem;
}



@media (min-width: 576px) {

/*footer*/

footer .bk {
	background: url(../images/terrazza-a-mare-lignano-back.jpg) no-repeat left bottom;
	background-size: 100%;
	padding: 1.5rem 0rem 21%;
}
footer input {
}
/*global*/
.two-colums-sm {
	columns: 2;
}
	.two-colums-sm-none {
	columns:auto;
}
.c-sm-fluid {
	width: 100%;
	max-width: none;
}
		.p-sm-010{
	padding: .10rem;
}
}

/*navbar*/
@media (min-width: 768px) {


	/*footer*/

footer .bk {
	padding: 1.5rem 0rem 20%;
}
footer .form-input {
	width: 72%;
}
/*global*/
.two-colums-md {
	columns: 2;
}
		.two-colums-md-none {
	columns:auto;
}
	.c-md-fluid {
	width: 100%;
	max-width: none;
}
	.p-md-010{
	padding: .10rem;
}
}

@media (min-width: 992px) {
	/*navbar*/
.navbar {
	position: absolute;
	z-index: 1590;
	width: 100%;
	padding: 0rem;
}
.navbar-collapse {
	width: 100%;
	padding-left: 3rem;/*4*/
	margin-left: -2rem;
}
.navbar-nav .dropdown-item {
	font-size: 1.1rem;
	font-weight: bold;
	color: #357275;
}
.navbar-nav .dropdown-menu {
	border: none;
	border-radius: 0rem;
}
.navbar-brand {
	background: url(../images/back-logo.png) no-repeat;
	background-size: contain;
	background-position: top;
	margin-right: 0rem;
	padding: 1.5rem 2.2rem;
	z-index: 10;
}
.navbar-brand img {
	width: 200px;
}
.nav-item .nav-link {
	color: #2b2b2b;
	font-size: 1.14rem;
}
/*nav lang*/
.language .nav-link {
	font-size: 0.7rem;
	background-color: rgba(255, 255, 255, 0.2);
	background: rgba(255, 255, 255, 0.2);
}
.navbar .language img {
	height: 18px;
}
.navbar .language {
	top: 0px;
	margin-top: -2px;
}
/*nav meteo-top*/	
.navbar .meteo img {
	width: 60px;
	height: 60px;
}
.meteo-top .meteo-data {
	margin-top: -12px;
}
.meteo-top .mare img {
	height: 10px;
}
.meteo-top .mare {
	font-size: 1rem;
	margin-top: -14px;
	line-height: 1.2rem
}
.meteo-top .mare .deg {
	font-size: 1.3rem;
}
.meteo-top .dropdown-menu {
	width: 250%;
	padding: 1rem;
	font-size: 1.2rem;
}
.meteo-top .dropdown-menu .dx {
	float: right;
	font-weight: bold;
}
.meteo-top .nav-link {
	font-size: 2rem;
}
/*nav social*/
.social-n img {
	height: 20px;
}

/*footer*/
footer {
	border-top: 1px solid #333;
	margin-top: 80px;
	color: #333333;
}
footer .bk {
	padding: 1.8rem 0rem 15%;
}
footer .f-title {
	font-size: 30px
}
footer .best-lnk li {
	text-transform: uppercase;
	font-weight: bolder;
	line-height: 1.2rem;
}
footer .copyright {
	font-size: 0.8rem;
	border-top: 1px solid #9c9c9c;
}
footer .form-news p {
	font-size: 0.9rem;
}
/*global*/
.two-colums-lg {
	columns: 2;
}
			.two-colums-lg-none {
	columns:auto;
}
.c-lg-fluid {
	width: 100%;
	max-width: none;
}
.p-lg-010{
	padding: .10rem;
}	
}

@media (min-width: 1200px) {

	/*navbar*/
.navbar-nav .dropdown-menu {
	border-radius: 0rem;
}
.navbar-nav .dropdown-item {
	font-size: 1.2rem;
	font-weight: bold;
	color: #357275;
}
.navbar-brand {
	padding: 2.1rem 2.7rem;
}
.navbar-brand img {
	width: 250px;
}
.nav-item .nav-link {
	font-size: 1.4rem;
}
/*nav lang*/
.language .nav-link {
	font-size: 0.7rem;
}
/*nav meteo*/	
.meteo-top .dropdown-menu {
	width: 250%;
	padding: 1rem;
	font-size: 1.2rem;
}
.mete-top .dropdown-menu .dx {
	float: right;
	font-weight: bold;
}
.meteo-top .nav-link {
	font-size: 2rem;
}
/*nav social*/
.social-n img {
	height: 23px;
}

/*footer*/
footer {
	margin-top: 90px;
}
footer .bk {
		background: url(../images/terrazza-a-mare-lignano-back.jpg) no-repeat left;
	background-size: contain;
	padding: 1.8rem 0rem 3rem;
}
footer .best-lnk li {
	font-size: 1rem;
	line-height: 1.3rem;
}
/*global*/
.two-colums-xl {
	columns: 2;
}
.two-colums-xl-none {
	columns:auto;
}
.c-xl-fluid {
	width: 100%;
	max-width: none;
}
.p-xl-010{
	padding: .10rem;
}	
}

@media (max-width: 991px) {
.shrink .navbar-collapse {
	top: 55px;
}
	/*navbar*/
.navbar-nav .dropdown-menu {
	border: none;
	padding: 1px 0rem .2rem;
}
.navbar-nav .dropdown-menu h4 {
	font-size: 1.2rem;
	padding: .25rem 1rem;
}
.navbar-nav .nav-link {
	color: #4a4a4a
}	
.dropdown-menu.show {
	background-color: #357275;
	border-radius: 0rem;
}

.meteo-top .dropdown-menu.show {
	background-color: #fff;
	border-radius: 0rem;
}
.show .dropdown-item {
	color: #fff;
	border-bottom: 1px solid #4a888c;
	padding: .25rem 1rem;
	font-size: 1.2rem;
}
.dropdown-item:focus, .dropdown-item:hover {
	color: #fff;
	text-decoration: underline;
	background: none;
}
.nav-item {
	border-bottom: 1px solid rgba(195,195,195,1.00);
}
.navbar-collapse {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	padding: 95px 15px 15px 15px;
	width: 100%;
	height: 100%;
	background-color: #fff;
	display: block;
	overflow: scroll !important;
	max-height: 100%;/*z-index: 1600;*/
}
.navbar-collapse .fix-mobile {
	overflow: hidden;
}
.navbar-collapse.collapsing {
	height: auto;
	-webkit-transition: left 0.3s ease;
	-o-transition: left 0.3s ease;
	-moz-transition: left 0.3s ease;
	transition: left 0.3s ease;
	left: -100%;
}
.navbar-collapse.show {
	left: 0;
	-webkit-transition: left 0.3s ease-out;
	-o-transition: left 0.3s ease-out;
	-moz-transition: left 0.3s ease-out;
	transition: left 0.3s ease-out;
}
.navbar .language img {
	height: 18px;
}
.navbar .meteo-top img {
	height: 60px;
}
.meteo-top .nav-link {
	font-size: 2rem;
}
.meteo-top .mare img {
	height: 10px;
}
.meteo-top .mare {
	font-size: 1rem;
	margin-top: -14px;
	line-height: 1.2rem;
	display: inline-block;
}
.meteo-top .mare .deg {
	font-size: 1.3rem;
}

/*shrink*/
}

/*font*/
.f-raleway {
	font-family: 'Raleway'
}
.f-didact {
	font-family: 'Didact Gothic'
}
.f-archivo {
	font-family: 'Archivo Black'
}
.f-nodec {
	text-decoration: none
}
.f-decunder {
	text-decoration: underline;
}
.f-decunder:hover {
	text-decoration: none;
}
.fc-333333 {
	color: #333;
}
.fc-000 {
	color: #000;
}
.fc-666666 {
	color: #666
}
.fc-afafaf {
	color: #afafaf
}
.fc-c39{
	color:#C39;
	/*color:#da35db*/
}

.fc-0046c5{
	color:#0046c5;
}
.fca-0064ce{
	color:#0064ce;
}
.fca-333{
	color:#333;
}
.fca-0064ce:hover{
	color:#0064ce;
}
.fca-357275{
	color:#357275;
}
.fca-357275:hover{
	color:#357275;
}
.fca-fff{
	color:#fff;
}
.fca-fff:hover{
	color:#fff;
}
.fc-ff3399 {
	color: #FF3399
}
.fc-2481FF {
	color: #2481FF
}
.fc-36629e {
	color: #36629e
}
.fc-357275 {
	color: #357275
}
.fc-6735DB{
	color: #6735DB;
}
.fc-3d8de2{
	color:#3d8de2;
}
.fc-ff0000{
color:#ff0000;
}
.bc-none-i {
	background:none !important;
}
.bc-357275 {
	background-color: #357275
}
.bc-f1f1f1{
	background-color: #f1f1f1
}
.bc-f5f5f5{
	background-color: #f5f5f5
}
.bc-9c8562{
	background-color: #9c8562
}
.bc-c39{
	background-color:#C39;
}
.bc-e1f0ff{background-color: #e1f0ff;}
.bc-6735DB{
	background-color: #6735DB;
}
.bc-0064ce{
	background-color: #0064ce;
}
.bc-fff{
	background-color: #fff;
}
.fc-white {
	color: #fff;
}
.fs-2rem {
	font-size: 2rem
}
.fs-09rem {
	font-size: 0.9rem
}
.pr-2px {
	padding: 0px 2px 0px 0px;
}
.p-015{
	padding: .15rem;
}
.p-010{
	padding: .10rem;
}
.pb-2px {
	padding-bottom: 2px;
}
.overflow-h {
	overflow: hidden;
	position: fixed;
	height: 100%;
	-webkit-overflow-scrolling: touch;
}
.no-transition {
	transition: none;
}
.two-colums {
	columns: 2;
}
.embed-responsive-16-9 {
  padding-bottom: 56.25%;
}
.ico-arrow {
	height: 20px;
}
.zi-1{
	z-index: 1;
}
/*form*/

.bott-light {
	border: 1px solid #888888;
	border-radius: 0rem;
}
/*calendar*/
.t-datepicker .t-input {
	left: auto;

}
/*swiper*/
.swiper-container {
	width: 100%;
	height: 100%;
}
.swiper-container .caption {
	position: absolute;
}
.sw-c .swiper-slide {
	text-align: center;
	font-size: 1.1rem;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.swiper-slide.top {

	align-items: baseline;
}
.swiper-button-next {
	background-image: url("../images/svg/si-glyph-arrow-right.svg");
}
.swiper-button-prev {
	background-image: url("../images/svg/si-glyph-arrow-left.svg");
}
.swiper-pagination-bullet {
	width: 12px;
	height: 12px;
}
.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 5px;
}
.swiper-button-next, .swiper-button-prev {
	background-size: cover;
	height: 50px;
}
.wh .swiper-pagination-bullet-active {
	background-color: #fff;
}
.bl .swiper-pagination-bullet-active {
    background-color: #1187f5;
}
.touch-logo-fixed {
	position: absolute;
	z-index: 50;
	width: 20px;
	margin-top: -90px;
	right: 10px;
}
.grecaptcha-badge { 
    visibility: hidden;
}