.slick-slide .text a, .linkstyle
{
	text-decoration: underline !important;
	color: #77201a !important;
}

.slick-slide .text a.nodec {
	text-decoration: none !important;
	color: black !important;

}
.slick-slide .text a.nodec:hover {
	text-decoration: none !important;
	color: black !important;
}
.text p a:hover{
	    background-color: transparent !important;
	    color: rgba(119, 32, 26, .6) !important;
}

@media screen and (min-width: 1024px){
	.width42
{
	    width: 42%;
}

}

.services-list .item .pricingblues
{
	    background: #005ca9;
}
.services-list .item .pricingyellow,
.services-list .item .col--title.pricingyellow:before {
		    background: #ffcb02;
}
.pricingblues.pricingyellow::before
{
	    right: 100%;
	    top: 50%;
	    transform: rotate(180deg) !important;
	    background: transparent !important;
	    border-left-color: hsl(48, 100%, 50%) !important;
}
 .tooogle h3{
            cursor: pointer;
          }
          .tooogle h3:before{
    content: "+";
    position: absolute;
    width: 10px;
    margin-left: -19px;
    height: 10px;
    margin-top: -1px;

          }
          .tooogle h3.active:before{
    content: "-";
    position: absolute;
    width: 10px;
    margin-left: -19px;
    height: 10px;
    margin-top: -1px;

          }
          .tooogle p{
            display: none;
            
         }
         .tooogle p.active{
            display: block !important;
                padding-left: 1em;
                color: #777;
         }
         
.reservation-footer{
	   * overflow-x: hidden;
}
 .tooogle h3
{
	    text-transform: capitalize;
	    letter-spacing: 1px;
	    font-size: 15px;
	    color: #777;
	    font-weight: 300;
} 
.table-cell.ipadprice
{
	background: #4c4c4c;
}
.table-cell.ipadprice.yello {
	background: #3f3f3f;

}
 

/*  ----------------------------------------------------- Mobile ------------------ */

@media screen and (min-width:320px) and (max-width: 425px){
  nav .main-menu ul li{
  	    line-height: 3em;
  }
header .logo{
	width: calc(100% - 0px);
    height: 60px;
    margin-left: 0;
    z-index: -1;
    width: -webkit-calc(100% - 0px); 
}
.logo_2
{
    width: 40% !important;
}
.logo_1
{
    width: 60% !important;
}
.contact-form button span{
	    padding-top: 15px;
    padding-bottom: 15px;
}
footer{
	    background: none;
    padding: 0px 0 0;
}
.dlogores{
	bottom: 0 !important;
    height: 27px !important;
}
.wlogores{
	position: absolute !important;
	    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%);
}
nav .main-menu ul li a{
	    padding-left: 0;
}
video.YTPOverlay{
	    padding-top: 60px;
}
.text-vertical--centered>.text
{
	    height: auto !important;
    position: absolute !important;
    top: 60px !important;
    width: 100% !important;
    padding: 2em 1em !important;
}
.title--big{
	    font-size: 20px;
    line-height: 33px;
}
.smallsubtext
{
	    font-size: 0.6em !important;
	        font-weight: 300 !important;
}
.title--bigger{
	    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.intro-text p{
	font-size: 15px;
	    text-align: justify;
    text-align-last: center;
}
.title-line{
	    margin-top: 30px;
}
#rooms-slider .numbers{
	    margin: -45px 0 0 0;
    transform: translateX(-50%);
}
.slides.slick-initialized.slick-slider{
	    margin-top: 100px;
}
#rooms-slider .button-round{
    top: calc(70% - 22.5px);
    margin: 0;
}
.heigt-auto-res{
	height: auto !important;	
}
.home-cta .text-inner{
	    top: 0;    text-align: justify;
    text-align-last: left;
}
.services-list .item .col--title:before{
	    margin-left: 0;   left: calc(56% - 10px);
	    	display: none;
}
.services-list .item.indent .col--title:before{
	    margin-left: 0;   left: calc(50% - 10px);
}
.services-list .item .col{
	*min-height: 230px;
}
.col--title.anim .table{
	    min-height: 230px;
}
.services-list .item .col{
	    height: auto;
}
.services-list .item{
	    margin-bottom: 0;
}
.services-list  .item.indent .col--title{
	    height: 230px;
}
.tooogle h3{
    font-size: 14px;
    font-weight: 300;
    color: gray;
}
footer .dati .dmc img {
    width: 13% !important;
    top: 4px !important;
}

.services-list .item .pricingblues {
    width: calc(50% - 10.5em);
}
.services-list .item .black2col {
    width: calc(18.8% + 9em);
}
.iit.pricingtable .width120 {
    width: -webkit-fill-available;
}

}
/* ------------------------------------------------------------------------- Mobile Rotation -------------------------------- */

@media screen and (min-width:568px) and (max-width: 736px){
      nav .main-menu ul li{
  	    line-height: 3em;
  }
header .logo{
	width: calc(100% - 0px);
    height: 60px;
    margin-left: 0;
    z-index: -1;
    width: -webkit-calc(100% - 0px); 
}
.contact-form button span{
	    padding-top: 15px;
    padding-bottom: 15px;
}
footer{
	    background: none;
    padding: 0px 0 0;
}
.dlogores{
	bottom: 0 !important;
    height: 27px !important;
}
.wlogores{
	position: absolute !important;
	    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%);
}
nav .main-menu ul li a{
	    padding-left: 0;
}
video.YTPOverlay{
	    padding-top: 60px;
}
.text-vertical--centered>.text
{
	    height: auto !important;
	    position: absolute !important;
	    top: 60px !important;
	    padding: 9em 7em !important;
}
.title--big{
	    font-size: 30px;
	    line-height: 53px;
}
.smallsubtext
{
	    font-size: 0.6em !important;
	        font-weight: 300 !important;
}
.title--bigger{
	    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.intro-text p{
	font-size: 15px;
	text-align: center;
	text-align-last: center;
}
.title-line{
	    margin-top: 30px;
}
#rooms-slider .numbers{
	    margin: -45px 0 0 0;
    transform: translateX(-50%);
}
.slides.slick-initialized.slick-slider{
	    margin-top: 100px;
}
#rooms-slider .button-round{
    top: calc(70% - 22.5px);
    margin: 0;
}
.heigt-auto-res{
	height: auto !important;	
}
.home-cta .text-inner{
	    top: 0;    text-align: justify;
    text-align-last: left;
}
.services-list .item .col--title:before{
	    margin-left: 0;
	    left: calc(100%);
}
.services-list .item.indent .col--title:before{
	    margin-left: 0;
	    left: calc(95%);
}
.services-list .item .col{
	*
	min-height: 230px;
	height: auto;
	min-height: 10px;
}
.col--title.anim .table{
}
.services-list .item .col{
}
.services-list .item{
	    margin-bottom: 0;
}
.services-list  .item.indent .col--title{
}
#rooms-slider .room.slick-active.slick-current .title, #rooms-slider .room.slick-active.slick-current p{
	    transform: translateY(40px);
}

.services-list .item .pricingblues {
         width: calc(48.8% );
}
.services-list .item .black2col {
            width: calc(48.8% );
}
.iit.pricingtable .width120 {
    width: -webkit-fill-available;
}

}

/* ------------------------------------------------------------------------------------My tablet--------------------- */

@media screen and (min-width:768px) and (max-width: 1024px){
     
      nav .main-menu ul li{
  	    line-height: 3em;
  }
header .logo{
	width: calc(100% - 0px);
    height: 60px;
    margin-left: 0;
    z-index: -1;
    width: -webkit-calc(100% - 0px); 
}
.contact-form button span{
	    padding-top: 15px;
    padding-bottom: 15px;
}
footer{
	    background: none;
    padding: 0px 0 0;
}
.dlogores{
	bottom: 0 !important;
    height: 27px !important;
}
.wlogores{
	position: absolute !important;
	    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%);
}
nav .main-menu ul li a{
	    padding-left: 0;
}
video.YTPOverlay{
	    padding-top: 60px;
}
.text-vertical--centered>.text
{
	    height: auto !important;
	    position: absolute !important;
	    top: 60px !important;
	    padding: 9em 7em !important;
}
.title--big{
	    font-size: 30px;
	    line-height: 53px;
}
.smallsubtext
{
	    font-size: 0.6em !important;
	        font-weight: 300 !important;
}
.title--bigger{
	    font-size: 30px;
    margin-bottom: 20px;
    margin-top: 20px;
}
.intro-text p{
	font-size: 15px;
	text-align: center;
	text-align-last: center;
}
.title-line{
	    margin-top: 30px;
}
#rooms-slider .numbers{
	    margin: -45px 0 0 0;
    transform: translateX(-50%);
}
.slides.slick-initialized.slick-slider{
	    margin-top: 100px;
}
#rooms-slider .button-round{
    top: calc(70% - 22.5px);
    margin: 0;
}
.heigt-auto-res{
	height: auto !important;	
}
.home-cta .text-inner{
	    top: 0;    text-align: justify;
    text-align-last: left;
}
.services-list .item .col--title:before{
	    margin-left: 0;
	    left: calc(100%);
}
.services-list .item.indent .col--title:before{
	    margin-left: 0;
	    left: calc(100%);
}
.services-list .item .col{
	*min-height: 230px;
}
.col--title.anim .table{
}
.services-list .item .col{
}
.services-list .item{
	    margin-bottom: 0;
}
.services-list  .item.indent .col--title{
}
#rooms-slider .room.slick-active.slick-current .title, #rooms-slider .room.slick-active.slick-current p{
	    transform: translateY(40px);
}
footer .dati .dmc{
	    left: 38px;
	        bottom: 9px;
}
.services-list .item .pricingblues {
    width: calc(23.3% );
}
.services-list .item .black2col {
            width: calc(48.8% );
}
.iit.pricingtable .width120 {
    width: -webkit-fill-available;
}
.black2col .ipadprice{
	    line-height: 16px !important;
    padding: 0 10px !important;
}

} 




/* ------------------------------------------------------------------------------------ My Large LAPTOP,PC--------------------- */
 
 @media screen and (min-width:1024px) and (max-width: 1450px){
 .title--big{
   	font-size: 50px;
   }
    
    .text-vertical .text{
    	    top: 35.6% !important;
    }
}


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

}



/* ------------------------------------------------------------------------------------My big lap--------------------- */
 @media screen and (min-width:1369px) and (max-width: 1445px){


 }

/* ------------------------------------------------------------------------------------My ipad rotate--------------------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { 
 
}




/* ------------------------------------------------------------------------------------My mac--------------------- */
 @media screen and (min-width:1446px) and (max-width: 1920px){
    .mac-none{display: none;}
  

 }


/* ------------------------------------------------------------------------------------iphone5--------------------- */


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 360px) 
and (orientation : portrait) { 

 
 } 
/* ------------------------------------------------------------------------------------iphone5 land--------------------- */

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape){ 

 

}




/* ------------------------------------------------------------------------------------iphone6--------------------- */
@media only screen 
and (min-device-width : 361px) 
and (max-device-width : 380px) 
and (orientation : portrait) { 
 
}
/* ------------------------------------------------------------------------------------iphone6 land--------------------- */

@media only screen 
and (min-device-width : 414px) 
and (max-device-width : 736px) 
and (orientation : landscape) { 
 

}