@import url('https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i');
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,400i');
body, html{ height:100%; font-family: "acumin-pro-wide",sans-serif; font-weight:300;font-family: 'Roboto', sans-serif; font-size: 16px; line-height: 30px; color:#3B3B3B}
header, .logo, nav, a, nav ul, shrink, #part img, #home.shrink, .intro, .intro.shrink, .guida-prew, .panel-heading, .collapse.in, .collapse, .in {-webkit-transition: all ease-out 0.5s; -moz-transition: all ease-out 0.5s; -o-transition: all ease-out 0.5s; transition: all ease-out 0.5s;}
.container { max-width: 1024px !important; }
header{ position: fixed; z-index:999; width:100%; top: 0px;}
footer{ background:#5A5A5A; text-align:center; padding:20px 0 20px 0; margin-top: 150px; font-size:12px; color:#fff}
.hp-layout footer{ margin-top: 0px; }
footer a{ color: #B2B2B2 }
footer a:hover{ color: #ffffff }
.text-left {text-align: left !important;}
.logo{ background: url(../img/logo-ram.png); width:207px; height:114px; background-size:207px 114px; margin: auto; margin-top:38px; margin-bottom:30px; background-size: contain; background-repeat: no-repeat; background-position: center center}
header.shrink .logo{height: 70px; margin: 30px auto 70px auto;}
header.shrink {background: url(../img/sf.png),  #2d6890; /* Old browsers */
	background: url(../img/sf.png),  -moz-linear-gradient(top,  #2d6890 0%, #47618f 47%, #5e5695 100%); /* FF3.6-15 */
	background: url(../img/sf.png),  -webkit-linear-gradient(top,  #2d6890 0%,#47618f 47%,#5e5695 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../img/sf.png),  linear-gradient(to bottom,  #2d6890 0%,#47618f 47%,#5e5695 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d6890', endColorstr='#5e5695',GradientType=0 ); /* IE6-9 */}
.page-layout{padding-top: 170px}
nav { /*background:#f9f9f9;*/ position: absolute; bottom:0px; text-align:center; z-index:999; width:100%; padding:15px 0 12px; font-size: 14px; line-height: 21px;}
nav.shrink  {
	background: url(../img/tratto_1.png) repeat-x top;
	position: fixed; bottom:inherit; top:120px; z-index:999; width:100%; padding:17px 0 18px 0;
	-webkit-animation: navAnim 500ms ; /* Safari 4+ */
	-moz-animation:    navAnim 500ms ; /* Fx 5+ */
	-o-animation:      navAnim 500ms ; /* Opera 12+ */
	animation:         navAnim 500ms ; /* IE 10+, Fx 29+ */
	}
nav ul li { list-style:none; display:inline; padding:0px 15px}
nav ul { padding-left: 0; margin-bottom: 0; list-style: none; }
nav ul > li { position: relative; display:inline;}
nav ul > li > a { position: relative; display: inline; padding: 0px 0px 14px 0px; color: #fff}
nav ul > li > a:hover, nav ul > li > a:focus { text-decoration: none; background-color: transparent; outline:none}
/* color: #D1156D ---- */
nav ul > li > a:hover, nav ul > li.active > a {
  color: #fff !important; background-color: transparent !important;
}
nav ul > li > a:before, nav ul > li.active > a:before  {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: #fff;
  visibility: hidden;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
nav ul > li > a:hover:before, nav ul > li.active > a:before, li.current-menu-item > a:before{
  visibility: visible;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}
#cabi{ z-index:710}
#equi{z-index: 709;}
#trai{z-index: 707;}
#gall{z-index: 700;}
#cont{z-index: 690;}
#part{z-index: 680;}
.hp-blocks{padding: 5px 0 20px 0}
.partner-logo {text-align: center;  padding-bottom: 20px}
p{margin: 0px}
h1, h2, h3 {font-family: 'PT Serif', serif; color:#524193; }
h1, h2{ font-size: 30px; background:  url(../img/tratto_2.png) bottom left no-repeat; padding:30px 0 28px 0;}
.hp-layout h1, .hp-layout h2 { text-align: center; background:  url(../img/tratto_2.png) bottom center no-repeat;}
a, a:hover, a:active, a:focus{outline:none; text-decoration:none !important}
a { color:#524193; }
a.arrow { color:#524193; background:url(../img/arrow.png) no-repeat; background-position:100% 7px; padding-right:25px}

a.arrowD{ color:#000; background:url(../img/arrowD.png) no-repeat; background-position:100% 5px; padding-right:20px; border-bottom:solid 1px #000; cursor:pointer}
a.arrowD:hover{ background:url(../img/arrowD.png) no-repeat; background-position:100% 5px; border-bottom:solid 1px #524193; text-decoration:none; color:#524193; }

a.arrowD2{ color:#524193; background:url(../img/arrowDh.png) no-repeat; background-position:100% 5px; padding-right:20px; border-bottom:solid 1px #524193; cursor:pointer}
a.arrowD2:hover{ background:url(../img/arrowDh.png) no-repeat; background-position:100% 5px; border-bottom:solid 1px #524193; text-decoration:none; color:#524193; }

#Biographie{ padding-top:15px}
.no-padding{ padding:0px;}
.bg-g { background:#EFEFEF;}
.header-section{ min-height:280px; background-size:cover; position:relative}
.header-section .titolo{ position:absolute; bottom:15px; left:15px}
h3 { font-weight:300; font-style:normal; font-size:21px; margin:0px; padding:0px 0px 5px 0px;}
.team_1{ border-left: solid 1px #524193; padding-left:15px; }
.team_1 h3 { color:#524193;}
.team_2{ border-left: solid 1px #a47194; padding-left:15px; }
.team_2 h3 { color:#a47194;}
#equi img{ padding:20px 0}

ul.arrow-list  { padding:0px; margin:0px}
ul.arrow-list li{background: url(../img/arrow.png) no-repeat 0px 5px; padding-left:20px; list-style:none; color:#524193; margin-bottom:10px;}
ul.arrow-list li span{ color:#000; }

ul.trait-list { padding:0px; margin:15px 0px 0px 0px}
ul.trait-list li{background: url(../img/dente.png) no-repeat 0px 3px; padding-left:24px; list-style:none; color:#000; margin-bottom:10px; }
ul.trait-list li ul { padding:0px; margin:7px 0px 0px 10px}
ul.trait-list li ul li{background: url(../img/arrow.png) no-repeat 0px 5px; padding-left:22px; list-style:none; color:#000; margin-bottom:10px; margin-left:-2px}

ul.trait-list li:last-child{margin-bottom:0px; }


.header-section .titolo h2 { color:#fff; }
.row > div {margin-bottom:20px}
.box_space{; position:relative}
.box_space .container-fluid{ padding:50px 0 50px 0; background-image:url(../img/linea.png); background-repeat:repeat-x; background-position: top}
.txt { max-width:340px;}
.sf-home{
	height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2d6890+0,47618f+47,5e5695+100 */
	background: url(../img/sf.png),  #2d6890; /* Old browsers */
	background: url(../img/sf.png),  -moz-linear-gradient(top,  #2d6890 0%, #47618f 47%, #5e5695 100%); /* FF3.6-15 */
	background: url(../img/sf.png),  -webkit-linear-gradient(top,  #2d6890 0%,#47618f 47%,#5e5695 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../img/sf.png),  linear-gradient(to bottom,  #2d6890 0%,#47618f 47%,#5e5695 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d6890', endColorstr='#5e5695',GradientType=0 ); /* IE6-9 */
}
.guida-prew {background: rgba(160,120,87,1) url(../img/more.png) no-repeat bottom right; color: #ffffff; padding: 25px; min-height: 220px; position: relative;
	background: url(../img/sf.png), url(../img/more.png) no-repeat bottom right, #2d6890;
	background: url(../img/sf.png),url(../img/more.png) no-repeat bottom right, -moz-linear-gradient(top, #2d6890 0%, #47618f 47%, #5e5695 100%);
	background: url(../img/sf.png),url(../img/more.png) no-repeat bottom right, -webkit-linear-gradient(top, #2d6890 0%,#47618f 47%,#5e5695 100%);
	background: url(../img/sf.png),url(../img/more.png) no-repeat bottom right, linear-gradient(to bottom, #2d6890 0%,#47618f 47%,#5e5695 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d6890', endColorstr='#5e5695',GradientType=0 );
}
.guida-prew:hover {background: rgba(160,120,87,0.75) url(../img/more.png) no-repeat bottom right; ;
	background: url(../img/sf.png), url(../img/more.png) no-repeat bottom right, #2d6890;
	background: url(../img/sf.png),url(../img/more.png) no-repeat bottom right, -moz-linear-gradient(top, #2d6890 0%, #2d6890 47%, #2d6890 100%);
	background: url(../img/sf.png),url(../img/more.png) no-repeat bottom right, -webkit-linear-gradient(top, #2d6890 0%,#2d6890 47%,#2d6890 100%);
	background: url(../img/sf.png),url(../img/more.png) no-repeat bottom right, linear-gradient(to bottom, #2d6890 0%,#2d6890 47%,#2d6890 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d6890', endColorstr='#2d6890',GradientType=0 );
}
.guida-prew.ne {background: rgba(97,93,143,1) url(../img/more.png) no-repeat bottom right; color: #ffffff; padding: 25px; min-height: 220px; position: relative}
.guida-prew.ne:hover {background: rgba(160,120,87,0.75) url(../img/more.png) no-repeat bottom right; }
.guida-prew.ne .info-container {position: absolute; width: calc(100% - 50px); height: calc(100% - 25px); z-index: 10;}
.guida-prew.ne .img-ne {background-size: cover; position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0; opacity: 0.4;}
.guida-prew .titolo {font-size: 18px; line-height: 24px; margin: 10px 0 0 0;max-height: 119px !important;overflow: hidden;}
.guida-prew .more { position: absolute; bottom: 20px; opacity: 0.7;}
.guida-prew .mese-anno {font-size: 14px; opacity: 0.7; line-height: initial;}
.guida-prew .topic {font-size: 14px; opacity: 0.7; line-height: initial;}
.guida-prew .topic span{ opacity: 0.5}
.guida-prew.last {border: 1px solid #919191; color: #919191; background: rgba(160,120,87,0);}
#home{position:relative; height:100%; background-position:center center; z-index:100;}
#home.shrink{ opacity: 0 }
.down{ position:absolute; width:100%; text-align:center; bottom:80px; margin:0px; padding:0px;
	-webkit-animation: arrowDown 2000ms infinite; /* Safari 4+ */
	-moz-animation:    arrowDown 2000ms infinite; /* Fx 5+ */
	-o-animation:      arrowDown 2000ms infinite; /* Opera 12+ */
	animation:         arrowDown 2000ms infinite; /* IE 10+, Fx 29+ */}

.panel{ border:0px;-webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, .0); box-shadow: 0 0px 0px rgba(0, 0, 0, .0);}
#home.shrink .down{opacity: 0 !important}
.intro-cont{display: table; height: 100%; width: 100%}
.intro.shrink {opacity: 0; padding-top: 250px}
.intro{ display: table-cell; vertical-align: middle; text-align: center; margin: auto; color: #fff; font-size: 18px; font-style: italic; opacity: 1}
.intro-txt{max-width:512px !important; margin: auto}

#map { width: 100%; height: 320px; }
.info1{ background: rgba(0,172,200,0.80); position:absolute; right:0px; height: 320px; top:50%; margin-top:-160px; width:37%; z-index:6}
.info1 .int { position:absolute; bottom:0px; padding:20px 20px 14px 20px; color:#ffffff; line-height: 20px; font-size: 14px; font-weight: 500;}
.info1 .int p { margin:0px; padding:0px 0px 6px 0px}
.info1 .int a { color:#ffffff}

.item { text-align:center; }
.car-control{position: absolute; top: 50%; z-index: 5; display: inline-block; margin-top:-10px; }
.rig{right:-40px}
.lef{left:-40px}
.carousel-indicators {bottom: -50px;}
.carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: transparent;
    background-color: transparent; /* #524193; */
    border: 1px solid #ccc;
    border-radius: 10px;
}
.carousel-indicators .active {
    width: 10px;
    height: 10px;
    margin: 1px;
    background-color: transparent; border: 1px solid #524193;
}
.carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 15%;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-shadow: 0 0px 0px rgba(0, 0, 0, 0);
    background-color: rgba(0, 0, 0, 0);
    filter: alpha(opacity=50);
    opacity: .5;
}
.carousel-control.right {
    right: 0;
    left: auto;
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, .5)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel-control.left {
    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0)));
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
    background-repeat: repeat-x;
}
.carousel {
    position: relative;
}
#part img{ width:100%}
#part img:hover{ opacity:0.5}

.panel-default .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}


@-webkit-keyframes arrowDown {
  0%   { bottom: 80px; opacity:1 }
  100% { bottom: 50px; opacity:0 }
}
@-moz-keyframes arrowDown {
  0%   { bottom: 80px; opacity:1 }
  100% { bottom: 50px; opacity:0 }
}
@-o-keyframes arrowDown {
  0%   { bottom: 80px; opacity:1 }
  100% { bottom: 50px; opacity:0 }
}
@keyframes arrowDown {
  0%   { bottom: 80px; opacity:1 }
  100% { bottom: 50px; opacity:0 }
}



@-webkit-keyframes navAnim {
  0%   { top: 165px; }
  100% { top: 120px; }
}
@-moz-keyframes NnavAnim {
  0%   { top: 165px; }
  100% { top: 120px; }
}
@-o-keyframes navAnim {
  0%   { top: 165px; }
  100% { top: 120px; }
}
@keyframes navAnim {
  0%   { top: 165px; }
  100% { top: 120px; }
}



/*------ Hamburger Styles ------*/
.hcont{  position: fixed; top:0px; left:0px; z-index:999999999; padding:40px 30px 20px 20px}
.hamburger {
  width: 30px;
  height: 22px;
  cursor: pointer;
  display:none; position:relative;
}
.hamburger span {
  background: #ffffff;
  display: block;
  position: absolute;
  height: 2px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: all .25s cubic-bezier(0.22, 0.61, 0.36, 1);
  -moz-transition: all .25s cubic-bezier(0.22, 0.61, 0.36, 1);
  -o-transition: all .25s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: all .25s cubic-bezier(0.22, 0.61, 0.36, 1);
  opacity: 1;
  width: 30px;
}

/*------ Hamburger 3 ------*/
.hamburger3 span {
  left: 0;
}
.hamburger3 span:nth-child(1) {
  top: 0px;
}
.hamburger3 span:nth-child(2), .hamburger3 span:nth-child(3) {
  top: 9px;
}
.hamburger3 span:nth-child(4) {
  top: 18px;
}
.hamburger3.open span:nth-child(1) {
  top: 9px;
  width: 0%;
  left: 50%;
}
.hamburger3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.hamburger3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.hamburger3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}



.panel-default .collapsed > .panel-heading {color: #333;background-color: #f5f5f5; border-color: #ddd;}
.panel-default .collapsed > .panel-heading:hover, .panel-default .panel-heading {color: #fff;background-color: #524193; border-color: #ddd;}
.panel-default .collapse.in{ background: #F2F2F2 }
.panel-default .collapse.in .panel-default .collapse.in{ background: #ffffff }
.panel-default .collapse.in .collapsed > .panel-heading {background-color: #f9f9f9;}
.panel-default .collapse.in .collapsed > .panel-heading:hover, .panel-default .collapse.in .panel-heading {color: #524193;background-color: #f9f9f9; border-color: #ddd;}

table { width: 100% }
td, th {
    padding: 10px;
    border: solid 1px #ccc;
    font-size: 14px;
    line-height: 20px;
}

.formError, .formError .formErrorContent { z-index: 900 !important;}

.slick-prev, .slick-next {background: transparent !important}
.slick-prev::before, .slick-next::before {color: #ccc;}
.slick-prev {left: 15px;}
.slick-next {right: 15px;}
.slide-item {padding: 0 5%;}
.slide-item .titolo { font-weight: 500;line-height: 23px;padding-top: 5px;font-size: 21px;}
@media (min-width: 768px) {
	.slide-item {padding: 0 15%;}
	.slide-item a {display:flex}
	.slide-item .more {bottom: 0px;position: absolute;}
	.slide-item .titolo { font-size: 28px;line-height: 28px;}
}

@media (max-width: 480px) {
.box_space .container-fluid{ padding:0px; background-image:url(../img/linea.png); background-repeat:repeat-x; background-position: top}
h2 {font-size:40px; margin:0px; padding:30px 0 0 0 ;}
}
@media (min-width: 768px) {
	.intro-txt { font-size: 26px; line-height: 37px;}
}
@media (max-width: 990px) {
	header.shrink .logo{height: 70px; margin: 30px auto 30px auto;}
	.rig{right:5px} .lef{left:5px}
	.box_space{ position:relative}
	.hamburger{ display:block}
	nav, nav.shrink {background: url(../img/sf.png),  #2d6890; /* Old browsers */
	background: url(../img/sf.png),  -moz-linear-gradient(top,  #2d6890 0%, #47618f 47%, #5e5695 100%); /* FF3.6-15 */
	background: url(../img/sf.png),  -webkit-linear-gradient(top,  #2d6890 0%,#47618f 47%,#5e5695 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../img/sf.png),  linear-gradient(to bottom,  #2d6890 0%,#47618f 47%,#5e5695 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2d6890', endColorstr='#5e5695',GradientType=0 ); /* IE6-9 */ position: fixed; top:0px; text-align: left; z-index:999; width: 250px;
padding: 110px 25px 0px 25px; height:100%; left:-250px;
		-webkit-animation: none; /* Safari 4+ */
		-moz-animation:    none; /* Fx 5+ */
		-o-animation:      none; /* Opera 12+ */
		animation:         none; /* IE 10+, Fx 29+ */}
	nav.open{left:0px;}
	nav ul li { list-style:none; display: block; padding:0px 15px}
	nav ul { padding-left: 0; margin-bottom: 0; list-style: none; }
	nav ul > li { position: relative; display: block; padding-bottom: 15px;padding-left: 0px;}
	nav ul > li > a { position: relative; display: inline; padding: 0px 0px 4px 0px; color:#fff}
	nav ul > li > a:hover, nav ul > li > a:focus { text-decoration: none; background-color: transparent; outline:none}
	/* color: #D1156D ---- */
	nav ul > li > a:hover, nav ul > li.active > a {
	  color: #fff !important; background-color: transparent !important;
	}
	nav ul > li > a:before, nav ul > li.active > a:before  {
	  content: "";
	  position: absolute;
	  width: 100%;
	  height: 3px;
	  bottom: 0;
	  left: 0;
	  background-color: #fff;
	  visibility: hidden;
	  -webkit-transform: scaleX(0);
	  transform: scaleX(0);
	  -webkit-transition: all 0.3s ease-in-out 0s;
	  transition: all 0.3s ease-in-out 0s;
	}
	nav ul > li > a:hover:before, nav ul > li.active > a:before{
	  visibility: visible;
	  -webkit-transform: scaleX(1);
	  transform: scaleX(1);
	}
}