// Core variables and mixins
@import "/bootstrap3.2.0/less/variables.less";
@import "/bootstrap3.2.0/less/mixins.less";

// Reset and dependencies
@import "/bootstrap3.2.0/less/normalize.less";
@import "/bootstrap3.2.0/less/print.less";
@import "/bootstrap3.2.0/less/glyphicons.less";

// Core CSS
@import "/bootstrap3.2.0/less/scaffolding.less";
@import "/bootstrap3.2.0/less/type.less";
@import "/bootstrap3.2.0/less/code.less";
@import "/bootstrap3.2.0/less/grid.less";
@import "/bootstrap3.2.0/less/tables.less";
@import "/bootstrap3.2.0/less/forms.less";
@import "/bootstrap3.2.0/less/buttons.less";

// Components
@import "/bootstrap3.2.0/less/component-animations.less";
//@import "/bootstrap3.2.0/less/dropdowns.less";
@import "/bootstrap3.2.0/less/button-groups.less";
@import "/bootstrap3.2.0/less/input-groups.less";
//@import "/bootstrap3.2.0/less/navs.less";
//@import "/bootstrap3.2.0/less/navbar.less";
//@import "/bootstrap3.2.0/less/breadcrumbs.less";
@import "/bootstrap3.2.0/less/pagination.less";
@import "/bootstrap3.2.0/less/pager.less";
@import "/bootstrap3.2.0/less/labels.less";
//@import "/bootstrap3.2.0/less/badges.less";
//@import "/bootstrap3.2.0/less/jumbotron.less";
//@import "/bootstrap3.2.0/less/thumbnails.less";
//@import "/bootstrap3.2.0/less/alerts.less";
//@import "/bootstrap3.2.0/less/progress-bars.less";
@import "/bootstrap3.2.0/less/media.less";
//@import "/bootstrap3.2.0/less/list-group.less";
//@import "/bootstrap3.2.0/less/panels.less";
@import "/bootstrap3.2.0/less/responsive-embed.less";
//@import "/bootstrap3.2.0/less/wells.less";
@import "/bootstrap3.2.0/less/close.less";

// Components w/ JavaScript
@import "/bootstrap3.2.0/less/modals.less";
@import "/bootstrap3.2.0/less/tooltip.less";
@import "/bootstrap3.2.0/less/popovers.less";
@import "/bootstrap3.2.0/less/carousel.less";

// Utility classes
@import "/bootstrap3.2.0/less/utilities.less";
@import "/bootstrap3.2.0/less/responsive-utilities.less";

@body-bg:#FFF;
@link-color: #666666;
@text-color: #666666;
@font-family-sans-serif: 'Mukta Mahee', sans-serif;
@font-size-base: 18px;
@font-title: 'EB Garamond', serif;

@blu:#26263E;
.colore-due{
    color:#CCA513;
}
.white-text{
    color: #ffF;
}
.blu{color:@blu !important;}

body{
    overflow-x: hidden;
    font-weight:300; letter-spacing:1px;
    

    @media (max-width: @screen-sm-max) {
        margin-top:65px;
        }
}

.font-reg{font-weight:400}

.font-semi{font-weight:600}

.bold{font-weight:700}

.title-font{font-family:@font-title}



/* BUTTON */
input[type=text],
input[type=password],
input[type=email],
input[type=number],
input[type=image],
textarea,
select {
	width: 100%;
	margin:0;
	-webkit-appearance:none;
 	-moz-appearance:none;
 	border: none;
 	-webkit-border-radius: 0px;
    border-radius: 0px;
    display:block;
    text-indent:5px;
}

#pgall input[type=submit],
#pgall input[type=button],
{

	width:100%;
	text-align:center;
	cursor:pointer;
	display:block;
	-webkit-appearance:none;
 	-moz-appearance:none;
 	border: none;
 	-webkit-border-radius: 0px;
    border-radius: 0px;
    -webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-ms-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}

a, a:active,a:focus,a:visited,a:link, input[type = "submit"], img, .ombra{
    -webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-ms-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
    outline:none;
}

.transition_400, .freccia-none, .slick-prev, .slick-next,.pulsante,.tendina-lingue{
    -webkit-transition:all 400ms ease;
	-moz-transition:all 400ms ease;
	-ms-transition:all 400ms ease;
	-o-transition:all 400ms ease;
	transition:all 400ms ease;
}

.transition_600{
    -webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease;
}


.slick-slide{outline:none;}

label{font-weight:normal;margin:0;}

input[type="radio"], input[type="checkbox"]{margin:0;}

/* ***************************** */

/* centrare div in verticale */


.table-box {
	display: table;
	table-layout: fixed;
	width:100%;
	height:100%;
	
	@media (max-width: @screen-xs-max) {
		display:block;
		
	}
}

.table-cell {
	display: table-cell;
	vertical-align: middle;
	float: none;
    
    
    
	@media (max-width: @screen-xs-max) {
		display:block;
		float:left;
	}

}


.centrato{
    margin:auto;    
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    align-items: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-content: center;
    -webkit-align-content: center;
    justify-content: center;
    -webkit-justify-content: center;
    }


.centrato .wrap{
    
    max-width:80%;
    margin:0 auto;
    width:100%


    

}


/************************************/

p{margin:0;}

ul{margin:0px;}

h1,h2,h3,h4,h5,h6{margin:0px;padding:0px;}

.no-pad{padding:0;}


.blk{max-width:2000px;margin:0 auto;width:100%;

    @media (min-width: @screen-lg-min) {
                
                padding:0 30px;
                        
            }
   
}

.flex{    
    
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}


.container,.container-fluid{
    max-width:100%;	
    -webkit-transition:all 600ms ease;
	-moz-transition:all 600ms ease;
	-ms-transition:all 600ms ease;
	-o-transition:all 600ms ease;
	transition:all 600ms ease
}

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



h1, h2.grande{
    
   font-size:50px;
   line-height:normal;
   color:#fff;
   letter-spacing:3px;
   font-family:@font-title;
   

    
   @media (max-width: @screen-md-max) {
       font-size:40px;
    }
    
    @media (max-width: @screen-sm-max) {
        
        font-size:35px;
        
    }
    
    @media (max-width: @screen-xs-max) {
        
        font-size:32px;
        
    }
    
   
      
}


.position-h1{

    text-align: center;
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    margin: auto;


    @media (max-width: @screen-sm-max) {
    
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        padding-top:20px;
        float:left;
        width:100%;
        
    }
    
    @media (max-width: @screen-xs-max) {
        
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        padding-top:20px;
        float:left;
        width:100%;
        
    }

}




.divisore{padding-bottom:60px;
    
    @media (max-width: @screen-md-max) {
       
       padding-bottom:40px; 
       
        
    }
    
    @media (max-width: @screen-sm-max) {
        
        
    }

    
     @media (max-width: @screen-xs-max) {
        
        padding-bottom:20px;
        
    }
    
   
}



h3{font-size:25px;line-height:27px;font-weight:normal;margin:15px 0;
    
    @media (max-width: @screen-md-max) {
    
    }
    

    @media (max-width: @screen-xs-max) {
    
        font-size:24px;
        line-height:26px;
    }
    
    
}


h4{
    
   font-size:30px;
   line-height:normal;
   color:#fff;
   letter-spacing:2px;
   font-family:@font-title;
   

    
   @media (max-width: @screen-md-max) {
       font-size:40px;
    }
    
    @media (max-width: @screen-sm-max) {
        
        font-size:33px;
        
    }
    
    @media (max-width: @screen-xs-max) {
        
        font-size:26px;
        
    }
    
   
      
}




.colonna-negativa{
    
    margin-left:-8.3333333%;  
    
        @media (max-width: @screen-sm-max) {
        
            margin-left:0;
        
        }


}





.doppia-colonna-negativa{
    
    margin-left:-16.7%!important;  
    
        @media (max-width: @screen-sm-max) {
        
            margin-left:auto!important;
        
        }

        @media (max-width: @screen-sm-max) {
        
            margin-left:auto!important;
        
        }

}


.image-top-negativa{
    
    margin-top:-50px!important;  
    
        @media (max-width: @screen-sm-max) {
        
            margin-top:auto!important;
        
        }

        @media (max-width: @screen-sm-max) {
        
            margin-top:auto!important;
        
        }

}



.txt-top-negativa{
    
    margin-top:-80px!important;  
    
        @media (max-width: @screen-sm-max) {
        
            margin-top:auto!important;
        
        }

        @media (max-width: @screen-sm-max) {
        
            margin-top:auto!important;
        
        }

}







.big-image-negativa{
    
    margin-top:-180px!important;  
    
        @media (max-width: @screen-sm-max) {
        
            margin-top:auto!important;
        
        }

        @media (max-width: @screen-sm-max) {
        
            margin-top:auto!important;
        
        }

}




.testo{padding:40px 5px;word-wrap: break-word;
    
    @media (max-width: @screen-md-max) {
       
       padding:30px 15px; 
       
        
    }
    
    @media (max-width: @screen-sm-max) {
        text-align:center;
        
        
    }

    
     @media (max-width: @screen-xs-max) {
        
        padding:20px 5px;
        text-align:center;
        
    }
    
    &.max-wdt{
    
        max-width:750px;
        margin:0 auto;
    
    }
    
    &.white{
    
    
        @media (max-width: @screen-xs-max) {
        
            padding-right:15px;
            padding-left:15px;
             
        }
    
        color:#fff;
        
        
        .lista-v{
                
            li a{border-bottom:2px solid #fff;}
    
        }
        
        
        a{color:#fff;
        
            &:hover{color:#000;}
        
        
        }
        
        h2.grande{text-align:left;margin-bottom:25px;
        
            @media (max-width: @screen-xs-max) {
            
                text-align:center;    
            
            
            }
        
        
        }
        
    }
    
           
}


.testo-sx{padding-right:25px;text-align:left;
    

    @media (max-width: @screen-sm-max) {
                 
                  padding-right:15px;
                  
    }
    
    @media (max-width: @screen-xs-max) {
                
                
        padding-right:5px;
        text-align:center;
                  
                  
    }
    

}


.testo-dx{padding-left:25px;text-align:left;

    @media (max-width: @screen-sm-max) {
    
            padding-left:15px;
    }

    @media (max-width: @screen-xs-max) {
        
                  padding-left:5px;
                  text-align:center;
    }
    
   
    

}



.close{opacity:1;outline:none;

    &:hover, &:focus{color:#4A4A4A;opacity:1;}


}

.modal-open{padding:0 !important;overflow:auto;}



.blu-title{color:#26263E!important}







.ctn-blu-top{
    background-color:#27273E;
    min-height:760px;
    height:760px;
    color:#fff;

    @media (max-width: @screen-sm-max) {
    
            min-height:auto;
            height:auto;
            text-align:center;
            padding:30px 10px;
    }

    @media (max-width: @screen-xs-max) {
        
            min-height:auto;
            height:auto;
            text-align:center;
            padding:30px 5px;
    }


}


.ctn-purple-top{
    background-color:#55546E;
    min-height:560px;
    height:560px;
    color:#fff;
    position:relative;
    z-index:1;

    @media (max-width: @screen-sm-max) {
    
            min-height:auto;
            height:auto;
            text-align:center;
            padding:30px 10px;
    }

    @media (max-width: @screen-xs-max) {
        
            min-height:auto;
            height:auto;
            text-align:center;
            padding:30px 5px;
    }


}

.graphic-service{
    background-repeat:no-repeat;
    background-image:url(/source/graphic-service.png);
    background-position:-80% 400%;
    }


hr.hr-oro{
    border-top:1px solid #CDA715;
    width:65px;
    margin:20px auto 35px 0;

    &.margin-auto{
        margin-left:auto;
        margin-right:auto;
        }

    @media (max-width: @screen-sm-max) {
        margin:20px auto;
    }

    @media (max-width: @screen-xs-max) {
        margin:20px auto;
    }

}
hr.hr-blu{
    border-top:1px solid #27273E;
    width:65px;
    margin:20px auto 35px auto;

    @media (max-width: @screen-sm-max) {
        margin:20px auto;
    }

    @media (max-width: @screen-xs-max) {
        margin:20px auto;
    }

}

.box-proposta-offerte {
    .img-top{
        position:absolute;
        left:0;
        top:0;
        z-index:1;
        }
    }

.tabella-prezzi{
    padding:0;
    p{
        padding:15px 5px;
        }
    ul{
        list-style-image: url(/source/lista-oro.png);
        padding-left: 25px;
        text-align: center;
        li{
            list-style-position: inside;
            }
        }
    table{
        width:100%;
        thead{
            tr{
                th{
                  background-color:#27273E;
                  color:#fff;
                  &:first-child{
                      background:none;
                      }
                    }
                }
            }
        td,th{
            padding:10px;
            text-align:center;
            border:1px solid #fff;
            @media (max-width: @screen-xs-max) {
                padding:5px;
                font-size:11px;
                }
            }
        td:first-child{
            background-color: #CDA715;
            color: #fff;
            }
        
        }
    }

.dati-mobili{
    @media (max-width: @screen-sm-max) {
        color:#26263E;
        font-size:13px;
        font-weight:600;
        text-align:center;
        border-right:1px solid #D7CEFF;
        padding:15px 0 0;
        }
        .cap{
            @media (max-width: @screen-sm-max) {
                padding:10px 0;
                }
            }
    }


.slider-index .sfondo-index{
    background-position:center;
    background-repeat:no-repeat;
    background-size:cover;
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height:700px;
    @media (max-width: @screen-md-max) {
        height:580px;
        }
    @media (max-width: @screen-sm-max) {
        height:440px;
      /*  background-position:right;*/
        }
    @media (max-width: @screen-xs-max) {
        height:350px;
       /* background-position:right;*/
        }
    }

.cont-h1{
    position:absolute;
    left:0;
    right:0;
    top:0;
    bottom:0;
    margin:auto;
    height:415px;
    
    h1{
        padding:15px 0;
         @media (max-width: @screen-sm-max) {
             font-size:30px;
             line-height:36px;
             }
         @media (max-width: @screen-xs-max) {
             font-size:20px;
             line-height:26px;
             }
        }
    @media (max-width: @screen-sm-max) {
        position:relative;
        height:auto;
        }
    }

.plus{
    text-align:center;
    border-right:1px solid #E2E2E2;
    
    @media (max-width: @screen-xs-max) {
        display: table !important;
        border:none;
        }
    .table-cell{
        width:320px;
        height:270px !important;
        float:none !important;
        display:table-cell !important;
        }
    .cnt-img-plus{
        text-align:center;
        img{
            display:block;
            margin:auto;
            }
        }
    .label-plus{
        max-width:160px;
        margin:auto;
        padding:25px 5px;;
        color:#A3A3AE;
        font-size:16px;
        }
    }

/**servizi in home page***/

/***************/

.sfondo-servizi{
    background-repeat:no-repeat;
    background-position:center;
    background-size: cover;
    height: 620px;
    @media (max-width: @screen-sm-max) {
        height:480px;
        }
     @media (max-width: @screen-xs-max) {
         height:215px;
         }
    }
.sfondo-servizi .ornamento{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    margin:auto;
    height:215px;
    }
.testo-servizi{
    color:#fff;
    background-color:#55546E;
    text-align:center;
    .testo{
        max-width:290px;
        margin:auto;
        
        a{
            color:#fff;
            &:hover{
                color:#CDA715;
                }
            }
        
        }
    @media (max-width: @screen-xs-max) {
        min-height:380px;
        img{display:block; margin:auto;}
         padding:35px 5px;
         }
    }
/*************/

.camere-index{
    
    
    .titolo-camere{
        padding-left:25px;
        @media (max-width: @screen-sm-max) {
            padding:0;
            text-align:center;
            padding-bottom:15px;
            }
        h2{
            color:#fff;
            padding: 150px 0 50px;
            position: relative;
            z-index: 1;
            text-shadow: #26263E 1px 1px;
            &.blu-title{
                text-shadow:none;
                }
            @media (max-width: @screen-md-max) {
                font-size:38px;
                }
            @media (max-width: @screen-sm-max) {
                padding:25px 5px 10px;
                color:#26263E;
                text-shadow:none;
                }
            }
        .more-info{
            color:#CDA715;
            font-size:15px;
            &:hover{
                color:#26263E;
                }
            }
        }
    .foto-camere{
            margin-left: -25%;
            padding-top:25px;
            @media (max-width: @screen-sm-max) {
                margin:0;
                padding:0;
                }
            .box-giallo{
                height: 200px;
                width: 200px;
                top: -7px;
                right: 30px;
                position: absolute;
                background-image: url(/source/rombo-prenota.png);
                background-repeat: no-repeat;
                background-position: center;
                cursor: pointer;
                width: 200px;
                .table-cell{
                    color:#fff;
                    .cnt-logo{
                        img{
                            margin:auto;
                            }
                        }
                    .font-semi{
                        line-height: 1;
                        padding: 10px 0;
                        }
                    }
            }
        }
    }

// FORM CONTATTI

#ContContatti input[type="radio"], #ContContatti input[type="checkbox"]{
    width: auto;
    height: auto;
}
#ContContatti {
    
    
    
    .form-group{margin:5px 0;}
    
    .modulo_alt {
        &:extend(.form-control all);
        height:45px;
        background-repeat:no-repeat;
        box-shadow:none;
        padding:0;
        font-size:17px;
        margin:4px 0;
        color:#000;
        border-radius:0px;
        border: #E2E8F3 1px solid;
        text-indent:20px;
        background-color:#E2E8F3;
        background-position: 12px 50%;
        
        &#textarea_alt  {
        min-height: 180px;
        padding-top:10px;
        background-position: 12px 12px;
        
            @media (max-width: @screen-sm-max) {
                
                min-height: 120px;
                
            }
        }
        
        &.required_module {
        box-shadow: 0px 0px 6px red;
        }
        
                 
        
    }
    
    
    
    
    .modulo_alt[readonly], .modulo_file{
    
    background-image: url('/ATScripts/form/img/attach.png');
    background-repeat: no-repeat;
    background-position: 5px center;
    cursor:pointer;
    text-indent:25px;
    background-color:#eee;
    
    }
    
    
    
    .bottone_alt {
        &:extend(.btn all);
        .button-variant(#fff; #000; #000);
        &:extend(.btn-block all);
        
        @media (max-width: @screen-sm-max) {
        
        float:none;
        margin:10px auto    
            
        }
        
    }

    
    .privacy-form label {
         margin:0;
         display:inline;
 
     }
        
    label {
        
       
            display: block;
            margin: 5px 0;
            font-size:16px;
            text-align:left;
            }
    
    .sep{padding-bottom:10px;
    
    
    }
        
    
    
    
    .separatore{margin-bottom:10px;}
    
    select.modulo_alt{
    background-image: url(/source/arr_down.png);
    background-repeat: no-repeat;
    background-position: 98% 50%;
    background-position: right 10px bottom 50%;
    }
   
    
    .privacy-form{ 
        
        @media (max-width: @screen-xs-max) {
        
            margin-top:10px;
        
        }
        
        label {
            padding: 0;
        }
    
    }

}
    
    #testo_privacy, .txtred_alt{font-size:15px !Important;font-weight:normal;text-transform:initial;
    
        a{color:#666}
        
        @media (max-width: @screen-md-max) {
            
            font-size:12px !important;
            
    
        }
    
    }



#ContContatti input.datepicker, #data_partenza_lastminute, #data_arrivo_lastminute, #ContContatti input[name="arrivo"], #ContContatti input[name="partenza"], #ContContatti input[name="data-nascita"],
#ContContatti input[name="giorno_prenotazione"]{

 background-color:#e2e8f3 ;
 background-image:url('/source/calendario.png') !important;
 background-repeat:no-repeat;
 background-position:98% 50% !important;
 background-position: right 10px bottom 50%;
 cursor:pointer;
 
}

#ContContatti input[type = "button"].bottone_alt, #pgall .wrapper_form_cont input[type = "submit"]{
    
    cursor:pointer;
    color:#fff;
    background-color: #CDA715;
    padding:0px 10px;
    height:60px;
    width:100%;
    line-height: 55px;
    -webkit-appearance:none;
    float:right;
    margin:0 auto;
    margin-top:20px;
    outline:none;
    font-size: 18px;
    max-width: 290px;
    text-transform:uppercase;
  
    
    @media (max-width: @screen-xs-max) {
        
        float:none;   
    }
    
}

#ContContatti input[type = "button"].bottone_alt:hover, #pgall .wrapper_form_cont input[type = "submit"]:hover{
    background-color: #27273E;

}


#pgall .wrapper_form_cont .privacy_check div{display:inline-block;}


// ******************************************************

/* pagina cosa fare */
.esperienza, .excursion{
      margin-top:45px;
      text-align:center;
      @media (max-width: @screen-sm-max) {
          margin-top:35px;
          }
    img{
        max-width:100%;
        }
    h3{
        padding: 25px;
        font-size: 22px;
        position:relative;
        margin-top:0px;
        padding-bottom:20px;
        
        @media (max-width: 1500px) {
            font-size:18px;
           
            }
        @media (max-width: @screen-md-max) {
           
            min-height:90px;
            }
        @media (max-width: @screen-sm-max) {
            font-size:18px;
            min-height:1px;
            }
            
       /* &:after{
            content:'';
            width:100px;
            height:2px;
            position:absolute;
            top:0;
            left:0;
            right:0;
            margin:auto;
            background-color:#B09F71;
            }*/
        }
    .pulsante{
        border-radius:5px;
        margin-top:0px;
        }
    
    }



[lang="en"] .no-en{
    display: none;
}

.video_tutorial {
    position:relative;
    padding-bottom:24%;
    @media (max-width: @screen-sm-max) {
             padding-bottom:55%;
            }
    iframe{
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        z-index:1;
    }
}