@-webkit-keyframes progress-bar-stripes {
 from {
 background-position: 40px 0;
}
to {
	background-position: 0 0;
}
}
 @-moz-keyframes progress-bar-stripes {
 from {
 background-position: 40px 0;
}
to {
	background-position: 0 0;
}
}
 @-ms-keyframes progress-bar-stripes {
 from {
 background-position: 40px 0;
}
to {
	background-position: 0 0;
}
}
 @-o-keyframes progress-bar-stripes {
 from {
 background-position: 0 0;
}
to {
	background-position: 40px 0;
}
}
 @keyframes progress-bar-stripes {
 from {
 background-position: 40px 0;
}
to {
	background-position: 0 0;
}
}
.progress {
	height: 20px;
	overflow: hidden;
	background-repeat: repeat-x;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0);
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress .bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #0e90d2;
	background-image: -moz-linear-gradient(top, #149bdf, #0480be);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be));
	background-image: -webkit-linear-gradient(top, #149bdf, #0480be);
	background-image: -o-linear-gradient(top, #149bdf, #0480be);
	background-image: linear-gradient(to bottom, #149bdf, #0480be);
	background-repeat: repeat-x;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0);
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: width 0.6s ease;
	-moz-transition: width 0.6s ease;
	-o-transition: width 0.6s ease;
	transition: width 0.6s ease;
}
.progress .bar + .bar {
	-webkit-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}
.progress-striped .bar {
	background-color: #F09609;
	background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));
	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	-webkit-background-size: 40px 40px;
	-moz-background-size: 40px 40px;
	-o-background-size: 40px 40px;
	background-size: 40px 40px;
}
.progress.active .bar {
	-webkit-animation: progress-bar-stripes 2s linear infinite;
	-moz-animation: progress-bar-stripes 2s linear infinite;
	-ms-animation: progress-bar-stripes 2s linear infinite;
	-o-animation: progress-bar-stripes 2s linear infinite;
	animation: progress-bar-stripes 2s linear infinite;
}
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, dl, dt, dd, ol, nav ul, nav 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;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style:none;
	margin:0;
	padding:0;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
/* start editing from here */
a {
	text-decoration:none;
}
.txt-rt {
	text-align:right;
}/* text align right */
.txt-lt {
	text-align:left;
}/* text align left */
.txt-center {
	text-align:center;
}/* text align center */
.float-rt {
	float:right;
}/* float right */
.float-lt {
	float:left;
}/* float left */
.clear {
	clear:both;
}/* clear float */
.pos-relative {
	position:relative;
}/* Position Relative */
.pos-absolute {
	position:absolute;
}/* Position Absolute */
.vertical-base {
	vertical-align:baseline;
}/* vertical align baseline */
.vertical-top {
	vertical-align:top;
}/* vertical align top */
.underline {
	padding-bottom:5px;
	border-bottom: 1px solid #eee;
	margin:0 0 20px 0;
}/* Add 5px bottom padding and a underline */
nav.vertical ul li {
	display:block;
}/* vertical menu */
nav.horizontal ul li {
	display: inline-block;
}/* horizontal menu */
img {
	max-width:100%;
}
/*end reset*/
body {
	font-family: 'Michroma', sans-serif;
	background:url(../images/bg.png);
 transition:all .2s linear;
 -moz-transition:all .2s linear;/* firefox */
 -webkit-transition:all .2s linear; /* safari and chrome */
 -o-transition:all .2s linear; /* opera */
 -ms-transition:all .2s linear;
}
.wrap {
	width:1200px;
	margin:0 auto;
	padding:0 40px;
}
.header {
	background:url(../images/header-bg.png) repeat-x;
	border-top-width: 25px;
	border-top-style: solid;
	border-top-color: #F09609;
}
.logo {
	float:left;
	background:#F09609;
	padding:30px 20px;
	width:18%;
	text-align:center;
	border-radius: 0px 0px 10px 10px;
}
.logo h1 {
	font-size:1em;
	color:#FFF;
	text-transform:uppercase;
}
/** Social Icons **/
.social-icons {
	float: right;
}
.social-icons ul li:first-child, ol li:first-child {
	margin-top: 0px;
}
.social-icons li {
	float: left;
	width:72px;
	height:75px;
	background:url(../images/list-bg.png) no-repeat;
	padding: 0px;
	margin: 0;
	cursor:pointer;
}
.social-icons li:hover {
	background:url(../images/list-hover2.png) no-repeat;
}
.social-icons li a {
	height:30px;
	width:30px;
	display: block;
	text-indent: -9999px;
	background:url(../images/social-icons.png);
	margin-left:10px;
	margin-top:10px;
}
.social-icons a.facebook {
	background-position: 0px top;
}
.social-icons a.twitter {
	background-position: -40px top;
}
.social-icons a.googleplus {
	background-position: -440px top;
}
.social-icons a.pinterest {
	background-position: -480px top;
}
.social-icons a.dribbble {
	background-position: -160px top;
}
.social-icons a.vimeo {
	background-position: -120px top;
}
.content {
	text-align: center;
	color:#FFF;
	max-height:500px;
	margin-top: 13%;
	margin-right: 0;
	margin-bottom: 10%;
	margin-left: 0;
}
.content h2 {
	color:#F09609;
	font-size:2.5em;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
}
.sub_content {
	margin-bottom:50px;
}
.sub_content p {
	font-size:1em;
	line-height:1.8em;
	color:#858585;
	padding-top:10px;
}
.sub_content p span {
	font-size:1.2em;
	color:#F09609;
}
/** Countdown */
#countdown {
	padding:40px 150px;
	border-radius:10px;
	margin:0 70px;
}
.dash {
	width:17%;
	height:125px;
	background: transparent url(../images/box.jpg) 0 0 no-repeat;
	float: left;
	margin-left: 20px;
	position: relative;
}
.dash .digit {
	font-size:4.5em;
	font-weight: bold;
	float: left;
	width:45px;
	text-align: center;
	font-family: Arial;
	color: #ea8400;
	position: relative;
	margin: 10px 0 0 13px;
}
.dash_title {
	position: absolute;
	display: block;
	bottom: 0px;
	text-align:center;
	font-weight:bold;
	width:127px;
	font-size:0.8em;
	color:#858585;
}
.searchbox {
	border:2px solid #F09609;
	background:#F09609;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	width: 44%;
	padding: 4px;
	margin: 50px auto 0 auto;
	overflow: hidden;
}
.search {
	padding: 6px 9px;
	height: 40px;
	width: 76.9%;
	border:none;
	color:#888;
	outline:none;
	font: normal 13px;
	background:#F5F5F5;
}
.submit {
	background: #fff url(../images/tall-button-overlay.png);
	height:50px;
	width: 18.9%;
	cursor: pointer;
	font-size:1em;
	margin: 0 auto;
	text-align: center;
	color: #555;
	border: 1px solid #DCDDDD;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset, 0 2px 2px -1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow : 0 1px rgba(255, 255, 255, 0.2) inset, 0 2px 2px -1px rgba(0, 0, 0, 0.3);
	-o-box-shadow : 0 1px rgba(255, 255, 255, 0.2) inset, 0 2px 2px -1px rgba(0, 0, 0, 0.3);
	box-shadow : 0 1px rgba(255, 255, 255, 0.2) inset, 0 2px 2px -1px rgba(0, 0, 0, 0.3);
}
.submit:hover {
	background: #F5F5F5;
}
.copy_right {
	position:absolute;
	bottom:5px;
	right:5px;
}
.copy_right p {
	font-size:11px;
	color:#808080;
}
.copy_right p a {
	color: #F09609;
}
.copy_right p a:hover {
	text-decoration:underline;
}
/** reponsice Layout ***/
@media all and (max-width: 1024px) and (min-width: 800px) {
 .wrap {
 width: 760px; /* required */
 padding: 0 20px;
}
 .logo {
 text-align:center;
 padding:30px 15px;
}
 .content {
 margin:30px 0;
}
 .sub_content {
 margin-bottom:30px;
}
 #countdown {
 padding:40px 0px;
 margin:0;
}
 .searchbox {
 width: 75.9%;
 margin:30px auto 0 auto;
}
 .search {
 width: 76.9%;
}
 .submit {
 width: 19.1%;
}
}
@media all and (max-width: 800px) and (min-width: 640px) {
 .wrap {
 width: 600px; /* required */
 padding: 0 20px;
}
 .logo {
 text-align:center;
 padding:25px 10px;
 width:25%;
}
 .social-icons li {
 width:55px;
}
 .content h2 {
 font-size:2em;
}
 .sub_content {
 margin-bottom:30px;
}
 .sub_content p {
 font-size:0.8em;
}
 .sub_content p span {
 font-size:1.3em;
}
 #countdown {
 padding:40px 0px;
 margin:0;
}
 .dash {
 width:17%;
 height:110px;
 background: transparent url(../images/box-2.jpg) 0 0 no-repeat;
 margin-left:15px;
}
 .dash .digit {
 font-size:3.5em;
 margin: 10px 0 0 6px;
 width:40px;
}
 .dash_title {
 width:100px;
}
 .searchbox {
 width: 97.9%;
 margin:30px auto 0 auto;
}
 .search {
 width: 75.9%;
}
 .submit {
 width: 19.3%;
}
}
@media all and (max-width: 640px) and (min-width: 480px) {
 .wrap {
 width: 440px; /* required */
 padding: 0 20px;
}
 .logo {
 text-align:center;
 padding:20px 10px;
 width:25%;
}
 .logo h1 {
 font-size:0.8em;
}
 .social-icons li {
 width:45px;
 background:url(../images/list-bg-2.png) no-repeat;
}
 .social-icons li:hover {
 background:url(../images/list-hover.png) no-repeat;
}
 .social-icons li a {
 margin-left:5px;
 margin-top:5px;
}
 .content {
 margin:30px 0;
}
 .content h2 {
 font-size:1.5em;
}
 .sub_content {
 margin-bottom:30px;
}
 .sub_content p {
 font-size:0.8em;
}
 .sub_content p span {
 font-size:1.2em;
}
 #countdown {
 padding:40px 0px;
 margin:0;
}
 .dash {
 width:18%;
 height:80px;
 background: transparent url(../images/box-3.jpg) 0 0 no-repeat;
 margin-left:7px;
}
 .dash .digit {
 font-size:2.6em;
 margin: 12px 0 0 7px;
 width:30px;
}
 .dash_title {
 font-size:10px;
 width:80px;
}
 .searchbox {
 width: 97.9%;
 margin:30px auto 0 auto;
}
 .search {
 width: 74.95%;
}
 .submit {
 width: 19.3%;
}
}
@media all and (max-width:480px) and (min-width: 320px) {
 .wrap {
 width:300px; /* required */
 padding: 0 10px;
}
 .logo {
 text-align:center;
 padding:20px 5px;
 width:25%;
}
 .logo h1 {
 font-size:0.6em;
}
 .social-icons li {
 width:34px;
 background:url(../images/list-bg-3.png) no-repeat;
}
 .social-icons li:hover {
 background:url(../images/list-hover3.png) no-repeat;
}
 .social-icons li a {
 margin-left:-2px;
 margin-top:0px;
}
 .content {
 margin:20px 0;
}
 .content h2 {
 font-size:1.5em;
}
 .sub_content {
 margin-bottom:25px;
}
 .sub_content p {
 font-size:0.8em;
}
 .sub_content p span {
 font-size:18px;
}
 #countdown {
 padding:25px 0px;
 margin:0;
}
 .dash {
 width:18%;
 height:65px;
 background: transparent url(../images/box-4.jpg) 0 0 no-repeat;
 margin-left:5px;
}
 .dash .digit {
 font-size:1.6em;
 margin: 12px 0 0 4px;
 width:20px;
}
 .dash_title {
 font-size:0.6em;
 width:54px;
 font-weight:normal;
}
 .searchbox {
 width: 95.9%;
 margin:20px auto 0 auto;
}
 .search {
 width: 70.9%;
 height: 20px;
}
 .submit {
 width: 21.3%;
 height: 30px;
}
 .submit {
 font-size:0.8em;
}
}
 @media all and (max-width: 320px) {
 .wrap {
 width:300px; /* required */
 padding: 0 0px;
}
 .logo {
 text-align:center;
 padding:20px 5px;
 width:25%;
}
 .logo h1 {
 font-size:0.6em;
}
 .social-icons li {
 width:34px;
 background:url(../images/list-bg-3.png) no-repeat;
}
 .social-icons li:hover {
 background:url(../images/list-hover3.png) no-repeat;
}
 .social-icons li a {
 margin-left:-3px;
 margin-top:0px;
}
 .content {
 margin:20px 0;
}
 .content h2 {
 font-size:1.2em;
}
 .sub_content {
 margin-bottom:25px;
}
 .sub_content p {
 font-size:0.8em;
}
 .sub_content p span {
 font-size:18px;
}
 #countdown {
 padding:25px 0px;
 margin:0;
}
 .dash {
 width:18%;
 height:65px;
 background: transparent url(../images/box-4.jpg) 0 0 no-repeat;
 margin-left:5px;
}
 .dash .digit {
 font-size:1.6em;
 margin: 12px 0 0 4px;
 width:20px;
}
 .dash_title {
 font-size:0.6em;
 width:54px;
 font-weight:normal;
}
 .searchbox {
 width: 95.9%;
 margin:20px auto 0 auto;
}
 .search {
 width: 70.9%;
 height: 20px;
}
 .submit {
 width: 21.3%;
 height: 30px;
}
 .submit {
 font-size:0.8em;
}
}
