www.blueoceansurfschool.com

https://www.blueoceansurfschool.com

BOOK NOW SURF LESSONS RENT NOW SURF RENTALS :root { --primary: #00b8f4; --texto: #FFFFFF; --corPreco: #F0F0F0; --corSubTitulo: #F0F0F0; --corSombra: #202020; } h1, h2, h3, h4, h5, h6 { color: #222; font-family: "Josefin Sans",sans-serif; text-transform: uppercase; margin: 25px 0; -ms-word-wrap: break-word; word-wrap: break-word; } a, p a { color: #222; text-decoration: none; -webkit-transition: color .2s ease-out; -o-transition: color .2s ease-out; transition: color .2s ease-out; } ::selection { background: #16d5cc; color: #fff } body { font-family: "Source Sans Pro",sans-serif; font-size: 17px; font-weight: 400; line-height: 1.588em; color: #858585; background-color: #fff; -webkit-font-smoothing: antialiased; overflow-x: hidden!important; } .nubicast-banner-holder { position: relative; display: inline-block; width: 100%; vertical-align: middle } .touch .nubicast-banner-holder { cursor: pointer } .nubicast-banner-holder.nubicast-visible-on-hover:hover .nubicast-banner-text-holder { opacity: 1 } .nubicast-banner-text-inner { display: flex; flex-direction: column; flex-wrap: wrap; align-items: center; } .nubicast-banner-holder.nubicast-visible-on-hover .nubicast-banner-text-holder { opacity: 0; -webkit-transition: opacity .2s ease-out; -o-transition: opacity .2s ease-out; transition: opacity .2s ease-out } .nubicast-banner-holder.nubicast-disabled .nubicast-banner-text-holder { display: none } .nubicast-banner-holder.nubicast-banner-info-centered .nubicast-banner-text-holder { padding: 70px 20px; text-align: center } .nubicast-banner-holder .nubicast-banner-image { position: relative; display: inline-block; width: 100%; vertical-align: middle; overflow: hidden } .nubicast-banner-holder .nubicast-banner-image img { display: block; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); filter: grayscale(1) brightness(0.6); -webkit-transition: -webkit-transform .3s cubic-bezier(.35,.37,.75,.75); transition: -webkit-transform .3s cubic-bezier(.35,.37,.75,.75); -o-transition: transform .3s cubic-bezier(.35,.37,.75,.75); transition: transform .3s cubic-bezier(.35,.37,.75,.75); transition: transform .3s cubic-bezier(.35,.37,.75,.75),-webkit-transform .3s cubic-bezier(.35,.37,.75,.75); width: 100%; max-height: 20rem; object-fit: cover; } .nubicast-banner-holder:hover .nubicast-banner-image img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); filter: grayscale(0); } .nubicast-banner-holder .nubicast-banner-additional-image { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-right: 23px; right: 0; max-height: 80%; z-index: 0 } @media only screen and (max-width: 1440px) { .nubicast-banner-holder .nubicast-banner-additional-image { margin-right:3px } } @media only screen and (max-width: 1024px) { .nubicast-banner-holder .nubicast-banner-additional-image { margin-right:20px } } .nubicast-banner-holder .nubicast-banner-additional-image img { height: auto; width: auto; display: block } @media only screen and (max-width: 1440px) { .nubicast-banner-holder .nubicast-banner-additional-image img { max-width:80px } } .nubicast-banner-holder .nubicast-banner-text-holder { position: absolute; display: block; width: 100%; height: 100%; top: 0; left: 0; padding: 55px; background-color: rgba(34,34,34,.4); -webkit-box-sizing: border-box; box-sizing: border-box } @media only screen and (max-width: 1440px) { .nubicast-banner-holder .nubicast-banner-text-holder { padding:35px 17px } } @media only screen and (max-width: 768px) { .nubicast-banner-holder .nubicast-banner-text-holder { padding:25px } } @media only screen and (max-width: 680px) { .nubicast-banner-holder .nubicast-banner-text-holder { padding:50px } } .nubicast-banner-holder .nubicast-banner-text-outer { display: flex; height: 100%; width: 100%; align-items: center; justify-content: center; flex-direction: row; } .nubicast-banner-holder .nubicast-banner-text-inner .nubicast-banner-highlighted-text { line-height: 1em } .nubicast-banner-holder .nubicast-banner-text-inner .nubicast-banner-highlighted-text .nubicast-banner-highlighted-text-inner { background-color: #00b8f4; padding: 11px 12px 8px 12px; color: #fff; font-weight: 700; } .nubicast-banner-holder .nubicast-banner-subtitle { margin: 0 0 4px; color: #fff } .nubicast-banner-holder .nubicast-banner-title { margin: 0; color: #fff; font-size: 2.0rem; /*text-shadow: 3px 2px var(--corSombra, black);*/ /*min-height: 5rem;*/ } .nubicast-banner-holder .nubicast-banner-title .nubicast-banner-title-light { font-weight: 300 } .nubicast-banner-holder .nubicast-banner-link-text { position: relative; display: inline-block; vertical-align: top; margin: 11px 0 0; color: #fff; line-height: 1em; z-index: 2; -webkit-transform: translateZ(0); transform: translateZ(0) } .nubicast-banner-holder .nubicast-banner-link-text:hover .nubicast-banner-link-hover { width: 100% } .nubicast-banner-holder .nubicast-banner-link-text .nubicast-banner-link-original { position: relative; display: inline-block; vertical-align: top; width: 100% } .nubicast-banner-holder .nubicast-banner-link-text .nubicast-banner-link-original span { color: inherit } .nubicast-banner-holder .nubicast-banner-link-text .nubicast-banner-link-hover { position: absolute; top: 0; left: 0; width: .1%; height: 100%; display: inline-block; vertical-align: top; white-space: nowrap; over

Keywords:

Category: Sports

City:

State:

Country: Unknown

Currency :

Avg product price:

Platform: WooCommerce

Technologies used:

Contact page: https://www.blueoceansurfschool.com/site/contacts

Social links: