*:not(input)
{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
}

.vertical-align
{
	transform:translateY(-50%);
	-webkit-:transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
}

.horizontal-align
{
	transform:translateX(-50%);
	-webkit-:transform:translateX(-50%);
	-moz-transform:translateX(-50%);
	-ms-transform:translateX(-50%);
	-o-transform:translateX(-50%);
}

/****************************************************
					header styles
*****************************************************/
html,body
{
	font-size: 16px;
	margin:0;
	padding:0;
	width:100%;
	min-height: 100%;
	background:#db2027;
	overflow-x:hidden; 
}


.wrapper
{
	width:100%;
	min-height: 100%;
	margin:0px auto;
	
}

.mobile-nav,.hamburger
{
	display: none;
}
nav,.social
{
	margin-top: 2rem;
}



nav
{
	float: left;
	margin-left: 5rem;
}


nav ul li
{
	padding:.3rem;
}

.active
{
	color: #000;
}


nav ul li a
{
	color:#fff;
	font-size: 1.3rem;
	font-family: calibri;
	font-weight: bold;
}

nav ul li a:hover
{
	color:#000;
}

.logo
{
	width:200px;
	margin-left: 2rem;
	position: relative;
	z-index: 99;
}


.logo:hover
{
	cursor: pointer;
}

.social
{
	float: right;
	height: 30px;
	margin-right: 1.75rem;
}

.social img
{
	width: 60px;
	height: 60px;
}

.clearfix 
{
	display: table;
	clear: both;
	
}


/****************************************************
					footer styles
*****************************************************/

.footer
{
	display:block;
	margin:0px auto;
	text-align: center;
	color: #fff;
	font-family: calibri;

}


.form,.email
{	
	text-align: left;
	padding:10px 20px 0px 0px;
	display: inline-block;
	
	margin:0 auto;
	
}

.form
{
	border-right: 1px solid #fff;
}

.form form
{
	margin-top: 15px;

}

.footer
{
	
	width:100%;
	text-align: center;
	
}

.form
{
	width:450px;
}

.email,.form
{
	padding:0px 80px;
	box-sizing:border-box;
}




input 
{
	vertical-align: middle;
	float: left;
	height: 34px;
	border:1px solid #db2027;
	border-right:0;
	
}
input[type="email"],#txtEmail
{
	width: 200px;
	height:34px;
    margin-top:15px;

	
}

input[type="image"]
{
	background: #000;
	padding:5px 5px;
    height:26px;
    margin-top:15px;
}


.footer h1
{
	font-size: 1.3rem;
	margin:2px auto;
	font-family: calibri;
}

.footer p
{
	margin: 0;
	font-family: calibriBold;
	
	margin-top: 5px;
}

.email
{
	display: inline-block;
	
	
}

.email a
{
	font-family:calibriBold; 
	color:#fff;
	vertical-align: middle;
	display: inline-block;
}

.email img
{
	vertical-align: middle;
	width:30px;
	height: 30px;
}

input::-webkit-input-placeholder {
	font-size: .7rem;
	padding-left: .3rem;
	font-family: calibriBold;
	color:#db2027;
}
input::-moz-placeholder {
	font-size: .7rem;
	padding-left: .3rem;
	font-family: calibriBold;
	color:#db2027;
}
input:-moz-placeholder {   /* Older versions of Firefox */
	font-size: .7rem;
	padding-left: .3rem;
	font-family: calibriBold;
	color:#db2027;
}
input:-ms-input-placeholder { 
	font-size: .7rem;
	padding-left: .3rem;
	font-family: calibriBold;
	color:#db2027;
}

input:-o-input-placeholder { 
	font-size: .7rem;
	padding-left: .3rem;
	font-family: calibriBold;
	color:#db2027;
}







/********************************************************
							Fonts

********************************************************/
@font-face
{
  font-family: 'calibri';
  src: url(../fonts/CALIBRI.TTF) format('ttf');
  src: url(../fonts/CALIBRI.woff) format('woff');

}



@font-face 
{
    font-family: 'calibriBold';
    src: url(../fonts/CALIBRIB.TTF) format('ttf');
    src: url(../fonts/CALIBRIB.woff) format('woff');
   
}

@font-face
{
  font-family: 'calibriLight';
  src: url(../fonts/CALIBRIL.TTF) format('ttf');
  src: url(../fonts/CALIBRIL.woff) format('woff');

}

/********************************************************
						media queries

********************************************************/

@media screen and (max-width: 1400px){
		.social a
		{
			display: block;
		}
	}

@media screen and (max-width: 1000px){
	.footer .form , .footer .email a
	{
		display: block;
		text-align: center;
		padding: 0;
		
		border: none;
		width: 100%;
	
	}
	.email a
	{
		margin-top: 10px;
	}

	.email img
	{
		display: none;
	} 

	input
	{
		float:none;
	}
	input[type="image"]
	{
		margin-left: -5px;

	}
}
@media screen and (max-width: 800px){
	nav
	{
		visibility: hidden;
		width: 0;
		margin:0;
	}
	
	.social
	{
		margin-right: 0;
	}

	.mobile-nav
	{
		opacity: 0;
	}

	.mobile-nav, .mobile-nav nav,.hamburger
	{
		display: inline-block;
		visibility: visible;
		z-index: 99;
	}

	.hamburger
	{	
		width:50px;
		height: 50px;
		position: relative;
		top:20px;
		left: 20px;
	}

	.hamburger:hover
	{
		cursor:pointer;
	}

	.hamburger:before,.hamburger:after, .hamburger span
	{
		content:'';
		width:40px;
		border:1px solid #fff;
		position: absolute; 
		left:0;
	}

	.hamburger:before
	{
		top:10px;
	}
	.hamburger:after
	{
		top:20px;
	}

	.mobile-nav
	{
		position: absolute;
		top:0;
		right:-100%;
		height:450px;
		width:100%;
		background: whitesmoke;
		
	}
	.mobile-nav .close
	{
		float: right;
	}



	.mobile-nav nav
	{
		float: none;
		width:100%;
		text-align: left;
		margin:40px auto;
		position: relative;
		top:33%;
		transform:translate(0%, -50%);
		-webkit-transform:translate(0%, -50%);
		-ms-transform:translate(0%, -50%);
		-o-transform:translate(0%, -50%);
	}

	.mobile-nav nav ul li
	{
		
		border-bottom:1px solid rgba(125,125,125,.4);
		font-style: italic;
		padding: 0px;
		width:90%;
		margin: auto;
	}

	.mobile-nav nav ul li:last-child
	{
		border-bottom: none;
	}

	.mobile-nav nav ul a 
	{
		color:#db2027;
        width:100%;
        height:100%;
        display:block;
		padding:20px 20px 20px 5px;
        
	}

}