/* - - - - - - - - - - - - - - - - - - - - -

Theme Name: Gena Theme 2016
Author: www.fiksie.com

- - - - - - - - - - - - - - - - - - - - - */

/* General CSS */

@import 'https://fonts.googleapis.com/css?family=Quicksand';
@font-face {
	font-family: 'flexslider-icon';
	src:url('../fonts/webfonts/flexslider-icon.eot');
	src:url('../fonts/webfonts/flexslider-icon.eot?#iefix') format('embedded-opentype'),
		url('../fonts/webfonts/flexslider-icon.woff') format('woff'),
		url('../fonts/webfonts/flexslider-icon.ttf') format('truetype'),
		url('../fonts/webfonts/flexslider-icon.svg#flexslider-icon') format('svg');
	font-weight: normal;
	font-style: normal;
}

body { background: #000; font-family: 'Quicksand', Arial, sans-serif;}
img { max-width:100%; }
.text-center { text-align:center; }
a:hover { text-decoration:none; }
.alignright { text-align:right; }
ul { list-style: none; margin: 0; padding: 0; }
section {padding-top:30px; padding-bottom:0;}
p { color: #999; font-size:16px; }
h3 { color: #999; }
table { color: #999; }

.logotop { margin:23px auto 25px auto; text-align: center; }

/* The Overlay Menu */
.navholder {position: relative;}
.overlay { height: 100%; width: 0; position: fixed; z-index: 1000; left: 0; top: 0; background: url("../images/texture-noise.png"); overflow-x: hidden; transition: 0.5s;}
.overlay-content { position: relative; top: 15%; width: 100%; text-align: center; margin-top: 30px; font-family: 'Quicksand', sans-serif;}
.overlay ul { max-width: 500px; margin: 0 auto; }
.overlay ul li a { padding: 8px; text-decoration: none; font-size: 36px; color: #818181; display: block; position: relative; transition: 0.3s; text-transform: uppercase; border-bottom: 
	1px solid rgba(255, 255, 255, .35);}
.overlay a:hover, .overlay a:focus { color: #f1f1f1;}
.overlay-content .menucontact {}
.overlay-content .menucontact a { margin: 30px 10px 10px 10px; display: inline-block; }
.overlay-content .menucontact a img { width: 50px; height: 50px;}
.overlay .closebtn { position: absolute; top: 10px; right: 25px; font-size: 60px; color: #fff;}
.navholder .hamburgericon {color: #fff; font-size: 36px; cursor: pointer; position: fixed; top: 25px; right: 25px; z-index: 999; text-shadow: 0 0 2px #222;}

@media screen and (max-height: 450px) {
    .overlay a { font-size: 20px;}
    .overlay .closebtn { font-size: 40px; top: 15px; right: 35px;}
}

/* Background slideshow on the front page */

.cb-slideshow, .cb-slideshow:after { position: fixed; width: 100%; height: 100%; top: 0px; left: 0px; z-index: 0;}
.cb-slideshow:after { content: ''; background: transparent url(../images/pattern.png) repeat top left;}
.cb-slideshow li {list-style: none;}
.cb-slideshow li span { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; background-size: cover; background-position: 50% 50%; background-repeat: none; opacity: 0; z-index: 0;
	-webkit-backface-visibility: hidden; -webkit-animation: imageAnimation 18s linear infinite 0s; -moz-animation: imageAnimation 18s linear infinite 0s; -o-animation: imageAnimation 18s linear infinite 0s; -ms-animation: imageAnimation 18s linear infinite 0s; animation: imageAnimation 18s linear infinite 0s;}
.cb-slideshow li div { z-index: 1000; position: absolute; bottom: 35%; left: 0px; width: 100%; text-align: center; opacity: 0; -webkit-animation: titleAnimation 18s linear 0s; -moz-animation: titleAnimation 18s linear 0s; -o-animation: titleAnimation 18s linear 0s; -ms-animation: titleAnimation 18s linear 0s; animation: titleAnimation 18s linear 0s; animation-fill-mode: forwards;}
.cb-slideshow li div h3 { }
.cb-slideshow li:nth-child(1) span { background-image: url(../images/gena-bg.jpg); }
.cb-slideshow li:nth-child(2) span { background-image: url(../images/atelijer1-bg.jpg); -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s;}
.cb-slideshow li:nth-child(3) span { background-image: url(../images/kroj-bg.jpg); -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s;}
.cb-slideshow li:nth-child(2) div { -webkit-animation-delay: 6s; -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; animation-delay: 6s;}
.cb-slideshow li:nth-child(3) div { -webkit-animation-delay: 12s; -moz-animation-delay: 12s; -o-animation-delay: 12s; -ms-animation-delay: 12s; animation-delay: 12s;}
@-webkit-keyframes imageAnimation { 
	0% { opacity: 0; -webkit-animation-timing-function: ease-in;}
	16% { opacity: 1; -webkit-transform: scale(1.05); -webkit-animation-timing-function: ease-out;}
	33% { opacity: 1; -webkit-transform: scale(1.1);}
	50% { opacity: 0; -webkit-transform: scale(1.1) translateY(-20%);}
	60% { opacity: 0; -webkit-transform: scale(1.1) translateY(-100%);}
	100% { opacity: 0;}
}
@-moz-keyframes imageAnimation { 
	0% { opacity: 0; -moz-animation-timing-function: ease-in;}
	16% { opacity: 1; -moz-transform: scale(1.05); -moz-animation-timing-function: ease-out;}
	33% { opacity: 1; -moz-transform: scale(1.1);}
	50% { opacity: 0; -webkit-transform: scale(1.1) translateY(-20%);}
	60% { opacity: 0; -moz-transform: scale(1.1) translateY(-100%);}
	100% { opacity: 0;}
}
@-o-keyframes imageAnimation { 
	0% { opacity: 0; -o-animation-timing-function: ease-in;}
	16% { opacity: 1; -o-transform: scale(1.05); -o-animation-timing-function: ease-out;}
	33% { opacity: 1; -o-transform: scale(1.1);}
	50% { opacity: 0; -webkit-transform: scale(1.1) translateY(-20%);}
	60% { opacity: 0; -o-transform: scale(1.1) translateY(-100%);}
	100% { opacity: 0;}
}
@-ms-keyframes imageAnimation { 
	0% { opacity: 0; -ms-animation-timing-function: ease-in;}
	16% { opacity: 1; -ms-transform: scale(1.05); -ms-animation-timing-function: ease-out;}
	33% { opacity: 1; -ms-transform: scale(1.1);}
	50% { opacity: 0; -webkit-transform: scale(1.1) translateY(-20%);}
	60% { opacity: 0; -ms-transform: scale(1.1) translateY(-100%);}
	100% { opacity: 0;}
}
@keyframes imageAnimation { 
	0% { opacity: 0; animation-timing-function: ease-in;}
	16% { opacity: 1; transform: scale(1.05); animation-timing-function: ease-out;}
	33% { opacity: 1; transform: scale(1.1);}
	50% { opacity: 0; -webkit-transform: scale(1.1) translateY(-20%);}
	60% { opacity: 0; -transform: scale(1.1) translateY(-100%);}
	100% { opacity: 0;}
}
@-webkit-keyframes titleAnimation { 
	0% { opacity: 0; -webkit-transform: translateY(-100%);}
	16% { opacity: 1; -webkit-transform: translateY(0%);}
	33% { opacity: 1; -webkit-transform: translateY(0%);}
	50% { opacity: 1; -webkit-transform: translateY(0%);}
	60% { opacity: 1; }
	100% { opacity: 1;}
}
@-moz-keyframes titleAnimation { 
	0% { opacity: 0; -webkit-transform: translateY(-100%);}
	16% { opacity: 1; -webkit-transform: translateY(0%);}
	33% { opacity: 1; -webkit-transform: translateY(0%);}
	50% { opacity: 1; -webkit-transform: translateY(0%);}
	60% { opacity: 1; }
	100% { opacity: 1;}
}
@-o-keyframes titleAnimation { 
	0% { opacity: 0; -webkit-transform: translateY(-100%);}
	16% { opacity: 1; -webkit-transform: translateY(0%);}
	33% { opacity: 1; -webkit-transform: translateY(0%);}
	50% { opacity: 1; -webkit-transform: translateY(0%);}
	60% { opacity: 1; }
	100% { opacity: 1;}
}
@-ms-keyframes titleAnimation { 
	0% { opacity: 0; -webkit-transform: translateY(-100%);}
	16% { opacity: 1; -webkit-transform: translateY(0%);}
	33% { opacity: 1; -webkit-transform: translateY(0%);}
	50% { opacity: 1; -webkit-transform: translateY(0%);}
	60% { opacity: 1; }
	100% { opacity: 1;}
}
@keyframes titleAnimation { 
	0% { opacity: 0; -webkit-transform: translateY(-100%);}
	16% { opacity: 1; -webkit-transform: translateY(0%);}
	33% { opacity: 1; -webkit-transform: translateY(0%);}
	50% { opacity: 1; -webkit-transform: translateY(0%);}
	60% { opacity: 1; }
	100% { opacity: 1;}
}

/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}
@media screen and (max-width: 1140px) { 
	.cb-slideshow li div h3 { font-size: 100px }
}
@media screen and (max-width: 600px) { 
	.cb-slideshow li div h3 { font-size: 50px }
}

/* Gena Collection page top slider */

.topslider { background: #111; padding-top: 0; }
.topslider .desccontainer {position: absolute; left: 55%; top: 0; bottom: 0; width: 40%; display: flex; align-items: center; justify-content: center; }
.topslider .desctext { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: left; }
.topslider .desctext h3 { font-family: Georgia, serif; color: #fff; font-size:36px; text-transform: uppercase; opacity: 0.8;}
.topslider .desctext p { font-family:"Quicksand", Arial, sans-serif; color: #fff; font-size:16px; opacity: 0.8;}
.topslider .desctext .descbutton {display: inline-block; vertical-align: middle; -webkit-transform: translateZ(0); transform: translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; overflow: hidden; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: color, background-color; transition-property: color, background-color; display: inline-block; margin: .2em; padding: 0.5em 1em; cursor: pointer; background: #000; border text-decoration: none; color: #fff; -webkit-tap-highlight-color: rgba(0,0,0,0); border: 1px solid #fff; font-family:"Quicksand", Arial, sans-serif;}
 .topslider .desctext .descbutton:hover { background-color: rgba(255,255,255,0.7); color: #000; border: 1px solid #000;}
 .topslider .carousel-indicators { bottom:0; }
 .carousel-control {width: 40px;}
 @media screen and (max-width: 992px) {
 	.topslider .desctext p { font-size:12px; }
 }
 @media screen and (max-width: 845px) {
 	.topslider .desctext p { display: none; }
 }
 @media screen and (max-width: 560px) {
 	.topslider .desctext { text-align: left; }
 	.topslider .desctext h3 { font-size:22px; }
 }


 /* Read more pictures */

.readmore { display: block; position: relative;}
.readmore .linkcont {background: rgba(0,0,0,0.8); color: white; display: flex; justify-content: center; align-items: center; text-align: center; height: 100%; left: 0; opacity: 0.5; position: absolute; right: 0; top: 0; bottom:0; transition: all 300ms; transition-delay: 100ms; width: 100%; z-index: 100;}
.readmore .linkcont span { font-size: 1.5em; position: relative; transition: all 300ms ease-out; font-family: Georgia, serif; text-transform: uppercase; letter-spacing: 2px; padding: 2px 6px; background: #000; border: 1px solid #666;}
.readmore:hover .linkcont { opacity:0.8; box-shadow: inset 0 0 0 1px #666, 0 0 1px rgba(0, 0, 0, 0); }
.readmore:hover .linkcont span { border: none; background:none; }

.pageheader { width: 100%; padding-top:25%; position: relative; margin-bottom: 20px; min-height: 100px; }
.pageheader .hcholder {position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 20px; display: flex; align-items: center; justify-content: center; background-color: rgba(0,0,0,0.7); background-image:url('../images/pattern.png');}
.pageheader .hcholder .hcnest {}

.pageheader { background-repeat: no-repeat; background-size: 100% 100%; }
.pageheader.shirts { background-image: url('../images/header-kosulje1-bg.jpg');}
.pageheader.shirts .hcholder {background-color: rgba(0,0,0,0.9);}
.pageheader.coats { background-image: url('../images/header-kaputi-bg.jpg');}

.contentdesc,.pageheader { padding: 50px 0; font-family: 'Quicksand', Arial, sans-serif; line-height: 150%; text-align:center; color: #bababa; overflow: hidden;}
.contentdesc h1,.pageheader h1 { font-size: 42px; padding-bottom:30px; text-transform: uppercase; font-family: Georgia, serif; opacity: 0.8; letter-spacing: 5px;}
.contentdesc p,.pageheader p { color: #bababa; font-size: 18px; text-align:center; line-height: 150%; }
.contentdesc.rpm { padding-top:0; }

.whitebg { color:#999; }
.bottomcollection { padding-top: 10px; }
.bottomcollection p { text-align: center; font-size:16px; padding: 0 0 20px 0; }

.nav-tabs>li>a { color: #fff; padding: 5px 8px; text-transform: uppercase; }
.nav-tabs>li.active>a { color: #000; }
.nav-tabs>li>a:hover { color: #000; }
.tab-content { padding: 10px; }

.carousel-inner .active.left { left: -33%; }
.carousel-inner .next        { left:  33%; }
.carousel-inner .prev        { left: -33%; }
.carousel-control.left,.carousel-control.right {background-image:none;}

.genamodoslider {}
.genamodoslider .col-md-8 { padding-top: 15px; padding-bottom: 45px; }
.genamodoslider .col-md-4 img { margin: 0 auto; }
.genamodoslider p { font-size:18px; }

@media screen and (min-width: 768px) {
 	.genamodoslider .col-md-8 { padding-top: 85px; padding-bottom: 25px; }
 }

.google-maps { position: relative; width: 100%; padding-bottom: 65%;}
.google-maps > *{ display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 0; padding: 0; height: 100%; width: 100%;}