/* ===========================================================
 * Filename: custom.css
 * Version: 0.3
 * Author: web360
 * =========================================================== */

body { /*background: url('../images/backgrounds/black-logo-bg.jpg') no-repeat; background-size: cover; -webkit-background-size:cover; background-attachment: fixed; background-position: center center;*/ background-color: #000;}

body * { -webkit-transform: translate3d(0,0,0); } 

.containerPadding { padding: 150px 0 50px 0; }

.sliderSection { height: 100vh; width: 100%; }
.sliderSection .sliderContainer { height: 100%; width: 100%; position: relative; z-index: 99;}
.sliderSection .sliderContainer ul { height: 100%; width: 100%;}
.sliderSection .sliderContainer .slider li { background-repeat: no-repeat; background-position: bottom center; background-size: cover; -webkit-background-size:cover; height: 100vh; }
#slider-prev { position: absolute; top: 50%; left: 20px; z-index: 9999; }
#slider-prev i { color: #fff; font-size: 9em; transition: .5s all ease-in-out;}
#slider-prev:hover i { color: #D6BE39; }
#slider-next { position: absolute; top: 50%; right: 20px; z-index: 9999; }
#slider-next i { color: #fff; font-size: 9em; transition: .5s all ease-in-out;}
#slider-next:hover i { color: #D6BE39; }
.controlsSlider { position: absolute; top: 50%; width: 100%;}

header { position: absolute; z-index: 999; width: 100%; height: 80px; font-family: "Roboto"; border-top: 3px solid #ffa454; box-shadow: 0px 3px 5px rgba(0,0,0,0.6), 0px -3px 5px rgba(0,0,0,0.6);}
.sliderSection header { top: 50px; background: #4d308a;} 
header nav ul { float: left; }
header .langFaceBox { float: right; }
header nav ul li { display: inline-block; margin: 0 20px; border-top: 5px solid transparent; transition: .5s all ease-in-out;}
header nav ul li:first-child { margin-left: 0; }
header nav ul li:last-child { margin-right: 0; } 
header nav ul li:hover { border-color: #ffa454; }
header nav ul li a { font-size: 1.6em; color: #fff; display: block; padding-top: 25px; text-transform: uppercase; font-weight: normal;}
header .menu-icon { display: none; }

.fadeHeader { position: fixed; top: 0; width: 100%; background-color: #000; opacity: 0; transition: .5s all ease-in-out;}

#langs { padding-right: 80px; position: relative; z-index: 200;}
#langs ul { list-style-type: none; font-size: 1.6em; color: #fff; padding-top: 30px;}
#langs ul .sub p{ padding: 0 0 0 20px; position: relative; cursor: pointer; color: #D6BE39; font-size: 1em;}
#langs ul .sub p i { padding: 0 0 0 20px; position: relative; cursor: pointer; color: #D6BE39;}
.arrow { width: 40px; height: 40px; vertical-align: middle; padding-left: 15px;}
.lang-nav { display: none; background: #4d308a;}
.lang-nav li { text-align: center; padding: 10px 0; font-size: 0.7em;}
.lang-nav li:first-child { margin-top: 25px;}
.lang-nav li a { color: #fff;}
#langs ul .sub:hover .lang-nav{  display: block; padding: 0; font-size: 1.4em;}

.facebook { position: absolute; right: 0px; top: 20px; z-index: 999;}
.facebook a { width: 40px; height: 40px; border-radius: 50%; background-color: #3C6698; border: 1px solid #fff; display: inline-block; }
.facebook a i { padding: 8px 0px 0px 13px; font-size: 2em; color: #fff;} 

.sliderSection #logo { position: absolute; bottom: 10%; right: 10%; z-index: 99;}
.sliderSection #logo img { width: 80%; }

.aboutUsSection { min-height: 100vh; height: auto; height: auto; width: 100%; background: url('../images/backgrounds/o-nama-1800x1200-30-blured.jpg') no-repeat; background-size: cover; -webkit-background-size:cover; background-attachment: fixed;}
.aboutUsSection h2 { text-transform: uppercase; text-align: center;}

.offerSection { min-height: 100vh; height: auto; width: 100%; background: url('../images/backgrounds/ponuda-1800x1200-30-dark.jpg') no-repeat; background-size: cover; -webkit-background-size:cover; background-attachment: fixed;}

.offerTextSection { min-height: 100vh; height: auto; width: 100%; background: #fff;}

.photoGallerySection { min-height: 100vh; height: auto; width: 100%; background: url('../images/backgrounds/fotogalerija-1800x1200-30-blured.jpg') no-repeat; background-attachment: fixed;}

.newsSection { min-height: 100vh; height: auto; width: 100%; background: url('../images/backgrounds/novosti-1800x1200-30.jpg') no-repeat; background-size: cover; -webkit-background-size:cover; background-attachment: fixed;}

.locationSection { min-height: 100vh; height: auto; width: 100%; }
.locationSection iframe { width: 100%; height: 100vh; }

.contactSection { min-height: 100vh; height: auto; width: 100%; background: url('../images/backgrounds/kontakt-1800x1013-30.jpg') no-repeat; background-size: cover; -webkit-background-size:cover; background-attachment: fixed;}
.contactSection h3 { color: #fff; font-size: 2.5em; padding-bottom: 40px; text-transform: uppercase; }

.sectionScroll { opacity: 1; transition: .5s all ease-in-out; position: relative; overflow: hidden;}

.fixed { opacity: 1;}
.fixedHeader { opacity: 1; }

.imageContainer { width: 100%; height: 250px; overflow: hidden;}
.imageContainer img { width: 100%; height: 100%; transition: .5s all ease-in-out; }
.imageContainer img:hover { transform: scale(1.2); }
.imageContainerBig { width: 100%; height: 400px; overflow: hidden;}
.imageContainerBig img { width: 100%; height: 100%; transition: .5s all ease-in-out; }
.imageContainerBig img:hover { transform: scale(1.2); }

.textContainer { width: 100%; height: 250px; overflow: hidden;}
.textContainer h2 { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; text-transform: uppercase;}
.textContainerDouble { width: 100%; height: 500px; overflow: hidden; padding: 30px 20px; color: #fff;}
.textContainerDouble p { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.textContainerDouble h4 { padding-bottom: 30px;}

.centerText { width: 100%; height: 100vh; text-align: center;}
.centerText h2 { font-size: 5em; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #fff; text-transform: uppercase;}
.arrowDown { position: absolute; bottom: -25px; left: 50%; text-align: center; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); background-color: #fff; border-top-right-radius: 50%; border-top-left-radius: 50%; width: 60px; height: 60px;}
.arrowDown i { font-size: 4em; color: #000; }

.offerNavig { list-style: none; padding: 20px 0; }
.offerNavig { font-size: 4em; }
.offerNavig li { display: block; margin-bottom: 40px; cursor: pointer; text-transform: uppercase; color: #fff;}
.offerNavig li:last-child { margin-bottom: 0; }
.activeOfferNavig { color: #D6BE39 !important; }
.offerSection .imageContainerBig { box-shadow: 0 0 2px 2px #fff; }

table { width: 100%; font-size: 2em; margin-top: 50px; table-layout: fixed; color: #fff;}
table td { padding: 30px 0; text-align: left;}
table td:first-child { border-right: 1px solid #fff;}
table td:last-child { padding-left: 80px;}

.gallery { margin-top: 100px; text-align: center; padding-bottom: 50px;}
.gallery .imageContainerGallery { border: 3px solid #fff; margin: 5px; display: inline-block; transition: .5s all ease-in-out;}
.gallery .imageContainerGallery:hover { border-color: #D6BE39; }


form input { width: 30%; display: block; font-size: 1.6em; height: 40px; padding-left: 20px; margin-bottom: 20px; background-color: transparent; font-family: "Roboto";}
form .submitContainer { display: block; width: calc(70% - 40px); }
form input[type="submit"] { margin-top: 20px; width: 30%; float: right; padding: 8px 20px 15px 20px; outline: none; color: #fff; border: none; cursor: pointer; background-color: #B6613C;}
form textarea { width: calc(70% - 40px); height: 200px; font-size: 1.6em; padding: 20px; background-color: transparent; font-family: "Roboto";}

::-webkit-input-placeholder {color: #fff; } :-moz-placeholder { /* Firefox 18- */ color: #fff; } ::-moz-placeholder {  /* Firefox 19+ */ color: #fff; } :-ms-input-placeholder {color: #fff; }

#facebookContainer { width: 700px; background: rgba(0,0,0,0.6); padding: 100px 0 50px 0; float: right; }
#facebookContainerResponsive { display: none; }

footer { background-color: #141414	; padding: 50px 0 0 0; color: #fff; font-family: "Roboto";}
footer p { font-size: 1.4em; padding-bottom: 10px; }
footer p:last-child { padding-bottom: 0; }
footer .copyright { margin-top: 50px; width: 100%; text-align: center; padding: 20px 0; background-color: #000; }
footer .copyright a { color: #D6BE39; }