body {
    color: #777;
    font-family: 'poppins', sans-serif;
    font-size: 14px;
    font-weight: 300;
    overflow-x: hidden !important;}

h1 {font-size: 36px;}h2 {font-size: 30px;}h3 {font-size: 24px;}
h4 {font-size: 20px;}h5 {font-size: 18px;}h6 {font-size: 16px;}

.sm-heading,
.xsm-heading {
    color: #141414;
    display: block;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.075em;
    text-transform: uppercase;}

.xsm-heading {font-size: 12px;}

.black {font-weight: 900}

p { line-height: 1.8;
    margin-bottom: 0;}

li {font-size: 13px;
    font-weight: 400;
    line-height: 30px;
    list-style: none !important;}
	
ul.list-inline li {display: inline-block;}

.section-title {font-size: 2rem;
    margin-bottom: 60px;
    font-family: "poppins", sans-serif;
    font-weight: 400;
    position: relative;
    display: inline-block;}

.section-title.v1::before {position: absolute;
    top: 50%;
    left: 50%;
    content: url('../images/bg/green.png');
    transform: translateX(-50%);} 

.section-title.v1 {color: #333;
    line-height: 1.2;
    padding-bottom: 15px;
    position: relative;}
.section-title.v2 {color: #fff;}

dl,
dt,
dd,
ol,
ul,
li {margin: 0;
    padding: 0;}

a { color: #141414;
    text-decoration: none;
    position: relative;
    font-family: "poppins", sans-serif;}

a:focus,
a:hover {color: #777;
    text-decoration: none;}

img {max-width: 100%;
    height: auto;}

h1,
h2,
h3,
h4,
h5,
h6 {
    color: #141414;
    font-family: 'poppins', sans-serif;
    margin-top: 0;
    margin-bottom: 15px;
    letter-spacing: .025em;
    line-height: 1.6;}
	
.form-control {border-radius: 0}

.form-control:focus {
    border-color: #777;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;}

.no-pad-left {padding-left: 0 !important;}
.no-pad-right {padding-right: 0 !important;}
.no-pad-lr {padding-right: 0 !important;
    padding-left: 0 !important;}

.no-pad-top {padding-top: 0 !important;} .no-pad-bot {padding-bottom: 0 !important;} .pad-bot-15 {padding-bottom: 15px !important;} .pad-bot-20 {padding-bottom: 50px !important;}
.pad-bot-30 {padding-bottom: 50px !important;} .pad-bot-40 {padding-bottom: 50px !important;} .pad-bot-50 {padding-bottom: 50px !important;}
.padd10{padding:10px;}.padd15{padding:15px;}.padd20{padding:20px;}.padd30{padding:30px;}.padd40{padding:40px;}.padd50{padding:50px;}

.pic {width: auto; 
    height: auto; 
	vertical-align: middle;
    opacity: 1;
	background: #fff; 
 	text-decoration: none;}	

.pic:hover {	width: auto; 
    height: auto; 
	vertical-align: middle;
    opacity: 0.3;
	background: #fff; 
 	text-decoration: none;}	

.titlemaps {FONT-WEIGHT: 700; 
	COLOR: #3F89C3;
	font-family: 'poppins', sans-serif;
	font-size: 16px;
	line-height: 1.50rem;
	text-transform: uppercase;
	list-style: none !important;}		

 /* CSS */
.nero {color: #000 !important;}
.nero2 {color: #222 !important;}
.nero3 {color: #333 !important;}
.nero4 {color: #444 !important;}
.nero5 {color: #555 !important;}
.nero6 {color: #666 !important;}
.nero7 {color: #777 !important;}
.nero8 {color: #888 !important;}
.fff {color: #fff !important;}
.viola {color: #8157A3 !important;}
.blu {color: #3F89C3 !important;}
.blu2 {color: #006699 !important;} 
.blu3 {color: #429EDD !important;}
.grigio {color: #f1f1f1 !important;}
.verde {color: #669410 !important;}

.sfondofff {background-color:#fff;}
.sfondoviola {background-color:#8157A3;}
.sfondoblu {background-color:#3F89C3;}
.sfondogrigio {background-color:#f3f3f3;} 
.sfondogiallo {background-color:#FEED1B;} 


.light {font-weight: 300}.regular {font-weight: 400}.semibold {font-weight: 600}.bold {font-weight: 700} 

.wt3 {font-weight: 300}.wt4 {font-weight: 400}.wt6 {font-weight: 600}.wt7 {font-weight: 700} 

.sx {left:  10px }
.dx {right: 10px }
.sinistra{text-align:left!important;}	 
.destra{text-align:right!important;}
.giustifica{text-align:justify!important;}
.centro{float: center;text-align:center!important;}
.maius{text-transform: uppercase!important;}

.foto-homepage {padding-top: 290px;}
.home-padding {padding: 290px 0;}
 
.titolo-homepage { color: #ffffff !important; padding: 8px 14px; float: center; font-size: 24px; line-height: 30px; list-style: none !important; text-align: center;}
.titlepagina { line-height: 1.8rem; font-size: 26px; margin: 30px  0 30px 0; list-style: none !important;}	
.titolo {line-height: 1.8rem; margin: 30px 0 30px 0; TEXT-INDENT: 5px; font-size: 24px; }	  
.titolohotelbook {line-height: 1.8rem; margin: 30px 0 30px 0; font-size: 26px; text-transform: uppercase;} 	 
	
.titleturismohome {FONT-WEIGHT: 700;COLOR: #8157A3;line-height: 1.5rem;font-size: 20px;margin: 0;text-transform: uppercase;list-style: none !important;}	

.testo-form-homepage {color: #000; padding: 15px; font-size: 18px; font-family: 'poppins', sans-serif; font-weight: 400; text-align: left; }
		
.testo14 { font-size:14px!important; line-height: 1.50rem!important; list-style: none !important;}.testo16 { font-size:16px!important; line-height: 1.50rem!important; list-style: none !important;}.testo18 { font-size:18px!important; line-height: 1.50rem!important; list-style: none !important;}.testo20 { font-size:20px!important; line-height: 1.50rem!important; list-style: none !important;}.testo22 { font-size:22px!important; line-height: 1.50rem!important; list-style: none !important;}.testo24 { font-size:24px!important; line-height: 1.50rem!important; list-style: none !important;}	

.margine-10 { margin-bottom: 10px !important; margin-top: 10px !important;}.margine-20 { margin-bottom: 20px !important; margin-top: 20px !important;}.margine-25 { margin-bottom: 25px !important; margin-top: 25px !important;}.margine-30 { margin-bottom: 30px !important; margin-top: 30px !important;}.margine-40 { margin-bottom: 40px !important; margin-top: 40px !important;}.margine-50 { margin-bottom: 50px !important; margin-top: 50px !important;}.margine-60 { margin-bottom: 60px !important; margin-top: 60px !important;}.margine-70 { margin-bottom: 70px !important; margin-top: 70px !important;}.margine-80 { margin-bottom: 80px !important; margin-top: 80px !important;}.margine-90 { margin-bottom: 90px !important; margin-top: 90px !important;}.margine-100 { margin-bottom: 100px !important; margin-top: 100px !important;}.margine-10top {margin-top: 10px !important;}.margine-20top {margin-top: 20px !important;}.margine-30top {margin-top: 30px !important;}.margine-40top {margin-top: 40px !important;}.margine-50top {margin-top: 50px !important;}.margine-90top {margin-top: 90px !important;}

.cercahotel  {display: inline-block; background-color: #8157A3; border-radius: 5px; border: 1px solid #333; height: 48px;} 
.form-search {display: inline-block; width: 100%; height: 49px; border-radius: 5px; border: 1px solid #333; vertical-align: middle;	}
	
.descrizioneturismo{text-align: justify; }	
	
	.testo-cerca {   
	color: #ffffff !important;
	font-size: 18px;
	vertical-align: middle!important;
	display: inline-block;
   	font-weight: 400;}
	
	.cerca {
    display: inline-block;
	background: #8157A3;
    width: 100%;
    height: 50px;
    color: #495057;
    vertical-align: middle;}
	
	.btn-cerca {
	height: 50px;
  	background: #8157A3;
    color: #000;
	padding-top: 10px;
    font-size: 18px;
	font-family: 'poppins', sans-serif;
	font-weight: 400;
	text-align: center;}
	 

/*--- Categorie Province home ---*/
.foto-prov-content { /* foto delle provincie */
border-radius: 5px;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;}
	
.foto-turismo-home { /* foto turismo home */
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;}	

.fotoprovimm { 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px; }


.foto-prov-content .categoria-foto {
    opacity: 1;
    position: absolute;
    top: 0;
    transition: all .6s;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;} 
	
.foto-prov-content .title {
	margin-bottom: 0;
    color: #fff;
    font-size: 30px;
    margin: 0 0 10px 0;
    position: absolute;
    transform: translate(-50%, -50%);
    display: inline-block;
    top: 45%;
    left: 50%;
    padding-bottom: 5px;}

.foto-prov-content .title:before {
    position: absolute;
    bottom: 0%;
    left: 50%;
    content: "";
    width: 30px;
    height: 2px;
    background: #fff;
    transform: translateX(-50%);}

.foto-prov-content .info {
    font-size: 14px;
    color: #fff;}

.foto-prov-content .categoria-foto span {
    color: #fff;
    font-size: 18px;
    margin-top: 70px;}
.list_menu {
    width: 100%;
    background: #fff;
    z-index: 999;
    transition: 0.4s;
    border-bottom: 1px solid #ddd;}

/*-----------deshotels------------*/

.deshotel-box {
    border: 1px solid #3F89C3;
    border-radius: 5px;
    padding: 0 30px;}

 
.customer-deshotel_wrap {
    border-bottom: 1px solid #777;
    display: inline-block;
    width: 100%;
    padding: 30px 0;}

.deshotel_wrap li li {
    margin-left: 135px;}

.deshotel_wrap > li:last-child .customer-deshotel_wrap_wrap {
    border-bottom: none;}

.deshoteler-img {float: left;}

.deshoteler-img img {padding: 5px;}

.deshoteler-img p {
    color: #3e434b;
    margin: 4px 0 0;
    text-align: center;
    font-size: 16px;
    line-height: 1.2;}

#deshotels .deshotel-box .deshotel_wrap .customer-deshotel_wrap .deshotel-img img {
    margin-top: 10px !important;}


.deshoteler-img span {
    font-size: 14px;
    color: #737882;
    text-align: center;}

.provinciacityhotel{ 
	FONT-WEIGHT: 400; 
	FONT-SIZE: 14px; 
	line-height: 1.20rem !important; 
	COLOR: #333 !important;
	font-family: 'poppins', sans-serif; }	
	

.customer-deshotel_wrapimm-img {
    float: left;}

.customer-deshotel_wrapimm-img img {
  	padding: 5px;}

.customer-deshotel_wrapimm-img p {
    color: #3e434b;
    margin: 4px 0 0;
    text-align: center;
    font-size: 16px;
    line-height: 1.2;}

.customer-deshotel_wrapimm img {
    margin-top: 10px !important;}

.customer-deshotel_wrapimm-img span {
    font-size: 14px;
    color: #737882;
    text-align: center;}

ul.spazioshow {
    margin: 0;
    padding: 5px;
    list-style-type: none;}
	
.spazioshow-open {
    margin: 0;}

.spazioshow-open {
    padding-bottom: 5px;}
	
.prezzohotel777 {   
	color: #777 !important;
	background: #ddd;
	padding: 6px 12px; 
    float: left;
    font-size: 16px;
    color: #fff;
	line-height: 30px;
	list-style: none !important;
	font-weight: 700;
	text-align: left;
    border-radius: 5px;}
		
.prezzohotel {   
	color: #ffffff !important;
	background: #669410;
    padding: 8px 14px;
    float: left;
    font-size: 18px;
    color: #fff;
	line-height: 30px;
	list-style: none !important;
	font-weight: 300;
	text-align: left;
    border-radius: 5px;}

.bookinghotel {   
	background: #3F89C3;
    padding: 8px 14px;
    float: right;
    font-size: 18px;
    color: #fff;
	line-height: 30px;
	list-style: none !important;
	font-weight: 300;
	text-align: left;
    border-radius: 5px;}

A.bookinghotel:link {
	background: #3F89C3;
    padding: 8px 14px;
    float: right;
    font-size: 18px;
    color: #fff;
	line-height: 30px;
	list-style: none !important;
	font-weight: 300;
	text-align: left;
    border-radius: 5px;}

A.bookinghotel:normal {
	background: #3F89C3;
    padding: 8px 14px;
    float: right;
    font-size: 18px;
    color: #fff;
	line-height: 30px;
	list-style: none !important;
	font-weight: 300;
	text-align: left;
    border-radius: 5px;}

A.bookinghotel:visited {
	background: #3F89C3;
    padding: 8px 14px;
    float: right;
    font-size: 18px;
    color: #fff;
	line-height: 30px;
	list-style: none !important;
	font-weight: 300;
	text-align: left;
    border-radius: 5px;}

A.bookinghotel:hover { 
	background: #3F89C3;
    padding: 8px 14px;
    float: right;
    font-size: 18px;
    color: #fff;
	line-height: 30px;
	list-style: none !important;
	font-weight: 300;
	text-align: left;
    border-radius: 5px;}

.continua {   
	padding: 6px 12px;
    float: right;
    font-size: 16px;
    color: #fff;
	line-height: 30px;
	list-style: none !important;
	font-weight: 300;
	text-align: left;
	padding: 100px;
    border-radius: 5px;}

A.continua:link {
	padding: 6px 12px;
    float: right;
    font-size: 16px;
    color: #fff;
	line-height: 30px;
	list-style: none !important;
	font-weight: 300;
	text-align: left;
    border-radius: 5px;}

A.continua:normal {
	padding: 6px 12px;
    float: right;
    font-size: 16px;
    color: #fff;
	line-height: 30px;
	list-style: none !important;
	font-weight: 300;
	text-align: left;
    border-radius: 5px;}

A.continua:visited {
	padding: 6px 12px;
    float: right;
    font-size: 16px;
    color: #fff;
	line-height: 30px;
	list-style: none !important;
	font-weight: 300;
	text-align: left;
    border-radius: 5px;}

A.continua:hover { 
	padding: 6px 12px;	
    float: right;
    font-size: 16px;
    color: #fff;
	line-height: 30px;
	list-style: none !important;
	font-weight: 300;
	text-align: left;
    border-radius: 5px;} */


.bookingcampi {   
	FONT-WEIGHT: 400!important; 
	background: #fff !important;
	padding: 0px !important;
    font-size: 14px !important;
	font-family: verdana, arial, helvetica, sans-serif !important; 
	COLOR: #000 !important;
	text-align: left;}
	
.bordo {
    padding: 10px;
    margin: 0 0 20px 0;
    border: 1px solid #ccc;
	border-radius: 2px;}
	
.bordomappa {
    padding: 10px;
	background: #fafafa;
    margin: 0 0 20px 0;
	border: 1px solid #3F89C3;
	border-radius: 2px;}	

.bordoprovincia {
  	background: #fafafa;
    margin: 0 0 20px 0;
	border: 1px solid #3F89C3;
	border-radius: 2px;}	
	
.titleprovincia {   
	COLOR: #3F89C3;
	/*margin-bottom: 200px; padding-bottom: 100px!important;*/
	font-family: 'poppins', sans-serif;
	font-size: 16px;
	line-height: 1.50rem;
	text-transform: uppercase;
	list-style: none !important;}	
	
A.titleprovincia:link {  
	COLOR: #3F89C3;
	/*margin-bottom: 200px; padding-bottom: 100px!important;*/
	font-family: 'poppins', sans-serif;
	font-size: 16px;
	line-height: 1.50rem;
	text-transform: uppercase;
	list-style: none !important;}	
	
	
A.titleprovincia:normal {  
	COLOR: #3F89C3;
	/*margin-bottom: 200px; padding-bottom: 100px!important;*/
	 
	font-size: 16px;
	line-height: 1.50rem;
	text-transform: uppercase;
	list-style: none !important;}	
	
	
A.titleprovincia:visited {  
	COLOR: #3F89C3;
	font-size: 16px;
	line-height: 1.50rem;
	text-transform: uppercase;
	list-style: none !important;}

A.titleprovincia:hover {  
	COLOR: #3F89C3;
	font-size: 16px;
	line-height: 1.50rem;
	text-transform: uppercase;
	list-style: none !important;}	
	
.titleprovturismo {   
	FONT-WEIGHT: 600; 
	COLOR: #3F89C3;
	font-size: 15px;
	line-height: 1.50rem;
	text-transform: uppercase;
	list-style: none !important;}	
	
.hometitlecatn {   
	COLOR: #777;
	font-size: 16px;
	line-height: 1.50rem;
	list-style: none !important;}		

.nometitlecatcitta {   
	COLOR: #3F89C3;
	font-size: 14px;
	line-height: 1.50rem;
	list-style: none !important;}
	
	
.nometitlecatcitta:link {   
	COLOR: #3F89C3;
	font-size: 14px;
	line-height: 1.50rem;
	list-style: none !important;}
	
	
.nometitlecatcitta:normal {   
	COLOR: #3F89C3;
	font-size: 14px;
	line-height: 1.50rem;
	list-style: none !important;}
	
	
.nometitlecatcitta:visited {   
	COLOR: #3F89C3;
	font-size: 14px;
	line-height: 1.50rem;
	list-style: none !important;}
	
	
.nometitlecatcitta:hover {   
	COLOR: #333;
	font-size: 14px;
	line-height: 1.50rem;
	list-style: none !important;}	

.titleprovincia {   
	FONT-WEIGHT: 700; 
	COLOR: #3F89C3;
	/*margin-bottom: 200px; padding-bottom: 100px!important;*/
	 
	font-size: 16px;
	line-height: 1.50rem;
	text-transform: uppercase;
	list-style: none !important;}


.nomecitta {   
  /*  padding-top: 50px;
	margin-top: 50px;*/
	FONT-WEIGHT: 600; 
	COLOR: #777;
	 
	font-size: 13px;
	line-height: 1.50rem;
	text-transform: uppercase;
	list-style: none !important;}		
	
.bgsfondo {
    padding: 1.875rem;
    background: #fafafa;
    margin-bottom: 1.875rem;
    border: 1px solid #3F89C3;
    border-radius: 2px;}
			
.bordohotelblu {
    padding: 10px;
    margin: 0 0 20px 0;
	background: #3F89C3;}

.immbook  {
	max-width: 100%;
    height: auto; 
	vertical-align: middle;
    border-style: none;}
	
	
.immbook2:hover  {
	max-width: 100%;
    height: auto; 
	vertical-align: middle;
	border: 4px solid #3F89C3; 
	background: #fff; 
 	text-decoration: none;}	

.latlongmaps{
	FONT-WEIGHT: 400;  
	FONT-SIZE: 14px; 
	line-height: 1.50rem;
	COLOR: #333 !important;
	  }	

.bordohotel{
    margin-bottom: 20px;
    padding-bottom: 10px;
	border-bottom: 3px solid #777;}	

.tipologia {
	FONT-WEIGHT: bold;
	FONT-SIZE: 14px; 
	COLOR: #FF911E; 
	  
	text-align: right;}

.divpro {
	FONT-WEIGHT: 700;
	FONT-SIZE: 12px; 
	font-family: verdana, arial, helvetica, sans-serif;
	COLOR:#141414;}
	
	
A.divpro:link {
	FONT-WEIGHT: 700;
	FONT-SIZE: 12px; 
	font-family: verdana, arial, helvetica, sans-serif;
	COLOR:#141414;}
	
A.divpro:normal {
	FONT-WEIGHT: 700;
	FONT-SIZE: 12px; 
	font-family: verdana, arial, helvetica, sans-serif;
	COLOR:#141414;}
	
A.divpro:visited {
	FONT-WEIGHT: 700;
	FONT-SIZE: 12px; 
	font-family: verdana, arial, helvetica, sans-serif;
	COLOR:#141414;}
	
A.divpro:hover { 
	FONT-WEIGHT: 700;
	FONT-SIZE: 12px; 
	font-family: verdana, arial, helvetica, sans-serif;
	COLOR:#141414;}
	
.divisoregrigio {
    border-bottom: 1px solid #ccc;
    font-size: 18px;
    margin-bottom: 10px; 
    padding-bottom: 10px;}
	
.divisoreshowl {
    border-bottom: 1px solid #777;
	font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 10px;}		
	
.home {
	FONT-WEIGHT: 600;
	 
	COLOR: #3F89C3;
	FONT-SIZE:12px; 
	text-decoration: none; }

A.home:link {
	FONT-WEIGHT: 600;
	 
	COLOR: #3F89C3;
	FONT-SIZE: 12px; 
	text-decoration: none; }

A.home:normal {
	FONT-WEIGHT: 600;
	 
	COLOR: #3F89C3;
	FONT-SIZE: 12px; 
	text-decoration: none; }

A.home:visited {
	FONT-WEIGHT: 600;
	 
	COLOR: #3F89C3;
	FONT-SIZE: 12px; 
	text-decoration: none; }

A.home:hover { 
	FONT-WEIGHT: 600;
	 
	COLOR: #3F89C3;
	FONT-SIZE: 12px; 
	text-decoration: none; }	
	
.breadcrumb {
	FONT-WEIGHT: 400;
	 
	COLOR: #3F89C3;
	FONT-SIZE: 12px!important;  
	text-decoration: none; }

A.breadcrumb:link {
	FONT-WEIGHT: 400;
	 
	COLOR: #3F89C3;
	FONT-SIZE: 12px!important;
	text-decoration: none; }

A.breadcrumb:normal {
	FONT-WEIGHT: 400;
	 
	COLOR: #3F89C3;
	FONT-SIZE: 12px!important; 
	text-decoration: none; }

A.breadcrumb:visited {
	FONT-WEIGHT: 400;
	 
	COLOR: #3F89C3;
	FONT-SIZE: 12px!important; 
	text-decoration: none; }

A.breadcrumb:hover { 
	FONT-WEIGHT: 400;
	 
	COLOR: #3F89C3;
	FONT-SIZE: 12px!important;
	text-decoration: none; }

.imm-show {
float: left; 
display:block;
width: 119px; height: 119px; background-color: #f2f2f2; 
margin: 5px; padding:6px; border:solid 1px #b8b8b8;
overflow: hidden; font-size:11px; }


.descrizionebookinghotel{
	FONT-WEIGHT: 400; 
	FONT-SIZE: 14px !important;
	line-height: 1.50rem; 
	COLOR: #333 !important;	  }	
	
.zonafrazioneinfo{
	FONT-WEIGHT: 400; 
	FONT-SIZE: 14px !important; 
	line-height: 1.30rem !important; 
	COLOR: #333 !important;
	  }		

.bookinghotelblu{
	FONT-WEIGHT: 400;  
	FONT-SIZE: 15px; 
	line-height: 1.50rem;
	COLOR: #3F89C3 !important;
	text-align: justify;	
	  }

.bookinghotelnero{
	FONT-WEIGHT: 400;  
	FONT-SIZE: 15px; 
	line-height: 1.50rem;
	COLOR: #37454D !important;
	text-align: justify;}
	
.stelle { COLOR: #FFC600;}	
	
.booking {   
	FONT-WEIGHT: 700; 
	COLOR: #3F89C3;
	font-size: 20px;
	margin: 0;
	text-transform: uppercase;
	list-style: none !important;}	

A.booking:link {
	FONT-WEIGHT: 700; 
	COLOR: #3F89C3;
	font-size: 20px;
	margin: 0;
	list-style: none !important;}		

A.booking:normal {
	FONT-WEIGHT: 700; 
	COLOR: #3F89C3;
	 
	font-size: 20px;
	margin: 0;
	list-style: none !important;}	 

A.booking:visited {
	FONT-WEIGHT: 700; 
	COLOR: #3F89C3;
	 
	font-size: 20px;
	margin: 0;
	list-style: none !important;}	
   
A.booking:hover { 
	FONT-WEIGHT: 700; 
	COLOR: #3F89C3;
	 
	font-size: 20px;
	margin: 0;
	list-style: none !important;}	

.contenitore-pagina {
    width: 100%;
    padding-right: 5px;
    padding-left: 5px;
    margin-right: auto;
    margin-left: auto;}  
	
.section-padding {padding: 70px 0;}

.no-pad-tb {
    padding-top: 0 !important;
    padding-bottom: 0 !important;}

.testofoto {
FONT-WEIGHT: 600; COLOR: #777; background-color: #f1f1f1; font-size: 18px; padding: 8px; border-radius: 2px; transition: 0.5s; position:absolute; bottom:10px; line-height: 1.2;}

.testofoto2 {
FONT-WEIGHT: 600; COLOR: #777; background-color: #fafafa; font-size: 18px; padding: 8px; border-radius: 2px; transition: 0.5s; position:absolute; bottom:10px; line-height: 1.2;}	

	
.titlehotelshow {   
	FONT-WEIGHT: 700; 
	line-height: 1.5rem;
	font-size: 20px;
	margin: 0;
	text-transform: uppercase;
	list-style: none !important;}	

A.titlehotelshow:link {
	FONT-WEIGHT: 700; 
	line-height: 1.5rem;
	font-size: 20px;
	margin: 0;
	list-style: none !important;}		

A.titlehotelshow:normal {
	FONT-WEIGHT: 700; 
	line-height: 1.5rem;
	font-size: 20px;
	margin: 0;
	list-style: none !important;}	

A.titlehotelshow:visited {
	FONT-WEIGHT: 700; 
	line-height: 1.5rem;
	font-size: 20px;
	margin: 0;
	list-style: none !important;}	

A.titlehotelshow:hover {  
	FONT-WEIGHT: 700; 
	line-height: 1.5rem;
	font-size: 20px;
	margin: 0;
	list-style: none !important;}	


/*----------Gallery-----------*/

.carousel-indicators {
    position: absolute;
    bottom: -10px;
    left: -3px;
    right: 0;
    z-index: 15;
    display: flex;
    justify-content: center;
    padding-left: 0;
    margin-right: 0;
    margin-left: 0;
    list-style: none;
    width: 100%;
}

.carousel-indicators li {
    width: 120px;
    text-indent: -999px;
    cursor: pointer;
    background-color: rgba(255, 255, 255, .5);
}

.carousel-indicators li:last-child {
    margin-right: -3px;
}

.carousel-control-prev span,
.carousel-control-next span {
    width: 35px;
    height: 35px;
    background: #0cbcb7;
    border-radius: 50%;
    line-height: 36px;
    font-size: 20px;
    opacity: 1;
    position: absolute;
}

.carousel-control-prev span {
    left: 15px;
    transition: 0.5s;

}

.carousel-control-next span {
    right: 15px;
    transition: 0.5s;}


.d-block {
    display: block !important;
    width: 100%;}

.w-100{width:100%!important}
.h-100{height:100%!important}
.mw-100{max-width:100%!important}
.mh-100{max-height:100%!important}	

.link_hotel {
	FONT-WEIGHT: normal; 
	font-size: 12px;
 COLOR: #006699; }

.hotel-di-design-boutique-title {
	FONT-WEIGHT: 700;
	font-size: 12px;
 COLOR:#3F89C3;
	text-decoration: none;
	text-transform: uppercase;}
	
.hotel-di-design-boutique-title:link {
	FONT-WEIGHT: 700;
	font-size: 12px;
	COLOR:#3F89C3;
	text-decoration: none;
	text-transform: uppercase;}	
	
.hotel-di-design-boutique-title:normal{
	FONT-WEIGHT: 700;
	font-size: 12px;
	COLOR:#3F89C3;
	text-decoration: none;
	text-transform: uppercase;}	

.hotel-di-design-boutique-title:visited{
	FONT-WEIGHT: 700;
	font-size: 12px;
	COLOR:#3F89C3;
	text-decoration: none;
	text-transform: uppercase;}	

.hotel-di-design-boutique-title:hover{
	FONT-WEIGHT: 700;
	font-size: 12px;
	COLOR:#3F89C3;
	text-decoration: none;
	text-transform: uppercase;}	

.prezzoda {FONT-WEIGHT: 700; 
	font-size: 30px;
    color: #777;
	font-family: verdana, arial, helvetica, sans-serif;
    line-height: 30px;
	text-align: right !important;}

.titolosettservizi{
FONT-WEIGHT: 700;  
	FONT-SIZE: 20px; 
	text-transform: uppercase;
	line-height: 1.50rem;
	COLOR: #3F89C3 !important;
	text-align: left;	
	  }		
	
.titoloservizi{
	FONT-WEIGHT: 400; 
	COLOR: #777;
	 
	text-transform: uppercase;
	font-size: 14px;
	margin: 0;
	list-style: none !important;}		
	
.servizihotel{
	FONT-WEIGHT: 400;  
	FONT-SIZE: 14px; 
	line-height: 1.50rem;
	COLOR: #333 !important;
	text-align: justify;	
	  }	
	
.serviziplus {   
	FONT-WEIGHT: 700;  
	FONT-SIZE: 16px; 
	text-transform: uppercase;
	line-height: 1.50rem;
	COLOR: #3F89C3 !important;
	text-align: left;	
	  }	
	
.servizihotelblu {   
	FONT-WEIGHT: 400;  
	FONT-SIZE: 14px; 
	line-height: 1.50rem;
	COLOR: #3F89C3 !important;
	text-align: left;	
	  }
	
.servizigratis {
	FONT-WEIGHT: 600;
	FONT-SIZE: 13px; 
	COLOR:#2F9100 !important;
	font-family: verdana, arial, helvetica, sans-serif !important; }
		
.ok{
	font-size: 18px;
	FONT-WEIGHT: 700;  
	padding: 3px;
	COLOR: #3F89C3 !important;
	  }	
	
	
ul.servizifast {
    columns: 2;}

.servizifast li {
    text-align: left;
    margin-bottom: 5px;
	COLOR: #3F89C3;
    font-weight: 400;
    position: relative;
    padding-left: 30px; }

.servizifast li i {
    position: absolute;
    left: 0;
    top: 7px;
    font-size: 16px;
	COLOR: #3F89C3; }
	
.servizihotelfast{
	FONT-WEIGHT: 400;  
	FONT-SIZE: 14px; 
	line-height: 2rem;
	COLOR: #333 !important; 
	text-align: justify;	
	  }		
	
.px12 {font-size: 12px !important;}
.px14stelle{font-size: 14px !important; COLOR: #FFC600!important;}
.px16 {font-size: 16px !important;}
.px18 {font-size: 18px !important;}
.px20 {font-size: 20px !important;}
.px22 {font-size: 22px !important;}
.px24 {font-size: 24px !important;}
	
.elenco-servizi-tab.fixed_nav li {
    display: inline-block;}

.elenco-servizi-tab.fixed_nav {
    margin: 0 auto;}

.elenco-servizi-tab .nav-link {
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: 16px;
    color: #000;
    padding: 10px 0;}

.elenco-servizi-tab .nav-link {
    position: relative;
    text-align: center;}

.elenco-servizi-tab .nav-item {
    margin-bottom: 0 !important;
    margin-right: 45px;
    position: relative;
    padding: 10px 0;} 


.elenco-servizi-tab .nav-item:after {
    position: absolute;
    bottom: -0.04rem;
    left: 0;
    width: 0;
    height: 1px;
    content: "";
    background: #0cbcb7;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
    border-color: transparent;}


.elenco-servizi-tab .nav-item.active:after,
.elenco-servizi-tab .nav-item:hover:after {
    visibility: visible;
    opacity: 1;
    width: 100%;}

.elenco-servizi-tab .nav-item.active a {
    color: #3F89C3;}

.elenco-servizi-tab .nav-item a {
    font-size: 16px;
	color: #777;}

.elenco-servizi-section:first-child {
    padding-top: 10px !important;}

#overview h4 {
    margin-bottom: 10px;}

.elenco-servizi-btn div {
    display: inline-block;} 


.elenco-titolo-tab.fixed_nav li {
    display: inline-block;}

.elenco-titolo-tab.fixed_nav {
    margin: 0 auto;}

.elenco-titolo-tab .nav-link {
    border-top: none;
    border-left: none;
    border-right: none;
    font-size: 16px;
    color: #000;
    padding: 10px 0;}

.elenco-titolo-tab .nav-link {
    position: relative;
    text-align: center;}

.elenco-titolo-tab .nav-item {
    margin-bottom: 0 !important;
    margin-right: 45px;
    position: relative;
    padding: 10px 0;} 


.elenco-titolo-tab .nav-item:after {
    position: absolute;
    bottom: -0.04rem;
    left: 0;
    width: 0;
    height: 1px;
    content: "";
    background: #0cbcb7;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s;
    border-color: transparent;}


.elenco-titolo-tab .nav-item.active:after,
.elenco-titolo-tab .nav-item:hover:after {
    visibility: visible;
    opacity: 1;
    width: 100%;}

.elenco-titolo-tab .nav-item.active a {
    color: #3F89C3;}

.elenco-titolo-tab .nav-item a {
    font-size: 16px;
	color: #777;}

.elenco-titolo-section {
    padding-top: 1px;}

	
.elenco_menu {
    width: 100%;
    background: #fff;
    z-index: 999;
    transition: 0.4s;
    border-bottom: 1px solid #ddd; }	
	
/*--- Footer ---*/
.page-wrapper.fixed-footer {
    /*---margin-bottom: 50px;---*/
    position: relative;
    z-index: 1000;
    background-color: #fff;
}

.footer-wrapper.footer-fixed {
    background-size: cover;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.footer-content.nav {
    display: inline-block;}
	
.categoria-home.nav {
    display: inline-block;}


.footer-logo {
    margin-top: 15px;
}

.footer-logo img {
    margin-bottom: 18px;
    max-width: 200px
}

.footer-top-area {
    color: #fff;
    position: relative;
}

.footer-bottom-area {
    padding: 25px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.23);
}

.footer-bottom-area p {
    font-size: 13px;
    letter-spacing: 1px;
    font-weight: 300;
    color: #f9f9f9;
}

.footer-top-area .footer-content .title {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    margin-top: 20px;
}

.footer-content li {
    padding-bottom: 10px;
}

.footer .info,
.phone-number,
.email {
    color: #7a7a7a;
    font-size: 14px;
}

.company-desc p {
    font-size: 14px;
    color: #fff;
}

.footer .info {
    margin-bottom: 10px;
}

.footer .info,
.phone-number {
    color: #fff;
    font-size: 14px;
}

.phone-number span,
.email span {
    color: #999;
}

.footer-content ul li a {
    color: #fff;
    font-size: 15px;
}

.social-buttons.style2 li a i {

    font-size: 18px;

}

.contact-info {
    line-height: 1.7;
}

.contact-info .icon {
    font-size: 18px;
    padding-right: 10px;
    width: 30px;
    color: #fff;
}

.contact-info .icon,
.contact-info .text {
    display: table-cell;}

.contact-info .text,
.contact-info .text a {
    color: #fff;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;}
	

.page-wrapper.fixed-footer {margin-bottom: 100px;}
 .page-wrapper.fixed-footer {
        margin-bottom: 580px;    }

    .test-text {
        margin-top: 10px;    }


    .app-img {
        top: -5px;    }
		

.footer-top-area .footer-content .title {
        margin-top: 15px;
        line-height: 1;
    }

    .footer-logo .company-desc {
        margin-bottom: 20px;
    }

    #list-view.product-list .trending-place-item .trending-title-box {
        padding: 15px 30px;    }
		
	/*margine footer */.page-wrapper.fixed-footer {margin-bottom: 150px;}
	
.footer-wrapper.v2 {
    background: #F5F6F7;
}

.footer-wrapper.v2 .company-desc p {
    color: #555;
}

.footer-wrapper.v2 .footer-top-area .footer-content .title,
.footer-wrapper.v2 .contact-info .icon,
.footer-wrapper.v2 .social-buttons li a i {
    color: #333;
}

.footer-wrapper.v2 .contact-info .text,
.footer-wrapper.v2 .contact-info .text a {
    color: #555;
    font-weight: 400;
}

.footer-wrapper.v2 .footer-bottom-area {
    border-top: 1px solid rgba(92, 113, 106, 0.13);
    background: #F5F6F7;
}	


.error-content i {
    font-size: 60px;
    display: block;
    color: #0cbcb7;
}

.error-content p {
    margin-bottom: 30px;
}

.error-content a {
    color: #0cbcb7;
}

.error-search-container input {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    width: 100%;
}

.error-search-container button {
    background: transparent;
    border: none;
    padding: 0;
    margin-left: -27px;
    font-size: 17px;
    cursor: pointer;}

.sidebar .widget .search-button {
    background: transparent;
    border: none;
    cursor: pointer;
    line-height: 1;
    position: absolute;
    top: 10px;
    right: 5px;
}

.sidebar .widget {
    margin-top: 30px;
}

.sidebar .widget .widget-title {
    border-bottom: 10px solid #ddd;
    font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.sidebar .widget.categories ul li {
    font-size: 14px;
    line-height: 40px;
    padding-left: 5px;
}



.sidebar {
    display: block;}

.sidebar .widget.search {
    display: block;
    margin-top: 0;
    position: relative;
    right: 0;
    z-index: 1;

}

.sidebar .widget.search input {
    border-radius: 3px;
}

.sidebar .widget .cerca-hotel {
    background: transparent;
    border: none;
    cursor: pointer;
    line-height: 1;
    position: absolute;
    top: 10px;
    right: 5px;
}

.sidebar .widget {
    margin-top: 30px;
}

.sidebar .widget .widget-title {
    border-bottom: 10px solid #ddd;
    font-size: 18px;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.sidebar .widget.categories ul li {
    font-size: 14px;
    line-height: 40px;
    padding-left: 5px;
}

ul.icon li {
    list-style-type: none;
}

ul.icon li::before {
    content: '\f3d3';
    font-family: "Ionicons";
    height: 10px;
    left: 20px;
    position: absolute;
    width: 10px;
}

.widget.categories ul li a {
    margin-left: 15px;
}

.sidebar .widget.recent-posts .post-list {
    padding-left: 0;
}

.sidebar .widget.recent-posts .test-item {
    list-style: none;
    margin-bottom: 15px;
    padding-left: 0;
}

.sidebar .widget.recent-posts .test-item .test-img {
    display: table-cell;
}

.sidebar .widget.recent-posts .test-item .test-img img {
    min-width: 70px;
}

.sidebar .widget.recent-posts .test-item .test-text {
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
}

.sidebar .widget.recent-posts .test-title {
    line-height: 1.1;
    margin-bottom: 0;
}

.sidebar .widget.recent-posts .test-title a {
    color: #141414;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
}

.sidebar .widget.recent-posts .test-date {
    color: #777;
    font-size: 12px;}
	
#search-filter::placeholder,
#location-filter::placeholder {
    color: #888;
    font-size: 15px;
    font-weight: 400;}


/*-----------------------------------------------------------
                    Menu
-------------------------------------------------------------*/
.site-navbar-wrap {
    z-index: 99;
    transition: 0.3s all ease;
}

.site-navbar-wrap .navbar-brand {
    padding: 0;
    max-width: 150px;
}

.site-navbar-wrap.v1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 10px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);

}

.site-navbar-wrap.scrolled {
    padding: 0px 0;
    box-shadow: 0 0 30px -5px rgba(0, 0, 0, 0.1);
}

.site-navbar-top {
    display: none;
    font-size: 0.8rem;
    background: #1e7e34;
}

.site-navbar-top a {
    color: #fff;
}

.site-navbar-top .text-with-icon {
    color: rgba(255, 255, 255, 0.5);
}

.site-navbar-top,
.site-navbar {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.site-navbar {
    margin-bottom: 0px;
    width: 100%;
    border-bottom: none;
}

.site-navbar .site-logo {
    font-weight: 200;
}

.site-navbar .site-logo a {
    font-weight: 200;
    font-size: 26px;
    color: #000;
}

.site-navbar .site-navigation .site-menu {
    margin-bottom: 0;
}


.site-navbar .site-navigation .site-menu .active > a {
    color: #000;
}

.user-menu li a {
    padding-left: 5px !important;
    padding-right: 0 !important;
}

.user-menu li a {

    background: #0cbcb7;
    color: #fff !important;
    border-radius: 20px;
    transition: 0.4s;
    padding: 10px 20px !important;
}

.user-menu li a:hover {

    background: #fff;
    color: #333 !important;

}

.site-navbar .site-navigation .site-menu > li {
    display: inline-block;
    padding: 10px 10px;
}

.site-navbar-wrap.v1 .site-navbar .site-navigation .site-menu > li > a {
    padding: 10px 10px;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none !important;
}

.site-navbar-wrap.v2 {
    border-bottom: 1px solid rgba(153, 153, 153, 0.22);
    padding: 10px 0;
    background-color: #fff;
}

.site-navbar-wrap.v2 .site-navbar .site-navigation .site-menu > li > a {
    color: #000;
}

.site-navbar .site-navigation .site-menu > li > a:hover {
    color: #000;
}

.site-navbar .site-navigation .site-menu > li:last-child {
    padding-right: 0;
}

.site-navbar .site-navigation .site-menu .has-children {
    position: relative;
}

.has-children a { 
    font-size: 15px;
    font-weight: 300;
}

.menu-nav  {
	FONT-WEIGHT: 400; 
	FONT-SIZE: 15px; 
	position: relative;
	COLOR: #0071C1 !important;
	  }
	
.menuhomenav{ 
	FONT-WEIGHT: 700; 
	FONT-SIZE: 15px; 
	position: relative;
	padding-right: 30px;
	COLOR: #0071C1 !important;
	  }

.site-navbar .site-navigation .site-menu .has-children > a {
    position: relative;
    padding-right: 30px;
    font-size: 15px;
    font-weight: 400;
	COLOR: #0071C1 !important;}

.site-navbar-wrap .site-navbar .site-navigation .site-menu .has-children > a::before {

    position: absolute;
    content: "\f3d0";
    color: #fff;
    font-family: "Ionicons";
    top: 6px;
    right: -4px;
    font-size: 13px;

}

.site-navbar-wrap.v2 .site-navbar .site-navigation .site-menu .has-children > a::before {

    color: #000;
    top: -3px;
    right: 6px;
}

.dropdown > .has-children > a::before {
    position: absolute !important;
    content: "\f3d3" !important;
    color: #000 !important;
    font-family: "Ionicons" !important;
    top: 1px !important;
    right: 3px !important;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown {
    visibility: hidden;
    opacity: 0;
    top: 122%;
    position: absolute;
    text-align: left;
    padding: 15px 30px;
    margin-top: 20px;
    margin-left: 0px;
    background: #fff;
    transition: 0.4s 0s;
    z-index: 9999;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown {
    box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.05);
    position: absolute;
    min-width: 15.3rem;
    z-index: 9999;
    border-radius: 2px;

}

.site-navbar .site-navigation .site-menu .has-children .dropdown li {
    position: relative;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown li:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #f91942;
    content: "";
    transition: 0.6s;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown li:hover:before {
    width: 100%;
}

.dropdown.sub-menu {
    position: absolute;
    min-width: 12.9rem !important;
    z-index: 9999;
}

.dropdown li a:hover {
    margin-left: 5px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown:before {
    border-color: rgba(136, 183, 213, 0);
    border-bottom-color: #000;
    border-width: 7px;
    margin-left: -7px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown a {
    text-transform: none;
    letter-spacing: normal;
    transition: 0s all;
    color: #fff;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown .active > a {
    color: #28a745 !important;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li {
    border-bottom: 1px solid #f5f6f7;
    list-style: none;
    padding: 10px 0;
    margin: 0;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown li:last-child {
    border-bottom: none;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li > a {
    display: block;
    color: #666;
    transition: 0.3s;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 300;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > a:before {
    content: "\e315";
    right: 20px;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown,
.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > ul {
    left: 100%;
    top: 0;
}

.site-navbar .site-navigation .site-menu .has-children .dropdown > li.has-children > .dropdown.sub-menu {
    left: 107% !important;
    top: -14px !important;
}

.site-navbar .site-navigation .site-menu .has-children:hover,
.site-navbar .site-navigation .site-menu .has-children:focus,
.site-navbar .site-navigation .site-menu .has-children:active {
    cursor: pointer;
}

.site-navbar .site-navigation .site-menu .has-children:hover > .dropdown,
.site-navbar .site-navigation .site-menu .has-children:focus > .dropdown,
.site-navbar .site-navigation .site-menu .has-children:active > .dropdown {
    transition-delay: 0s;
    margin-top: -1px;
    visibility: visible;
    opacity: 1;
}

.site-mobile-menu {
    width: 320px;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 20000;
    padding-top: 20px;
    background: #fff;
    height: calc(100vh);
    transform: translateX(110%);
    box-shadow: -10px 0 20px -10px rgba(0, 0, 0, 0.1);
    transition: .3s all ease-in-out;
}

.offcanvas-menu .site-mobile-menu {
    transform: translateX(0%);
}

.mobile-bar span {
    font-size: 25px;
    padding: 0 10px;
    border-radius: 4px;
}

.site-navbar-wrap.v1 .mobile-bar span {
    color: #fff;
}

.site-navbar-wrap.v2 .mobile-bar span {
    color: #000;
}

.site-mobile-menu-close.js-menu-toggle span {
    color: #000;
    margin-right: 20px;
    font-size: 35px !important;
}

.site-mobile-menu .site-mobile-menu-header {
    width: 100%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close {
    float: right;
    margin-top: 8px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span {
    font-size: 30px;
    display: inline-block;
    padding-left: 10px;
    padding-right: 0px;
    line-height: 1;
    cursor: pointer;
    transition: .3s all ease;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-close span:hover {
    color: #25262a;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo {
    float: left;
    margin-top: 10px;
    margin-left: 0px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a {
    display: inline-block;
    text-transform: uppercase;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a img {
    max-width: 70px;
}

.site-mobile-menu .site-mobile-menu-header .site-mobile-menu-logo a:hover {
    text-decoration: none;
}

.site-mobile-menu .site-mobile-menu-body {
    overflow-y: scroll !important;
    position: relative;
    padding: 20px 30px;
    height: calc(100vh - 52px);
    padding-bottom: 150px;
}

.site-mobile-menu .site-nav-wrap {
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
}

.site-mobile-menu .site-nav-wrap a {
    padding: 15px 0;
    display: block;
    position: relative;
    color: #212529;
}

.site-mobile-menu .site-nav-wrap a:hover {
    color: #28a745;
}

.site-mobile-menu .site-nav-wrap li {
    position: relative;
    display: block;
}

.site-mobile-menu .site-nav-wrap li.active > a {
    color: #28a745;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse {
    position: absolute;
    right: 0px;
    top: 10px;
    z-index: 20;
    width: 36px;
    height: 36px;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse:hover {
    background: #f8f9fa;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse:before {
    font-size: 12px;
    z-index: 20;
    font-family: "Ionicons";
    content: "\f3d0";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(-180deg);
    transition: .3s all ease;
}

.site-mobile-menu .site-nav-wrap .arrow-collapse.collapsed:before {
    transform: translate(-50%, -50%);
}

.site-mobile-menu .site-nav-wrap > li {
    display: block;
    position: relative;
    float: left;
    width: 100%;
}

.site-mobile-menu .site-nav-wrap > li > a {
    font-size: 16px;
}

.site-mobile-menu .site-nav-wrap > li > ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

.site-mobile-menu .site-nav-wrap > li > ul > li {
    display: block;
}

.site-mobile-menu .site-nav-wrap > li > ul > li > a {
    padding-left: 40px;
    font-size: 16px;
}

.site-mobile-menu .site-nav-wrap > li > ul > li > ul {
    padding: 0;
    margin: 0;
}

.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li {
    display: block;
}

.site-mobile-menu .site-nav-wrap > li > ul > li > ul > li > a {
    font-size: 16px;
    padding-left: 60px;
}

.add-list.float-right {
    margin-top: 4px;}
	
/* -------------Overlay----------- */

.overlay {
    background-color: rgb(0, 0, 0);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;}

.op-1 {
    opacity: 0.1;}

.op-3 {
    opacity: 0.3;}

.op-5 {
    opacity: 0.5;}

.op-7 {
    opacity: 0.7;}

.op-9 {
    opacity: 0.9;}

/*----------Social Buttons-----------*/

.social-buttons {
    padding-left: 0;
}

.social-buttons li {
    display: inline-block;
    padding: 0 7px;
}

.social-buttons li:first-child {
    padding-left: 0;
}

.social-buttons li a i {
    color: #fff;
    transition: 0.5s;

}

.social-buttons li a:hover i {
    color: #ccc !important;
}

.bg-green {
    background-color: #0cbcb7;
}

.bg-green-1 {
    background-color: rgba(30, 195, 139, 0.1);
}

.bg-white {
    background-color: #fff !important;
}

.bg-grey {
    background-color: #ddd !important;
}

.bg-f {
    background-size: cover;
    background-position: center;
    height: 100vh;
    background-repeat: no-repeat;
}

.bg-h {
    background-position: center;
    background-size: cover;
    height: 550px;
}

.bg-s {
    background-position: center;
    background-size: cover;
    height: 400px;
}

.bg-xs {
    background-position: center;
    background-size: cover;
    height: 300px;
}

.bg-fixed {
    background-attachment: fixed;
}

.bg-fb {
    background: #3b5998;
}

.bg-tt {
    background: #34AAF3;
}

.bg-ig {
    background: #C035A7;
}

.btn.v8 {
    background: #0cbcb7;
    padding: 9px 20px;
    border-radius: 50px;
    border: 1px solid transparent;
    color: #fff !important;
    transition: 0.3s;
    display: inline-block;
    font-size: 15px;
    font-weight: 500 !important;
}


/*-----------------------------------------------------------
                  Fixed header
-------------------------------------------------------------*/
.header-fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2000;
    transition: 0.7s;
}

.header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    transition: 0.7s;
}

.header.hide {
    top: -100px;
    visibility: hidden;
    transition: 0.7s;
}

.header.transparent.scroll {
    padding: 0;
    transition: 0.7s;
    z-index: 9999;
}

.header.transparent.scroll .site-navbar-wrap.v1 {

    background-color: #0cbcb7;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);

}

.header.transparent.scroll .site-navbar-wrap.v2 {

    background-color: #fff;
    box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);

}

.header.transparent.scroll .site-navbar-wrap.v1 .add-list .btn.v8 {
    background: #fff;
    color: #000 !important;
}

.header.transparent.scroll-hide .site-navbar-wrap.v2 .add-list .btn.v8:hover {
    border: 1px solid #ededed;

}

	
/*----------------------------------
       Scroll-to-top
-------------------------------------*/

.scrolltotop {
    border: 1px solid transparent;
    border-radius: 50%;
    bottom: 40px;
    color: #fff;
    cursor: pointer;
    display: none;
    font-size: 20px;
    height: 35px;
    text-align: center;
    position: fixed;
    right: 30px;
    width: 35px;
    z-index: 999;
    background: #0cbcb7;
    line-height: 35px;
}

.scrolltotop:after {
    position: absolute;
    z-index: -1;
    content: '';
    top: 100%;
    left: 5%;
    height: 10px;
    width: 90%;
    opacity: 1;
    background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.25) 0%, rgba(0, 0, 0, 0) 80%);}
	
/*------------------------------------------
                Responsive Css
-------------------------------------------*/

@media (max-width: 1200px) {
    .trending-btn-wrap {
        margin: 3px 0 0;
    }

    
}

@media only screen and (min-width: 992px) and (max-width:1199px) {

    .listing-sidebar {
        padding-left: 0;
    }

    .business-title {
        padding: 10px;
    }

    ul.business-hours {
        padding: 10px;
    }

    .add_list .list-details-tab .nav-item {
        margin-right: 25px;
    }
}

@media only screen and (max-width:1199px) {
    .coupon_code {
        margin-left: 0;
        margin-top: 10px;
    }

    .list-tags {
        margin-bottom: 50px;
    }
}

@media only screen and (min-width: 575px)and (max-width:1199px) {

    .sidebar .widget.recent-posts .test-title a {
        font-size: 20px;
    }
}

@media only screen and (max-width: 1024px) {
     .trending-prev,
    .popular-prev {
        left: -2.5%;
    }

    .trending-next,
    .popular-next {
        right: -2.5%;
    }

    .blog-hover-content {
        padding: 0 10px;
    }

    

    .app-content {
        padding-top: 15px;
    }

    .app-content h2 {
        font-size: 25px;
    }

    .app-content h2 span {

        font-size: 35px;

    }
}

@media only screen and (min-width: 1025px) {

    .single-place:hover .single-place-title {
        transform: translatey(-15px);
    }

    .single-place:hover .single-place-list {
        transform: translatey(-25px);
        opacity: 1;
    }

    .single-place:hover .explore-place {
        transform: translatey(-12px);
        color: #fff;
        opacity: 1;
    }

    .foto-prov-content:hover.foto-prov-content .categoria-foto {
        opacity: 1;
    }

    .single-blog-item.v2:hover .blog-hover-content .blog-title {
        transform: translatey(-20px);
    }

    .single-blog-item.v2:hover .blog-hover-content a.btn.v6 {
        transform: translatey(-6px);
        transition-delay: 0.1s;
        opacity: 1;
    }

}

@media only screen and (max-width: 1024px) {
    .single-place-content {
        bottom: 3.6rem;

    }

    .single-place .explore-place {
        transform: translatey(30px);
        color: #fff;
        opacity: 1;
    }

    .foto-prov-content .categoria-foto {
        opacity: 1;

    }

    .blog-hover-content .blog-title {
        transform: translatey(15px);
    }

}

@media only screen and (min-width: 992px) and (max-width:1024px) {
    

    .app-img {
        top: -85px;
    }

}


@media only screen and (max-width:992px) {

    .trending-next,
    .popular-next,
    .coupon-next,
    .team-next,
    .testimonial-next,
    .trending-prev,
    .popular-prev,
    .coupon-prev,
    .team-prev,
    .testimonial-prev {
        top: 105%;
    }

    .partner-next,
    .partner-prev {
        top: 60px;
    }

    .trending-prev,
    .popular-prev,
    .coupon-prev,
    .team-prev,
    .partner-prev,
    .testimonial-prev {
        left: 44%;
    }

    .trending-next,
    .popular-next,
    .coupon-next,
    .team-next,
    .partner-next,
    .testimonial-next {
        right: 44%;
    }

    .blog-cat {
        top: 20px;
        left: 25px;
    }

}

@media only screen and (min-width: 768px) and (max-width:991px) {

    

   
}

@media only screen and (min-width: 481px) and (max-width:991px) {
    .section-title {
        font-size: 1.7rem;
    }

    .nav-folderized .nav h2::before {
        opacity: 0;
    }
}

@media only screen and (max-width:991px) {
    

    .color-switcher {
        display: none;
    }

    .single-blog-item.v1 img,
    .foto-prov-img img,
    .coupon-img img {
        width: 100%;
    }

    .sm-center {
        text-align: center !important;
    }

    .sm-right {
        float: right !important;
    }

    .md-left {
        float: left !important;
    }

    .btn.v1 {
        font-size: 16px !important;
        padding: 10px 20px !important;
        display: inline-block !important;
    }

     .site-navbar-wrap.v1 {
        padding: 15px 0;
    }

    .site-nav-wrap a.btn.v1 {
        margin-top: 15px;
        padding: 5px;
    }

    filter-wrapper .container-fluid {
        position: relative;
    }

    .contact-map.v2 .gmnoprint {
        bottom: 75px !important;
    }

    .explore__map-side {
        width: 100%;
        position: absolute;
        top: 58px;
        left: 0;
        height: 300px;
        padding-left: 0;
    }

    .contact-map {
        margin-top: 50px;
    }

    .filter-wrapper.style1.v2 .hero__form.filter {
        background: transparent;
        box-shadow: none;
    }

    .filter-wrapper.style1.v2 .hero__form.v2 .hero__form-input {
        border: none;
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, .12);

    }

    .filter-wrapper.style1.mar-top-100.half-map {
        margin-top: 410px !important;
    }

    .add-list {
        display: none !important;
    }

    sm-none {
        display: none !important;
    }

    .pricing-table {
        margin-bottom: 30px
    }

    .sm-right {
        text-align: right !important;
    }

    .listing-sidebar {
        margin-top: 80px;
        padding-left: 0;}

    

    

    
    .explore__form-checkbox-list.full-filter {
        left: 5%;
    }

    .filter-checkbox {
        margin-bottom: 25px;
    }

    .full-filter .price-range.ui-widget.ui-widget-content {
        width: 300px;
    }

    .nav-folderized .nav h2 {
        cursor: pointer;
    }

    .nav-folderized ul {
        max-height: 0;
        overflow: hidden;
        transition: 0.5s ease-out;
    }

    .nav-folderized .nav h2:after {
        content: "\f3d0";
        float: right;
        font-family: "Ionicons";
        font-size: 17px;
        line-height: 1;
        margin-left: 10px;
        position: absolute;
        right: 0;
    }

    .nav-folderized .nav.open h2:after {
        content: "\f3d8";
        float: right;
        font-family: "Ionicons";
        font-size: 18px;
    }

    .nav-folderized .nav.open ul {
        height: auto;
        max-height: 500px;
        transition: 0.5s ease-in !important;
    }

    

    .slider-btn.v1 {
        width: 30px;
        height: 30px;
    }

    .slider-btn.v1 i {
        line-height: 28px;
        font-size: 15px;

    }

    .user-follow.text-right p {
        margin-top: 20px;
    }

    .deshotel-item__post {
        display: flex;
    }

    .deshotel-item__content {
        margin-top: 50px;
    }

    .deshotel-item__post-image {
        margin-bottom: 10px;
    }

    .user_info_menu {
        border-bottom: none;
    }

    .boxed-widget.summary {
        margin-top: 30px;
    }

    .add_list .nav.nav-tabs.list-details-tab {
        display: block;
    }

    .add_list .list-details-tab .nav-item {

        border-bottom: 1px solid #ddd;
    }

    .map-view-wrap_item {
        position: relative;
        left: 0;
        top: 0;
        background: transparent;
        border-radius: 0;
        z-index: 999;
        padding: 40px 0 0 0;
    }

    .contact-widget {
        margin-top: 50px;
    }

    .blog-hover-content .blog-title {
        transform: translatey(-35px);
    }

    .device-logo a img {
        width: 32%;
    }

    .filter-sub-menu.style1 ul li.has-sub > a {

        margin-top: 15px;
    }

    

}

@media only screen and (min-width: 576px) and (max-width:767px) {

    

    ul.listing-features {
        columns: 2;
    }

    

}

@media only screen and (min-width:768px) {

    .fixed-header {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.3);
        transform: translateY(0);
    }


}

@media only screen and (max-width:767px) {
    .bg-xs {
        height: 500px;
    }

    .sm-center {
        text-align: center !important;
    }

    .sm-right {
        float: right !important;
    }

    .sm-left {
        text-align: left !important;
    }

       .pricing-table .title:before {
        height: 400px;
        top: 100px;
        left: 55px
    }

    .pricing-table .title:after {
        width: 550px;
        height: 550px;
        top: 150px;
        right: -100px;
        transform: rotate(-20deg)
    }

    .counter-text {
        margin-top: 35px;
    }

    .margin-bot-35 {
        margin-bottom: 35px;
    }

 
    .list-details-btn {
        margin-top: 22px;
    }

    .list-details-tab {
        display: block;
    }

    .list-details-tab li.nav-item,
    .list-details-tab.fixed_nav li {
        display: block;
        border-bottom: 1px solid #ddd;
    }

    .list_menu {

        border-bottom: none;
    }

    .list-details-title.v1 {
        transform: translateY(300px);
    }

    .item-wrapper .product-list .trending-place-item .trending-title-box {
        padding: 20px 30px;
    }

    .list-details-tab.nav-tabs .nav-link {
        text-align: left;
        border-bottom: 1px solid #ddd;
    }

    .list-details-tab.nav-tabs .nav-link.active {
        border-bottom: none;
    }

    .list-details-tab.nav-tabs {
        border-bottom: none;
    }

    .feature-left.float-left {
        margin-top: 25px;
    }

    .room-type-item .feature-right {
        margin-top: -47px;
    }

    .facilities-list {
        margin-top: 45px;
    }

    .listing-details-slider .single-listing-slider a img,
    .room-type-item img {
        width: 100%;
    }

    .customer-text {
        margin: 70px 0 0;
    }

    .deshotel_wrap .rate-deshotel {
        margin-bottom: 10px;
    }

    .list-tags {
        margin-bottom: 30px;
    }

    .deshotel-box {
        padding: 0 10px;
    }

    .trending-prev,
    .popular-prev,
    .coupon-prev,
    .team-prev,
    .partner-prev,
    .testimonial-prev {
        left: 43%;
    }

    .trending-next,
    .popular-next,
    .coupon-next,
    .team-next,
    .partner-next,
    .testimonial-next {
        right: 43%;
    }

    .similar-next {
        right: 2%;
    }

    .coupon-desc.float-right h4 {
        margin-top: 30px;
        margin-bottom: 0;
    }

    .coupon-owner {
        margin-bottom: 20px;
    }

    .work-process-content {

        margin-bottom: 30px;
    }

    .contact-widget {
        margin-top: 50px;
    }

    .list-details-tab.nav-tabs.pricing-list .nav-item {
        margin-right: 0;
        text-align: left;
    }

    .list-details-tab.nav-tabs.pricing-list .nav-item:first-child {
        padding-right: 15px;
    }

    .app-content {
        padding-bottom: 30px;
    }

    .app-img {
        position: relative;
        top: 10px;
    }

    .action-title p {
        margin-bottom: 30px;
    }

    .add_list_content .filter-input {

        margin-bottom: 15px;
    }

    .list-details-title.v3 {
        transform: translateY(300px);
    }

}

@media (max-width: 575px) {
    .xs-left {
        float: left !important;
    }

 
   

    .trending-btn-wrap .btn-danger {
        width: 100%;
    }

    ul.listing-features {
        columns: 1;
    }

    .list-single-facts ul {
        columns: 1;
    }

    a.rate-deshotel {
        padding: 6px 10px;
        margin-right: 10px;
    }

    a.rate-deshotel i {
        margin-right: 5px;
    }

    a.rate-deshotel span {
        padding-left: 5px;
    }

    .deshotel_wrap .rate-deshotel {
        float: left !important;
        margin-bottom: 10px;
    }

    .deshotel_wrap.has-child {
        margin-left: 30px;
    }

    .explore__form-checkbox-list.full-filter {
        left: 2%;
    }

    .nav-folderized .nav h2:after {
        right: 5%;
    }



    .counter-text h6 {
        font-size: 25px;

    }

    .counter-text i {
        font-size: 20px;
    }

    .counter-text p {
        font-size: 15px;
    }

 

    .contact-form__upload-btn {
        margin-bottom: 40px;
    }

    .contact-form__input-file {
        width: 157px;
    }





}

@media only screen and (max-width:480px) {
    .xs-center {
        text-align: center !important;
    }

    .section-title {
        font-size: 1.25rem;
    }

    .pricing-table .title:after,
    .pricing-table .title:before {
        width: 280px;
        height: 200px;
        top: 220px;
        left: -46px
    }

    .pricing-table .title:after {
        top: 150px;
        left: auto;
        right: -70px
    }

    .trending-title-box {
        padding: 22px 14px;
    }



    .deshotel-item__description {
        margin: 10px 0 20px 0;
    }

    .deshotel-item__image {
        width: 100%;
    }

    .deshotel-item__post {
        display: block;
    }

    .list-ratings span {
        font-size: 16px;
    }

    .slider-btn.v4 {

        width: 30px;
        height: 30px;

    }

    .slider-btn.v4 i {

        line-height: 30px;

    }

    .single-listing-title h2 {
        font-size: 27px;
    }

    .contact-form__upload-btn {
        text-align: left;
        margin-bottom: 37px;
    }

    .contact-form__upload-btn span {
        top: 0;
        left: 0;
    }

    .contact-form__upload-btn span i {
        margin-right: 0.25rem;
    }

    ul.business-hours {
        padding: 15px;
    }

    .customer-rating {
        float: left;
    }


    .trending-prev,
    .popular-prev,
    .coupon-prev,
    .team-prev,
    .partner-prev,
    .testimonial-prev {
        left: 38%;
    }

    .trending-next,
    .popular-next,
    .coupon-next,
    .team-next,
    .partner-next,
    .testimonial-next {
        right: 38%;
    }

    

    .deshotel_wrap li li {
        margin-left: 0;
    }

    .app-content form input[type="text"] {

        margin-bottom: 15px;     }

    .foto-prov-content .title {
        font-size: 25px;
        top: 38%;
    }

    .foto-prov-content .categoria-foto span {
        margin-top: 60px;
    }

    .blog-hover-content a.btn.v6 {
        opacity: 0;
    }

    .blog-hover-content .blog-title {
        transform: translatey(12px);
    }


    .single-blog-item.v2:hover .blog-hover-content a.btn.v6 {

        opacity: 0;
    }

    .popular-item.sm-grid .single-place-content {
        bottom: 2.6rem;
    }

    .popular-item.sm-grid .single-place-title {
        margin-bottom: 5px;
    }

    .popular-item.sm-grid .single-place-title a {
        font-size: 20px;
    }

    .contact-form__input-file {
        width: 170px;
    }

    .payment_receipt--contents .btn.v3 {
        margin-top: 20px;
    }
}

@media (max-width: 320px) {
    .trending-title-box span {
        padding: 0 4px;
    }

    .trending-title-box p {
        font-size: 13px;
    }

    .trending-title-box ul li span {
        font-size: 12px;
        padding: 0 2px 0 0;
    }