/* reset */
*,html{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-family:inherit;font-size:100%;text-align:left;box-sizing:border-box}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,font,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,hr,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu > div,meter,nav,object,ol,output,p,pre,progress,q,rp,rt,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video,xmp{border:0;margin:0;padding:0;font-size:100%}article,aside,details,figcaption,figure,footer,header,hgroup,menu > div,nav,section{display:block}b,strong{font-weight:bold}img{color:transparent;font-size:0;vertical-align middle;-ms-interpolation-mode:bicubic}ol,ul{list-style:none}li{display:list-item}table{border-collapse:collapse;border-spacing:0}th,td,caption{font-weight:normal;vertical-align:top;text-align:left}q{quotes none}q:before,q:after{content:'';content:none}sub,sup,small{font-size:75%}sub,sup{line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}svg{overflow:hidden}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:25px}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}optgroup{font-weight:bold;position:relative}optgroup option{font-weight:normal;margin-left:10px}a img{border:0}a{text-decoration:none}button:hover{cursor:pointer}i,em{font-style:italic}b,strong{font-weight:bold}img{max-width:100%}.hide{display:none}
/* end reset */



/* base */
body, html{font-family:'Roboto', sans-serif; font-size:16px; color:#616161; overflow-x:hidden; font-weight:400;
-o-text-overflow:ellipsis; text-overflow:ellipsis; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; text-rendering:optimizeLegibility;}
body{background:#EEE; overflow-x:hidden; padding-top:70px;padding-bottom: 50px;}
body.noscroll{overflow-y:hidden; height:100vh;}
a{color:#C61A1F; font-weight:bold;}
.btn, input[type=button], input[type=submit], select{-webkit-appearance:none;}
.btn{color:#FFF !important; background:#C61A1F; font-weight:bold; text-transform:uppercase; display:inline-block; padding:10px 20px; -webkit-appearance:none; cursor:pointer; text-align:center;
-webkit-box-shadow:0 0 2px 0px rgba(33,33,33,0.4); -moz-box-shadow:0 0 2px 0px rgba(33,33,33,0.4); box-shadow:0 0 2px 0px rgba(33,33,33,0.4); 
-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;}
.btn:active{-webkit-box-shadow:0 0 2px 0px rgba(33,33,33,0); -moz-box-shadow:0 0 2px 0px rgba(33,33,33,0); box-shadow:0 0 2px 0px rgba(33,33,33,0); color:#FFF !important;}
.clearenter::before, .clearenter::after, 
ul::before, ul::after,
ol::before, ol::after{content:''; display:block; overflow:hidden; visibility:hidden; width:0;}
.clearenter::after, ul::after, ol::after, .clearboth{clear:both;}
.content_center{display:-webkit-flex; display:-ms-flexbox; display:flex; -webkit-align-content:center; align-content:center; -webkit-align-items:center; 
-ms-flex-align:center; align-items:center;}
.content_center > *{margin:auto;}
.flex_lazy, .flex_thumb, .flex_ori{display:block; overflow:hidden; position:relative; line-height:0;}
.flex_lazy, .flex_thumb{background-repeat:no-repeat; background-size:cover; -webkit-background-size:cover; background-position:center;}
.flex_thumb > img, .flex_lazy > img{opacity:0; position:absolute;}

.thumb169, .thumb43, .thumb11{width:100%; display:block;}
.thumb169:after, .thumb43:after, .thumb11:after{display:block; content:'';}
.thumb169:after{padding-top:56.25%;}
.thumb43:after{padding-top:75%;}
.thumb11:after{padding-top:100%;}

section{margin-bottom:20px;}
section > span{display:block; width:100%; max-width:768px; margin:0 auto;}
.section-title{margin:14px 7px 7px; padding-bottom:7px; border-bottom:4px dashed #616161; color:#424242; position:relative;}
.section-title > div{position:absolute; top:0; left:0;}
.section-title h5{font-size:24px; font-weight:900; text-transform:uppercase;}
.section-title h5::first-letter{color:#C61A1F;}
.section-title i{font-size:36px;}

.top-float, .bottomtab, #btt{display:none;}
/* end base */



/* header */
header{position:fixed; z-index:99; top:0; left:0; width:100%; padding:10px;}
header > ul{background:#FFF; max-width:760px; margin:0 auto;
-webkit-box-shadow:0 3px 7px rgba(0,0,0,.5); -moz-box-shadow:0 3px 7px rgba(0,0,0,.5); box-shadow:0 3px 7px rgba(0,0,0,.5);}
.header-logo, .header-menu > ul > li{float:left;}
.header-menu{float:right;}
.header-link{padding:0 10px; height:50px; font-size:20px; font-weight:normal; color:#212121;}
.header-link img{max-height:35px;}
.header-menu > ul > li:last-child .header-link{padding-right:20px;}
/* end header */



/* article list */
.al-container > ul, .al-container > ul > li{margin:2px;}
.al-container > ul{display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:left; -ms-flex-pack:left; justify-content:left;}
.al-container > ul > li{float:left; width:calc(100% - 4px); flex-basis:calc(100% - 4px); background-color:#FFF; padding:8px;
-webkit-box-shadow:0 1px 6px rgba(32, 33, 36, 0.28); -moz-box-shadow:0 1px 6px rgba(32, 33, 36, 0.28); box-shadow:0 1px 6px rgba(32, 33, 36, 0.28);}
.al-container > ul > li.slotiklanlist{margin:4px -2px 2px -2px; padding:0; background:0; flex-basis:calc(100% + 4px); width:calc(100% + 4px);
-webkit-box-shadow:0 0 0 rgba(32, 33, 36, 0.28); -moz-box-shadow:0 0 0 rgba(32, 33, 36, 0.28); box-shadow:0 0 0 rgba(32, 33, 36, 0.28);}

@media screen and (min-width:568px){
  .al-container > ul > li:not(.slotiklanlist){flex-basis:calc(50% - 4px); width:calc(50% - 4px);}
}
.al-box{position:relative; overflow:hidden;}
.al-thumb{position:absolute; top:0; left:0; width:80px; height:80px;}
.al-thumb-icon{position:absolute; z-index:2; top:5px; left:5px; width:36px; height:36px; font-weight:normal; background-color:#C61A1F;
-moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%;}
.al-thumb-icon > i{z-index:2; color:#FFF;}
.al-thumb-icon > .fa-camera{font-size:16px;}
.al-thumb-icon > .fa-play{font-size:14px; margin-left:13px;}
.al-thumb-link{position:absolute; z-index:1; top:0; left:0; width:100%; height:100%;}
.al-info{position:relative; z-index:2; margin-left:80px; min-height:80px;}
.al-info > span{margin:0; padding:0 10px; width:100%;}
.al-info .tag-list{margin-bottom:5px;}
.al-title{display:block; margin-top:3px; color:#212121;}
.al-title h2{font-size:16px; line-height:20px;}
.al-misc *{font-size:11px; color:#616161;}
.al-misc > li{float:left; padding:3px 5px 0 0;}
.al-misc > li:not(:last-child) > *{border-right:2px solid #BDBDBD; padding-right:5px; display:block;}
.al-box .tag-list{border-top:1px dashed #E0E0E0; margin-top:5px; display:none;}

.kanal-headline .kh-box{position:relative;}
.kanal-headline .kh-thumb-link{display:block; position:relative; overflow:hidden;}
.kanal-headline .kh-img{position:relative; z-index:1;}
.kanal-headline .kh-img:after{content:''; display:block; padding-top:56.25%;}
.kanal-headline .kh-gradient{position:absolute; z-index:2; left:0; bottom:0; width:100%; height:48px;
background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
background:linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);}
.kanal-headline .kh-info{padding:7px 14px 14px; background-color:#000; margin-top:-2px;}
.kanal-headline .al-info{margin-left:0; margin-bottom:2px; min-height:inherit; padding:0 0 5px; /*border-bottom:1px dashed #757575;*/}
.kanal-headline .al-info > span{padding:0;}
.kanal-headline .al-misc > li{color:#EEE;}
.kanal-headline .al-title{color:#FFF}
.kanal-headline .al-title:hover{color:#C61A1F;}
.kanal-headline .tag-list{display:none;}
.kanal-headline .tl-link{color:#000; background-color:#FFF;}

.kanal-headline{margin-top:-70px; padding-top:60px; background:#000;}
.kanal-headline .kh-gradient-top{top:0; bottom:auto; -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}

@media screen and (min-width:769px){
  .kanal-headline .kh-box{margin:0 5px;}
  .kanal-headline .kh-info{padding:7px 0 14px;}
}
/* end article list */



/* tag list */
.tag-list > ul > li{float:left; margin-right:5px; margin-top:5px;}
.tl-link{display:block; padding:5px 10px; background-color:#212121; color:#FFF;}
.tl-link h3{font-size:11px; letter-spacing:1px; font-weight:normal; text-transform:capitalize;}
.tl-link h3::first-letter{text-transform:uppercase;}
/* end tag list */



/* search */
.search-form{position:relative; margin:10px;}
.search-field{position:relative; z-index:1;}
.search-field input{width:100%; padding:10px; min-width:300px; padding-right:90px; border:1px solid #BDBDBD; background-color:transparent;}
.search-button{position:absolute; z-index:2; top:4px; right:4px; height:calc(100% - 8px);}
.search-button input{height:100%; width:77px; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; padding:0;
-webkit-box-shadow:0 0 0 rgba(0,0,0,0); -moz-box-shadow:0 0 0 rgba(0,0,0,0); box-shadow:0 0 0 rgba(0,0,0,0);}
.search-notfound{text-align:center; padding:10px; background-color:#E71E25; color:#FFF; margin:10px;}

@media screen and (min-width:769px){
  .search-form, .search-notfound{margin:10px 5px;}
}
/* end search */



.advertorial{color:#2597a4; text-transform:uppercase;}