@keyframes prichod_nadpisu{
0%{opacity:0; bottom:-50px;}
40%{opacity:0; bottom:-50px;}
75%{opacity:0.6; bottom:0;}
100%{opacity:1;}
}
#sekcia_up h2{
animation-name: prichod_nadpisu;
animation-duration: 3s;
position:relative;
line-height:100%;
}
.box_sekcia_main{
max-width:1260px;
margin-left:auto;
margin-right:auto;
text-align:center;
line-height:180%;
color:#666666;
font-size:15px;
}
.box_sekcia_main_pad{
padding-top:60px;
padding-left:10%;
padding-right:10%;
}
.no_side_padding{
padding-left:0;
padding-right:0;
}
.border_bottom{
border-bottom:1px solid #EEEEEE;
}
.box_sekcia_stores_pad{
padding-top:60px;
padding-left:8%;
padding-right:8%;
font-size:90%;
}
.box_sekcia_main h3{
font-family: AnticDidone, "Times New Roman", Times, serif;
font-size:30px;
margin:0;
padding:0;
line-height:150%;
color:#333333;

}
.box_sekcia_main h4{
line-height:150%;
margin:0;
padding:0;
color:#A37E2B;
font-size:12px;
font-weight:normal;
text-transform:uppercase;
padding-top:15px;
padding-bottom:30px;
}
.box_sekcia_stores_pad h3{
font-size:32px;
margin:0;
padding:0;
line-height:150%;
color:#A37E2B;
font-weight:normal;
font-family: Montserrat, Arial, Helvetica, sans-serif;
padding-bottom:20px;

}
.box_sekcia_stores_pad h4{
line-height:150%;
color:#333333;
margin:0;
padding:0;
font-size:14px;
font-weight:normal;
text-transform:uppercase;
padding-top:15px;
padding-bottom:00px;
}
table.mapa{
border:1px solid #DDDDDD;
}
table.mapa td.predajna{
width:calc(280px - 40px);
padding:0;
padding-left:20px;
padding-right:20px;
background-color:#F8F8F8;
font-size:90%;
line-height:150%;
color:#444444;
}
table.mapa td.predajna img{
margin-bottom:20px;
margin-left:-20px;
margin-right:-20px;
}
table.mapa td.predajna em{
font-family: AnticDidone, "Times New Roman", Times, serif;
color:#A37E2B;
font-size:110%;
display:inline-block;
margin-bottom:4px;
}
table.mapa td.predajna strong{
font-weight:normal;
font-size:130%;
margin-bottom:20px;
display:inline-block;
}
.box_sekcia_main p{
margin:0;
padding:0;
display:block;
max-width:640px;
margin-left:auto;
margin-right:auto;

}
.box_sekcia_white, .box_sekcia_black, .box_sekcia_gold{
width:100%;
overflow:hidden;
position:relative;

}
.box_sekcia_white h3, .box_sekcia_black h3, .box_sekcia_gold h3{
font-family: AnticDidone, "Times New Roman", Times, serif;
font-size:26px;
margin:0;
padding:0;
color:#333333;
padding-bottom:26px;
padding-left:16%;
padding-right:16%;
}
.box_sekcia_black h3, .box_sekcia_gold h3{
color:#FFFFFF;
}
.box_sekcia_white h4, .box_sekcia_black h4, .box_sekcia_gold h4{
margin:0;
padding:0;
color:#A37E2B;
font-size:12px;
font-weight:normal;
text-transform:uppercase;
padding-top:10%;
padding-bottom:15px;
padding-left:16%;
padding-right:16%;
}
.box_sekcia_gold h4{
color:#FFFFFF;
}
.box_sekcia_gold p.citat{
margin:0;
padding:0;
display:block;
max-width:60%;
margin-left:auto;
margin-right:auto;
color:#FFFFFF;
text-align:center;
padding-top:60px;
padding-top:10%;
}
.box_sekcia_gold p.citat strong{
font-family: AnticDidone, "Times New Roman", Times, serif;
font-size:29px;
font-weight:bold;
line-height:120%;
display:block;
text-align:center;
}
.box_sekcia_white{
background-color:#FFFFFF;
color:#666666;
}
.box_sekcia_black{
background-color:#000000;
color:#FFFFFF;
}
.box_sekcia_gold{
background-color:#A37E2B;
color:#FFFFFF;
}
.sekcia_img_left{
width:50%;
display:block;
float:left;
overflow:hidden;
}
.sekcia_img_right{
width:50%;
display:block;
float:right;
overflow:hidden;
}
.sekcia_img_left img:hover, .sekcia_img_right img:hover{
transform:scale(1.1);
transition: all 5.5s ease;
}

.sekcia_img_left img, .sekcia_img_right img{
width:100%;
height:auto;
transition: all 5.5s ease;
}
.sekcia_text_left{
width:50%;
display: block;
float:left;
font-size:14px;
position:absolute;
top: 50%;
transform: translateY(-50%);
}
.sekcia_text_right{
width:50%;
display:block;
float:right;
font-size:14px;
position:absolute;
left:50%;
top: 50%;
transform: translateY(-50%);
}


.sekcia_text_left p, .sekcia_text_right p{
margin:0;
margin-left:16%;
margin-right:16%;
line-height:180%;
color:#777777;
font-size:14px;
margin-bottom:60px;

}
.box_citat{
width:calc(100% - 30px);
background-color:#A37E2B;
color:#FFFFFF;
text-align:center;
font-size:13px;
padding:80px;
padding-left:15px;
padding-right:15px;

}
.box_citat strong {
font-family: AnticDidone, "Times New Roman", Times, serif;
font-size:29px;
font-weight:bold;
display:block;
text-align:center;
max-width:640px;
margin-left:auto;
margin-right:auto;
}
.box_sekcia_special{
background-color:#000000;
color:#CCCCCC;
width:100%;
overflow:hidden;
/*margin-top:100px;*/
height:55vw;
position:relative;
}
.special_space{
background-repeat:no-repeat;
background-position:right;
background-size:cover;
height:55vw;
position:relative;
}
.special_text{
width:50%;
display:block;
font-size:14px;
position:absolute;
top: 50%;
transform: translateY(-50%);
}
.special_text h4{
margin:0;
padding:0;
color:#A37E2B;
font-size:12px;
font-weight:normal;
text-transform:uppercase;
padding-top:60px;
padding-bottom:15px;
padding-left:16%;
padding-right:16%;

}
.special_text h3{
font-family: AnticDidone, "Times New Roman", Times, serif;
font-size:26px;
margin:0;
padding:0;
color:#FFFFFF;
padding-bottom:30px;
padding-left:16%;
padding-right:16%;
}
.special_text p{
margin:0;
margin-left:16%;
margin-right:16%;
margin-bottom:60px;
line-height:170%;
color:#777777;
font-size:13px;
}
@media only screen and (max-width: 1024px) {
.sekcia_img_left, .sekcia_img_right{
width:100%;
float: none;
overflow:hidden;
}
.sekcia_text_left, .sekcia_text_right{
width:100%;
float:none;
position:relative;
top:0;
left:0;
transform: translateY(0);
}
.box_sekcia_gold p.citat{
max-width:100%;
margin-left:auto;
margin-right:auto;
padding:80px;
}

.box_sekcia_special{
position:static;
overflow:hidden;
height:auto;
}
.special_space{
height:calc(55vw);

}
.special_text{
width:100%;
position: static;
top: 0;
transform: translateY(0);
background-color: #000000;
overflow:hidden;
}
.special_text h4, .special_text h3{
padding-left:20%;
padding-right:20%;
}
.special_text p{
margin-left:20%;
margin-right:20%;
margin-bottom:80px;
}

}

/* animacie */
@keyframes prichod_main_pad{
0%{opacity:0; bottom:-50px;}
60%{opacity:0; bottom:-20px;}
80%{opacity:0.5; bottom:0px;}
100%{opacity:1; bottom:0px;}
}
.box_sekcia_main_pad h3 {
animation-name: prichod_main_pad;
animation-duration: 3s;
position:relative;
}
.box_sekcia_main_pad h4 {
animation-name: prichod_main_pad;
animation-duration: 3.5s;
position:relative;
}
.box_sekcia_main_pad p {
animation-name: prichod_main_pad;
animation-duration: 4s;
position:relative;
}
@keyframes special_fade{
0%{opacity:0; }
50%{opacity:0;}
100%{opacity:1;}
}
.box_sekcia_special{
animation-name: special_fade;
animation-duration: 4s;
}


.sekcia_img_left, .sekcia_img_right, .sekcia_text_left, .sekcia_text_right{
opacity:0;
}
.box_sekcia_white.efekt_ON .sekcia_img_left, .box_sekcia_white.efekt_ON .sekcia_img_right, .box_sekcia_white.efekt_ON .sekcia_text_left, .box_sekcia_white.efekt_ON .sekcia_text_right, .box_sekcia_black.efekt_ON .sekcia_img_left, .box_sekcia_black.efekt_ON .sekcia_img_right, .box_sekcia_black.efekt_ON .sekcia_text_left, .box_sekcia_black.efekt_ON .sekcia_text_right, .box_sekcia_gold.efekt_ON .sekcia_img_left, .box_sekcia_gold.efekt_ON .sekcia_img_right, .box_sekcia_gold.efekt_ON .sekcia_text_left, .box_sekcia_gold.efekt_ON .sekcia_text_right {
    opacity: 1;
}


.efekt_text_ON h4  {
animation-name: prichod_main_pad;
animation-duration: 0.5s;
position:relative;
}
.efekt_text_ON h3  {
animation-name: prichod_main_pad;
animation-duration: 1s;
position:relative;
}
.efekt_text_ON p {
animation-name: prichod_main_pad;
animation-duration: 1.5s;
position:relative;
}

@keyframes prichod_obrazok_zlava{
0%{opacity:0; left:-50%;}
100%{opacity:1; left:0px;}
}

@keyframes prichod_obrazok_zprava{
0%{opacity:0; right:-50%;}
100%{opacity:1; right:0px;}
}
.efekt_ON .sekcia_img_left img  {
animation-name: prichod_obrazok_zlava;
animation-duration: 1.5s;
position:relative;
}
.efekt_ON .sekcia_img_right img  {
animation-name: prichod_obrazok_zprava;
animation-duration: 1.5s;
position:relative;
}
.box_citat strong, .box_citat span{
opacity:0;
}
@keyframes zobraz_citat{
from{opacity:0;}
to{opacity:1;}
}
.box_citat.efekt_ON strong, .box_citat.efekt_ON span {
animation-name: zobraz_citat;
animation-duration: 2.5s;
position:relative;
opacity:1;
}