.product_up_space{
height:77px;
background-color: #444444;
}
.produkt_container{
overflow:hidden;
text-align:left;
margin-bottom:100px;
margin-top:100px;
margin-left:auto;
margin-right:auto;
max-width:1140px;
line-height:180%;
font-size:15px;
}
.produkt_container_pad{
padding-left:40px;
padding-right:40px;

}
.produkt_nazov h2{
font-family: AnticDidone, "Times New Roman", Times, serif;
font-size:44px;
font-weight:normal;
text-transform:uppercase;
margin:0;
padding:0;
line-height:normal;
}
.produkt_nazov {
width:40%;
float:left;
color:#333333;
}

.produkt_popis{
font-size:13px;
width:40%;
float:left;
padding-top:36px;
color: #666666;
}
.produkt_obrazok{
width:calc(60% - 80px);
margin-left:80px;
float:right;
min-height:70vh;
min-height:660px;
background-position:center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;

}
.produkt_detaily{
width:calc(60% - 80px);
margin-left:80px;
float:right;
}
.produkt_detaily_farba1{
background-color: #FDE69F;
transition: background 0.5s linear;
}
.produkt_detaily_farba2{
background-color: #000000;
color:#FDE69F;
transition: background 0.5s linear;
}

.produkt_detaily span{
font-size:12px;
display:inline-block;
width:calc(33% - 30px);
line-height:140%;
margin-left:30px;
margin-top:40px;
margin-bottom:40px;

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

.produkt_container{
margin-top:50px;
}
.produkt_container_pad{
padding-left:00px;
padding-right:00px;

}
.produkt_nazov h2{
text-align:center;
}
.produkt_nazov {
width:100%;
float: none;
}

.produkt_popis{
text-align:center;
width:calc(100% - 80px);
margin-left:40px;
margin-right:40px;
float: none;
padding-top:60px;
}
.produkt_obrazok{
width:100%;
float: none;
margin-top:20px;
margin-left:0;
min-height:95vw;
background-size: contain;
}
.produkt_detaily{
width:100%;
float: none;
margin-left:0;
margin-top:60px;
}
.produkt_nazov h2{
font-size:41px;
}
}

@media only screen and (max-width: 640px) {
.produkt_nazov h2{
font-size:36px;
padding-left:10px;
padding-right:10px;
}
}


input, select, textarea{
-ms-box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box; 
box-sizing:content-box;
}
.inquiry{
max-width:1000px;
border-top:5px solid #A37E2B;
background-color:#FFFFFF;
z-index:9999999999;
 position: absolute; 
  left: 0; 
  right: 0; 
  margin-left: auto; 
  margin-right: auto; 
top:40px;
display:none;
transition: all 3s ease;
opacity:0;

}
.inq_hlava{
width:100%;
overflow:hidden;
border-bottom:1px solid #eeeeee;
padding-top:15px;
padding-bottom:15px;
text-align:center;
position:relative;
}
.inq_hlava img.lg{
}
.inq_hlava img.inq_close{
float:right;
top:32px;
right:30px;
opacity:0.6;
position:absolute;
}
.inq_hlava img.inq_close:hover{
opacity:1;
transition: all 1s;
cursor:pointer;
}

.inq_telo{
overflow:hidden;
width:100%;
padding-top:15px;
padding-bottom:15px;

}
.inq_telo h3{
margin:0;
font-size:25px;
text-align:center;
font-family: AnticDidone, "Times New Roman", Times, serif;
padding-top:20px;
padding-bottom:15px;
}
.inq_telo small.sub{
text-align:center;
display:block;
font-size:11px;
text-transform:uppercase;
color: #A37E2B;
margin-bottom:35px;
}
.inq_lava{
width:42%;
display:inline-block;
margin-right:6%;
vertical-align:top;
}
.inq_lava img{
width:100%;
height:auto;
}
.inq_prava{
width:50%;
display:inline-block;
font-size:12px;
color:#888888;
text-align:left;
}
.inq_form input[type=text]{
width:90%;
margin-bottom:5px;
border: solid 1px #EEEEEE;
color: #888888;
padding:8px;
padding-left:10px;
}
.inq_form select{
width:90%;
position:relative;
margin-bottom:5px;
border: solid 1px #EEEEEE;
color:#888888;
padding:8px;
padding-left:7px;
padding-right:11px;
}
.inq_form select.titul{
width:50%;
}
.inq_form textarea{
margin-bottom:5px;
width:90%;
border: solid 1px #EEEEEE;
color:#888888;
padding:8px;
padding-left:10px;
height:70px;
}
.inq_form input[type=checkbox]{
border: solid 1px #EEEEEE;
background-color:#FFFFFF;
}
.inq_form input[type=submit]{
background-color:#000000;
color:#FFFFFF;
border:none;
padding:10px;
padding-left:30px;
padding-right:30px;
font-size:14px;
text-align:center;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
}
.form_note{
float:right;
margin-right:6%;
display:inline-block;
font-size:10px;
margin-top:10px;
}
.inq_telo .msg_ko{
color:#CC0000;
text-align:center;
margin-bottom:20px;
}
.inq_telo .msg_ok{
color: #006600;
text-align:center;
margin-bottom:20px;
}
.inq_form input[type=text].error_border, .inq_form select.error_border{
border: solid 1px #CC0000;
}
span.error_border{
border: solid 1px #CC0000;
padding-top:4px;
}
.inquiry_overlay{
position:fixed;
left:0;
top:0;
bottom:0;
right:0;
background-color:#000000;
opacity:0.8;
display:none;
z-index:99999999;
}

/***/

.produkt_obrazok{
position:relative;
transition: background 0.5s linear;
background-position:cover;
}
.tab_left, .tab2_left{
position:absolute;
top:20px;
left:20px;
cursor: pointer;
font-size: 36px;
font-weight:lighter;
}
.tab2_left{
display:none;
}
.tab_center{
position:absolute;
top:18px;
left:calc(50% - 30px);
text-align:center;
width:80px;
font-size: 13px;
}

.tab_right, .tab2_right{
position:absolute;
top:20px;
right:20px;
cursor: pointer;
font-size: 36px;
font-weight: 100;
}
.tab2_right{
display:none;
}

.tab1{
position:absolute;
background-color:#FDE69F;
width:14px;
height:40px;
top:48%;
right:-14px;
cursor:pointer;
transition: all .3s ease;
-webkit-transition: all .3s ease;
}

.tab1_active{
position:absolute;
background-color:#FDE69F;
width:30px;
height:40px;
top:48%;
right:0;
transition: all .3s ease;
-webkit-transition: all .3s ease;
}
.tab2 {
position:absolute;
background-color: #000000;
width:14px;
height:40px;
top:calc(48% + 50px);
right:-14px;
cursor:pointer;
transition: all .3s ease;
-webkit-transition: all .3s ease;
}
.tab2_active {
position:absolute;
background-color: #000000;
width:30px;
height:40px;
top:calc(48% + 50px);
right:0px;
transition: all .3s ease;
-webkit-transition: all .3s ease;
}


@keyframes prichod_zhora{
0%{opacity:0; top:-20px;}
60%{top:-10px;}
80%{opacity:1; top:0px;}
100%{top:0px;}
}
.page1{
display:inline;
position:absolute;
left:7px;/*top:0px;*/
animation-name: prichod_zhora;
animation-duration: 0.5s;
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
}
.page2{
display:none;
position:absolute;
left:5px;
/*
top:0px;*/
animation-name: prichod_zhora;
animation-duration: 0.5s;
transition: all 0.5s linear;
-webkit-transition: all 0.5s linear;
}
@keyframes prichod_zboku{
0%{opacity:0; right:0px;}
80%{opacity:1;}
100%{right:54px;}
}
@keyframes prichod_zboku_active{
0%{opacity:0; right:0px;}
80%{opacity:1;}
100%{right:40px;}
}
.tab1_text_active{
font-size:12px;
position:absolute;
top:2px;
right:40px;
text-align:right;
line-height:140%;
transition: all .3s ease;
-webkit-transition: all .3s ease;
animation-name: prichod_zboku_active;
animation-duration: 0.5s;
}
.tab1_text{
font-size:12px;
position:absolute;
top:2px;
right:54px;
text-align:right;
line-height:140%;
display:none;
transition: all .3s ease;
-webkit-transition: all .3s ease;
}
.tab2_text_active{
position:absolute;
top:2px;
right:40px;
font-size:12px;
text-align:right;
line-height:140%;
transition: all .3s ease;
-webkit-transition: all .3s ease;
animation-name: prichod_zboku_active;
animation-duration: 0.5s;
}
.tab2_text{
position:absolute;
top:2px;
right:54px;
font-size:12px;
text-align:right;
line-height:140%;
display:none;
transition: all .3s ease;
-webkit-transition: all .3s ease;
}

.tab2:hover > .tab2_text{
display:block;
animation-name: prichod_zboku;
animation-duration: 0.5s;
}
.tab1:hover > .tab1_text{
display:block;
animation-name: prichod_zboku;
animation-duration: 0.5s;

}
.tab2_hover{
background-color:#00FF00;
}
.tab1_hover{
background-color: #FF00FF;
}
@media only screen and (max-width: 768px) {
.tab1{
right:0px;
}
.tab2 {
right:0px;
}
}

/**/