@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,700&display=swap');
*, :after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
html, body { padding:0; margin:0; }
body { font-family: 'Open Sans', sans-serif; font-size:14px; line-height:1.65; color:#000002; background:#ffffff; font-weight:normal }
* { padding:0; margin:0; }
img { border:none; max-width:100%; height:auto; vertical-align:bottom }
::selection {
background-color:#1C1C24;
color: #ffffff;
}
.wow { visibility: hidden; }
ul, li { margin:0; padding:0; list-style:none }
.menu-mobile {
	display:none;
}

.color1 { color:#1C1C24 }
.color2 { color:#CBBD9A }
.bgw { background:#ffffff }
.bg1 { background:#EDEEED }

.button_container { display:none }

.two-column { text-align: justify; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 48px; -moz-column-gap: 48px; column-gap: 48px; }

/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 { font-family: 'Open Sans', sans-serif; margin:0; font-weight:700; line-height:1.18; margin-bottom:0px; color:#000002 }
h1 { font-size:48px; }

h2 { font-size:32px; font-weight:700; position:relative; padding:0px; font-weight:600; color:#1C1C24 }
h3 { font-family: 'Crimson Text', serif; font-size:62px }
h4 { font-size:16px; }
h5 { font-size:15px; font-weight:700; color:#1C1C24; margin:0 0 5px 0 }
h6 { font-size:16px; margin-bottom:0; }

p { margin:0 0 0 0; padding:0 }

a { COLOR: #1C1C24; text-decoration:none; transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
a:hover { COLOR:#1C1C24; transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; }
a:active { COLOR:#AD405D; }

hr { color:#D4D4D4; background-color:#D4D4D4; background:#D4D4D4; size:1PX; height:1PX; border:none }

header { padding:12px 0; background:#ffffff; width: 100%; position:relative; z-index: 11; width: 100%; }
header #logo { float:left; width:120px; }
header #logo a { display:block; }

/*#language { float:right; margin-left:50px; margin-top: 25px; }
#language ul { list-style:none; padding:0; margin:0; display:flex }
#language ul li { display:block; padding:0 6px }
#language ul li a { display:block; color:#777777; letter-spacing:2px; }
#language ul li a.current-lang { font-weight:bold; }
#language ul li a:hover { color:#C1B695 }*/

.lang-wrapper { position:relative; float:right; margin-left:50px; width:55px; height:20px; margin-top:20px }
#lang-menu { background:#ffffff; font-weight: 700;
  width:55px;
  height:auto;
  position:absolute;
  top:0px;
  left:0px;
  border:1px solid rgba(0,0,0,0.1);
  transition:all .3s ease;
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  -o-transition:all .3s ease;  text-transform: uppercase;    color: #111111; font-size:12px;
}
.cls-border-lang {
  border:1px solid #C1B695 !important;
}
#lang-menu div {
  height:32px; line-height:32px;
  text-align:center;
  padding:0px 10px;
  border-bottom:1px solid rgba(0,0,0,0);
  transition:all .2s ease;
  -webkit-transition:all .2s ease;
  -moz-transition:all .2s ease;
  -o-transition:all .2s ease;
  
}
.cls-borderbottom-lang {
  border-bottom:1px solid rgba(0,0,0,.2) !important;
  opacity:.2;
}
#lang-menu ul {
  list-style:none;
  margin:0px;
  padding:0px;
  display:none; 
  text-align:center;
}
#lang-menu ul li {
  padding:0px 0px;
  transition:all .3s ease;
  -webkit-transition:all .3s ease;
  -moz-transition:all .3s ease;
  -o-transition:all .3s ease;
}
#lang-menu ul li a { display:block; padding:0px 0px; line-height:32px; text-align:center }
#lang-menu ul li:hover {  
  cursor:pointer;
  color:#000000;
  background:#C1B695;
}

header #nav { float:right; }
header #menu { float:none; padding:27px 0 0 0px; text-align:center } 
header #menu>li { display:inline-block; margin:0 0 0 25px; position:relative  } 
header #menu>li>a { display:block; font-weight:600; color:#1C1C24; font-family: 'Open Sans', sans-serif; font-size:16px; line-height:24px; letter-spacing:1px } 
header #menu>li>a::after {
    content: '';
    display: block;
    width: 0;
    height: 2px;
    background:#C1B695;
    transition: width .3s;
}
header #menu>li>a:hover { color:#52565A } 
header #menu>li>a:hover::after {
    width: 100%;
    transition: width .3s;
}
header #menu>li.selected a { color:#1C1C24; font-weight:500 } 
header #menu>li.selected a::after {
    width: 100%;
    transition: width .3s;
}
header #menu>li ul { display:none; position:absolute; top:26px; left:0; width:240px; z-index:99; background:#1C1C24; }
header #menu>li ul li{ display:block; width:100%; margin:0; padding:0; border-bottom:1px solid rgba(0,0,0,0.15); }
header #menu>li ul li.bar { display:block; float:none; text-align:left; padding:6px 20px; background:rgba(0,0,0,0.20); color:#ffffff }
header #menu>li ul li a{ display:block; line-height:20px; padding:6px 20px; color:#ffffff; font-size:12px; text-transform:uppercase; text-align:left }
header #menu>li ul li a:hover{ background:rgba(0,0,0,0.10) }

.header-wrapper { height:101px; position:relative; }
/* The sticky class is added to the header with JS when it reaches its scroll position */
.sticky {
  position: fixed;
  top: 0;
  width: 100%; left:0;
}
header.sticky { padding:3px 0 2px 0; border-bottom:1px solid #cecece }
header.sticky #logo { 
    width: 70px;
}
header.sticky #menu {
    float: none;
    padding: 10px 0 0 0;
    text-align: center;
}
header.sticky .button_container { margin-top:7px }

header.sticky .lang-wrapper { margin-top:5px; }

#footer { background:#1C1C24; padding:100px 0; color:#ffffff }
#footer a { color:#ffffff }
#footer a:hover { color:#C1B695 }
#footer h5 { color:#ffffff; font-weight:bold; margin-bottom:20px }  
#footer .footer-col { text-align:left; float:left; padding-right:60px } 

#footer .footer-icon { text-align:left; float:right; width:28px; } 
#footer .footer-icon a{ display:block } 

#copyright { color:#ffffff; padding:50px 0 0 0; font-size:11px; }
#copyright a { color:#ffffff; }
#copyright .powered { float:left }
#copyright .publifarm { float:right; width:100px; }
#copyright .publifarm a{ display:block; }

.responsive { width:1410px; margin-left:auto; margin-right:auto; }
.responsive:after { display:table; clear:both; content:' '; }
.clearfix:after { display:table; clear:both; content:' '; }
.wrapper { width:1170px; margin-left:auto; margin-right:auto;} 

.width50 { width:50% }
.width70 { width:70% }

.intro { text-align:center; }
.intro h2 { margin-bottom:25px }

.pt { padding-top:80px; }
.pb { padding-bottom:80px; }
.mt { margin-top:80px; }
.mb { margin-bottom:80px; }
.pt2 { padding-top:40px; }
.pb2 { padding-bottom:40px; }
.mt2 { margin-top:40px; }
.mb2 { margin-bottom:40px; }

.pr { padding-right:60px }
.pl { padding-left:60px }


.pt-line { padding-top:120px; position:relative; }
.pt-line:before { position:absolute; content:' '; display:block; top:0; left:50%; width:2px; background:#C1B695; height:100px; margin-left:-1px }

.text-center { text-align:center }
.text-left { text-align:left }
.text-right { text-align:right } 

.banner { position:relative; background-size:cover; background-position:center center; }
.table { display:table; width:100%; height:100%; }
.table-cell { display:table-cell; text-align:center; vertical-align:middle }

.testata { position:relative; height:80vh; background-image:url(images/anima_slider.jpg); background-size:cover; background-position:center; background-repeat:no-repeat }
.testata-hover {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	text-align:left; width:100%; padding:15px;
}
.testata-hover h1 { color:#ffffff; font-size:80px }

.row { display:flex; justify-content:center }
.row>div { }
.col-8 { width: 66.666667%; }
.col-10 { width: 83.333333%; }

.buttons { padding:40px 0 0px 0 } 

.separator { text-align:center; height:5px; line-height:5px; display:block; justify-content:center }
.separator:before { display:block; height:5px; background:#C1B695; width:150px; content:' '; margin:0 auto; }

.map iframe { width:100%; height:auto; vertical-align:bottom; height:390px }

.data { font-size:11px; letter-spacing:2px; padding:0 0 12px 0 }

.contact-left { float:left; width:60%; }
.contact-right { float:right; width:40%; }
.contact-right p { color:#ffffff; padding:20px 0 20px 0; font-size:12px; text-align:right }

.scheda-prodotto { padding-top:30px }
.product-last { padding-top:30px }

.contatti-row { background:#1C1C24; height: 100%; }
.home-contact { display:table; width:100%; position:relative; z-index:3; height:100%; }
.contatti-left { display:table-cell; width:400px; background:#ffffff;  vertical-align:top;    padding:120px 40px 0 40px; text-align:right }
.contatti-right { display:table-cell; vertical-align:top; }

/* ----------- ------- ----------- */
/* Form */
#contact_form  { padding-left:0px; background:#1C1C24; padding:80px; margin-bottom:0px }

#contact_form .form-row { margin-left:-5px; margin-right:-5px; position:relative }
#contact_form .form-row:after { display:table; clear:both; content:' '; }
#contact_form .form-row>div { padding:5px; float:left; width:100% }
#contact_form .form-row>div.form-half { width:50%; }
#contact_form input { background:#ffffff; color:#2B2E31; border:1px solid #cccccc; float:left; 
padding: 15px 18px;
width: 100%; margin: 0 0px 0px 0;   font-family: 'Open Sans', sans-serif; }
#contact_form textarea { background:#ffffff; color:#2B2E31; border:1px solid #cccccc; float:left; 
padding: 15px 18px;
width: 100%; margin:0; }
#contact_form input:focus, #contact_form textarea:focus { border:1px solid #746C65; color:#746C65; outline: 0; }
#contact_form input.button-mod { float:right; background:#ffffff; color:#ffffff; text-align:center; line-height:20px; height:auto; cursor:pointer; outline:none; text-align:center; text-transform:uppercase; font-weight:500; color:#1C1C24; transition: all 0.3s ease; border-radius:0; padding:6px 12px; max-width:120px; margin:0; border:none;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease; }
#contact_form input.button-mod:hover { color:#ffffff; background:#414141; border:none }
::-webkit-input-placeholder {
   color:#2B2E31; font-family: 'Open Sans', sans-serif;
}

:-moz-placeholder { /* Firefox 18- */
   color:#2B2E31; font-family: 'Open Sans', sans-serif;
}

::-moz-placeholder {  /* Firefox 19+ */
   color:#2B2E31; font-family: 'Open Sans', sans-serif;
}

:-ms-input-placeholder {  
   color:#2B2E31; font-family: 'Open Sans', sans-serif;
}
.privacydiv { font-size:12px; line-height:16px; padding:20px 0; color:#ffffff }
.css-radio { float:left; }
.css-radio input[type=checkbox]:not(old), .css-radio input[type=radio ]:not(old) { width : 28px; margin : 0; padding : 0; opacity : 0; }
.css-radio input[type=checkbox]:not(old) + label, .css-radio input[type=radio ]:not(old) + label { display : inline-block; margin-left:0; padding-left : 28px; background : url('images/home/checks.png') no-repeat 0 0; line-height : 24px; float: left; cursor: pointer;     color: #ffffff; }
.css-radio input[type=checkbox]:not(old):checked + label { background-position : 0 -24px; }
.css-radio input[type=radio]:not(old):checked + label { background-position : 0 -48px; }

/* ----------- ------- ----------- */

.legal {  margin:12px; padding:22px; font-size:13px; line-height:20px; background:#ffffff; text-align:left }
.legal .legal-logo {  margin:0 auto 20px auto; border-bottom:1px solid #cccccc; padding:0 0 20px 0 }
.legal .legal-logo img { width:100px; }

a.button, .button { display:inline-block; background:#C1B695; color:#ffffff; padding:8px 36px 9px 36px; text-transform:uppercase; font-weight:600;font-family: 'Open Sans', sans-serif;  }
a.button:hover, .button:hover { background:#1C1C24; color:#ffffff; }

a.button_3 { color:#F18903; font-size:14px; font-weight:500; font-style:italic }
a.button_3:hover { color:#515557 }

a.button_w { display:inline-block; border:1px solid #ffffff; font-size:12px; line-height:22px; padding:0 34px 0 12px; color:#ffffff; position:relative; color: #ffffff; text-transform:uppercase }
a.button_w:after { display:block; content:'+'; position:absolute; top:0; right:0; width:22px; height:22px; text-align:center; background:#ffffff; line-height:22px; font-weight:bold; color: #1C1C24; }

.scroll { padding:0 0 10px 0 }
.scroll { padding:0 0 10px 0 }
.scroll:after { display:table; clear:both; content:' '; }


.fancybox { position:relative; display:block; }
span.roll { background: url(/images/home/zoom.png) center center no-repeat #1C1C24; position: absolute; z-index: 4; top: 0; right: 0; bottom: 0; left: 0; }

.parallax {
	background-attachment: fixed;
	background-position: 50% 0;
	background-repeat: no-repeat;
	height: 450px;
	position: relative;
}
.parallax1 { background-image:url(images/anima_banner.jpg); }
.parallax-hover {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	text-align:center; width:100%; padding:15px;
}
.parallax-hover h3 { color:#ffffff; }

.tabs { border-top:2px solid #C1B695; }
.tab-header { border:2px solid #C1B695; border-top:none; padding:25px 120px; font-weight:bold; font-size:18px; cursor:pointer; position:relative }
.tab-header:after { display:block; content:'+'; position:absolute; top:50%; margin-top:-10px; right:120px; width:20px; height:20px; text-align:center; line-height:20px; color:#C1B695; font-size:18px }

.tab-header.selected { border-bottom:2px solid #ffffff; }
.tab-header.selected:after { content:'-'; }

.tab-content { border:2px solid #C1B695; padding:25px 120px; border-top:none; border-bottom:none; display:none }
.tab-content.bottom { border-bottom:2px solid #C1B695; }
.tab-content:last-child {  }

.team-page { margin:80px 0 }

.team-row { position:relative; padding-top:80px }
.team-row:after { display:block; content:' '; clear:both }
.team-left { position:absolute; top:0; width:50%; left:0; background-size:cover; background-position:top left; background-repeat:no-repeat; z-index:2 }
.team-left:before { content:' '; display:block; padding-top:100%; }
.team-right { float:right; background:#ffffff; width:60%; padding:100px; position:relative; z-index:1 }

.team-right:after,
.team-right:before {
  content: '';
  background:#C1B695;
  position: absolute;
}
.team-right:after {
    width: 100%;
    height: 10px;
    right: -10px;
    top: 0px;
    transform: translatey(-100%);
}
.team-right:before {
  width: 10px;
  height: 100%;
  right: 0;
  transform: translatex(100%) skewy(-45deg);
  top:-5px;
}

.team-detail h5 { margin-bottom:5px; font-weight:bold; font-size:20px; }
.team-detail .sub { font-style:italic; color:#C1B695; font-size:16px; margin-bottom:20px; }

.team-competenze { padding:40px 0 0 0; }
.team-competenze h4 { font-size:20px; font-weight:bold; margin:0 0 20px 0 }
.team-competenze ul { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 48px; -moz-column-gap: 48px; column-gap: 48px; }
.team-competenze ul li { position:relative; padding:0 0 10px 15px }
.team-competenze ul li:before { display:block; width:6px; height:6px; top:10px; left:0; position:absolute; content:' '; background:#000000 }

.team-sub { font-style:italic; padding:30px 0 0 0; font-size:14px }

.privacy-policy { padding:25px; }
.privacy-policy ul li { list-style:inside }
.privacy-policy ul  { padding:20px 0; }
.privacy-policy ul p {  padding:20px 0; }

#logo-legal { max-width:250px; margin:0 auto; }

@media (min-width: 1201px) and (max-width: 1400px) {
	.responsive { width: 1120px }
}
@media (min-width: 980px) and (max-width: 1200px) {
	.responsive { width: 920px }
}
@media (min-width: 768px) and (max-width: 979px) {
	.responsive { width: 720px }
}
@media (max-width: 767px) {
	.responsive { width:100%; padding-left:22px; padding-right:22px; }	
	header #menu { display:none } 
.testata-hover h1 {
    color: #ffffff;
    font-size:30px;
}	
.team-competenze ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
}
.team-left {
    position:relative;
    top:auto;
    width:100%;
    left:auto;
    background-size: contain;
    background-position: top left;
    background-repeat: no-repeat;
    float: none; max-width:300px
}
.team-right {
    float: none;
    background: #ffffff;
    width: 100%;
    padding: 100px;
}
h3 {
    font-family: 'Crimson Text', serif;
    font-size: 30px;
}
.col-8 {
    width:100%;
}
.team-right {
    float: none;
    background: #ffffff;
    width: 100%;
    padding: 30px;
}
.tab-header { 
    padding: 20px 24px; padding-right:50px
}
.tab-header:after {
    right: 25px;
}
.tab-content { 
    padding: 20px 24px; 
}
#footer {
    background: #1C1C24;
    padding: 50px 0;
    color: #ffffff;
}
.team-row {
    position: relative;
    padding-top: 0;
}

.button_container { display:block }
}