/*
	Theme Name: Piano Medicine Theme
	Theme URI: http://www.pianomedicine.com
	Description: Official WP theme
	Version: 1.0
	Author: Marko Sustic
	Author URI: nan
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font-family: 'pf_handbook_proregular', Arial;
	color:#444;
}
body.page-template-template-trgovina{
	font-family:  Tahoma, Geneva, sans-serif !important;
	color:#444;
}
body.page-template-template-trgovina .tagline,
body.page-template-template-trgovina .acordion-content-block p,
body.page-template-template-trgovina .acordion-content-block ul li{
	font-family:  Tahoma, Geneva, sans-serif !important;
}

h1, h2, h3, h4, h5, h6, p, ul, li{
	padding: 0px;
	margin: 0px;
}
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

#language_selektor{
	position: fixed;
    left: 50px;
    top: 90px;
    z-index: 9999999999;
}

#field_1_10 span.gfield_required{
	display: none!important;
}
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
.musik_label{
	display: block;
	margin-left: 50px;
	margin-top: -20px;
	font-size: 14px;
	color: rgb(29, 71, 133);
	margin-bottom: 20px;
}
.nav {
	z-index: 984;
	position: fixed;
	width: 300px;
	height: 100%;
	left: 0px;
	top:0px;
	background-color: rgba(143,187,226,0);
	transition:background-color 2s, left 1s;
	-webkit-transition:background-color 2s, left 1s;
	-webkit-transform: translateZ(0);
}
.slika_odmak{
	padding-top: 20px;
}
.scrolled-nav{
	background-color: rgba(143,187,226,0);
	padding-top: 150px
}
.play-ambient{
	margin-bottom: 20px
}
.nav ul{
	list-style: none;
	width: 100%;
	height: auto;
	overflow: hidden;
	
}
.nav ul li{
	width: 100%;
	margin-bottom: 15px;
}
.nav ul li a{
	font-family: 'pf_handbook_proregular', Arial;
	color: rgba(255,255,255,1);
	font-size: 22px;
	line-height: 1.6;
	padding-left: 50px;
	display: inline-block;
	width: 100%;
	opacity: 1;
	transition: opacity 0.5s, color 0.5s;
	-webkit-transition: opacity 0.5s, color 0.5s;
}
.nav.scrolled-nav ul li a{
	color: rgba(29,71,133,1);
}
.nav ul li a:hover{
	opacity: 1;
	color: rgb(83, 146, 232)!important;
}
/* header */
.header {
	background-color: rgb(143,187,226);
	padding-left: 300px;
	background-image: url('img/home_bg-3.jpg');
	/*background-image: url('img/foto-bg-3-white.jpg');*/
	background-repeat: no-repeat;
	background-position: center top;
	background-size: cover;

}
#menu-item-5895{
	margin-top: -20px;
	margin-left: 30px;
	margin-bottom: 5px;
}
#menu-item-5895 a{
	font-size: 17px;
}
/* wrapper */
.wrapper {
	max-width:1280px;
	width:95%;
	margin:0 auto;
	position:relative;
}

.logo-img {
	display: block;
	margin: 100px auto 100px auto;
	max-width: 400px;
}
/* nav */
.tagline{
	text-align: center;
	color: #ffffff;
	color: rgba(29,71,133,1);
	font-size: 22px;
	font-family: 'pf_handbook_proregular', Arial;
}
.content-section{
	width: 100%;
	padding-left: 300px;
	position: relative;
}
.section-title{
	text-align: center;
	color: rgb(29,71,133);
	font-size: 50px;
	margin-top: 30px;
	margin-bottom: 50px;
}
.section-2{
	/*background-image: url('img/green-wide.jpg');
	background-attachment: fixed;
	background-position: center top;
	background-repeat: no-repeat;*/
}
.contet-text{
	font-size: 18px;
	font-family: 'pf_handbook_proregular', Arial;;
	color: #4a4a4a;
	text-align: justify;
	padding-left: 0px;
	padding-right: 30px;
	transition: opacity 4s;
	-webkit-transition: opacity 4s;
}
.acordion-content-block p{
	margin-bottom: 15px;
	font-size: 18px;
	font-family: 'pf_handbook_proregular', Arial;;
	color: #4a4a4a;
	text-align: justify;
	padding-left: 0px;
	padding-right: 30px;
	transition: opacity 4s;
	-webkit-transition: opacity 4s;
}
.acordion-content-block a{
	text-decoration: underline;
	color: rgb(29,71,133);
	font-weight: bold;
}
.acordion-content-block p span{
	font-weight: bold;
}

.border-proizvod{
	border: 1px solid #BEBEBE;
}

.white-text-bg{
	background-color: rgba(255,255,255,0.8);
}
.block-center{
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px
}
.side-nav{
	opacity: 1;
	transition:opacity 1s;
	-webkit-transition:opacity 1s;
}
.side-nav ul{
	padding: 0px;
	list-style: none;
	width: 100%;
	display: block;
	overflow: hidden;
	height: auto;
	border-right: 2px solid rgb(29,71,133);
	border-left: 2px solid rgb(255,255,255);
	padding-left: 20px;
	transition: border 3s;
	-webkit-transition: border 3s;
}
.side-nav ul li{
	font-size: 20px;
	font-family: 'pf_handbook_proregular', Arial;;
	color: rgb(29,71,133);
	line-height: 1.5;
	margin-bottom: 10px;
}
.side-nav ul li a{
	color: rgb(29,71,133);
	border-bottom: 1px solid white;
	transition:color 0.5s, border-bottom 0.5s;
	-webkit-transition:color 0.5s, border-bottom 0.5s;
}
.side-nav ul li a:hover{
	color: rgb(83, 146, 232);
	border-bottom: 1px solid rgba(143,187,226,0.2);
}
.side-nav ul li a.activan{
	color: rgb(83, 146, 232);
	border-bottom: 1px solid rgba(143,187,226,0.2);
}

.fixed-image{

}

.produkte-hover{
	opacity: 0.6;
	transition: opacity 1s;
	-webkit-transition: opacity 1s;
}
.produkte-hover:hover{
	opacity: 1;
}

.press_cetvrtina{
	float: left;
	width: 25%;;
	padding-bottom: 50px;
}
.red_press{
	clear: both;
	width: 100%;
}

.secton_hilighters{
	position: absolute;
	width: 10px;
	height: 1px;
	opacity: 0;
	top:30%;
}

#field_6_23 .gfield_label, #field_1_23 .gfield_label{
	margin-bottom: 30px;

}
.shop_formular_sucsess{
	display: none;
	position: fixed;
	top:0px;
	left: 0px;
	background-color: rgba(0,0,0,0.9);
	width: 100%;
	height: 100%;
	z-index: 999999;
	opacity: 0;
	transition:opacity 3s;
	-webkit-transition:opacity 3s;
}
.shop_formular_sucsess_display{
	display: table;
}
.shop_formular_sucsess_opacity{
	opacity: 1;
}


.altheda_formular_sucsess{
	display: none;
	position: fixed;
	top:0px;
	left: 0px;
	background-color: rgba(0,0,0,0.9);
	width: 100%;
	height: 100%;
	z-index: 999999;
	opacity: 0;
	transition:opacity 3s;
	-webkit-transition:opacity 3s;
}
.altheda_formular_sucsess_display{
	display: table;
}
.altheda_formular_sucsess_opacity{
	opacity: 1;
}
.paragraf_middler{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 22px;
	color: white;
	padding-left: 20px;
	padding-right: 20px;

}

.altheda_video{
	cursor: pointer;
	position: absolute;
	z-index: 99;
	top: 0px;
	opacity: 1;
	transition:opacity 1s;
	-webkit-transition:opacity 1s;
}
/*------------------------------------*\
    PAGES
\*------------------------------------*/

.acordion-holder{
	position: relative;
	margin-bottom: 150px;
}
.acordion-content-block{
	width: 100%;
	height: auto;
}
.blocks, .blocks2, .blocks3a, .blocks3b, .blocks3g, .blocks3c, .blocks3d, .blocks5, .blocks6, .blocks7, .blocks8, .blocks9, .blocks10{
	display: none;
	opacity: 0;
	transition: opacity 3s;
	-webkit-transition: opacity 3s;
}
.active-block-transition{
	display: block;
}
.active-block{
	opacity: 1;
}

.acordion-content-block h2{
	text-align: center;
	color: rgb(29,71,133);
	font-size: 35px;
	margin-bottom: 35px;
}
.acordion-content-block h3{
	text-align: left;
	color: rgb(29,71,133);
	font-size: 30px;
	margin-top: 30px;
	margin-bottom: 15px;
}
.acordion-content-block h4{
	text-align: left;
	color: rgb(29,71,133);
	font-size: 25px;
	margin-top: 20px;
	margin-bottom: 5px;z
}
.acordion-content-block ul{
	padding-left: 15px;
	margin-top: 15px
}
.acordion-content-block ul li{
	font-size: 18px;
	font-family: 'pf_handbook_proregular', Arial;;
	color: #4a4a4a;
}
.contet-text-center {
  font-size: 18px;
  font-family: 'pf_handbook_proregular', Arial;;
  color: #4a4a4a;
  text-align: center;
  padding-left: 0px;
  padding-right: 30px;
  transition: opacity 4s;
  -webkit-transition: opacity 4s;
}
.text-image-center{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.sidenav-fixed{
	position: fixed;
	top:30px;
}
.sidenav-fixed ul{
	padding-right: 81px;
	width: 400px;
	border-left: 2px solid rgb(29,71,133);
	border-right: 2px solid rgb(255,255,255);
}
.distancer{
	width: 100%;
	height: 1px;
	opacity: 0;
}
.prozirno{
	opacity: 0;
}


.section-devider-line{
	border-bottom: 1px solid rgba(143,187,226,0.2);
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.content-image{
	width: 100%;
	max-width: 215px;
	float: left;
	margin-right: 25px;
}
.content-image2{
	width: 100%;
	max-width: 215px;
	float: right;
	margin-left: 25px;
	margin-right: 30px;
}
.content-image3{
	width: 100%;
	max-width: 915px;
	float: left;
	margin-right: 25px;
	margin-bottom: 30px;
}
.cd-dvd-images{
	max-width: 200px;
	width: 100%;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

h3.text-center{
	text-align: center;
}
.product-image{
	opacity: 1;
	cursor: pointer;
	border: 1px solid #BEBEBE;
	box-shadow: 1px 1px 10px #BEBEBE;
	margin-bottom: 30px;
	margin-top: 20px;


	-webkit-transition:box-shadow 0.8s;
	-moz-transition:box-shadow 0.8s;
	transition:box-shadow 0.8s;

}
.product-image:hover{
	box-shadow: 8px 8px 10px #BEBEBE;
}
.product-active .product-image{
	box-shadow: 8px 8px 10px #BEBEBE;
}
.prduct-switcher{
	margin-bottom: 50px;
}
.product-wrapper{
	display: none;
	opacity: 0;
	transition: opacity 3s;
	-webkit-transition: opacity 3s;
}
.product-wrapper-transitional{
	display: block;
}
.product-wrapper-active{	
	opacity: 1;
}
.product-img-center{
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.play{
	margin-right: 30px;
}

.piano-button{
	width: 100%;
	max-width: 450px;
	background-color: rgb(143,187,226);
	padding: 5px;
	border-radius: 10px;
	margin-bottom: 10px;
	transition:background-color 1s;
	-webkit-transition:background-color 1s;
	cursor: pointer;
}
.piano-button h4, .piano-button-schlaf h4{
	font-size: 17px!important
}
.piano-button-schlaf{
	width: 100%;
	max-width: 550px;
	background-color: rgb(255, 195, 220);
	padding: 5px;
	border-radius: 10px;
	margin-bottom: 10px;
	transition:background-color 1s;
	-webkit-transition:background-color 1s;
	cursor: pointer;
}
.piano-button-schlaf h4{
	margin-top: 0px;
	color: white;
	margin-bottom: 0px;
	transition:color 1s;
	-webkit-transition: 1s;
}
.piano-button h4{
	margin-top: 0px;
	margin-bottom: 0px;
	transition:color 1s;
	-webkit-transition: 1s;
}
.piano-button:hover{
	background-color: rgb(29,71,133);
}
.piano-button-schlaf:hover{
	background-color: rgb(255, 123, 178);
}
.active-button{
	background-color: rgb(29,71,133);
}
.active-button-schlaf{
	background-color: rgb(255, 123, 178);
}
.piano-button:hover h4, .active-button h4{
	color: white;
}
.even-button{
	/*margin-left: 50px;*/
	max-width: 400px;
}
.even-button2{
	/*margin-left: 50px;*/
	max-width: 500px;
}
.slika-produkt{
	margin-bottom: 50px;
}

.play-ambient{
	margin-left: 50px;
	cursor: pointer;
}
/*------------------------------------*\
    PROGRESS
\*------------------------------------*/
progress[value] {
	/* Reset the default appearance */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	/* Get rid of default border in Firefox. */
	border: none;

	background-color: transparent;
	color: white;

	height: 5px;
}
progress[value]::-webkit-progress-bar {
	background-color: transparent;
}
progress[value]::-webkit-progress-value{
	background-color: white;
}
progress[value]::-moz-progress-bar{
	background-color: white;
}
.prog-bar{
	border-bottom: 1px solid white;
}

.shop-forma ul{
	list-style:none;
	padding: 0px;
	margin: 0px;
}
.shop-forma li{
	padding: 0px;
	margin: 0px;
}
.shop-forma .gfield_label{
	color: rgb(29,71,133);
	font-size: 22px;
	margin-top: 15px;
	margin-bottom: 5px;
	display: block;
}
.shop-forma .gform_title{
	display: none;
}
.shop-forma .medium{
	border: 0px;
	outline: none;
	padding: 7px;
	font-size: 17px;
	width: 80%;
	background-color: white;
	border: 1px solid rgba(143,187,226,0.5);
	transition: width 1s, background-color 1s;
	-webkit-transition: width 1s, background-color 1s;
}
.shop-forma .medium:hover, .shop-forma .medium:focus{
	outline: none;
	border: 1px solid rgba(143,187,226,0.8);
	background-color: rgba(143,187,226,0.4);
	width: 90%;
}

.shop-forma  input[type=checkbox   ]:not(old), .shop-forma  input[type=radio   ]:not(old){
	width   : 28px;
	margin  : 0;
	padding : 0;
	opacity : 0;
}


.shop-forma  input[type=checkbox   ]:not(old) + label, .shop-forma  input[type=radio   ]:not(old) + label{
	display      : inline-block;
	margin-left  : -28px;
	padding-left : 28px;
	background   : url('img/checks.jpg') no-repeat 0 0;
	line-height  : 24px;
	font-size: 17px;
}


.shop-forma  input[type=checkbox]:not(old):checked + label, .shop-forma  input[type=radio]:not(old):checked + label{
	background-position : 0 -48px;
}
.shop-forma .gfield_radio li {
	margin-bottom: 10px;
	display: block;
}
#field_6_1, #field_6_2, #field_6_3, #field_6_4, #field_6_5, #field_6_6, #field_6_36,
#field_1_1, #field_1_2, #field_1_3, #field_1_4, #field_1_5, #field_1_6, #field_1_36{
	float: left;
	width: 50%;
}

#field_6_30, #field_1_30{
	clear: both;
	padding-top: 3px;
}

#field_6_10, #field_1_10{
	clear: both;
	padding-top: 10px;
	display: block;
	width: 100%;
}
#field_6_13, #field_6_14, #field_6_16, #field_6_18, 
#field_1_13, #field_1_14, #field_1_15, #field_1_16, #field_1_18{
	clear: both;
	float: left;
	width: 35%;
	margin-top: 20px;
	margin-bottom: 20px;
}
#field_6_7, #field_6_11, #field_6_8, #field_6_12, #field_6_20,
#field_1_7, #field_1_11, #field_1_8, #field_1_12, #field_1_17, #field_1_20{
	width: 65%;
	float: left;
	display: block;
}
#field_6_13, #field_6_18, #field_6_14,  #field_6_7, #field_6_23, #field_6_20, #field_6_17, #field_6_17,
#field_1_13, #field_1_14, #field_1_15, #field_1_7, #field_1_23, #field_1_20{
	clear:none;
	float: left;
	width: 33%;
	padding: 6px
}
#field_6_15{
	clear: left
}
#field_6_16, #field_6_12, #field_6_15,
#field_1_16, #field_1_18, #field_1_12, #field_1_17{
	clear:none;
	float: left;
	width: 50%;
}
#field_6_16 img, #field_1_16 img{
	margin-top: 50px;
}
#field_6_22, #field_1_22{
	border-top: 1px solid rgb(171, 203, 252);
}
#field_6_9, #field_1_9{
	clear: both;
	width: 100%;
	display: block;
}
.shop-forma .shop{
	border: 1px solid lightgray;
}
/*#field_2_15{
	display: none
}*/

.shop-forma .ginput_quantity_label{
	display: block;
}
.link_mail{
	text-decoration: underline;
	color: rgb(29,71,133);
	font-weight: bold;
}

.shop-forma .ginput_quantity{
	border: 0px;
	outline: none;
	padding: 10px;
	font-size: 17px;
	width: 50px;
	background-color: white;
	border: 1px solid rgba(143,187,226,0.5);
	transition: width 1s, background-color 1s;
	-webkit-transition: width 1s, background-color 1s;
	margin-bottom:  15px;
}
.shop-forma .ginput_quantity:hover, .shop-forma .ginput_quantity:focus{
	outline: none;
	border: 1px solid rgba(143,187,226,0.8);
	background-color: rgba(143,187,226,0.4);
}
.shop-forma .ginput_product_price{
	font-size: 22px;
	color: rgb(29,71,133);
}
.shop-forma .ginput_quantity_label{
	font-size:  17px;
	color: rgb(29,71,133);
	line-height: 2;
}
.shop-forma .ginput_total{
	font-size: 25px;
	color: rgb(29,71,133);
}
.shop-forma #gform_submit_button_1, .shop-forma #gform_submit_button_2, .shop-forma #gform_submit_button_3, .shop-forma #gform_submit_button_6, .shop-forma .gform_next_button, .shop-forma .gform_previous_button {
	display: block;
	margin-top: 20px;
	width: 300px;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 22px;
	color: rgb(29,71,133);
	background-color: white;
	border: 1px solid rgba(143,187,226,0.8);
	transition: border 1s, background-color 1s;
	-webkit-transition: border 1s, background-color 1s;
}
.shop-forma .gform_next_button, .shop-forma .gform_previous_button, .shop-forma #gform_submit_button_1 {
display:inline-block;
}
.shop-forma #gform_submit_button_6:hover, .shop-forma #gform_submit_button_6:focus, .shop-forma #gform_submit_button_6:active, .shop-forma #gform_submit_button_3:hover, .shop-forma #gform_submit_button_3:focus, .shop-forma #gform_submit_button_3:active, .shop-forma #gform_submit_button_1:hover, .shop-forma #gform_submit_button_1:focus, .shop-forma #gform_submit_button_1:active, .shop-forma #gform_submit_button_2:hover, .shop-forma #gform_submit_button_2:focus, .shop-forma #gform_submit_button_2:active{
	outline: none;
	background-color: rgba(143,187,226,0.4);
}

.shop-forma .gform_confirmation_message{
	font-size: 21px;
	color: rgb(29,71,133);
	text-align: left;
	margin-top: 30px;
	font-weight: bold;
}
.gform_page_footer {
text-align: right;
}
.shop-forma .validation_message{
	font-size: 20px;
	color: rgb(223, 0, 0);
}
.shop-forma .validation_error{
	border-bottom: 1px solid rgb(223, 0, 0);
    font-size: 20px;
    text-align: center;
    margin-top: 40px;
    padding-bottom: 10px;
    color: rgb(223, 0, 0);
    padding-top: 10px;
    border-top: 1px solid rgb(223, 0, 0);
}
.shop-forma .out-of-eu{
	font-size: 22px;
	color: rgb(223, 0, 0);
	display: block;
	margin-top: 15px;
	margin-bottom: 15px;
}
.shop-forma .ginput_price{
	display: none;
}

.press-link{
	text-decoration: underline;
	font-size: 17px;
	color: rgba(29,71,133,0.8);
	transition:color 1s;
	-webkit-transition:color 1s;
	text-align: center;
	display: block;
	margin-top: 10px
}
.press-link:hover{
	color: rgba(29,71,133,0.8);
}
#gf_button_get_form_1, #gf_button_get_form_2, #gf_button_get_form_6{
	opacity: 0;
	position: absolute;
	left: -999999;
}

/* ovo je stajalo red ispod #field_2_9,*/
#field_6_9, #field_6_21, #field_1_9, #field_2_9, #field_1_21, #field_2_14{
	visibility: hidden;
	display: none;
}

#field_6_22, #field_1_22{
	clear: both;
}


li.sub_menu_side{
	margin-top: -10px;
	margin-left: 30px;
	margin-bottom: 5px;
	font-size: 16px;
}
li.sub_menu_side a{
	font-size: 16px;
}
.mobile_menu_tog{
	z-index: 99999;
	display: none!important;
	position: fixed!important;
	top:5px;
	left: 5px;
	width: 30px;
	height: 30px;
	-webkit-transform: translateZ(0);
	transition:left 1s!important;
	-webkit-transition:left 1s!important;
}
.mobile_menu_tog_active{
	left: 300px;
}
.mob_nav_section{
	display: none;
	height: 0px;
}

.link_small{
	text-align: center;
	width: 100%;
	display: block;
	font-size: 17px;
	margin-top: -38px;
}

#field_1_30{
	opacity: 0;
}
#field_6_30{
	display: none!important;
}
#field_6_7 .ginput_product_price_label, #field_6_23 .ginput_product_price_label, #field_6_17 .ginput_product_price_label, #field_6_20 .ginput_product_price_label{
	display: none;
}
/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family: 'pf_handbook_proregular';
	src: url('fonts/pf_handbook_pro_regular-webfont.eot');
	src: url('fonts/pf_handbook_pro_regular-webfont.eot?#iefix') format('embedded-opentype'),
		url('fonts/pf_handbook_pro_regular-webfont.woff2') format('woff2'),
		url('fonts/pf_handbook_pro_regular-webfont.woff') format('woff'),
		url('fonts/pf_handbook_pro_regular-webfont.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

/* Generated at Mon Jun 15 2015 00:08:36 GMT+0200 (Central European Daylight Time). Included icons: triangle, pause, bars, times *//* 
 * Marka - v0.3.1 
 * http://fian.my.id/marka 
 * 
 * Copyright 2014 Alfiana E. Sibuea and other contributors 
 * Released under the MIT license 
 * https://github.com/fians/marka/blob/master/LICENSE 
 */.marka{position:relative;display:inline-block;vertical-align:bottom;-webkit-transition:all 500ms;-moz-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms}.marka i{position:absolute;display:block;width:100%;height:100%;opacity:0;background:#000;-webkit-transition:all 500ms;-moz-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms}.marka.marka-set i{opacity:1}.marka.marka-rotate-right{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.marka.marka-rotate-left{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.marka.marka-rotate-down{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.marka.marka-icon-empty{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0)}.marka.marka-icon-triangle i{border-radius:0 30% 0 30%;-webkit-transform:rotate(-60deg) skewX(-30deg) scale(0.5,0.433) translate(2%,-5%);-moz-transform:rotate(-60deg) skewX(-30deg) scale(0.5,0.433) translate(2%,-5%);-ms-transform:rotate(-60deg) skewX(-30deg) scale(0.5,0.433) translate(2%,-5%);-o-transform:rotate(-60deg) skewX(-30deg) scale(0.5,0.433) translate(2%,-5%);transform:rotate(-60deg) skewX(-30deg) scale(0.5,0.433) translate(2%,-5%)}.marka.marka-icon-triangle i:nth-child(2){-webkit-transform:rotate(180deg) skewX(-30deg) scale(0.5) translate(5%,-30%);-moz-transform:rotate(180deg) skewX(-30deg) scale(0.5) translate(5%,-30%);-ms-transform:rotate(180deg) skewX(-30deg) scale(0.5) translate(5%,-30%);-o-transform:rotate(180deg) skewX(-30deg) scale(0.5) translate(5%,-30%);transform:rotate(180deg) skewX(-30deg) scale(0.5) translate(5%,-30%)}.marka.marka-icon-triangle i:nth-child(3){-webkit-transform:rotate(90deg) skewY(-30deg) scale(0.5) translate(30%,-2%);-moz-transform:rotate(90deg) skewY(-30deg) scale(0.5) translate(30%,-2%);-ms-transform:rotate(90deg) skewY(-30deg) scale(0.5) translate(30%,-2%);-o-transform:rotate(90deg) skewY(-30deg) scale(0.5) translate(30%,-2%);transform:rotate(90deg) skewY(-30deg) scale(0.5) translate(30%,-2%)}.marka.marka-icon-pause i{-webkit-transform:rotate(90deg) scale(0.8,0.35) translate(0%,65%);-moz-transform:rotate(90deg) scale(0.8,0.35) translate(0%,65%);-ms-transform:rotate(90deg) scale(0.8,0.35) translate(0%,65%);-o-transform:rotate(90deg) scale(0.8,0.35) translate(0%,65%);transform:rotate(90deg) scale(0.8,0.35) translate(0%,65%)}.marka.marka-icon-pause i:nth-child(2){-webkit-transform:rotate(90deg) scale(0.8,0.35) translate(0%,-65%);-moz-transform:rotate(90deg) scale(0.8,0.35) translate(0%,-65%);-ms-transform:rotate(90deg) scale(0.8,0.35) translate(0%,-65%);-o-transform:rotate(90deg) scale(0.8,0.35) translate(0%,-65%);transform:rotate(90deg) scale(0.8,0.35) translate(0%,-65%)}.marka.marka-icon-bars i{-webkit-transform:scale(0.8,0.2);-moz-transform:scale(0.8,0.2);-ms-transform:scale(0.8,0.2);-o-transform:scale(0.8,0.2);transform:scale(0.8,0.2)}.marka.marka-icon-bars i:nth-child(2){-webkit-transform:scale(0.8,0.2) translate(0%,-140%);-moz-transform:scale(0.8,0.2) translate(0%,-140%);-ms-transform:scale(0.8,0.2) translate(0%,-140%);-o-transform:scale(0.8,0.2) translate(0%,-140%);transform:scale(0.8,0.2) translate(0%,-140%)}.marka.marka-icon-bars i:nth-child(3){-webkit-transform:scale(0.8,0.2) translate(0%,140%);-moz-transform:scale(0.8,0.2) translate(0%,140%);-ms-transform:scale(0.8,0.2) translate(0%,140%);-o-transform:scale(0.8,0.2) translate(0%,140%);transform:scale(0.8,0.2) translate(0%,140%)}.marka.marka-icon-times i{-webkit-transform:rotate(45deg) scale(0.8,0.2);-moz-transform:rotate(45deg) scale(0.8,0.2);-ms-transform:rotate(45deg) scale(0.8,0.2);-o-transform:rotate(45deg) scale(0.8,0.2);transform:rotate(45deg) scale(0.8,0.2)}.marka.marka-icon-times i:nth-child(2){-webkit-transform:rotate(-45deg) scale(0.8,0.2);-moz-transform:rotate(-45deg) scale(0.8,0.2);-ms-transform:rotate(-45deg) scale(0.8,0.2);-o-transform:rotate(-45deg) scale(0.8,0.2);transform:rotate(-45deg) scale(0.8,0.2)}
/*-----------------------*\
   ULTIMATE BADASS GRID
\*-----------------------*/

.container{
	max-width: 1240px;
	width:90%;
}
.center{
	margin-left: auto;
	margin-right: auto;
}
.row-18 .cols-1{
	margin-left: 1.5625%;
	width:3.90625%;
	float: left;
	min-height: 1px;
}
.row-18 .cols-2{
	margin-left: 1.5625%;
	width:9.375%;
	float: left;
	min-height: 1px;
}
.row-18 .cols-3{
	margin-left: 1.5625%;
	width:14.84375%;
	float: left;
	min-height: 1px;
}
.row-18 .cols-4{
	margin-left: 1.5625%;
	width:20.3125%;
	float: left;
	min-height: 1px;
}
.row-18 .cols-5{
	margin-left: 1.5625%;
	width:25.78125%;
	float: left;
	min-height: 1px;
}
.row-18 .cols-6{
	margin-left: 1.5625%;
	width:31.25%;
	float: left;
	min-height: 1px;
}
.row-18 .cols-7{
	margin-left: 1.5625%;
	width:36.71875%;
	float: left;
	min-height: 1px;
}
.row-18 .cols-8{
	margin-left: 1.5625%;
	width:42.1875%;
	float: left;
	min-height: 1px;
}
.row-18 .cols-9{
	margin-left: 1.5625%;
	width:47.65625%;
	float: left;
	min-height: 1px;
}
.row-18 .cols-10{
	margin-left: 1.5625%;
	width:53.125%;
	float: left;
	min-height: 1px;
}
.row-18 .cols-11{
	margin-left: 1.5625%;
	width:58.59375%;
	float: left;
	min-height: 1px;
}
.row-18 .cols-12{
	margin-left: 1.5625%;
	width:64.0625%;
	float: left;
	min-height: 1px;
}
.row-18 .cols-13{
	margin-left: 1.5625%;
	width:69.53125%;
	float: left;
	min-height: 1px;
}
.row-18 .cols-14{
	margin-left: 1.5625%;
	width:75%;
	float: left;
	min-height: 1px;
}
.row-18 .cols-15{
	margin-left: 1.5625%;
	width:80.46875%;
	float: left;
	min-height: 1px;
}
.row-18 .cols-16{
	margin-left: 1.5625%;
	width:85.9375%;
	float: left;
	min-height: 1px;
}
.row-18 .cols-17{
	margin-left: 1.5625%;
	width:91.40625%;
	float: left;
	min-height: 1px;
}
.row-18 .cols-18{
	margin-left: 1.5625%;
	width:96.875%;
	float: left;
	min-height: 1px;
}
.row-12 .cols-1{
	margin-left: 1.5625%;
	width:6.640625%;
	float: left;
	min-height: 1px;
}
.row-12 .cols-2{
	margin-left: 1.5625%;
	width:14.84375%;
	float: left;
	min-height: 1px;
}
.row-12 .cols-3{
	margin-left: 1.5625%;
	width:23.046875%;
	float: left;
	min-height: 1px;
}
.row-12 .cols-4{
	margin-left: 1.5625%;
	width:31.25%;
	float: left;
	min-height: 1px;
}
.row-12 .cols-5{
	margin-left: 1.5625%;
	width:39.453125%;
	float: left;
	min-height: 1px;
}
.row-12 .cols-6{
	margin-left: 1.5625%;
	width:47.65625%;
	float: left;
	min-height: 1px;
}
.row-12 .cols-7{
	margin-left: 1.5625%;
	width:55.859375%;
	float: left;
	min-height: 1px;
}
.row-12 .cols-8{
	margin-left: 1.5625%;
	width:64.0625%;
	float: left;
	min-height: 1px;
}
.row-12 .cols-9{
	margin-left: 1.5625%;
	width:72.265625%;
	float: left;
	min-height: 1px;
}
.row-12 .cols-10{
	margin-left: 1.5625%;
	width:80.46875%;
	float: left;
	min-height: 1px;
}
.row-12 .cols-11{
	margin-left: 1.5625%;
	width:88.671875%;
	float: left;
	min-height: 1px;
}
.row-12 .cols-12{
	margin-left: 1.5625%;
	width:96.875%;
	float: left;
	min-height: 1px;
}

.row-5 .cols-1{
	margin-left: 1.5625%;
	width:18.125%;
	float: left;
	min-height: 1px;
}
.row-5 .cols-2{
	margin-left: 1.5625%;
	width:37.8125%;
	float: left;
	min-height: 1px;
}
.row-5 .cols-3{
	margin-left: 1.5625%;
	width:57.49999999999999%;
	float: left;
	min-height: 1px;
}
.row-5 .cols-4{
	margin-left: 1.5625%;
	width:77.1875%;
	float: left;
	min-height: 1px;
}
.row-5 .cols-5{
	margin-left: 1.5625%;
	width:96.875%;
	float: left;
	min-height: 1px;
}

.row-18, .row-12, .row-5{
	width:103.2258064516129%;
	margin-left: -1.5625%;
	overflow: hidden;
}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

#menu-item-5897 {
	margin-top: -20px;
	margin-left: 30px;
	margin-bottom: 5px;
}
#menu-item-5898 {
	margin-top: -5px;
	margin-left: 30px;
	margin-bottom: 5px;
}
#menu-item-5897 a, #menu-item-5898 a {
	font-size: 17px;
}
@media only screen and (max-width:1305px) {
		#field_6_23 .gfield_label{
		margin-bottom: 5px;

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


	#language_selektor{
		position: fixed;
	    left: 50px;
	    top: 5px;
	    z-index: 9999999999;
	}
	.scrolled-nav {
		padding-top: 50px;
	}
	.logo-img {
		margin: 60px auto 60px auto;
		max-width: 300px;
	}
	.tagline {
		font-size: 20px;
	}
	.nav ul li a {
		font-size: 20px;
	}
	.acordion-content-block h2 {
		font-size: 28px;
	}
	.acordion-content-block h3 {
		font-size: 24px;
	}
	.contet-text {
		font-size: 16px;
	}
	.side-nav ul li {
		font-size: 17px;
	}
	.shop-forma .medium {
		font-size: 15px;
	}
	.shop-forma .gfield_label {
		font-size: 18px;
	}
	body.page-template-template-trgovina .shop-forma .gfield_label {
		font-size: 15px!important;
	}
}
.mob_nav_section ul li {
  width: 100%;
  text-align: center;
  font-size: 19px;
  margin-bottom: 10px;
}
.mob_nav_section ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
	width: 100%;
	padding-bottom: 35px;
}
.mob_nav_section ul li a{
	color:rgb(83, 146, 232);
	text-decoration: underline;
}
@media only screen and (max-width:1150px) {
	.dr-mobile{
		width: 100%!important;
		max-width: 600px!important;
	}
}
@media only screen and (max-width:768px) {
	.nav{
		background-color: white;
		left:-300px;
	}
	.nav:hover{
		left: 0px;
	}
	.scrolled-nav {
		padding-right: 50px;
	}
	.header, .content-section{
		padding-left: 0px;
	}
	.row-18 .u_full_ipad{
		width:85.9375%;
	}
	#field_1_23 .gfield_label {
		margin-bottom: 15px;
	}
	.press_cetvrtina {
		float: left;
		width: 50%;
		padding-bottom: 5px;
	}
	.clear_ipad{
		clear: both;
	}
	.press-link {
		margin-bottom: 30px;
	}
	.acordion-content-block .piano-button h4, .acordion-content-block .piano-button-schlaf h4{
		font-size: 17px;
	}
	.mobile_menu_tog{
		display: block;
	}
	.tagline {
		background-color: rgba(255,255,255,0.7);
		padding: 15px;
	}
	.logo-img {
		max-width: 250px;
	}
	.mobile_menu_tog{
		display: block!important;
	}
	.mobile_image_centrator{
		max-width: 280px!important;
	}
	.row-18 .cols-10.mobile_width_fix{
		width:85.9375%;
	}
	.side-nav{
		display: none!important;
	}
	.mob_nav_section{
		display: block;
	}
}
@media only screen and (max-width:360px) {
	

}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}

/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}