logo-mobile/* Theme Name: zamboni */

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,main,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}img{border:0;}*,*:before,*:after{box-sizing:border-box;}a{text-decoration:none;}*,*:before,*:after{box-sizing:border-box;}

/* //////////////////// RESPONSIVE //////////////////// */
 

@media only screen and (min-width: 1400px) {
	.slide .image {top: -40% !important;}
}

@media only screen and (min-width: 1200px) {
	.cont {width: 1200px;}
	.desk-only {display: block !important;}
	#slider-start .slide {height: 550px;}
	#slider-start .slide .image {top: -20%;}
	#slider-start-nav {top: 230px;}
	.gradient {height: 40%;}
	#index-map {position: absolute; right: -80px; top: -300px; z-index: 30; width: 550px;}
}

@media only screen and (min-width: 820px) and (max-width: 1199px) {
	.cont {width: 90%;}
	.tab-hide {display: none !important;}
	.tab-full {width: 100% !important;}
	.tab-only {display: block !important;}
	#slider-start .slide {height: 400px;}
	#slider-start .slide .image {top: -20%;}
	#slider-start-nav {top: 180px;}
	.gradient {height: 40%;}
}

@media only screen and (min-width: 820px) {

	.order-1 {-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1;}
	.order-2 {-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2;}
	#bereiche .vcenter {position: absolute; top: 48%; transform: translateY(-48%); padding: 0 30px;}
	.winenav {height: 550px; margin-top: -500px; margin-bottom: 2em;}
	.parallax-window {min-height: 500px; background: transparent;}
	article p, article ul {font-size: 19px; line-height: 36px; margin-bottom: 35px;}
	article p {padding-left: 35px;}
	article ul {padding-left: 60px;}
	article ul li {line-height: 1.5; margin-bottom: 20px; padding-left: 50px;}
	.gallery {position: relative;
		/*height: 600px;
		 -webkit-clip-path: inset( -100vw -100vw 0 -100vw );
		clip-path: inset( -100vw -100vw 0 -100vw );*/
		margin-bottom: 2em;}
	.gallery .item {width: 100%;margin-bottom: 2em; /*position: absolute;*/}
	/*.gallery .item.item-1 {z-index: 3; top: -130px; left: -30px;}
	.gallery .item.item-2 {z-index: 2; top: 0; right: -30px}
	.gallery .item.item-3 {z-index: 1; top: 330px;}*/
}


@media only screen and (min-width: 1031px) {
	.slicknav_menu {display: none;}
}
@media only screen and (max-width: 1030px) {
	#header {display: none;}
	.slicknav_menu {display: block;}
}

@media only screen and (min-width: 320px) and (max-width: 819px) {

	.cont {width: 90%;}
	.mob-hide {display: none !important;}
	.mob-full {width: 100% !important;}
	.mob-center {text-align: center;}
		.mob-center > .tright {text-align: center !important;}
	.mob-nofloat {float: none !important;}
	.mob-margb {margin-bottom: 20px;}
	.mob-only {display: block !important;}

	.mob-order-1 {-webkit-box-ordinal-group: 1; -moz-box-ordinal-group: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1;}
	.mob-order-2 {-webkit-box-ordinal-group: 2; -moz-box-ordinal-group: 2; -ms-flex-order: 2; -webkit-order: 2; order: 2;}

	h1 {text-align: center;}

	h1,h2,h3,h4,h5 {line-height: 1.2 !important;}

	footer {height: auto !important; margin-top: 50px;}

	#header {display: none;}
	.slicknav_menu {display: block;}

	#slider-start .slide {height: 200px;} #slider-start-nav {display: none;}

	.gradient {height: 100%;}

	#bereiche .vcenter {padding: 20px;}

	.winenav {height: 600px; margin-top: 30px;}


	table.mob-table, table.mob-table thead, table.mob-table tbody, table.mob-table tr, table.mob-table th, table.mob-table td {display: block;}

	table.mob-table {width: 100%; table-layout: fixed; border-collapse: collapse;}
	table.mob-table th, table.mob-table td {width: 100%; padding: 3px 0 !important;}
	table.mob-table th {color: #fff;}
	table.mob-table td {color: #aaa !important;}
	table.mob-table tr {border-bottom: 1px solid rgba(136, 140, 157, 0.4); margin-bottom: 10px; padding-bottom: 10px;}
	table.mob-table tr:last-child {margin: 0; padding-bottom: 0; border: 0;}


	article p, article ul { font-size: 17px; line-height: 30px; margin-bottom: 20px;}
	article ul li {line-height: 1.5; margin-bottom: 20px; padding-left: 40px;}

	.wpcf7-form-control-wrap {display: inline-block; margin-bottom: 1em;}

	.parallax-window {min-height: 300px; background: transparent;}

	.gallery {margin-bottom: 2em;}
	.gallery .item {width: 32%; display: inline-block;}

}

.desk-only, .tab-only, .mob-only {display: none;}

/* //////////////////// FLEX //////////////////// */

.flex {list-style:none;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-box-orient:horizontal;-moz-box-orient:horizontal;-webkit-box-direction:normal;-moz-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-flow:row wrap;flex-wrap:wrap;-webkit-box-pack:justify;-moz-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between}

.flex.center {-webkit-box-pack:center;-moz-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}

.flex.start {-webkit-justify-content:flex-start;justify-content:flex-start}

.flex > div, .flex > li {min-width: 1%;}

.gold-a {width: 58.8%;} .gold-b {width: 35.2%;}

.real-gold-a {width: 61.8%;} .real-gold-b {width: 38.2%;}

.full {width: 100%;} .threequad {width: 75%;} .twothirds {width: 66%;} .half {width: 48%;} .third {width: 30%;} .quad {width: 25%;} .near-quad {width: 22.5%;} .fifth {width: 20%;}

.realhalf {width: 50%;}

.columns-1, .tcolumns-1 th, .tcolumns-1 td {width: 100%;}
.columns-2, .tcolumns-2 th, .tcolumns-2 td {width: 48%;}
.columns-3, .tcolumns-3 th, .tcolumns-3 td {width: 31%;}
.columns-4, .tcolumns-4 th, .tcolumns-4 td {width: 25%;}
.columns-5, .tcolumns-5 th, .tcolumns-5 td {width: 20%;}
.columns-6, .tcolumns-6 th, .tcolumns-6 td {width: 16.666%;}



/* //////////////////// BODY //////////////////// */

body {font-family: 'Roboto', Arial, sans-serif; font-weight: 300; color: #777; background: #232223 url(img/bg.jpg) no-repeat fixed;}

a {color: #df313a;} a:hover {color: #fff; text-decoration: none;}

.cont {margin: 0 auto;}


/* //////////////////// CLASSES //////////////////// */

.hidden {display: none !important;}

.clear {position: relative; float: none; clear: both;}

img {display: block;}
img.full {width: 100%; height: auto;}

.relative {position: relative;}

.lazyload {background: url(img/loader.svg) center center no-repeat; min-height: 200px; border: 0 !important; border-style: none !important;}
.lazyloaded {opacity: 1;}

img:not([src]){opacity: 0;}

.lazyload, .lazyloaded {-webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out;}

.left {float: left;} .right {float: right;}
.iblock {display: inline-block;}
.center, .aligncenter {text-align: center;}


.overlay {position: relative; display: inline-block; line-height: 0;}
.overlay:before {background-color: rgba(0,0,0,0.04); content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1;}


.nomarg {margin: 0 !important;}
.nopad {padding: 0 !important;}
.noborder {border: 0 !important;}

.marg-b-1 {margin-bottom: 1em;}
.marg-b-2 {margin-bottom: 2em;}

.marg-t-1 {margin-top: 1em;}
.marg-t-2 {margin-top: 2em;}

hr {border-top: 1px solid rgba(136, 140, 157, 0.4); border-bottom:0; border-left: 0; border-right: 0; height: 0; margin: 30px 0; float: none; clear: both;}


/* //////////////////// TEXT //////////////////// */

h1,h2,h3, .h3look {color: #fff;}

h1 {font-size: 36px; margin-bottom: 30px; line-height: 1; font-weight: 500;}
h2, .subheadline {font-size: 24px; margin-bottom: 30px; line-height: 1;}
h3, .h3look {font-size: 20px; margin-bottom: 30px; line-height: 1;}

.subheadline {line-height: 1.5;}

h1 span {color: #999; font-weight: 300;}

small {font-size: 0.7em; color: #888; line-height: 1;}

.bold, b, strong {font-weight: 500;}


.firstletter::first-letter {font-size: 200%; color: #fff;}

header {position: relative;}

.scrolldown {position: absolute; right: -40px; top: 0; transform: rotate(-90deg); font-family: Roboto, sans-serif; color: #fff; font-size: 12px; font-weight: 300; text-transform: uppercase;}

.scrolldown .text {
	animation-name: scrolldown;
  animation-duration: 3s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  transition: all 1s linear;
  animation-iteration-count: infinite;
}
.scrolldown svg {margin-right: 5px;}

@keyframes scrolldown{0%{transform:translateX(0)}3%{transform:translateX(5px)}7%{transform:translateX(0)}12%{transform:translateX(-5px)}27%{transform:translateX(0)}22%{transform:translateX(5px)}27%{transform:translateX(0)}32%{transform:translateX(-5px)}37%{transform:translateX(0)}42%{transform:translateX(5px)}47%{transform:translateX(0)}52%{transform:translateX(-5px)}57%{transform:translateX(0)}}

/* //////////////////// TRANSITION //////////////////// */

input, input:hover,
.button, .button:hover,
#projects a, #projects a:hover,
#projects .overlay:before,
.box .box-link, .box .box-link:hover,
article p a, article p a:hover,
.map .map-links img {-webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out;}



/* //////////////////// BUTTONS //////////////////// */

.button, input[type=submit] {line-height: 40px; padding: 0 20px; font-size: 1em; border: 0 !important; display: inline-block !important; margin: 0 !important; font-weight: 500; background: #df313a; color: #fff; cursor: pointer; border: 1px solid #df313a;


	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 1em; -webkit-appearance: none; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; display: block;
}

.button:hover, input[type=submit]:hover {opacity: 0.9;}

.tright {text-align: right;}


/* //////////////////// FORMS //////////////////// */

input[type=text], input[type=email], input[type=numeric], input[type=password], textarea, .button {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; font-size: 1em; -webkit-appearance: none; -webkit-box-shadow: 0; -moz-box-shadow: 0; box-shadow: 0; width: 100%; display: block; margin: 0; background: #333; border: 1px solid #999; color: #aaa; padding: 9px;}


textarea {padding: 10px;}

form.wpcf7-form {margin-bottom: 100px;}
form table {margin: 0 0 40px 0;} form table td {padding: 10px 0;}

.input, button, input {font-family: 'Roboto', Arial, sans-serif;}

input[type="text"]:hover, input[type="text"]:focus {background: #fff; color: #222;}

.wpcf7-acceptance .wpcf7-list-item {font-size: 0.8em; line-height: 24px;}






/* //////////////////////////////////////// LAYOUT //////////////////////////////////////// */


/* //////////////////// HEADER //////////////////// */

#header {background: #000; color: #fff; border-bottom: 1px solid rgba(136, 140, 157, 0.5);}

#header .nav-cont {
    width: -webkit-calc(100% - 280px);
    width:    -moz-calc(100% - 280px);
    width:         calc(100% - 280px);
}

#logo {padding: 15px 0; display: block;}
#logo img {width: 250px; height: auto;}

#logo-mobile {padding: 5px 10px; display: inline-block;}
#logo-mobile img {width: 125px; height: auto;}

.slicknav_menu #logo {float: left; width: 65%; margin: 5px 0 0 5px;}
.slicknav_menu #logo .logo-name {padding-top: 8px;}



/* //////////////////// SPRACHEN //////////////////// */

#header .lang-cont {float: right; padding-top: 30px;}

#header .wpml-ls-legacy-dropdown {float: left; width: 140px;}
#header .wpml-ls-legacy-dropdown a {background: #2B2A2C; color: #aaa; border: 1px solid #999; font-size: 15px; text-transform: uppercase; font-weight: 400;}



/* //////////////////// SOCIAL //////////////////// */

#header .social {float: right; margin-left: 20px; font-size: 29px;}

#header .social a {display: inline-block; color: #aaa; margin-left: 5px;}
#header .social a:hover {color: #fff;}






/* //////////////////// NAVI //////////////////// */

#header .right {}

.menu-header-container,
.menu-header-deutsch-container {float: left; margin-right: 20px;}

#header .menu li {
  display: inline-block;
}
#header .menu li a {
  display: block;
  padding: 36px 10px;
  text-decoration: none;
  color: #aaa;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0 3px;
  font-size: 15px;
  line-height: 20px;
}
#header .menu li a,
#header .menu li a:after,
#header .menu li a:before {
  transition: all .5s;
}
#header .menu li a {
  position:relative;
  z-index: 1;
}
#header .menu li a:hover {
  color: #fff;
}
#header .menu li a:after {
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  right: 0;
  margin: auto;
  width: 1px;
  height: 1px;
  content: '.';
  color: transparent;
  background: #df313a;
  visibility: none;
  opacity: 0;
  z-index: -1;
}
#header .menu li a:hover:after {
  opacity: 1;
  visibility: visible;
  width: 100%;
}

#header .menu .current-menu-item a {color: #fff; }
#header .menu .current-menu-item a:after {
  opacity: 1;
  visibility: visible;
  width: 100%;
  background: #aaa;
}


#lang_sel {float: right; margin-top: 32px; font-family: 'Roboto', Arial, sans-serif;}
#lang_sel img.iclflag {display: inline !important;}
#lang_sel a {font-size: 12px; font-weight: 400; color: #777; border: 1px solid #555 !important;}
#lang_sel ul ul, #lang_sel li {width: 120px !important;}

#lang_sel a.lang_sel_sel {background: url(img/lang/nav-arrow-down.png) #000 90% no-repeat !important; color: #aaa;}
#lang_sel a.lang_sel_sel:hover {color: #fff;}


/* //////////////////// SLIDER //////////////////// */

.owl-nav .owl-next, .owl-nav .owl-prev {position: absolute !important; font-size: 20px !important; padding: 10px 12px !important;}
.owl-nav .owl-prev {left: 0; background: #bbb !important;} .owl-nav .owl-next {right: 0; background: #df313a !important;}
.owl-nav .owl-next:hover, .owl-nav .owl-prev:hover {background: #222 !important;}

.owl-dots {margin-top: 10px;}

.gradient {background: -moz-linear-gradient(top,  rgba(43, 42, 44,0) 0%, rgba(43, 42, 44,0.8) 100%); background: -webkit-linear-gradient(top, rgba(43, 42, 44,0) 0%,rgba(43, 42, 44,0.8) 100%); background: linear-gradient(to bottom, rgba(43, 42, 44,0) 0%,rgba(43, 42, 44,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); position: absolute; z-index: 5; bottom: 0; left: 0; width: 100%; display: block;}

.owl-theme .owl-dots .owl-dot span {background: #aaa !important;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: #df313a !important;}

.slide a {color: #fff;}


/* //////////////////// SLIDER STARTSEITE //////////////////// */

#slider-start .slide {position: relative; color: #fff; background: #333;}

#slider-start .slide .inside {position: absolute; z-index: 10; bottom: 40px; width: 100%;}
#slider-start .slide .title {text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2); font-size: 40px; line-height: 1.2; font-weight: 700; margin-bottom: 5px;}
#slider-start .slide .text {font-weight: 300; color: #aaa; font-size: 18px;}
#slider-start .slide .image {position: relative;}

#slider-start-nav {position: absolute !important; width: 100%; margin: 0 !important; z-index: 30;}




/* //////////////////// INDEX //////////////////// */

#start {margin: 60px 0; font-family: 'Droid Serif', Arial, serif; color: #aaa;}

#start p {font-size: 16px; line-height: 30px; margin-bottom: 20px;}
#start p:last-child {margin: 0;}



/* //////////////////// MAP //////////////////// */

.map {position: relative;}

.map img {width: 100%; height: auto; margin-bottom: 50px;}

.map .map-links a {position: absolute; display: block; cursor: pointer; transform: translate(-50%, -50%);}
.map .map-links a img {height: auto;}

.map .map-links div {position: absolute; display: block; cursor: pointer; transform: translate(-50%, -50%);}
.map .map-links div img {height: auto;}

.map .map-links a:hover img {
	transform: scale(1.2);
}

.map .map-links div:hover img {
	transform: scale(1.2);
}

/* .map .map-links .verga {
    top: 17%;
    left: 36%;
    width: 24%;
    height: 8%;
}

.map .map-links .umbertocesari {
    top: 31%;
    left: 45%;
    width: 23%;
    height: 11%;
}

.map .map-links .tenutepiccini {
    top: 42%;
    left: 40%;
    width: 16%;
    height: 13%;
}

.map .map-links .tagaro {
    top: 50%;
    left: 71%;
    width: 25%;
    height: 6%;
}

.map .map-links .ivin {
    top: 28%;
    left: 5%;
    width: 15%;
    height: 10%;
} */


.toggletext {height: 80px; overflow: hidden; position: relative; width: 100%;}
.toggletext:before {position: absolute; width: 100%; display: block; height: 40px; content: ''; top: 40px;

	background: -moz-linear-gradient(top, rgba(43, 42, 44,0) 0%, rgba(43, 42, 44,1) 100%);
	background: -webkit-linear-gradient(top, rgba(43, 42, 44,0) 0%,rgba(43, 42, 44,1) 100%);
	background: linear-gradient(to bottom, rgba(43, 42, 44,0) 0%,rgba(43, 42, 44,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002B2A2C', endColorstr='#2B2A2C',GradientType=0 );}

.toggletext.open:before {display: none !important;}

.toggletext:not(.open):hover {cursor: pointer; color: #ddd;}
.toggletext:not(.open):hover .showtoggle {opacity: 1;}
.showtoggle {position: absolute; top: 65px; width: 100%; text-align: center; opacity: 0.25;}


.toggletext:hover .showtoggle, .showtoggle, .toggletext:hover, .toggletext,
#bereiche a:hover section, #bereiche a section {-webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; -ms-transition: all 200ms ease-out; -o-transition: all 200ms ease-out; transition: all 200ms ease-out;}



/* //////////////////// BEREICHE //////////////////// */

#bereiche {margin: 60px 0;}

#bereiche section {background: #eee;}

#bereiche .inside {color: #444; text-align: center;}

#bereiche .title {font-size: 28px; margin-bottom: 15px; line-height: 1; text-transform: uppercase;}

#bereiche .text {line-height: 24px; color: #888;}

#bereiche a:hover section {background: #df313a;}

#bereiche a:hover section .title {color: #fff;}
#bereiche a:hover section .text {color: rgba(255,255,255,0.6);}

#bereiche .slideshow {background: #2B2A2C;}

#bereiche .text ul {margin: 0; padding: 0;}
#bereiche .text ul li {padding: 0;}


/* //////////////////// DOWNLOADS //////////////////// */

#downloads a {display: block;}













/* //////////////////// WINENAV //////////////////// */

.winenav {position: relative;}
.winenav > div {position: absolute; width: 35%; left: 0; top: 0; -webkit-transform: translate(-50%, 0);}

.winenav .wine-1 {z-index: 10;}
.winenav .wine-2 {z-index: 9;}
.winenav .wine-3 {z-index: 8;}
.winenav .wine-4 {z-index: 7;}
.winenav .wine-5 {z-index: 6;}

.winenav.wines-3 .wine-1 {left: 50%; width: 40%; top: -5%;}
.winenav.wines-3 .wine-2 {left: 25%;}
.winenav.wines-3 .wine-3 {left: 75%;}

.winenav.wines-2 .wine-1 {left: 40%;}
.winenav.wines-2 .wine-2 {left: 60%;}



/* //////////////////// WINE DETAIL //////////////////// */

#wines table {line-height: 1.3;}









/* //////////////////// CONTENT //////////////////// */

article {margin: 60px 0; font-family: 'Droid Serif', Arial, serif; color: #aaa;}

article p:last-child {margin: 0;}

article p strong {color: #fff; font-weight: normal;}


article ul li {position: relative;}
article ul li .icon {left: 0; top: 0; position: absolute; color: #df313a;}


table {margin-left: 25px;}
table th, table td {text-align: left; padding: 10px;}
table th {color: #fff;}

.white {color: #fff;}



/* //////////////////// SIDEBAR //////////////////// */

.box {border: 1px solid rgba(136, 140, 157, 0.4); border-bottom: 1px solid #999; font-size: 14px; margin-bottom: 40px;}
.box .inside, .box > a {padding: 20px; display: block;}
.box .box-head {border-bottom: 1px solid rgba(136, 140, 157, 0.4); line-height: 1; font-size: 19px; padding-bottom: 15px; margin-bottom: 15px; line-height: 24px;}

.box .box-content {padding: 0 15px; line-height: 24px; font-size: 1em;}
.box .box-content p {line-height: 24px; font-size: 1em; margin-bottom: 10px; padding: 0;}
.box .box-content p:last-child {margin: 0 !important;}

.box .box-link {border-top: 1px solid rgba(136, 140, 157, 0.4); display: block;}
.box .box-link:hover {background: #000;}

/* //////////////////// FOOTER //////////////////// */

html, body {height: 100%;}
.clearfooter {height: 50px; clear: both;}
#container {min-height: 100%; margin-bottom: -50px; position: relative;}
footer {height: 50px; padding: 15px 0; position: relative; background: #333; font-size: 0.9em; color: #999; line-height: 20px;}
footer a {color: #999;} footer a:hover {color: #fff;}
footer li {display: inline; margin-left: 20px;}

/* //////////////////// COOKIE INFO //////////////////// */

.cc_banner-wrapper{z-index:9001;position:relative}.cc_container .cc_btn{cursor:pointer;text-align:center;font-size:0.6em;transition:font-size 200ms;line-height:1em}.cc_container .cc_message{font-size:0.6em;transition:font-size 200ms;margin:0;padding:0;line-height:1.5em}.cc_container .cc_logo{display:none;text-indent:-1000px;overflow:hidden;width:100px;height:22px;background-size:cover;background-image:url(//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.9/logo.png);opacity:0.9;transition:opacity 200ms}.cc_container .cc_logo:hover,.cc_container .cc_logo:active{opacity:1}@media screen and (min-width: 500px){.cc_container .cc_btn{font-size:0.8em}.cc_container .cc_message{font-size:0.8em}}@media screen and (min-width: 768px){.cc_container .cc_btn{font-size:1em}.cc_container .cc_message{font-size:1em;line-height:1em}}@media screen and (min-width: 992px){.cc_container .cc_message{font-size:1em}}@media print{.cc_banner-wrapper,.cc_container{display:none}}.cc_container{position:fixed;left:0;right:0;bottom:0;overflow:hidden;padding:10px 15px 50px}.cc_container .cc_btn{padding:8px 16px;background-color:#f1d600;position:absolute;bottom:10px;left:15px;right:15px;text-align:center}@media screen and (min-width: 500px){.cc_container{left:initial;right:20px;bottom:20px;width:300px;padding-bottom:77px}.cc_container .cc_btn{right:15px;bottom:37px}.cc_container .cc_logo{display:block;position:absolute;bottom:8px;left:calc(50% - 50px)}}@media screen and (min-width: 768px){.cc_container{padding-bottom:87px}.cc_container .cc_message{font-size:1em}}.cc_container{background:#fff;color:#999;font-size:17px;font-family:"Helvetica Neue Light", "HelveticaNeue-Light", "Helvetica Neue", Calibri, Helvetica, Arial;box-sizing:border-box;border:1px solid #ccc}.cc_container ::-moz-selection{background:#ff5e99;color:#fff;text-shadow:none}.cc_container .cc_btn,.cc_container .cc_btn:visited{color:#000;background-color:#f1d600;transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;-webkit-transition:background 200ms ease-in-out,color 200ms ease-in-out,box-shadow 200ms ease-in-out;border-radius:5px;-webkit-border-radius:5px}.cc_container .cc_btn:hover,.cc_container .cc_btn:active{background-color:#d7bf00;color:#000}.cc_container a,.cc_container a:visited{text-decoration:none;color:#31a8f0;transition:200ms color}.cc_container a:hover,.cc_container a:active{color:#555}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translateX(20px);-ms-transform:translateX(20px);transform:translateX(20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.cc_container{-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:0.8s;-moz-animation-duration:0.8s;-o-animation-duration:0.8s;animation-duration:0.8s;-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@media screen and (min-width: 500px){.cc_container{border-radius:5px;box-shadow:0px 5px 10px rgba(0,0,0,0.2)}}

/* //////////////////// MOBILE NAV //////////////////// */

/*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */
.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: right;
  padding: 0.438em 0.625em 0.438em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }
  .slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }

.slicknav_menu {
  *zoom: 1; }
  .slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }
  .slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.875em;
    margin: 0.188em 0 0 0.438em; }
    .slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.875em;
      display: block;
      content: "";
      position: absolute; }
  .slicknav_menu .slicknav_no-text {
    margin: 0; }
  .slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.125em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
  .slicknav_menu:before {
    content: " ";
    display: table; }
  .slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }

.slicknav_nav {
  clear: both; }
  .slicknav_nav ul {
    display: block; }
  .slicknav_nav li {
    display: block; }
  .slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }
  .slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }
  .slicknav_nav .slicknav_row {
    display: block; }
  .slicknav_nav a {
    display: block; }
  .slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 16px;
  box-sizing: border-box;
  background: #000;
  border-bottom: 1px solid rgba(136, 140, 157, 0.4);
  padding: 5px; }
  .slicknav_menu * {
    box-sizing: border-box; }
  .slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000; }
  .slicknav_menu .slicknav_icon-bar {
    background-color: #fff; }

.slicknav_btn {
  margin: 5px 5px 6px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: rgba(136, 140, 157, 0.4); }

.slicknav_nav {
  color: #fff;
  margin: 0;
  padding: 0;
  font-size: 0.875em;
  list-style: none;
  overflow: hidden; }
  .slicknav_nav ul {
    list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }
  .slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }
    .slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;
      color: #fff; }
  .slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #fff; }
    .slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #ccc;
      color: #222; }
  .slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }
  .slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }
  .slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }

.slicknav_brand {
  color: #fff;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }