@charset "UTF-8";

@font-face {
    font-family: 'Nexa';
    src: url('fonts/FontfabricNexaRegular.eot');
    src: url('fonts/FontfabricNexaRegular.eot') format('embedded-opentype'),
         url('fonts/FontfabricNexaRegular.woff2') format('woff2'),
         url('fonts/FontfabricNexaRegular.woff') format('woff'),
         url('fonts/FontfabricNexaRegular.ttf') format('truetype'),
         url('fonts/FontfabricNexaRegular.svg#FontfabricNexaRegular') format('svg');
	font-style:normal;
	font-weight:normal;
}
@font-face {
    font-family: 'fontAwesome';
    src: url('fonts/fontawesome-webfont.eot?v=3.2.1');
    src: url('fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
	margin:0;
	padding:0;
	font-family:'Nexa', Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	background:#1e1e1e;
	font-size:14px;
}
a {
	color:#fff;
	text-decoration:none;
}
a:hover {
	color:#f74d0a;
}
.clear {clear:both;}
.clearfix:after {display:block;clear:both;content:"";width:0;height:0;opacity:0;visibility:hidden;}
#header {
	padding:6px 20px;
}
.logo {
	float:left;
}
.logo img {
	height:100px; width:auto;
	display:block;
}
.h-right {
	float:right;
}
#menubar {
	background:#f74d0a;
	padding:4px 0;
}
#menubar .menu {
	margin:0;
	padding:0;
}
#menubar .menu:after {display:block;clear:both;content:"";width:0;height:0;opacity:0;visibility:hidden;}
#menubar .menu li {
	list-style:none;
	float:left;
	margin-right:10px;
}
#menubar .menu li a {
	display:block;
	padding:8px 10px 4px;
	font-size:20px;
}
#menubar .menu li a:hover {
	color:#000;
}
#container {
	padding:18px 0;
}
#container .site-terms {
	font-size: 12px;
	text-align: center;
}
#container a {
	color: #f74d0a;
}
#container a:hover {
	color: #f74d0a;
}
#container .wrapper {
	padding:20px;
	box-sizing:border-box;
	background:#f1f1f1;
	border-radius:4px;
}
#container .content {
	float:left;
	width:500px;
}
#container .sidebar {
	width:300px;
	float:right;
	min-height:1px;
}
.content h1 {
	font-size:24px;
}
#queryform p {
	text-align: center;
}
.input {
	width:100%;
	border:1px solid #ccc;
	background:#fff;
	color:#000;
	padding:4px 8px;
	font-size:16px;
	border-radius:4px;
	box-sizing: border-box;
	margin-bottom: 4px;
}
.button {
	background:#f74d0a;
	border-radius:4px;
	color:#fff;
	border:1px solid #ccc;
	padding:3px 8px;
	font-size:16px;
	cursor:pointer;
}
.response, .conversion {
	padding:20px 0;
}
.vlist {
	float:left;
	width:50%;
}
.thumb {
	float:right;
	width:50%;
}
.thumb img {
	width:100%;
	height:auto;
	border:none;
}
.align_center {
	text-align:center;
}
#container .download-button {
	padding:28px 40px 20px;
	font-size:28px;
	background:#f74d0a;
	display:inline-block;
	margin:1em 0;
	color: #fff;
}
#container .download-button:hover {
	color:#fff;
}
#intro {
	background:url(images/banner.jpg) no-repeat top center;
	background-size:cover;
	padding:12% 0;
	color:#fff;
	text-align:center;
}
.wrapper {
	max-width:860px;
	margin:0 auto;
}
.wrapper:after {display:block;clear:both;content:"";width:0;height:0;opacity:0;visibility:hidden;}

.loader {
    height: 32px;
    margin: 0 auto;
    width: 60px;
}
/* Initial state */
.bar { background-color:#f05023; border:1px solid #e53807; float:left;
	margin-right:4px; margin-top:6px; width:6px; height:18px;
	
	/* Set the animation properties */
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-name: loadingbar;
}
	
.loader .bar:last-child  { margin-right:0px; }

/* Delay both the second and third bar at the start */
.loader .bar:nth-child(2) { animation-delay: 0.1s; }
.loader .bar:nth-child(3) { animation-delay: 0.2s; }
.loader .bar:nth-child(4) { animation-delay: 0.3s; }
.loader .bar:nth-child(5) { animation-delay: 0.4s; }

/* The actual animation */
@keyframes loadingbar {
	 0% { }
	10% { margin-top:5px; height:22px; border-color:#f85f34; background-color:#e15730; }
	20% { margin-top:0px; height:32px; border-color:#ed5a31; background-color:#ea481b; }
	30% { margin-top:1px; height:30px; border-color:#f85f34; background-color:#e15730; }
	40% { margin-top:3px; height:26px; }
	50% { margin-top:5px; height:22px; }
	60% { margin-top:6px; height:18px; }
	70% { }
	/* Missing frames will cause the extra delay */
	100% { }
}

.head-ad {
	margin:10px auto;
	text-align:center;
	min-height:110px;
}



#footer {
	background:#1e1e1e;
	padding:30px 0;
	color:#fff;
	font-size:12px;
}
#footer .wrapper {
	padding:0 15px;
}
#footer .copyrights {
	float:left;
	width:60%;
	padding-right:20px;
	box-sizing:border-box;
}
#footer .footer-links {
	float:right;
	width:40%;
	padding-left:10px;
	box-sizing:border-box;
	text-align:right;
}
body > .nothing-found {
	padding:4% 0;
	margin:6% 0;
}
.nothing-found {
	text-align:center;
}
.mobile-view {
	display:none;
}
.aff-box {
	margin:10px auto;
	text-align:center;
}
#preparebar {
  margin: 0;
  max-width: 400px;
  height: 8px;
  position: relative;
	padding-bottom: 42px;
}
.progressbar-text {
	color: #333 !important;
}
#processbar {
  margin: 0;
  max-width: 400px;
  height: 8px;
  position: relative;
	padding-bottom: 42px;
}
@media all and (max-width: 920px) {
	.logo {
		float:none;
		width:118px;
		margin:0 auto;
	}
	.h-right {
		float:none;
		text-align:center;
	}
	#container .content {
		width:calc(100% - 320px);
	}
}
@media all and (max-width: 778px) {
	.h-right {
		display:none;
	}
}
@media all and (max-width: 640px) {
	#container .content {
		width:auto;
		float:none;
		margin-bottom:20px;
	}
	#container .sidebar {
		width:auto;
		float:none;
		text-align:center;
	}
	.vlist, .thumb {float: none; width: auto;}
}
@media all and (max-width: 520px) {
	#menubar .menu li a {
		font-size:14px;
		padding:4px 6px 0px;
	}
	.input {
		width:100%;
		box-sizing:border-box;
		margin-bottom:10px;
	}
}