html{width:100%; }
body{background-color:#ffffff; margin:0 auto; padding:0; font-family:'Bai Jamjuree', sans-serif; min-width:20em; }
@media only screen and (min-width:48em){body{}}
@media only screen and (min-width:90em){body{}}
.header{}
.header-wrap{}
@media only screen and (min-width:48em){.header{}}
@media only screen and (min-width:64em){.header{}}
@media only screen and (min-width:90em){.header{}}
.content{width:100%; padding:0 0 1em 0; }
@media only screen and (min-width:32em){.content{}}
@media only screen and (min-width:48em){.content{}}
@media only screen and (min-width:64em){.content{}}
.footer{width:100%; }
.footer-wrap{width:100%; margin:4em 0 0 0; float:left; padding:0.75em 1em 1em 1em; box-sizing:border-box; background-image:url(https://www.aquapark-porec.com/container/images/r1/g2019/m06/footer-gradient.png); background-repeat:repeat-x; }
@media only screen and (min-width:30em){.footer{}}
@media only screen and (min-width:48em){.footer{}}
@media only screen and (min-width:64em){.footer{}}
.Slogan{width:100%; min-width:20em; height:22.7em; padding-bottom:0; margin-top:5.75em; position:relative; background-image:url(https://www.aquapark-porec.com/container/images/r1/g2019/m06/header-porec-mobile.jpg); background-size:100%; background-repeat:no-repeat; background-position:0; }
.Slogan .wrap-me{position:absolute; top:0; bottom:0; left:0; right:0; }
.Slogan .wrap-me .main{position:absolute; bottom:0; left:0; padding:0.75em; }
.Slogan .wrap-me .main.fixed{position:fixed; }
.Slogan .wrap-me .main.abs{position:absolute; }
.Slogan .wrap-me .main h1{color:#ffffff; font-size:0.9em; padding:0.25em 0.25em 0.25em 0.25em; margin:0 0 0 0.125em; float:left; background-color:rgba(0, 0, 0, 0.35); line-height:100%; }
.Slogan .wrap-me .main span{color:#ffffff; font-weight:bold; line-height:115%; display:block; float:left; font-family:'Viga',sans-serif; }
.Slogan .wrap-me .main span.p-1{font-size:3em; margin-top:0.125em; clear:both; }
.Slogan .wrap-me .main span.p-2{font-size:3.125em; clear:both; }
.Slogan .wrap-me .main span.p-3{font-size:1.4em; margin:1.1em 0 0 0.35em; }
.Slogan .wrap-me .main span.p-4{font-size:2em; margin-top:0.125em; clear:both; }
.Slogan .wrap-me .main span.p-5{font-size:1.25em; margin:0.75em 0 0 0.5em; }
.Slogan .wrap-me .main a.video-icon img{width:3.5em; display:block; float:left; margin-left:0.5em; }
@media only screen and (min-width:20em){
.Slogan{height:auto; padding-bottom:113.22%; }
}
@media only screen and (min-width:30em){
.Slogan{ }
}
@media only screen and (min-width:48em){
.Slogan{background-image:url(https://www.aquapark-porec.com/container/images/r1/g2019/m06/header-porec-mid-1.jpg); padding-bottom:83.33%; margin-top:0; }
.Slogan .wrap-me .main{font-size:2.5vw; }
}
@media only screen and (min-width:64em){
.Slogan{background-image:url(https://www.aquapark-porec.com/container/images/r1/g2019/m06/header-porec-mid-2.jpg); padding-bottom:66.66%; }
.Slogan .wrap-me .main{font-size:2.25vw; }
}
@media only screen and (min-width:90em){
.Slogan{background-image:url(https://www.aquapark-porec.com/container/images/r1/g2019/m06/header-porec.jpg); padding-bottom:53.63%; }
.Slogan .wrap-me .main{font-size:2.0vw; }
}
@media only screen and (min-width:130em){
.Slogan .wrap-me .main{font-size:1.5vw; }
}
.AboutUs{width:100%; }
.AboutUs h1{background-color:#FF6000; color:#ffffff; float:left; padding:0.5em 1em 0.5em 1em; font-size:1.25em; margin:0.75em 0 0.25em 0; font-family:'KoHo',sans-serif; }
.AboutUs .desc{width:100%; padding:0 1.5em 0 1.5em; margin:0; box-sizing:border-box; overflow:hidden; margin:0 auto; clear:both; color:#0a496e; }
.AboutUs .desc p{margin:0.25em 0 0 0; padding:0; font-size:0.95em; }
.AboutUs .girl{width:100%; display:block; margin:0.5em 0 0 0; }
.AboutUs .girl .love{width:100%; display:block; margin:0 auto; }
.AboutUs .boxes{margin-top:0.5em; font-size:0.9em; color:#0a496e; }
.AboutUs .boxes p{width:100%; padding:1em; box-sizing:border-box; margin:0; }
.AboutUs .boxes p.fun{background-color:#FFFC17; text-align:right; }
.AboutUs .boxes p.elements{background-color:#ffffff; text-align:center; }
.AboutUs .boxes .links{width:100%; padding:1em; box-sizing:border-box; background-color:#d6f21a; }
.AboutUs .boxes .links ul{ }
.AboutUs .boxes .links ul li{ }
.AboutUs .boxes .links ul li a{color:#0a496e; }
@media only screen and (min-width:30em){
.AboutUs{ }
.AboutUs .boxes p{padding:1.5em; }
}
@media only screen and (min-width:48em){
.AboutUs{ }
.AboutUs h1{padding:0.5em 5% 0.5em 5%; }
.AboutUs .desc{width:90%; padding:0; }
.AboutUs .girl{width:90%; margin:0 auto; margin-top:0.5em; }
.AboutUs .boxes{margin-top:1em; position:relative; padding:0 0 0.5em 0; }
.AboutUs .boxes{overflow:hidden; }
.AboutUs .boxes p{width:33.33%; float:left; }
.AboutUs .boxes p.fun{position:absolute; top:0; bottom:0; left:0; }
.AboutUs .boxes p.elements{margin-left:33.33%; }
.AboutUs .boxes .links{width:33.33%; position:absolute; right:0; top:0; bottom:0; }
.AboutUs .boxes .links strong{display:block; margin:0.5em 0 0 0; }
.AboutUs .boxes .links ul li{margin:0.5em 0 0 0; }
}
@media only screen and (min-width:64em){
.AboutUs{font-size:1.6vw; }
.AboutUs .boxes p{padding:2em; }
.AboutUs .boxes .links ul{font-size:0.85em; }
}
@media only screen and (min-width:90em){
.AboutUs{font-size:1.45vw; }
.AboutUs .boxes .links ul li{float:left; width:50%; }
}
@media only screen and (min-width:130em){
.AboutUs{font-size:1.2vw; }
}
.Head{background-color:#FF6000; width:100%; height:5.75em; position:absolute; top:0; left:0; }
.Head .hamburger{display:block; padding:1em 0 0 1em; float:left; }
.Head .active{display:block; }
.Head .inactive{display:none; }
.Head .hamburger img{position:relative; z-index:10; }
.Head .logo{position:absolute; top:6em; left:0.5em; width:18em; }
.Head .main-menu{display:none; position:absolute; top:100%; left:0; background-color:#FF6000; padding:1em 2em 2em 2em; width:100%; box-sizing:border-box; }
.Head .main-menu li{ }
.Head .main-menu li a{color:#ffffff; font-size:1.25em; border-style:solid; border-color:#ffe94c; border-width:0 0 0.0625em 0; width:100%; display:block; padding:0.5em 1em 0.5em 1em; box-sizing:border-box; }
@media only screen and (min-width:48em){
.Head{width:21em; top:2em; padding:1.75em; height:auto; }
.Head .hamburger{padding:0 0 0 1em; }
.Head .hamburger img{width:3em; margin-top:0; }
.Head .logo{float:left; position:relative; top:initial; left:initial; width:12em; margin:0 0 0 4em; }
.Head .main-menu{width:16em; }
.Head .main-menu li:first-child a{border-width:0.0625em 0 0.0625em 0; }
}
@media only screen and (min-width:64em){
.Head{font-size:1.55vw; }
.Head .main-menu li a{font-size:1.15em; }
}
@media only screen and (min-width:90em){
.Head{font-size:1.4vw; }
}
@media only screen and (min-width:130em){
.Head{font-size:1vw; }
}
.Unforgettable{width:100%; min-width:20em; height:25.5em; margin-top:0.5em; padding-bottom:0; position:relative; background-image:url(https://www.aquapark-porec.com/container/images/r1/g2019/m06/unforgettable-summer-porec-mobile.jpg); background-size:100%; background-repeat:no-repeat; background-position:0; }
.Unforgettable .wrap-me{position:absolute; bottom:0; left:0; right:0; background-color:rgba(0, 0, 0, 0.25); color:#ffffff; padding:0.5em 0.75em 0.5em 0.75em; }
.Unforgettable .wrap-me p{padding:0; margin:0; font-weight:bold; line-height:105%; font-family:'Viga',sans-serif; }
.Unforgettable .wrap-me .p1{font-size:3.25em; }
.Unforgettable .wrap-me .p2{font-size:2.125em; margin-left:0.625em; }
.Unforgettable .wrap-me .p3{font-size:3.25em; margin-left:2.875em; }
@media only screen and (min-width:20em){
.Unforgettable{height:auto; padding-bottom:127.62%; }
}
@media only screen and (min-width:30em){
.Unforgettable{ }
}
@media only screen and (min-width:48em){
.Unforgettable{background-image:url(https://www.aquapark-porec.com/container/images/r1/g2019/m06/unforgettable-summer-porec-tablet.jpg); padding-bottom:68.59%; }
.Unforgettable .wrap-me{font-size:2.3vw; }
.Unforgettable .wrap-me .p1{font-size:3.5em; }
.Unforgettable .wrap-me .p2{font-size:2.0625em; margin-left:0; }
.Unforgettable .wrap-me .p3{font-size:4.5em; position:absolute; left:0.625em; bottom:0.125em; }
}
@media only screen and (min-width:64em){
.Unforgettable{background-image:url(https://www.aquapark-porec.com/container/images/r1/g2019/m06/unforgettable-summer-porec.jpg); padding-bottom:46.21%; }
.Unforgettable .wrap-me{font-size:2vw; }
}
@media only screen and (min-width:90em){
.Unforgettable{ }
.Unforgettable .wrap-me{font-size:1.75vw; }
}
@media only screen and (min-width:130em){
.Unforgettable{ }
.Unforgettable .wrap-me{font-size:1.6vw; }
}
.Top{position:absolute; top:0; left:0; width:100%; min-width:20em; }
.Top .menu{margin:0 auto; text-align:center; margin-top:1.25em; font-size:1.7em; font-weight:normal; padding:0; line-height:100%; color:#ffffff; }
.Top .lang-en{color:#fffd57; }
.Top .lang-hr{display:inline; }
.Top .lang-hr:before{content:"/"; padding:0 0.25em 0 0.25em; font-size:0.9em; }
.Top .wibit{width:5.5em; margin:0; padding:0; position:absolute; right:0.25em; top:0.125em; }
@media only screen and (min-width:48em){
.Top{left:initial; right:0; width:auto; min-width:auto; top:1em; }
.Top .menu{margin-top:0; background-color:#FF6000; font-size:1em; padding:0.625em 3.25em 0.625em 1.125em; }
.Top .wibit{right:4.875em; top:3em; }
}
@media only screen and (min-width:64em){
.Top{font-size:1.55vw; }
}
@media only screen and (min-width:90em){
.Top{font-size:1.4vw; }
}
@media only screen and (min-width:130em){
.Top{font-size:1vw; }
}
.PriceList{width:100%; }
.PriceList h1{background-color:#FF6000; color:#ffffff; float:left; padding:0.5em 1em 0.5em 1em; font-size:1.25em; margin:1em 0 0.25em 0; font-family:'KoHo',sans-serif; }
.PriceList .working-hours{float:left; clear:both; margin:0.5em 0 0.75em 1.25em; color:#0a496e; padding:0; }
.PriceList .pricelist-table{text-align:center; font-size:1.44em; width:100%; margin:0 auto; }
.PriceList .pricelist-table tr.row-yellow{background-color:#d6f21a; color:#0a496e; }
.PriceList .pricelist-table tr td{width:50%; padding:0.5em; font-size:1em; }
.PriceList .pricelist-table tr.row-yellow td.cell-blue{background-color:#1538b9; color:#ffffff; width:50%; }
.PriceList .pricelist-table tr.row-yellow td.cell-blue p{margin:0; padding:0; }
.PriceList .pricelist-table tr.row-yellow td.cell-blue p span{font-size:0.5em; display:block; }
.PriceList .paying{width:100%; max-width:22em; display:block; margin:0 auto; margin-top:0.125em; }
.PriceList .paying .price-list{width:100%; display:block; }
@media only screen and (min-width:20em){
.PriceList{ }
}
@media only screen and (min-width:22em){
.PriceList{ }
.PriceList .pricelist-table{width:15.4em; }
}
@media only screen and (min-width:30em){
.PriceList{position:relative; overflow:hidden; }
.PriceList .pricelist-table{font-size:1.2em; width:58%; margin:0 0 0 0.25em; float:left; clear:both; }
.PriceList .paying{margin:0; padding:0 0.375em 0 60%; box-sizing:border-box; max-width:initial; position:absolute; left:0; bottom:0; height:14.5em; }
}
@media only screen and (min-width:40em){
.PriceList{ }
.PriceList .pricelist-table{font-size:1.44em; width:58.5%; }
.PriceList .paying{height:17.5em; padding:0 0.375em 0 60%; }
}
@media only screen and (min-width:48em){
.PriceList{ }
.PriceList .working-hours{clear:none; margin:1.5em 0 0.75em 1em; }
.PriceList .working-hours strong{display:block; }
.PriceList .pricelist-table{font-size:1.2em; width:100%; margin:0.5em 0 0 0; padding:0 54% 0 5%; }
.PriceList .paying{height:18.5em; padding:0 5% 0 56%; }
.PriceList h1{padding:0.5em 5% 0.5em 5%; }
}
@media only screen and (min-width:64em){
.PriceList{font-size:1.8vw; }
.PriceList .working-hours{margin:2.5em 0 0.75em 1em; }
.PriceList .working-hours strong{display:inline; }
.PriceList .pricelist-table{padding:0 51% 0 18%; }
}
@media only screen and (min-width:90em){
.PriceList{font-size:1.4vw; }
.PriceList .paying{padding:0 10% 0 50%; }
.PriceList .pricelist-table{font-size:1.3em; }
}
@media only screen and (min-width:130em){
.PriceList{font-size:1.2vw; }
.PriceList .paying{padding:0 15% 0 50%; }
}
.Gallery{width:100%; overflow:hidden; }
.Gallery h1{background-color:#FF6000; color:#ffffff; float:left; padding:0.5em 1em 0.5em 1em; font-size:1.25em; margin:1em 0 0 0; font-family:'KoHo',sans-serif; }
.Gallery .images{clear:both; }
.Gallery .images picture{width:100%; margin:0.25em 0 0 0; float:left; }
.Gallery .images picture img.image{width:100%; display:block; }
@media only screen and (min-width:20em){
.Gallery{ }
}
@media only screen and (min-width:30em){
.Gallery{ }
.Gallery .images picture{margin:0; box-sizing:border-box; padding:0.125%; }
.Gallery .images picture.image6{width:28.5714%; }
.Gallery .images picture.image7{width:33.3333%; }
.Gallery .images picture.image9{width:42.8571%; }
.Gallery .images picture.image9.move-top{margin-top:-28.6666%; }
.Gallery .images picture.image12{width:57.1428%; }
}
@media only screen and (min-width:48em){
.Gallery{ }
.Gallery h1{padding:0.5em 5% 0.5em 5%; }
}
@media only screen and (min-width:64em){
.Gallery{font-size:1.6vw; }
}
@media only screen and (min-width:80em){
.Gallery{ }
}
@media only screen and (min-width:90em){
.Gallery{font-size:1.4vw; }
}
@media only screen and (min-width:130em){
.Gallery{font-size:1.1vw; }
}
.Video{width:100%; overflow:hidden; }
.Video h1{background-color:#FF6000; color:#ffffff; float:left; padding:0.5em 1em 0.5em 1em; font-size:1.25em; margin:1em 0 0.25em 0; font-family:'KoHo',sans-serif; }
.Video .video-wrapper{position:relative; padding-bottom:56.25%; float:left; width:100%; }
.Video iframe{position:absolute; top:0; left:0; width:100%; height:100%; }
.Video .video-description{float:left; clear:both; margin:1em 1em 0 1em; color:#0a496e; font-size:1.15em; line-height:120%; }
.Video .video-fun{float:left; clear:both; margin:0.5em 0.5em 0 0.5em; color:#aed901; font-size:2em; font-family:'Viga',sans-serif; line-height:115%; font-weight:bold; }
@media only screen and (min-width:20em){
.Video{ }
}
@media only screen and (min-width:30em){
.Video{ }
}
@media only screen and (min-width:48em){
.Video{ }
.Video h1{padding:0.5em 5% 0.5em 5%; }
.Video .video-description{padding:0 5% 0 5%; margin:1em 0 0 0; }
.Video .video-fun{margin:0.5em 0 0 0; padding:0 5% 0 5%; }
}
@media only screen and (min-width:64em){
.Video{font-size:1.6vw; }
.Video .video-fun{font-size:1.625em; }
}
@media only screen and (min-width:80em){
.Video{ }
.Video .video-description{font-size:1em; }
}
@media only screen and (min-width:90em){
.Video{font-size:1.4vw; }
}
@media only screen and (min-width:130em){
.Video{font-size:1.1vw; }
}
.SafetyFeatures{width:100%; overflow:hidden; margin-top:2.5em; }
.SafetyFeatures h1{background-color:#FF6000; color:#ffffff; float:left; padding:0.5em 1em 0.5em 1em; font-size:1.25em; margin:0 0 0.25em 0; font-family:'KoHo',sans-serif; }
.SafetyFeatures aside.properties{width:100%; clear:both; background-color:#D7F21A; padding:1em; box-sizing:border-box; color:#0a496e; }
.SafetyFeatures aside.properties h3{line-height:120%; margin:0; padding:0; font-size:1.25em; }
.SafetyFeatures aside.properties ol{list-style-type:decimal; padding:0 1em 0 1em; margin:1em 0 0 0; font-size:1.1em; }
.SafetyFeatures aside.properties ol li{padding:0 0 0.5em 0; }
.SafetyFeatures .certificate{margin:0 auto; margin-top:2em; text-align:center; display:block; }
.SafetyFeatures .certificate .tuv{width:40%; max-width:15em; }
.SafetyFeatures .details{margin:1em 1em 0 1em; }
.SafetyFeatures .details h2{color:#0F4573; }
.SafetyFeatures .details p{color:#0F4573; font-size:1.1em; }
.SafetyFeatures .images{width:100%; overflow:hidden; margin-top:1.5em; float:left; }
.SafetyFeatures .images .guard-tower{width:100%; display:block; float:left; padding:0 0 0.125em; }
.SafetyFeatures .images .guard-tower .main{width:100%; display:block; }
.SafetyFeatures .images .small{width:50%; box-sizing:border-box; float:left; padding-bottom:0.125em; }
.SafetyFeatures .images .left{padding-right:0.0625em; }
.SafetyFeatures .images .right{padding-left:0.0625em; }
@media only screen and (min-width:30em){
.SafetyFeatures{ }
}
@media only screen and (min-width:40em){
.SafetyFeatures{ }
.SafetyFeatures .images .small{width:25%; }
.SafetyFeatures .images .left{padding-left:0.0625em; padding-right:0.0625em; }
.SafetyFeatures .images .right{padding-left:0.0625em; padding-right:0.0625em; }
}
@media only screen and (min-width:48em){
.SafetyFeatures{ }
.SafetyFeatures h1{padding:0.5em 5% 0.5em 5%; }
.SafetyFeatures aside.properties{width:60%; float:right; clear:none; font-size:0.9em; }
.SafetyFeatures .certificate{margin:2em 0 0 5%; text-align:left; float:left; clear:left; }
.SafetyFeatures .certificate .tuv{width:80%; max-width:12em; }
.SafetyFeatures .details{clear:both; float:left; }
}
@media only screen and (min-width:64em){
.SafetyFeatures{font-size:1.6vw; }
.SafetyFeatures .certificate{width:13%; }
.SafetyFeatures .certificate .tuv{width:7em; max-width:initial; }
.SafetyFeatures .details{clear:right; width:81%; box-sizing:border-box; float:left; margin:0; font-size:0.9em; }
.SafetyFeatures .details h2{font-size:1.25em; }
}
@media only screen and (min-width:90em){
.SafetyFeatures{font-size:1.4vw; }
}
@media only screen and (min-width:130em){
.SafetyFeatures{font-size:1.1vw; }
}
.Location{width:100%; overflow:hidden; margin-top:2.5em; }
.Location h1{background-color:#FF6000; color:#ffffff; float:left; padding:0.5em 1em 0.5em 1em; font-size:1.25em; margin:0 0 0.25em 0; font-family:'KoHo',sans-serif; }
.Location aside.properties{width:100%; clear:both; background-color:#D7F21A; padding:1em; box-sizing:border-box; color:#0a496e; text-align:right; }
.Location .details{margin:0.5em 1em 1em 1em; overflow:hidden; }
.Location .details p{color:#0F4573; font-size:1.2em; margin:0.5em 0 0 0; padding:0; float:left; width:100%; }
.Location .details p a{color:#239DF2; }
.Location .map-wrapper{position:relative; padding-bottom:80%; float:left; width:100%; }
.Location iframe{position:absolute; top:0; left:0; width:100%; height:100%; }
@media only screen and (min-width:30em){
.Location{ }
}
@media only screen and (min-width:40em){
.Location{ }
.Location aside.properties{width:40%; float:right; clear:none; font-size:0.9em; padding-right:5%; max-width:25em; margin-bottom:2em; }
.Location .details{clear:none; float:left; margin:0.5em 5% 1em 5%; width:50%; }
}
@media only screen and (min-width:48em){
.Location{ }
.Location h1{padding:0.5em 5% 0.5em 5%; }
.Location .map-wrapper{padding:0 5% 45% 5%; width:90%; box-sizing:border-box; margin:0 auto; float:none; overflow:hidden; }
}
@media only screen and (min-width:64em){
.Location{font-size:1.6vw; }
.Location .map-wrapper{padding-bottom:35%; }
}
@media only screen and (min-width:90em){
.Location{font-size:1.4vw; }
.Location .map-wrapper{padding-bottom:30%; }
}
@media only screen and (min-width:130em){
.Location{font-size:1.1vw; }
.Location .map-wrapper{padding-bottom:25%; }
}
.Contact{width:100%; overflow:hidden; margin-top:2.5em; }
.Contact h1{background-color:#FF6000; color:#ffffff; float:left; padding:0.5em 1em 0.5em 1em; font-size:1.25em; margin:0 0 0.25em 0; font-family:'KoHo',sans-serif; }
.Contact .contact-form{clear:both; padding:1em; }
.Contact .contact-form .intro{font-size:1.25em; color:#FC5916; margin:0; font-weight:bold; }
.Contact aside.info{width:100%; clear:both; background-color:#FFFC17; padding:1em; box-sizing:border-box; color:#0a496e; font-size:1.0625em; }
.Contact aside.info p{margin:0; padding:0.25em 0 0.25em 0; }
.Contact aside.info p a{color:#0a496e; }
.Contact aside.properties{width:100%; clear:both; background-color:#D7F21A; padding:1em; box-sizing:border-box; color:#0a496e; margin-top:0.125em; }
.Contact aside.properties .other-locations h3{margin:0; padding:0 0 0.25em 0; }
.Contact aside.properties .other-locations ul li a{color:#0a496e; font-size:1.125em; }
.Contact aside.properties .usefull-links{margin:1em 0 0 0; }
.Contact aside.properties .usefull-links h3{margin:0; padding:0 0 0.25em 0; }
.Contact aside.properties .usefull-links ul li a{color:#0a496e; font-size:1.125em; }
.Contact ul.send-message{overflow:hidden; color:#444444; }
.Contact ul.send-message li{clear:both; float:left; width:100%; padding:0.25em 0 0 0; box-sizing:border-box; border-style:solid; border-width:0 0 0.0625em 0; border-color:#46494d; }
.Contact ul.send-message li p{float:left; margin:0; padding:0 0.5em 0 0; }
.Contact ul.send-message li input{font-family:'KoHo',sans-serif; font-size:1em; box-sizing:border-box; padding:0.75em; border:0; width:100%; float:left; }
.Contact ul.send-message li input::placeholder{font-family:'KoHo',sans-serif; color:#000000; font-style:italic; }
.Contact ul.send-message li input.text{ }
.Contact ul.send-message li input.cb{width:1.5em; height:1.5em; }
.Contact ul.send-message li textarea.ta{font-family:'KoHo',sans-serif; font-size:1em; box-sizing:border-box; padding:0.75em; border:0; width:100%; height:7em; float:left; }
.Contact ul.send-message li textarea.ta::placeholder{font-family: 'KoHo',sans-serif; color:#000000; font-style:italic; }
.Contact ul.send-message li span.accept{float:left; display:block; margin:0.125em 0 0 0.125em; font-style:italic; }
.Contact ul.send-message li.no-border{border:0; }
.Contact ul.send-message li .send-message-do{background-color:transparent; color:#FC5916; border-style:solid; border-width:0.125em; border-color:#FC5916; width:10em; margin:0 auto; margin-top:1em; display:block; float:none; font-size:1em; padding:0.625em; line-height:100%; font-style:italic; cursor:pointer; }
@media only screen and (min-width:30em){
.Contact{ }
}
@media only screen and (min-width:40em){
.Contact{ }
.Contact aside.properties{ }
}
@media only screen and (min-width:48em){
.Contact{ }
.Contact h1{padding:0.5em 5% 0.5em 5%; }
.Contact .contact-form{width:48%; float:left; box-sizing:border-box; padding-left:5%; }
.Contact aside.info{width:48%; float:right; clear:none; }
.Contact aside.properties{width:48%; float:right; clear:none; }
.Contact aside.properties .other-locations ul{font-size:0.85em; }
.Contact aside.properties .usefull-links ul{font-size:0.85em; }
.Contact ul.send-message li span.accept{margin:0.25em 0 0 0.25em; }
}
@media only screen and (min-width:64em){
.Contact{font-size:1.55vw; }
}
@media only screen and (min-width:90em){
.Contact{font-size:1.35vw; }
}
@media only screen and (min-width:130em){
.Contact{font-size:1.05vw; }
}
.Partners{width:100%; overflow:hidden; margin-top:2.5em; }
.Partners .h1-wrap{background-color:#DCE9F2; display:block; overflow:hidden; padding:0; margin:0 0 2em 0; width:100%; }
.Partners h1{background-color:#FF6000; color:#ffffff; float:left; padding:0.5em 1em 0.5em 1em; font-size:1.25em; margin:0; font-family:'KoHo',sans-serif; }
.Partners .wibit{display:block; clear:both; float:left; height:4em; margin:0 0 0 1em; }
.Partners .wibit .wibit-logo{height:4em; }
.Partners .area-maris{display:block; float:right; height:4em; margin:0 1em 0 0; }
.Partners .area-maris .area-maris-logo{height:4em; }
@media only screen and (min-width:30em){
.Partners{width:50%; float:left; margin-top:2em; }
.Partners .wibit .wibit-logo{height:3em; }
.Partners .area-maris{float:left; margin:0 1em 0 1em; }
.Partners .area-maris .area-maris-logo{height:3em; }
}
@media only screen and (min-width:40em){
.Partners{ }
.Partners .wibit .wibit-logo{height:4em; }
.Partners .area-maris{margin:0 1em 0 2em; }
.Partners .area-maris .area-maris-logo{height:4em; }
}
@media only screen and (min-width:48em){
.Partners{ }
.Partners h1{padding:0.5em 5% 0.5em 5%; }
}
@media only screen and (min-width:64em){
.Partners{font-size:1.5vw; }
}
@media only screen and (min-width:90em){
.Partners{font-size:1.25vw; }
}
@media only screen and (min-width:130em){
.Partners{font-size:1vw; }
}
.FollowUs{width:100%; overflow:hidden; margin-top:3.5em; }
.FollowUs .h1-wrap{background-color:#DCE9F2; display:block; overflow:hidden; padding:0; margin:0 0 1.75em 0; width:100%; }
.FollowUs h1{background-color:#FF6000; color:#ffffff; float:left; padding:0.5em 1em 0.5em 1em; font-size:1.25em; margin:0; font-family:'KoHo',sans-serif; }
.FollowUs .facebook{display:block; clear:both; float:left; height:4em; margin:0 0 0 1em; }
.FollowUs .facebook .facebook-logo{height:4em; }
.FollowUs .youtube{display:block; float:right; height:4em; margin:0 1em 0 0; }
.FollowUs .youtube .youtube-logo{height:4em; }
@media only screen and (min-width:30em){
.FollowUs{width:50%; float:left; margin-top:2em; }
.FollowUs .h1-wrap{margin:0 0 2em 0; }
.FollowUs .facebook .facebook-logo{height:3em; }
.FollowUs .youtube{float:left; margin:0 1em 0 2em; }
.FollowUs .youtube .youtube-logo{height:3em; }
}
@media only screen and (min-width:40em){
.FollowUs{ }
.FollowUs .facebook .facebook-logo{height:4em; }
.FollowUs .youtube{margin:0 1em 0 2em; }
.FollowUs .youtube .youtube-logo{height:4em; }
}
@media only screen and (min-width:48em){
.FollowUs{ }
.FollowUs h1{padding:0.5em 5% 0.5em 5%; }
}
@media only screen and (min-width:64em){
.FollowUs{font-size:1.5vw; }
}
@media only screen and (min-width:90em){
.FollowUs{font-size:1.25vw; }
}
@media only screen and (min-width:130em){
.FollowUs{font-size:1vw; }
}
.Copyright{width:100%; overflow:hidden; margin-top:1em; color:#878c96; font-size:0.85em; }
@media only screen and (min-width:30em){
.Copyright{ }
}
@media only screen and (min-width:40em){
.Copyright{ }
}
@media only screen and (min-width:48em){
.Copyright{ }
}
@media only screen and (min-width:64em){
.Copyright{font-size:0.8vw; }
}
@media only screen and (min-width:90em){
.Copyright{ }
}
@media only screen and (min-width:130em){
.Copyright{ }
}
.resize-screen-up-circle{position:fixed; bottom:0.5em; right:0.5em; z-index:20; opacity:0; }
.resize-screen-up-circle a{background:url(https://www.aquapark-porec.com/container/images/r1/g2019/m06/arrow-up.png) no-repeat center 50%; background-size:60%; display:block; background-color:#FF6000; color:#a2b5ff; text-align:center; width:1.15em; height:1.15em; font-size:2em; line-height:150%; padding:0; border-radius:50%; border-color:#FF6000; border-style:solid; border-width:0.0625em; position:relative; animation:resizescreendowncircle 4s linear infinite; }
@media only screen and (min-width:30em){
.resize-screen-up-circle{ }
}
@media only screen and (min-width:48em){
.resize-screen-up-circle{ }
}
@media only screen and (min-width:64em){
.resize-screen-up-circle{ }
}
@media only screen and (min-width:80em){
.resize-screen-up-circle{ }
}
@media only screen and (min-width:90em){
.resize-screen-up-circle{ }
}
@keyframes resizescreendowncircle{0%,100%{transform:scale(1); } 50%{transform:scale(1.1); }}