*,:before,:after {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
* {-webkit-font-smoothing: antialiased;}
@font-face {
    font-family: Gotham;
    src: url(../fonts/gothamhtf-light-webfont.eot);
    src: url(../fonts/gothamhtf-light-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/gothamhtf-light-webfont.woff) format('woff'), url(../fonts/gothamhtf-light-webfont.ttf) format('truetype'), url(../fonts/gothamhtf-light-webfont.svg#gotham_htfmedium) format('svg');
    font-weight: 200;
    font-style: normal
}
@font-face {
    font-family: Gotham;
    src: url(../fonts/GothamHTF-Book.eot);
    src: url(../fonts/GothamHTF-Book.eot?#iefix) format('embedded-opentype'), url(../fonts/GothamHTF-Book.woff) format('woff'), url(../fonts/GothamHTF-Book.ttf) format('truetype'), url(../fonts/GothamHTF-Book.svg) format('svg');
    font-weight: normal;
    font-style: normal
}
@font-face {
    font-family: Gotham;
    src: url(../fonts/gothamhtf-medium-webfont.eot);
    src: url(../fonts/gothamhtf-medium-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/gothamhtf-medium-webfont.woff) format('woff'), url(../fonts/gothamhtf-medium-webfont.ttf) format('truetype'), url(../fonts/gothamhtf-medium-webfont.svg#gotham_htfmedium) format('svg');
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: Gotham;
    src: url(../fonts/gothamhtf-bold-webfont.eot);
    src: url(../fonts/gothamhtf-bold-webfont.eot?#iefix) format('embedded-opentype'), url(../fonts/gothamhtf-bold-webfont.woff) format('woff'), url(../fonts/gothamhtf-bold-webfont.ttf) format('truetype'), url(../fonts/gothamhtf-bold-webfont.svg#gotham_htfmedium) format('svg');
    font-weight: 700;
    font-style: normal
}

/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

html {min-height: 100%; background: #FFF; font-family: Gotham, Helvetica, Arial, sans-serif; font-size: 12px; color: #000; line-height: 1.4;}

::-moz-selection {background: #b3d4fc; text-shadow: none;}
::selection {background: #b3d4fc; text-shadow: none;}

hr {display: block; height: 1px; margin: 1em 0; padding: 0; border: 0; border-top: 1px solid #ccc;}

audio, canvas, iframe, img, svg, video {vertical-align: middle;}

fieldset {margin: 0; padding: 0; border: 0;}
textarea {resize: vertical;}

label.error {display: none!important;}
input.error, textarea.error {border: 1px solid #e03939!important;}

a {color: #000; text-decoration: none; -webkit-transition: color 0.6s ease-out; -moz-transition: color 0.6s ease 0s; -o-transition: color 0.6s ease 0s; transition: color 0.6s ease 0s;}
a:hover {text-decoration: underline;}


header {width: 100%; padding: 0 20px; background: #FFF; line-height: 56px; overflow: hidden; z-index: 999;}
header h1 {margin: 0; font-family: Gotham; font-size: 14px; text-transform: uppercase; float: left;}
header h1 span {font-weight: normal;}

header nav {margin: 0 0 0 30px; float: left;}
header nav a {margin-right: 8px; font-size: 11px; font-weight: 500; text-transform: uppercase;}
header nav a:hover {color: #999; text-decoration: none;}
header nav a:after {content: '|'; margin-left: 15px; font-size: 9px; color: #000;}
header nav a:last-child:after {content: normal;}

header .social-icons {position: absolute; right: 20px; top: 3px;}
header .social-icons img {height: 32px;}

header .langs {position: absolute; right: 90px; text-transform: uppercase;}
header .langs a.active {font-weight: bold;}

header .menu {display: none;}

header nav>a:first-of-type {display: none;}

.langsmobile {display: none;}

.overlay {background: rgba(64, 192, 240, 0.6); position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.overlay img {width: 300px; position: absolute; top: 50px; left: 50px;}



.overlay_flyer {width: 100%; height: 100%; text-align: center; position: absolute; top: 0; right: 0; bottom: 0; left: 0;}
.overlay_flyer .center {height: 80vh; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.overlay_flyer .flyer {max-width: 100%; max-height: 100%; border: 20px solid #FFF;}
.overlay_flyer .mobile {display: none;}
.overlay_flyer .close_flyer img {width: 20px; position: absolute; top: 0; right: -30px;}
    

.fullscreen-bg {width: 100vw; height: calc(100vh - 57px); overflow: hidden; position: relative; z-index: -100;}

.fullscreen-bg__video {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}


.pilates {padding: 50px 0 10px; background: url('../uploads/pilates.jpg') no-repeat center; background-size: cover;}
.pilates .nav-wrapper {margin-bottom: 50px; overflow: hidden;}
.pilates .nav-item {width: 25%; text-align: center; position: relative; float: left;}
.pilates .nav-item:after {content: ''; height: 40px; border-right: 1px solid #FFF;     position: absolute; right: 0; top: 20px;}
.pilates .nav-item:last-child:after {content: normal;}
.pilates .nav-item a {color: #FFF;}
.pilates .nav-item h3 {margin: 20px 0 5px; font-size: 15px; text-transform: uppercase;}
.pilates .nav-item h4 {margin: 0; font-size: 12px; font-weight: normal; text-transform: uppercase;}

.pilates-info {height: 42px; line-height: 42px; text-align: center; position: absolute; right: 0; bottom: 0; left: 0;}
.pilates-info .more {padding: 15px 26px; background: #000; border-top-right-radius: 10px; border-top-left-radius: 10px; font-size: 11px; font-weight: 500; color: #FFF; text-transform: uppercase;}
.pilates-info .more:hover {background: #FFF; color: #000; text-decoration: none;}


.col-1-3 {width: 33.333%; float: left;}
.col-2-3 {width: 66.666%; position: relative; float: left;}

.col-wrapper {padding-top: 50px; position: relative; overflow: hidden;}
.col-wrapper img {width: 100%;}

.col-1-3 .thumb {width: 50%; padding-left: 20px; float: left;}
.col-1-3 .content {width: 50%; padding: 0 10px 0 20px; float: left;}
.col-1-3 .content h3 {margin: 0 0 10px; text-transform: uppercase;}

blockquote {margin: 20px 0; font-size: 13px; font-weight: bold; font-style: italic;}

.location .thumb {width: 50%; float: left;}
.location .content {width: 100%; padding: 0 50px 0 40px; float: left;}
.location .content h3 {margin: 40px 0 10px; font-size: 25px; font-weight: 500; text-transform: uppercase;}
.location .content .read-more {width: 140px; position: absolute; bottom: 30px;}

#onde-estamos .col-2-3 {height: 300px; background-position: center; background-size: cover;}

.cover-img {width: 100%; height: 100%; background: no-repeat center; background-size: cover;}

.read-more-wrapper {margin-top: 50px; text-align: center;}
.read-more {display: inline-block; margin: 0 auto; padding: 15px 26px; background: #000; font-size: 11px; font-weight: 500; color: #FFF; text-transform: uppercase; text-align: center;}
.read-more:hover {background: #FFF; color: #000; text-decoration: none;}

.content p {text-align: justify;}

.banner {height: 200px; padding: 0; background: url('../uploads/pilates.jpg') no-repeat center; background-size: cover; position: relative;}
.banner .title {min-width: 730px; font-size: 36px; font-weight: 200; color: #FFF; text-transform: uppercase; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.not-full {width: 1100px; margin: 40px auto; overflow: hidden;}
.not-full .item {margin-bottom: 20px; overflow: hidden;}
.not-full .item .img {width: 60%; padding: 0 20px 0 0; float: left;}
.not-full .item .content {width: 40%; padding: 0 0 0 20px; font-size: 15px; float: left;}
.not-full .item img {width: 100%; margin-bottom: 30px;}
.not-full .item h3 {margin: 0 0 20px; font-size: 34px; font-weight: 200; text-transform: uppercase;}
.not-full .item h4 {margin: 0 0 20px; font-size: 16px; font-weight: 200; text-transform: uppercase;}

.equipa .item {width: 50%; padding: 0 34px; float: left;}
.equipa .item .img {width: 180px; height: 180px; margin: 0 auto 20px; background-position: center; background-size: cover; border-radius: 100%; float: none;}
.equipa .item .content {width: 100%; padding: 0; float: none;}

form {margin-top: 25px;}
form input, form textarea {width: 100%; margin-bottom: 20px; padding: 5px 10px; background: none; border: 1px solid #000;}
form button {padding: 6px 12px; background: #000; border: none; font-size: 11px; font-weight: 500; color: #FFF; text-transform: uppercase; -webkit-transition: background-color 0.6s ease-out; -moz-transition: background-color 0.6s ease 0s; -o-transition: background-color 0.6s ease 0s; transition: background-color 0.6s ease 0s;}
form button:hover {background: #FFF; color: #000;}

::-webkit-input-placeholder {color: #000;}
:-moz-placeholder {color: #000;}
::-moz-placeholder {color: #000;}
:-ms-input-placeholder {color: #000;}

footer {padding: 15px 20px; background: #000; font-size: 11px; color: #FFF; overflow: hidden;}
footer .left {float: left;}
footer .right {float: right;}
.welcome footer {display: none;}

footer .left a {
        text-transform: uppercase; text-align: left; margin-right: 20px;
    }
footer .left a:first-of-type {font-weight: 500}

footer .right span {display: inline-block; margin-left: 20px;}

.cc_main_text {margin-bottom: 60px;}


@media (min-width: 1430px) {
header nav a {margin-right: 14px;}
header nav>a:first-of-type {display: inline-block;}

}

@media (max-width: 767px) {
    .fullscreen-bg__video {object-fit: cover;}
}

@media (max-width: 340px) {
	header h1 {margin-top: 2px; font-size: 10px!important;}
}

@media (max-width: 800px) {
    .langs.no-mobile{display: none;}
.langsmobile {display: block;}
.langsmobile a {background: #000; color: #fff;}

.content p {text-align: left;}

    footer .left , footer .right {padding: 10px 20px;}
    footer .left a {
        display: block; text-transform: uppercase; text-align: left;
    }

    footer .right {text-align: left;}
    footer .right span {display: block; margin-left: 0px;}


    header h1 {margin-top: 2px; font-size: 12px;}
    header nav {display: none;}
    .open-nav header nav {display: block;}
    
    header .social-icons {float: none; position: absolute; right: 50px; top: 0px}
    
    
    body {overflow-y: auto; position: relative;}
    body.open-nav {overflow-y: hidden; position: fixed; top: 0}
    
    header .social-icons img {height: 20px}
	
	header i {font-size: 16px!important; margin: 0px!important;}
	
    header .menu {display: block; float: none; position: absolute; right: 20px; top:-3px;}
    header .menu img {height: 15px; margin: 0px;}

    header nav {width: 100%; margin: 0; padding: 20px 20px 0; background: #FFF; text-align: center; position: fixed; top: 50px; left: 0;  z-index: 999999; height: 100vh;}
    header nav a {display: block; width: 100%; margin: 0; padding: 0; border-top: 1px solid #000; font-size: 12px; line-height: 40px; text-align: center; float: none;}
    header nav a:after {content: normal;}
	
	
    .fullscreen-bg {z-index: 0;}

    .overlay img {width: 130px; top: 25px; left: 25px;}

    .pilates {padding: 30px 0 10px;}
    .pilates-info {width: 100%;}
    .pilates-info h2 {margin: 0 0 20px; font-size: 25px;}
    .pilates-info .more {width: 280px!important; margin: 20px auto; font-size: 12px;}

    .col-1-3, .col-2-3 {width: 100%; margin: 0 0 30px; overflow: hidden; float: none;}
    .not-full .item .img, .not-full .item .content {width: 100%; margin: 0 0 30px; padding: 0 20px!important; overflow: hidden; float: none;}

    .col-1-3 .content {padding: 0 20px;}

    #onde-estamos {margin-top: 0; padding: 0 0 50px;}
    .col-1-3 .location img {margin-top: 0; padding-bottom: 50px;}

    .not-full {width: 100%; }

    .banner .title {min-width: 100%; padding: 10px;}

    .location .content h3 {margin: 0 0 10px;}
    .location .content img {width: 130px!important;}

    footer {padding: 15px 0px; font-size: 11px; text-align: center;}

    footer .left, footer .right {float: none;}

    .banner .title {font-size: 22px;}

    .equipa .item {width: 100%; padding: 0;}

    .equipa .item .img {width: 250px; height: 250px; margin: 0 auto 20px;}

    .read-more {width: 100%!important; font-size: 13px;}

    .location .content .read-more {width: 140px!important;}


    .overlay_flyer .center {max-width: 90%; width: 100%;}
    .overlay_flyer .mobile {display: inline; border: 5px solid #FFF;}
    .overlay_flyer .non-mobile {display: none;}
    .overlay_flyer .close_flyer img {top: -30px; right: 0px;}



}


@media (max-width: 320px) {

    .overlay_flyer {background: #FFF;}
    .overlay_flyer .center {max-width: 100%; width: 100%; background: #FFF;}
    .overlay_flyer .mobile {display: inline; border: 10px solid #FFF;}
    .overlay_flyer .close_flyer img {top: -30px; right: 20px;}

}

@media print {
    * {
        background: transparent!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    a,
    a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: ""
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }
    thead {
        display: table-header-group
    }
    tr,
    img {
        page-break-inside: avoid
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3
    }
    h2,
    h3 {
        page-break-after: avoid
    }
}