/*
 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

 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;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: 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
 ----------------------------------------*/
*, :before, :after{
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	font-size: 100%;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	line-height: 1;
	font-size:62.5%;
	background:#ffffff;
	color:#000;
	/*background:url(../images/body.jpg) center 0 no-repeat;*/
}
html,body{
	height: 100%;
}

/*
 2.0.2) Global Headings
 -----------------------------*/
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	color: #161e21;
}
h1 {
	/* font-size: 48px; */
	font-size: 4.8em;
	line-height: 0.875;
	margin: 0 0 0.4375em 0;
}
h2 {
	/* font-size: 32px; */
	font-size: 3.2em;
	line-height: 1.3125;
	margin: 0 0 0.65625em 0;
}
h3 {
	/* font-size: 24px; */
	font-size: 2.4em;
	line-height: 0.875;
	margin: 0 0 0.875em 0;
}
h4 {
	/* font-size: 21px; */
	font-size: 2.1em;
	line-height: 1;
	margin: 0 0 1em 0;
}
h5 {
	/* font-size: 18px; */
	font-size: 1.8em;
	line-height: 1.16667;
	margin: 0 0 1.16667em 0;
}
h6 {
	/* font-size: 14px; */
	font-size: 1.4em;
	line-height: 1.5;
	margin: 0 0 1.5em 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 0 0;
}
ol {
	list-style-type: decimal;
	margin: 0 0 1em 0;
}
ul ul, ol ul {
	list-style-type:none;
	margin-top: 0;
}
ol ol {
	list-style-type: lower-latin;
	margin-top: 0;
}

/*
 2.0.5) General Text Formatting
 -----------------------------------*/
p {
	font-size: 100%;
	line-height: 1.5;
}
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;
}
/*
 2.0.6) Link style
 -------------------------*/
a {
	color: #000;
	text-decoration: none;
}
a:hover, a:focus {
	color: #0068b5;
	text-decoration: none;
}
a:active {
	outline: none;
}



/*
 2.0.8) Button Styles
 -------------------------*/
.btn, input.btn, button.btn {
	display: inline-block;
	font-size: 12px;
	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 , input.btn:hover, input.btn:focus, button.btn:hover, button.btn:focus{
	color: #4d87ff;
	border: 1px solid #888;
}
/*
 2.0.9) Sprite Icons
 -------------------------*/
[class^="icon-"], [class*="icon-"] {
	background-image: url(../images/sprite.png);
	background-position: 3px 2px;
	background-repeat: no-repeat;
	display: inline-block;
	height: 30px;
	line-height: 14px;
	margin-top: 4px;
	vertical-align: text-top;
	width: 20px;
}


/* Containers
----------------------------------------------------------------------------------------------------*/
.container {
	margin:0 auto;
	width: 986px;
}



/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}
/*
 3.) Site Wide Content
 ------------------------------*/
#wrapper{
	min-height: 100%;
	position: relative;
}
/*
 4.) Header Styles
 ------------------------------*/
#header
{
	position: relative;
    z-index: 999999;
}
#header .container{
	position:relative;
	z-index:10;
}
#header .logo{
	float:left;
}
.logo > a {
    display: inline-block;
    margin: 8px 0 4px 59px;
    
}
.logo span{
	display:block;
	position:relative;
}
.logo span a{
	/*display:block;*/
	font-size:1.7em;
	color:#6d6e71;
	font-family: 'Roboto', sans-serif;
}
.logo span strong{
	font-size:17px;
	color:#000000;
	position:relative;
}
.logo span a:last-child:before{
	 background: none repeat scroll 0 0 #6d6e71;
    color: red;
    content: "";
    height: 26px;
    left: 184px;
    position: absolute;
    top: -2px;
    transform: rotate(30deg);
    width: 1px;
}
#header .navigaitons{
	 position: absolute;
    right: 0;
    width: 67%;
}
.top-nav {
    margin-bottom: 35px;
    display:flex!important;
    flex-flow:row;
    justify-content:flex-end;
    flex-wrap:wrap;
}
.top-nav ul{
	margin:0;
	font-family:  "Roboto Condensed",sans-serif;
}
.top-nav ul li{
	background: none repeat scroll 0 0 #e6e7e8;
    float: left;
    font-size: 1.5em;
    margin: 0 9px;
   padding: 4px 15px 4px 18px;
    position: relative;
    text-transform: uppercase;
   font-family: 'Roboto Condensed', sans-serif;
   height:31px;
    
}

.top-nav ul li:before{
	border-bottom: 0 solid transparent;
    border-right: 17px solid #e6e7e8;
    border-top: 31px solid transparent;
    content: "";
    height: 0;
    left: -17px;
    position: absolute;
    top: 0;
    width: 0;
}
.top-nav ul li:after{
	 border-bottom: 31px solid transparent;
    border-left: 17px solid #e6e7e8;
    border-top: 0 solid transparent;
    content: "";
    height: 0;
    position: absolute;
    right: -17px;
    top: 0;
    width: 0;
}
.top-nav ul li a{
	color:#0068b5;
	font-size: 11px;
}
.top-nav  ul li:hover{
	background:#1a8ff3;
}
.top-nav ul li:hover:before{
	border-right:17px solid #1a8ff3;	
}
.top-nav ul li:hover:after{
	 border-left: 17px solid #1a8ff3;
}
.top-nav ul li:hover a{
	color:#ffffff;
}
.top-nav nav {
    float: right;
    width: 94%;
}
.top-nav a.icon-fb{
	float:right;
}
.bottom-nav {
    float: right;
     width: 90%;
}
.bottom-nav nav ul li{
	float: left;
    font-size: 1.7em;
   padding: 3px 10px 3px 11px;
    position: relative;
    font-family: 'Roboto Condensed', sans-serif;
     
}
.bottom-nav > nav {
    float: right;
}
.bottom-nav nav ul li a{
	color: #000000;
	font-weight: 900;
	font-size: 12px;
}
.bottom-nav nav ul li:after{
	border: 1px solid #9c9b9b;
    content: "";
    height: 30px;
    position: absolute;
    right: 0;
    top: 2px;
    transform: rotate(23deg);
    -ms-transform: rotate(23deg); 
    -webkit-transform: rotate(23deg); 
}
.bottom-nav nav ul li:last-child:after{
	border:none;
}
.bottom-nav nav ul li ul li:after{
	border:none;
}
.nav-dropdown{
	background:#e03541;
    display: none;
    left: -9px;
    padding: 13px 0 13px 9px;
    position: absolute;
    top: 32px;
    width: 150px;
    z-index: 100;
}
.bottom-nav nav ul li ul li{
    float: none;
    font-size:14px;
}
.bottom-nav nav ul li:hover a{
	color:#0068b4;
}
.bottom-nav nav ul li:hover .nav-dropdown{
	display:block;
}
.bottom-nav nav ul .nav-dropdown li a{
	color: #ffffff;
	font-weight:normal;
}
.bottom-nav .nav-dropdown li:hover a{
	color: #000000 ;
}

/*
 5.) Footer Styles
 ------------------------------*/

#footer{

	
	font-family:Arial;
	color:#ffffff;
	position: absolute;
	width: 100%;
	left: 0px;
	bottom: 0;
		height: 355px;
	}
.footer-content{
	background:#de3841;
	padding:27px 0 58px 0;
}
#footer .address{
	border-bottom:1px solid #ffffff;
	padding-bottom:20px;
	margin-bottom: 15px;
}
address {
font-style:normal;
}
#footer .contactus{
	float:left;
	width:40%;
}
#footer .contactus h3{
	font-size:1.4em;
	font-weight:bold;
	color:#ffffff;
}
#footer .contactus span{
  /*  font-size: 1.2em;*/
    
}
#footer .contactus a{
	font-size:12px;
	color:#ffffff;
}
#footer .footer-info{
	float:right;
}
#footer .footer-info p{
	float: right;
    font-size: 1.2em;
    font-weight: bold;
    width: 62%;
    text-align: right;
}
.contactus span.copyright {
    float: left;
    width:60px;
}
.contactus span.designed {
    float:left;
}
.contactus strong {
    line-height: 2;
    font-size: 1.2em;
}
.footer-bottom span{
	font-size:1.2em;
}
.footer-bottom span.copyright{
	float:left;
}
.footer-bottom span.designed{
	float:right;
}
.footer-bottom span.designed strong a{
	font-weight: bold;
	color:#fff;
}
.footer-content .inside{
	display:block;
	margin-left:63px;