@font-face {font-family: 'Din';src: url('din.ttf');}
@font-face {font-family: 'Din Thin';src: url('din-thin.ttf');}

body{
	background: #202224;
	background: #aaa;
}

h2{
	font-family: Din, sans-serif;
	font-weight: 300;
	font-size: 44px;
	margin-bottom: 25px;
	color: #333;
	text-decoration: none;
}

p, body{
	font-family: sans-serif;
	font-size: 13px;
	color: #333;
}

p{
	margin-bottom: 20px;
}

.right{
	float: right;
}

.left{
	float: left;
}



header{ 
	background: #222426 url('img/header_bg.jpg');
	border-bottom: 1px solid #111313;
	height: 78px;
}

header a{
	line-height: 78px;
	color: #fff;
	font-family: sans-serif;
	font-size: 13px;
	text-decoration: none;
	margin-right: 25px;
}

header a:hover{
	color: #966bfe;
}

#devices{
	width: 100%; 
	height: 200px;
	background: #e9e6ee;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 100;
}

#devices div{
	width: 1845px; 
	margin: auto;
	position: relative;
}

#gungnir{
	display: block;
	font-family: Din, sans-serif;
	font-weight: 300;
	font-size: 22px;
	background: url('img/gungnir.png') no-repeat top center;
	width: 250px;
	float: left;
	text-align: center;	
	padding-top: 130px;
	padding-bottom: 20px;
	margin-top: 25px;
	text-decoration: none;
	color: black;
	margin-right: 35px;
}

#aegis{
	display: block;
	font-family: Din, sans-serif;
	font-weight: 300;
	font-size: 22px;
	background: url('img/aegis.png') no-repeat top center;
	width: 250px;
	float: left;
	text-align: center;	
	padding-top: 130px;
	padding-bottom: 20px;
	margin-top: 25px;
	text-decoration: none;
	color: black;
	margin-right: 0;
}


#colada_evil{
	display: block;
	font-family: Din, sans-serif;
	font-weight: 300;
	font-size: 22px;
	background: url('img/colada_evil.png') no-repeat top center;
	width: 250px;
	float: left;
	text-align: center;
	padding-top: 130px;
	padding-bottom: 20px;
	margin-top: 25px;
	text-decoration: none;
	color: black;
	margin-right: 60px;
}

#colada_saint{
	display: block;
	font-family: Din, sans-serif;
	font-weight: 300;
	font-size: 22px;
	background: url('img/colada_saint.png') no-repeat top center;
	width: 250px;
	float: left;
	text-align: center;
	padding-top: 130px;
	padding-bottom: 20px;
	margin-top: 25px;
	text-decoration: none;
	color: black;
	margin-right: 60px;
}

#kuven{
	display: block;
	font-family: Din, sans-serif;
	font-weight: 300;
	font-size: 22px;
	background: url('img/kuven.png') no-repeat top center;
	width: 160px;
	float: left;
	text-align: center;	
	padding-top: 130px;
	padding-bottom: 20px;
	margin-top: 25px;
	text-decoration: none;
	color: black;
	margin-right: 0;
}



#shrike{
	display: block;
	font-family: Din, sans-serif;
	font-weight: 300;
	font-size: 22px;
	background: url('img/shrike.png') no-repeat top center;
	width: 250px;
	float: left;
	text-align: center;	
	padding-top: 130px;
	padding-bottom: 20px;
	margin-top: 25px;
	text-decoration: none;
	color: black;
	margin-right: 0;
}

#durandal_ultimate{
	display: block;
	font-family: Din, sans-serif;
	font-weight: 300;
	font-size: 22px;
	background: url('img/durandal_ultimate.png') no-repeat top center;
	width: 250px;
	float: left;
	text-align: center;
	padding-top: 130px;
	padding-bottom: 20px;
	margin-top: 25px;
	text-decoration: none;
	color: black;
	margin-right: 10px;
}

#gungnir:hover, #durandal_ultimate:hover, #shrike:hover, #aegis:hover, #colada_evil:hover, #colada_saint:hover, #kuven:hover{
	opacity: 0.7;
}

#go_devices.selected{
	color: #6c49a7;
}

.lang{
	margin-right: 0;
	margin-left: 25px;
}

#search{
	font-family: sans-serif;
	font-size: 13px;
	background: url('img/srch_bg.png') no-repeat right;
	border: 1px #1a1b1d solid;
	border-top: 1px #171819 solid;
	border-bottom: 1px #2e2f31 solid;
	height: 23px; 
	width: 114px;
	padding: 0 30px 0 10px;
	color: #fff;
}

#search::-webkit-input-placeholder {
    color:    #727272;
}

#search:-moz-placeholder {
    color:    #727272;
}

#search::-moz-placeholder {
    color:    #727272;
}

#search:-ms-input-placeholder {
    color:    #727272;
}

#search:focus::-webkit-input-placeholder {
    color:    #444;
}

#search:focus:-moz-placeholder {
    color:    #444;
}

#search:focus::-moz-placeholder {
    color:    #444;
}

#search:focus:-ms-input-placeholder {
    color:    #444;
}

#search:focus{
	outline: none;
}

#placeholder{
	height: 66px;
	background: #000;
}

#submit{
	height: 25px;
	width: 25px;
	background: none;
	border: none;
	position: relative;
	top: -3px;
	left: -30px;
	cursor: pointer;
	margin-right: -30px;
}

#logo{
	height: 78px;
	width: 173px;
	background: url('img/tesoro.jpg') no-repeat;
	float: left;
	margin-top: -4px;
}

.wrapper{
	width: 948px;
	margin: auto;
	padding: 0 20px;

}

#special{
	background: #4b4f53 url('img/main/sale.jpg') no-repeat center;
	height:380px;
	width: 100%;
	transition: height 0.5s;
	position: relative;
}

#special:hover{
	height: 400px;
}

#special div{
	width: 948px;
	margin: auto;
}

#support{
	padding: 60px 0;
	background: url('img/features_bg.jpg');
}

#gun, #dur, #aeg, #shr{
	height:130px;
	width: 100%;
	transition: height 0.5s;
	box-shadow: 0 0 20px #666;
	display: block;
	text-decoration: none;
	position: relative;
}

#gun h2, #dur h2, #aeg h2, #shr h2, #special h2{
	position: absolute;
	top: 50%;
	margin-top: -35px;
	color: #fff;
	text-shadow: 0 2px 3px #333;
}

#gun p, #dur p, #aeg p, #shr p, #special p{
	position: absolute;
	top: 50%;
	margin-top: 15px;
	font-family: 'Din Thin', sans-serif;
	font-size: 15px;
}

#special h2{
	width: 948px;
	text-align: right;
	margin-top: 80px;
}

#special p{
	margin-top: 130px;
	color: #fff;
	text-align: right;
	width: 948px;
}

#gun div, #dur div, #aeg div, #shr div{
	width: 948px;
	margin: auto;
}

#gun:hover, #dur:hover, #aeg:hover, #shr:hover{
	height: 150px;
}

#dur{
	background: #e3d0ca url('img/main/dur.jpg') no-repeat center;
}

#gun{
	background: #dbd6d3 url('img/main/gun.jpg') no-repeat center;
}

#shr{
	background: #beafd0 url('img/main/shr.jpg') no-repeat center;
}

#aeg{
	background: #d9d7dc url('img/main/aeg.jpg') no-repeat center;
}

#support h2{
	color: #fff;
	text-shadow: 0 2px 3px #333;
}

#download{
	display: block;
	background: #6c49a7;
	border: none;
	color: #fff;
	width: 264px;
	height: 67px;
	float: right;
	line-height: 67px;
	text-align: center;
	margin-top: 15px;
	margin-right: 0;
	text-decoration: none;
	font-size: 15px;
	margin-top: -150px;
}

#download:hover{
	color: #fff;
	background: #553590;
}

#footer{
	height: 300px;
	background: #000;
}

#copyright{
	width: 688px;
	float: left;
	text-align: left;
	padding-top: 150px;
}

#copyright p{
	color: #666;
}

#social{
	width: 260px;
	float: left;
	padding-top: 130px;
}

#fb, #vk, #tw, #yt{
	width: 48px;
	height: 48px;
	display: block;
	float: right;
	margin-right: 5px;
}

#fb{
	background: url('img/fb.png');
}

#tw{
	background: url('img/tw.png');
}

#vk{
	background: url('img/vk.png');
}

#yt{
	background: url('img/yt.png');
}