body,main{display:-webkit-flex;display:-ms-flexbox}
body,html{font-family:Oswald;color:#313131;background-color:#5D5D5D;max-width:100%;font-size:16px;min-height:100vh;overflow-x:hidden}
body{display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
header{-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;background-color:#353535;font-size:5em;font-weight:700;color:#FFF;padding:0 10px;text-align:center}
header a{font-size:16px;font-weight:300;display:block;padding:5px 30px}
header a:active,header a:focus,header a:hover{color:inherit;text-decoration:none}
@media (max-width:1690px){header{font-size:4em}
}
@media (max-width:1450px){header{font-size:3.5em}
}
@media (max-width:1060px){header{font-size:3em}
}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){header{font-size:1.8em;padding:10px}
header a{font-size:10px;padding:5px 15px}
}
.gradient{background:linear-gradient(#15C534,#2B900C);color:#FFF}
.gradient:hover{background:linear-gradient(#13ae2e,#24780a)}
.greentext{color:#1CAB1E}
#map{width:600px;height:530px}
@media (max-width:1690px) and (min-width:1023px){#map{width:500px;height:430px}
}
@media (max-width:1350px) and (min-width:1023px){#map{width:450px;height:380px}
}
@media (max-width:1250px) and (min-width:1023px){#map{width:400px;height:330px}
}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){#map{width:100%;height:500px}
}
@media (max-width:600px){header{font-size:1.5em}
#map{height:350px}
}
@media (max-width:350px){header{font-size:1.3em}
#map{height:250px}
}
main{min-height:80vh;-webkit-flex:2 0 auto;-ms-flex:2 0 auto;flex:2 0 auto;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;padding:30px 0 15px;position:relative;background-image:url(/img/v2/lp34/lana_giselle_links.png),url(/img/v2/lp34/bg.jpg);background-size:auto 103%,auto;background-repeat:no-repeat,repeat;background-position:bottom left,0 0;background-clip:border-box,content-box}
main.sc{background-image:url(/img/v2/lp34/lana_giselle_links_sc.png),url(/img/v2/lp34/bg.jpg)}
main .sexcontacts{display:none;font-size:1.5em;text-shadow:4px 4px 8px #000;color:#FFF;text-align:center}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){main .sexcontacts{display:block;font-size:1.15em;font-weight:300}
}
@media (max-width:600px){main .sexcontacts{font-size:1.05em;display:none}
}
main .mapcontainer{position:relative;margin:50px 15px 50px 0}
main .mapcontainer::before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;z-index:50;pointer-events:none;border:15px solid #353535}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){main .mapcontainer{margin:0 0 15px;width:100%}
}
main .questioncontainer{background:rgba(0,0,0,.3);-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto;max-width:1140px}
main .questioncontainer .inner{max-width:630px;color:#FFF;margin:0 auto;text-align:center;font-weight:300;padding:30px 30px 20px;text-shadow:4px 4px 8px #000}
main .questioncontainer .inner>p{font-size:22px}
main .questioncontainer .inner .question{font-size:2.6em;min-width:400px}
main .questioncontainer .inner .question>div{display:-webkit-flex;display:-ms-flexbox;display:flex}
main .questioncontainer .inner .question>div button{margin:0 15px;-webkit-flex:1;-ms-flex:1;flex:1;font-size:.8em;padding:5px 0}
main .questioncontainer .inner>a{color:#FFF;text-decoration:underline;margin-top:30px;display:block}
main .questioncontainer .inner>a:active,main .questioncontainer .inner>a:focus,main .questioncontainer .inner>a:hover{color:#FFF;text-decoration:underline}
main .questioncontainer .inner .sexcontacts{display:block}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){main .questioncontainer .inner .sexcontacts{display:none}
}
@media (max-width:600px){main .questioncontainer .inner .sexcontacts{display:block}
}
main .questioncontainer .progressbar{position:relative}
main .questioncontainer .progressbar .bar,main .questioncontainer .progressbar::before{content:'';height:4px;position:absolute;width:100%;left:1px;top:30%;background-color:#5D5D5D;z-index:1}
main .questioncontainer .progressbar .bar{background-color:#1CAB1E;z-index:2;width:0%;transition:width 1s ease}
main .questioncontainer .progressbar>div:not(.bar){width:10px;height:10px;background:#5D5D5D;border-radius:2em;position:absolute;left:0;top:-3px;z-index:5}
main .questioncontainer .progressbar>div:not(.bar)+div:not(.bar){left:auto;right:-2px}
main .questioncontainer .progressbar>div:not(.bar).active{background:#1CAB1E;transition:background-color .3s linear .8s}
main .questioncontainer .progressbar .active+.active~.bar{width:100%}
@media (max-width:1690px) and (min-width:1023px){main .questioncontainer{font-size:14px}
}
@media (max-width:1450px) and (min-width:1023px){main .questioncontainer{font-size:13px}
}
@media (max-width:1350px) and (min-width:1023px){main .questioncontainer{font-size:12px}
}
@media (max-width:1250px) and (min-width:1023px){main .questioncontainer{font-size:11px}
}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){main .questioncontainer{width:100%;background:0 0;-webkit-order:2;-ms-flex-order:2;order:2}
main .questioncontainer.sc{background:0 0}
}
@media (max-width:700px){main .questioncontainer{-webkit-order:0;-ms-flex-order:0;order:0}
main .questioncontainer .inner{padding:15px}
main .questioncontainer .inner .question{font-size:1.45em;min-width:0}
}
@media (max-width:350px){main .questioncontainer{font-size:12px}
}
main .regcontainer{width:70%;padding:15px;background:rgba(255,255,255,.9);margin:25px 15px}
main .regcontainer .progressbar{height:40px;background:#ADADAD;margin-bottom:5px;position:relative}
main .regcontainer .progressbar .inner{background:#2A2A2A;height:inherit;position:absolute;top:0;left:0;z-index:1;width:0;transition:width 2s ease-out}
main .regcontainer .progressbar .text{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;font-size:20px;color:#FFF;font-weight:300;width:100%;text-align:center}
main .regcontainer .progressbar .text .counter{font-weight:400;display:inline-block;min-width:50px;text-align:right}
main .regcontainer .progressbar .text .counter::after{content:'%'}
main .regcontainer .progressbar .text img{width:35px}
main .regcontainer .progressbar.green{height:60px}
main .regcontainer .progressbar.green .inner{background:linear-gradient(#15C534,#2B900C);transition:width 6s ease-out}
main .regcontainer .progressbar.green .text{font-size:22px}
main .regcontainer .progressbar.green .counter{text-align:left}
main .regcontainer .progressbar.go .inner{width:100%}
main .regcontainer .searching{text-align:center;font-size:45px;font-weight:700;margin:45px 0}
footer,main .regcontainer form label{font-weight:300}
main .regcontainer .found{margin:25px 0}
main .regcontainer .found p{font-size:25px;text-align:center;line-height:1}
main .regcontainer .found p:not(.greentext){font-size:18px}
main .regcontainer form .teasertext{font-size:28px;line-height:1}
main .regcontainer form button{color:#FFF;border-radius:0;border:0}
main .regcontainer form button:active,main .regcontainer form button:focus,main .regcontainer form button:hover{color:#FFF}
main .regcontainer form .formfields{width:50%;margin:0 auto}
main .regcontainer form .formfields>div:first-child{margin-bottom:15px}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){main .regcontainer{width:100%;margin:0}
main .regcontainer .progressbar .text{font-size:14px}
main .regcontainer .progressbar .text img{width:25px}
main .regcontainer .progressbar.green .text{font-size:20px}
main .regcontainer .result .found p{font-size:1.6em;text-align:center}
main .regcontainer .result .found p:not(.greentext){font-size:1.3em;line-height:1.2}
main .regcontainer .searching{font-size:35px}
main .regcontainer form{text-align:center}
main .regcontainer form .teasertext{font-size:1.5em;line-height:1.2;font-weight:300;margin-bottom:15px}
main .regcontainer form button{margin-top:10px}
main .regcontainer form .formfields{width:auto}
main::before{display:none}
}
@media (max-width:350px){main .regcontainer .result .found p{font-size:1.3em}
main .regcontainer .result .found p:not(.greentext){font-size:1em;line-height:1.2}
main .regcontainer .searching{font-size:25px}
main .regcontainer form .teasertext{font-size:1.3em}
}
main::before{content:'';width:500px}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){main,main.sc{background-image:url(/img/v2/lp34/bg.jpg)}
main{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-justify-content:initial;-ms-flex-pack:initial;justify-content:initial;padding:15px;margin-top:10px;background-size:auto;background-repeat:repeat;background-position:0 0;background-clip:border-box}
}
@media (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){main{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end;background-image:url(/img/v2/lp34/lana_giselle_links.png),url(/img/v2/lp34/bg.jpg);background-size:auto 103%,auto;background-repeat:no-repeat,repeat;background-position:bottom left,0 0;background-clip:border-box,content-box}
main.sc{background-image:url(/img/v2/lp34/lana_giselle_links_sc.png),url(/img/v2/lp34/bg.jpg)}
main .sexcontacts{display:none}
main .mapcontainer,main .questioncontainer{margin:0;margin-bottom:15px}
main .questioncontainer{margin-top:15px;width:500px;margin-right:10vw}
main .questioncontainer .sexcontacts{display:block}
main .mapcontainer{margin-right:15vw;width:auto}
main .mapcontainer #map{width:400px;height:330px}
main .regcontainer{width:63%;margin:25px 15px}
main .regcontainer form button{margin-top:0}
}
button{-webkit-appearance:none;appearance:none;border:none}
button.red{background-color:#AB1B1B}
button.green{background-color:#1CAB1E}
.flex-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
.flex-row>div{padding:0 15px;width:100%}
@media (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px){.flex-row{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}
.flex-row>div{padding:0}
}
footer{background:#353535;color:#FFF;padding:15px 0;font-size:13px;text-align:center;-webkit-flex:0 0 auto;-ms-flex:0 0 auto;flex:0 0 auto;position:relative;min-height:50px}
@media (orientation:portrait) and (max-width:1023px),(min-device-width :768px) and (max-device-width :1024px) and (orientation:portrait),(max-width:600px){footer{border-top:none}
}
footer>div{position:absolute;width:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);color:#555}
footer>div a,footer>div a:active,footer>div a:focus,footer>div a:hover{color:inherit;text-decoration:none}