/*
Aether Themes
Version: 1.0
Author: Nikolay Lechev
Author URI: http://www.nikolaylechev.com

This website and it's design and code are the property of Nikolay Lechev, it is not a template that you can borrow, adapt or copy. Please exercise your own creativity and do your own thing.
If you do steal this design and use it for yourself and I find out about it I will publicly name and shame you to the entire web design world and you'll
never work again and your children will go hungry.
*/

/* =Table of Contents
--------------------------------------------------------------
	=Common Styles
	=Typography Styles
	=Content Styles
	=Responsive Styles
	=Animation
	=404
*/


/* =Common Styles
-------------------------------------------------------------- */
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

img {
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

body {
	background: #20252B;
	color: rgb(245, 245, 245);
	color: rgba(245, 245, 245, .7);
	font: normal 18px "Cardo", georgia, serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}

section { overflow: hidden; }
::selection { background: #161a1b; color: #fff; }
::-moz-selection { background: #161a1b; color: #fff; }

/*
 * Social Icons 
 */
@font-face{font-family:fontello;src:url(../icon-fonts/fontello.eot?74022055);src:url(../icon-fonts/fontello.eot?74022055#iefix) format('embedded-opentype'),url(../icon-fonts/fontello.woff?74022055) format('woff'),url(../icon-fonts/fontello.ttf?74022055) format('truetype'),url(../icon-fonts/fontello.svg?74022055#fontello) format('svg');font-weight:400;font-style:normal}[class*=" social-icon-"]:before,[class^=social-icon-]:before{font-family:fontello;font-style:normal;font-weight:400;speak:none;display:inline-block;text-decoration:inherit;width:1em;margin-right:.2em;text-align:center;font-variant:normal;text-transform:none;line-height:1em;margin-left:.2em}.social-icon-behance:before{content:'\e80c'}.social-icon-codeopen:before{content:'\e80d'}.social-icon-digg:before{content:'\e80e'}.social-icon-dribbble:before{content:'\e80f'}.social-icon-dropbox:before{content:'\e810'}.social-icon-drupal:before{content:'\e811'}.social-icon-facebook:before{content:'\e812'}.social-icon-git:before{content:'\e813'}.social-icon-github:before{content:'\e814'}.social-icon-google:before{content:'\e815'}.social-icon-gplus:before{content:'\e816'}.social-icon-instagram:before{content:'\e817'}.social-icon-joomla:before{content:'\e818'}.social-icon-linux:before{content:'\e819'}.social-icon-linkedin:before{content:'\e81a'}.social-icon-pinterest-circled:before{content:'\e81b'}.social-icon-reddit:before{content:'\e81c'}.social-icon-skype:before{content:'\e81d'}.social-icon-wordpress:before{content:'\e81e'}.social-icon-windows:before{content:'\e81f'}.social-icon-youtube:before{content:'\e820'}.social-icon-twitter:before{content:'\e821'}.social-icon-tumblr:before{content:'\e822'}.social-icon-yahoo:before{content:'\e823'}.social-icon-vine:before{content:'\e824'}.social-icon-vkontakte:before{content:'\e825'}.social-icon-lemon:before{content:'\e826'}.social-icon-renren:before{content:'\e827'}.social-icon-xing:before{content:'\e828'}.social-icon-tencent-weibo:before{content:'\e829'}.social-icon-stumbleupon:before{content:'\e82a'}.social-icon-steam:before{content:'\e82b'}.social-icon-stackoverflow:before{content:'\e82c'}.social-icon-soundclowd:before{content:'\e82d'}.social-icon-maxcdn:before{content:'\e82e'}.social-icon-openid:before{content:'\e82f'}.social-icon-deviantart:before{content:'\e830'}.social-icon-delicious:before{content:'\e831'}.social-icon-apple:before{content:'\e832'}.social-icon-android:before{content:'\e833'}



/* =Typography
-------------------------------------------------------------- */
h1 {
	font-family: ProximaNova-Bold;
	font-weight: normal;
	font-style: normal;
	font-size: 48px;
	line-height: 48px;
	letter-spacing: -0.04em;
	margin: 0;
	padding: 10px 0px;
	color: #fff; 
}

h2 {
	font-weight: normal;
	font-style: normal;
	font-family: ProximaNova-Bold;
	font-size: 10px;
	line-height: 10px;
	color: #fff;
}

.sub-title {
	font-size: 18px;
	margin-top: -10px;
	margin-bottom: 20px;
}


/* =Content Styles
-------------------------------------------------------------- */
.wrapper {
	text-align: center;		
	position: absolute;
	overflow: hidden;
	display: table-cell;
	height: 100%;
	width: 100%;
	left: 0;
	top: 0;
}

.scene,
.layer {
	display: block;
	height: 100%;
	width: 100%;
	padding: 0;
	margin: 0;
}

.scene {
	position: relative;
	overflow: hidden;
}

.layer { position: absolute; }

.layer div {
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	backface-visibility: hidden;
}

/* Background */
.background {
	background: url(../images/procask.png) no-repeat 50% 100%;
	bottom: -20px;
	background-size: cover;
	position: absolute;
	width: 110%;
	left: -5%;
	top: -5%;
}


/* Content */
.embreve {
	max-width: 1124px;
	margin: 0 auto;
}

.line {
	display: block;
	margin: 0 auto;
	width: 60px;
	height: 1px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.button {
	display: inline-block;
	font-family: ProximaNova-Bold;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 14px;
	line-height: 12px;
	letter-spacing: 0.5em;
	color: #fff;
	border: 1px solid rgba(255,255,255,.8);
	padding: 15px 35px;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.button:hover {
	background: #fff;
	border: 1px solid #fff;
	color: #161a1b;
}

.button.no-stroke {
	border: none;
	color: rgba(255,255,255,1);
}

.button.no-stroke:hover {
	opacity: .7;
	background: transparent;
	border: none;
}

.social-list {
	padding-left: 0px;
	margin-top: 10px;
}

.social-list li { 
	display: inline-block;
}

.social-list li a {
	font-size: 20px;
	color: rgba(255,255,255,.5);
	text-decoration: none;	
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
	   	-ms-transition: all 0.3s ease-in-out;
	   	 -o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
}

.social-list li a:hover {
	color: #fff;
}


/* =Responsive Styles
-------------------------------------------------------------- */

/* Landscape Phone */
@media all and (min-width: 400px) {

	.embreve { max-width: 550px; }
	.line {
		margin-top: 10px;
		margin-bottom: 0px;
	}
}

/* Tablet Portrait */
@media all and (min-width: 700px) {

	.embreve { max-width: 560px; }

	.line {
	margin-top: 20px;
	margin-bottom: 20px;
	}

	h1 {
		font-size: 130px;
		line-height: 120px;
	}

	.sub-title {
		font-size: 20px;
		margin-top: 0px;
		margin-bottom: 40px;
	}

	.button { padding: 20px 35px; }

	.social-list { margin-top: 60px; }

}

@media all and (min-width: 900px) {
	.embreve { max-width: 750px; }
}

@media all and (min-width: 1200px) {}

@media all and (min-width: 1400px) {
	h1 {
		font-size: 150px;
		line-height: 130px;
	}
}

@media all and (min-width: 1600px) {}

@media all and (min-width: 1920px) {}



/* =404
-------------------------------------------------------------- */
.snap {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../images/404.png) no-repeat center;
	background-size: cover;
	text-align: center;
}