#ASSET_URL=https://www.luxusnakniznica.sk
@font-face {font-family:SouthEast; font-style:normal; font-weight:400; src: url('../fonts/SouthEastRegular.otf');}
@font-face {font-family:SouthEastBold; font-style:normal; font-weight:600; src: url('../fonts/SouthEastDemiBold.otf');}
@font-face {font-family:MinionPro; font-style:normal; font-weight:400; src: url('../fonts/MinionPro-Regular.otf');}
@font-face {font-family:SeasonsBold; font-style:normal; font-weight:400; src: url('../fonts/SeasonsBold.otf');}
@font-face {font-family:RhapsodyScript; font-style:normal; font-weight:400; src: url('../fonts/RhapsodyScript.otf');}
@font-face {font-family:EastmanRomanLt; font-style:normal; font-weight:400; src: url('../fonts/Zetafonts-EastmanRomanLt.otf');}
@font-face {font-family:EastmanRomanXLt; font-style:normal; font-weight:400; src: url('../fonts/Zetafonts-EastmanRomanXLt.otf');}
@font-face {font-family:EastmanRomanMd; font-style:normal; font-weight:400; src: url('../fonts/Zetafonts-EastmanRomanMd.otf');}
@font-face {font-family:EastmanRomanRg; font-style:normal; font-weight:400; src: url('../fonts/Zetafonts-EastmanRomanRg.otf');}
body { margin:0; -webkit-font-smoothing: antialiased; background:#fff;}
.bl { width:100%; height:auto; overflow:hidden; }
.gohome{ display:block; width:100px; height:100px; cursor:pointer; overflow:hidden; border-radius:50%; position:fixed; top:8px; left:50%; margin-left:-50px;
	background:url(../images/logo-w.webp) no-repeat center center; background-size:contain; } .gohome:hover {background-image:url(../images/logo2.png)}
img.res { width:100%; height:auto;}
nav { top:-73px; background:rgba(248,248,248,.8); transition: all 0.4s ease-in-out; padding:0; width:100%; left:0; margin-left:0;}
nav ul { margin:0!important;} .gohome:hover ~ nav {top:0;} nav:hover {top:0;}
.mw { width:100%; }
/*h1, h2, p, li { font-family:SouthEast, "Times New Roman", Times, serif}*/
p, li { font-family:"Times New Roman", Times, serif; font-size:15px;}
p, li { line-height:1.3;}
hr { border:none; border-bottom:1px solid #8c704f;}
h2, h3, h4 { font-family:MinionPro,"Times New Roman", Times, serif; font-weight:400;}
a.btn { display:inline-block; padding:16px 11px 14px 11px; color:#fff; background-color:#8c704f; text-decoration:none; font-family:EastmanRomanXLt, Arial, Helvetica, sans-serif; letter-spacing:.2em;}
a.btn:hover { background-color:#6c502f;}

section {width:100%;overflow:hidden;}
.w { width:92%; max-width:980px; overflow:hidden;margin:0 auto;}

#s1 {background:url(../images/kamil-peteraj/bg2.webp) no-repeat top center; background-size:cover; padding:120px 0 0 0;} 
#s1 h1 { text-align:center;font-family:"Times New Roman", Times, serif; font-size:64px; line-height:.71; color:#f0ead1; text-shadow:-2px -2px #666; font-weight:600;}
#s1 h2 { text-align:center; letter-spacing:.2em; padding:.9em 0 .7em 0; color:#fff;background:rgba(100,90,70,.15);}
#s1 .c { width:100%; overflow:hidden; color:#6c502f; padding:30px 0; margin-top:30px; background:rgba(100,90,70,.15);}
#s1 .c p { font-family:MinionPro,"Times New Roman", Times, serif; font-size:17px; letter-spacing:1px; float:left; text-align:center;}
#s1 .c p:nth-child(1) { width:35.33%; margin-right:3%;}
#s1 .c p:nth-child(2) { width:30%; margin-right:1.66%;}
#s1 .c p:nth-child(3) { width:30%;}
#s1 .bl { position:relative; min-height:563px; margin:0;}
#s1 .c1 { width:840px/*65%*/; height:563px; overflow:hidden; position:absolute; left:0; top:0; /* background:rgba(255,200,200,.1);*/ }
#s1 .c1 div {width:840px; height:563px;background-size:contain; background-repeat:no-repeat; background-position:center center; position:absolute; left:0; top:0; transition:ease-in-out;}
#s1 .c1 div:nth-child(1) {background-image:url(../images/kamil-peteraj/krabica-zatvorena-840.webp);animation:k1 infinite 7s;}
#s1 .c1 div:nth-child(2) {background-image:url(../images/kamil-peteraj/krabica-otvorena-840.webp);opacity:0;animation:k2 infinite 7s;}
#s1 .c2 { width:35%; overflow: hidden; text-align:center; position:absolute; right:0; top:70px;}
#s1 .c2 .cdlc { width:100%; height:64px; overflow:hidden; position:relative;}
#s1 .c2 .cdlc h3, #s1 .c2 .cdlc div {font-family:RhapsodyScript,"Times New Roman", Times, serif; font-size:56px; color:#fff; margin:0; transition: ease-in-out all .7s; }
#s1 .c2 .cdlc div { width:100%; position:absolute; left:0; top:0; transform:scaleY(0); opacity:0; }
#s1 .c2 .cdlc:hover h3 {transform:scaleY(0); opacity:0;}
#s1 .c2 .cdlc:hover div {transform:scaleY(1); opacity:1; }
#s1 .c2 h4 { color:#fff; font-size:22px; margin:0 0 1.5em 0;}
#s1 .c2 .l {color:#fff; font-size:19px;font-family:MinionPro,"Times New Roman", Times, serif; font-weight:200; letter-spacing:.2em; width:100%; overflow:hidden; margin:1em 0;}
#s1 .c2 .l span {font-weight:600;font-family: "Times New Roman", Times, serif;}
#s1 .c2 a.btn { margin-top:80px;}
#s1 .c2 .i { width:100%; overflow:hidden; margin-top:1.5em}
#s1 .c2 .i a { display: inline-block; width: 70px; height: 26px; margin: -4px 8px -5px 2px; overflow: hidden; background: url(../images/ikar-logo-w.webp) no-repeat; background-size:contain;}
#s1 h1 { margin-top:.1em;}
	
#s2 { margin-bottom:-4px; text-align:center;}
#s2 img { width:100%;}

#s3 {background:url(../images/kamil-peteraj/bg2v.webp) no-repeat top center; background-size:cover;} 
#s3 .w { background:url(../images/kamil-peteraj/px1a.webp) no-repeat top center; background-size:980px; background-attachment:fixed;}
#s3 .c { width:400px; padding:20px 0 10px 0; overflow:hidden; margin:400px auto 80px auto; background:rgba(255,255,255,.8); text-align:center;color:#8c704f;}
#s3 p { font-size:16px; font-family:EastmanRomanLt, Arial, Helvetica, sans-serif; line-height:1.5; }
#s3 h2 { font-size:24px; letter-spacing:.2em; }

#s4 { background:#9b7d4b;}
#s4 .w {background:url(../images/kamil-peteraj/plant.svg) no-repeat center center; background-size:contain; margin:2em auto; }
#s4 p { color:#fff; font-size:2em; }
#s4 p:nth-child(1) { margin:3.5em 0 6em 0; }
#s4 p:nth-child(2) { margin:6em 0 3.5em 0; text-align:right; }

#s5 { background:#f6f4ee; padding:5em 0 4em 0;}
#s5 p, #s5 li {color:#8c704f;}
#s5 .c1 { width:22%; margin:11em 1% 0 0; overflow: hidden; float:left; text-align:right;}
#s5 .c1 p { font-size:29px; letter-spacing:.1em;}
#s5 .c2 { width:50%; overflow: hidden; float:left;}
#s5 .c2 img { width:100%;}
#s5 .c3 { width:27%; margin-top:8.7em; overflow: hidden; float:left;}
#s5 .c3 ul { padding-left:20px;}
#s5 .c3 li { font-size:15px; font-family:EastmanRomanLt, Arial, Helvetica, sans-serif; line-height:1.4; margin-bottom:.8em;}

#s6 {background:url(../images/kamil-peteraj/bg2.webp) no-repeat top center; background-size:cover; padding:50px 0 20px 0;} 
#s6 h2 {color:#6c502f; text-align:center; font-size:34px;}
#s6 h3 {color:#fff; text-align:center; font-size:26px;}
#s6 li {color:rgb(108, 80, 47);font-size:16px; font-family:EastmanRomanLt, Arial, Helvetica, sans-serif; line-height:1.5; }
#s6 .g { text-align:center;}
#s6 .g a { display:inline-block; padding-bottom:6px; position:relative;}
#s6 .g a em { display:block; width:28px; height:20px; background:url(../images/lupa-2d.png) no-repeat; background-size:contain; position:absolute; bottom:12px; left:68%;}
#s6 .wsl h2 { margin:1em 0 .1em 0;}

#s7 { background:#f6f4ee; padding:5em 0 4em 0;}
#s7 .c { width:92%; max-width:1400px; overflow:hidden;margin:0 auto;}
#s7 .c1 { width:55%; height:480px; overflow: hidden; float:left;  position:relative;}
#s7 .c1 img {display:block;}
#s7 .c1 .s { position:absolute; top:0; left:0; width:88%; }
#s7 .c1 .f { position:absolute; top:34px; right:2%; transform:rotate(5deg); }
#s7 .c2 { width:36%; margin:2.5em 4% 0 5%; overflow: hidden; float:left; }
#s7 h2 {color:#8c704f; font-size:34px;}
#s7 ul { padding-left:20px;}
#s7 li { font-size:15px; font-family:EastmanRomanLt, Arial, Helvetica, sans-serif; line-height:1.4; margin-bottom:.8em; color:#8c704f;}

#s8 {background:url(../images/kamil-peteraj/bg2v.webp) no-repeat top center; background-size:cover;} 
#s8 .ib {width:970px; height:410px; border:1px solid #fff; margin:0 auto; margin-top:4em }
#s8 .ilu { width:960px; height:400px; overflow:hidden; margin:5px; box-sizing:border-box; border:6px solid #fff; transition:ease-in-out all .8s;
	background:url(../images/kamil-peteraj/ilu5.webp) no-repeat; background-position: center -8px; background-size:102%;} 
#s8 .ilu:hover { background-size:56%;}
#s8 h3 { font-size:50px; color:#fff; text-align:center; margin-bottom:.3em;}
#s8 .bb { width:90%; overflow:hidden; margin-left:10%;}
#s8 .c { width:30%; overflow:hidden; margin:0 1.665%; float:left;}
#s8 p { color:#fff; font-family:MinionPro,"Times New Roman", Times, serif;}
#s8 .bl.f { text-align:center; margin:2em 0;}
#s8 .fap { display:inline-block; overflow:hidden; margin:0 6%; }
#s8 .fap a { display:inline-block; position:relative;}
#s8 .fap a em { display:block; width:28px; height:20px; background:url(../images/lupa-2d.png) no-repeat; background-size:contain; position:absolute; bottom:8px; right:1px;}
#s8 h2 { color:#6c502f; font-size:24px; letter-spacing:.2em; text-align:center; margin:2.3em 0 .1em 0; }
#s8 h4 { line-height:1.5; color:#fff; margin-top:10px;}
#s8 .pn {color:#6c502f; font-size:17px; text-align:center;}

#s9 { background:#f6f4ee; padding:5em 0 4em 0;}
#s9 h2 { color:#6c502f; font-size:44px; letter-spacing:.2em; text-align:center; margin:3em 0; }
#s9 iframe { width:96%; height:550px; margin:60px auto;}

#s10 {background:url(../images/kamil-peteraj/bg3.webp) no-repeat top center; background-size:cover; padding:2em 0;} 
#s10 h2 { color:#fff; text-align:center; font-size:34px;}
#s10 h3 { color:#fff; text-align:center; font-size:24px; letter-spacing:.2em; text-align:center; margin:1em 0 .5em 0; }
#s10 .c { width:30%; overflow:hidden; margin:2px 1.665%; float:left; box-sizing:border-box; border:1px solid #fff; min-height:833px;}
#s10 .c img { display:block; margin:16px auto; max-width:100%;}
#s10 p { font-size:13px; font-family:EastmanRomanLt, Arial, Helvetica, sans-serif; line-height:1.5; color:#fff; text-align:justify; margin:.5em 6%; }
#s10b {background:url(../images/kamil-peteraj/bg3.webp) no-repeat top center; background-size:cover; height:5px;} 

#s11 {background:url(../images/kamil-peteraj/bg2.webp) no-repeat top center; background-size:cover; padding:4em 0;} 
#s11 .kp { text-align:center;font-family:"Times New Roman", Times, serif; font-size:50px; line-height:.71; color:#f0ead1; text-shadow:-2px -2px #666; font-weight:600; margin:10px 0;}
#s11 h3 {color:#fff; font-size:24px; text-align:center; margin:1.7em 0;padding:.9em 0 .7em 0; background:rgba(100,90,70,.15);}
#s11 .l { width:320px; padding:20px 10px 18px 10px; overflow:hidden; background:rgba(255,255,255,.9);color:#8c704f; font-size:19px; text-align:center; font-family:MinionPro,"Times New Roman", Times, serif; font-weight:200; letter-spacing:.2em; margin:3em auto 1.5em auto; line-height:1.4;}
#s11 .l span { font-weight:600;font-family: "Times New Roman", Times, serif;}
#s11 .c { width:92%; max-width:1400px; overflow:hidden;margin:0 auto;}
#s11 .c1 { width:65%; height:480px; overflow: hidden; float:left;  position:relative; margin-top:2em;}
#s11 .c1 img {display:block;}
#s11 .c1 .s { position:absolute; top:0; left:0; width:79%; transform:rotate(6deg); }
#s11 .c1 .f { position:absolute; top:40px; right:2%; }
#s11 .c2 { width:31%; margin:2.5em 2% 0 2%; overflow: hidden; float:left; text-align:center; }
#s11 p { color:#fff; font-family:EastmanRomanLt,Arial, Helvetica, sans-serif; font-size:17px; letter-spacing:1px; margin:2em 0; }
#s11 .ce { color:#fff; font-family:EastmanRomanLt,Arial, Helvetica, sans-serif; font-size:22px; letter-spacing:1px; margin:1.5em 0; }
#s11 .ll { font-size:14px;}
#s11 .ll a {color:#fff;}
#s11 .ll a:hover { text-decoration:none;}

#s12 {background:url(../images/kamil-peteraj/bg3.webp) no-repeat top center; background-size:cover; height:50px;} 

@keyframes k1 { 0%,30% { opacity:1;} 50%,80% { opacity:0;} 100% {opacity:1;}}
@keyframes k2 { 0%,30% { opacity:0;} 50%,80% {opacity:1;} 100% { opacity:0;}}
.btn-buy { display:block; width:230px; height:58px; padding:0 15px;  overflow:hidden; z-index:11; cursor:pointer; font-family:EastmanRomanLt,Arial, Helvetica, sans-serif;
    font-size:1.05rem; line-height:58px; text-align:right;  color:#fff; text-decoration:none; border: 1px solid #fff; position:fixed; left:50%; bottom:0px; margin-left:-118px;
    background:#9b7d4b url(../images/ico_btn-cart_white.png) left center no-repeat;background-size: contain; letter-spacing:1px;
    -webkit-border-radius: 5px;  -moz-border-radius: 5px;  border-radius: 5px;  -webkit-transition: all 300ms;  transition: all 300ms; } 
.btn-buy.vi { width:86px; color:#fff; font-size:14px;margin-left:-50px; background:#9b7d4b; text-align:center; height:44px; line-height:44px;} .btn-buy:hover { color:#fff;}
.btn-buy.in { margin:0;}
.wsl { width:92%; max-width:1300px; overflow:hidden;margin:0 auto;}
.slider { width:100%; height:auto; overflow:hidden;} .slider .sbl { width:100%; height:auto; overflow:hidden; position:relative;}
.slider .move { width:48px; height:150px; overflow:hidden; cursor:pointer; position:absolute; top:40%; z-index:333; background-repeat:no-repeat; background-size:contain;}
.slider .item img { width:113%; height:auto; margin:-9% 0 0 -7%;}
.slider #zcontainer {  overflow:hidden; margin:0 auto; position:relative; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;}  
.slider .move.prev{left:0; background-image:url(../images/kamil-peteraj/move2-l.webp); background-position:left top; } 
.slider .move.next{right:0; background-image:url(../images/kamil-peteraj/move2-r.webp); background-position:right top;}
.slider #zitems { overflow:hidden; position:relative; }
.slider #zitems .item { overflow:hidden; position:absolute; left:0; top:0; } 
.slider #zitems .item img {opacity:0; transition:all ease-in-out 1s;}
.slider #zitems .item img.ac, #fs1.ac { opacity:1;transition-delay:50ms;}
.slider #curt { position:absolute; top:0; right:0; width:6px;  overflow:hidden; }
.slider #zcontainer, .slider #zitems, .slider #zitems .item { width:1300px;}
.slider #zcontainer, .slider #zitems, .slider #zitems .item, .slider #curt {height:1030px;}
.sbtns  { width:100%; height:auto; overflow:hidden;} 
.mbtns  { width:420px; height:auto; overflow:visible; margin:-26px auto 0 auto} 
.indicators { width:99%; height:auto; padding:0 0 0 1%;overflow:hidden; text-align:center; margin:0 6px 4px 0; z-index:334; position:absolute; left:0; bottom:58px;}
.indicators span { display:inline-block; width:8px; height:8px; overflow:hidden; border-radius:4px; background:#fff; cursor:pointer; margin-right:.7em; }
.indicators span.ac { background:#6c502f;}
.legenda { width:auto; height:auto; padding:1em; overflow:hidden; text-align: center; margin-bottom:1em; font-family: EastmanRomanLt, Arial, Helvetica, sans-serif; font-size:15px;}
.legenda span {padding:0.6em 1.2em .6em 1.2em; margin-left:4px;}
.legenda .v	{background:#f6f4ee; color:#9b7d4b;}
.legenda .r	{background:#bb9d6b; color:#fff;} 
.legenda .p	{background:#9b7d4b ; color:#fff;}
.bt { width:99%; height:auto; padding:1px 0 0 1px; overflow:hidden; color:#000;}
.bt div { margin:0; font-size:14px; width:45px; height:27px; line-height:1;padding-top:15px; float:left; overflow:hidden; border:1px solid #5c5e60; margin:-1px 0 0 -1px; text-align:center;
font-family: Arial, Helvetica, sans-serif; }
.bt .v {  background-color:#f6f4ee; color:#9b7d4b; cursor:pointer;}  /* #b08e5f */
.bt .r {  background-color:#bb9d6b;color:#fff;}
.bt .p {  background-color:#9b7d4b;color:#fff;}
/*.bt.m .v { background:url(../images/kamil-peteraj/fap2_200.webp); background-size:430%; background-position:18% 14% }
.bt.l .v { background:url(../images/kamil-peteraj/fap1_200.webp); background-size:430%; background-position:18% 14% }*/
#sft { width:100%; height:90px; overflow:hidden;}
#sfb { width:100%; height:120px; overflow:hidden;}
.wrap { overflow:hidden; padding:10px 2%; }
.obj { width:100%; overflow:hidden;background:#f6f4ee url(../images/kamil-peteraj/bg2.webp) no-repeat top center; background-size:cover;}
#o1 { padding-top:50px; text-align:center;  }
#o1 h1 { font-family: EastmanRomanLt, Arial, Helvetica, sans-serif; font-weight:600; letter-spacing:1px; line-height:1.1; font-size:44px; margin:4.5vw 0 1.3vw 0; color:#6c502f;}
#o1 p { font-family:EastmanRomanLt, Arial, Helvetica, sans-serif; font-weight:400; font-size:1.1rem; line-height:1.5; color:#fff;}
#o2 h2 {font-family:EastmanRomanLt, Arial, Helvetica, sans-serif; font-weight:400; text-align:center; font-size:26px;  color:#6c502f;}
#o2 h3 {font-family:EastmanRomanLt, Arial, Helvetica, sans-serif; font-weight:400; font-size:22px; text-align:center; color:#fff; line-height:1.3; letter-spacing:1px;}
#o2 h4 {font-family:EastmanRomanLt, Arial, Helvetica, sans-serif; font-weight:400; font-size:16px; text-align:center; margin-bottom:.6em}
#o2 .o { overflow:hidden; margin:6px 11px 20px 12px; box-shadow:6px 6px 12px #999;}
#o2 .o img { width:100%; margin-bottom:-4px;}
#o2 .c1 { overflow:hidden; margin-bottom:1.5em}
#o2 .c11 { width:12%; overflow:hidden; float:left;}
#o2 .c11 h2 { margin:0 0 .1em 0;}
#o2 .c11 p { color:#6c502f;margin:.1em 0 1em 0; text-align:center;font-family:Arial, Helvetica, sans-serif;}
#o2 .c11 p span { }
#o2 .c12 { width:86%; overflow:hidden; float:right; margin-top:4px;}
#o2 .s { width:50px; height:27px; overflow:hidden;background: url(../images/marina/vl.png) center center no-repeat; background-size:contain; margin:0 auto 25px auto;}
.objednavka h1 {font-family:EastmanRomanLt, Arial, Helvetica, sans-serif; font-weight:400; letter-spacing:0; line-height:1.1; font-size:44px; margin:4.5vw 0 1.3vw 0;}
.objednavka h3, .creg label, .objednavka p {font-family:Arial, Helvetica, sans-serif; font-weight:400; color:#6c502f;}
.objednavka p { font-size:16px;}
.objednavka p.err { color:#fff;}
.hl, .objednavka .hl a {color: #6c502f;}

.freg {background:#9b7d4b url(../images/kamil-peteraj/bg3.webp) no-repeat top center; }
.freg td { font-family: Arial, Helvetica, sans-serif;color:#fff; padding:4px 0;}
.freg input[type=text].m { width: 30%;}
.freg input[type=text].ic { width: 29%;}
.freg input[type=text].lq { width: 77%; }
.objednavka button { background:#9b7d4b}
.cb span {margin: 2px 8px -4px 6px;}
.footer { width:100%; height:75px; padding-top:5px; position:relative; overflow:hidden; color:#fff; background:url(../images/kamil-peteraj/bg3.webp) no-repeat top center; background-size:cover;z-index:12; text-align:center;}
.footer-content{ width:100%;  height:50px;  line-height:32px;  font-size:14px; font-weight:300; color:#fff; text-align: center; margin:0; /*display:table-cell; vertical-align:middle;*/}
.footer-content p{padding-top:2px;font-size:14px;}
.footer-content img{float:left;margin-top:-20px}
.footer-content a{color:#fff} .footer-content a:hover{color:#b49460}
.footer-content .ikar { display: inline-block; width: 70px; height: 26px; margin: -4px 8px -5px 2px; overflow: hidden; background: url(../images/ikar-logo-w.webp) no-repeat; background-size:contain;}

@media (min-width: 2001px) {
#o2 .c11 { width:10%;}
#o2 .c12 { width:87%;}
}
@media (max-width: 1800px) {
#o2 .c11 { width:12%;}
#o2 .c12 { width:86%;}
}
@media (max-width: 1700px) {
#o2 .c11 { width:14%;}
#o2 .c12 { width:80%;}
}
@media (max-width: 1600px) {
#o2 .c11 { width:18%;}
#o2 .c12 { width:78%;}
#s7 .c1 .f { width:26.5% }
}
@media (max-width: 1400px) {
#s7 .c1 { width:60%; height:40vw; }
#s7 .c1 .s { width:88%; }
#s7 .c1 .f { width:26.5% }
#s7 .c2 { width:36%; margin:2.2em 0 0 4%; float:left; }

#s11 .c1 .s { width:76%; }
#s11 .c1 .f { width:25%; }

#o2 .c11 { width:22%;}
#o2 .c12 { width:72%;}
}
@media (max-width: 1250px) {
#o2 .c11 { width:40%;}
#o2 .c12 { width:52%;}
}
@media (max-width: 1100px) {
.gohome{ width:70px; height:70px;margin-left:-35px; top:5px}

#s1 .c1, #s1 .c1 div { width:92%; }
#s5 .c1 { margin:10em 0 0 0; }
#s5 .c1 p { font-size:26px; letter-spacing:1px; }
#s5 .c2 { width:52%;}
#s5 .c3 { width:25%; margin-top:7em; }
#s5 .c3 li { font-size:14px;}
#s7 h2 {font-size:28px;}

#s8 .ib {width:calc(80vw + 10px); height:calc(35vw + 10px); }
#s8 .ilu { width:80vw; height:35vw; } 
#s8 .bb { width:100%; margin-left:0;}

#s11 .c1 { width:96%; height:45vw;}
#s11 .c2 { width:80%; margin:2.5em auto; float:none; }
#s11 { padding:4em 0 0 0;} 

.slider { margin-top:50px;}
#o2 .c11 { width:100%; float:none; margin:5px auto;}
#o2 .c11 .o { width:20%; float:left; margin-left:35%;}
#o2 .c11 h2 { width:30%; float:left; text-align:left; margin:12vw 0 0 2%;}
#o2 .c11 p { float:left; text-align:left; margin-left:2%;}
#o2 .c12 { width:100%; float:none;}
#o2 .c2 { margin-top:2em}
}
@media (max-width: 900px) {
#s4 p { font-size:1.5em; }
#s5 .c1 { width:12em; margin:0 auto; float:none; text-align:center; }
#s5 .c1 p { font-size:26px; letter-spacing:1px; }
#s5 .c2 { width:90%; margin:5px auto;float:none;}
#s5 .c3 { width:100%; margin-top:0; float:none;}
#s5 .c3 li { font-size:16px;}
#s7 .c1 { width:96%; height:50vw; float:none; }
#s7 .c1 .s { width:88%; }
#s7 .c1 .f { width:26.5% }
#s7 .c2 { width:96%; margin:1.2em 0 0 4%; float:none; }
#s8 h3 { font-size:40px; }
#s8 .c { width:90%; margin:0 auto; float:none; text-align:center;}
#s9 iframe { height:55vw; margin:30px auto;}
#s10 .c { width:90%; max-width:280px; margin:2px auto; float:none; min-height:100px; margin-bottom:1em;}

#o2 .c11 .o { width:30%; margin-left:30%;}
#o2 .c11 h2 { margin:18vw 0 0 2%;}
}
@media (max-width: 800px) {
#s11 iframe { width:96%; height:63vw; margin:60px auto;}
}
@media (max-width: 776px) {
#s1 .c1, #s1 .c1 div { float:none; height:60vw; }
#s1 .bl, #s1 .c1, #s1 .c1 div { min-height:100px;}
#s1 .c1 {position:relative; }
#s1 .c2 { width:90%; position:relative; top:0; margin:0 auto 3em auto; float:none;}
#s1 .c2 a.btn { margin-top:5px;}
#s1 .c p:nth-child(1),#s1 .c p:nth-child(2),#s1 .c p:nth-child(3) { width:100%;}

}
@media (max-width: 600px) {
.see { height:0;}
#s3 .c { width:100%;}
#s3 p { font-size:15px; }
#s3 h2 { font-size:22px; letter-spacing:.15em; }
#s4 p { font-size:1.4em; }
#s4 p:nth-child(1) { margin:1em 0 9em 0;}
#s4 p:nth-child(2) { margin:9em 0 1em 0;}


#o2 .c11 .o { width:40%;  margin-left:15%;}
#o2 .c11 h2 { width:40%;  margin:25vw 0 0 2%;}
.slider { margin-top:30px;}
.slider #zcontainer, .slider #zitems, .slider #zitems .item { width:98vw;}
.slider #zcontainer, .slider #zitems, .slider #zitems .item, .slider #curt {height:89vw;}
.indicators {  left:0; bottom:0;}
.indicators span { margin:0 .8em 1em 0; }
.bt { width:98.5%; margin-left:1%; margin-bottom:0; }
.bt div { font-size:17px; width:48px; height:34px; padding-top:16px; }
.legenda { width:100%; margin-bottom:3em;}
.legenda { padding:1em 0;  }
.legenda span {padding:0.6em;font-size:14px!important; }
.legenda span:first-child {padding-left:0; }
.tab-content { margin-top:10px}
.freg input[type=text], .freg input[type=email], .freg input[type=tel], .freg input[type=password], .freg input[type=number], .freg textarea {font-size: 14px; padding: 8px 1%;}
.creg {font-size:15px;}
.cb span {margin: 2px 8px -4px 4px;}
.freg p.ll, .freg td {font-size:14px;}
.footer-content{ line-height:1.65;}
.footer, .footer-content { height:auto; }
}                          
@media (max-width: 400px) {
#tit2{ display:none;}
#s2 img { width:175%; margin-left:-30%;}
#o2 .c11 .o { width:40%;  margin-left:10%;}
#o2 .c11 h2 { width:40%;  margin:25vw 0 0 2%;font-size:30px; }
}