@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600);
@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,500,700);

* {
	margin: 0;
	padding: 0;
	outline: 0;
}

html, body{
	height: 100%;
	background: #FFF;
}

header {
	margin: 0 auto;
	width: 100%;
	padding: 0 5%;
	min-height: 100px;
	background: url(images/bg-head.jpg) repeat-x;
	background-color:#FFF;
	position:fixed;
	z-index: 9;
	font-family: 'Open Sans Condensed', sans-serif;
}

/*.slider-wrapper { 
	width: 100%; 
	padding-top: 140px;
	/*padding-bottom: 10px;
}*/

/*CARROUSEL*/
#zap {
	padding-top: 140px;
}

#slidy-container { 
  width: 100%; overflow: hidden; margin: 0 auto; z-index: 10; 
}

#wrap {
	margin: 0;
  	padding: 0;
}

.logo {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  text-decoration: none;
  color: #fff;
  float: left;
}

section {
	margin: 0 auto;
	padding-top: 140px;
	padding-bottom: 30px;
	width: 80%;
}

#index{
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 30px;
	width: 80%;
}

#index h1 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 2em;
	font-weight: 700;
	color: #2ecc71/*14A751*/;
	text-align: left;
	padding-bottom: 10px;
	padding-left: 10px;
}

.h1_home{
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 2em;
	font-weight: 700;
	color: #2ecc71/*14A751*/;
	text-align: center;
	padding-bottom: 10px;
	padding-left: 10px;
}

#index p {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	font-weight: 400;
	color: #333;
	text-align:left;
	padding-left: 10px;
	line-height: 1.5em;
	padding-bottom: 5 em;
}

section h1 {
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 4em;
	font-weight: 700;
	color: #2ecc71/*14A751*/;
	text-align: left;
	padding-bottom: 10px;
	padding-left: 10px;
}

section p {
	font-family: 'Open Sans', sans-serif;
	font-size: 1.125em;
	font-weight: 400;
	color: #333;
	text-align:left;
	padding-left: 10px;
	line-height: 1.5em;
	padding-bottom: 5 em;
}

.icon {
	width: 50%;
	padding: 25px;
}

.gbr {
	float:left;
	width:40%;
	padding: 5%;
}

.bold {
	font-weight:700;
	font-size: 1.8em;
}

section table ,td, tr {
	border:solid #CCC thin;
	border-collapse:collapse;
	font-size:1em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	color: #333;
	margin-left: 20px;
	margin-top: 10px;
}

section table td {
	padding: 5px 3px;
}


.tablecontent {
	font-size:1em;
}

.clear {
	clear:both;
}

@media only screen and (max-width: 980px){

	section h1 {
		font-size: 2em;
	}
	
	section p {
		font-size: 1em;
	}
	
	 .slideshow-container {
  padding-top:50px;
}
}

@media only screen and (max-width: 479px){
	section {
		padding-top: 210px;	
}

	section h1 {
		font-size: 2em;
	}
	
	.nivoSlider {
		padding-top: 70px;
	}
  header {
	
	width: 100%;

}
  .slideshow-container {
  padding-top:50px;
}

}
	

footer {
	margin: 0 auto;
	width:100%;
	padding: 15px 5%;
	font-family: 'Open Sans Condensed', sans-serif;
	background:url(images/bg_foot.jpg) repeat-x;
	min-height: 50px;
}

footer p{
	font-size: 1em;
	font-weight:300;
	color:#333;
	text-align:center;
}

footer a {
	text-decoration:none;
	color:#333;
}

footer .my-float a:hover {
	text-decoration:none;
	color:#fff;
}

footer a:hover {
	text-decoration:none;
	color:#e74c3c;
}

footer img {
	padding-right: 0px;
	padding-bottom: 10px;
}

@media only screen and (max-width: 479px){
	footer img {
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}
 

}

.formawal {font-size: 0.825em;font-family:'Open Sans', sans-serif; color:#444; font-weight:400; line-height:25px; padding-bottom: 5px; padding-top:5px; }
.formkontak {font-size: 0.825em; font-weight:400; padding-right: 60px; width:135px; vertical-align:top; display:block; float:left; font-family:'Open Sans', sans-serif;}
.formaja {padding-right:15px; vertical-align:top; display:block; float:left;}
.submit {margin-left:215px; font-size: 0.825em; font-weight:400; font-family:'Open Sans', sans-serif; padding: 5px;}
.formkontaks {padding-right: 20px; width:50px; vertical-align:top; display:block; float:left; font-family:'Open Sans', sans-serif;}

/* whatsapp floating */

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
  
}

.my-float{
	margin-top:16px;
}

/* slider */

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 100%;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4}
  to {opacity: 1}
}