/* ===========================================================
 * Filename: custom.css
 * Version: 0.1
 * Project:	villa-joka
 * Author: web360 
 * =========================================================== */

@font-face {
    font-family: "Kaushan";
    src: url('../fonts/KaushanScript-Regular.ttf') format("truetype");
}

.nav_color{color:#9cfbf8;}
#slideshow, img.bgM { min-height: 100%; min-width: 1024px; width: 100%; height: 100%; position: fixed; top: 0;  left: 0; z-index:-9999;}
#slideshow-control { position: absolute; bottom: 5%; left: 0}
.virtualTour { position: absolute; right: 0; top: 30%; }
.virtualTour img { transition: .5s all ease-in-out; }
.virtualTour:hover img { opacity: 0.7; }
.shadow{
    box-shadow: 0px 0px 10px #3b3a3a;
}
.border-logo { border-bottom: 5px dotted white;}
nav { font-family: 'Kaushan'; padding-top: 10px; color: #fff;}
nav a h1,h4 { color: #fff; padding-top: 10px;}
nav ul { padding: 15px 0; border-bottom: 1px solid silver;}
nav ul li{ display: inline-block; padding-right: 20px; }
nav ul li:last-child{ padding-right: 0; }
nav ul li a{ color: #9cfbf8; font-size: 1.5em; font-weight: bold;text-shadow: 1px 1px black;}
nav ul li a:hover { color: #E1E1E1; }
.copyright { font-size: 15px;}
.copyright a { color: white;}
article { height: auto; line-height: 1.4em; color: white; font-size: 14px;}
article .article { color: #fff; padding: 30px; width: 500px;}
article h2 { font-family: 'Kaushan';}
article a { color: #fff; text-shadow: 0px 0px 5px #343434;}
article a:hover { color: #fff;}
#contact-form { float: left;}
.gallery-cat span{ padding: 10px 10px 0 0; display: inline-block; }
.gallery-cat img { width: 100px; height: 100px; border: 2px solid #E1E05D; border-radius: 50%;}
.gallery-cat .home{ width: 70px; height: 70px; border: 2px solid #E1E05D; border-radius: 50%;}
.gallery-cat img:hover { border-color: white;}
#icons { position: absolute; top: 40%; right: 5px;}
#icons a { display: block; padding-bottom: 15px;}
#icons a img { width: 40px; height: 40px;}

#slideshow2 { margin-top: 25%; margin-left: 2%; margin-bottom: 5%; color: #fff; font-family: 'Kaushan'; height: 100px;  text-shadow: 2px 2px #000;}

#change_background { position: absolute; bottom: 5%; left: 0; right: 0;}
#change_background a{ padding-right: 10px;}
.bg_change img{ width: 100px; height: 100px; border: 3px solid #9cfbf8; border-radius: 50%;}

.none {display: none;}

#langs { position: absolute; left: 10px; top: 40%;}
#langs a { display: block;}

.slide_link { font-size: 1.7em; color: #E1E05D; line-height: 3em;}
#priznanje { text-align: center;}

.vt-icon { position: absolute; top: calc(50% - 35px); right: 0; }