/* ================================================================
    Author       : miniboss
    Template Name: Koby - Personal Portfolio HTML Template
    Tags: One Page portfolio, Creative Template,  professional, landing, HTML 
    Version      : 1.0
=================================================================*/
/*=======================================================
    //Table of content

    1.Global setting
    2.Typhography
    3.Common style
    4.Header section
    5.About section
    6.Service section
    7.Team section
    8.Portfolio section
    9.Client section
    10.Contact section
    11.Footer section
    12.Blog page section
    13.Single blog page section
=========================================================*/
body {
	font-family: 'Poppins', sans-serif;
	padding: 0px;
	margin: 0px;
}

html,
body {
	width: 100%;
	height: 100%;
	color: #666;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0px;
	padding: 0px;
}

ul,
ol {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

a,
a:hover,
a:focus {
	margin: 0px;
	padding: 0px;
	-webkit-text-decoration: none;
	-moz-text-decoration: none;
	-ms-text-decoration: none;
	-o-text-decoration: none;
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto;
}

input,
textarea {
	outline: none;
	border: none;
	resize: none;
}
p {
	margin: 0px;
	padding: 0px;
	line-height: 32px;
	font-size: 14px;
	letter-spacing: 1.5px;
	color: #666;
}
/*=================================================
		Start Typhographicy
===================================================*/
h2 {
	display: inline-block;
	font-size: 24px;
	font-weight: 600;
	padding-bottom: 7px;
	text-transform: capitalize;
	color: #666;
}
.section-title h2 {
	color: #444;
	font-size: 25px;
	position: relative;
}
.section-title > h2::after {
	background: #666;
	bottom: 0;
	content: "";
	height: 2px;
	left: 50%;
	position: absolute;
	width: 38px;
}
.section-title > h2::before {
	background: #666;
	bottom: -10px;
	content: "";
	height: 2px;
	left: 50%;
	position: absolute;
	width: 80px;
}
/*===========================================
		common class
=============================================*/

.bgcolor1{
	background: #f9f9f9;
}
.section-padding{
	padding-top: 100px;
	padding-bottom: 100px;
}
.section-title-padding{
	padding-bottom: 60px;
}
.mg50{
	margin-bottom:50px;
}
.mgtop50{
	margin-top:50px;
}
.h2color h2 {
	color: #fff;
	font-size: 25px;
	position: relative;
}
.h2color > h2::after {
	background: #fff;
	bottom: 0;
	content: "";
	height: 2px;
	left: 50%;
	position: absolute;
	width: 38px;
}
.h2color > h2::before {
	background: #fff;
	bottom: -10px;
	content: "";
	height: 2px;
	left: 50%;
	position: absolute;
	width: 80px;
}
/*========================================
	bootstrap common css customize
==========================================*/
.navbar-nav > li > a {
	line-height:0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
.nav > li > a:focus, .nav > li > a:hover {
	background-color: transparent;
	text-decoration: none;
}
.navbar {
	border: 0px solid transparent;
	margin-bottom: 0px;
}
.navbar-collapse {
	border-top:0px;
	box-shadow:none;
	overflow-x: visible;
}
.navbar-right {
	float: right;
	margin-left: -15px;
	margin-right: -15px;
}
.navbar-toggle .icon-bar {
	background: #444444 none repeat scroll 0 0;
}
.navbar-toggle {
	margin-top: 17px;
}
/*=======================================
		cross browser support
=========================================*/
.download-cv a, .home-blog-details h2 a, .form-submit input[type="submit"], .single-item,
.post-details a, .pagination-area ul li a {
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
}
.admin-porfile, .admin-porfile img{
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.form-submit input[type="submit"], .download-cv a, input.controler, .single > textarea{
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}
.section-title > h2::after, .section-title > h2::before, .arrow-down, .h2color > h2::after,
.h2color > h2::before {
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
/*===========================================
		Start header area
=============================================*/
.site-header {
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 111;
}
.site-header.sticky {
	background: #fff;
	animation: fadeInDown .5s linear;
	position: fixed;
	top: 0px;
	width: 100%;
	z-index: 111;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}
#site-navigation .navbar-toggle {
	background-color: #fff;
}
/*
	logo select
*/
.site-header img.bglogosticky {
	display: none;
}
.site-header.sticky img.bglogo {
	display: none;
}
.site-header.sticky img.bglogosticky{
	display: block;
}
a.logo {
	display: block;
	padding: 14px 0;
}
#main-menu ul li a {
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	letter-spacing: 2px;
	padding: 31px 12px;
	text-transform: capitalize;
}
.site-header.sticky #main-menu ul li a{
	color: #333;
}
.mid-header-area {
	background: rgba(0, 0, 0, 0) url("../images/home.jpg") no-repeat fixed center center / cover ;
	height: 100vh;
	position: relative;
}
.mid-overlay{
	background: rgba(0, 0, 0, 0.66) none repeat scroll 0 0;
	content: "";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.mid-table {
	display: table;
	height: 100%;
	text-align: center;
	width: 100%;
}
.mid-table-cell {
	display: table-cell;
	vertical-align: middle;
}
.mid-content {
	padding-bottom: 10px;
	padding-top: 10px;
	position: relative;
	z-index: 11;
}
.mid-content p {
	color: #fff;
	font-size: 20px;
	text-transform: capitalize;
	letter-spacing: 2px;
	line-height: 32px;
	margin-bottom: 30px;
}
.mid-content h2 {
	color: #fff;
	font-weight: 900;
	text-transform: capitalize;
	font-size: 113px;
	line-height: 79px;
	margin-bottom: 40px;
}
.arrow-down {
	bottom: 40px;
	left: 50%;
	position: absolute;
	z-index: 11;
	-webkit-animation: animate 3s infinite;
	-moz-animation: animate 3s infinite;
	-ms-animation: animate 3s infinite;
	-o-animation: animate 3s infinite;
	animation: animate 3s infinite;
}
@keyframes animate{
	0%{
		-webkit-transform: translate(0px, 0px);
		-moz-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		-o-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
	50%{
		-webkit-transform: translate(0px, 0px);
		-moz-transform: translate(0px, 20px);
		-ms-transform: translate(0px, 20px);
		-o-transform: translate(0px, 20px);
		transform: translate(0px, 20px);
	}
	100%{
		-webkit-transform: translate(0px, 0px);
		-moz-transform: translate(0px, 0px);
		-ms-transform: translate(0px, 0px);
		-o-transform: translate(0px, 0px);
		transform: translate(0px, 0px);
	}
}
.arrow-down > a {
	color: #fff;
	display: inline-block;
	font-size: 27px;
	line-height: 31px;
}
/*======================================
		about area
=======================================*/
.admin-porfile {
	height: 200px;
	width: 200px;
	margin: auto;
}
.admin-porfile img {
	height: auto;
	max-width: 100%;
}
.social-media {
	text-align: center;
	margin: 14px 0px;
}
.social-media ul li {
	display: inline-block;
	margin-right: 5px;
}
.social-media ul li a {
	color: #000;
	padding: 10px 7px;
	font-size: 14px;
	display: inline-block;
}
.download-cv {
	margin: 38px 0px;
	margin-bottom: 10px;
}
.download-cv a {
	color: #fff;
	text-transform: capitalize;
	font-size: 15px;
	font-weight: 500;
	border: 1px solid #ddd;
	padding: 17px 20px;
	background: #414141;
}
.download-cv a:hover{
	background: #000;
}

/*==================================
		service area
==================================*/
.single-service {
	padding: 50px 10px;
	text-align: center;
	background: #fff;
}
.service-icon {
	height: 60px;
	width: 60px;
	margin: auto;
	background: transparent;
	margin-bottom: 13px;
}
.service-icon i {
	line-height: 30px;
	font-size: 52px;
}
.service-details h4 {
	color: #666;
	text-transform: uppercase;
	font-size: 14px;
	margin: 10px 0px;
	font-weight: 600;
}
/*
	owl-carousel customize
*/
.service-wrapper .owl-dots {
	text-align: center;
	margin-top: 20px;
}
.service-wrapper .owl-dot {
	background: #666 none repeat scroll 0 0;
	display: inline-block;
	height: 3px;
	margin-right: 10px;
	margin-top: 10px;
	width: 40px;
}
.service-wrapper .owl-dot.active {
	background: #000;
}
/*==================================
		team area
====================================*/
.member-details{
	text-align: center;
}
.member-details h4 {
	text-transform: capitalize;
	margin-top: 14px;
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 5px;
	letter-spacing: 2.5px;
	line-height: 21px;
}
.member-wrapper img {
	max-width: 100%;
	height: auto;
}
.member-details h5 {
	text-transform: capitalize;
	letter-spacing: 1.5px;
	font-size: 13px;
	line-height: 18px;
}
.member-details ul li {
	display: inline-block;
	margin-right: 10px;
	margin-top: 9px;
}
.member-details ul li:last-child{
	margin-right: 0px;
}
.member-details ul li a {
	color: #666;
	font-size: 12px;
	padding: 3px 5px;
}

/*=======================================
		start client area
=========================================*/
.client-area {
	position: relative;
	overflow: hidden;
	background: url(../images/client.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
}
.client-overlay{
	position: absolute;
	height: 100%;
	width: 100%;
	left: 0px;
	top: 0px;
	background: rgba(0,0,0,.80);
}
.client-demo {
	float: left;
	margin-bottom: 15px;
	margin-right: 10px;
}
.client-review {
	margin-bottom: 34px;
}
.client-demo img {
	height: auto;
	width: 100%;
}
.single-client {
	text-align: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-webkit-flex-shrink: 0;
	-moz-flex-shrink: 0;
	-ms-flex-shrink: 0;
	-o-flex-shrink: 0;
	flex-shrink: 0;
	padding: 0px 20px;
	position: relative;
}
.single-client:before {
	content: "\f10d ";
	left: 1px;
	top: 0px;
	font-family: "fontawesome";
	position: absolute;
	color: #fff;
}
.client-image-area {
	height: 88px;
	margin: auto;
	overflow: hidden;
	text-align: center;
	width: 88px;
}
.client-details {
	position: relative;
	text-align: center;
}
.client-details > p {
	color: #fff;
	font-size: 14px;
	font-weight: 300;
	padding: 10px 34px;
}
.client-details h5 {
	color: #fff;
	font-size: 15px;
	font-weight: 700;
	line-height: 22px;
	margin-top: 12px;
	text-transform: capitalize;
}
.client-img {
	width: 80px;
	height: 80px;
	-webkit-flex-shrink: 0;
	-moz-flex-shrink: 0;
	-ms-flex-shrink: 0;
	-o-flex-shrink: 0;
	flex-shrink: 0;
}
.client-img img {
	height: auto;
	max-width: 100%;
}
.client-details ul li {
	display: inline-block;
	margin-right: 3px;
}
.client-details ul li:last-child{
	margin-right: 0px;
}
.client-details ul li i {
	color: #fff;
	font-size: 12px;
}
/*
	owl-carousel customize
*/
.clients-says .owl-dots {
	text-align: center;
	margin-top: 12px;
}
.clients-says .owl-dot {
	background: #ccc none repeat scroll 0 0;
	display: inline-block;
	height: 3px;
	margin-right: 10px;
	margin-top: 10px;
	width: 20px;
}
.clients-says .owl-dot.active {
    background: #fff;
}
/*==========================================
		Start Portfolio area
============================================*/
.work-area {
	padding-bottom: 70px;
}
ul.work-filter {
	text-align: center;
}
.work-filter li {
	cursor: pointer;
	display: inline-block;
	margin-left: 20px;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 27px;
}
li.filter.mixitup-control-active {
	position: relative;
}
li.filter.mixitup-control-active:after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0px;
	height: 2px;
	width: 60%;
	background: #414141;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.single-item {
	left: 0;
	overflow: hidden;
	position: relative;
	top: 0;
	margin-top: 22px;
}
.single-item:hover {
	background: #ffffff none repeat scroll 0 0;
	box-shadow: 0 16px 22px 0 rgba(90, 91, 95, 0.3);
	top: -5px;
}
.single-item img:hover{
	cursor: crosshair;
}

/*==========================================
		Start contact area
=============================================*/
input.controler {
	font-size: 14px;
	margin-bottom: 12px;
	padding: 14px 15px;
	text-transform: capitalize;
	width: 100%;
	background: #f3f3f3;
}
.single > textarea {
	border: none;
	width: 100%;
	text-transform: capitalize;
	padding: 18px;
	background: #f3f3f3;
	margin-top: 11px;
}
.form-submit input[type="submit"] {
	font-size: 16px;
	text-transform: capitalize;
	padding: 16px 40px;
	background: #414141;
	margin-top: 17px;
	margin-left: 14px;
	color: #fff;
	border-radius: 30px;
}
.form-submit input[type="submit"]:hover{
	background: #000;
}
/*======================================
		team member area
========================================*/


/*======================================
		footer area
========================================*/
footer.footer-area {
	background: #f9f9f9;
	padding: 60px 0px;
}
.footer-inner-content p {
	color: #666;
}
.footer-social-icon ul li {
	display: inline-block;
	margin-right: 5px;
}
.footer-social-icon ul li:last-child{
	margin-right: 0px;
}
.footer-social-icon ul li a {
	padding: 9px;
	color: #333;
	font-size: 15px;
}
.footer-social-icon {
	margin-top: 15px;
}
/*=======================================
		blog page
=========================================*/
.blog-details {
	overflow: hidden;
}
.blog-banner-area {
	background: #414141;
	padding-bottom: 110px;
	padding-top: 110px;
	position: relative;
}
.banner-overlay {
	background: rgba(0, 0, 0, 0.91) none repeat scroll 0 0;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.breadcrumb {
	background: transparent none repeat scroll 0 0;
	margin: auto;
	text-align: center;
}
.breadcrumb>li {
	display: inline-block;
	text-transform: uppercase;
	font-weight: 600;
	
}
.breadcrumb li.active {
	color: #fff;
	font-size: 18px;
}
.breadcrumb>li a{
	color: #c2c2c2;
	font-size: 18px;
}
/*
blog post
*/
.blog-post-area h3 a {
	margin-top: 11px;
	text-transform: capitalize;
	font-size: 18px;
	color: #666;
	font-weight: 500;
	line-height: 30px;
	display: inline-block;
}
.blog-page-meta {
	margin-top: 6px;
	margin-bottom: 15px;
}
.blog-page-meta span {
	color: #666;
	text-transform: capitalize;
	font-weight: 500;
	margin-right: 20px;
}
.blog-page-meta span a{
	color:#666;
}
.blog-page-meta span i {
	padding-right: 5px;
}
.post-details a {
	color: #666;
	text-transform: capitalize;
	padding: 14px 28px;
	display: inline-block;
	background: #414141;
	margin-top: 19px;
	color: #fff;
}
.post-details a:hover{
	color: #fff;
	background: #000;
}
/*=======================================
		Right sidebar
=======================================*/
.single-part h3 {
	color: #666;
	font-size: 19px;
	text-transform: capitalize;
	margin-bottom: 21px;
	padding-bottom: 8px;
	position: relative;
}
.single-part h3:after{
	content: "";
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 30px;
	background: #414141;
	height: 2px;
}
.secarh-fields {
	position: relative;
}
.secarh-fields input[type="text"] {
	background-color: #fff;
	border: 1px solid #d3d3d3;
	color: #666666;
	height: 40px;
	line-height: 28.8px;
	margin: 0;
	outline: medium none;
	padding: 5px 55px 5px 15px;
	transition: all 0.4s ease 0s;
	width: 100%;
}
.secarh-fields button.submit {
	background-color: #464646;
	border: 1px solid #464646;
	color: #fff;
	font-size: 13px;
	height: 40px;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 45px;
}
.single-part ul li {
	margin-bottom: 13px;
}
.single-part ul li a {
	color: #666;
	letter-spacing: 1.5px;
	position: relative;
	padding-left: 14px;
	text-transform: capitalize;
	font-size: 13px;
	line-height: 23px;
}
.single-part ul li a:before {
	content: "\f0da ";
	font-family: fontawesome;
	font-size: 18px;
	left: 0px;
	top: 0px;
	position: absolute;
}
/*==============================
	pagination area
===============================*/
.pagination-area{
	margin-top: 50px;
}

.pagination-area ul li a {
	display: inline-block;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
	border: 1px solid #ccc;
	border-radius: 50%;
	color: #666;
}
.pagination-area ul li a:hover{
	background: #414141;
	color: #fff;
}
.pagination-area ul li {
	display: inline-block;
	margin-right: 12px;
	border-bottom: 1px solid #ddd;
}
.pagination-area ul li.active a{
	background: #414141;
	color: #fff;
}
.pagination-area ul li:last-child{
	margin-right: 0px;
}
/*
border-radius blog page
*/
.post-details a {
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	-ms-border-radius: 30px;
	-o-border-radius: 30px;
	border-radius: 30px;
}
/*==========================================
	single blog page area
============================================*/
.single-post-details p {
	margin-bottom: 22px;
}
.single-post-details blockquote {
	padding: 10px 20px;
	margin: 0 0 20px;
	font-size: 17.5px;
	border-left: 4px solid #ddd;
}
.single-blog-post-area h3 {
	margin-top: 16px;
	margin-bottom: 11px;
	text-transform: capitalize;
	color: #666;
	font-size: 19px;
	line-height: 21px;
}
.single-post-details blockquote p {
	color: #333;
	font-size: 16px;
	line-height: 24px;
	font-weight: 500;
}
.tags-area ul li {
	display: inline-block;
	margin-right: 11px;
}
.tags-area ul li:last-child{
	margin-right: 0px;
}
.tags-area ul li a {
    color: #666;
    text-transform: capitalize;
    font-size: 14px;
    letter-spacing: 1.5px;
    font-weight: 500;
}
/*===================================
		comment area
===================================*/

.comment-title h3 {
	color: #6d6d6d;
	text-transform: uppercase;
	font-weight: 600;
	font-size: 14px;
	margin-bottom: 25px;
	line-height: 28px;
	letter-spacing: 1.5px;
}
.commennts-details {
	margin-bottom: 21px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 0px 20px;
	-webkit-flex-shrink: 0;
	-moz-flex-shrink: 0;
	-ms-flex-shrink: 0;
	-o-flex-shrink: 0;
	flex-shrink: 0;
}
.author-image {
	height: 80px;
	width: 80px;
	border-radius: 50%;
	margin-right: 20px;
	flex-shrink: 0;
	-webkit-flex-shrink: 0;
	-moz-flex-shrink: 0;
	-ms-flex-shrink: 0;
	-o-flex-shrink: 0;
}
.author-image a img {
	border-radius: 50%;
	height: auto;
	max-width: 100%;
}
#comment-reply {
	margin-left: 90px;
	padding: 10px 10px;
}
.author-body-content h5 {
	color: #414141;
	font-weight: 600;
	text-transform: uppercase;
	font-size: 13px;
	line-height: 26px;
}
.author-body-content p {
	color: #666;
}
.author-body-content a {
	color: #666;
	font-weight: 600;
	text-transform: capitalize;
	display: inline-block;
	margin-top: 10px;
	padding-bottom: 5px;
	font-size: 13px;
}
.author-body-content a i {
	padding-right: 2px;
	font-size: 12px;
}
/*====================================
		comment form
====================================*/

.comment-form-section {
	margin-top: 40px;
	margin-bottom: 26px;
}
.comment-leave-title h4 {
	color: #6d6d6d;
	text-transform: uppercase;
	letter-spacing: 1.5px;
	font-weight: 600;
	font-size: 14px;
	line-height: 26px;
	margin-bottom: 25px;
}
.comment-single{
	width: 50%;
	float: left;
	margin-right: 10px;

}
.single-input input {
	font-size: 14px;
	text-transform: capitalize;
	color: #6e6e6e;
	padding: 10px 5px;
	border-bottom: 1px solid #dfdfdf;
	width: 100%;
	margin-bottom: 19px;
}
.single-input textarea {
	font-size: 14px;
	color: #6e6e6e;
	text-transform: capitalize;
	padding: 10px 5px;
	width: 100%;
	border-bottom: 1px solid #dfdfdf;
}
.comment-submit input[type="submit"] {
	font-size: 14px;
	text-transform: uppercase;
	padding: 15px 29px;
	background: #414141;
	margin-top: 40px;
	color: #fff;
	font-weight: 500;
	border-radius: 30px;
	transition: all .3s linear;
}
.comment-submit input[type="submit"]:hover {
	background: #1a1a26;
	color: #fff;
}
/*===============================================
		preloader css style
=================================================*/

.preloader {
	background: #000;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 99999;
}

.status-mes {
	width: 25px;
	height: 25px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -12px 0 0 -12px;
	font-size: 10px;
	text-indent: -12345px;
	border-top: 4px solid #222;
	border-right: 4px solid #222;
	border-bottom: 4px solid #222;
	border-left: 4px solid #fff;
	border-radius: 50%;
	-webkit-animation: spinner 1000ms infinite linear;
	animation: spinner 1000ms infinite linear;
	z-index: 10000;
}

@-webkit-keyframes spinner {
    0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
    }
    100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg);
    }
    100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
    }
}

.header-text .home-arrow-down {
	text-align: center;
	position: absolute;
	bottom: -210px;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.header-text .home-arrow-down .btn {
	font-size: 60px;
}

.header-text .home-arrow-down .fa {
	color: #1ca488;
	display: inline-block;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-animation-name: home-arrow-down;
	animation-name: home-arrow-down;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
}

@-webkit-keyframes home-arrow-down {
    from {
		-webkit-transform: translate3d( 0, 0px, 0);
		transform: translate3d( 0, 0px, 0);
		filter: alpha(opacity=0);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    10% {
		-webkit-transform: translate3d( 0, 5px, 0);
		transform: translate3d( 0, 5px, 0);
		filter: alpha(opacity=100);
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    to {
		-webkit-transform: translate3d( 0, 30px, 0);
		transform: translate3d( 0, 30px, 0);
		filter: alpha(opacity=0);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}

@keyframes home-arrow-down {
    from {
		-webkit-transform: translate3d( 0, 0px, 0);
		transform: translate3d( 0, 0px, 0);
		filter: alpha(opacity=0);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    10% {
		-webkit-transform: translate3d( 0, 5px, 0);
		transform: translate3d( 0, 5px, 0);
		filter: alpha(opacity=100);
		opacity: 1;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    }
    to {
		-webkit-transform: translate3d( 0, 30px, 0);
		transform: translate3d( 0, 30px, 0);
		filter: alpha(opacity=0);
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
}