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

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


/* 1. GLOBAL STYLES */
html {
    -webkit-text-size-adjust: none
}
body {
    font-family: 'DM Sans', sans-serif;
    font-size: 15px;
    color: #555;
    background-color: #FFF;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 700;
}
.a:active, a:link, a:visited{
	color: #444
}
h1{
	color: #ffffff;
    font-size: 60px;
    font-weight: 600;
    letter-spacing: 0;
    line-height: 70px;
    text-transform: none;
    margin: 50px auto 40px
}
h2{
	 color: #ffffff;
    font-family: "Noto Serif",sans-serif;
    font-size: 18px;
    font-style: italic;
    font-weight: 200;
    letter-spacing: 0;
    line-height: 26px;
    text-transform: none;
}
h3{
	color: #424a5c;
    font-size: 20px;
    font-weight: 900;
    letter-spacing: 0;
    line-height: 29px;
    text-transform: none;
    margin-top: 40px
}
.hideel{
	display: none
}
.form-control{
	background-color: #efefef !important;
    color: #000 !important;
    font-family: "DM Sans"  !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    border:0 !important;
    height: 40px !important;
    padding: 10px 15px !important;
}
input.form-control:required {
  border:1px solid #222 !important;
}
textarea.form-control{
	height: 250px !important;
}

.btn{
	background-color: transparent;
    border-radius: 4px;
    box-sizing: initial;
    cursor: pointer;
    display: inline-block;
    font-family: Raleway,sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    height: 39px;
    letter-spacing: 1px;
    line-height: 36px;
    margin: 0;
    outline: 0 none;
    padding: 0 23px;
    position: relative;
    text-align: left;
    text-decoration: none;
    text-shadow: none;
    text-transform: uppercase;
    transition: all 0.1s linear 0s;
    white-space: nowrap;
    width: auto;
    color: #009ee3;
    border:2px solid #009ee3;

}
.btn:hover, .btn:focus, .btn.focus {
	background-color: #009ee3;
	color: #fff
}
p {
    font-size: 14px;
    line-height: 20px;
    font-weight: 300
}
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: #444;
    transition: .4s;
    text-decoration: none;
}

ul, li {
    margin: 0;
    margin-left: 8px;
    list-style:disc;
    padding: 0;
}

a:hover {
    color: #444;
    transition: .4s;
    text-decoration: none;
}
a:focus{
    color: #444;
}

/*CONTENT*/
header{
	background-color: #009ee3;
	padding-bottom: 80px
}
.logo{
	padding: 50px 0 100px
}


.space10{height: 10px}
.space30{height: 30px}
.space50{height: 50px}
.visible{
	display: block !important;
	position: absolute;
	z-index: 50;
	background-color: #fff;
	right: 0;
	width: 100%;
	padding-bottom: 25px
}


/* 2. GLOBAL STYLES */
section{
	margin: 65px 0;
}
.container{
	width: 1100px;
}
.area-colored{
	/*background-color: #f4f0eb;*/
	background-color: #fff
}
#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: 'Lato', sans-serif;
    float: left;
	margin-top: 20px;
	list-style:none;
	margin: 0
}
.navbar-txt li a{
	font-size: 14px !important;
	padding: 30px 50px  !important;
}
.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:active, .navbar-txt li a:link, .navbar-txt li a:visited{
	color: #7c2d31
}
.navbar-txt li a:hover {
	color: #e53600;
}
.navbar-txt li a.colored{
	color: #e53600;
	font-weight: 900
}
#primo .area-in, #camere .area-in, #perche .area-in, #dove .area-in{
	padding-bottom: 0
}
#layerslider1, #layerslider2, #layerslider3, #map_container{
	margin-top: 35px
}
.btn-default {
    background-color: #e53600 !important;
    border-color: #adadad !important;
    color: #fff !important;
    font-family: 'Lato', sans-serif !important;
    border: 0  !important;
    margin-top: 8px !important;
    padding:15px 30px !important;
    font-weight: 700;
    letter-spacing: 2px;
    font-size: 18px !important;
}


footer{
	background-color: #424a5c
}
footer a{
	text-decoration: underline;
	color: #fff !important;
}
footer p{
	font-size: 14px;
	color: #fff !important;
}
footer .container .row{
	padding: 60px 0
}
footer .container img{
	margin-bottom: 20px
}


#menu-mobile{
	float: right;
	cursor: pointer
}

.testim{
	font-style: italic;
	font-size: 20px;
	color: #0271a3;
	font-weight: 400;
}
#servizi{
	margin-bottom: 20px
}
#testimonianze, #servizi{
	margin-top: 80px
}





/* 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: Helvetica,Arial,FreeSans,sans-serif;
    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: Helvetica,Arial,FreeSans,sans-serif;
    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 {
	    font-size: 13px !important;
	    padding: 30px 38px !important;
	}
	.navbar-brand {
	    padding: 30px 12px !important;
	}
}

@media only screen and (max-width: 959px)  {
	.container{
		width: 750px;
	}
	
	#map{
	    height: 400px
	} 
	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;
	}
}

@media only screen and (max-width: 767px){
	.container{
		width: 460px;
	}
	
}
@media only screen and (max-width: 468px){
	.container{
		width: 360px;
	}
	.btn-default {
	    padding:15px 25px !important;
	    font-weight: 700;
	    font-size: 14px !important;
	}
	.area-in {
	    padding-left: 0;
	    padding-right: 0;
	}
	h1{
		font-size: 35px;
		line-height: 45px
	}
	#testimonianze{
		text-align: center
	}
	/*#primo .area-in{
		padding-top: 10px
	}*/
	#disponibilita{
		margin-bottom: 50px
	}

}
@media only screen and (max-width: 380px){
	.container{
		width: 340px;
	}
}