@import url('extras.css');
@import url('forms.css');

@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700&display=swap');

/*---------------------------------------------*\
                   
\*---------------------------------------------*/

* { margin:0; padding:0; font:15px/1.25 'Open Sans', sans-serif; font-weight:300; color:#444; z-index:1; -webkit-text-size-adjust: none; }

*, *:before, *:after { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; box-sizing: border-box;  }
* {-webkit-overflow-scrolling: touch;}

html, body { min-height:100%; height:100%; width:auto; font-family: 'Open Sans', sans-serif; }
html > body  {min-height:100%; height:100%; width:auto; font-family: 'Open Sans', sans-serif; }
html { font-family: 'Open Sans', sans-serif; }
body {background:#f2f2f2; font-family: 'Open Sans', sans-serif; }
body.home{background:white;}

h1,h2,h3,h4,h5,h6 {line-height:1em; color:#444; padding:0;  margin-bottom:10px; text-align:left; font-family: 'PT Sans', sans-serif; }
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {line-height:1em; font-size:inherit; color:inherit; font-family:inherit; }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {line-height:1em; background:none }

h1 {font-size:34px; }
h2 {font-size:30px; }
h3 {font-size:26px; }
h4 {font-size:22px; }
h5 {font-size:16px; }
h6 {font-size:14px; }

p {margin-bottom:15px;}

a, a>sup {
  cursor: pointer;
  text-decoration: none;
  color: #ffffff;
  -webkit-transition: all 0.25s ease-in-out 0s;
  transition: all 0.25s ease-in-out 0s; }

a:hover {
  color: #c85759; }

a:visited, a:link {
  outline: none; }

a img {
  border: 0; }

hr {height:1px; border:0; border-bottom:1px dotted #ccc; margin:10px 0;}

a img {border:0;}
p.err {color:red; margin-bottom:10px}

em {font-style:italic}

strong, strong *, * strong {font-weight:bold !important;    color: inherit; }
input {margin:0; padding:0;}
form p { margin:0; padding:0;}

ul { list-style-position:inside; margin:0; padding:0; }
ol li { list-style-type: decimal; list-style-position: outside; margin-left:15px }

label {color:#fff;}
select {-webkit-appearance:none; }

.hide {display:none}
.err {color:#f12 !important; }
strong.err {font-size:inherit; padding:0;}
h3.err {font-size:30px; padding:0;}

.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
div.clear { clear:both; }

input:focus, select:focus {color:#444; outline:none; }
select:-moz-focusring { color: transparent;   text-shadow: 0 0 0 #000; }

span.txt-blue{ color: #304d91 !important; font-weight: bold; font-size: 18px; }

.centered-element{
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

/*---------------------------------------------*\
                   layout 
\*---------------------------------------------*/

.loadingbar{position:fixed;top:0;height:100%;width:100%;z-index:9999999;left:0;opacity:1; background: url(/i/logo_taiana_como_italy_1933.png) no-repeat center center; background-color: #ffffff; -webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.loadingbar .bar{display:block;height:3px;background:#1d1d1a;width:40%;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.loadingbar--hide{opacity:0;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
@media (max-width:979px){ .loadingbar{display:none;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;} }

img.main-logo{ z-index: 9999; position: fixed; padding: 20px 0px 0 50px; top: 0; left: 0; max-width: 190px;}


#top-menu-bar{ width: 100%; height: 80px; background: #fff; position: fixed; top: 0; z-index: 9999; }

#nav{z-index: 99999; position: fixed; padding: 30px 50px 0 50px; top: 0; right: 0; cursor: pointer;}
#nav span.label{color: #0e2250; font-family: 'Oswald', sans-serif; float: left; font-size: 16px; padding: 1px 11px;}
#nav-icon {float: right;width: 32px;height: 24px;position: relative;margin: 0 auto;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .5s ease-in-out;-moz-transition: .5s ease-in-out;-o-transition: .5s ease-in-out;transition: .5s ease-in-out;cursor: pointer;}
#nav-icon span {display: block;position: absolute;height: 3px;width: 100%;background: #0e2250;border-radius: 9px;opacity: 1;left: 0;-webkit-transform: rotate(0deg);-moz-transform: rotate(0deg);-o-transform: rotate(0deg);transform: rotate(0deg);-webkit-transition: .25s ease-in-out;-moz-transition: .25s ease-in-out;-o-transition: .25s ease-in-out;transition: .25s ease-in-out;}
#nav-icon span:nth-child(1) {top: 0px;}
#nav-icon span:nth-child(2),#nav-icon span:nth-child(3) {top: 9px;}
#nav-icon span:nth-child(4) {top: 19px;}
.open #nav-icon span:nth-child(1) {top: 18px;  width: 0%;  left: 50%;}
.open #nav-icon span:nth-child(2) {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.open #nav-icon span:nth-child(3) {-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
.open #nav-icon span:nth-child(4) {top: 18px;width: 0%;left: 50%;}

#menu{position: fixed; z-index: 9999; top: 0; right: 0; background: rgba(255, 255, 255, 1); width: 100%; max-width: 545px; height: 100%; overflow-y: auto;}
#menu #menu-content{ text-align: right;padding: 130px 50px 25px 50px; }
#menu #menu-content ul{ list-style: none; }
#menu #menu-content ul.level_1>li{margin-bottom: 20px;}
#menu #menu-content ul.level_1>li>a{text-transform: uppercase; font-family: 'Oswald', sans-serif; color:#0e2250; font-size: 24px; }
#menu #menu-content ul.level_1>li>a.menu_23{ color: #c85759; } /* VOCE NEWS */
#menu #menu-content ul.level_1>li>a.menu_23:hover{ text-decoration: underline; }

#menu #menu-content ul.level_2{margin-top: 6px;}
#menu #menu-content ul.level_2>li{padding: 3px 0;}
#menu #menu-content ul.level_2>li>a,
#menu #menu-content ul.level_2>li>a span{font-family: 'Open Sans', sans-serif; font-size: 15px; color: #697dab;}
#menu #menu-content ul.level_2>li>a sup{font-family: 'Open Sans', sans-serif; font-size: 9px; color: #697dab;}

#menu #menu-content ul.level_1>li.active>a{text-decoration: underline;}
#menu #menu-content ul.level_1>li>a:hover, 
#menu #menu-content ul.level_2>li>a:hover, 
#menu #menu-content ul.level_2>li>a:hover sup,
#menu #menu-content ul.level_2>li>a:hover span{ color: #c85759; }


#lang{ position: absolute; top: 50px; }
#lang ul li{ float: left; }
#lang ul li:after{ content: " | "; color: #697dab; }
#lang ul li:last-child:after{content: "";}
#lang ul li a{ color: #697dab; font-family: 'Oswald', sans-serif; float: left; font-size: 16px; padding: 1px 5px; text-transform: uppercase; letter-spacing: 3px; }
#lang ul li.active a{ color: #0e2250; font-weight: bold; }


.btn-more, .btn-submit, .btn-contact{position: relative;margin: auto;width: 150px;height: 120px;cursor: pointer;}
.btn-submit, .btn-contact{margin-top: 50px;}
.submit-container{width: 100%; max-width: 85%;}
.submit-container .newsletter-privacy{
    float:left;
}
.submit-container  .newsletter-privacy a{
    text-decoration: underline;
    
}
.btn-more .bg,
.btn-submit .bg,
.btn-contact .bg{
    width:100px;
    height:100px; 
    margin-left: 25px;
    position: absolute;
    z-index: 0;
    top: 0;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
    background:#000000;
     -webkit-transition: all 500ms ease 0.3s;
    -moz-transition: all 500ms ease 0.3s;
    -o-transition: all 500ms ease 0.3s;
    transition: all 500ms ease 0.3s;
}
.btn-more:hover .bg,
.btn-submit:hover .bg,
.btn-contact:hover .bg{
    -moz-transform:rotate(-45deg);
    -webkit-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

.btn-contact{
    display: block; 
    margin-left: 25px;
}

.btn-more.red .bg,
.btn-submit.red .bg{background: #D1E1F8;}
.btn-more span,
.btn-submit span{display: block;text-align: center;z-index: 9;position: relative;}
.btn-more span.txt,
.btn-submit span.txt, .btn-contact span.txt{text-transform: uppercase; color: #ffffff;font-family: 'Oswald', sans-serif;font-weight: bold;font-size: 18px;letter-spacing: 1.4px;position: absolute;width: 300px;left: -75px;}
.btn-submit span.txt, .btn-contact span.txt{top: 35px;font-weight: normal;}
.btn-contact span.txt{ text-align: center; }
.btn-more.red span.txt,
.btn-submit.red span.txt{ color: #304d91; }
.btn-more span.symbol{ font-family: 'Open Sans', sans-serif; color: #ffffff;font-size: 60px; line-height: 0; font-weight: lighter; padding-top: 49px;}

.content-home .btn-more{height: auto;}
.content-home .btn-more span.txt, .content-home .btn-submit span.txt, .content-home .btn-more span.symbol {color: #304d91;}
.content-home .btn-more.scroll-next-section span.symbol{ background: url(/i/arrow-down.png) no-repeat bottom center;width: 60px; height: 65px; margin: auto; }

#footer{ width: 100%; background: url(/i/bg-footer.png) no-repeat top center; background-size: cover; padding: 0 0 0 50px; }
#footer .logo-footer{ max-width: 150px; }
#footer .txt-footer{    border-left: 3px solid #000000;padding-left: 20px;margin-top: 30px;}
#footer .txt-footer p{ line-height: 1.6em; }
#footer .txt-footer a{color: #444;}
#footer .txt-footer a:hover{color: #b91b1c;}
#footer .col1,#footer .col2{ padding: 50px 0; }
#footer .col2{ margin-top: 55px; }
#footer .col3{background-color: #ffffff;}
#footer .link-box{ text-align: center; padding: 10px 20px 30px 20px; border-bottom: 1px solid #eae8e8; }
#footer .link-box:last-child{ text-align: left; border-bottom: 0; padding: 50px; }
#footer .link-box:last-child p{ font-size: 0.8em; }
#footer .link-box *{ display: block; margin: auto; }
#footer .link-box img{ margin: 25px auto; max-width: 140px; width: 100%; }
#footer .link-box a{ text-decoration: underline; color: #b91b1c; }
#footer .link-box a:hover{ text-decoration: none; color: #252320; }
#footer .link-box #credits a{ text-decoration: none; color: #e4a20c; margin-top: 25px; }
#footer .link-box #credits a:hover{ color: #EE5A2F; }
#footer .link-box .col{ padding: 10px; }

#footer ul.menu-footer-col{margin-top: 20px;padding-right: 10px;}
#footer ul.menu-footer-col, #footer ul.menu-footer-col ul{list-style: none;}
#footer ul.menu-footer-col>li>a{text-transform: uppercase; font-size: 15px; color: #000000; font-weight: bold;}
#footer ul.menu-footer-col>li{margin-bottom: 35px;}
#footer ul.menu-footer-col>li>ul{margin-top: 10px;}
#footer ul.menu-footer-col>li>ul>li *{color: #262523;line-height: 1.7em;font-size: 13px;}
#footer ul.menu-footer-col>li>ul>li sup{font-size: 9px;}

#wrapper { width:100%; height: 100%; position: absolute; top: 0;}

.section {background-attachment: fixed; background-size: cover; background-position: 50% 0%; background-repeat: no-repeat;z-index: -1; overflow: hidden;}
.section.pp-scrollable {overflow-y: scroll;height: 100%;}
.section.last{padding-top: 170px;}

.section .row{padding: 50px 150px 50px 150px; max-width: 1350px; margin: auto;}
.section.last .row{padding: 50px 150px 200px 150px;}
.section .content{ width: 100%; max-width: 1200px; margin: 0 auto auto; border-left: 3px solid #ffffff; color: #ffffff; margin-top: 50px; }
.section .content.back-row{ border: 0 !important; text-align: center; margin-top: 15px; }
.section .intro .content{ border-left: 3px solid #697dab; color: #f7f1f2; margin: 50px 0 90px 60%;}
.section .content p{ color: #f7f1f2; padding-left: 25px; font-size: 14px; line-height: 1.8em;}
.section h1{ color: #f7f1f2; font-size: 45px; text-transform: uppercase; letter-spacing: 3px; line-height: 1.5em; }
.section .intro h1{text-align: center;}
.section.last h1{text-align: center;}
.section .row.yellow h1{color: #000000;}
.section .row.yellow .content{border-left: 3px solid #ffffff; color: #000000; max-width: 75%; float: left; margin-left: 5%; }
.section .row.yellow .content p{color: #000000;}

.section .row .content ul{padding-left: 25px;margin-bottom: 10px;}

/* COMMON */
.template-tessuti .section .intro,
.template-azienda .section .intro{display: table; margin: auto;}

#section1{ background-size: contain; background-color: #ffffff;}
#section1 .intro{width: 100%; margin: auto;}
#section1 .pp-tableCell{ vertical-align: top; }
#section1 .main-img{ margin: auto; width: 100%; text-align: center; padding-top: 105px; position: relative; height: 40vh; min-height: 450px;}
#section1 .main-img img{ width: 100%; max-width: 600px; }
#section1 .main-img .title-box{max-width: 760px; margin: 0 auto; padding-bottom: 50%; width: 100%; position: relative; background-size: cover;}
#section1 .main-img .title-box .title-container{ background: #ffffff; position: absolute; margin: 20%; width: 60%; height: 53%; }
#section1 .main-img .title-box h1{ text-align: center; color: #000000; margin: 0; padding: 0;}
#section1 .main-img span.bar{display: block; background: #000000; position: absolute; z-index: 1;}
#section1 .main-img span.bar.top-bar{ height: 7px; width: 30%;top: -80px;left: 35%;}
#section1 .main-img span.bar.left-bar{width: 7px; height: 80%; left: 50px; bottom: 10%;}
#section1 .main-img span.bar.right-bar{width: 7px; height: 80%; right: 50px; bottom: 10%;}
#section1 .content-home{padding: 25px 50px 40px 50px; position: absolute; bottom: 0; z-index: 5; width: 100%; background-color: #ffffff;}
#section1 .content-home *{ text-align: center; font-weight: bold; }


/* HOME PAGE */

.pp-viewing-home #pp-nav{display:none;}

.main-slider { height: 100vh; position:relative; background-repeat: no-repeat; background-size: cover;}
.embed-container { position: relative; padding-bottom: 56.25%; overflow: hidden; width: 100vw; height: 40vh; min-height: 450px; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100vw; height: 40vh; }
.head-row-home { position: relative;  height: 50vh; min-height: 450px;}
.logo-container-slider {
  width: 260px;
  height: 100px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -50px;
  margin-left: -130px;
  background-color: white;
  border-radius: 4px;
  overflow: hidden;
  text-align: center;
}

.to-center-logo { display: inline-block; height: 100%; vertical-align: middle; text-align: center;}

.logo-container-slider img { width: 70% !important; vertical-align: middle;}
.logo-container-shadow { width: 260px; height: 100px; position: absolute; left: 50%; top: 50%; margin-top: -40px; margin-left: -120px; background-color: transparent; border: 3px solid rgba(255,255,255,0.8); -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; border-radius: 4px;}

.home-container {
  max-width: 1400px;
  margin: auto;
  background-color: white;
  min-height: 200px;
  overflow: hidden;
}

.vimeo-wrapper {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   height: 50vh;
   min-height: 450px;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 450px;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.homepage_text {text-align: center; font-family: 'Open Sans', sans-serif; color: black;}
.homepage_text_pt {text-align: center; font-family: 'PT Sans', sans-serif; color: black;}
.homepage_text_pt--left {text-align: left; font-family: 'PT Sans', sans-serif; color: black;}

.title-home {
  width: 43%;
  max-width: 600px;
  margin: auto;
  margin-top: 40px;
}
.title-home h2 {font-size: 28px; text-transform: uppercase; line-height: 36px; text-align: center;}
.more-about-home {
  margin: auto;
  margin-top: 50px;
  position: relative;
}
.more-about-home a {color: black; font-size: 16px; font-weight: bold;}
.more-about-home:before {
  content: '';
  width: 0;
  height: 16px;
  position: absolute;
  border: 1px solid black;
  left: 50%;
  top: -30px;
}

.news-container {
  width: 65%;
  max-width: 705px;
  margin: auto;
  margin-top: 70px;
}

.arrow-after:after {content: '\00a0'; width: 30px; position: absolute;margin-left: 20px; background:url('/i/arrow.png') no-repeat center center; display: inline-block; background-size: contain;}
.arrow-after--white:after {content: '\00a0'; width: 30px; position: absolute;margin-left: 20px;top: 0;color:white; background:url('/i/arrow_white.png') no-repeat center center; display: inline-block; background-size: contain;}

.news-container__logo { width: 40px; height: 31px; margin: auto; background-image: url('/i/news_icon.png'); background-repeat: no-repeat; background-size: contain; background-position: center; }
.news-container__logo:hover { background-image: url('/i/news_icon_red.png'); }
.news-container__title, .news-container__subtitle {margin: auto;margin-top: 15px; }
.news-container__title h2, .news-container__title h2 a, .social-container__title h2{ font-size: 18px; text-align: center; color: black;}
.news-container__subtitle h2, .social-container__subtitle h2{ font-size: 10px; color: #b2b2b2; text-align: center; letter-spacing: 3px;}

.news-container__detail { position: relative; margin-top: 40px; margin-bottom: 50px; min-height: 140px;}
.news-container__detail h2 { font-size: 22px; }
.news-container__detail h3 { font-size: 12px; color: #b2b2b2; }
.news-container__detail p { font-size: 14px; line-height: 28px; }
.news-container__left { float: left; width: 45%; margin-right: 10%;}
.news-container__right { float: left; width: 45%; }

.news-container__detail:after { content: ''; position: absolute; width: 30px; height: 30px;bottom: -40px; background:url('/i/arrow.png') no-repeat center center; display: inline-block; background-size: contain;}

.read_more { margin: auto; width: 80px; border-bottom: 2px solid black; margin-bottom: 80px; margin-top: 40px;}
.read_more h2, .read_more h2 a{ text-align: center; font-size: 16px; color: #b2b2b2;}
.read_more--social { width: 145px; }
.read_more h2:hover, .read_more h2 a:hover, .more-about-home a:hover { color: #c85759; }

.social-container { width: 95%; max-width: 1400px; margin: auto; background-color: #f8f8f8; min-height: 800px; overflow: hidden;}
.logo_social {margin: auto; margin-top: 60px; background-repeat: no-repeat; background-size: contain; background-position: center; }
.logo_instagram { width: 30px; height: 30px;  background-image: url('/i/instagram_logo.png'); }
.logo_instagram:hover { background-image: url('/i/instagram_logo_red.png'); }
.logo_twitter { width: 30px; height: 24px;  background-image: url('/i/twitter_logo.png'); }
.logo_twitter:hover { background-image: url('/i/twitter_logo_red.png'); }
.news-container__title h2 a:hover, .home_social_link h2:hover { color: #c85759; }
.social-container__ig, .social-container__tw { width: 80%; margin: auto;}
.social-container__ig--img { position: relative; width: calc(100% / 3); float: left; text-align: center; margin: 10px auto;}
/*.social-container__ig--img:hover .hover-instagram-img { display: block; }
.hover-instagram-img {opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/i/instagram-box.png) no-repeat center center rgba(21, 21, 21, 0.53); -webkit-transition: all 0.25s ease-in-out 0s;transition: all 0.25s ease-in-out 0s; display: none;}*/
.social-container__tw--text { width: calc(100% / 3); float: left; margin: 40px auto;}
.social-container__ig--img img { width: 90%; max-width: 260px; max-height: 260px;}
.tw-date { width: 90%; max-width: 260px; margin: auto; text-align: left; font-size: 12px; color: #b2b2b2;}
.social-container__tw--text p { width: 90%; max-width: 260px; margin: auto; text-align: left; font-size: 14px; line-height: 28px;}
.social-container__tw--text span { color: #c85759; }
.home_social_link--name { margin-bottom: 40px; }

.home__first { width: 80%; margin: auto; margin-top: 120px; min-height: 100px; overflow: hidden;}
.home__first__element { width: 50%; float: left; }
.home__first__element--img { width: 80%; height: 580px; position: relative;}
.home__first-shadow { width: 80%; min-width: 358px; height: 550px; margin-top: -525px; margin-left: 25px; background-color: transparent; border: 4px solid #efefef; -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; border-radius: 4px; z-index: -1;}
.home__detail--title { font-size: 22px; text-transform: uppercase; line-height: 30px; max-width: 410px; margin-top: 90px;}
.home__detail--description p{ font-size: 14px; line-height: 28px; margin-top: 21px; max-width: 410px;}
.home__detail--link { font-size: 16px; font-weight: bold; margin-top: 38px; display: inline-block; position: relative;}
.home__second { width: 100%; margin: auto; margin-top: 120px; min-height: 100px; overflow: hidden;}
.home__second__element--img { width: 90%; margin: auto; position: relative; height: 600px;}
.fullwidth_img { width: 100%; height: 100%; height: 550px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.home__second-shadow { width: 100%; height: 550px; position: absolute; top: 50%; left: 50%; margin-top: -275px; margin-left: -48%; background-color: transparent; border: 4px solid #efefef; -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; border-radius: 4px; z-index: -1;}
.home__second__text { position: absolute; top: 170px; left: 56px; z-index: 51;}
.home__detail--title--white, .home__detail--description--white p, .home__detail--link--white { color: white; font-weight: 400;}
.home__third { width: 90%; margin: 120px auto; min-height: 100px; overflow: hidden;}
.home__third__element { width: 50%; float: left; }
.home__third__element--img { width: 100%; height: 410px; position: relative;}
.home__third-shadow { width: 50%; min-width: 550px; height: 380px; margin-top: -355px; margin-left: -25px; background-color: transparent; border: 4px solid #efefef; -webkit-background-clip: padding-box; /* for Safari */ background-clip: padding-box; border-radius: 4px; z-index: -1;}
.home__third__text--title { max-width: 230px; }
.home__third__text--description { max-width: 300px; }
.arrow-after:hover, .arrow-after--white:hover, .arrow-after--white:hover::after { color: #c85759; }
.arrow-after--white:hover::after, .arrow-after:hover::after { content: '\00a0'; width: 30px; position: absolute;margin-left: 20px; background:url('/i/arrow_red.png') no-repeat center center; display: inline-block; background-size: contain;}

.mask { position: absolute; top: 0; width: 100%; height: 550px; background-color: rgba(0,0,0,0.3); z-index: 50; }


@media screen and (max-width: 1080px) {
  .news-container__detail, .news-container__left, .news-container__right { float: none; width: 100%; margin: 40px auto;}
  .news-container__detail * { text-align: center }
  .home__first__element { width: 70%; float: none; margin: auto; text-align: center;}
  .home__first__element--img, .home__third__element--img { margin: auto; height: 350px; width: unset; overflow: hidden; text-align: center;}
  .home__second__text { left:0; right:0; margin-left: auto; margin-right: auto; }
  .home__detail--title, .home__detail--description p, .home__detail--link { margin-left: auto; margin-right: auto; text-align: center; }
  .home__detail--link { display: block; }
  .home__third__element { width: 70%; float: none; margin: auto; margin-bottom: 40px; }
  .home__third__text--title { margin-top: 0; }
  .home__third__text--description { margin:auto; }
  .home__first-shadow, .home__second-shadow, .home__third-shadow { display: none; }
  .home__detail--title--white, .home__detail--description--white, .home__detail--link--white { padding: 0 30px;}
  .home__second__text { top: 85px; }
  .title-home, .news-container, .home__first, .home__third { width: 85%; }
  .home__first--element, .home__third--element { width: 100%; }
  .social-container__ig--img { display: block; }
  .social-container__tw--text p, .tw-date{ padding: 0 10px; }
  .news-container { width: 75%; }
  .news-container__detail:after { bottom: -25px; left: 49%;}
}

@media screen and (max-width: 700px) {
  .social-container__ig--img, .social-container__tw--text { width: 100%; }
  .social-container__ig--img img { width: 70%; }
  .social-container__tw--text p { text-align: center; }
  .tw-date { text-align: center; }
  .news-container__detail:after { left: 47%; }
}

.home-page .main-content{ border-left: 3px solid #ffffff; color: #ffffff; margin-top: 50px; }
.home-page .main-content p{ color: #f7f1f2; padding-left: 25px; font-size: 14px; line-height: 1.8em;}
.home-page #section2 h1, .home-page #section2 .content p{color: #21201e;}
.home-page .taiana-links .col{text-align: center; background: #ffffff; max-width: 200px; margin: 15px; width: 50%; margin: 3%; width: 44%;}
.home-page .taiana-links .col:hover{background: #D1E1F8;}
.home-page .taiana-links .col img{max-width: 100%;}

/* HOME - SOCIAL WALL */
.social-wall{ margin-bottom: 250px; }
.social-wall .box{ float: left; width: 23%; margin: 1%; padding: 0 30px; overflow: hidden;  -webkit-transition: all 0.25s ease-in-out 0s;transition: all 0.25s ease-in-out 0s; }
.social-wall .box.box-double{ width: 48%; }
.social-wall .box.news{ background-color: #ffffff; opacity: 1; }
.social-wall .box.twitter:hover{ opacity: 0.9; }
.social-wall .box.news:hover{ opacity: 0.9; }
.social-wall .box.news h4{font-family: 'Oswald', sans-serif; text-transform: uppercase; font-weight: bold; letter-spacing: 1px;font-size: 18px; color: #222222; padding-top: 30px;}
.social-wall .box.news .txt{ border-left: 3px solid #2d457e; padding-left: 20px; margin-top: 30px; max-height: 145px;}
.social-wall .box.news .txt p{line-height: 1.7em;}
.social-wall .box.news.lightblue{ background-color: #adc5ef; }
.social-wall .box.news.lightblue h4{color: #ffffff;}
.social-wall .box.news.lightblue .txt{ border-left: 3px solid #ffffff; }
.social-wall .box.news.lightblue .txt p{color: #ffffff;}
.social-wall .box .txt p{font-size: 13px;}
.social-wall .box.instagram{padding: 0; position: relative;}
.social-wall .box.instagram img{max-width: 100%; width: 100%; -webkit-transition: all 0.25s ease-in-out 0s;transition: all 0.25s ease-in-out 0s;}
.social-wall .box.instagram .hover-instagram{opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(/i/instagram-box.png) no-repeat center center rgba(21, 21, 21, 0.53); -webkit-transition: all 0.25s ease-in-out 0s;transition: all 0.25s ease-in-out 0s;}

.social-wall .box.instagram:hover img{ -moz-transform: scale(1.1);  -webkit-transform: scale(1.1);  transform: scale(1.1); -webkit-transition: all 0.25s ease-in-out 0s;transition: all 0.25s ease-in-out 0s;}
.social-wall .box.instagram:hover .hover-instagram{opacity: 1; -webkit-transition: all 0.25s ease-in-out 0s;transition: all 0.25s ease-in-out 0s;}

.social-wall .box.twitter{ background: url(/i/twitter-box.png) no-repeat bottom center #bd4862; background-position-y: 90%;  opacity: 1;}
.social-wall .box.twitter .txt p{line-height: 1.4em; padding-top: 30px; color: #ffffff;}

/* BRAND */

.template-tessuti .section .intro .content{ border-left: 3px solid #e7ac0e; color: #21201e; margin: 0 0 0 -2.8%;}
.template-tessuti .section .intro h1{text-align: left; margin-bottom: 50px;}
.template-tessuti .section .intro h2{ font-size: 45px; letter-spacing: 3px; line-height: 1.5em; font-weight: bold; color: #e7ac0e; text-align: right; text-transform: uppercase;}
.template-tessuti .section .intro h2>span{font-size: 25px; letter-spacing: 3px; font-weight: 300; margin-top: 0; display: block;}

.template-tessuti .section .row .content{border-left: 3px solid #ffffff;margin: 50px 0 0 0;max-width: 85%;}
.template-tessuti .section#section2 .row .content *{color: #21201e;}
.template-tessuti .section .row .content *{color: #ffffff;}

.template-tessuti .section .row h1 { color: #21201e; font-size: 60px; position: relative; }
.template-tessuti .section .row h1>sup { font-size: 26px; font-weight: bold;top: 18px;position: absolute; }
.template-tessuti .section .row h2 { color: #ffffff; text-transform: uppercase; font-size: 30px; font-weight: bold; letter-spacing: 3px; }
.template-tessuti .section .row img.logo{margin-top: 20px;}
.template-tessuti .section.last h1 {text-align: left;}
.template-tessuti .section.last .row { padding: 0px 50px 150px 50px; }

.template-tessuti #section2.section .row .content{border-left: 3px solid #304d91;}
.template-tessuti #section2.section .row h2 { color: #304d91; }

/* TECHNOLOGY */

.template-azienda .section .intro .content{ border-left: 3px solid #bc252b; color: #f7f1f2; margin: 0 0 0 -2.8%;}
.template-azienda .section .intro h1{text-align: left; margin-bottom: 50px;}
.template-azienda .section .intro h2{ font-size: 45px; letter-spacing: 3px; line-height: 1.5em; font-weight: bold; color: #bc252b; text-align: right; text-transform: uppercase;}
.template-azienda .section .intro h2>span{font-size: 25px; letter-spacing: 3px; font-weight: 300; margin-top: 0; display: block;}

.template-azienda .section .row .content{border-left: 3px solid #304d91;margin: 50px 0 0 0;max-width: 85%;}
.template-azienda .section.last .row .content{border-left: 3px solid #f7f1f2;}

.template-azienda .section .row h1 { color: #21201e; position: relative; }
.template-azienda .section.last .row h1 { color: #f7f1f2; position: relative; }
.template-azienda .section .row h1>sup { font-size: 26px; font-weight: bold;top: 18px;position: absolute; }
.template-azienda .section .row h2 { color: #304d91; text-transform: uppercase; font-weight: bold; letter-spacing: 3px; }

.template-azienda .section .row .img-main img{ max-width: 100%; margin-top: -19%; }

.template-azienda .section#section3 h1{ color: #21201e; text-align: center; }
.template-azienda .section#section3 .row .content{ border-left: 3px solid #21201e; max-width: 705px; margin: 50px auto; }
.template-azienda .section#section3 .row .content .col{margin: 0; padding: 0 15px;}
.template-azienda .section#section3 .row .content .col p{color: #21201e;}

.template-azienda .section#section4 h1{ color: #ffffff; }
.template-azienda .section#section4 .row .content{ border-left: 3px solid #ffffff;}
.template-azienda .section#section4 .row .content .col p{color: #ffffff;}

.template-azienda .section#section5 .row .content p{ line-height: 1.3em; }
.template-azienda .section#section5 .row .content *, .template-azienda .section#section5 .row .content p *{color: #f7f1f2;}
.template-azienda .section#section5 .row .content ul{ list-style-position: outside; margin-left: 20px; }
.template-azienda .section#section5 .row .content ul li{ margin-bottom: 5px; }

.template-azienda .section.last h1{text-align: left; margin: 50px 0;}

.template-azienda .section.last .row{padding-bottom: 150px;}

.template-azienda .section.last .row .content a.btn-expand{ margin: 15px 0 15px 25px; text-transform: uppercase; border: 2px solid #ffffff; padding: 5px 10px; display: inline-block; }
.template-azienda .section.last .row .content a.btn-expand:hover{ background-color: #ffffff; color: #000000 !important;}


.download-area{ margin: 25px;}
.download-area a.dl-item{ background: url(/i/dl-icon.png) no-repeat top left; display: block; padding: 15px 5px 5px 50px; min-height: 50px; margin: 15px 50px 15px 0; float: left; }
.download-area a.dl-item:hover{ color: #ffffff; text-decoration: underline; }
.download-area.blue a.dl-item{  background: url(/i/dl-icon-blue.png) no-repeat top left; color: #304d91; }




/* PRODUCTS */

.template-products .section .intro .content{ border-left: 3px solid #e7ac0e; color: #f7f1f2; margin: 0 0 0 -2.8%;}
.template-products .section .intro h1{text-align: left; margin-bottom: 50px;}

.template-products .section.black{background-image: url(/i/bg-grey-full.jpg);}
.template-products .section.red{background-image: url(/i/bg-red2-full.jpg);}
.template-products .section.yellow{background-image: url(/i/bg-yellow-full.jpg);}

.template-products .section .row.red h1 {color: #21201e;}
.template-products .section .row.red .content{border-left: 3px solid #21201e;}
.template-products .section .row.black h1 {color: #e5a40d;}
.template-products .section .row.black .content{border-left: 3px solid #e5a40d;}
.template-products .section .row.yellow h1 {color: #222220;}
.template-products .section .row.yellow .content{border-left: 3px solid #222220;}

.template-products .section .row .features{ padding-top: 50px; }
.template-products .section .row .features img{max-width: 100%;}

.template-products .section .intro h2{ font-size: 45px; letter-spacing: 3px; line-height: 1.5em; font-weight: bold; color: #e7ac0e; text-align: right; text-transform: uppercase;}
.template-products .section .intro h2>span{font-size: 25px; letter-spacing: 3px; font-weight: 300; margin-top: 0; display: block;}

.template-products .section .row .content{border-left: 3px solid #21201e;margin: 50px 0 0 0;max-width: 60%;}
.template-products .section .row h1 { color: #21201e; position: relative; text-align: left; }
.template-products .section .row h1>sup { font-size: 26px; font-weight: bold;top: 18px;position: absolute; }
.template-products .section .row h2 { color: #f7f1f2; text-transform: uppercase; font-weight: bold; letter-spacing: 3px; }

.template-products .section.last .row{padding-bottom: 300px;}



/* CUSTOM */

.template-produzione .section .intro .content{ border-left: 3px solid #e7ac0e; color: #f7f1f2; margin: 0 0 0 -2.8%;}
.template-produzione .section .intro h1{text-align: left; margin-bottom: 50px;}
.template-produzione .section .intro h2{ font-size: 45px; letter-spacing: 3px; line-height: 1.5em; font-weight: bold; color: #e7ac0e; text-align: right; text-transform: uppercase;}
.template-produzione .section .intro h2>span{font-size: 25px; letter-spacing: 3px; font-weight: 300; margin-top: 0; display: block;}

.template-produzione .section .row .content{border-left: 3px solid #304d91;margin: 50px 0 0 0;max-width: 85%;}
.template-produzione .section#section2 .row .content{border-left: 3px solid #ffffff; margin: auto; max-width: 700px;}
.template-produzione .section#section4 .row .content{border-left: 3px solid #D1E1F8;}

.template-produzione .section .row h1 { color: #21201e; position: relative; text-align: left; }
.template-produzione .section#section2 .row h1 { color: #ffffff; text-align: center;  }
.template-produzione .section#section4 .row h1 { color: #ffffff; text-align: left;  }
.template-produzione .section .row h1>sup { font-size: 26px; font-weight: bold;top: 18px;position: absolute; }
.template-produzione .section .row h2 { color: #304d91; text-transform: uppercase; font-weight: bold; letter-spacing: 3px; }
.template-produzione .section#section4 .row h2 { color: #D1E1F8;}

.template-produzione .section .row h1>span{ color: #ad1e22; font-weight: bold; }
.template-produzione .section .row .content p{color: #21201e;}
.template-produzione .section#section2 .row .content p, .template-produzione .section#section4 .row .content p{color: #ffffff;}



/* NEWS */
.template-news .section .intro .content{ border-left: 3px solid #e7ac0e; color: #f7f1f2; margin: 0 0 0 -2.8%;}
.template-news .section .intro h1{text-align: left; margin-bottom: 50px;}
.template-news .section .intro h2{ font-size: 45px; letter-spacing: 3px; line-height: 1.5em; font-weight: bold; color: #e7ac0e; text-align: right; text-transform: uppercase;}
.template-news .section .intro h2>span{font-size: 25px; letter-spacing: 3px; font-weight: 300; margin-top: 0; display: block;}

.template-news .section.blue{background-image: url(/i/light-blue.jpg);}
.template-news .section.blue .row .content{border-left: 3px solid #304d91; margin: 50px 0 0 0;}
.template-news .section.blue .row h1,
.template-news .section.black .row h1{ color: #21201e; position: relative; text-align: left; font-weight: bold; line-height: 1em; font-size: 35px;}
.template-news .section.blue .row h2,
.template-news .section.black .row h2{ color: #304d91; text-transform: uppercase; font-weight: bold; letter-spacing: 3px; font-size: 25px}
.template-news .section.black .row h2{color: #D1E1F8}

.template-news .section.black{background-image: url(/i/bg-grey-full.jpg);}
.template-news .section.black .row .content{border-left: 3px solid #D1E1F8; margin: 50px 0 0 0;}
.template-news .section.black .row h1 { color: #ffffff; }

.template-news .section.blue .row .content p{color: #21201e; font-size: 13px;}
/* .template-news.detail .section.blue .row .content p{overflow: auto;} */
.template-news .section.black .row .content p{color: #ffffff; font-size: 13px;}
.template-news .section.black .row .content p *{color: #ffffff; font-size: 13px;}

.template-news .section .row img{ max-width: 100%; text-align: right; }

.template-news .section.last .row{padding-bottom: 300px;}

.template-news.detail #section1{ background-size: cover; padding-top: 90px; }
.template-news.detail .main-news-img{ text-align: center; margin-top: 50px; }
.template-news.detail .main-news-img>img{ max-width: 600px; width: 100%; }
.template-news.detail #section1 h1, .template-news.detail #section1 h2{ text-align: center; }


.template-news.detail #form-news{ padding-top: 130px; padding-left: 10%; }
.template-news.detail #form-news h3{ text-align: center; margin-bottom: 50px; color: #ffffff; }
.template-news.detail .section.blue #form-news h3{ color: #444; }

.template-news .section.blue .row .form-feedback .content, .template-news .section.black .row .form-feedback .content{ margin: 0; }

.news-gallery{ margin-top: 80px; }
.news-gallery .box-img{ float: left; width: 25%; line-height: 0; overflow: hidden; }
.news-gallery .box-img a{ line-height: 0; }


a.btn-news{ display: inline-block; background-color: #ffffff; color: #21201e; padding: 5px 20px; text-transform: uppercase; margin: 25px 30px 5px 30px; font-weight: bold; border: 3px solid #ffffff; }
a.btn-news:hover{ background-color: transparent; }
.black a.btn-news:hover{ color: #ffffff; }


/* CONTACT */
.template-contact .section .intro .content{ border-left: 3px solid #e7ac0e; color: #f7f1f2; margin: 0 0 0 -2.8%;}
.template-contact .section .intro h1{text-align: left; margin-bottom: 50px;}
.template-contact .section .intro h2{ font-size: 45px; letter-spacing: 3px; line-height: 1.5em; font-weight: bold; color: #bc252b; text-align: right; text-transform: uppercase;}

.template-contact .section.white{background-image: url(/i/bg-white-full.jpg);}
.template-contact .section.white .row,
.template-contact .section.white .row h1,
.template-contact .section.white .row h2,
.template-contact .section.white .row .content,
.template-contact .section.white .row .content p{text-align: center;color: #262523; text-transform: uppercase;font-family: 'Oswald', sans-serif;position: relative;letter-spacing: 3px;}
.template-contact .section.white .row h2 { color: #ffffff; margin-bottom: 25px; }
.template-contact .section.white .row h1>sup{font-size: 22px;font-weight: bold;position: absolute;top: 13px;}
.template-contact .section.white .row .content,
.template-contact .section.white .row .content p{font-size: 23px;}
.template-contact .section.white .row .content{text-align: center; margin: auto; width: 100%; max-width: 100%;}

.template-contact .section.grey .row h1{text-align: left;}
.template-contact .section.grey .row .content{border-left: 3px solid #D1E1F8;max-width: 85%;}

.template-contact .section.blue .row h1{text-align: left; color: #21201e;}
.template-contact .section.blue .row .content{border-left: 3px solid #21201e;max-width: 85%;}
.template-contact .section.blue .row .content p{color: #21201e;}

.template-contact .section .row .content{border:0; margin: 50px 0 0 0;}
.template-contact .section .row #form-contact .content{margin: 0; width: 100%; max-width: 100%; border: 0;}
.template-contact .section .row img{ max-width: 100%; text-align: right; }

.template-contact .section.last .row{padding-bottom: 300px;}

#form-contact .btn-submit span.txt {top: 25px;}



/* MailChimp CSS */
#mc_embed_signup{max-width: 80%; margin: auto;}
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border:0px; -webkit-appearance:none;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;color: #ffffff;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label { display: block;text-transform: uppercase;text-align: left;margin-bottom: 5px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0; color: #ffffff;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:50px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#c60; font-size:200%;}
#mc_embed_signup .mc-field-group .asterisk {position:absolute; top:25px; right:10px;}        
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}




/* JOB - LAVORA CON NOI */
.job-opportunities{ margin-top: 50px; }
.job-opportunities h5{text-align: center;}

.section.white .row .content .job-opportunities .job-row.active{background-color: #ffffff;}
.template-contact .section.white .row .job-opportunities h2{ color: #262523; }

.section.white .row .content .job-opportunities .job-title-row{ padding: 25px 80px 25px 25px; background: url(/i/more.png) no-repeat right center; cursor: pointer; }
.section.white .row .content .job-opportunities .job-title-row:hover{ background-color: #ffffff; }
.section.white .row .content .job-opportunities .job-title-row h3{ font-size: 28px; }
.section.white .row .content .job-opportunities .job-title-row p.subtitle{ text-transform: uppercase; color: #304d91; font-size: 20px; text-align: left; padding: 0; line-height: 1.4em; }

.section.white .row .content .job-opportunities .job-description{ border-bottom: 3px solid #304d91; margin-bottom: 25px; padding: 20px 25px; display: none; }
.section.white .row .content .job-opportunities .job-description p{ text-align: left; padding: 0; text-transform: none; letter-spacing: 0px; font-size: 15px; font-family: 'Open Sans', sans-serif; }
.section.white .row .content .job-opportunities .job-description ul{ text-align: left; padding: 0; text-transform: none; letter-spacing: 0px; font-size: 18px; }


.application-form{ margin-top: 100px; }
.application-form .form label{ color: #262523; }
.template-contact .section.white .row .content .application-form .form *{text-align: left;}
.template-contact .section.white .row .content .application-form .form .privacy .privacy-policy-content p{ font-size: 12px; }
.template-contact .section.white .row .content .application-form .form textarea {  height: 172px;  }
.template-contact .section.white .row .content .application-form .form .privacy{ padding: 25px; }
.template-contact .section.white .row .content .application-form .form .btn-submit.red span.txt{ text-align: center; }




/* LIGHTBOX */

/* IMAGE LIGHTBOX SELECTOR */

#imagelightbox
{
    cursor: pointer;
    position: fixed;
    z-index: 10000;

    -ms-touch-action: none;
    touch-action: none;

    -webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
    box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
}


/* ACTIVITY INDICATION */

#imagelightbox-loading,
#imagelightbox-loading div
{
    border-radius: 50%;
}
#imagelightbox-loading
{
    width: 2.5em; /* 40 */
    height: 2.5em; /* 40 */
    background-color: #444;
    background-color: rgba( 0, 0, 0, .5 );
    position: fixed;
    z-index: 10003;
    top: 50%;
    left: 50%;
    padding: 0.625em; /* 10 */
    margin: -1.25em 0 0 -1.25em; /* 20 */

    -webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
    box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
}
#imagelightbox-loading div
{
    width: 1.25em; /* 20 */
    height: 1.25em; /* 20 */
    background-color: #fff;

    -webkit-animation: imagelightbox-loading .5s ease infinite;
    animation: imagelightbox-loading .5s ease infinite;
}

@-webkit-keyframes imagelightbox-loading
{
    from { opacity: .5;	-webkit-transform: scale( .75 ); }
    50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
    to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
}
@keyframes imagelightbox-loading
{
    from { opacity: .5;	transform: scale( .75 ); }
    50%	 { opacity: 1;	transform: scale( 1 ); }
    to	 { opacity: .5;	transform: scale( .75 ); }
}


/* OVERLAY */

#imagelightbox-overlay
{
    background-color: #fff;
    background-color: rgba( 255, 255, 255, .9 );
    position: fixed;
    z-index: 9998;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}


/* "CLOSE" BUTTON */

#imagelightbox-close
{
    width: 2.5em; /* 40 */
    height: 2.5em; /* 40 */
    text-align: left;
    background-color: #ffffff;
    border-radius: 50%;
    position: fixed;
    z-index: 10002;
    top: 6.5em;
    right: 3.1em;
    border: 0;
    -webkit-transition: color .3s ease;
    transition: color .3s ease;
}
#imagelightbox-close:hover,
#imagelightbox-close:focus { background-color: #183545; }

#imagelightbox-close:before,
#imagelightbox-close:after
{
    width: 2px;
    background-color: #444;
    content: '';
    position: absolute;
    top: 20%;
    bottom: 20%;
    left: 50%;
    margin-left: -1px;
}
#imagelightbox-close:before
{
    -webkit-transform: rotate( 45deg );
    -ms-transform: rotate( 45deg );
    transform: rotate( 45deg );
}
#imagelightbox-close:after
{
    -webkit-transform: rotate( -45deg );
    -ms-transform: rotate( -45deg );
    transform: rotate( -45deg );
}


/* CAPTION */

#imagelightbox-caption
{
    text-align: center;
    color: #fff;
    background-color: #666;
    position: fixed;
    z-index: 10001;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0.625em; /* 10 */
}


/* NAVIGATION */

#imagelightbox-nav
{
    background-color: #444;
    background-color: rgba( 0, 0, 0, .5 );
    border-radius: 20px;
    position: fixed;
    z-index: 10001;
    left: 50%;
    bottom: 3.75em; /* 60 */
    padding: 0.313em; /* 5 */

    -webkit-transform: translateX( -50% );
    -ms-transform: translateX( -50% );
    transform: translateX( -50% );
}
#imagelightbox-nav button
{
    width: 1em; /* 20 */
    height: 1em; /* 20 */
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    display: inline-block;
    margin: 0 0.313em; /* 5 */
}
#imagelightbox-nav button.active
{
    background-color: #fff;
}


/* ARROWS */

.imagelightbox-arrow
{
    width: 3.75em; /* 60 */
    height: 7.5em; /* 120 */
    border: 0;
    background-color: transparent;
    vertical-align: middle;
    display: none;
    position: fixed;
    z-index: 10001;
    top: 50%;
    margin-top: -3.75em; /* 60 */
    cursor: pointer;
}
.imagelightbox-arrow:hover,
.imagelightbox-arrow:focus	{ background-color: transparent; }
.imagelightbox-arrow:active { background-color: transparent; }

.imagelightbox-arrow-left	{ left: 2.5em; /* 40 */ }
.imagelightbox-arrow-right	{ right: 2.5em; /* 40 */ }

.imagelightbox-arrow:before
{
    width: 0;
    height: 0;
    border: 1em solid transparent;
    content: '';
    display: inline-block;
    margin-bottom: -0.125em; /* 2 */
}
.imagelightbox-arrow-left:before
{
    border-left: none;
    border-right-color: #ffffff;
    margin-left: -0.313em; /* 5 */
}
.imagelightbox-arrow-right:before
{
    border-right: none;
    border-left-color: #ffffff;
    margin-right: -0.313em; /* 5 */
}

#imagelightbox-loading,
#imagelightbox-overlay,
#imagelightbox-close,
#imagelightbox-caption,
#imagelightbox-nav,
.imagelightbox-arrow
{
    -webkit-animation: fade-in .25s linear;
    animation: fade-in .25s linear;
}
@-webkit-keyframes fade-in
{
    from	{ opacity: 0; }
    to		{ opacity: 1; }
}
@keyframes fade-in
{
    from	{ opacity: 0; }
    to		{ opacity: 1; }
}

@media only screen and (max-width: 41.250em) /* 660 */
{
    #imagelightbox-close
    {
        top: 1.25em; /* 20 */
        right: 1.25em; /* 20 */
    }
    #imagelightbox-nav
    {
        bottom: 1.25em; /* 20 */
    }

    .imagelightbox-arrow
    {
        width: 2.5em; /* 40 */
        height: 3.75em; /* 60 */
        margin-top: -2.75em; /* 30 */
    }
    .imagelightbox-arrow-left	{ left: 1.25em; /* 20 */ }
    .imagelightbox-arrow-right	{ right: 1.25em; /* 20 */ }
}

@media only screen and (max-width: 20em) /* 320 */
{
    .imagelightbox-arrow-left	{ left: 0; }
    .imagelightbox-arrow-right	{ right: 0; }
}

/* privacy page */
body.privacy            { overflow: scroll; }
body.privacy #wrapper   { position: relative; }
body.privacy .privacy{
    background-color: white;
}
body.privacy .privacy__inner{
    width: 60%;
    margin: auto;
    padding: 100px 0;
}
body.privacy .privacy__inner ul{
    margin-bottom: 15px;
}

@media screen and (max-width: 768px){
    body.privacy .privacy__inner{
        width: 80%;
    } 
}

@media screen and (max-width: 425px){
    body.privacy .privacy__inner{
        width: 90%;
    } 
}

#popup-alert{
    position: fixed;
    bottom: 0;
    right: 5%;
    padding: 25px;
    max-width: 90%;
    background: red;
    border-radius: 20px 20px 0px 0px;
    z-index: 99999;
    background: url(/i/effect.png) repeat center #d20000;
}

#popup-alert h5{
    color: #ffffff;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 18px;
    background: url(/i/danger.png) no-repeat left center;
    background-size: 25px;
    padding: 5px 0px 2px 35px;
}

#popup-alert p{
    color: #ffffff;
}

#popup-alert p.readmore{
    margin-bottom: 0;
    font-style: italic;
}

#popup-alert:hover p.readmore{
    text-decoration: underline;
}

#popup-alert span.close{
    display: block;
    position: absolute;
    z-index: 999;
    top: 7px;
    right: 6px;
    color: #ffffff;
    padding: 6px 10px;
    cursor: pointer;
}

#popup-alert span.close:hover{
    opacity: 0.7;
}

@supports (-webkit-touch-callout: none) {
    * {-webkit-overflow-scrolling: auto;}
    html.home *{-webkit-overflow-scrolling: touch;}
  }
  
  /*********************************************
----------- Iubenda  -----------------
*********************************************/
#iubenda-cs-banner .iubenda-banner-content * {color: white !important;}