/*------------------------------------------------------------------
[Master Stylesheet]

Project:	    M D L P 2
Version:	    1.0
Last change:	12/08/2015
Author:         Mat Przegietka 
-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1. Helper Classes
2. Preloader
3. Content Animation
4. Navigation
5. Homepage Content
6. Tabs
7. Icons
8. Lists
9. Video section
10. Pricing Boxes
11. Reviews
12. Contact
13. Footer
14. Material Design Lite tweeks

-------------------------------------------------------------------*/

/*--------------------------------------*/
/* 1. Helper Classes -------------------*/
/*--------------------------------------*/
.subsection { padding-top:3rem; padding-bottom:3rem; position:relative; z-index:100;}
.align-center {text-align:center}
.align-left {text-align:left}
.align-right {text-align:right}
.float-left {float:left}
.img_responsive {max-width: 100%}
.img-circle {border-radius: 50%}
.img-rounded_corner {border-radius: 0.2rem}
.margin-top-0 {margin-top:0 !important;}
.margin-top-1 {margin-top:1rem !important;}
.margin-top-2 {margin-top:2rem !important;}
.margin-top-3 {margin-top:3rem !important;}
.margin-top-4 {margin-top:4rem !important;}
.margin-top-5 {margin-top:5rem !important;}
.margin-bottom-0 {margin-bottom:0 !important;}
.margin-bottom-1 {margin-bottom:1rem !important;}
.margin-bottom-2 {margin-bottom:2rem !important;}
.margin-bottom-3 {margin-bottom:3rem !important;}
.margin-bottom-4 {margin-bottom:4rem !important;}
.margin-bottom-5 {margin-bottom:5rem !important;}
.padding-top-0 {padding-top:0 !important;}
.padding-top-1 {padding-top:1rem !important;}
.padding-top-2 {padding-top:2rem !important;}
.padding-top-3 {padding-top:3rem !important;}
.padding-top-4 {padding-top:4rem !important;}
.padding-top-5 {padding-top:5rem !important;}
.padding-bottom-0 {padding-bottom:0 !important;}
.padding-bottom-1 {padding-bottom:1rem !important;}
.padding-bottom-2 {padding-bottom:2rem !important;}
.padding-bottom-3 {padding-bottom:3rem !important;}
.padding-bottom-4 {padding-bottom:4rem !important;}
.padding-bottom-5 {padding-bottom:5rem !important;}



/*--------------------------------------*/
/* 2. Preloader ------------------------*/
/*--------------------------------------*/

body {
	overflow: hidden !important;
	background-color: #16171C;
	font-family: 'Roboto', sans-serif;
	position: relative;
}
.contact {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	background-color: #FED03D;
	color: #16171C;
	padding: 10px 30px 10px 15px;
	font-size: 1rem;
	line-height: 1.4rem;
	border-radius: 0 0 999rem 0;
	-moz-border-radius: 0 0 999rem 0;
	-webkit-border-radius: 0 0 999rem 0;
	-webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.6);
}
.contact a,
.contact span {
	display: inline-block;
	margin-left: 1rem;
	position: relative;
	z-index: 1;
}
.contact span:before {
	position: absolute;
	z-index: 2;
	left: -0.5rem;
	top: 0.25rem;
	bottom: 0.25rem;
	background-color: #E6AB0D;
	width: 1px;
	content: "";
}
a,
a:visited {
	color: #FED03D;
	-webkit-transition:	all 0.2s ease-in-out;
	-moz-transition:	all 0.2s ease-in-out;
	-o-transition:		all 0.2s ease-in-out;
	transition:			all 0.2s ease-in-out;
}
a:hover,
a:active {
	color: #fff;
}
.contact a {
	color: #16171C;
}
.contact a:hover {
	color: #fff;
}

/* Preloader */
#preloader {
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:#222; /* change if the mask should have another color then white */
	z-index:2302; /* makes sure it stays on top */
}

#status {
	text-align:center;
	width:200px;
	height:200px;
	position:absolute;
	left:50%; /* centers the loading animation horizontally one the screen */
	top:50%; /* centers the loading animation vertically one the screen */
	margin:-100px 0 0 -100px; /* is width and height divided by two */
}

.mdl-spinner {
	width:200px;
	height:200px;
}


/*--------------------------------------*/
/* 3. Content Animation ----------------*/
/*--------------------------------------*/

.intro_anim1,
.intro_anim2,
.intro_anim3,
.intro_anim4,
.intro_anim5,
.intro_anim6,
.intro_anim7,
.intro_anim8,
.intro_anim9,
.intro_anim10,

.about_anim1,
.about_anim2,
.about_anim3,
.about_anim4,
.about_anim5,
.about_anim6,
.about_anim7,
.about_anim8,
.about_anim9,
.about_anim10,

.showreel_anim1,
.showreel_anim2,
.showreel_anim3,
.showreel_anim4,
.showreel_anim5,
.showreel_anim6,
.showreel_anim7,
.showreel_anim8,
.showreel_anim9,
.showreel_anim10,

.drone_anim1,
.drone_anim2,
.drone_anim3,
.drone_anim4,
.drone_anim5,
.drone_anim6,
.drone_anim7,
.drone_anim8,
.drone_anim9,
.drone_anim10,

.follow_anim1,
.follow_anim2,
.follow_anim3,
.follow_anim4,
.follow_anim5,
.follow_anim6,
.follow_anim7,
.follow_anim8,
.follow_anim9,
.follow_anim10

{
	opacity:0
}

/* Generated with Bounce.js. Edit at http://goo.gl/6EqiXS */

@-webkit-keyframes animation { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -102.854, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -102.854, 0, 0, 1); }
  8.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -175.717, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -175.717, 0, 0, 1); }
  12.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -210.455, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -210.455, 0, 0, 1); }
  17.22% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -218.667, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -218.667, 0, 0, 1); }
  28.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -204.125, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -204.125, 0, 0, 1); }
  39.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -198.754, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -198.754, 0, 0, 1); }
  61.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200.083, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200.083, 0, 0, 1); }
  83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -199.994, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -199.994, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200, 0, 0, 1); } 
}

@keyframes animation { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); }
  4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -102.854, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -102.854, 0, 0, 1); }
  8.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -175.717, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -175.717, 0, 0, 1); }
  12.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -210.455, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -210.455, 0, 0, 1); }
  17.22% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -218.667, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -218.667, 0, 0, 1); }
  28.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -204.125, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -204.125, 0, 0, 1); }
  39.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -198.754, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -198.754, 0, 0, 1); }
  61.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200.083, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200.083, 0, 0, 1); }
  83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -199.994, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -199.994, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200, 0, 0, 1); } 
}

/* Generated with Bounce.js. Edit at http://goo.gl/Y6j3eR */

@-webkit-keyframes animation_back { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200, 0, 0, 1); }
  4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -97.146, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -97.146, 0, 0, 1); }
  8.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -24.283, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -24.283, 0, 0, 1); }
  12.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10.455, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10.455, 0, 0, 1); }
  17.22% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 18.667, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 18.667, 0, 0, 1); }
  28.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4.125, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4.125, 0, 0, 1); }
  39.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.246, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.246, 0, 0, 1); }
  61.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.083, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.083, 0, 0, 1); }
  83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.006, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.006, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

@keyframes animation_back { 
  0% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -200, 0, 0, 1); }
  4.3% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -97.146, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -97.146, 0, 0, 1); }
  8.61% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -24.283, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -24.283, 0, 0, 1); }
  12.91% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10.455, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 10.455, 0, 0, 1); }
  17.22% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 18.667, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 18.667, 0, 0, 1); }
  28.33% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4.125, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 4.125, 0, 0, 1); }
  39.44% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.246, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -1.246, 0, 0, 1); }
  61.66% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.083, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0.083, 0, 0, 1); }
  83.98% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.006, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, -0.006, 0, 0, 1); }
  100% { -webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1); } 
}

/*--------------------------------------*/
/* 5. Homepage Content -----------------*/
/*--------------------------------------*/

.top_bar {
	position:relative;
	z-index:2000;
	/*margin-bottom:5rem;*/
}

html {
	overflow-x:hidden;
}

.logo_home {
	float:left;
	margin-bottom:7rem;
}

.hero_fullscreen {
	padding-top:2rem;
	padding-bottom:0;
}

.home_content {
	padding-top:5rem;
	padding-bottom:5rem;
}

.home_content button {
	margin-top:1rem;
}


/*-- homepage images --*/

.dummy {
    margin:0 auto;
    top:0;
    left:0;
    bottom:0;
    right:0;
    padding:0;	
}

.layer {
	position:absolute; 
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin: 0 auto;  
}

/*--------------------------------------*/
/* 7. Icons ----------------------------*/
/*--------------------------------------*/

.material-icons-big {
	font-size:3rem;
}

/*--------------------------------------*/
/* 8. Lists ----------------------------*/
/*--------------------------------------*/

.ulist {
	padding-bottom:0.3rem;
}

.ulist li {
	margin-bottom:0.5rem;
	font-size: 1.14rem;
	font-weight: 400;
	line-height: 1.71rem;
	letter-spacing: 0.02rem;
  	margin-top: 1.71rem;
  	margin-bottom: 1.14rem;
  	opacity: 0.8;
  	position:relative
  		
}

.ulist li span{
  	display:inline-block;
	overflow: hidden;
	margin-left:4rem;
} 

.list-icons i {
	display:inline-block;
	vertical-align: middle;
	margin-right:1rem;
	margin-left:1rem;
	padding-top:0;
	position:absolute;
	left:0;
	top:0.1rem;
}


/*--------------------------------------*/
/* 13. Footer --------------------------*/
/*--------------------------------------*/

#footer {
	padding-top:2rem;
	padding-bottom:0.75rem;
}

#footer p {
	font-size: 0.8rem;
}

#footer i {
	display:inline-block;
	vertical-align: middle;
	margin-bottom:0.3rem;
}


/*--------------------------------------*/
/* 14. Material Design Lite tweeks -----*/
/*--------------------------------------*/

/* buttons */

.mdl-button {
	height: 2.57rem;
	min-width: 2.57rem;
	padding: 0 1.28rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 2.57rem;
	/*line-height: 1.8rem;*/
}

.mdl-button--fab {
  	font-size: 2rem;
  	height: 4rem;
 	min-width: 4rem;
 	width: 4rem;
}

.mdl-button--fab .material-icons {
	font-size:2rem;
    -webkit-transform: translate(-1rem, -1rem);
        -ms-transform: translate(-1rem, -1rem);
            transform: translate(-1rem, -1rem);
    line-height: 2rem;
    width: 2rem;
}


/* cards */

.mdl-card {
	display: block;
	font-size: 1rem;
	min-height: auto;
	width: auto;
	margin-bottom:1.5rem;
}

.mdl-card__supporting-text {
	font-size: 0.9rem;
	line-height: 1.53rem;
	overflow: hidden;
	padding: 1.1rem;
	width: 100%; 
	}

.mdl-card__menu {
 	right: 1rem;
  	top: 1rem; }
  
.mdl-card__menu a {
	margin-right:0 !important;
}



.mdl-color-text--color-1 {
	color:white;
}

.mdl-color-text--color-white {
	color:white;
}

.mdl-color-text--color-3 {
	color:black;
}

.mdl-color--color-1 {
	background:#22252B;
}

.mdl-color--color-2 {
	background:#2B2E35;
}

.mdl-color--color-3 {
	background:#372F37;
}

.mdl-color--color-4 {
	background:black;
}

/*CUSTOM COLORS*/
body {
	background: #16171C !important;
	color: rgba(255,255,255,0.65);
}
.mdl-color--primary {
	/*background-color: rgb(253,79,63) !important;*/
	background-color: rgb(240,50,0) !important;
}
.mdl-color-text--accent {
	color: rgb(253,79,63) !important;
}
.mdl-tabs.is-upgraded .mdl-tabs__tab.is-active:after {
	/*background: rgb(253,79,63) !important;*/
	background: rgb(240,50,0) !important;
}
.mdl-button--accent.mdl-button--accent.mdl-button--raised, .mdl-button--accent.mdl-button--accent.mdl-button--fab {
    color: rgb(255,255,255) !important;
    /*background-color: rgb(253,79,63) !important;*/
    background-color: rgb(240,50,0) !important;
}
.mdl-button--fab.mdl-button--colored {
	/*background: rgb(253,79,63) !important;*/
	background: rgb(240,50,0) !important;
}
.hero_fullscreen {
	position: relative;
	height: 100vh;
	min-height: 700px;
}
#home:before {
	position: absolute;
	z-index: -1;
	content: "";
	left: 0;
	right: 0;
	top: 0;

	background-image: url(../img/sparks1.png);
	background-repeat: no-repeat;
	background-position: top left;
	background-size: 100% auto;
	opacity: .6;
	height: 100%;
}
section {
	position: relative;
	z-index: 1;
	background-image: url(../img/section_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 90% 100%;
}
#about:before {
	position: absolute;
	z-index: 2;
	left: 0;
	right: 0;
	top: -50px;
	height: 50px;
	width: 100%;
	content: "";
	background: rgba(22,23,28,0);
	background: -moz-linear-gradient(top, rgba(22,23,28,0) 0%, rgba(22,23,28,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(22,23,28,0)), color-stop(100%, rgba(22,23,28,1)));
	background: -webkit-linear-gradient(top, rgba(22,23,28,0) 0%, rgba(22,23,28,1) 100%);
	background: -o-linear-gradient(top, rgba(22,23,28,0) 0%, rgba(22,23,28,1) 100%);
	background: -ms-linear-gradient(top, rgba(22,23,28,0) 0%, rgba(22,23,28,1) 100%);
	background: linear-gradient(to bottom, rgba(22,23,28,0) 0%, rgba(22,23,28,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#16171c', endColorstr='#16171c', GradientType=0 );
}
section .container {
	max-width: 940px !important;
}
#showreel:before {
	position: absolute;
	z-index: -1;
	content: "";
	right: 50%;
	top: 20%;

	background-image: url(../img/sparks2.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: auto 100%;
	opacity: .6;
	height: 100%;
	width: 100%;
}
#drone:before {
	position: absolute;
	z-index: -1;
	content: "";
	left: 43%;
	top: 20%;

	background-image: url(../img/sparks3.png);
	background-repeat: no-repeat;
	background-position: center left;
	background-size: auto 100%;
	opacity: .6;
	height: 100%;
	width: 100%;
}
#follow {
	background-image: url(../img/footer_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;
}
section.hero_fullscreen {
	background: transparent !important;
}
.subsection {
	position: relative;
	z-index: 1;
}
.img-responsive {
	width: 100% !important;
}

.subsection a,
.subsection a:visited {
	color: white !important;
}
.subsection a:hover,
.subsection a:active {
	color: rgb(254,208,61) !important;
}

.mouse {
	height: 21px;
	width: 14px;
	border-radius: 10px;
	transform: none;
	border: 2px solid #FED03D;
	bottom: 3rem;
	position: absolute;
	margin: auto;
	left: 50%;
	-webkit-transform: translateX(-50%);
}
.wheel {
	height: 5px;
	width: 2px;
	display: block;
	margin: 5px auto;
	background: #FED03D;
	position: relative;
}

.wheel
{
	-webkit-animation: mouse-wheel 1.2s ease infinite;
	-moz-animation: mouse-wheel 1.2s ease infinite;
}

@-webkit-keyframes mouse-wheel
{
   0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(6px);
    -ms-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@-moz-keyframes mouse-wheel
{
  0% { top: 1px; }
  50% { top: 2px; }
  100% { top: 3px;}
}

@-webkit-keyframes mouse-scroll {

  0%   { opacity: 0;}
  50%  { opacity: .5;}
  100% { opacity: 1;}
}
@-moz-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@-o-keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}
@keyframes mouse-scroll {

  0%   { opacity: 0; }
  50%  { opacity: .5; }
  100% { opacity: 1; }
}

.mdl-button--fab[disabled][disabled],
.mdl-button--fab.mdl-button--disabled.mdl-button--disabled,
.mdl-button--raised[disabled][disabled],
.mdl-button--raised.mdl-button--disabled.mdl-button--disabled {
    background-color: rgba(255,255,255,.15) !important;
    color: rgba(0,0,0,.6) !important;
}

.intro-translate-top {
	position: relative;
	top: 32%;
	-webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
}
.overflow-hidden {
	overflow: hidden !important;
}

.credits {
	position: relative;
	bottom: -3rem;
}
.list-unstyled li {
	padding: 10px 0 10px 24px;
	line-height: 22px;
	position: relative;
	color: #fff;
	font-size: 1.2rem;
}
.list-unstyled li:before {
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	background-color: #FED03D;
	top: 15px;
	left: 0px;
	border-radius: 999rem;
	-moz-border-radius: 999rem;
	-webkit-border-radius: 999rem;
}


dl {
	margin-top: 0;
	margin-bottom: 20px;
}
dt,
dd {
	line-height: 1.42857143;
	padding-bottom: 0.5rem;
	font-weight: 400 !important;
}
dt {
	font-weight: bold;
}
dd {
	margin-left: 0;
	color: #fff;
}

h1 span,
h2 span,
h3 span,
h4 span,
h5 span,
h6 span {
	color: #FED03D;
	white-space: nowrap;
}
.intro-logo img {
	max-width: 40rem;
}
.camera-img {
	margin-left: -14rem;
}
.thumbnail {
	overflow: hidden;
	border-radius: 0.4rem;
	-moz-border-radius: 0.4rem;
	-webkit-border-radius: 0.4rem;
	position: relative;
	z-index: 1;
	display: block;
	-webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.6);
	margin-bottom: 1rem;
	-webkit-transition:	all 0.2s ease-in-out;
	-moz-transition:	all 0.2s ease-in-out;
	-o-transition:		all 0.2s ease-in-out;
	transition:			all 0.2s ease-in-out;
}
.thumbnail:before {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	content: "";
	background-color: rgba(0,0,0,0.35);
	width: 100%;
	height: 100%;
}
.thumbnail:after {
	opacity: 0.75;
	-webkit-transition:	all 0.2s ease-in-out;
	-moz-transition:	all 0.2s ease-in-out;
	-o-transition:		all 0.2s ease-in-out;
	transition:			all 0.2s ease-in-out;
}
a:hover .thumbnail:after {
	opacity: 1;
}
a:hover .thumbnail {
	-webkit-box-shadow: 0px 3px 90px 0px rgba(254,209,61,0.7);
	-moz-box-shadow: 0px 3px 90px 0px rgba(254,209,61,0.7);
	box-shadow: 0px 3px 90px 0px rgba(254,209,61,0.7);
}
a:hover,
a:hover h4 {
	opacity: 1;
}
a:hover .thumbnail:before {
	background-color: rgba(0,0,0,0);
}
.thumbnail.vimeo:after,
.thumbnail.instagram:after,
.thumbnail.facebook:after,
.thumbnail.showreel:after {
	position: absolute;
	z-index: 3;
	left: 50%;
	top: 50%;
	content: "";
	-webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
}
.thumbnail.vimeo:after {
	width: 7rem;
	height: 7rem;
    background-image: url(../img/icon_play.svg);
}
.thumbnail.instagram:after {
	width: 6rem;
	height: 6rem;
    background-image: url(../img/icon_instagram.svg);}
.thumbnail.facebook:after {
	width: 6rem;
	height: 6rem;
    background-image: url(../img/icon_facebook.svg);
}
.thumbnail.showreel:after {
	width: 12rem;
	height: 12rem;
    background-image: url(../img/icon_play.svg);
}
.camera-img {
	position: relative;
	z-index: 3;
}
.credits {
	padding: 25px;
	position: relative;
	z-index: 1;
}
.credits strong {
	color: #fff;
}
.credits span {
	font-style: italic;
}
.cycling {
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: 0;
	background-color: #FED03D;
	color: #16171C;
	padding: 10px 15px 10px 30px;
	font-size: 1rem;
	line-height: 1.4rem;
	border-radius: 999rem 0 0 0;
	-moz-border-radius: 999rem 0 0 0;
	-webkit-border-radius: 999rem 0 0 0;
	-webkit-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.6);
	box-shadow: 0px 3px 15px 0px rgba(0,0,0,0.6);
}
.cycling:before {
	position: absolute;
	z-index: 3;
	content: "";
	right: 0;
	top: -11rem;

	background-image: url(../img/cycling.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: auto 100%;
	height: 12rem;
	width: 12rem;
}

@media (max-width: 767px) {
	.dl-horizontal dt {
		padding-top: 2rem;
	}
	.dl-horizontal.cv-contact {
		padding-top: 0;
	}
	.dl-horizontal.cv-contact dt,
	.dl-horizontal.cv-contact dd {
		text-align: center !important;
	}
	.cv-skills {
		margin-top: 4rem;
	}
	.cv-skills .dl-horizontal dt {
		padding-top: 0.5rem;
	}
	.skill-rank div {
		width: 14px;
		height: 14px;
		margin-right: 8px;
	}
}
@media (min-width: 768px) {
	.dl-horizontal dt {
		float: left;
		width: 160px;
		overflow: hidden;
		clear: left;
		text-align: right;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.dl-horizontal dd {
		margin-left: 180px;
	}
}