/*
 * jQuery FlexSlider
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/******************************************************
/// Reset browsera
******************************************************/
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus  { outline: none; }
.slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none; }

/******************************************************
/// Osnovni stilovi
******************************************************/
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; } /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; }
.flex-control-thumbs img { cursor:pointer; }
.flex-pauseplay span { text-transform: capitalize; }

/******************************************************
/// Clearfix
******************************************************/
.slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
* html .slides { height: 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child { display: block; }

/******************************************************
/// Osnovna tema
******************************************************/
.flexslider { overflow:hidden; background:none; position: relative; z-index:2; font-family: 'Poppins', sans-serif; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.flexslider .slides { zoom: 1; }
.carousel li { margin-right: 5px; }

.flexslider.top_slider .flex-direction-nav li a { position:absolute; z-index:300; top:40%; display:block; width:72px; height:137px; margin-top:-16px; font-family:FontAwesome; text-align:center; }
.flexslider.top_slider .flex-direction-nav li a.flex-prev { left:3%; background: url(../images/icons/arrow_left.png) no-repeat top left; }
.flexslider.top_slider .flex-direction-nav li a.flex-next { right:3%; background: url(../images/icons/arrow_right.png) no-repeat top left; }
.flexslider.top_slider .flex-direction-nav li a:hover{ opacity: 0.5; }

.flex-control-nav { position:absolute; z-index:300; left:50%; bottom: 8%; text-align:center; transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); }


.flex-control-nav li { display:inline-block; vertical-align:top; margin:0 5px; }
.flex-control-nav li a { display:block; width:20px; height:20px; border-radius:0%; border:2px solid #fff; font-size:0; background-color:none; cursor:pointer; }
.flex-control-nav li a:hover { border-color:#0858a3; background-color:#0858a3; }
.flex-control-nav li a.flex-active { border:2px solid #fff; background-color:#0858a3; cursor:default; }

.top_slider  { display:block; min-width:100%; height:100%; }
.top_slider .slides li { height:780px; }
.top_slider .flex_caption { position:absolute; text-align:center; max-width:620px; margin:0 auto; z-index:99999999999; left:0%; right:0%; top:36%; text-transform:uppercase; color:#fff; text-shadow: 0 1px 1px #000000; }
.top_slider .flex_caption .title1 { margin:0; padding:0; color:#fff; font-weight:900; line-height:55px; font-size:45px; letter-spacing:1px; }
.top_slider .flex_caption .title1:hover { color:#f2df0e; }
.top_slider .flex_caption .title2 { margin:0; padding-top:15px; font-weight:400; line-height:29px; font-size:20px; text-transform:none; }

/******************************************************
/// Caption efekti
******************************************************/
.FadeIn, .FromTop, .FromRight, .FromBottom, .FromLeft { opacity: 0; transition: all 0.7s ease-in-out; -webkit-transition: all 0.7s ease-in-out; }
.captionDelay1 { transition-delay: 0.1s; -webkit-transition-delay: 0.1s; }
.captionDelay2 { transition-delay: 0.2s; -webkit-transition-delay: 0.2s; }
.captionDelay3 { transition-delay: 0.3s; -webkit-transition-delay: 0.3s; }
.captionDelay4 { transition-delay: 0.4s; -webkit-transition-delay: 0.4s; }
.captionDelay5 { transition-delay: 0.5s; -webkit-transition-delay: 0.5s; }

.flexslider li.flex-active-slide .FadeIn { opacity: 1; }
.flexslider li .FromTop { transform: translateY(-100%); -o-transform: translateY(-100%); -ms-transform: translateY(-100%); -webkit-transform: translateY(-100%); }
.flexslider li.flex-active-slide .FromTop { opacity: 1; transform: translateY(0); -o-transform: translateY(0%); -ms-transform: translateY(0); -webkit-transform: translateY(0); }
.flexslider li .FromBottom { transform: translateY(100%); -o-transform: translateY(100%); -ms-transform: translateY(100%); -webkit-transform: translateY(100%); }
.flexslider li.flex-active-slide .FromBottom { opacity: 1; transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); }
.flexslider li .FromLeft { transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); }
.flexslider li.flex-active-slide .FromLeft { opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); }
.flexslider li .FromRight { transform: translateX(100%); -o-transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); }
.flexslider li.flex-active-slide .FromRight { opacity: 1; transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); }

/******************************************************
/// Lomi ga beje
******************************************************/
@media (min-width: 992px) and (max-width: 1199px) {
	.flexslider.top_slider .slides li { height:auto; }
	.top_slider .flex_caption .title1 { font-size:40px; line-height:45px; }
	.top_slider .flex_caption .title2 { font-size:20px; line-height:26px; }
}
@media (min-width: 768px) and (max-width: 991px) {
	.flexslider.top_slider .slides li { height:auto; }
	.top_slider .flex_caption .title1 { font-size:40px; line-height:45px; }
	.top_slider .flex_caption .title2 { font-size:20px; line-height:26px; }
	.flexslider.top_slider .flex-direction-nav li a { display:none; }
}
@media (max-width: 767px) {
	.flexslider.top_slider .slides li { height:auto; }
	.top_slider .flex_caption { top:22% !important; left:15px !Important; }
	.top_slider .flex_caption .title1 { font-size:40px; line-height:45px; }
	.top_slider .flex_caption .title2 { font-size:20px; line-height:26px; }
	.flexslider.top_slider .flex-direction-nav li a { display:none; }

}
@media (max-width: 479px) {
	.top_slider  { margin-top:50px; }
	.flexslider.top_slider .slides li { height:240px; }
	.flexslider.top_slider .flex-direction-nav li a { display:none; }
	.top_slider .flex_caption { display:none }
}