/****************************
*          DEFAULT          *
****************************/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800);
@import url(https://fonts.googleapis.com/css?family=Abril+Fatface);

@font-face {
    font-family: 'AleoRegular';
    src: url('/fonts/aleo-regular.eot');
    src: url('/fonts/aleo-regular.eot?#iefix') format('embedded-opentype'),
         url('/fonts/aleo-regular.woff2') format('woff2'),
         url('/fonts/aleo-regular.woff') format('woff'),
         url('/fonts/aleo-regular.ttf') format('truetype'),
         url('/fonts/aleo-regular.svg#aleoregular') format('svg');
    font-weight: normal;
    font-style: normal;}

body{background: #ffffff; color:#3e3e3d; font-family: 'Open Sans', sans-serif; font-size:12px}
.img-responsive.centered{margin:0 auto!important}
.banner-full{width:100%; margin-top:5px}
.margin-bottom20{margin-bottom:1em;}
.strong-text{font-weight:700;}

.caret{ margin-left:5px}
.caret-right {
    border-bottom: 5px solid transparent;
    border-top: 5px solid transparent;
    border-left: 5px solid #3d3d3c;
    display: inline-block;
    height: 0;
    vertical-align: top;
    width: 0;
}
a{ text-decoration: none !important; color:#3e3e3d }
a:hover{ color:#97242a; text-decoration:none}
.bg_ret{background:url(/images/elementi/retino.gif) repeat 0 0; margin-top:60px;}
.no-padding{padding:0px;}
iframe{width:100% !important}
section{ margin-top:60px}
/****************************
*            NAV            *
****************************/
nav.dwn{position:fixed;bottom:0;left:0;background:#a8282f; color:#fff; padding:1em 0;width:100%;z-index: 100}
nav.dwn a{ color:#fff; font-weight:700; text-transform:lowercase}
nav.dwn a:hover{color: #ccc}
/****************************
*           HEADER          *
****************************/
header{background: #97242a; padding:1em 0; position:fixed; top:0; left:0; width:100%;z-index: 100;}
#logo img{
    margin: 0 auto;
}
#toggleMenu{
   /* background: #fff;*/
    color: #fff;
    border-radius: 0;
    width: 35px;
    display: block !important;
    height: 35px;
    margin: 3px auto 0;
    font-size: 21px;
    text-align: center;
    font-weight: 300;
}
/*.fa-times{ background: #3e3e3d; color: #fff;}*/
/*#menu{position:fixed; width:100%; top:-500px; height: auto; background: #f1f1f1; left:0; z-index: 999999; padding:1em; transition: top .3s cubic-bezier(1,.2,.5,1);}
#menu.open{top:48px;}
#menu ul{padding:0; list-style: none;}
#menu li {color:#3e3e3d; width: 100%; border-bottom: 1px dotted #c1c2c3; padding:.5em 0; text-transform:uppercase}
#menu li a{color:#3e3e3d; font-weight: 700;display:block; width: 100%; font-size:12px}
#menu li img{margin-right: 10px;width:13px;}*/

#toggleB{
	display:inline-block;
	width:100%;
	padding:10px 0;
	text-align:center;
	font-weight:700;
	background:#97242a;
	color:#fff;}
	
#formB{ display:none; z-index:50; transition: top .3s cubic-bezier(1,.2,.5,1); padding-top:20px; padding-bottom:20px}
#box_vantaggi{
  width:80%;
  background-color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(50, 50, 50, 0.2);
  -moz-box-shadow: 0px 0px 10px 5px rgba(50, 50, 50, 0.2);
  box-shadow: 0px 0px 10px 5px rgba(50, 50, 50, 0.2);
  position: absolute;
  z-index: 100000;
  left: 10%;
  top: 50px;
  padding: 10px 20px;
  display: none;}
 
#box_vantaggi p{ margin:0 0 10px 0}

#contForm{
	margin-top:60px
}

header .fa{ margin-top:6px;}
header .fa.fa-map-marker{ color:#fff; font-size:2em; /*margin-top:11px;*/  margin:5px 15px}
#dropdownMenu1{ font-size:14px; color:#fff}
.dropdown-menu.lang{
	min-width: inherit;
    right: 20%;
    left: inherit;}
.dropdown-menu.lang>li>a{ padding:3px 15px; font-size:14px} 
/****************************
*           MAIN            *
****************************/
#main{/*padding:8em 0 2em 0;**/}

#desc_cat{
	text-align:center;
	background:#ededed;
	font-family:'AleoRegular',Sans-Serif;
	font-size:18px;
	color:#97242a;
	margin-bottom: 20px}

#content .elenco{ border-bottom:1px solid #e8e8e9; margin-bottom:20px;}
#content .elenco .txt,#testo{
	padding:0 60px;
	/*margin-bottom:20px;
	background:#fff*/}

#content .elenco h3{
	font-size:14px;
	/*font-family:'AleoLightItalic',Sans-Serif;*/
	margin-bottom:10px;
	font-weight:bold}

#content .elenco .immgh{ position: relative; width: 100%; height:130px; overflow:hidden} 
#content .elenco .immgh img{ 
   position:absolute;
   top:50%;
   left:50%;
   -webkit-transform: translate(-50%,-50%); 
   -moz-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%,-50%);}

#immagini{ margin:0}
#immagini .slick-dots{ position:relative !important; bottom:0 !important; margin-bottom:0 !important;}

#testo h1{
  /*font-family: 'AleoRegular',Sans-Serif;*/
  font-size: 14px;
  font-weight:700;
  color: #424244;}

#testo .box_link{ border-top:1px dotted #8b8e90; padding-top:10px; padding-bottom:10px;}
#testo .box_link a{ font-style: italic; display:block; margin-bottom:5px}

#atstbx{
	position:absolute;
	top:0;
	right:0}
	
a.at-svc-facebook,a.at-svc-compact, a.at-svc-email{ background: #3e3e3d !important; margin:0.at4-icon.aticon-facebook}
.at-share-tbx-element .at-share-btn{ margin:0 !important;}
.at4-icon{ background-size: 14px 14px !important}
#at4m-dock,.at4m-dock-toggle{ bottom:40px !important}
.slick-slider{ margin-bottom:0}
/****************************
*       HOME SECTION        *
****************************/
#home-section h2{font-weight: 700;font-size: 1.5em;}
.arrows{margin-top:90px;display: block;}

#content_motivi{
	background: #fff;
	margin-top:0;}

#content_motivi .tit h4{
	font-family:'AleoRegular',Sans-Serif;
	font-size:18px;
	color:#97242a;
	margin:20px auto 7px}

#content_motivi em{ font-size:14px}	
#content_motivi .icon{
	text-align:center;
	font-weight:700;
	margin-top:0;
	margin-bottom:20px}
	
#content_motivi .icon img{margin:0 auto 20px}	

#box-exp{
	background:#ededed;
	margin-bottom:0}

#box-exp .tit-exp h3{
	font-family:'AleoRegular',Sans-Serif;
	font-size:18px;
	color:#97242a;
	margin:34px auto 7px}
	
#box-exp .tit-exp em{ width:70%; display:inline-block}
  
.item.exp .data{ color:#97242a; }
.item.exp .immgh{  position: relative; overflow: hidden; height:220px; background: #CCC}
.item.exp .immgh img{ width: 100%; height: auto !important; 
	position:absolute;
   top:50%;
   left:50%;
   -webkit-transform: translate(-50%,-50%); 
   -moz-transform: translate(-50%,-50%);
   -ms-transform: translate(-50%,-50%);
   -o-transform: translate(-50%, -50%);
   transform: translate(-50%,-50%);}

.item.exp h6{ font-weight:700; font-size:14px; margin-top:0}  

.item.exp .txt{
	padding:17px 40px; 
	background:#fff; 
	margin-bottom:16px; 
	min-height:130px}

.item.exp .leggi{
	display:none;
	padding:4px 7px;
	border-radius:100%;
	background:#96232a;
	color:#fff;
	position: absolute;
	bottom:10px}

#box-exp .lnk-scopri{ display:inline-block; font-style:italic; margin:20px 0}

#home-section .slick-prev,#home-section .slick-next{
	height:18px;
	position:absolute;
	top:50%;
	margin-top:-9px;
	background: transparent;
	border:0}
	
#home-section .slick-prev{left: 15%}
#home-section .slick-next{ right: 15%}

#box-exp .slick-prev{ top:125px; left:0}
#box-exp .slick-next{ top:125px; right:0}

#home-section .slick-prev:before{
    content: '';
	font-size:0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 6px solid #3e3e3d;}

#home-section .slick-next:before{
    content: '';
	font-size:0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 6px solid #3e3e3d;}

.social .tit_cat{
    font-family: 'Abril Fatface',Sans-Serif;
    font-size: 28px;
    color: #97242a;
    display: block;
    margin-top: 65px;
    margin-bottom: 15px;
    text-transform: uppercase;
    border-bottom: 1px dashed #9d9fa1;
    padding-bottom: 22px;
}
.social ul{ padding:0}
.social ul li {
 list-style-type: none;
 margin-bottom:10px
}
 
.social i {
    width: 40px;
    height: 40px;
    color: #fff;
    background-color: #97242a;
    font-size: 23px;
    padding-top: 9px;
	border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
}
/*--------------------------
*           FORM 
*--------------------------*/
#loadingbtn{display:none ;}
#contForm h6{ display:none}

#contForm button{
	float:right;
	background: #97242a;
	border: none;
	font-size:13px;
    color:#fff;
	font-style:italic;
	padding: 8px 25px;
	text-transform:lowercase;
	position:relative;
	margin-top:10px}

#contForm .caret-right {
    border-left-color: #fff;
    position: absolute;
    right: 9px;
    top: 12px;
}

#msgform h3{
  font-family: 'Abril Fatface',Sans-Serif;
  font-size: 24px;
  color: #97242a;
  display: inline-block;
  text-transform: uppercase;
}

#msgform h4{ font-size:18px; color:#222221}

/****************************
*           FOOTER          *
****************************/
footer{background:#f1f1f1; padding: 1em 0; margin:1em 0 3.4em 0; color:#3e3e3d;}
footer a{color:#3e3e3d;}

.modal {
  text-align: center;
  padding: 0!important;
}

.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -4px;
}

.modal-dialog {
  display: inline-block;
  text-align: left;
  vertical-align: middle;
}

.modal-content .close-modal {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 35px;
    height: 35px;
    background: #97242a;
    color: #fff;
    border: none;
    font-size: 17px;
}
#whatsappLogo {
    position: fixed;
    z-index: 5000;
    bottom: 20px;
    color: #ffffff;
    font-size: 1.5rem;
    height: 55px;
    line-height: 40px;
    right: 15px;
    text-align: center;
    width: 55px;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: #34b756;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 100%;
}
#messagedwn{
    display: flex;
    align-items: center;
    bottom: 3.5%;
    justify-content: center;
    left: 50%;
    position: fixed;
    transform: translate(-50%);
    width: 85%;
    z-index: 101;
    font-family: 'AleoRegular',Sans-Serif;
    font-size: 15px;
}
#messagedwn .close {
    position: absolute;
    top: 15px;
    right: 15px;
    color: inherit;
}
