/*=========================================
      THEMING OF THE HOME COMPONENTS
/* =========================================

    1 - Top Slider Asset
    2 - BUTTONS
    3 - TYPE
    4 - PAGINATION
    5 - UTILITIES
    6 - FORMS
    7 - CODE
    8 - NAV
    9 - CARD
    10 - DROPDOWNS
=========================================
=========================================*/

/*
*
* ======================================================================
* Top Slider Asset
* ======================================================================
*
*/

.foxslide{width:100%;margin:0 auto;overflow: hidden; background-color:#0A1016;background-image: url('../../common/img/laptop.jpg');background-repeat: no-repeat;background-size: cover;}
.foxslide-left{width:50%;float:left;overflow: hidden;}
.foxslide-left img{width:100%;padding:5%;}
.foxslide-right{width:50%;float:right;}
.foxslide-right span{color: aqua;font-weight: 600;font-size: 12px;padding: 5px;}
.foxs-right{width:50%;float:left;}
.foxs-right img{width:190px;margin:5px 0;}
.foxs-right a{width: 250px;line-height: 50px;font-size: 20px;font-weight: 600;margin: 10% 0;}
.foxslide-title{width:100%;padding:15% 10px 10px 50px;color:#FFF;font-size: 32px;}
.foxslide-tag{width:100%;padding:20px 10px 10px 50px;color:rgba(255, 255, 255, 0.6);font-size: 18px;}
.foxlogs{display: inline-block;width:100%;background: radial-gradient(500px at top right,#192531,rgba(0,0,0,0)),radial-gradient(500px at top left,#172029,rgba(0,0,0,0)),radial-gradient(500px at bottom left,#172029,rgba(0,0,0,0)),radial-gradient(500px at bottom right,#192531,rgba(0,0,0,0));background-color:#435F6D;}
.foxpart{margin:10px auto;max-width: 655px;overflow: hidden;}
.foxpart img{height: 30px;}
a.pn-log{color:#FFF;font-weight:600;float:left;margin-left: 5px;margin-bottom: 5px;height: 30px;}
.bn-custom{width: 200px;padding: 10px 30px;background-color: #4fbfa8;margin: 25px auto;border-radius: 25px;text-align: center;color: #FFF;font-weight: 600;font-size: 18px;cursor: pointer;letter-spacing: 2px;}
.text-user{font-weight:600;margin-bottom:10px;border-bottom:2px dotted #999;padding:5px;}
/*
*
* ======================================================================
* Single Post Asset
* ======================================================================
*
*/
.grid {position: relative;clear: both;margin: 0 auto;padding:10px 45px;list-style: none;text-align: center;overflow: hidden;
}

/* Common style */
.grid figure {position: relative;float: left;overflow: hidden;margin: 10px;width: 180px;height: 274px;background: #3085a3;text-align: center;cursor: pointer;border: 1px solid #fff;
    border-radius: 7px;
}

.grid figure img {position: relative;display: block;min-height: 100%;max-width: 100%;opacity: 0.8;
}

.grid figure figcaption {padding: 0;color: #fff;text-transform: uppercase;font-size: 14px;-webkit-backface-visibility: hidden;backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {z-index: 1000;text-indent: 200%;white-space: nowrap;font-size: 0;opacity: 0;
}

.grid figure h2 {font-weight: 600;
}

.grid figure h2,
.grid figure p {margin: 0;
}

.grid figure p {letter-spacing: 1px;font-size: 68.5%;
}
.myhd{float:left;background:#4fbfa8;color:#FFF;border-radius: 15px;padding: 5px;}
.myimdb{float:right;background:#4fbfa8;color:#FFF;border-radius: 15px 0 0 15px;padding: 2px 7px;}
/*---------------*/
/***** Effects Start *****/
/*---------------*/

figure.effect-julia {background: #2f3238;
}

figure.effect-julia img {max-width: none;height: 280px;-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;
}

figure.effect-julia figcaption {text-align: left;}
figure.effect-julia h2 {font-size: 14px;width: 100%;position: absolute;padding: 4px 5px;bottom: 5px;background:  linear-gradient(to right, #4fbfa8,#1d1d1d,#4fbfa8,#1d1d1d,#4fbfa8,#1d1d1d);background-size: 600%;color: #FFFFFF;transition: .3s;animation: bruh 16s linear infinite;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
@keyframes bruh {
    0% {
        background-position: 0 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}
figure.effect-julia p {width: 100%;display: inline-block;margin: 0 0 0.25em;padding: 0.4em 1em;background: rgba(255,255,255,0.9);color: #2f3238;text-transform: none;font-weight: 500;font-size: 75%;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;-webkit-transform: translate3d(-360px,0,0);transform: translate3d(-360px,0,0);
}

figure.effect-julia p:first-child {-webkit-transition-delay: 0.15s;transition-delay: 0.15s;
}

figure.effect-julia p:nth-of-type(2) {-webkit-transition-delay: 0.1s;transition-delay: 0.1s;
}

figure.effect-julia p:nth-of-type(3) {-webkit-transition-delay: 0.05s;transition-delay: 0.05s;
}

figure.effect-julia:hover p:first-child {-webkit-transition-delay: 0s;transition-delay: 0s;
}

figure.effect-julia:hover p:nth-of-type(2) {-webkit-transition-delay: 0.05s;transition-delay: 0.05s;
}

figure.effect-julia:hover p:nth-of-type(3) {-webkit-transition-delay: 0.1s;transition-delay: 0.1s;
}

figure.effect-julia:hover img {opacity: 0.4;-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);
}

figure.effect-julia:hover p {opacity: 1;-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);
}

/*
=============================
Circle Effect
===============================
*/
figure.effect-julia .loader{width: 100px;height: 100px;background:none;border-radius: 50px;margin: 20px 22%;text-align: center;padding: 23% 0;font-size: 16px;font-weight: bold;color:#EDA72B;}
.loader:before, .loader:after{opacity:0;box-sizing:border-box;content:"\0020";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100px;border:5px solid #fff;box-shadow:0 0 50px #fff, inset 0 0 50px #fff}
.loader:after{z-index:1;-webkit-animation:gogoloader 2s infinite 1s;-moz-animation:gogoloader 2s infinite 1s;-o-animation:gogoloader 2s infinite 1s;animation:gogoloader 2s infinite 1s}
.loader:before{z-index:2;-webkit-animation:gogoloader 2s infinite;-moz-animation:gogoloader 2s infinite;-o-animation:gogoloader 2s infinite;animation:gogoloader 2s infinite}
@-webkit-keyframes gogoloader{0%{-webkit-transform:scale(0);opacity:0}50%{opacity:1}100%{-webkit-transform:scale(1);opacity:0}}
/*
*
* ======================================================================
* Genaral Section Tab Asset
* ======================================================================
*
*/
section.gentab div {box-sizing: border-box;transition: all ease-in-out .5s;-moz-transition: all ease-in-out .5s;-webkit-transition: all ease-in-out .5s;
}
#gentab-head{text-align: center;margin: 10px auto;}
.icetab {display: inline-block;border-bottom: 0px;margin: 0px;color: #fff;cursor: pointer;border-right: 0px;}
.icetab:last-child {}

#icetab-content {overflow: hidden;position: relative;
}


.tabcontent {position: absolute;left: 0px;top: 0px;background: none;width: 100%;border-top: 0px;border-top: 0px;transform: translateY(-100%);-moz-transform: translateY(-100%);-webkit-transform: translateY(-100%);
}

.tabcontent:first-child {position: relative;	
}
.tabcontent.tab-active {border-top: 0px;display: block;transform: translateY(0%);-moz-transform: translateY(0%);-webkit-transform: translateY(0%);
}

.gentab {
  width: 100%;
  margin: 0 auto;
}

.icetab {padding: 7px 15px;text-transform: uppercase;letter-spacing: 2px;border-radius:10px 10px 0 10px;
}
.current-tab { background: #ff9900;
}
/*
*
* ======================================================================
* WATCH DOWNLOAD BUTTON Asset
* ======================================================================
*
*/
.btn-offer:focus,.btn-offer:active{color:#fff;}
.btn-watch{background-color:#0096ff;margin:5px;}
.btn-download{background-color:#0096ff;margin:5px;}
.btn-offer{outline:none!important;color:#fff;padding:12px 20px 15px 70px;text-decoration:none;border-radius:3px;font-family:Oswald,Sans-serif;font-weight:700;letter-spacing:1px;text-shadow:0 1px 1px #000;position:relative;text-transform:uppercase}
.btn-bg{color:#fff;display:inline-block;position:absolute;width:30px;height:54px;top:0px;left:-1px;background-color:#333;border-radius:3px 0 0 3px}
.btn-bg:before{background-color:#9C360E;content:"";position:absolute;top:8px;width:38px;height:38px;background:inherit;border:inherit;border-left-color:transparent;border-bottom-color:transparent;border-radius:0 4px 0 0;-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);left:10px;border-right:1px solid;border-top:1px solid}
.btn-bg .icon{position:relative;top:9px;left:7px;font-size:24px;}
.btn-watch:hover{color:#fff;background-color:#0c68a9;}
.btn-download:hover{color:#fff;background-color:#0c68a9;}
/*
=============================
Star Rating Effect
===============================
*/

ul.ratings {list-style:none;float:left;margin:0;}
ul.ratings li{display:inline-block;list-style:none;float:left;padding: 5px 0;}
ul.ratings li i ,.ratings a i{color:#ff8d1b;float:left;}
@media (max-width:384px){
ul.ratings li i,.ratings a i{font-size:0.8em;}
}