.welcome {padding: 80px 0;margin: 0 auto;width: 100%;}
.img-sha {-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);}
.V-title{color:#222;font-family: 'Montserrat', sans-serif;font-weight: 700; font-size:2.7rem;letter-spacing:.05em;right:62px;height:0;width:0;margin-top:45%;white-space:nowrap;position:absolute;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);z-index:1}
.V-title::after{content:"";height:1px;width:80px;background:#000;display:inline-block;margin-bottom:5px;margin-left:30px;z-index:999}
.whitebijelo {position:relative;width: 100%;overflow: hidden;padding:30px 50px;background: rgba(255,255,255,.5);border-radius: 5px;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);}
.padbot20{padding-bottom:20px}

.clouds {width:100%; display: flex; background:url(../images/clouds.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:#f1f1f1}
.image700{position:initial;}
@media only screen and (max-width: 1600px) {
	.V-title{font-size:2.5rem;}
}
@media only screen and (max-width: 1400px) {
.V-title{font-size:2.2rem;}
}
@media only screen and (max-width: 1280px) {
.V-title {display: none}	
}
/*... end ara medicina ...*/
/* animirani naslov */
.breaking_news{width:100%;max-width:400px;font-size:14px;letter-spacing: 2px; margin:0 auto 30px auto}
.label{padding:11px 15px 9px;background:#000c53;color:#FFF;text-align:center;font-weight:bold;text-transform:uppercase}
.ripple{position:relative;overflow:hidden}
.ripple:after{content:'';position:absolute;top:50%;left:50%;width:15px;height:5px;background:rgba(255,255,255,.2);opacity:0;border-radius:100%;transform:scale(1,1) translate(-50%);transform-origin:50% 50%}
@keyframes ripple{0%{transform:scale(0,0);opacity:1}
20%{transform:scale(25,25);opacity:1}
100%{opacity:0;transform:scale(40,40)}
}.ripple::after{animation:ripple 2s ease-out infinite}
.label:hover{background:#BD0003;}

.live-border{width: 100%;min-height: 120px; display: flex; justify-content: center; align-items: center;position:relative;overflow:visible}
 .border{position:absolute;background:#B1D4FF;overflow:hidden}
.border.top{height:1px;width:100%;top:0;left:0}
.border.right{height:100%;width:1px;top:0;right:0}
.border.bottom{height:1px;width:100%;bottom:0;left:0}
.border.left{height:100%;width:1px;top:0;left:0}
.border .bar{position:absolute;width:100%;height:100%;background:#fff;left:0;top:0;z-index:99}
 .border.top .bar{left:100%;animation:live-border-animate-top 2s linear 2s infinite}
.border.right .bar{top:100%;animation:live-border-animate-right 2s linear 1s infinite}
.border.bottom .bar{left:-100%;animation:live-border-animate-bottom 2s linear 0 infinite}
.border.left .bar{top:-100%;animation:live-border-animate-left 2s linear 3s infinite}
@keyframes live-border-animate-top {
0%{left:100%}
100%{left:-100%}
}
@keyframes live-border-animate-right {
0%{top:100%}
100%{top:-100%}
}
@keyframes live-border-animate-bottom {
0%{left:-100%}
100%{left:100%}
}
@keyframes live-border-animate-left {
0%{top:-100%}
100%{top:100%}
}
/*-------------- pomoćna navigacija --------------------*/
ul.menu2{text-align: center;margin:10px!important;overflow: hidden}
ul.menu2 li {background:#FFF;transition: background-color 0.5s ease;width:19%;margin:5px 0;padding: 10px 0; display:inline-block;border:1px solid #66A9D2;text-align: center;}
ul.menu2 li a{color:#5D5D5D;display: block;font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:1px;outline:none;padding:0 10px}
ul.menu2 li a:active{border-color:#555;color:#000}
ul.menu2 li a:hover{color:#FFF;}
ul.menu2 li:hover{background:#225CFF;border:none}
ul.menu2 li:hover a{color:#fff}
@media only screen and (max-width:1200px){ul.menu2 li {width:33%}}
@media only screen and (max-width:767px){ul.menu2 li {width:98%;margin:5px auto}}
/*-------------- GRID GALERIJA --------------------*/
.layout-article{max-width:1800px;margin:0 auto;padding:40px 0}
.layout-article ul.box-article{list-style:none;-webkit-column-count:4;column-count:4;-webkit-column-gap:0;column-gap:0}
.layout-article ul.box-article li{display:inline-block;-webkit-column-break-inside:avoid;-moz-column-break-inside:avoid;column-break-inside:avoid;height:auto;overflow:hidden;margin:20px;position:relative;}
.layout-article ul.box-article li article{width:100%}
.layout-article ul.box-article li article figure{width:100%}
.layout-article ul.box-article li article figure img{width:100%}
@media only screen and (max-width: 480px) {
.layout-article ul.box-article{-webkit-column-count:1;column-count:1}
}
@media only screen and (min-width: 481px) and (max-width: 767px) {
.layout-article ul.box-article{-webkit-column-count:2;column-count:2}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
.layout-article ul.box-article{-webkit-column-count:3;column-count:3}
}

/*-------------- LATINSKE POSLOVICE --------------------*/

h3.down{text-align:center;font-size:16px;color:#155FFF;line-height: 30px;margin:30px 0;}
a.download{font-size:15px;font-family:Arial,Helvetica,sans-serif;font-style:normal;line-height:0;font-weight:700;color:#00F;border:1px solid #00F;text-align:center;display:block;margin-right:auto;margin-left:auto;width:300px;background-color:#FFF;-webkit-transition:background-color .5s ease,border-color .5s ease;-moz-transition:background-color .5s ease,border-color .5s ease;transition:background-color .5s ease,border-color .5s ease;letter-spacing:1px;padding:22px 50px}
a.download:hover{color:#fff;background-color:#00a8ff;border-color:#3f719d;text-shadow:0 1px 1px #00a8ff}

.padd1L1D{padding-right:1rem;padding-left:1rem}

.latinski li{font-family:Arial,Helvetica,sans-serif;font-size:15px;background-color:#FFF;-webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.2);-moz-box-shadow:1px 1px 2px rgba(0,0,0,0.2);box-shadow:1px 1px 2px rgba(0,0,0,0.2);padding:1.5em 2em;display:block;margin-bottom:10px;font-style:normal;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;border-top:1px solid #eeeff0;border-left:5px solid #CCCCCC }
.latinski li:hover{cursor:pointer;color:#16599C!important;background-color:#F7F9FF;border-left-color:#00F}
.latinski li span{font-style:italic!important;color:#3e6be0 !important;}
.latinski li:hover span{color:#C10000 !important }
.latinski li:nth-child(odd){color:#000}
.latinski li:nth-child(even){color:#003}
.lath3, h2.lath2{font-family:Arial,Helvetica,sans-serif;font-size:15px;font-style:italic;font-weight:400;color:#000;padding-top:10px;padding-bottom:20px;line-height:20px}
.mar2{display:block;margin-top:20px;margin-bottom:20px;}

/************* CITATI *************/
blockquote{position:relative;display:block;padding:20px;font-size:14px;line-height:1.6;font-style:italic;color:#666;border:solid 1px silver;margin:30px 0}
.blockquote-background{background:#f9f9f9;padding:20px}
blockquote::before{content:"\201C";background-color:#FFF;border-radius:50%;width:75px;height:75px;font-size:60px;font-weight:700;color:silver;text-align:center;line-height:93px;position:absolute;left:-30px;top:-30px}
blockquote::after{content:""}
blockquote span{display:block;font-size:13px;font-style:italic;text-align:right;padding-top:15px}
a.underline55{flex:1;font-size:14px;line-height:1.6;font-style:italic;color:#666;cursor:pointer;text-decoration:none;background-image:linear-gradient(to right,yellow 0,yellow 100%);background-position:0 1.2em;background-size:0 100%;background-repeat:no-repeat;transition:background .5s;background-position:100% -.1em;transition:background 1s;background-image:linear-gradient(to right,yellow 0,yellow 100%)}
a.underline55:hover{background-size:100% 100%; color:#000}

/************* BUJE *************/

.responsive-video{position:relative;padding-bottom:56.25%;height:0}
.you-video{position:absolute;top:0;left:0;width:100%;height:100%}

.responsive-video2 iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} 
.responsive-video2 {position: relative; padding-bottom: 56.25%; height: 0;}

.dancing, .dancing p{font-family:'Dancing Script',cursive;font-size:21px}
h3.dancing{font-size:40px}

.page-1,.page-2,.page-3,.page-4{text-align:center;position:relative}
.page-2{padding-top:100px;padding-bottom:100px;display:block;width:100%;background:#F1F1F1 url(../img/bgzgb.jpg) repeat 0 0;text-align:center;position:relative}
.page2-white{display:block;width:100%;float:none;margin:0 auto 30px;height:auto;position:relative;background-color:#fff;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;border-top-left-radius:5px;border-top-right-radius:5px;border-top:2px solid #ffbf00;border-bottom:5px solid #bf9b30;border-left:1px solid #D9D9D9;border-right:1px solid #D9D9D9;color:#000;padding:30px 30px 50px;text-align:center;}
.page-3{padding-top:100px;padding-bottom:100px;display:block;width:100%;background:#fff}
.page-3-white{width:100%;float:none;margin:0 auto;min-height:100px;position:relative;background:#fff;padding:3em;display:block;box-shadow:inset 0 0 0 0 #fff,inset 0 0 0 1px #c0c0c0,inset 0 0 0 2px #fff,inset 0 0 0 3px #c0c0c0,inset 0 0 0 4px #fff,inset 0 0 0 5px silver;color:#000}
.page-4{padding-top:100px;padding-bottom:100px;display:block;width:100%}
.zagreb772{font-size:48px;color:#000;padding-top:40px;padding-bottom:40px}
.lidija{font-size:28px;color:#000;padding-top:120px;padding-bottom:20px}
.proverbi{font-size:28px;color:#000;padding-top:15px;padding-bottom:50px}
.proverbi2{font-size:18px;font-weight:700;color:#000;padding-bottom:15px;padding-top:25px}
.gray{font-size:32px;color:#E1E1E1;padding-top:40px;padding-bottom:40px}
.quote{width:100%;display:block;padding:1.5em;overflow:hidden;border:solid 1px silver}
#marino-title{width:100%;float:none;margin:0 auto;min-height:100px;position:relative;padding-top: 3em;padding-right: 3em;padding-left: 3em;display:block;color:#000;text-align: center}
.modi { font-size: 32px;font-weight: 700; color: #000; padding-top: 15px; letter-spacing: 1px;text-transform: uppercase}
.page-marino{background-color: #dadde6;width: 100%;display: block;padding-top: 50px;padding-bottom: 50px}

.card-cont2{width:100%;background-color:#fff; margin-bottom:10px;display: block; padding: 1.5em; overflow: hidden; border: solid 1px silver;text-align: left!important;font-style: italic}

.card-cont2 h4 {padding-top:30px;padding-bottom:15px;font-size:26px;color: orangered!important}
.card-cont2 p {padding-right: 15px; padding-top: 7px;padding-bottom: 7px;margin-top:14px; padding-left: 15px; border-left: solid 5px #ccc;border-bottom: solid 1px #ccc;font-size: 15px;}
.card-cont2 p:hover {color:#6B0202;cursor: pointer;}
.card-cont2 p:first-child {padding-top: 20px;padding-left: 15px;}
.card-cont2 p:nth-of-type(odd) {color:#082E3E}
.card-cont2 p:nth-of-type(odd):hover {color:#082C7F}
@media all and (max-width: 768px) {
.zagreb772{font-size:32px;line-height:42px}
.lidija{padding-top:30px}
}

/************* poezija *************/
.oldenburg{width:100%}
.oldenburg,.oldenburg p {font-family: 'Oldenburg'!important;letter-spacing: 1px;color:#777;text-align: center }
.oldenburg h3 {margin-top: 50px;color:#999}
.degordian{width:100%;background: rgba(255,255,255,.5);padding: 50px;}

.sneki-1 {width:66%;display: block;margin: 60px auto;border: solid 1px rgba(255,255,255,.5);}
.sneki-2 {display: block;margin: 3px;border: solid 10px rgba(255,255,255,.5);}
.sneki-3{display: block;background: rgba(255,255,255,.7);padding: 80px 50px 50px;margin: 5px;text-align: center}

.poetry1, .poetry2, .poetry3, .poetry4 {width: 100%; padding: 100px 0;}
.poetry1{background:#F1F8FC;}
.poetry2{background:#FFF9E1;}
.poetry3{background:#FDF2E9;}
.poetry4{background:#FDFAF8;}

#spring { width:100%;min-height:400px; display: block;position: relative;
background: url(../images/spring.jpg) no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#akcija { width:100%;min-height:400px; display: block;position: relative;padding: 50px 0;
background: url(../images2/bg-akcija-2.jpg) no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.zg-back { width:100%;display: block;position: relative;padding: 50px 0;
background: url(../images/zagreb-back.jpg) no-repeat top center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

/************* zabava - vicevi *************/
.martb50{margin:50px 0}
.big3{color:#06C;font-size:24px;line-height:50px;font-weight:700}
.istaknuto{font-size:14px;color:#900;text-align:center;font-weight:600}
.silver2{background:#fff;padding:3em;display:block;margin-bottom:4em;margin-top:3em;border:1px solid #DBDEF0;}


.divider{width: 160px; position:relative;z-index:2;display:block;padding:0 15px;background:#fff;margin:0 auto -62px auto;color:#c0c0c0;text-align: center;font-size:12px;font-family: Arial, Helvetica, "sans-serif";cursor:pointer}
.divider2{width: 160px; position:relative;z-index:2;display:block;padding:10px 15px;background:#fff;margin:0 auto -70px auto;color:#c0c0c0;text-align: center;font-size:12px;font-family: Arial, Helvetica, "sans-serif";}
.divider i,.divider2 i {margin-bottom: 8px;display: inline-block; font-size:12px; margin-right: 3px;}
.divider:hover,.divider2:hover{color:#D92227}
hr.divi{padding:0;color:#B5B5C1;text-align:center;border-top-width:3px;border-top-color:#B5B5C1;margin-top:3em;margin-bottom:1.5em;border-style:double none none;position: relative;z-index: 0}
.naslov{color:#069!important;font-weight:700;line-height:32px;text-align:center;text-transform:uppercase}
.love{line-height:32px;font-weight:400;color:#903}

#mir{height:200px;width:100%;position:relative}
.mirh2{color:#06C;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);font-size:24px;line-height:40px;text-align:center}
.big2{ font-size: 48px; line-height: 60px; padding-top: 1em; font-weight: 700; color: #A0B33D }
h4.big2 span{ font-size: 32px; line-height: 50px; padding-top: 1em; font-weight: 700; color: #2e2e2e }
.bluef {color:#225cff}
.big4{font-size:36px;line-height:60px;padding-top:1em;font-weight:300;color:#06F}
.naslov{color:#069!important;font-weight:700;line-height:32px;text-align:center;text-transform:uppercase}
hr.unumir{padding:0;color:#E6E8EC;text-align:center;border-top-width:3px;border-top-color:#E6E8EC;margin-top:2em;margin-bottom:1.5em;border-style:double none none}
hr.unumir:after{content:"§";display:inline-block;position:relative;top:-1em;font-size:1em;padding:0 .25em;background:#fff}

/* ZAGREB */
.intro-fixzg{ display: block; clear: both; width: 98%; max-width: 768px; overflow: hidden; margin-right: auto; margin-left: auto; }
.black { color: #000 !important; }
.zagreb { font-size: 24px; font-weight: 400; color: #002FB5; text-align: center;padding-bottom:25px;padding-top:50px; }
.zagreb72 { font-size: 48px; font-weight: 300; color: #000000; padding-top: 50px; padding-bottom: 30px; display: block; }
.zagreb2 { font-size: 50px; font-weight: 700; color: #000000; padding-top: 10px; padding-bottom: 100px; }
.zagreb3 { font-size: 28px; font-weight: 700; color: #000000; padding-top: 60px; padding-bottom: 40px; }
.zagreb4 { font-size: 28px; font-weight: 700; color: #000000; padding-top: 0; padding-bottom: 40px; line-height: 38px; }
.zagreb20 { font-size: 20px; font-weight: 700; color: #000000; padding-top: 0; padding-bottom: 40px; line-height: 32px; }
.zagreb40 { font-size: 40px; font-weight: 700; color: #000000; padding-top: 0; padding-bottom: 50px; }
.zagreb772 { font-size: 48px; line-height: 60px; font-weight: 300; color: #000000; padding-top: 30px; padding-bottom: 20px; display: block; }
.page-sec{ padding-top: 100px; padding-bottom: 100px; display: block; width: 100%; background: #FFF; }
.page-sec2{ padding-top: 100px; padding-bottom: 100px; display: block; width: 100%; background: #F1F1F1 url(../zagreb-img/bgzgb.jpg) repeat 0px 0px; }

.page-sec3{ display: block; width: 100%; background: #F1F1F1; }
.zg-frame { max-width: 1330px; padding: 0; margin: auto; vertical-align: middle; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.4); -moz-box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.4); box-shadow: 2px 2px 8px 2px rgba(0,0,0,0.4); }
  .zg-frame-arrow { max-width: 1330px; padding: 0; margin: auto; vertical-align: middle; position: absolute; left: 50%; transform: translate(-50%, -50%); bottom: 50px; }
.zg-frame img{max-width:100%;height:auto;vertical-align:middle}

.sec2-white{ width: 100%; float: none; margin: 0px auto 30px; min-height: 100px; position: relative; background-color: white; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-top: 2px solid #ffbf00; border-bottom: 5px solid #bf9b30; border-left: 1px solid #D9D9D9; border-right: 1px solid #D9D9D9; color: black; padding: 30px 30px 50px; }
.zg50right{width:48%;padding-right:2%;float:left;text-align:right;border-right:1px solid #acb0bd; padding-bottom:100px}
.zg50left{width:48%;padding-left:2%;float:left;text-align:left; padding-bottom:100px}

.bg-bagie { background: #E8F0FF; display: block; padding-top: 50px; padding-bottom: 50px; border-top: 1px solid #BFCAD7; border-bottom: 1px solid #BFCAD7; width: 100%; }


.zgbox70 { width: 70%; float: left; display: block; margin: 0;}
.zgbox60 {width:60%; float:left;display:block;margin:0;}
.zgbox50 {width:50%; float:left;display:block;margin:0;}
.zgbox50l {width:50%; float:left;display:block;margin:0;padding-right: 1%; padding-left: 1%;}
.zgbox40 { width: 40%; float: left; display: block; margin: 0;padding-right: 1%; padding-left: 1%; }
.zgbox30 { width: 30%; float: left; display: block; margin: 0;padding-right: 1%; padding-left: 1%; }
.zgbanner { padding-bottom: 100px; }
h2.zgslike { font-size: 20px; font-weight: 700; color: #003399; text-align: center; padding-top: 22px; padding-right: 40px; }

.viewzoom{width:100%;height:auto;float:left;overflow:hidden;position:relative;text-align:center;background:#fff;cursor:pointer;margin-bottom:20px}
.viewzoom img{display:block;position:relative;-webkit-transition:all .7s ease;-moz-transition:all .7s ease;-ms-transition:all .7s ease;-o-transition:all .7s ease;transition:all .7s ease}
.viewzoom:hover img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)}

/* NAVJEROVATNO ------------------------------------*/

.horizontal-line{display:block;position:absolute;bottom:0;left:50%;border-bottom:1px solid #ECECFB;width:0;text-align:center;animation:line 2s linear forwards}
@keyframes line {
from{left:50%;width:0}
to{left:0;width:100%}
}
.horizontal-line2{display:block;position:absolute;top:0;left:50%;border-bottom:1px solid #ff0000;width:0;text-align:center;animation:line 2s linear forwards}
@keyframes line {
from{left:50%;width:0}
to{left:0;width:100%}
}
/* VERTIKALNA LINIJA 2 */
.vertical-line{position:absolute;top:0;border:1px solid red;width:0;border-radius:4px;animation:grow 3s infinite alternate}
@keyframes grow {
0%{width:0;height:0}
100%{width:0;height:100%}
}


.belive {display: block; width:80%; max-width: 1200px; margin-left: auto;margin-right: auto;padding-top: 150px}

.belive h1, .belive h2 {font-family: 'Playfair Display', serif;font-size: 56px; line-height: 1.2857; color: #111111; margin-bottom: 32px;}
.belive h2 span {color:#aa8844}
.belive h3 {color:#000;font-size: 110%;margin-bottom: 100px}

.book {display: block; padding:50px 0;background-color: #dadde6;font-size: 94%; }
.fl-left{float:left}
.fl-right{float:right}

.karta{display:table-row;width:100%;background-color:#fff;color:#989898;border-radius:4px;position:relative;margin-top:30px;margin-bottom:30px}
.karta + .karta{margin-left:2%}
.date{display:table-cell;width:90px;position:relative;text-align:center;border-right:2px dashed #dadde6}
.date:before,.date:after{content:"";display:block;width:30px;height:30px;background-color:#DADDE6;position:absolute;top:-15px;right:-15px;z-index:1;border-radius:50%}
.date:after{top:auto;bottom:-15px}
.date p{margin-top:-1px;color:#989898;font-weight:700;font-size:250%;text-align:center;position:absolute;top:50%;left:50%;-webkit-transform:translateX(-50%) translateY(-50%);-moz-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);-o-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}
.card-cont h3 { color: #3C3C3C; font-size: 17px;font-weight: 700; padding-top: 20px;letter-spacing: 1px;}
.card-cont{display:table-cell;font-size:100%;padding: 15px 20px}
.card-cont p {cursor:pointer;font-size: 15px; line-height: 2.8rem;margin: 0 0 20px;}
.card-cont p:hover {color:#FF0000}
.white-z {background:#fff; }
@media screen and (max-width: 768px) {
.karta{display:block;float:none;width:100%;margin-top:15px;margin-bottom:15px}
.card-cont{font-size:90%}
}

/* IMAGE EFFECT */
.item-cont{overflow:hidden;display:inline-block;width:100%}
.item-cont img {width:100%}
.item-cont a {display:block;position:relative;color:#FFF;border-color:#fff;font-size:20px;}
.item-cont a .item-content{position:absolute;width:100%;cursor:pointer;height:100%;text-align:center;top:0;left:0;opacity:1;}
.item-cont a .item-content:before{border-top:1px solid;border-bottom:1px solid;-webkit-transform:scale(0, 1);transform:scale(0, 1);opacity:0;}
.item-cont a .item-content:after{border-left:1px solid;border-right:1px solid;-webkit-transform:scale(1, 0);transform:scale(1, 0);opacity:0;}
.item-cont a .item-content:before,.item-cont a .item-content:after{border-color:#fff;position:absolute;top:15px;right:15px;bottom:15px;left:15px;content:'';opacity:0;-webkit-transition:opacity 1.2s, -webkit-transform 1.2s;transition:opacity 1.2s, transform 1.2s;}
.item-cont a .item-content .text-cont{width:100%;opacity:0;position: relative}

.item-cont a .item-content .text-cont em{display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);font-size: 16px;text-align: center; color:#fff; font-style: normal; font-weight: 700; margin: 0;padding: 0}

.oldenburg .item-cont a .item-content .text-cont em{font-weight: 400!important; }

.item-cont a .item-content .text-cont em{  opacity: 0; }

.item-cont a:hover .item-content .text-cont em{ opacity:1;
  transition: opacity .8s ease-in;
  -moz-transition: opacity .8s ease-in;
  -webkit-transition: opacity .8s ease-in;
  -o-transition: opacity .8s ease-in; }

.item-cont a .item-content .align-content{position:relative;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transform:translateY(-50%);}
.item-cont a .figa{position:relative;width:100%;height:100%;-webkit-transition:-webkit-transform 0.8s;transition:transform 0.8s;-webkit-transform:scale(1, 1);-ms-transform:scale(1, 1);-o-transform:scale(1, 1);transform:scale(1, 1);}
.item-cont a .figa:after{position:absolute;width:100%;height:100%;left:0;top:0;content:"";background-color:rgba(5,28,97, 0.6);opacity:0;}
.item-cont a .figa img{max-width:100%;height:auto;display:block;}
.item-cont a:hover .figa{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.item-cont a:hover .figa:after{opacity:1;}
.item-cont a:hover .item-content{opacity:1;}
.item-cont a:hover .item-content:before,.item-cont a:hover .item-content:after{border-color:#fff;}
.item-cont a:hover .item-content:before{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.item-cont a:hover .item-content:after{opacity:1;-webkit-transform:scale(1);transform:scale(1);}
.item-cont a:hover .item-content .text-cont{opacity:1;}
.max600 {width: 100%;max-width: 600px;display: block;padding-bottom: 40px;padding-top: 40px;margin-left: auto;margin-right: auto;}
@media only screen and (max-width:1023px){
.big4{font-size:40px;}
.martb50{margin:20px 0}	
	}
@media only screen and (max-width:992px){
.sneki-1{width:76%;margin: 0 auto}
.sneki-3{padding: 60px 40px 30px;}	
}

@media only screen and (max-width:767px){
.paddtop100 {padding-top: 40px;}
.item-cont a .item-content .text-cont p{font-size: 80%;}
.item-cont a .item-content .text-cont p.small{font-size:68%;}
.paddtop100 {padding-top: 30px;}
	.back-to-top{ position: fixed; bottom: 10px; right: 5px; }
	.big4{font-size:32px;line-height:60px;padding-top:1em;font-weight:300;color:#06F}
	.sneki-1{width:80%;}
.sneki-3{padding: 30px 10px 10px;}	
}
@media only screen and (max-width:480px){
.item-cont a .item-content .text-cont p{font-size: 70%;}
.item-cont a .item-content .text-cont p.small{font-size:60%;}
.paddtop100 {padding-top: 20px;}
	.slick-line{padding:2rem;}
	.martb50{margin:10px 0}
.sneki-1{width:90%;}
.sneki-3{padding: 10px}
	.sneki-3 p {display: none}	
}
@media only screen and (max-width:400px){
.item-cont a .item-content .align-content{position:relative;top:30%;transform:translateY(-30%);-webkit-transform:translateY(-30%);-moz-transform:translateY(-30%);}
.item-cont a .item-content .text-cont p.small{font-size:40%;}
}


/* TOBI */
.tobi-zoom{border:0;-webkit-box-shadow:none;box-shadow:none;display:block;position:relative;text-decoration:none}
.tobi-zoom img{display:block}
.tobi-zoom__icon{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(26,42,58,0.94);bottom:0;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1;position:absolute;left:0}
.tobi-zoom__icon svg{color:#fff;fill:none;height:1.11111em;pointer-events:none;stroke-linecap:square;stroke-linejoin:miter;stroke-width:2;stroke:#fff;width:1.11111em;padding:.22222em}
.tobi-is-open{overflow-y:hidden}
.tobi{background-color:rgba(22,27,30,0.99);bottom:0;-webkit-box-sizing:border-box;box-sizing:border-box;contain:strict;font-size:18px;left:0;line-height:1.5555555555556;overflow:hidden;position:fixed;right:0;top:0;z-index:1337}
.tobi[aria-hidden="true"]{display:none}
.tobi *,.tobi ::before,.tobi ::after{-webkit-box-sizing:inherit;box-sizing:inherit}
.tobi__slider{bottom:0;left:0;position:absolute;right:0;top:0;will-change:transform}
.tobi__slider:not(.tobi__slider--is-dragging){-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.19,1,0.22,1);transition-timing-function:cubic-bezier(0.19,1,0.22,1)}
@media screen and (prefers-reduced-motion: reduce) {
.tobi__slider:not(.tobi__slider--is-dragging){-webkit-transition:none;transition:none}
}
.tobi__slider--is-draggable .tobi__slider__slide__content{cursor:-webkit-grab;cursor:grab}
.tobi__slider--is-dragging .tobi__slider__slide__content{cursor:-webkit-grabbing;cursor:grabbing}
.tobi__slider__slide{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%}
.tobi__slider__slide__content > figure{margin:0;position:relative}
.tobi__slider__slide__content > figure > img{display:block;height:auto;max-height:85vh;max-width:85vw;width:auto}
.tobi__slider__slide__content > figure > figcaption{background-color:rgba(255,255,255,0.5);bottom:0;color:#000;display:block;left:0;position:absolute;white-space:pre-wrap;width:100%;text-align:center;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:1em .44444em}
.tobi__slider__slide__content[data-type="html"]{max-height:85vh;max-width:85vw;overflow:hidden;overflow-y:auto;overscroll-behavior:contain}
.tobi__slider__slide__content[data-type="html"] video{cursor:auto;display:block!important;max-height:85vh;max-width:85vw}
.tobi__slider__slide__content[data-type="iframe"]{max-height:85vh;max-width:85vw;overflow:hidden;overflow-y:auto;overscroll-behavior:contain}
.tobi__slider__slide__content[data-type="iframe"] iframe{display:block!important;height:85vh;width:85vw}
.tobi__slider__slide__content[data-type="youtube"]{max-height:85vh;max-width:85vw;overflow:hidden;overflow-y:auto;overscroll-behavior:contain}
.tobi__slider__slide__content[data-type="youtube"] iframe{display:block!important}
.tobi button{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:.05556em solid transparent;color:#fff;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;font:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;line-height:1;margin:0;opacity:.5;position:absolute;-ms-touch-action:manipulation;touch-action:manipulation;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;-webkit-transition-timing-function:cubic-bezier(0.19,1,0.22,1);transition-timing-function:cubic-bezier(0.19,1,0.22,1);will-change:opacity,transform;padding:.22222em}
@media screen and (prefers-reduced-motion: reduce) {
.tobi button{-webkit-transition:none;transition:none;will-change:opacity}
}
.tobi button svg{pointer-events:none;stroke:#fff;stroke-width:1;stroke-linecap:square;stroke-linejoin:miter;fill:none;color:#fff}
.tobi button:active,.tobi button:focus,.tobi button:hover{opacity:1;-webkit-transform:scale(0.84);transform:scale(0.84)}
.tobi button:focus:focus{outline-color:rgba(255,255,255,0.1)}
@media screen and (prefers-reduced-motion: reduce) {
.tobi button:active,.tobi button:focus,.tobi button:hover{-webkit-transform:none;transform:none}
}
.tobi button.tobi__prev,.tobi button.tobi__next{top:50%;top:calc(50% - 2.22222em)}
.tobi button.tobi__prev svg,.tobi button.tobi__next svg{height:3.88889em;width:3.88889em}
.tobi button.tobi__prev{left:0}
.tobi button.tobi__next{right:0}
.tobi button.tobi__close{right:.27778em;top:5em}
.tobi button.tobi__close svg{height:3.33333em;width:3.33333em}
.tobi button:disabled,.tobi button[aria-hidden="true"]{display:none}
.tobi__counter{-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:transparent;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.11111em;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;left:1em;line-height:1;position:absolute;top:2.22222em}
.tobi__counter[aria-hidden="true"]{display:none}
.tobi-loader{display:inline-block;height:5.55556em;left:calc(50% - 2.77778em);position:absolute;top:calc(50% - 2.77778em);width:5.55556em}
.tobi-loader::before{-webkit-animation:spin 1s infinite;animation:spin 1s infinite;border-radius:100%;border:.22222em solid #949ba3;border-top-color:#fff;bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}
@-webkit-keyframes spin {
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes spin {
to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}

:root{--d:700ms;--e:cubic-bezier(0.19,1,0.22,1);}

*{box-sizing:border-box}
html,body{height:100%}
body{display:grid;place-items:center}
.page-content{display:grid;grid-gap:1rem;padding:1rem;max-width:1460px;margin:0 auto;font-family: 'Roboto', sans-serif;}
@media (min-width: 600px) {
.page-content{grid-template-columns:repeat(2,1fr)}
}
@media (min-width: 800px) {
.page-content{grid-template-columns:repeat(3,1fr)}
}
@media (min-width: 1200px) {
.page-content{grid-template-columns:repeat(4,1fr)}
}

.content{position:relative;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;width:100%;padding:1rem;-webkit-transition:-webkit-transform var(--d) var(--e);transition:-webkit-transform var(--d) var(--e);transition:transform var(--d) var(--e);transition:transform var(--d) var(--e),-webkit-transform var(--d) var(--e);z-index:1}
.content > * + *{margin-top:1rem}
.title{font-size:1.8rem;font-weight:700;line-height:1.9;color:#fff}
.copy{font-size:1.5rem;font-style:italic;line-height:1.55;color:#fff}

@media (hover: hover) and (min-width: 600px) {
.card:after{-webkit-transform:translateY(0);transform:translateY(0)}
.content{-webkit-transform:translateY(calc(100% - 4.5rem));transform:translateY(calc(100% - 4.5rem))}
.content > :not(.title){opacity:0;-webkit-transform:translateY(1rem);transform:translateY(1rem);-webkit-transition:opacity var(--d) var(--e),-webkit-transform var(--d) var(--e);transition:opacity var(--d) var(--e),-webkit-transform var(--d) var(--e);transition:transform var(--d) var(--e),opacity var(--d) var(--e);transition:transform var(--d) var(--e),opacity var(--d) var(--e),-webkit-transform var(--d) var(--e)}
.card:hover,.card:focus-within{-webkit-box-align:center;align-items:center}
.card:hover:before,.card:focus-within:before{-webkit-transform:translateY(-4%);transform:translateY(-4%)}
.card:hover:after,.card:focus-within:after{-webkit-transform:translateY(-50%);transform:translateY(-50%)}
.card:hover .content,.card:focus-within .content{-webkit-transform:translateY(0);transform:translateY(0)}
.card:hover .content > :not(.title),.card:focus-within .content > :not(.title){opacity:1;-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:calc(var(--d) / 8);transition-delay:calc(var(--d) / 8)}
.card:focus-within:before,.card:focus-within:after,.card:focus-within .content,.card:focus-within .content > :not(.title){-webkit-transition-duration:0;transition-duration:0}
}