*, *:before, *:after {transition: all 0.3s linear; -webkit-transition: all 0.3s linear; box-sizing: border-box; -moz-box-sizing: border-box;}
*:before, *:after { position: absolute;}
img{max-width: 100%; height: auto;}
html, button, input, select, textarea { color: #222;}
html, body { font-family:Arial; font-size:14px; line-height:22px; height: 100%}
a{ text-decoration: none; color: #3498db; outline: 0 !important;}
textarea { resize: vertical;}

body{background:#FFF; font-family: 'Open Sans', sans-serif; font-size: 13px; color: #fff;}

@font-face {
    font-family: 'beautiful_caps_eswashcapitals';
    src: url('fonts/beautiful/beaucesc-webfont.eot');
    src: url('fonts/beautiful/beaucesc-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/beautiful/beaucesc-webfont.woff2') format('woff2'),
         url('fonts/beautiful/beaucesc-webfont.woff') format('woff'),
         url('fonts/beautiful/beaucesc-webfont.ttf') format('truetype'),
         url('fonts/beautiful/beaucesc-webfont.svg#beautiful_caps_eswashcapitals') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'beautiful_esregular';
    src: url('fonts/beautiful/beautiful_es_0-webfont.eot');
    src: url('fonts/beautiful/beautiful_es_0-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/beautiful/beautiful_es_0-webfont.woff2') format('woff2'),
         url('fonts/beautiful/beautiful_es_0-webfont.woff') format('woff'),
         url('fonts/beautiful/beautiful_es_0-webfont.ttf') format('truetype'),
         url('fonts/beautiful/beautiful_es_0-webfont.svg#beautiful_esregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*
* Header Config
*/
header.page-header {width: 100%; min-height: 192px; background: #131010;}
	.logo-wrapper{float: left; padding: 33px 0px 0px 7px;}

	.headright{float: right; text-align: right; padding: 55px 0px 0px 0px;}
		.headright p{color: #b30d13; font-size: 19px; margin-right: 30px; font-family: 'Open Sans', sans-serif;}
		.headright p span{color: #fff;}
		.headright p a{color: #fff;}
		.headright p a:hover{text-decoration: underline;}

		.headright p:first-child{position: relative;}
		.headright p:first-child:after{position: absolute; top: 0px; right: -30px; content: url(images/tel-icon.png);}
		.headright p:last-child{position: relative; margin-top: -10px;}
		.headright p:last-child:after{position: absolute; top: 3px; right: -30px; content: url(images/mail-icon.png);}

/*
* Navigation Config
*/
#nav-area{width: 100%; background: url(images/nav-bg.jpg) repeat-x left top; min-height: 47px;}
#nav-area .container{position: relative;}

.social{position: absolute; top: 5px; right: 0px;}
	.fb{margin-right: 5px;}

nav.page-nav ul{ padding: 0; margin:0;}
nav.page-nav li{ display: inline-block; vertical-align: middle; position: relative; }
nav.page-nav li a{display: block; padding: 0px 24px; color: #fff; font-weight: bold; text-transform: uppercase; line-height: 47px;}
nav.page-nav li a:hover, nav.page-nav li a:active, nav.page-nav li.current_page_item a{ background: #5d5d5d; color: #fff;}

/* Drop down icon */
nav.page-nav span{ position: absolute; right: 0; top: 0; display: none; padding: 5px; cursor: pointer; z-index: 9; }

/* Navigation bar icon */
.nav-toggle-button{ display: none; float: right; color: #fff; cursor: pointer; margin: -10px 5px 5px;}
.nav-toggle-button .fa{ display: block;  }
/*
* Banner Area Config
*/
#banner{width: 960px; max-width: 100%; min-height: 428px; position: relative;}
	.flash{position: absolute; top: 0px; left: 0px; z-index: 9;}
		.flash2{display: none;}

	.slogan{position: absolute; top: 370px; left: 0px; z-index: 99; width: 960px; max-width: 100%; min-height: 58px; background: url(images/slogan-bg.png) no-repeat center top;}
		.slogan p{color: #fff; font-size: 28px; margin: 0; padding: 17px 0px 0px 34px;}
		.slogan p span{text-transform: uppercase;}

#main{width: 100%; background: url(images/main-bg.jpg) no-repeat center top #181414; padding-bottom: 220px; position: relative; z-index: 9;}

#mid{width: 100%; text-align: center; background: #1b1b1b; position: relative; margin-top: 80px; padding: 15px 0px 12px;}
	.mid-title{width: 309px; max-width: 100%; min-height: 42px; background: url(images/mid-title-bg.png) no-repeat center top; position: absolute; top: -42px; left: 0px; text-align: left;}
		.mid-title p{margin: 0; color: #fff; text-transform: uppercase; font-size: 21px; padding: 15px 0px 0px 18px;}

	.midbox{width: 175px; max-width: 100%; display: inline-block; vertical-align: top; margin: 5px;}
		.midbox-img{}
			.midbox-img a{width: 175px; height: 108px; display: block; position: relative;}
			.midbox-img a:after{position: absolute; bottom: 1px; right: 11px; content: url(images/expand-btn.png);}

			.mid-img2{display: none;}

		.midbox-btn{width: 171px; max-width: 100%; margin: 6px auto 0px;}
			.midbox-btn a{width: 171px; max-width: 100%; min-height: 32px; background: #2b2b2b; border: 4px solid #383838; font-size: 14px; color: #fff; text-transform: uppercase; display: block; color: #fff; line-height: 30px;}
			.midbox-btn a:hover{background: #171313;}

.main-content{margin-top: 45px;}
	.page-content{max-width: 100%; float: right; text-align: justify; font-size: 14px; line-height: 25px; margin-top: -30px; width: 565px;}
	.page-content2{width: 100%; float: none; text-align: justify; font-size: 14px; line-height: 25px; margin-top: -10px;}
		.page-content h1{font-weight: 300; font-family: 'beautiful_esregular'; font-size: 45px;}
		.page-content h1 span{font-family: 'Open Sans', sans-serif; font-size: 21px; display: block;}

		.page-content a{color:#e62026; font-weight:bold;}
		.page-content a:hover{text-decoration: underline;}
		.page-content ul {margin:0; padding:0; padding-left:25px; list-style:none;}
		.page-content ul li{margin-bottom:3px; position: relative; padding:3px;}
		.page-content ul li:before{position: absolute; content: url(images/bullet.png); left: -21px; top: 7px;}

		.page-content2 h1{font-weight: 300; font-family: 'beautiful_esregular'; font-size: 45px;}
		.page-content2 h1 span{font-family: 'Open Sans', sans-serif; font-size: 21px; display: block;}

		.page-content2 a{color:#e62026; font-weight:bold;}
		.page-content2 a:hover{text-decoration: underline;}
		.page-content2 ul {margin:0; padding:0; padding-left:20px; list-style:none;}
		.page-content2 ul li{ margin-bottom:3px; position: relative; padding:3px;}
		.page-content2 ul li:before{ position: absolute; content: url(images/bullet.png); left: -21px; top: 7px;}

		.floatleft-img{float:left; margin-right: 15px; margin-top:10px;}
		.floatright-img{float:right; margin-left: 15px; margin-top:10px; -webkit-box-shadow:0px 0px 9px #000; -moz-box-shadow: 0px 0px 9px #000;  box-shadow: 0px 0px 9px #000;}
		.floatleft{float:left; margin-right:20px; margin-top:10px;}
		.floatright{float:right; margin-left:20px; margin-top:10px;}
		.comingsoon {color:#FF0000; font-weight:bold; font-style:italic;}
		.comp{color: #e62026; font-weight: bold; }

	aside.page-sidebar{width: 354px; max-width: 100%; float: left;}
		.side-form{width: 354px; max-width: 100%; min-height: 390px; background: #0e0e0e;}
			.side-form-title{position: relative; padding: 27px 0px 0px 73px;}
			.side-form-title:before{position: absolute; top: 30px; left: 25px; content: url(images/side-before.png);}
				.side-form-title p{font-size: 34px; font-family: 'beautiful_esregular'; margin: 0;}
				.side-form-title p span{font-size: 20px; font-family: 'Open Sans', sans-serif; display: block; text-transform: uppercase; margin-top: 1px;}

			.side-form form{width: 89%; margin: 25px auto 0px;}
				.side-form form tr td{padding: 0 6px 12px;}
				.side-form form select{width: 100%; background: #fff; color: #2b2b2b; font-size: 12px; padding: 6px; border: 0; padding: 8px 6px; border-radius: 5px; font-family: 'Open Sans', sans-serif;}
				.side-form form input[type="text"]{width: 100%; background: #fff; color: #2b2b2b; font-size: 12px; padding: 6px; border: 0; padding: 8px 6px; border-radius: 5px; font-family: 'Open Sans', sans-serif;}
				.side-form form input[type="submit"]{width: 188px; max-width: 100%; min-height: 47px; background: url(images/form-btn.jpg) repeat-x left top; border-radius: 8px; border: 4px solid #212121; text-align: center; line-height: 47px; text-transform: uppercase; color: #fff; font-weight: bold; font-size: 20px;}
				.side-form form input[type="submit"]:hover{background: url(images/form-btn-hover.jpg) repeat-x left top;}
			  .side-pic{border:3px solid #fff; width:300px; max-width:100%; margin-left: 2%;}

/*
* Footer Area Config
*/
footer.page-footer{background: url(images/footer-bg.png) no-repeat center top; padding: 0; min-height: 168px; position: relative; z-index: 99; margin-top: -168px; color: #fff;}
	.footer-left{float: left;}
		.contact-info{}
			.contact-title{margin-top: 20px;}
				.contact-title p{margin: 0; font-size: 21px; text-transform: uppercase;}

			.contact-content{margin-top: 30px;}
				.contact-content ul{padding: 0; margin: 0; list-style: none;}
				.contact-content ul li{display: inline-block; vertical-align: top; padding-left: 48px; line-height: 20px;}
				.contact-content ul li a{color: #fff;}
				.contact-content ul li a:hover{text-decoration: underline;}

				.contact-content ul li:first-child{position: relative;}
				.contact-content ul li:first-child:before{position: absolute; top: 22px; left: 0px; content: url(images/contact-before1.png);}

				.contact-content ul li:last-child{position: relative; margin: 10px 0px 0px 35px}
				.contact-content ul li:last-child:before{position: absolute; top: 6px; left: 0px; content: url(images/contact-before2.png);}

	.footer-right{float: right; text-align: right;}
		.nav-footer{margin-top: 70px;}
			.nav-footer ul{margin: 0; padding: 0; list-style: none;}
			.nav-footer ul li{display: inline-block; vertical-align: top; position: relative;}
			.nav-footer ul li:after{position: absolute; top: 0px; right: -5px; content: "|";}
			.nav-footer ul li:last-child:after{content: "";}
			.nav-footer ul li a{display: block; padding: 0px 8px; color: #fff;}
			.nav-footer ul li:last-child a{padding-right: 0;}
			.nav-footer ul li a:hover,.nav-footer li.current_page_item a{text-decoration:underline; }

		#copyright {margin: 10px auto 0px;}
		#copyright a{ color: #fff;}
		#copyright a:hover{ text-decoration: none;}

/*
* Dang IE 7
*/
.lt-ie8 .dang-ie{ width: 100%; height: 100%; position: fixed; background-color: #00abdd;}
.message{ text-align: center; color: #fff; font-size: 20px; position: absolute; top: 20%; left: 0; right: 0;}
.inner-message{	position: relative; top: -20%; left: 0; right: 0; text-align: center; margin: auto;}
.inner-message img{ position: relative; left: 3em;}
.inner-message a.download{ display: block; width: 300px; padding: 10px; color: #fff; margin: 2em auto; border: 1px solid #fff;}
.terms{ color: #fff; font-size: 13px; padding: 20px; position: absolute; right: 0; bottom: 0;}
.terms a{color: #fff; font-weight: bold;}
.lt-ie8 .protect-me{ display: none; }

/**Resources**/
	.resources {font-size:14px; margin-top:10px;}
	.resources a { text-decoration:none; display:block;font-weight:bold;}
	.resources a:hover {color:#ff0000; text-decoration:none; padding-left:1px;}
	.resources ul,.resources li {list-style-type:none; margin:0; padding:0;}
	.resources ul li {margin-bottom:8px; padding:12px; background:#FAFDFE;border:1px solid #ACD7D6; border-bottom:2px solid #95CCCB;}
	.resources ul li:before{content:"";}
	.resources ul li span {font-size:11px; color:#666666; letter-spacing:1px;}


/**Search**/
	.search_results div.page, .search_results div.post {padding:20px; margin-bottom:8px; background:#1b1b1b; border-bottom:2px solid #810408;}
	.search_results h2 a {text-decoration:none;}
	.search_results div.entry-meta {font-style:italic;}
	.search_results a:hover {text-decoration:none;}
