/*
 Table Of Contents
 1.) Eric Meyer's Reset
 2.) Global Typography
	 2.0.1) Font Face
	 2.0.2) Global Headings
	 2.0.3) Form Elements
	 2.0.4) List styles
	 2.0.5) General Text Formatting
	 2.0.6) Link elements
	 2.0.7) Table Elements
	 2.0.8) Button Styles
	 2.0.9) Sprite Icons
	 2.1.0) Grid Style
 3.) Site Wide Content
 4.) Header Style
 5.) Footer Style
 ===============================================*/

/*
 1.) Eric Meyer's Reset
 ----------------------------------------*/
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	list-style:none;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
li, ol, ul {
	list-style: none;
	list-style-type: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*
 1.) Global Typography
 ----------------------------------------*/
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 100%;
}
body {
	font-size: 62.5%;
	color:#323345;
	font-family: 'Roboto', sans-serif;
}
/*
 2.0.1) Font Face
 -----------------------------*/
/*Put Your font face Styles here*/

/*
 2.0.2) Global Headings
 -----------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	
}
h1 {
	/* font-size: 48px; */
	font-size: 5.2em;
	line-height: 0.875;
	font-weight:300;
	margin: 0 0 0.4375em 0;
}
h2 {
	font-size: 4.2em; 
	line-height: 1.3125;
	margin: 0 0 0.65625em 0;
	font-weight: 300;
}
h3 {
	 font-size:30px; 
	line-height: 213%;
	color:#fff;
	font-weight: 300;
}
h4 {
	 font-size: 2.4em;
	line-height: 142%;
	margin: 0 0 1em 0;
	color: #fff;
	font-weight:  300;
}
h5 {
	 font-size: 20px; 
	color:#252525;
	line-height: 1.5;
	margin: 0 0 1.5em 0;
}
h6 {
	 font-size: 15px;
	line-height: 150%;
	margin-bottom: 13px;
}

/*
 2.0.3) Form Elements
 -----------------------------*/
button, input, optgroup, select, textarea {
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: inherit;
	background: #fff;
	border: 1px solid #ccc;
	/*font-family: 'Open Sans', sans-serif;*/
}
input {
	line-height: normal;
}
input:focus, select:focus, textarea:focus, button:focus {
	border: 1px #888 solid;
	outline: 0;
}
input[type="checkbox"], input[type="radio"] {
	padding: 0;
	border: none;
}
button, input[type="button"], input[type="reset"], input[type="submit"], input[type="file"] {
	-webkit-appearance: none;
	cursor: pointer;
	line-height: normal;
	overflow: visible;
}
button[disabled], input[disabled] {
	cursor: default;
	color: #999;
	border-color: #ccc;
}
button::-moz-focus-inner, input::-moz-focus-inner {
	padding: 0;
	border: 0;
}
/*
 2.0.4) List Styles
 ---------------------------------*/
ul, ol, dl {
	font-size: 100%;
	line-height: 1.5;
}
li, dt {
	line-height: 1.5em;
}
dl {
	margin: 0 0 1em 0;
}
dd {
	margin: 0 0 1em 0.8em;
}
ul {
	list-style-type: none;
	margin: 0 0 1em 0;
}
ol {
	list-style-type: decimal;
	margin: 0 0 1em 0;
}
ul ul, ol ul {
	list-style-type: circle;
	margin-top: 0;
}
ol ol {
	list-style-type: lower-latin;
	margin-top: 0;
}

/*
 2.0.5) General Text Formatting
 -----------------------------------*/
p {
	font-size: 1.5em;
	line-height: 155%;
	font-weight: 300;
}
blockquote, cite, q, var, dfn {
	font-style: italic;
}
blockquote {
	background: transparent;
	color: #666666;
}
small {
	/* font-size: 12px; */
	font-size: 85.71429%;
	line-height: 1.75;
}
pre, code, kbd, tt, samp, var {
	font-size: 100%;
}
pre {
	font-size: 100%;
	line-height: 1.5;
	margin: 0 0 1.5em 0;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}
pre, code {
	color: #880000;
}
kbd, samp, var {
	color: #666666;
	font-weight: bold;
}
acronym, abbr {
	border-bottom: 1px #aaa dotted;
	font-variant: small-caps;
	cursor: help;
}
sub, sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}
img{
	max-width: 100%;
	height: auto;
}
/*
 2.0.6) Link style
 -------------------------*/
a {
	color: #4d87c7;
	text-decoration: none;
}
/*a:hover, a:focus {
	color: #4d87ff;
	text-decoration: none;
}*/
a:active {
	outline: none;
}

/*
 2.0.7) Table Elements
 --------------------------*/
table {
	width: 100%;
	border-collapse: collapse;
	color: #444444;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	margin: 0 0 1.35714em 0;
}
caption {
	font-variant: small-caps;
}
th, td {
	line-height: 1.5em;
	vertical-align: top;
	padding: 0.71429em 0.5em;
}
th *:first-child, td *:first-child {
	margin-top: 0;
}
thead th {
	text-align: left;
	color: #000;
	border-bottom: 2px #000 solid;
}
tbody th {
	text-align: left;
	border-top: 1px solid #ccc;
}
tbody td {
	text-align: left;
	border-top: 1px solid #ccc;
}

/*
 2.0.8) Button Styles
 -------------------------*/
.btn {
	display: inline-block;
	font-size: 14px;
	color: #000;
	line-height: normal;
	vertical-align: middle;
	padding: 0 5px;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	border: 1px solid #ccc;
	background: #eee;
}
.btn:hover, .btn:focus {
	color: #4d87ff;
	border: 1px solid #888;
}
input[type="submit"]:hover{
	opacity: 0.8;
}
/*
 2.0.9) Sprite Icons
 -------------------------*/
[class^="icon-"], [class*="icon-"] {
	background-image: url(../images/sprite.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	display: inline-block;
	height: 14px;
	line-height: 14px;
	margin-top: 1px;
	vertical-align: text-top;
	width: 14px;
}
/*
 2.1.0) Grid Style
 -------------------------*/
.container {
	max-width: 1122px;
	width: 100%;
	margin: 0 auto;
}
.clearfix:before {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
/*
 3.) Site Wide Content
 ------------------------------*/
/*
 4.) Header Styles
 ------------------------------*/
	#header{padding-top: 14px;padding-bottom: 4px; box-shadow: 0 0 5px #D6DCE0;}
	.logo{width: 20%;}
	.logo, .login-box li, .navigation li{float: left;	}
	.login-box{float: right;margin-top: 9px;}
	.login-box a{font-size:1.4em;color:#fff;background: #c11010;line-height: 138%;text-transform: uppercase;padding: 13px 7px;min-width: 69px;text-align: center;display: block;
	border-radius:0px 5px 5px 0px;
	}
	.link{float: right;}
	.navigation{float: right;margin-top: 22px;margin-right: 11px;}
	.login-box li:first-child a{background: #084d75;border-radius:5px 0px 0px 5px; }
	.navigation li{float: left;	}
	.navigation li a{display: block;font-size: 1.8em;color:#084d75; padding: 5px 22px;text-transform: uppercase;font-weight: 500;	}
	.navigation li.active a, .navigation li a:hover{color:#c11010;	}
.icon-btn{display: none;}
/*
 5.) Footer Styles
 ------------------------------*/
#footer {
	text-align: center;
}
.partner{
	background: #f6f6f6;
	padding: 69px 0px;
}
.partner h2{
	color: #000;	
}
#footer  li ,#footer  a {
	display: inline-block;
}
.partner ul{
	margin-top: 68px;
}
.partner  li{margin: 0px 5%;}
.primary-footer .social-link a{height: 36px;width: 36px;margin: 0px 3px;}
.primary-footer{padding-top: 57px;padding-bottom: 30px;}
.icon-twitter{background-position:0px 0px; }
.icon-facebook{background-position:-46px 0px;}
.icon-linkedin{background-position:-91px 0px;}
.icon-pinterest{background-position:-135px 0px;}
.icon-g-plus{background-position:-181px 0px;}
.icon-t-sign{background-position:-226px 0px;}

.icon-twitter:hover{background-position:0px -50px; }
.icon-facebook:hover{background-position:-46px -50px;}
.icon-linkedin:hover{background-position:-91px -50px;}
.icon-pinterest:hover{background-position:-135px -50px;}
.icon-g-plus:hover{background-position:-181px -50px;}
.icon-t-sign:hover{background-position:-226px -50px;}
#footer nav{margin-top: 40px;}
#footer nav li a{
	font-size: 1.2em;
	color:#323345;
	padding: 0px 11px;
	line-height:1;
	border-left: 1px solid;
}
#footer nav li:first-child a{border: 0px;}
.primary-footer span{
	font-size: 1.2em;
	display: block;
	line-height: 175%;
}
.primary-footer  > a{
	margin-top: 20px;
}
#footer nav li.active a ,#footer nav li a:hover{
	color: #084d75;
}