@charset "utf-8";
/* CSS Document */
@font-face {
 font-family: opensans-bold;
 src: url(/fonts/opensans-bold.ttf);
}
@font-face {
 font-family: opensans-semibold;
 src: url(/fonts/opensans-semibold.ttf);
}
@font-face {
 font-family: opensans-light;
 src: url(/fonts/opensans-light.ttf);
}
body, html {
	font-family: opensans-light;
	font-size:15px;
	background-color:#fff;
	color:#FFF;
	font-weight: 600;
}
strong{
	color:#0080ff !important;
	font-family: opensans-bold;
}
.fonts-alpha a.active{
	color:#0080ff !important;
}
.fonts a.active{
	color:#0080ff !important;
}
/*********************************** Header Start ***************************/
header {
	background:url(/images/header_bg.png);
	padding:25px 0px 65px;
}

.uk-navbar {
	background-color:transparent !important;
	color: #FFF !important;
	text-transform:uppercase;
}
.uk-navbar-nav>li>a {
	color: #FFF !important;
	padding:0px !important;
	font-size:14px !important;
	font-family: opensans-semibold !important;
	margin:0px 15px;
}
.uk-navbar-nav>li>a:active, {
background-color: transparent !important;
color: #444;
}
.uk-navbar-nav>li.uk-open>a, .uk-navbar-nav>li:hover>a, .uk-navbar-nav>li>a:focus {
	background-color: transparent !important;
	color: #008bda !important;
	outline: 0;
}
.uk-nav-offcanvas>li>a {
	color: #FFF !important;
	font-size:14px !important;
	font-family: opensans-semibold !important;
	text-transform:uppercase;
}
.uk-navbar-brand {
	color: #FFF !important;
	font-family: opensans-bold !important;
	font-size:28px !important;
	padding:0px 15px 0px 0px !important;
}
.uk-navbar-brand span {
	color:#008bda;
}
.en_dropdoun .uk-button {
	background:#0080ff !important;
	color:#FFF !important;
	padding: 0 10px !important;
}
.uk-button-contact {
	background:#0080ff !important;
	color:#FFF !important;
	padding: 10px 10px !important;
	border:0px solid;
}
.en_dropdoun .uk-icon-caret-down {
	margin-left:6px;
}
.last_btn {
	background:#0080ff !important;
	padding: 0 16px !important;
}
.uk-navbar-content {
	padding: 0 12px;
}
.most_font {
	font-family: opensans-light;
	font-size:55px;
	line-height:55px;
}
.select_font {
	font-family: opensans-light;
	font-size:24px;
	margin-top:36px;
	line-height:24px;
}
.select_font a:hover {
	text-decoration:none;
}
.uk-navbar-toggle {
	display:none !important;
}
.uk-navbar-toggle {
	color: #fff !important;
	background:#008bda !important;
	padding: 0px 16px !important;
	float:right !important;
}
.uk-modal{
	color:#333;
}
#popup{ display:none;}



ul.fonts-alpha{
	float:left;
	width:100%;
	list-style: none;
	padding:0px;
}
ul.fonts-alpha li{
	float:left;
	padding:0px 7px;
}
ul.fonts-alpha li a{
	color:#FFF;
}
ul.fonts-alpha li a:hover{
	color:#008bda;
}


/*********************************** Header End ***************************/
/*********************************** Footer Start ***************************/
footer {
	background:#2b2b2b;
	padding:30px 0 10px;
}
footer p {
	font-size:14px;
	margin:20px 0px !important;
	font-weight:normal;
}
.footer_logo a {
	color: #FFF;
	font-family: opensans-bold;
	font-size: 28px;
}
.footer_logo a:hover {
	color: #FFF;
	text-decoration:none;
}
.footer_logo span {
	color: #008bda;
}
.border-top {
	border-top:1px solid #FFF;
	padding-top:15px;
}
.border-bottom {
	border-bottom:1px solid #FFF;
	padding-bottom:15px;
}
footer ul {
	list-style:none;
	padding:0px;
	margin-bottom:20px !important;
}
footer ul li {
	margin:3px 0px;
}
footer ul li a {
	display: inline-block;
	color:#fff;
	font-weight:normal;
	font-size: 14px;
}
footer ul li a:hover {
	text-decoration:none !important;
	color:#0080ff !important;
}
.foot_heading {
	color: #008bda;
	font-family: opensans-bold;
	font-size: 20px;
}
.search_box input {
	min-height:37px;
	font-size:14px;
	text-indent:10px;
	margin: 0px;
	float:left;
	width:188px;
	font-family: opensans-semibold;
	
}
.search_box button {
	background-color: #0080ff;
	color: #FFF;
	font-size: 14px;
	margin: 0px;
	min-height:43px;
	width:65px;
	font-family: opensans-semibold;
	
}
.search_box button:hover, .your_email button:focus {
	background-color: #0080ff;
	color: #FFF;
}
.social_icon ul {
	margin:0px !important;
}
.social_icon ul li {
	float:left;
	margin:0px 8px;
}
.email_address {
	margin-top:15px;
}
.email_address img {
	margin-top:2px;
}
.email_address span {
	margin-left:20px;
	line-height: 15px;
	vertical-align: text-top;
	color:#FFF;
}
/*********************************** Footer End ***************************/
/*********************************** Home Page Content Start ***************************/
.black_bg {
	background:#0d0f11;
	padding:25px 0px;
}
.fonts ul {
	list-style:none;
	padding:0px;
	width:14.22222%;
	float:left;
	margin-top: 0px;
}
.fonts ul li {
	margin:8px;
}
.fonts ul li a {
	color:#FFF;
	font-size:15px;
}
.fonts ul li a:hover {
	color:#0080ff !important;
	text-decoration:none;
	font-weight:bold;
}
.fonts ul li.active a {
	color:#0080ff !important;
	text-decoration:none;
	font-weight:bold;
}
.fonts ul li:last-child {
	margin-bottom: 8px;
}
.content {
	color:#363636;
}
.main_border {
	border: 1px double #ababab;
	width:100%;
	outline: 1px solid #ababab;
	outline-offset: -4px;
}
.inner_section {
	padding:22px 30px;
}
.on_top {
	vertical-align:top;
}
.your_text button {
	background-color:#0080ff;
	color:#FFF;
	font-size:14px;
	font-family: opensans-semibold;
	float:left;
}
.your_text div button {
	border-left:1px solid #fff;
}
.your_text button:hover, .your_text button:focus {
	background-color:#0080ff;
	color:#FFF;
	font-size:14px;
	font-family: opensans-semibold;
}
.input_text {
	color:gray;
	margin-left:0px;
	padding:5.5px 0px;
	width:210px;
	text-indent:5px;
	font-size:14px;
}
.small-range {
	font-family: opensans-bold;
	color:#363636;
	font-size:15.87px;
	margin-top: 8px;
}
.large-range {
	font-family: opensans-bold;
	color:#363636;
	font-size:31.75px;
	margin-top:0px;
	line-height:30px;
}
.small-range span, .large-range span {
	color:#008bda;
}
.ui-widget-content {
	border: 1px solid #dddddd;
	background: #eeeeee url("/images/ui-bg_highlight-soft_100_eeeeee_1x100.png") 50% top repeat-x;
	color: #333333;
}
.evo-cp-wrap {
	float:left;
	width:120px !important;
}
.colorPicker {
	font-family: opensans-light;
	color:#363636;
	font-size:14px;
	text-indent:5px;
	width:85px;
	padding:4.7px 0px;
	border:1px solid #ababab;
	float:left;
	margin: 0px;
}
.reset {
	background:#008bda !important;
	color:#FFF !important;
	font-family: opensans-semibold;
}
.font_detail {
	margin-top: 35px !important;
	padding-left: 0px !important;
}
.font_detail .uk-h3 {
	font-family: opensans-bold;
	color:#363636;
}
.font_detail .uk-h3 span {
	font-family: opensans-light;
}
.font_detail .uk-h3 a {
	text-decoration:none;
}
.add_fav {
	font-size:16px;
}
.add_fav a {
	font-size:16px;
	font-family: opensans-bold;
}
hr {
	clear:both;
	color:#c6c6c6;
	margin-top:5px !important;
	margin-bottom:0px !important;
}
.font_detail .uk-h2 {
	font-family: verdana;
	font-size:26px;
	color:#363636;
	padding:15px 0 !important;
	word-wrap: break-word;
}

.categories {
	font-size:16px;
	margin:10px 0 !important;
}
.categories a {
	font-family: opensans-bold;
}
.download {
	font-family: opensans-semibold;
	background:#0080ff !important;
	color:#FFF !important;
	font-size:16px !important;
	text-transform:uppercase !important;
	padding: 5px 15px !important;
}
.disabled_download{
	font-family: opensans-semibold;
	background:#7f7f7f !important;
	color:#FFF !important;
	font-size:16px !important;
	text-transform:uppercase !important;
	padding: 5px 15px !important;
}
.uk-pagination>.uk-active>span {
	background: #0080ff !important;
	color: #fff;
	border:1px solid #0080ff;
	font-family: opensans-bold;
	font-size:14px;
}
.uk-pagination>.uk-active>span a{
	background: #0080ff !important;
	color: #fff;

}
.uk-pagination>li>a {
	border:1px solid #c6c6c6;
	background-color:transparent !important;
	font-size:14px !important;
	color: #444;
}
.uk-pagination>li>a:focus, .uk-pagination>li>a:hover {
	background-color: #0080ff !important;
	border:1px solid #0080ff;
	color: #fff !important;
	font-family: opensans-bold !important;
	outline: 0;
}
.uk-pagination .prev a, .uk-pagination .next a {
	border:1px solid #0080ff !important;
	font-family: opensans-semibold !important;
	background-color: #0080ff !important;
	color: #fff !important;
	padding:3px 35px;
	margin:0px 6px !important;
}
.uk-pagination .prev a:hover, .uk-pagination .next a:hover {
	border:1px solid #0080ff !important;
	font-family: opensans-semibold !important;
	background-color: #0080ff !important;
	color: #fff !important;
}
.no_ads {
	border:1px solid #c6c6c6;
	position:relative;
	max-width: 306px;
	float: none;
	margin: auto;
	margin-bottom:20px;
}
.no_ads .uk-h3 {
	position:absolute;
	bottom:0px;
	background:rgba(255, 255, 255, 0.8);
	padding:5px 5px;
	padding: 8px 20px;
	text-align:center;
}
.no_ads a {
	font-family: opensans-bold;
}
.no_ads a:hover {
	text-decoration:none;
}
.about p {
	margin-bottom:25px;
}
.about span {
	font-weight:600;
	font-size:16px;
	color:#363636;
	line-height:18px
}
.about img {
	margin-right:10px;
}
.about hr {
	margin-top:10px !important;
}
.about p a {
	font-family: opensans-bold;
}
.about p a {
	text-decoration:none;
}
.your_email {
	margin-top:15px;
}
.your_email input {
	padding: 10px 0px;
	font-size:14px;
	text-indent:10px;
	width:188px;
	margin: 0px;
	float:left;
}
.your_email button {
	background-color: #0080ff;
	color: #FFF;
	font-size: 16px;
	padding:5px;
	min-height:40px;
	width:64px;
	font-family: opensans-semibold;
	float:left;
}
.your_email button:hover, .your_email button:focus {
	background-color: #0080ff;
	color: #FFF;
}
/***********************************Home Page Content End ***************************/
/***********************************Font Page Content Start ***************************/
.font_info {
	margin-top:30px;
}
.font_info .uk-h2 {
	font-size:22px;
	text-transform:uppercase;
	font-family: opensans-bold;
}
.font_info .uk-h2 img {
	margin-right:15px;
}
.font_info ul {
	padding:0px;
	list-style:none;
}
.font_info ul li {
	margin:10px 0px;
	display: flex;
}
.font_info ul li span {
	font-family: opensans-light;
	font-size:16px;
	width:20%;
	float:left;
}
.font_info ul li a {
	font-family: opensans-bold;
	width:80%;
	float: left;
}
.overview ul li {
	float:left;
	display:block;
	text-transform:uppercase;
	margin: 20px 13px;
}
.overview ul.lowercase li {
	text-transform:lowercase;
}
.overview ul li div {
	float:left;
	clear:both;
	width:68px;
	text-align:center;
}
.overview ul li .border-bottom {
	border-bottom: 1px solid #ababab;
	padding-bottom: 10px;
	margin-bottom:10px;
}
.overview ul li .large_font {

	font-size:50px;
	line-height:40px;
}
.overview ul li .small_font {

	font-size:22px;
}
.support {
}
.support .uk-h2 {
	font-size:22px;
	text-transform:uppercase;
	font-family: opensans-bold;
}
.support .uk-h2 img {
	margin-right:15px;
}
.support ul {
	padding:0px;
	list-style:none;
}
.support ul li {
	margin:10px 0px;
	display: flex;
}
.support ul li a {
	font-family: opensans-bold;
	float: left;
}
.uk-form-file {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	overflow: hidden;
}
.uk-form-file input[type=file] {
	position: absolute;
	top: 0;
	z-index: 1;
	width: 100%;
	opacity: 0;
	cursor: pointer;
	left: 0;
	font-size: 500px;
}
.font_convert .uk-h2 {
	font-size:22px;
	text-transform:uppercase;
	font-family: opensans-bold;
}
.font_convert .uk-h2 img {
	margin-right:15px;
}
.font_type {
	margin:10px 20px;
}
.font_convert button {
	font-family: opensans-semibold;
	background: #0080ff !important;
	color: #FFF !important;
	font-size: 16px !important;
	text-transform: uppercase !important;
}
.upload_font {
	padding: 5px 20px !important;
}
.font_type input {
	padding:5px 0px;
	text-indent:10px;
	font-size:14px;
}
/***********************************Font Page Content End ***************************/



.vhidden {
	padding-top:5px;
	color:#333;
	display:block;
}
.vhidden i {
	margin-right:5px;
}
.social-buttons > li a:hover {
	text-decoration:none !important;
}
/*
 * Socialite Look-a-like defaults
 */

.social-buttons {
	display: block;
	list-style: none;
	padding: 0;
	position:fixed;
	margin-left:-90px;
	margin-top:40px;
	background-color: #fff;
	border-radius:5px;
}
.social-buttons > li {
	display: block;
	margin: 0;
	margin:5px 10px;
	float: none;
	text-align:center;
}
.social-buttons .socialite {
	display: block;
	position: relative;
	background: url('/images/social-sprite.png') 0 0 no-repeat;
}
.social-buttons .socialite-loaded {
	background: none !important;
}
.social-buttons .twitter-share {
	width: 55px;
	height: 65px;
	background-position: 0 0;
}
.social-buttons .googleplus-one {
	width: 50px;
	height: 65px;
	background-position: -75px 0;
}
.social-buttons .facebook-like {
	width: 50px;
	height: 65px;
	background-position: -145px 0;
}
.social-buttons .linkedin-share {
	width: 60px;
	height: 65px;
	background-position: -215px 0;
}

/*********************************** Responsive Start ***************************/
@media screen and (max-width:1320px) {
	.social-buttons {
	display:none;
	}
}
@media screen and (max-width:1219px) {
	.uk-navbar-nav>li>a {
	margin: 0px 5px;
	}
	.uk-navbar-brand {
	padding: 0px 8px 0px 0px !important;
	}
	.uk-navbar-brand, .uk-navbar-content {
	padding: 0 4px !important;
	float: left;
	}
	.uk-search-field {
	width: 168px !important;
	}
	.no_ads .uk-h3 {
	padding: 8px 0px;
	}
	.social_icon ul li {
	margin: 0px 5px;
	}
	.medium_grid {
	margin-top:15px !important;
	}
	.inner_section {
	padding: 15px 15px;
	}
	.input_text {
	margin-left: 0px;
	margin-top:15px;
	float: left;
	}
	#main, #main_bot {
	width: 48% !important;
	}
	.your_email input {
	width: 144px;
	}
	.search_box input {
	width: 144px;
	}
}
@media screen and (max-width:991px) {
	.uk-navbar-nav>li>a {
	margin: 0px 6px;
	font-size: 13px !important;
	}
	.uk-navbar-brand {
	padding: 0px 8px 0px 0px !important;
	}
	.uk-navbar-brand, .uk-navbar-content {
	padding: 0 4px !important;
	float: left;
	}
	.uk-search-field {
	width: 128px !important;
	}
	.no_ads .uk-h3 {
	padding: 8px 0px;
	}
	.social_icon ul li {
	margin: 0px 5px;
	}
	.medium_grid {
	margin-top:15px !important;
	}
	.inner_section {
	padding: 15px 15px;
	}
	.input_text {
	margin-left: 0px;
	margin-top:15px;
	float: left;
	}
	#main, #main_bot {
	width: 48% !important;
	}
	.your_email input {
	width: 148px;
	}
	.search_box input {
	width: 148px;
	}
	.your_email button {
	width: 55px;
	}
	.search_box button {
	width: 55px;
	}
}
@media screen and (max-width:959px) {
	.right_side {
	float:none;
	margin:auto;
	width: 50%;
	}
	.uk-search-field {
	width: 220px !important;
	}
	.uk-navbar-toggle {
	display:block !important;
	}
	.your_email input {
	width: 200px;
	}
	.search_box input {
	width: 200px;
	}
	.your_email {
	margin: 40px auto;
	}
	.fonts ul {
	width: 20%;
	}
	uk-navbar-toggle {
	display:block !important;
	}
}
@media screen and (max-width:767px) {
	.input_text {
	margin-left: 15px;
	margin-top: 0px;
	float: none;
	}
	.large-range {
	float: left !important;
	margin-left: 10px !important;
	}
	.your_text {
	margin-bottom:15px !important;
	}
	.fonts ul {
	width: 33%;
	}
	.right_side {
	width: 100%;
	clear: both;
	margin-top: 20px !important;
	display: inline-block;
	}
	.uk-pagination .prev a, .uk-pagination .next a {
	padding: 3px 35px;
	margin: 0px 0px 0 0!important;
	}
}
@media screen and (max-width:480px) {
	.uk-search-field {
	width: 192px !important;
	}
	.fonts ul {
	width: 50%;
	}
	.side_btn {
	float:none !important;
	}
	.your_text button {
	padding: 0 8px;
	}
	.input_text {
	margin-left: 10px;
	}
	.uk-pagination .prev a, .uk-pagination .next a {
	padding: 2px 5px;
	font-size: 12px !Important;
	}
	.uk-pagination>li>a, .uk-pagination>li>span {
	padding: 2px 3px !important;
	font-size: 12px !Important;
	}
	.overview ul li {
	margin: 20px 9px;
	}
	.choose_file {
	margin:10px 20px;
	}
	.font_info ul li span {
	width: 100%;
	}
	.font_info ul li a {
	width: 100%;
	}
}