/****************************************
 Generic styles
****************************************/
.heading-line {
	background: #e2e8ea;
	width: 100%;
	height: 1px;
	display: block;
	margin: 25px 0 0 0; }

.heading-line-small {
	background: #e7604a;
	width: 56px;
	height: 2px;
	display: block;
	margin-top: -1px;
	margin-bottom: 40px; }

.heading-text {
	margin: 0 0 60px 0;
	font-size: 16px; }

.center {
	text-align: center !important;
	margin-left: auto !important;
	margin-right: auto !important; }

.align-left {
	text-align: left; }

span.highlight {
	color: #e7604a; }

/****************************************
 Navigation 
****************************************/
nav.navbar.navbar-default {
	margin: 0 0 2px 0 !important;
	padding-top: 2px;
	border: 0;
	border-bottom: 1px solid #e8edef; }

a.navbar-brand {
	text-transform: uppercase;
	font-size: 27px;
	color: #5a5b5f;
	display: inline-block; }
a.navbar-brand p {
	font-size: 27px;
	color: #5a5b5f;
	display: inline-block;
	margin: 0px 0 0 0; }
a.navbar-brand img {
	display: inline-block;
	margin: -2px 3px 5px 0; }

p.logo-text {
	text-transform: uppercase;
	color: #e2e8ea;
	font-weight: 400; }

p.logo-slogan {
	display: inline-block;
	font-size: 14px;
	font-weight: 300;
	text-transform: lowercase;
	margin: 26px 0 0 10px; }

nav.navbar.navbar-default {
	background: #fff;
	text-transform: uppercase;
	font-size: 14px; }

.navbar-default .navbar-nav a {
	padding-top: 30px;
	font-weight: 600; }

.navbar-default .navbar-nav > .current > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .current > a:focus {
	background: none;
	border-top: 2px solid #e7604a;
	color: #e7604a;
	margin-top: -2px; }

.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	border-top: 2px solid #e7604a;
	margin-top: -2px;
	color: #e7604a; }

.navbar-nav > .open > a {
	background: #fff !important;
	color: #e7604a !important; }

.dropdown-menu {
	padding: 0;
	border-radius: 6px; }
	.dropdown-menu .navbar-default .navbar-nav a {
	padding: 0; }

.dropdown-menu > li > a {
	font-size: 15px !important;
	font-weight: 400 !important;
	color: #979ba3;
	text-transform: none;
	padding: 15px 0 15px 0 !important; }
.dropdown-menu > li > a:hover {
	background: #fff;
	color: #e7604a; }

.dropdown-menu > li {
	padding: 0 15px; }

.dropdown-menu .divider {
	margin: 0 15px; }

li.nav-search-li {
	cursor: pointer;
	padding: 0;
	margin: 0; }

#show-nav-search {
	padding: 30px 30px;
	border-left: 1px solid #e2e8ea;
	border-right: 1px solid #e2e8ea; }
#show-nav-search .glyphicon {
	font-size: 16px;
	color: #e2e8ea; }

.nav-search {
	position: absolute;
	z-index: 1000;
	width: 200px;
	right: 0; }
	
.navbar {
    z-index: 20000;
}	

/****************************************
 Intro
****************************************/
.intro {
	text-align: center;
	margin-top: 84px; }
.intro p {
	color: #fff;
	text-shadow: none;
	font-weight: 300;
	font-size: 20px;
	margin-bottom: 30px;
	line-height: 35px; }
.intro h1 {
	font-size: 42px;
	color: #fff;
	text-shadow: 1px 1px black;	}
.intro .carousel-caption {
	top: 10%; }

.carousel-indicators .active {
	background: #e7604a;
	border: 1px solid #e7604a; }

ol.carousel-indicators {
	list-style: none;
	counter-reset: none; }
ol.carousel-indicators li:before {
	content: none; }

/* intro button */
.btn-custom3.btn-default {
	color: #fff;
	text-transform: uppercase;
	border-color: #e7604a; }

.btn-custom3.btn-lg {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 12px 32px;
	background: none;
	transition: background 0.4s, border-color 0.4s;
	-webkit-transition: background 0.4s, border-color 0.4s; }

.btn-custom3.btn-lg:hover {
	background: #e7604a;
	color: #fff;
	border-color: #e7604a; }
	
.carousel-caption  {
	padding-top: 10px;}

/****************************************
 Services 
****************************************/
.services {
	text-align: center;
	padding-top: 90px;
	padding-bottom: 90px; }
.services .glyphicon {
	color: white;
	font-size: 50px;
	margin-top: 35px; }
.services p {
	color: #979ba3;
	line-height: 24px;
	font-size: 15px;
	margin-bottom: 25px; }
.services h5 {
	margin-bottom: 24px; }

.circle1, .circle2, .circle3, .circle4 {
	border-radius: 50%;
	width: 120px;
	height: 120px;
	margin: 0 auto 35px auto; }

.circle1 {
	background-color: #e7604a; }

.circle2 {
	background-color: #ac72c3; }

.circle3 {
	background-color: #36c77b; }

.circle4 {
	background-color: #29c7c8; }

/****************************************
 Works
****************************************/
.works {
	background: #fafcfc;
	text-align: center;
	padding-top: 90px;
	padding-bottom: 90px;
	border-top: 1px solid #e8edef;
	border-bottom: 1px solid #e8edef; }

.portfolioContainer {
	margin-bottom: 60px; }

.work-thumb {
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	width: 364px;
	height: 270px;
	display: inline-block;
	margin: 3px; }

.portfolioFilter {
	margin-bottom: 40px; }

.portfolioFilter a {
	margin: 0 2px; }

.current .btn-custom2.btn-default {
	color: #fff;
	background: #e7604a; }

/****************************************
 Filterable portfolio 
****************************************/
.isotope,
.isotope .isotope-item {
	/* change duration value to whatever you like */
	-webkit-transition-duration: 0.8s;
	-moz-transition-duration: 0.8s;
	-ms-transition-duration: 0.8s;
	-o-transition-duration: 0.8s;
	transition-duration: 0.8s; }

.isotope {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-ms-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width; }

.isotope .isotope-item {
	-webkit-transition-property: -webkit-transform, opacity;
	-moz-transition-property: -moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property: -o-transform, opacity;
	transition-property: transform, opacity; }

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
	-webkit-transition-duration: 0s;
	-moz-transition-duration: 0s;
	-ms-transition-duration: 0s;
	-o-transition-duration: 0s;
	transition-duration: 0s; }

/* overlay */
.work-text {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 364px;
	height: 270px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	background: #999;
	background: rgba(231, 96, 74, 0.8);
	text-align: center;
	margin: 3px;
	opacity: 0; }
.work-text p {
	color: #fff;
	letter-spacing: 1px; }
.work-text p.work-big {
	text-transform: uppercase;
	font-size: 20px;
	margin-top: 115px;
	margin-bottom: 4px;
	color: #fff; }
.work-text p.work-small {
	font-size: 14px;
	color: #fff; }

.thumb .work-text {
	transition: opacity 0.5s;
	-webkit-transition: opacity 0.5s; }

.thumb:hover .work-text {
	opacity: 1; }

/****************************************
 About
****************************************/
.about {
	background: #fff;
	padding: 90px 0; }
.about .heading-text {
	margin-bottom: 30px; }
.about .heading-line {
	margin: 15px 0 0 0; }

/****************************************
 Testimonials
****************************************/
.testimonials {
	background: #fafcfc;
	text-align: center;
	padding-top: 90px;
	padding-bottom: 30px;
	border-top: 1px solid #e8edef;
	border-bottom: 1px solid #e8edef; }
.testimonials p.testimonial-quote {
	font-size: 22px;
	font-style: italic;
	line-height: 40px;
	color: #5a5b5f;
	margin-bottom: 25px; }
.testimonials p.testimonial-author {
	font-size: 16px;
	color: #979ba3; }
.testimonials .item {
	margin-bottom: 80px; }
.testimonials .carousel-indicators li {
	background: #e9eeef;
	border: 1px solid #e9eeef; }
.testimonials .carousel-indicators .active {
	background: #e7604a; }
.testimonials .carousel-control.left, .testimonials .carousel-control.right {
	background-image: none; }
.testimonials .icon-prev, .testimonials .icon-next {
	width: 50px;
	height: 50px;
	font-size: 50px; }
.testimonials .carousel-control {
	color: #b0b3b9;
	text-shadow: none;
	margin: 0; }
	.testimonials .carousel-control:hover {
		color: #e7604a; }

/****************************************
 Clients
****************************************/
.clients {
	text-align: center;
	padding: 24px 0; }
	.clients ul {
		margin: 0; }
	.clients ul li {
		display: inline;
		list-style: none; }

/****************************************
 Generic page styles
****************************************/
.page-intro {
	background: url(../images/page-intro1.jpg);
	background-size: cover;
	padding: 35px 0;
	margin-top: 84px; }

.page-intro h1 {
	font-size: 36px;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	margin: 0; }

.breadcrumbs {
	margin-top: 22px;
	text-align: right; 
	color: #fff;}

.breadcrumbs a {
	font-size: 15px;
	color: #fff;
	text-align: right; }
	.breadcrumbs a:hover {
		text-decoration: none; }

span.greater {
	margin: 0 8px;
	font-size: 14px; }

/****************************************
 Page portfolio 4 columns
****************************************/
.works.page-portfolio {
	background: #fff;
	border: none;
	padding-bottom: 0; }

.work-thumb-4-col {
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	width: 260px;
	height: 195px;
	display: inline-block; }

.page-portfolio .thumb {
	border: 1px solid #e8ebee;
	border-radius: 6px;
	margin: 8px; }

.thumb a:hover {
	text-decoration: none;
	opacity: 0.7; }
.thumb p {
	font-size: 16px;
	color: #5a5b5f;
	margin: 16px 4px; }

ul.pagination {
	text-align: left;
	margin: 0 0 50px 0; }

ul.pagination a, .pagination > li:first-child > a, .pagination > li:first-child > span, .pagination > li:last-child > a, .pagination > li:last-child > span {
	color: #979ba3;
	margin: 0 10px 0 0;
	border-radius: 6px;
	padding: 10px 16px; }
	ul.pagination a:hover, .pagination > li:first-child > a:hover, .pagination > li:first-child > span:hover, .pagination > li:last-child > a:hover, .pagination > li:last-child > span:hover {
		background: #979ba3;
		color: #fff;
		border-color: #979ba3; }

/****************************************
 Page portfolio 3 columns
****************************************/
.work-thumb-3-col {
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	width: 360px;
	height: 270px;
	display: inline-block; }

/****************************************
 Page portfolio 2 columns
****************************************/
.work-thumb-2-col {
	background-size: cover;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	width: 540px;
	height: 370px;
	display: inline-block; }

/****************************************
 Portfolio single work
****************************************/
.works.single-work {
	background: #fff;
	text-align: left;
	border: none; }
	.works.single-work h5 {
		margin: 0; }
	.works.single-work .heading-line {
		margin-top: 15px; }
	.works.single-work .heading-line-small {
		margin-bottom: 25px; }
	.works.single-work button {
		margin: 10px 0 35px 0; }

p.work-single-desc {
	line-height: 22px;
	margin: 0 0 16px 0; }

.share {
	background: #fafcfc;
	border-radius: 6px;
	border: 1px solid #e8ebee;
	margin: 20px 0 0 0;
	padding: 15px 20px; }
	.share p {
		display: inline-block;
		text-transform: uppercase;
		letter-spacing: 1px;
		margin: 0; }
	.share ul {
		display: inline-block;
		list-style: none;
		margin: 0 0 0 30px;
		padding: 0;
		vertical-align: top; }
	.share ul li {
		display: inline;
		margin-right: 15px; }

.right {
	text-align: right;
	float: right; }

p.likes {
	font-size: 12px;
	margin: 4px 0 0 0; }

.related-projs {
	margin: 70px 0 0 0; }
	.related-projs .heading-line-small {
		margin-bottom: 40px; }

.works.single-work .thumb {
	border: 1px solid #e8ebee;
	border-radius: 6px;
	text-align: center; }

.single-work-pagination {
	list-style-type: none;
	text-align: justify;
	padding: 0;
	margin: 0 0 50px 0;
	width: 100%; }
	.single-work-pagination li {
		display: inline-block;
		color: #979ba3; }
	.single-work-pagination .stretch {
		display: inline-block;
		width: 100%;
		border: none; }
	.single-work-pagination a {
		color: #979ba3;
		text-align: left;
		display: inline-block;
		border: 1px solid #ddd;
		border-radius: 6px;
		padding: 10px 16px;
		margin: 0 10px; }
		.single-work-pagination a:hover {
			color: #fff;
			text-decoration: none;
			background: #979ba3;
			border-color: #979ba3; }

/****************************************
 Page about
****************************************/
.page-about h5 {
	margin: 0; }
.page-about .heading-line {
	margin-top: 16px; }
.page-about .heading-line-small {
	margin-bottom: 25px; }

.page-about-intro {
	margin: 80px 0 0 0; }
	.page-about-intro p {
		line-height: 1.7em;
		margin: 0 0 20px 0; }

.our-team {
	margin: 80px 0 50px 0; }
	.our-team .heading-line {
		margin-top: 30px; }
	.our-team .heading-line-small {
		margin-bottom: 40px; }
	.our-team ul {
		margin: 20px 0 0 0;
		padding: 0; }
		.our-team ul li {
			list-style: none;
			display: inline; }

p.team-name {
	font-size: 18px;
	text-transform: uppercase;
	color: #5a5b5f;
	letter-spacing: 1px;
	margin: 35px 0 8px 0; }

p.team-pos {
	font-style: italic;
	margin: 0 0 18px 0; }

p.team-desc {
	line-height: 1.7em; }

.achievements {
	background: url(../images/achievements-bg.jpg) center center;
	background-size: cover;
	padding: 70px 0; }
	.achievements .heading-line {
		margin-top: 30px; }
	.achievements .heading-line-small {
		margin-bottom: 60px; }

p.ach-big {
	font-size: 50px; }

p.ach-small {
	text-transform: uppercase;
	color: #5a5b5f; }

.color1 {
	color: #e7604a; }

.color2 {
	color: #ac72c3; }

.color3 {
	color: #36c77b; }

.color4 {
	color: #29c7c8; }

.our-skills {
	padding: 50px 0; }
	.our-skills .heading-line-small {
		margin-bottom: 30px; }
	.our-skills .heading-line-small {
		margin-bottom: 40px; }

.costumers {
	padding: 0 0 120px 0;
	border-bottom: 1px solid #e2e8ea; }
	.costumers .carousel {
		margin-top: 35px; }
	.costumers .carousel-control.left, .costumers .carousel-control.right {
		background-image: none; }
	.costumers .carousel-indicators {
		top: 240px; }
	.costumers .carousel-indicators li {
		background: #e9eeef;
		width: 12px;
		height: 12px;
		border-radius: 12px; }
	.costumers .carousel-indicators .active {
		background: #e7604a; }

p.costumer-quote {
	background: #fafcfc;
	border: 1px solid #e8ebee;
	padding: 15px 25px;
	margin: 0 0 20px 0; }

p.costumer-name {
	color: #5a5b5f;
	margin: 10px 0 2px 0; }

p.costumer-pos {
	font-style: italic; }

/****************************************
 Page services
****************************************/
.page-services h5 {
	margin: 0; }
.page-services .heading-line {
	margin-top: 16px; }
.page-services .heading-line-small {
	margin-bottom: 25px; }

.services-intro {
	background: url(../images/page-intro3.jpg);
	background-size: cover;
	padding: 35px 0; }

.services-list {
	margin: 80px 0 0 0; }
	.services-list .glyphicon {
		font-size: 28px;
		color: #fff;
		margin-top: 20px; }
	.services-list h5 {
		margin: 0 0 20px 0; }
	.services-list p {
		font-size: 15px;
		margin: 0 0 60px 0; }

.services-icon {
	background: #e7604a;
	width: 68px;
	height: 68px;
	border-radius: 68px;
	text-align: center; }

.advantages {
	padding: 0 0 70px 0; }
	.advantages .carousel {
		margin: 40px 0 0 0; }
	.advantages .carousel-indicators {
		top: 0;
		left: 135px;
		position: absolute; }
	.advantages .carousel-indicators li {
		display: list-item;
		margin: 0 0 24px 0;
		background: #e9eeef;
		width: 14px;
		height: 14px;
		border-radius: 14px; }
	.advantages .carousel-indicators .active {
		background: #e7604a; }
	.advantages .carousel-inner {
		margin: 0 0 0 30px; }
	.advantages .carousel-inner p {
		font-size: 14px;
		text-transform: uppercase;
		color: #5a5b5f;
		margin: 0 0 15px 0; }
	.advantages .carousel-inner .item {
		margin: -5px 0 0 0; }
	.advantages button {
		margin: 25px 0 0 0; }

.process {
	text-align: center;
	padding: 0 0 80px 0; }
	.process .heading-line-small {
		margin-bottom: 60px; }
	.process .glyphicon {
		font-size: 24px;
		color: #e7604a;
		margin: 36px 0 0 0; }

.process-container {
	display: inline-block; }
	.process-container p {
		color: #5a5b5f;
		text-transform: uppercase;
		margin: 30px 0 0 0; }

.process-icon {
	background: #e3e5e8;
	width: 100px;
	height: 100px;
	border-radius: 90px;
	display: inline-block; }

.process-line {
	background: #e3e5e8;
	width: 94px;
	height: 2px;
	margin: 0 0 94px 0;
	display: inline-block; }

/****************************************
 Page contact
****************************************/
.page-contact {
	padding-bottom: 40px; }
	.page-contact .map iframe {
		width: 100%;
		height: 300px; }
	.page-contact form {
		margin: 50px 0 40px 0; }

.contact-intro {
	background: url(../images/page-intro4.jpg);
	background-size: cover;
	padding: 35px 0; }

.contact-info h5 {
	margin-top: 45px; }
.contact-info .heading-line {
	margin-top: 15px; }
.contact-info .heading-line-small {
	margin-bottom: 20px; }
.contact-info p {
	font-size: 15px;
	margin: 0 0 15px 0; }
.contact-info .glyphicon {
	margin: 0 10px 0 0; }

.social-contact {
	margin: 40px 0 0 0; }
	.social-contact ul {
		list-style: none;
		margin: 30px 0 0 0;
		padding: 0; }
	.social-contact ul li {
		display: inline; }

/****************************************
 Page typography
****************************************/
.page-typography {
	padding: 50px 0; }
	.page-typography h3, .page-typography h4, .page-typography h5, .page-typography h6 {
		margin-top: 50px; }
	.page-typography .section {
		margin-bottom: 40px; }

/****************************************
 Page shortcodes
****************************************/
.page-shortcodes {
	padding: 50px 0 0 0; }
	.page-shortcodes .section {
		margin-bottom: 40px; }
	.page-shortcodes .pt-large {
		margin-top: 60px; }
	.page-shortcodes .table-2 {
		margin: 30px 0 0 0; }
	.page-shortcodes .section.buttons-shortcodes .heading-line {
		margin-top: 15px; }
	.page-shortcodes button {
		margin-bottom: 16px; }
	.page-shortcodes .call-to-action {
		margin: 70px 0 0 0; }

/****************************************
 Page 404
****************************************/
.page-404 {
	padding: 70px 0;
	text-align: center; }
	.page-404 .img-404 {
		display: inline-block;
		margin: 70px 30px; }
	.page-404 input {
		width: 300px;
		margin: 50px auto 0 auto; }

.line-404 {
	background: #fadfdb;
	display: inline-block;
	width: 380px;
	height: 2px; }

/****************************************
 Page coming soon
****************************************/
.page-coming-soon {
	padding: 50px 0 80px 0;
	text-align: center;
	background: #fafcfc;
	border-top: 1px solid #e2e4e5; }
	.page-coming-soon input {
		width: 200px;
		display: inline-block;
		margin: 0 auto; }
	.page-coming-soon button {
		display: inline-block;
		margin: 0 0 0 10px; }

.time_circles {
	position: relative;
	width: 100%;
	height: 100%; }

.time_circles > div {
	position: absolute;
	text-align: center;
	margin: 0 auto; }

.time_circles > div > h4 {
	padding: 0px;
	text-align: center;
	text-transform: uppercase;
	font-size: 20px; }

.time_circles > div > span {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 300%;
	font-weight: bold; }

/****************************************
 Footer
****************************************/
	
footer {
	background: #383838;
	padding: 60px 0; }
	
	footer h5 {
	color: #fafcfc; }
	footer .heading-line {
		background: #4c4c4c;
		margin: 15px 0 0 0; }
	footer .heading-line-small {
		margin-bottom: 25px; }
	footer p {
		font-size: 14px;
		line-height: 26px;
		color: #8c9195; }
		footer p.h5{
			font-size: 20px;
			color: #FAFCFC; }
	footer .glyphicon {
		margin-right: 6px; }

p.f-post-title {
	color: #c2c9cc;
	margin-bottom: 0; }

p.f-post-date {
	font-size: 12px;
	padding-bottom: 10px;
	border-bottom: 1px solid #4c4c4c; }

p.f-last {
	border: none; }

.f-recent-work img {
	margin: 0 8px 8px 0;
	border-radius: 8px; }
.f-recent-work img.img-last {
	margin: 0 0 8px 0; }
.f-recent-work img.img-first {
	margin: 0 8px 8px 8px; }

.copyright {
	background: #2e2e2e;
	padding: 25px 0; }
	.copyright p {
		font-size: 12px;
		color: #979ba3;
		margin: 0; }
	.copyright ul {
		text-align: right;
		margin: 0; }
	.copyright ul li {
		display: inline;
		color: #fff;
		margin: 0 0 0 15px; }

@-webkit-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	}

	40% {
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
	}

	60% {
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	transform: translateY(-15px);
	}
}
@-moz-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	}

	40% {
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
	}

	60% {
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	transform: translateY(-15px);
	}
}
@-ms-keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	}

	40% {
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
	}

	60% {
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	transform: translateY(-15px);
	}
}
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	}

	40% {
	-webkit-transform: translateY(-30px);
	-moz-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
	}

	60% {
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	transform: translateY(-15px);
	}
}

.arrowbounce {
	position: fixed;
	z-index: 9999;
	bottom: 0;
	left: 50%;
	margin-left: -20px;
	width: 32px;
	height: 16px;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAQCAYAAAB3AH1ZAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAAB3RJTUUH3gMfCxEtsWl6YgAAAbBJREFUSMe1lM1qFEEQx389Qo5BT1LEJRjNOYlPkEMU7BdIFAJ9d19BXeMjuN4LQkjyABa4ePDi1Y8HUEmyocGT4jmMlx4Yh+nZ3WRTx67q/0dXdTmAGPwesAmMRe0p1xQxeAccAHeAj6L2wiXy56mmBP4Ca8CJqJXzIha1MgZ/AvQAl1Kvi+S8CgcsAj+ArTmaX4vBlw1ygM0CGCfnNISMYvCDObjvA19quNRee+xSXz4D6xmMQ2BX1C5mJL4B7ANPMiVfgQeuduEI2M4Un4ractXLKQZtMbm+myl7JWoDgKI6EbUdYCdzoZd6uDSF+S3gdwf5RkX+n4Ak4jgNCo25qF7qLAa/3eF+AIwy6Z/ATeBb/bBoKTwXNQecZYCOYvDD5rPH4EfAy445WhW1P80WuqsMkahtxODvAe+BlQxeX9Te5njclN/oTUuqBH4Bt4CFlpwDeqI27sIvJgkQtSHwKLMrbreQ19t4Pgm/mPJbfwBWge8tQppxLGq9JH7iKnczLheX+v2wJX2RFtbhLJjukut1CDxrHC+L2umsWMVlBIhaH3gMfALeAfc7vm1n/AMti5Ey0zMMBAAAAABJRU5ErkJggg==);
	background-size: contain;
}

.bounce {
	-webkit-animation: bounce 2s infinite;
	-moz-animation: bounce 2s infinite;
	-ms-animation: bounce 2s infinite;
	animation: bounce 2s infinite;
}