/* Fonts Load */

	@font-face {
  	font-family: 'Proxima Nova Thin'; 
  	src: url('../fonts/proxima-nova-thin.woff2') format('woff2'),url('../fonts/proxima-nova-thin.woff') format('woff'),url('../fonts/proxima-nova-thin.ttf') format('truetype');
	}

	@font-face {
  	font-family: 'Proxima Nova Light'; 
  	src: url('../fonts/proxima-nova-light.woff2') format('woff2'),url('../fonts/proxima-nova-light.woff') format('woff'),url('../fonts/proxima-nova-light.ttf') format('truetype');
	}

	@font-face {
  	font-family: 'Proxima Nova Regular'; 
  	src: url('../fonts/proxima-nova-regular.woff2') format('woff2'),url('../fonts/proxima-nova-regular.woff') format('woff'),url('../fonts/proxima-nova-regular.ttf') format('truetype');
	}

	@font-face {
  	font-family: 'Proxima Nova Medium'; 
  	src: url('../fonts/proxima-nova-medium.woff2') format('woff2'),url('../fonts/proxima-nova-medium.woff') format('woff'),url('../fonts/proxima-nova-medium.ttf') format('truetype');
	}

	@font-face {
  	font-family: 'Proxima Nova Semibold'; 
  	src: url('../fonts/proxima-nova-semibold.woff2') format('woff2'),url('../fonts/proxima-nova-semibold.woff') format('woff'),url('../fonts/proxima-nova-semibold.ttf') format('truetype');
	}

/* Basic Styles */

	body {
		background: #121212;
		font-family: 'Proxima Nova Light', helvetica, arial;
	}

	h3 {
		color: #FFF;
		font-family: 'Proxima Nova Regular', helvetica, arial;
		margin: 0;
		padding: 0;
	}

	p {
		margin:0;
		padding: 0;
	}

	label {
	    display:none;
	    /*max-width: 100%;
	    margin: 10px 0 5px 0;
	    font-weight: 300;
	    color: #121212;
	    font-family: 'Proxima Nova Light', arial;*/
	}

	.col-centered {
		float: none;
		margin:0 auto;
	}

	.hidden {
		display: none;
	}

	.pn-regular {
		font-family: 'Proxima Nova Regular', helvetica, arial;
	}

	.pn-medium {
		font-family: 'Proxima Nova Medium', helvetica, arial;
	}

	::-webkit-input-placeholder {color: #FFF;font-size: 14px;font-family: 'Proxima Nova Light', helvetica, arial;}
	::-moz-placeholder {color: #FFF;}
	:-ms-input-placeholder {color: #FFF;}
	:-moz-placeholder {color: #FFF;}

/* Intro & Navigation */
	
	.intro {
		text-align: center;
		padding-top:40px;
		padding-bottom:35px;
	}

		.intro a {
			display: inline;
			padding: 0 10px;
			font-family: 'Proxima Nova light', helvetica, arial;	
			color:#FFF;
			text-decoration: underline;
			font-size: 16px;
		}

			.intro a:hover, .intro a:active, .intro a:focus {
				text-decoration: none;
			}

		.intro h1 {
			font-family: 'Proxima Nova Regular', helvetica, arial;	
			margin:0 0 10px 0;
			color:#FFF;
		}

		.intro p, .intro span {
			font-size: 16px;
		}

	.menu {
		text-align: right;
	}

		.menu a {
			display: block;
			font-family: 'Proxima Nova light', helvetica, arial;	
			color:#FFF;
			text-decoration: underline;
			font-size: 16px;
			padding-bottom: 8px;
		}

			.menu a:hover, .menu a:active, .menu a:focus {
				text-decoration: none;
			}

/* About & Contact */

	.slide-block {
		display: none;
		background: #FFF;
		text-align: center;
		padding: 25px 0 27px 0;
	}


		.slide-block img {
			text-align: center;
			width: 14px;
			transition:all 0.3s;
			transform: rotate(0);
		}

			.slide-block img:hover, .slide-block img:active {
				transform: rotate(90deg);
			}

		.slide-block h2, .slide-block p, .slide-block a {
			font-family: 'Proxima Nova regular', helvetica, arial;
			color: #222;
		}

		.slide-block h2 {
			margin:20px 0;
		}

		.slide-block p {
			font-size: 16px;
			line-height: 1.6;
		}

		.slide-block a {
    		display: block;
    		padding-top: 20px;
    		text-decoration: underline;
    		font-size: 15px;
		}

			.slide-block a:hover, .slide-block a:focus, .slide-block a:active  {
				text-decoration:underline;
			}

			.slide-block a:last-of-type {
    			padding-top: 8px;
			}


		.slide-block.contact-wrapper {
		padding-bottom: 50px;	
	}

	.contact-wrapper form {
		margin-top: 27px;
	}

		.contact-wrapper input, .contact-wrapper textarea  {
			background: #121212;
			border: 0 none;
			margin: 0 auto 15px auto;
    		padding:10px 15px 9px 15px;
    		display: block;
    		width:100%;
    		/*color: #5967e6;*/
    		color: #FFF;
    		-webkit-transition: all 0.3s;
		    -moz-transition: all 0.3s;
			transition: all 0.3s;
			font-family: 'Proxima Nova Regular';
    		font-size: 14px;
    		text-align: center;
		}

			.contact-wrapper input:focus, .contact-wrapper textarea:focus, .contact-wrapper textarea:active {
				background: #5967e6;
				outline: none;
				color: #FFF;
			}

		.contact-wrapper textarea  {
			margin: 0 auto;
			height: 150px;
		}

		.contact-wrapper button {
			display: block;
			width: 100%;
			  	margin: 15px auto 0 auto;
			background: #FFF;
			border: 1px solid #222;
			font-family: 'Proxima Nova Regular', helvetica, arial;
			font-size: 12px;
			text-transform: uppercase;
			padding: 9px 0;
			-webkit-transition: all 0.3s;
				-moz-transition: all 0.3s;
			transition: all 0.3s;
		}

			.contact-wrapper button:hover, .contact-wrapper button:active {
				background: #5967e6;
				color: #FFF;
				border: 0 none;
				border: 1px solid #5967e6;
			}

		.contact-wrapper .success, .contact-wrapper .error {
				margin: 23px 0 22px 0;
				font-family:'Proxima Nova Regular', helvetica;
			}

		.contact-wrapper .success {
			color: #111;
		}

		.contact-wrapper .error {
			color: #c0392b;
		}



/* Pre-loader */

	.pre-loader-wrapper {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100vh;
		background:#000;
	}

		.pre-loader {
		    border: 1px solid #FFF;
		    height: 50px;
		    width: 50px;
		    margin:0 auto;
		    display: flex;
		    align-items:center;
		    justify-content: center;
		}

			.pre-loader #wave {
			    stroke-dasharray: 0 16 101 16;
			    animation: moveTheWave 2400ms linear infinite;
			}

	@keyframes moveTheWave {
		0% {
		    stroke-dashoffset: 0;
		    transform: translate3d(0, 0, 0);
		}
		100% {
		    stroke-dashoffset: -133;
		    transform: translate3d(-90px, 0, 0);
		}
	}


/* Work */

	.day-wrapper {
		position: relative;
		overflow: auto;
		-webkit-transform-style: preserve-3d;
		-moz-transform-style: preserve-3d;
		transform-style: preserve-3d;
	}

		.day {
			background-color:#000;
			opacity: 1;
			background-size:cover;
			background-repeat:no-repeat;
			background-position:center;
			margin:15px 0;
		    -webkit-transition: opacity 0.5s ease-in-out;
			-moz-transition: opacity 0.5s ease-in-out;
			-ms-transition: opacity 0.5s ease-in-out;
			-o-transition: opacity 0.5s ease-in-out;
			transition: opacity 0.5s ease-in-out;
		}

			.day:hover, .day:focus, .day:active {
				opacity:0.15;
				cursor: pointer;
			}

			.day p {
				display: none;
			}

	.day-wrapper h2 {
		position: absolute;
		margin:0;
		top: 50%;
		left: 50%;
  		transform: translate(-50%, -50%);
		color:#fff;
		text-transform: uppercase;
		font-family: 'Proxima Nova Regular', helvetica, arial;
		font-size: 36px;
		opacity: 0;
		-webkit-transition: opacity 0.5s ease-in-out;
		-moz-transition: opacity 0.5s ease-in-out;
		-ms-transition: opacity 0.5s ease-in-out;
		-o-transition: opacity 0.5s ease-in-out;
		transition: opacity 0.5s ease-in-out;
	}

			.day-wrapper:hover h2, .day-wrapper:focus h2, .day-wrapper:active h2 {
				opacity: 1;
			}


/* Footer */

.footer-wrapper {
	text-align: center;
	padding: 25px 0;
}

	.footer-wrapper a {
		color: #FFF;
		text-decoration: underline;
		font-family: 'Proxima Nova light', helvetica, arial;
		font-size: 16px;
	}

		.footer-wrapper a:hover, .footer-wrapper a:active, .footer-wrapper a:focus {
			text-decoration: none;
		}

		.footer-wrapper a:first-of-type {
			padding-right: 15px;
		}

/* Lightbox */

	#lightbox {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: #000;
    }

        #lightbox p { 
            color: #fff;
            font-size: 18px;
        }

    	#wrapper {
    		margin:0 auto;
    	}    

    /* Lightbox Title */

    #title {
    	float: left;
    	padding: 22px 0;
    }

        #title p {
            font-family: 'Proxima Nova Light', helvetica, arial;
            text-transform: uppercase;
            padding: 0;
            margin:0;
            letter-spacing: 0.2px;
            font-size: 15px;
        }

    /* Lightbox Navigation */

    #nav {
        float: right;
        padding:22px 0;
    }

        #nav .slide-nav {
            padding:5px;
        }

            #nav .slide-nav img {
                width:12px;
            }

    /* Lightbox Slideshow */

    #slideshow {
    	clear: both;
    }

	    #slideshow ul {
	        margin:0;
	        padding:0;
	        height: 100%;
	    }

	    	#slideshow ul li {
	    		list-style-type:none;
	    		text-align: center;
	    	}


/* Media Queries */

	/* Mobile */

		@media only screen and (max-width: 601px) { 
	  		.no-padding, .no-padding-left, .no-padding-right, .bootstrap-padding {padding: 0;}
	  		.day-wrapper {padding: 0;}
		  	.day {height:100px;margin:0 0 5px 0;}
		  	#wrapper, #wrapper img {width:100%;}
		  	#title {float: none;text-align: center;padding-bottom: 0;padding-top:30px;}
		  	#title p {font-size:17px;font-family:'Proxima Nova Regular', helvetica, arial;}
		  	#nav {padding:25px 0 30px 0;float:none;text-align:center;}
			#nav .slide-nav {padding:10px;}
			#nav .slide-nav img {width:15px;}
		}


	/* Tablet */

		@media only screen and (min-width: 601px) and (max-width: 991px) { 
			.no-padding, .no-padding-left, .no-padding-right, .bootstrap-padding {padding: 0;}
	  		.day-wrapper {padding: 0;}
		  	.day {height: 150px;margin:0 0 7px 0;}
		  	#wrapper, #wrapper img {max-width: 580px;}
		  	#nav .slide-nav img {width:14px;}
		  	
		}


	/* Small desktop */

		@media only screen and (min-width: 991px)  { 
			.no-padding {padding-left:0; padding-right:0;}
			.no-padding-left {padding-left:0;}
			.no-padding-right {padding-right:0;}
			#lightbox img {max-width: 800px;}
			#wrapper {width: 800px;}
			.day-wrapper {opacity: 0;}
			.no-fade {opacity: 1;}
		}

	/* Large desktop */

		@media only screen and (min-width: 1600px)  { 
			#lightbox img {max-width: 1000px;}
			#wrapper {width: 1000px;}
		}