@import url('https://fonts.googleapis.com/css?family=Poppins:300,400');
@import url('hamburgers.css');
@import url('balloon.min.css');

* { border:0px; list-style:none; margin:0px; padding:0px; outline:none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; *behavior: url(boxsizing.htc); -webkit-appearance: none; -moz-appearance: none; appearance: none; }
:hover { transition: all 0.9s ease-in-out;  -webkit-transition: all 0.9s ease-in-out; -moz-transition: all 0.9s ease; -o-transition: all 0.9s ease; -ms-transition: all 0.9s ease-in-out; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html { font-size: 100%; height:100%; }
body { margin: 0px; font-family: 'Poppins', sans-serif; font-size:13px; letter-spacing:1px; position: relative;-webkit-text-size-adjust: none; color:#000; background:#EEE; }
h1, h2, h3, h4, h5 { font-weight: 400; }
h1 { font-size:36px; margin-bottom:20px; line-height: 42px; }
h2 { font-size:24px; line-height:30px; margin:0 0 40px 0; }
h3.section { text-align:center; border-bottom:1px dotted #CCC; font-size:22px; padding-bottom:20px; margin:60px 0 20px 0; text-transform:uppercase; }
h4 { font-size:16px; }
a { color:#c9002b; text-decoration:none; }
a:hover { color:#000; }

input.error, textarea.error, select.error { border-color:#FF0000; color:#FF0000; background:#FFE5E5; }
label.error { float:left; color:#FF0000; font-size:0px; visibility:hidden; overflow:hidden; height:0px; margin:0px; padding:0px;  }
input, select, textarea { padding:8px; font-family: 'Poppins', sans-serif; font-size:12px; border-bottom:1px solid #000; background: none; }
select { text-transform:uppercase; background-image: url('../images/select_arrow.png'); background-position: right center; background-repeat:no-repeat; background-color:#EEE; padding: 12px 35px 12px 12px; -webkit-appearance: none; -moz-appearance: none;  appearance: none;}
input[type='submit'], input[type='button'], input[type='reset'], button, a.btn { cursor:pointer; border:1px solid #CCC; padding: 10px 20px; letter-spacing:1px; color:#000; display:inline-block; }
input.btn-primary, a.btn-primary, button.btn-primary{ background:#000; color:#FFF; border:1px solid #000; }
input[type='submit']:hover, input[type='button']:hover, button:hover, a.btn:hover { background:#444; }
input[type='radio']:checked { background:#000; }
input[type='checkbox'], input[type='radio'] { padding:0; height:20px; width:20px; float:left; margin-right:10px; cursor:pointer; margin-bottom:10px; }
input[type='radio'] { border-radius:200px; }
input[type='checkbox']:checked, input[type='radio']:checked { background:#666; }
input, select, button { height:40px; }
select { background: url('../images/select_arrow.png') right center no-repeat #EEE; padding: 8px 35px 8px 8px; -webkit-appearance: none; -moz-appearance: none;  appearance: none;}
.label { text-align:right; padding:10px 20px 0 0; }
.row { margin-bottom:10px; }
.check-list li { padding:5px 0 0 35px; position:relative; margin-bottom:5px; text-transform:uppercase; }
.check-list li input { left:0; top:2px; position:absolute; }
form h3 { margin-bottom:10px; text-transform:uppercase; font-weight:bold; }
::placeholder { color: #555; opacity: 1; }
:-ms-input-placeholder { color: #555; }
::-ms-input-placeholder { color: #555; }
img { display:block; transition: transform .5s ease; }
img.loading { background: url('../images/loading.gif') no-repeat center center #FFF; }
img.scale { width:100%; height:auto; }
figure { overflow:hidden; }
.item:hover figure.zoom img { filter: none; transform: scale(1.1);  }
.item:hover figure.fade img { opacity:0.5;  }
label { cursor:pointer; }
span.new { position:absolute; background:#FF0000; color:#FFF; padding:5px 10px; z-index:2; right:20px; text-transform:uppercase; font-size:13px; font-style: italic; }
table { width:100%; }
thead td { background:#114E93; color:#FFF; padding: 5px 10px;  text-transform:uppercase; font-size:11px; font-weight:bold; }
tbody td { border-bottom:1px dotted #CCC; padding: 5px 10px; vertical-align:top; }
.videoWrapper { background:#000; position: relative; padding-bottom: 56.25%; /* 16:9 */	padding-top: 25px; height: 0; }
.videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
iframe {  width: 100%; }
.wrapper { width:100%; margin: 0 auto; min-width:720px; clear: both; }
.content { width:100%; max-width:1400px; padding:0px; margin: 0 auto; clear: both; position:relative; padding:0 25px; }
.content-small { max-width:1200px; margin: 0 auto; clear: both; padding:0 15px; position:relative; }
.content-box { max-width:600px; margin: 0 auto; clear: both; padding:0 15px; position:relative; }
.phone_show { display:none; }
.nowrap { white-space:nowrap; }
.mb60 { margin-bottom:60px; }
.mt40 { margin-top:40px; }
.mt20 { margin-top:20px; }
.mb40 { margin-bottom:40px; }
.mb20 { margin-bottom:20px; }
.mr40 { margin-right:40px; }
.mr30 { margin-right:30px; }
.mr20 { margin-right:20px; }
.pl40 { padding-left:40px; }
.align_center { text-align:center; }
.btn-links { text-transform:uppercase; font-size:14px; font-weight:bold; }
.masonry-layout { column-count: 3; -webkit-column-count: 3; column-gap: 80px;  -webkit-column-gap: 80px; margin-bottom:80px; }
.masonry-layout .item {break-inside: avoid; -webkit-column-break-inside: avoid; margin-bottom:40px;  }
.masonry-layout .item li { margin-bottom:15px; }



group:before, .group:after { content:""; display:table; }
.group:after { clear:both; }
.col { display: block; float:left; margin: 0 0 0 1.6%; }
.col:first-child { margin-left: 0; }

.span_1_of_2 { width: 49.2%; }
.span_2_of_2 { width: 100%; }

.span_1_of_3 { width: 32.2%; }
.span_2_of_3 { width: 66.1%; }
.span_3_of_3 { width: 100%; }

.span_1_of_4 { width: 23.8%; }
.span_2_of_4 { width: 49.2%; }
.span_3_of_4 { width: 74.6%; }
.span_4_of_4 { width: 100%; }

.span_1_of_5 { width: 18.72%; }
.span_2_of_5 { width: 39.04%; }
.span_3_of_5 { width: 59.36%; }
.span_4_of_5 { width: 79.68%; }
.span_5_of_5 { width: 100%; }

.span_1_of_6 { width: 15.33%; }
.span_2_of_6 { width: 32.26%; }
.span_3_of_6 { width: 49.2%; }
.span_4_of_6 { width: 66.13%; }
.span_5_of_6 { width: 83.06%; }
.span_6_of_6 { width: 100%; }

.span_1_of_8 { width: 11.1%; }
.span_2_of_8 { width: 23.8%; }
.span_3_of_8 { width: 36.5%;}
.span_4_of_8 { width: 49.2%; }
.span_5_of_8 { width: 61.9%; }
.span_6_of_8 { width: 74.6%; }
.span_7_of_8 { width: 87.3%; }
.span_8_of_8 { width: 100%; }

.span_1_of_10 { width: 8.56%; }
.span_2_of_10 { width: 18.72%;  }
.span_3_of_10 { width: 28.88%; }
.span_4_of_10 { width: 39.04%;  }
.span_5_of_10 { width: 49.2%; }
.span_6_of_10 { width: 59.36%; }
.span_7_of_10 { width: 69.52%;  }
.span_8_of_10 { width: 79.68%; }
.span_9_of_10 { width: 89.84%; }
.span_10_of_10 { width: 100%; }

.span_50 { width:50%; float:left; }
.span_50.text { padding:40px;  }

.tabs ul { margin:0 auto; text-align:center; }
.tabs li { display:inline-block; }
.tabs a { padding:10px 20px; text-transform:uppercase; border-bottom:2px solid #114E93; display:block; text-align:center; color:#114E93; font-size:13px; font-weight: bold; }
.tabs a.selected, .tabs a:hover { background:#FFF; border-bottom-color:#F28E23; color:#F28E23; text-decoration: none; }
.tabcontent { padding:20px; }.gray { color:#AAA;}
.center { text-align:center; }
.right { text-align:right; }
.relative { position:relative; }
.separator { padding-top:60px; margin-top:60px; border-top:1px solid #000; }
.red, .red a {color:#DABF8E; }

.box-newsletter { max-width:600px; margin:0 auto; padding: 0 20px; }
.box-newsletter h2, .box-newsletter h3 { text-align:center; margin: 10px 0; }
.box-newsletter h3 { color:#c9002b; }
.box-newsletter form { margin-top:20px; }
.box-newsletter .privacy { color:#777; font-size:12px; letter-spacing:0px; line-height:normal; }
.box-newsletter .privacy li { padding-left:30px; position:relative; margin-top:5px; }
.box-newsletter .privacy li input { position:absolute; top:0; left:0; border:1px solid #CCC; }
.box-newsletter .buttons { text-align:center; margin:20px 0; }
.box-newsletter .buttons input { width:150px; text-align:center;  }

.nav { text-transform:uppercase; }
.hidden { display:none; }

.global-site-notice {  background: #222 none repeat scroll 0% 0%;  color: #CCC; display:block;  padding: 10px 30px; float:none; font-size:12px; }
.global-site-notice .notice-inner { max-width:100%; margin: 0 auto; text-align:left; float:none; position:relative; }
.global-site-notice .notice-inner a { font-weight:bold; color:#DAA520; }
.global-site-notice .notice-inner a:hover { text-decoration:underline; }
#close-cookie-notice { position: absolute; right:0; top:0px; }
.global-site-notice.hidden { display:none; }


header { width: 100%; position: fixed;  top: 0; left: 0; z-index: 10; transition: .5s ease-in-out; padding:20px 30px; text-align:left; background:#FFF; }
header i { font-size:30px; }
header .btn-open-menu { width: 30px; height: 22px; position: absolute; top: 25px; right:30px; cursor: pointer; transition: .5s ease-in-out; }
header .btn-open-menu:hover:after { width: 80%; }
header img { height:35px; width:auto; display:block; }
header .title { position:absolute; left:250px; right:250px; top:25px; text-align:center; letter-spacing: .5px; font-size:16px; transition: .5s ease-in-out; text-transform:uppercase; }
header2.smaller { padding:20px 30px;  }
header2.smaller .btn-open-menu { top: 25px; transition: .5s ease-in-out; }
header2.smaller .title { top:20px;   }

#footer { font-size:11px; line-height:16px; letter-spacing:1px; background:#111;  }
#footer .content { max-width:100%; padding:20px 0; }
#footer .content .text { padding:40px 80px; color:#AAA; }
#footer ul { margin-top:10px; }
#footer li { padding:5px 0; }
#footer .credits ul { margin:0 auto; text-align:center; }
#footer .credits li { display:inline-block; margin:0 10px; text-transform:uppercase; }
#footer i { font-size:18px; width:50px; height:50px; text-align:center; padding-top:15px; border:1px solid #FFF; color:#FFF; float:right; margin-left:20px; }
#footer i:hover { color:#999; border:1px solid #999; }
#footer .icon li {text-align:center; display:inline-block; margin-right:5px;}
#footer a { color:#FFF; }
#footer h4 { margin-bottom:20px; font-size:13px; }

.flex { display: flex; align-items: center; justify-content: center; }
p.more {  color:#c9002b; text-transform:uppercase; letter-spacing:1px; font-weight:bold; margin-top:20px; }
.page { margin-top:100px; }

.slide-animation{ animation: fadezoom 20s 0s forwards; }
@keyframes fadezoom { 0% { transform: scale(1); } 100% { transform: scale(1.2); }  }

.cover, .cover li { padding:0px; margin:0 auto; position:relative; height: 100vh; background-position:center center; background-size:cover; background-repeat:no-repeat; }
.cover div.text { max-width:800px; text-align:left; padding: 40px 60px; margin:0 auto; color:#FFF; position:absolute; bottom:300px; left:0px; right:0; text-align:center; font-size:18px; z-index:3; }
.cover p.more, .cover p.card { color:#FFF; }
.bg { background-color:rgba(0, 0, 0, 0.2); position:absolute; top:0; bottom:0; right:0; left:0; z-index:2; }
.cover .btn { border:1px solid #FFF; padding: 10px 20px; line-height:auto; display:inline-block; margin-top:20px; font-size:14px; }

.box-realizzazioni { padding:0px; margin:0 auto; position:relative; height:70vh; background-position:center center; background-size:cover; background-repeat:no-repeat; margin-top:80px; }
.home .box-realizzazioni div.text { padding: 40px 60px; text-align:center; background:#FFF; width:100%; max-width:800px; margin:0 auto; position:absolute; bottom:100px; left:0; right:0; box-shadow: 12px 60px 60px 0 rgba(0,0,0,.15); }
.home .box-realizzazioni div.text h1 { margin:0 0 10px 0; font-size:36px; color:#000; text-transform:uppercase; }
.cover p.text { color:#000; }
.home .news { margin-top:40px; }
p.card {text-transform:uppercase; letter-spacing:1px; font-weight:bold; margin-bottom:10px; color:#888; }
p.cat { font-size:32px; color:#888; font-weight:300; }

.title-page { margin:40px 0 40px 0; text-align:center; }
.title-page h1 { font-size:18px; margin:0px; text-transform:uppercase; font-weight:bold; }
.title-page h2 { margin-top:10px; font-size:50px; line-height: 60px; }
.title-page p { margin:0 auto; margin-top:20px; margin-bottom:20px; }

.item-row { padding: 40px 0; width:100%; }
.about { font-size:18px; padding: 40px 0; }

.video { background:#000; margin:80px 0;  }
a .play { color:#FFF; }
a:hover .play { opacity:1; }
.play { position:absolute; top:0; bottom:0; left:0; right:0; text-align:center; z-index:22; display: flex; align-items: center; justify-content: center; }
.play:hover { opacity:0.6; }
.play img { width:80px; height:auto; display:inline-block; }

.grid.news { display:grid; grid-template-columns:1fr 1fr 1fr 1fr; gap:40px; }
.news .item { text-align:center; background:#FFF; font-size:12px; box-shadow: 0 0 4px 0 rgba(0,0,0,.1); transition: box-shadow .35s ease; will-change: box-shadow; position:relative; }
.news .item:hover { box-shadow: 10px 10px 20px 0 rgba(0,0,0,.5); }
.news .item .text { padding:20px; }
.news .item .text p.tag { color:#FFF; }
.news .item h3 { font-size:18px; margin-bottom:40px; text-transform:uppercase; line-height: 22px; }

.news-scheda { max-width:1000px; margin:0 auto; position:relative; padding-bottom:40px; margin-bottom:80px; }
.news-scheda .text h2 { margin-bottom:20px; font-size:25px; text-transform:uppercase; }
.news-scheda .text { padding: 40px 60px; text-align:center; background:#FFF; width:100%; max-width:800px; margin:0 auto; margin-top:-100px; position:relative; box-shadow: 12px 60px 60px 0 rgba(0,0,0,.15); }
.other-button { margin-bottom:40px; text-align:center; }

.header-portfolio { text-align: center; }
.header-portfolio h1 { margin-bottom:40px; }
.header-portfolio p { column-count: 2; column-gap: 40px; font-size:14px; text-align:left; max-width:800px; margin:0 auto; }

.list-services li { font-size:24px; margin:10px 0 20px 0; }
.list-services ul.slide li { margin:0px; }
.list-brand li { width:45%; display:inline-block; margin:10px 0; font-size:16px; }


.contact-box { text-align:center; padding:80px 0; font-size:20px; }
.contacts .item-row .text { padding:40px; background:#FFF;  }
.contacts .item-row .text h2 { margin-bottom:20px; font-size: 24px; }
.separation { margin-top:100px; }

h4 { font-size:14px; text-transform:uppercase;  margin-bottom:40px; }
.sub-line { box-sizing: border-box; display: inline-block;  width: 29px; height: 2px; background:#c9002b;  margin-right: 20px; line-height: 10px; vertical-align: middle; margin-top: -2px; }
.outlet-list .item { margin-bottom:40px; border-bottom:1px solid #DDD; border-top:1px solid #DDD; }
.outlet-list .item .text { padding:10px; }
.outlet-list .item:nth-child(2n+1) { background:#FFF; }
.outlet-list .item .price { font-size:20px; color:#c9002b; }
.outlet-list .item .price strike { color:#000; margin-right:10px; }

.marker { margin-top:40px; }


.grid.list-product .item { margin-bottom:40px; }
.list-product .item { padding:20px; min-height:400px; position:relative; }
.list-product .item .image { position:relative; text-align:center; width:100%; background:#FFF; display:inline-block; margin-bottom:10px; }
.list-product .item img { margin-bottom:10px; }
.list-product .item h2 { font-size:16px; }
.add { width:40px; height:40px; position:absolute; right:20px; top:20px; z-index:2; background:#EEE; border-radius:200px; padding:10px; }
.add img { width:100%; height:auto; }
p.price { font-weight:bold; font-size:20px; }

.grid .span_1_of_2:nth-child(2n+1) { margin-left:0px; }
.grid .span_1_of_3:nth-child(3n+1) { margin-left:0px; }
.grid .span_1_of_4:nth-child(4n+1) { margin-left:0px; }
.grid .span_1_of_5:nth-child(5n+1) { margin-left:0px; }
.grid .span_1_of_6:nth-child(6n+1) { margin-left:0px; }
.grid .span_1_of_7:nth-child(7n+1) { margin-left:0px; }
.grid .span_1_of_8:nth-child(8n+1) { margin-left:0px; }
.grid .col { margin-bottom:1.6%; }
.span_25 { width:25%; margin:0px; line-height:normal; font-size:0px; }

.acc_title { cursor:pointer; margin: 10px 0;   }
.acc_content { margin-bottom:40px;}
.acc_content li { list-style:disc; margin-left:15px; }

.share-box { position:fixed; top:45%; right:10px; }
.share-box li { background:#FFF; padding:10px; width:40px; height:40px; text-align:center; margin-top:1px; }
.share-box a { color:#000; }
.share-box a:hover { color:#777; }

.content-box h2 { margin-bottom:20px; }
.position { margin:20px auto; }
.position h2 { margin:0; }
.acc-title { display:block; padding:20px; border-bottom:1px solid #CCC; cursor:pointer; font-weight:bold; font-size:20px; }
.acc-title i { margin-right:10px; }
.acc-content { padding:20px; }

div.top {  display: none; overflow: hidden; position: fixed; right:50px; bottom:50px; cursor:pointer;  width:40px; height:40px; text-align:center; }
div.top img { width:100%; height:auto; }

.box-contact { z-index:2; font-size:12px; position: fixed; bottom: 25px; right: 25px; width: 340px; background: #FFF; border: 1px solid #000; line-height:18px; padding:15px 15px 15px 130px; }
.box-contact a { color:#000; }
.box-contact a:hover { color:#c9002b; }
.box-contact h3 { margin-bottom:10px; font-size:13px; font-weight:bold; }
.box-contact img { width:100px; height:auto; position:absolute; left:15px; top:15px; }

.pagination { margin: 20px 0 40px 0; text-transform: uppercase; }
.pagination .page { text-align:right; }
.pagination .page a, .pagination .page b { padding:10px 15px; display:inline-block; border:1px solid #DDD; }
.pagination .page b { color: #E50026; }
.pagination .page a:hover { background:#EEE; }
.pagination .result { padding-top:10px; }

.subnav { margin-bottom:40px; }
.subnav .col { padding: 0 70px; position:relative; }
.subnav .col i { color:#000; position:absolute; right:0; top:0px; font-size:20px; width:50px; height:50px; text-align:center; margin:0px; }
.subnav .col.left i { left:0; right:none; }


header .btn-open-menu:after {
  background-color: #000;
  content: '';
  display: block;
  width: 50%;
  height: 2px;
  position: absolute;
  right: 0;
  bottom: 0;
  transition: .5s ease-in-out;
}
header .btn-open-menu .hamburguer {
  position: relative;
  display: block;
  background: #000;
  width: 100%;
  height: 2px;
  top: 5px;
  left: 0;
  transition: .5s ease-in-out;
}
header .btn-open-menu .hamburguer:before, header .btn-open-menu .hamburguer:after {
  background: #000;
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  transition: .5s ease-in-out;
}
header .btn-open-menu:hover .hamburguer:before { width: 50%; }
header .btn-open-menu:hover .hamburguer:after { width: 50%; right:0; }
header .btn-open-menu .hamburguer:before {
  top: -7px;
}
header .btn-open-menu .hamburguer:after {
  bottom: -7px; right:0;
}
header .header-content {
  width: 100%;
  height: 100%;
  background-color: #EEEEEE;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: -150%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  align-content: center;
  transition: .5s ease-in-out;
}
header .header-content .btn-close-menu {
  width: 30px;
  height: 30px;
  position: absolute;
  top: 40px;
  right: 40px;
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  align-content: center;
}
header .header-content .btn-close-menu:before, header .header-content .btn-close-menu:after {
  background: #000;
  content: '';
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  transition: .5s ease-in-out;
}
header .header-content .btn-close-menu:before {
  transform: rotate(45deg);
  top: 15px;
}
header .header-content .btn-close-menu:after {
  transform: rotate(-45deg);
  bottom: 13px;
}
header .header-content .btn-close-menu:hover { transform: rotate(-360deg); }

header .header-content nav {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  align-content: center;
  
}
header .header-content nav a {
  font-size:30px;
  color: #000;
  letter-spacing: .5px;
  line-height: 60px;
  text-decoration: none;
  transition: .5s;
  text-transform: uppercase;
}
header .header-content nav a.selected { color:#c9002b; }
header .header-content nav a:hover {
  color: rgba(0, 0, 0, 0.5);
  transition: .5s;
  padding-left:100px;
}
header .header-content .social {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 40px 0 0 0;
  font-size: 18px;
}
header .header-content .social a {
  color: #000;
  text-decoration: none;
  margin: 0 10px;
  transition: .5s;
}
header .header-content .social a:hover {
  transform: scale(0.9);
  transition: .5s;
}
header.open {
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.3);
  transition: .3s ease-in-out;
}
header.open .btn-open-menu, header.open .logo {
  opacity: 0;
  transition: .3s ease-in-out;
}
header.open .header-content {
  left: 0;
  transition: .7s ease-in-out;
}

@media only screen and (max-width: 400px){
header .header-content nav a {
  font-size:20px;
  line-height: 40px;
}
}






.contact-bar {
  position: fixed;
  top: 120px;
  z-index: 10;
}
.contact-bar.left {
  left: -40px;
}
.contact-bar.right {
  right: -40px;
}

.contact-bar.slide-on-scroll {
  position: absolute;
}

.cb-link {
  display: block;
  width: 40px;
  height: 40px;
  padding: 0;
  margin-bottom: 0.1em;
  text-align: center;
  line-height: 40px;
  font-size: 17px;
  background: #8e8e93;
  color: #fff;
  position: relative;

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;

  -webkit-transition: all 250ms;
     -moz-transition: all 250ms;
          transition: all 250ms;
}
.left .cb-link {
  left: 0;
  border-radius: 0 0.4em 0.4em 0;
}
.right .cb-link {
  right: 0;
  border-radius: 0.4em 0 0 0.4em;
}
.cb-link .icon {
  margin: 0 !important;
}
.left .cb-link:hover,
.left .cb-link:focus,
.left .cb-link:active {
  color: #fff;
  padding-left: 10px;
  width: 50px;
}
.right .cb-link:hover,
.right .cb-link:focus,
.right .cb-link:active {
  color: #fff;
  padding-right: 10px;
  width: 50px;
}
.left .cb-link.cb-hidden {
  left: -40px;
}
.right .cb-link.cb-hidden {
  right: -40px;
}

.cb-link.separated {
  margin-top: 0.5em;
}

.toggle-bar,
.cb-link.toggle-bar:focus,
.cb-link.toggle-bar:hover,
.cb-link.toggle-bar:active {
  background: #ccc;
  color: #000;
  border: 0;
  outline: 0;
  padding: 0;
  width: 40px;
}













.hero-text .hero {
  position: relative;
}


/** Text Animation **/

@-webkit-keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(300px);
    transform: translateY(300px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpSD {
  0% {
    opacity: 0;
    -webkit-transform: translateY(300px);
    transform: translateY(300px);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpSD {
  -webkit-animation-name: fadeInUpSD;
  animation-name: fadeInUpSD;
}

.slick-active .slide-content {
  animation-name: fadeInUpSD;
  animation-duration: 1s;
  opacity: 1;
  width: 100%;
  padding: 10px 20px 30px 0;
}

/* Media Queries */

@media (max-width: 768px) {
  .hero .hero-slide .header-content {
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    margin: 0 auto;
  }
}