/* STANDARD ***********************************************************************************************************************/

*, *:before, *:after {cursor: url(../img/pointer.cur) 4 12, auto;}
body {position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 1000; opacity: 1; background-color: transparente4c; font-family: 'Roboto', sans-serif;}
ul {padding: 0;}
li {list-style-type: none;}
.navbar-brand img, .navbar-default .navbar-nav li a, .navbar-default .navbar-toggle, .projects img, .episoden-container ul li input, .project-files ul li, .nav-pills li a, .btn, .navbar-footer ul li a, .fa-2x  {transition: all 300ms; -webkit-transition: all 300ms; -moz-transition: all 300ms; -o-transition: all 300ms;}

/* HEADER *************************************************************************************************************************/

.dropdown-toogle {background-color: transparent;}
.header {background-color: transparent; border-radius: 0; border: none; /*box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);*/}
.navbar {margin: 0;}
.navbar-brand {padding: 10px 10px;}
.navbar-brand img {width: 32px; opacity: 0.8;}
.navbar-brand img:hover {opacity: 1; cursor: pointer;}
.navbar-default .navbar-nav li a {color: #fff; opacity: 0.8;}
.navbar-default .navbar-nav li a:hover {font-size: 15px; color: #fff; opacity: 1; cursor: pointer;}
.navbar-default .navbar-nav li a:active, .navbar-default .navbar-nav li a:focus {font-size: 15px; color: #fff; opacity: 1;}
.navbar-default .navbar-nav .open .dropdown-menu {background-color: transparent}
.navbar-default .navbar-nav .open .dropdown-menu li a {color: #fff; opacity: 0.8;}
.navbar-default .navbar-nav .open .dropdown-menu li a:hover {font-size: 15px; color: #fff; opacity: 1; background-color: transparent;}
.navbar-default .navbar-nav .open .dropdown-menu .divider {background-color: #fff; opacity: 0.15;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #fff; background-color: transparent}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}
.navbar-default .navbar-toggle {border-color: transparent;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {border-color: transparent;}

/* FOOTER *************************************************************************************************************************/

#footer {text-align: center; position: absolute; right: 0; left: 0; bottom: 0; padding: 15px 0 5px 0; background-color: transparent; color: #fff; opacity: 0.8; overflow: hidden;}
#copyright {font-size: 14px;}
#copyright p {cursor: pointer;}
#copyright a {color: #fff; text-decoration: none;}
#copyright a:hover {font-size: 15px; color: #fff; opacity: 1;}
.navbar-footer ul li {float: right; margin: 46px 0 15px 0; padding-left: 25px;}
.navbar-footer ul li a {font-size: 12px;}
.navbar-footer ul li a:hover {color: #fff; text-decoration: none;}
.navbar-footer ul li a:active, .navbar-footer ul li a:focus {text-decoration: none;}
.navbar-footer ul li:last-child {margin: 48px 0 15px 0;}
.fa-2x, .navbar-footer ul li a {color:#999;}
.fa-twitter:hover {color: #4099ff;} .fa-youtube-play:hover {color: #c4302b;}
@media (max-width: 991px) {.navbar-footer ul li {clear: right; float:left;} .navbar-footer ul li {padding-left: 0; padding-right: 25px;}}

/* PARTICLES **********************************************************************************************************************/

#particles-js {width: 100%; position: absolute; margin-top: 80px;}

/* HOME ***************************************************************************************************************************/

.typer {position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%);}
.home h1, .home h2 {color: #fff; text-align: center;}
.home h1 {font-size: 60px; margin: 200px 0 50px 0;}
.home hr {width: 50px; margin-bottom: 200px;}
.videoarea {position: fixed;top: 50%;left: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;z-index: -100;transform: translateX(-50%) translateY(-50%);background-size: cover;transition: 1s opacity;}

/* EXTRAS *************************************************************************************************************************/

.overlay {width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMDY3IDc5LjE1Nzc0NywgMjAxNS8wMy8zMC0yMzo0MDo0MiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgTWFjaW50b3NoIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjI4RkZBQTgzNzg1NzExRTU4NTQyODc3OUM4MTZGMUREIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjI4RkZBQTg0Nzg1NzExRTU4NTQyODc3OUM4MTZGMUREIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6MjhGRkFBODE3ODU3MTFFNTg1NDI4Nzc5QzgxNkYxREQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6MjhGRkFBODI3ODU3MTFFNTg1NDI4Nzc5QzgxNkYxREQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz66uHInAAAAIUlEQVR42mL5//8/AyMj42YGIGBigABfEMEIkoEBgAADAKvuBwVS8BAjAAAAAElFTkSuQmCC); /* background:url(../img/overlay.png); */}
.mask {width: 100%; height: 100%; top: 0; left: 0; bottom: 0; right: 0; background: rgba(0,0,0,0.25);}

/* PRELOADER **********************************************************************************************************************/

#preloader {position: fixed; top:0; left:0; right:0; bottom:0; width:100%; height:100%; background-color:#333333;  z-index:9999;}
.loading {position: absolute; top: 50%; left: 50%; -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%)}
.loader {border-radius: 80%; height: 50px; width: 50px; position: relative; -webkit-animation-name: clockwise; -webkit-animation-duration: 0.6s; -webkit-animation-timing-function: linear; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: infinite; animation-name: clockwise; animation-duration: 0.6s; animation-timing-function: linear; animation-delay: 0s; animation-iteration-count: infinite;}
.loader:before, .loader:after {content: ""; display: block; position: absolute;}
.loader:before {border-radius: 0 90px 90px 0; height: 50px; width: 50%; top: 0; right: 0; background: #333333; background-image: -webkit-linear-gradient(#333333, #cc00ff); background-image: linear-gradient(#333333, #cc00ff); z-index: 1;}
.loader:after {border-radius: 80%; height: 45px; width: 45px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: #333333; z-index: 1;
}
/* ANIMATIONS *********************************************************************************************************************/

.animated {-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.fadeInUp {-webkit-animation-name: fadeInUp; animation-name: fadeInUp;}

/*fadeInUp*/
@-webkit-keyframes fadeInUp {0% {opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px);} 100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}}
@keyframes fadeInUp {0% {opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px);}100% {opacity: 1;-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}}

/*fadeInDown*/
.fadeInDown {-webkit-animation-name: fadeInDown; animation-name: fadeInDown;}
@-webkit-keyframes fadeInDown {0% {opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px);}100% {opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);}}
@keyframes fadeInDown {0% {opacity: 0; -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px);}100% {opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0);}}

/*clockwise*/
@keyframes clockwise{0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);}}
@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);}}
@-moz-keyframes clockwise{0%{-moz-transform:rotate(0deg);} 100%{-moz-transform:rotate(360deg);}}
@-o-keyframes clockwise{0%{-o-transform:rotate(0deg);} 100%{-o-transform:rotate(360deg);}}
@-ms-keyframes clockwise{0%{-ms-transform:rotate(0deg);} 100%{-ms-transform:rotate(360deg);}}

/*mouse wheel*/
@-webkit-keyframes wheel {0% {-webkit-transform: translateY(-60%); -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);}20% {-webkit-transform: translateY(60%);}22% {-webkit-transform: translateY(60%); -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);}42% {-webkit-transform: translateY(-60%);}100% {-webkit-transform: translateY(-60%);}}
@-moz-keyframes wheel {0% {-moz-transform: translateY(-60%); -moz-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);}20% {-moz-transform: translateY(60%);}22% {-moz-transform: translateY(60%); -moz-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);}42% {-moz-transform: translateY(-60%);}100% {-moz-transform: translateY(-60%);}}
@keyframes wheel {0% {-webkit-transform: translateY(-60%); -moz-transform: translateY(-60%); -ms-transform: translateY(-60%); -o-transform: translateY(-60%); transform: translateY(-60%); -webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); -moz-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1); animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);}20% {-webkit-transform: translateY(60%); -moz-transform: translateY(60%); -ms-transform: translateY(60%); -o-transform: translateY(60%); transform: translateY(60%);}22% {-webkit-transform: translateY(60%);-moz-transform: translateY(60%); -ms-transform: translateY(60%); -o-transform: translateY(60%); transform: translateY(60%);-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);-moz-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);}42% {-webkit-transform: translateY(-60%);-moz-transform: translateY(-60%);-ms-transform: translateY(-60%);-o-transform: translateY(-60%);transform: translateY(-60%);}100% {-webkit-transform: translateY(-60%);-moz-transform: translateY(-60%);-ms-transform: translateY(-60%);-o-transform: translateY(-60%);transform: translateY(-60%);}}
@-webkit-keyframes bounce {0% {-webkit-transform: translateY(0);-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);}20% {-webkit-transform: translateY(6px);}22% {-webkit-transform: translateY(6px);-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);}42% {-webkit-transform: translateY(0);}100% {-webkit-transform: translateY(0);}}
@-moz-keyframes bounce {0% {-moz-transform: translateY(0);-moz-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);}20% {-moz-transform: translateY(6px);}22% {-moz-transform: translateY(6px);-moz-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);}42% {-moz-transform: translateY(0);}100% {-moz-transform: translateY(0);}}
@keyframes bounce {0% {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);-moz-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);}20% {-webkit-transform: translateY(6px);-moz-transform: translateY(6px);-ms-transform: translateY(6px);-o-transform: translateY(6px);transform: translateY(6px);}22% {-webkit-transform: translateY(6px);-moz-transform: translateY(6px);-ms-transform: translateY(6px);-o-transform: translateY(6px);transform: translateY(6px);-webkit-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);-moz-animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);animation-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);}42% {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}100% {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0);}}