/*
Template Name: Geek
==================================================
Table of Contents
==================================================
# Couleurs
# Global 
# Home Banner 
# About Section
# Skill Section
# experience Section
# Education Section
# Portfolio Section
# Contact Section
# Blog Section
# Profile Section
# Footer Section
# Blog Details
# Extra Css
==========================================================================
Couleurs
========================================================================== */
.noir { color:#0c0c16!important }
.orange { color:#f59421!important }
.rouge  { color:#c02640!important }
.bleu  { color:#00a9ac!important }
.vert  { color:#cad82d!important }
.bg-noir { background-color:#0c0c16!important }
.bg-orange { background-color:#f59421!important }
.bg-rouge  { background-color:#c02640!important }
.bg-bleu  { background-color:#00a9ac!important }
.bg-vert  { background-color:#cad82d!important }
/*
==========================================================================
Global
========================================================================== */
html,body {font-family: 'Montserrat', sans-serif;font-weight:normal;overflow-x:hidden;-webkit-font-smoothing: antialiased;color: #0c0c16;}
h1, h2, h3, h4, h5, h6 {font-family: 'Montserrat', sans-serif;font-weight: 700;color: #0c0c16;}

a{ color: #0c0c16;}
a:hover {color: #00aeef;}
a, a:hover, a:active,a:focus, button:focus, .btn:focus,.form-control:focus {outline: none !important;text-decoration: none !important;box-shadow: none !important;}
.section-padding-xs {padding-top: 20px;padding-bottom: 40px;}
.section-padding-sm {padding-top: 40px;padding-bottom: 60px;}
.section-padding-md {padding-top: 60px;padding-bottom: 80px;}
.section-padding {padding-top: 80px;padding-bottom: 100px;}
.section-title {margin-bottom: 60px;}
.section-title h1 {font-size: 56px;}
.home-two .section-title h1 {font-size: 50px;margin-top: 0;}
.bg-color {background-color: #f9f9f9;position: relative;}
.bg-color:before {position: absolute;content: "";top: 0;left: -100%;width: 100%;height: 100%;background-color: #f9f9f9; display: block;}
.section-content {max-width: 750px;}
.btn.btn-primary {padding-left: 30px;padding-right: 30px;font-size: 16px;font-weight:700;color:#fff;padding-top: 20px;padding-bottom: 20px;background-color: #00a9ac;border: 1px solid #00a9ac;position: relative;overflow: hidden;z-index: 1;}
.btn.btn-primary:before {position: absolute;content: "";top: 0;left: -100%;width: 100%;height: 100%;background-color: #fff;z-index: -1;}
.btn.btn-primary:hover:before {left: 0;}
.btn.btn-primary:hover {color: #00a9ac;}
.btn.btn-orange {padding-left: 30px;padding-right: 30px;font-size: 16px;font-weight:700;color:#fff;padding-top: 20px;padding-bottom: 20px;background-color: #f26522;border: 1px solid #f26522;position: relative;overflow: hidden;z-index: 1;}
.btn.btn-orange:before {position: absolute;content: "";top: 0;left: -100%;width: 100%;height: 100%;background-color: #fff;z-index: -1;}
.btn.btn-orange:hover:before {left: 0;}
.btn.btn-orange:hover {color: #f26522;}
.btn.btn-rouge {padding-left: 30px;padding-right: 30px;font-size: 16px;font-weight:700;color:#fff;padding-top: 20px;padding-bottom: 20px;background-color: #e10337;border: 1px solid #e10337;position: relative;overflow: hidden;z-index: 1;}
.btn.btn-rouge:before {position: absolute;content: "";top: 0;left: -100%;width: 100%;height: 100%;background-color: #fff;z-index: -1;}
.btn.btn-rouge:hover:before {left: 0;}
.btn.btn-rouge:hover {color: #e10337;}
.btn.btn-pourpre {padding-left: 30px;padding-right: 30px;font-size: 16px;font-weight:700;color:#fff;padding-top: 20px;padding-bottom: 20px;background-color: #c02640;border: 1px solid #c02640;position: relative;overflow: hidden;z-index: 1;}
.btn.btn-pourpre:before {position: absolute;content: "";top: 0;left: -100%;width: 100%;height: 100%;background-color: #fff;z-index: -1;}
.btn.btn-pourpre:hover:before {left: 0;}
.btn.btn-pourpre:hover {color: #c02640;}
.btn {border-radius: 12px;}
.btn.width180 {min-width: 180px}
/* ==========================================================================
Home Banner
 ========================================================================== */
/* Navigation */
#navigation.menu-one .navbar {width: 28%;left: inherit;right: 0;}
#navigation .navbar-nav>li {background-color: #0c0c16;}
#navigation.menu-one .navbar-nav>li {float: none;height: 10%;position: relative;margin-left: 10px;}
#navigation.menu-one .navbar-nav {float: none;}
#navigation.menu-one .navbar-nav> li.current {margin-left: 0;padding-left: 10px;}
#navigation.menu-one .navbar-nav> li:hover {margin-left: -40px;padding-left: 10px;height:11%}
#navigation .navbar-nav>li a {color: #fff;font-size: 24px;display: block;height: 100%;width: 100%;padding: 0;}
#navigation.menu-one .navbar-nav>li span {position: absolute;top: 50%;left: 90px;margin-top: -8px;} 
#navigation.menu-one .navbar-nav>li img {position: absolute;top: 20%!important;	left: 80px;}
#navigation .navbar-nav>li i {position: absolute;left: -50px;font-size: 30px;margin-top: -6px;}
.nav>li>a:focus, .nav>li>a:hover {background-color: transparent;}
#navigation.menu-one .navbar:before {left: 15px;right: -100%;} 
#navigation.menu-one .navbar:after {display: none;}
#navigation .navbar-nav>li:nth-child(1) {background-color: #0c0c16;border-radius: 22px 0 0 22px;}
#navigation .navbar-nav>li:nth-child(2) {background-color: #f59421;border-radius: 22px 0 0 22px;}
#navigation .navbar-nav>li:nth-child(3) {background-color: #f26522;border-radius: 22px 0 0 22px;}
#navigation .navbar-nav>li:nth-child(4) {background-color: #ed1c24;border-radius: 22px 0 0 22px;}
#navigation .navbar-nav>li:nth-child(5) {background-color: #e10337;border-radius: 22px 0 0 22px;}
#navigation .navbar-nav>li:nth-child(6) {background-color: #c02640;border-radius: 22px 0 0 22px;}
#navigation .navbar-nav>li:nth-child(7) {background-color: #8b438f;border-radius: 22px 0 0 22px;}
#navigation .navbar-nav>li:nth-child(8) {background-color: #00a9ac;border-radius: 22px 0 0 22px;}
#navigation .navbar-nav>li:nth-child(9) {background-color: #cad82d;border-radius: 22px 0 0 22px;}
#navigation .navbar-nav>li:last-child {background-color: #87c05e;border-radius: 22px 0 0 22px;}
#navigation .navbar-nav>li .social {position: absolute;top: 50%;margin-top: -19px;left: 90px;}
#navigation .navbar-nav>li ul li {padding: 0;}
#navigation .navbar-nav>li ul li i {font-size: 20px;margin-right: 0;position: inherit;}
#navigation .navbar-nav>li ul li a {padding: 10px;}
#navigation .navbar-nav>li ul li a:hover i {font-size: 24px;color: #fff;}
#navigation .navbar {border: 0;}
#navigation .navbar:before,#navigation .navbar:after {position: absolute;content: "";top: 0;width: 100%;height: 76px;background-color: #0c0c16;z-index: -1;}
#navigation .navbar:before {right:0;background-color: transparent;left: -100%;}
#navigation .navbar:after {left: 50%;background-color: #00a9ac;right: 0;z-index: -1;}
.logo {background-color: #0c0c16;height: 76px;padding: 9px 25px 10px 15px;}
/*Dropdown CSS*/
ul.sub-menu {  position: absolute;  top: 100%;  left: 0;  list-style: none;  padding:7px 0;  margin: 0;  min-width: 160px;   display: none;  z-index: 999;  background-color: #0c0c16;}  
.nav.navbar-nav > li:hover > ul.sub-menu {  display: block;  -webkit-animation: fadeInUp 500ms;  -moz-animation: fadeInUp 500ms;  -ms-animation: fadeInUp 500ms;  -o-animation: fadeInUp 500ms;  animation: fadeInUp 500ms;}
#navigation.menu-two .navbar-nav .sub-menu li a {padding: 5px 18px;color: #fff;font-size: 13px;}
@-webkit-keyframes fadeInUp {
  0% {opacity: 0;-webkit-transform: translateY(30px);transform: translateY(30px);  }
  100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);  }
  }
@-webkit-keyframes fadeInUp {
  0% {opacity: 0;-webkit-transform: translateY(30px);transform: translateY(30px);  }
  100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);  }
  }
@keyframes fadeInUp {
  0% {opacity: 0;-webkit-transform: translateY(30px);transform: translateY(30px);  }
  100% {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);  }
  }
.fadeInUp {  -webkit-animation-name: fadeInUp;  animation-name: fadeInUp;}
/*End Drpdown Menu CSS*/
/* Navbar Toggle */
.navbar-toggle {border-color: #fff;background-color: #0c0c16;padding: 12px 10px;}
.navbar-toggle .icon-bar {background-color: #fff;}
.home-banner-one {background-color: #e7e7e7;	background-image: url(../images/bg/banner.jpg);}
.home-banner-one .banner-content {background-image: url(../images/bg/2.png);background-color: transparent;position: relative;background-position: center;background-size: cover;}
.home-two #home-banner {background-image: url(../images/bg/2.png);background-repeat: no-repeat;background-position: right;background-size: contain;}
.banner-info h1 {font-size: 48px;font-family: 'rookies-showtimesregular';}
.banner-info h2 {font-size: 128px;margin-top: 0;line-height: 92px;margin-left: -8px;}
.banner-info h3 {font-size: 16px;text-transform: uppercase;letter-spacing: 26px;}
/* Home Two  */
.home-two .banner-info h1 {font-size: 72px;margin-bottom: 0;font-family: 'Sacramento', cursive;}
.banner-content, #home-banner {position: relative;width: 100%;height: 700px;}
.banner-content .banner-info {position: absolute;top: 50%;width: 100%;height: 100%;margin-top: -100px}
.home-two .home-social {position: absolute;top: 40px;}
.menu-two .home-social li+li {margin-left: 15px;}
.menu-two .home-social li a {color: #0c0c16;font-size: 16px;}
.menu-two .home-social li a:hover {color: #00aeef;}
/* About Section */
.about-section .section-title {margin-bottom: 45px;}
.about-section .section-title h4 {margin-top: 0;line-height: 0;} 
.about-info {font-size: 18px;line-height: 24px;padding-top: 24px}
.about-info .signature h1 {font-weight: normal;margin-top: 20px;margin-bottom: 40px;font-family: 'Sacramento', cursive;}
.about-section address {font-size: 16px;line-height: 30px;margin-bottom: 40px;}
.about-section address span {font-weight: 700;}
.achievement li {float: left;}
.achievement li+li {margin-left: 30px;}
.achievement-info .counter {font-size: 56px;font-weight: 700;color: #f59421;line-height: 62px;}
.achievement-info h4 {font-size: 22px;font-weight: 700;margin-top: 0;}
/* Skill Section */
.skill-section .rating-bar {width: 360px;}
.progress-content {overflow: hidden;}
.bar-left {float: left;}
.bar-right {float: right;}
.rating-bar label,.rating-bar span {font-size: 32px;margin-bottom: 10px;font-weight:700}
.skill-progress {position: relative;margin-bottom: 40px;}
.progress {height: 8px;margin-bottom: 22px;background-color: #ebebeb;border-radius: 4px;box-shadow: none;width: 100%;position: relative;}
.progress-bar {   background-color: #f59421;box-shadow: none;-webkit-transition: width 2s ease-in-out; -moz-transition: width 2s ease-in-out; -ms-transition: width 2s ease-in-out;  -o-transition: width 2s ease-in-out;  transition:  width 2s ease-in-out;  border-radius: 4px;   }
.progress-bar-rouge {   background-color: #e10337!important;   }
.language-skill {margin-top: 50px;}
.language-skill canvas {display: none;}
.language-skill li {float: left;}
.language-skill li+li{margin-left: 80px;}
.language-skill .percent {display: inline-block;text-align: center;width: 116px;height: 116px;line-height: 116px;background-color: #f59421;border-radius: 50%;color: #fff;font-size: 36px;font-weight: 700;}
.language-skill .percent:after {content: '%';}
.language-skill .chart h5 {text-align: center;font-size: 16px;font-weight: normal;text-transform: capitalize;}
.text-info {font-size: 18px;line-height: 24px;color: #0c0c16;margin-top: 50px;}
.text-info h4 {}
/* experience Section */
.experience-section .experience {overflow: hidden;}
.experience-image {float: left;margin-right: 20px;width: 175px;height: 160px;overflow: hidden;}
.experience-section .experience img {-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.experience-section .experience:hover img  {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
.experience-info {font-size: 18px;line-height: 24px;}
.experience-info h3 {margin-bottom: 0;line-height: 28px;margin-top: 15px;}
.experience-info h5 {font-size: 16px;font-weight: normal;margin-top: 0;margin-bottom: 20px;}
/* Education Section */
.education-info {font-size: 18px;line-height: 24px;padding-bottom: 5px;padding-top: 10px;}
.education-info h3 {margin-top: 30px;}
.education-info h5,.education-info h6 {font-size: 16px;line-height: 12px;}
.education-info h6 {margin-bottom: 20px;}
/* Portfolio Section */
.portfolio-item {position: relative;margin-bottom: 30px;overflow: hidden;}
.portfolio-overlay {position: absolute;top: -100%;left: 0;width: 100%;height: 100%;background-color: #8b438f;color: #fff;-webkit-transition: all 500ms;-moz-transition: all 500ms;-ms-transition: all 500ms;-o-transition: all 500ms;transition: all 500ms;}
.portfolio-item:hover .portfolio-overlay {top: 0;}
.portfolio-info {position: absolute;bottom: 0;left: 0;font-size: 16px;font-weight: normal;padding-left: 30px;padding-bottom: 20px;}
.portfolio-info h3 {color: #fff;margin-top: 5px;margin-bottom: 0;}
.portfolio-info a {font-size: 30px;color: #fff;}
.portfolio-info a:hover {color: #bb460d;}
/*Magnific-popup overwrite CSS*/
.mfp-figure {background-color: #fff;}
img.mfp-img {padding:12px;}
.mfp-image-holder .mfp-close {top:-35px;}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {cursor:pointer;}
.mfp-counter {right: 50%;color: #fff;top: 50px;margin-right: -20px;}
/* Contact Section */
.contact-section .icons {float: left;font-size: 36px;margin-right: 30px;}
.home-two .contact-section .section-title h1 {margin-top: 20px;}
.contact-section li {border-bottom: 1px solid #f1f1f1;padding: 30px 0;}
.contact-section li:first-child {padding-top: 25px;}
.contact-section h3 {margin-top: 5px;}
.contact-section li,.contact-section li a {font-size: 16px;color: #0c0c16;}
.contact-section li a:hover {color: #87c05e;}
.contact-section li:hover .icons,.contact-info:hover .icons {-webkit-transform:rotate(360deg) ;-moz-transform:rotate(360deg) ;-ms-transform:rotate(360deg) ;-o-transform:rotate(360deg) ;transform:rotate(360deg) ;}
.contact-section .icons,.contact-info .icons {-webkit-transition: all 800ms;-moz-transition: all 800ms;-ms-transition: all 800ms;-o-transition: all 800ms;transition: all 800ms;}
.contact-section .icons {color: #f59421;}
.contact-section .social li {border: none;padding: 0;}
.contact-section .social li+li {margin-left: 10px;}
.contact-section .social a {color: #0c0c16;}
.contact {font-size: 16px;line-height: 24px;padding-left: 50px;margin-top: 45px;}
.contact .contact-info {margin-bottom: 15px;}
.contact .title {position: relative;}
.contact .icons {position: absolute;left: -50px;top: 0;font-size: 36px;}
.contact .icons i {color: #87c05e;}
.contact .form-group {margin-top: 20px;margin-bottom: 0;}
.contact .form-control {height: 45px;line-height: 45px;border: none;box-shadow: none;color: #0c0c16;font-size: 18px;background-color: #f2f2f2;padding-left: 20px;padding-right: 25px;border: 1px solid #f2f2f2;}
.contact .form-control:focus {border-color: #87c05e;}
.contact textarea.form-control {resize: none;height: 125px;}
.contact .btn.btn-primary {margin-top: 20px;}
.contact .form-control::-webkit-input-placeholder {   color: #0c0c16;}
.contact .form-control:-moz-placeholder {   color: #0c0c16;  }
.contact .form-control::-moz-placeholder {    color: #0c0c16;  }
.contact .form-control:-ms-input-placeholder {     color: #0c0c16;  }
/* Blog Section */
.blog-section .entry-post {margin-bottom: 30px;overflow: hidden;}
.entry-thumbnail {position: relative;overflow: hidden;}
.thumbnail-oberlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: rgba(45, 48, 56, 0.3); -webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);}
.entry-post:hover .thumbnail-oberlay {-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);border-radius: 0%;}
.entry-post .time {margin-top: -45px;position:absolute;z-index: 1;}
.entry-post .time a {width: 84px;height: 84px;color: #fff;font-size: 36px;background-color: #0c0c16;line-height: 60px;text-align: center;border-radius: 50%;display: block;font-weight: 700;text-transform: uppercase;-webkit-transition: all 900ms;-moz-transition: all 900ms;-ms-transition: all 900ms;-o-transition: all 900ms;transition: all 900ms;}
.blog-section .entry-post:hover .time a {border-radius: 0%;}
.entry-title {margin-top: 55px}
.entry-post .time span {display: block;font-size: 16px;line-height: 0;margin-top: -2px;}
.post-content {border: 1px solid #f0f0f0;padding-left: 35px;padding-right: 35px;padding-bottom: 30px;}
.post-content h2 {line-height: 21px;}
.post-content h2 a  {font-size: 18px;color: #0c0c16;display: block;}
.post-content h2 a:hover {color: #87c05e;}
/* Profile Section */
.profile-section .section-padding {padding-top: 110px;padding-bottom: 120px;}
.profile-section {font-size: 18px;line-height: 24px; }
.profile-section .profile-info {margin-bottom: 70px;overflow: hidden;}
.profile-logo {float: left;margin-right: 40px;}
.profile-info h1 {font-size: 56px;margin: 0;}
.profile-info h2 {font-size: 56px;margin: 0;}
.profile-info h4 {margin-top: 5px;}
.profile-info address {font-size: 18px;line-height: 24px;}
.profile-info address a {color: #0c0c16;}
.profile-info address a:hover {color: #87c05e;}
.profile-section h3 {margin-top: 25px;margin-bottom: 25px;display: inline-block;}
.career-objective {padding-bottom: 10px;}
.sub-content {padding-left: 70px;}
.history-content .title {position: relative;}
.profile-section .icons {display: inline;color: #0c0c16;margin-right: 33px;font-size: 30px;}
.educational-background h3,.work-history h3 {margin-bottom: 20px;}
.work-history hr {margin-bottom: 30px;}
.work-history .history h5,.work-history .history h6 {font-size: 18px;}
.work-history .history h5 {font-weight: 700;}
.work-history .history h6 {font-weight: normal;margin-bottom: 25px;}
.educational-background {margin-bottom: 25px;}
.educational-background h5 {font-size: 18px;font-weight: 700;margin-bottom: 5px;}
.educational-background hr {margin: 25px 0;}
.language-proficiency {padding-bottom: 35px;}
.language-proficiency h5 {font-size: 18px;font-weight: 700;margin-bottom: 5px;margin-top: 0;}
.language-proficiency ul>li+li {margin-left: 20px;padding-left: 30px;border-left: 1px solid #f1f1f1;}
.language-proficiency ul li ul li {float: left;color: #bbb;}
.language-proficiency ul li ul li+li {margin-left: 5px;border-left: 0;padding-left: 0;}
.expertise {padding-bottom: 10px;}
.expertise .rating-bar label {font-size: 18px;font-weight: 700;margin-bottom: 5px;}
.expertise .progress-bar {background-color: #8b438f;}
.expertise .skill-progress {margin-bottom: 35px;}
.personal-info,.portfolio {padding-bottom: 25px;}
.personal-info .address li,.portfolio li {overflow: hidden;line-height: 30px;}
.personal-info .address li h5,.portfolio li h5 {float: left;margin-top: 5px;min-width: 180px;}
.personal-info .address li span,.portfolio li span {margin-right: 30px;}
.portfolio li a {color: #0c0c16;}
.portfolio li a:hover {color: #87c05e;}
.declaration h1 {font-weight: normal;margin-top: 45px;font-family: 'Sacramento', cursive;}
.profile-section .btn.btn-primary {margin-top: 65px;float:right;}
/* Footer Section */
#footer {color: #fff;background-color: #87c05e;padding-top: 22px;padding-bottom: 10px;}
#footer a {color: #fff;}
#footer a:hover {color: #6bff00;}
/* Main Blog */
.widget {margin-bottom: 30px;overflow: hidden;}
.widget img {max-width: 100%;}
.widget.widget_search form {position: relative;}
.widget_search button[type=submit] {position: absolute;right: 0;
top: 0;height: 100%;width: 50px;border-radius: 0;background-color:#0c0c16;color: #fff;}
.form-control {height: 48px;box-shadow: none;-webkit-box-shadow:none;}
.form-control:focus, input[type="search"]:focus{border: 1px solid #0c0c16;}
h3.widget_title {margin-top: 0;font-size: 20px;margin-bottom: 20px;padding-bottom: 10px;border-bottom:1px solid #f0f0f0;}
.widget ul {}
.widget ul li {padding:7px 0;margin:7px 0;position: relative;}
.widget ul li a {padding-left: 10px;}
.widget ul li:before {content: "\f178";font-family: FontAwesome;}
.widget> ul> li:first-child {border-top: 0;}
.widget ul ul {padding-top: 5px;}
.widget ul ul li{padding-left: 15px;}
/* Blog Details */
#blog-details .section-title {margin-bottom: 40px;}
#blog-details .post-content {border: none;padding: 0;margin-left: 110px;font-size: 18px;line-height: 22px;margin-bottom: 35px;}
#blog-details .entry-thumbnail {position: inherit;}
#blog-details .entry-post .time {margin-top: -15px;float: left;}
#blog-details .post-content h2 {font-size: 30px;line-height: 32px;margin-top: 0;margin-bottom: 20px;}
.entry-summary {
border: 1px solid #f0f0f0;padding-left: 60px;padding-right: 60px;padding-top: 55px;padding-bottom: 35px;line-height: 24px;}
.entry-summary p {margin-bottom: 20px;}
.blog-social {margin: 40px 0;}
.post-action {border: 1px solid #f0f0f0;overflow: hidden;padding-left: 50px;padding-right: 50px;padding-top: 30px;padding-bottom: 25px;margin-bottom: 75px;}
.post-action li {max-width: 225px;}
.post-action .previous-post {float: left;}
.post-action .next-post {float: right;text-align: right;}
.post-action span {font-size: 18px;color: #cfcfcf;text-transform: uppercase;}
.post-action h3 {line-height: 19px;margin-top: 5px;}
.post-action h3 a {font-size: 16px;color: #0c0c16;}
.post-action h3 a:hover {color: #87c05e;}
/* Extra Css
 ========================================================================== */
a, #contact-section li a i:hover,.thumbnail-oberlay, .icons,.experience-image img,.btn.btn-primary:before,.btn.btn-primary,.btn.btn-orange:before,.btn.btn-orange,.btn.btn-rouge:before,.btn.btn-rouge,.btn.btn-pourpre:before,.btn.btn-pourpre,.contact-section .social i,.navbar-nav>li, .navbar-nav>li ul li i,.navbar-nav > li span {-webkit-transition: all 500ms;-moz-transition: all 500ms;-ms-transition: all 500ms;-o-transition: all 500ms;transition: all 500ms;}
@font-face {font-family: 'rookies-showtimesregular';src: url('../fonts/rookies_showtimes-webfont.woff2') format('woff2'), url('../fonts/rookies_showtimes-webfont.woff') format('woff');font-weight: normal;font-style: normal;} 
.bg-vid {    position: absolute;    top: 0;    left: 0;    min-width: 100%;    min-height: 100%;}
video {    object-fit: contain;    overflow-clip-margin: content-box;    overflow: clip;   object-position: -120px top;}