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

	Simple reset

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





*{

	margin:0;

	padding:0;

}





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

	General Styles

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

img, { max-width: 100%; max-height: auto;}



/* html, body {

    max-width: 100%;

    overflow-x: hidden;

} */



body{

	font-family: 'refrigerator';

	text-transform:uppercase;

	font-size:26px;

	color:white;

	position:relative;

	z-index:0;



}



a, a:visited {

	outline:none;

	color:#6c6c6c;

}



a:hover{

	text-decoration:none;

}



section, footer, header, aside{

	display: block;

}



@font-face {

     font-family: refrigerator;

     src: url(../fonts/ufonts.com_refrigerator_light.ttf) 

}





/* NAVBAR */


.navbar-logo {

	position: absolute;

	top: 5px;

	left: 70px;

}



.navbar-logo img {

	height: 75px;

}



.navbar-inverse {

	background: #222222 url('../img/nav_bg.png') left top repeat;

}



.relative {

	position: relative;

}

.navbar {

	margin-bottom: 0px;

}





/* ----------------- Mobile Navigations ----------------- */



.mobileNavWrapper {

	display: none;

	width: 250px;

	height: 100%;

	min-height: 100%;

	position: fixed;

	right: -250px;

	top: 0;

	overflow-x: hidden;

	z-index: 16;

	background: #DCA459;

}



.mobileNavWrapper, .header, .footer {

	-webkit-transition: all .30s ease;

	-ms-transition: all .30s ease;

	transition: all .30s ease;

	-webkit-transform: translateX(0px);

	-ms-transform: translateX(0px);

	transform: translateX(0px);

	-webkit-backface-visibility: hidden;

	-ms-backface-visibility: hidden;

	backface-visibility: hidden;

}



.mobileNavWrapper.showNav, .wrapper.showNav, .header.showNav, .footer.showNav {

	-webkit-transform: translateX(-250px);

	-ms-transform: translateX(-250px);

	transform: translateX(-250px);

}

.wrapper {

    -webkit-transition: all 0.3s ease 0s;

    transition: all 0.3s ease 0s;

}



.menuWrapper { float: right; }



#menubuttonsvg, #forwardsvg, #backsvg {

	display: none;

	cursor: pointer;

	float: right;	

	padding: 0;

	-webkit-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;



}

#menubuttonsvg {

	padding: 6px 0 6px 10px;

}

#forwardsvg, #backsvg  {

	padding: 6px 10px;

	border-right: 1px solid #333;

	border-left: 1px solid #333;

}

#backsvg  {

	border-right: none;

}

#menubuttonsvg:hover, #forwardsvg:hover, #backsvg:hover {

	background: #DEA653;

}



/*#mobileMenuButton:hover path {

	fill: #D8A55C;

}*/



#pagename {

	position: absolute;

	left: ;

	width: ;;

}



.logoLink, .mainNav { display: inline-block; }



@media all and (max-width: 850px) {

.mobileNavWrapper, #menubuttonsvg, #forwardsvg, #backsvg { display: inline-block; }

}

@media screen and (max-width: 500px) {

#backsvg  {

	display: none;

}

}







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

	The Header's

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



#header{

	

	background-color:#101010;

	background-image:url(../img/index-banner.png);

	background-repeat:no-repeat;

	background-position:center;

	position:relative;

	padding: 120px 0 250px;

	border-bottom:1px solid #101010;

	

}



#header-downloads{

	

	background-color:#101010;

	background-image:url(../img/downloads-banner.png);

	background-repeat:no-repeat;

	background-position:center;

	position:relative;

	padding: 120px 0 250px;

	border-bottom:1px solid #101010;



}



#header-members{

	

	background-color:#101010;

	background-image:url(../img/members-banner.png);

	background-repeat:no-repeat;

	background-position:center;

	position:relative;

	padding: 120px 0 250px;

	border-bottom:1px solid #101010;

	

}



#header-servers{

	

	background-color:#101010;

	background-image:url(../img/motm-banner.png);

	background-repeat:no-repeat;

	background-position:center;

	position:relative;

	padding: 120px 0 250px;

	border-bottom:1px solid #101010;

	

}



#header-donate{

	

	background-color:#101010;

	background-image:url(../img/donate-banner.png);

	background-repeat:no-repeat;

	background-position:center;

	position:relative;

	padding: 120px 0 250px;

	border-bottom:1px solid #101010;



}





#header-history{

	

	background-color:#101010;

	background-image:url(../img/rules-banner.png);

	background-repeat:no-repeat;

	background-position:center;

	position:relative;

	padding: 120px 0 250px;

	border-bottom:1px solid #101010;

	

}



#header-join{

	

	background-color:#101010;

	background-image:url(../img/join-banner.png);

	background-repeat:no-repeat;

	background-position:center;

	position:relative;

	padding: 120px 0 250px;

	border-bottom:1px solid #101010;

	

}



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

	The main container

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





#main{

	position:relative;

	background: #f5f5f5 url(../img/bg.png);

	/*padding: 120px 0 110px;*/

	padding: 20px 0 200px;

	padding-bottom:0px;

}



#main h1{

	font-family:'refrigerator';

	text-transform:uppercase;

	font-size:44px;

	color:#999999;

	text-align: center;

	padding-top:10px;

	position:relative;

}



#main p{

	font-family: 'Open Sans Condensed', sans-serif;

	font-size:25px;

	text-align:center;

	color:#6d6d6d;

	position:relative;

	text-transform:none;

}



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



#main-downloads{

	position:relative;

	background: #f5f5f5 url(../img/bg.png);

	/*padding: 120px 0 110px;*/

	padding: 10px 0 200px;

	padding-bottom:0px;

}



#main-downloads h1{

	font-family:'refrigerator';

	text-transform:uppercase;

	font-size:44px;

	color:#6d6d6d;

	text-align: center;

	padding-bottom:20px;

	position:relative;

	line-height:40px;

	text-shadow: 0 1px 1px #fff;

}



#main-downloads p{

	font-family:'refrigerator';

	font-size:25px;

	text-align:left;

	position:relative;

	text-transform: uppercase;

}



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



#main-members{

	position:relative;

	background: #f5f5f5 url(../img/bg.png);

	/*padding: 120px 0 110px;*/

	padding: 10px 0 200px;

	padding-bottom:0px;

}



#main-members h1{

	font-family:'refrigerator';

	text-transform:uppercase;

	font-size:44px;

	color:#6d6d6d;

	text-align: center;

	padding-bottom:20px;

	position:relative;

	line-height:40px;

}



#main-members p{
	
	font-family: 'refrigerator';
    text-transform: uppercase;
    font-size: 26px;
	text-align:center;
	position:relative;
}



#main-servers{

	position:relative;

	background: #f5f5f5 url(../img/bg.png);

	/*padding: 120px 0 110px;*/

	padding: 10px 0 200px;

	padding-bottom:0px;

}



#main-servers h1{

	font-family:'refrigerator';

	text-transform:uppercase;

	font-size:44px;

	color:#6d6d6d;

	text-align: center;

	padding-bottom:20px;

	position:relative;

	line-height:40px;

}



#main-servers p{

	font-family: 'Open Sans Condensed', sans-serif;

	font-size:25px;

	text-align:left;

	position:relative;

	text-transform:none;

}



#main-maps{

	position:relative;

	background: #f5f5f5 url(../img/bg.png);

	/*padding: 120px 0 110px;*/

	padding: 10px 0 200px;

	padding-bottom:0px;

}



#main-maps h1{

	font-family:'refrigerator';

	text-transform:uppercase;

	font-size:44px;

	color:#6d6d6d;

	

	padding-bottom:20px;

	position:relative;

	line-height:40px;

}



#main-maps p{

	font-family: 'Open Sans Condensed', sans-serif;

	font-size:22px;

	text-align:left;

	position:relative;

	text-transform:none;

}



#main-maps a{

	font-size:23px;

}

.server {
 padding-bottom: 20px	
}





.break{

	margin-bottom:5px;

}



.content {

width: 960px;

margin: 0 auto;

overflow: hidden;

}



.long {

width: 600px;

}

.right {

float: right;

}



.short {

width: 45%;

}

.left {

float: left;

}



.content h3 {

font-size: 75px;

line-height: 80px;

margin: 0 0 30px 0;

font-family:'refrigerator';

color: #999999;

}



.content img{

	max-width: 100%;

	vertical-align:middle;

	

}





short p {

margin: 0 0 50px 0;



}



p strong {

color: #1E2222;

font-family: 'Open Sans', sans-serif;

}



/*------------------ Sec3 -------------------*/



.sec3{

	padding: 90px 0;

	background: #f5f5f5 url(../img/bg.png);

	border-bottom:2px solid #101010;

}

.sec3{

	padding: 60px 0;

}



.sec3 strong{

	color:#E11417;

}



.sec3 p{

	color:#6d6d6d;

}





.short {

	width: 45%;

}





.long {

	width: 480px;

}



.short p {

	margin: 0 0 30px 0;

}





@media all and (max-width: 1300px) {

.long {

	width: 500px;

}

.sec3 .short {

	margin: 60px 0 0 0;

}	



.sec4 .short {

	margin: 60px 0 0 0;

}

}



@media all and (max-width: 1100px) {

.long {

	width: 400px;

	margin: 70px 0 0 0;

}

.short {

	width: 50%;

}

}

@media all and (max-width: 990px) {
.centre {
	display: grid; 
	justify-content: center;
}
}


@media all and (max-width: 950px) {

.long {

	margin: 0 auto;

	float: none;

}

.sec3 .short {

	margin: 0;

}



.sec4 .short {

	margin: 0;

}



.motm1 .short {

	margin: 0;

}



.motm1 .long {

	width: 400px;

}



.short {

	width: 100%;

	text-align: center;

}

.long {

	margin: 0 auto 40px ;

}

}



@media all and (max-width: 500px) {

.long {

	width: 100%;

}

}





.sec1 li img {

width: 42px;

margin: 32px 0 0 0;

position:relative;

}



.content1 {

/*width: 950px;*/

margin: 0 auto;

overflow: hidden;





}



.content1 h3{

margin: 0 0 10px 0;

text-transform: uppercase;

font-size:32px;

font-family:'refrigerator';

color:#6d6d6d;

text-shadow: 0 1px 1px #fff;

}





.sec1 ul {

overflow: hidden;

}



.sec1 li {

float: left;

width: 20%;

text-align: center;

height: 375px;

margin: 0 2.4%;

font-size: 15px;

}



@media screen and (max-width: 1550px) {

.content {

	width: 67%

}

}



@media screen and (max-width: 1550px) {

.content1 {

	width: 67%

}

}





@media screen and (max-width: 1150px) {

h2, .h2 {

	font: 40px/50px 'Refrigerator';

}

}

@media screen and (max-width: 750px) {

h2, .h2 {

	font: 32px/38px 'Refrigerator';

}

p {

	font-size: 15px;

	line-height: 24px;

}

}



/*-------------------Sec 4-------------------*/

.sec4{

	padding: 90px 0;

	background: #f5f5f5 url(../img/bg2.png);

	border-bottom:2px solid #101010;

}



.sec4 .short {

	margin: 10px 0 0 0;

}



.sec4 h3{

	color:#222222;

}



.sec4 p{

	color:#222222;

}



.motm1{

	padding: 90px 0;

	background: #f5f5f5 url(../img/bg.png);

}



.motm1 .short {

	margin: 150px 0 0 0;

}



.motm1 h3{

	color:#999999;

}



.sec4 p{

	color:#222222;

}





/*-------------------dimitri-------------------*/

.dimitri{

	padding: 90px 0;

}



.dimitri .short {

	margin: 60px 0 0 0;

}



/*-------------------Buttons-------------------*/



a.button3 {

	/*width: 250px;*/

	border: 2px solid #999999;

	display: block;

	height: 52px;

	text-align: center;

	text-transform: uppercase;

	padding-top:10px;

	-moz-border-radius: 5px;

	border-radius: 5px;	

	cursor: pointer;

	color:#999999;

}

a.button3:hover {

	border: 2px solid #4D4D4D;

}

a.button3 img {

	width: 20px;

	margin: -4px 12px 0 0;

}



a.button4 {

	/*width: 250px;*/

	border: 2px solid #101010;

	color:#101010;

	display: block;

	height: 52px;

	text-align: center;

	text-transform: uppercase;

	padding-top:10px;

	-moz-border-radius: 5px;

	border-radius: 5px;	

	cursor: pointer;

}

a.button4:hover {

	border: 2px solid #999999;

	color:#999999;

}

a.button4 img {

	width: 20px;

	margin: -4px 12px 0 0;

}









@media all and (max-width: 1300px) {

.sec4 .short {

	margin: 0;

}

}



/*-------------------Sec 1-------------------*/





.sec1 {

	padding: 50px 0 50px;

}

.sec1 ul {

	overflow: hidden;

}

.sec1 li {

	float: left;

	width: 20%;

	text-align: center;

	height: 375px;

	margin: 0 2.4%;

	font-size: 15px;

	list-style: none;

}

.sec4:last-child {
	border-bottom: none;
}

.sec1 li:last-child img {

width: 50px;

margin: 28px 0 0 0;

}



.icon {

	background: #E6EDF0;

	height: 100px;

	width: 100px;

	margin: 0 auto 30px;

	border-radius: 50%;

}



.sec1 .icon {

	background: #E6EDF0;

	height: 100px;

	width: 100px;

	margin: 0 auto 30px;

	border-radius: 50%;

	border:2px solid #318b96;

	

}



.iconlink{

	font-family:'Refrigerator';

	font-size:26px;

	border:2px solid #318b96;

	border-radius:4px;

	padding:5px 20px 5px 20px;

	background-color:#E6EDF0;



}



.iconlink:hover{

	border: 2px solid #4D4D4D;

}



.sec1 li img {

	width: 42px;

	margin: 32px 0 0 0;

	

}



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

.sec1 li {

	width: 28.2%;

	height: 400px;

	

}

}

@media all and (max-width: 800px) {

.sec1 li {

	width: 44.8%;

	

}

}



@media all and (max-width: 500px) {

.sec1 li {

	width: 100%;

	height: auto;

	margin: 0 0 60px 0 ;

	

}

}



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

	Recruitment Form

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





.bootstrap-frm {

    width: 960px;

    margin-right: auto;

    margin-left: auto;

    padding: 20px 30px 20px 30px;

	font-size:12px;

	font-family:'Refrigerator';

    color: #FFFFFF;

}

.bootstrap-frm h1 {

    font-size: 25px;

	font-family:'Refrigerator';

    padding: 0px 0px 10px 40px;

    display: block;

    margin: -10px -30px 30px -30px;

    color: #FFFFFF;

}

.bootstrap-frm h1>span {

    display: block;

    font-size: 15px;

	

}

.bootstrap-frm label {

    display: block;

    margin: 0px 0px 5px;

}

.bootstrap-frm label>span {

    float: left;

    width: 130px;

    text-align: right;

    margin-right: 20px;

    margin-top: 10px;

    color: #565656;

	font-size:20px;

    font-family:'Refrigerator';

	text-transform:none;

	

}

.bootstrap-frm input[type="text"], .bootstrap-frm input[type="email"], .bootstrap-frm textarea, .bootstrap-frm select{

    border: 1px solid #CCC;

    color: #565656;

    height: 50px;

    margin-bottom: 16px;

    margin-right: 6px;

    margin-top: 2px;

    outline: 0 none;

    padding: 6px 12px;

    width: 68%;

    border-radius: 4px;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

	font-size:22px;

	font-family:'Refrigerator';

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

}



.bootstrap-frm textarea{

    height:200px;

}

.bootstrap-frm .btn {

    background: #FFF;

    border: 1px solid #CCC;

    padding: 10px 25px 10px 25px;

    color: #333;

    border-radius: 4px;

	width:200px;

	text-transform:uppercase;

	font-size:18px;

	font-family:'Refrigerator';

	cursor:pointer;

}

.bootstrap-frm .btn:hover {

    color: #FFFFFF;

    background-color: #565656;

    border-color: #ADADAD;

	

}



.fader{

	opacity: .75;

}



.start{

	padding-top:50px;

	}





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

	The footer

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



.footer-layer{

	background: #222222 url('../img/nav_bg.png') left top repeat;

	text-align: center;

	color: #999999;

	padding: 30px 0 30px 0;

	text-transform: uppercase;

	width:100%;

	border-top:2px solid #101010;

}

.footer-layer a{

	text-decoration:none;

	color: #999999;

	font-family:'refrigerator';

}

.footer-layer a:hover{

	color:#D1D1D1;

	text-decoration:none;

}

.lee-logo {

	background-image:url(../img/small-logo.png);

	width: 257px;

	height: 32px;

	margin-left:auto;

	margin-right:auto;

	background-repeat:no-repeat;

}

.footer-text {

	display: block;

	clear: both;

	margin-bottom: 0;

	padding: 20px 0;

	color: #999999;

	font-family:'refrigerator';

	

}



.winners{

	font-family:'refrigerator';

	font-size:18px;

}



.sub {

margin-left: 47px;

margin-bottom: 20px;

font-family: 'Open Sans', sans-serif;

text-transform:none;

font-size:20px;

}



ul.bullets {

	margin: 10px 0px 0px 20px;

	list-style-image: url(../img/grenade.png);

	list-style-position: inside;

	text-transform:none;

}



.maphead {

	font-family:'refrigerator';

	font-size:30px;

}



.bkground{

	padding:20px 20px 20px 20px;

	background-color:#2D2D2D;

	border-radius:7px;

	border: 1px dashed #FFFFFF;



}



.strike{

	border-bottom:1px solid #636363;

	

}



.alert{

	background-color:#C91417;

	font-size:30px;

	color:black;

	text-align:center;

}