/*------------------------------------------------------------------
[TABLE OF CONTENTS]

        1. GLOBAL STYLES
        2. CONTENT
        3. CAROUSEL
        4. RESPONSIVE STYLES 
        
-------------------------------------------------------------------*/

@font-face {
    font-family: 'kalamregular';
    src: url('kalam-regular-webfont.woff2') format('woff2'),
         url('kalam-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
/* 1. GLOBAL STYLES */
html {
    -webkit-text-size-adjust: none
}
body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 20px;
    color: #000;
    background-color: #FFF;
    font-weight: 300;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 700;
    margin-top: 0
}
.a:active, a:link, a:visited{
	color: #000
}
h1{
    font-family: 'kalamregular', cursive;
	font-size: 40px;
	font-weight: 400;
	margin-bottom: 40px
}
h2, h3{
	font-size: 36px;
	line-height: 40px;
	font-weight: 700;
	margin: 0 0 60px;
}
#camere h2, #perche h2, #dove h2{
	margin-bottom: 0
}
h3{
	color: #e42322;
}
h4{
	color: #e42322;
	font-size: 26px;
	font-weight: 700;
	line-height: 30px;
}

p {
}
strong{
	font-weight: 700
}
a, a:hover, a:active, a:focus {
    outline: 0;
    text-decoration: none;
}

a, a:hover, button, button:hover {
    transition: .4s;
}

a {
    color: #7c2d31;
    transition: .4s;
    text-decoration: none;
}
.txtred{
	color: #e42322;
}
ul, li {
    margin: 0;
    margin-left: 12px;
    list-style:disc;
    padding: 0;
}

a:hover {
    color: #444;
    transition: .4s;
    text-decoration: none;
}
a:focus{
    color: #444;
}
.margin-less {
    margin-top: -120px;
}
.bollo, .bollo1{
	background-color: #80ba41;
	width: 410px;
	margin: 0 auto;
    height: 410px;
    padding-top: 50px;
    line-height: 35px;
    text-align: center;
	border-radius: 50%;
    behavior: url(PIE.htc);
    font-size: 32px;
    color: #fff;
}
.bollo span, .bollo1 span{
	font-style: normal;
	display: block;
	font-weight: 700;
	font-size: 43px;
	margin-bottom: 15px;
	line-height: 45px;
}
.bollo img{
	margin-bottom: 20px
}
.bollo1{
	width: 290px;
	font-size: 35px;
	padding: 100px 0 0;
	height: 290px;
}


ul.nolist li{
	list-style-type: none;
	margin-left: -10px
}
ul.nolist li i{
	margin-right: 10px
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
   /*padding: 0 !important;
   margin: 0 !important;*/
}
.nopad{
	padding: 0px !important;
}
.space10{height: 10px}
.space20{height: 20px}
.space30{height: 30px}
.space40{height: 40px}
.space50{height: 50px}
.visible{
	display: block !important;
	position: absolute;
	z-index: 50;
	background-color: #fff;
	right: 0;
	width: 100%;
	padding-bottom: 25px
}
.txt26{font-size: 26px;}
.txt16{font-size: 16px;}
.txt15{font-size: 15px;}
.txt30{font-size: 30px;}
.txt42{font-size: 42px;}
.tm50{margin-top:50px}
.bm20{margin-bottom:20px}
.bm40{margin-bottom:40px}
.bm50{margin-bottom:50px}
/* 2. GLOBAL STYLES */

.small{
	font-size: 16px;
}
.areareal{
	background-color: #fff;
	padding: 20px 5px 10px
}
.container{
	width: 1100px;
}
.area-colored{
	/*background-color: #f4f0eb;*/
	background-color: #f3eee7
}
#map{
    height: 0;
    overflow: hidden;
    padding-bottom: 22.25%;
    padding-top: 30px;
    position: relative;
    height: 500px
}

    
.area-in{
	padding: 40px 20px 30px 40px
}

.navbar .icon{
	display: none;
	font-size: 26px;
	margin-top: 15px;
	
}
.navbar{
	padding: 15px 0;
	background-color: #fff
}
ul.navbar-txt{
	float: right;
}
ul.navbar-txt li{
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    float: left;
	margin-top: 20px;
	list-style:none;
	margin: 0
}
.navbar-txt li a{
	font-size: 14px !important;
	padding: 30px 50px  !important;
	font-weight: 700;
}
.navbar-fixed-top .navbar-txt li a {
	padding-top: 20px !important
}

.navbar-txt li a:last-child{
	padding-right: 0 !important;
}
.navbar-txt li a:hover {
	color: #000;
}



#primo, #secondo, #rivolgiamo, #servizi, #dove, #migliori, #chisiamo, #contatti, #realizzazioni, #nuovopromo{
	padding: 80px 0 60px;
}


#rivolgiamo, #chisiamo{
	
}
#dove{
	width: 100%; height: 100%; top: 0; left: 0;
	background: url('../images/map.jpg') no-repeat center top; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #fff
}
#dove h3{
	color: #fff
}

.btn-default {
    background-color: #fff !important;
    border:3px solid #80ba41 !important;
    color: #80ba41 !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    margin-top: 8px !important;
    padding:15px 60px !important;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 32px !important;
    border-radius: 8px !important;
}
.btn:hover, .btn:focus, .btn.focus {
    background-color: #80ba41 !important;
    color: #fff !important;
}

.btn-default.btpicc {
    background-color: #e42322 !important;
    border:0 !important;
    color: #fff !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
    margin-bottom: 0 !important;
    padding:12px 40px !important;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 21px !important;
    border-radius: 0 !important;
    -webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
	border-radius: 5px !important;
}

.btn.btpicc:hover, .btn.btpicc:focus {
    background-color: #af0d0c !important;
    color: #fff !important;
}
.ls-layer.slider-green{
	background: none !important;
	line-height: 58px !important;
}


footer{
	background-color: #f3eee7;
	padding: 40px 40px 0px ;
}

footer p{
	font-size: 16px;
}
footer .container .row{
	padding: 40px 0
}
.copyright{
	padding: 0 25px 25px ;
	text-align: right;
	background-color: #676767;
	color: #fff;
	font-size: 14px;
}
.copyright a{
	color: #ccc
}
#menu-mobile{
	float: right;
	cursor: pointer
}
.hided{
	display: none
}
.btslider{
	/*font-size: 20px !important;
	padding: 25px !important;
	display: inline-block !important*/
}




/*FORM*/
input, textarea{
	border: 0 !important;
	padding: 6px 20px !important;
	height: 55px !important;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
	background-color: #efefef !important;
	font-size: 20px !important;
}
textarea{
	height: 130px !important;
}
::-webkit-input-placeholder { /* Chrome */
  color: #999999 !important;
  line-height: 2em
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999999 !important;
  line-height: 2em;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999999 !important;
  line-height: 2em;
  opacity: 1;
}
:-moz-placeholder { /* Firefox 4 - 18 */
  color: #999999 !important;
  line-height: 2em;
  opacity: 1;
}
.check input{
	height: auto !important
}
.redborder{
	border: 1px solid red !important
}
#priv{
	padding:0 !important;
	height: auto !important
}
#err, #conf{
	font-weight: 700;
	padding: 0 0 10px;
	display: none;
}
#err{
	color: red
}
#conf{
	color: green
}
.textred{
	color: red
}
.loadimage{
	display: none
}
/*FORM*/




/* IUBENDA */

#iubenda {
    background-color: #eee;
}
a { color: green; }
.center {
    margin-top: 100px;
}

/*  GENERAL CLASS */
#iubenda-cs-banner{
    /* ------ IMPORTANT NOTICE: don't change these values as
            they may prevent the banner from properly showing. Some of these lines,
            moreover (like z-index) will overwrite the configuration initialized
            by the script you paste in your pages. To show the banner at the bottom
            you can switch to "bottom: 0px !important;". Don't forget to put "slideDown"
            to "false".
     */
    bottom: 0px !important;
    left: 0px !important;
    position: fixed !important;
    width: 100% !important;
    z-index: 99999998 !important;
    background-color: black;
    /* ----------------- */
}

/*  CONTENT CLASS */
.iubenda-cs-content{
    display:block;
    margin:0 auto;
    padding: 20px;
    width:auto;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 12px;
    background: #000;
    color: #fff !important;
}
.iubenda-banner-content{

}

.iubenda-cs-rationale{
    max-width: 900px; position:relative; margin: 0 auto;
}

/*   STYLE FOR TEXT INTERNAL BANNER */
.iubenda-banner-content > p {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    line-height: 1.5;
   font-size: 12px !important;
    color: #fff !important;
}

/*  CLOSE BUTTON. NOTICE: IMAGE FOR BUTTON NOT IMPLEMENTED YET */
.iubenda-cs-close-btn{
    margin:0;
    color: #fff !important;
    text-decoration:none;
    font-size:12px;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
}

/*  STYLE FOR TEXT LINK TO PRIVACY POLICY */
.iubenda-cs-cookie-policy-lnk{
    text-decoration: underline;
    color: #fff !important;
    font-size: 12px;
    font-weight: 900;
}

/* IUBENDA */








/* 4. RESPONSIVE STYLES */

@media only screen and (max-width: 1150px)  {
	.container{
		width: 900px;
	}
	.navbar-txt li a {
	    padding: 30px 38px !important;
	}
	.navbar-brand {
	    padding: 30px 12px !important;
	}
	
	/*SLIDER*/
	.slider-green{
		/*font-size: 60px !important;
		padding: 15px 45px !important;
		width: 600px*/
	}
	.slider-grey{
		/*font-size: 22px !important;
		padding: 15px 25px !important;
		width: 540px*/
	}
	/*SLIDER*/
	
	.bollo1{
		width: 250px;
		padding: 90px 0 0;
		height: 250px;
	}
	.bollo1 span{
		font-size: 35px;
		margin-bottom: 15px;
		line-height: 35px;
	}
	.ls-layer.slider-green {
	    /*line-height: 48px !important;*/
	}
}

@media only screen and (max-width: 959px)  {
	.container{
		width: 750px;
	}
	ul.navbar-txt li{
		display: block;
		float: none;
		clear: both;
		text-align: right;
		margin-top: 25px;
		margin-right: 15px;
	}
	ul.navbar-txt{
		float: none;
		clear: both;
	}
	.navbar-brand {
    	float: none;
    }
    .navbar-txt li a {
	    padding-top: 10px !important;
	    padding-bottom: 10px !important;
	}
	
	/*SLIDER*/
	.slider-green{
		/*font-size: 50px !important;
		padding: 15px 45px !important;
		width: 600px*/
	}
	.slider-grey{
		/*font-size: 20px !important;
		padding: 15px 25px !important;
		width: 580px*/
	}
	/*SLIDER*/
	
	.bollo{
		width: 350px;
	    height: 350px;
	    padding-top: 40px;
	    line-height: 26px;
	    font-size: 25px;
	}
	.bollo span{
		font-size: 35px;
		margin-bottom: 15px;
		line-height: 35px;
	}
	.bollo img{
		margin-bottom: 15px
	}
	
	.bollo1{
		width: 200px;
		padding: 70px 0 0;
		height: 200px;
	}
	.bollo1 span{
		font-size: 30px;
		margin-bottom: 15px;
		line-height: 30px;
	}
	.ls-layer.slider-green {
	    line-height: 38px !important;
	}
	
}

@media only screen and (max-width: 767px){
	.container{
		width: 460px;
	}
	.hided{
		display: block
	}
	.hidem{
		display: none
	}
	/*SLIDER*/
	.slider-green{
		/*font-size: 35px !important;
		padding: 15px 30px !important;
		width: 650px*/
	}
	.slider-grey{
		/*font-size: 13px !important;
		padding: 15px 20px !important;
		width: 580px;
		top: 240px !important*/
	}
	/*SLIDER*/
	.contslider{
		width: 100% !important
	}
	#primo{
		padding-bottom: 0 !important
	}
	.ls-layer.slider-green {
	    dfont-size: 28px !important;
	    dtext-align: center
	}
	
}
@media only screen and (max-width: 640px){
	
}

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

	.container{
		width: 320px;
	}
	.btn-default {
	    padding:15px 25px !important;
	    font-weight: 700;
	    font-size: 14px !important;
	}
	.area-in {
	    padding-left: 0;
	    padding-right: 0;
	}
	
	#testimonianze{
		text-align: center
	}
	/*#primo .area-in{
		padding-top: 10px
	}*/
	#disponibilita{
		margin-bottom: 50px
	}
	.bollo{
		width: 280px;
	    height: 280px;
	    padding-top: 25px;
	    line-height: 26px;
	    font-size: 20px;
	}
	.bollo span{
		font-size: 30px;
		margin-bottom: 5px;
		line-height: 35px;
	}
	.bollo img{
		margin-bottom: 10px
	}
	
	/*SLIDER*/
	.slider-green{
		/*font-size: 25px !important;
		padding: 15px 0 !important;
		width: 800px;
		text-align: center*/
	}
	.slider-grey{
		/*font-size: 12px !important;
		padding: 15px 0 !important;
		width: 850px;
		left:20% !important;
		top: 240px !important;
		text-align: center*/
	}
	/*SLIDER*/
	
}
@media only screen and (max-width: 380px){
	/*.container{
		width: 100%;
		padding: 0 30px
	}
	.contslider{
		pdadding: 0 !important
	}*/
	
}