/*
Theme Name: my.tube
Author: wpTuber
Author URI: https://wptuber.com
Description: Wordpress my.tube Tube Theme 
Version: 1.0.3
*/
@font-face{font-family:'mytube';src:url(fonts/mytube.eot?6421s9430);src:url(fonts/mytube.eot?6421s9430#iefix) format("embedded-opentype"),url(fonts/mytube.woff2?6421s9430) format("woff2"),url(fonts/mytube.woff?6421s9430) format("woff"),url(fonts/mytube.ttf?6421s9430) format("truetype"),url(fonts/mytube.svg?6421s9430#mytube) format("svg");font-weight:400;font-style:normal}
body,ul,ol,li,p,img,h1,h2,h3,h4,h5,h6,form,fieldset,label,legend,input,table,tr,td,th,iframe,a,dl,dt,dd{font-size:100%;margin:0;outline:0 none;padding:0}
h1,h2,h3,h4{font-family:Roboto Condensed,Arial,sans-serif;font-weight:400}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
audio[controls],canvas,video{display:inline-block;*display:inline;*zoom:1}
html{font-size:100%;overflow-y:scroll;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;line-height:1.1667}
body{margin:0;line-height:1.1667;position:relative;background-color:#000;color:#222;font-family:Roboto,Arial,sans-serif}
.page_html{font-size:20px}
object:focus{outline:0;-moz-outline-style:none}
::selection{background:#ff5e8c;color:#fff;text-shadow:none}
a{color:#FF5E8C;outline:0;text-decoration:none}
a:visited{color:#FF5E8C}
a:focus{outline:none}
a:hover,a:active{outline:0;color:#222}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
blockquote{margin:1em 40px}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
ins{background:#ff9;color:#000;text-decoration:none}
mark{background:#ff0;color:#000;font-style:italic;font-weight:700}
pre,code,kbd,samp{font-family:monospace,monospace;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:"";content:none}
small{font-size:85%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
ul,ol{padding:0;margin:0;list-style:none}
dd{margin:0 0 0 40px}
nav ul,nav ol{list-style:none;margin:0;padding:0}
img{border:0;-ms-interpolation-mode:bicubic;width:auto;max-width:100%}
form{margin:0}
fieldset{border:0;margin:0;padding:0}
legend{border:0;*margin-left:-7px;padding:0}
label{cursor:pointer}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal;*overflow:visible}
button,input[type="button"],input[type="reset"],input[type="submit"]{cursor:pointer;-webkit-appearance:button}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box}
input[type="search"]{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
input:invalid,textarea:invalid{background-color:#f0dddd}
table{border-collapse:collapse;border-spacing:0}
.font-icon{font-family:'mytube';font-style:normal}
#wrap{position:relative}
.clearfix:before,.clearfix:after{content:"";display:table}
.clearfix:after{clear:both}
.clearfix:before,.clearfix:after{content:"";display:table}
#container.ui-container{min-width:260px;max-width:1600px;box-sizing:border-box;margin:auto;min-height:100vh;display:flex;flex-direction:column}
#header .ui-head{max-width:1600px;background:rgba(0,0,0,0.7);height:60px;display:flex;align-items:center;position:fixed;width:100%;top:0;z-index:1000;box-sizing:border-box;will-change:transform;padding-left:1rem; padding-right:calc(1rem + 25px)}
#header .ui-head-video-page{background-color:#222;padding-right:1rem}
#header .ui-head h1{background:url(img/logo.png);display:block;position:relative;height:50px;width:200px;background-repeat:no-repeat}
#header .ui-head h1 a{display:block;height:100%;width:100%}
.hiden-text{display:block;overflow:hidden;text-indent:100%;white-space:nowrap}
button,input,select,textarea{border:0 none;box-shadow:none;margin:0;outline:0 none}
.users{float:right;margin-right:20px}
.users li{display:inline-block;margin-right:10px}
.users li a{color:rgba(255,255,255,0.4);font-size:1.1em;font-weight:700;position:relative}
.users li a:hover{color:#E51B24}
#header .ui-head .main-nav{flex-grow:1;height:100%;display:flex;align-items:center;margin-left:2rem;position:relative}
#header > div,#header nav ul,#header nav li{float:left}
#header .ui-head .main-nav a{color:#fff;text-transform:uppercase;padding:0 .5rem;margin-right:2rem;text-decoration:none;outline:none;font-family:Roboto Condensed,Arial,sans-serif}
#header .ui-head .main-nav li:hover a{color:#ff5e8c}
.header__main{justify-content:space-between;position:relative;margin-bottom:.5rem;height:2rem}
.header__main,.header__title-row{display:flex;align-items:center}
.header__additional{display:flex;justify-content:space-between;margin-bottom:1rem;align-items:center;position:relative}
.header__title-row .title{position:relative;line-height:.8;color:#fff;font-size:1.9rem;text-transform:uppercase;margin:0;font-weight:400;letter-spacing:.38rem}
.header__subtitle{position:relative;line-height:1;color:hsla(0,0%,100%,.8);font-size:.9rem;margin:.5rem 0;font-weight:400;font-family:Helvetica,Arial,Liberation Sans,sans-serif}
.header__input{width:18rem}
.header__input.active{box-shadow:0 0 4px 2px #ff5e8c}
.text-input{box-sizing:border-box;height:2rem;border:1px solid #9499a8;border-radius:1rem;display:flex;font-size:.8rem;align-items:center;position:relative;background:rgba(0,0,0,.4);border-color:hsla(0,0%,100%,.4);color:#fff}
.icon{display:inline-block;fill:#fff}
.text-input__icon{margin-left:calc(.75rem - 1px);color:#9499a8;width:.76rem}
.text_input_search{font-family:Roboto Condensed,Arial,sans-serif;font-size:.8rem;flex-grow:1;border:none;background:none;outline:none;color:inherit;padding-left:.5rem;padding-right:.7rem;width:100%;box-sizing:border-box;border-radius:.5rem;text-transform:uppercase}
.search_button {display:none}
.search_button.search_open .search-icon::before {color:#fff;margin-left:15px}
.datafetchresults{background:rgba(0,0,0,.8);position:absolute;visibility:hidden;top:46px;padding:0;max-height:14rem;font-size:.7rem;overflow:auto;overflow-x:hidden;z-index:9;z-index:100;left:0;right:0;margin:0 .5rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.25)}
.datafetchresults li a{color:#fff;line-height:2rem;cursor:pointer;padding:0 .5rem;position:relative;white-space:nowrap;text-transform:uppercase;display:block;overflow:hidden;text-overflow:ellipsis;font-family:Roboto Condensed,Roboto,sans-serif;text-decoration:none}
.datafetchresults li a,.datafetchresults li:hover a,.datafetchresults li a:hover{color:#FFF}
.datafetchresults li:hover{background:rgba(255,255,255,.3)}
#main-search-form{width:100%}
.search-icon:before{font-size:1rem;content:'\E806';margin-left:15px}
.search_button .search-icon:before {font-size:2rem;color: #888;margin-left:0}
.header__mask{top:3rem;bottom:0;position:absolute;left:0;right:0;background:linear-gradient(180deg,transparent,rgba(0,0,0,.7))}
.ui-subnav{background-position:50%;background-size:cover;height:12rem;font-family:Arial Narrow,Liberation Sans Narrow,sans-serif;display:flex;flex-direction:column;justify-content:flex-end;padding-left:2rem;padding-right:2rem;box-sizing:border-box;position:relative;flex-shrink:0;background-image:url(img/header-videos.jpg)}
footer{clear:left}
#leaderboard{display:flex;background:#eeeff4;flex-direction:column}
#content{clear:both;background:#222;position:relative}
.row.freegrid{position:relative;display:flex;flex-grow:1;flex-shrink:0;padding-bottom:1rem;background-color:#eeeff4}
.video_page_toolbar{margin-top:60px;background:#dde0e9;height:3rem;display:flex;align-items:center;padding-left:1rem;padding-right:1rem;flex-shrink:0}
.video_page{background:rgba(0,0,0,0.25);position:relative;padding-top:10px;padding-bottom:10px}
.releated_content{background:#dde0e9;padding:1rem 0}
.releated_content h2{font-size:1.2rem;text-transform:uppercase;padding-left:1rem}
.video_list{display:flex;flex-wrap:wrap;padding:0 .75rem;margin-bottom:-.25rem}
.posts{display:flex;flex-direction:column;flex-basis:calc(80% + 6px);margin-bottom:1rem}
.post_single{font-size:.8rem}
.post_single h1{font-size:1.6rem}
.post_single h2{font-size:1.4rem}
.post_single h3{font-size:1.2rem}
.post_single h4{font-size:1rem}
.video_list > .video{min-width:calc(25% - .5rem);max-width:calc(25% - .5rem);flex-basis:calc(25% - 0.5rem);margin:.25rem;flex-grow:1;flex-shrink:1;position:relative;box-shadow:1px 1px 5px rgba(0,0,0,.2)}
.video_list > .video a.thumb{display:block;position:relative;overflow:hidden}
.video_list > .video a.thumb img,.thumb__wrap{display:block;height:auto;width:100%}
.video_list > .video .video_box{position:relative}
.video_list > .video a.thumb:after{position:absolute;bottom:0;left:0;right:0;top:0;content:'';background:linear-gradient(180deg,transparent 70%,rgba(0,0,0,0.7))}
.video_list > .video .video_box .box{position:absolute;bottom:10px;right:10px;left:10px;display:flex;color:#FFF;font-family:Roboto,Arial,sans-serif;font-size:.7rem;text-shadow:1px 1px 0 rgba(0,0,0,0.7)}
.video_list > .video .video_box .box .time{position:absolute;left:0;bottom:0}
.video_list > .video .video_box .box .views{position:absolute;bottom:0;right:0}
.video_list > .video .title{background:#fff;display:flex;align-items:center;padding:.5rem;height:2rem;text-decoration:none}
.video_list > .video .title a{text-decoration:none;color:#222;font-size:.8rem;flex-grow:1;padding-right:.5rem;max-height:2.1rem;line-height:1rem;font-family:Roboto Condensed,Arial,sans-serif;overflow:hidden;text-overflow:ellipsis}
.video_list > .video .video_box h3{position:absolute;z-index:9;right:.5rem;left:.5rem;bottom:.4rem;color:#FFF;text-transform:uppercase;font-size:.9rem;display:flex;justify-content:space-between}
.clock-o:before{content:'\E800'}
.eye-o:before{content:'\E801'}
.video_player{margin:0 10px;height:auto}
.video_sidebar{margin-top:0;margin-right:10px!important;padding:0!important}
.video_sidebar > .banner_left{width:300px;height:250px;padding-bottom:30px}
.description.tags{display:flex}
.add_comment{float:right;margin-top:1rem;font-family:Roboto Condensed,Arial,sans-serif;border-radius:1rem;font-size:.8rem;text-transform:uppercase;border:2px solid #999;padding:.5rem 1rem;margin-right:1rem;cursor:pointer}
.add_comment:hover{color:inherit;border:2px solid #6cb4e6;color:#6cb4e6}
.tag_section,.info_class{margin:10px}
.info_class{color:#B5B2B2}
.info_class span{margin-right:.5rem;cursor:help}
.the_time:before{content:'\E808';margin-right:4px}
.post_views:before{content:'\E801';margin-right:4px}
.tag_section a{color:#2479b4;margin-right:.3rem;font-size:.9rem;margin-bottom:.3rem;display:inline-block;text-transform:lowercase;font-family:Roboto Condensed,Arial,sans-serif}
.tag_section a.tag:before,.tag_section a.category_link:before{content:'#'}
.tag_section a.category_link{color:#C30}
.tag_section a:hover{text-decoration:underline}
#comment{margin:20px 20px 20px 96px;display:none}
#comment input,#comment textarea{width:80%;height:30px;padding:8px;margin:2px;display:block;border:2px solid #dde0e9;font-family:inherit}
#comment textarea{height:130px}
#comment .btn{width:auto;margin-top:1rem;font-family:Roboto Condensed,Arial,sans-serif;border-radius:1rem;font-size:.8rem;text-transform:uppercase;border:2px solid #679bbf;padding:.5rem 1rem;margin-right:1rem;cursor:pointer;height:auto;background:#6cb4e6;color:#FFF}
#comments li{padding:1.5rem 2rem}
.comm_head img{vertical-align:top;border-radius:50%;margin-right:5px}
#comments p{padding:8px;margin:0}
.p_{margin-top:-24px;background:#dde0e9;margin-left:56px;padding:8px;border-radius:10px}
.comment-data a{color:#B5B2B2}
#comments a:hover{color:#000;text-decoration:underline}
.footer{font-size:.8rem;padding:2rem 1rem;background:#222;flex-shrink:0;border-top:8px solid #393939}
.footer .bar ul{text-align:center;margin-top:8px}
.footer .bar ul li{display:inline-table;list-style:none}
.footer .bar ul li a{color:#F0F0E4;padding:5px;font-weight:700}
.footer .bar ul li a:hover{color:#FF5E8C}
.footer .bar .copyright{text-align:center;color:#999;margin-top:.5rem}
#sidebar{flex-grow:1;flex-basis:calc(20% - 6px);background-color:#dde0e9;margin-bottom:-1rem}
.widget{margin:0 auto 20px;padding:.5rem 0 .4rem;border-bottom:1px solid #c7cbd5}
.widget li a{position:relative;cursor:pointer;display:flex;align-items:center;min-height:1.9rem;color:#585d6b;text-transform:uppercase;font-size:.8rem;padding:.25rem 2.4rem .2rem;box-sizing:border-box;font-family:Roboto Condensed,Arial,sans-serif}
.widget li a:hover{background:#c6c9d3}
.widget .header .svg_icon{width:1em}
.widget .header:before{color:#9499a8;content:'\E802'}
.widget .tagcloud{padding:5px 10px}
.post_content .header,.widget .header{position:relative;display:flex;align-items:center;height:2rem;padding-left:.9rem}
.post_content .header{margin-top:10px}
.post_content .header > h2,.widget .header > h2{color:#9499a8;font-size:.1.2rem;text-transform:uppercase;margin:0;padding-right:10px;padding-left:10px;position:relative;z-index:2}
.post_content .header > h2{padding-left:0}
.pagination{margin:10px auto;text-align:center}
.pagination li a:before{content:"";display:inline-block;height:100%;vertical-align:middle}
.pagination li{margin:0 1px;display:inline-block}
.pagination li a{width:2rem;height:2rem;line-height:2.1rem;border-radius:1rem;border-width:0;color:#222;border:1px solid rgba(0,0,0,0);padding-left:0;font-size:.8rem;display:block;text-align:center;padding-right:0}
.pagination li a:hover{border:1px solid #9499a8}
.pagination li a.current{background:#9499a8;color:#fff}
.pagination .next a:after{content:'\E803'}
.pagination .prev a:after{content:'\E804'}
.Category .thumb__wrap img{-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-ms-transition:all 300ms linear;-o-transition:all 300ms linear;transition:all 300ms linear;transform:scale(1)}
.Category .thumb:hover .thumb__wrap img{transform:scale(1.1)}
.video_player iframe,.video_player video{height:600px;width:100%;background:#000;margin-bottom:1rem}
._page{background-color:#fff;border:2px solid #dde0e9;margin:2rem auto;max-width:80%;font-size:.8rem;color:#222;line-height:1.2;padding:2rem calc(2rem + 10px) 2rem 2rem}
._page .header{padding-left:0;padding-bottom:1rem}
._page .header h2{font-size:1.5rem;text-transform:uppercase;font-weight:300;color:#222}
.single-post p{margin-top:1rem;margin-bottom:1rem}
._loading_{content:'';position:fixed;left:0;top:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:999;background-image:url(img/spiner.svg);background-repeat:no-repeat;background-position:center}
.video_list > .video a.thumb:before{display:block;content:"";width:100%;padding-top:55.5%}
.video_list > .video a.thumb > img,.thumb__wrap{position:absolute;left:0;top:0;right:0;bottom:0}
.tipsy{position:absolute;top:0;left:0;padding:6px 8px;font-size:.7rem;line-height:normal;color:#fff;-webkit-border-radius:3px;border-radius:3px;background-color:rgba(0,0,0,0.75);z-index:9999}
.tipsy:before{position:absolute;bottom:-5px;left:5px;display:inline-block;content:'';border-right:5px solid transparent;border-top:5px solid rgba(0,0,0,0.75);border-bottom:0 solid rgba(0,0,0,0.75);border-left:5px solid transparent}
.tipsy.arrow-top:before{bottom:auto;top:-5px;border-top-width:0;border-bottom-width:5px}
.tipsy.arrow-bottom:before{bottom:-5px;top:auto;border-top-width:5px;border-bottom-width:0}
.tipsy.arrow-left:before{left:5px;right:auto}
.tipsy.arrow-center:before{left:50%;right:auto;margin-left:-5px}
.tipsy.arrow-right:before{right:5px;left:auto}
.tipsy.arrow-side-left:before{top:50%;bottom:auto;left:0;right:auto;margin-top:-5px;margin-left:-5px;border-right-color:rgba(0,0,0,0.75);border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:0}
.tipsy.arrow-side-right:before{top:50%;bottom:auto;right:0;left:auto;margin-top:-5px;margin-right:-5px;border-left-color:rgba(0,0,0,0.75);border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:0}
.nav_mobile{display:none;cursor:pointer}
.nav_mobile:after{color:#888;font-size:2rem;content:'\F0C9'}
.ui-head.open .nav_mobile:after{color:#fff}
.ui-head.open .main-nav{margin-left:0!important;display:block!important;position:absolute!important;top:60px;left:0;right:0;bottom:0}
.ui-head.open .main-nav ul{background:rgba(0,0,0,.7);float:none!important}
.ui-head.open .main-nav ul li{display:block;padding:20px 0;float:none!important;width:100%;text-align:center}
.gallery_block{position:relative;margin:auto}
.gallery_block .previous-link,.gallery_block .next-link{position:absolute;top:50%;margin-top:-60px;height:60px;width:60px;background:rgba(0,0,0,.75);color:#FFF;font-size:38px}
.gallery_block .previous-link{left:0}
.gallery_block .next-link{right:0}
.gallery_block .next-link a,.gallery_block .previous-link a{display:block;height:100%;width:100%;position:relative;z-index:9}
.gallery_block .previous-link:after{content:'\E804';position:absolute;left:15px;top:10px}
.gallery_block .next-link:after{content:'\E803';position:absolute;right:15px;top:10px}
@media (min-width:1501px) {
.posts{flex-basis:calc(80% + 6px)}
.video_list > .video{min-width:calc(25% - .5rem);max-width:calc(25% - .5rem);flex-basis:calc(25% - 0.5rem)}
.video_player iframe{height:650px}
}
@media (min-width:1221px) and (max-width:1500px) {
.posts{flex-basis:calc(80% + 6px)}
.video_list > .video{min-width:calc(25% - .5rem);max-width:calc(25% - .5rem);flex-basis:calc(25% - 0.5rem)}
.video_player iframe{height:600px}
.video_page_search{width:14rem}
}
@media (min-width:961px) and (max-width:1220px) {
.posts{flex-basis:calc(75% + 7px)}
.page_html{font-size:18px}
.video_page_search{width:10rem}
.video_list > .video{min-width:calc(33.33333% - .5rem);max-width:calc(33.33333% - .5rem);flex-basis:calc(33.33333% - 0.5rem)}
.video_player iframe,.video_player video{height:500px}
}
@media (min-width:768px) and (max-width:960px) {
.main-nav,.users{display:none!important}
.video_page_search{display:none}
.search_button {display:inline-block}
#header .ui-head h1 { margin:auto}
.nav_mobile{display:inline-block}
.posts{flex-basis:calc(66.66667% + 8px)}
.page_html{font-size:16px}
.video_list > .video{min-width:calc(50% - .5rem);max-width:calc(50% - .5rem);flex-basis:calc(50% - 0.5rem)}
.video_player iframe,.video_player video{height:400px}
.nav_mobile._open,#header .ui-head h1._open {display:none}
.video_page_search.__open { display:flex}
.header__input.___open { width:100%}
}
@media (min-width:568px) and (max-width:767px) {
.main-nav,.users{display:none!important}
#header .ui-head h1 { margin:auto}
.video_page_search{display:none}
.search_button {display:inline-block}
.nav_mobile{display:inline-block}
.posts{flex-basis:75%}
.page_html{font-size:16px}
.video_list > .video{min-width:calc(50% - .5rem);max-width:calc(50% - .5rem);flex-basis:calc(50% - 0.5rem)}
.video_player iframe,.video_player video{height:350px}
.nav_mobile._open,#header .ui-head h1._open {display:none}
.video_page_search.__open { display:flex}
.header__input.___open { width:100%}
}
@media (min-width:361px) and (max-width:567px) {
.main-nav,.users,.header__title-row,.header__additional{display:none!important}
.video_page_search{display:none}
.search_button {display:inline-block}
.text-input{margin:auto}
.header__main{margin-bottom:3rem}
#header .ui-head h1 { margin:auto}
.nav_mobile{display:inline-block}
#sidebar{display:none}
.video_page #sidebar,.video_page.row.freegrid{display:block}
.video_sidebar {margin-right: 0 !important}
.posts{flex-basis:100%}
.page_html{font-size:16px}
.video_list > .video{min-width:calc(50% - .5rem);max-width:calc(50% - .5rem);flex-basis:calc(50% - 0.5rem)}
.video_player iframe,.video_player video{height:300px}
#comment{margin:20px}
#comment input,#comment textarea{width:94%}
.nav_mobile._open,#header .ui-head h1._open {display:none}
.video_page_search.__open { display:flex}
.header__input.___open { width:100%}
}
@media (max-width:360px) {
.main-nav,.users,.header__title-row,.header__additional{display:none!important}
.video_page_search{display:none}
.search_button {display:inline-block}
.text-input{margin:auto}
.header__main{margin-bottom:3rem}
#header .ui-head h1 { margin:auto}
.nav_mobile{display:inline-block}
#sidebar{display:none}
.video_sidebar {margin-right: 0 !important}
.video_page #sidebar,.video_page.row.freegrid{display:block}
.posts{flex-basis:100%}
.page_html{font-size:16px}
.video_list > .video{min-width:calc(100% - .5rem);max-width:calc(100% - .5rem);flex-basis:calc(100% - 0.5rem)}
.video_player iframe,.video_player video{height:250px}
#comment{margin:20px}
#comment input,#comment textarea{width:94%}
.nav_mobile._open,#header .ui-head h1._open {display:none}
.video_page_search.__open { display:flex}
.header__input.___open { width:100%}
}