* { -webkit-font-smoothing: antialiased; }
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, address, code, del, em, img, ins, kbd, q, samp, small, strong, sub, sup, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tr, th, td, footer, nav, section, summary { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
footer, nav, section { display: block; }
body { line-height: 1; }
ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
.clear:before,
.clear:after { content: " "; display: table; }
.clear:after { clear: both; }
/*
*******************************************************************************
=              Base
*******************************************************************************
*/
.ebook-cta { 
background: #FAA636;
position: absolute;
top: 455px;
right: 100px;
width: 365px;
color: #fff;
text-align: center;
padding: 5px;
height: 24px;
border-radius: 24px;
-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2); -moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2); box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
}

body {
	background: white;
	font: 16px/21px 'PT Sans Narrow', sans-serif;
	color: black;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.container {
	overflow: hidden;
	width: 95%;
	margin: auto;
}
.container.relative { position: relative; width: 900px; }
.container.last {
	width: 100%;
}
.container.last p, .container.last ul {
	font-family:'Playfair Display', 'serif';
	font-size: 13px;
}
.col-left, .col-right {
	width: 50%;
	float: left;
}
.one-third { width: 33%; float: left; position: relative; }
.nav-left {
	width: 20%;
	float: left;
}
.nav-right {
	width: 80%;
	float: left;
}
.col-one-third {
	width: 33.33%;
	float: left;
}
a {
	text-decoration: none;
	color: black;
}
header {
	text-align: center;
	margin: 80px 0 60px;
}
.owl-theme .owl-controls {
	position: fixed;
	top: 50%;
	left: 0;
}
.owl-theme .owl-controls .owl-page {
	display: block;
}
.owl-theme .owl-controls .owl-page span {
	background: black;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}
.page {
	width: 100%;
	height: 100vh;
	text-align: center;
	background: #ffffff; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlY2VjZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #ececec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* Opera 110+ */
	background: -ms-linear-gradient(top,  #ffffff 0%,#ececec 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffffff 0%,#ececec 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ececec',GradientType=0 ); /* IE6-8 */
}
/*
*******************************************************************************
=              Typography
*******************************************************************************
*/
h2 {
	font-size: 21px;
	font-weight: 400;
	text-align: left;
}
h2.slogan {
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
h2.slogan span {
	position: absolute;
}
h2.slogan .umor {
	top: 40px;
	right: 62px;
	padding: 8px 20px;
	width: 400px;
	background: #e8e8e8;
	-webkit-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
	box-shadow: 3px 3px 10px 0px rgba(0,0,0,0.2);
}
h2.slogan #rotate {
	position: relative;
	display: inline-table;
	width: 100%;
	font: normal 400 30px 'Playfair Display', serif;
	color: #7f3e98;
	text-align: center;
	line-height: 30px;
}
h2.slogan .p1 {
	top: 145px;
	right: 153px;
	font: italic 400 46px 'Playfair Display', serif;
	letter-spacing: -2px;
	color: #000;
}
h2.slogan .p2 {
	top: 187px;
	right: 290px;
	font: 400 106px/106px 'Playfair Display', serif;
	color: #faa636;
	letter-spacing: -4px;
}
h2.slogan .p2 span {
	position: relative;
	font-style: italic;
}
h2.slogan .p3 {
	top: 187px;
	right: 30px;
	font: 400 106px/106px 'Playfair Display', serif;
	color: #5C2E91;
	letter-spacing: -4px;
}
h2.slogan .p4 {
	top: 312px;
	right: 82px;
	font: italic 400 24px/24px 'Playfair Display', serif;
	letter-spacing: -1px;
	color: #000;
}
h2.slogan .p5 {
	top: 365px;
	right: 154px;
	font: italic 400 24px/24px 'Playfair Display', serif;
	letter-spacing: -1px;
	color: #000;
}
h3.title-podrska {
	font: 400 36px/36px 'Playfair Display', serif;
	height: 145px;
	letter-spacing: -2px;
	color: #6f6f6f;
	text-align: left;
	margin-left: 30px;
}
h3.title-2u1 {
	display: block;
	float: left;
	margin-right: 10px;
	font: italic 400 110px/50px 'Playfair Display', serif;
	color: #6f6f6f;
	height: 100px;
}
h3.title-2u1 em {
	font-size: 80px;
}
.feedback-input::-webkit-input-placeholder {
    font-family:'Playfair Display', 'serif';
}

.feedback-input:-ms-input-placeholder {
    font-family:'Playfair Display', 'serif';
}

.feedback-input:-moz-placeholder {
    font-family:'Playfair Display', 'serif';
}

.feedback-input::-moz-placeholder {
    font-family:'Playfair Display', 'serif';
}
/*
*******************************************************************************
=               Nav
*******************************************************************************
*/
nav {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	margin: 0 auto;
	background: #7f3e98;
	z-index: 100;
}
.femi-logo {
	display: inline-block;
	margin: 15px 0 0 15px;
}
nav ul {
	float: right;
}
nav ul li {
	float: left;
	border-left: 1px solid #9c5cb3;
}
nav ul li.active { background: #6c2e84; color: #b97ed0; }
nav ul li a.home { background: transparent url('../images/home.png') no-repeat 0 0; text-indent: -9999px; width: 19px; height: 70px; }
nav ul li.active a.home { background-position: 0 -70px; }
nav ul li a {
	height: 70px;
	line-height: 70px;
	display: block;
	margin: 0 15px;
	color: white;
	font-size:14px;
	text-transform: uppercase;
}
nav ul li a:first-of-type img {
	margin: 15px 0;
}
nav img { vertical-align: middle; }
.arrow {
	cursor: pointer;
}
.next.arrow {
	position: absolute;
	top: 50%;
	margin-top: -30px;
	z-index: 100;
	right: 30px;
}
.prev.arrow {
	position: absolute;
	top: 50%;
	margin-top: -30px;
	z-index: 100;
	left: 30px;
}
/*
*******************************************************************************
=               Home
*******************************************************************************
*/
#home h1 {
	display: inline-block;
	margin-bottom: 50px;
	font-size: 400%;
	text-transform: uppercase;
	margin-right: 20px;
}
#home .col-left, #home .col-right {
	margin-top: 50px;
}
#home .col-left img {
	float: right;
	margin-top: 53px;
	margin-right: 52px;
}
#home .col-right .crop {
	overflow: hidden;
}
#home .sanja,
#home .vesna {
	display: block;
	overflow: hidden;
}
#home .sanja {
	width: 364px;
	background: url('../images/FempauseŽena.png') no-repeat;
    background-size: cover;
}
#home .vesna {
	width: 385px;
	background: url('../images/vesna.png') no-repeat;
}
#home .sanja-potpis,
#home .vesna-potpis {
	position: absolute;
	top: 300px;
	right: 0;
	width: 185px !important;
	height: 90px !important;
}
/*
*******************************************************************************
=               sto je femipause
*******************************************************************************
*/
#sta-je-femipause,
#sto-je-femipause {
	width: 100%;
	text-align: center;
}
#sta-je-femipause h1,
#sto-je-femipause h1 {
	display: inline-block;
	margin-bottom: 50px;
	font-size: 400%;
	text-transform: uppercase;
	margin-right: 20px;
}
#sta-je-femipause .col-left img,
#sto-je-femipause .col-left img {
	float: right;
}
#sta-je-femipause .col-left img:first-of-type,
#sto-je-femipause .col-left img:first-of-type {
	margin-top: 20px;
}
.text-2u1 {
	margin-left: 30px;
	width: 410px;
	font: 400 14px/20px 'Playfair Display', serif;
	color: #6f6f6f;
	text-align: left;
}
.text-2u1 strong {
	font-weight: 900;
}
.baza {	margin-top: -140px;	position:absolute; }
/*
*******************************************************************************
=               prednosti
*******************************************************************************
*/
#prednosti { width: 100%; text-align: center; }
#prednosti h1 {
	font: 400 28px/28px 'Playfair Display', serif;
	color: #565656;
	text-align: center;
	width: 100%;
	position: absolute;
	top: 0;
}
#prednosti h1.text-pr-dan { color: white; }
#prednosti h2 {
	font: 400 14px/14px 'Playfair Display', serif;
	color: #5c2e91;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	width: 100%;
	top: 45px;
}

#prednosti .pr-left img { position:absolute; left: 144px; top: 62px; z-index: 5; }
#prednosti .pr-mid { padding-top: 40px; }
#prednosti .pr-mid img { position: relative; z-index: 10; }
#prednosti .pr-right img { position:absolute; right: 147px; top: 62px; z-index: 5; }
#prednosti .pr-left em, #prednosti .pr-right em { font-family: 'Playfair Display', serif; font-style: italic; font-weight: 400; font-size:14px;}
#prednosti div.text-pr-noc { position: absolute; top: 0; right: 0; width: 260px; }
#prednosti div.text-pr-noc p { color: #474747; margin-bottom: 14px; line-height: 16px; text-align: left; }
#prednosti div.text-pr-dan { position: absolute; top: 45px; left: 0; width: 260px; }
#prednosti div.text-pr-dan p { color: white; margin-bottom: 15px; text-align: right; }
#prednosti .col-left img { margin-right: 20px; float: right; }
#prednosti .col-right img { margin-left: 20px; float: left; }

#prednosti .prednosti-naslov { height: 60px; }
#prednosti .prednosti-more { height: 320px; }

.pr-poruke { position: relative; }
.pr-poruke h1 { position: absolute; }
.dan-noc img { cursor: pointer; }
.hide { display: none; }

/* pulsiranje */

.pulse:hover {
	-webkit-animation: pulse 1s linear infinite;
	-moz-animation: pulse 1s linear infinite;
	-ms-animation: pulse 1s linear infinite;
	animation: pulse 1s linear infinite;
}

@keyframes "pulse" {
	0% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(0.9);
		-moz-transform: scale(0.9);
		-o-transform: scale(0.9);
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}
	100% {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-o-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
	}

}

@-moz-keyframes pulse {
	0% {
		-moz-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-moz-transform: scale(0.9);
		transform: scale(0.9);
	}
	100% {
		-moz-transform: scale(1);
		transform: scale(1);
	}

}

@-webkit-keyframes "pulse" {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
	}
	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

}

@-ms-keyframes "pulse" {
	0% {
		-ms-transform: scale(1);
		transform: scale(1);
	}
	50% {
		-ms-transform: scale(0.9);
		transform: scale(0.9);
	}
	100% {
		-ms-transform: scale(1);
		transform: scale(1);
	}

}

/*
*******************************************************************************
=               nacin upotrebe
*******************************************************************************
*/
#nacin-upotrebe {
	width: 100%;
	text-align: center;
}
#nacin-upotrebe h2 {
	font: 400 17px/22px 'Playfair Display', serif;
	color: #5c2e91;
	text-align: center;
	margin-top: 18px;
}
#nacin-upotrebe .col-left, #nacin-upotrebe .col-right {
	margin-top: 60px;
}
#nacin-upotrebe .up-left img { float: right; margin-top: 40px; margin-right: 40px; }
#nacin-upotrebe .up-left h2 { float: right; width: 240px; color: #d8a007; margin-right: -25px; }
#nacin-upotrebe .up-right img { float: left; margin-top: 40px; margin-left: 40px; }
#nacin-upotrebe .up-right h2 { float: left; width: 205px; color: #7f3f98; margin-left: -8px; }
#nacin-upotrebe .underlay {
	width: 100%;
	height: 249px;
	display: block;
	background: url(../images/underlay.png) center center no-repeat;
	padding-top: 150px;
}

/*
*******************************************************************************
=               zid zdravlja
*******************************************************************************
*/
#zid-zdravlja .container { text-align: center; }
#zid-zdravlja ul { position: relative; float: left; display: block; left: 50%; }
#zid-zdravlja ul li { float: left; margin: 20px; position: relative; display: block; right: 50%; }
#zid-zdravlja ul li img {
	margin-bottom: 15px;
	-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.10);
	box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.10);
}
#zid-zdravlja ul li h2 { text-align: center; width: 291px; }
#zid-zdravlja ul li h2 a { color: #7f3f98; font-size: 16px; font-weight: bold; }
#zid-zdravlja ul li span { color: #a6a6a6; font-size: 16px; display: block; width: 291px; }
#zid-zdravlja ul.buttons { margin-top: 20px; }
#zid-zdravlja ul.buttons li:first-of-type a {
	background: #7f3f98;
	border: 2px solid #7f3f98;
	padding: 10px 15px;
	color: white;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
}
#zid-zdravlja ul.buttons li:first-of-type a:hover {
	border: 2px solid #7f3f98;
	background: transparent;
	padding: 10px 15px;
	color: #7f3f98;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
}
#zid-zdravlja ul.buttons li:last-of-type a {
	border: 2px solid #7f3f98;
	padding: 10px 15px;
	color: #7f3f98;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
}
#zid-zdravlja ul.buttons li:last-of-type a:hover {
	background: #7f3f98;
	padding: 12px 15px;
	color: white;
	text-transform: uppercase;
	font-size: 14px;
	letter-spacing: 1px;
}

/* modal form */

#inline { display: none; width: 600px; }
#inline h2 { margin: 20px 0; }

input.errorzid, textarea.errorzid { border-color: #7f3e98; border-style: solid; background: #f0bebe; color: #7f3e98; }
input.errorzid:focus, textarea.errorzid:focus { border-color: #7f3e98; color: #7f3e98; }

/*
*******************************************************************************
=               sanja / vesna
*******************************************************************************
*/
#vesna .col-right p,
#sanja .col-right p { width: 440px; margin-bottom: 20px; margin: 20px; text-align: left; }
#vesna .vesna-potpis,
#sanja .sanja-potpis { margin-left: 260px; float: left; }

/*
*******************************************************************************
=               mediji
*******************************************************************************
*/
#mediji .container { text-align: center; }
#mediji ul { position: relative; float: left; display: block; left: 50%; }
#mediji ul li { float: left; padding: 20px 0; position: relative; display: block; right: 50%; }
#mediji ul li img {
	margin-bottom: 15px;
	-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.10);
	box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.10);
}
#mediji ul li a { color: #7f3f98; font-size: 16px; line-height: 18px; text-align: center; font-weight: bold; width: 210px; }
#mediji ul li span { color: #a6a6a6; font-size: 16px; display: block; width: 210px; padding-top: 4px; }
#mediji h2 { width: 210px; text-align: center; }

#mediji .bx-wrapper { float: none; margin: 0 auto 30px auto; }
#mediji .bx-wrapper .bx-viewport { -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); -moz-box-shadow: 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 rgba(0,0,0,0); border: none; background: transparent; padding: 0 30px; }

/*
*******************************************************************************
=               sastojci
*******************************************************************************
*/
#sastojci .container { text-align: center; }
#sastojci ul { position: relative; float: left; display: block; left: 50%; }
#sastojci ul li { float: left; padding: 20px 0; position: relative; display: block; right: 50%; }
#sastojci ul li img {
	margin-bottom: 15px;
	-webkit-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.10);
	-moz-box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.10);
	box-shadow: 0px 0px 8px 3px rgba(0,0,0,0.10);
}

#sastojci ul li a { color: #7f3f98; font-size: 16px; line-height: 18px; text-align: center; font-weight: bold; width: 170px; }
#sastojci ul li span { color: #a6a6a6; font-size: 16px; display: block; width: 170px; padding-top: 4px; }
#sastojci h2 { width: 160px; text-align: center; }

#sastojci .bx-wrapper { float: none; margin: 0 auto 30px auto; }
#sastojci .bx-wrapper .bx-viewport { -webkit-box-shadow: 0 0 0 rgba(0,0,0,0); -moz-box-shadow: 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 rgba(0,0,0,0); border: none; background: transparent; padding: 0 30px; }


/*
*******************************************************************************
=               kontakt
*******************************************************************************
*/

#kontakt strong { font-weight: bold; }
#feedback-page{
	text-align:center;
}

#form-main{
	width:100%;
	float:left;
	padding-top:0px;
}

#form-div {
	background-color:rgba(213,213,213,0.4);
	padding-left:35px;
	padding-right:35px;
	padding-top:35px;
	padding-bottom:50px;
	width: 360px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
}

.feedback-input {
	color:#3c3c3c;
	border-radius: 0;
	line-height: 22px;
	background-color: #fbfbfb;
	padding: 5px 5px 5px 54px;
	margin-bottom: 5px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
 	border: 3px solid rgba(0,0,0,0);
}

.feedback-input:focus{
	background: #fff;
	box-shadow: 0;
	border: 3px solid #7f3e98;
	color: #7f3e98;
	outline: none;
  padding: 5px 5px 5px 54px;
}

.focused{
	color:#30aed6;
	border:#30aed6 solid 3px;
}

/* ikone */
#name, #imeprezimezid, #imeprezimekontakt {
	background-image: url(../images/name.svg);
	background-size: 30px 30px;
	background-position: 11px 1px;
	background-repeat: no-repeat;
}

#name:focus, #imeprezimezid:focus, #imeprezimekontakt:focus {
	background-image: url(../images/name.svg);
	background-size: 30px 30px;
	background-position: 8px 5px;
	background-position: 11px 1px;
	background-repeat: no-repeat;
}

#email, #emailzid, #emailkontakt {
	background-image: url(../images/email.svg);
	background-size: 30px 30px;
	background-position: 11px 1px;
	background-repeat: no-repeat;
}

#email:focus, #emailzid:focus, #emailkontakt:focus {
	background-image: url(../images/email.svg);
	background-size: 30px 30px;
	background-position: 11px 1px;
	background-repeat: no-repeat;
}


#telefon, #telefonzid, #telefonkontakt {
	background-image: url(../images/phone.svg);
	background-size: 30px 30px;
	background-position: 11px 1px;
	background-repeat: no-repeat;
}

#telefon:focus, #telefonzid:focus, #telefonkontakt:focus {
	background-image: url(../images/phone.svg);
	background-size: 30px 30px;
	background-position: 11px 1px;
	background-repeat: no-repeat;
}

#textkontakt, #textzid {
	background-image: url(../images/comment.svg);
	background-size: 30px 30px;
	background-position: 11px 1px;
	background-repeat: no-repeat;
}

textarea {
    width: 100%;
    height: 150px;
    line-height: 150%;
    resize:vertical;
}

input:hover, textarea:hover,
input:focus, textarea:focus {
	background-color:white;
}

#button-kontakt, #button-zid {
	font-family:'Playfair Display', 'serif';
	letter-spacing: 1px;
	float:left;
	width: 100%;
	border: #fbfbfb solid 4px;
	cursor:pointer;
	background-color: #7f3e98;
	color:white;
	text-transform: uppercase;
	padding-top:12px;
	padding-bottom:12px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	margin-top:-4px;
}

#button-kontakt:hover{	background-color: rgba(0,0,0,0); color: #0493bd; }
#button-zid:hover {	color: #6fdcfc; }

.submit:hover {	color: #7f3e98; }

.ease {
	width: 0px;
	height: 40px;
	background-color: #fbfbfb;
	-webkit-transition: .3s ease;
	-moz-transition: .3s ease;
	-o-transition: .3s ease;
	-ms-transition: .3s ease;
	transition: .3s ease;
}

.submit:hover .ease { width:100%; background-color:white; }

/*
*******************************************************************************
=               last one
*******************************************************************************
*/
.ljubicasti {
	background: rgb(231,218,235);
	background: -moz-radial-gradient(center, ellipse cover,  rgb(231,218,235) 0%, rgb(142,76,150) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgb(231,218,235)), color-stop(100%,rgb(142,76,150)));
	background: -webkit-radial-gradient(center, ellipse cover,  rgb(231,218,235) 0%,rgb(142,76,150) 100%);
	background: -o-radial-gradient(center, ellipse cover,  rgb(231,218,235) 0%,rgb(142,76,150) 100%);
	background: -ms-radial-gradient(center, ellipse cover,  rgb(231,218,235) 0%,rgb(142,76,150) 100%);
	background: radial-gradient(ellipse at center,  rgb(231,218,235) 0%,rgb(142,76,150) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7daeb', endColorstr='#8e4c96',GradientType=1 );
}

.zuti {
	background: rgb(251,246,230);
	background: -moz-radial-gradient(center, ellipse cover,  rgb(251,246,230) 0%, rgb(231,197,97) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgb(251,246,230)), color-stop(100%,rgb(231,197,97)));
	background: -webkit-radial-gradient(center, ellipse cover,  rgb(251,246,230) 0%,rgb(231,197,97) 100%);
	background: -o-radial-gradient(center, ellipse cover,  rgb(251,246,230) 0%,rgb(231,197,97) 100%);
	background: -ms-radial-gradient(center, ellipse cover,  rgb(251,246,230) 0%,rgb(231,197,97) 100%);
	background: radial-gradient(ellipse at center,  rgb(251,246,230) 0%,rgb(231,197,97) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbf6e6', endColorstr='#e7c561',GradientType=1 );
}
.ljubicasti, .zuti { height: 100vh; min-height: 970px; }
.last-left {
	float: right;
	margin-right: 100px;
}
.last-left ul, .last-right ul {
	text-align: left;
	margin: 15px 0;
}
.last-left h2, .last-right h2 {
	margin-top: 30px;
}
.last-right {
	float: left;
	margin-left: 20px;
}
.last-left img, .last-right img {
	margin-bottom: 30px;
}
.last-left ul:last-of-type {
	padding-bottom: 30px;
}
.bullet-dan li {
	background: url('../images/bullet.png') no-repeat 0 5px;
}
.bullet-noc li {
	background: url('../images/bullet2.png') no-repeat 0 5px;
}
.bullet-dan li,
.bullet-noc li {
	padding-left: 25px;
	font-size: 14px;
	line-height: 20px;
	margin: 10px 0;
}
.title-dan-noc {
	padding-top: 30px;
}
/*
*******************************************************************************
=              Footer
*******************************************************************************
*/
footer {
	position: fixed;
	bottom: 0;
	width: 100%;
	-webkit-box-shadow: 0px -2px 14px 0px rgba(0, 0, 0, 0.10);
	-moz-box-shadow: 0px -2px 14px 0px rgba(0, 0, 0, 0.10);
	box-shadow: 0px -2px 14px 0px rgba(0, 0, 0, 0.10);
	background: white;
}
footer .col-left {
	overflow: hidden;
}
footer .col-left span {
	float: left;
	margin-left: 50px;
	line-height: 40px;
	color: #cacaca;
	font-weight: 400;
	font-style: italic;
}
footer .uzmi-footer {
	margin-left: 20px;
}
footer .col-right p {
	margin: 0;
	float: right;
	line-height: 40px;
	color: #7e7e7e;
	font-family:'PT Sans Narrow', sans-serif;
}
footer .col-right p a {
	text-decoration: underline;
}
#iio {
	float: right;
	width: 16px;
	height: 30px !important;
	background: url('../images/1i0.png') no-repeat 0px 0px;
	text-indent: -999999px;
	overflow: hidden;
	margin: 5px 10px;
}
#iio:hover {
	background-position: 0px -30px;
}
.pharmas-footer {
	font: italic 400 12px/40px 'Playfair Display', serif;
	color: #999;
	height: 40px;
}
.pharmas-footer img {
	float: left;
	margin-right: 20px;
}

input, textarea { font-family:'Playfair Display', serif; }

.blok { min-height: 100%; width: 100%; position: fixed; top: 105%; z-index: 1; -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 20px rgba(0,0,0,0.3); box-shadow: 0 0 20px rgba(0,0,0,0.3); overflow: hidden; }

#video { opacity: .5; }

#video-lightbox,
#text-lightbox { background: rgba(0,0,0,0.7); z-index: 100; width:100%; height:100%;}
.close-lightbox { position: absolute; top: 30px; right: 30px; font-size: 30px; color: #fff; border: none; z-index: 4; }
.close-lightbox:hover { border: none; color: #ccc; }
#video-lightbox iframe { position: absolute; top: 50%; margin-top: -240px; left: 50%; margin-left: -490px; }

#text-lightbox .text-block { position: absolute; top: 50%; margin-top: -240px; left: 50%; margin-left: -490px; background: #fff; width: 980px; height: 480px; padding: 40px; overflow: auto; }
#text-lightbox .text-block em { font-style: italic; }
#text-lightbox .text-block strong { font-weight: 900; }
#text-lightbox .text-block p { margin: 10px 0; }
#text-lightbox .text-block p:first-child { margin-top: 0; }
#text-lightbox .text-block .literatura { color: #777; }
#text-lightbox .text-block .literatura ol { font-size: 11px; margin: 10px 0 20px 15px; }
#text-lightbox .text-block .body { margin-top: 20px; }
#text-lightbox .text-block .left-column { width: 580px; float: left; margin-right: 30px; }
#text-lightbox .text-block .right-column { width: 340px; float: left; }

@media only screen and (max-width: 580px) {
	#form-div{
		left: 3%;
		margin-right: 3%;
		width: 88%;
		margin-left: 0;
		padding-left: 3%;
		padding-right: 3%;
	}
}

@media only screen and (max-width: 800px) {
	.nav-right { width: 100%; }
	nav ul li { border-left: 0; }
	nav .container { width: 100%; }
	nav ul li a { height: 50px; line-height: 50px; margin: 0 0; }
	nav ul li a:first-of-type img { margin: 0 0; }
	nav ul li a.home { background: none; text-indent: 0; width: auto; height: auto; }

	/* Slim menu  */
	.menu-collapser {
		position: relative;
		color: #FFF;
		text-shadow: 0 1px 0 rgba(0,0,0,0.5);
		width: 80%;
		float: right;
		height: 55px;
		line-height: 55px;
		font-size: 16px;
		padding: 0 8px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box
	}
	.collapse-button {
		position: absolute;
		right: 8px;
		top: 50%;
		width: 40px;
		z-index: 100;
		background-color: #0E0E0E;
		background-image: linear-gradient(to bottom, #151515, #040404);
		background-repeat: repeat-x;
		border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
		border-radius: 4px 4px 4px 4px;
		border-style: solid;
		border-width: 1px;
		color: #FFFFFF;
		box-shadow: 0 1px 0 rgba(255, 255, 255, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.075);
		padding: 7px 10px;
		text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
		cursor: pointer;
		font-size: 14px;
		text-align: center;

		transform: translate(0, -50%);
		-o-transform: translate(0, -50%);
		-ms-transform: translate(0, -50%);
		-moz-transform: translate(0, -50%);
		-webkit-transform: translate(0, -50%);

		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box
	}
	.collapse-button:hover, .collapse-button:focus {
		background-image: none;
		background-color: #040404;
		color: #FFF;
	}
	.collapse-button .icon-bar {
		background-color: #F5F5F5;
		border-radius: 1px 1px 1px 1px;
		box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
		display: block;
		height: 2px;
		width: 18px;
		margin: 2px 0;
	}

	ul.slimmenu {
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 100%;
	}
	ul.slimmenu li {
		position: relative;
		display: inline-block;
	}
	ul.slimmenu > li { margin-right: -5px; }
	ul.slimmenu > li:first-child { border-left: 0 }
	ul.slimmenu > li:last-child { margin-right: 0 }
	ul.slimmenu li a {
		display: block;
		color: white;
		padding-left: 16px;
		font-family: 'Open Sans', sans-serif;
		font-size: 14px;
		font-weight: 400;
		text-shadow: 0 1px 0 rgba(255,255,255,0.2);
		transition: background-color 0.5s ease-out;
		-o-transition: background-color 0.5s ease-out;
		-moz-transition: background-color 0.5s ease-out;
		-webkit-transition: background-color 0.5s ease-out;
	}
	ul.slimmenu li:hover {
		background-color: #6c2e84;
		text-decoration: none;
	}
	ul.slimmenu li .sub-collapser {
		background: none repeat scroll 0 0 rgba(0, 0, 0, 0.075);
		position: absolute;
		right: 0;
		top: 0;
		width: 48px;
		height: 100%;
		text-align: center;
		z-index: 999;
		cursor: pointer;
	}
	ul.slimmenu li .sub-collapser:before {
		content: '';
		display: inline-block;
		height: 100%;
		vertical-align: middle;
		margin-right: -0.25em;
	}
	ul.slimmenu li .sub-collapser > i {
		color: #333;
		font-size: 18px;
		display: inline-block;
		vertical-align: middle;
	}
	ul.slimmenu li ul {
		margin: 0;
		list-style-type: none;
	}
	ul.slimmenu li ul li { background-color: #BBB }
	ul.slimmenu li > ul {
		display: none;
		position: absolute;
		left: 0;
		top: 100%;
		z-index: 999;
		width: 100%;
	}
	ul.slimmenu li > ul > li ul {
		display: none;
		position: absolute;
		left: 100%;
		top: 0;
		z-index: 999;
		width: 100%;
	}

	ul.slimmenu.collapsed li {
		display: block;
		width: 100%;

		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box
	}
	ul.slimmenu.collapsed li a {
		display: block;
		border-bottom: 1px solid rgba(0, 0, 0, 0.075);

		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box
	}
	ul.slimmenu.collapsed li .sub-collapser {
		height: 40px;
	}
	ul.slimmenu.collapsed li > ul {
		display: none;
		position: static;
	}

}

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

	nav ul li a { margin: 0 9px; }
	#mediji .container, #home .container { width: 100%; }

	h2.slogan .umor { right: 32px; }
	h2.slogan .p1 { right: 123px; }
	h2.slogan .p2 { right: 260px; }
	h2.slogan .p3 { right: 0px; }
	h2.slogan .p4 { right: 88px; }
}

/* #################################### mobile #################################### */

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

	.container { width: 100%; }

	.owl-carousel { margin-top: 55px; }
	.owl-carousel .owl-wrapper-outer { height: 480px; }

	.nav-left { width: auto; position: absolute; }
	.femi-logo { margin: 8px 0 0 8px; }
	.col-left, .col-right {	width: 100%; }
	.umor { display: none; }

	#home h2.slogan .p1 {	top: -50px;	right: 70px; font: italic 400 34px 'Playfair Display', serif; }
	#home h2.slogan .p2 { top: -20px; right: 168px; font: 400 56px/56px 'Playfair Display', serif; }
	#home h2.slogan .p3 { top: -20px; right: 34px; font: 400 56px/56px 'Playfair Display', serif; }
	#home h2.slogan .p4 { font: italic 400 20px/20px 'Playfair Display', serif; position: relative; left: 16px; top: 42px; }

	#home .vesna-potpis,
	#home .sanja-potpis { top: 180px; right: -35px; }
	#home { overflow: hidden; height: 480px; }
	#home .vesna,
	#home .sanja { height: 480px; }

	#sta-je-femipause .col-left,
	#sto-je-femipause .col-left { overflow: hidden; height: 230px; }
	#sta-je-femipause .col-left img:first-of-type,
	#sto-je-femipause .col-left img:first-of-type { width: 272px; }
	#sta-je-femipause .col-right,
	#sto-je-femipause .col-right { padding-left: 12px; }
	#sta-je-femipause h3.title-2u1,
	#sto-je-femipause h3.title-2u1 { font: italic 400 55px/25px 'Playfair Display', serif; height: 70px; }
	#sta-je-femipause h3.title-2u1 em,
	#sto-je-femipause h3.title-2u1 em { font-size: 40px; }
	#sta-je-femipause h3.title-podrska,
	#sto-je-femipause h3.title-podrska { font: 400 26px/26px 'Playfair Display', serif; height: 70px; }
	#sta-je-femipause .text-2u1,
	#sto-je-femipause .text-2u1 { margin-left: 0; width: 280px; font: 11px/14px sans-serif; }

	#prednosti .container.relative { width: 100%; }
	#prednosti .prednosti-naslov { height: 75px; }
	#prednosti .prednosti-more { height: 235px; }
	#prednosti .container.relative.dan-noc { height: 280px; }
	#prednosti h1 { display: none !important; }
	#prednosti h2 { font: 400 20px/20px 'Playfair Display', serif; top: 20px; padding: 0 20px; width: 280px; }
	#prednosti .pr-left img, #prednosti .pr-right img { display: none !important; }
	#prednosti div.text-pr-noc, #prednosti div.text-pr-dan { top: 300px; width: 280px; padding: 0 20px; }
	#prednosti .col-left, #prednosti .col-right { width: 50%; }
	#prednosti .col-right img, #prednosti .col-left img { width: 85%; }
	#prednosti .pr-mid { padding-top: 10px; }
	#prednosti div.text-pr-dan p,
	#prednosti div.text-pr-noc p { font: 11px/14px sans-serif; margin-bottom: 5px; text-align: left; }
	#prednosti .prednosti-more { overflow: visible !important; }
	#prednosti .pr-left em, #prednosti .pr-right em { font-size: 11px; }

	#sastojci ul { margin: 0 40px; }
	#sastojci ul li img { margin-bottom: 0; }
	#sastojci ul li > br, #sastojci ul li > img { display: none !important; }

	#nacin-upotrebe .one-third { float: none; width: 100%; }
	#nacin-upotrebe .one-third > img { margin: 10px auto; float: none; }
	#nacin-upotrebe .one-third > h2 { width: 240px; margin: 0 auto; float: none; }
	/*#nacin-upotrebe .one-third > div { clear: none; }*/

	#zid-zdravlja ul.buttons { margin: 20px 32px; }

	#vesna .col-right,
	#sanja .col-right { margin: 0 40px; }
	#vesna .bxslider iframe,
	#sanja .bxslider iframe { width: 280px !important; height: 160px !important; margin-top: 20px; }
	#vesna .col-right p,
	#sanja .col-right p { font: 11px/14px sans-serif; width: 240px; margin: 5px 0; }
	#vesna .vesna-potpis,
	#sanja .sanja-potpis { margin-left: 0; float: none; }

	#mediji ul { float: none; }
	#mediji ul li { float: none; }
	#mediji h2 { width: 280px; margin: 0 20px; }
	#mediji ul li span { width: 280px; margin: 0 20px; }

	#kontakt .last-left { float: none; margin-right: 0; margin-top: 20px; margin-bottom: 20px; }
	#kontakt .last-right { float: none; margin-bottom: 20px; }
	#kontakt #form-main { float: none; }

	footer .col-left { width: 100%; }
	footer .col-right { display: none; }
	.pharmas-footer img { margin: 0 20px 0 40px; }

	.prev.arrow, .next.arrow { display: none; }

	#text-lightbox .text-block { width: 240px; height: 360px; margin-top: -180px; margin-left: -140px; padding: 20px; }
	#text-lightbox .text-block .left-column { width: 240px; float: none; margin-right: 0; }
	#text-lightbox .text-block .right-column { width: 240px; float: none; }
	#text-lightbox .text-block .right-column img { width: 240px; }

}

.textKutija{
    position: relative;
    bottom: -356px;
    left: 403px;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: bold;
    font-family: initial;
    letter-spacing: 0.3px;
    background-color: #DDDEDF;
    width: 177px;
    border-radius: 17px;
    height: 28px;
    line-height: 28px;
}

.danText{
    position: relative;
    top: 8px;
    left: 406px;
    font-size: 30px;
    color: #595959;
    width: auto;
    height: 86px;
}

.danText span{
	    font-size: 15px;
    line-height: 17px;
}

.nocText{
    position: relative;
    top: 8px;
    left: -373px;
    font-size: 30px;
    color: #595959;
    width: auto;
    height: 86px;
}

.nocText span{
	    font-size: 15px;
    line-height: 17px;
}