/* Themify Customize Styling */
body {	
	font-family: "Montserrat";	font-weight:normal;

	color: #000000; 
}
.header-classic #headerwrap, #headerwrap {	background: none;
	background-color: #005e20; 
}
#headerwrap a {	
	color: #ffffff; 
}
#headerwrap a:hover {	
	color: #c8e6c9; 
}
#pagewrap #headerwrap.fixed-header, .transparent-header #pagewrap #headerwrap.fixed-header {	background: none;
	background-color: #1b5e20; 
}
body:not(.mobile_menu_active) #headerwrap.fixed-header #header a:hover {	
	color: #c8e6c9; 
}
body[class*="themify"] #site-logo a {		font-weight:normal;
	text-transform:uppercase; 
}
body[class*="themify"] #site-logo a img {	
	height: 20px; 
}
#main-nav a {		font-weight:bold;
 
}
#main-nav-wrap #main-nav a:hover, #main-nav-wrap #main-nav > li > a:hover {	
	color: #3b9ad7; 
}
#main-nav-wrap #main-nav .current_page_item > a, #main-nav .current-menu-item > a, #main-nav > .current_page_item > a, #main-nav > .current-menu-item > a {	
	color: #ebebeb; 
}
#main-nav-wrap #main-nav li:not(.themify-widget-menu) > ul, #main-nav .has-mega-sub-menu .mega-sub-menu, #main-nav .has-mega-column > .sub-menu {	background: none;
	background-color: #005e20; 
}
#main-nav ul a, #main-nav .current_page_item ul a, #main-nav ul .current_page_item a, #main-nav .current-menu-item ul a, #main-nav ul .current-menu-item a, .fixed-header #main-nav ul a, #main-nav .has-mega-column > .sub-menu a {	
	color: #ffffff; 
}
#main-nav ul a:hover, #main-nav .current_page_item ul a:hover, #main-nav ul .current_page_item a:hover, #main-nav .current-menu-item ul a:hover, #main-nav ul .current-menu-item a:hover, .fixed-header #main-nav ul a:hover {	
	color: #3b9ad7; 
}
#footerwrap {	background: none;
	background-color: #222222; 
}
#footer {	
	color: #ffffff; 
}
#footer a {	
	color: #ffffff; 
}
#footer a:hover {	
	color: #969696; 
}
@media screen and (max-width: 1280px) { /* Themify Customize Styling */
body[class*="themify"] #site-logo a {		font-weight:normal;
 
}
 }@media screen and (max-width: 768px) { /* Themify Customize Styling */
body[class*="themify"] #site-logo a {		font-weight:normal;
 
}
 }@media screen and (max-width: 680px) { /* Themify Customize Styling */
body {		font-size:14px;
 
}
.header-classic #headerwrap, #headerwrap {	background: none;
	background-color: #222222; 
}
#headerwrap a {	
	color: #ffffff; 
}
#headerwrap a:hover {	
	color: #969696; 
}
body[class*="themify"] #site-logo a {		font-weight:normal;
 
}
#main-nav a, #main-nav > li > a, .transparent-header #main-nav a {	
	color: #ffffff; 
}
#main-nav-wrap #main-nav .current_page_item > a, #main-nav .current-menu-item > a, #main-nav > .current_page_item > a, #main-nav > .current-menu-item > a {	
	color: #000000; 
}
#footerwrap {	background: none;
	background-color: #222222; 
}
#footer {	
	color: #ffffff; 
}
#footer a {	
	color: #ffffff; 
}
#footer a:hover {	
	color: #969696; 
}
 }.mobile-menu-visible.header-slide-out .sidemenu-on, .mobile_menu_active.header-leftpane #headerwrap, .mobile_menu_active.header-rightpane #headerwrap, .mobile_menu_active #headerwrap .sidemenu-on { background: none;
	background-color: #005e20; }.mobile_menu_active #headerwrap .sidemenu-on a, .mobile_menu_active #headerwrap #main-nav a, .mobile_menu_active #headerwrap #main-nav ul a { 
	color: #ffffff; }
/* Themify Custom CSS */
/* Priblizenie ikony a popisu v feature */
.module-feature-content {
	margin-top: -25px;
}

/* Captcha center */
.contactForm .builder-contact-field-captcha .control-input {
	text-align: -webkit-center;
}


/* Animacie cesty odpadu */

/* WebKit and Opera browsers */
@-webkit-keyframes spinner {
	from,12% { -webkit-transform: rotateY(0deg);    }
    16%,28%  { -webkit-transform: rotateY(-60deg);  }
    32%,44%  { -webkit-transform: rotateY(-120deg); }
    48%,60%  { -webkit-transform: rotateY(-180deg); }
    64%,76%  { -webkit-transform: rotateY(-240deg); }
	80%,92%  { -webkit-transform: rotateY(-300deg); }
    to       { -webkit-transform: rotateY(-360deg); }
}

/* all other browsers */
@keyframes spinner {
	from,12% {
      -moz-transform: rotateY(0);
      -ms-transform: rotateY(0);
      transform: rotateY(0);
    }
    16%,28%  {
      -moz-transform: rotateY(-60deg);
      -ms-transform: rotateY(-60deg);
      transform: rotateY(-60deg);
    }
    32%,44%  {
      -moz-transform: rotateY(-120deg);
      -ms-transform: rotateY(-120deg);
      transform: rotateY(-120deg);
    }
    48%,60%  {
      -moz-transform: rotateY(-180deg);
      -ms-transform: rotateY(-180deg);
      transform: rotateY(-180deg);
    }
    64%,76% {
      -moz-transform: rotateY(-240deg);
      -ms-transform: rotateY(-240deg);
      transform: rotateY(-240deg);
    }
	80%,92% {
	  -moz-transform: rotateY(-300deg);
      -ms-transform: rotateY(-300deg);
      transform: rotateY(-300deg);
	}
    to {
      -moz-transform: rotateY(-360deg);
      -ms-transform: rotateY(-360deg);
      transform: rotateY(-360deg);
    }
}

.spinnerStage {
	width: 240px;
	height: 280px;
	margin: 3em auto;
	-webkit-perspective: 1200px;
	-moz-perspective: 1200px;
	-ms-perspective: 1200px;
	perspective: 1200px;
}

.spinnerStage .spinner {
    -webkit-animation-name: spinner;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 15s;

    animation-name: spinner;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-duration: 20s;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}

/* .spinnerStage .spinner:hover { */
    /* -webkit-animation-play-state: paused; */
    /* animation-play-state: paused; */
/* } */

.spinnerStage .spinner .card {
    position: absolute;
    background: rgba(0,0,0,0.7);
	width: 242px;
	/* height: 160px; */
	text-align: center;
}

.spinnerStage .spinner img {
	width: 200px;
	margin-top: 10px;
    border: 2px solid #fff;
}

.spinnerStage .spinner .desc {
	height: 40px;
	margin-top: -10px;
}
.spinnerStage .spinner .numberCircle {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 8px;
    background: rgba(255,255,255,0.2);
    border: 2px solid #fff;
    text-align: center;
    font-size: 20px;
	line-height: 20px;
    display: inline-block;
	margin-top: 10px;
}

.spinnerStage .spinner .card:nth-child(1) {
	-webkit-transform: rotateY(0deg) translateZ(210px); 
	-moz-transform: rotateY(0deg) translateZ(210px); 
	-ms-transform: rotateY(0deg) translateZ(210px);	
}

.spinnerStage .spinner .card:nth-child(2) {
	-webkit-transform: rotateY(60deg) translateZ(210px);
	-moz-transform: rotateY(60deg) translateZ(210px);
	-ms-transform: rotateY(60deg) translateZ(210px);
}

.spinnerStage .spinner .card:nth-child(3) {
	-webkit-transform: rotateY(120deg) translateZ(210px); 
	-moz-transform: rotateY(120deg) translateZ(210px); 
	-ms-transform: rotateY(120deg) translateZ(210px);
}

.spinnerStage .spinner .card:nth-child(4) {
	-webkit-transform: rotateY(180deg) translateZ(210px); 
	-moz-transform: rotateY(180deg) translateZ(210px); 
	-ms-transform: rotateY(180deg) translateZ(210px);	
}

.spinnerStage .spinner .card:nth-child(5) {
	-webkit-transform: rotateY(240deg) translateZ(210px); 
	-moz-transform: rotateY(240deg) translateZ(210px); 
	-ms-transform: rotateY(240deg) translateZ(210px);	
}

.spinnerStage .spinner .card:nth-child(6) {
	-webkit-transform: rotateY(300deg) translateZ(210px); 
	-moz-transform: rotateY(300deg) translateZ(210px); 
	-ms-transform: rotateY(300deg) translateZ(210px);	
}




/* Horizontal scrolling namiesto efektov */

.horizontalScroll {
	/* width: 240px; */
	height: 280px;
	margin-top: -30px;
	margin-bottom: 20px;
	padding: 18px;
}

.horizontalScroll .spinner {
	display: flex;
	flex-wrap: nowrap;
	overflow-x: auto;
	/* Track */
	::-webkit-scrollbar-track {
	  background: #f1f1f1;
	}

	/* Handle */
	::-webkit-scrollbar-thumb {
	  background: #888;
	}
}


.horizontalScroll .spinner .card {
    display: inline-block;
    background: rgba(0,0,0,0.7);
	width: 242px;
	/* height: 160px; */
	text-align: center;
	flex: 0 0 auto;
}

.horizontalScroll .spinner img {
	width: 200px;
	margin-top: 10px;
    border: 2px solid #fff;
}

.horizontalScroll .spinner .desc {
	height: 40px;
	margin-top: -10px;
}
.horizontalScroll .spinner .numberCircle {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    padding: 8px;
    background: rgba(255,255,255,0.2);
    border: 2px solid #fff;
    text-align: center;
    font-size: 20px;
	line-height: 20px;
    display: inline-block;
	margin-top: 10px;
}