/*
Theme Name: Zoomy
Theme URI: http://teslathemes.com/demo/wp/zoomy/
Description: Awesome theme for a Wordpress cretive website
Version: 1.19
Author: Tesla Themes
Author URI: http://teslathemes.com/
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: light, theme-options,creative,responsive,unique,filtered portfolio,ajax forms
*/

/* Added by Unot OÜ (2016-08-03) */
html, body {
	max-width: 100%;
	overflow-x: hidden;
}

.header > .container .logo a span {
	color: #222;
}
	/* Font-awsemome*/
	.fa { color: #000; }
	.fa-lg { font-size: 1em; }
	.fa-2x { font-size: 1.5em; }
	.fa-3x { font-size: 2em; }
	.fa-4x { font-size: 2.5em; }
	.fa-5x { font-size: 3em; }

	p.slider-title-custom {
		text-align: center;
		color: #a2a2a2;
		font-size: 1em;
	}

	.slider > ul > li {
		text-align: center;
/*		height: 400px; */
	}

		.slider > ul > li > div.slide-image-description {
			position: absolute;
			font-family: 'Roboto', sans-serif;
			font-weight: 300;
			font-size: 2.5em;
			line-height: 1.2em;
			width: auto;
			text-shadow: 2px 2px #000000;
			color: #fff;
			-webkit-animation: fadeinout 6s ease-in-out forwards;
			animation: fadeinout 6s ease-in-out forwards;
			opacity: 0;
			z-index: 2000;
		}

	@-webkit-keyframes fadeinout {
	  50% { opacity: 1; }
	}

	@keyframes fadeinout {
	  50% { opacity: 1; }
	}

			.slider > ul > li > div.slide-image-description > span {
				opacity: 1;
				filter: alpha(opacity=100);
			}

		.slider > ul > li:nth-child(1) > div.slide-image-description {
			top: 40px;
			right: 130px;
		}
		.slider > ul > li:nth-child(2) > div.slide-image-description {
			bottom: 190px;
			right: 300px;
		}
		.slider > ul > li:nth-child(3) > div.slide-image-description {
			bottom: 140px;
			right: 120px;
		}
		.slider > ul > li:nth-child(4) > div.slide-image-description {
			top: 200px;
			left: 480px;
		}
		.slider > ul > li:nth-child(5) > div.slide-image-description {
			bottom: 100px;
			left: 180px;
		}
		.slider > ul > li:nth-child(6) > div.slide-image-description {
			bottom: 280px;
			left: 230px;
		}

		@media only screen and (max-width: 512px) {
			html, body {
				max-width: 100%;
				overflow-x: scroll;
			}

			.slider > ul > li:nth-child(1) > div.slide-image-description {
				top: 0px;
				right: 0px;
			}
			.slider > ul > li:nth-child(2) > div.slide-image-description {
				bottom: 25px;
				right: 15px;
			}
			.slider > ul > li:nth-child(3) > div.slide-image-description {
				bottom: 215px;
				right: 130px;
			}
			.slider > ul > li:nth-child(4) > div.slide-image-description {
				bottom: 180px;
				left: 130px;
			}
			.slider > ul > li:nth-child(5) > div.slide-image-description {
				top: 25px;
				width: 100%;
				text-align: center;
			}
			.slider > ul > li:nth-child(6) > div.slide-image-description {
				bottom: 240px;
				left: 130px;
			}

			/* category button spacing */
			 ul.tesla_filters > li {
				margin: 0 0 5px 0;
			 }
		}

		@media only screen and (max-width: 1024px) {
			html, body {
				max-width: 100%;
				overflow-x: scroll;
			}

			.slider > ul > li:nth-child(1) > div.slide-image-description {
				top: 0px;
				right: 0px;
			}
			.slider > ul > li:nth-child(2) > div.slide-image-description {
				bottom: 25px;
				right: 15px;
			}
			.slider > ul > li:nth-child(3) > div.slide-image-description {
				bottom: 215px;
				right: 130px;
			}
			.slider > ul > li:nth-child(4) > div.slide-image-description {
				bottom: 180px;
				left: 130px;
			}
			.slider > ul > li:nth-child(5) > div.slide-image-description {
				top: 25px;
				width: 100%;
				text-align: center;
			}
			.slider > ul > li:nth-child(6) > div.slide-image-description {
				bottom: 240px;
				left: 130px;
			}

			/* category button spacing */
			 ul.tesla_filters > li {
				margin: 0 10px 10px 0;
			 }
		}

/*
		.slider > ul > li > img {
			position: relative;
			-webkit-animation: floatBubble 6s forwards ease-in;
			animation: floatBubble 6s forwards ease-in;
		}
		@-webkit-keyframes floatBubble {
			0% { top: 0px; }
			100% { top: -230px; }
		}
		@keyframes floatBubble {
			0% { top: 0px; }
			100% { top: -230px; }
		}
*/

/* BLOG */
	#menu-categories-menu.filter-all > .current-menu-item a {
		background-image: none;
		background-color: #4eb9eb;
		color: #fff;
	}

	.blog_article > h1 {
		text-align: center;
	}

	.blog .blog_article .entry-header,
	.blog .blog_article .entry-content,
	.blog .blog_article .entry-footer,
	.blog_article > .entry-header,
	.blog_article > .entry-content,
	.blog_article > .entry-footer {
		border: none;
		width: 100%;
	}

	.blog_article > .blog_article_read > .entry-header {
		border: none;
	}

/* navigation */
	.navigation {
		position: fixed;
		left: 0;
		top: 45%;
		width: 100%;
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
		z-index: 1003;
	}

		.navigation > .alignleft {
			float: left;
			padding: 0 0 0 30px;
		}

		.navigation > .alignright {
			float: right;
			padding: 0 30px 0 0;
		}

		.navigation > .alignleft, .navigation > .alignright {
			display: block;
			width: 30px;
			height: 30px;
			position: relative;
			font-size: 2em;
		}

		.navigation > .alignright::before, ..navigation > .alignleft::before {
			display: block;
			content: "";
		}

		.navigation > .alignright::before, ..navigation > .alignleft::before, .home-slideshow, .home-slideshow__item, .footer-fb-link::before, .footer-fb-link a {
			position: absolute;
			left: 0;
			right: 0;
			top: 0;
			bottom: 0;
		}

		.icon_arrow-right, .pagination li a.next::before, .navigation > .alignright::before {
			width: 30px;
			height: 30px;
		}

/* FOOTER CUSTOM */
	.footer_under .span6 {
		font-size: 0.8em;
	}
/* Adding end */

