@charset "UTF-8";
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 0}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:1px #767676 dotted;text-decoration:none}b,strong{font-weight:700}dfn{font-style:italic}mark{background-color:#eee;color:#222}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid #bbb;margin:0 2px;padding:.35em .625em .75em}legend{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}  .screen-reader-text{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#f1f1f1;-webkit-border-radius:3px;border-radius:3px;-webkit-box-shadow:0 0 2px 2px rgba(0,0,0,.6);box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;color:#21759b;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000} .grid, [class*=col-]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}[class*=col-]{float:left;padding-left:10px;padding-right:10px; margin-bottom: 20px;}.grid{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;width:auto;max-width:1170px;min-width:730px;}.grid:after{content:"";display:table;clear:both}.grid-pad{margin:0 -20px}.push-right{float:right}.col-1-1{width:100%}.col-2-3,.col-4-6,.col-8-12{width:66.66%}.col-1-2,.col-6-12{width:50%}.col-1-3,.col-4-12{width:33.33%}.col-1-4,.col-3-12{width:25%}.col-1-5{width:20%}.col-1-6,.col-2-12{width:16.667%}.col-1-7{width:14.28%}.col-5-7{width:71.43%}.col-1-8{width:12.5%}.col-1-9{width:11.1%}.col-1-10{width:10%}.col-1-11{width:9.09%}.col-1-12{width:8.33%}.col-11-12{width:91.66%}.col-10-12{width:83.333%}.col-3-4,.col-9-12{width:75%}.col-5-12{width:41.66%}.col-7-12{width:58.33%}.push-2-3,.push-8-12{margin-left:66.66%}.push-1-2,.push-6-12{margin-left:50%}.push-1-3,.push-4-12{margin-left:33.33%}.push-1-4,.push-3-12{margin-left:25%}.push-1-5{margin-left:20%}.push-1-6,.push-2-12{margin-left:16.667%}.push-1-7{margin-left:14.28%}.push-1-8{margin-left:12.5%}.push-1-9{margin-left:11.1%}.push-1-10{margin-left:10%}.push-1-11{margin-left:9.09%}.push-1-12{margin-left:8.33%}@media handheld,only screen and (max-width:760px) {.grid{width:100%;min-width:0;margin-left:0;margin-right:0;padding-left:5px;padding-right:5px}[class*=col-]{width:auto;float:none;margin:20px 0;padding-left:5px;padding-right:5px}[class*=tablet-col-]{float:left;margin:0 0 20px;padding-left:0;padding-right:10px;padding-bottom:0}.tablet-col-1-1{width:100%}.tablet-col-2-3,.tablet-col-8-12{width:66.66%}.tablet-col-1-2,.tablet-col-6-12{width:50%}.tablet-col-1-3,.tablet-col-4-12{width:33.33%}.tablet-col-1-4,.tablet-col-3-12{width:25%}.tablet-col-1-5{width:20%}.tablet-col-1-6,.tablet-col-2-12{width:16.667%}.tablet-col-1-7{width:14.28%}.tablet-col-1-8{width:12.5%}.tablet-col-1-9{width:11.1%}.tablet-col-1-10{width:10%}.tablet-col-1-11{width:9.09%}.tablet-col-1-12{width:8.33%}.tablet-col-11-12{width:91.66%}.tablet-col-10-12{width:83.333%}.tablet-col-9-12{width:75%}.tablet-col-5-12{width:41.66%}.tablet-col-7-12{width:58.33%}.hide-on-tablet{display:none!important;width:0;height:0}}@media handheld,only screen and (max-width:460px){.grid{width:100%;min-width:0;margin-left:0;margin-right:0;padding-left:5px;padding-right:5px}[class*=col-]{width:auto;float:none;margin:0 0 20px;padding-left:5px;padding-right:5px}[class*=mobile-col-]{float:left;margin:0 0 20px;padding-left:0;padding-right:10px;padding-bottom:0}.mobile-col-1-1{width:100%}.mobile-col-2-3,.mobile-col-8-12{width:66.66%}.mobile-col-1-2,.mobile-col-6-12{width:50%}.mobile-col-1-3,.mobile-col-4-12{width:33.33%}.mobile-col-1-4,.mobile-col-3-12{width:25%}.mobile-col-1-5{width:20%}.mobile-col-1-6,.mobile-col-2-12{width:16.667%}.mobile-col-1-7{width:14.28%}.mobile-col-1-8{width:12.5%}.mobile-col-1-9{width:11.1%}.mobile-col-1-10{width:10%}.mobile-col-1-11{width:9.09%}.mobile-col-1-12{width:8.33%}.mobile-col-11-12{width:91.66%}.mobile-col-10-12{width:83.333%}.mobile-col-9-12{width:75%}.mobile-col-5-12{width:41.66%}.mobile-col-7-12{width:58.33%}.hide-on-mobile{display:none!important;width:0;height:0}}
@media handheld,only screen and (min-width:760px) { 
.content .grid, .special-content .grid { display: flex; flex-direction: row;  align-items: stretch; } 
.content .grid > div, .special-content .grid > div { display: flex; align-items: stretch;   } 
.hide-on-desktop { display: none!important;width: 0;height: 0; }
}
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; } .clearfix { *zoom: 1; }
body .fb_iframe_widget { display: block; }
body .fb_iframe_widget span { display: block; margin-left: auto; margin-right: auto; }
.hidden { display: none!important; }
.hide { visibility: hidden; }
.mobile { display: none; }
::placeholder { color: #BDBDBD; opacity: 1; }
textarea:focus, input:focus{ outline: none; }
textarea, input {  font-family: 'Epilogue', sans-serif; }
html, body { background-color: #fff; font-family: 'Epilogue', sans-serif; font: normal normal 400 19px/27px Epilogue, sans-serif; overflow-x: hidden; } body.default { padding-top: 140px; } 
body.english { padding-top: 91px; }    
body h1, body h2, body h3, body h4, body h5, body h6 { font-family: 'Epilogue', sans-serif; color: #303030; }
body h1 { font: 800 3.167rem/3.444rem Epilogue, sans-serif; }
body h2 { font: 800 1.333rem/1.667rem Epilogue, sans-serif; }
body h3 { font: 800 1.111rem/1.444rem Epilogue, sans-serif; }
body h4 { font: 800 1rem/1.333rem Epilogue, sans-serif; } 
body h5 { font: 800 0.833rem/1.111rem Epilogue, sans-serif; }
body h6 { font: 500 0.722rem/0.722rem Epilogue, sans-serif; }
body p, body ul li, body ol li, body div, body span { color: #303030;  }
body p strong { font-weight: 600; }
body p a { text-underline-offset: 3px; }
body a { text-decoration: none; color: #303030; }
body .line { border-bottom: none; }
html body .blic-text, html body .kulturpunkt-text { color: #00DDDD; }
html body .blic-bg, html body .kulturpunkt-bg { background-color: rgba(0, 221, 221, .35); }
html body .blic-bg:hover, html body .kulturpunkt-bg:hover { background-color: rgba(0, 221, 221, 1); }
body.blic .line, body.kulturpunkt .line, .main-navigation .menu-item.blic-border { border-top: 1px solid #00DDDD; }
html body .tema-text { color: #3C6CEC; }
html body .tema-bg { background-color: rgba(60, 108, 236, .35); }
html body .tema-bg:hover { background-color: rgba(60, 108, 236, 1);  }
body.tema .line, .main-navigation .menu-item.tema-border { border-top: 1px solid #3C6CEC; }
html body .kritika-text { color: #9900FF; }
html body .kritika-bg { background-color: rgba(153, 0, 255, .35);}
html body .kritika-bg:hover { background-color: rgba(153, 0, 255, 1); }
body.kritika .line, .main-navigation .menu-item.kritika-border { border-top: 1px solid #9900FF; }
html body .intervju-text { color: #FF6B4A; }
html body .intervju-bg { background-color: rgba(255, 107, 74, .35); }
html body .intervju-bg:hover { background-color: rgba(255, 107, 74, 1); }
body.intervju .line, .main-navigation .menu-item.intervju-border { border-top: 1px solid #FF6B4A; }
html body .najava-text { color: #FF9900; }
html body .najava-bg { background-color: rgba(255, 153, 0, .35); }
html body .najava-bg:hover{ background-color: rgba(255, 153, 0, 1); }
body.najava .line, .najava-line, .main-navigation .menu-item.najava-border { border-top: 1px solid #FF9900; } 
html body .natjecaj-text { color: #00CC00; }
html body .natjecaj-bg { background-color: rgba(0, 204, 0, .35); }
html body .natjecaj-bg:hover { background-color: rgba(0, 204, 0, 1); }
body.natjecaj .line, .natjecaj-line, .main-navigation .menu-item.natjecaj-border { border-top: 1px solid #00CC00; } 
html body .podcast-text { color: #00FF75; }
html body .podcast-bg { background-color: rgba(0, 255, 117, .35); }
html body .podcast-bg:hover { background-color: rgba(0, 255, 117, 1); }
body.podcast .line, .main-navigation .menu-item.podcast-border { border-top: 1px solid #00FF75; }
.default-line { border-top: none; }
.default-line.top-line { margin-top: 32px; }
.default-line.publikacija-line { margin-top: 30px; }
hr.najava-line, hr.natjecaj-line, hr.top-line { margin: 1em -100%; margin: 1em calc(50% - 50vw); border-bottom: transparent; color: transparent; }
.text-lead-small { font: 400 0.833rem/1.222rem Epilogue, sans-serif; text-transform: uppercase; }
.text-lead-normal { font: 400 1.111rem/1.5rem Epilogue, sans-serif; }
.text-lead-large { font: 400 1.333rem/1.722rem Epilogue, sans-serif; }
.text-tag-normal { font: 500 0.722rem/0.722rem Epilogue, sans-serif; text-transform: uppercase; word-break: break-word; }
.text-tag-large { font: 500 0.833rem/0.833rem Epilogue, sans-serif; text-transform: uppercase; word-break: break-word; }
.text-small { font: 500 0.667rem/0.833rem Epilogue, sans-serif; }
.tag-box { padding: 9px 13px 6px; margin-right: 10px; border-radius: 12px; }
.tag-box:last-child { margin-right: 0; }
.kulturpunkt-svg-hover:hover svg { filter: invert(77%) sepia(57%) saturate(3204%) hue-rotate(128deg) brightness(95%) contrast(100%); }
.social-media.blic a:hover svg, .social-media.kulturpunkt a:hover svg, .content.detail-content .inner .deadline { filter: invert(78%) sepia(83%) saturate(1213%) hue-rotate(121deg) brightness(84%) contrast(108%); }
.social-media.tema a:hover svg { filter: invert(38%) sepia(49%) saturate(5562%) hue-rotate(216deg) brightness(99%) contrast(86%); }
.social-media.kritika a:hover svg { filter: invert(25%) sepia(99%) saturate(6019%) hue-rotate(273deg) brightness(91%) contrast(135%); }
.social-media.intervju a:hover svg { filter: invert(56%) sepia(88%) saturate(2775%) hue-rotate(331deg) brightness(106%) contrast(105%); }
.social-media.najava a:hover svg { filter: invert(53%) sepia(97%) saturate(964%) hue-rotate(1deg) brightness(103%) contrast(104%); }
.social-media.natjecaj a:hover svg { filter: invert(42%) sepia(92%) saturate(1643%) hue-rotate(88deg) brightness(107%) contrast(113%); }
.social-media.podcast a:hover svg { filter: invert(74%) sepia(36%) saturate(1405%) hue-rotate(87deg) brightness(99%) contrast(107%); } .default-header { height: 140px;}
.english-header { height: 91px; }
body.kulturpunkt .site-header:after { background-color: #303030; } 
body.blic .site-header:after { background-color: #00DDDD; }    
body.tema .site-header:after { background-color: #3C6CEC; }
body.kritika .site-header:after { background-color: #9900FF; }
body.intervju .site-header:after { background-color: #FF6B4A; }
body.najava .site-header:after { background-color: #FF9900; }
body.natjecaj .site-header:after { background-color: #00CC00; }
body.podcast .site-header:after { background-color: #00FF75; }
.site-header { position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 99; }
.site-header:after { position:absolute; top: 90px; width: 100%; height: 1px; content: ""; background-color: #303030; }
.site-header .inner { position: relative; margin: 0 auto; text-align: center; }    
.site-header .icon { position: absolute; overflow: hidden; text-decoration: none; }
.site-header .icon.search { top: 32px; right: 10px; width: 29px; height: 31px; }
.site-header .icon.menu { top: 107px; right: 10px; width: 28px; height: 14px; z-index: 10; } 
.site-header .icon.language { top: 107px; right: 55px; width: 32px; height: 16px; font-size: 1rem; line-height: 1rem; z-index: 10; }  
.site-header .icon.language:hover { color: #00DDDD; } 
.site-header .icon.language-hr { top: 23px; right: 10px; width: 32px; font-size: 0.833rem; line-height: 1rem; font-weight: 500; font-style: italic; z-index: 10; }  
.site-header .icon.language-hr:hover { color: #00DDDD; }             
.site-header .icon svg { height: 100%; width: 100%; position: absolute; top: 0; left: 0; }  
.site-header .logo { display: inline-block; height: 50px; width: 414.64px; margin-top: 20px; }
.site-header .logo img { height: 100%; }
.site-header .header-nav { position: absolute; top: 108px; width: 100%; line-height: 1rem; }  
.site-header .header-nav ul { position: relative; width: 100%; margin: 0 auto; padding: 0 10px; }
.site-header .header-nav ul li { display: block; float: left; margin: 0; padding: 0; list-style-type: none; }
.site-header .header-nav ul li a { margin: 0; padding: 0 14px; font-size: 1rem; line-height: 1rem; font-weight: 800;  text-transform: uppercase; letter-spacing: 0.07rem; }
.site-header .header-nav ul li:first-child a { padding-left: 0; }
.site-header .header-nav ul li:last-child a { padding-right: 0; }
.site-header .header-nav ul li.blic.current-menu-item a, .site-header .header-nav ul li.blic a:hover { color: #00DDDD; }
.site-header .header-nav ul li.tema.current-menu-item a, .site-header .header-nav ul li.tema a:hover { color: #3C6CEC; }
.site-header .header-nav ul li.kritika.current-menu-item a, .site-header .header-nav ul li.kritika a:hover { color: #9900FF; }
.site-header .header-nav ul li.intervju.current-menu-item a, .site-header .header-nav ul li.intervju a:hover { color: #FF6B4A; }
.site-header .header-nav ul li.najava.current-menu-item a, .site-header .header-nav ul li.najava a:hover { color: #FF9900; }
.site-header .header-nav ul li.natjecaj.current-menu-item a, .site-header .header-nav ul li.natjecaj a:hover { color: #00CC00; }
.site-header .header-nav ul li.podcast.current-menu-item a, .site-header .header-nav ul li.podcast a:hover { color: #00FF75; }
.menu-close-overlay { position: fixed; display: none; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 100; }
#menu-main { -webkit-animation-duration: 0.25s; animation-duration: 0.25s; box-shadow: -4px 4px 4px rgba(0, 0, 0, 0.25); }
.main-navigation { width: 380px; position:fixed; top: 0; right: 0; height: 100%; background-color: #fff; z-index: 110; }
.main-navigation .inner {  width: 100%; height: 100%; overflow: auto; }
.main-navigation .header { display: flex; flex-direction: row; justify-content: space-between; height: 90px; background-color: #fff; position: relative; }  
.main-navigation .header .icon.close { display: none; height: 14px; width: 30px; position: absolute; right: 25px; top: 38px; background-color: transparent; } 
.main-navigation .header .icon.close svg { height: 100%; width: 100%; position: absolute; top: 0; left: 0; }
.main-navigation .header .logo { display: none; width: 276.43px; height: 40px; margin: 27px auto 0; }
.main-navigation .header .logo img { height: 100%; }
.main-navigation .header .logo-wide { width: 40px; height: 42.11px; display: block; margin: 27px auto 0; }
.main-navigation .header .logo-wide svg { width: 40px; height: 43px; }
.main-navigation .menu-main-menu-container {}
.main-navigation .menu { margin: 0 0 35px; padding: 0; }
.main-navigation .menu-item, .main-navigation .menu-item-other { margin: 0; padding: 0; }
.main-navigation .menu-item a, .main-navigation .menu-item-other a { display: block; font-size: 1rem; font-weight: 800; line-height: 1.222rem; text-transform: uppercase; text-decoration: none; padding: 19px 10px 10px; letter-spacing: 0.07em; }
.main-navigation .menu-item.blic:hover a { color: #00DDDD; }
.main-navigation .menu-item.tema:hover a { color: #3C6CEC; }
.main-navigation .menu-item.kritika:hover a { color: #9900FF; }
.main-navigation .menu-item.intervju:hover a { color: #FF6B4A; }
.main-navigation .menu-item.najava:hover a { color: #FF9900; }
.main-navigation .menu-item.natjecaj:hover a { color: #FF9900; }
.main-navigation .menu-item.podcast:hover a { color: #00FF75; }
.main-navigation .menu-item-other { border-top: 1px solid #E0E0E0; }
.main-navigation .menu-item-other:last-child { border-bottom: 1px solid #E0E0E0; }
.main-navigation .menu-item-other a { font-weight: 400; font-style: italic; }
.main-navigation .menu-item a svg { width: 18px; height: 20px; position: relative; top: 2px; left: 20px; }
.main-navigation .search-box { padding: 7px 30px; }
.main-navigation .search-box form { width: 100%; display: flex; justify-content: space-between;}
.main-navigation .search-box button { background: transparent; border: none; padding: 0; margin: 0; }
.main-navigation .search-box .search-icon { top: 32px; right: 10px; width: 29px; height: 31px; }              
.main-navigation .search-box .search-icon  svg { height: 100%; width: 100%; position: absolute; top: 0; left: 0; }  
.main-navigation .search-box input[type] { width: 85%; border: none; }
.main-navigation .social-media { margin: 0 0 25px 30px;   }
.main-navigation .social-media a { margin-right: 23px;   } 
.main-navigation .social-media a:last-child { margin-right: 0px; }
.main-navigation .social-media a svg { width: 24px; height: 24px; } 
.main-navigation .impressum { margin: 0 10px 45px; }
.main-navigation .impressum p { margin-bottom: 1.25rem; text-transform: none; }
.main-navigation .impressum p a { font-weight: 400; text-transform: lowercase; }
.main-navigation .impressum p a:hover { color: #00DDDD; }
.main-navigation .close-bottom { margin: 0 30px 45px; text-align: center; }
.main-navigation .close-bottom svg { height: 14px; width: 30px; }
#search-form-content { display: block; max-width: 1170px; margin: 0 auto; }
#search-form-content input { box-sizing: border-box; width: 565px; height: 60px;  border: 1px solid #00DDDD; border-radius: 45px; padding: 0 24px; line-height: 60px; color: #303030; }
#search-form-content button { box-sizing: border-box; width: 60px; height: 60px;  border: 1px solid #00DDDD; border-radius: 45px; position: relative; top: 10px; left: 10px; background-color: transparent; cursor: pointer; }
#search-form-content button svg { width: 32px; height: 32px; color: #00DDDD; filter: invert(77%) sepia(57%) saturate(3204%) hue-rotate(128deg) brightness(95%) contrast(100%); position: relative; top: 2px; }
.content { max-width: 1190px; margin: 30px auto 50px; padding: 0px; }
.content.special-content { max-width: 1170px; margin: 15px auto 50px; padding: 0px; }
.special-content .header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 35px; line-height: 1rem; padding: 0 10px; }
.special-content .header .title { font-weight: 800; letter-spacing: 0.07rem; text-transform: uppercase; }
.special-content .header .all, .special-content .mobile .all { font-weight: 500; }
.special-content .header .all a, .special-content .mobile .all a { font-style: italic; letter-spacing: 0.1rem; }
.special-content .header .all a:hover { color: #00DDDD; }
.special-content .header .najava a:hover { color: #FF9900; } 
.special-content .header .natjecaj a:hover { color: #00CC00; } 
.content.content-en { position: relative; max-width: 1190px; margin: 15px auto 50px; padding: 0 10px; }
.content.content-en .search { position: absolute; top: 0px; right: 40px; width: 19px; height: 21px; }
.content.content-en .search svg { width: 19px; height: 21px; }
.content.content-en .supertitle { margin: 0 0 30px; padding: 0 10px;  }   
.content.content-en .supertitle h4 { margin: 0; letter-spacing: 0.07em; padding-right: 50px; }
.content.content-en .intro { margin-bottom: 30px; padding: 0 10px; font-size: 1.889rem; line-height: 2.5rem; }
.content.publikacija-content { max-width: 1190px; margin: 15px auto 50px; padding: 0 10px; }
.content.publikacija-content .header { margin-bottom: 22px; padding: 0 10px; }
.content.tag-author, .content.tag-search { max-width: 1190px; margin: 20px auto 50px; padding: 0 10px; }
.content.tag-author .header, .content.tag-search .header { justify-content: flex-start; align-content: center; margin-bottom: 34px; padding: 0 10px; }
.content.tag-author .header .search-result, .content.tag-search .header .search-result { font-size: 0.833rem; line-height: 1.222rem; margin-right: 10px; text-transform: uppercase; }
.content.tag-author .header .tag, .content.tag-search .header .tag { margin-bottom: 5px; padding: 8px 13px 6px; border-radius: 12px; font-size: 0.722rem; line-height: 0.722rem; font-weight: 500; letter-spacing: 0.12rem; }  
.content.searcḥ-content { max-width: 1150px; margin: 30px auto 0; padding: 0 20px; }
.content.searcḥ-content .search-box { display: flex; justify-content: flex-start;  }
.content.searcḥ-content .search-box input[type] { max-width: 565px; width: 70%; height: 60px; border: 1px solid #00DDDD; border-radius: 45px; margin-right: 17px; padding: 0 25px; color: #303030; }  
.content.searcḥ-content .search-box .search-button { position: relative; width: 60px; height: 60px; border: 1px solid #00DDDD; border-radius: 45px; text-align: center; } 
.content.searcḥ-content .search-box .search-button svg { width: 29px; height: 31px; position:absolute; top:0; left: 0; right:0; bottom: 0; margin:auto;  filter: invert(62%) sepia(69%) saturate(1829%) hue-rotate(133deg) brightness(101%) contrast(103%);}  
.more-content { width: 100%; margin: 30px auto 0; padding: 12px 0px 150px; text-align: center; }
.more-content .more { font-weight: 500; font-style: italic; cursor: pointer; letter-spacing: 0.07em; cursor: pointer; }
.more-content .more.blic:hover, .more-content .more.kulturpunkt:hover { color: #00DDDD; }
.more-content .more.tema:hover { color: #3C6CEC; }
.more-content .more.kritika:hover { color: #9900FF; }
.more-content .more.intervju:hover { color: #FF6B4A; }
.more-content .more.najava:hover { color: #FF9900; }
.more-content .more.natjecaj:hover { color: #FF9900; }
.more-content .more.podcast:hover { color: #00FF75; }
.box-border { width: 100%; padding: 9px; box-sizing: border-box; border: 1px solid #E0E0E0; overflow: hidden; min-height: 100%; }
.box-border img { float: left; }
.grid .double-row { flex-direction: column; align-content: space-between; } 
.grid .double-row article { height: calc(50% - 10px) } 
.grid .double-row article:first-child { margin-bottom: 20px; } 
.grid .double-row .banner { height: calc(50% - 5px) } 
.grid .double-row .banner:first-child { margin-bottom: 10px; }  
.grid .banner { display: block; float: left; width: 100%; background-image: url(https://kulturpunkt.hr/wp-content/themes/kulturpunkt2022/assets/images/kulturpunkt-logo.svg); background-size: cover; background-position: center; } 
.grid .banner img { float: left; width: 100%; height: 100%; object-fit: cover; overflow: hidden; }
article .tag { display: inline-block; margin: 0px 2px 13px; letter-spacing: 0.12em; }
article h3 { margin: 0px 2px 16px; }
article h3 a { font-size: 1.265rem; line-height: 1.6rem; }
article h4 { margin: 0px 2px 15px; }
article h4 a { font-size: 1rem; line-height: 1.333rem; font-weight: 800; }
article p { margin: 0px 2px 4px; font-size: 0.833rem; line-height: 1.222rem;  }
article p a { font-size: 0.833rem; line-height: 1.222rem; font-weight: 400; font-style: normal;  }
article .author { display: block; margin: 0.6rem 0 0; }
.grid .panel { flex-direction: column; overflow: hidden; }
article.blic:hover, article.kulturpunkt:hover { border: solid 1px #00DDDD; } 
article.blic:hover .tag, article.kulturpunkt:hover .tag { color: #00DDDD; } 
article.blic:hover .thumbnail:before, article.kulturpunkt:hover .thumbnail:before { background-color: #00DDDD; } 
article.tema:hover { border: solid 1px #3C6CEC; } 
article.tema:hover .tag { color: #3C6CEC; } 
article.tema:hover .thumbnail:before { background-color: #3C6CEC; } 
article.kritika:hover { border: solid 1px #9900FF; } 
article.kritika:hover .tag { color: #9900FF; } 
article.kritika:hover .thumbnail:before { background-color: #9900FF; } 
article.intervju:hover { border: solid 1px #FF6B4A; } 
article.intervju:hover .tag { color: #FF6B4A; } 
article.intervju:hover .thumbnail:before { background-color: #FF6B4A; } 
article.najava:hover { border: solid 1px #FF9900; } 
article.najava:hover .tag { color: #FF9900; } 
article.najava:hover .thumbnail:before { background-color: #FF9900; } 
article.natjecaj:hover { border: solid 1px #00CC00; } 
article.natjecaj:hover .tag { color: #00CC00; } 
article.natjecaj:hover .thumbnail:before { background-color: #00CC00; } 
article.natjecaj:hover .deadline a { color: #00CC00; } 
article.podcast:hover { border: solid 1px #00FF75; } 
article.podcast:hover .tag { color: #00FF75; } 
article.podcast:hover .thumbnail:before { background-color: #00FF75; } 
article .thumbnail { position: relative; display: block; margin: -10px -10px 10px -10px; background-image: url(https://kulturpunkt.hr/wp-content/themes/kulturpunkt2022/assets/images/kulturpunkt-logo.svg); background-size: 80%; background-position: center; background-repeat: no-repeat; }
article:hover .thumbnail:before { position:absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; content: ""; mix-blend-mode: multiply; } 
article .thumbnail img { width: 100%; height: 100%; object-fit: cover; overflow: hidden; } 
article.big-box .thumbnail { height: 499px; }
article.big-box:hover .thumbnail:before { height: 499px; } 
article.medium-box .thumbnail { overflow: hidden; }
article.medium-box:hover .thumbnail:before { height: 499px; }
article.medium-box .article-arrow { top: 234px; }  
article.small-box .thumbnail { overflow: hidden; }
article.small-box:hover .thumbnail:before { height: 499px; }  
article.small-box .article-arrow { top: 168px; }
.col-1-3 article .thumbnail { max-height: 220px; } 
.col-1-4 article .thumbnail { max-height: 180px; } 
article.main-article { position: relative; overflow: hidden; }
article.main-article .tag { margin: 0px 7px 13px; } 
article.main-article h3 { margin: 0px 7px 10px; } 
article.main-article .article-excerpt { margin: 0px 7px 10px; display: block; }
article.main-article .article-excerpt a { font-weight: 400; font-size: 1.265rem; line-height: 1.6rem;}
article.main-article .author { margin: 0 7px 10px; }
article.in-list { position: relative; overflow: hidden; }
article.in-list .article-arrow { position: absolute; right: 29px; width: 27px; height: 30px; background: url(https://kulturpunkt.hr/wp-content/themes/kulturpunkt2022/assets/images/article-arrow.svg) repeat-x 0 0; }
article.in-list .article-arrow svg { width: 27px; height: 30px; }     
.grid .panel {  }
.grid .panel figure { margin: 0; padding: 0; width: 100%; }
.grid .panel figure a { width: 100%; }
.grid .panel figure img { width: 100%; }
.widget-promo-space-in-article-list { padding: 0 5px; }
.widget-promo-space-in-article-list .promo-space { margin: 0; padding: 0; }
.widget-promo-space-in-article-list .promo-space figure { margin: 0; padding: 0; }
.widget-promo-space-in-article-list .promo-space figure a { width: 100%; }
.widget-promo-space-in-article-list .promo-space figure img { width: 100%; }
article.announcement-list { position: relative; overflow: hidden; padding-bottom: 100px; }
article.announcement-list .tag { margin-left: 2px; }    
article.announcement-list h4 { margin: 0px 2px 15px; }
article.announcement-list h4 a { font-size: 1.111rem; line-height: 1.444rem; font-weight: 800; }
article.announcement-list p { margin: 0px 2px 4px; } 
article.announcement-list p .location { font-size: 1.111rem; line-height: 1.5rem; }
article.announcement-list p .location span { display: block; }        
article.announcement-list .date { position: absolute; bottom: 6px; left: 11px; }
article.announcement-list .date .time { width: 23px; height: 23px; margin-bottom: 13px; background-image: url(https://kulturpunkt.hr/wp-content/themes/kulturpunkt2022/assets/images/clock.svg); }
article.competition-list { position: relative; overflow: hidden; padding-bottom: 3rem; }
article.competition-list.deadline-sticker:before { position: absolute; top: 66px; right: 21px; width: 80px; height: 85px; content: ""; }
article.competition-list.deadline-sticker:hover:before { display: none; }
article.competition-list.deadline-sticker-0:before { background-image: url(https://kulturpunkt.hr/wp-content/themes/kulturpunkt2022/assets/images/deadline-sticker-0.svg); }
article.competition-list.deadline-sticker-1:before { background-image: url(https://kulturpunkt.hr/wp-content/themes/kulturpunkt2022/assets/images/deadline-sticker-1.svg); }
article.competition-list.deadline-sticker-2:before { background-image: url(https://kulturpunkt.hr/wp-content/themes/kulturpunkt2022/assets/images/deadline-sticker-2.svg); }
article.competition-list.deadline-sticker-3:before { background-image: url(https://kulturpunkt.hr/wp-content/themes/kulturpunkt2022/assets/images/deadline-sticker-3.svg); }
article.competition-list p { margin: 0px 2px 12px; }
article.competition-list .deadline { position: absolute; bottom: 6px; left: 11px; } 
div.slider { min-height: 500px; position: relative; overflow: hidden; margin-bottom: 20px; }
div.slider .type { display: inline-block; margin-bottom: 10px; }
div.slider .thumbnail { position: relative; display: block; width: 100%; height: 240px; margin-bottom: 18px; background-image: url(https://kulturpunkt.hr/wp-content/themes/kulturpunkt2022/assets/images/kulturpunkt-logo.svg); background-size: cover; background-position: center; }
div.slider .thumbnail:before { position:absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 240px; content: ""; mix-blend-mode: multiply; } 
div.slider:hover { border: solid 1px #00FF75; } 
div.slider:hover .thumbnail:before { background-color: #00FF75; } 
div.slider .thumbnail img { width: 100%; height: 100%; object-fit: cover; overflow: hidden; }
div.slider h3 { margin: 0px 2px 2px; }
div.slider h3 a { font-size: 1.333rem; line-height: 1.667rem; }
div.slider .text-small { margin-left: 2px; }
div.slider-nav { position: absolute; left: 0; bottom: 8px; right: 0; width: 100%; height: 21px; box-sizing: border-box; padding: 0 9px; display: flex; justify-content: space-between; align-items: center; }
div.slider-nav .arrow svg { width: 30px; height: 21px; cursor: pointer; } 
div.slider.audio-sticker:before { position: absolute; top: 5px; left: 35%; width: 99px; height: 99px; content: ""; background-image: url(https://kulturpunkt.hr/wp-content/themes/kulturpunkt2022/assets/images/podcast-audio.png); background-size: contain; z-index: 1; }
div.slider.top { z-index: 20; }
.slider-wrap .slider:first-child { z-index: 15; }
.separated { height: 500px; margin-bottom: 20px; overflow-y: auto;}
.separated .title { position: relative; display: block; margin: 8px 0 12px; padding: 0px 0; overflow: hidden; letter-spacing: 0.1rem; } 
.separated .title span { position: relative; }
.separated .title span:after { background: url(https://kulturpunkt.hr/wp-content/themes/kulturpunkt2022/assets/images/separated.svg) repeat-x 0 0; content: ""; position: absolute; top: 2px; left: 112%; width: 1400%; height: 10px; z-index: 0; } 
.separated ul.list { margin: 0px; padding: 0px; } 
.separated ul.list li { margin: 0px; padding: 5px 0px; list-style-type: none; border-top: 1px solid #E0E0E0; }
.separated ul.list li .tag { letter-spacing: 0.12em; }
.separated ul.list li h4 { margin: 0px; } 
.separated.blic:hover { border: solid 1px #00DDDD; } 
.separated ul li.blic-item:hover { border-top: 1px solid #00DDDD; } 
.separated ul li.blic-item:hover .tag { color: #00DDDD; } 
.separated.kritika:hover { border: solid 1px #9900FF; } 
.separated ul li.kritika-item:hover { border-top: 1px solid #9900FF; } 
.separated ul li.kritika-item:hover .tag { color: #9900FF; } 
.separated.intervju:hover { border: solid 1px #FF6B4A; } 
.separated ul li.intervju-item:hover { border-top: 1px solid #FF6B4A; } 
.separated ul li.intervju-item:hover .tag { color: #FF6B4A; } 
.separated.tema:hover { border: solid 1px #3C6CEC; } 
.separated ul li.tema-item:hover { border-top: 1px solid #3C6CEC; } 
.separated ul li.tema-item:hover .tag { color: #3C6CEC; } 
.tags { display: flex; flex-direction: row; flex-wrap: wrap; align-content: flex-start; }
.tags.top { margin-top: 15px; padding: 15px 10px 10px; }
.tags.bottom { padding: 23px 10px 24px; }
.tags a { margin: 0 10px 10px 0; padding: 10px 13px 6px; border-radius: 12px; font: 500 0.7rem/0.7rem Epilogue, sans-serif; letter-spacing: 0.12rem; text-transform: uppercase; float: left; }
.tags a:last-child { margin-right: 0; }
body.blic .tags a, body.kulturpunkt .tags a { background: rgba(0, 221, 221, 0.35); border: solid 2px transparent; } 
body.blic .tags a:hover, body.kulturpunkt .tags a:hover, body.blic .tags a.current-menu-item, body.kulturpunkt .tags a.current-menu-item { background: rgba(0, 221, 221, 1); }
body.tema .tags a { background: rgba(60, 108, 236, .35); }
body.tema .tags a:hover, body.tema .tags a.current-menu-item { background: rgba(60, 108, 236, 1); }
body.kritika .tags a { background: rgba(153, 0, 255, 0.35); }
body.kritika .tags a:hover, body.kritika .tags a.current-menu-item { background: rgba(153, 0, 255, 1); }
body.intervju .tags a { background: rgba(255, 107, 74, 0.35); }
body.intervju .tags a:hover, body.blic .intervju a.current-menu-item { background: rgba(255, 107, 74, 1); }    
body.najava .tags a { background: rgba(255, 153, 0, 0.35); }
body.najava .tags a:hover, body.najava .tags a.current-menu-item { background: rgba(255, 153, 0, 1); }
body.najava .tags a.archive { padding: 10px 13px 6px; background: none; border: solid 2px rgba(255, 153, 0, 0.35); } 
body.najava .tags a.archive:hover { background: rgba(255, 153, 0, 1); }
body.natjecaj .tags a { background: rgba(0, 204, 0, 0.35); }
body.natjecaj .tags a:hover, body.natjecaj .tags a.current-menu-item { background: rgba(0, 204, 0, 1); } 
body.natjecaj .tags a.archive { padding: 10px 13px 6px; background: none; border: solid 2px rgba(0, 204, 0, 0.35); } 
body.natjecaj .tags a.archive:hover { background: rgba(0, 204, 0, 1); }
body.podcast .tags a { background: rgba(0, 255, 117, 0.35); } 
body.podcast .tags a:hover, body.podcast .tags a.current-menu-item { background: rgba(0, 255, 117, 1); }
.social-detail { position: fixed; left: 35px; top: 45vh; display: flex; flex-direction: column; z-index: 10;  }
.social-detail.social-media a { display: inline-flex; margin-bottom: 20px; } 
.social-detail.social-media a svg { width: 25px; height: 25px; }  
.content.detail-content { position: relative; max-width: 956px; margin: 20px auto 50px; padding: 0 10px; }
.content.detail-content .inner { flex-direction: column; align-items: flex-start; margin-bottom: 25px; }
.content.detail-content .inner h4 { margin: -5px 0 10px; }
.content.detail-content .inner h1 { margin: 16px 0 20px; }
.content.detail-content .inner h2 { margin: 0 0 24px; }
.content.detail-content .inner .tags { margin-bottom: 20px; }    
.content.detail-content .inner .place { position: relative; margin-bottom: 20px; padding-left: 35px;   }
.content.detail-content .inner .place:before { position: absolute; top: 0; left: -4px;  width: 27px; height: 31px; content: ""; background-image: url(https://kulturpunkt.hr/wp-content/themes/kulturpunkt2022/assets/images/pin.svg); }
.content.detail-content .inner .date { position: relative; margin-bottom: 32px; padding-left: 35px;}
.content.detail-content .inner .date:before { position: absolute; top: 0; left: 0; width: 23px; height: 23px; content: ""; background-image: url(https://kulturpunkt.hr/wp-content/themes/kulturpunkt2022/assets/images/clock.svg); }
.content.detail-content .inner .audio { padding: 45px 0 55px; }
.content.detail-content .inner .deadline { position: relative; margin-bottom: 32px; padding-left: 35px; }
.content.detail-content .inner .deadline:before {  position: absolute; top: 0; left: 0; width: 23px; height: 23px; content: ""; background-image: url(https://kulturpunkt.hr/wp-content/themes/kulturpunkt2022/assets/images/clock.svg);  }
.content.detail-content .inner hr.line { margin: 60px 0 65px;  }
.content.detail-content .inner .tags .label { margin: 6px 10px 0 0; }
.content.detail-content .inner .article-writer { display: block; margin-bottom: 20px; } 
.content.detail-content .inner .article-writer .label  { display: inline; margin-right: 10px; line-height: 1.25rem; }
.content.detail-content .inner .article-writer span { display: inline; font: 500 0.7rem / 0.7rem Epilogue, sans-serif; padding: 10px 13px 6px; border: 1px solid #000; border-radius: 12px; letter-spacing: 0.12rem; text-transform: uppercase; }
.blic .content.detail-content .inner .article-writer span { border-color: #00DDDD; }
.tema .content.detail-content .inner .article-writer span { border-color: #3C6CEC; }
.kritika .content.detail-content .inner .article-writer span { border-color: #9900FF; }
.intervju .content.detail-content .inner .article-writer span { border-color: #FF6B4A; }
.najava .content.detail-content .inner .article-writer span { border-color: #FF9900; }
.natjecaj .content.detail-content .inner .article-writer span { border-color: #00CC00; }
.podcast .content.detail-content .inner .article-writer span { border-color: #00FF75; }
.content.detail-content .inner .image { position: relative; margin: 0 0 10px; padding: 10px 0 27px; text-align: center; }
.content.detail-content .inner .image img  { max-width: 100%; height: auto; }
.content.detail-content .inner .image.publikacija { margin-top: 70px; }
.content.detail-content .inner .image span.text-small { position: absolute; bottom: 0; right: 0px; }
.content.detail-content .inner .text  { padding: 0 98px; }
.content.detail-content .inner .text img { max-width: 100%; height: auto; }
.content.detail-content .inner .text .wp-block-image figcaption { font: 500 0.667rem/0.833rem Epilogue, sans-serif; }
.content.detail-content .inner .text p { margin-bottom: 28px; line-height: 1.58rem; }
.content.detail-content .inner .text p:last-of-type { margin-bottom: 50px; }  
.content.detail-content .inner .text p a { text-decoration: underline; }    
.content.detail-content .inner .text p a:hover { text-decoration: none; }
.content.detail-content .inner .text p .paraf { margin-right: 20px; font-weight: 500; font-size: 0.722rem; }    
.content.detail-content .inner .text hr { margin: 35px 0 45px; }
.content.detail-content .inner .text .published { margin-bottom: 52px; } 
.content.detail-content .inner .text .tags { margin-bottom: 60px; } 
.blic .content.detail-content .inner .text p a { text-decoration-color: #00DDDD; }
.tema .content.detail-content .inner .text p a { text-decoration-color: #3C6CEC; }
.kritika .content.detail-content .inner .text p a { text-decoration-color: #9900FF; }
.intervju .content.detail-content .inner .text p a { text-decoration-color: #FF6B4A; }
.najava .content.detail-content .inner .text p a { text-decoration-color: #FF9900; }
.natjecaj .content.detail-content .inner .text p a { text-decoration-color: #00CC00; }
.podcast .content.detail-content .inner .text p a { text-decoration-color: #00FF75; }
.natjecaj .content.detail-content .inner .deadline { color: #00CC00;  }
footer .inner p a:hover { color: #00DDDD; }
footer .footer-top { border-top: 1px solid #000; } 
footer .footer-top .inner { position: relative; max-width: 1190px; height: 100%;  margin: 0px auto; padding: 20px 0px 10px; }
footer .footer-top .inner p { margin: 0 0 1.25rem; font-size: 0.833rem; line-height: 1.222rem; }
footer .footer-top .inner p:last-child { margin-bottom: 0px;} 
footer .footer-top .inner p a { font-weight: 400; }
footer .footer-top .info { padding-right: 30px; }
footer .footer-top .info .tag-box { display: inline-block; margin-bottom: 45px; letter-spacing: 0.12em; }
footer .footer-top .sponsor { padding-top: 8px; }
footer .footer-top .sponsor .title { margin-bottom: 30px; }
footer .footer-top .sponsor .grid { min-width: auto; margin: 0 -10px; }
footer .footer-top .sponsor .grid a { float: left; height: 100px; text-align: center; } 
footer .footer-top .sponsor .grid a { display: flex; justify-content: center; align-items: center; padding: 15px; } 
footer .footer-top .sponsor .grid a img { max-width: 100%; max-height: 100%; filter: grayscale(1); } 
footer .footer-top .sponsor .grid a:hover img { filter: grayscale(0); }  
footer .footer-top .partner { padding-top: 8px; padding-left: 97px; }
footer .footer-top .partner .media { margin-bottom: 25px; }
footer .footer-top .info-short { margin-top: 4px; }
footer .footer-bottom { margin-bottom: 16px; border-top: 1px solid #E0E0E0; } 
footer .footer-bottom .inner { position: relative; max-width: 1190px; height: 100%;  margin: 0px auto; padding: 20px 0px; }
footer .footer-bottom .social-media a { margin-right: 23px;   }
footer .footer-bottom .social-media a:last-child { margin-right: 0px; }
footer .footer-bottom .social-media a svg { width: 20px; height: 20px; }  
.newsletter { display: none; min-height: 59px; position: fixed; bottom: 0; left: 0; box-sizing: border-box; width: 100%; padding: 0 50px; background: #fff; z-index: 2; text-align: center; border-top: 1px solid #303030; }
.newsletter .inner { max-width: 1150px; width: 100%; box-sizing: border-box; height: 100%; margin: 20px auto 0; padding: 0; overflow: hidden; }
.newsletter .inner .register { display: block; width: 100%; margin-left: -25px; padding: 0 0rem 0 1.2rem; font-weight: 500; line-height: 1.25rem; font-style: italic;  }
.newsletter .inner .register a { position: relative; padding-left: .2rem; }
.newsletter .inner .register a:before { background: url(https://kulturpunkt.hr/wp-content/themes/kulturpunkt2022/assets/images/at.svg) repeat-x 0 0; content: ""; position: absolute; top: 2px; right: 102%; width: 1000%; height: 12px; z-index: 0; } 
.newsletter .inner .register a:after { background: url(https://kulturpunkt.hr/wp-content/themes/kulturpunkt2022/assets/images/at.svg) repeat-x 0 0; content: ""; position: absolute; top: 2px; left: 105%; width: 1000%; height: 12px; z-index: 0; } 
.newsletter .inner .registration { display: flex; justify-content: flex-start; width: 100%; padding: 64px 0; } 
.newsletter .inner .registration  input[type] { max-width: 613px; width: 70%; box-sizing: border-box; height: 60px; border: 1px solid #E0E0E0; border-radius: 45px; margin-right: 17px; padding: 0 25px; color: #303030; } 
.newsletter .inner .registration .check-in { display: flex; align-items: center; min-width: 150px; height: 58px; border: 1px solid #00DDDD; border-radius: 45px; justify-content: center; font-weight: 800; } 
.newsletter .inner .close { position: absolute; top: 16px; right: 20px; width: 12px; height: 11px; z-index: 3; cursor: pointer; }
.newsletter .inner .close svg { width: 12px; height: 11px; }
@media screen and (max-width:1140px) {
.site-header .icon.language-hr { right: 20px; }
.social-detail { display: none; }
.content.content-en .search { right: 20px; }
footer .footer-top .partner { padding-left: 40px; }
} 
@media screen and (max-width:900px) { 
body { padding-top: 90px; } 
body.default { padding-top: 90px; } 
.default-header { height: 90px;}
.site-header .inner { display: flex; flex-direction: row; justify-content: space-between; } 
.site-header .logo { display: block; height: 40px; width: 276.43px; margin: 27px auto 0 auto; }
.site-header .icon.search, .site-header .icon.language, .site-header .header-nav { display: none; } 
.site-header .icon.menu { top: 39px; right: 10px; }
.content.detail-content { padding: 0 10px; }  
.col-1-3 article .thumbnail { max-height: none; } 
.col-1-4 article .thumbnail { max-height: none; }
}
@media screen and (max-width:759px) { 
html, body { font: normal normal 400 16px/21px Epilogue, sans-serif; }
.desktop { display: none; }
.mobile { display: block; }
.site-header .inner { justify-content: flex-start; }
.site-header .logo { width: auto; margin: 27px 0 0 8px; }
.main-navigation { width: 100vw; height: 100vh;  left: 0; } 
.main-navigation .header { justify-content: flex-start;} 
.main-navigation .header .logo-wide { display: none; } 
.main-navigation .header .logo { display: block;  margin: 27px 0 0 8px; }  
.main-navigation .header .icon.close { display: block; } 
.main-navigation .header .logo { } 
.content { margin: 15px auto 38px; padding: 0; }
.content.content-en { padding: 0; }
.content.content-en .supertitle { padding: 0 20px; }
.content.content-en .intro { padding: 0 20px; font-size: 1.25rem; line-height: 1.8rem; }
body h1 { font-size: 1.6rem; line-height: 2.2rem; }
.text-lead-large {  font-size: 1.1rem; line-height: 1.5rem; }
.text-small { font-size: 0.75rem;}
article .thumbnail { margin-bottom: 12px; }
article .tag { margin: 0px 0px 13px; font-size: 0.813rem; }  
article h4 { margin: 0px 0px 14px; }
article h4 a { font-size: 1.125rem; line-height: 1.4rem; }
article .article-excerpt a { font-size: 0.938rem; line-height: 1.3rem; }
article p { font-size: 0.938rem; line-height: 1.3rem; margin-bottom: 6px;   }
article p a { font-size: 0.938rem; line-height: 1.222rem;  }
article .author { font-size: 0.75rem; display: block; } 
article.main-article .tag { margin: 0px 0px 13px; font-size: 0.813rem; } 
article.main-article h3 { margin: 0px 0px 14px; }
article.main-article h3 a { font-size: 1.125rem; } 
article.main-article .article-excerpt { margin: 0px 0px 10px; }
article.main-article .article-excerpt a { font-size: 0.938rem; line-height: 1.3rem; }
article.main-article .author { margin: 0px 0px 10px; font-size: 0.75rem; }
article.announcement-list { padding-bottom: 80px; }
article.announcement-list .tag,  article.competition-list .tag { font-size: 0.75rem; }    
article.announcement-list h4, article.competition-list h4 { margin-bottom: 12px; }
article.announcement-list h4 a, article.competition-list h4 a  { line-height: 1.4rem; }
article.announcement-list p {  } 
article.announcement-list p .location { font-size: 1rem; line-height: 1.5rem; }
article.competition-list p a { font-size: 0.813rem; line-height: 1.15rem; }
article.announcement-list .date .text-lead-normal, article.competition-list .deadline .text-lead-normal { font-size: 0.938rem; }
article.competition-list .article-excerpt { font-size: 0.938rem; line-height: 1.3rem; }
article.big-box .thumbnail { height: 240px; } 
article.big-box:hover .thumbnail:before { height: 240px; } 
.separated { height: auto; }
.content.tag-author, .content.tag-search { padding: 0; }
.content.tag-author .header, .content.tag-search .header { padding: 0 10px; }
.content.special-content, .content.publikacija-content { padding: 0; }
.content.special-content .grid .col-1-4, .content.tag-author .grid .col-1-4, .content.tag-search .grid .col-1-4 { float: left; width: 50%; margin: 0 0 20px; }
.content.connected .grid .col-1-4 .box-border, .announcement .grid .col-1-4 .box-border, .announcement .grid .col-1-4 .banner, .content.tag-author .grid .col-1-4 .box-border, .content.tag-author .grid .col-1-4 .banner { height: 470px; }    
.content.natjecaj .grid .col-1-4 .box-border, .content.tag-search .grid .col-1-4 .box-border { height: 250px; }
.content.natjecaj-list .grid .col-1-4:last-child { margin-bottom: 0px; }
.more-content { padding-bottom: 75px; }
.special-content .header { margin: 19px 0 29px; padding: 0 20px; }
.special-content .header .title { font-size: 1rem; letter-spacing: 0.12rem; }
.special-content .header .all { display: none; }  
.special-content .mobile .all { padding: 0 20px;  margin: 18px 0 50px; font-size: 0.938rem; font-weight: 500; font-style: italic; letter-spacing: 0.12rem; }
.tags.top { padding: 0px 10px 15px;}
.tags.bottom { padding: 0px 10px 5px; } 
.content.publikacija-content .header { padding: 0 20px; }
.content.detail-content { margin: 10px auto 25px}
.content.detail-content .inner .image.publikacija { margin-top: 30px; }
.content.detail-content .inner .text { padding: 10px 0px; } 
.content.detail-content .inner .text p { margin-bottom: 15px;}
.content.detail-content .inner .text p:last-of-type { margin-bottom: 25px; }
.content.detail-content .inner .text .published { margin-bottom: 25px; }
.content.detail-content .inner .text .tags { margin-bottom: 15px; }  
.content.detail-content .inner .text hr, .content.detail-content .inner hr.line { margin: 20px 0;  }        
.content.detail-content .inner .audio { padding: 10px 0 20px; }
.content.detail-content .inner .image, .content.detail-content .inner .text .size-full { margin: 0px -20px; }
.content.detail-content .inner .image span.text-small { right: 20px; }
.content.detail-content .inner .text .wp-block-image figcaption { padding: 10px 0 0 20px; }
footer .footer-top .inner { padding: 10px 0; }
footer .footer-top hr { margin: 25px 0 13px; border-top: 1px solid #E0E0E0;  }
footer .footer-top .info { padding-right: 10px; margin-top: 0px; } 
footer .footer-top .info .tag-box { display: none; }
footer .footer-top .secondary-menu  { margin: 6px 0 0; padding: 0; }
footer .footer-top .secondary-menu li { margin: 0 0 9px; padding: 0; list-style-type: none; }
footer .footer-top .secondary-menu li a { font-size: 0.938rem; letter-spacing: 0.12rem; text-transform: uppercase; }
footer .footer-top .inner p { margin: 0 0 .8rem; font-size: 0.938rem; line-height: 1.37rem; }
footer .footer-top .partner { padding-top: 0px; padding-left: 0px; }
footer .footer-top .partner .media { font-size: .75rem; }
footer .footer-top .partner .media-partner { display: flex; justify-content: flex-start; }
footer .footer-top .partner .media-partner .half { flex: 50%; } 
footer .footer-top .partner .media-partner .half p { line-height: 1.37rem; } 
footer .footer-top .sponsor .title { margin-bottom: 22px; font-size: .75rem;  }
footer .footer-top .sponsor { padding-top: 0px; padding-right: 0px; } 
footer .footer-top .sponsor .sponsor-links { padding: 0 0 0 10px; } 
footer .footer-top .sponsor .grid.mobile div { width: 50%; float: left; margin: 10px 0; padding-right: 20px; } 
footer .footer-top .sponsor .grid.mobile div:nth-child(2n+2) { padding-right: 0px; } 
footer .footer-top .sponsor .grid a { float: left; width: 100%; height: 100px; text-align: center; } 
footer .footer-bottom .inner { padding: 20px 0; }
}
@media screen and (max-width:479px) {
.grid .banner-big, .grid .banner-mid { margin-bottom: 20px; }
.content.special-content .grid .col-1-4 { float: none; width: 100%; }
.content.special-content .grid .col-1-4 .box-border, .announcement .grid .col-1-4 .box-border, .announcement .grid .col-1-4 .banner { height: auto; }
.content.special-content .grid .col-1-4, .content.tag-author .grid .col-1-4, .content.tag-search .grid .col-1-4 { float: none; width: 100%; }
.content.connected .grid .col-1-4 .box-border, .announcement .grid .col-1-4 .box-border, .announcement .grid .col-1-4 .banner, .content.tag-author .grid .col-1-4 .box-border { height: auto; }
.content.tag-search .grid .col-1-4 .box-border { height: auto; }
.tags.bottom { float: left; padding: 0px 20px 25px; } 
.newsletter { padding: 0 10px; }
.newsletter .inner .register a:before, .newsletter .inner .register a:after { display: none; }
.newsletter .inner .registration { flex-direction: column; }
.newsletter .inner .registration  input[type] { width: 100%; margin: 0 0 10px; } 
}
@media screen and (max-width:399px) { 
.main-navigation .header .logo { height: 40px; width: 70%; }
}
 @-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;-webkit-transform-origin:center bottom;animation-name:bounce;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-name:headShake;-webkit-animation-timing-function:ease-in-out;animation-name:headShake;animation-timing-function:ease-in-out}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-animation-name:swing;-webkit-transform-origin:top center;animation-name:swing;transform-origin:top center}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes wobble{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;-webkit-transform-origin:center;animation-name:jello;transform-origin:center}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}.heartBeat{-webkit-animation-duration:1.3s;-webkit-animation-name:heartBeat;-webkit-animation-timing-function:ease-in-out;animation-duration:1.3s;animation-name:heartBeat;animation-timing-function:ease-in-out}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{-webkit-transform:scale3d(1.03,1.03,1.03);opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{-webkit-transform:scaleX(1);opacity:1;transform:scaleX(1)}}.bounceIn{-webkit-animation-duration:.75s;-webkit-animation-name:bounceIn;animation-duration:.75s;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,-3000px,0);opacity:0;transform:translate3d(0,-3000px,0)}60%{-webkit-transform:translate3d(0,25px,0);opacity:1;transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(-3000px,0,0);opacity:0;transform:translate3d(-3000px,0,0)}60%{-webkit-transform:translate3d(25px,0,0);opacity:1;transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(3000px,0,0);opacity:0;transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(3000px,0,0);opacity:0;transform:translate3d(3000px,0,0)}60%{-webkit-transform:translate3d(-25px,0,0);opacity:1;transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{-webkit-transform:translate3d(0,3000px,0);opacity:0;transform:translate3d(0,3000px,0)}60%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{-webkit-transform:scale3d(1.1,1.1,1.1);opacity:1;transform:scale3d(1.1,1.1,1.1)}to{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:.75s;-webkit-animation-name:bounceOut;animation-duration:.75s;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{-webkit-transform:translate3d(0,-20px,0);opacity:1;transform:translate3d(0,-20px,0)}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{-webkit-transform:translate3d(20px,0,0);opacity:1;transform:translate3d(20px,0,0)}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{-webkit-transform:translate3d(-20px,0,0);opacity:1;transform:translate3d(-20px,0,0)}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{-webkit-transform:translate3d(0,20px,0);opacity:1;transform:translate3d(0,20px,0)}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDown{0%{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInDownBig{0%{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeft{0%{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInLeftBig{0%{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRight{0%{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInRightBig{0%{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUp{0%{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes fadeInUpBig{0%{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{-webkit-transform:translate3d(0,100%,0);opacity:0;transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{-webkit-transform:translate3d(0,2000px,0);opacity:0;transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{-webkit-transform:translate3d(-100%,0,0);opacity:0;transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{-webkit-transform:translate3d(-2000px,0,0);opacity:0;transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0);opacity:0;transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{-webkit-transform:translate3d(2000px,0,0);opacity:0;transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{-webkit-transform:translate3d(0,-100%,0);opacity:0;transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{-webkit-transform:translate3d(0,-2000px,0);opacity:0;transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}@keyframes flip{0%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn)}40%{-webkit-animation-timing-function:ease-out;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg)}50%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg)}80%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg)}to{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in;transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg)}}.animated.flip{-webkit-animation-name:flip;-webkit-backface-visibility:visible;animation-name:flip;backface-visibility:visible}@-webkit-keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateX(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);opacity:1;transform:perspective(400px) rotateX(10deg)}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-animation-name:flipInX;-webkit-backface-visibility:visible!important;animation-name:flipInX;backface-visibility:visible!important}@-webkit-keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0;transform:perspective(400px) rotateY(90deg)}40%{-webkit-animation-timing-function:ease-in;-webkit-transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in;transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);opacity:1;transform:perspective(400px) rotateY(10deg)}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-animation-name:flipInY;-webkit-backface-visibility:visible!important;animation-name:flipInY;backface-visibility:visible!important}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);opacity:1;transform:perspective(400px) rotateX(-20deg)}to{-webkit-transform:perspective(400px) rotateX(90deg);opacity:0;transform:perspective(400px) rotateX(90deg)}}.flipOutX{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutX;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);opacity:1;transform:perspective(400px) rotateY(-15deg)}to{-webkit-transform:perspective(400px) rotateY(90deg);opacity:0;transform:perspective(400px) rotateY(90deg)}}.flipOutY{-webkit-animation-duration:.75s;-webkit-animation-name:flipOutY;-webkit-backface-visibility:visible!important;animation-duration:.75s;animation-name:flipOutY;backface-visibility:visible!important}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);opacity:0;transform:translate3d(100%,0,0) skewX(-30deg)}60%{-webkit-transform:skewX(20deg);opacity:1;transform:skewX(20deg)}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-name:lightSpeedIn;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);opacity:0;transform:translate3d(100%,0,0) skewX(30deg)}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-name:lightSpeedOut;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}@keyframes rotateIn{0%{-webkit-transform:rotate(-200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(-200deg);transform-origin:center}to{-webkit-transform:translateZ(0);-webkit-transform-origin:center;opacity:1;transform:translateZ(0);transform-origin:center}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInDownLeft{0%{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInDownRight{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(45deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}@keyframes rotateInUpLeft{0%{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:left bottom;opacity:1;transform:translateZ(0);transform-origin:left bottom}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}@keyframes rotateInUpRight{0%{-webkit-transform:rotate(-90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-90deg);transform-origin:right bottom}to{-webkit-transform:translateZ(0);-webkit-transform-origin:right bottom;opacity:1;transform:translateZ(0);transform-origin:right bottom}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}@keyframes rotateOut{0%{-webkit-transform-origin:center;opacity:1;transform-origin:center}to{-webkit-transform:rotate(200deg);-webkit-transform-origin:center;opacity:0;transform:rotate(200deg);transform-origin:center}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(45deg);transform-origin:left bottom}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(-45deg);transform-origin:right bottom}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;opacity:1;transform-origin:left bottom}to{-webkit-transform:rotate(-45deg);-webkit-transform-origin:left bottom;opacity:0;transform:rotate(-45deg);transform-origin:left bottom}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;opacity:1;transform-origin:right bottom}to{-webkit-transform:rotate(90deg);-webkit-transform-origin:right bottom;opacity:0;transform:rotate(90deg);transform-origin:right bottom}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}@keyframes hinge{0%{-webkit-animation-timing-function:ease-in-out;-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform-origin:top left}20%,60%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(80deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-animation-timing-function:ease-in-out;-webkit-transform:rotate(60deg);-webkit-transform-origin:top left;animation-timing-function:ease-in-out;opacity:1;transform:rotate(60deg);transform-origin:top left}to{-webkit-transform:translate3d(0,700px,0);opacity:0;transform:translate3d(0,700px,0)}}.hinge{-webkit-animation-duration:2s;-webkit-animation-name:hinge;animation-duration:2s;animation-name:hinge}@-webkit-keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}@keyframes jackInTheBox{0%{-webkit-transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{-webkit-transform:scale(1);opacity:1;transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}@keyframes rollIn{0%{-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{-webkit-transform:translateZ(0);opacity:1;transform:translateZ(0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) rotate(120deg);opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}@keyframes zoomInDown{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}@keyframes zoomInLeft{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}@keyframes zoomInRight{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}@keyframes zoomInUp{0%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0)}60%{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}@keyframes zoomOutDown{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}@keyframes zoomOutLeft{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{-webkit-transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}@keyframes zoomOutRight{40%{-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{-webkit-transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}@keyframes zoomOutUp{40%{-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19);opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0)}to{-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1);opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:hidden}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:hidden}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:hidden}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:hidden}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.animated{-webkit-animation-duration:1s;-webkit-animation-fill-mode:both;animation-duration:1s;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.delay-1s{-webkit-animation-delay:1s;animation-delay:1s}.animated.delay-2s{-webkit-animation-delay:2s;animation-delay:2s}.animated.delay-3s{-webkit-animation-delay:3s;animation-delay:3s}.animated.delay-4s{-webkit-animation-delay:4s;animation-delay:4s}.animated.delay-5s{-webkit-animation-delay:5s;animation-delay:5s}.animated.fast{-webkit-animation-duration:.8s;animation-duration:.8s}.animated.faster{-webkit-animation-duration:.5s;animation-duration:.5s}.animated.slow{-webkit-animation-duration:2s;animation-duration:2s}.animated.slower{-webkit-animation-duration:3s;animation-duration:3s}@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;-webkit-transition:none!important;animation:unset!important;transition:none!important}}div.tnp-subscription,
form.tnp-subscription, form.tnp-profile {
display: block;
margin: 1em auto;
max-width: 500px;
width: 100%;
}
div.tnp-profile {
display: block;
margin: 1em 0;
max-width: 500px; } .tnp-subscription div.tnp-field,
.tnp-profile div.tnp-field
{
margin-bottom: .7em;
border: 0;
padding: 0;
}
.tnp-subscription label,
.tnp-profile label
{
display: block;
color: inherit;
font-weight: normal;
line-height: normal;
padding: 0;
margin: 0;
margin-bottom: .25em;
font-size: .9em;
}
.tnp-subscription .tnp-field-checkbox label,
.tnp-profile .tnp-field-checkbox label
{
display: inline-block;
}
.tnp-subscription input[type=text],
.tnp-subscription input[type=email],
.tnp-subscription input[type=submit],
.tnp-subscription select,
.tnp-subscription textarea,
.tnp-profile input[type=text],
.tnp-profile input[type=email],
.tnp-profile input[type=submit],
.tnp-profile select,
.tnp-profile textarea
{
width: 100%;
padding: .7em;
display: block;
border: 1px;
color: #444;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
font-size: 1em;
margin: 0;
line-height: normal;
box-sizing: border-box;
}
.tnp-subscription input[type=checkbox],
.tnp-widget input[type=radio],
.tnp-profile input[type=checkbox]
{ max-width: 1em;
display: inline-block;
margin-right: .5em;
} .tnp-subscription select option,
.tnp-profile select option
{
margin-right: .75em;
}
.tnp-subscription input.tnp-submit,
.tnp-profile input.tnp-submit,
.tnp-unsubscribe button.tnp-submit,
.tnp-reactivate button.tnp-submit
{
background-color: #444;
color: #fff;
width: auto;
height: auto;
margin: 0;
display: inline-block;
}
@media all and (max-width: 480px) {
.tnp-subscription input[type=submit],
.tnp-profile input[type=submit] {
width: 100%;
}
}
.tnp-widget {
width: 100%;
display: block;
box-sizing: border-box;
}
.tnp-widget .tnp-field {
margin-bottom: 10px;
border: 0;
padding: 0;
}
.tnp-widget label {
display: block;
color: inherit;
font-size: 14px;
}
.tnp-widget input[type=text], .tnp-widget input[type=email], .tnp-widget input[type=submit], .tnp-widget select {
width: 100%;
padding: 10px;
display: block;
border: 1px solid #ddd ;
border-color: #ddd;
background-color: #f4f4f4;
background-image: none;
text-shadow: none;
color: #444;
font-size: 14px;
line-height: normal;
box-sizing: border-box;
height: auto;
}
.tnp-widget input[type=checkbox], .tnp-widget input[type=radio] {
width: auto;
display: inline-block;
} .tnp-widget select option {
margin-right: 10px;
}
.tnp-widget input.tnp-submit {
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
margin: 0;
}
.tnp-field input[type="submit"] {
position: inherit;
}
.tnp-field label {
} .tnp-widget-minimal {
width: 100%;
}
.tnp-widget-minimal form {
margin: 0;
padding: 0;
border: 0;
}
.tnp-widget-minimal input.tnp-email {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
}
.tnp-widget-minimal input.tnp-submit {
width: 100%;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-subscription-minimal {
width: 100%;
box-sizing: border-box;
margin: 10px 0;
}
.tnp-subscription-minimal form {
width: auto;
margin: 0;
padding: 0;
border: 0;
white-space: nowrap;
}
.tnp-subscription-minimal input.tnp-email,
.tnp-subscription-minimal input.tnp-name
{
width: 70%;
max-width: 300px;
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px solid #ddd;
background-color: #f4f4f4;
color: #444;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin-right: 10px;
}
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name
{
width: 31%;
}
.tnp-subscription-minimal .tnp-privacy-field {
margin-top: 10px;
} .tnp-subscription-minimal input.tnp-submit {
width: 29%;
box-sizing: border-box;
display: inline-block;
padding: 10px;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: 20px;
border-radius: 0px;
margin: 0;
}
.tnp-subscription-posts {
margin-top: 2em;
margin-bottom: 2em;
padding: 2rem;
}
.tnp-subscription-posts .tnp-subscription {
max-width: auto;
margin: 0;
}
@media all and (max-width: 525px) {
.tnp-subscription-minimal.with-name input.tnp-email,
.tnp-subscription-minimal.with-name input.tnp-name,
.tnp-subscription-minimal input.tnp-submit
{
width: 100%;
max-width: 100%;
margin: 0;
display: block;
margin-bottom: .5rem;
}
} .tnp-button-form button.tnp-submit {
box-sizing: border-box;
padding: 10px;
display: inline-block;
border: 1px;
border-color: #ddd;
background-color: #444;
background-image: none;
text-shadow: none;
color: #fff;
font-size: 14px;
line-height: normal;
border-radius: 0px;
height: auto;
margin: 0;
} .tnp-comments {
clear: both;
margin-top: 15px;
margin-bottom: 15px;
}
.tnp-comments label {
display: block;
}
.tnp-comments input[type=checkbox] {
display: inline-block;
width: auto!important;
} .tnp-lock {
clear: both;
display: block;
box-sizing: border-box;
box-shadow: none;
margin: 20px;
padding: 15px;
background-color: #fff;
border: 1px solid #ddd;
}
.tnp-nl-checkout {
margin-bottom: 1em;
}div.sib-sms-field {
display: inline-block;
position: relative;
width: 100%;
}
.sib-sms-field .sib-country-block {
position: absolute;
right: auto;
left: 0;
top: 0;
bottom: 0;
padding: 1px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.sib-country-block .sib-toggle.sib-country-flg {
z-index: 1;
position: relative;
width: 46px;
height: 100%;
padding: 0 0 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: #dbdbdb;
cursor: pointer;
}
.sib-country-block .sib-toggle .sib-cflags {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
height: 15px;
width: 20px;
background-repeat: no-repeat;
background-color: #dbdbdb;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-image: url(//kulturpunkt.hr/wp-content/plugins/mailin/img/flags/fr.png);
}
.sib-country-block .sib-toggle .sib-icon-arrow {
position: absolute;
top: 50%;
margin-top: -2px;
right: 6px;
width:  0;
height: 0;
border-left: 3px solid transparent;
border-right: 3px solid transparent;
border-top: 4px solid;
}
.sib-sms-field ul.sib-country-list {
position: absolute;
z-index: 2;
list-style: none;
text-align: left;
padding: 0px;
margin: 0px 0px 0px -1px;
box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 4px;
background-color: white;
border: 1px solid rgb(204, 204, 204);
white-space: nowrap;
max-height: 150px;
overflow-y: scroll;
overflow-x: hidden;
top: 50px;
width: 250px;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix {
font-size: 14px;
padding:1px 10px;
cursor: pointer;
}
.sib-sms-field ul.sib-country-list li.sib-country-prefix:hover {
background-color: #dbdbdb;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box {
width: 20px;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-flag {
height: 18px;
width: 20px;
background-image: url(//kulturpunkt.hr/wp-content/plugins/mailin/img/flags/ad.png);
vertical-align: middle;
display: inline-block;
background-repeat:no-repeat;
}
.sib-sms-field ul.sib-country-list li .sib-flag-box .sib-dial-code {
margin-left: 20px;
}
.sib-sms-field .sib-sms {
padding-right: 6px;
padding-left: 52px;
margin-left: 0;
position: relative;
z-index: 0;
margin-top: 0 !important;
margin-bottom: 0 !important;
margin-right: 0;
}
.sib-multi-lists.sib_error {
color: #A94442;
}