@charset "utf-8";html, body{font-size:100%;display:flex;flex:1 1 auto;margin:0;flex-flow:column nowrap;align-items:stretch;align-content:stretch;background: url(https://shot.ohmibod.cam/css/images.png);}
header{display:flex;flex-flow:row wrap;flex:0 0 auto;border-radius:7px;margin: 0 5px 5px;/* overflow:hidden; */background: rgba(169, 4, 29, 0.61);position: relative;box-sizing: border-box;z-index: 1000;}
header h1{flex:1 0 auto;/* max-width:650px; */text-align:center;margin:0;/* line-height:3.2em; */font-size:1.3em;color:#ffecec;text-shadow:0 0 2px rgba(255, 255, 255, 0.79);text-transform:capitalize;/* background:rgba(169, 4, 29, 0.61); */align-self: center;}
header ul{-webkit-padding-start:0;-moz-padding-start:0;padding:0;}
.icons {
    list-style: none;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
    justify-content: space-around;
    align-self: center;
}
li.icons {
    font-size: 1.5em;
    margin: 0px 10px;
}
li.icons a {
    color: #ffecec;
    text-shadow: 0 0 2px rgba(255, 255, 255, 0.79);
    padding: 7px;
}
li.icons a:hover {
    color: #811C2E;
}
nav{display:flex;flex:1 1 auto;}
.cmn-toggle-switch{position:relative;overflow:hidden;margin:0;padding:0;width:62px;height:34px;font-size:0;text-indent:-9999px;-webkit-appearance:none;-moz-appearance:none;box-shadow:none;border:none;cursor:pointer;-webkit-transition:background 0.3s;transition:background 0.3s;}
.cmn-toggle-switch:focus{outline:none;}
.cmn-toggle-switch span{display:block;position:absolute;top:15px;left:17px;right:17px;height:4px;background: #ffecec;border-radius:2px;}
.cmn-toggle-switch span::before,
.cmn-toggle-switch span::after{position:absolute;display:block;left:0;width:100%;height:4px;background-color: #ffecec;content:"";}
.cmn-toggle-switch span::before{top:-10px;border-radius:2px;}
.cmn-toggle-switch span::after{bottom:-10px;border-radius:2px;}
.cmn-toggle-switch__htx{background-color:transparent;}
.cmn-toggle-switch__htx span{-webkit-transition:background 0s 0.3s;transition:background 0s 0.3s;}
.cmn-toggle-switch__htx span::before,
.cmn-toggle-switch__htx span::after{-webkit-transition-duration:0.3s, 0.3s;transition-duration:0.3s, 0.3s;-webkit-transition-delay:0.3s, 0s;transition-delay:0.3s, 0s;}
.cmn-toggle-switch__htx span::before{-webkit-transition-property:top, -webkit-transform;transition-property:top, transform;}
.cmn-toggle-switch__htx span::after{-webkit-transition-property:bottom, -webkit-transform;transition-property:bottom, transform;}
.active .cmn-toggle-switch__htx{background-color:transparent;}
.active .cmn-toggle-switch__htx span{background:none;}
.active .cmn-toggle-switch__htx span::before{top:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);}
.active .cmn-toggle-switch__htx span::after{bottom:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}
.active .cmn-toggle-switch__htx span::before,
.active .cmn-toggle-switch__htx span::after{-webkit-transition-delay:0s, 0.3s;transition-delay:0s, 0.3s;}
main{display:flex;flex-flow:row wrap;flex:1 0 auto;}
main div.embed{flex:0 1 100%;display:flex;flex-flow:row wrap;overflow:hidden;position:relative;padding:5px 0;margin:0 5px;align-items:stretch;}
.blogo{display:flex;flex: 1 1 auto;/* background:rgba(169, 4, 29, 0.61); */}
.logo{flex:1 0 auto;text-align:center;align-self:center;line-height:0;border-radius:7px;min-width:180px;}
.logo img{width:100%;max-width: 369px;border-radius:8px;margin-top:0;}
main div.thumb{flex:1 0 70%;display:flex;flex-flow:row wrap;padding:5px 0;align-content:flex-start;justify-content:center;align-items:flex-start;background:rgba(169, 4, 29, 0.61);margin:0 0 0 5px;border-radius:8px;}
main div.thumb > section{flex:1 0 15%;max-width:320px;min-width:220px;margin: 2px;position:relative;overflow:hidden;display:flex;flex-flow:row wrap;align-content:flex-start;align-items:flex-start;justify-content:flex-start;border-radius:5px;z-index:1;}
main div.thumb section a img{display:block;width:100%;max-width:320px;border-radius:8px;}
main div.thumb > section:hover{box-shadow: inset 0 0 8px 0px rgba(255, 199, 199, 0.5);}
main div.thumb section p{margin:0 0 3px 0;flex:1 0 auto;text-align:center;border: 1px solid transparent;line-height:1.5em;font-weight:bold;color:#ffecec;text-shadow:0 0 1px rgba(255, 255, 255, 0.79);border-radius: 4px;transition:0.4s ease-in-out;}
main div.thumb section p:hover{background:rgba(255, 255, 255, 0.63);cursor:help;color:#811C2E;font-weight:bold;border:1px solid;text-shadow:0 0 1px rgba(111, 5, 5, 0.87);}
main div.thumb section p span{position:absolute;color:#ffecec;z-index:0;left:0;right:0;top:100%;width:100%;height:100%;background:rgba(0, 0, 0, 0.30);transition:all .5s ease-out;opacity:0;border-radius: 5px;text-shadow:0 0 1px rgba(255, 255, 255, 0.79);}
main div.thumb section p span i{display:block;margin:5px 3px 0 3px;border-top:1px dotted;font-size:.8em;font-weight:normal;color:rgba(255, 236, 236, 0.62);text-align:center;font-style:normal;text-shadow:none;}
main div.thumb section p span img{width:100%;border-radius: 5px;margin:0 0 0 0;}
main div.thumb section p:hover span{opacity:1;top:1.8em;z-index:100;font-weight:normal;}
main div.thumb section p span:hover{top:100%;}
main div.thumb section p span.live{top:1.8em;}
main div.thumb section p span.live:hover{opacity:0;z-index:0;border-radius:7px;}
main div.pages{display:flex;flex:0 1 100%;flex-flow:row wrap;margin:0px;padding:0;color:rgba(255, 255, 255, 0.7);border-radius:8px;margin-left:5px;margin-right:5px;line-height:2em;}
main h2{flex:1 0 auto;text-align:center;font-size:1.3em;text-transform:capitalize;color:#ffecec;text-shadow:0 0 2px rgba(255, 255, 255, 0.79);margin:0;align-content:center;display:flex;justify-content:center;margin:5px 0;}
ul.paginator{list-style:none;display:flex;flex-flow:row nowrap;align-items:center;justify-content:space-around;flex:1 0 15%;margin:0;padding:0;}
ul.paginator li,
ul.paginator b{font-size:1.3em;display:flex;flex:0 1 auto;align-items:center;justify-content:center;font-weight:bold;border:1px solid;border-radius:100%;width:32px;transition:0.4s ease-in-out;height:32px;margin: 3px;}
ul.paginator b{text-shadow:0 0 2px rgba(111, 5, 5, 0.87);padding:3px 10px;color:#811C2E;background:rgba(255, 255, 255, 0.63);width:12px;border:1px solid;border-color:#811C2E;height:26px;}
ul.paginator li a{text-decoration:none;display:block;color:#ffecec;text-shadow:0 0 2px rgba(111, 5, 5, 0.87);padding:3px 10px;transition:0.4s ease-in-out;}
ul.paginator li:hover{text-shadow:0 0 2px rgba(111, 5, 5, 0.87);color:#811C2E;background:rgba(255, 255, 255, 0.63);border:1px solid;border-color:#811C2E;}
ul.paginator li a:hover{color:#811C2E;}
ul.gifkas{display:flex;flex-flow:column nowrap;justify-content:flex-start;align-items:center;padding:4px 0;flex:0 1 20%;max-width:310px;min-width:310px;margin:0 5px;background:rgba(169, 4, 29, 0.61);border-radius:8px;}
.mod{width:97.5%;text-align:center;line-height:2em;border-radius:8px;margin-bottom:3px;transition:0.4s ease-in-out;}
.mod a{font-size:1.3em;display:block;margin:4px 0px;text-transform:capitalize;color:#ffecec;text-shadow:0 0 2px rgba(255, 255, 255, 0.79);text-decoration:none;font-weight:bold;transition:0.4s ease-in-out;}
.mod a:hover{color:#811C2E;text-shadow:0 0 2px rgba(111, 5, 5, 0.87);}
.mod:hover{background:rgba(255, 255, 255, 0.63);}
.counter{position:absolute;background-color: rgb(200, 89, 107);display:block;left:0;top: 0;color: rgba(255, 236, 236, 0.77);padding: 4px;right:0;font-size: .88em;text-align:center;transition: top .3s ease-out;z-index:100;text-transform: uppercase;border: 1px solid rgba(255, 236, 236, 0.3);border-radius: 4px;box-sizing: border-box;white-space: nowrap;}
main div.thumb section:hover .counter{top:-2.7em;}
ul.gifkas li{display:flex;position:relative;line-height:0;margin:1% 0;max-width:300px;max-height:225px;flex:1 0 auto;overflow:hidden;align-items:center;text-align:center;border-radius:7px;margin:2px;}
ul.gifkas li b{color:#ffecec;position:absolute;width:100%;line-height:normal;background:rgba(0, 0, 0, 0.39);top:0;bottom:0;display:flex;justify-content:center;align-items:center;align-self:center;z-index:10;transition:all .3s ease-out;border-radius:7px;height: 100%;}
ul.gifkas li a{}
ul.gifkas li img{width:100%;border-radius:7px;}
ul.gifkas li:hover img{display:block;}
ul.gifkas li:hover b{opacity:0;z-index:-1;}
footer{flex:0 0 auto;background:rgba(169, 4, 29, 0.61);text-align:center;border-radius:7px;margin:5px 5px 0;}
footer ul{display:flex;list-style:none;flex-flow:row wrap;flex:1 0 auto;padding:0;line-height:1.5em;margin:0;align-items:center;}
footer ul li{flex:1 0 auto;text-align:center;margin:0px;}
footer ul li a{display:block;text-decoration:none;line-height:1.4em;font-size:1em;color:#ffecec;text-shadow:0 0 2px rgba(255, 255, 255, 0.79);font-weight:bold;max-width:200px;margin:auto;transition:0.4s ease-in-out;border-radius:7px;}
footer ul li a:hover{color:#811C2E;background:rgba(255, 255, 255, 0.63);border-radius:7px;text-shadow:0 0 2px rgba(111, 5, 5, 0.87);}
ul.links{display:flex;list-style:none;flex:1 1 auto;margin:5px 5px 0;justify-content:space-around;align-items:center;padding:0;border-radius:7px;flex-flow:row wrap;background:rgba(169, 4, 29, 0.61);order: 5;}
ul.links li{flex:1 0 auto;margin:0px;text-align:center;}
ul.links li a{text-transform:capitalize;display:block;text-decoration:none;text-align:center;color:#ffecec;font-weight:bold;font-size:0.9em;text-shadow:0 0 2px rgba(255, 255, 255, 0.79);margin:auto;line-height:1.4em;transition:0.4s ease-in-out;max-width:150px;padding:0 5px;}
ul.links li a:hover{color:#811C2E;background:rgba(255, 255, 255, 0.63);border-radius:7px;text-shadow:0 0 2px rgba(111, 5, 5, 0.87);}
.strip{
    flex: 100%;
    background: rgba(169, 4, 29, 0.61);
    border-radius: 7px;
    margin: 5px 5px 0;
    order: 3;
}
.button{
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
}
.button a{
    display: block;
    height: 100%;
    transition: .2s ease-in-out;
    min-height: 40px;
    border-radius: 7px;
}
.button a:hover:not(:active){background: linear-gradient(rgba(126, 126, 134, 0), rgba(142, 20, 20, 0.28)) rgba(113, 35, 35, 0.1);box-shadow: 0 1px rgba(255,255,255,.2) inset, 0 3px 5px rgba(0,1,6,.5), 0 0 1px 1px rgba(0,1,6,.2);}
.click{
    background: transparent;
    border: 0px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    outline: none;
    font: inherit;
    font-size: 1.3em;
    font-weight: bold;
    height: 100%;
    text-transform: capitalize;
    color: #ffecec;
    border-radius: 7px;
	text-shadow: 0 0 2px rgba(255, 255, 255, 0.79);
}
.start:hover{
    color: #811C2E;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.79);
    
}
.stop{color: #811C2E;box-shadow:0 0 1px rgba(0,0,0,.5) inset,
0 2px 3px rgba(0,0,0,.5) inset,
0 1px 1px rgba(255,255,255,.1);text-shadow: 0 0 5px rgba(255, 255, 255, 0.79);}
.fa-3x{font-size: 1.2em!important;}
.scrollup{width: 60px;height: 60px;opacity: 0.65;position:fixed;bottom: 5px;right: 5px;display:none;text-indent:-9999px;background: url('icon_top.png') no-repeat;background-size: contain;z-index: 1000;}
.scrollup:hover{opacity: .9;}
@media screen and (max-width:1390px){ul.gifkas{flex:0 1 100%;max-width:none;order:0;flex-flow:row wrap;align-items:center;justify-content:center;display:flex;min-width:100px;}
ul.gifkas li{margin:3px;flex:1 0 15%;max-height:160px;min-width:150px;}
.mod{width:100%;margin:3px;}
main div.thumb{/* order:1; */flex:100%;margin: 0 5px 5px 5px;}
ul.gifkas{
    order: 2;
}
.spot{
    margin-top: 0;
}
}
@media screen and (max-width:801px){
html, body{
    height: 100%;
}
ul.paginator{flex-flow:row wrap;}
main{
    overflow: auto;
    overflow-x: hidden;
    flex: 1 1 auto;
}
main h2{flex:1 0 100%;}
header{
    margin: 5px;
}
footer{
    margin: 5px;
}
ul.links{
    /* display: none; */
}    
}
@media screen and (max-width:666px){header{flex-flow:wrap;}
header h1{/* flex:1 0 100%; */line-height:1.7em;font-size: 1.3em;max-width:100%;}
main div.thumb section{max-width:400px;}
main div.thumb section a img{max-width:400px;}
ul.gifkas li{min-width:120px;}
header ul{/* line-height:1em; *//* flex-wrap:wrap; */}
header .logo{flex:100%;min-width:100%;}
.blogo{flex:100%;}
ul.paginator li, ul.paginator b{margin:3px;}
main h2{flex:1 0 100%;}
ul.paginator{flex-flow:row wrap;}
main div.thumb {
    margin-top: 0;
}
main div.pages{
    order: 2;
}
.logo img{
    /* max-width: 280px; */
}
header h1{
    font-size: 1em;
}
li.icons {
    font-size: 1.25em;
}
.spot{
}
.click{
    font-size: 1em;
}
.fa-refresh{
    font-size: 1.2em !important;
}
}
@media screen and (max-width:350px) {
header h1 {
    /* font-size: 1.2em; */
}
main h2 {
    font-size: 1.2em;
}
.mod a {
    font-size: 1.2em;
}    
}
@media screen and (max-height:425px){
    html, body{
    height: auto;
}
}